@copilotkit/react-ui 0.15.0-alpha.1 → 0.15.0-alpha.2

package/dist/chunk-6LAZQHEB.mjs

@@ -1,129 +0,0 @@
-import { Button } from './chunk-M3CZWJI3.mjs';
-import { IconDownload, IconCheck, IconCopy } from './chunk-2KAF7NKC.mjs';
-import { useCopyToClipboard } from './chunk-POVINPXX.mjs';
-import { memo } from 'react';
-import { Prism } from 'react-syntax-highlighter';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var programmingLanguages = {
-  javascript: ".js",
-  python: ".py",
-  java: ".java",
-  c: ".c",
-  cpp: ".cpp",
-  "c++": ".cpp",
-  "c#": ".cs",
-  ruby: ".rb",
-  php: ".php",
-  swift: ".swift",
-  "objective-c": ".m",
-  kotlin: ".kt",
-  typescript: ".ts",
-  go: ".go",
-  perl: ".pl",
-  rust: ".rs",
-  scala: ".scala",
-  haskell: ".hs",
-  lua: ".lua",
-  shell: ".sh",
-  sql: ".sql",
-  html: ".html",
-  css: ".css"
-  // add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component
-};
-var generateRandomString = (length, lowercase = false) => {
-  const chars = "ABCDEFGHJKLMNPQRSTUVWXY3456789";
-  let result = "";
-  for (let i = 0; i < length; i++) {
-    result += chars.charAt(Math.floor(Math.random() * chars.length));
-  }
-  return lowercase ? result.toLowerCase() : result;
-};
-var CodeBlock = memo(({ language, value }) => {
-  const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2e3 });
-  const downloadAsFile = () => {
-    if (typeof window === "undefined") {
-      return;
-    }
-    const fileExtension = programmingLanguages[language] || ".file";
-    const suggestedFileName = `file-${generateRandomString(3, true)}${fileExtension}`;
-    const fileName = window.prompt("Enter file name", suggestedFileName);
-    if (!fileName) {
-      return;
-    }
-    const blob = new Blob([value], { type: "text/plain" });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.download = fileName;
-    link.href = url;
-    link.style.display = "none";
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  };
-  const onCopy = () => {
-    if (isCopied)
-      return;
-    copyToClipboard(value);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "codeblock relative w-full bg-zinc-950 font-sans", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between bg-zinc-800 px-6 py-2 pr-4 text-zinc-100", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-xs lowercase", children: language }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "ghost",
-            className: "hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0",
-            onClick: downloadAsFile,
-            size: "icon",
-            children: [
-              /* @__PURE__ */ jsx(IconDownload, {}),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Download" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "text-xs hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0",
-            onClick: onCopy,
-            children: [
-              isCopied ? /* @__PURE__ */ jsx(IconCheck, {}) : /* @__PURE__ */ jsx(IconCopy, {}),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Copy code" })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Prism,
-      {
-        language,
-        PreTag: "div",
-        showLineNumbers: true,
-        customStyle: {
-          margin: 0,
-          width: "100%",
-          background: "transparent",
-          padding: "1.5rem 1rem"
-        },
-        codeTagProps: {
-          style: {
-            fontSize: "0.9rem",
-            fontFamily: "var(--font-mono)"
-          }
-        },
-        children: value
-      }
-    )
-  ] });
-});
-CodeBlock.displayName = "CodeBlock";
-
-export { CodeBlock, generateRandomString, programmingLanguages };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-6LAZQHEB.mjs.map

package/dist/chunk-6LAZQHEB.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/ui/codeblock.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport { FC, memo } from \"react\";\nimport { Prism as SyntaxHighlighter } from \"react-syntax-highlighter\";\n\nimport { useCopyToClipboard } from \"../../../hooks/use-copy-to-clipboard\";\nimport { IconCheck, IconCopy, IconDownload } from \"./icons\";\nimport { Button } from \"./button\";\n\ninterface Props {\n  language: string;\n  value: string;\n}\n\ninterface languageMap {\n  [key: string]: string | undefined;\n}\n\nexport const programmingLanguages: languageMap = {\n  javascript: \".js\",\n  python: \".py\",\n  java: \".java\",\n  c: \".c\",\n  cpp: \".cpp\",\n  \"c++\": \".cpp\",\n  \"c#\": \".cs\",\n  ruby: \".rb\",\n  php: \".php\",\n  swift: \".swift\",\n  \"objective-c\": \".m\",\n  kotlin: \".kt\",\n  typescript: \".ts\",\n  go: \".go\",\n  perl: \".pl\",\n  rust: \".rs\",\n  scala: \".scala\",\n  haskell: \".hs\",\n  lua: \".lua\",\n  shell: \".sh\",\n  sql: \".sql\",\n  html: \".html\",\n  css: \".css\",\n  // add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component\n};\n\nexport const generateRandomString = (length: number, lowercase = false) => {\n  const chars = \"ABCDEFGHJKLMNPQRSTUVWXY3456789\"; // excluding similar looking characters like Z, 2, I, 1, O, 0\n  let result = \"\";\n  for (let i = 0; i < length; i++) {\n    result += chars.charAt(Math.floor(Math.random() * chars.length));\n  }\n  return lowercase ? result.toLowerCase() : result;\n};\n\nconst CodeBlock: FC<Props> = memo(({ language, value }) => {\n  const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2000 });\n\n  const downloadAsFile = () => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const fileExtension = programmingLanguages[language] || \".file\";\n    const suggestedFileName = `file-${generateRandomString(3, true)}${fileExtension}`;\n    const fileName = window.prompt(\"Enter file name\" || \"\", suggestedFileName);\n\n    if (!fileName) {\n      // User pressed cancel on prompt.\n      return;\n    }\n\n    const blob = new Blob([value], { type: \"text/plain\" });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.download = fileName;\n    link.href = url;\n    link.style.display = \"none\";\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    URL.revokeObjectURL(url);\n  };\n\n  const onCopy = () => {\n    if (isCopied) return;\n    copyToClipboard(value);\n  };\n\n  return (\n    <div className=\"codeblock relative w-full bg-zinc-950 font-sans\">\n      <div className=\"flex w-full items-center justify-between bg-zinc-800 px-6 py-2 pr-4 text-zinc-100\">\n        <span className=\"text-xs lowercase\">{language}</span>\n        <div className=\"flex items-center space-x-1\">\n          <Button\n            variant=\"ghost\"\n            className=\"hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0\"\n            onClick={downloadAsFile}\n            size=\"icon\"\n          >\n            <IconDownload />\n            <span className=\"sr-only\">Download</span>\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"text-xs hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0\"\n            onClick={onCopy}\n          >\n            {isCopied ? <IconCheck /> : <IconCopy />}\n            <span className=\"sr-only\">Copy code</span>\n          </Button>\n        </div>\n      </div>\n      <SyntaxHighlighter\n        language={language}\n        PreTag=\"div\"\n        showLineNumbers\n        customStyle={{\n          margin: 0,\n          width: \"100%\",\n          background: \"transparent\",\n          padding: \"1.5rem 1rem\",\n        }}\n        codeTagProps={{\n          style: {\n            fontSize: \"0.9rem\",\n            fontFamily: \"var(--font-mono)\",\n          },\n        }}\n      >\n        {value}\n      </SyntaxHighlighter>\n    </div>\n  );\n});\nCodeBlock.displayName = \"CodeBlock\";\n\nexport { CodeBlock };\n"]}

