@apteva/apteva-kit 0.1.10 → 0.1.12

package/dist/index.mjs

@@ -591,6 +591,22 @@ function parseMarkdown(content) {
   let i = 0;
   while (i < lines.length) {
     const line = lines[i];
+    const h2Match = line.match(/^##\s+(.*)$/);
+    if (h2Match) {
+      result.push(
+        /* @__PURE__ */ jsx6("h2", { className: "apteva-md-h2", children: parseInlineMarkdown(h2Match[1], `${key}`) }, `h2${key++}`)
+      );
+      i++;
+      continue;
+    }
+    const h3Match = line.match(/^###\s+(.*)$/);
+    if (h3Match) {
+      result.push(
+        /* @__PURE__ */ jsx6("h3", { className: "apteva-md-h3", children: parseInlineMarkdown(h3Match[1], `${key}`) }, `h3${key++}`)
+      );
+      i++;
+      continue;
+    }
     const ulMatch = line.match(/^(\s*)([-*+])\s+(.*)$/);
     if (ulMatch) {
       const listItems = [];
@@ -599,7 +615,7 @@ function parseMarkdown(content) {
         const itemMatch = lines[i].match(/^(\s*)([-*+])\s+(.*)$/);
         if (itemMatch && itemMatch[1].length === indent) {
           listItems.push(
-            /* @__PURE__ */ jsx6("li", { children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
+            /* @__PURE__ */ jsx6("li", { className: "apteva-md-li", children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
           );
           i++;
         } else {
@@ -607,7 +623,7 @@ function parseMarkdown(content) {
         }
       }
       result.push(
-        /* @__PURE__ */ jsx6("ul", { className: "list-disc pl-5 my-1", children: listItems }, `ul${key++}`)
+        /* @__PURE__ */ jsx6("ul", { className: "apteva-md-ul", children: listItems }, `ul${key++}`)
       );
       continue;
     }
@@ -619,7 +635,7 @@ function parseMarkdown(content) {
         const itemMatch = lines[i].match(/^(\s*)(\d+)\.\s+(.*)$/);
         if (itemMatch && itemMatch[1].length === indent) {
           listItems.push(
-            /* @__PURE__ */ jsx6("li", { children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
+            /* @__PURE__ */ jsx6("li", { className: "apteva-md-li", children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
           );
           i++;
         } else {
@@ -627,7 +643,7 @@ function parseMarkdown(content) {
         }
       }
       result.push(
-        /* @__PURE__ */ jsx6("ol", { className: "list-decimal pl-5 my-1", children: listItems }, `ol${key++}`)
+        /* @__PURE__ */ jsx6("ol", { className: "apteva-md-ol", children: listItems }, `ol${key++}`)
       );
       continue;
     }
@@ -646,20 +662,20 @@ function parseMarkdown(content) {
   return result;
 }
 function MarkdownContent({ content, className = "" }) {
-  return /* @__PURE__ */ jsx6("div", { className: `markdown-content !text-sm leading-relaxed whitespace-pre-wrap ${className}`, children: parseMarkdown(content) });
+  return /* @__PURE__ */ jsx6("div", { className: `apteva-md ${className}`, children: parseMarkdown(content) });
 }
 
 // src/components/Chat/ToolCall.tsx
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function ToolCall({ name, status }) {
-  return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 py-2 px-3 my-2 rounded-lg bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-sm", children: [
-    status === "running" && /* @__PURE__ */ jsx7("div", { className: "w-2 h-2 rounded-full bg-blue-500 animate-pulse" }),
-    status === "completed" && /* @__PURE__ */ jsx7("div", { className: "w-2 h-2 rounded-full bg-green-500" }),
-    status === "error" && /* @__PURE__ */ jsx7("div", { className: "w-2 h-2 rounded-full bg-red-500" }),
-    /* @__PURE__ */ jsx7("span", { className: "text-gray-700 dark:text-gray-300 font-mono", children: name }),
-    status === "running" && /* @__PURE__ */ jsx7("span", { className: "text-gray-500 dark:text-gray-400 ml-auto", children: "Running..." }),
-    status === "completed" && /* @__PURE__ */ jsx7("span", { className: "text-green-600 dark:text-green-400 ml-auto", children: "Completed" }),
-    status === "error" && /* @__PURE__ */ jsx7("span", { className: "text-red-600 dark:text-red-400 ml-auto", children: "Error" })
+  return /* @__PURE__ */ jsxs5("div", { className: "apteva-tool-call", children: [
+    status === "running" && /* @__PURE__ */ jsx7("div", { className: "apteva-tool-call-dot apteva-tool-call-dot-running" }),
+    status === "completed" && /* @__PURE__ */ jsx7("div", { className: "apteva-tool-call-dot apteva-tool-call-dot-completed" }),
+    status === "error" && /* @__PURE__ */ jsx7("div", { className: "apteva-tool-call-dot apteva-tool-call-dot-error" }),
+    /* @__PURE__ */ jsx7("span", { className: "apteva-tool-call-name", children: name }),
+    status === "running" && /* @__PURE__ */ jsx7("span", { className: "apteva-tool-call-status", children: "Running..." }),
+    status === "completed" && /* @__PURE__ */ jsx7("span", { className: "apteva-tool-call-status apteva-tool-call-status-completed", children: "Completed" }),
+    status === "error" && /* @__PURE__ */ jsx7("span", { className: "apteva-tool-call-status apteva-tool-call-status-error", children: "Error" })
   ] });
 }
 
@@ -715,7 +731,7 @@ function MessageList({ messages, onAction }) {
       listRef.current.scrollTop = listRef.current.scrollHeight;
     }
   }, [messages]);
-  return /* @__PURE__ */ jsx9("div", { ref: listRef, className: "flex-1 overflow-y-auto px-4 py-4 space-y-3", children: messages.length === 0 ? /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center h-full !text-gray-500 dark:!text-gray-400", children: /* @__PURE__ */ jsxs7("div", { className: "text-center space-y-2", children: [
+  return /* @__PURE__ */ jsx9("div", { ref: listRef, className: "flex-1 overflow-y-auto px-4 py-4 space-y-3 apteva-scrollbar-hidden", children: messages.length === 0 ? /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center h-full !text-gray-500 dark:!text-gray-400", children: /* @__PURE__ */ jsxs7("div", { className: "text-center space-y-2", children: [
     /* @__PURE__ */ jsx9("div", { className: "text-4xl", children: "\u{1F4AC}" }),
     /* @__PURE__ */ jsx9("p", { children: "No messages yet. Start a conversation!" })
   ] }) }) : messages.map((message) => /* @__PURE__ */ jsx9(Message, { message, onAction }, message.id)) });
@@ -990,6 +1006,8 @@ function Chat({
   threadId,
   initialMessages = [],
   context,
+  apiUrl,
+  apiKey,
   useMock = false,
   onThreadChange,
   onMessageSent,
@@ -1003,6 +1021,14 @@ function Chat({
   const [messages, setMessages] = useState2(initialMessages);
   const [isLoading, setIsLoading] = useState2(false);
   const [currentThreadId, setCurrentThreadId] = useState2(threadId || null);
+  useEffect3(() => {
+    if (apiUrl || apiKey) {
+      aptevaClient.configure({
+        ...apiUrl && { apiUrl },
+        ...apiKey && { apiKey }
+      });
+    }
+  }, [apiUrl, apiKey]);
   useEffect3(() => {
     if (threadId) {
       console.log("Loading thread:", threadId);
@@ -1080,7 +1106,6 @@ function Chat({
             ...context && { system: context }
           },
           (chunk) => {
-            console.log("[Chat] Chunk:", chunk);
             switch (chunk.type) {
               case "start":
                 break;
@@ -1218,13 +1243,7 @@ function Chat({
     }
   };
   return /* @__PURE__ */ jsxs9("div", { className: cn("flex flex-col h-full bg-white dark:bg-gray-900", className), children: [
-    showHeader && /* @__PURE__ */ jsxs9("div", { className: "px-4 py-3 bg-white dark:bg-gray-900", children: [
-      /* @__PURE__ */ jsx11("h2", { className: "!text-lg font-semibold !text-gray-900 dark:!text-white", children: headerTitle }),
-      /* @__PURE__ */ jsxs9("p", { className: "!text-xs !text-gray-500 dark:!text-gray-400", children: [
-        "Agent: ",
-        agentId
-      ] })
-    ] }),
+    showHeader && /* @__PURE__ */ jsx11("div", { className: "px-4 py-3 bg-white dark:bg-gray-900", children: /* @__PURE__ */ jsx11("h2", { className: "!text-lg font-semibold !text-gray-900 dark:!text-white", children: headerTitle }) }),
     /* @__PURE__ */ jsx11(MessageList, { messages, onAction }),
     isLoading && /* @__PURE__ */ jsx11("div", { className: "px-4 py-2 !text-sm !text-gray-500 dark:!text-gray-400 italic", children: "AI is thinking..." }),
     /* @__PURE__ */ jsx11(Composer, { onSendMessage: handleSendMessage, placeholder, disabled: isLoading, onFileUpload })