@copilotkit/react-ui 0.11.0 → 0.13.0-alpha.0

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-ZB6JHNDT.mjs

@@ -1,75 +0,0 @@
-import { CodeBlock } from './chunk-HKSY5T7Y.mjs';
-import { MemoizedReactMarkdown } from './chunk-6LRNF2VU.mjs';
-import { ChatMessageActions } from './chunk-6UJWRTL6.mjs';
-import { IconUser, IconOpenAI } from './chunk-KR7MH7XO.mjs';
-import { cn } from './chunk-TVTG3V4F.mjs';
-import { __objRest, __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
-import remarkGfm from 'remark-gfm';
-import remarkMath from 'remark-math';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function ChatMessage(_a) {
-  var _b = _a, { message } = _b, props = __objRest(_b, ["message"]);
-  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({
-    className: cn("group relative mb-4 flex items-start")
-  }, props), {
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        className: cn(
-          "flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md border shadow",
-          message.role === "user" ? "bg-background" : "bg-primary text-primary-foreground"
-        ),
-        children: message.role === "user" ? /* @__PURE__ */ jsx(IconUser, {}) : /* @__PURE__ */ jsx(IconOpenAI, {})
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "ml-4 flex-1 space-y-2 overflow-hidden px-1",
-        children: [
-          /* @__PURE__ */ jsx(MemoizedReactMarkdown, {
-            className: "prose break-words dark:prose-invert prose-p:leading-relaxed prose-pre:p-0 text-sm",
-            remarkPlugins: [remarkGfm, remarkMath],
-            components: {
-              p({ children }) {
-                return /* @__PURE__ */ jsx("p", {
-                  className: "mb-2 last:mb-0",
-                  children
-                });
-              },
-              code(_a2) {
-                var _b2 = _a2, { children, className, inline } = _b2, props2 = __objRest(_b2, ["children", "className", "inline"]);
-                if (children.length) {
-                  if (children[0] == "\u258D") {
-                    return /* @__PURE__ */ jsx("span", {
-                      className: "mt-1 animate-pulse cursor-default",
-                      children: "\u258D"
-                    });
-                  }
-                  children[0] = children[0].replace("`\u258D`", "\u258D");
-                }
-                const match = /language-(\w+)/.exec(className || "");
-                if (inline) {
-                  return /* @__PURE__ */ jsx("code", __spreadProps(__spreadValues({
-                    className
-                  }, props2), {
-                    children
-                  }));
-                }
-                return /* @__PURE__ */ jsx(CodeBlock, __spreadValues({
-                  language: match && match[1] || "",
-                  value: String(children).replace(/\n$/, "")
-                }, props2), Math.random());
-              }
-            },
-            children: message.content
-          }),
-          /* @__PURE__ */ jsx(ChatMessageActions, {
-            message
-          })
-        ]
-      })
-    ]
-  }));
-}
-
-export { ChatMessage };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-ZB6JHNDT.mjs.map

