@copilotkit/react-ui 1.51.5-next.0 → 1.51.5-next.2

package/dist/chunk-CQCXH5LY.mjs

@@ -1,143 +0,0 @@
-import {
-  PoweredByTag
-} from "./chunk-AOUHT4JR.mjs";
-import {
-  Textarea_default
-} from "./chunk-IWOCQACI.mjs";
-import {
-  useChatContext
-} from "./chunk-6TLDRWAD.mjs";
-import {
-  usePushToTalk
-} from "./chunk-2QEDCM6H.mjs";
-
-// src/components/chat/Input.tsx
-import { useMemo, useRef, useState } from "react";
-import {
-  useCopilotContext,
-  useCopilotChatInternal
-} from "@copilotkit/react-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MAX_NEWLINES = 6;
-var Input = ({
-  inProgress,
-  onSend,
-  chatReady = false,
-  onStop,
-  onUpload,
-  hideStopButton = false
-}) => {
-  var _a;
-  const context = useChatContext();
-  const copilotContext = useCopilotContext();
-  const showPoweredBy = !((_a = copilotContext.copilotApiConfig) == null ? void 0 : _a.publicApiKey);
-  const pushToTalkConfigured = copilotContext.copilotApiConfig.textToSpeechUrl !== void 0 && copilotContext.copilotApiConfig.transcribeAudioUrl !== void 0;
-  const textareaRef = useRef(null);
-  const [isComposing, setIsComposing] = useState(false);
-  const handleDivClick = (event) => {
-    var _a2;
-    const target = event.target;
-    if (target.closest("button"))
-      return;
-    if (target.tagName === "TEXTAREA")
-      return;
-    (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
-  };
-  const [text, setText] = useState("");
-  const send = () => {
-    var _a2;
-    if (inProgress)
-      return;
-    onSend(text);
-    setText("");
-    (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
-  };
-  const { pushToTalkState, setPushToTalkState } = usePushToTalk({
-    sendFunction: onSend,
-    inProgress
-  });
-  const isInProgress = inProgress || pushToTalkState === "transcribing";
-  const { buttonIcon, buttonAlt } = useMemo(() => {
-    if (!chatReady)
-      return { buttonIcon: context.icons.spinnerIcon, buttonAlt: "Loading" };
-    return isInProgress && !hideStopButton && chatReady ? { buttonIcon: context.icons.stopIcon, buttonAlt: "Stop" } : { buttonIcon: context.icons.sendIcon, buttonAlt: "Send" };
-  }, [
-    isInProgress,
-    chatReady,
-    hideStopButton,
-    context.icons.stopIcon,
-    context.icons.sendIcon
-  ]);
-  const showPushToTalk = pushToTalkConfigured && (pushToTalkState === "idle" || pushToTalkState === "recording") && !inProgress;
-  const { interrupt } = useCopilotChatInternal();
-  const canSend = useMemo(() => {
-    return !isInProgress && text.trim().length > 0 && pushToTalkState === "idle" && !interrupt;
-  }, [interrupt, isInProgress, text, pushToTalkState]);
-  const canStop = useMemo(() => {
-    return isInProgress && !hideStopButton;
-  }, [isInProgress, hideStopButton]);
-  const sendDisabled = !canSend && !canStop;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `copilotKitInputContainer ${showPoweredBy ? "poweredByContainer" : ""}`,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "copilotKitInput", onClick: handleDivClick, children: [
-          /* @__PURE__ */ jsx(
-            Textarea_default,
-            {
-              ref: textareaRef,
-              placeholder: context.labels.placeholder,
-              autoFocus: false,
-              maxRows: MAX_NEWLINES,
-              value: text,
-              onChange: (event) => setText(event.target.value),
-              onCompositionStart: () => setIsComposing(true),
-              onCompositionEnd: () => setIsComposing(false),
-              onKeyDown: (event) => {
-                if (event.key === "Enter" && !event.shiftKey && !isComposing) {
-                  event.preventDefault();
-                  if (canSend) {
-                    send();
-                  }
-                }
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "copilotKitInputControls", children: [
-            onUpload && /* @__PURE__ */ jsx("button", { onClick: onUpload, className: "copilotKitInputControlButton", children: context.icons.uploadIcon }),
-            /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
-            showPushToTalk && /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: () => setPushToTalkState(
-                  pushToTalkState === "idle" ? "recording" : "transcribing"
-                ),
-                className: pushToTalkState === "recording" ? "copilotKitInputControlButton copilotKitPushToTalkRecording" : "copilotKitInputControlButton",
-                children: context.icons.pushToTalkIcon
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                disabled: sendDisabled,
-                onClick: isInProgress && !hideStopButton ? onStop : send,
-                "data-copilotkit-in-progress": inProgress,
-                "data-test-id": inProgress ? "copilot-chat-request-in-progress" : "copilot-chat-ready",
-                className: "copilotKitInputControlButton",
-                "aria-label": buttonAlt,
-                children: buttonIcon
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(PoweredByTag, { showPoweredBy })
-      ]
-    }
-  );
-};
-
-export {
-  Input
-};
-//# sourceMappingURL=chunk-CQCXH5LY.mjs.map

package/dist/chunk-CQCXH5LY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Input.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from \"react\";\nimport { InputProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport AutoResizingTextarea from \"./Textarea\";\nimport { usePushToTalk } from \"../../hooks/use-push-to-talk\";\nimport {\n  useCopilotContext,\n  useCopilotChatInternal,\n} from \"@copilotkit/react-core\";\nimport { PoweredByTag } from \"./PoweredByTag\";\n\nconst MAX_NEWLINES = 6;\n\nexport const Input = ({\n  inProgress,\n  onSend,\n  chatReady = false,\n  onStop,\n  onUpload,\n  hideStopButton = false,\n}: InputProps) => {\n  const context = useChatContext();\n  const copilotContext = useCopilotContext();\n\n  const showPoweredBy = !copilotContext.copilotApiConfig?.publicApiKey;\n\n  const pushToTalkConfigured =\n    copilotContext.copilotApiConfig.textToSpeechUrl !== undefined &&\n    copilotContext.copilotApiConfig.transcribeAudioUrl !== undefined;\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [isComposing, setIsComposing] = useState(false);\n\n  const handleDivClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    const target = event.target as HTMLElement;\n\n    // If the user clicked a button or inside a button, don't focus the textarea\n    if (target.closest(\"button\")) return;\n\n    // If the user clicked the textarea, do nothing (it's already focused)\n    if (target.tagName === \"TEXTAREA\") return;\n\n    // Otherwise, focus the textarea\n    textareaRef.current?.focus();\n  };\n\n  const [text, setText] = useState(\"\");\n  const send = () => {\n    if (inProgress) return;\n    onSend(text);\n    setText(\"\");\n\n    textareaRef.current?.focus();\n  };\n\n  // tylerslaton:\n  //\n  // This scrolls CopilotKit into view always. Reading the commit history, it was likely\n  // added to fix a bug but it is causing issues now.\n  //\n  // For the future, if we want this behavior again, we will need to find a way to do it without\n  // forcing CopilotKit to always be in view. This code causes this because focusing an element\n  // in most browsers will scroll that element into view.\n  //\n  // useEffect(() => {\n  //   if (isVisible) {\n  //     textareaRef.current?.focus();\n  //   }\n  // }, [isVisible]);\n\n  const { pushToTalkState, setPushToTalkState } = usePushToTalk({\n    sendFunction: onSend,\n    inProgress,\n  });\n\n  const isInProgress = inProgress || pushToTalkState === \"transcribing\";\n  const { buttonIcon, buttonAlt } = useMemo(() => {\n    if (!chatReady)\n      return { buttonIcon: context.icons.spinnerIcon, buttonAlt: \"Loading\" };\n    return isInProgress && !hideStopButton && chatReady\n      ? { buttonIcon: context.icons.stopIcon, buttonAlt: \"Stop\" }\n      : { buttonIcon: context.icons.sendIcon, buttonAlt: \"Send\" };\n  }, [\n    isInProgress,\n    chatReady,\n    hideStopButton,\n    context.icons.stopIcon,\n    context.icons.sendIcon,\n  ]);\n  const showPushToTalk =\n    pushToTalkConfigured &&\n    (pushToTalkState === \"idle\" || pushToTalkState === \"recording\") &&\n    !inProgress;\n\n  const { interrupt } = useCopilotChatInternal();\n\n  const canSend = useMemo(() => {\n    return (\n      !isInProgress &&\n      text.trim().length > 0 &&\n      pushToTalkState === \"idle\" &&\n      !interrupt\n    );\n  }, [interrupt, isInProgress, text, pushToTalkState]);\n\n  const canStop = useMemo(() => {\n    return isInProgress && !hideStopButton;\n  }, [isInProgress, hideStopButton]);\n\n  const sendDisabled = !canSend && !canStop;\n\n  return (\n    <div\n      className={`copilotKitInputContainer ${showPoweredBy ? \"poweredByContainer\" : \"\"}`}\n    >\n      <div className=\"copilotKitInput\" onClick={handleDivClick}>\n        <AutoResizingTextarea\n          ref={textareaRef}\n          placeholder={context.labels.placeholder}\n          autoFocus={false}\n          maxRows={MAX_NEWLINES}\n          value={text}\n          onChange={(event) => setText(event.target.value)}\n          onCompositionStart={() => setIsComposing(true)}\n          onCompositionEnd={() => setIsComposing(false)}\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\" && !event.shiftKey && !isComposing) {\n              event.preventDefault();\n              if (canSend) {\n                send();\n              }\n            }\n          }}\n        />\n        <div className=\"copilotKitInputControls\">\n          {onUpload && (\n            <button onClick={onUpload} className=\"copilotKitInputControlButton\">\n              {context.icons.uploadIcon}\n            </button>\n          )}\n\n          <div style={{ flexGrow: 1 }} />\n\n          {showPushToTalk && (\n            <button\n              onClick={() =>\n                setPushToTalkState(\n                  pushToTalkState === \"idle\" ? \"recording\" : \"transcribing\",\n                )\n              }\n              className={\n                pushToTalkState === \"recording\"\n                  ? \"copilotKitInputControlButton copilotKitPushToTalkRecording\"\n                  : \"copilotKitInputControlButton\"\n              }\n            >\n              {context.icons.pushToTalkIcon}\n            </button>\n          )}\n          <button\n            disabled={sendDisabled}\n            onClick={isInProgress && !hideStopButton ? onStop : send}\n            data-copilotkit-in-progress={inProgress}\n            data-test-id={\n              inProgress\n                ? \"copilot-chat-request-in-progress\"\n                : \"copilot-chat-ready\"\n            }\n            className=\"copilotKitInputControlButton\"\n            aria-label={buttonAlt}\n          >\n            {buttonIcon}\n          </button>\n        </div>\n      </div>\n      <PoweredByTag showPoweredBy={showPoweredBy} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAgB,SAAS,QAAQ,gBAAgB;AAKjD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AA4GC,cAkBA,YAlBA;AAzGR,IAAM,eAAe;AAEd,IAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,MAAkB;AApBlB;AAqBE,QAAM,UAAU,eAAe;AAC/B,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,gBAAgB,GAAC,oBAAe,qBAAf,mBAAiC;AAExD,QAAM,uBACJ,eAAe,iBAAiB,oBAAoB,UACpD,eAAe,iBAAiB,uBAAuB;AAEzD,QAAM,cAAc,OAA4B,IAAI;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,iBAAiB,CAAC,UAA4C;AAjCtE,QAAAA;AAkCI,UAAM,SAAS,MAAM;AAGrB,QAAI,OAAO,QAAQ,QAAQ;AAAG;AAG9B,QAAI,OAAO,YAAY;AAAY;AAGnC,KAAAA,MAAA,YAAY,YAAZ,gBAAAA,IAAqB;AAAA,EACvB;AAEA,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,OAAO,MAAM;AA/CrB,QAAAA;AAgDI,QAAI;AAAY;AAChB,WAAO,IAAI;AACX,YAAQ,EAAE;AAEV,KAAAA,MAAA,YAAY,YAAZ,gBAAAA,IAAqB;AAAA,EACvB;AAiBA,QAAM,EAAE,iBAAiB,mBAAmB,IAAI,cAAc;AAAA,IAC5D,cAAc;AAAA,IACd;AAAA,EACF,CAAC;AAED,QAAM,eAAe,cAAc,oBAAoB;AACvD,QAAM,EAAE,YAAY,UAAU,IAAI,QAAQ,MAAM;AAC9C,QAAI,CAAC;AACH,aAAO,EAAE,YAAY,QAAQ,MAAM,aAAa,WAAW,UAAU;AACvE,WAAO,gBAAgB,CAAC,kBAAkB,YACtC,EAAE,YAAY,QAAQ,MAAM,UAAU,WAAW,OAAO,IACxD,EAAE,YAAY,QAAQ,MAAM,UAAU,WAAW,OAAO;AAAA,EAC9D,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,EAChB,CAAC;AACD,QAAM,iBACJ,yBACC,oBAAoB,UAAU,oBAAoB,gBACnD,CAAC;AAEH,QAAM,EAAE,UAAU,IAAI,uBAAuB;AAE7C,QAAM,UAAU,QAAQ,MAAM;AAC5B,WACE,CAAC,gBACD,KAAK,KAAK,EAAE,SAAS,KACrB,oBAAoB,UACpB,CAAC;AAAA,EAEL,GAAG,CAAC,WAAW,cAAc,MAAM,eAAe,CAAC;AAEnD,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO,gBAAgB,CAAC;AAAA,EAC1B,GAAG,CAAC,cAAc,cAAc,CAAC;AAEjC,QAAM,eAAe,CAAC,WAAW,CAAC;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,4BAA4B,gBAAgB,uBAAuB;AAAA,MAE9E;AAAA,6BAAC,SAAI,WAAU,mBAAkB,SAAS,gBACxC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,aAAa,QAAQ,OAAO;AAAA,cAC5B,WAAW;AAAA,cACX,SAAS;AAAA,cACT,OAAO;AAAA,cACP,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,cAC/C,oBAAoB,MAAM,eAAe,IAAI;AAAA,cAC7C,kBAAkB,MAAM,eAAe,KAAK;AAAA,cAC5C,WAAW,CAAC,UAAU;AACpB,oBAAI,MAAM,QAAQ,WAAW,CAAC,MAAM,YAAY,CAAC,aAAa;AAC5D,wBAAM,eAAe;AACrB,sBAAI,SAAS;AACX,yBAAK;AAAA,kBACP;AAAA,gBACF;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA,qBAAC,SAAI,WAAU,2BACZ;AAAA,wBACC,oBAAC,YAAO,SAAS,UAAU,WAAU,gCAClC,kBAAQ,MAAM,YACjB;AAAA,YAGF,oBAAC,SAAI,OAAO,EAAE,UAAU,EAAE,GAAG;AAAA,YAE5B,kBACC;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,MACP;AAAA,kBACE,oBAAoB,SAAS,cAAc;AAAA,gBAC7C;AAAA,gBAEF,WACE,oBAAoB,cAChB,+DACA;AAAA,gBAGL,kBAAQ,MAAM;AAAA;AAAA,YACjB;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,SAAS,gBAAgB,CAAC,iBAAiB,SAAS;AAAA,gBACpD,+BAA6B;AAAA,gBAC7B,gBACE,aACI,qCACA;AAAA,gBAEN,WAAU;AAAA,gBACV,cAAY;AAAA,gBAEX;AAAA;AAAA,YACH;AAAA,aACF;AAAA,WACF;AAAA,QACA,oBAAC,gBAAa,eAA8B;AAAA;AAAA;AAAA,EAC9C;AAEJ;","names":["_a"]}

package/dist/chunk-DM2V5WTG.mjs

@@ -1,34 +0,0 @@
-// src/components/chat/messages/UserMessage.tsx
-import { jsx } from "react/jsx-runtime";
-var getTextContent = (content) => {
-  if (typeof content === "undefined") {
-    return void 0;
-  }
-  if (typeof content === "string") {
-    return content;
-  }
-  return content.map((part) => {
-    if (part.type === "text") {
-      return part.text;
-    }
-    return void 0;
-  }).filter(
-    (value) => typeof value === "string" && value.length > 0
-  ).join(" ").trim() || void 0;
-};
-var UserMessage = (props) => {
-  const { message, ImageRenderer } = props;
-  const isImageMessage = message && "image" in message && Boolean(message.image);
-  if (isImageMessage) {
-    const imageMessage = message;
-    const content2 = getTextContent(imageMessage == null ? void 0 : imageMessage.content);
-    return /* @__PURE__ */ jsx("div", { className: "copilotKitMessage copilotKitUserMessage", children: /* @__PURE__ */ jsx(ImageRenderer, { image: imageMessage.image, content: content2 }) });
-  }
-  const content = getTextContent(message == null ? void 0 : message.content);
-  return /* @__PURE__ */ jsx("div", { className: "copilotKitMessage copilotKitUserMessage", children: content });
-};
-
-export {
-  UserMessage
-};
-//# sourceMappingURL=chunk-DM2V5WTG.mjs.map

package/dist/chunk-DM2V5WTG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/messages/UserMessage.tsx"],"sourcesContent":["import { UserMessageProps } from \"../props\";\n\ntype UserMessageContent = NonNullable<UserMessageProps[\"message\"]>[\"content\"];\n\nconst getTextContent = (\n  content: UserMessageContent | undefined,\n): string | undefined => {\n  if (typeof content === \"undefined\") {\n    return undefined;\n  }\n\n  if (typeof content === \"string\") {\n    return content;\n  }\n\n  return (\n    content\n      .map((part) => {\n        if (part.type === \"text\") {\n          return part.text;\n        }\n        return undefined;\n      })\n      .filter(\n        (value): value is string =>\n          typeof value === \"string\" && value.length > 0,\n      )\n      .join(\" \")\n      .trim() || undefined\n  );\n};\n\nexport const UserMessage = (props: UserMessageProps) => {\n  const { message, ImageRenderer } = props;\n  const isImageMessage =\n    message && \"image\" in message && Boolean(message.image);\n\n  if (isImageMessage) {\n    const imageMessage = message!;\n    const content = getTextContent(imageMessage?.content);\n\n    return (\n      <div className=\"copilotKitMessage copilotKitUserMessage\">\n        <ImageRenderer image={imageMessage.image!} content={content} />\n      </div>\n    );\n  }\n\n  const content = getTextContent(message?.content);\n\n  return (\n    <div className=\"copilotKitMessage copilotKitUserMessage\">{content}</div>\n  );\n};\n"],"mappings":";AA2CQ;AAvCR,IAAM,iBAAiB,CACrB,YACuB;AACvB,MAAI,OAAO,YAAY,aAAa;AAClC,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,YAAY,UAAU;AAC/B,WAAO;AAAA,EACT;AAEA,SACE,QACG,IAAI,CAAC,SAAS;AACb,QAAI,KAAK,SAAS,QAAQ;AACxB,aAAO,KAAK;AAAA,IACd;AACA,WAAO;AAAA,EACT,CAAC,EACA;AAAA,IACC,CAAC,UACC,OAAO,UAAU,YAAY,MAAM,SAAS;AAAA,EAChD,EACC,KAAK,GAAG,EACR,KAAK,KAAK;AAEjB;AAEO,IAAM,cAAc,CAAC,UAA4B;AACtD,QAAM,EAAE,SAAS,cAAc,IAAI;AACnC,QAAM,iBACJ,WAAW,WAAW,WAAW,QAAQ,QAAQ,KAAK;AAExD,MAAI,gBAAgB;AAClB,UAAM,eAAe;AACrB,UAAMA,WAAU,eAAe,6CAAc,OAAO;AAEpD,WACE,oBAAC,SAAI,WAAU,2CACb,8BAAC,iBAAc,OAAO,aAAa,OAAQ,SAASA,UAAS,GAC/D;AAAA,EAEJ;AAEA,QAAM,UAAU,eAAe,mCAAS,OAAO;AAE/C,SACE,oBAAC,SAAI,WAAU,2CAA2C,mBAAQ;AAEtE;","names":["content"]}

package/dist/chunk-DSHTRV2R.mjs

@@ -1,140 +0,0 @@
-import {
-  CodeBlock
-} from "./chunk-LIXN3OVQ.mjs";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/chat/Markdown.tsx
-import { memo } from "react";
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import remarkMath from "remark-math";
-import rehypeRaw from "rehype-raw";
-import { jsx } from "react/jsx-runtime";
-var defaultComponents = {
-  a(_a) {
-    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-    return /* @__PURE__ */ jsx(
-      "a",
-      __spreadProps(__spreadValues({
-        className: "copilotKitMarkdownElement"
-      }, props), {
-        target: "_blank",
-        rel: "noopener noreferrer",
-        children
-      })
-    );
-  },
-  // @ts-expect-error -- inline
-  code(_c) {
-    var _d = _c, { children, className, inline } = _d, props = __objRest(_d, ["children", "className", "inline"]);
-    if (Array.isArray(children) && children.length) {
-      if (children[0] == "\u258D") {
-        return /* @__PURE__ */ jsx(
-          "span",
-          {
-            style: {
-              animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
-              marginTop: "0.25rem"
-            },
-            children: "\u258D"
-          }
-        );
-      }
-      children[0] = (children == null ? void 0 : children[0]).replace("`\u258D`", "\u258D");
-    }
-    const match = /language-(\w+)/.exec(className || "");
-    const hasLanguage = match && match[1];
-    const content = String(children);
-    const hasNewlines = content.includes("\n");
-    const isInline = !hasLanguage && !hasNewlines;
-    if (isInline) {
-      return /* @__PURE__ */ jsx(
-        "code",
-        __spreadProps(__spreadValues({
-          className: `copilotKitMarkdownElement copilotKitInlineCode ${className || ""}`
-        }, props), {
-          children
-        })
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      CodeBlock,
-      __spreadValues({
-        language: match && match[1] || "",
-        value: String(children).replace(/\n$/, "")
-      }, props),
-      Math.random()
-    );
-  },
-  h1: (_e) => {
-    var _f = _e, { children } = _f, props = __objRest(_f, ["children"]);
-    return /* @__PURE__ */ jsx("h1", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
-  },
-  h2: (_g) => {
-    var _h = _g, { children } = _h, props = __objRest(_h, ["children"]);
-    return /* @__PURE__ */ jsx("h2", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
-  },
-  h3: (_i) => {
-    var _j = _i, { children } = _j, props = __objRest(_j, ["children"]);
-    return /* @__PURE__ */ jsx("h3", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
-  },
-  h4: (_k) => {
-    var _l = _k, { children } = _l, props = __objRest(_l, ["children"]);
-    return /* @__PURE__ */ jsx("h4", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
-  },
-  h5: (_m) => {
-    var _n = _m, { children } = _n, props = __objRest(_n, ["children"]);
-    return /* @__PURE__ */ jsx("h5", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
-  },
-  h6: (_o) => {
-    var _p = _o, { children } = _p, props = __objRest(_p, ["children"]);
-    return /* @__PURE__ */ jsx("h6", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
-  },
-  p: (_q) => {
-    var _r = _q, { children } = _r, props = __objRest(_r, ["children"]);
-    return /* @__PURE__ */ jsx("p", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
-  },
-  pre: (_s) => {
-    var _t = _s, { children } = _t, props = __objRest(_t, ["children"]);
-    return /* @__PURE__ */ jsx("pre", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
-  },
-  blockquote: (_u) => {
-    var _v = _u, { children } = _v, props = __objRest(_v, ["children"]);
-    return /* @__PURE__ */ jsx("blockquote", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
-  },
-  ul: (_w) => {
-    var _x = _w, { children } = _x, props = __objRest(_x, ["children"]);
-    return /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
-  },
-  li: (_y) => {
-    var _z = _y, { children } = _z, props = __objRest(_z, ["children"]);
-    return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
-  }
-};
-var MemoizedReactMarkdown = memo(
-  ReactMarkdown,
-  (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.components === nextProps.components
-);
-var Markdown = ({ content, components }) => {
-  return /* @__PURE__ */ jsx("div", { className: "copilotKitMarkdown", children: /* @__PURE__ */ jsx(
-    MemoizedReactMarkdown,
-    {
-      components: __spreadValues(__spreadValues({}, defaultComponents), components),
-      remarkPlugins: [
-        remarkGfm,
-        [remarkMath, { singleDollarTextMath: false }]
-      ],
-      rehypePlugins: [rehypeRaw],
-      children: content
-    }
-  ) });
-};
-
-export {
-  Markdown
-};
-//# sourceMappingURL=chunk-DSHTRV2R.mjs.map

package/dist/chunk-DSHTRV2R.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Markdown.tsx"],"sourcesContent":["import { FC, memo } from \"react\";\nimport ReactMarkdown, { Options, Components } from \"react-markdown\";\nimport { CodeBlock } from \"./CodeBlock\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkMath from \"remark-math\";\nimport rehypeRaw from \"rehype-raw\";\n\nconst defaultComponents: Components = {\n  a({ children, ...props }) {\n    return (\n      <a\n        className=\"copilotKitMarkdownElement\"\n        {...props}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {children}\n      </a>\n    );\n  },\n  // @ts-expect-error -- inline\n  code({ children, className, inline, ...props }) {\n    if (Array.isArray(children) && children.length) {\n      if (children[0] == \"▍\") {\n        return (\n          <span\n            style={{\n              animation: \"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite\",\n              marginTop: \"0.25rem\",\n            }}\n          >\n            ▍\n          </span>\n        );\n      }\n\n      children[0] = (children?.[0] as string).replace(\"`▍`\", \"▍\");\n    }\n\n    const match = /language-(\\w+)/.exec(className || \"\");\n\n    // Detect inline code: if it has a language class or contains newlines, it's likely a code block\n    // Otherwise, treat it as inline code\n    const hasLanguage = match && match[1];\n    const content = String(children);\n    const hasNewlines = content.includes(\"\\n\");\n    const isInline = !hasLanguage && !hasNewlines;\n\n    if (isInline) {\n      return (\n        <code\n          className={`copilotKitMarkdownElement copilotKitInlineCode ${className || \"\"}`}\n          {...props}\n        >\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  h1: ({ children, ...props }) => (\n    <h1 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h1>\n  ),\n  h2: ({ children, ...props }) => (\n    <h2 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h2>\n  ),\n  h3: ({ children, ...props }) => (\n    <h3 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h3>\n  ),\n  h4: ({ children, ...props }) => (\n    <h4 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h4>\n  ),\n  h5: ({ children, ...props }) => (\n    <h5 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h5>\n  ),\n  h6: ({ children, ...props }) => (\n    <h6 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h6>\n  ),\n  p: ({ children, ...props }) => (\n    <p className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </p>\n  ),\n  pre: ({ children, ...props }) => (\n    <pre className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </pre>\n  ),\n  blockquote: ({ children, ...props }) => (\n    <blockquote className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </blockquote>\n  ),\n  ul: ({ children, ...props }) => (\n    <ul className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </ul>\n  ),\n  li: ({ children, ...props }) => (\n    <li className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </li>\n  ),\n};\n\nconst MemoizedReactMarkdown: FC<Options> = memo(\n  ReactMarkdown,\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children &&\n    prevProps.components === nextProps.components,\n);\n\ntype MarkdownProps = {\n  content: string;\n  components?: Components;\n};\n\nexport const Markdown = ({ content, components }: MarkdownProps) => {\n  return (\n    <div className=\"copilotKitMarkdown\">\n      <MemoizedReactMarkdown\n        components={{ ...defaultComponents, ...components }}\n        remarkPlugins={[\n          remarkGfm,\n          [remarkMath, { singleDollarTextMath: false }],\n        ]}\n        rehypePlugins={[rehypeRaw]}\n      >\n        {content}\n      </MemoizedReactMarkdown>\n    </div>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-EACIYBQH.mjs

@@ -1,32 +0,0 @@
-import {
-  CopilotDevConsole
-} from "./chunk-C7WM7GM3.mjs";
-import {
-  useChatContext
-} from "./chunk-6TLDRWAD.mjs";
-
-// src/components/chat/Header.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Header = ({}) => {
-  const { setOpen, icons, labels } = useChatContext();
-  return /* @__PURE__ */ jsxs("div", { className: "copilotKitHeader", children: [
-    /* @__PURE__ */ jsx("div", { children: labels.title }),
-    /* @__PURE__ */ jsxs("div", { className: "copilotKitHeaderControls", children: [
-      /* @__PURE__ */ jsx(CopilotDevConsole, {}),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => setOpen(false),
-          "aria-label": "Close",
-          className: "copilotKitHeaderCloseButton",
-          children: icons.headerCloseIcon
-        }
-      )
-    ] })
-  ] });
-};
-
-export {
-  Header
-};
-//# sourceMappingURL=chunk-EACIYBQH.mjs.map

package/dist/chunk-EACIYBQH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Header.tsx"],"sourcesContent":["import { HeaderProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport { CopilotDevConsole } from \"../dev-console\";\nimport React from \"react\";\n\nexport const Header = ({}: HeaderProps) => {\n  const { setOpen, icons, labels } = useChatContext();\n\n  return (\n    <div className=\"copilotKitHeader\">\n      <div>{labels.title}</div>\n      <div className=\"copilotKitHeaderControls\">\n        <CopilotDevConsole />\n        <button\n          onClick={() => setOpen(false)}\n          aria-label=\"Close\"\n          className=\"copilotKitHeaderCloseButton\"\n        >\n          {icons.headerCloseIcon}\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAUM,cACA,YADA;AALC,IAAM,SAAS,CAAC,CAAC,MAAmB;AACzC,QAAM,EAAE,SAAS,OAAO,OAAO,IAAI,eAAe;AAElD,SACE,qBAAC,SAAI,WAAU,oBACb;AAAA,wBAAC,SAAK,iBAAO,OAAM;AAAA,IACnB,qBAAC,SAAI,WAAU,4BACb;AAAA,0BAAC,qBAAkB;AAAA,MACnB;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM,QAAQ,KAAK;AAAA,UAC5B,cAAW;AAAA,UACX,WAAU;AAAA,UAET,gBAAM;AAAA;AAAA,MACT;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-EFZPSZWO.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-EFZPSZWO.mjs.map

package/dist/chunk-EFZPSZWO.mjs.map

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