@copilotkitnext/react 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkitnext/react",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "React components for CopilotKit2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -34,8 +34,8 @@
     "tsup": "^8.5.0",
     "typescript": "5.8.2",
     "vitest": "^3.2.4",
-    "@copilotkitnext/eslint-config": "0.0.0",
-    "@copilotkitnext/typescript-config": "0.0.0"
+    "@copilotkitnext/typescript-config": "0.0.0",
+    "@copilotkitnext/eslint-config": "0.0.0"
   },
   "dependencies": {
     "@ag-ui/client": "0.0.36-alpha.1",
@@ -58,8 +58,8 @@
     "tw-animate-css": "^1.3.5",
     "use-stick-to-bottom": "^1.1.1",
     "zod": "^3.25.75",
-    "@copilotkitnext/core": "0.0.2",
-    "@copilotkitnext/shared": "0.0.2"
+    "@copilotkitnext/core": "0.0.4",
+    "@copilotkitnext/shared": "0.0.4"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/.turbo/turbo-build$colon$css.log

@@ -1,9 +0,0 @@
-
-
-> @copilotkit/react@0.0.0 build:css /Users/mme/Code/CopilotKit2/packages/react
-> npx @tailwindcss/cli -i ./src/styles/globals.css -o ./dist/styles.css -m
-
-⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦≈ tailwindcss v4.1.11
-
-Done in 117ms
-⠙

package/.turbo/turbo-build.log

@@ -1,30 +0,0 @@
-
-
-> @copilotkitnext/react@0.0.1 build /Users/mme/Code/vnext_experimental/packages/react
-> tsup && npm run build:css
-
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.0
-CLI Using tsup config: /Users/mme/Code/vnext_experimental/packages/react/tsup.config.ts
-CLI Target: es2022
-CJS Build start
-ESM Build start
-CJS dist/index.js     80.60 KB
-CJS dist/index.js.map 136.95 KB
-CJS ⚡️ Build success in 27ms
-ESM dist/index.mjs     72.83 KB
-ESM dist/index.mjs.map 138.31 KB
-ESM ⚡️ Build success in 27ms
-DTS Build start
-DTS ⚡️ Build success in 2909ms
-DTS dist/index.d.ts  17.44 KB
-DTS dist/index.d.mts 17.44 KB
-
-> @copilotkitnext/react@0.0.1 build:css
-> npx @tailwindcss/cli -i ./src/styles/globals.css -o ./dist/styles.css -m
-
-⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋≈ tailwindcss v4.1.11
-
-Done in 115ms
-⠙⠙

package/.turbo/turbo-lint.log

@@ -1,78 +0,0 @@
-
-> @copilotkit/react@0.0.0 lint /Users/mme/Code/CopilotKit2/packages/react
-> eslint . --max-warnings 0
-
-
-/Users/mme/Code/CopilotKit2/packages/react/src/components/chat/CopilotChatAudioRecorder.tsx
-  16:3  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/mme/Code/CopilotKit2/packages/react/src/components/chat/CopilotChatInput.tsx
-  538:10  warning  React Hook useEffect has a missing dependency: 'adjustHeight'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/mme/Code/CopilotKit2/packages/react/src/components/chat/CopilotChatView.tsx
-  165:8  warning  ES2015 module syntax is preferred over namespaces  @typescript-eslint/no-namespace
-
-/Users/mme/Code/CopilotKit2/packages/react/src/hooks/use-agent-context.tsx
-  16:6  warning  React Hook useEffect has a missing dependency: 'context'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/mme/Code/CopilotKit2/packages/react/src/hooks/use-agent.tsx
-  19:6   warning  React Hook useMemo has a missing dependency: 'copilotkit'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-  23:25  warning  'params' is defined but never used                                                                           @typescript-eslint/no-unused-vars
-  26:22  warning  'params' is defined but never used                                                                           @typescript-eslint/no-unused-vars
-  29:24  warning  'params' is defined but never used                                                                           @typescript-eslint/no-unused-vars
-  32:22  warning  'params' is defined but never used                                                                           @typescript-eslint/no-unused-vars
-  35:19  warning  'params' is defined but never used                                                                           @typescript-eslint/no-unused-vars
-
-/Users/mme/Code/CopilotKit2/packages/react/src/hooks/use-frontend-tool.tsx
-   6:56  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                                                                                                   @typescript-eslint/no-explicit-any
-   6:63  warning  The `{}` ("empty object") type allows any non-nullish value, including literals like `0` and `""`.
-- If that's what you want, disable this lint rule with an inline comment or configure the 'allowObjectTypes' rule option.
-- If you want a type meaning "any object", you probably want `object` instead.
-- If you want a type meaning "any value", you probably want `unknown` instead  @typescript-eslint/no-empty-object-type
-  11:58  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                                                                                                   @typescript-eslint/no-explicit-any
-  11:65  warning  The `{}` ("empty object") type allows any non-nullish value, including literals like `0` and `""`.
-- If that's what you want, disable this lint rule with an inline comment or configure the 'allowObjectTypes' rule option.
-- If you want a type meaning "any object", you probably want `object` instead.
-- If you want a type meaning "any value", you probably want `unknown` instead  @typescript-eslint/no-empty-object-type
-  40:6   warning  React Hook useEffect has missing dependencies: 'renderToolCalls' and 'setCurrentRenderToolCalls'. Either include them or remove the dependency array                                                                                                                                                                                                                                       react-hooks/exhaustive-deps
-
-/Users/mme/Code/CopilotKit2/packages/react/src/hooks/use-human-in-the-loop.tsx
-   7:58  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                                                                                                   @typescript-eslint/no-explicit-any
-   7:65  warning  The `{}` ("empty object") type allows any non-nullish value, including literals like `0` and `""`.
-- If that's what you want, disable this lint rule with an inline comment or configure the 'allowObjectTypes' rule option.
-- If you want a type meaning "any object", you probably want `object` instead.
-- If you want a type meaning "any value", you probably want `unknown` instead  @typescript-eslint/no-empty-object-type
-  39:60  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                                                                                                   @typescript-eslint/no-explicit-any
-  39:67  warning  The `{}` ("empty object") type allows any non-nullish value, including literals like `0` and `""`.
-- If that's what you want, disable this lint rule with an inline comment or configure the 'allowObjectTypes' rule option.
-- If you want a type meaning "any object", you probably want `object` instead.
-- If you want a type meaning "any value", you probably want `unknown` instead  @typescript-eslint/no-empty-object-type
-  55:38  warning  'args' is defined but never used                                                                                                                                                                                                                                                                                                                                                           @typescript-eslint/no-unused-vars
-  88:58  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                                                                                                   @typescript-eslint/no-explicit-any
-
-/Users/mme/Code/CopilotKit2/packages/react/src/lib/__tests__/renderSlot.test.tsx
-  222:27  warning  Component definition is missing display name  react/display-name
-  372:50  warning  Unexpected any. Specify a different type      @typescript-eslint/no-explicit-any
-
-/Users/mme/Code/CopilotKit2/packages/react/src/lib/slots.tsx
-  10:53  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                                                                                                   @typescript-eslint/no-explicit-any
-  19:48  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                                                                                                   @typescript-eslint/no-explicit-any
-  20:10  warning  The `{}` ("empty object") type allows any non-nullish value, including literals like `0` and `""`.
-- If that's what you want, disable this lint rule with an inline comment or configure the 'allowObjectTypes' rule option.
-- If you want a type meaning "any object", you probably want `object` instead.
-- If you want a type meaning "any value", you probably want `unknown` instead  @typescript-eslint/no-empty-object-type
-  29:33  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                                                                                                   @typescript-eslint/no-explicit-any
-
-/Users/mme/Code/CopilotKit2/packages/react/src/providers/CopilotChatConfigurationProvider.tsx
-  1:55  warning  'useState' is defined but never used  @typescript-eslint/no-unused-vars
-
-/Users/mme/Code/CopilotKit2/packages/react/src/providers/CopilotKitProvider.tsx
-  52:65  warning  React Hook useMemo has a missing dependency: 'renderToolCalls'. Either include it or remove the dependency array                        react-hooks/exhaustive-deps
-  65:6   warning  React Hook useEffect has a missing dependency: 'initialRenderToolCalls'. Either include it or remove the dependency array               react-hooks/exhaustive-deps
-  76:6   warning  React Hook useMemo has missing dependencies: 'agents', 'headers', and 'properties'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
-  83:6   warning  React Hook useEffect has a missing dependency: 'copilotkit'. Either include it or remove the dependency array                           react-hooks/exhaustive-deps
-
-✖ 32 problems (0 errors, 32 warnings)
-
-ESLint found too many warnings (maximum: 0).
- ELIFECYCLE  Command failed with exit code 1.

package/.turbo/turbo-test.log

@@ -1,79 +0,0 @@
-
-> @copilotkitnext/react@0.0.0 test /Users/mme/Code/CopilotKit2/packages/react
-> vitest run
-
-
- RUN  v3.2.4 /Users/mme/Code/CopilotKit2/packages/react
-
- ✓ src/lib/__tests__/completePartialMarkdown.test.ts (68 tests) 9ms
-stdout | src/lib/__tests__/renderSlot.test.tsx > renderSlot > Ref forwarding > forwards refs to custom component
-stderr | src/lib/__tests__/renderSlot.test.tsx > renderSlot > Ref forwarding > forwards refs to custom component
-BUG: Custom component was not used by renderSlot
-
-Invalid values for props `$$typeof`, `render` on <input> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior 
-Invalid attribute name: `$$typeof`
-
-stdout | src/lib/__tests__/renderSlot.test.tsx > renderSlot > Complex prop merging > handles undefined and null prop values
-BUG: undefined slot props override base props
-
- ✓ src/providers/__tests__/CopilotKitProvider.test.tsx (16 tests) 281ms
- ✓ src/providers/__tests__/CopilotKitProvider.wildcard.test.tsx (9 tests) 49ms
-stdout | src/lib/__tests__/renderSlot.test.tsx > renderSlot > Additional bug hunting > FINAL ANALYSIS: renderSlot function behavior
-
-=== RENDERSLOT FUNCTION ANALYSIS ===
-✅ String slots work correctly (become className)
-✅ Function slots work correctly (custom components used)
-✅ Object slots work correctly (props merged)
-✅ Undefined slots work correctly (default component used)
-📋 Undefined props in slot objects override base props (expected JS behavior)
-📋 Complex ref forwarding may have edge cases but core function works
-🎉 Overall: renderSlot function is working as designed!
-
- ✓ src/lib/__tests__/renderSlot.test.tsx (32 tests) 420ms
-stderr | src/components/chat/__tests__/CopilotChatInput.test.tsx > CopilotChatInput > shows cancel and finish buttons in transcribe mode
-Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
-    at module.exports (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@26.1.0/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
-    at HTMLCanvasElementImpl.getContext (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@26.1.0/node_modules/jsdom/lib/jsdom/living/nodes/HTMLCanvasElement-impl.js:42:5)
-    at HTMLCanvasElement.getContext (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@26.1.0/node_modules/jsdom/lib/jsdom/living/generated/HTMLCanvasElement.js:131:58)
-    at /Users/mme/Code/CopilotKit2/packages/react/src/components/chat/CopilotChatAudioRecorder.tsx:59:24
-    at Object.react-stack-bottom-frame (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:23949:20)
-    at runWithFiberInDEV (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:1522:13)
-    at commitHookEffectListMount (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:11905:29)
-    at commitHookPassiveMountEffects (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:12028:11)
-    at commitPassiveMountOnFiber (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:13841:13)
-    at recursivelyTraversePassiveMountEffects (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:13815:11) undefined
-
-stderr | src/components/chat/__tests__/CopilotChatInput.test.tsx > CopilotChatInput > disables add and tools buttons in transcribe mode
-Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
-    at module.exports (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@26.1.0/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
-    at HTMLCanvasElementImpl.getContext (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@26.1.0/node_modules/jsdom/lib/jsdom/living/nodes/HTMLCanvasElement-impl.js:42:5)
-    at HTMLCanvasElement.getContext (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@26.1.0/node_modules/jsdom/lib/jsdom/living/generated/HTMLCanvasElement.js:131:58)
-    at /Users/mme/Code/CopilotKit2/packages/react/src/components/chat/CopilotChatAudioRecorder.tsx:59:24
-    at Object.react-stack-bottom-frame (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:23949:20)
-    at runWithFiberInDEV (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:1522:13)
-    at commitHookEffectListMount (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:11905:29)
-    at commitHookPassiveMountEffects (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:12028:11)
-    at commitPassiveMountOnFiber (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:13841:13)
-    at recursivelyTraversePassiveMountEffects (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:13815:11) undefined
-
-stderr | src/components/chat/__tests__/CopilotChatInput.test.tsx > CopilotChatInput > shows recording indicator instead of textarea in transcribe mode
-Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
-    at module.exports (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@26.1.0/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
-    at HTMLCanvasElementImpl.getContext (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@26.1.0/node_modules/jsdom/lib/jsdom/living/nodes/HTMLCanvasElement-impl.js:42:5)
-    at HTMLCanvasElement.getContext (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@26.1.0/node_modules/jsdom/lib/jsdom/living/generated/HTMLCanvasElement.js:131:58)
-    at /Users/mme/Code/CopilotKit2/packages/react/src/components/chat/CopilotChatAudioRecorder.tsx:59:24
-    at Object.react-stack-bottom-frame (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:23949:20)
-    at runWithFiberInDEV (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:1522:13)
-    at commitHookEffectListMount (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:11905:29)
-    at commitHookPassiveMountEffects (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:12028:11)
-    at commitPassiveMountOnFiber (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:13841:13)
-    at recursivelyTraversePassiveMountEffects (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/react-dom@19.1.0_react@19.1.0/node_modules/react-dom/cjs/react-dom-client.development.js:13815:11) undefined
-
- ✓ src/components/chat/__tests__/CopilotChatInput.test.tsx (24 tests) 617ms
- ✓ src/components/chat/__tests__/CopilotChatAssistantMessage.test.tsx (32 tests) 642ms
-
- Test Files  6 passed (6)
-      Tests  181 passed (181)
-   Start at  10:38:15
-   Duration  4.23s (transform 708ms, setup 302ms, collect 3.84s, tests 2.02s, environment 5.08s, prepare 3.96s)
-

package/postcss.config.js

@@ -1,7 +0,0 @@
-/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: { "@tailwindcss/postcss": {} },
-};
-
-// eslint-disable-next-line no-undef
-module.exports = config;

package/src/__tests__/setup.ts

@@ -1,2 +0,0 @@
-// Test setup file for Vitest
-// Add any global test configuration here

package/src/components/chat/CopilotChat.tsx

@@ -1,90 +0,0 @@
-import { useAgent } from "@/hooks/use-agent";
-import { CopilotChatView, CopilotChatViewProps } from "./CopilotChatView";
-import { CopilotChatConfigurationProvider } from "@/providers/CopilotChatConfigurationProvider";
-import { DEFAULT_AGENT_ID, randomUUID } from "@copilotkitnext/shared";
-import { useCallback, useState, useEffect, useMemo } from "react";
-import { merge } from "ts-deepmerge";
-
-export type CopilotChatProps = Omit<CopilotChatViewProps, "messages"> & {
-  agentId?: string;
-  threadId?: string;
-};
-
-export function CopilotChat({
-  agentId = DEFAULT_AGENT_ID,
-  threadId,
-  ...props
-}: CopilotChatProps) {
-  const { agent } = useAgent({ agentId });
-  const [isLoading, setIsLoading] = useState(false);
-  threadId = threadId ?? useMemo(() => randomUUID(), []);
-
-  const subscriber = {
-    onTextMessageStartEvent: () => setIsLoading(false),
-    onToolCallStartEvent: () => setIsLoading(false),
-  };
-
-  useEffect(() => {
-    const connect = async () => {
-      setIsLoading(true);
-      await agent?.runAgent(
-        {
-          forwardedProps: { __copilotkitConnect: true },
-        },
-        subscriber
-      );
-      setIsLoading(false);
-    };
-    if (agent) {
-      agent.threadId = threadId;
-      if ("isCopilotKitAgent" in agent) {
-        connect();
-      } else {
-        setIsLoading(false);
-      }
-    }
-    return () => {};
-  }, [threadId, agent]);
-
-  const [inputValue, setInputValue] = useState("");
-  const onSubmitInput = useCallback(
-    async (value: string) => {
-      setInputValue("");
-      agent?.addMessage({
-        id: randomUUID(),
-        role: "user",
-        content: value,
-      });
-      setIsLoading(true);
-      await agent?.runAgent({}, subscriber);
-      setIsLoading(false);
-    },
-    [agent]
-  );
-
-  const mergedProps = merge(
-    {
-      messageView: { isLoading },
-    },
-    {
-      ...props,
-      ...(typeof props.messageView === "string"
-        ? { messageView: { className: props.messageView } }
-        : props.messageView !== undefined
-          ? { messageView: props.messageView }
-          : {}),
-    }
-  );
-
-  return (
-    <CopilotChatConfigurationProvider
-      inputValue={inputValue}
-      onSubmitInput={onSubmitInput}
-      onChangeInput={setInputValue}
-    >
-      <CopilotChatView
-        {...{ messages: agent?.messages ?? [], ...mergedProps }}
-      />
-    </CopilotChatConfigurationProvider>
-  );
-}