@copilotkit/react-ui 1.1.1-feat-runtime-remote-actions.0 → 1.1.2

package/dist/components/chat/Modal.mjs

@@ -1,18 +1,18 @@
 import {
   CopilotModal
-} from "../../chunk-6UDD2RWZ.mjs";
+} from "../../chunk-WOPUCUQK.mjs";
 import "../../chunk-LLOSOTAT.mjs";
 import "../../chunk-SE6DAYSX.mjs";
 import "../../chunk-UC3Y7MWX.mjs";
-import "../../chunk-ZIZZGFE2.mjs";
+import "../../chunk-SWWFXRFF.mjs";
 import "../../chunk-V7W6IM2V.mjs";
-import "../../chunk-WCPLXRZX.mjs";
-import "../../chunk-VE4TIYL6.mjs";
-import "../../chunk-BWXEQ7ZU.mjs";
+import "../../chunk-KSCXPA74.mjs";
+import "../../chunk-D6QNFZXK.mjs";
+import "../../chunk-PF5HUDUP.mjs";
 import "../../chunk-OTPAZXVR.mjs";
 import "../../chunk-U6J5DGOE.mjs";
 import "../../chunk-YQFVRDNC.mjs";
-import "../../chunk-JC7QYDYI.mjs";
+import "../../chunk-4Z2WDXSK.mjs";
 import "../../chunk-YQ3D5IQV.mjs";
 import "../../chunk-XSUSSWDS.mjs";
 import "../../chunk-BJPGMY3I.mjs";

package/dist/components/chat/Popup.d.ts

@@ -16,7 +16,14 @@ import '../../types/suggestions.js';
  *
  * See [CopilotSidebar](/reference/components/CopilotSidebar) for a sidebar version of this component.
  *
- * ## Example
+ * ## Install Dependencies
+ *
+ * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
+ *
+ * ```shell npm2yarn \"@copilotkit/react-ui"\
+ * npm install @copilotkit/react-core @copilotkit/react-ui
+ * ```
+ * ## Usage
  *
  * ```tsx
  * import { CopilotPopup } from "@copilotkit/react-ui";
@@ -29,45 +36,22 @@ import '../../types/suggestions.js';
  * />
  * ```
  *
- * ## Usage
- *
- * ### Install Dependencies
- *
- * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
- *
- * ```shell npm2yarn \"@copilotkit/react-ui"\
- * npm install @copilotkit/react-core @copilotkit/react-ui
- * ```
- *
- * ### Custom Styles
- *
- * To opt-in for the built-in styles, make sure to import the following at the root of your application:
+ * ### Look & Feel
  *
- * ```tsx
+ * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
+ * ```tsx fileName="YourRootComponent.tsx" {2}
+ * ...
  * import "@copilotkit/react-ui/styles.css";
