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

package/dist/chunk-KU35CEEC.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/prompt-form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAY,WAAW;AACvB,OAAO,sBAAsB;AAQ7B,OAAO,UAAU;AAsCL,SAOE,KAPF;AA9BL,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgB;AACd,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,oBAAC;AAAA,IACC,UAAU,CAAO,MAAM;AACrB,QAAE,eAAe;AACjB,UAAI,EAAC,+BAAO,SAAQ;AAClB;AAAA,MACF;AACA,eAAS,EAAE;AACX,YAAM,SAAS,KAAK;AAAA,IACtB;AAAA,IACA,KAAK;AAAA,IAEL,+BAAC;AAAA,MAAI,WAAU;AAAA,MACb;AAAA,6BAAC;AAAA,UACC;AAAA,gCAAC;AAAA,cAAe,SAAO;AAAA,cACrB,+BAAC;AAAA,gBACC,MAAK;AAAA,gBACL,WAAW;AAAA,kBACT,eAAe,EAAE,MAAM,MAAM,SAAS,UAAU,CAAC;AAAA,kBACjD;AAAA,gBACF;AAAA,gBAEA;AAAA,sCAAC,YAAS;AAAA,kBACV,oBAAC;AAAA,oBAAK,WAAU;AAAA,oBAAU;AAAA,mBAAQ;AAAA;AAAA,eACpC;AAAA,aACF;AAAA,YACA,oBAAC;AAAA,cAAe;AAAA,aAAQ;AAAA;AAAA,SAC1B;AAAA,QACA,oBAAC;AAAA,UACC,KAAK;AAAA,UACL,UAAU;AAAA,UACV;AAAA,UACA,MAAM;AAAA,UACN,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC,aAAY;AAAA,UACZ,YAAY;AAAA,UACZ,WAAU;AAAA,SACZ;AAAA,QACA,oBAAC;AAAA,UAAI,WAAU;AAAA,UACb,+BAAC;AAAA,YACC;AAAA,kCAAC;AAAA,gBAAe,SAAO;AAAA,gBACrB,+BAAC;AAAA,kBACC,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,UAAU,aAAa,UAAU;AAAA,kBACjC,WAAU;AAAA,kBAEV;AAAA,wCAAC,kBAAe;AAAA,oBAChB,oBAAC;AAAA,sBAAK,WAAU;AAAA,sBAAU;AAAA,qBAAY;AAAA;AAAA,iBACxC;AAAA,eACF;AAAA,cACA,oBAAC;AAAA,gBAAe;AAAA,eAAY;AAAA;AAAA,WAC9B;AAAA,SACF;AAAA;AAAA,KACF;AAAA,GACF;AAEJ","sourcesContent":["import * as React from \"react\";\nimport TextareaAutosize from \"react-textarea-autosize\";\nimport { UseChatHelpers } from \"ai/react\";\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\";\nimport Link from \"next/link\";\n\nexport interface PromptProps\n  extends Pick<UseChatHelpers, \"input\" | \"setInput\"> {\n  onSubmit: (value: string) => Promise<void>;\n  isLoading: boolean;\n}\n\nexport function PromptForm({\n  onSubmit,\n  input,\n  setInput,\n  isLoading,\n}: 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-KXJV37FS.mjs

@@ -1,33 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/chat-components/external-link.tsx
-function ExternalLink({
-  href,
-  children
-}) {
-  return /* @__PURE__ */ jsxs("a", {
-    href,
-    target: "_blank",
-    className: "inline-flex flex-1 justify-center gap-1 leading-4 hover:underline",
-    children: [
-      /* @__PURE__ */ jsx("span", {
-        children
-      }),
-      /* @__PURE__ */ jsx("svg", {
-        "aria-hidden": "true",
-        height: "7",
-        viewBox: "0 0 6 6",
-        width: "7",
-        className: "opacity-70",
-        children: /* @__PURE__ */ jsx("path", {
-          d: "M1.25215 5.54731L0.622742 4.9179L3.78169 1.75597H1.3834L1.38936 0.890915H5.27615V4.78069H4.40513L4.41109 2.38538L1.25215 5.54731Z",
-          fill: "currentColor"
-        })
-      })
-    ]
-  });
-}
-
-export { ExternalLink };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-KXJV37FS.mjs.map

