@copilotkit/react-ui 0.9.0-alpha.1 → 0.9.0-alpha.10

package/dist/chunk-VSNDSL6W.mjs

@@ -1,74 +0,0 @@
-import { ExternalLink } from './chunk-KXJV37FS.mjs';
-import { Button } from './chunk-V6QYUEJR.mjs';
-import { IconArrowRight } from './chunk-KR7MH7XO.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var exampleMessages = [
-  {
-    heading: "Explain technical concepts",
-    message: `What is a "serverless function"?`
-  },
-  {
-    heading: "Summarize an article",
-    message: "Summarize the following article for a 2nd grader: \n"
-  },
-  {
-    heading: "Draft an email",
-    message: `Draft an email to my boss about the following: 
-`
-  }
-];
-var DefaultEmptyScreen = (props) => {
-  return /* @__PURE__ */ jsx("div", {
-    className: "mx-auto max-w-2xl px-4",
-    children: /* @__PURE__ */ jsxs("div", {
-      className: "rounded-lg border bg-background p-8",
-      children: [
-        /* @__PURE__ */ jsx("h1", {
-          className: "mb-2 text-lg font-semibold",
-          children: "Welcome to CopilotKit! \u{1F44B}"
-        }),
-        /* @__PURE__ */ jsxs("p", {
-          className: "mb-2 leading-normal text-muted-foreground",
-          children: [
-            "This is a Copilot built with",
-            " ",
-            /* @__PURE__ */ jsx(ExternalLink, {
-              href: "https://recursively.ai",
-              children: "recursively.ai's"
-            }),
-            " ",
-            /* @__PURE__ */ jsx(ExternalLink, {
-              href: "https://github.com/RecursivelyAI/CopilotKit",
-              children: "CopilotKit"
-            }),
-            " ",
-            "."
-          ]
-        }),
-        /* @__PURE__ */ jsx("p", {
-          className: "leading-normal text-muted-foreground",
-          children: "You can start a conversation here or try the following examples:"
-        }),
-        /* @__PURE__ */ jsx("div", {
-          className: "mt-4 flex flex-col items-start space-y-2",
-          children: exampleMessages.map((message, index) => /* @__PURE__ */ jsxs(Button, {
-            variant: "link",
-            className: "h-auto p-0 text-base",
-            onClick: () => props.setInput(message.message),
-            children: [
-              /* @__PURE__ */ jsx(IconArrowRight, {
-                className: "mr-2 text-muted-foreground"
-              }),
-              message.heading
-            ]
-          }, index))
-        })
-      ]
-    })
-  });
-};
-
-export { DefaultEmptyScreen };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-VSNDSL6W.mjs.map