package/dist/chunk-C34L4AWW.mjs

@@ -1,39 +0,0 @@
-import { CopilotChat } from './chunk-RPTRCFSO.mjs';
-import { __spreadValues } from './chunk-MRXNTQOX.mjs';
-import { XMarkIcon } from '@heroicons/react/24/outline';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function CopilotSidebar(props) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "shadow-lg bg-gray-50 flex flex-col border-l-2",
-      style: { width: "100%", height: "100%" },
-      children: [
-        /* @__PURE__ */ jsx(TopBar, __spreadValues({}, props)),
-        /* @__PURE__ */ jsx(CopilotChat, {})
-      ]
-    }
-  );
-}
-function TopBar(props) {
-  return /* @__PURE__ */ jsxs("div", { className: "py-6 flex bg-gray-50 items-center justify-between px-4", children: [
-    /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold leading-6 text-gray-900", children: "Copilot Chat" }),
-    /* @__PURE__ */ jsx("div", { className: "ml-3 flex h-7 items-center", children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2",
-        onClick: () => props.setSidebarOpen(false),
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close panel" }),
-          /* @__PURE__ */ jsx(XMarkIcon, { className: "h-6 w-6", "aria-hidden": "true" })
-        ]
-      }
-    ) })
-  ] });
-}
-
-export { CopilotSidebar };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-C34L4AWW.mjs.map

package/dist/chunk-C34L4AWW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/sidebar/copilot-sidebar.tsx"],"names":[],"mappings":";;;;;;;;AAmBA,SAAS,iBAAiB;AAVtB,SAIE,KAJF;AAFG,SAAS,eAAe,OAAkC;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,MAEvC;AAAA,4BAAC,2BAAW,MAAO;AAAA,QACnB,oBAAC,eAAY;AAAA;AAAA;AAAA,EACf;AAEJ;AAIA,SAAS,OAAO,OAAkC;AAChD,SACE,qBAAC,SAAI,WAAU,0DACb;AAAA,wBAAC,QAAG,WAAU,mDAAkD,0BAAY;AAAA,IAC5E,oBAAC,SAAI,WAAU,8BACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,MAAM,eAAe,KAAK;AAAA,QAEzC;AAAA,8BAAC,UAAK,WAAU,WAAU,yBAAW;AAAA,UACrC,oBAAC,aAAU,WAAU,WAAU,eAAY,QAAO;AAAA;AAAA;AAAA,IACpD,GACF;AAAA,KACF;AAEJ","sourcesContent":["import React from \"react\";\nimport { CopilotChat } from \"../chat-components/copilot-chat\";\n\nexport interface SidebarProps {\n  setSidebarOpen: (open: boolean) => void;\n}\n\nexport function CopilotSidebar(props: SidebarProps): JSX.Element {\n  return (\n    <div\n      className=\"shadow-lg bg-gray-50 flex flex-col border-l-2\"\n      style={{ width: \"100%\", height: \"100%\" }}\n    >\n      <TopBar {...props} />\n      <CopilotChat />\n    </div>\n  );\n}\n\nimport { XMarkIcon } from \"@heroicons/react/24/outline\";\n\nfunction TopBar(props: SidebarProps): JSX.Element {\n  return (\n    <div className=\"py-6 flex bg-gray-50 items-center justify-between px-4\">\n      <h1 className=\"text-base font-semibold leading-6 text-gray-900\">Copilot Chat</h1>\n      <div className=\"ml-3 flex h-7 items-center\">\n        <button\n          type=\"button\"\n          className=\"rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2\"\n          onClick={() => props.setSidebarOpen(false)}\n        >\n          <span className=\"sr-only\">Close panel</span>\n          <XMarkIcon className=\"h-6 w-6\" aria-hidden=\"true\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-CF3BK4OX.mjs

@@ -1,53 +0,0 @@
-import { PromptForm } from './chunk-INCNMGJ7.mjs';
-import { Button } from './chunk-M3CZWJI3.mjs';
-import { IconStop, IconRefresh } from './chunk-2KAF7NKC.mjs';
-import { __async } from './chunk-MRXNTQOX.mjs';
-import { nanoid } from 'nanoid';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function ChatPanel({
-  id,
-  isLoading,
-  stop,
-  append,
-  reload,
-  input,
-  setInput,
-  messages
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "inset-x-0 bottom-0 bg-gradient-to-b from-muted/10 from-10% to-muted/30 to-50% mt-4 mb-8",
-      style: { width: "100%", overflow: "hidden", boxSizing: "border-box" },
-      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto sm:max-w-2xl sm:px-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex h-10 items-center justify-center mb-4", children: isLoading ? /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => stop(), className: "bg-background", children: [
-          /* @__PURE__ */ jsx(IconStop, { className: "mr-2" }),
-          "Stop generating"
-        ] }) : (messages == null ? void 0 : messages.length) > 0 && /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => reload(), className: "bg-background", children: [
-          /* @__PURE__ */ jsx(IconRefresh, { className: "mr-2" }),
-          "Regenerate response"
-        ] }) }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-4 border-2 bg-background px-4 py-2 shadow-lg sm:rounded-xl md:py-4", children: /* @__PURE__ */ jsx(
-          PromptForm,
-          {
-            onSubmit: (value) => __async(this, null, function* () {
-              yield append({
-                id: id || nanoid(),
-                content: value,
-                role: "user"
-              });
-            }),
-            input,
-            setInput,
-            isLoading
-          }
-        ) })
-      ] })
-    }
-  );
-}
-
-export { ChatPanel };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-CF3BK4OX.mjs.map

