@copilotkitnext/react 0.0.22-alpha.1 → 0.0.22-alpha.3

package/dist/components/chat/CopilotChatSuggestionView.js

@@ -0,0 +1,179 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/chat/CopilotChatSuggestionView.tsx
+var CopilotChatSuggestionView_exports = {};
+__export(CopilotChatSuggestionView_exports, {
+  CopilotChatSuggestionView: () => CopilotChatSuggestionView,
+  default: () => CopilotChatSuggestionView_default
+});
+module.exports = __toCommonJS(CopilotChatSuggestionView_exports);
+var import_react3 = __toESM(require("react"));
+
+// src/lib/slots.tsx
+var import_react = __toESM(require("react"));
+function renderSlot(slot, DefaultComponent, props) {
+  if (typeof slot === "string") {
+    return import_react.default.createElement(DefaultComponent, {
+      ...props,
+      className: slot
+    });
+  }
+  if (typeof slot === "function") {
+    const Comp = slot;
+    return import_react.default.createElement(Comp, props);
+  }
+  if (slot && typeof slot === "object" && !import_react.default.isValidElement(slot)) {
+    return import_react.default.createElement(DefaultComponent, {
+      ...props,
+      ...slot
+    });
+  }
+  return import_react.default.createElement(DefaultComponent, props);
+}
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/chat/CopilotChatSuggestionPill.tsx
+var import_react2 = __toESM(require("react"));
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var baseClasses = "group inline-flex h-7 sm:h-8 items-center gap-1 sm:gap-1.5 rounded-full border border-border/60 bg-background px-2.5 sm:px-3 text-[11px] sm:text-xs leading-none text-foreground transition-colors cursor-pointer hover:bg-accent/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:text-muted-foreground disabled:hover:bg-background disabled:hover:text-muted-foreground pointer-events-auto";
+var labelClasses = "whitespace-nowrap font-medium leading-none";
+var CopilotChatSuggestionPill = import_react2.default.forwardRef(function CopilotChatSuggestionPill2({ className, children, icon, isLoading, type, ...props }, ref) {
+  const showIcon = !isLoading && icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      ref,
+      "data-slot": "suggestion-pill",
+      className: cn(baseClasses, className),
+      type: type ?? "button",
+      "aria-busy": isLoading || void 0,
+      disabled: isLoading || props.disabled,
+      ...props,
+      children: [
+        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-3.5 sm:h-4 w-3.5 sm:w-4 animate-spin", "aria-hidden": "true" }) }) : showIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: labelClasses, children })
+      ]
+    }
+  );
+});
+CopilotChatSuggestionPill.displayName = "CopilotChatSuggestionPill";
+var CopilotChatSuggestionPill_default = CopilotChatSuggestionPill;
+
+// src/components/chat/CopilotChatSuggestionView.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DefaultContainer = import_react3.default.forwardRef(function DefaultContainer2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 sm:gap-2 pl-0 pr-4 sm:px-0 pointer-events-none",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var CopilotChatSuggestionView = import_react3.default.forwardRef(function CopilotChatSuggestionView2({
+  suggestions,
+  onSelectSuggestion,
+  loadingIndexes,
+  container,
+  suggestion: suggestionSlot,
+  className,
+  children,
+  ...restProps
+}, ref) {
+  const loadingSet = import_react3.default.useMemo(() => {
+    if (!loadingIndexes || loadingIndexes.length === 0) {
+      return /* @__PURE__ */ new Set();
+    }
+    return new Set(loadingIndexes);
+  }, [loadingIndexes]);
+  const ContainerElement = renderSlot(container, DefaultContainer, {
+    ref,
+    className,
+    ...restProps
+  });
+  const suggestionElements = suggestions.map((suggestion, index) => {
+    const isLoading = loadingSet.has(index) || suggestion.isLoading === true;
+    const pill = renderSlot(suggestionSlot, CopilotChatSuggestionPill_default, {
+      children: suggestion.title,
+      isLoading,
+      type: "button",
+      onClick: () => onSelectSuggestion?.(suggestion, index)
+    });
+    return import_react3.default.cloneElement(pill, {
+      key: `${suggestion.title}-${index}`
+    });
+  });
+  const boundContainer = import_react3.default.cloneElement(
+    ContainerElement,
+    void 0,
+    suggestionElements
+  );
+  if (typeof children === "function") {
+    const sampleSuggestion = renderSlot(suggestionSlot, CopilotChatSuggestionPill_default, {
+      children: suggestions[0]?.title ?? "",
+      isLoading: suggestions.length > 0 ? loadingSet.has(0) || suggestions[0]?.isLoading === true : false,
+      type: "button"
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: children({
+      container: boundContainer,
+      suggestion: sampleSuggestion,
+      suggestions,
+      onSelectSuggestion,
+      loadingIndexes,
+      className,
+      ...restProps
+    }) });
+  }
+  if (children) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+      boundContainer,
+      children
+    ] });
+  }
+  return boundContainer;
+});
+CopilotChatSuggestionView.displayName = "CopilotChatSuggestionView";
+var CopilotChatSuggestionView_default = CopilotChatSuggestionView;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopilotChatSuggestionView
+});
+//# sourceMappingURL=CopilotChatSuggestionView.js.map

