@copilotkit/react-ui 0.3.0 → 0.5.0

package/src/hooks/use-copy-to-clipboard.tsx

@@ -1,33 +1,33 @@
-'use client'
+"use client";
 
-import * as React from 'react'
+import * as React from "react";
 
 export interface useCopyToClipboardProps {
-  timeout?: number
+  timeout?: number;
 }
 
 export function useCopyToClipboard({
-  timeout = 2000
+  timeout = 2000,
 }: useCopyToClipboardProps) {
-  const [isCopied, setIsCopied] = React.useState<Boolean>(false)
+  const [isCopied, setIsCopied] = React.useState<Boolean>(false);
 
   const copyToClipboard = (value: string) => {
-    if (typeof window === 'undefined' || !navigator.clipboard?.writeText) {
-      return
+    if (typeof window === "undefined" || !navigator.clipboard?.writeText) {
+      return;
     }
 
     if (!value) {
-      return
+      return;
     }
 
     navigator.clipboard.writeText(value).then(() => {
-      setIsCopied(true)
+      setIsCopied(true);
 
       setTimeout(() => {
-        setIsCopied(false)
-      }, timeout)
-    })
-  }
+        setIsCopied(false);
+      }, timeout);
+    });
+  };
 
-  return { isCopied, copyToClipboard }
+  return { isCopied, copyToClipboard };
 }

package/src/hooks/use-enter-submit.tsx

@@ -1,23 +1,23 @@
-import { useRef, type RefObject } from 'react'
+import { useRef, type RefObject } from "react";
 
 export function useEnterSubmit(): {
-  formRef: RefObject<HTMLFormElement>
-  onKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void
+  formRef: RefObject<HTMLFormElement>;
+  onKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
 } {
-  const formRef = useRef<HTMLFormElement>(null)
+  const formRef = useRef<HTMLFormElement>(null);
 
   const handleKeyDown = (
     event: React.KeyboardEvent<HTMLTextAreaElement>
   ): void => {
     if (
-      event.key === 'Enter' &&
+      event.key === "Enter" &&
       !event.shiftKey &&
       !event.nativeEvent.isComposing
     ) {
-      formRef.current?.requestSubmit()
-      event.preventDefault()
+      formRef.current?.requestSubmit();
+      event.preventDefault();
     }
-  }
+  };
 
-  return { formRef, onKeyDown: handleKeyDown }
+  return { formRef, onKeyDown: handleKeyDown };
 }

package/src/index.tsx

@@ -1,7 +1,7 @@
 // styles
 import "./styles.css";
 
-export * from './components'
-export * from './context'
-export * from './hooks'
-export * from './types'
+export * from "./components";
+export * from "./context";
+export * from "./hooks";
+export * from "./types";

package/src/lib/utils.ts

@@ -1,43 +1,43 @@
-import { clsx, type ClassValue } from 'clsx'
-import { customAlphabet } from 'nanoid'
-import { twMerge } from 'tailwind-merge'
+import { clsx, type ClassValue } from "clsx";
+import { customAlphabet } from "nanoid";
+import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+  return twMerge(clsx(inputs));
 }
 
 export const nanoid = customAlphabet(
-  '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz',
+  "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
   7
-) // 7-character random string
+); // 7-character random string
 
 export async function fetcher<JSON = any>(
   input: RequestInfo,
   init?: RequestInit
 ): Promise<JSON> {
-  const res = await fetch(input, init)
+  const res = await fetch(input, init);
 
   if (!res.ok) {
-    const json = await res.json()
+    const json = await res.json();
     if (json.error) {
       const error = new Error(json.error) as Error & {
-        status: number
-      }
-      error.status = res.status
-      throw error
+        status: number;
+      };
+      error.status = res.status;
+      throw error;
     } else {
-      throw new Error('An unexpected error occurred')
+      throw new Error("An unexpected error occurred");
     }
   }
 
