@agentiffai/design 1.3.26 → 1.3.28

package/dist/copilotkit/index.d.cts

@@ -1,5 +1,5 @@
-import { R as ReportIssueCallback } from '../Window-DyRP81dS.cjs';
-export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, E as AdapterErrorCategory, f as AgentState, e as AgentStateProps, t as AssistantMessage, g as AssistantMessageAdapter, o as AssistantMessageProps, k as Button, B as ButtonProps, i as ButtonSize, j as ButtonVariant, u as FileAttachment, p as FileAttachmentProps, l as Footer, F as FooterProps, m as Header, H as HeaderProps, n as Input, I as InputProps, M as Message, v as Messages, w as MessagesList, x as MessagesListContainer, y as MessagesListContent, q as MessagesListProps, s as MessagesProps, D as Response, C as ResponseProps, G as StreamErrorMessage, S as StreamErrorMessageProps, N as StreamStatusIndicator, L as StreamStatusIndicatorProps, K as StreamingText, J as StreamingTextProps, P as Suggestions, O as SuggestionsProps, z as UserMessage, U as UserMessageProps, Q as Window, W as WindowProps, h as clearToolCalls, r as registerToolCall } from '../Window-DyRP81dS.cjs';
+import { R as ReportIssueCallback } from '../Window-Dm_I5m8i.cjs';
+export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, E as AdapterErrorCategory, f as AgentState, e as AgentStateProps, t as AssistantMessage, g as AssistantMessageAdapter, o as AssistantMessageProps, k as Button, B as ButtonProps, i as ButtonSize, j as ButtonVariant, u as FileAttachment, p as FileAttachmentProps, l as Footer, F as FooterProps, m as Header, H as HeaderProps, n as Input, I as InputProps, M as Message, v as Messages, w as MessagesList, x as MessagesListContainer, y as MessagesListContent, q as MessagesListProps, s as MessagesProps, D as Response, C as ResponseProps, G as StreamErrorMessage, S as StreamErrorMessageProps, N as StreamStatusIndicator, L as StreamStatusIndicatorProps, K as StreamingText, J as StreamingTextProps, P as Suggestions, O as SuggestionsProps, z as UserMessage, U as UserMessageProps, Q as Window, W as WindowProps, h as clearToolCalls, r as registerToolCall } from '../Window-Dm_I5m8i.cjs';
 import { RenderMessageProps, InputProps, UserMessageProps } from '@copilotkit/react-ui';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';

package/dist/copilotkit/index.d.ts

@@ -1,5 +1,5 @@
-import { R as ReportIssueCallback } from '../Window-DyRP81dS.js';
-export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, E as AdapterErrorCategory, f as AgentState, e as AgentStateProps, t as AssistantMessage, g as AssistantMessageAdapter, o as AssistantMessageProps, k as Button, B as ButtonProps, i as ButtonSize, j as ButtonVariant, u as FileAttachment, p as FileAttachmentProps, l as Footer, F as FooterProps, m as Header, H as HeaderProps, n as Input, I as InputProps, M as Message, v as Messages, w as MessagesList, x as MessagesListContainer, y as MessagesListContent, q as MessagesListProps, s as MessagesProps, D as Response, C as ResponseProps, G as StreamErrorMessage, S as StreamErrorMessageProps, N as StreamStatusIndicator, L as StreamStatusIndicatorProps, K as StreamingText, J as StreamingTextProps, P as Suggestions, O as SuggestionsProps, z as UserMessage, U as UserMessageProps, Q as Window, W as WindowProps, h as clearToolCalls, r as registerToolCall } from '../Window-DyRP81dS.js';
+import { R as ReportIssueCallback } from '../Window-Dm_I5m8i.js';
+export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, E as AdapterErrorCategory, f as AgentState, e as AgentStateProps, t as AssistantMessage, g as AssistantMessageAdapter, o as AssistantMessageProps, k as Button, B as ButtonProps, i as ButtonSize, j as ButtonVariant, u as FileAttachment, p as FileAttachmentProps, l as Footer, F as FooterProps, m as Header, H as HeaderProps, n as Input, I as InputProps, M as Message, v as Messages, w as MessagesList, x as MessagesListContainer, y as MessagesListContent, q as MessagesListProps, s as MessagesProps, D as Response, C as ResponseProps, G as StreamErrorMessage, S as StreamErrorMessageProps, N as StreamStatusIndicator, L as StreamStatusIndicatorProps, K as StreamingText, J as StreamingTextProps, P as Suggestions, O as SuggestionsProps, z as UserMessage, U as UserMessageProps, Q as Window, W as WindowProps, h as clearToolCalls, r as registerToolCall } from '../Window-Dm_I5m8i.js';
 import { RenderMessageProps, InputProps, UserMessageProps } from '@copilotkit/react-ui';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';

