@happyvertical/smrt-messages 0.34.5 → 0.34.7

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;AAwFD,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.5",
+  "version": "0.34.7",
   "description": "Unified multi-channel messaging with STI-based hierarchies",
   "type": "module",
+  "smrtRawPrimitives": "strict",
   "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-types": "0.34.5",
-    "@happyvertical/smrt-tenancy": "0.34.5",
-    "@happyvertical/smrt-secrets": "0.34.5",
-    "@happyvertical/smrt-ui": "0.34.5",
-    "@happyvertical/smrt-core": "0.34.5"
+    "@happyvertical/smrt-core": "0.34.7",
+    "@happyvertical/smrt-types": "0.34.7",
+    "@happyvertical/smrt-secrets": "0.34.7",
+    "@happyvertical/smrt-tenancy": "0.34.7",
+    "@happyvertical/smrt-ui": "0.34.7"
   },
   "peerDependencies": {
     "@happyvertical/encryption": "*",
@@ -66,7 +67,7 @@
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vitest": "^4.0.17",
-    "@happyvertical/smrt-vitest": "0.34.5"
+    "@happyvertical/smrt-vitest": "0.34.7"
   },
   "keywords": [
     "email",