@refraction-ui/astro 0.9.0 → 0.10.0

package/dist/astro-conversation/Chat.astro

@@ -88,7 +88,7 @@ function isOwn(m: ChatMessage): boolean {
       ) : (
         timeline.map((message) => {
           const parent = state.threadingMode === 'inline' && message.parentId
-            ? findMessage(state.messages, message.parentId)
+            ? findMessage(state.messages, message.replyToId ?? message.parentId)
             : undefined
           const replyCount = getReplyCount(state.messages, message.id)
           return (
@@ -137,7 +137,7 @@ function isOwn(m: ChatMessage): boolean {
                   </div>
                 )}
 
-                {state.threadingMode === 'panel' && replyCount > 0 && (
+                {replyCount > 0 && (
                   <button type="button" class="mt-1 text-xs font-medium text-primary hover:underline" data-rfr-open-thread data-root-id={message.id}>
                     💬 {replyCount} {replyCount === 1 ? 'reply' : 'replies'}
                   </button>

package/dist/conversation/conversation.ts

@@ -40,6 +40,7 @@ export function createConversation(config: ConversationConfig = {}): Conversatio
   const messagesByConv = new Map<string, ChatMessage[]>()
   let activeConversationId: string | null = config.activeConversationId ?? null
   let openThreadRootId: string | null = null
+  let replyTarget: string | null = null
   let status: ConversationState['status'] = 'idle'
   let error: string | null = null
   let abortController: AbortController | null = null
@@ -66,6 +67,7 @@ export function createConversation(config: ConversationConfig = {}): Conversatio
       activeConversationId,
       messages: activeConversationId ? (messagesByConv.get(activeConversationId) ?? []) : [],
       openThreadRootId,
+      replyTarget,
       threadingMode,
       status,
       error,
@@ -187,6 +189,7 @@ export function createConversation(config: ConversationConfig = {}): Conversatio
     newConversation(opts) {
       const conversation = createConversationInternal(opts ?? {})
       openThreadRootId = null
+      replyTarget = null
       emit()
       return conversation
     },
@@ -195,6 +198,7 @@ export function createConversation(config: ConversationConfig = {}): Conversatio
       if (!conversations.has(conversationId) || activeConversationId === conversationId) return
       activeConversationId = conversationId
       openThreadRootId = null
+      replyTarget = null
       emit()
     },
 
@@ -205,6 +209,7 @@ export function createConversation(config: ConversationConfig = {}): Conversatio
       if (activeConversationId === conversationId) {
         activeConversationId = orderedConversations()[0]?.id ?? null
         openThreadRootId = null
+        replyTarget = null
       }
       emit()
     },
@@ -245,6 +250,7 @@ export function createConversation(config: ConversationConfig = {}): Conversatio
       const next = list.filter((m) => !removeIds.has(m.id))
       messagesByConv.set(activeConversationId, next)
       if (openThreadRootId && removeIds.has(openThreadRootId)) openThreadRootId = null
+      if (replyTarget && removeIds.has(replyTarget)) replyTarget = openThreadRootId
       emit()
     },
 
@@ -277,7 +283,9 @@ export function createConversation(config: ConversationConfig = {}): Conversatio
 
       const conversationId = ensureActiveConversation(opts)
       const list = messagesByConv.get(conversationId)!
+      // Group under the originating root, but remember the specific message replied to.
       const parentId = opts?.replyTo ? rootIdOf(list, opts.replyTo) : undefined
+      const replyToId = opts?.replyTo
       const isFirstRoot = !parentId && selectRoots(list).length === 0
 
       const userMsg: ChatMessage = {
@@ -289,6 +297,7 @@ export function createConversation(config: ConversationConfig = {}): Conversatio
         timestamp: new Date(),
         status: 'sent',
         parentId,
+        replyToId,
         attachments: opts?.attachments,
         metadata: opts?.metadata,
       }
@@ -355,12 +364,23 @@ export function createConversation(config: ConversationConfig = {}): Conversatio
 
     openThread(rootId) {
       openThreadRootId = rootId
+      replyTarget = rootId // reply to the root by default
+      emit()
+    },
+
+    replyTo(messageId) {
+      if (!activeConversationId) return
+      const list = messagesByConv.get(activeConversationId)!
+      // Open the originating thread, but target the specific message replied to.
+      openThreadRootId = rootIdOf(list, messageId)
+      replyTarget = messageId
       emit()
     },
 
     closeThread() {
-      if (openThreadRootId === null) return
+      if (openThreadRootId === null && replyTarget === null) return
       openThreadRootId = null
+      replyTarget = null
       emit()
     },
 

package/dist/conversation/types.ts

@@ -68,9 +68,15 @@ export interface ChatMessage {
   error?: string
   /**
    * Root message id of the reply-thread this message belongs to. Absent on
-   * root/main-timeline messages. Threads are one level deep.
+   * root/main-timeline messages. Threads are one level deep — a reply to any
+   * message in a thread groups under the same originating root.
    */
   parentId?: string
+  /**
+   * The specific message this is "in reply to" (for the quote), which may be a
+   * mid-thread reply even though `parentId` is always the originating root.
+   */
+  replyToId?: string
   /** Emoji reactions */
   reactions?: MessageReaction[]
   /** Attachments (images/gifs/files) */
@@ -136,6 +142,8 @@ export interface ConversationState {
   messages: ChatMessage[]
   /** Root id of the thread shown in the side panel, or null when closed */
   openThreadRootId: string | null
+  /** The specific message a reply in the open thread will target (default: the root) */
+  replyTarget: string | null
   /** Current threading mode */
   threadingMode: ThreadingMode
   /** Coarse store status */
@@ -210,8 +218,10 @@ export interface ConversationAPI {
   stop(): void
 
   // — threads / view —
-  /** Open the side panel focused on a message's thread */
+  /** Open the side panel focused on a message's thread (reply target = root) */
   openThread(rootId: string): void
+  /** Open the originating thread and target a specific message for the next reply */
+  replyTo(messageId: string): void
   /** Close the thread side panel */
   closeThread(): void
   /** Switch threading mode */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refraction-ui/astro",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "All Refraction UI Astro components in one package",
   "type": "module",
   "exports": {