@copilotkitnext/react 1.52.0-next.6 → 1.52.0-next.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/components/chat/CopilotChatMessageView.cjs +18 -5
  2. package/dist/components/chat/CopilotChatMessageView.cjs.map +1 -1
  3. package/dist/components/chat/CopilotChatMessageView.d.cts +1 -0
  4. package/dist/components/chat/CopilotChatMessageView.d.cts.map +1 -1
  5. package/dist/components/chat/CopilotChatMessageView.d.mts +1 -0
  6. package/dist/components/chat/CopilotChatMessageView.d.mts.map +1 -1
  7. package/dist/components/chat/CopilotChatMessageView.mjs +19 -6
  8. package/dist/components/chat/CopilotChatMessageView.mjs.map +1 -1
  9. package/dist/hooks/index.cjs +1 -0
  10. package/dist/hooks/index.d.cts +2 -1
  11. package/dist/hooks/index.d.mts +2 -1
  12. package/dist/hooks/index.mjs +1 -0
  13. package/dist/hooks/use-interrupt.cjs +171 -0
  14. package/dist/hooks/use-interrupt.cjs.map +1 -0
  15. package/dist/hooks/use-interrupt.d.cts +102 -0
  16. package/dist/hooks/use-interrupt.d.cts.map +1 -0
  17. package/dist/hooks/use-interrupt.d.mts +102 -0
  18. package/dist/hooks/use-interrupt.d.mts.map +1 -0
  19. package/dist/hooks/use-interrupt.mjs +170 -0
  20. package/dist/hooks/use-interrupt.mjs.map +1 -0
  21. package/dist/index.cjs +2 -0
  22. package/dist/index.d.cts +3 -1
  23. package/dist/index.d.mts +3 -1
  24. package/dist/index.mjs +2 -1
  25. package/dist/index.umd.js +198 -5
  26. package/dist/index.umd.js.map +1 -1
  27. package/dist/lib/react-core.cjs +13 -0
  28. package/dist/lib/react-core.cjs.map +1 -1
  29. package/dist/lib/react-core.d.cts +8 -0
  30. package/dist/lib/react-core.d.cts.map +1 -1
  31. package/dist/lib/react-core.d.mts +8 -0
  32. package/dist/lib/react-core.d.mts.map +1 -1
  33. package/dist/lib/react-core.mjs +13 -0
  34. package/dist/lib/react-core.mjs.map +1 -1
  35. package/dist/types/index.d.cts +2 -1
  36. package/dist/types/index.d.mts +2 -1
  37. package/dist/types/interrupt.d.cts +17 -0
  38. package/dist/types/interrupt.d.cts.map +1 -0
  39. package/dist/types/interrupt.d.mts +17 -0
  40. package/dist/types/interrupt.d.mts.map +1 -0
  41. package/package.json +6 -6
@@ -6,6 +6,7 @@ var CopilotKitCoreReact = class extends _copilotkitnext_core.CopilotKitCore {
6
6
  _renderToolCalls = [];
7
7
  _renderCustomMessages = [];
8
8
  _renderActivityMessages = [];
9
+ _interruptElement = null;
9
10
  constructor(config) {
10
11
  super(config);
11
12
  this._renderToolCalls = config.renderToolCalls ?? [];
@@ -31,6 +32,18 @@ var CopilotKitCoreReact = class extends _copilotkitnext_core.CopilotKitCore {
31
32
  });
32
33
  }, "Subscriber onRenderToolCallsChanged error:");
33
34
  }
35
+ get interruptElement() {
36
+ return this._interruptElement;
37
+ }
38
+ setInterruptElement(element) {
39
+ this._interruptElement = element;
40
+ this.notifySubscribers((subscriber) => {
41
+ subscriber.onInterruptElementChanged?.({
42
+ copilotkit: this,
43
+ interruptElement: this._interruptElement
44
+ });
45
+ }, "Subscriber onInterruptElementChanged error:");
46
+ }
34
47
  subscribe(subscriber) {
35
48
  return super.subscribe(subscriber);
36
49
  }
