chore(example): wire langgraph-python-threads into the pnpm workspace

The intelligence-backed example was a standalone npm-managed monorepo
pinned to published @copilotkit/runtime 1.56.3, so iterating on the
runtime against an Intelligence platform required publishing a release
or hand-linking. Pulling its two JS apps into the pnpm workspace lets
them resolve workspace:* and use whatever the local packages currently
build to.

Specific changes:

- Adds the example's app and bff to pnpm-workspace.yaml.
- Switches their @copilotkit/* deps to workspace:*; adds
  @copilotkit/web-inspector as a workspace dep on the frontend so the
  inspector can mount alongside the chat.
- Adds a small <Inspector /> React component that side-effect-imports
  @copilotkit/web-inspector to register the custom element and assigns
  the CopilotKit core via a ref (Lit elements expect properties, not
  attributes, for complex values).
- Bumps the docker-compose image to the rc.16 composite, which is the
  earliest published tag containing CopilotKit/Intelligence#144's
  /api/_inspect/threads/:id/{events,state} endpoints.
- Drops the example's package-lock.json so npm and pnpm don't fight
  over lockfiles in the workspace.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: marthakelly

examples/integrations/langgraph-python-threads/apps/app/package.json

@@ -9,9 +9,10 @@
   },
   "dependencies": {
     "@ag-ui/client": "0.0.52",
-    "@copilotkit/a2ui-renderer": "1.56.3",
-    "@copilotkit/react-core": "1.56.3",
-    "@copilotkit/react-ui": "1.56.3",
+    "@copilotkit/a2ui-renderer": "workspace:*",
+    "@copilotkit/react-core": "workspace:*",
+    "@copilotkit/react-ui": "workspace:*",
+    "@copilotkit/web-inspector": "workspace:*",
     "@hono/node-server": "^1.19.14",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-label": "^2.1.8",

examples/integrations/langgraph-python-threads/apps/app/src/App.tsx

@@ -7,6 +7,7 @@ import {
 import { ExampleLayout } from "@/components/example-layout";
 import { ExampleCanvas } from "@/components/example-canvas";
 import { ThreadsDrawer } from "@/components/threads-drawer";
+import { Inspector } from "@/components/inspector";
 import { ThemeProvider } from "@/hooks/use-theme";
 import { useExampleSuggestions, useGenerativeUIExamples } from "@/hooks";
 import { demonstrationCatalog } from "@/declarative-generative-ui/renderers";
@@ -62,6 +63,7 @@ export default function App() {
         useSingleEndpoint={false}
       >
         <HomePage />
+        <Inspector />
       </CopilotKitProvider>
     </ThemeProvider>
   );

examples/integrations/langgraph-python-threads/apps/app/src/components/inspector/index.tsx

@@ -0,0 +1,30 @@
+import { useEffect, useRef } from "react";
+import { useCopilotKit } from "@copilotkit/react-core/v2";
+// Side-effect import: registers the `cpk-web-inspector` custom element.
+import "@copilotkit/web-inspector";
+
+/**
+ * Mounts the CopilotKit web inspector as a Lit-based custom element overlay.
+ *
+ * The inspector subscribes to the same `CopilotKitCore` instance the rest of
+ * the app uses, so its Threads / AG-UI Events / Agent State views stay in
+ * sync with whatever agent the chat is currently running. We assign `.core`
+ * via a ref because Lit elements expect properties (not attributes) for
+ * complex values, and React's standard prop pipeline would stringify them.
+ */
+export function Inspector() {
+  const { copilotkit } = useCopilotKit();
+  const ref = useRef<HTMLElement | null>(null);
+
+  useEffect(() => {
+    const el = ref.current as (HTMLElement & { core?: unknown }) | null;
+    if (!el) return;
+    el.core = copilotkit;
+  }, [copilotkit]);
+
+  // `cpk-web-inspector` isn't in React's intrinsic JSX namespace. Casting the
+  // tag avoids polluting global JSX type augmentations for a single example.
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const Tag = "cpk-web-inspector" as unknown as any;
+  return <Tag ref={ref} />;
+}

examples/integrations/langgraph-python-threads/apps/bff/package.json

@@ -9,7 +9,7 @@
     "start": "node dist/server.js"
   },
   "dependencies": {
-    "@copilotkit/runtime": "1.56.3",
+    "@copilotkit/runtime": "workspace:*",
     "@hono/node-server": "^1.13.6",
     "hono": "^4.7.11",
     "zod": "^3.23.8"

examples/integrations/langgraph-python-threads/docker-compose.yml

@@ -58,7 +58,7 @@ services:
   # ---------------------------------------------------------------------------
 
   intelligence:
-    image: ghcr.io/copilotkit/intelligence/composite:0.0.0-ghcr.20260422.1
+    image: ghcr.io/copilotkit/intelligence/composite:0.1.0-rc.16
     ports:
       - "${APP_API_HOST_PORT:-4201}:4201"
       - "${REALTIME_GATEWAY_HOST_PORT:-4401}:4401"