package/dist/components/chat/CopilotChatSuggestionView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chat/CopilotChatSuggestionView.tsx","../../../src/lib/slots.tsx","../../../src/lib/utils.ts","../../../src/components/chat/CopilotChatSuggestionPill.tsx"],"sourcesContent":["import React from \"react\";\nimport { Suggestion } from \"@copilotkitnext/core\";\nimport { renderSlot, WithSlots } from \"@/lib/slots\";\nimport { cn } from \"@/lib/utils\";\nimport CopilotChatSuggestionPill, {\n  CopilotChatSuggestionPillProps,\n} from \"./CopilotChatSuggestionPill\";\n\nconst DefaultContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function DefaultContainer({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 sm:gap-2 pl-0 pr-4 sm:px-0 pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport type CopilotChatSuggestionViewProps = WithSlots<\n  {\n    container: typeof DefaultContainer;\n    suggestion: typeof CopilotChatSuggestionPill;\n  },\n  {\n    suggestions: Suggestion[];\n    onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;\n    loadingIndexes?: ReadonlyArray<number>;\n  } & React.HTMLAttributes<HTMLDivElement>\n>;\n\nexport const CopilotChatSuggestionView = React.forwardRef<\n  HTMLDivElement,\n  CopilotChatSuggestionViewProps\n>(function CopilotChatSuggestionView(\n  {\n    suggestions,\n    onSelectSuggestion,\n    loadingIndexes,\n    container,\n    suggestion: suggestionSlot,\n    className,\n    children,\n    ...restProps\n  },\n  ref,\n) {\n  const loadingSet = React.useMemo(() => {\n    if (!loadingIndexes || loadingIndexes.length === 0) {\n      return new Set<number>();\n    }\n    return new Set(loadingIndexes);\n  }, [loadingIndexes]);\n\n  const ContainerElement = renderSlot(container, DefaultContainer, {\n    ref,\n    className,\n    ...restProps,\n  });\n\n  const suggestionElements = suggestions.map((suggestion, index) => {\n    const isLoading = loadingSet.has(index) || suggestion.isLoading === true;\n    const pill = renderSlot<\n      typeof CopilotChatSuggestionPill,\n      CopilotChatSuggestionPillProps\n    >(suggestionSlot, CopilotChatSuggestionPill, {\n      children: suggestion.title,\n      isLoading,\n      type: \"button\",\n      onClick: () => onSelectSuggestion?.(suggestion, index),\n    });\n\n    return React.cloneElement(pill, {\n      key: `${suggestion.title}-${index}`,\n    });\n  });\n\n  const boundContainer = React.cloneElement(\n    ContainerElement,\n    undefined,\n    suggestionElements,\n  );\n\n  if (typeof children === \"function\") {\n    const sampleSuggestion = renderSlot<\n      typeof CopilotChatSuggestionPill,\n      CopilotChatSuggestionPillProps\n    >(suggestionSlot, CopilotChatSuggestionPill, {\n      children: suggestions[0]?.title ?? \"\",\n      isLoading:\n        suggestions.length > 0 ? loadingSet.has(0) || suggestions[0]?.isLoading === true : false,\n      type: \"button\",\n    });\n\n    return (\n      <>\n        {children({\n          container: boundContainer,\n          suggestion: sampleSuggestion,\n          suggestions,\n          onSelectSuggestion,\n          loadingIndexes,\n          className,\n          ...restProps,\n        })}\n      </>\n    );\n  }\n\n  if (children) {\n    return (\n      <>\n        {boundContainer}\n        {children}\n      </>\n    );\n  }\n\n  return boundContainer;\n});\n\nCopilotChatSuggestionView.displayName = \"CopilotChatSuggestionView\";\n\nexport default CopilotChatSuggestionView;\n","import React from \"react\";\n\n// /** Utility: Create a component type with specific props omitted */\n// export type OmitSlotProps<\n//   C extends React.ComponentType<any>,\n//   K extends keyof React.ComponentProps<C>,\n// > = React.ComponentType<Omit<React.ComponentProps<C>, K>>;\n\n/** Existing union (unchanged) */\nexport type SlotValue<C extends React.ComponentType<any>> =\n  | C\n  | string\n  | Partial<React.ComponentProps<C>>;\n\n/** Utility: concrete React elements for every slot */\ntype SlotElements<S> = { [K in keyof S]: React.ReactElement };\n\nexport type WithSlots<\n  S extends Record<string, React.ComponentType<any>>,\n  Rest = {},\n> = {\n  /** Per‑slot overrides */\n  [K in keyof S]?: SlotValue<S[K]>;\n} & {\n  children?: (props: SlotElements<S> & Rest) => React.ReactNode;\n} & Omit<Rest, \"children\">;\n\nexport function renderSlot<\n  C extends React.ComponentType<any>,\n  P = React.ComponentProps<C>,\n>(\n  slot: SlotValue<C> | undefined,\n  DefaultComponent: C,\n  props: P\n): React.ReactElement {\n  if (typeof slot === \"string\") {\n    return React.createElement(DefaultComponent, {\n      ...(props as P),\n      className: slot,\n    });\n  }\n  if (typeof slot === \"function\") {\n    const Comp = slot as C;\n    return React.createElement(Comp, props as P);\n  }\n\n  if (slot && typeof slot === \"object\" && !React.isValidElement(slot)) {\n    return React.createElement(DefaultComponent, {\n      ...(props as P),\n      ...slot,\n    });\n  }\n\n  return React.createElement(DefaultComponent, props as P);\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import React from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface CopilotChatSuggestionPillProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Optional icon to render on the left side when not loading. */\n  icon?: React.ReactNode;\n  /** Whether the pill should display a loading spinner. */\n  isLoading?: boolean;\n}\n\nconst baseClasses =\n  \"group inline-flex h-7 sm:h-8 items-center gap-1 sm:gap-1.5 rounded-full border border-border/60 bg-background px-2.5 sm:px-3 text-[11px] sm:text-xs leading-none text-foreground transition-colors cursor-pointer hover:bg-accent/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:text-muted-foreground disabled:hover:bg-background disabled:hover:text-muted-foreground pointer-events-auto\";\n\nconst labelClasses = \"whitespace-nowrap font-medium leading-none\";\n\nexport const CopilotChatSuggestionPill = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatSuggestionPillProps\n>(function CopilotChatSuggestionPill(\n  { className, children, icon, isLoading, type, ...props },\n  ref\n) {\n  const showIcon = !isLoading && icon;\n\n  return (\n    <button\n      ref={ref}\n      data-slot=\"suggestion-pill\"\n      className={cn(baseClasses, className)}\n      type={type ?? \"button\"}\n      aria-busy={isLoading || undefined}\n      disabled={isLoading || props.disabled}\n      {...props}\n    >\n      {isLoading ? (\n        <span className=\"flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground\">\n          <Loader2 className=\"h-3.5 sm:h-4 w-3.5 sm:w-4 animate-spin\" aria-hidden=\"true\" />\n        </span>\n      ) : (\n        showIcon && (\n          <span className=\"flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground\">{icon}</span>\n        )\n      )}\n      <span className={labelClasses}>{children}</span>\n    </button>\n  );\n});\n\nCopilotChatSuggestionPill.displayName = \"CopilotChatSuggestionPill\";\n\nexport default CopilotChatSuggestionPill;\n"],"mappings":"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","names":["import_react","React","import_react","React","CopilotChatSuggestionPill","import_jsx_runtime","React","DefaultContainer","CopilotChatSuggestionView"]}

