docs(showcase): clean noise from sibling snippets across all frameworks

Sweep across all `.snippet.*` files (existing + new in this branch) to
remove non-teaching content that distracts from the docs-page render.

Changes:
- 6 files (5 hitl + 1 tool-rendering): replace `(props: any)` +
  `eslint-disable-next-line @typescript-eslint/no-explicit-any` with
  proper structural prop types. Reads identical to the eye but no lint
  suppression in the rendered snippet.
- 1 file (state-streaming-middleware.snippet.py): drop 2
  `# type: ignore[name-defined]` markers. The stand-in identifiers
  (`write_document`, `AgentState`) already read as docs-only references.
- 1 file (delegation-log-frontend.snippet.tsx, BIA): rewrite the in-region
  JSDoc to be framework-agnostic. The file was ported from ag2 and still
  named `AG2 sub-agent` + referenced `ReplyResult` / `ContextVariables`
  in the BIA copy. Also drop a historical bug-fix note ("Per-status
  color map…") that is irrelevant outside ag2's commit history.
- 2 files (use-rendered-messages.snippet.tsx, google-adk + llamaindex):
  strip brittle internal-path references (`packages/react-core/src/v2/.../
  CopilotChatMessageView.tsx:542-612`, `react-core/v2/components/chat/
  CopilotChatToolCallsView.tsx`) that would rot within months. Replaced
  with conceptual references to the public component name only.

No region markers changed; audit still reports B-docs-gap: 0.

Author: samjulien

showcase/integrations/agno/src/app/demos/hitl-in-chat/hitl-hook-and-time-slots.snippet.tsx

@@ -23,6 +23,12 @@ declare const TimePickerCard: React.ComponentType<{
   onSubmit: (result: unknown) => void;
 }>;
 
+type BookCallRenderProps = {
+  args?: { topic?: string; attendee?: string };
+  status: string;
+  respond?: (result: unknown) => void;
+};
+
 // @region[time-slots]
 const DEFAULT_SLOTS: TimeSlot[] = [
   { label: "Tomorrow 10:00 AM", iso: "2026-04-30T10:00:00-07:00" },
@@ -46,8 +52,7 @@ export function HitlBookingHook() {
         .string()
         .describe("Who the call is with (e.g. 'Alice from Sales')"),
     }),
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    render: ({ args, status, respond }: any) => (
+    render: ({ args, status, respond }: BookCallRenderProps) => (
       <TimePickerCard
         topic={args?.topic ?? "a call"}
         attendee={args?.attendee}

showcase/integrations/built-in-agent/src/app/demos/hitl/hitl-hook-and-time-slots.snippet.tsx

@@ -23,6 +23,12 @@ declare const TimePickerCard: React.ComponentType<{
   onSubmit: (result: unknown) => void;
 }>;
 
+type BookCallRenderProps = {
+  args?: { topic?: string; attendee?: string };
+  status: string;
+  respond?: (result: unknown) => void;
+};
+
 // @region[time-slots]
 const DEFAULT_SLOTS: TimeSlot[] = [
   { label: "Tomorrow 10:00 AM", iso: "2026-04-30T10:00:00-07:00" },
@@ -46,8 +52,7 @@ export function HitlBookingHook() {
         .string()
         .describe("Who the call is with (e.g. 'Alice from Sales')"),
     }),
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    render: ({ args, status, respond }: any) => (
+    render: ({ args, status, respond }: BookCallRenderProps) => (
       <TimePickerCard
         topic={args?.topic ?? "a call"}
         attendee={args?.attendee}

showcase/integrations/built-in-agent/src/app/demos/shared-state-streaming/state-streaming-middleware.snippet.py

@@ -16,7 +16,7 @@
 # @region[state-streaming-middleware]
 graph = create_agent(
     model=ChatOpenAI(model="gpt-4o-mini"),
-    tools=[write_document],  # type: ignore[name-defined]
+    tools=[write_document],
     middleware=[
         CopilotKitMiddleware(),
         # Forward every token of write_document's `content` argument
@@ -31,7 +31,7 @@
             )
         ),
     ],
-    state_schema=AgentState,  # type: ignore[name-defined]
+    state_schema=AgentState,
     system_prompt=(
         "You are a collaborative writing assistant. Whenever the user asks "
         "you to write, draft, or revise any piece of text, ALWAYS call the "

showcase/integrations/built-in-agent/src/app/demos/subagents/delegation-log-frontend.snippet.tsx

@@ -51,9 +51,6 @@ const SUB_AGENT_STYLE: Record<
   },
 };
 
-// Per-status color map. A `failed` delegation must be visually distinct
-// from `completed` — rendering "failed" in green (the prior behaviour)
-// made errors silently look successful.
 const STATUS_BADGE: Record<Delegation["status"], string> = {
   running: "text-[#5B5BD6]",
   completed: "text-[#189370]",
@@ -64,11 +61,10 @@ const STATUS_BADGE: Record<Delegation["status"], string> = {
 /**
  * Live delegation log — renders the `delegations` slot of agent state.
  *
- * Each entry corresponds to one invocation of an AG2 sub-agent. The list
- * grows in real time as the supervisor fans work out to its children;
- * each delegation is appended via the supervisor's tool returning a
- * ReplyResult with updated ContextVariables, which AG-UI surfaces to
- * the UI through agent state.
+ * Each entry corresponds to one sub-agent invocation. The list grows in
+ * real time as the supervisor fans work out to its children; each
+ * delegation is appended through agent state, and the UI re-renders
+ * via the standard shared-state subscription.
  */
 export function DelegationLog({ delegations, isRunning }: DelegationLogProps) {
   return (

showcase/integrations/built-in-agent/src/app/demos/tool-rendering/render-flight-tool.snippet.tsx

@@ -17,13 +17,18 @@ declare const FlightListCard: React.ComponentType<{
   flights: unknown[];
 }>;
 
+type FlightToolProps = {
+  status: string;
+  args?: { origin?: string; destination?: string };
+  result?: { origin?: string; destination?: string; flights?: unknown[] };
+};
+
 export function FlightToolRenderer() {
   // @region[render-flight-tool]
   // Per-tool renderer: search_flights → branded FlightListCard.
   useComponent({
     name: "search_flights",
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    render: (props: any) => {
+    render: (props: FlightToolProps) => {
       const { status, args, result } = props;
       const loading = status !== "complete";
       return (

showcase/integrations/google-adk/src/app/demos/headless-complete/use-rendered-messages.snippet.tsx

@@ -27,10 +27,8 @@ import {
 /**
  * Manual per-message composition for the TRULY headless chat cell.
  *
- * This hook mirrors — line-for-line in spirit — the role-dispatch that happens
- * inside `renderMessageBlock` in the canonical primitive:
- *
- *   packages/react-core/src/v2/components/chat/CopilotChatMessageView.tsx:542-612
+ * This hook mirrors — line-for-line in spirit — the role-dispatch that
+ * the canonical `<CopilotChatMessageView>` does internally.
  *
  * The point of this cell is to demonstrate that the FULL generative-UI weave
  * (assistant text + tool-call renders + reasoning + activity + custom before /
@@ -108,9 +106,7 @@ function renderMessageContent(args: {
 
   // Tool-role messages carry a tool-call RESULT whose UI lives inline inside
   // the PRECEDING assistant message's `toolCalls[i]` render (keyed by
-  // toolCallId). We return null here so the list skips them, mirroring the
-  // fact that CopilotChatMessageView's `renderMessageBlock` has no
-  // `message.role === "tool"` branch.
+  // toolCallId). We return null here so the list skips them.
   if (message.role === "tool") {
     return null;
   }
@@ -174,7 +170,6 @@ function renderAssistantBody(args: {
       {hasText && <div className="whitespace-pre-wrap break-words">{text}</div>}
       {toolCalls.map((toolCall) => {
         // Tool result lives on a sibling `tool`-role message keyed by toolCallId.
-        // Mirrors CopilotChatToolCallsView (react-core/v2/components/chat/CopilotChatToolCallsView.tsx).
         const toolMessage = messages.find(
           (m) => m.role === "tool" && m.toolCallId === toolCall.id,
         ) as ToolMessage | undefined;

showcase/integrations/langroid/src/app/demos/hitl-in-chat/hitl-hook-and-time-slots.snippet.tsx

@@ -23,6 +23,12 @@ declare const TimePickerCard: React.ComponentType<{
   onSubmit: (result: unknown) => void;
 }>;
 
+type BookCallRenderProps = {
+  args?: { topic?: string; attendee?: string };
+  status: string;
+  respond?: (result: unknown) => void;
+};
+
 // @region[time-slots]
 const DEFAULT_SLOTS: TimeSlot[] = [
   { label: "Tomorrow 10:00 AM", iso: "2026-04-30T10:00:00-07:00" },
@@ -46,8 +52,7 @@ export function HitlBookingHook() {
         .string()
         .describe("Who the call is with (e.g. 'Alice from Sales')"),
     }),
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    render: ({ args, status, respond }: any) => (
+    render: ({ args, status, respond }: BookCallRenderProps) => (
       <TimePickerCard
         topic={args?.topic ?? "a call"}
         attendee={args?.attendee}

showcase/integrations/llamaindex/src/app/demos/headless-complete/use-rendered-messages.snippet.tsx

@@ -27,10 +27,8 @@ import {
 /**
  * Manual per-message composition for the TRULY headless chat cell.
  *
- * This hook mirrors — line-for-line in spirit — the role-dispatch that happens
- * inside `renderMessageBlock` in the canonical primitive:
- *
- *   packages/react-core/src/v2/components/chat/CopilotChatMessageView.tsx:542-612
+ * This hook mirrors — line-for-line in spirit — the role-dispatch that
+ * the canonical `<CopilotChatMessageView>` does internally.
  *
  * The point of this cell is to demonstrate that the FULL generative-UI weave
  * (assistant text + tool-call renders + reasoning + activity + custom before /
@@ -108,9 +106,7 @@ function renderMessageContent(args: {
 
   // Tool-role messages carry a tool-call RESULT whose UI lives inline inside
   // the PRECEDING assistant message's `toolCalls[i]` render (keyed by
-  // toolCallId). We return null here so the list skips them, mirroring the
-  // fact that CopilotChatMessageView's `renderMessageBlock` has no
-  // `message.role === "tool"` branch.
+  // toolCallId). We return null here so the list skips them.
   if (message.role === "tool") {
     return null;
   }
@@ -174,7 +170,6 @@ function renderAssistantBody(args: {
       {hasText && <div className="whitespace-pre-wrap break-words">{text}</div>}
       {toolCalls.map((toolCall) => {
         // Tool result lives on a sibling `tool`-role message keyed by toolCallId.
-        // Mirrors CopilotChatToolCallsView (react-core/v2/components/chat/CopilotChatToolCallsView.tsx).
         const toolMessage = messages.find(
           (m) => m.role === "tool" && m.toolCallId === toolCall.id,
         ) as ToolMessage | undefined;

showcase/integrations/llamaindex/src/app/demos/hitl-in-chat/hitl-hook-and-time-slots.snippet.tsx

@@ -23,6 +23,12 @@ declare const TimePickerCard: React.ComponentType<{
   onSubmit: (result: unknown) => void;
 }>;
 
+type BookCallRenderProps = {
+  args?: { topic?: string; attendee?: string };
+  status: string;
+  respond?: (result: unknown) => void;
+};
+
 // @region[time-slots]
 const DEFAULT_SLOTS: TimeSlot[] = [
   { label: "Tomorrow 10:00 AM", iso: "2026-04-30T10:00:00-07:00" },
@@ -46,8 +52,7 @@ export function HitlBookingHook() {
         .string()
         .describe("Who the call is with (e.g. 'Alice from Sales')"),
     }),
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    render: ({ args, status, respond }: any) => (
+    render: ({ args, status, respond }: BookCallRenderProps) => (
       <TimePickerCard
         topic={args?.topic ?? "a call"}
         attendee={args?.attendee}

showcase/integrations/spring-ai/src/app/demos/hitl-in-chat/hitl-hook-and-time-slots.snippet.tsx

@@ -23,6 +23,12 @@ declare const TimePickerCard: React.ComponentType<{
   onSubmit: (result: unknown) => void;
 }>;
 
+type BookCallRenderProps = {
+  args?: { topic?: string; attendee?: string };
+  status: string;
+  respond?: (result: unknown) => void;
+};
+
 // @region[time-slots]
 const DEFAULT_SLOTS: TimeSlot[] = [
   { label: "Tomorrow 10:00 AM", iso: "2026-04-30T10:00:00-07:00" },
@@ -46,8 +52,7 @@ export function HitlBookingHook() {
         .string()
         .describe("Who the call is with (e.g. 'Alice from Sales')"),
     }),
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    render: ({ args, status, respond }: any) => (
+    render: ({ args, status, respond }: BookCallRenderProps) => (
       <TimePickerCard
         topic={args?.topic ?? "a call"}
         attendee={args?.attendee}