@@ -1 +1 @@
1
- {"version":3,"file":"react-core.cjs","names":["CopilotKitCore"],"sources":["../../src/lib/react-core.ts"],"sourcesContent":["import type {\n ReactActivityMessageRenderer,\n ReactToolCallRenderer,\n} from \"@/types\";\nimport type { ReactCustomMessageRenderer } from \"@/types/react-custom-message-renderer\";\nimport {\n CopilotKitCore,\n type CopilotKitCoreConfig,\n type CopilotKitCoreSubscriber,\n type CopilotKitCoreSubscription,\n} from \"@copilotkitnext/core\";\n\nexport interface CopilotKitCoreReactConfig extends CopilotKitCoreConfig {\n // Add any additional configuration properties specific to the React implementation\n renderToolCalls?: ReactToolCallRenderer<any>[];\n renderActivityMessages?: ReactActivityMessageRenderer<any>[];\n\n // Add custom message renderers\n renderCustomMessages?: ReactCustomMessageRenderer[];\n}\n\nexport interface CopilotKitCoreReactSubscriber extends CopilotKitCoreSubscriber {\n onRenderToolCallsChanged?: (event: {\n copilotkit: CopilotKitCore;\n renderToolCalls: ReactToolCallRenderer<any>[];\n }) => void | Promise<void>;\n}\n\nexport class CopilotKitCoreReact extends CopilotKitCore {\n private _renderToolCalls: ReactToolCallRenderer<any>[] = [];\n private _renderCustomMessages: ReactCustomMessageRenderer[] = [];\n private _renderActivityMessages: ReactActivityMessageRenderer<any>[] = [];\n\n constructor(config: CopilotKitCoreReactConfig) {\n super(config);\n this._renderToolCalls = config.renderToolCalls ?? [];\n this._renderCustomMessages = config.renderCustomMessages ?? [];\n this._renderActivityMessages = config.renderActivityMessages ?? [];\n }\n\n get renderCustomMessages(): Readonly<ReactCustomMessageRenderer[]> {\n return this._renderCustomMessages;\n }\n\n get renderActivityMessages(): Readonly<ReactActivityMessageRenderer<any>>[] {\n return this._renderActivityMessages;\n }\n\n get renderToolCalls(): Readonly<ReactToolCallRenderer<any>>[] {\n return this._renderToolCalls;\n }\n\n setRenderToolCalls(renderToolCalls: ReactToolCallRenderer<any>[]): void {\n this._renderToolCalls = renderToolCalls;\n\n // Notify React-specific subscribers\n void this.notifySubscribers((subscriber) => {\n const reactSubscriber = subscriber as CopilotKitCoreReactSubscriber;\n if (reactSubscriber.onRenderToolCallsChanged) {\n reactSubscriber.onRenderToolCallsChanged({\n copilotkit: this,\n renderToolCalls: this.renderToolCalls,\n });\n }\n }, \"Subscriber onRenderToolCallsChanged error:\");\n }\n\n // Override to accept React-specific subscriber type\n subscribe(\n subscriber: CopilotKitCoreReactSubscriber,\n ): CopilotKitCoreSubscription {\n return super.subscribe(subscriber);\n }\n}\n"],"mappings":";;;;AA4BA,IAAa,sBAAb,cAAyCA,oCAAe;CACtD,AAAQ,mBAAiD,EAAE;CAC3D,AAAQ,wBAAsD,EAAE;CAChE,AAAQ,0BAA+D,EAAE;CAEzE,YAAY,QAAmC;AAC7C,QAAM,OAAO;AACb,OAAK,mBAAmB,OAAO,mBAAmB,EAAE;AACpD,OAAK,wBAAwB,OAAO,wBAAwB,EAAE;AAC9D,OAAK,0BAA0B,OAAO,0BAA0B,EAAE;;CAGpE,IAAI,uBAA+D;AACjE,SAAO,KAAK;;CAGd,IAAI,yBAAwE;AAC1E,SAAO,KAAK;;CAGd,IAAI,kBAA0D;AAC5D,SAAO,KAAK;;CAGd,mBAAmB,iBAAqD;AACtE,OAAK,mBAAmB;AAGxB,EAAK,KAAK,mBAAmB,eAAe;GAC1C,MAAM,kBAAkB;AACxB,OAAI,gBAAgB,yBAClB,iBAAgB,yBAAyB;IACvC,YAAY;IACZ,iBAAiB,KAAK;IACvB,CAAC;KAEH,6CAA6C;;CAIlD,UACE,YAC4B;AAC5B,SAAO,MAAM,UAAU,WAAW"}
1
+ {"version":3,"file":"react-core.cjs","names":["CopilotKitCore"],"sources":["../../src/lib/react-core.ts"],"sourcesContent":["import React from \"react\";\nimport { ReactActivityMessageRenderer, ReactToolCallRenderer } from \"@/types\";\nimport { ReactCustomMessageRenderer } from \"@/types/react-custom-message-renderer\";\nimport {\n CopilotKitCore,\n type CopilotKitCoreConfig,\n type CopilotKitCoreSubscriber,\n type CopilotKitCoreSubscription,\n} from \"@copilotkitnext/core\";\n\nexport interface CopilotKitCoreReactConfig extends CopilotKitCoreConfig {\n // Add any additional configuration properties specific to the React implementation\n renderToolCalls?: ReactToolCallRenderer<any>[];\n renderActivityMessages?: ReactActivityMessageRenderer<any>[];\n\n // Add custom message renderers\n renderCustomMessages?: ReactCustomMessageRenderer[];\n}\n\nexport interface CopilotKitCoreReactSubscriber extends CopilotKitCoreSubscriber {\n onRenderToolCallsChanged?: (event: {\n copilotkit: CopilotKitCore;\n renderToolCalls: ReactToolCallRenderer<any>[];\n }) => void | Promise<void>;\n onInterruptElementChanged?: (event: {\n copilotkit: CopilotKitCore;\n interruptElement: React.ReactElement | null;\n }) => void | Promise<void>;\n}\n\nexport class CopilotKitCoreReact extends CopilotKitCore {\n private _renderToolCalls: ReactToolCallRenderer<any>[] = [];\n private _renderCustomMessages: ReactCustomMessageRenderer[] = [];\n private _renderActivityMessages: ReactActivityMessageRenderer<any>[] = [];\n private _interruptElement: React.ReactElement | null = null;\n\n constructor(config: CopilotKitCoreReactConfig) {\n super(config);\n this._renderToolCalls = config.renderToolCalls ?? [];\n this._renderCustomMessages = config.renderCustomMessages ?? [];\n this._renderActivityMessages = config.renderActivityMessages ?? [];\n }\n\n get renderCustomMessages(): Readonly<ReactCustomMessageRenderer[]> {\n return this._renderCustomMessages;\n }\n\n get renderActivityMessages(): Readonly<ReactActivityMessageRenderer<any>>[] {\n return this._renderActivityMessages;\n }\n\n get renderToolCalls(): Readonly<ReactToolCallRenderer<any>>[] {\n return this._renderToolCalls;\n }\n\n setRenderToolCalls(renderToolCalls: ReactToolCallRenderer<any>[]): void {\n this._renderToolCalls = renderToolCalls;\n\n // Notify React-specific subscribers\n void this.notifySubscribers((subscriber) => {\n const reactSubscriber = subscriber as CopilotKitCoreReactSubscriber;\n if (reactSubscriber.onRenderToolCallsChanged) {\n reactSubscriber.onRenderToolCallsChanged({\n copilotkit: this,\n renderToolCalls: this.renderToolCalls,\n });\n }\n }, \"Subscriber onRenderToolCallsChanged error:\");\n }\n\n get interruptElement(): React.ReactElement | null {\n return this._interruptElement;\n }\n\n setInterruptElement(element: React.ReactElement | null): void {\n this._interruptElement = element;\n void this.notifySubscribers((subscriber) => {\n const reactSubscriber = subscriber as CopilotKitCoreReactSubscriber;\n reactSubscriber.onInterruptElementChanged?.({\n copilotkit: this,\n interruptElement: this._interruptElement,\n });\n }, \"Subscriber onInterruptElementChanged error:\");\n }\n\n // Override to accept React-specific subscriber type\n subscribe(\n subscriber: CopilotKitCoreReactSubscriber,\n ): CopilotKitCoreSubscription {\n return super.subscribe(subscriber);\n }\n}\n"],"mappings":";;;;AA8BA,IAAa,sBAAb,cAAyCA,oCAAe;CACtD,AAAQ,mBAAiD,EAAE;CAC3D,AAAQ,wBAAsD,EAAE;CAChE,AAAQ,0BAA+D,EAAE;CACzE,AAAQ,oBAA+C;CAEvD,YAAY,QAAmC;AAC7C,QAAM,OAAO;AACb,OAAK,mBAAmB,OAAO,mBAAmB,EAAE;AACpD,OAAK,wBAAwB,OAAO,wBAAwB,EAAE;AAC9D,OAAK,0BAA0B,OAAO,0BAA0B,EAAE;;CAGpE,IAAI,uBAA+D;AACjE,SAAO,KAAK;;CAGd,IAAI,yBAAwE;AAC1E,SAAO,KAAK;;CAGd,IAAI,kBAA0D;AAC5D,SAAO,KAAK;;CAGd,mBAAmB,iBAAqD;AACtE,OAAK,mBAAmB;AAGxB,EAAK,KAAK,mBAAmB,eAAe;GAC1C,MAAM,kBAAkB;AACxB,OAAI,gBAAgB,yBAClB,iBAAgB,yBAAyB;IACvC,YAAY;IACZ,iBAAiB,KAAK;IACvB,CAAC;KAEH,6CAA6C;;CAGlD,IAAI,mBAA8C;AAChD,SAAO,KAAK;;CAGd,oBAAoB,SAA0C;AAC5D,OAAK,oBAAoB;AACzB,EAAK,KAAK,mBAAmB,eAAe;AAE1C,GADwB,WACR,4BAA4B;IAC1C,YAAY;IACZ,kBAAkB,KAAK;IACxB,CAAC;KACD,8CAA8C;;CAInD,UACE,YAC4B;AAC5B,SAAO,MAAM,UAAU,WAAW"}
@@ -2,6 +2,7 @@ import { ReactCustomMessageRenderer } from "../types/react-custom-message-render
2
2
  import { ReactToolCallRenderer } from "../types/react-tool-call-renderer.cjs";
