@copilotkit/react-ui 0.13.0-alpha.3 → 0.13.0-alpha.4

package/dist/chunk-OXCGWFXC.mjs

@@ -0,0 +1,52 @@
+import { PromptForm } from './chunk-Z4FKMKAJ.mjs';
+import { Button } from './chunk-M3CZWJI3.mjs';
+import { IconStop, IconRefresh } from './chunk-2KAF7NKC.mjs';
+import { __async } from './chunk-MRXNTQOX.mjs';
+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,
+                content: value,
+                role: "user"
+              });
+            }),
+            input,
+            setInput,
+            isLoading
+          }
+        ) })
+      ] })
+    }
+  );
+}
+
+export { ChatPanel };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-OXCGWFXC.mjs.map

package/dist/chunk-OXCGWFXC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/chat-panel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgCY,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;AAAA,gBACA,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 \"ai/react\";\n\nimport { Button } from \"./ui/button\";\nimport { PromptForm } from \"./prompt-form\";\nimport { IconRefresh, IconStop } from \"./ui/icons\";\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,\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-POVINPXX.mjs

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+// src/hooks/use-copy-to-clipboard.tsx
+function useCopyToClipboard({ timeout = 2e3 }) {
+  const [isCopied, setIsCopied] = React.useState(false);
+  const copyToClipboard = (value) => {
+    var _a;
+    if (typeof window === "undefined" || !((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
+      return;
+    }
+    if (!value) {
+      return;
+    }
+    navigator.clipboard.writeText(value).then(() => {
+      setIsCopied(true);
+      setTimeout(() => {
+        setIsCopied(false);
+      }, timeout);
+    });
+  };
+  return { isCopied, copyToClipboard };
+}
+
+export { useCopyToClipboard };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-POVINPXX.mjs.map

package/dist/chunk-POVINPXX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-copy-to-clipboard.tsx"],"names":[],"mappings":";AAEA,YAAY,WAAW;AAMhB,SAAS,mBAAmB,EAAE,UAAU,IAAK,GAA4B;AAC9E,QAAM,CAAC,UAAU,WAAW,IAAU,eAAkB,KAAK;AAE7D,QAAM,kBAAkB,CAAC,UAAkB;AAX7C;AAYI,QAAI,OAAO,WAAW,eAAe,GAAC,eAAU,cAAV,mBAAqB,YAAW;AACpE;AAAA,IACF;AAEA,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AAEA,cAAU,UAAU,UAAU,KAAK,EAAE,KAAK,MAAM;AAC9C,kBAAY,IAAI;AAEhB,iBAAW,MAAM;AACf,oBAAY,KAAK;AAAA,MACnB,GAAG,OAAO;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,SAAO,EAAE,UAAU,gBAAgB;AACrC","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface useCopyToClipboardProps {\n  timeout?: number;\n}\n\nexport function useCopyToClipboard({ timeout = 2000 }: useCopyToClipboardProps) {\n  const [isCopied, setIsCopied] = React.useState<Boolean>(false);\n\n  const copyToClipboard = (value: string) => {\n    if (typeof window === \"undefined\" || !navigator.clipboard?.writeText) {\n      return;\n    }\n\n    if (!value) {\n      return;\n    }\n\n    navigator.clipboard.writeText(value).then(() => {\n      setIsCopied(true);\n\n      setTimeout(() => {\n        setIsCopied(false);\n      }, timeout);\n    });\n  };\n\n  return { isCopied, copyToClipboard };\n}\n"]}

package/dist/chunk-Q6YO7LDK.mjs

@@ -0,0 +1,40 @@
+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-Q6YO7LDK.mjs.map

package/dist/chunk-Q6YO7LDK.mjs.map

@@ -0,0 +1 @@
+{"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,QAAoB,OAAoB,MAAmC;AAAA;AAC/F,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>(input: RequestInfo, init?: RequestInit): 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-QXW3Q7JE.mjs

@@ -0,0 +1,18 @@
+import { Separator } from './chunk-GCOPYGHH.mjs';
+import { ChatMessage } from './chunk-44FWXZNS.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-QXW3Q7JE.mjs.map

package/dist/chunk-QXW3Q7JE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/chat-list.tsx"],"names":[],"mappings":";;;;;;;;AAoBQ,SACE,KADF;AAXD,SAAS,SAAS,EAAE,SAAS,GAAa;AAE/C,QAAM,oBAAoB,SAAS,OAAO,CAAC,YAAY,QAAQ,SAAS,QAAQ;AAEhF,MAAI,CAAC,kBAAkB,QAAQ;AAC7B,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SAAI,WAAU,mCACZ,4BAAkB,IAAI,CAAC,SAAS,UAC/B,qBAAC,SACC;AAAA,wBAAC,eAAY,SAAkB;AAAA,IAC9B,QAAQ,kBAAkB,SAAS,KAAK,oBAAC,aAAU,WAAU,gBAAe;AAAA,OAFrE,KAGV,CACD,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((message) => message.role !== \"system\");\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 && <Separator className=\"my-4 md:my-4\" />}\n        </div>\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/chunk-SRBUGQTM.mjs

@@ -0,0 +1,109 @@
+import { buttonVariants } from './chunk-M3CZWJI3.mjs';
+import { cn } from './chunk-Q6YO7LDK.mjs';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = (_a) => {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, __spreadProps(__spreadValues({ className: cn(className) }, props), { children: /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-end justify-center sm:items-center", children }) }));
+};
+AlertDialogPortal.displayName = AlertDialogPrimitive.Portal.displayName;
+var AlertDialogOverlay = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm transition-opacity animate-in fade-in",
+        className
+      )
+    }, props), {
+      ref
+    })
+  );
+});
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      __spreadValues({
+        ref,
+        className: cn(
+          "fixed z-50 grid w-full max-w-lg scale-100 gap-4 border bg-background p-6 opacity-100 shadow-lg animate-in fade-in-90 slide-in-from-bottom-10 sm:rounded-lg sm:zoom-in-90 sm:slide-in-from-bottom-0 md:w-full",
+          className
+        )
+      }, props)
+    )
+  ] });
+});
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ className: cn("flex flex-col space-y-2 text-center sm:text-left", className) }, props));
+};
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
+    }, props)
+  );
+};
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    __spreadValues({
+      ref,
+      className: cn("text-lg font-semibold", className)
+    }, props)
+  );
+});
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, __spreadValues({ ref, className: cn(buttonVariants(), className) }, props));
+});
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Cancel,
+    __spreadValues({
+      ref,
+      className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)
+    }, props)
+  );
+});
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-SRBUGQTM.mjs.map