package/dist/chunk-CF3BK4OX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/chat-panel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAKA,SAAS,cAAc;AA4BX,SACE,KADF;AAlBL,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,OAAO,QAAQ,UAAU,UAAU,WAAW,aAAa;AAAA,MAEpE,+BAAC,SAAI,WAAU,gCACb;AAAA,4BAAC,SAAI,WAAU,8CACZ,sBACC,qBAAC,UAAO,SAAQ,WAAU,SAAS,MAAM,KAAK,GAAG,WAAU,iBACzD;AAAA,8BAAC,YAAS,WAAU,QAAO;AAAA,UAAE;AAAA,WAE/B,KAEA,qCAAU,UAAS,KACjB,qBAAC,UAAO,SAAQ,WAAU,SAAS,MAAM,OAAO,GAAG,WAAU,iBAC3D;AAAA,8BAAC,eAAY,WAAU,QAAO;AAAA,UAAE;AAAA,WAElC,GAGN;AAAA,QACA,oBAAC,SAAI,WAAU,8EACb;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,CAAO,UAAU;AACzB,oBAAM,OAAO;AAAA,gBACX,IAAI,MAAM,OAAO;AAAA,gBACjB,SAAS;AAAA,gBACT,MAAM;AAAA,cACR,CAAC;AAAA,YACH;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ","sourcesContent":["import { type UseChatHelpers } from \"@copilotkit/react-core\";\n\nimport { Button } from \"./ui/button\";\nimport { PromptForm } from \"./prompt-form\";\nimport { IconRefresh, IconStop } from \"./ui/icons\";\nimport { nanoid } from \"nanoid\";\n\nexport interface ChatPanelProps\n  extends Pick<\n    UseChatHelpers,\n    \"append\" | \"isLoading\" | \"reload\" | \"messages\" | \"stop\" | \"input\" | \"setInput\"\n  > {\n  id?: string;\n}\n\nexport function ChatPanel({\n  id,\n  isLoading,\n  stop,\n  append,\n  reload,\n  input,\n  setInput,\n  messages,\n}: ChatPanelProps) {\n  return (\n    <div\n      className=\"inset-x-0 bottom-0 bg-gradient-to-b from-muted/10 from-10% to-muted/30 to-50% mt-4 mb-8\"\n      style={{ width: \"100%\", overflow: \"hidden\", boxSizing: \"border-box\" }}\n    >\n      <div className=\"mx-auto sm:max-w-2xl sm:px-4\">\n        <div className=\"flex h-10 items-center justify-center mb-4\">\n          {isLoading ? (\n            <Button variant=\"outline\" onClick={() => stop()} className=\"bg-background\">\n              <IconStop className=\"mr-2\" />\n              Stop generating\n            </Button>\n          ) : (\n            messages?.length > 0 && (\n              <Button variant=\"outline\" onClick={() => reload()} className=\"bg-background\">\n                <IconRefresh className=\"mr-2\" />\n                Regenerate response\n              </Button>\n            )\n          )}\n        </div>\n        <div className=\"space-y-4 border-2 bg-background px-4 py-2 shadow-lg sm:rounded-xl md:py-4\">\n          <PromptForm\n            onSubmit={async (value) => {\n              await append({\n                id: id || nanoid(),\n                content: value,\n                role: \"user\",\n              });\n            }}\n            input={input}\n            setInput={setInput}\n            isLoading={isLoading}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-CNQX2VY3.mjs

@@ -1,66 +0,0 @@
-import { CodeBlock } from './chunk-6LAZQHEB.mjs';
-import { MemoizedReactMarkdown } from './chunk-TEYIQHMK.mjs';
-import { ChatMessageActions } from './chunk-OOBQC5H6.mjs';
-import { IconUser, IconOpenAI } from './chunk-2KAF7NKC.mjs';
-import { cn } from './chunk-Q6YO7LDK.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-CNQX2VY3.mjs.map

package/dist/chunk-CNQX2VY3.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;AAqBY,cAE7B,YAF6B;AAT5B,SAAS,YAAY,IAAyC;AAAzC,eAAE,UAd9B,IAc4B,IAAc,kBAAd,IAAc,CAAZ;AAC5B,SACE,qBAAC,sCAAI,WAAW,GAAG,sCAAsC,KAAO,QAA/D,EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,QAAQ,SAAS,SAAS,kBAAkB;AAAA,QAC9C;AAAA,QAEC,kBAAQ,SAAS,SAAS,oBAAC,YAAS,IAAK,oBAAC,cAAW;AAAA;AAAA,IACxD;AAAA,IACA,qBAAC,SAAI,WAAU,8CACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAe,CAAC,WAAW,UAAU;AAAA,UACrC,YAAY;AAAA,YACV,EAAE,EAAE,SAAS,GAAG;AACd,qBAAO,oBAAC,OAAE,WAAU,kBAAkB,UAAS;AAAA,YACjD;AAAA,YACA,KAAKA,KAA2C;AAA3C,kBAAAC,MAAAD,KAAE,YAAU,WAAW,OAjCxC,IAiCiBC,KAAkCC,SAAA,UAAlCD,KAAkC,CAAhC,YAAU,aAAW;AAC1B,kBAAI,SAAS,QAAQ;AACnB,oBAAI,SAAS,CAAC,KAAK,UAAK;AACtB,yBAAO,oBAAC,UAAK,WAAU,qCAAoC,oBAAC;AAAA,gBAC9D;AAEA,yBAAS,CAAC,IAAK,SAAS,CAAC,EAAa,QAAQ,YAAO,QAAG;AAAA,cAC1D;AAEA,oBAAM,QAAQ,iBAAiB,KAAK,aAAa,EAAE;AAEnD,kBAAI,QAAQ;AACV,uBACE,oBAAC,uCAAK,aAA0BC,SAA/B,EACE,WACH;AAAA,cAEJ;AAEA,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,UAAW,SAAS,MAAM,CAAC,KAAM;AAAA,kBACjC,OAAO,OAAO,QAAQ,EAAE,QAAQ,OAAO,EAAE;AAAA,mBACrCA;AAAA,gBAHC,KAAK,OAAO;AAAA,cAInB;AAAA,YAEJ;AAAA,UACF;AAAA,UAEC,kBAAQ;AAAA;AAAA,MACX;AAAA,MACA,oBAAC,sBAAmB,SAAkB;AAAA,OACxC;AAAA,MACF;AAEJ","sourcesContent":["import { Message } from \"@copilotkit/react-core\";\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\" ? \"bg-background\" : \"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 <span className=\"mt-1 animate-pulse cursor-default\">▍</span>;\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"]}

