@apteva/apteva-kit 0.1.10 → 0.1.11

package/dist/index.d.mts

@@ -167,6 +167,8 @@ interface ChatProps {
     threadId?: string | null;
     initialMessages?: Message[];
     context?: string;
+    apiUrl?: string;
+    apiKey?: string;
     useMock?: boolean;
     onThreadChange?: (threadId: string) => void;
     onMessageSent?: (message: Message) => void;
@@ -281,7 +283,7 @@ interface UseAptevaKitReturn {
     error: Error | null;
 }
 
-declare function Chat({ agentId, threadId, initialMessages, context, useMock, onThreadChange, onMessageSent, onAction, onFileUpload, placeholder, showHeader, headerTitle, className, }: ChatProps): react_jsx_runtime.JSX.Element;
+declare function Chat({ agentId, threadId, initialMessages, context, apiUrl, apiKey, useMock, onThreadChange, onMessageSent, onAction, onFileUpload, placeholder, showHeader, headerTitle, className, }: ChatProps): react_jsx_runtime.JSX.Element;
 
 declare function Command({ agentId, command: initialCommand, context, autoExecute, allowInput, placeholder, submitButtonText, variant, useMock, planMode, onPlanModeChange, enableFileUpload, onStart, onProgress, onChunk, onComplete, onError, onFileUpload, onAction, loadingText, showProgress, enableStreaming, resultRenderer, className, }: CommandProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -167,6 +167,8 @@ interface ChatProps {
     threadId?: string | null;
     initialMessages?: Message[];
     context?: string;
+    apiUrl?: string;
+    apiKey?: string;
     useMock?: boolean;
     onThreadChange?: (threadId: string) => void;
     onMessageSent?: (message: Message) => void;
@@ -281,7 +283,7 @@ interface UseAptevaKitReturn {
     error: Error | null;
 }
 
-declare function Chat({ agentId, threadId, initialMessages, context, useMock, onThreadChange, onMessageSent, onAction, onFileUpload, placeholder, showHeader, headerTitle, className, }: ChatProps): react_jsx_runtime.JSX.Element;
+declare function Chat({ agentId, threadId, initialMessages, context, apiUrl, apiKey, useMock, onThreadChange, onMessageSent, onAction, onFileUpload, placeholder, showHeader, headerTitle, className, }: ChatProps): react_jsx_runtime.JSX.Element;
 
 declare function Command({ agentId, command: initialCommand, context, autoExecute, allowInput, placeholder, submitButtonText, variant, useMock, planMode, onPlanModeChange, enableFileUpload, onStart, onProgress, onChunk, onComplete, onError, onFileUpload, onAction, loadingText, showProgress, enableStreaming, resultRenderer, className, }: CommandProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -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__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "apteva-md-h2", children: parseInlineMarkdown(h2Match[1], `${key}`) }, `h2${key++}`)
+      );
+      i++;
+      continue;
+    }
+    const h3Match = line.match(/^###\s+(.*)$/);
+    if (h3Match) {
+      result.push(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "li", { children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: "apteva-md-li", children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
           );
           i++;
         } else {
@@ -607,7 +623,7 @@ function parseMarkdown(content) {
         }
       }
       result.push(
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "list-disc pl-5 my-1", children: listItems }, `ul${key++}`)
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "li", { children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: "apteva-md-li", children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
           );
           i++;
         } else {
@@ -627,7 +643,7 @@ function parseMarkdown(content) {
         }
       }
       result.push(
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: "list-decimal pl-5 my-1", children: listItems }, `ol${key++}`)
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: "apteva-md-ol", children: listItems }, `ol${key++}`)
       );
       continue;
     }
@@ -646,7 +662,7 @@ function parseMarkdown(content) {
   return result;
 }
 function MarkdownContent({ content, className = "" }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `markdown-content !text-sm leading-relaxed whitespace-pre-wrap ${className}`, children: parseMarkdown(content) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `apteva-md ${className}`, children: parseMarkdown(content) });
 }
 
 // src/components/Chat/ToolCall.tsx
@@ -715,7 +731,7 @@ function MessageList({ messages, onAction }) {
       listRef.current.scrollTop = listRef.current.scrollHeight;
     }
   }, [messages]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: listRef, className: "flex-1 overflow-y-auto px-4 py-4 space-y-3", children: messages.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center h-full !text-gray-500 dark:!text-gray-400", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center space-y-2", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: listRef, className: "flex-1 overflow-y-auto px-4 py-4 space-y-3 apteva-scrollbar-hidden", children: messages.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center h-full !text-gray-500 dark:!text-gray-400", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center space-y-2", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-4xl", children: "\u{1F4AC}" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: "No messages yet. Start a conversation!" })
   ] }) }) : messages.map((message) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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] = _react.useState.call(void 0, initialMessages);
   const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
   const [currentThreadId, setCurrentThreadId] = _react.useState.call(void 0, threadId || null);
+  _react.useEffect.call(void 0, () => {
+    if (apiUrl || apiKey) {
+      aptevaClient.configure({
+        ...apiUrl && { apiUrl },
+        ...apiKey && { apiKey }
+      });
+    }
+  }, [apiUrl, apiKey]);
   _react.useEffect.call(void 0, () => {
     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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: cn("flex flex-col h-full bg-white dark:bg-gray-900", className), children: [
-    showHeader && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "px-4 py-3 bg-white dark:bg-gray-900", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "!text-lg font-semibold !text-gray-900 dark:!text-white", children: headerTitle }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "!text-xs !text-gray-500 dark:!text-gray-400", children: [
-        "Agent: ",
-        agentId
-      ] })
-    ] }),
+    showHeader && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-4 py-3 bg-white dark:bg-gray-900", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "!text-lg font-semibold !text-gray-900 dark:!text-white", children: headerTitle }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageList, { messages, onAction }),
     isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-4 py-2 !text-sm !text-gray-500 dark:!text-gray-400 italic", children: "AI is thinking..." }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Composer, { onSendMessage: handleSendMessage, placeholder, disabled: isLoading, onFileUpload })