@aleph-alpha/chat-kit 0.2.0 → 0.4.0

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

@@ -213,6 +213,23 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const defaultMarkdownClasses = {
+  p: "my-1 leading-7",
+  a: "underline underline-offset-4",
+  h1: "mt-4 mb-2 text-2xl font-bold",
+  h2: "mt-3 mb-2 text-xl font-semibold",
+  h3: "mt-3 mb-1 text-lg font-semibold",
+  ul: "my-1 ml-6 list-disc",
+  ol: "my-1 ml-6 list-decimal",
+  li: "my-0.5",
+  pre: "my-2 overflow-x-auto rounded-lg p-4",
+  code: "rounded px-1.5 py-0.5",
+  blockquote: "my-2 border-l-2 pl-4 italic",
+  table: "my-2 w-full border-collapse",
+  th: "border p-2 text-left font-semibold",
+  td: "border p-2",
+  hr: "my-4"
+};
 function domToVNode(node, slots, classes) {
   if (node.nodeType === Node.TEXT_NODE) return node.textContent;
   if (node.nodeType !== Node.ELEMENT_NODE) return null;
@@ -253,8 +270,12 @@ const _sfc_main$7 = defineComponent({
       const doc = new DOMParser().parseFromString(raw, "text/html");
       return Array.from(doc.body.childNodes);
     });
+    const mergedClasses = computed(() => ({
+      ...defaultMarkdownClasses,
+      ...props.classes
+    }));
     return () => {
-      const elementClasses = props.classes ?? {};
+      const elementClasses = mergedClasses.value;
       const children = parsedNodes.value.map((node) => domToVNode(node, slots, elementClasses)).filter((c) => c != null);
       return h("div", { class: "markdown-renderer" }, children);
     };
@@ -420,23 +441,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const defaultAgentMarkdownClasses = {
-  p: "my-1 leading-7",
-  a: "underline underline-offset-4",
-  h1: "mt-4 mb-2 text-2xl font-bold",
-  h2: "mt-3 mb-2 text-xl font-semibold",
-  h3: "mt-3 mb-1 text-lg font-semibold",
-  ul: "my-1 ml-6 list-disc",
-  ol: "my-1 ml-6 list-decimal",
-  li: "my-0.5",
-  pre: "my-2 overflow-x-auto rounded-lg p-4",
-  code: "rounded px-1.5 py-0.5",
-  blockquote: "my-2 border-l-2 pl-4 italic",
-  table: "my-2 w-full border-collapse",
-  th: "border p-2 text-left font-semibold",
-  td: "border p-2",
-  hr: "my-4"
-};
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ChatConversation",
   props: {
@@ -448,10 +452,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const mergedMarkdownClasses = computed(() => ({
-      ...defaultAgentMarkdownClasses,
-      ...props.agentMarkdownClasses
-    }));
     const slots = useSlots();
     const labels = useChatKitLabels();
     const hasIcon = computed(
@@ -485,7 +485,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "agent-message-content", { message }, () => [
                   createVNode(_sfc_main$7, {
                     content: message.content,
-                    classes: mergedMarkdownClasses.value
+                    classes: __props.agentMarkdownClasses
                   }, createSlots({ _: 2 }, [
                     _ctx.$slots["agent-message-code-block"] ? {
                       name: "code-block",

package/dist/components/base/MarkdownRenderer/MarkdownRenderer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/MarkdownRenderer/MarkdownRenderer.vue"],"names":[],"mappings":"AA2EE,OAAO,EAAwC,KAAK,QAAQ,EAAc,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AAClG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;wBAwCjC,OAAO,YAAY;AAAxC,wBAAyC;AAQ3C,QAAA,MAAM,YAAY;;;;;;cAIe,QAAQ,CAAC,sBAAsB,CAAC;;;;cACjC,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;cADtB,QAAQ,CAAC,sBAAsB,CAAC;;;;cACjC,QAAQ,CAAC,aAAa,CAAC;;;;;;4EAqBnD,CAAC"}
+{"version":3,"file":"MarkdownRenderer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/MarkdownRenderer/MarkdownRenderer.vue"],"names":[],"mappings":"AAiFE,OAAO,EAAwC,KAAK,QAAQ,EAAc,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AAClG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;wBAyCjC,OAAO,YAAY;AAAxC,wBAAyC;AAQ3C,QAAA,MAAM,YAAY;;;;;;cAIe,QAAQ,CAAC,sBAAsB,CAAC;;;;cACjC,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;cADtB,QAAQ,CAAC,sBAAsB,CAAC;;;;cACjC,QAAQ,CAAC,aAAa,CAAC;;;;;;4EA0BnD,CAAC"}

package/dist/components/base/MarkdownRenderer/defaultMarkdownClasses.d.ts

@@ -0,0 +1,3 @@
+import type { MarkdownElementClasses } from './types';
+export declare const defaultMarkdownClasses: MarkdownElementClasses;
+//# sourceMappingURL=defaultMarkdownClasses.d.ts.map

package/dist/components/base/MarkdownRenderer/defaultMarkdownClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultMarkdownClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/base/MarkdownRenderer/defaultMarkdownClasses.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,sBAAsB,EAAE,sBAgBpC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatConversation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/ChatConversation.vue"],"names":[],"mappings":"AA6HE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgBrD,KAAK,WAAW,GAAG;IACjB,gDAAgD;IAChD,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,yDAAyD;IACzD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,iDAAiD;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,oCAAoC;IACpC,oBAAoB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,8EAA8E;IAC9E,4BAA4B,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,uCAAuC;IACvC,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qCAAqC;IACrC,uBAAuB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,mDAAmD;IACnD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qEAAqE;IACrE,0BAA0B,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACjF,CAAC;AAyQJ,QAAA,MAAM,UAAU;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ChatConversation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/ChatConversation.vue"],"names":[],"mappings":"AAuHE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAWrD,KAAK,WAAW,GAAG;IACjB,gDAAgD;IAChD,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,yDAAyD;IACzD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,iDAAiD;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,oCAAoC;IACpC,oBAAoB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,8EAA8E;IAC9E,4BAA4B,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,uCAAuC;IACvC,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qCAAqC;IACrC,uBAAuB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,mDAAmD;IACnD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qEAAqE;IACrE,0BAA0B,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACjF,CAAC;AAwQJ,QAAA,MAAM,UAAU;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,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 } from "../ChatInput.vue_vue_type_script_setup_true_lang-Cca7le4i.js";
 export {
   A as AgentMessage,
   _ as ChatConversation,

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-DQrXlsoz.js";
 export {
   u as useMessageHandler
 };

package/dist/handlers/useMessageHandler.d.ts

@@ -1,8 +1,9 @@
-import type { BaseMessage, MessageRole, MessageStatus } from '../types';
-import { Ref } from 'vue';
+import type { BaseMessage, ConversationTree, MessageRole, MessageStatus } from '../types';
+import { type Ref } from 'vue';
 export declare const useMessageHandler: () => {
     messages: Ref<BaseMessage[]>;
     currentUserMessage: Readonly<Ref<string, string>>;
+    currentLeafId: import("vue").ComputedRef<string | null>;
     updateMessage: (message: {
         id: string;
         content: string;
@@ -10,19 +11,12 @@ 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;
+    setTree: (incoming: ConversationTree) => 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,EAEd,MAAM,UAAU,CAAC;AAClB,OAAO,EAAqC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAUlE,eAAO,MAAM,iBAAiB;cA0GJ,GAAG,CAAC,WAAW,EAAE,CAAC;;;6BA3DV;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;6BAqET,MAAM,SAAS,MAAM;;wBAQ1B,gBAAgB;yBAKf,MAAM;CAkBnC,CAAC"}

package/dist/index.d.ts

@@ -5,5 +5,5 @@ export type { ChatKitLabels, ChatActions, ChatState, UseChatReturn } from './com
 export { useMessageHandler } from './handlers';
 export { AgentMessage, ChatConversation, ChatConversationLayout, ChatInput, MarkdownRenderer, PromptActionButton, PromptInput, PromptInputDisclaimer, UserMessage, } 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,GACZ,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-DQrXlsoz.js";
+import { A, _, a as a2, b, c, d as d2, e, f, g } from "./ChatInput.vue_vue_type_script_setup_true_lang-Cca7le4i.js";
 export {
   A as AgentMessage,
   C2 as CHAT_KIT_LABELS,

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-DQrXlsoz.js

@@ -0,0 +1,184 @@
+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 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 navigate$1(targetId) {
+    navigate(tree, targetId);
+  }
+  return {
+    messages,
+    currentUserMessage: readonly(currentUserMessage),
+    currentLeafId,
+    updateMessage,
+    setCurrentUserMessage,
+    getMessageById,
+    clearCurrentUserMessage,
+    commitUserMessage,
+    updateMessageId,
+    clearMessages,
+    setTree,
+    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.4.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/components/composed/ChatConversation/defaultAgentMarkdownClasses.d.ts

@@ -1,3 +0,0 @@
-import type { MarkdownElementClasses } from '../../base/MarkdownRenderer';
-export declare const defaultAgentMarkdownClasses: MarkdownElementClasses;
-//# sourceMappingURL=defaultAgentMarkdownClasses.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"defaultAgentMarkdownClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/defaultAgentMarkdownClasses.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,eAAO,MAAM,2BAA2B,EAAE,sBAgBzC,CAAC"}

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
-};