fix(shell-docs): restore /v2 subpath on V2 canonical-form imports

The earlier V2 canonical sweep misread the brand-name guidance ("always
CopilotKit") as a directive on import paths and stripped /v2 from
@copilotkit/react-core specifiers. Inline review feedback clarified that
guidance applied only to the component name. This restores
"@copilotkit/react-core/v2" and "@copilotkit/react-core/v2/styles.css"
across the docs sweep scope (now including 8 framework quickstarts
inherited via rebase onto main); the <CopilotKit> rename and the drop
of @copilotkit/react-ui from install commands are kept.

Author: samjulien

showcase/shell-docs/src/content/docs/agentic-protocols/mcp.mdx

@@ -102,7 +102,7 @@ For further reading, check out the [Model Context Protocol](https://modelcontext
         ```tsx
         "use client";
 
-        import { CopilotKit } from "@copilotkit/react-core";
+        import { CopilotKit } from "@copilotkit/react-core/v2";
 
         export default function App() {
           return (
@@ -122,7 +122,7 @@ For further reading, check out the [Model Context Protocol](https://modelcontext
         "use client";
 
         import { useEffect } from "react";
-        import { useCopilotKit } from "@copilotkit/react-core";
+        import { useCopilotKit } from "@copilotkit/react-core/v2";
 
         function McpServerManager() {
           const { setMcpServers } = useCopilotKit();
@@ -151,7 +151,7 @@ For further reading, check out the [Model Context Protocol](https://modelcontext
         ```tsx
         "use client";
 
-        import { CopilotChat } from "@copilotkit/react-core";
+        import { CopilotChat } from "@copilotkit/react-core/v2";
 
         export default function ChatInterface() {
           return (
@@ -176,7 +176,7 @@ For further reading, check out the [Model Context Protocol](https://modelcontext
         import {
           useFrontendTool,
           CatchAllActionRenderProps,
-        } from "@copilotkit/react-core";
+        } from "@copilotkit/react-core/v2";
 
         export function ToolRenderer() {
           useFrontendTool({
@@ -200,7 +200,7 @@ For further reading, check out the [Model Context Protocol](https://modelcontext
         ```tsx
         "use client";
 
-        import { CopilotKit, CopilotChat } from "@copilotkit/react-core";
+        import { CopilotKit, CopilotChat } from "@copilotkit/react-core/v2";
 
         export default function Page() {
           return (

showcase/shell-docs/src/content/docs/auth.mdx

@@ -25,7 +25,7 @@ If you don't need any of those, skip auth entirely. The agent runs anonymously a
 Pass your token via the `headers` prop on `<CopilotKit>`. CopilotKit forwards every request with that header attached.
 
 ```tsx title="frontend/src/app/page.tsx"
-import { CopilotKit } from "@copilotkit/react-core";
+import { CopilotKit } from "@copilotkit/react-core/v2";
 
 <CopilotKit
   runtimeUrl="/api/copilotkit"
@@ -84,7 +84,7 @@ export const GET = (req: NextRequest) => handler(req);
 Pass your token via the `properties` prop. CopilotKit forwards it to LangGraph as a Bearer token automatically.
 
 ```tsx title="frontend/src/app/page.tsx"
-import { CopilotKit } from "@copilotkit/react-core";
+import { CopilotKit } from "@copilotkit/react-core/v2";
 
 <CopilotKit
   runtimeUrl="/api/copilotkit"
@@ -189,7 +189,7 @@ async def my_agent_node(state: AgentState, config: RunnableConfig):
 Pass your token via the `properties` prop. CopilotKit forwards it to AG2's `/chat` endpoint as a request header.
 
 ```tsx title="frontend/src/app/page.tsx"
-import { CopilotKit } from "@copilotkit/react-core";
+import { CopilotKit } from "@copilotkit/react-core/v2";
 
 <CopilotKit
   runtimeUrl="/api/copilotkit"
@@ -274,7 +274,7 @@ def get_account_data(
 Microsoft Agent Framework's AG-UI host expects authentication on a request header rather than the runtime properties channel. Pass the token via `<CopilotKit headers={...}>`:
 
 ```tsx title="frontend/src/app/page.tsx"
-import { CopilotKit } from "@copilotkit/react-core";
+import { CopilotKit } from "@copilotkit/react-core/v2";
 
 <CopilotKit
   runtimeUrl="/api/copilotkit"

showcase/shell-docs/src/content/docs/backend/ag-ui.mdx

@@ -13,7 +13,7 @@ Everything in CopilotKit — messages, state updates, tool calls, and more — f
 The `useAgent` hook is your primary interface to the AG-UI agent powering your copilot. It returns an `AbstractAgent` from the AG-UI client library — the same base type that all AG-UI agents implement.
 
 ```tsx
-import { useAgent } from "@copilotkit/react-core";
+import { useAgent } from "@copilotkit/react-core/v2";
 
 function MyComponent() {
   const { agent } = useAgent();
@@ -37,7 +37,7 @@ The returned `agent` is a standard AG-UI `AbstractAgent`. You can subscribe to i
 Every agent exposes a `subscribe` method that lets you listen for specific AG-UI events as they stream in. Each callback receives the event and the current agent state:
 
 ```tsx
-import { useAgent } from "@copilotkit/react-core";
+import { useAgent } from "@copilotkit/react-core/v2";
 import { useEffect } from "react";
 
 function MyComponent() {

showcase/shell-docs/src/content/docs/backend/copilot-runtime.mdx

@@ -40,7 +40,7 @@ export const POST = async (req: NextRequest) => {
 Then point your frontend at the endpoint:
 
 ```tsx
-import { CopilotKit } from "@copilotkit/react-core";
+import { CopilotKit } from "@copilotkit/react-core/v2";
 
 <CopilotKit runtimeUrl="/api/copilotkit">
   <YourApp />
@@ -115,7 +115,7 @@ a2ui: { agents: ["my-agent"] }
 On the frontend, the A2UI renderer activates automatically — no extra configuration needed. If you want to override the default theme, pass an `a2ui` prop to `<CopilotKit>`:
 
 ```tsx
-import { CopilotKit } from "@copilotkit/react-core";
+import { CopilotKit } from "@copilotkit/react-core/v2";
 
 <CopilotKit runtimeUrl="/api/copilotkit" a2ui={{ theme: myCustomTheme }}>
   {children}
@@ -145,7 +145,7 @@ CopilotKit is built on the [AG-UI protocol](./ag-ui), which is an open standard.
 
 ```tsx
 import { HttpAgent } from "@ag-ui/client";
-import { CopilotKit } from "@copilotkit/react-core";
+import { CopilotKit } from "@copilotkit/react-core/v2";
 
 const myAgent = new HttpAgent({
   url: "https://my-agent.example.com",

showcase/shell-docs/src/content/docs/custom-look-and-feel/css.mdx

@@ -45,7 +45,7 @@ Once you've found the right variable, you can also apply the overrides inline
 via the `CopilotKitCSSProperties` helper:
 
 ```tsx
-import { CopilotKitCSSProperties } from "@copilotkit/react-core";
+import { CopilotKitCSSProperties } from "@copilotkit/react-core/v2";
 
 <div
   style={

showcase/shell-docs/src/content/docs/custom-look-and-feel/reasoning-messages.mdx

@@ -76,8 +76,8 @@ receives these props:
 | `onClick` | `() => void` | Toggle handler (only present when `hasContent` is `true`) |
 
 ```tsx
-import { CopilotChat } from "@copilotkit/react-core";
-import "@copilotkit/react-core/styles.css";
+import { CopilotChat } from "@copilotkit/react-core/v2";
+import "@copilotkit/react-core/v2/styles.css";
 
 function CustomHeader({
   isOpen,
@@ -178,9 +178,9 @@ without reimplementing them:
 ```tsx
 import {
   CopilotChatReasoningMessage,
-} from "@copilotkit/react-core";
-import { CopilotChat } from "@copilotkit/react-core";
-import "@copilotkit/react-core/styles.css";
+} from "@copilotkit/react-core/v2";
+import { CopilotChat } from "@copilotkit/react-core/v2";
+import "@copilotkit/react-core/v2/styles.css";
 
 function MyReasoningLayout(props: React.ComponentProps<typeof CopilotChatReasoningMessage>) {
   return (

showcase/shell-docs/src/content/docs/custom-look-and-feel/slots.mdx

@@ -55,7 +55,7 @@ is gone:
 The simplest way to customize a slot. Pass a Tailwind class string and it will be merged with the default component's classes.
 
 ```tsx title="page.tsx"
-import { CopilotChat } from "@copilotkit/react-core";
+import { CopilotChat } from "@copilotkit/react-core/v2";
 
 export function Chat() {
   return (
@@ -86,7 +86,7 @@ Pass an object to override specific props on the default component. This is usef
 For full control, pass your own React component. It receives all the same props as the default component.
 
 ```tsx title="page.tsx"
-import { CopilotChat } from "@copilotkit/react-core";
+import { CopilotChat } from "@copilotkit/react-core/v2";
 
 const CustomMessageView = ({ messages, isRunning }) => (
   <div className="space-y-4 p-6">

showcase/shell-docs/src/content/docs/deploy/agentcore.mdx

@@ -272,8 +272,8 @@ Browser → CopilotKit Runtime → AgentCore Runtime → your agent
         ### Add the CopilotKit provider
 
         ```tsx title="app/layout.tsx"
-        import { CopilotKit } from "@copilotkit/react-core";
-        import "@copilotkit/react-core/styles.css";
+        import { CopilotKit } from "@copilotkit/react-core/v2";
+        import "@copilotkit/react-core/v2/styles.css";
 
         export default function RootLayout({ children }: { children: React.ReactNode }) {
           return (
@@ -293,7 +293,7 @@ Browser → CopilotKit Runtime → AgentCore Runtime → your agent
         ### Add the chat interface
 
         ```tsx title="app/page.tsx"
-        import { CopilotSidebar } from "@copilotkit/react-core";
+        import { CopilotSidebar } from "@copilotkit/react-core/v2";
 
         export default function Page() {
           return (

showcase/shell-docs/src/content/docs/generative-ui/hashbrown.mdx

@@ -26,7 +26,7 @@ import {
   CopilotKit,
   CopilotChat,
   useConfigureSuggestions,
-} from "@copilotkit/react-core";
+} from "@copilotkit/react-core/v2";
 import { HashBrownAssistantMessage } from "./hashbrown-renderer";
 
 export default function ByocHashbrownDemo() {

showcase/shell-docs/src/content/docs/generative-ui/json-render.mdx

@@ -26,7 +26,7 @@ import {
   CopilotKit,
   CopilotChat,
   useConfigureSuggestions,
-} from "@copilotkit/react-core";
+} from "@copilotkit/react-core/v2";
 import { JsonRenderAssistantMessage } from "./json-render-renderer";
 
 export default function ByocJsonRenderDemo() {