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

package/dist/components/CopilotKitInspector.js

@@ -0,0 +1,69 @@
+"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/CopilotKitInspector.tsx
+var CopilotKitInspector_exports = {};
+__export(CopilotKitInspector_exports, {
+  CopilotKitInspector: () => CopilotKitInspector
+});
+module.exports = __toCommonJS(CopilotKitInspector_exports);
+var React = __toESM(require("react"));
+var import_react = require("@lit-labs/react");
+var import_web_inspector = require("@copilotkitnext/web-inspector");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_web_inspector.defineWebInspector)();
+var CopilotKitInspectorBase = (0, import_react.createComponent)({
+  tagName: import_web_inspector.WEB_INSPECTOR_TAG,
+  elementClass: import_web_inspector.WebInspectorElement,
+  react: React
+});
+var CopilotKitInspector = React.forwardRef(
+  ({ core, ...rest }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current, []);
+    React.useEffect(() => {
+      if (innerRef.current) {
+        innerRef.current.core = core ?? null;
+      }
+    }, [core]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      CopilotKitInspectorBase,
+      {
+        ...rest,
+        ref: innerRef
+      }
+    );
+  }
+);
+CopilotKitInspector.displayName = "CopilotKitInspector";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopilotKitInspector
+});
+//# sourceMappingURL=CopilotKitInspector.js.map

package/dist/components/CopilotKitInspector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/CopilotKitInspector.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit-labs/react\";\nimport {\n  WEB_INSPECTOR_TAG,\n  WebInspectorElement,\n  defineWebInspector,\n} from \"@copilotkitnext/web-inspector\";\nimport type { CopilotKitCore } from \"@copilotkitnext/core\";\n\ndefineWebInspector();\n\nconst CopilotKitInspectorBase = createComponent({\n  tagName: WEB_INSPECTOR_TAG,\n  elementClass: WebInspectorElement,\n  react: React,\n});\n\nexport type CopilotKitInspectorBaseProps = React.ComponentProps<typeof CopilotKitInspectorBase>;\n\nexport interface CopilotKitInspectorProps extends Omit<CopilotKitInspectorBaseProps, \"core\"> {\n  core?: CopilotKitCore | null;\n}\n\nexport const CopilotKitInspector = React.forwardRef<\n  WebInspectorElement,\n  CopilotKitInspectorProps\n>(\n  ({ core, ...rest }, ref) => {\n    const innerRef = React.useRef<WebInspectorElement>(null);\n\n    React.useImperativeHandle(ref, () => innerRef.current as WebInspectorElement, []);\n\n    React.useEffect(() => {\n      if (innerRef.current) {\n        innerRef.current.core = core ?? null;\n      }\n    }, [core]);\n\n    return (\n      <CopilotKitInspectorBase\n        {...(rest as CopilotKitInspectorBaseProps)}\n        ref={innerRef}\n      />\n    ); // eslint-disable-line react/jsx-props-no-spreading\n  },\n);\n\nCopilotKitInspector.displayName = \"CopilotKitInspector\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,mBAAgC;AAChC,2BAIO;AAiCD;AAAA,IA9BN,yCAAmB;AAEnB,IAAM,8BAA0B,8BAAgB;AAAA,EAC9C,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AACT,CAAC;AAQM,IAAM,sBAA4B;AAAA,EAIvC,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ;AAC1B,UAAM,WAAiB,aAA4B,IAAI;AAEvD,IAAM,0BAAoB,KAAK,MAAM,SAAS,SAAgC,CAAC,CAAC;AAEhF,IAAM,gBAAU,MAAM;AACpB,UAAI,SAAS,SAAS;AACpB,iBAAS,QAAQ,OAAO,QAAQ;AAAA,MAClC;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAI;AAAA,QACL,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;AAEA,oBAAoB,cAAc;","names":[]}

package/dist/components/CopilotKitInspector.mjs

@@ -0,0 +1,7 @@
+import {
+  CopilotKitInspector
+} from "../chunk-YPH4BHOY.mjs";
+export {
+  CopilotKitInspector
+};
+//# sourceMappingURL=CopilotKitInspector.mjs.map

package/dist/components/CopilotKitInspector.mjs.map

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

package/dist/components/WildcardToolCallRender.d.mts

@@ -0,0 +1,7 @@
+import { ReactToolCallRenderer } from '../types/react-tool-call-renderer.mjs';
+import 'zod';
+import '@copilotkitnext/core';
+
+declare const WildcardToolCallRender: ReactToolCallRenderer<any>;
+
+export { WildcardToolCallRender };

package/dist/components/WildcardToolCallRender.d.ts

