@happyvertical/smrt-messages 0.34.4 → 0.34.6

package/dist/svelte/components/MessageFilters.svelte

@@ -3,6 +3,7 @@
  * MessageFilters - Filter/sort controls bar
  */
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import { M } from '../i18n.messages.js';
 import type {
   AccountData,
@@ -85,7 +86,7 @@ const _hasActiveFilters = $derived(
       onkeydown={(e) => { if (e.key === 'Enter') handleSearch(); }}
       aria-label={t(M['messages.message_filters.search_label'])}
     />
-    <button class="search-btn" type="button" onclick={handleSearch}>Search</button>
+    <Button variant="primary" class="search-btn" onclick={handleSearch}>Search</Button>
   </div>
 
   <div class="filter-row">
@@ -139,9 +140,9 @@ const _hasActiveFilters = $derived(
     </label>
 
     {#if _hasActiveFilters}
-      <button class="clear-btn" type="button" onclick={clearFilters}>
+      <Button variant="ghost" size="sm" class="clear-btn" onclick={clearFilters}>
         {t(M['messages.message_filters.clear_filters'])}
-      </button>
+      </Button>
     {/if}
   </div>
 </div>
@@ -177,18 +178,16 @@ const _hasActiveFilters = $derived(
     outline-offset: -1px;
   }
 
-  .search-btn {
+  /*
+   * Search now renders through smrt-ui's <Button variant="primary">. The variant
+   * owns the filled-primary background + hover; `.search-row :global(.search-btn)`
+   * only re-asserts the original small radius and label font/padding by piercing
+   * the Button child scope (issue #1589).
+   */
+  .search-row :global(.search-btn) {
     padding: 0.5rem 1rem;
-    border: none;
     border-radius: var(--smrt-radius-small, 0.25rem);
-    background: var(--smrt-color-primary, #005ac1);
-    color: var(--smrt-color-on-primary, #fff);
     font: var(--smrt-typography-label-large-font, 500 0.875rem / 1.25 sans-serif);
-    cursor: pointer;
-  }
-
-  .search-btn:hover {
-    opacity: 0.9;
   }
 
   .filter-row {
@@ -216,13 +215,18 @@ const _hasActiveFilters = $derived(
     cursor: pointer;
   }
 
-  .clear-btn {
+  /*
+   * Clear filters now renders through smrt-ui's <Button variant="ghost">.
+   * `.filter-row :global(.clear-btn)` anchors on the real `.filter-row` element
+   * and pierces the Button child scope to keep the underlined text-link look
+   * (issue #1589).
+   */
+  .filter-row :global(.clear-btn) {
     padding: 0.25rem 0.5rem;
     border: none;
     background: none;
     font: var(--smrt-typography-label-medium-font, 500 0.75rem / 1.33 sans-serif);
     color: var(--smrt-color-primary, #005ac1);
-    cursor: pointer;
     text-decoration: underline;
   }
 </style>

package/dist/svelte/components/MessageFilters.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageFilters.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/MessageFilters.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,WAAW,EACZ,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAgHD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MessageFilters.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/MessageFilters.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,WAAW,EACZ,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAiHD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/components/MessageToolbar.svelte

@@ -3,6 +3,7 @@
  * MessageToolbar - Bulk action toolbar
  */
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import type { Snippet } from 'svelte';
 import { M } from '../i18n.messages.js';
 import type { BulkAction } from '../types.js';
@@ -33,37 +34,37 @@ const {
     {#if selectedCount > 0}
       <span class="count">{t(M['messages.message_toolbar.count_selected'], { selectedCount, totalCount })}</span>
       {#if onclearselection}
-        <button class="link-btn" type="button" onclick={onclearselection}>
+        <Button variant="ghost" size="sm" class="link-btn" onclick={onclearselection}>
           Clear
-        </button>
+        </Button>
       {/if}
     {:else}
       <span class="count">{totalCount} messages</span>
     {/if}
     {#if onselectall && selectedCount < totalCount}
-      <button class="link-btn" type="button" onclick={onselectall}>
+      <Button variant="ghost" size="sm" class="link-btn" onclick={onselectall}>
         {t(M['messages.message_toolbar.select_all'])}
-      </button>
+      </Button>
     {/if}
   </div>
 
   {#if selectedCount > 0 && onaction}
     <div class="actions">
-      <button class="action-btn" type="button" onclick={() => onaction?.('markRead')}>
+      <Button variant="ghost" size="sm" class="action-btn" onclick={() => onaction?.('markRead')}>
         {t(M['messages.message_toolbar.mark_read'])}
-      </button>
-      <button class="action-btn" type="button" onclick={() => onaction?.('markUnread')}>
+      </Button>
+      <Button variant="ghost" size="sm" class="action-btn" onclick={() => onaction?.('markUnread')}>
         {t(M['messages.message_toolbar.mark_unread'])}
-      </button>
-      <button class="action-btn" type="button" onclick={() => onaction?.('flag')}>
+      </Button>
+      <Button variant="ghost" size="sm" class="action-btn" onclick={() => onaction?.('flag')}>
         Flag
-      </button>
-      <button class="action-btn" type="button" onclick={() => onaction?.('unflag')}>
+      </Button>
+      <Button variant="ghost" size="sm" class="action-btn" onclick={() => onaction?.('unflag')}>
         Unflag
-      </button>
-      <button class="action-btn action-btn--danger" type="button" onclick={() => onaction?.('delete')}>
+      </Button>
+      <Button variant="ghost" size="sm" class="action-btn action-btn--danger" onclick={() => onaction?.('delete')}>
         Delete
-      </button>
+      </Button>
       {#if extraActions}
         {@render extraActions()}
       {/if}
@@ -94,12 +95,20 @@ const {
     color: var(--smrt-color-on-surface-variant, #43474e);
   }
 
-  .link-btn {
+  /*
+   * The link and action buttons now render through smrt-ui's <Button
+   * variant="ghost">. The <button> is emitted inside the Button child, so a
+   * plain scoped rule would not match — anchoring on the real `.selection-info`
+   * / `.actions` elements and piercing with `:global(...)` keeps the original
+   * text-link / outlined-surface styling (issue #1589). The destructive button's
+   * modifier is `action-btn--danger`, NOT `danger`, so it never collides with
+   * Button's own `.danger` variant class.
+   */
+  .selection-info :global(.link-btn) {
     border: none;
     background: none;
     font: var(--smrt-typography-label-medium-font, 500 0.75rem / 1.33 sans-serif);
     color: var(--smrt-color-primary, #005ac1);
-    cursor: pointer;
     text-decoration: underline;
     padding: 0;
   }
@@ -110,21 +119,20 @@ const {
     flex-wrap: wrap;
   }
 
-  .action-btn {
+  .actions :global(.action-btn) {
     padding: 0.25rem 0.625rem;
     border: 1px solid var(--smrt-color-outline, #72787e);
     border-radius: var(--smrt-radius-small, 0.25rem);
     background: var(--smrt-color-surface, #fefbff);
     color: var(--smrt-color-on-surface, #1a1c1e);
     font: var(--smrt-typography-label-small-font, 500 0.6875rem / 1 sans-serif);
-    cursor: pointer;
   }
 
-  .action-btn:hover {
+  .actions :global(.action-btn):hover {
     background: var(--smrt-color-surface-variant, #e1e2ec);
   }
 
-  .action-btn--danger {
+  .actions :global(.action-btn--danger) {
     color: var(--smrt-color-error, #ba1a1a);
     border-color: var(--smrt-color-error, #ba1a1a);
   }

package/dist/svelte/components/MessageToolbar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageToolbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/MessageToolbar.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,MAAM,WAAW,KAAK;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAoED,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MessageToolbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/MessageToolbar.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,MAAM,WAAW,KAAK;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAqED,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/components/RecipientInput.svelte

@@ -10,6 +10,8 @@ export interface Props {
 </script>
 
 <script lang="ts">
+  import { Button } from '@happyvertical/smrt-ui/ui';
+
   let {
     label = 'To',
     recipients = [],
@@ -61,11 +63,12 @@ export interface Props {
     {#each recipients as recipient, i}
       <span class="chip" class:invalid={!recipient.isValid}>
         <span class="chip-text">{recipient.name || recipient.address}</span>
-        <button
+        <Button
+          variant="ghost"
+          size="sm"
           class="chip-remove"
           onclick={() => removeRecipient(i)}
-          type="button"
-        >×</button>
+        >×</Button>
       </span>
     {/each}
     <input
@@ -122,17 +125,23 @@ export interface Props {
     color: var(--smrt-color-on-error-container, #410002);
   }
 
-  .chip-remove {
+  /*
+   * The chip remove button now renders through smrt-ui's <Button variant="ghost">.
+   * `.chips-container :global(.chip-remove)` anchors on the real `.chips-container`
+   * element and pierces the Button child scope to keep the compact icon styling.
+   * `color: inherit` keeps it matching the chip text color (including the invalid
+   * chip's error color) — issue #1589.
+   */
+  .chips-container :global(.chip-remove) {
     background: none;
     border: none;
-    cursor: pointer;
     padding: 0 var(--smrt-spacing-1, 4px);
     font-size: var(--smrt-typography-label-large-size, 14px);
     color: inherit;
     opacity: 0.7;
   }
 
-  .chip-remove:hover {
+  .chips-container :global(.chip-remove):hover {
     opacity: 1;
   }
 

package/dist/svelte/components/RecipientInput.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecipientInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/RecipientInput.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAmED,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"RecipientInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/RecipientInput.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAwED,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/components/ReplyForm.svelte

@@ -11,6 +11,7 @@ export interface Props {
 
 <script lang="ts">
   import { useI18n } from '@happyvertical/smrt-ui/i18n';
+  import { Button } from '@happyvertical/smrt-ui/ui';
   import { M } from '../i18n.js';
 
   const { t } = useI18n();
@@ -77,17 +78,16 @@ export interface Props {
   {/if}
 
   <div class="actions">
-    <button
-      type="button"
-      class="btn-primary"
+    <Button
+      variant="primary"
       disabled={isSending || !body.trim()}
       onclick={handleSend}
     >
       {isSending ? 'Sending...' : 'Send Reply'}
-    </button>
-    <button type="button" class="btn-text" onclick={() => oncancel?.()}>
+    </Button>
+    <Button variant="ghost" class="btn-text" onclick={() => oncancel?.()}>
       Cancel
-    </button>
+    </Button>
   </div>
 </div>
 
@@ -155,29 +155,13 @@ export interface Props {
     gap: var(--smrt-spacing-2, 8px);
   }
 
-  .btn-primary {
-    padding: var(--smrt-spacing-2, 8px) var(--smrt-spacing-6, 24px);
-    border-radius: var(--smrt-radius-full, 20px);
-    border: none;
-    background: var(--smrt-color-primary, #6750a4);
-    color: var(--smrt-color-on-primary, #fff);
-    font-family: var(--smrt-font-family, system-ui);
-    font-size: var(--smrt-typography-label-large-size, 14px);
-    cursor: pointer;
-  }
-
-  .btn-primary:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-  }
-
-  .btn-text {
-    padding: var(--smrt-spacing-2, 8px) var(--smrt-spacing-4, 16px);
-    border: none;
-    background: transparent;
+  /*
+   * Send Reply now uses Button's primary variant directly (dead .btn-primary CSS
+   * removed). The Cancel button keeps its neutral on-surface-variant text via
+   * `.actions :global(.btn-text)` (Button's ghost uses the primary color) —
+   * issue #1589.
+   */
+  .actions :global(.btn-text) {
     color: var(--smrt-color-on-surface-variant, #49454f);
-    font-family: var(--smrt-font-family, system-ui);
-    font-size: var(--smrt-typography-label-large-size, 14px);
-    cursor: pointer;
   }
 </style>

package/dist/svelte/components/ReplyForm.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplyForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ReplyForm.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,KAAK;IACpB,eAAe,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAoFD,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ReplyForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ReplyForm.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,KAAK;IACpB,eAAe,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAsFD,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/svelte/components/ThreadView.svelte

@@ -3,6 +3,7 @@
  * ThreadView - Conversation thread with collapsible messages
  */
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import { M } from '../i18n.messages.js';
 import type { MessageData } from '../types.js';
 import MessageDetail from './MessageDetail.svelte';
@@ -101,9 +102,10 @@ const _sortedMessages = $derived(
       role="listitem"
     >
       {#if collapsed.has(message.id)}
-        <button
+        <Button
+          variant="ghost"
+          fullWidth
           class="collapsed-header"
-          type="button"
           onclick={() => toggleCollapse(message.id)}
         >
           <span class="collapsed-sender">
@@ -117,19 +119,19 @@ const _sortedMessages = $derived(
               ? new Date(message.date).toLocaleDateString()
               : message.date?.toLocaleDateString() || ''}
           </span>
-        </button>
+        </Button>
       {:else}
         <div class="message-wrapper">
           {#if messages.length > 1}
-            <button
+            <Button
+              variant="ghost"
               class="collapse-btn"
-              type="button"
               onclick={() => toggleCollapse(message.id)}
               title={t(M['messages.thread_view.collapse'])}
               aria-label={t(M['messages.thread_view.collapse_message'])}
             >
               ▼
-            </button>
+            </Button>
           {/if}
           {#if onmessageclick}
             <div
@@ -187,13 +189,19 @@ const _sortedMessages = $derived(
     position: relative;
   }
 
-  .collapse-btn {
+  /*
+   * The collapse toggle and collapsed header now render through smrt-ui's
+   * <Button variant="ghost">. The <button> is emitted inside the Button child,
+   * so anchoring on the real `.message-wrapper` / `.thread-message` elements and
+   * piercing with `:global(...)` keeps the original positioning and styling
+   * (issue #1589).
+   */
+  .message-wrapper :global(.collapse-btn) {
     position: absolute;
     top: 0.75rem;
     right: 0.75rem;
     border: none;
     background: none;
-    cursor: pointer;
     font-size: var(--smrt-typography-label-medium-size, 0.75rem);
     color: var(--smrt-color-on-surface-variant, #43474e);
     z-index: 1;
@@ -201,11 +209,11 @@ const _sortedMessages = $derived(
     border-radius: var(--smrt-radius-small, 0.25rem);
   }
 
-  .collapse-btn:hover {
+  .message-wrapper :global(.collapse-btn):hover {
     background: var(--smrt-color-surface-variant, #e1e2ec);
   }
 
-  .collapsed-header {
+  .thread-message :global(.collapsed-header) {
     display: flex;
     align-items: center;
     gap: 0.75rem;
@@ -214,13 +222,12 @@ const _sortedMessages = $derived(
     border: 1px solid var(--smrt-color-outline-variant, #c4c6d0);
     border-radius: var(--smrt-radius-medium, 0.5rem);
     background: var(--smrt-color-surface-variant, #e1e2ec);
-    cursor: pointer;
     text-align: left;
     color: inherit;
     font: inherit;
   }
 
-  .collapsed-header:hover {
+  .thread-message :global(.collapsed-header):hover {
     background: color-mix(in srgb, var(--smrt-color-surface-variant, #e1e2ec) 92%, var(--smrt-color-shadow, #000));
   }
 

package/dist/svelte/components/ThreadView.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadView.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ThreadView.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAqID,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ThreadView.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ThreadView.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAsID,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@happyvertical/smrt-messages",
-  "version": "0.34.4",
+  "version": "0.34.6",
   "description": "Unified multi-channel messaging with STI-based hierarchies",
   "type": "module",
+  "smrtRawPrimitives": "strict-buttons",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -39,11 +40,11 @@
     "@happyvertical/messages": "^0.74.7",
     "@happyvertical/sql": "^0.74.7",
     "@happyvertical/utils": "^0.74.7",
-    "@happyvertical/smrt-core": "0.34.4",
-    "@happyvertical/smrt-types": "0.34.4",
-    "@happyvertical/smrt-tenancy": "0.34.4",
-    "@happyvertical/smrt-ui": "0.34.4",
-    "@happyvertical/smrt-secrets": "0.34.4"
+    "@happyvertical/smrt-types": "0.34.6",
+    "@happyvertical/smrt-secrets": "0.34.6",
+    "@happyvertical/smrt-tenancy": "0.34.6",
+    "@happyvertical/smrt-core": "0.34.6",
+    "@happyvertical/smrt-ui": "0.34.6"
   },
   "peerDependencies": {
     "@happyvertical/encryption": "*",
@@ -66,7 +67,7 @@
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vitest": "^4.0.17",
-    "@happyvertical/smrt-vitest": "0.34.4"
+    "@happyvertical/smrt-vitest": "0.34.6"
   },
   "keywords": [
     "email",