package/dist/chunk-DN3OI5WF.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Chat.tsx"],"names":["Window","Button","Header","Messages","Input","ResponseButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,WAAW;AAElB,SAAgC,sBAAsB;AActD,SAAS,cAAc;AAsJf,cACA,YADA;AA3CD,IAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,QAAAA,UAAS;AAAA,EACT,QAAAC,UAAS;AAAA,EACT,QAAAC,UAAS;AAAA,EACT,UAAAC,YAAW;AAAA,EACX,OAAAC,SAAQ;AAAA,EACR,gBAAAC,kBAAiB;AAAA,EACjB;AACF,MAAM;AACJ,QAAM,EAAE,iBAAiB,QAAQ,QAAQ,MAAM,WAAW,OAAO,SAAS,IAAI,eAAe;AAAA,IAC3F,IAAI,OAAO;AAAA,IACX;AAAA,IACA,wBAAwB;AAAA,EAC1B,CAAC;AAED,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,WAAW;AAE5D,QAAM,UAAU,CAAC,SAAkB;AACjC,2CAAY;AACZ,iBAAa,IAAI;AAAA,EACnB;AAEA,QAAM,cAAc,CAAO,YAAoB;AAC7C,WAAO;AAAA,MACL,IAAI,OAAO;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,IACR,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,uBAAoB,OAAc,QACjC,+BAAC,SAAI,WACH;AAAA,wBAACJ,SAAA,EAAO,MAAM,WAAW,SAAkB;AAAA,IAC3C;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,8BAACE,SAAA,EAAO,MAAM,WAAW,SAAkB;AAAA,UAC3C,oBAACC,WAAA,EAAS,UAAU,iBAAiB,YAAY,WAAW;AAAA,UAC5D,oBAACC,QAAA,EAAM,YAAY,WAAW,QAAQ,aACnC,gCAAsB,gBAAgB,SAAS,KAC9C,oBAACC,iBAAA,EAAe,SAAS,YAAY,OAAO,QAAQ,YAAY,WAAW,GAE/E;AAAA;AAAA;AAAA,IACF;AAAA,KACF,GACF;AAEJ","sourcesContent":["import React from \"react\";\nimport { CopilotKitChatIcons, ChatContextProvider, CopilotKitChatLabels } from \"./ChatContext\";\nimport { SystemMessageFunction, useCopilotChat } from \"@copilotkit/react-core\";\nimport {\n  ButtonProps,\n  HeaderProps,\n  WindowProps,\n  MessagesProps,\n  InputProps,\n  ResponseButtonProps,\n} from \"./props\";\nimport { Window as DefaultWindow } from \"./Window\";\nimport { Button as DefaultButton } from \"./Button\";\nimport { Header as DefaultHeader } from \"./Header\";\nimport { Messages as DefaultMessages } from \"./Messages\";\nimport { Input as DefaultInput } from \"./Input\";\nimport { nanoid } from \"nanoid\";\nimport { ResponseButton as DefaultResponseButton } from \"./Response\";\n\n/**\n * Props for CopilotKitChat component.\n */\nexport interface CopilotKitChatProps {\n  /**\n   * Custom instructions to be added to the system message. Use this property to\n   * provide additional context or guidance to the language model, influencing\n   * its responses. These instructions can include specific directions,\n   * preferences, or criteria that the model should consider when generating\n   * its output, thereby tailoring the conversation more precisely to the\n   * user's needs or the application's requirements.\n   */\n  instructions?: string;\n\n  /**\n   * Whether the chat window should be open by default.\n   * @default false\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * If the chat window should close when the user clicks outside of it.\n   * @default true\n   */\n  clickOutsideToClose?: boolean;\n\n  /**\n   * If the chat window should close when the user hits the Escape key.\n   * @default true\n   */\n  hitEscapeToClose?: boolean;\n\n  /**\n   * A callback that gets called when the chat window opens or closes.\n   */\n  onSetOpen?: (open: boolean) => void;\n\n  /**\n   * The hotkey to open the chat window.\n   * Uses Command-<hotkey> on a Mac and Ctrl-<hotkey> on Windows.\n   * @default \"e\"\n   */\n  hotkey?: string;\n\n  /**\n   * Icons can be used to set custom icons for the chat window.\n   */\n  icons?: CopilotKitChatIcons;\n\n  /**\n   * Labels can be used to set custom labels for the chat window.\n   */\n  labels?: CopilotKitChatLabels;\n\n  /**\n   * A function that takes in context string and instructions and returns\n   * the system message to include in the chat request.\n   * Use this to completely override the system message, when providing\n   * instructions is not enough.\n   */\n  makeSystemMessage?: SystemMessageFunction;\n\n  /**\n   * Whether to show the response button.\n   * @default true\n   */\n  showResponseButton?: boolean;\n\n  /**\n   * A custom Window component to use instead of the default.\n   */\n  Window?: React.ComponentType<WindowProps>;\n\n  /**\n   * A custom Button component to use instead of the default.\n   */\n  Button?: React.ComponentType<ButtonProps>;\n\n  /**\n   * A custom Header component to use instead of the default.\n   */\n  Header?: React.ComponentType<HeaderProps>;\n\n  /**\n   * A custom Messages component to use instead of the default.\n   */\n  Messages?: React.ComponentType<MessagesProps>;\n\n  /**\n   * A custom Input component to use instead of the default.\n   */\n  Input?: React.ComponentType<InputProps>;\n\n  /**\n   * A custom ResponseButton component to use instead of the default.\n   */\n  ResponseButton?: React.ComponentType<ResponseButtonProps>;\n\n  /**\n   * A class name to apply to the root element.\n   */\n  className?: string;\n}\n\nexport const CopilotKitChat: React.FC<CopilotKitChatProps> = ({\n  instructions,\n  defaultOpen = false,\n  clickOutsideToClose = true,\n  hitEscapeToClose = true,\n  onSetOpen,\n  hotkey = \"e\",\n  icons,\n  labels,\n  makeSystemMessage,\n  showResponseButton = true,\n  Window = DefaultWindow,\n  Button = DefaultButton,\n  Header = DefaultHeader,\n  Messages = DefaultMessages,\n  Input = DefaultInput,\n  ResponseButton = DefaultResponseButton,\n  className,\n}) => {\n  const { visibleMessages, append, reload, stop, isLoading, input, setInput } = useCopilotChat({\n    id: nanoid(),\n    makeSystemMessage,\n    additionalInstructions: instructions,\n  });\n\n  const [openState, setOpenState] = React.useState(defaultOpen);\n\n  const setOpen = (open: boolean) => {\n    onSetOpen?.(open);\n    setOpenState(open);\n  };\n\n  const sendMessage = async (message: string) => {\n    append({\n      id: nanoid(),\n      content: message,\n      role: \"user\",\n    });\n  };\n\n  return (\n    <ChatContextProvider icons={icons} labels={labels}>\n      <div className={className}>\n        <Button open={openState} setOpen={setOpen}></Button>\n        <Window\n          open={openState}\n          setOpen={setOpen}\n          clickOutsideToClose={clickOutsideToClose}\n          hotkey={hotkey}\n          hitEscapeToClose={hitEscapeToClose}\n        >\n          <Header open={openState} setOpen={setOpen} />\n          <Messages messages={visibleMessages} inProgress={isLoading} />\n          <Input inProgress={isLoading} onSend={sendMessage}>\n            {showResponseButton && visibleMessages.length > 0 && (\n              <ResponseButton onClick={isLoading ? stop : reload} inProgress={isLoading} />\n            )}\n          </Input>\n        </Window>\n      </div>\n    </ChatContextProvider>\n  );\n};\n"]}

