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

package/dist/chunk-G6R4HFOE.mjs

@@ -1,69 +0,0 @@
-import { PromptForm } from './chunk-KU35CEEC.mjs';
-import { Button } from './chunk-V6QYUEJR.mjs';
-import { IconStop, IconRefresh } from './chunk-KR7MH7XO.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-G6R4HFOE.mjs.map

package/dist/chunk-G6R4HFOE.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-components/chat-panel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsCY,SAKE,KALF;AAlBL,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,SACE,oBAAC;AAAA,IACC,WAAU;AAAA,IACV,OAAO,EAAE,OAAO,QAAQ,UAAU,UAAU,WAAW,aAAa;AAAA,IAEpE,+BAAC;AAAA,MAAI,WAAU;AAAA,MACb;AAAA,4BAAC;AAAA,UAAI,WAAU;AAAA,UACZ,sBACC,qBAAC;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM,KAAK;AAAA,YACpB,WAAU;AAAA,YAEV;AAAA,kCAAC;AAAA,gBAAS,WAAU;AAAA,eAAO;AAAA,cAAE;AAAA;AAAA,WAE/B,KAEA,qCAAU,UAAS,KACjB,qBAAC;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM,OAAO;AAAA,YACtB,WAAU;AAAA,YAEV;AAAA,kCAAC;AAAA,gBAAY,WAAU;AAAA,eAAO;AAAA,cAAE;AAAA;AAAA,WAElC;AAAA,SAGN;AAAA,QACA,oBAAC;AAAA,UAAI,WAAU;AAAA,UACb,8BAAC;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,WACF;AAAA,SACF;AAAA;AAAA,KACF;AAAA,GACF;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\"\n    | \"isLoading\"\n    | \"reload\"\n    | \"messages\"\n    | \"stop\"\n    | \"input\"\n    | \"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\n              variant=\"outline\"\n              onClick={() => stop()}\n              className=\"bg-background\"\n            >\n              <IconStop className=\"mr-2\" />\n              Stop generating\n            </Button>\n          ) : (\n            messages?.length > 0 && (\n              <Button\n                variant=\"outline\"\n                onClick={() => reload()}\n                className=\"bg-background\"\n              >\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-H4VKQGVU.mjs

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

package/dist/chunk-H4VKQGVU.mjs.map

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

package/dist/chunk-I2AB5FK4.mjs

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

package/dist/chunk-I2AB5FK4.mjs.map

@@ -1 +0,0 @@
-{"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 = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-2 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n);\nAlertDialogHeader.displayName = \"AlertDialogHeader\";\n\nconst AlertDialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\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 =\n  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\n    ref={ref}\n    className={cn(buttonVariants(), className)}\n    {...props}\n  />\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(\n      buttonVariants({ variant: \"outline\" }),\n      \"mt-2 sm:mt-0\",\n      className\n    )}\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-IU3WTXLQ.mjs

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

package/dist/chunk-IU3WTXLQ.mjs.map

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

package/dist/chunk-JUPNM7ZR.mjs

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

package/dist/chunk-JUPNM7ZR.mjs.map

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