@aleph-alpha/chat-kit 0.2.0 → 0.3.0

package/dist/{ChatInput.vue_vue_type_script_setup_true_lang-DaXHxshB.js → ChatInput.vue_vue_type_script_setup_true_lang-BCa2ePSm.js}

@@ -675,5 +675,6 @@ export {
   _sfc_main$6 as d,
   _sfc_main$5 as e,
   _sfc_main$4 as f,
-  _sfc_main$3 as g
+  _sfc_main$3 as g,
+  defaultAgentMarkdownClasses as h
 };

package/dist/components/composed/ChatConversation/index.d.ts

@@ -1,3 +1,4 @@
 export { default as ChatConversation } from './ChatConversation.vue';
+export { defaultAgentMarkdownClasses } from './defaultAgentMarkdownClasses';
 export type { ChatConversationProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/composed/ChatConversation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/composed/index.d.ts

@@ -1,4 +1,4 @@
-export { ChatConversation } from './ChatConversation';
+export { ChatConversation, defaultAgentMarkdownClasses } from './ChatConversation';
 export type { ChatConversationProps } from './ChatConversation';
 export { ChatInput } from './ChatInput';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/composed/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/composed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/composed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACnF,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
 export { AgentMessage, ChatConversationLayout, MarkdownRenderer, PromptActionButton, PromptInput, PromptInputDisclaimer, UserMessage, } from './base';
 export type { ChatConversationLayoutProps, MarkdownElementClasses, MarkdownRendererProps, UserMessageProps, } from './base';
-export { ChatConversation, ChatInput } from './composed';
+export { ChatConversation, ChatInput, defaultAgentMarkdownClasses } from './composed';
 export type { ChatConversationProps } from './composed';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,WAAW,GACZ,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,2BAA2B,EAC3B,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,WAAW,GACZ,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,2BAA2B,EAC3B,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AACtF,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { A, _, a, b, c, d, e, f, g } from "../ChatInput.vue_vue_type_script_setup_true_lang-DaXHxshB.js";
+import { A, _, a, b, c, d, e, f, g, h } from "../ChatInput.vue_vue_type_script_setup_true_lang-BCa2ePSm.js";
 export {
   A as AgentMessage,
   _ as ChatConversation,
@@ -8,5 +8,6 @@ export {
   d as PromptActionButton,
   e as PromptInput,
   f as PromptInputDisclaimer,
-  g as UserMessage
+  g as UserMessage,
+  h as defaultAgentMarkdownClasses
 };

package/dist/handlers/conversationTree.d.ts

@@ -0,0 +1,16 @@
+import type { BaseMessage, ConversationTree, TreeMessage } from '../types';
+export declare function createEmptyTree(): ConversationTree;
+/**
+ * Walks from rootId following activeChildIndex at each node.
+ * Enriches each node with sibling metadata for the UI.
+ */
+export declare function getLinearPath(tree: ConversationTree): BaseMessage[];
+export declare function addNode(tree: ConversationTree, node: TreeMessage): void;
+export declare function updateNode(tree: ConversationTree, id: string, updates: Partial<Pick<TreeMessage, 'content' | 'status' | 'role'>>): void;
+export declare function updateNodeId(tree: ConversationTree, oldId: string, newId: string): void;
+/**
+ * Navigate to a different branch by updating the parent's activeChildIndex
+ * to point at the target sibling.
+ */
+export declare function navigate(tree: ConversationTree, targetId: string): void;
+//# sourceMappingURL=conversationTree.d.ts.map

package/dist/handlers/conversationTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversationTree.d.ts","sourceRoot":"","sources":["../../src/handlers/conversationTree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE3E,wBAAgB,eAAe,IAAI,gBAAgB,CAElD;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,gBAAgB,GAAG,WAAW,EAAE,CAkCnE;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,CAYvE;AAED,wBAAgB,UAAU,CACxB,IAAI,EAAE,gBAAgB,EACtB,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAC,GACjE,IAAI,CAON;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAsBvF;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAWvE"}

package/dist/handlers/index.js

@@ -1,4 +1,4 @@
-import { u } from "../useMessageHandler-Db-ywEa6.js";
+import { u } from "../useMessageHandler-Day_sdpQ.js";
 export {
   u as useMessageHandler
 };

package/dist/handlers/useMessageHandler.d.ts

@@ -1,5 +1,5 @@
-import type { BaseMessage, MessageRole, MessageStatus } from '../types';
-import { Ref } from 'vue';
+import type { BaseMessage, ConversationTree, MessageRole, MessageStatus, TreeMessage } from '../types';
+import { type Ref } from 'vue';
 export declare const useMessageHandler: () => {
     messages: Ref<BaseMessage[]>;
     currentUserMessage: Readonly<Ref<string, string>>;
@@ -10,19 +10,30 @@ export declare const useMessageHandler: () => {
         status: MessageStatus;
     }) => void;
     setCurrentUserMessage: (text: string) => void;
-    getMessageById: (id: string) => {
-        id: string;
-        role: MessageRole;
-        content: string;
-        createdAt: Date;
-        status: MessageStatus;
-    } | undefined;
+    getMessageById: (id: string) => BaseMessage | undefined;
     clearCurrentUserMessage: () => void;
     commitUserMessage: () => BaseMessage;
-    setMessages: (list: BaseMessage[]) => void;
-    removeMessage: (id: string) => void;
     getLastUserMessage: () => BaseMessage | undefined;
     updateMessageId: (oldId: string, newId: string) => void;
     clearMessages: () => void;
+    currentLeafId: import("vue").ComputedRef<string | null>;
+    tree: {
+        readonly nodes: {
+            readonly [x: string]: {
+                readonly id: string;
+                readonly parentId: string | null;
+                readonly childrenIds: readonly string[];
+                readonly activeChildIndex: number;
+                readonly role: MessageRole;
+                readonly content: string;
+                readonly status: MessageStatus;
+                readonly createdAt: Date;
+            };
+        };
+        readonly rootId: string | null;
+    };
+    setTree: (incoming: ConversationTree) => void;
+    addNode: (node: TreeMessage) => void;
+    navigate: (targetId: string) => void;
 };
 //# sourceMappingURL=useMessageHandler.d.ts.map

package/dist/handlers/useMessageHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMessageHandler.d.ts","sourceRoot":"","sources":["../../src/handlers/useMessageHandler.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EAAY,GAAG,EAAO,MAAM,KAAK,CAAC;AAwBzC,eAAO,MAAM,iBAAiB;cAwEM,GAAG,CAAC,WAAW,EAAE,CAAC;;6BAhDpB;QAC9B,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,WAAW,CAAC;QAClB,MAAM,EAAE,aAAa,CAAC;KACvB;kCAzBoC,MAAM;yBA0Cf,MAAM;;;;;;;;6BAlCJ,WAAW;wBAsCd,WAAW,EAAE;wBAIb,MAAM;8BAIF,WAAW,GAAG,SAAS;6BAItB,MAAM,SAAS,MAAM;;CAuBtD,CAAC"}
+{"version":3,"file":"useMessageHandler.d.ts","sourceRoot":"","sources":["../../src/handlers/useMessageHandler.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,WAAW,EACZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAqC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAUlE,eAAO,MAAM,iBAAiB;cAkHJ,GAAG,CAAC,WAAW,EAAE,CAAC;;6BAnEV;QAC9B,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,WAAW,CAAC;QAClB,MAAM,EAAE,aAAa,CAAC;KACvB;kCAzCoC,MAAM;yBAiEf,MAAM,KAAG,WAAW,GAAG,SAAS;;6BAzD9B,WAAW;8BAqEV,WAAW,GAAG,SAAS;6BAItB,MAAM,SAAS,MAAM;;;;;;;;;;;;;;;;;;wBAQ1B,gBAAgB;oBAKpB,WAAW;yBAIN,MAAM;CAsBnC,CAAC"}

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { useChat, useMarkdownParser } from './composables';
 export { provideChatKitLabels, useChatKitLabels, defaultChatKitLabels, CHAT_KIT_LABELS, } from './composables';
 export type { ChatKitLabels, ChatActions, ChatState, UseChatReturn } from './composables';
 export { useMessageHandler } from './handlers';
-export { AgentMessage, ChatConversation, ChatConversationLayout, ChatInput, MarkdownRenderer, PromptActionButton, PromptInput, PromptInputDisclaimer, UserMessage, } from './components';
+export { AgentMessage, ChatConversation, ChatConversationLayout, ChatInput, MarkdownRenderer, PromptActionButton, PromptInput, PromptInputDisclaimer, UserMessage, defaultAgentMarkdownClasses, } from './components';
 export type { ChatConversationLayoutProps, ChatConversationProps, MarkdownElementClasses, MarkdownRendererProps, UserMessageProps, } from './components';
-export type { BaseMessage, MessageRole, MessageStatus } from './types';
+export type { BaseMessage, ConversationTree, MessageRole, MessageStatus, TreeMessage, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,sBAAsB,EACtB,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,WAAW,GACZ,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,sBAAsB,EACtB,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,WAAW,EACX,2BAA2B,GAC5B,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,WAAW,GACZ,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,8 +1,8 @@
 import { C } from "./ChatService-LogwJNxh.js";
 import { u } from "./useChat-CtN_iBTc.js";
 import { C as C2, d, p, u as u2, a } from "./useChatKitLabels-xZXcnxZZ.js";
-import { u as u3 } from "./useMessageHandler-Db-ywEa6.js";
-import { A, _, a as a2, b, c, d as d2, e, f, g } from "./ChatInput.vue_vue_type_script_setup_true_lang-DaXHxshB.js";
+import { u as u3 } from "./useMessageHandler-Day_sdpQ.js";
+import { A, _, a as a2, b, c, d as d2, e, f, g, h } from "./ChatInput.vue_vue_type_script_setup_true_lang-BCa2ePSm.js";
 export {
   A as AgentMessage,
   C2 as CHAT_KIT_LABELS,
@@ -15,6 +15,7 @@ export {
   e as PromptInput,
   f as PromptInputDisclaimer,
   g as UserMessage,
+  h as defaultAgentMarkdownClasses,
   d as defaultChatKitLabels,
   p as provideChatKitLabels,
   u as useChat,

package/dist/types.d.ts

@@ -1,22 +1,29 @@
 /**
  * Shared types used across the chat-kit package layers
  */
-/**
- * Role of a message in a chat conversation
- */
 export type MessageRole = 'user' | 'assistant' | 'system';
-/**
- * Status of a message
- */
 export type MessageStatus = 'started' | 'sending' | 'completed' | 'error';
-/**
- * Base message structure
- */
 export interface BaseMessage {
     id: string;
     role: MessageRole;
     content: string;
     createdAt: Date;
     status: MessageStatus;
+    siblingIds?: string[];
+    siblingIndex?: number;
+}
+export interface TreeMessage {
+    id: string;
+    parentId: string | null;
+    childrenIds: string[];
+    activeChildIndex: number;
+    role: MessageRole;
+    content: string;
+    status: MessageStatus;
+    createdAt: Date;
+}
+export interface ConversationTree {
+    nodes: Record<string, TreeMessage>;
+    rootId: string | null;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAE1E;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,EAAE,aAAa,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAE1E,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACnC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB"}

package/dist/useMessageHandler-Day_sdpQ.js

@@ -0,0 +1,193 @@
+import { reactive, ref, computed, readonly } from "vue";
+function generateId() {
+  return typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : String(Date.now());
+}
+function createEmptyTree() {
+  return { nodes: {}, rootId: null };
+}
+function getLinearPath(tree) {
+  const { nodes, rootId } = tree;
+  if (!rootId || !nodes[rootId]) return [];
+  const path = [];
+  let current = rootId;
+  while (current !== null) {
+    const node = nodes[current];
+    if (!node) break;
+    const base = {
+      id: node.id,
+      role: node.role,
+      content: node.content,
+      createdAt: node.createdAt,
+      status: node.status
+    };
+    if (node.parentId !== null) {
+      const parent = nodes[node.parentId];
+      if (parent && parent.childrenIds.length > 1) {
+        base.siblingIds = [...parent.childrenIds];
+        base.siblingIndex = parent.childrenIds.indexOf(node.id);
+      }
+    }
+    path.push(base);
+    if (node.childrenIds.length === 0) break;
+    current = node.childrenIds[node.activeChildIndex];
+  }
+  return path;
+}
+function addNode(tree, node) {
+  tree.nodes[node.id] = node;
+  if (node.parentId !== null) {
+    const parent = tree.nodes[node.parentId];
+    if (parent && !parent.childrenIds.includes(node.id)) {
+      parent.childrenIds.push(node.id);
+      parent.activeChildIndex = parent.childrenIds.length - 1;
+    }
+  } else if (tree.rootId === null) {
+    tree.rootId = node.id;
+  }
+}
+function updateNode(tree, id, updates) {
+  const node = tree.nodes[id];
+  if (!node) return;
+  if (updates.content !== void 0) node.content = updates.content;
+  if (updates.status !== void 0) node.status = updates.status;
+  if (updates.role !== void 0) node.role = updates.role;
+}
+function updateNodeId(tree, oldId, newId) {
+  const node = tree.nodes[oldId];
+  if (!node) return;
+  delete tree.nodes[oldId];
+  node.id = newId;
+  tree.nodes[newId] = node;
+  if (node.parentId !== null) {
+    const parent = tree.nodes[node.parentId];
+    if (parent) {
+      const idx = parent.childrenIds.indexOf(oldId);
+      if (idx !== -1) parent.childrenIds[idx] = newId;
+    }
+  }
+  for (const childId of node.childrenIds) {
+    const child = tree.nodes[childId];
+    if (child) child.parentId = newId;
+  }
+  if (tree.rootId === oldId) tree.rootId = newId;
+}
+function navigate(tree, targetId) {
+  const node = tree.nodes[targetId];
+  if (!node || node.parentId === null) return;
+  const parent = tree.nodes[node.parentId];
+  if (!parent) return;
+  const idx = parent.childrenIds.indexOf(targetId);
+  if (idx === -1) return;
+  parent.activeChildIndex = idx;
+}
+const useMessageHandler = () => {
+  const tree = reactive(createEmptyTree());
+  const currentUserMessage = ref("");
+  const messages = computed(() => getLinearPath(tree));
+  const currentLeafId = computed(() => {
+    const list = messages.value;
+    return list.length > 0 ? list[list.length - 1].id : null;
+  });
+  function setCurrentUserMessage(text) {
+    currentUserMessage.value = text;
+  }
+  function clearCurrentUserMessage() {
+    currentUserMessage.value = "";
+  }
+  function commitUserMessage() {
+    const id = generateId();
+    const text = currentUserMessage.value.trim();
+    if (!text) throw new Error("No message");
+    const node = {
+      id,
+      parentId: currentLeafId.value,
+      childrenIds: [],
+      activeChildIndex: 0,
+      role: "user",
+      content: text,
+      status: "completed",
+      createdAt: /* @__PURE__ */ new Date()
+    };
+    addNode(tree, node);
+    clearCurrentUserMessage();
+    return {
+      id: node.id,
+      role: node.role,
+      content: node.content,
+      createdAt: node.createdAt,
+      status: node.status
+    };
+  }
+  function updateMessage(message) {
+    const existing = tree.nodes[message.id];
+    if (existing) {
+      updateNode(tree, message.id, {
+        content: message.content,
+        role: message.role,
+        status: message.status
+      });
+    } else {
+      const node = {
+        id: message.id,
+        parentId: currentLeafId.value,
+        childrenIds: [],
+        activeChildIndex: 0,
+        role: message.role,
+        content: message.content,
+        status: message.status,
+        createdAt: /* @__PURE__ */ new Date()
+      };
+      addNode(tree, node);
+    }
+  }
+  function getMessageById(id) {
+    const node = tree.nodes[id];
+    if (!node) return void 0;
+    return {
+      id: node.id,
+      role: node.role,
+      content: node.content,
+      createdAt: node.createdAt,
+      status: node.status
+    };
+  }
+  function getLastUserMessage() {
+    return messages.value.findLast((m) => m.role === "user");
+  }
+  function updateMessageId(oldId, newId) {
+    updateNodeId(tree, oldId, newId);
+  }
+  function clearMessages() {
+    Object.assign(tree, createEmptyTree());
+  }
+  function setTree(incoming) {
+    tree.nodes = incoming.nodes;
+    tree.rootId = incoming.rootId;
+  }
+  function addNode$1(node) {
+    addNode(tree, node);
+  }
+  function navigate$1(targetId) {
+    navigate(tree, targetId);
+  }
+  return {
+    messages,
+    currentUserMessage: readonly(currentUserMessage),
+    updateMessage,
+    setCurrentUserMessage,
+    getMessageById,
+    clearCurrentUserMessage,
+    commitUserMessage,
+    getLastUserMessage,
+    updateMessageId,
+    clearMessages,
+    currentLeafId,
+    tree: readonly(tree),
+    setTree,
+    addNode: addNode$1,
+    navigate: navigate$1
+  };
+};
+export {
+  useMessageHandler as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",
@@ -63,7 +63,7 @@
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
     "unified": "^11.0.5",
-    "@aleph-alpha/ui-library": "1.18.0"
+    "@aleph-alpha/ui-library": "1.20.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "10.2.17",

package/dist/useMessageHandler-Db-ywEa6.js

@@ -1,82 +0,0 @@
-import { ref, readonly } from "vue";
-function generateId() {
-  return typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : String(Date.now());
-}
-function createMessage(input) {
-  return {
-    id: input.id,
-    role: input.role,
-    content: input.content,
-    createdAt: /* @__PURE__ */ new Date(),
-    status: input.status
-  };
-}
-const useMessageHandler = () => {
-  const messages = ref([]);
-  const currentUserMessage = ref("");
-  function setCurrentUserMessage(text) {
-    currentUserMessage.value = text;
-  }
-  function clearCurrentUserMessage() {
-    currentUserMessage.value = "";
-  }
-  function commitUserMessage() {
-    const id = generateId();
-    const text = currentUserMessage.value.trim();
-    if (!text) throw new Error("No message");
-    const msg = createMessage({ id, role: "user", content: text, status: "completed" });
-    messages.value.push(msg);
-    clearCurrentUserMessage();
-    return msg;
-  }
-  function updateMessage(message) {
-    const messageIndexToUpdate = messages.value.findIndex((m) => m.id === message.id);
-    const messageToUpdate = messages.value[messageIndexToUpdate];
-    if (!messageToUpdate) {
-      messages.value.push(createMessage(message));
-      return;
-    }
-    if (messageIndexToUpdate !== messages.value.length - 1) {
-      messages.value = messages.value.slice(0, messageIndexToUpdate + 1);
-    }
-    messageToUpdate.content = message.content;
-    messageToUpdate.role = message.role;
-    messageToUpdate.status = message.status;
-  }
-  function getMessageById(id) {
-    return messages.value.find((m) => m.id === id);
-  }
-  function setMessages(list) {
-    messages.value = list;
-  }
-  function removeMessage(id) {
-    messages.value = messages.value.filter((m) => m.id !== id);
-  }
-  function getLastUserMessage() {
-    return [...messages.value].reverse().find((m) => m.role === "user");
-  }
-  function updateMessageId(oldId, newId) {
-    const msg = messages.value.find((m) => m.id === oldId);
-    if (msg) msg.id = newId;
-  }
-  function clearMessages() {
-    messages.value = [];
-  }
-  return {
-    messages: readonly(messages),
-    currentUserMessage: readonly(currentUserMessage),
-    updateMessage,
-    setCurrentUserMessage,
-    getMessageById,
-    clearCurrentUserMessage,
-    commitUserMessage,
-    setMessages,
-    removeMessage,
-    getLastUserMessage,
-    updateMessageId,
-    clearMessages
-  };
-};
-export {
-  useMessageHandler as u
-};