package/dist/chunk-DPUPEOGG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Header.tsx"],"names":[],"mappings":";;;;;AAQI,SACE,KADF;AAJG,IAAM,SAAgC,CAAC,EAAE,QAAQ,MAAM;AAC5D,QAAM,UAAU,eAAe;AAE/B,SACE,qBAAC,SAAI,WAAU,oBACb;AAAA,wBAAC,SAAK,kBAAQ,OAAO,OAAM;AAAA,IAC3B,oBAAC,YAAO,SAAS,MAAM,QAAQ,KAAK,GAAG,cAAW,SAC/C,kBAAQ,MAAM,iBACjB;AAAA,KACF;AAEJ","sourcesContent":["import React from \"react\";\nimport { HeaderProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\n\nexport const Header: React.FC<HeaderProps> = ({ setOpen }) => {\n  const context = useChatContext();\n\n  return (\n    <div className=\"copilotKitHeader\">\n      <div>{context.labels.title}</div>\n      <button onClick={() => setOpen(false)} aria-label=\"Close\">\n        {context.icons.headerCloseIcon}\n      </button>\n    </div>\n  );\n};\n"]}

package/dist/chunk-FZRTAML3.mjs

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-FZRTAML3.mjs.map

package/dist/chunk-GCOPYGHH.mjs

@@ -1,27 +0,0 @@
-import { cn } from './chunk-Q6YO7LDK.mjs';
-import { __objRest, __spreadValues } from './chunk-MRXNTQOX.mjs';
-import * as React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { jsx } from 'react/jsx-runtime';
-
-var Separator = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
-  return /* @__PURE__ */ jsx(
-    SeparatorPrimitive.Root,
-    __spreadValues({
-      ref,
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      )
-    }, props)
-  );
-});
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
-export { Separator };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-GCOPYGHH.mjs.map

package/dist/chunk-GCOPYGHH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/ui/separator.tsx"],"names":[],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAQlC;AAJF,IAAM,YAAkB,iBAGtB,CAAC,IAAwE,QAAK;AAA7E,eAAE,aAAW,cAAc,cAAc,aAAa,KAVzD,IAUG,IAA+D,kBAA/D,IAA+D,CAA7D,aAAW,eAA4B;AAC1C;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,mBAAmB;AAAA,QAClD;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,UAAU,cAAiC,wBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      \"shrink-0 bg-border\",\n      orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"]}

package/dist/chunk-GPEJCUWA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Response.tsx"],"names":[],"mappings":";;;;;AAOI,SACE,KADF;AAHG,IAAM,iBAAgD,CAAC,EAAE,SAAS,WAAW,MAAM;AACxF,QAAM,UAAU,eAAe;AAC/B,SACE,qBAAC,YAAO,SAAkB,WAAU,4BAClC;AAAA,wBAAC,UAAM,uBAAa,QAAQ,MAAM,WAAW,QAAQ,MAAM,gBAAe;AAAA,IACzE,aAAa,QAAQ,OAAO,iBAAiB,QAAQ,OAAO;AAAA,KAC/D;AAEJ","sourcesContent":["import React from \"react\";\nimport { useChatContext } from \"./ChatContext\";\nimport { ResponseButtonProps } from \"./props\";\n\nexport const ResponseButton: React.FC<ResponseButtonProps> = ({ onClick, inProgress }) => {\n  const context = useChatContext();\n  return (\n    <button onClick={onClick} className=\"copilotKitResponseButton\">\n      <span>{inProgress ? context.icons.stopIcon : context.icons.regenerateIcon}</span>\n      {inProgress ? context.labels.stopGenerating : context.labels.regenerateResponse}\n    </button>\n  );\n};\n"]}

