fix(shell-docs): strip dangling MDX import tails from synced pages

18 per-framework MDX pages had the closing half of a multi-line
import statement left at the top of the file (the orphaned
"Symbol1, Symbol2, } from '...'" tail with the opening "import {"
line missing). The current sync-docs-from-main import stripper
handles multi-line imports correctly, so this was a historical
artifact from an earlier stripper version that misparsed them —
every affected file predates that fix.

MDX treats the orphan as plain text, so pages rendered the
identifier list and "} from ..." string as visible garbage at the
top before the real content started. Strip the orphan blocks; future
syncs won't re-introduce them.

Author: samjulien

showcase/shell-docs/src/content/docs/integrations/a2a/quickstart.mdx

@@ -5,15 +5,6 @@ icon: "lucide/Play"
 hideTOC: true
 ---
 
-TailoredContent,
-TailoredContentOption,
-} from "@/components/react/tailored-content.tsx";
-UserIcon,
-PaintbrushIcon,
-WrenchIcon,
-RepeatIcon,
-} from "lucide-react";
-
 <video
   src="https://cdn.copilotkit.ai/docs/copilotkit/images/coagents/chat-example.mp4"
   className="rounded-lg shadow-xl"

showcase/shell-docs/src/content/docs/integrations/adk/quickstart.mdx

@@ -5,15 +5,6 @@ icon: "lucide/Play"
 hideTOC: true
 ---
 
-TailoredContent,
-TailoredContentOption,
-} from "@/components/react/tailored-content.tsx";
-UserIcon,
-PaintbrushIcon,
-WrenchIcon,
-RepeatIcon,
-} from "lucide-react";
-
 <video
   src="https://cdn.copilotkit.ai/docs/copilotkit/images/coagents/chat-example.mp4"
   className="rounded-lg shadow-xl"

showcase/shell-docs/src/content/docs/integrations/ag2/quickstart.mdx

@@ -5,16 +5,6 @@ icon: "lucide/Play"
 hideTOC: true
 ---
 
-TailoredContent,
-TailoredContentOption,
-} from "@/components/react/tailored-content.tsx";
-UserIcon,
-PaintbrushIcon,
-WrenchIcon,
-RepeatIcon,
-ServerIcon,
-} from "lucide-react";
-
 <video
   src="https://cdn.copilotkit.ai/docs/copilotkit/images/coagents/chat-example.mp4"
   className="rounded-lg shadow-xl"

showcase/shell-docs/src/content/docs/integrations/ag2/readables.mdx

@@ -5,11 +5,6 @@ description: Share app specific context with your agent.
 hideTOC: true
 ---
 
-    TailoredContent,
-    TailoredContentOption,
-
-} from "@/components/react/tailored-content.tsx";
-
 One of the most common use cases for CopilotKit is to register app state and context using `useAgentContext`.
 This way, you can notify CopilotKit of what is going in your app in real time.
 Some examples might be: the current user, the current page, etc.

showcase/shell-docs/src/content/docs/integrations/agno/quickstart.mdx

@@ -5,14 +5,6 @@ icon: "lucide/Play"
 hideTOC: true
 ---
 
-TailoredContent,
-TailoredContentOption,
-} from "@/components/react/tailored-content.tsx";
-UserIcon,
-PaintbrushIcon,
-WrenchIcon,
-} from "lucide-react";
-
 <video
   src="https://cdn.copilotkit.ai/docs/copilotkit/images/coagents/chat-example.mp4"
   className="rounded-lg shadow-xl"

showcase/shell-docs/src/content/docs/integrations/aws-strands/quickstart.mdx

@@ -5,14 +5,6 @@ icon: "lucide/Play"
 hideTOC: true
 ---
 
-TailoredContent,
-TailoredContentOption,
-} from "@/components/react/tailored-content.tsx";
-UserIcon,
-PaintbrushIcon,
-WrenchIcon,
-} from "lucide-react";
-
 <video
   src="https://cdn.copilotkit.ai/docs/copilotkit/images/coagents/chat-example.mp4"
   className="rounded-lg shadow-xl"

showcase/shell-docs/src/content/docs/integrations/crewai-flows/quickstart.mdx

@@ -5,16 +5,6 @@ icon: "lucide/Play"
 hideTOC: true
 ---
 
-TailoredContent,
-TailoredContentOption,
-} from "@/components/react/tailored-content.tsx";
-UserIcon,
-PaintbrushIcon,
-WrenchIcon,
-RepeatIcon,
-ServerIcon,
-} from "lucide-react";
-
 <video
   src="https://cdn.copilotkit.ai/docs/copilotkit/images/coagents/chat-example.mp4"
   className="rounded-lg shadow-xl"

showcase/shell-docs/src/content/docs/integrations/crewai-flows/shared-state/predictive-state-updates.mdx

@@ -4,10 +4,6 @@ icon: "lucide/Podcast"
 description: Stream in-progress agent state updates to the frontend.
 ---
 
-TailoredContent,
-TailoredContentOption,
-} from "@/components/react/tailored-content.tsx";
-
 <video
   src="https://cdn.copilotkit.ai/docs/copilotkit/images/coagents/intermediate-state-render.mp4"
   className="rounded-lg shadow-xl"

showcase/shell-docs/src/content/docs/integrations/langgraph/agent-app-context.mdx

@@ -5,11 +5,6 @@ description: Share app specific context with your agent.
 hideTOC: true
 ---
 
-    TailoredContent,
-    TailoredContentOption,
-
-} from "@/components/react/tailored-content.tsx";
-
 One of the most common use cases for CopilotKit is to register app state and context using `useAgentContext`.
 This way, you can notify CopilotKit of what is going on in your app in real time.
 Some examples might be: the current user, the current page, etc.

showcase/shell-docs/src/content/docs/integrations/langgraph/programmatic-control.mdx

@@ -4,15 +4,6 @@ icon: "lucide/SendHorizontal"
 description: Chat with an agent using CopilotKit's UI components.
 ---
 
-MessageCircle,
-Database,
-Zap,
-AlertCircle,
-BookOpen,
-Play,
-Settings,
-} from "lucide-react"
-
 ## Overview
 
 The `useAgent` hook provides direct access to your LangGraph agent from any React component. It gives you real-time access to the agent's state, messages, execution status, and allows you to subscribe to custom events like interrupts.