package/dist/chunk-SRBUGQTM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/ui/alert-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { buttonVariants } from \"./button\";\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = ({\n  className,\n  children,\n  ...props\n}: AlertDialogPrimitive.AlertDialogPortalProps) => (\n  <AlertDialogPrimitive.Portal className={cn(className)} {...props}>\n    <div className=\"fixed inset-0 z-50 flex items-end justify-center sm:items-center\">\n      {children}\n    </div>\n  </AlertDialogPrimitive.Portal>\n);\nAlertDialogPortal.displayName = AlertDialogPrimitive.Portal.displayName;\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, children, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      \"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm transition-opacity animate-in fade-in\",\n      className,\n    )}\n    {...props}\n    ref={ref}\n  />\n));\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed z-50 grid w-full max-w-lg scale-100 gap-4 border bg-background p-6 opacity-100 shadow-lg animate-in fade-in-90 slide-in-from-bottom-10 sm:rounded-lg sm:zoom-in-90 sm:slide-in-from-bottom-0 md:w-full\",\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />\n);\nAlertDialogHeader.displayName = \"AlertDialogHeader\";\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n    {...props}\n  />\n);\nAlertDialogFooter.displayName = \"AlertDialogFooter\";\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold\", className)}\n    {...props}\n  />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={cn(buttonVariants({ variant: \"outline\" }), \"mt-2 sm:mt-0\", className)}\n    {...props}\n  />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\nexport {\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n};\n"]}

package/dist/chunk-T3T3C3EH.mjs

@@ -0,0 +1,72 @@
+import { CopilotSidebar } from './chunk-AHAVF76D.mjs';
+import { CopilotSidebarContext } from './chunk-MC6KTH4X.mjs';
+import { TooltipProvider } from './chunk-VGX2W5ZB.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"
+              // New
+            },
+            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-T3T3C3EH.mjs.map

