@agentiffai/design 1.3.26 → 1.3.27

package/dist/{Window-DyRP81dS.d.cts → Window-Dm_I5m8i.d.cts}

@@ -36,13 +36,11 @@ type ErrorCategory = 'Network' | 'Auth' | 'OAuth' | 'Workflow' | 'Unknown';
 /**
  * Callback for reporting issues from chat
  */
-interface ReportIssueCallback {
-    (context: {
-        errorCategory?: ErrorCategory;
-        correlationId?: string;
-        chatSnippet?: string;
-    }): void;
-}
+type ReportIssueCallback = (context: {
+    errorCategory?: ErrorCategory;
+    correlationId?: string;
+    chatSnippet?: string;
+}) => void;
 declare const AssistantMessageAdapter: React__default.NamedExoticComponent<AssistantMessageProps$1>;
 
 type ActionVariant = 'primary' | 'secondary' | 'icon';

package/dist/{Window-DyRP81dS.d.ts → Window-Dm_I5m8i.d.ts}

@@ -36,13 +36,11 @@ type ErrorCategory = 'Network' | 'Auth' | 'OAuth' | 'Workflow' | 'Unknown';
 /**
  * Callback for reporting issues from chat
  */
-interface ReportIssueCallback {
-    (context: {
-        errorCategory?: ErrorCategory;
-        correlationId?: string;
-        chatSnippet?: string;
-    }): void;
-}
+type ReportIssueCallback = (context: {
+    errorCategory?: ErrorCategory;
+    correlationId?: string;
+    chatSnippet?: string;
+}) => void;
 declare const AssistantMessageAdapter: React__default.NamedExoticComponent<AssistantMessageProps$1>;
 
 type ActionVariant = 'primary' | 'secondary' | 'icon';

package/dist/copilotkit/index.cjs

@@ -40,7 +40,7 @@ var tokens = {
     text: {
       primary: "#FFFFFF",
       secondary: "#B4B8C5",
-      tertiary: "#9CA3AF",
+      tertiary: "#6B7280",
       disabled: "#4B5563"
     },
     // Teal (brand aligned)
@@ -95,8 +95,8 @@ var tokens = {
     backdrop: "rgba(27, 34, 48, 0.95)"},
   typography: {
     fontFamily: {
-      primary: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif",
-      monospace: "'Roboto Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace"
+      primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif",
+      monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace"
     },
     fontSize: {
       xs: "0.875rem",
@@ -1499,10 +1499,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) {
@@ -1649,7 +1646,7 @@ var AssistantMessageAdapterBase = ({
     return /* @__PURE__ */ jsxRuntime.jsx(AssistantThinking, { message: "Thinking..." });
   }
   const attachments = [];
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "chat-message", "data-message-role": "assistant", children: [
     generativeUIOutput && /* @__PURE__ */ jsxRuntime.jsx(GenerativeUIContainer, { children: generativeUIOutput }),
     content && /* @__PURE__ */ jsxRuntime.jsx(
       AssistantMessage,
@@ -1710,7 +1707,7 @@ function createAssistantMessageAdapter(ThinkingIndicator, _ToolCallsComponent) {
         ThinkingIndicator ? /* @__PURE__ */ jsxRuntime.jsx(ThinkingIndicator, { isLoading, isGenerating }) : /* @__PURE__ */ jsxRuntime.jsx(AssistantThinking, { message: "Thinking..." })
       ] });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "chat-message", "data-message-role": "assistant", children: [
       toolCallIndicators,
       generativeUIOutput && /* @__PURE__ */ jsxRuntime.jsx(GenerativeUIContainer, { children: generativeUIOutput }),
       content && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1808,15 +1805,41 @@ function createAssistantMessageAdapterWithErrorReporting(onReportIssue, Thinking
     if (showThinking) {
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         toolCallNames.map((name) => /* @__PURE__ */ jsxRuntime.jsxs(ToolCallIndicator, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ToolCallIcon, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ToolCallIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ToolCallName, { children: formatToolName2(name) })
         ] }, name)),
         ThinkingIndicator ? /* @__PURE__ */ jsxRuntime.jsx(ThinkingIndicator, { isLoading, isGenerating }) : /* @__PURE__ */ jsxRuntime.jsx(AssistantThinking, { message: "Thinking..." })
       ] });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "chat-message", "data-message-role": "assistant", children: [
       toolCallNames.map((name) => /* @__PURE__ */ jsxRuntime.jsxs(ToolCallIndicator, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ToolCallIcon, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ToolCallIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ToolCallName, { children: formatToolName2(name) })
       ] }, name)),
       generativeUIOutput && /* @__PURE__ */ jsxRuntime.jsx(GenerativeUIContainer, { children: generativeUIOutput }),
