@copilotkit/react-ui 1.4.1-pre.2 → 1.4.1-pre.6

package/dist/index.mjs

@@ -1,14 +1,14 @@
 "use client";
 import "./chunk-EFZPSZWO.mjs";
-import "./chunk-JD7BAH7U.mjs";
+import "./chunk-MMVDU6DF.mjs";
 import "./chunk-MRFF7GSQ.mjs";
 import {
   CopilotSidebar
-} from "./chunk-M2NVAJQA.mjs";
+} from "./chunk-ECPBML4L.mjs";
 import "./chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "./chunk-PY7YBFPA.mjs";
+} from "./chunk-TSIFZ5N5.mjs";
 import "./chunk-H5CXJBR5.mjs";
 import "./chunk-YAGE7RCE.mjs";
 import "./chunk-VEC45H6Q.mjs";
@@ -22,8 +22,12 @@ import "./chunk-ZABXREBH.mjs";
 import "./chunk-6INMITFA.mjs";
 import "./chunk-RU73BEZM.mjs";
 import "./chunk-RJCZRKTV.mjs";
-import "./chunk-RS6UPR5N.mjs";
-import "./chunk-4FIGRRFS.mjs";
+import {
+  CopilotDevConsole
+} from "./chunk-RS6UPR5N.mjs";
+import {
+  shouldShowDevConsole
+} from "./chunk-4FIGRRFS.mjs";
 import "./chunk-OTPAZXVR.mjs";
 import "./chunk-4LUMV4YO.mjs";
 import "./chunk-YQFVRDNC.mjs";
@@ -45,8 +49,10 @@ import "./chunk-S5MBUNGN.mjs";
 import "./chunk-MRXNTQOX.mjs";
 export {
   CopilotChat,
+  CopilotDevConsole,
   CopilotPopup,
   CopilotSidebar,
+  shouldShowDevConsole,
   useChatContext,
   useCopilotChatSuggestions
 };

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.4.1-pre.2",
+  "version": "1.4.1-pre.6",
   "sideEffects": [
     "**/*.css"
   ],
@@ -40,9 +40,9 @@
     "ts-jest": "^29.1.1",
     "tsup": "^6.7.0",
     "typescript": "^5.2.3",
-    "eslint-config-custom": "1.4.1-pre.2",
-    "tailwind-config": "1.4.1-pre.2",
-    "tsconfig": "1.4.1-pre.2"
+    "eslint-config-custom": "1.4.1-pre.6",
+    "tailwind-config": "1.4.1-pre.6",
+    "tsconfig": "1.4.1-pre.6"
   },
   "dependencies": {
     "@headlessui/react": "^2.1.3",
@@ -50,9 +50,9 @@
     "react-syntax-highlighter": "^15.5.0",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
-    "@copilotkit/react-core": "1.4.1-pre.2",
-    "@copilotkit/runtime-client-gql": "1.4.1-pre.2",
-    "@copilotkit/shared": "1.4.1-pre.2"
+    "@copilotkit/react-core": "1.4.1-pre.6",
+    "@copilotkit/runtime-client-gql": "1.4.1-pre.6",
+    "@copilotkit/shared": "1.4.1-pre.6"
   },
   "keywords": [
     "copilotkit",

package/src/components/chat/Popup.tsx

@@ -5,7 +5,7 @@
  * A chatbot popup component for the CopilotKit framework. The component allows for a high degree
  * of customization through various props and custom CSS.
  *
- * See [CopilotSidebar](/reference/components/CopilotSidebar) for a sidebar version of this component.
+ * See [CopilotSidebar](/reference/components/chat/CopilotSidebar) for a sidebar version of this component.
  *
  * ## Install Dependencies
  *

package/src/components/chat/Sidebar.tsx

@@ -4,7 +4,7 @@
  *
  * A chatbot sidebar component for the CopilotKit framework. Highly customizable through various props and custom CSS.
  *
- * See [CopilotPopup](/reference/components/CopilotPopup) for a popup version of this component.
+ * See [CopilotPopup](/reference/components/chat/CopilotPopup) for a popup version of this component.
  *
  * ## Install Dependencies
  *

package/src/components/index.ts

@@ -1 +1,2 @@
 export * from "./chat";
+export * from "./dev-console";

package/src/css/markdown.css

@@ -42,6 +42,11 @@
   font-size: 0.8em;
 }
 
+.copilotKitMarkdown p {
+  padding: 0px;
+  margin: 0px;
+}
+
 .copilotKitMarkdown p:not(:last-child),
 .copilotKitMarkdown pre:not(:last-child),
 .copilotKitMarkdown ol:not(:last-child),

package/dist/chunk-JD7BAH7U.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-JD7BAH7U.mjs.map