package/dist/chunk-T3T3C3EH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar/copilot-sidebar-ui-provider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,SAA2B,mBAAmB;AAC9C,SAAS,gBAAgB;AAkBnB,mBAkBM,KAjBJ,YADF;AATC,SAAS,yBAAyB,EAAE,SAAS,GAAkC;AACpF,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,EAA+B,OAAO,EAAE,eAAe,aAAa,cAAc,GACjF,0CACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,WAAW;AAAA,cACX,WAAW;AAAA,cACX,QAAQ;AAAA,cACR,OAAO,cAAc,uBAAuB;AAAA,cAC5C,UAAU;AAAA,cACV,YAAY;AAAA;AAAA,YACd;AAAA,YAEA,8BAAC,UAAM,UAAS;AAAA;AAAA,QAClB;AAAA,QACA;AAAA,UAAC;AAAA;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,mBACC,8BAAC,kBAAe,gBAAgC,GAClD;AAAA;AAAA,QACF;AAAA,QACC,CAAC,eACA;AAAA,UAAC;AAAA;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;AAAA,QAED;AAAA;AAAA;AAAA,EAEJ,GACF,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({ children }: CopilotSidebarUIProviderProps) {\n  const [sidebarOpen, setSidebarOpen] = useState(true);\n\n  const toggleSidebar = useCallback(() => {\n    setSidebarOpen((prev) => !prev);\n  }, []);\n\n  return (\n    <CopilotSidebarContext.Provider value={{ isSidebarOpen: sidebarOpen, toggleSidebar }}>\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-TEYIQHMK.mjs

@@ -0,0 +1,12 @@
+import { memo } from 'react';
+import ReactMarkdown from 'react-markdown';
+
+// src/components/chat-components/markdown.tsx
+var MemoizedReactMarkdown = memo(
+  ReactMarkdown,
+  (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.className === nextProps.className
+);
+
+export { MemoizedReactMarkdown };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-TEYIQHMK.mjs.map

package/dist/chunk-TEYIQHMK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/markdown.tsx"],"names":[],"mappings":";AAAA,SAAa,YAAY;AACzB,OAAO,mBAAgC;AAEhC,IAAM,wBAAqC;AAAA,EAChD;AAAA,EACA,CAAC,WAAW,cACV,UAAU,aAAa,UAAU,YAAY,UAAU,cAAc,UAAU;AACnF","sourcesContent":["import { FC, memo } from \"react\";\nimport ReactMarkdown, { Options } from \"react-markdown\";\n\nexport const MemoizedReactMarkdown: FC<Options> = memo(\n  ReactMarkdown,\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children && prevProps.className === nextProps.className,\n);\n"]}

package/dist/chunk-U6NJWGTV.mjs

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

package/dist/chunk-U6NJWGTV.mjs.map

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

package/dist/chunk-VGX2W5ZB.mjs

@@ -0,0 +1,28 @@
+import { cn } from './chunk-Q6YO7LDK.mjs';
+import { __objRest, __spreadValues } from './chunk-MRXNTQOX.mjs';
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { jsx } from 'react/jsx-runtime';
+
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Content,
+    __spreadValues({
+      ref,
+      sideOffset,
+      className: cn(
+        "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",
+        className
+      )
+    }, props)
+  );
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-VGX2W5ZB.mjs.map

package/dist/chunk-VGX2W5ZB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-components/ui/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAchC;AAVF,IAAM,kBAAmC;AAEzC,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,iBAAuB,iBAG3B,CAAC,IAAyC,QAAK;AAA9C,eAAE,aAAW,aAAa,EAhB7B,IAgBG,IAAgC,kBAAhC,IAAgC,CAA9B,aAAW;AACd;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,eAAe,cAA+B,yBAAQ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst Tooltip = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      \"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\",\n      className,\n    )}\n    {...props}\n  />\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"]}

package/dist/chunk-Z4FKMKAJ.mjs

@@ -0,0 +1,72 @@
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-VGX2W5ZB.mjs';
+import { useEnterSubmit } from './chunk-OHWEJUCS.mjs';
+import { Button } from './chunk-M3CZWJI3.mjs';
+import { IconArrowElbow } from './chunk-2KAF7NKC.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-Z4FKMKAJ.mjs.map

package/dist/chunk-Z4FKMKAJ.mjs.map

@@ -0,0 +1 @@
+{"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 \"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\";\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-ZYC5YVDO.mjs

@@ -0,0 +1,21 @@
+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-ZYC5YVDO.mjs.map

package/dist/chunk-ZYC5YVDO.mjs.map

@@ -0,0 +1 @@
+{"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,oBAAc,OAAO,cAAc,OAAO,WAAW,SAAS,KAAK,eAAe,MAAM;AAAA,IAC1F;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(window.innerHeight + window.scrollY >= document.body.offsetHeight - offset);\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"]}