package/dist/components/chat/CopilotChatSuggestionView.mjs

@@ -0,0 +1,12 @@
+import {
+  CopilotChatSuggestionView,
+  CopilotChatSuggestionView_default
+} from "../../chunk-RGD2L3Z4.mjs";
+import "../../chunk-NNPKBGD6.mjs";
+import "../../chunk-FIBK3DYE.mjs";
+import "../../chunk-XO4IRKSC.mjs";
+export {
+  CopilotChatSuggestionView,
+  CopilotChatSuggestionView_default as default
+};
+//# sourceMappingURL=CopilotChatSuggestionView.mjs.map

package/dist/components/chat/CopilotChatSuggestionView.mjs.map

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

package/dist/components/chat/CopilotChatToggleButton.d.mts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { SlotValue } from '../../lib/slots.mjs';
+
+declare const DefaultOpenIcon: React__default.FC<React__default.SVGProps<SVGSVGElement>>;
+declare const DefaultCloseIcon: React__default.FC<React__default.SVGProps<SVGSVGElement>>;
+interface CopilotChatToggleButtonProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    /** Optional slot override for the chat (closed) icon. */
+    openIcon?: SlotValue<typeof DefaultOpenIcon>;
+    /** Optional slot override for the close icon. */
+    closeIcon?: SlotValue<typeof DefaultCloseIcon>;
+}
+declare const CopilotChatToggleButton: React__default.ForwardRefExoticComponent<CopilotChatToggleButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, type CopilotChatToggleButtonProps, CopilotChatToggleButton as default };

