@copilotkit/react-core 1.57.0 → 1.57.1-canary.1778272612

package/src/v2/styles/globals.css

@@ -229,3 +229,121 @@
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
+/*
+ * IntelligenceIndicator pill — visual styles ported from
+ * CopilotKit/Intelligence #155.
+ *
+ * Violet/indigo glassmorphism — text #5B21B6, icon #7C3AED, border
+ * #9599E0, gradient stop #EEE6FE, soft shadow #5E64AD.
+ */
+.cpk-intelligence-pill {
+  display: inline-flex;
+  /* Opt out of the parent flex-column's default `align-items: stretch`
+     (the auto-mount lives inside `CopilotChatMessageView`'s
+     `cpk:flex cpk:flex-col` container). Without this the pill would
+     stretch to the full chat width even though `inline-flex` is
+     supposed to shrink to its content. */
+  align-self: flex-start;
+  align-items: center;
+  gap: 0.55rem;
+  margin: 0.4rem 0;
+  padding: 0.4rem 0.85rem;
+  border: 1px solid rgb(149 153 224 / 0.32);
+  border-radius: 999px;
+  background: linear-gradient(
+    135deg,
+    rgb(255 255 255 / 0.55) 0%,
+    rgb(238 230 254 / 0.55) 100%
+  );
+  -webkit-backdrop-filter: blur(14px) saturate(160%);
+  backdrop-filter: blur(14px) saturate(160%);
+  color: rgb(91 33 182 / 0.92);
+  font-size: 0.78rem;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+  white-space: nowrap;
+  box-shadow:
+    0 1px 2px rgb(94 100 173 / 0.06),
+    0 8px 24px rgb(149 153 224 / 0.08),
+    inset 0 1px 0 rgb(255 255 255 / 0.6);
+  opacity: 0;
+  transform: translateY(2px);
+  animation: cpk-intelligence-pill-fade-in 280ms ease-out forwards;
+}
+
+.cpk-intelligence-pill--fading {
+  /* Switching the `animation` property cancels the in-flight fade-in
+     and replaces the held final-value (opacity:1 from `forwards`) with
+     this fade-out keyframe set. Plain `opacity: 0` declarations would
+     otherwise lose to the animation's held value. */
+  animation: cpk-intelligence-pill-fade-out 480ms ease-out forwards;
+  pointer-events: none;
+}
+
+.cpk-intelligence-pill__icon {
+  display: block;
+  flex-shrink: 0;
+  color: rgb(124 58 237);
+}
+
+.cpk-intelligence-pill__ring {
+  stroke: currentColor;
+  stroke-dasharray: 40 16.55;
+  stroke-dashoffset: 0;
+  transform-origin: 12px 12px;
+  animation: cpk-intelligence-pill-spin 0.9s linear infinite;
+  transition: stroke-dasharray 320ms ease-out;
+}
+
+.cpk-intelligence-pill__ring--done {
+  stroke-dasharray: 56.55 0;
+  animation: none;
+}
+
+.cpk-intelligence-pill__check {
+  stroke: currentColor;
+  stroke-dasharray: 12;
+  stroke-dashoffset: 12;
+  /* Opacity zero hides the rounded `stroke-linecap` end-cap that would
+     otherwise leak through as a stationary dot at path end (16, 9.5)
+     during spinner phase. The `dasharray + dashoffset` zeroes the
+     visible stroke length, but the cap is drawn at the dash boundary
+     regardless, so we need opacity to fully hide it. */
+  opacity: 0;
+  transition:
+    stroke-dashoffset 320ms ease-out 200ms,
+    opacity 200ms ease-out 200ms;
+}
+
+.cpk-intelligence-pill__check--shown {
+  stroke-dashoffset: 0;
+  opacity: 1;
+}
+
+@keyframes cpk-intelligence-pill-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes cpk-intelligence-pill-fade-out {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+}
+
+@keyframes cpk-intelligence-pill-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/tsdown.config.ts

@@ -1,4 +1,10 @@
 import { defineConfig } from "tsdown";
+import path from "path";
+
+// Resolved path to src/v2/context.ts — used to redirect the headless build's
+// relative ../context imports to the external @copilotkit/react-core/v2/context
+// package path, ensuring a shared React context instance at runtime.
+const contextModulePath = path.resolve(import.meta.dirname, "src/v2/context");
 
 export default defineConfig([
   {
@@ -21,10 +27,79 @@ export default defineConfig([
     exports: {
       customExports: (exports) => ({
         ...exports,
+        "./v2/context": {
+          import: "./dist/v2/context.mjs",
+          require: "./dist/v2/context.cjs",
+        },
+        "./v2/headless": {
+          import: "./dist/v2/headless.mjs",
+          require: "./dist/v2/headless.cjs",
+        },
         "./v2/styles.css": "./dist/v2/index.css",
       }),
     },
   },
+  // v2/context is built separately into dist/v2/ so it produces a standalone
+  // file instead of being absorbed into shared chunks.
+  {
+    entry: {
+      context: "src/v2/context.ts",
+    },
+    format: ["esm", "cjs"],
+    dts: true,
+    sourcemap: true,
+    target: "es2022",
+    outDir: "dist/v2",
+    external: ["react", "@copilotkit/core", "@copilotkit/shared"],
+  },
+  // v2/headless: platform-agnostic hooks + CopilotKitCoreReact, used by
+  // @copilotkit/react-native. All @copilotkit/* deps are external — they
+  // contain no Node-only code that would break Metro. Keeping them external
+  // (rather than inlining) ensures the CopilotKitCoreReact class is the same
+  // nominal type as the one in v2/context, avoiding unsafe `as unknown as` casts.
+  {
+    entry: {
+      headless: "src/v2/headless.ts",
+    },
+    format: ["esm", "cjs"],
+    dts: true,
+    sourcemap: true,
+    target: "es2022",
+    outDir: "dist/v2",
+    plugins: [
+      {
+        name: "externalize-context",
+        resolveId(source, importer) {
+          // When any file imports ../context or ./context, redirect to
+          // the external package path so the context singleton is shared.
+          if (importer && /context(\.ts)?$/.test(source)) {
+            const resolved = path.resolve(path.dirname(importer), source);
+            if (
+              resolved === contextModulePath ||
+              resolved === contextModulePath + ".ts"
+            ) {
+              return {
+                id: "@copilotkit/react-core/v2/context",
+                external: true,
+              };
+            }
+          }
+          return null;
+        },
+      },
+    ],
+    external: [
+      "react",
+      "@ag-ui/client",
+      "@ag-ui/core",
+      "@copilotkit/core",
+      "@copilotkit/shared",
+      "@copilotkit/react-core/v2/context",
+      "uuid",
+      "zod",
+      "rxjs",
+    ],
+  },
   {
     entry: ["src/index.tsx"],
     format: ["umd"],