package/dist/chunk-VSNDSL6W.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/default-empty-screen.tsx"],"names":[],"mappings":";;;;;;;;;;;AA+BQ,cAGA,YAHA;AA/BR;AAQA,IAAM,kBAAkB;AAAA,EACtB;AAAA,IACE,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,SAAS;AAAA;AAAA,EACX;AACF;AAMO,IAAM,qBAAiD,CAAC,UAAU;AACvE,SACE,oBAAC;AAAA,IAAI,WAAU;AAAA,IACb,+BAAC;AAAA,MAAI,WAAU;AAAA,MACb;AAAA,4BAAC;AAAA,UAAG,WAAU;AAAA,UAA6B;AAAA,SAE3C;AAAA,QACA,qBAAC;AAAA,UAAE,WAAU;AAAA,UAA4C;AAAA;AAAA,YAC1B;AAAA,YAC7B,oBAAC;AAAA,cAAa,MAAK;AAAA,cAAyB;AAAA,aAE5C;AAAA,YAAgB;AAAA,YAChB,oBAAC;AAAA,cAAa,MAAK;AAAA,cAA8C;AAAA,aAEjE;AAAA,YAAgB;AAAA,YAAI;AAAA;AAAA,SAEtB;AAAA,QACA,oBAAC;AAAA,UAAE,WAAU;AAAA,UAAuC;AAAA,SAEpD;AAAA,QACA,oBAAC;AAAA,UAAI,WAAU;AAAA,UACZ,0BAAgB,IAAI,CAAC,SAAS,UAC7B,qBAAC;AAAA,YAEC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,MAAM,SAAS,QAAQ,OAAO;AAAA,YAE7C;AAAA,kCAAC;AAAA,gBAAe,WAAU;AAAA,eAA6B;AAAA,cACtD,QAAQ;AAAA;AAAA,aANJ,KAOP,CACD;AAAA,SACH;AAAA;AAAA,KACF;AAAA,GACF;AAEJ","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { UseChatHelpers } from \"ai/react\";\n\nimport { Button } from \"./ui/button\";\nimport { ExternalLink } from \"./external-link\";\nimport { IconArrowRight } from \"./ui/icons\";\n\nconst exampleMessages = [\n  {\n    heading: \"Explain technical concepts\",\n    message: `What is a \"serverless function\"?`,\n  },\n  {\n    heading: \"Summarize an article\",\n    message: \"Summarize the following article for a 2nd grader: \\n\",\n  },\n  {\n    heading: \"Draft an email\",\n    message: `Draft an email to my boss about the following: \\n`,\n  },\n];\n\nexport interface EmptyScreenProps {\n  setInput: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport const DefaultEmptyScreen: React.FC<EmptyScreenProps> = (props) => {\n  return (\n    <div className=\"mx-auto max-w-2xl px-4\">\n      <div className=\"rounded-lg border bg-background p-8\">\n        <h1 className=\"mb-2 text-lg font-semibold\">\n          Welcome to CopilotKit! 👋\n        </h1>\n        <p className=\"mb-2 leading-normal text-muted-foreground\">\n          This is a Copilot built with{\" \"}\n          <ExternalLink href=\"https://recursively.ai\">\n            recursively.ai's\n          </ExternalLink>{\" \"}\n          <ExternalLink href=\"https://github.com/RecursivelyAI/CopilotKit\">\n            CopilotKit\n          </ExternalLink>{\" \"}\n          .\n        </p>\n        <p className=\"leading-normal text-muted-foreground\">\n          You can start a conversation here or try the following examples:\n        </p>\n        <div className=\"mt-4 flex flex-col items-start space-y-2\">\n          {exampleMessages.map((message, index) => (\n            <Button\n              key={index}\n              variant=\"link\"\n              className=\"h-auto p-0 text-base\"\n              onClick={() => props.setInput(message.message)}\n            >\n              <IconArrowRight className=\"mr-2 text-muted-foreground\" />\n              {message.heading}\n            </Button>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/chunk-XDJJE4RX.mjs

@@ -1,53 +0,0 @@
-import { ChatPanel } from './chunk-G6R4HFOE.mjs';
-import { ChatScrollAnchor } from './chunk-RSONJDLO.mjs';
-import { DefaultEmptyScreen } from './chunk-VSNDSL6W.mjs';
-import { ChatList } from './chunk-RVWZKSLL.mjs';
-import { useCopilotChat } from '@copilotkit/react-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function CopilotChat({
-  id,
-  initialMessages,
-  makeSystemMessage,
-  EmptyScreen = DefaultEmptyScreen
-}) {
-  const { visibleMessages, append, reload, stop, isLoading, input, setInput } = useCopilotChat({ id, initialMessages, makeSystemMessage });
-  return /* @__PURE__ */ jsxs("div", {
-    className: "w-full h-full flex flex-col overflow-hidden box-border items-start",
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        className: "pt-5 px-5 overflow-y-auto overflow-x-hidden w-full flex-grow",
-        children: visibleMessages.length ? /* @__PURE__ */ jsxs("div", {
-          className: "pl-0 pr-6",
-          children: [
-            /* @__PURE__ */ jsx(ChatList, {
-              messages: visibleMessages
-            }),
-            /* @__PURE__ */ jsx(ChatScrollAnchor, {
-              trackVisibility: isLoading
-            })
-          ]
-        }) : /* @__PURE__ */ jsx(EmptyScreen, {
-          setInput
-        })
-      }),
-      /* @__PURE__ */ jsx("div", {
-        className: "flex-shrink-0 w-full",
-        children: /* @__PURE__ */ jsx(ChatPanel, {
-          id,
-          isLoading,
-          stop,
-          append,
-          reload,
-          messages: visibleMessages,
-          input,
-          setInput
-        })
-      })
-    ]
-  });
-}
-
-export { CopilotChat };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-XDJJE4RX.mjs.map