package/dist/components/chat/CopilotChatToggleButton.d.ts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { SlotValue } from '../../lib/slots.js';
+
+declare const DefaultOpenIcon: React__default.FC<React__default.SVGProps<SVGSVGElement>>;
+declare const DefaultCloseIcon: React__default.FC<React__default.SVGProps<SVGSVGElement>>;
+interface CopilotChatToggleButtonProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    /** Optional slot override for the chat (closed) icon. */
+    openIcon?: SlotValue<typeof DefaultOpenIcon>;
+    /** Optional slot override for the close icon. */
+    closeIcon?: SlotValue<typeof DefaultCloseIcon>;
+}
+declare const CopilotChatToggleButton: React__default.ForwardRefExoticComponent<CopilotChatToggleButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, type CopilotChatToggleButtonProps, CopilotChatToggleButton as default };

package/dist/components/chat/CopilotChatToggleButton.js

@@ -0,0 +1,222 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/chat/CopilotChatToggleButton.tsx
+var CopilotChatToggleButton_exports = {};
+__export(CopilotChatToggleButton_exports, {
+  CopilotChatToggleButton: () => CopilotChatToggleButton,
+  CopilotChatToggleButtonCloseIcon: () => DefaultCloseIcon,
+  CopilotChatToggleButtonOpenIcon: () => DefaultOpenIcon,
+  default: () => CopilotChatToggleButton_default
+});
+module.exports = __toCommonJS(CopilotChatToggleButton_exports);
+var import_react3 = __toESM(require("react"));
+var import_lucide_react = require("lucide-react");
+
+// src/lib/slots.tsx
+var import_react = __toESM(require("react"));
+function renderSlot(slot, DefaultComponent, props) {
+  if (typeof slot === "string") {
+    return import_react.default.createElement(DefaultComponent, {
+      ...props,
+      className: slot
+    });
+  }
+  if (typeof slot === "function") {
+    const Comp = slot;
+    return import_react.default.createElement(Comp, props);
+  }
+  if (slot && typeof slot === "object" && !import_react.default.isValidElement(slot)) {
+    return import_react.default.createElement(DefaultComponent, {
+      ...props,
+      ...slot
+    });
+  }
+  return import_react.default.createElement(DefaultComponent, props);
+}
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/providers/CopilotChatConfigurationProvider.tsx
+var import_react2 = require("react");
+var import_shared = require("@copilotkitnext/shared");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CopilotChatDefaultLabels = {
+  chatInputPlaceholder: "Type a message...",
+  chatInputToolbarStartTranscribeButtonLabel: "Transcribe",
+  chatInputToolbarCancelTranscribeButtonLabel: "Cancel",
+  chatInputToolbarFinishTranscribeButtonLabel: "Finish",
+  chatInputToolbarAddButtonLabel: "Add photos or files",
+  chatInputToolbarToolsButtonLabel: "Tools",
+  assistantMessageToolbarCopyCodeLabel: "Copy",
+  assistantMessageToolbarCopyCodeCopiedLabel: "Copied",
+  assistantMessageToolbarCopyMessageLabel: "Copy",
+  assistantMessageToolbarThumbsUpLabel: "Good response",
+  assistantMessageToolbarThumbsDownLabel: "Bad response",
+  assistantMessageToolbarReadAloudLabel: "Read aloud",
+  assistantMessageToolbarRegenerateLabel: "Regenerate",
+  userMessageToolbarCopyMessageLabel: "Copy",
+  userMessageToolbarEditMessageLabel: "Edit",
+  chatDisclaimerText: "AI can make mistakes. Please verify important information.",
+  chatToggleOpenLabel: "Open chat",
+  chatToggleCloseLabel: "Close chat",
+  modalHeaderTitle: "CopilotKit Chat"
+};
+var CopilotChatConfiguration = (0, import_react2.createContext)(null);
+var useCopilotChatConfiguration = () => {
+  const configuration = (0, import_react2.useContext)(CopilotChatConfiguration);
+  return configuration;
+};
+
+// src/components/chat/CopilotChatToggleButton.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DefaultOpenIcon = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.MessageCircle, { className: cn("h-6 w-6", className), strokeWidth: 1.75, fill: "currentColor", ...props });
+var DefaultCloseIcon = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.X, { className: cn("h-6 w-6", className), strokeWidth: 1.75, ...props });
+DefaultOpenIcon.displayName = "CopilotChatToggleButton.OpenIcon";
+DefaultCloseIcon.displayName = "CopilotChatToggleButton.CloseIcon";
+var ICON_TRANSITION_STYLE = Object.freeze({
+  transition: "opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)"
+});
+var ICON_WRAPPER_BASE = "pointer-events-none absolute inset-0 flex items-center justify-center will-change-transform";
+var BUTTON_BASE_CLASSES = cn(
+  "fixed bottom-6 right-6 z-[1100] flex h-14 w-14 items-center justify-center",
+  "rounded-full border border-primary bg-primary text-primary-foreground",
+  "shadow-sm transition-all duration-200 ease-out",
+  "hover:scale-[1.04] hover:shadow-md",
+  "cursor-pointer",
+  "active:scale-[0.96]",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  "disabled:pointer-events-none disabled:opacity-60"
+);
+var CopilotChatToggleButton = import_react3.default.forwardRef(function CopilotChatToggleButton2({ openIcon, closeIcon, className, ...buttonProps }, ref) {
+  const { onClick, type, disabled, ...restProps } = buttonProps;
+  const configuration = useCopilotChatConfiguration();
+  const labels = configuration?.labels ?? CopilotChatDefaultLabels;
+  const [fallbackOpen, setFallbackOpen] = (0, import_react3.useState)(false);
+  const isOpen = configuration?.isModalOpen ?? fallbackOpen;
+  const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;
+  const handleClick = (event) => {
+    if (disabled) {
+      return;
+    }
+    if (onClick) {
+      onClick(event);
+    }
+    if (event.defaultPrevented) {
+      return;
+    }
+    const nextOpen = !isOpen;
+    setModalOpen(nextOpen);
+  };
+  const renderedOpenIcon = renderSlot(
+    openIcon,
+    DefaultOpenIcon,
+    {
+      className: "h-6 w-6",
+      "aria-hidden": true,
+      focusable: false
+    }
+  );
+  const renderedCloseIcon = renderSlot(
+    closeIcon,
+    DefaultCloseIcon,
+    {
+      className: "h-6 w-6",
+      "aria-hidden": true,
+      focusable: false
+    }
+  );
+  const openIconElement = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "chat-toggle-button-open-icon",
+      className: ICON_WRAPPER_BASE,
+      style: {
+        ...ICON_TRANSITION_STYLE,
+        opacity: isOpen ? 0 : 1,
+        transform: `scale(${isOpen ? 0.75 : 1}) rotate(${isOpen ? 90 : 0}deg)`
+      },
+      children: renderedOpenIcon
+    }
+  );
+  const closeIconElement = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "chat-toggle-button-close-icon",
+      className: ICON_WRAPPER_BASE,
+      style: {
+        ...ICON_TRANSITION_STYLE,
+        opacity: isOpen ? 1 : 0,
+        transform: `scale(${isOpen ? 1 : 0.75}) rotate(${isOpen ? 0 : -90}deg)`
+      },
+      children: renderedCloseIcon
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "button",
+    {
+      ref,
+      type: type ?? "button",
+      "data-slot": "chat-toggle-button",
+      "data-state": isOpen ? "open" : "closed",
+      className: cn(BUTTON_BASE_CLASSES, className),
+      "aria-label": isOpen ? labels.chatToggleCloseLabel : labels.chatToggleOpenLabel,
+      "aria-pressed": isOpen,
+      disabled,
+      onClick: handleClick,
+      ...restProps,
+      children: [
+        openIconElement,
+        closeIconElement
+      ]
+    }
+  );
+});
+CopilotChatToggleButton.displayName = "CopilotChatToggleButton";
+var CopilotChatToggleButton_default = CopilotChatToggleButton;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopilotChatToggleButton,
+  CopilotChatToggleButtonCloseIcon,
+  CopilotChatToggleButtonOpenIcon
+});
+//# sourceMappingURL=CopilotChatToggleButton.js.map