package/dist/chunk-IJLMKBSZ.mjs

@@ -1,25 +0,0 @@
-import { useAtBottom } from './chunk-ZYC5YVDO.mjs';
-import * as React from 'react';
-import { useInView } from 'react-intersection-observer';
-import { jsx } from 'react/jsx-runtime';
-
-function ChatScrollAnchor({ trackVisibility }) {
-  const isAtBottom = useAtBottom();
-  const { ref, entry, inView } = useInView({
-    trackVisibility,
-    delay: 100,
-    rootMargin: "0px 0px -150px 0px"
-  });
-  React.useEffect(() => {
-    if (isAtBottom && trackVisibility && !inView) {
-      entry == null ? void 0 : entry.target.scrollIntoView({
-        block: "start"
-      });
-    }
-  }, [inView, entry, isAtBottom, trackVisibility]);
-  return /* @__PURE__ */ jsx("div", { ref, className: "h-px w-full" });
-}
-
-export { ChatScrollAnchor };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-IJLMKBSZ.mjs.map

package/dist/chunk-IJLMKBSZ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/chat-scroll-anchor.tsx"],"names":[],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAwBjB;AAhBF,SAAS,iBAAiB,EAAE,gBAAgB,GAA0B;AAC3E,QAAM,aAAa,YAAY;AAC/B,QAAM,EAAE,KAAK,OAAO,OAAO,IAAI,UAAU;AAAA,IACvC;AAAA,IACA,OAAO;AAAA,IACP,YAAY;AAAA,EACd,CAAC;AAED,EAAM,gBAAU,MAAM;AACpB,QAAI,cAAc,mBAAmB,CAAC,QAAQ;AAC5C,qCAAO,OAAO,eAAe;AAAA,QAC3B,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,YAAY,eAAe,CAAC;AAE/C,SAAO,oBAAC,SAAI,KAAU,WAAU,eAAc;AAChD","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useInView } from \"react-intersection-observer\";\n\nimport { useAtBottom } from \"../../hooks/use-at-bottom\";\n\ninterface ChatScrollAnchorProps {\n  trackVisibility?: boolean;\n}\n\nexport function ChatScrollAnchor({ trackVisibility }: ChatScrollAnchorProps) {\n  const isAtBottom = useAtBottom();\n  const { ref, entry, inView } = useInView({\n    trackVisibility,\n    delay: 100,\n    rootMargin: \"0px 0px -150px 0px\",\n  });\n\n  React.useEffect(() => {\n    if (isAtBottom && trackVisibility && !inView) {\n      entry?.target.scrollIntoView({\n        block: \"start\",\n      });\n    }\n  }, [inView, entry, isAtBottom, trackVisibility]);\n\n  return <div ref={ref} className=\"h-px w-full\" />;\n}\n"]}

package/dist/chunk-INCNMGJ7.mjs

@@ -1,72 +0,0 @@
-import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-VGX2W5ZB.mjs';
-import { Button } from './chunk-M3CZWJI3.mjs';
-import { IconArrowElbow } from './chunk-2KAF7NKC.mjs';
-import { useEnterSubmit } from './chunk-OHWEJUCS.mjs';
-import { __async } from './chunk-MRXNTQOX.mjs';
-import * as React from 'react';
-import TextareaAutosize from 'react-textarea-autosize';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function PromptForm({ onSubmit, input, setInput, isLoading }) {
-  const { formRef, onKeyDown } = useEnterSubmit();
-  const inputRef = React.useRef(null);
-  React.useEffect(() => {
-    if (inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, []);
-  return /* @__PURE__ */ jsx(
-    "form",
-    {
-      onSubmit: (e) => __async(this, null, function* () {
-        e.preventDefault();
-        if (!(input == null ? void 0 : input.trim())) {
-          return;
-        }
-        setInput("");
-        yield onSubmit(input);
-      }),
-      ref: formRef,
-      children: /* @__PURE__ */ jsxs("div", { className: "relative flex max-h-60 w-full grow flex-col overflow-hidden bg-background px-8 sm:rounded-md border sm:px-12", children: [
-        /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: "New Chat" })
-        ] }),
-        /* @__PURE__ */ jsx(
-          TextareaAutosize,
-          {
-            ref: inputRef,
-            tabIndex: 0,
-            onKeyDown,
-            rows: 1,
-            value: input,
-            onChange: (e) => setInput(e.target.value),
-            placeholder: "Send a message.",
-            spellCheck: false,
-            className: "min-h-[60px] w-full resize-none bg-transparent px-4 py-[1.3rem] focus-within:outline-none sm:text-sm"
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-4 sm:right-4", children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "submit",
-              size: "icon",
-              disabled: isLoading || input === "",
-              className: " bg-slate-300",
-              children: [
-                /* @__PURE__ */ jsx(IconArrowElbow, {}),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Send message" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: "Send message" })
-        ] }) })
-      ] })
-    }
-  );
-}
-
-export { PromptForm };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-INCNMGJ7.mjs.map