3
3
  import { ReactActivityMessageRenderer } from "../types/react-activity-message-renderer.cjs";
4
4
  import "../types/index.cjs";
5
+ import React from "react";
5
6
  import { CopilotKitCore, CopilotKitCoreConfig, CopilotKitCoreSubscriber, CopilotKitCoreSubscription } from "@copilotkitnext/core";
6
7
 
7
8
  //#region src/lib/react-core.d.ts
@@ -15,16 +16,23 @@ interface CopilotKitCoreReactSubscriber extends CopilotKitCoreSubscriber {
15
16
  copilotkit: CopilotKitCore;
16
17
  renderToolCalls: ReactToolCallRenderer<any>[];
17
18
  }) => void | Promise<void>;
19
+ onInterruptElementChanged?: (event: {
20
+ copilotkit: CopilotKitCore;
21
+ interruptElement: React.ReactElement | null;
22
+ }) => void | Promise<void>;
18
23
  }
19
24
  declare class CopilotKitCoreReact extends CopilotKitCore {
20
25
  private _renderToolCalls;
21
26
  private _renderCustomMessages;
22
27
  private _renderActivityMessages;
28
+ private _interruptElement;
23
29
  constructor(config: CopilotKitCoreReactConfig);
24
30
  get renderCustomMessages(): Readonly<ReactCustomMessageRenderer[]>;
25
31
  get renderActivityMessages(): Readonly<ReactActivityMessageRenderer<any>>[];
26
32
  get renderToolCalls(): Readonly<ReactToolCallRenderer<any>>[];
27
33
  setRenderToolCalls(renderToolCalls: ReactToolCallRenderer<any>[]): void;
34
+ get interruptElement(): React.ReactElement | null;
35
+ setInterruptElement(element: React.ReactElement | null): void;
28
36
  subscribe(subscriber: CopilotKitCoreReactSubscriber): CopilotKitCoreSubscription;
29
37
  }