package/dist/components/chat/CopilotChatToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chat/CopilotChatToggleButton.tsx","../../../src/lib/slots.tsx","../../../src/lib/utils.ts","../../../src/providers/CopilotChatConfigurationProvider.tsx"],"sourcesContent":["import React, { useState, MouseEvent } from \"react\";\nimport { MessageCircle, X } from \"lucide-react\";\n\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  CopilotChatDefaultLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\n\nconst DefaultOpenIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => (\n  <MessageCircle className={cn(\"h-6 w-6\", className)} strokeWidth={1.75} fill=\"currentColor\" {...props} />\n);\n\nconst DefaultCloseIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => <X className={cn(\"h-6 w-6\", className)} strokeWidth={1.75} {...props} />;\n\nDefaultOpenIcon.displayName = \"CopilotChatToggleButton.OpenIcon\";\nDefaultCloseIcon.displayName = \"CopilotChatToggleButton.CloseIcon\";\n\nexport interface CopilotChatToggleButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  /** Optional slot override for the chat (closed) icon. */\n  openIcon?: SlotValue<typeof DefaultOpenIcon>;\n  /** Optional slot override for the close icon. */\n  closeIcon?: SlotValue<typeof DefaultCloseIcon>;\n}\n\nconst ICON_TRANSITION_STYLE: React.CSSProperties = Object.freeze({\n  transition: \"opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)\",\n});\n\nconst ICON_WRAPPER_BASE =\n  \"pointer-events-none absolute inset-0 flex items-center justify-center will-change-transform\";\n\nconst BUTTON_BASE_CLASSES = cn(\n  \"fixed bottom-6 right-6 z-[1100] flex h-14 w-14 items-center justify-center\",\n  \"rounded-full border border-primary bg-primary text-primary-foreground\",\n  \"shadow-sm transition-all duration-200 ease-out\",\n  \"hover:scale-[1.04] hover:shadow-md\",\n  \"cursor-pointer\",\n  \"active:scale-[0.96]\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  \"disabled:pointer-events-none disabled:opacity-60\"\n);\n\nexport const CopilotChatToggleButton = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatToggleButtonProps\n>(function CopilotChatToggleButton({ openIcon, closeIcon, className, ...buttonProps }, ref) {\n  const { onClick, type, disabled, ...restProps } = buttonProps;\n\n  const configuration = useCopilotChatConfiguration();\n  const labels = configuration?.labels ?? CopilotChatDefaultLabels;\n\n  const [fallbackOpen, setFallbackOpen] = useState(false);\n\n  const isOpen = configuration?.isModalOpen ?? fallbackOpen;\n  const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const nextOpen = !isOpen;\n    setModalOpen(nextOpen);\n  };\n\n  const renderedOpenIcon = renderSlot(\n    openIcon,\n    DefaultOpenIcon,\n    {\n      className: \"h-6 w-6\",\n      \"aria-hidden\": true,\n      focusable: false,\n    }\n  );\n\n  const renderedCloseIcon = renderSlot(\n    closeIcon,\n    DefaultCloseIcon,\n    {\n      className: \"h-6 w-6\",\n      \"aria-hidden\": true,\n      focusable: false,\n    }\n  );\n\n  const openIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-open-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 0 : 1,\n        transform: `scale(${isOpen ? 0.75 : 1}) rotate(${isOpen ? 90 : 0}deg)`,\n      }}\n    >\n      {renderedOpenIcon}\n    </span>\n  );\n\n  const closeIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-close-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 1 : 0,\n        transform: `scale(${isOpen ? 1 : 0.75}) rotate(${isOpen ? 0 : -90}deg)`,\n      }}\n    >\n      {renderedCloseIcon}\n    </span>\n  );\n\n  return (\n    <button\n      ref={ref}\n      type={type ?? \"button\"}\n      data-slot=\"chat-toggle-button\"\n      data-state={isOpen ? \"open\" : \"closed\"}\n      className={cn(BUTTON_BASE_CLASSES, className)}\n      aria-label={isOpen ? labels.chatToggleCloseLabel : labels.chatToggleOpenLabel}\n      aria-pressed={isOpen}\n      disabled={disabled}\n      onClick={handleClick}\n      {...restProps}\n    >\n      {openIconElement}\n      {closeIconElement}\n    </button>\n  );\n});\nCopilotChatToggleButton.displayName = \"CopilotChatToggleButton\";\nexport default CopilotChatToggleButton;\n\nexport {\n  DefaultOpenIcon as CopilotChatToggleButtonOpenIcon,\n  DefaultCloseIcon as CopilotChatToggleButtonCloseIcon,\n};\n","import React from \"react\";\n\n// /** Utility: Create a component type with specific props omitted */\n// export type OmitSlotProps<\n//   C extends React.ComponentType<any>,\n//   K extends keyof React.ComponentProps<C>,\n// > = React.ComponentType<Omit<React.ComponentProps<C>, K>>;\n\n/** Existing union (unchanged) */\nexport type SlotValue<C extends React.ComponentType<any>> =\n  | C\n  | string\n  | Partial<React.ComponentProps<C>>;\n\n/** Utility: concrete React elements for every slot */\ntype SlotElements<S> = { [K in keyof S]: React.ReactElement };\n\nexport type WithSlots<\n  S extends Record<string, React.ComponentType<any>>,\n  Rest = {},\n> = {\n  /** Per‑slot overrides */\n  [K in keyof S]?: SlotValue<S[K]>;\n} & {\n  children?: (props: SlotElements<S> & Rest) => React.ReactNode;\n} & Omit<Rest, \"children\">;\n\nexport function renderSlot<\n  C extends React.ComponentType<any>,\n  P = React.ComponentProps<C>,\n>(\n  slot: SlotValue<C> | undefined,\n  DefaultComponent: C,\n  props: P\n): React.ReactElement {\n  if (typeof slot === \"string\") {\n    return React.createElement(DefaultComponent, {\n      ...(props as P),\n      className: slot,\n    });\n  }\n  if (typeof slot === \"function\") {\n    const Comp = slot as C;\n    return React.createElement(Comp, props as P);\n  }\n\n  if (slot && typeof slot === \"object\" && !React.isValidElement(slot)) {\n    return React.createElement(DefaultComponent, {\n      ...(props as P),\n      ...slot,\n    });\n  }\n\n  return React.createElement(DefaultComponent, props as P);\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import React, { createContext, useContext, ReactNode, useMemo, useState } from \"react\";\nimport { DEFAULT_AGENT_ID, randomUUID } from \"@copilotkitnext/shared\";\n\n// Default labels\nexport const CopilotChatDefaultLabels = {\n  chatInputPlaceholder: \"Type a message...\",\n  chatInputToolbarStartTranscribeButtonLabel: \"Transcribe\",\n  chatInputToolbarCancelTranscribeButtonLabel: \"Cancel\",\n  chatInputToolbarFinishTranscribeButtonLabel: \"Finish\",\n  chatInputToolbarAddButtonLabel: \"Add photos or files\",\n  chatInputToolbarToolsButtonLabel: \"Tools\",\n  assistantMessageToolbarCopyCodeLabel: \"Copy\",\n  assistantMessageToolbarCopyCodeCopiedLabel: \"Copied\",\n  assistantMessageToolbarCopyMessageLabel: \"Copy\",\n  assistantMessageToolbarThumbsUpLabel: \"Good response\",\n  assistantMessageToolbarThumbsDownLabel: \"Bad response\",\n  assistantMessageToolbarReadAloudLabel: \"Read aloud\",\n  assistantMessageToolbarRegenerateLabel: \"Regenerate\",\n  userMessageToolbarCopyMessageLabel: \"Copy\",\n  userMessageToolbarEditMessageLabel: \"Edit\",\n  chatDisclaimerText: \"AI can make mistakes. Please verify important information.\",\n  chatToggleOpenLabel: \"Open chat\",\n  chatToggleCloseLabel: \"Close chat\",\n  modalHeaderTitle: \"CopilotKit Chat\",\n};\n\nexport type CopilotChatLabels = typeof CopilotChatDefaultLabels;\n\n// Define the full configuration interface\nexport interface CopilotChatConfigurationValue {\n  labels: CopilotChatLabels;\n  agentId: string;\n  threadId: string;\n  isModalOpen: boolean;\n  setModalOpen: (open: boolean) => void;\n  isModalDefaultOpen: boolean;\n}\n\n// Create the configuration context\nconst CopilotChatConfiguration =\n  createContext<CopilotChatConfigurationValue | null>(null);\n\n// Provider props interface\nexport interface CopilotChatConfigurationProviderProps {\n  children: ReactNode;\n  labels?: Partial<CopilotChatLabels>;\n  agentId?: string;\n  threadId?: string;\n  isModalDefaultOpen?: boolean;\n}\n\n// Provider component\nexport const CopilotChatConfigurationProvider: React.FC<\n  CopilotChatConfigurationProviderProps\n> = ({ children, labels, agentId, threadId, isModalDefaultOpen }) => {\n  const parentConfig = useContext(CopilotChatConfiguration);\n\n  const mergedLabels: CopilotChatLabels = useMemo(\n    () => ({\n      ...CopilotChatDefaultLabels,\n      ...(parentConfig?.labels ?? {}),\n      ...(labels ?? {}),\n    }),\n    [labels, parentConfig?.labels],\n  );\n\n  const resolvedAgentId = agentId ?? parentConfig?.agentId ?? DEFAULT_AGENT_ID;\n\n  const resolvedThreadId = useMemo(() => {\n    if (threadId) {\n      return threadId;\n    }\n    if (parentConfig?.threadId) {\n      return parentConfig.threadId;\n    }\n    return randomUUID();\n  }, [threadId, parentConfig?.threadId]);\n\n  const resolvedDefaultOpen = isModalDefaultOpen ?? parentConfig?.isModalDefaultOpen ?? true;\n\n  const [internalModalOpen, setInternalModalOpen] = useState<boolean>(\n    parentConfig?.isModalOpen ?? resolvedDefaultOpen,\n  );\n\n  const resolvedIsModalOpen = parentConfig?.isModalOpen ?? internalModalOpen;\n  const resolvedSetModalOpen = parentConfig?.setModalOpen ?? setInternalModalOpen;\n\n  const configurationValue: CopilotChatConfigurationValue = useMemo(\n    () => ({\n      labels: mergedLabels,\n      agentId: resolvedAgentId,\n      threadId: resolvedThreadId,\n      isModalOpen: resolvedIsModalOpen,\n      setModalOpen: resolvedSetModalOpen,\n      isModalDefaultOpen: resolvedDefaultOpen,\n    }),\n    [\n      mergedLabels,\n      resolvedAgentId,\n      resolvedThreadId,\n      resolvedIsModalOpen,\n      resolvedSetModalOpen,\n      resolvedDefaultOpen,\n    ],\n  );\n\n  return (\n    <CopilotChatConfiguration.Provider value={configurationValue}>\n      {children}\n    </CopilotChatConfiguration.Provider>\n  );\n};\n\n// Hook to use the full configuration\nexport const useCopilotChatConfiguration =\n  (): CopilotChatConfigurationValue | null => {\n    const configuration = useContext(CopilotChatConfiguration);\n    return configuration;\n  };\n"],"mappings":"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","names":["import_react","React","import_react","import_jsx_runtime","React","CopilotChatToggleButton"]}