package/dist/chunk-INCNMGJ7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/prompt-form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,YAAY,WAAW;AACvB,OAAO,sBAAsB;AAsCrB,SACE,KADF;AAvBD,SAAS,WAAW,EAAE,UAAU,OAAO,UAAU,UAAU,GAAgB;AAChF,QAAM,EAAE,SAAS,UAAU,IAAI,eAAe;AAC9C,QAAM,WAAiB,aAA4B,IAAI;AAEvD,EAAM,gBAAU,MAAM;AACpB,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,MAAM;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,CAAO,MAAM;AACrB,UAAE,eAAe;AACjB,YAAI,EAAC,+BAAO,SAAQ;AAClB;AAAA,QACF;AACA,iBAAS,EAAE;AACX,cAAM,SAAS,KAAK;AAAA,MACtB;AAAA,MACA,KAAK;AAAA,MAEL,+BAAC,SAAI,WAAU,gHACb;AAAA,6BAAC,WACC;AAAA,8BAAC,kBAAe,SAAO,MAWvB;AAAA,UACA,oBAAC,kBAAe,sBAAQ;AAAA,WAC1B;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,UAAU;AAAA,YACV;AAAA,YACA,MAAM;AAAA,YACN,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC,aAAY;AAAA,YACZ,YAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,oBAAC,SAAI,WAAU,qCACb,+BAAC,WACC;AAAA,8BAAC,kBAAe,SAAO,MACrB;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAU,aAAa,UAAU;AAAA,cACjC,WAAU;AAAA,cAEV;AAAA,oCAAC,kBAAe;AAAA,gBAChB,oBAAC,UAAK,WAAU,WAAU,0BAAY;AAAA;AAAA;AAAA,UACxC,GACF;AAAA,UACA,oBAAC,kBAAe,0BAAY;AAAA,WAC9B,GACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ","sourcesContent":["import * as React from \"react\";\nimport TextareaAutosize from \"react-textarea-autosize\";\nimport { UseChatHelpers } from \"@copilotkit/react-core\";\n\nimport { useEnterSubmit } from \"../../hooks/use-enter-submit\";\nimport { cn } from \"../../lib/utils\";\nimport { Button, buttonVariants } from \"./ui/button\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"./ui/tooltip\";\nimport { IconArrowElbow, IconPlus } from \"./ui/icons\";\n// import Link from \"next/link\";\n\nexport interface PromptProps extends Pick<UseChatHelpers, \"input\" | \"setInput\"> {\n  onSubmit: (value: string) => Promise<void>;\n  isLoading: boolean;\n}\n\nexport function PromptForm({ onSubmit, input, setInput, isLoading }: PromptProps) {\n  const { formRef, onKeyDown } = useEnterSubmit();\n  const inputRef = React.useRef<HTMLTextAreaElement>(null);\n\n  React.useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, []);\n\n  return (\n    <form\n      onSubmit={async (e) => {\n        e.preventDefault();\n        if (!input?.trim()) {\n          return;\n        }\n        setInput(\"\");\n        await onSubmit(input);\n      }}\n      ref={formRef}\n    >\n      <div className=\"relative flex max-h-60 w-full grow flex-col overflow-hidden bg-background px-8 sm:rounded-md border sm:px-12\">\n        <Tooltip>\n          <TooltipTrigger asChild>\n            {/* <Link\n              href=\"/\"\n              className={cn(\n                buttonVariants({ size: \"sm\", variant: \"outline\" }),\n                \"absolute left-0 top-4 h-8 w-8 rounded-full bg-background p-0 sm:left-4\"\n              )}\n            >\n              <IconPlus />\n              <span className=\"sr-only\">New Chat</span>\n            </Link> */}\n          </TooltipTrigger>\n          <TooltipContent>New Chat</TooltipContent>\n        </Tooltip>\n        <TextareaAutosize\n          ref={inputRef}\n          tabIndex={0}\n          onKeyDown={onKeyDown}\n          rows={1}\n          value={input}\n          onChange={(e) => setInput(e.target.value)}\n          placeholder=\"Send a message.\"\n          spellCheck={false}\n          className=\"min-h-[60px] w-full resize-none bg-transparent px-4 py-[1.3rem] focus-within:outline-none sm:text-sm\"\n        />\n        <div className=\"absolute right-0 top-4 sm:right-4\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                type=\"submit\"\n                size=\"icon\"\n                disabled={isLoading || input === \"\"}\n                className=\" bg-slate-300\"\n              >\n                <IconArrowElbow />\n                <span className=\"sr-only\">Send message</span>\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent>Send message</TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n    </form>\n  );\n}\n"]}

package/dist/chunk-M3CZWJI3.mjs

@@ -1,44 +0,0 @@
-import { cn } from './chunk-Q6YO7LDK.mjs';
-import { __objRest, __spreadValues } from './chunk-MRXNTQOX.mjs';
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var buttonVariants = cva(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium shadow ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow-md hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "shadow-none hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 shadow-none hover:underline"
-      },
-      size: {
-        default: "h-8 px-4 py-2",
-        sm: "h-8 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-8 w-8 p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx(Comp, __spreadValues({ className: cn(buttonVariants({ variant, size, className })), ref }, props));
-  }
-);
-Button.displayName = "Button";
-
-export { Button, buttonVariants };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-M3CZWJI3.mjs.map

package/dist/chunk-M3CZWJI3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/ui/button.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;AAwCjC;AApCN,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAQA,IAAM,SAAe;AAAA,EACnB,CAAC,IAAyD,QAAQ;AAAjE,iBAAE,aAAW,SAAS,MAAM,UAAU,MAvCzC,IAuCG,IAAgD,kBAAhD,IAAgD,CAA9C,aAAW,WAAS,QAAM;AAC3B,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE,oBAAC,uBAAK,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAG,OAAc,MAAO;AAAA,EAE5F;AACF;AACA,OAAO,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center rounded-md text-sm font-medium shadow ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground shadow-md hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline: \"border border-input hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"shadow-none hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 shadow-none hover:underline\",\n      },\n      size: {\n        default: \"h-8 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-8 w-8 p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"]}

package/dist/chunk-MC6KTH4X.mjs

@@ -1,12 +0,0 @@
-import { createContext } from 'react';
-
-// src/components/sidebar/sidebar-context.tsx
-var CopilotSidebarContext = createContext({
-  isSidebarOpen: false,
-  toggleSidebar: () => {
-  }
-});
-
-export { CopilotSidebarContext };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-MC6KTH4X.mjs.map

package/dist/chunk-MC6KTH4X.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/sidebar/sidebar-context.tsx"],"names":[],"mappings":";AAAA,SAAS,qBAAgC;AAOlC,IAAM,wBAAwB,cAAyC;AAAA,EAC5E,eAAe;AAAA,EACf,eAAe,MAAM;AAAA,EAAC;AACxB,CAAC","sourcesContent":["import { createContext, ReactNode } from \"react\";\n\nexport interface CopilotSidebarContextType {\n  isSidebarOpen: boolean;\n  toggleSidebar: () => void;\n}\n\nexport const CopilotSidebarContext = createContext<CopilotSidebarContextType>({\n  isSidebarOpen: false,\n  toggleSidebar: () => {},\n});\n"]}