30
38
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"react-core.d.cts","names":[],"sources":["../../src/lib/react-core.ts"],"mappings":";;;;;;;UAYiB,yBAAA,SAAkC,oBAAA;EAEjD,eAAA,GAAkB,qBAAA;EAClB,sBAAA,GAAyB,4BAAA;EAGzB,oBAAA,GAAuB,0BAAA;AAAA;AAAA,UAGR,6BAAA,SAAsC,wBAAA;EACrD,wBAAA,IAA4B,KAAA;IAC1B,UAAA,EAAY,cAAA;IACZ,eAAA,EAAiB,qBAAA;EAAA,aACN,OAAA;AAAA;AAAA,cAGF,mBAAA,SAA4B,cAAA;EAAA,QAC/B,gBAAA;EAAA,QACA,qBAAA;EAAA,QACA,uBAAA;cAEI,MAAA,EAAQ,yBAAA;EAAA,IAOhB,oBAAA,CAAA,GAAwB,QAAA,CAAS,0BAAA;EAAA,IAIjC,sBAAA,CAAA,GAA0B,QAAA,CAAS,4BAAA;EAAA,IAInC,eAAA,CAAA,GAAmB,QAAA,CAAS,qBAAA;EAIhC,kBAAA,CAAmB,eAAA,EAAiB,qBAAA;EAgBpC,SAAA,CACE,UAAA,EAAY,6BAAA,GACX,0BAAA;AAAA"}
1
+ {"version":3,"file":"react-core.d.cts","names":[],"sources":["../../src/lib/react-core.ts"],"mappings":";;;;;;;;UAUiB,yBAAA,SAAkC,oBAAA;EAEjD,eAAA,GAAkB,qBAAA;EAClB,sBAAA,GAAyB,4BAAA;EAGzB,oBAAA,GAAuB,0BAAA;AAAA;AAAA,UAGR,6BAAA,SAAsC,wBAAA;EACrD,wBAAA,IAA4B,KAAA;IAC1B,UAAA,EAAY,cAAA;IACZ,eAAA,EAAiB,qBAAA;EAAA,aACN,OAAA;EACb,yBAAA,IAA6B,KAAA;IAC3B,UAAA,EAAY,cAAA;IACZ,gBAAA,EAAkB,KAAA,CAAM,YAAA;EAAA,aACb,OAAA;AAAA;AAAA,cAGF,mBAAA,SAA4B,cAAA;EAAA,QAC/B,gBAAA;EAAA,QACA,qBAAA;EAAA,QACA,uBAAA;EAAA,QACA,iBAAA;cAEI,MAAA,EAAQ,yBAAA;EAAA,IAOhB,oBAAA,CAAA,GAAwB,QAAA,CAAS,0BAAA;EAAA,IAIjC,sBAAA,CAAA,GAA0B,QAAA,CAAS,4BAAA;EAAA,IAInC,eAAA,CAAA,GAAmB,QAAA,CAAS,qBAAA;EAIhC,kBAAA,CAAmB,eAAA,EAAiB,qBAAA;EAAA,IAehC,gBAAA,CAAA,GAAoB,KAAA,CAAM,YAAA;EAI9B,mBAAA,CAAoB,OAAA,EAAS,KAAA,CAAM,YAAA;EAYnC,SAAA,CACE,UAAA,EAAY,6BAAA,GACX,0BAAA;AAAA"}
@@ -2,6 +2,7 @@ import { ReactCustomMessageRenderer } from "../types/react-custom-message-render
2
2
  import { ReactToolCallRenderer } from "../types/react-tool-call-renderer.mjs";
3
3
  import { ReactActivityMessageRenderer } from "../types/react-activity-message-renderer.mjs";
4
4
  import "../types/index.mjs";
5
+ import React from "react";
5
6
  import { CopilotKitCore, CopilotKitCoreConfig, CopilotKitCoreSubscriber, CopilotKitCoreSubscription } from "@copilotkitnext/core";
6
7
 
7
8
  //#region src/lib/react-core.d.ts
@@ -15,16 +16,23 @@ interface CopilotKitCoreReactSubscriber extends CopilotKitCoreSubscriber {
15
16
  copilotkit: CopilotKitCore;
16
17
  renderToolCalls: ReactToolCallRenderer<any>[];
17
18
  }) => void | Promise<void>;
19
+ onInterruptElementChanged?: (event: {
20
+ copilotkit: CopilotKitCore;
21
+ interruptElement: React.ReactElement | null;
22
+ }) => void | Promise<void>;
18
23
  }