package/dist/chunk-KXJV37FS.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/external-link.tsx"],"names":[],"mappings":";AAQI,SAKE,KALF;AARG,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,WAAU;AAAA,IAEV;AAAA,0BAAC;AAAA,QAAM;AAAA,OAAS;AAAA,MAChB,oBAAC;AAAA,QACC,eAAY;AAAA,QACZ,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QAEV,8BAAC;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,SACN;AAAA,OACH;AAAA;AAAA,GACF;AAEJ","sourcesContent":["export function ExternalLink({\n  href,\n  children,\n}: {\n  href: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <a\n      href={href}\n      target=\"_blank\"\n      className=\"inline-flex flex-1 justify-center gap-1 leading-4 hover:underline\"\n    >\n      <span>{children}</span>\n      <svg\n        aria-hidden=\"true\"\n        height=\"7\"\n        viewBox=\"0 0 6 6\"\n        width=\"7\"\n        className=\"opacity-70\"\n      >\n        <path\n          d=\"M1.25215 5.54731L0.622742 4.9179L3.78169 1.75597H1.3834L1.38936 0.890915H5.27615V4.78069H4.40513L4.41109 2.38538L1.25215 5.54731Z\"\n          fill=\"currentColor\"\n        ></path>\n      </svg>\n    </a>\n  );\n}\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-MRXNTQOX.mjs

@@ -1,55 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-export { __async, __objRest, __spreadProps, __spreadValues };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-MRXNTQOX.mjs.map

package/dist/chunk-MRXNTQOX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/dist/chunk-N7KB3Z57.mjs

@@ -1,23 +0,0 @@
-import * as React from 'react';
-
-// src/hooks/use-at-bottom.tsx
-function useAtBottom(offset = 0) {
-  const [isAtBottom, setIsAtBottom] = React.useState(false);
-  React.useEffect(() => {
-    const handleScroll = () => {
-      setIsAtBottom(
-        window.innerHeight + window.scrollY >= document.body.offsetHeight - offset
-      );
-    };
-    window.addEventListener("scroll", handleScroll, { passive: true });
-    handleScroll();
-    return () => {
-      window.removeEventListener("scroll", handleScroll);
-    };
-  }, [offset]);
-  return isAtBottom;
-}
-
-export { useAtBottom };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-N7KB3Z57.mjs.map

package/dist/chunk-N7KB3Z57.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-at-bottom.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AAEhB,SAAS,YAAY,SAAS,GAAG;AACtC,QAAM,CAAC,YAAY,aAAa,IAAU,eAAS,KAAK;AAExD,EAAM,gBAAU,MAAM;AACpB,UAAM,eAAe,MAAM;AACzB;AAAA,QACE,OAAO,cAAc,OAAO,WAC1B,SAAS,KAAK,eAAe;AAAA,MACjC;AAAA,IACF;AAEA,WAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,KAAK,CAAC;AACjE,iBAAa;AAEb,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,YAAY;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AACT","sourcesContent":["import * as React from \"react\";\n\nexport function useAtBottom(offset = 0) {\n  const [isAtBottom, setIsAtBottom] = React.useState(false);\n\n  React.useEffect(() => {\n    const handleScroll = () => {\n      setIsAtBottom(\n        window.innerHeight + window.scrollY >=\n          document.body.offsetHeight - offset\n      );\n    };\n\n    window.addEventListener(\"scroll\", handleScroll, { passive: true });\n    handleScroll();\n\n    return () => {\n      window.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [offset]);\n\n  return isAtBottom;\n}\n"]}

package/dist/chunk-OZYTYKC6.mjs

@@ -1,48 +0,0 @@
-import { CopilotChat } from './chunk-XDJJE4RX.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-OZYTYKC6.mjs.map