-  return res.json()
+  return res.json();
 }
 
 export function formatDate(input: string | number | Date): string {
-  const date = new Date(input)
-  return date.toLocaleDateString('en-US', {
-    month: 'long',
-    day: 'numeric',
-    year: 'numeric'
-  })
+  const date = new Date(input);
+  return date.toLocaleDateString("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric",
+  });
 }

package/src/types/index.ts

@@ -1 +1 @@
-export {}
+export {};

package/src/types/types.ts

@@ -1,18 +1,18 @@
-import { type Message } from 'ai'
+import { type Message } from "ai";
 
 export interface Chat extends Record<string, any> {
-  id: string
-  title: string
-  createdAt: Date
-  userId: string
-  path: string
-  messages: Message[]
-  sharePath?: string
+  id: string;
+  title: string;
+  createdAt: Date;
+  userId: string;
+  path: string;
+  messages: Message[];
+  sharePath?: string;
 }
 
 export type ServerActionResult<Result> = Promise<
   | Result
   | {
-      error: string
+      error: string;
     }
->
+>;

package/tsup.config.ts

@@ -1,13 +1,12 @@
 import { defineConfig, Options } from "tsup";
 
 export default defineConfig((options: Options) => ({
-  treeshake: true,
-  splitting: true,
-  entry: ["src/**/*.tsx"],
+  entry: ["src/**/*.{ts,tsx}"],
   format: ["esm"],
   dts: true,
-  minify: true,
+  minify: false,
   clean: true,
   external: ["react"],
+  sourcemap: true,
   ...options,
 }));