19
24
  declare class CopilotKitCoreReact extends CopilotKitCore {
20
25
  private _renderToolCalls;
21
26
  private _renderCustomMessages;
22
27
  private _renderActivityMessages;
28
+ private _interruptElement;
23
29
  constructor(config: CopilotKitCoreReactConfig);
24
30
  get renderCustomMessages(): Readonly<ReactCustomMessageRenderer[]>;
25
31
  get renderActivityMessages(): Readonly<ReactActivityMessageRenderer<any>>[];
26
32
  get renderToolCalls(): Readonly<ReactToolCallRenderer<any>>[];
27
33
  setRenderToolCalls(renderToolCalls: ReactToolCallRenderer<any>[]): void;
34
+ get interruptElement(): React.ReactElement | null;
35
+ setInterruptElement(element: React.ReactElement | null): void;
28
36
  subscribe(subscriber: CopilotKitCoreReactSubscriber): CopilotKitCoreSubscription;
29
37
  }
30
38
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"react-core.d.mts","names":[],"sources":["../../src/lib/react-core.ts"],"mappings":";;;;;;;UAYiB,yBAAA,SAAkC,oBAAA;EAEjD,eAAA,GAAkB,qBAAA;EAClB,sBAAA,GAAyB,4BAAA;EAGzB,oBAAA,GAAuB,0BAAA;AAAA;AAAA,UAGR,6BAAA,SAAsC,wBAAA;EACrD,wBAAA,IAA4B,KAAA;IAC1B,UAAA,EAAY,cAAA;IACZ,eAAA,EAAiB,qBAAA;EAAA,aACN,OAAA;AAAA;AAAA,cAGF,mBAAA,SAA4B,cAAA;EAAA,QAC/B,gBAAA;EAAA,QACA,qBAAA;EAAA,QACA,uBAAA;cAEI,MAAA,EAAQ,yBAAA;EAAA,IAOhB,oBAAA,CAAA,GAAwB,QAAA,CAAS,0BAAA;EAAA,IAIjC,sBAAA,CAAA,GAA0B,QAAA,CAAS,4BAAA;EAAA,IAInC,eAAA,CAAA,GAAmB,QAAA,CAAS,qBAAA;EAIhC,kBAAA,CAAmB,eAAA,EAAiB,qBAAA;EAgBpC,SAAA,CACE,UAAA,EAAY,6BAAA,GACX,0BAAA;AAAA"}
1
+ {"version":3,"file":"react-core.d.mts","names":[],"sources":["../../src/lib/react-core.ts"],"mappings":";;;;;;;;UAUiB,yBAAA,SAAkC,oBAAA;EAEjD,eAAA,GAAkB,qBAAA;EAClB,sBAAA,GAAyB,4BAAA;EAGzB,oBAAA,GAAuB,0BAAA;AAAA;AAAA,UAGR,6BAAA,SAAsC,wBAAA;EACrD,wBAAA,IAA4B,KAAA;IAC1B,UAAA,EAAY,cAAA;IACZ,eAAA,EAAiB,qBAAA;EAAA,aACN,OAAA;EACb,yBAAA,IAA6B,KAAA;IAC3B,UAAA,EAAY,cAAA;IACZ,gBAAA,EAAkB,KAAA,CAAM,YAAA;EAAA,aACb,OAAA;AAAA;AAAA,cAGF,mBAAA,SAA4B,cAAA;EAAA,QAC/B,gBAAA;EAAA,QACA,qBAAA;EAAA,QACA,uBAAA;EAAA,QACA,iBAAA;cAEI,MAAA,EAAQ,yBAAA;EAAA,IAOhB,oBAAA,CAAA,GAAwB,QAAA,CAAS,0BAAA;EAAA,IAIjC,sBAAA,CAAA,GAA0B,QAAA,CAAS,4BAAA;EAAA,IAInC,eAAA,CAAA,GAAmB,QAAA,CAAS,qBAAA;EAIhC,kBAAA,CAAmB,eAAA,EAAiB,qBAAA;EAAA,IAehC,gBAAA,CAAA,GAAoB,KAAA,CAAM,YAAA;EAI9B,mBAAA,CAAoB,OAAA,EAAS,KAAA,CAAM,YAAA;EAYnC,SAAA,CACE,UAAA,EAAY,6BAAA,GACX,0BAAA;AAAA"}
@@ -5,6 +5,7 @@ var CopilotKitCoreReact = class extends CopilotKitCore {
5
5
  _renderToolCalls = [];
6
6
  _renderCustomMessages = [];
7
7
  _renderActivityMessages = [];
8
+ _interruptElement = null;
8
9
  constructor(config) {
9
10
  super(config);
10
11
  this._renderToolCalls = config.renderToolCalls ?? [];
@@ -30,6 +31,18 @@ var CopilotKitCoreReact = class extends CopilotKitCore {
30
31
  });
31
32
  }, "Subscriber onRenderToolCallsChanged error:");
32
33
  }
34
+ get interruptElement() {
35
+ return this._interruptElement;
36
+ }
37
+ setInterruptElement(element) {
38
+ this._interruptElement = element;
39
+ this.notifySubscribers((subscriber) => {
40
+ subscriber.onInterruptElementChanged?.({
41
+ copilotkit: this,
42
+ interruptElement: this._interruptElement
43
+ });
44
+ }, "Subscriber onInterruptElementChanged error:");
45
+ }
33
46
  subscribe(subscriber) {
34
47
  return super.subscribe(subscriber);
35
48
  }