package/dist/chunk-OZYTYKC6.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,qBAAC;AAAA,IACC,WAAU;AAAA,IACV,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,IAEvC;AAAA,0BAAC,2BAAW,MAAO;AAAA,MACnB,oBAAC,eAAY;AAAA;AAAA,GACf;AAEJ;AAIA,SAAS,OAAO,OAAkC;AAChD,SACE,qBAAC;AAAA,IAAI,WAAU;AAAA,IACb;AAAA,0BAAC;AAAA,QAAG,WAAU;AAAA,QAAkD;AAAA,OAEhE;AAAA,MACA,oBAAC;AAAA,QAAI,WAAU;AAAA,QACb,+BAAC;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM,MAAM,eAAe,KAAK;AAAA,UAEzC;AAAA,gCAAC;AAAA,cAAK,WAAU;AAAA,cAAU;AAAA,aAAW;AAAA,YACrC,oBAAC;AAAA,cAAU,WAAU;AAAA,cAAU,eAAY;AAAA,aAAO;AAAA;AAAA,SACpD;AAAA,OACF;AAAA;AAAA,GACF;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\">\n        Copilot Chat\n      </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-RSONJDLO.mjs

@@ -1,28 +0,0 @@
-import { useAtBottom } from './chunk-N7KB3Z57.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-RSONJDLO.mjs.map

package/dist/chunk-RSONJDLO.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;AA3BT;AAWO,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;AAAA,IAAI;AAAA,IAAU,WAAU;AAAA,GAAc;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-RVWZKSLL.mjs

@@ -1,29 +0,0 @@
-import { Separator } from './chunk-DOMJCSI6.mjs';
-import { ChatMessage } from './chunk-JUPNM7ZR.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function ChatList({ messages }) {
-  const displayedMessages = messages.filter(
-    (message) => message.role !== "system"
-  );
-  if (!displayedMessages.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", {
-    className: "relative mx-auto max-w-2xl px-0",
-    children: displayedMessages.map((message, index) => /* @__PURE__ */ jsxs("div", {
-      children: [
-        /* @__PURE__ */ jsx(ChatMessage, {
-          message
-        }),
-        index < displayedMessages.length - 1 && /* @__PURE__ */ jsx(Separator, {
-          className: "my-4 md:my-4"
-        })
-      ]
-    }, index))
-  });
-}
-
-export { ChatList };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-RVWZKSLL.mjs.map

package/dist/chunk-RVWZKSLL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/chat-list.tsx"],"names":[],"mappings":";;;;;;;;AAsBQ,SACE,KADF;AAbD,SAAS,SAAS,EAAE,SAAS,GAAa;AAE/C,QAAM,oBAAoB,SAAS;AAAA,IACjC,CAAC,YAAY,QAAQ,SAAS;AAAA,EAChC;AAEA,MAAI,CAAC,kBAAkB,QAAQ;AAC7B,WAAO;AAAA,EACT;AAEA,SACE,oBAAC;AAAA,IAAI,WAAU;AAAA,IACZ,4BAAkB,IAAI,CAAC,SAAS,UAC/B,qBAAC;AAAA,MACC;AAAA,4BAAC;AAAA,UAAY;AAAA,SAAkB;AAAA,QAC9B,QAAQ,kBAAkB,SAAS,KAClC,oBAAC;AAAA,UAAU,WAAU;AAAA,SAAe;AAAA;AAAA,OAH9B,KAKV,CACD;AAAA,GACH;AAEJ","sourcesContent":["import { type Message } from \"ai\";\n\nimport { Separator } from \"./ui/separator\";\nimport { ChatMessage } from \"./chat-message\";\n\nexport interface ChatList {\n  messages: Message[];\n}\n\nexport function ChatList({ messages }: ChatList) {\n  // we don't want to display system messages\n  const displayedMessages = messages.filter(\n    (message) => message.role !== \"system\"\n  );\n\n  if (!displayedMessages.length) {\n    return null;\n  }\n\n  return (\n    <div className=\"relative mx-auto max-w-2xl px-0\">\n      {displayedMessages.map((message, index) => (\n        <div key={index}>\n          <ChatMessage message={message} />\n          {index < displayedMessages.length - 1 && (\n            <Separator className=\"my-4 md:my-4\" />\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/chunk-TVTG3V4F.mjs