@@ -0,0 +1,7 @@
+import { ReactToolCallRenderer } from '../types/react-tool-call-renderer.js';
+import 'zod';
+import '@copilotkitnext/core';
+
+declare const WildcardToolCallRender: ReactToolCallRenderer<any>;
+
+export { WildcardToolCallRender };

package/dist/components/WildcardToolCallRender.js

@@ -0,0 +1,106 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/WildcardToolCallRender.tsx
+var WildcardToolCallRender_exports = {};
+__export(WildcardToolCallRender_exports, {
+  WildcardToolCallRender: () => WildcardToolCallRender
+});
+module.exports = __toCommonJS(WildcardToolCallRender_exports);
+
+// src/types/defineToolCallRenderer.ts
+var import_zod = require("zod");
+function defineToolCallRenderer(def) {
+  const argsSchema = def.name === "*" && !def.args ? import_zod.z.any() : def.args;
+  return {
+    name: def.name,
+    args: argsSchema,
+    render: def.render,
+    ...def.agentId ? { agentId: def.agentId } : {}
+  };
+}
+
+// src/components/WildcardToolCallRender.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var WildcardToolCallRender = defineToolCallRenderer({
+  name: "*",
+  render: ({ args, result, name, status }) => {
+    const [isExpanded, setIsExpanded] = (0, import_react.useState)(false);
+    const statusString = String(status);
+    const isActive = statusString === "inProgress" || statusString === "executing";
+    const isComplete = statusString === "complete";
+    const statusStyles = isActive ? "bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-400" : isComplete ? "bg-emerald-100 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-400" : "bg-zinc-100 text-zinc-800 dark:bg-zinc-700/40 dark:text-zinc-300";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border border-zinc-200/60 dark:border-zinc-800/60 bg-white/70 dark:bg-zinc-900/50 shadow-sm backdrop-blur p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: "flex items-center justify-between gap-3 cursor-pointer",
+          onClick: () => setIsExpanded(!isExpanded),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "svg",
+                {
+                  className: `h-4 w-4 text-zinc-500 dark:text-zinc-400 transition-transform ${isExpanded ? "rotate-90" : ""}`,
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  strokeWidth: 2,
+                  stroke: "currentColor",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-blue-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate text-sm font-medium text-zinc-900 dark:text-zinc-100", children: name })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: `inline-flex items-center rounded-full px-2 py-1 text-xs font-medium ${statusStyles}`,
+                children: String(status)
+              }
+            )
+          ]
+        }
+      ),
+      isExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-3 grid gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Arguments" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: JSON.stringify(args ?? {}, null, 2) })
+        ] }),
+        result !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Result" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: typeof result === "string" ? result : JSON.stringify(result, null, 2) })
+        ] })
+      ] })
+    ] }) });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WildcardToolCallRender
+});
+//# sourceMappingURL=WildcardToolCallRender.js.map