@@ -1 +1 @@
1
- {"version":3,"file":"react-core.mjs","names":[],"sources":["../../src/lib/react-core.ts"],"sourcesContent":["import type {\n ReactActivityMessageRenderer,\n ReactToolCallRenderer,\n} from \"@/types\";\nimport type { ReactCustomMessageRenderer } from \"@/types/react-custom-message-renderer\";\nimport {\n CopilotKitCore,\n type CopilotKitCoreConfig,\n type CopilotKitCoreSubscriber,\n type CopilotKitCoreSubscription,\n} from \"@copilotkitnext/core\";\n\nexport interface CopilotKitCoreReactConfig extends CopilotKitCoreConfig {\n // Add any additional configuration properties specific to the React implementation\n renderToolCalls?: ReactToolCallRenderer<any>[];\n renderActivityMessages?: ReactActivityMessageRenderer<any>[];\n\n // Add custom message renderers\n renderCustomMessages?: ReactCustomMessageRenderer[];\n}\n\nexport interface CopilotKitCoreReactSubscriber extends CopilotKitCoreSubscriber {\n onRenderToolCallsChanged?: (event: {\n copilotkit: CopilotKitCore;\n renderToolCalls: ReactToolCallRenderer<any>[];\n }) => void | Promise<void>;\n}\n\nexport class CopilotKitCoreReact extends CopilotKitCore {\n private _renderToolCalls: ReactToolCallRenderer<any>[] = [];\n private _renderCustomMessages: ReactCustomMessageRenderer[] = [];\n private _renderActivityMessages: ReactActivityMessageRenderer<any>[] = [];\n\n constructor(config: CopilotKitCoreReactConfig) {\n super(config);\n this._renderToolCalls = config.renderToolCalls ?? [];\n this._renderCustomMessages = config.renderCustomMessages ?? [];\n this._renderActivityMessages = config.renderActivityMessages ?? [];\n }\n\n get renderCustomMessages(): Readonly<ReactCustomMessageRenderer[]> {\n return this._renderCustomMessages;\n }\n\n get renderActivityMessages(): Readonly<ReactActivityMessageRenderer<any>>[] {\n return this._renderActivityMessages;\n }\n\n get renderToolCalls(): Readonly<ReactToolCallRenderer<any>>[] {\n return this._renderToolCalls;\n }\n\n setRenderToolCalls(renderToolCalls: ReactToolCallRenderer<any>[]): void {\n this._renderToolCalls = renderToolCalls;\n\n // Notify React-specific subscribers\n void this.notifySubscribers((subscriber) => {\n const reactSubscriber = subscriber as CopilotKitCoreReactSubscriber;\n if (reactSubscriber.onRenderToolCallsChanged) {\n reactSubscriber.onRenderToolCallsChanged({\n copilotkit: this,\n renderToolCalls: this.renderToolCalls,\n });\n }\n }, \"Subscriber onRenderToolCallsChanged error:\");\n }\n\n // Override to accept React-specific subscriber type\n subscribe(\n subscriber: CopilotKitCoreReactSubscriber,\n ): CopilotKitCoreSubscription {\n return super.subscribe(subscriber);\n }\n}\n"],"mappings":";;;AA4BA,IAAa,sBAAb,cAAyC,eAAe;CACtD,AAAQ,mBAAiD,EAAE;CAC3D,AAAQ,wBAAsD,EAAE;CAChE,AAAQ,0BAA+D,EAAE;CAEzE,YAAY,QAAmC;AAC7C,QAAM,OAAO;AACb,OAAK,mBAAmB,OAAO,mBAAmB,EAAE;AACpD,OAAK,wBAAwB,OAAO,wBAAwB,EAAE;AAC9D,OAAK,0BAA0B,OAAO,0BAA0B,EAAE;;CAGpE,IAAI,uBAA+D;AACjE,SAAO,KAAK;;CAGd,IAAI,yBAAwE;AAC1E,SAAO,KAAK;;CAGd,IAAI,kBAA0D;AAC5D,SAAO,KAAK;;CAGd,mBAAmB,iBAAqD;AACtE,OAAK,mBAAmB;AAGxB,EAAK,KAAK,mBAAmB,eAAe;GAC1C,MAAM,kBAAkB;AACxB,OAAI,gBAAgB,yBAClB,iBAAgB,yBAAyB;IACvC,YAAY;IACZ,iBAAiB,KAAK;IACvB,CAAC;KAEH,6CAA6C;;CAIlD,UACE,YAC4B;AAC5B,SAAO,MAAM,UAAU,WAAW"}
1
+ {"version":3,"file":"react-core.mjs","names":[],"sources":["../../src/lib/react-core.ts"],"sourcesContent":["import React from \"react\";\nimport { ReactActivityMessageRenderer, ReactToolCallRenderer } from \"@/types\";\nimport { ReactCustomMessageRenderer } from \"@/types/react-custom-message-renderer\";\nimport {\n CopilotKitCore,\n type CopilotKitCoreConfig,\n type CopilotKitCoreSubscriber,\n type CopilotKitCoreSubscription,\n} from \"@copilotkitnext/core\";\n\nexport interface CopilotKitCoreReactConfig extends CopilotKitCoreConfig {\n // Add any additional configuration properties specific to the React implementation\n renderToolCalls?: ReactToolCallRenderer<any>[];\n renderActivityMessages?: ReactActivityMessageRenderer<any>[];\n\n // Add custom message renderers\n renderCustomMessages?: ReactCustomMessageRenderer[];\n}\n\nexport interface CopilotKitCoreReactSubscriber extends CopilotKitCoreSubscriber {\n onRenderToolCallsChanged?: (event: {\n copilotkit: CopilotKitCore;\n renderToolCalls: ReactToolCallRenderer<any>[];\n }) => void | Promise<void>;\n onInterruptElementChanged?: (event: {\n copilotkit: CopilotKitCore;\n interruptElement: React.ReactElement | null;\n }) => void | Promise<void>;\n}\n\nexport class CopilotKitCoreReact extends CopilotKitCore {\n private _renderToolCalls: ReactToolCallRenderer<any>[] = [];\n private _renderCustomMessages: ReactCustomMessageRenderer[] = [];\n private _renderActivityMessages: ReactActivityMessageRenderer<any>[] = [];\n private _interruptElement: React.ReactElement | null = null;\n\n constructor(config: CopilotKitCoreReactConfig) {\n super(config);\n this._renderToolCalls = config.renderToolCalls ?? [];\n this._renderCustomMessages = config.renderCustomMessages ?? [];\n this._renderActivityMessages = config.renderActivityMessages ?? [];\n }\n\n get renderCustomMessages(): Readonly<ReactCustomMessageRenderer[]> {\n return this._renderCustomMessages;\n }\n\n get renderActivityMessages(): Readonly<ReactActivityMessageRenderer<any>>[] {\n return this._renderActivityMessages;\n }\n\n get renderToolCalls(): Readonly<ReactToolCallRenderer<any>>[] {\n return this._renderToolCalls;\n }\n\n setRenderToolCalls(renderToolCalls: ReactToolCallRenderer<any>[]): void {\n this._renderToolCalls = renderToolCalls;\n\n // Notify React-specific subscribers\n void this.notifySubscribers((subscriber) => {\n const reactSubscriber = subscriber as CopilotKitCoreReactSubscriber;\n if (reactSubscriber.onRenderToolCallsChanged) {\n reactSubscriber.onRenderToolCallsChanged({\n copilotkit: this,\n renderToolCalls: this.renderToolCalls,\n });\n }\n }, \"Subscriber onRenderToolCallsChanged error:\");\n }\n\n get interruptElement(): React.ReactElement | null {\n return this._interruptElement;\n }\n\n setInterruptElement(element: React.ReactElement | null): void {\n this._interruptElement = element;\n void this.notifySubscribers((subscriber) => {\n const reactSubscriber = subscriber as CopilotKitCoreReactSubscriber;\n reactSubscriber.onInterruptElementChanged?.({\n copilotkit: this,\n interruptElement: this._interruptElement,\n });\n }, \"Subscriber onInterruptElementChanged error:\");\n }\n\n // Override to accept React-specific subscriber type\n subscribe(\n subscriber: CopilotKitCoreReactSubscriber,\n ): CopilotKitCoreSubscription {\n return super.subscribe(subscriber);\n }\n}\n"],"mappings":";;;AA8BA,IAAa,sBAAb,cAAyC,eAAe;CACtD,AAAQ,mBAAiD,EAAE;CAC3D,AAAQ,wBAAsD,EAAE;CAChE,AAAQ,0BAA+D,EAAE;CACzE,AAAQ,oBAA+C;CAEvD,YAAY,QAAmC;AAC7C,QAAM,OAAO;AACb,OAAK,mBAAmB,OAAO,mBAAmB,EAAE;AACpD,OAAK,wBAAwB,OAAO,wBAAwB,EAAE;AAC9D,OAAK,0BAA0B,OAAO,0BAA0B,EAAE;;CAGpE,IAAI,uBAA+D;AACjE,SAAO,KAAK;;CAGd,IAAI,yBAAwE;AAC1E,SAAO,KAAK;;CAGd,IAAI,kBAA0D;AAC5D,SAAO,KAAK;;CAGd,mBAAmB,iBAAqD;AACtE,OAAK,mBAAmB;AAGxB,EAAK,KAAK,mBAAmB,eAAe;GAC1C,MAAM,kBAAkB;AACxB,OAAI,gBAAgB,yBAClB,iBAAgB,yBAAyB;IACvC,YAAY;IACZ,iBAAiB,KAAK;IACvB,CAAC;KAEH,6CAA6C;;CAGlD,IAAI,mBAA8C;AAChD,SAAO,KAAK;;CAGd,oBAAoB,SAA0C;AAC5D,OAAK,oBAAoB;AACzB,EAAK,KAAK,mBAAmB,eAAe;AAE1C,GADwB,WACR,4BAA4B;IAC1C,YAAY;IACZ,kBAAkB,KAAK;IACxB,CAAC;KACD,8CAA8C;;CAInD,UACE,YAC4B;AAC5B,SAAO,MAAM,UAAU,WAAW"}
@@ -3,4 +3,5 @@ import { ReactToolCallRenderer } from "./react-tool-call-renderer.cjs";
3
3
  import { ReactActivityMessageRenderer } from "./react-activity-message-renderer.cjs";