package/dist/chunk-ZB6JHNDT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/chat-message.tsx"],"names":["_a","_b","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,eAAe;AACtB,OAAO,gBAAgB;AAuBY,cAE7B,YAF6B;AAX5B,SAAS,YAAY,IAAyC;AAAzC,eAAE,UAd9B,IAc4B,IAAc,kBAAd,IAAc,CAAZ;AAC5B,SACE,qBAAC;AAAA,IAAI,WAAW,GAAG,sCAAsC;AAAA,KAAO,QAA/D;AAAA,IACC;AAAA,0BAAC;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,QAAQ,SAAS,SACb,kBACA;AAAA,QACN;AAAA,QAEC,kBAAQ,SAAS,SAAS,oBAAC,YAAS,IAAK,oBAAC,cAAW;AAAA,OACxD;AAAA,MACA,qBAAC;AAAA,QAAI,WAAU;AAAA,QACb;AAAA,8BAAC;AAAA,YACC,WAAU;AAAA,YACV,eAAe,CAAC,WAAW,UAAU;AAAA,YACrC,YAAY;AAAA,cACV,EAAE,EAAE,SAAS,GAAG;AACd,uBAAO,oBAAC;AAAA,kBAAE,WAAU;AAAA,kBAAkB;AAAA,iBAAS;AAAA,cACjD;AAAA,cACA,KAAKA,KAA2C;AAA3C,oBAAAC,MAAAD,KAAE,YAAU,WAAW,OAnCxC,IAmCiBC,KAAkCC,SAAA,UAAlCD,KAAkC,CAAhC,YAAU,aAAW;AAC1B,oBAAI,SAAS,QAAQ;AACnB,sBAAI,SAAS,MAAM,UAAK;AACtB,2BACE,oBAAC;AAAA,sBAAK,WAAU;AAAA,sBAAoC;AAAA,qBAAC;AAAA,kBAEzD;AAEA,2BAAS,KAAM,SAAS,GAAc,QAAQ,YAAO,QAAG;AAAA,gBAC1D;AAEA,sBAAM,QAAQ,iBAAiB,KAAK,aAAa,EAAE;AAEnD,oBAAI,QAAQ;AACV,yBACE,oBAAC;AAAA,oBAAK;AAAA,qBAA0BC,SAA/B;AAAA,oBACE;AAAA,oBACH;AAAA,gBAEJ;AAEA,uBACE,oBAAC;AAAA,kBAEC,UAAW,SAAS,MAAM,MAAO;AAAA,kBACjC,OAAO,OAAO,QAAQ,EAAE,QAAQ,OAAO,EAAE;AAAA,mBACrCA,SAHC,KAAK,OAAO,CAInB;AAAA,cAEJ;AAAA,YACF;AAAA,YAEC,kBAAQ;AAAA,WACX;AAAA,UACA,oBAAC;AAAA,YAAmB;AAAA,WAAkB;AAAA;AAAA,OACxC;AAAA;AAAA,IACF;AAEJ","sourcesContent":["import { Message } from \"ai\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkMath from \"remark-math\";\n\nimport { cn } from \"../../lib/utils\";\nimport { CodeBlock } from \"./ui/codeblock\";\nimport { MemoizedReactMarkdown } from \"./markdown\";\nimport { IconOpenAI, IconUser } from \"./ui/icons\";\nimport { ChatMessageActions } from \"./chat-message-actions\";\n\nexport interface ChatMessageProps {\n  message: Message;\n}\n\nexport function ChatMessage({ message, ...props }: ChatMessageProps) {\n  return (\n    <div className={cn(\"group relative mb-4 flex items-start\")} {...props}>\n      <div\n        className={cn(\n          \"flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md border shadow\",\n          message.role === \"user\"\n            ? \"bg-background\"\n            : \"bg-primary text-primary-foreground\"\n        )}\n      >\n        {message.role === \"user\" ? <IconUser /> : <IconOpenAI />}\n      </div>\n      <div className=\"ml-4 flex-1 space-y-2 overflow-hidden px-1\">\n        <MemoizedReactMarkdown\n          className=\"prose break-words dark:prose-invert prose-p:leading-relaxed prose-pre:p-0 text-sm\"\n          remarkPlugins={[remarkGfm, remarkMath]}\n          components={{\n            p({ children }) {\n              return <p className=\"mb-2 last:mb-0\">{children}</p>;\n            },\n            code({ children, className, inline, ...props }) {\n              if (children.length) {\n                if (children[0] == \"▍\") {\n                  return (\n                    <span className=\"mt-1 animate-pulse cursor-default\">▍</span>\n                  );\n                }\n\n                children[0] = (children[0] as string).replace(\"`▍`\", \"▍\");\n              }\n\n              const match = /language-(\\w+)/.exec(className || \"\");\n\n              if (inline) {\n                return (\n                  <code className={className} {...props}>\n                    {children}\n                  </code>\n                );\n              }\n\n              return (\n                <CodeBlock\n                  key={Math.random()}\n                  language={(match && match[1]) || \"\"}\n                  value={String(children).replace(/\\n$/, \"\")}\n                  {...props}\n                />\n              );\n            },\n          }}\n        >\n          {message.content}\n        </MemoizedReactMarkdown>\n        <ChatMessageActions message={message} />\n      </div>\n    </div>\n  );\n}\n"]}