package/dist/copilotkit/index.js

@@ -1492,10 +1492,7 @@ function stripToolCallMarkers(content) {
 function extractToolCallNames(content) {
   if (!content.includes("TOOL_CALL")) return [];
   const names = /* @__PURE__ */ new Set();
-  const patterns = [
-    /<!--TOOL_CALL:([^:]+):/g,
-    /__TOOL_CALL__:([^:]+):/g
-  ];
+  const patterns = [/<!--TOOL_CALL:([^:]+):/g, /__TOOL_CALL__:([^:]+):/g];
   for (const pattern of patterns) {
     let match;
     while ((match = pattern.exec(content)) !== null) {
@@ -1642,7 +1639,7 @@ var AssistantMessageAdapterBase = ({
     return /* @__PURE__ */ jsx(AssistantThinking, { message: "Thinking..." });
   }
   const attachments = [];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "chat-message", "data-message-role": "assistant", children: [
     generativeUIOutput && /* @__PURE__ */ jsx(GenerativeUIContainer, { children: generativeUIOutput }),
     content && /* @__PURE__ */ jsx(
       AssistantMessage,
@@ -1703,7 +1700,7 @@ function createAssistantMessageAdapter(ThinkingIndicator, _ToolCallsComponent) {
         ThinkingIndicator ? /* @__PURE__ */ jsx(ThinkingIndicator, { isLoading, isGenerating }) : /* @__PURE__ */ jsx(AssistantThinking, { message: "Thinking..." })
       ] });
     }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsxs("div", { "data-testid": "chat-message", "data-message-role": "assistant", children: [
       toolCallIndicators,
       generativeUIOutput && /* @__PURE__ */ jsx(GenerativeUIContainer, { children: generativeUIOutput }),
       content && /* @__PURE__ */ jsx(
@@ -1801,15 +1798,41 @@ function createAssistantMessageAdapterWithErrorReporting(onReportIssue, Thinking
     if (showThinking) {
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         toolCallNames.map((name) => /* @__PURE__ */ jsxs(ToolCallIndicator, { children: [
-          /* @__PURE__ */ jsx(ToolCallIcon, { children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }) }) }),
+          /* @__PURE__ */ jsx(ToolCallIcon, { children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" })
+            }
+          ) }),
           /* @__PURE__ */ jsx(ToolCallName, { children: formatToolName2(name) })
         ] }, name)),
         ThinkingIndicator ? /* @__PURE__ */ jsx(ThinkingIndicator, { isLoading, isGenerating }) : /* @__PURE__ */ jsx(AssistantThinking, { message: "Thinking..." })
       ] });
     }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsxs("div", { "data-testid": "chat-message", "data-message-role": "assistant", children: [
       toolCallNames.map((name) => /* @__PURE__ */ jsxs(ToolCallIndicator, { children: [
-        /* @__PURE__ */ jsx(ToolCallIcon, { children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }) }) }),
+        /* @__PURE__ */ jsx(ToolCallIcon, { children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" })
+          }
+        ) }),
         /* @__PURE__ */ jsx(ToolCallName, { children: formatToolName2(name) })
       ] }, name)),
       generativeUIOutput && /* @__PURE__ */ jsx(GenerativeUIContainer, { children: generativeUIOutput }),