4
4
  import { ReactFrontendTool } from "./frontend-tool.cjs";
5
5
  import { ReactHumanInTheLoop } from "./human-in-the-loop.cjs";
6
- import { defineToolCallRenderer } from "./defineToolCallRenderer.cjs";
6
+ import { defineToolCallRenderer } from "./defineToolCallRenderer.cjs";
7
+ import { InterruptEvent, InterruptHandlerProps, InterruptRenderProps } from "./interrupt.cjs";
@@ -3,4 +3,5 @@ import { ReactToolCallRenderer } from "./react-tool-call-renderer.mjs";
3
3
  import { ReactActivityMessageRenderer } from "./react-activity-message-renderer.mjs";
4
4
  import { ReactFrontendTool } from "./frontend-tool.mjs";
5
5
  import { ReactHumanInTheLoop } from "./human-in-the-loop.mjs";
6
- import { defineToolCallRenderer } from "./defineToolCallRenderer.mjs";
6
+ import { defineToolCallRenderer } from "./defineToolCallRenderer.mjs";
7
+ import { InterruptEvent, InterruptHandlerProps, InterruptRenderProps } from "./interrupt.mjs";
@@ -0,0 +1,17 @@
1
+ //#region src/types/interrupt.d.ts
2
+ interface InterruptEvent<TValue = unknown> {
3
+ name: string;
4
+ value: TValue;
5
+ }
6
+ interface InterruptHandlerProps<TValue = unknown> {
7
+ event: InterruptEvent<TValue>;
8
+ resolve: (response: unknown) => void;
9
+ }
10
+ interface InterruptRenderProps<TValue = unknown, TResult = unknown> {
11
+ event: InterruptEvent<TValue>;
12
+ result: TResult;
13
+ resolve: (response: unknown) => void;
14
+ }
15
+ //#endregion
16
+ export { InterruptEvent, InterruptHandlerProps, InterruptRenderProps };
17
+ //# sourceMappingURL=interrupt.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interrupt.d.cts","names":[],"sources":["../../src/types/interrupt.ts"],"mappings":";UAAiB,cAAA;EACf,IAAA;EACA,KAAA,EAAO,MAAA;AAAA;AAAA,UAGQ,qBAAA;EACf,KAAA,EAAO,cAAA,CAAe,MAAA;EACtB,OAAA,GAAU,QAAA;AAAA;AAAA,UAGK,oBAAA;EACf,KAAA,EAAO,cAAA,CAAe,MAAA;EACtB,MAAA,EAAQ,OAAA;EACR,OAAA,GAAU,QAAA;AAAA"}
@@ -0,0 +1,17 @@
1
+ //#region src/types/interrupt.d.ts
2
+ interface InterruptEvent<TValue = unknown> {
3
+ name: string;
4
+ value: TValue;
5
+ }
6
+ interface InterruptHandlerProps<TValue = unknown> {
7
+ event: InterruptEvent<TValue>;
8
+ resolve: (response: unknown) => void;
9
+ }
10
+ interface InterruptRenderProps<TValue = unknown, TResult = unknown> {
11
+ event: InterruptEvent<TValue>;
12
+ result: TResult;
13
+ resolve: (response: unknown) => void;
14
+ }
15
+ //#endregion
16
+ export { InterruptEvent, InterruptHandlerProps, InterruptRenderProps };
17
+ //# sourceMappingURL=interrupt.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interrupt.d.mts","names":[],"sources":["../../src/types/interrupt.ts"],"mappings":";UAAiB,cAAA;EACf,IAAA;EACA,KAAA,EAAO,MAAA;AAAA;AAAA,UAGQ,qBAAA;EACf,KAAA,EAAO,cAAA,CAAe,MAAA;EACtB,OAAA,GAAU,QAAA;AAAA;AAAA,UAGK,oBAAA;EACf,KAAA,EAAO,cAAA,CAAe,MAAA;EACtB,MAAA,EAAQ,OAAA;EACR,OAAA,GAAU,QAAA;AAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@copilotkitnext/react",
3
- "version": "1.52.0-next.6",
3
+ "version": "1.52.0-next.7",
4
4
  "description": "React components for CopilotKit2",