package/dist/chunk-M2NVAJQA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Sidebar.tsx"],"sourcesContent":["/**\n * <br/>\n * <img src=\"/images/CopilotSidebar.gif\" width=\"500\" />\n *\n * A chatbot sidebar component for the CopilotKit framework. Highly customizable through various props and custom CSS.\n *\n * See [CopilotPopup](/reference/components/CopilotPopup) for a popup version of this component.\n *\n * ## Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ## Usage\n *\n * ```tsx\n * import { CopilotSidebar } from \"@copilotkit/react-ui\";\n * import \"@copilotkit/react-ui/styles.css\";\n *\n * <CopilotSidebar\n *   labels={{\n *     title: \"Your Assistant\",\n *     initial: \"Hi! 👋 How can I assist you today?\",\n *   }}\n * >\n *   <YourApp/>\n * </CopilotSidebar>\n * ```\n *\n * ### Look & Feel\n *\n * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:\n * ```tsx title=\"YourRootComponent.tsx\"\n * ...\n * import \"@copilotkit/react-ui/styles.css\"; // [!code highlight]\n *\n * export function YourRootComponent() {\n *   return (\n *     <CopilotKit>\n *       ...\n *     </CopilotKit>\n *   );\n * }\n * ```\n * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.\n */\nimport React, { useState } from \"react\";\nimport { CopilotModal, CopilotModalProps } from \"./Modal\";\n\nexport function CopilotSidebar(props: CopilotModalProps) {\n  props = {\n    ...props,\n    className: props.className ? props.className + \" copilotKitSidebar\" : \"copilotKitSidebar\",\n  };\n  const [expandedClassName, setExpandedClassName] = useState(\n    props.defaultOpen ? \"sidebarExpanded\" : \"\",\n  );\n\n  const onSetOpen = (open: boolean) => {\n    props.onSetOpen?.(open);\n    setExpandedClassName(open ? \"sidebarExpanded\" : \"\");\n  };\n\n  return (\n    <div className={`copilotKitSidebarContentWrapper ${expandedClassName}`}>\n      <CopilotModal {...props} {...{ onSetOpen }}>\n        {props.children}\n      </CopilotModal>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAiDA,SAAgB,gBAAgB;AAmB1B;AAhBC,SAAS,eAAe,OAA0B;AACvD,UAAQ,iCACH,QADG;AAAA,IAEN,WAAW,MAAM,YAAY,MAAM,YAAY,uBAAuB;AAAA,EACxE;AACA,QAAM,CAAC,mBAAmB,oBAAoB,IAAI;AAAA,IAChD,MAAM,cAAc,oBAAoB;AAAA,EAC1C;AAEA,QAAM,YAAY,CAAC,SAAkB;AA7DvC;AA8DI,gBAAM,cAAN,+BAAkB;AAClB,yBAAqB,OAAO,oBAAoB,EAAE;AAAA,EACpD;AAEA,SACE,oBAAC,SAAI,WAAW,mCAAmC,qBACjD,8BAAC,8DAAiB,QAAW,EAAE,UAAU,IAAxC,EACE,gBAAM,WACT,GACF;AAEJ;","names":[]}

package/dist/chunk-PY7YBFPA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Popup.tsx"],"sourcesContent":["/**\n * <br/>\n * <img src=\"/images/CopilotPopup.gif\" width=\"500\" />\n *\n * A chatbot popup component for the CopilotKit framework. The component allows for a high degree\n * of customization through various props and custom CSS.\n *\n * See [CopilotSidebar](/reference/components/CopilotSidebar) for a sidebar version of this component.\n *\n * ## Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n * ## Usage\n *\n * ```tsx\n * import { CopilotPopup } from \"@copilotkit/react-ui\";\n * import \"@copilotkit/react-ui/styles.css\";\n *\n * <CopilotPopup\n *   labels={{\n *     title: \"Your Assistant\",\n *     initial: \"Hi! 👋 How can I assist you today?\",\n *   }}\n * />\n * ```\n *\n * ### Look & Feel\n *\n * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:\n * ```tsx title=\"YourRootComponent.tsx\"\n * ...\n * import \"@copilotkit/react-ui/styles.css\"; // [!code highlight]\n *\n * export function YourRootComponent() {\n *   return (\n *     <CopilotKit>\n *       ...\n *     </CopilotKit>\n *   );\n * }\n * ```\n * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.\n */\n\nimport { CopilotModal, CopilotModalProps } from \"./Modal\";\n\nexport function CopilotPopup(props: CopilotModalProps) {\n  props = {\n    ...props,\n    className: props.className ? props.className + \" copilotKitPopup\" : \"copilotKitPopup\",\n  };\n  return <CopilotModal {...props}>{props.children}</CopilotModal>;\n}\n"],"mappings":";;;;;;;;;AAuDS;AALF,SAAS,aAAa,OAA0B;AACrD,UAAQ,iCACH,QADG;AAAA,IAEN,WAAW,MAAM,YAAY,MAAM,YAAY,qBAAqB;AAAA,EACtE;AACA,SAAO,oBAAC,+CAAiB,QAAjB,EAAyB,gBAAM,WAAS;AAClD;","names":[]}