package/dist/index.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var V = require('react');
-var O = require('@radix-ui/react-separator');
-var clsx = require('clsx');
-var nanoid = require('nanoid');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-var Ye = require('remark-gfm');
-var $e = require('remark-math');
-var reactSyntaxHighlighter = require('react-syntax-highlighter');
-var prism = require('react-syntax-highlighter/dist/cjs/styles/prism');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var Ge = require('react-markdown');
-var Qe = require('react-textarea-autosize');
-var w = require('@radix-ui/react-tooltip');
-var eo = require('next/link');
-var reactIntersectionObserver = require('react-intersection-observer');
-var reactCore = require('@copilotkit/react-core');
-var outline = require('@heroicons/react/24/outline');
-
-function _interopNamespaceDefault(e) {
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var V__namespace = /*#__PURE__*/_interopNamespaceDefault(V);
-var O__namespace = /*#__PURE__*/_interopNamespaceDefault(O);
-var w__namespace = /*#__PURE__*/_interopNamespaceDefault(w);
-
-var Se=Object.defineProperty,Me=Object.defineProperties;var Le=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable;var Q=(e,o,r)=>o in e?Se(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,n=(e,o)=>{for(var r in o||(o={}))ee.call(o,r)&&Q(e,r,o[r]);if(I)for(var r of I(o))oe.call(o,r)&&Q(e,r,o[r]);return e},f=(e,o)=>Me(e,Le(o));var p=(e,o)=>{var r={};for(var t in e)ee.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&I)for(var t of I(e))o.indexOf(t)<0&&oe.call(e,t)&&(r[t]=e[t]);return r};var S=(e,o,r)=>new Promise((t,a)=>{var i=d=>{try{l(r.next(d));}catch(h){a(h);}},m=d=>{try{l(r.throw(d));}catch(h){a(h);}},l=d=>d.done?t(d.value):Promise.resolve(d.value).then(i,m);l((r=r.apply(e,o)).next());});function s(...e){return tailwindMerge.twMerge(clsx.clsx(e))}nanoid.customAlphabet("0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",7);var U=V__namespace.forwardRef((i,a)=>{var m=i,{className:e,orientation:o="horizontal",decorative:r=!0}=m,t=p(m,["className","orientation","decorative"]);return jsxRuntime.jsx(O__namespace.Root,n({ref:a,decorative:r,orientation:o,className:s("shrink-0 bg-border",o==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e)},t))});U.displayName=O__namespace.Root.displayName;function T({timeout:e=2e3}){let[o,r]=V__namespace.useState(!1);return {isCopied:o,copyToClipboard:a=>{var i;typeof window=="undefined"||!((i=navigator.clipboard)!=null&&i.writeText)||!a||navigator.clipboard.writeText(a).then(()=>{r(!0),setTimeout(()=>{r(!1);},e);});}}}function ae(r){var t=r,{className:e}=t,o=p(t,["className"]);return jsxRuntime.jsxs("svg",f(n({fill:"currentColor",viewBox:"0 0 24 24",role:"img",xmlns:"http://www.w3.org/2000/svg",className:s("h-4 w-4",e)},o),{children:[jsxRuntime.jsx("title",{children:"OpenAI icon"}),jsxRuntime.jsx("path",{d:"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"})]}))}function ne(r){var t=r,{className:e}=t,o=p(t,["className"]);return jsxRuntime.jsx("svg",f(n({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor",className:s("h-4 w-4",e)},o),{children:jsxRuntime.jsx("path",{d:"m221.66 133.66-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32Z"})}))}function se(r){var t=r,{className:e}=t,o=p(t,["className"]);return jsxRuntime.jsx("svg",f(n({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor",className:s("h-4 w-4",e)},o),{children:jsxRuntime.jsx("path",{d:"M230.92 212c-15.23-26.33-38.7-45.21-66.09-54.16a72 72 0 1 0-73.66 0c-27.39 8.94-50.86 27.82-66.09 54.16a8 8 0 1 0 13.85 8c18.84-32.56 52.14-52 89.07-52s70.23 19.44 89.07 52a8 8 0 1 0 13.85-8ZM72 96a56 56 0 1 1 56 56 56.06 56.06 0 0 1-56-56Z"})}))}function ie(r){var t=r,{className:e}=t,o=p(t,["className"]);return jsxRuntime.jsx("svg",f(n({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor",className:s("h-4 w-4",e)},o),{children:jsxRuntime.jsx("path",{d:"M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8Z"})}))}function le(r){var t=r,{className:e}=t,o=p(t,["className"]);return jsxRuntime.jsx("svg",f(n({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor",className:s("h-4 w-4",e)},o),{children:jsxRuntime.jsx("path",{d:"M200 32v144a8 8 0 0 1-8 8H67.31l34.35 34.34a8 8 0 0 1-11.32 11.32l-48-48a8 8 0 0 1 0-11.32l48-48a8 8 0 0 1 11.32 11.32L67.31 168H184V32a8 8 0 0 1 16 0Z"})}))}function pe(r){var t=r,{className:e}=t,o=p(t,["className"]);return jsxRuntime.jsx("svg",f(n({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor",className:s("h-4 w-4",e)},o),{children:jsxRuntime.jsx("path",{d:"M197.67 186.37a8 8 0 0 1 0 11.29C196.58 198.73 170.82 224 128 224c-37.39 0-64.53-22.4-80-39.85V208a8 8 0 0 1-16 0v-48a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16H55.44C67.76 183.35 93 208 128 208c36 0 58.14-21.46 58.36-21.68a8 8 0 0 1 11.31.05ZM216 40a8 8 0 0 0-8 8v23.85C192.53 54.4 165.39 32 128 32c-42.82 0-68.58 25.27-69.66 26.34a8 8 0 0 0 11.3 11.34C69.86 69.46 92 48 128 48c35 0 60.24 24.65 72.56 40H168a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8Z"})}))}function ce(r){var t=r,{className:e}=t,o=p(t,["className"]);return jsxRuntime.jsx("svg",f(n({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor",className:s("h-4 w-4",e)},o),{children:jsxRuntime.jsx("path",{d:"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm24-120h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8Zm-8 48h-32v-32h32Z"})}))}function B(r){var t=r,{className:e}=t,o=p(t,["className"]);return jsxRuntime.jsx("svg",f(n({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor",className:s("h-4 w-4",e)},o),{children:jsxRuntime.jsx("path",{d:"M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z"})}))}function Z(r){var t=r,{className:e}=t,o=p(t,["className"]);return jsxRuntime.jsx("svg",f(n({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor",className:s("h-4 w-4",e)},o),{children:jsxRuntime.jsx("path",{d:"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z"})}))}function me(r){var t=r,{className:e}=t,o=p(t,["className"]);return jsxRuntime.jsx("svg",f(n({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor",className:s("h-4 w-4",e)},o),{children:jsxRuntime.jsx("path",{d:"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0Zm-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 132.69V40a8 8 0 0 0-16 0v92.69l-26.34-26.35a8 8 0 0 0-11.32 11.32Z"})}))}var D=classVarianceAuthority.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"}}),u=V__namespace.forwardRef((m,i)=>{var l=m,{className:e,variant:o,size:r,asChild:t=!1}=l,a=p(l,["className","variant","size","asChild"]);return jsxRuntime.jsx(t?reactSlot.Slot:"button",n({className:s(D({variant:o,size:r,className:e})),ref:i},a))});u.displayName="Button";var Fe={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"},Ke=(e,o=!1)=>{let r="ABCDEFGHJKLMNPQRSTUVWXY3456789",t="";for(let a=0;a<e;a++)t+=r.charAt(Math.floor(Math.random()*r.length));return o?t.toLowerCase():t},F=V.memo(({language:e,value:o})=>{let{isCopied:r,copyToClipboard:t}=T({timeout:2e3});return jsxRuntime.jsxs("div",{className:"codeblock relative w-full bg-zinc-950 font-sans",children:[jsxRuntime.jsxs("div",{className:"flex w-full items-center justify-between bg-zinc-800 px-6 py-2 pr-4 text-zinc-100",children:[jsxRuntime.jsx("span",{className:"text-xs lowercase",children:e}),jsxRuntime.jsxs("div",{className:"flex items-center space-x-1",children:[jsxRuntime.jsxs(u,{variant:"ghost",className:"hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0",onClick:()=>{if(typeof window=="undefined")return;let m=Fe[e]||".file",l=`file-${Ke(3,!0)}${m}`,d=window.prompt("Enter file name",l);if(!d)return;let h=new Blob([o],{type:"text/plain"}),C=URL.createObjectURL(h),N=document.createElement("a");N.download=d,N.href=C,N.style.display="none",document.body.appendChild(N),N.click(),document.body.removeChild(N),URL.revokeObjectURL(C);},size:"icon",children:[jsxRuntime.jsx(me,{}),jsxRuntime.jsx("span",{className:"sr-only",children:"Download"})]}),jsxRuntime.jsxs(u,{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:()=>{r||t(o);},children:[r?jsxRuntime.jsx(Z,{}):jsxRuntime.jsx(B,{}),jsxRuntime.jsx("span",{className:"sr-only",children:"Copy code"})]})]})]}),jsxRuntime.jsx(reactSyntaxHighlighter.Prism,{language:e,style:prism.coldarkDark,PreTag:"div",showLineNumbers:!0,customStyle:{margin:0,width:"100%",background:"transparent",padding:"1.5rem 1rem"},codeTagProps:{style:{fontSize:"0.9rem",fontFamily:"var(--font-mono)"}},children:o})]})});F.displayName="CodeBlock";var fe=V.memo(Ge,(e,o)=>e.children===o.children&&e.className===o.className);function ue(t){var a=t,{message:e,className:o}=a,r=p(a,["message","className"]);let{isCopied:i,copyToClipboard:m}=T({timeout:2e3}),l=()=>{i||m(e.content);};return jsxRuntime.jsx("div",f(n({className:s("flex items-center justify-end transition-opacity group-hover:opacity-100 md:absolute md:-right-10 md:-top-2 md:opacity-0",o)},r),{children:jsxRuntime.jsxs(u,{variant:"ghost",size:"icon",onClick:l,children:[i?jsxRuntime.jsx(Z,{}):jsxRuntime.jsx(B,{}),jsxRuntime.jsx("span",{className:"sr-only",children:"Copy message"})]})}))}function he(r){var t=r,{message:e}=t,o=p(t,["message"]);return jsxRuntime.jsxs("div",f(n({className:s("group relative mb-4 flex items-start")},o),{children:[jsxRuntime.jsx("div",{className:s("flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md border shadow",e.role==="user"?"bg-background":"bg-primary text-primary-foreground"),children:e.role==="user"?jsxRuntime.jsx(se,{}):jsxRuntime.jsx(ae,{})}),jsxRuntime.jsxs("div",{className:"ml-4 flex-1 space-y-2 overflow-hidden px-1",children:[jsxRuntime.jsx(fe,{className:"prose break-words dark:prose-invert prose-p:leading-relaxed prose-pre:p-0 text-sm",remarkPlugins:[Ye,$e],components:{p({children:a}){return jsxRuntime.jsx("p",{className:"mb-2 last:mb-0",children:a})},code(d){var h=d,{children:a,className:i,inline:m}=h,l=p(h,["children","className","inline"]);if(a.length){if(a[0]=="\u258D")return jsxRuntime.jsx("span",{className:"mt-1 animate-pulse cursor-default",children:"\u258D"});a[0]=a[0].replace("`\u258D`","\u258D");}let C=/language-(\w+)/.exec(i||"");return m?jsxRuntime.jsx("code",f(n({className:i},l),{children:a})):jsxRuntime.jsx(F,n({language:C&&C[1]||"",value:String(a).replace(/\n$/,"")},l),Math.random())}},children:e.content}),jsxRuntime.jsx(ue,{message:e})]})]}))}function ve({messages:e}){let o=e.filter(r=>r.role!=="system");return o.length?jsxRuntime.jsx("div",{className:"relative mx-auto max-w-2xl px-0",children:o.map((r,t)=>jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(he,{message:r}),t<o.length-1&&jsxRuntime.jsx(U,{className:"my-4 md:my-4"})]},t))}):null}function we(){let e=V.useRef(null);return {formRef:e,onKeyDown:r=>{var t;r.key==="Enter"&&!r.shiftKey&&!r.nativeEvent.isComposing&&((t=e.current)==null||t.requestSubmit(),r.preventDefault());}}}var Xe=w__namespace.Provider,A=w__namespace.Root,j=w__namespace.Trigger,E=V__namespace.forwardRef((a,t)=>{var i=a,{className:e,sideOffset:o=4}=i,r=p(i,["className","sideOffset"]);return jsxRuntime.jsx(w__namespace.Content,n({ref:t,sideOffset:o,className:s("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-xs font-medium text-popover-foreground shadow-md animate-in fade-in-50 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",e)},r))});E.displayName=w__namespace.Content.displayName;function xe({onSubmit:e,input:o,setInput:r,isLoading:t}){let{formRef:a,onKeyDown:i}=we(),m=V__namespace.useRef(null);return V__namespace.useEffect(()=>{m.current&&m.current.focus();},[]),jsxRuntime.jsx("form",{onSubmit:l=>S(this,null,function*(){l.preventDefault(),o!=null&&o.trim()&&(r(""),yield e(o));}),ref:a,children:jsxRuntime.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:[jsxRuntime.jsxs(A,{children:[jsxRuntime.jsx(j,{asChild:!0,children:jsxRuntime.jsxs(eo,{href:"/",className:s(D({size:"sm",variant:"outline"}),"absolute left-0 top-4 h-8 w-8 rounded-full bg-background p-0 sm:left-4"),children:[jsxRuntime.jsx(ie,{}),jsxRuntime.jsx("span",{className:"sr-only",children:"New Chat"})]})}),jsxRuntime.jsx(E,{children:"New Chat"})]}),jsxRuntime.jsx(Qe,{ref:m,tabIndex:0,onKeyDown:i,rows:1,value:o,onChange:l=>r(l.target.value),placeholder:"Send a message.",spellCheck:!1,className:"min-h-[60px] w-full resize-none bg-transparent px-4 py-[1.3rem] focus-within:outline-none sm:text-sm"}),jsxRuntime.jsx("div",{className:"absolute right-0 top-4 sm:right-4",children:jsxRuntime.jsxs(A,{children:[jsxRuntime.jsx(j,{asChild:!0,children:jsxRuntime.jsxs(u,{type:"submit",size:"icon",disabled:t||o==="",className:" bg-slate-300",children:[jsxRuntime.jsx(le,{}),jsxRuntime.jsx("span",{className:"sr-only",children:"Send message"})]})}),jsxRuntime.jsx(E,{children:"Send message"})]})})]})})}function be({id:e,isLoading:o,stop:r,append:t,reload:a,input:i,setInput:m,messages:l}){return jsxRuntime.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:jsxRuntime.jsxs("div",{className:"mx-auto sm:max-w-2xl sm:px-4",children:[jsxRuntime.jsx("div",{className:"flex h-10 items-center justify-center mb-4",children:o?jsxRuntime.jsxs(u,{variant:"outline",onClick:()=>r(),className:"bg-background",children:[jsxRuntime.jsx(ce,{className:"mr-2"}),"Stop generating"]}):(l==null?void 0:l.length)>0&&jsxRuntime.jsxs(u,{variant:"outline",onClick:()=>a(),className:"bg-background",children:[jsxRuntime.jsx(pe,{className:"mr-2"}),"Regenerate response"]})}),jsxRuntime.jsx("div",{className:"space-y-4 border-2 bg-background px-4 py-2 shadow-lg sm:rounded-xl md:py-4",children:jsxRuntime.jsx(xe,{onSubmit:d=>S(this,null,function*(){yield t({id:e,content:d,role:"user"});}),input:i,setInput:m,isLoading:o})})]})})}function Y({href:e,children:o}){return jsxRuntime.jsxs("a",{href:e,target:"_blank",className:"inline-flex flex-1 justify-center gap-1 leading-4 hover:underline",children:[jsxRuntime.jsx("span",{children:o}),jsxRuntime.jsx("svg",{"aria-hidden":"true",height:"7",viewBox:"0 0 6 6",width:"7",className:"opacity-70",children:jsxRuntime.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"})})]})}var to=[{heading:"Explain technical concepts",message:'What is a "serverless function"?'},{heading:"Summarize an article",message:`Summarize the following article for a 2nd grader: 
-`},{heading:"Draft an email",message:`Draft an email to my boss about the following: 
-`}],ye=e=>jsxRuntime.jsx("div",{className:"mx-auto max-w-2xl px-4",children:jsxRuntime.jsxs("div",{className:"rounded-lg border bg-background p-8",children:[jsxRuntime.jsx("h1",{className:"mb-2 text-lg font-semibold",children:"Welcome to Copilot! \u{1F44B}"}),jsxRuntime.jsxs("p",{className:"mb-2 leading-normal text-muted-foreground",children:["This is a Copilot built with"," ",jsxRuntime.jsx(Y,{href:"https://recursively.ai",children:"recursively.ai's"})," ",jsxRuntime.jsx(Y,{href:"https://github.com/RecursivelyAI/CopilotKit",children:"CopilotKit"})," ","."]}),jsxRuntime.jsx("p",{className:"leading-normal text-muted-foreground",children:"You can start a conversation here or try the following examples:"}),jsxRuntime.jsx("div",{className:"mt-4 flex flex-col items-start space-y-2",children:to.map((o,r)=>jsxRuntime.jsxs(u,{variant:"link",className:"h-auto p-0 text-base",onClick:()=>e.setInput(o.message),children:[jsxRuntime.jsx(ne,{className:"mr-2 text-muted-foreground"}),o.heading]},r))})]})});function Ne(e=0){let[o,r]=V__namespace.useState(!1);return V__namespace.useEffect(()=>{let t=()=>{r(window.innerHeight+window.scrollY>=document.body.offsetHeight-e);};return window.addEventListener("scroll",t,{passive:!0}),t(),()=>{window.removeEventListener("scroll",t);}},[e]),o}function Pe({trackVisibility:e}){let o=Ne(),{ref:r,entry:t,inView:a}=reactIntersectionObserver.useInView({trackVisibility:e,delay:100,rootMargin:"0px 0px -150px 0px"});return V__namespace.useEffect(()=>{o&&e&&!a&&(t==null||t.target.scrollIntoView({block:"start"}));},[a,t,o,e]),jsxRuntime.jsx("div",{ref:r,className:"h-px w-full"})}function q({id:e,initialMessages:o,makeSystemMessage:r,EmptyScreen:t=ye}){let{visibleMessages:a,append:i,reload:m,stop:l,isLoading:d,input:h,setInput:C}=reactCore.useCopilotChat({id:e,initialMessages:o,makeSystemMessage:r});return jsxRuntime.jsxs("div",{className:"w-full h-full flex flex-col overflow-hidden box-border items-start",children:[jsxRuntime.jsx("div",{className:"pt-5 px-5 overflow-y-auto overflow-x-hidden w-full flex-grow",children:a.length?jsxRuntime.jsxs("div",{className:"pl-0 pr-6",children:[jsxRuntime.jsx(ve,{messages:a}),jsxRuntime.jsx(Pe,{trackVisibility:d})]}):jsxRuntime.jsx(t,{setInput:C})}),jsxRuntime.jsx("div",{className:"flex-shrink-0 w-full",children:jsxRuntime.jsx(be,{id:e,isLoading:d,stop:l,append:i,reload:m,messages:a,input:h,setInput:C})})]})}function X(e){return jsxRuntime.jsxs("div",{className:"shadow-lg bg-white flex flex-col",style:{width:"100%",height:"100%"},children:[jsxRuntime.jsx(io,n({},e)),jsxRuntime.jsx(q,{})]})}function io(e){return jsxRuntime.jsxs("div",{className:"py-6 bg-white flex items-center justify-between px-4",children:[jsxRuntime.jsx("h1",{className:"text-base font-semibold leading-6 text-gray-900",children:"Copilot Chat"}),jsxRuntime.jsx("div",{className:"ml-3 flex h-7 items-center",children:jsxRuntime.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:()=>e.setSidebarOpen(!1),children:[jsxRuntime.jsx("span",{className:"sr-only",children:"Close panel"}),jsxRuntime.jsx(outline.XMarkIcon,{className:"h-6 w-6","aria-hidden":"true"})]})})]})}var _=V.createContext({isSidebarOpen:!1,toggleSidebar:()=>{}});function mo({children:e}){let[o,r]=V.useState(!0),t=V.useCallback(()=>{r(a=>!a);},[]);return jsxRuntime.jsx(_.Provider,{value:{isSidebarOpen:o,toggleSidebar:t},children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",{style:{height:"100vh",width:"100vw",position:"relative"},children:[jsxRuntime.jsx("div",{style:{overflowY:"auto",overflowX:"hidden",height:"100%",width:o?"calc(100% - 450px)":"100%",position:"absolute",transition:"width 0.5s ease-in-out"},children:jsxRuntime.jsx("main",{children:e})}),jsxRuntime.jsx("div",{style:{overflowY:"auto",height:"100%",width:"450px",position:"absolute",right:o?"0":"-450px",transition:"right 0.5s ease-in-out"},children:jsxRuntime.jsx(X,{setSidebarOpen:r})}),!o&&jsxRuntime.jsx("button",{onClick:t,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"})]})})})}
-
-exports.CopilotChat = q;
-exports.CopilotSidebar = X;
-exports.CopilotSidebarContext = _;
-exports.CopilotSidebarUIProvider = mo;
-exports.Tooltip = A;
-exports.TooltipProvider = Xe;