5
5
  "main": "./dist/index.cjs",
6
6
  "types": "./dist/index.d.cts",
@@ -38,8 +38,8 @@
38
38
  "tsdown": "^0.20.3",
39
39
  "typescript": "5.8.2",
40
40
  "vitest": "^3.2.4",
41
- "@copilotkitnext/eslint-config": "1.52.0-next.6",
42
- "@copilotkitnext/typescript-config": "1.52.0-next.6"
41
+ "@copilotkitnext/eslint-config": "1.52.0-next.7",
42
+ "@copilotkitnext/typescript-config": "1.52.0-next.7"
43
43
  },
44
44
  "dependencies": {
45
45
  "@ag-ui/client": "0.0.45",
@@ -58,9 +58,9 @@
58
58
  "tw-animate-css": "^1.3.5",
59
59
  "use-stick-to-bottom": "^1.1.1",
60
60
  "zod": "^3.25.75",
61
- "@copilotkitnext/core": "1.52.0-next.6",
62
- "@copilotkitnext/shared": "1.52.0-next.6",
63
- "@copilotkitnext/web-inspector": "1.52.0-next.6"
61
+ "@copilotkitnext/core": "1.52.0-next.7",
62
+ "@copilotkitnext/shared": "1.52.0-next.7",
63
+ "@copilotkitnext/web-inspector": "1.52.0-next.7"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "react": ">=16.8.0",