@@ -1,40 +0,0 @@
-import { __async } from './chunk-MRXNTQOX.mjs';
-import { clsx } from 'clsx';
-import { customAlphabet } from 'nanoid';
-import { twMerge } from 'tailwind-merge';
-
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var nanoid = customAlphabet(
-  "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
-  7
-);
-function fetcher(input, init) {
-  return __async(this, null, function* () {
-    const res = yield fetch(input, init);
-    if (!res.ok) {
-      const json = yield res.json();
-      if (json.error) {
-        const error = new Error(json.error);
-        error.status = res.status;
-        throw error;
-      } else {
-        throw new Error("An unexpected error occurred");
-      }
-    }
-    return res.json();
-  });
-}
-function formatDate(input) {
-  const date = new Date(input);
-  return date.toLocaleDateString("en-US", {
-    month: "long",
-    day: "numeric",
-    year: "numeric"
-  });
-}
-
-export { cn, fetcher, formatDate, nanoid };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-TVTG3V4F.mjs.map

package/dist/chunk-TVTG3V4F.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/utils.ts"],"names":[],"mappings":";;;;;AAAA,SAAS,YAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;AAEO,IAAM,SAAS;AAAA,EACpB;AAAA,EACA;AACF;AAEA,SAAsB,QACpB,OACA,MACe;AAAA;AACf,UAAM,MAAM,MAAM,MAAM,OAAO,IAAI;AAEnC,QAAI,CAAC,IAAI,IAAI;AACX,YAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,UAAI,KAAK,OAAO;AACd,cAAM,QAAQ,IAAI,MAAM,KAAK,KAAK;AAGlC,cAAM,SAAS,IAAI;AACnB,cAAM;AAAA,MACR,OAAO;AACL,cAAM,IAAI,MAAM,8BAA8B;AAAA,MAChD;AAAA,IACF;AAEA,WAAO,IAAI,KAAK;AAAA,EAClB;AAAA;AAEO,SAAS,WAAW,OAAuC;AAChE,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,SAAO,KAAK,mBAAmB,SAAS;AAAA,IACtC,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACR,CAAC;AACH","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { customAlphabet } from \"nanoid\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const nanoid = customAlphabet(\n  \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\",\n  7\n); // 7-character random string\n\nexport async function fetcher<JSON = any>(\n  input: RequestInfo,\n  init?: RequestInit\n): Promise<JSON> {\n  const res = await fetch(input, init);\n\n  if (!res.ok) {\n    const json = await res.json();\n    if (json.error) {\n      const error = new Error(json.error) as Error & {\n        status: number;\n      };\n      error.status = res.status;\n      throw error;\n    } else {\n      throw new Error(\"An unexpected error occurred\");\n    }\n  }\n\n  return res.json();\n}\n\nexport function formatDate(input: string | number | Date): string {\n  const date = new Date(input);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"long\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n"]}

package/dist/chunk-U6NJWGTV.mjs

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

package/dist/chunk-U6NJWGTV.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/chunk-UIJXBILJ.mjs