@@ -2039,6 +2062,7 @@ var ChatInput = ({
         InputField,
         {
           ref: inputRef,
+          "data-testid": "chat-input",
           "aria-label": ariaLabel,
           placeholder,
           onKeyDown: handleKeyDown,
@@ -2091,31 +2115,41 @@ var SubmitButtonComponent = ({
     },
     ref
   );
-  return /* @__PURE__ */ jsx(SubmitButton, { ...buttonProps, ref, disabled: isDisabled, title: ariaLabel, children: /* @__PURE__ */ jsxs(
-    "svg",
+  return /* @__PURE__ */ jsx(
+    SubmitButton,
     {
-      width: "20",
-      height: "20",
-      viewBox: "0 0 20 20",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      role: "img",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx("title", { children: "Arrow Right Icon" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M4 10H16M16 10L10 4M16 10L10 16",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
+      ...buttonProps,
+      ref,
+      "data-testid": "chat-send-button",
+      disabled: isDisabled,
+      title: ariaLabel,
+      children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          role: "img",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsx("title", { children: "Arrow Right Icon" }),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M4 10H16M16 10L10 4M16 10L10 16",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      )
     }
-  ) });
+  );
 };
 ChatInput.displayName = "ChatInput";
 var InputAdapter = ({
@@ -2317,15 +2351,12 @@ var UserMessageWrapper = styled9.div`
   /* Performance optimization - isolate layout/paint */
   contain: content;
 `;
-var UserMessageAdapterBase = ({
-  message,
-  ImageRenderer
-}) => {
+var UserMessageAdapterBase = ({ message, ImageRenderer }) => {
   if (message?.image) {
     return /* @__PURE__ */ jsx(ImageRenderer, { image: message.image, content: message.content });
   }
   const content = message?.content || "";
-  return /* @__PURE__ */ jsx(UserMessageWrapper, { children: /* @__PURE__ */ jsx(UserMessage, { children: content }) });
+  return /* @__PURE__ */ jsx(UserMessageWrapper, { "data-testid": "chat-message", "data-message-role": "user", children: /* @__PURE__ */ jsx(UserMessage, { children: content }) });
 };
 var UserMessageAdapter = memo(UserMessageAdapterBase);
 UserMessageAdapter.displayName = "UserMessageAdapter";
@@ -3432,19 +3463,18 @@ function CustomCopilotSidebar2({
   ToolCallsComponent,
   onReportIssue
 }) {
-  const HeaderAdapterWithClose = useMemo(
-    () => createHeaderAdapter(onSetOpen),
-    [onSetOpen]
-  );
+  const HeaderAdapterWithClose = useMemo(() => createHeaderAdapter(onSetOpen), [onSetOpen]);
   const CustomButton = useMemo(
     () => createButtonAdapter(disabled, disabledReason, onSetOpen),
     [disabled, disabledReason, onSetOpen]
   );
   const AssistantMessageAdapterMemo = useMemo(
-    () => onReportIssue ? createAssistantMessageAdapterWithErrorReporting(onReportIssue, ThinkingIndicator) : ThinkingIndicator || ToolCallsComponent ? createAssistantMessageAdapter(ThinkingIndicator) : AssistantMessageAdapter,
+    () => onReportIssue ? createAssistantMessageAdapterWithErrorReporting(
+      onReportIssue,
+      ThinkingIndicator) : ThinkingIndicator || ToolCallsComponent ? createAssistantMessageAdapter(ThinkingIndicator) : AssistantMessageAdapter,
     [ThinkingIndicator, ToolCallsComponent, onReportIssue]
   );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "copilot-sidebar", children: [
     /* @__PURE__ */ jsx(GlobalSidebarStyles2, {}),
     /* @__PURE__ */ jsx(
       CopilotSidebar,