package/dist/components/WildcardToolCallRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/WildcardToolCallRender.tsx","../../src/types/defineToolCallRenderer.ts"],"sourcesContent":["import { defineToolCallRenderer } from \"../types/defineToolCallRenderer\";\nimport { useState } from \"react\";\n\nexport const WildcardToolCallRender = defineToolCallRenderer({\n  name: \"*\",\n  render: ({ args, result, name, status }) => {\n    const [isExpanded, setIsExpanded] = useState(false);\n\n    const statusString = String(status) as\n      | \"inProgress\"\n      | \"executing\"\n      | \"complete\";\n    const isActive =\n      statusString === \"inProgress\" || statusString === \"executing\";\n    const isComplete = statusString === \"complete\";\n    const statusStyles = isActive\n      ? \"bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-400\"\n      : isComplete\n        ? \"bg-emerald-100 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-400\"\n        : \"bg-zinc-100 text-zinc-800 dark:bg-zinc-700/40 dark:text-zinc-300\";\n\n    return (\n      <div className=\"mt-2 pb-2\">\n        <div className=\"rounded-xl border border-zinc-200/60 dark:border-zinc-800/60 bg-white/70 dark:bg-zinc-900/50 shadow-sm backdrop-blur p-4\">\n          <div\n            className=\"flex items-center justify-between gap-3 cursor-pointer\"\n            onClick={() => setIsExpanded(!isExpanded)}\n          >\n            <div className=\"flex items-center gap-2 min-w-0\">\n              <svg\n                className={`h-4 w-4 text-zinc-500 dark:text-zinc-400 transition-transform ${\n                  isExpanded ? \"rotate-90\" : \"\"\n                }`}\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                strokeWidth={2}\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  d=\"M8.25 4.5l7.5 7.5-7.5 7.5\"\n                />\n              </svg>\n              <span className=\"inline-block h-2 w-2 rounded-full bg-blue-500\" />\n              <span className=\"truncate text-sm font-medium text-zinc-900 dark:text-zinc-100\">\n                {name}\n              </span>\n            </div>\n            <span\n              className={`inline-flex items-center rounded-full px-2 py-1 text-xs font-medium ${statusStyles}`}\n            >\n              {String(status)}\n            </span>\n          </div>\n\n          {isExpanded && (\n            <div className=\"mt-3 grid gap-4\">\n              <div>\n                <div className=\"text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400\">\n                  Arguments\n                </div>\n                <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words\">\n                  {JSON.stringify(args ?? {}, null, 2)}\n                </pre>\n              </div>\n\n              {result !== undefined && (\n                <div>\n                  <div className=\"text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400\">\n                    Result\n                  </div>\n                  <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words\">\n                    {typeof result === \"string\"\n                      ? result\n                      : JSON.stringify(result, null, 2)}\n                  </pre>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n});\n","import React from \"react\";\nimport { z } from \"zod\";\nimport { ReactToolCallRenderer } from \"./react-tool-call-renderer\";\nimport { ToolCallStatus } from \"@copilotkitnext/core\";\n\n/**\n * Helper to define a type-safe tool call renderer entry.\n * - Accepts a single object whose keys match ReactToolCallRenderer's fields: { name, args, render, agentId? }.\n * - Derives `args` type from the provided Zod schema.\n * - Ensures the render function param type exactly matches ReactToolCallRenderer<T>[\"render\"]'s param.\n * - For wildcard tools (name: \"*\"), args is optional and defaults to z.any()\n */\ntype RenderProps<T> =\n  | {\n      name: string;\n      args: Partial<T>;\n      status: ToolCallStatus.InProgress;\n      result: undefined;\n    }\n  | {\n      name: string;\n      args: T;\n      status: ToolCallStatus.Executing;\n      result: undefined;\n    }\n  | {\n      name: string;\n      args: T;\n      status: ToolCallStatus.Complete;\n      result: string;\n    };\n\n// Overload for wildcard tools without args\nexport function defineToolCallRenderer(def: {\n  name: \"*\";\n  render: (props: RenderProps<any>) => React.ReactElement;\n  agentId?: string;\n}): ReactToolCallRenderer<any>;\n\n// Overload for regular tools with args\nexport function defineToolCallRenderer<S extends z.ZodTypeAny>(def: {\n  name: string;\n  args: S;\n  render: (props: RenderProps<z.infer<S>>) => React.ReactElement;\n  agentId?: string;\n}): ReactToolCallRenderer<z.infer<S>>;\n\n// Implementation\nexport function defineToolCallRenderer<S extends z.ZodTypeAny>(def: {\n  name: string;\n  args?: S;\n  render: (props: any) => React.ReactElement;\n  agentId?: string;\n}): ReactToolCallRenderer<any> {\n  // For wildcard tools, default to z.any() if no args provided\n  const argsSchema = def.name === \"*\" && !def.args ? z.any() : def.args;\n\n  return {\n    name: def.name,\n    args: argsSchema as any,\n    render: def.render as React.ComponentType<any>,\n    ...(def.agentId ? { agentId: def.agentId } : {}),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,iBAAkB;AA+CX,SAAS,uBAA+C,KAKhC;AAE7B,QAAM,aAAa,IAAI,SAAS,OAAO,CAAC,IAAI,OAAO,aAAE,IAAI,IAAI,IAAI;AAEjE,SAAO;AAAA,IACL,MAAM,IAAI;AAAA,IACV,MAAM;AAAA,IACN,QAAQ,IAAI;AAAA,IACZ,GAAI,IAAI,UAAU,EAAE,SAAS,IAAI,QAAQ,IAAI,CAAC;AAAA,EAChD;AACF;;;AD9DA,mBAAyB;AA2Bb;AAzBL,IAAM,yBAAyB,uBAAuB;AAAA,EAC3D,MAAM;AAAA,EACN,QAAQ,CAAC,EAAE,MAAM,QAAQ,MAAM,OAAO,MAAM;AAC1C,UAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAElD,UAAM,eAAe,OAAO,MAAM;AAIlC,UAAM,WACJ,iBAAiB,gBAAgB,iBAAiB;AACpD,UAAM,aAAa,iBAAiB;AACpC,UAAM,eAAe,WACjB,yEACA,aACE,iFACA;AAEN,WACE,4CAAC,SAAI,WAAU,aACb,uDAAC,SAAI,WAAU,4HACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM,cAAc,CAAC,UAAU;AAAA,UAExC;AAAA,yDAAC,SAAI,WAAU,mCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,iEACT,aAAa,cAAc,EAC7B;AAAA,kBACA,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,aAAa;AAAA,kBACb,QAAO;AAAA,kBAEP;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAc;AAAA,sBACd,gBAAe;AAAA,sBACf,GAAE;AAAA;AAAA,kBACJ;AAAA;AAAA,cACF;AAAA,cACA,4CAAC,UAAK,WAAU,iDAAgD;AAAA,cAChE,4CAAC,UAAK,WAAU,iEACb,gBACH;AAAA,eACF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,uEAAuE,YAAY;AAAA,gBAE7F,iBAAO,MAAM;AAAA;AAAA,YAChB;AAAA;AAAA;AAAA,MACF;AAAA,MAEC,cACC,6CAAC,SAAI,WAAU,mBACb;AAAA,qDAAC,SACC;AAAA,sDAAC,SAAI,WAAU,oEAAmE,uBAElF;AAAA,UACA,4CAAC,SAAI,WAAU,sKACZ,eAAK,UAAU,QAAQ,CAAC,GAAG,MAAM,CAAC,GACrC;AAAA,WACF;AAAA,QAEC,WAAW,UACV,6CAAC,SACC;AAAA,sDAAC,SAAI,WAAU,oEAAmE,oBAElF;AAAA,UACA,4CAAC,SAAI,WAAU,sKACZ,iBAAO,WAAW,WACf,SACA,KAAK,UAAU,QAAQ,MAAM,CAAC,GACpC;AAAA,WACF;AAAA,SAEJ;AAAA,OAEJ,GACF;AAAA,EAEJ;AACF,CAAC;","names":[]}