@@ -1,72 +0,0 @@
-import { CopilotSidebar } from './chunk-OZYTYKC6.mjs';
-import { TooltipProvider } from './chunk-BS6RR2DJ.mjs';
-import { CopilotSidebarContext } from './chunk-MC6KTH4X.mjs';
-import { useState, useCallback } from 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-function CopilotSidebarUIProvider({
-  children
-}) {
-  const [sidebarOpen, setSidebarOpen] = useState(true);
-  const toggleSidebar = useCallback(() => {
-    setSidebarOpen((prev) => !prev);
-  }, []);
-  return /* @__PURE__ */ jsx(CopilotSidebarContext.Provider, {
-    value: { isSidebarOpen: sidebarOpen, toggleSidebar },
-    children: /* @__PURE__ */ jsx(Fragment, {
-      children: /* @__PURE__ */ jsxs("div", {
-        style: {
-          height: "100vh",
-          width: "100vw",
-          position: "relative"
-        },
-        children: [
-          /* @__PURE__ */ jsx("div", {
-            style: {
-              overflowY: "auto",
-              overflowX: "hidden",
-              height: "100%",
-              width: sidebarOpen ? "calc(100% - 450px)" : "100%",
-              position: "absolute",
-              transition: "width 0.5s ease-in-out"
-            },
-            children: /* @__PURE__ */ jsx("main", {
-              children
-            })
-          }),
-          /* @__PURE__ */ jsx("div", {
-            style: {
-              overflowY: "auto",
-              height: "100%",
-              width: "450px",
-              position: "absolute",
-              right: sidebarOpen ? "0" : "-450px",
-              transition: "right 0.5s ease-in-out"
-            },
-            children: /* @__PURE__ */ jsx(TooltipProvider, {
-              children: /* @__PURE__ */ jsx(CopilotSidebar, {
-                setSidebarOpen
-              })
-            })
-          }),
-          !sidebarOpen && /* @__PURE__ */ jsx("button", {
-            onClick: toggleSidebar,
-            style: {
-              position: "absolute",
-              top: "5%",
-              right: "20px",
-              transform: "translateY(-50%)",
-              transition: "opacity 0.5s ease-in-out"
-            },
-            className: "bg-slate-100 ring-2 ring-slate-600 font-semibold text-black p-2 rounded-lg shadow-lg",
-            children: "Open Copilot"
-          })
-        ]
-      })
-    })
-  });
-}
-
-export { CopilotSidebarUIProvider };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-UIJXBILJ.mjs.map