package/dist/components/chat/CopilotChatToggleButton.mjs

@@ -0,0 +1,16 @@
+import {
+  CopilotChatToggleButton,
+  CopilotChatToggleButton_default,
+  DefaultCloseIcon,
+  DefaultOpenIcon
+} from "../../chunk-R5OLAA3L.mjs";
+import "../../chunk-FIBK3DYE.mjs";
+import "../../chunk-XO4IRKSC.mjs";
+import "../../chunk-4XJK5IVQ.mjs";
+export {
+  CopilotChatToggleButton,
+  DefaultCloseIcon as CopilotChatToggleButtonCloseIcon,
+  DefaultOpenIcon as CopilotChatToggleButtonOpenIcon,
+  CopilotChatToggleButton_default as default
+};
+//# sourceMappingURL=CopilotChatToggleButton.mjs.map

package/dist/components/chat/CopilotChatToggleButton.mjs.map

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

package/dist/components/chat/CopilotChatToolCallsView.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AssistantMessage, Message } from '@ag-ui/core';
+
+type CopilotChatToolCallsViewProps = {
+    message: AssistantMessage;
+    messages?: Message[];
+};
+declare function CopilotChatToolCallsView({ message, messages, }: CopilotChatToolCallsViewProps): react_jsx_runtime.JSX.Element | null;
+
+export { CopilotChatToolCallsView, type CopilotChatToolCallsViewProps, CopilotChatToolCallsView as default };

package/dist/components/chat/CopilotChatToolCallsView.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AssistantMessage, Message } from '@ag-ui/core';
+
+type CopilotChatToolCallsViewProps = {
+    message: AssistantMessage;
+    messages?: Message[];
+};
+declare function CopilotChatToolCallsView({ message, messages, }: CopilotChatToolCallsViewProps): react_jsx_runtime.JSX.Element | null;
+
+export { CopilotChatToolCallsView, type CopilotChatToolCallsViewProps, CopilotChatToolCallsView as default };