package/dist/components/WildcardToolCallRender.mjs

@@ -0,0 +1,8 @@
+import {
+  WildcardToolCallRender
+} from "../chunk-5JNWVLQI.mjs";
+import "../chunk-46BZRXWT.mjs";
+export {
+  WildcardToolCallRender
+};
+//# sourceMappingURL=WildcardToolCallRender.mjs.map

package/dist/components/WildcardToolCallRender.mjs.map

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

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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import CopilotChatView, { CopilotChatViewProps } from './CopilotChatView.mjs';
+import { CopilotChatLabels } from '../../providers/CopilotChatConfigurationProvider.mjs';
+import { SlotValue } from '../../lib/slots.mjs';
+import 'react';
+import './CopilotChatMessageView.mjs';
+import './CopilotChatAssistantMessage.mjs';
+import '@ag-ui/core';
+import 'streamdown';
+import './CopilotChatToolCallsView.mjs';
+import './CopilotChatUserMessage.mjs';
+import './CopilotChatInput.mjs';
+import './CopilotChatAudioRecorder.mjs';
+import './CopilotChatSuggestionView.mjs';
+import '@copilotkitnext/core';
+import './CopilotChatSuggestionPill.mjs';
+
+type CopilotChatProps = Omit<CopilotChatViewProps, "messages" | "isRunning" | "suggestions" | "suggestionLoadingIndexes" | "onSelectSuggestion"> & {
+    agentId?: string;
+    threadId?: string;
+    labels?: Partial<CopilotChatLabels>;
+    chatView?: SlotValue<typeof CopilotChatView>;
+    isModalDefaultOpen?: boolean;
+};
+declare function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, ...props }: CopilotChatProps): react_jsx_runtime.JSX.Element;
+declare namespace CopilotChat {
+    const View: typeof CopilotChatView;
+}
+
+export { CopilotChat, type CopilotChatProps };

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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import CopilotChatView, { CopilotChatViewProps } from './CopilotChatView.js';
+import { CopilotChatLabels } from '../../providers/CopilotChatConfigurationProvider.js';
+import { SlotValue } from '../../lib/slots.js';
+import 'react';
+import './CopilotChatMessageView.js';
+import './CopilotChatAssistantMessage.js';
+import '@ag-ui/core';
+import 'streamdown';
+import './CopilotChatToolCallsView.js';
+import './CopilotChatUserMessage.js';
+import './CopilotChatInput.js';
+import './CopilotChatAudioRecorder.js';
+import './CopilotChatSuggestionView.js';
+import '@copilotkitnext/core';
+import './CopilotChatSuggestionPill.js';
+
+type CopilotChatProps = Omit<CopilotChatViewProps, "messages" | "isRunning" | "suggestions" | "suggestionLoadingIndexes" | "onSelectSuggestion"> & {
+    agentId?: string;
+    threadId?: string;
+    labels?: Partial<CopilotChatLabels>;
+    chatView?: SlotValue<typeof CopilotChatView>;
+    isModalDefaultOpen?: boolean;
+};
+declare function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, ...props }: CopilotChatProps): react_jsx_runtime.JSX.Element;
+declare namespace CopilotChat {
+    const View: typeof CopilotChatView;
+}
+
+export { CopilotChat, type CopilotChatProps };