@@ -2046,6 +2069,7 @@ var ChatInput = ({
         InputField,
         {
           ref: inputRef,
+          "data-testid": "chat-input",
           "aria-label": ariaLabel,
           placeholder,
           onKeyDown: handleKeyDown,
@@ -2098,31 +2122,41 @@ var SubmitButtonComponent = ({
     },
     ref
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(SubmitButton, { ...buttonProps, ref, disabled: isDisabled, title: ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("title", { children: "Arrow Right Icon" }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("title", { children: "Arrow Right Icon" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                d: "M4 10H16M16 10L10 4M16 10L10 16",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      )
     }
-  ) });
+  );
 };
 ChatInput.displayName = "ChatInput";
 var InputAdapter = ({
@@ -2324,15 +2358,12 @@ var UserMessageWrapper = styled9__default.default.div`
   /* Performance optimization - isolate layout/paint */
   contain: content;
 `;
-var UserMessageAdapterBase = ({
-  message,
-  ImageRenderer
-}) => {
+var UserMessageAdapterBase = ({ message, ImageRenderer }) => {
   if (message?.image) {
     return /* @__PURE__ */ jsxRuntime.jsx(ImageRenderer, { image: message.image, content: message.content });
   }
   const content = message?.content || "";
-  return /* @__PURE__ */ jsxRuntime.jsx(UserMessageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(UserMessage, { children: content }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(UserMessageWrapper, { "data-testid": "chat-message", "data-message-role": "user", children: /* @__PURE__ */ jsxRuntime.jsx(UserMessage, { children: content }) });
 };
 var UserMessageAdapter = React.memo(UserMessageAdapterBase);
 UserMessageAdapter.displayName = "UserMessageAdapter";
@@ -3439,19 +3470,18 @@ function CustomCopilotSidebar2({
   ToolCallsComponent,
   onReportIssue
 }) {
-  const HeaderAdapterWithClose = React.useMemo(
-    () => createHeaderAdapter(onSetOpen),
-    [onSetOpen]
-  );
+  const HeaderAdapterWithClose = React.useMemo(() => createHeaderAdapter(onSetOpen), [onSetOpen]);
   const CustomButton = React.useMemo(
     () => createButtonAdapter(disabled, disabledReason, onSetOpen),
     [disabled, disabledReason, onSetOpen]
   );
   const AssistantMessageAdapterMemo = React.useMemo(
-    () => onReportIssue ? createAssistantMessageAdapterWithErrorReporting(onReportIssue, ThinkingIndicator) : ThinkingIndicator || ToolCallsComponent ? createAssistantMessageAdapter(ThinkingIndicator) : AssistantMessageAdapter,
+    () => onReportIssue ? createAssistantMessageAdapterWithErrorReporting(
+      onReportIssue,
+      ThinkingIndicator) : ThinkingIndicator || ToolCallsComponent ? createAssistantMessageAdapter(ThinkingIndicator) : AssistantMessageAdapter,
     [ThinkingIndicator, ToolCallsComponent, onReportIssue]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "copilot-sidebar", children: [
     /* @__PURE__ */ jsxRuntime.jsx(GlobalSidebarStyles2, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
       reactUi.CopilotSidebar,