package/dist/chunk-NXWVWC33.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/CodeBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport { FC, memo } from \"react\";\nimport { Prism as SyntaxHighlighter } from \"react-syntax-highlighter\";\n\nimport { useCopyToClipboard } from \"../../hooks/use-copy-to-clipboard\";\nimport { CheckIcon, CopyIcon, DownloadIcon } from \"./Icons\";\n\ninterface CodeActionButtonProps {\n  onClick: () => void;\n  children: React.ReactNode;\n}\n\nconst CodeActionButton: FC<CodeActionButtonProps> = ({ onClick, children }) => {\n  let className =\n    \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background \" +\n    \"transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring \" +\n    \"focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 \";\n\n  className +=\n    \"hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0 \";\n  className += \"hover:bg-accent hover:text-accent-foreground \";\n  className += \"h-10 w-10\";\n\n  return (\n    <button className={className} onClick={onClick}>\n      {children}\n    </button>\n  );\n};\n\ninterface Props {\n  language: string;\n  value: string;\n}\n\ninterface languageMap {\n  [key: string]: string | undefined;\n}\n\nexport const programmingLanguages: languageMap = {\n  javascript: \".js\",\n  python: \".py\",\n  java: \".java\",\n  c: \".c\",\n  cpp: \".cpp\",\n  \"c++\": \".cpp\",\n  \"c#\": \".cs\",\n  ruby: \".rb\",\n  php: \".php\",\n  swift: \".swift\",\n  \"objective-c\": \".m\",\n  kotlin: \".kt\",\n  typescript: \".ts\",\n  go: \".go\",\n  perl: \".pl\",\n  rust: \".rs\",\n  scala: \".scala\",\n  haskell: \".hs\",\n  lua: \".lua\",\n  shell: \".sh\",\n  sql: \".sql\",\n  html: \".html\",\n  css: \".css\",\n  // add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component\n};\n\nexport const generateRandomString = (length: number, lowercase = false) => {\n  const chars = \"ABCDEFGHJKLMNPQRSTUVWXY3456789\"; // excluding similar looking characters like Z, 2, I, 1, O, 0\n  let result = \"\";\n  for (let i = 0; i < length; i++) {\n    result += chars.charAt(Math.floor(Math.random() * chars.length));\n  }\n  return lowercase ? result.toLowerCase() : result;\n};\n\nconst CodeBlock: FC<Props> = memo(({ language, value }) => {\n  const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2000 });\n\n  const downloadAsFile = () => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const fileExtension = programmingLanguages[language] || \".file\";\n    const suggestedFileName = `file-${generateRandomString(3, true)}${fileExtension}`;\n    const fileName = window.prompt(\"Enter file name\" || \"\", suggestedFileName);\n\n    if (!fileName) {\n      // User pressed cancel on prompt.\n      return;\n    }\n\n    const blob = new Blob([value], { type: \"text/plain\" });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.download = fileName;\n    link.href = url;\n    link.style.display = \"none\";\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    URL.revokeObjectURL(url);\n  };\n\n  const onCopy = () => {\n    if (isCopied) return;\n    copyToClipboard(value);\n  };\n\n  return (\n    <div className=\"codeblock relative w-full bg-zinc-950 font-sans\">\n      <div className=\"flex w-full items-center justify-between bg-zinc-800 px-6 py-2 pr-4 text-zinc-100\">\n        <span className=\"text-xs lowercase\">{language}</span>\n        <div className=\"flex items-center space-x-1\">\n          <CodeActionButton onClick={downloadAsFile}>\n            <DownloadIcon />\n            <span className=\"sr-only\">Download</span>\n          </CodeActionButton>\n          <CodeActionButton onClick={onCopy}>\n            {isCopied ? <CheckIcon /> : <CopyIcon />}\n            <span className=\"sr-only\">Copy code</span>\n          </CodeActionButton>\n        </div>\n      </div>\n      <SyntaxHighlighter\n        language={language}\n        PreTag=\"div\"\n        showLineNumbers\n        customStyle={{\n          margin: 0,\n          width: \"100%\",\n          background: \"transparent\",\n          padding: \"1.5rem 1rem\",\n        }}\n        codeTagProps={{\n          style: {\n            fontSize: \"0.9rem\",\n            fontFamily: \"var(--font-mono)\",\n          },\n        }}\n      >\n        {value}\n      </SyntaxHighlighter>\n    </div>\n  );\n});\nCodeBlock.displayName = \"CodeBlock\";\n\nexport { CodeBlock };\n"]}

package/dist/chunk-OHWEJUCS.mjs

@@ -1,18 +0,0 @@
-import { useRef } from 'react';
-
-// src/hooks/use-enter-submit.tsx
-function useEnterSubmit() {
-  const formRef = useRef(null);
-  const handleKeyDown = (event) => {
-    var _a;
-    if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
-      (_a = formRef.current) == null ? void 0 : _a.requestSubmit();
-      event.preventDefault();
-    }
-  };
-  return { formRef, onKeyDown: handleKeyDown };
-}
-
-export { useEnterSubmit };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-OHWEJUCS.mjs.map

package/dist/chunk-OHWEJUCS.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-enter-submit.tsx"],"names":[],"mappings":";AAAA,SAAS,cAA8B;AAEhC,SAAS,iBAGd;AACA,QAAM,UAAU,OAAwB,IAAI;AAE5C,QAAM,gBAAgB,CAAC,UAA0D;AARnF;AASI,QAAI,MAAM,QAAQ,WAAW,CAAC,MAAM,YAAY,CAAC,MAAM,YAAY,aAAa;AAC9E,oBAAQ,YAAR,mBAAiB;AACjB,YAAM,eAAe;AAAA,IACvB;AAAA,EACF;AAEA,SAAO,EAAE,SAAS,WAAW,cAAc;AAC7C","sourcesContent":["import { useRef, type RefObject } from \"react\";\n\nexport function useEnterSubmit(): {\n  formRef: RefObject<HTMLFormElement>;\n  onKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n} {\n  const formRef = useRef<HTMLFormElement>(null);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>): void => {\n    if (event.key === \"Enter\" && !event.shiftKey && !event.nativeEvent.isComposing) {\n      formRef.current?.requestSubmit();\n      event.preventDefault();\n    }\n  };\n\n  return { formRef, onKeyDown: handleKeyDown };\n}\n"]}