package/dist/chunk-XDJJE4RX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/copilot-chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AASA,SAAS,sBAAsB;AAuBrB,SACE,KADF;AAhCV;AAmBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAqB;AACnB,QAAM,EAAE,iBAAiB,QAAQ,QAAQ,MAAM,WAAW,OAAO,SAAS,IACxE,eAAe,EAAE,IAAI,iBAAiB,kBAAkB,CAAC;AAE3D,SACE,qBAAC;AAAA,IAAI,WAAU;AAAA,IACb;AAAA,0BAAC;AAAA,QAAI,WAAU;AAAA,QACZ,0BAAgB,SACf,qBAAC;AAAA,UAAI,WAAU;AAAA,UACb;AAAA,gCAAC;AAAA,cAAS,UAAU;AAAA,aAAiB;AAAA,YACrC,oBAAC;AAAA,cAAiB,iBAAiB;AAAA,aAAW;AAAA;AAAA,SAChD,IAEA,oBAAC;AAAA,UAAY;AAAA,SAAoB;AAAA,OAErC;AAAA,MAEA,oBAAC;AAAA,QAAI,WAAU;AAAA,QACb,8BAAC;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,SACF;AAAA,OACF;AAAA;AAAA,GACF;AAEJ","sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nimport { ChatList } from \"./chat-list\";\nimport { ChatPanel } from \"./chat-panel\";\nimport { DefaultEmptyScreen, EmptyScreenProps } from \"./default-empty-screen\";\nimport { ChatScrollAnchor } from \"./chat-scroll-anchor\";\nimport { UseCopilotChatOptions } from \"@copilotkit/react-core\";\nimport { useCopilotChat } from \"@copilotkit/react-core\";\n\ninterface ChatComponentInjectionsProps {\n  EmptyScreen?: React.FC<EmptyScreenProps>;\n}\n\ninterface CopilotChatProps\n  extends UseCopilotChatOptions,\n    ChatComponentInjectionsProps {}\n\nexport function CopilotChat({\n  id,\n  initialMessages,\n  makeSystemMessage,\n  EmptyScreen = DefaultEmptyScreen,\n}: CopilotChatProps) {\n  const { visibleMessages, append, reload, stop, isLoading, input, setInput } =\n    useCopilotChat({ id, initialMessages, makeSystemMessage });\n\n  return (\n    <div className=\"w-full h-full flex flex-col overflow-hidden box-border items-start\">\n      <div className=\"pt-5 px-5 overflow-y-auto overflow-x-hidden w-full flex-grow\">\n        {visibleMessages.length ? (\n          <div className=\"pl-0 pr-6\">\n            <ChatList messages={visibleMessages} />\n            <ChatScrollAnchor trackVisibility={isLoading} />\n          </div>\n        ) : (\n          <EmptyScreen setInput={setInput} />\n        )}\n      </div>\n\n      <div className=\"flex-shrink-0 w-full\">\n        <ChatPanel\n          id={id}\n          isLoading={isLoading}\n          stop={stop}\n          append={append}\n          reload={reload}\n          messages={visibleMessages}\n          input={input}\n          setInput={setInput}\n        />\n      </div>\n    </div>\n  );\n}\n"]}