- * ```
- *
- * You can customize the colors of the chat window by overriding the CSS variables
- * defined in the [default styles](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-ui/src/css/colors.css).
- *
- * For example, to set the primary color to purple:
- *
- * ```tsx
- * <div style={{ "--copilot-kit-primary-color": "#7D5BA6" }}>
- *   <CopilotPopup />
- * </div>
- * ```
- *
- * To further customize the chat window, you can override the CSS classes defined
- * [here](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-ui/src/css/).
- *
- * For example:
  *
- * ```css
- * .copilotKitButton {
- *   border-radius: 0;
+ * export function YourRootComponent() {
+ *   return (
+ *     <CopilotKit>
+ *       ...
+ *     </CopilotKit>
+ *   );
  * }
  * ```
+ * For more information about how to customize the styles, check out the [Customize Look & Feel](/concepts/customize-look-and-feel) guide.
  */
 
 declare function CopilotPopup(props: CopilotModalProps): JSX.Element;

package/dist/components/chat/Popup.js

@@ -1023,16 +1023,11 @@ var Messages = ({ messages, inProgress, children }) => {
   }, [messages]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "copilotKitMessages", children: [
     messages.map((message, index) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G;
       const isCurrentMessage = index === messages.length - 1;
       if (message instanceof import_runtime_client_gql.TextMessage && message.role === "user") {
         return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
-      } else if (message instanceof import_runtime_client_gql.AgentMessage && message.role === "user" && ((_c = (_b = (_a = message.state) == null ? void 0 : _a.coagent) == null ? void 0 : _b.execute) == null ? void 0 : _c.name) === "ask" && ((_g = (_f = (_e = (_d = message.state) == null ? void 0 : _d.coagent) == null ? void 0 : _e.execute) == null ? void 0 : _f.result) == null ? void 0 : _g.answer)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: (_k = (_j = (_i = (_h = message.state) == null ? void 0 : _h.coagent) == null ? void 0 : _i.execute) == null ? void 0 : _j.result) == null ? void 0 : _k.answer }, index);
       } else if (message instanceof import_runtime_client_gql.TextMessage && message.role == "assistant") {
         return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: isCurrentMessage && inProgress && !message.content ? context.icons.spinnerIcon : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Markdown, { content: message.content }) }, index);
-      } else if (message instanceof import_runtime_client_gql.AgentMessage && message.role === "assistant" && (((_n = (_m = (_l = message.state) == null ? void 0 : _l.coagent) == null ? void 0 : _m.execute) == null ? void 0 : _n.name) === "ask" && ((_r = (_q = (_p = (_o = message.state) == null ? void 0 : _o.coagent) == null ? void 0 : _p.execute) == null ? void 0 : _q.arguments) == null ? void 0 : _r.question) || ((_u = (_t = (_s = message.state) == null ? void 0 : _s.coagent) == null ? void 0 : _t.execute) == null ? void 0 : _u.name) === "message" && ((_y = (_x = (_w = (_v = message.state) == null ? void 0 : _v.coagent) == null ? void 0 : _w.execute) == null ? void 0 : _x.arguments) == null ? void 0 : _y.text))) {
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: ((_C = (_B = (_A = (_z = message.state) == null ? void 0 : _z.coagent) == null ? void 0 : _A.execute) == null ? void 0 : _B.arguments) == null ? void 0 : _C.question) || ((_G = (_F = (_E = (_D = message.state) == null ? void 0 : _D.coagent) == null ? void 0 : _E.execute) == null ? void 0 : _F.arguments) == null ? void 0 : _G.text) }, index);
       } else if (message instanceof import_runtime_client_gql.ActionExecutionMessage) {
         if (chatComponentsCache.current !== null && chatComponentsCache.current[message.name]) {
           const render = chatComponentsCache.current[message.name];
@@ -1427,13 +1422,11 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 // src/components/chat/Chat.tsx
 var import_react11 = __toESM(require("react"));
 var import_react_core7 = require("@copilotkit/react-core");
-var import_runtime_client_gql6 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
 var import_shared3 = require("@copilotkit/shared");
 
 // src/components/dev-console/utils.ts
 var import_react_core5 = require("@copilotkit/react-core");
-var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
-var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
 function shouldShowDevConsole(showDevConsole) {
   if (typeof showDevConsole === "boolean") {
     return showDevConsole;
@@ -1494,7 +1487,6 @@ function getPublishedCopilotKitVersion(current, forceCheck = false) {
   });
 }
 function logReadables(context) {
-  console.log("%cCurrent Readables:", "font-size: 16px; font-weight: bold;");
   const readables = context.getContextString([], import_react_core5.defaultCopilotContextCategories).trim();
   if (readables.length === 0) {
     console.log("No readables found");
@@ -1503,7 +1495,6 @@ function logReadables(context) {
   console.log(readables);
 }
 function logActions(context) {
-  console.log("%cCurrent Actions:", "font-size: 16px; font-weight: bold;");
   if (Object.values(context.actions).length === 0) {
     console.log("No actions found");
     return;
@@ -1516,53 +1507,6 @@ function logActions(context) {
     console.groupEnd();
   }
 }
-function logMessages(context) {
-  console.log("%cCurrent Messages:", "font-size: 16px; font-weight: bold;");
-  if (context.messages.length === 0) {
-    console.log("No messages found");
-    return;
-  }
-  const tableData = context.messages.map((message) => {
-    if (message instanceof import_runtime_client_gql4.TextMessage) {
-      return {
-        id: message.id,
-        type: "TextMessage",
-        role: message.role,
-        name: void 0,
-        scope: void 0,
-        content: message.content
-      };
-    } else if (message instanceof import_runtime_client_gql4.ActionExecutionMessage) {
-      return {
-        id: message.id,
-        type: "ActionExecutionMessage",
-        role: void 0,
-        name: message.name,
-        scope: message.scope,
-        content: message.arguments
-      };
-    } else if (message instanceof import_runtime_client_gql4.ResultMessage) {
-      return {
-        id: message.id,
-        type: "ResultMessage",
-        role: void 0,
-        name: message.actionName,
-        scope: message.actionExecutionId,
-        content: message.result
-      };
-    } else if (message instanceof import_runtime_client_gql5.AgentMessage) {
-      return {
-        id: message.id,
-        type: `AgentMessage (running: ${message.running})`,
-        role: message.role,
-        name: message.agentName,
-        scope: message.threadId,
-        content: message.state
-      };
-    }
-  });
-  console.table(tableData);
-}
 
 // src/components/dev-console/console.tsx
 var import_react_core6 = require("@copilotkit/react-core");
@@ -1837,7 +1781,6 @@ function DebugMenuButton({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logReadables(context), children: "Log Readables" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logActions(context), children: "Log Actions" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logMessages(context), children: "Log Messages" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => checkForUpdates(true), children: "Check for Updates" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("hr", {}),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => setShowDevConsole(false), children: "Hide Dev Console" }) })
@@ -1954,12 +1897,11 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
     };
   }, [isLoading, context.chatSuggestionConfiguration]);
   const sendMessage = (messageContent) => __async(void 0, null, function* () {
-    var _a;
     abortSuggestions();
     setCurrentSuggestions([]);
-    const message = new import_runtime_client_gql6.TextMessage({
+    const message = new import_runtime_client_gql4.TextMessage({
       content: messageContent,
-      role: import_runtime_client_gql6.Role.User
+      role: import_runtime_client_gql4.Role.User
     });
     appendMessage(message);
     if (onSubmitMessage) {
@@ -1969,30 +1911,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
         console.error("Error in onSubmitMessage:", error);
       }
     }
-    const [lastMessage] = visibleMessages.slice(-1);
-    if (lastMessage instanceof import_runtime_client_gql6.AgentMessage) {
-      const newState = __spreadValues({}, lastMessage.state);
-      newState.coagent || (newState.coagent = {});
-      (_a = newState.coagent).execute || (_a.execute = { name: "ask" });
-      newState.coagent.execute.result = { answer: messageContent };
-      const message2 = new import_runtime_client_gql6.AgentMessage({
-        role: import_runtime_client_gql6.Role.User,
-        agentName: lastMessage.agentName,
-        nodeName: lastMessage.nodeName,
-        state: newState,
-        running: lastMessage.running,
-        threadId: lastMessage.threadId
-      });
-      appendMessage(message2);
-      return message2;
-    } else {
-      const message2 = new import_runtime_client_gql6.TextMessage({
-        content: messageContent,
-        role: import_runtime_client_gql6.Role.User
-      });
-      appendMessage(message2);
-      return message2;
-    }
+    return message;
   });
   return {
     visibleMessages,