package/dist/chunk-UIJXBILJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/sidebar/copilot-sidebar-ui-provider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,SAA2B,mBAAmB;AAC9C,SAAS,gBAAgB;AAsBnB,mBAkBM,KAjBJ,YADF;AAbC,SAAS,yBAAyB;AAAA,EACvC;AACF,GAAkC;AAChC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,IAAI;AAEnD,QAAM,gBAAgB,YAAY,MAAM;AACtC,mBAAe,CAAC,SAAS,CAAC,IAAI;AAAA,EAChC,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,sBAAsB,UAAtB;AAAA,IACC,OAAO,EAAE,eAAe,aAAa,cAAc;AAAA,IAEnD;AAAA,MACE,+BAAC;AAAA,QACC,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA,8BAAC;AAAA,YACC,OAAO;AAAA,cACL,WAAW;AAAA,cACX,WAAW;AAAA,cACX,QAAQ;AAAA,cACR,OAAO,cAAc,uBAAuB;AAAA,cAC5C,UAAU;AAAA,cACV,YAAY;AAAA,YACd;AAAA,YAEA,8BAAC;AAAA,cAAM;AAAA,aAAS;AAAA,WAClB;AAAA,UACA,oBAAC;AAAA,YACC,OAAO;AAAA,cACL,WAAW;AAAA,cACX,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,UAAU;AAAA,cACV,OAAO,cAAc,MAAM;AAAA,cAC3B,YAAY;AAAA,YACd;AAAA,YAEA,8BAAC;AAAA,cACC,8BAAC;AAAA,gBAAe;AAAA,eAAgC;AAAA,aAClD;AAAA,WACF;AAAA,UACC,CAAC,eACA,oBAAC;AAAA,YACC,SAAS;AAAA,YACT,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,OAAO;AAAA,cACP,WAAW;AAAA,cACX,YAAY;AAAA,YACd;AAAA,YACA,WAAU;AAAA,YACX;AAAA,WAED;AAAA;AAAA,OAEJ;AAAA,KACF;AAAA,GACF;AAEJ","sourcesContent":["import React, { ReactNode, useCallback } from \"react\";\nimport { useState } from \"react\";\nimport { CopilotSidebar } from \"./copilot-sidebar\";\nimport { CopilotSidebarContext } from \"./sidebar-context\";\nimport { TooltipProvider } from \"../chat-components/ui/tooltip\";\n\nexport interface CopilotSidebarUIProviderProps {\n  children: ReactNode;\n}\n\nexport function CopilotSidebarUIProvider({\n  children,\n}: CopilotSidebarUIProviderProps) {\n  const [sidebarOpen, setSidebarOpen] = useState(true);\n\n  const toggleSidebar = useCallback(() => {\n    setSidebarOpen((prev) => !prev);\n  }, []);\n\n  return (\n    <CopilotSidebarContext.Provider\n      value={{ isSidebarOpen: sidebarOpen, toggleSidebar }}\n    >\n      <>\n        <div\n          style={{\n            height: \"100vh\",\n            width: \"100vw\",\n            position: \"relative\",\n          }}\n        >\n          <div\n            style={{\n              overflowY: \"auto\",\n              overflowX: \"hidden\",\n              height: \"100%\",\n              width: sidebarOpen ? \"calc(100% - 450px)\" : \"100%\",\n              position: \"absolute\",\n              transition: \"width 0.5s ease-in-out\", // New\n            }}\n          >\n            <main>{children}</main>\n          </div>\n          <div\n            style={{\n              overflowY: \"auto\",\n              height: \"100%\",\n              width: \"450px\",\n              position: \"absolute\",\n              right: sidebarOpen ? \"0\" : \"-450px\",\n              transition: \"right 0.5s ease-in-out\",\n            }}\n          >\n            <TooltipProvider>\n              <CopilotSidebar setSidebarOpen={setSidebarOpen} />\n            </TooltipProvider>\n          </div>\n          {!sidebarOpen && (\n            <button\n              onClick={toggleSidebar}\n              style={{\n                position: \"absolute\",\n                top: \"5%\",\n                right: \"20px\",\n                transform: \"translateY(-50%)\",\n                transition: \"opacity 0.5s ease-in-out\",\n              }}\n              className=\"bg-slate-100 ring-2 ring-slate-600 font-semibold text-black p-2 rounded-lg shadow-lg\"\n            >\n              Open Copilot\n            </button>\n          )}\n        </div>\n      </>\n    </CopilotSidebarContext.Provider>\n  );\n}\n"]}

package/dist/chunk-V6QYUEJR.mjs

@@ -1,47 +0,0 @@
-import { cn } from './chunk-TVTG3V4F.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-V6QYUEJR.mjs.map

package/dist/chunk-V6QYUEJR.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;AA4CjC;AAxCN,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,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,MA3CzC,IA2CG,IAAgD,kBAAhD,IAAgD,CAA9C,aAAW,WAAS,QAAM;AAC3B,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE,oBAAC;AAAA,MACC,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MAC1D;AAAA,OACI,MACN;AAAA,EAEJ;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:\n          \"bg-primary text-primary-foreground shadow-md hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"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\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"]}

package/dist/chunk-VQNV2DHJ.mjs

@@ -1,142 +0,0 @@
-import { Button } from './chunk-V6QYUEJR.mjs';
-import { IconDownload, IconCheck, IconCopy } from './chunk-KR7MH7XO.mjs';
-import { useCopyToClipboard } from './chunk-6LAC5RA2.mjs';
-import { memo } from 'react';
-import { Prism } from 'react-syntax-highlighter';
-import { coldarkDark } from 'react-syntax-highlighter/dist/cjs/styles/prism';
-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"
-};
-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,
-        style: coldarkDark,
-        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-VQNV2DHJ.mjs.map

package/dist/chunk-VQNV2DHJ.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\";\nimport { coldarkDark } from \"react-syntax-highlighter/dist/cjs/styles/prism\";\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(\n      3,\n      true\n    )}${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        style={coldarkDark}\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"]}