@copilotkit/web-inspector 1.56.4 → 1.56.5-canary.1777664617

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["LitElement","nothing","tailwindStyles","inspectorLogoIconUrl","inspectorLogoUrl","loadInspectorState","isValidDockMode","isValidAnchor","isValidPosition","isValidSize","constrainToViewport","clampSizeToViewport","icons","CopilotKitCoreRuntimeConnectionStatus"],"sources":["../src/index.ts"],"sourcesContent":["import { LitElement, css, html, nothing, unsafeCSS } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport tailwindStyles from \"./styles/generated.css\";\nimport inspectorLogoUrl from \"./assets/inspector-logo.svg\";\nimport inspectorLogoIconUrl from \"./assets/inspector-logo-icon.svg\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { marked } from \"marked\";\nimport { icons } from \"lucide\";\nimport {\n  CopilotKitCore,\n  CopilotKitCoreRuntimeConnectionStatus,\n  type CopilotKitCoreSubscriber,\n  type CopilotKitCoreErrorCode,\n} from \"@copilotkit/core\";\nimport type { AbstractAgent, AgentSubscriber } from \"@ag-ui/client\";\nimport type {\n  Anchor,\n  ContextKey,\n  ContextState,\n  DockMode,\n  Position,\n  Size,\n} from \"./lib/types\";\nimport {\n  applyAnchorPosition as applyAnchorPositionHelper,\n  centerContext as centerContextHelper,\n  constrainToViewport,\n  keepPositionWithinViewport,\n  updateAnchorFromPosition as updateAnchorFromPositionHelper,\n  updateSizeFromElement,\n  clampSize as clampSizeToViewport,\n} from \"./lib/context-helpers\";\nimport {\n  loadInspectorState,\n  saveInspectorState,\n  type PersistedState,\n  isValidAnchor,\n  isValidPosition,\n  isValidSize,\n  isValidDockMode,\n} from \"./lib/persistence\";\n\nexport const WEB_INSPECTOR_TAG = \"cpk-web-inspector\" as const;\n\ntype LucideIconName = keyof typeof icons;\n\ntype MenuKey = \"ag-ui-events\" | \"agents\" | \"frontend-tools\" | \"agent-context\";\n\ntype MenuItem = {\n  key: MenuKey;\n  label: string;\n  icon: LucideIconName;\n};\n\nconst EDGE_MARGIN = 16;\nconst DRAG_THRESHOLD = 6;\nconst MIN_WINDOW_WIDTH = 600;\nconst MIN_WINDOW_WIDTH_DOCKED_LEFT = 420;\nconst MIN_WINDOW_HEIGHT = 200;\nconst INSPECTOR_STORAGE_KEY = \"cpk:inspector:state\";\nconst ANNOUNCEMENT_STORAGE_KEY = \"cpk:inspector:announcements\";\nconst ANNOUNCEMENT_URL = \"https://cdn.copilotkit.ai/announcements.json\";\nconst DEFAULT_BUTTON_SIZE: Size = { width: 48, height: 48 };\nconst DEFAULT_WINDOW_SIZE: Size = { width: 840, height: 560 };\nconst DOCKED_LEFT_WIDTH = 500; // Sensible width for left dock with collapsed sidebar\nconst MAX_AGENT_EVENTS = 200;\nconst MAX_TOTAL_EVENTS = 500;\n\ntype InspectorAgentEventType =\n  | \"RUN_STARTED\"\n  | \"RUN_FINISHED\"\n  | \"RUN_ERROR\"\n  | \"TEXT_MESSAGE_START\"\n  | \"TEXT_MESSAGE_CONTENT\"\n  | \"TEXT_MESSAGE_END\"\n  | \"TOOL_CALL_START\"\n  | \"TOOL_CALL_ARGS\"\n  | \"TOOL_CALL_END\"\n  | \"TOOL_CALL_RESULT\"\n  | \"STATE_SNAPSHOT\"\n  | \"STATE_DELTA\"\n  | \"MESSAGES_SNAPSHOT\"\n  | \"RAW_EVENT\"\n  | \"CUSTOM_EVENT\"\n  | \"REASONING_START\"\n  | \"REASONING_MESSAGE_START\"\n  | \"REASONING_MESSAGE_CONTENT\"\n  | \"REASONING_MESSAGE_END\"\n  | \"REASONING_END\"\n  | \"REASONING_ENCRYPTED_VALUE\";\n\nconst AGENT_EVENT_TYPES: readonly InspectorAgentEventType[] = [\n  \"RUN_STARTED\",\n  \"RUN_FINISHED\",\n  \"RUN_ERROR\",\n  \"TEXT_MESSAGE_START\",\n  \"TEXT_MESSAGE_CONTENT\",\n  \"TEXT_MESSAGE_END\",\n  \"TOOL_CALL_START\",\n  \"TOOL_CALL_ARGS\",\n  \"TOOL_CALL_END\",\n  \"TOOL_CALL_RESULT\",\n  \"STATE_SNAPSHOT\",\n  \"STATE_DELTA\",\n  \"MESSAGES_SNAPSHOT\",\n  \"RAW_EVENT\",\n  \"CUSTOM_EVENT\",\n  \"REASONING_START\",\n  \"REASONING_MESSAGE_START\",\n  \"REASONING_MESSAGE_CONTENT\",\n  \"REASONING_MESSAGE_END\",\n  \"REASONING_END\",\n  \"REASONING_ENCRYPTED_VALUE\",\n] as const;\n\ntype SanitizedValue =\n  | string\n  | number\n  | boolean\n  | null\n  | SanitizedValue[]\n  | { [key: string]: SanitizedValue };\n\ntype InspectorToolCall = {\n  id?: string;\n  function?: {\n    name?: string;\n    arguments?: SanitizedValue | string;\n  };\n  toolName?: string;\n  status?: string;\n};\n\ntype InspectorMessage = {\n  id?: string;\n  role: string;\n  contentText: string;\n  contentRaw?: SanitizedValue;\n  toolCalls: InspectorToolCall[];\n};\n\ntype InspectorToolDefinition = {\n  agentId: string;\n  name: string;\n  description?: string;\n  parameters?: unknown;\n  type: \"handler\" | \"renderer\";\n};\n\ntype InspectorEvent = {\n  id: string;\n  agentId: string;\n  type: InspectorAgentEventType;\n  timestamp: number;\n  payload: SanitizedValue;\n};\n\nexport class WebInspectorElement extends LitElement {\n  static properties = {\n    core: { attribute: false },\n    autoAttachCore: { type: Boolean, attribute: \"auto-attach-core\" },\n  } as const;\n\n  private _core: CopilotKitCore | null = null;\n  private coreSubscriber: CopilotKitCoreSubscriber | null = null;\n  private coreUnsubscribe: (() => void) | null = null;\n  private runtimeStatus: CopilotKitCoreRuntimeConnectionStatus | null = null;\n  private coreProperties: Readonly<Record<string, unknown>> = {};\n  private lastCoreError: {\n    code: CopilotKitCoreErrorCode;\n    message: string;\n  } | null = null;\n  private agentSubscriptions: Map<string, () => void> = new Map();\n  private agentEvents: Map<string, InspectorEvent[]> = new Map();\n  private agentMessages: Map<string, InspectorMessage[]> = new Map();\n  private agentStates: Map<string, SanitizedValue> = new Map();\n  private flattenedEvents: InspectorEvent[] = [];\n  private eventCounter = 0;\n  private contextStore: Record<\n    string,\n    { description?: string; value: unknown }\n  > = {};\n\n  private pointerId: number | null = null;\n  private dragStart: Position | null = null;\n  private dragOffset: Position = { x: 0, y: 0 };\n  private isDragging = false;\n  private pointerContext: ContextKey | null = null;\n  private isOpen = false;\n  private draggedDuringInteraction = false;\n  private ignoreNextButtonClick = false;\n  private selectedMenu: MenuKey = \"ag-ui-events\";\n  private contextMenuOpen = false;\n  private dockMode: DockMode = \"floating\";\n  private previousBodyMargins: { left: string; bottom: string } | null = null;\n  private transitionTimeoutId: ReturnType<typeof setTimeout> | null = null;\n  private bodyTransitionTimeoutIds: Set<ReturnType<typeof setTimeout>> =\n    new Set();\n  private pendingSelectedContext: string | null = null;\n  private autoAttachCore = true;\n  private attemptedAutoAttach = false;\n  private cachedTools: InspectorToolDefinition[] = [];\n  private toolSignature = \"\";\n  private eventFilterText = \"\";\n  private eventTypeFilter: InspectorAgentEventType | \"all\" = \"all\";\n\n  private announcementMarkdown: string | null = null;\n  private announcementHtml: string | null = null;\n  private announcementTimestamp: string | null = null;\n  private announcementPreviewText: string | null = null;\n  private hasUnseenAnnouncement = false;\n  private announcementLoaded = false;\n  private announcementLoadError: unknown = null;\n  private announcementPromise: Promise<void> | null = null;\n  private showAnnouncementPreview = true;\n\n  get core(): CopilotKitCore | null {\n    return this._core;\n  }\n\n  set core(value: CopilotKitCore | null) {\n    const oldValue = this._core;\n    if (oldValue === value) {\n      return;\n    }\n\n    this.detachFromCore();\n\n    this._core = value ?? null;\n    this.requestUpdate(\"core\", oldValue);\n\n    if (this._core) {\n      this.attachToCore(this._core);\n    }\n  }\n\n  private readonly contextState: Record<ContextKey, ContextState> = {\n    button: {\n      position: { x: EDGE_MARGIN, y: EDGE_MARGIN },\n      size: { ...DEFAULT_BUTTON_SIZE },\n      anchor: { horizontal: \"right\", vertical: \"top\" },\n      anchorOffset: { x: EDGE_MARGIN, y: EDGE_MARGIN },\n    },\n    window: {\n      position: { x: EDGE_MARGIN, y: EDGE_MARGIN },\n      size: { ...DEFAULT_WINDOW_SIZE },\n      anchor: { horizontal: \"right\", vertical: \"top\" },\n      anchorOffset: { x: EDGE_MARGIN, y: EDGE_MARGIN },\n    },\n  };\n\n  private hasCustomPosition: Record<ContextKey, boolean> = {\n    button: false,\n    window: false,\n  };\n\n  private resizePointerId: number | null = null;\n  private resizeStart: Position | null = null;\n  private resizeInitialSize: { width: number; height: number } | null = null;\n  private isResizing = false;\n\n  private readonly menuItems: MenuItem[] = [\n    { key: \"ag-ui-events\", label: \"AG-UI Events\", icon: \"Zap\" },\n    { key: \"agents\", label: \"Agent\", icon: \"Bot\" },\n    { key: \"frontend-tools\", label: \"Frontend Tools\", icon: \"Hammer\" },\n    { key: \"agent-context\", label: \"Context\", icon: \"FileText\" },\n  ];\n\n  private attachToCore(core: CopilotKitCore): void {\n    this.runtimeStatus = core.runtimeConnectionStatus;\n    this.coreProperties = core.properties;\n    this.lastCoreError = null;\n\n    this.coreSubscriber = {\n      onRuntimeConnectionStatusChanged: ({ status }) => {\n        this.runtimeStatus = status;\n        this.requestUpdate();\n      },\n      onPropertiesChanged: ({ properties }) => {\n        this.coreProperties = properties;\n        this.requestUpdate();\n      },\n      onError: ({ code, error }) => {\n        this.lastCoreError = { code, message: error.message };\n        this.requestUpdate();\n      },\n      onAgentsChanged: ({ agents }) => {\n        this.processAgentsChanged(agents);\n      },\n      onAgentRunStarted: ({ agent }) => {\n        // Per-thread clones are not in the agent registry, so\n        // onAgentsChanged never fires for them. Subscribe here so\n        // the inspector captures their AG-UI events.\n        if (agent?.agentId) {\n          this.subscribeToAgent(agent);\n        }\n      },\n      onContextChanged: ({ context }) => {\n        this.contextStore = this.normalizeContextStore(context);\n        this.requestUpdate();\n      },\n    } satisfies CopilotKitCoreSubscriber;\n\n    this.coreUnsubscribe = core.subscribe(this.coreSubscriber).unsubscribe;\n    this.processAgentsChanged(core.agents);\n\n    // Initialize context from core\n    if (core.context) {\n      this.contextStore = this.normalizeContextStore(core.context);\n    }\n  }\n\n  private detachFromCore(): void {\n    if (this.coreUnsubscribe) {\n      this.coreUnsubscribe();\n      this.coreUnsubscribe = null;\n    }\n    this.coreSubscriber = null;\n    this.runtimeStatus = null;\n    this.lastCoreError = null;\n    this.coreProperties = {};\n    this.cachedTools = [];\n    this.toolSignature = \"\";\n    this.teardownAgentSubscriptions();\n  }\n\n  private teardownAgentSubscriptions(): void {\n    for (const unsubscribe of this.agentSubscriptions.values()) {\n      unsubscribe();\n    }\n    this.agentSubscriptions.clear();\n    this.agentEvents.clear();\n    this.agentMessages.clear();\n    this.agentStates.clear();\n    this.flattenedEvents = [];\n    this.eventCounter = 0;\n  }\n\n  private processAgentsChanged(\n    agents: Readonly<Record<string, AbstractAgent>>,\n  ): void {\n    const seenAgentIds = new Set<string>();\n\n    for (const agent of Object.values(agents)) {\n      if (!agent?.agentId) {\n        continue;\n      }\n      seenAgentIds.add(agent.agentId);\n      this.subscribeToAgent(agent);\n    }\n\n    for (const agentId of Array.from(this.agentSubscriptions.keys())) {\n      if (!seenAgentIds.has(agentId)) {\n        this.unsubscribeFromAgent(agentId);\n        this.agentEvents.delete(agentId);\n        this.agentMessages.delete(agentId);\n        this.agentStates.delete(agentId);\n      }\n    }\n\n    this.updateContextOptions(seenAgentIds);\n    this.refreshToolsSnapshot();\n    this.requestUpdate();\n  }\n\n  private refreshToolsSnapshot(): void {\n    if (!this._core) {\n      if (this.cachedTools.length > 0) {\n        this.cachedTools = [];\n        this.toolSignature = \"\";\n        this.requestUpdate();\n      }\n      return;\n    }\n\n    const tools = this.extractToolsFromAgents();\n    const signature = JSON.stringify(\n      tools.map((tool) => ({\n        agentId: tool.agentId,\n        name: tool.name,\n        type: tool.type,\n        hasDescription: Boolean(tool.description),\n        hasParameters: Boolean(tool.parameters),\n      })),\n    );\n\n    if (signature !== this.toolSignature) {\n      this.toolSignature = signature;\n      this.cachedTools = tools;\n      this.requestUpdate();\n    }\n  }\n\n  private tryAutoAttachCore(): void {\n    if (\n      this.attemptedAutoAttach ||\n      this._core ||\n      !this.autoAttachCore ||\n      typeof window === \"undefined\"\n    ) {\n      return;\n    }\n\n    this.attemptedAutoAttach = true;\n\n    const globalWindow = window as unknown as Record<string, unknown>;\n    const globalCandidates: Array<unknown> = [\n      // Common app-level globals used during development\n      globalWindow.__COPILOTKIT_CORE__,\n      (globalWindow.copilotkit as { core?: unknown } | undefined)?.core,\n      globalWindow.copilotkitCore,\n    ];\n\n    const foundCore = globalCandidates.find(\n      (candidate): candidate is CopilotKitCore =>\n        !!candidate && typeof candidate === \"object\",\n    );\n\n    if (foundCore) {\n      this.core = foundCore;\n    }\n  }\n\n  private subscribeToAgent(agent: AbstractAgent): void {\n    if (!agent.agentId) {\n      return;\n    }\n\n    const agentId = agent.agentId;\n\n    this.unsubscribeFromAgent(agentId);\n\n    const subscriber: AgentSubscriber = {\n      onRunStartedEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"RUN_STARTED\", event);\n      },\n      onRunFinishedEvent: ({ event, result }) => {\n        this.recordAgentEvent(agentId, \"RUN_FINISHED\", { event, result });\n      },\n      onRunErrorEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"RUN_ERROR\", event);\n      },\n      onTextMessageStartEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"TEXT_MESSAGE_START\", event);\n      },\n      onTextMessageContentEvent: ({ event, textMessageBuffer }) => {\n        this.recordAgentEvent(agentId, \"TEXT_MESSAGE_CONTENT\", {\n          event,\n          textMessageBuffer,\n        });\n      },\n      onTextMessageEndEvent: ({ event, textMessageBuffer }) => {\n        this.recordAgentEvent(agentId, \"TEXT_MESSAGE_END\", {\n          event,\n          textMessageBuffer,\n        });\n      },\n      onToolCallStartEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"TOOL_CALL_START\", event);\n      },\n      onToolCallArgsEvent: ({\n        event,\n        toolCallBuffer,\n        toolCallName,\n        partialToolCallArgs,\n      }) => {\n        this.recordAgentEvent(agentId, \"TOOL_CALL_ARGS\", {\n          event,\n          toolCallBuffer,\n          toolCallName,\n          partialToolCallArgs,\n        });\n      },\n      onToolCallEndEvent: ({ event, toolCallArgs, toolCallName }) => {\n        this.recordAgentEvent(agentId, \"TOOL_CALL_END\", {\n          event,\n          toolCallArgs,\n          toolCallName,\n        });\n      },\n      onToolCallResultEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"TOOL_CALL_RESULT\", event);\n      },\n      onStateSnapshotEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"STATE_SNAPSHOT\", event);\n        this.syncAgentState(agent);\n      },\n      onStateDeltaEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"STATE_DELTA\", event);\n        this.syncAgentState(agent);\n      },\n      onMessagesSnapshotEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"MESSAGES_SNAPSHOT\", event);\n        this.syncAgentMessages(agent);\n      },\n      onMessagesChanged: () => {\n        this.syncAgentMessages(agent);\n      },\n      onStateChanged: () => {\n        this.syncAgentState(agent);\n      },\n      onRawEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"RAW_EVENT\", event);\n      },\n      onCustomEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"CUSTOM_EVENT\", event);\n      },\n      onReasoningStartEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"REASONING_START\", event);\n      },\n      onReasoningMessageStartEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"REASONING_MESSAGE_START\", event);\n      },\n      onReasoningMessageContentEvent: ({ event, reasoningMessageBuffer }) => {\n        this.recordAgentEvent(agentId, \"REASONING_MESSAGE_CONTENT\", {\n          event,\n          reasoningMessageBuffer,\n        });\n      },\n      onReasoningMessageEndEvent: ({ event, reasoningMessageBuffer }) => {\n        this.recordAgentEvent(agentId, \"REASONING_MESSAGE_END\", {\n          event,\n          reasoningMessageBuffer,\n        });\n      },\n      onReasoningEndEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"REASONING_END\", event);\n      },\n      onReasoningEncryptedValueEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"REASONING_ENCRYPTED_VALUE\", event);\n      },\n    };\n\n    const { unsubscribe } = agent.subscribe(subscriber);\n    this.agentSubscriptions.set(agentId, unsubscribe);\n    this.syncAgentMessages(agent);\n    this.syncAgentState(agent);\n\n    if (!this.agentEvents.has(agentId)) {\n      this.agentEvents.set(agentId, []);\n    }\n  }\n\n  private unsubscribeFromAgent(agentId: string): void {\n    const unsubscribe = this.agentSubscriptions.get(agentId);\n    if (unsubscribe) {\n      unsubscribe();\n      this.agentSubscriptions.delete(agentId);\n    }\n  }\n\n  private recordAgentEvent(\n    agentId: string,\n    type: InspectorAgentEventType,\n    payload: unknown,\n  ): void {\n    const eventId = `${agentId}:${++this.eventCounter}`;\n    const normalizedPayload = this.normalizeEventPayload(type, payload);\n    const event: InspectorEvent = {\n      id: eventId,\n      agentId,\n      type,\n      timestamp: Date.now(),\n      payload: normalizedPayload,\n    };\n\n    const currentAgentEvents = this.agentEvents.get(agentId) ?? [];\n    const nextAgentEvents = [event, ...currentAgentEvents].slice(\n      0,\n      MAX_AGENT_EVENTS,\n    );\n    this.agentEvents.set(agentId, nextAgentEvents);\n\n    this.flattenedEvents = [event, ...this.flattenedEvents].slice(\n      0,\n      MAX_TOTAL_EVENTS,\n    );\n    this.refreshToolsSnapshot();\n    this.requestUpdate();\n  }\n\n  private syncAgentMessages(agent: AbstractAgent): void {\n    if (!agent?.agentId) {\n      return;\n    }\n\n    try {\n      const messages = this.normalizeAgentMessages(\n        (agent as { messages?: unknown }).messages,\n      );\n      if (messages) {\n        this.agentMessages.set(agent.agentId, messages);\n      } else {\n        this.agentMessages.delete(agent.agentId);\n      }\n\n      this.requestUpdate();\n    } catch (error) {\n      console.error(\n        `[CopilotKit Inspector] Failed to sync messages for agent \"${agent.agentId}\":`,\n        error,\n      );\n    }\n  }\n\n  private syncAgentState(agent: AbstractAgent): void {\n    if (!agent?.agentId) {\n      return;\n    }\n\n    try {\n      const state = (agent as { state?: unknown }).state;\n\n      if (state === undefined || state === null) {\n        this.agentStates.delete(agent.agentId);\n      } else {\n        this.agentStates.set(agent.agentId, this.sanitizeForLogging(state));\n      }\n\n      this.requestUpdate();\n    } catch (error) {\n      console.error(\n        `[CopilotKit Inspector] Failed to sync state for agent \"${agent.agentId}\":`,\n        error,\n      );\n    }\n  }\n\n  private updateContextOptions(agentIds: Set<string>): void {\n    const nextOptions: Array<{ key: string; label: string }> = [\n      { key: \"all-agents\", label: \"All Agents\" },\n      ...Array.from(agentIds)\n        .sort((a, b) => a.localeCompare(b))\n        .map((id) => ({ key: id, label: id })),\n    ];\n\n    const optionsChanged =\n      this.contextOptions.length !== nextOptions.length ||\n      this.contextOptions.some(\n        (option, index) => option.key !== nextOptions[index]?.key,\n      );\n\n    if (optionsChanged) {\n      this.contextOptions = nextOptions;\n    }\n\n    const pendingContext = this.pendingSelectedContext;\n    if (pendingContext) {\n      const isPendingAvailable =\n        pendingContext === \"all-agents\" || agentIds.has(pendingContext);\n      if (isPendingAvailable) {\n        if (this.selectedContext !== pendingContext) {\n          this.selectedContext = pendingContext;\n          this.expandedRows.clear();\n        }\n        this.pendingSelectedContext = null;\n      } else if (agentIds.size > 0) {\n        // Agents are loaded but the pending selection no longer exists\n        this.pendingSelectedContext = null;\n      }\n    }\n\n    const hasSelectedContext = nextOptions.some(\n      (option) => option.key === this.selectedContext,\n    );\n\n    if (!hasSelectedContext && this.pendingSelectedContext === null) {\n      // Auto-select \"default\" agent if it exists, otherwise first agent, otherwise \"all-agents\"\n      let nextSelected: string = \"all-agents\";\n\n      if (agentIds.has(\"default\")) {\n        nextSelected = \"default\";\n      } else if (agentIds.size > 0) {\n        nextSelected = Array.from(agentIds).sort((a, b) =>\n          a.localeCompare(b),\n        )[0]!;\n      }\n\n      if (this.selectedContext !== nextSelected) {\n        this.selectedContext = nextSelected;\n        this.expandedRows.clear();\n        this.persistState();\n      }\n    }\n  }\n\n  private getEventsForSelectedContext(): InspectorEvent[] {\n    if (this.selectedContext === \"all-agents\") {\n      return this.flattenedEvents;\n    }\n\n    return this.agentEvents.get(this.selectedContext) ?? [];\n  }\n\n  private filterEvents(events: InspectorEvent[]): InspectorEvent[] {\n    const query = this.eventFilterText.trim().toLowerCase();\n\n    return events.filter((event) => {\n      if (\n        this.eventTypeFilter !== \"all\" &&\n        event.type !== this.eventTypeFilter\n      ) {\n        return false;\n      }\n\n      if (!query) {\n        return true;\n      }\n\n      const payloadText = this.stringifyPayload(\n        event.payload,\n        false,\n      ).toLowerCase();\n      return (\n        event.type.toLowerCase().includes(query) ||\n        event.agentId.toLowerCase().includes(query) ||\n        payloadText.includes(query)\n      );\n    });\n  }\n\n  private getLatestStateForAgent(agentId: string): SanitizedValue | null {\n    if (this.agentStates.has(agentId)) {\n      const value = this.agentStates.get(agentId);\n      return value === undefined ? null : value;\n    }\n\n    const events = this.agentEvents.get(agentId) ?? [];\n    const stateEvent = events.find((e) => e.type === \"STATE_SNAPSHOT\");\n    if (!stateEvent) {\n      return null;\n    }\n    return stateEvent.payload;\n  }\n\n  private getLatestMessagesForAgent(\n    agentId: string,\n  ): InspectorMessage[] | null {\n    const messages = this.agentMessages.get(agentId);\n    return messages ?? null;\n  }\n\n  private getAgentStatus(agentId: string): \"running\" | \"idle\" | \"error\" {\n    const events = this.agentEvents.get(agentId) ?? [];\n    if (events.length === 0) {\n      return \"idle\";\n    }\n\n    // Check most recent run-related event\n    const runEvent = events.find(\n      (e) =>\n        e.type === \"RUN_STARTED\" ||\n        e.type === \"RUN_FINISHED\" ||\n        e.type === \"RUN_ERROR\",\n    );\n\n    if (!runEvent) {\n      return \"idle\";\n    }\n\n    if (runEvent.type === \"RUN_ERROR\") {\n      return \"error\";\n    }\n\n    if (runEvent.type === \"RUN_STARTED\") {\n      // Check if there's a RUN_FINISHED after this\n      const finishedAfter = events.find(\n        (e) => e.type === \"RUN_FINISHED\" && e.timestamp > runEvent.timestamp,\n      );\n      return finishedAfter ? \"idle\" : \"running\";\n    }\n\n    return \"idle\";\n  }\n\n  private getAgentStats(agentId: string): {\n    totalEvents: number;\n    lastActivity: number | null;\n    messages: number;\n    toolCalls: number;\n    errors: number;\n  } {\n    const events = this.agentEvents.get(agentId) ?? [];\n\n    const messages = this.agentMessages.get(agentId);\n\n    const toolCallCount = messages\n      ? messages.reduce(\n          (count, message) => count + (message.toolCalls?.length ?? 0),\n          0,\n        )\n      : events.filter((e) => e.type === \"TOOL_CALL_END\").length;\n\n    const messageCount = messages?.length ?? 0;\n\n    return {\n      totalEvents: events.length,\n      lastActivity: events[0]?.timestamp ?? null,\n      messages: messageCount,\n      toolCalls: toolCallCount,\n      errors: events.filter((e) => e.type === \"RUN_ERROR\").length,\n    };\n  }\n\n  private renderToolCallDetails(toolCalls: InspectorToolCall[]) {\n    if (!Array.isArray(toolCalls) || toolCalls.length === 0) {\n      return nothing;\n    }\n\n    return html`\n      <div class=\"mt-2 space-y-2\">\n        ${toolCalls.map((call, index) => {\n          const functionName =\n            call.function?.name ?? call.toolName ?? \"Unknown function\";\n          const callId =\n            typeof call?.id === \"string\" ? call.id : `tool-call-${index + 1}`;\n          const argsString = this.formatToolCallArguments(\n            call.function?.arguments,\n          );\n          return html`\n            <div\n              class=\"rounded-md border border-gray-200 bg-gray-50 p-3 text-xs text-gray-700\"\n            >\n              <div\n                class=\"flex flex-wrap items-center justify-between gap-1 font-medium text-gray-900\"\n              >\n                <span>${functionName}</span>\n                <span class=\"text-[10px] text-gray-500\">ID: ${callId}</span>\n              </div>\n              ${\n                argsString\n                  ? html`<pre\n                    class=\"mt-2 overflow-auto rounded bg-white p-2 text-[11px] leading-relaxed text-gray-800\"\n                  >\n${argsString}</pre\n                  >`\n                  : nothing\n              }\n            </div>\n          `;\n        })}\n      </div>\n    `;\n  }\n\n  private formatToolCallArguments(args: unknown): string | null {\n    if (args === undefined || args === null || args === \"\") {\n      return null;\n    }\n\n    if (typeof args === \"string\") {\n      try {\n        const parsed = JSON.parse(args);\n        return JSON.stringify(parsed, null, 2);\n      } catch {\n        return args;\n      }\n    }\n\n    if (typeof args === \"object\") {\n      try {\n        return JSON.stringify(args, null, 2);\n      } catch {\n        return String(args);\n      }\n    }\n\n    return String(args);\n  }\n\n  private hasRenderableState(state: unknown): boolean {\n    if (state === null || state === undefined) {\n      return false;\n    }\n\n    if (Array.isArray(state)) {\n      return state.length > 0;\n    }\n\n    if (typeof state === \"object\") {\n      return Object.keys(state as Record<string, unknown>).length > 0;\n    }\n\n    if (typeof state === \"string\") {\n      const trimmed = state.trim();\n      return trimmed.length > 0 && trimmed !== \"{}\";\n    }\n\n    return true;\n  }\n\n  private formatStateForDisplay(state: unknown): string {\n    if (state === null || state === undefined) {\n      return \"\";\n    }\n\n    if (typeof state === \"string\") {\n      const trimmed = state.trim();\n      if (trimmed.length === 0) {\n        return \"\";\n      }\n      try {\n        const parsed = JSON.parse(trimmed);\n        return JSON.stringify(parsed, null, 2);\n      } catch {\n        return state;\n      }\n    }\n\n    if (typeof state === \"object\") {\n      try {\n        return JSON.stringify(state, null, 2);\n      } catch {\n        return String(state);\n      }\n    }\n\n    return String(state);\n  }\n\n  private getEventBadgeClasses(type: string): string {\n    const base =\n      \"font-mono text-[10px] font-medium inline-flex items-center rounded-sm px-1.5 py-0.5 border\";\n\n    if (type.startsWith(\"RUN_\")) {\n      return `${base} bg-blue-50 text-blue-700 border-blue-200`;\n    }\n\n    if (type.startsWith(\"TEXT_MESSAGE\")) {\n      return `${base} bg-emerald-50 text-emerald-700 border-emerald-200`;\n    }\n\n    if (type.startsWith(\"TOOL_CALL\")) {\n      return `${base} bg-amber-50 text-amber-700 border-amber-200`;\n    }\n\n    if (type.startsWith(\"REASONING\")) {\n      return `${base} bg-fuchsia-50 text-fuchsia-700 border-fuchsia-200`;\n    }\n\n    if (type.startsWith(\"STATE\")) {\n      return `${base} bg-violet-50 text-violet-700 border-violet-200`;\n    }\n\n    if (type.startsWith(\"MESSAGES\")) {\n      return `${base} bg-sky-50 text-sky-700 border-sky-200`;\n    }\n\n    if (type === \"RUN_ERROR\") {\n      return `${base} bg-rose-50 text-rose-700 border-rose-200`;\n    }\n\n    return `${base} bg-gray-100 text-gray-600 border-gray-200`;\n  }\n\n  private stringifyPayload(payload: unknown, pretty: boolean): string {\n    try {\n      if (payload === undefined) {\n        return pretty ? \"undefined\" : \"undefined\";\n      }\n      if (typeof payload === \"string\") {\n        return payload;\n      }\n      return JSON.stringify(payload, null, pretty ? 2 : 0) ?? \"\";\n    } catch (error) {\n      console.warn(\"Failed to stringify inspector payload\", error);\n      return String(payload);\n    }\n  }\n\n  private extractEventFromPayload(payload: unknown): unknown {\n    // If payload is an object with an 'event' field, extract it\n    if (payload && typeof payload === \"object\" && \"event\" in payload) {\n      return (payload as Record<string, unknown>).event;\n    }\n    // Otherwise, assume the payload itself is the event\n    return payload;\n  }\n\n  private async copyToClipboard(text: string, eventId: string): Promise<void> {\n    try {\n      await navigator.clipboard.writeText(text);\n      this.copiedEvents.add(eventId);\n      this.requestUpdate();\n\n      // Clear the \"copied\" state after 2 seconds\n      setTimeout(() => {\n        this.copiedEvents.delete(eventId);\n        this.requestUpdate();\n      }, 2000);\n    } catch (err) {\n      console.error(\"Failed to copy to clipboard:\", err);\n    }\n  }\n\n  static styles = [\n    unsafeCSS(tailwindStyles),\n    css`\n      :host {\n        position: fixed;\n        top: 0;\n        left: 0;\n        z-index: 2147483646;\n        display: block;\n        will-change: transform;\n      }\n\n      :host([data-transitioning=\"true\"]) {\n        transition: transform 300ms ease;\n      }\n\n      .console-button {\n        transition:\n          transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1),\n          opacity 160ms ease;\n      }\n\n      .console-button[data-dragging=\"true\"] {\n        transition: opacity 160ms ease;\n      }\n\n      .inspector-window[data-transitioning=\"true\"] {\n        transition:\n          width 300ms ease,\n          height 300ms ease;\n      }\n\n      .inspector-window[data-docked=\"true\"] {\n        border-radius: 0 !important;\n        box-shadow: none !important;\n      }\n\n      .resize-handle {\n        touch-action: none;\n        user-select: none;\n      }\n\n      .dock-resize-handle {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 10px;\n        height: 100%;\n        cursor: ew-resize;\n        touch-action: none;\n        z-index: 50;\n        background: transparent;\n      }\n\n      .tooltip-target {\n        position: relative;\n      }\n\n      .tooltip-target::after {\n        content: attr(data-tooltip);\n        position: absolute;\n        top: calc(100% + 6px);\n        left: 50%;\n        transform: translateX(-50%) translateY(-4px);\n        white-space: nowrap;\n        background: rgba(17, 24, 39, 0.95);\n        color: white;\n        padding: 4px 8px;\n        border-radius: 6px;\n        font-size: 10px;\n        line-height: 1.2;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n        opacity: 0;\n        pointer-events: none;\n        transition:\n          opacity 120ms ease,\n          transform 120ms ease;\n        z-index: 4000;\n      }\n\n      .tooltip-target:hover::after {\n        opacity: 1;\n        transform: translateX(-50%) translateY(0);\n      }\n\n      .announcement-preview {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        min-width: 300px;\n        max-width: 300px;\n        background: white;\n        color: #111827;\n        font-size: 13px;\n        line-height: 1.4;\n        border-radius: 12px;\n        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.22);\n        padding: 10px 12px;\n        display: inline-flex;\n        align-items: flex-start;\n        gap: 8px;\n        z-index: 4500;\n        animation: fade-slide-in 160ms ease;\n        border: 1px solid rgba(148, 163, 184, 0.35);\n        white-space: normal;\n        word-break: break-word;\n        text-align: left;\n      }\n\n      .announcement-preview[data-side=\"left\"] {\n        right: 100%;\n        margin-right: 10px;\n      }\n\n      .announcement-preview[data-side=\"right\"] {\n        left: 100%;\n        margin-left: 10px;\n      }\n\n      .announcement-preview__arrow {\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        background: white;\n        border: 1px solid rgba(148, 163, 184, 0.35);\n        transform: rotate(45deg);\n        top: 50%;\n        margin-top: -5px;\n        z-index: -1;\n      }\n\n      .announcement-preview[data-side=\"left\"] .announcement-preview__arrow {\n        right: -5px;\n        box-shadow: 6px -6px 10px rgba(15, 23, 42, 0.12);\n      }\n\n      .announcement-preview[data-side=\"right\"] .announcement-preview__arrow {\n        left: -5px;\n        box-shadow: -6px 6px 10px rgba(15, 23, 42, 0.12);\n      }\n\n      .announcement-dismiss {\n        color: #6b7280;\n        font-size: 12px;\n        padding: 2px 8px;\n        border-radius: 8px;\n        border: 1px solid rgba(148, 163, 184, 0.5);\n        background: rgba(248, 250, 252, 0.9);\n        transition:\n          background 120ms ease,\n          color 120ms ease;\n      }\n\n      .announcement-dismiss:hover {\n        background: rgba(241, 245, 249, 1);\n        color: #111827;\n      }\n\n      .announcement-content {\n        color: #111827;\n        font-size: 14px;\n        line-height: 1.6;\n      }\n\n      .announcement-content h1,\n      .announcement-content h2,\n      .announcement-content h3 {\n        font-weight: 700;\n        margin: 0.4rem 0 0.2rem;\n      }\n\n      .announcement-content h1 {\n        font-size: 1.1rem;\n      }\n\n      .announcement-content h2 {\n        font-size: 1rem;\n      }\n\n      .announcement-content h3 {\n        font-size: 0.95rem;\n      }\n\n      .announcement-content p {\n        margin: 0.25rem 0;\n      }\n\n      .announcement-content ul {\n        list-style: disc;\n        padding-left: 1.25rem;\n        margin: 0.3rem 0;\n      }\n\n      .announcement-content ol {\n        list-style: decimal;\n        padding-left: 1.25rem;\n        margin: 0.3rem 0;\n      }\n\n      .announcement-content a {\n        color: #0f766e;\n        text-decoration: underline;\n      }\n    `,\n  ];\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (typeof window !== \"undefined\") {\n      window.addEventListener(\"resize\", this.handleResize);\n      window.addEventListener(\n        \"pointerdown\",\n        this.handleGlobalPointerDown as EventListener,\n      );\n\n      // Load state early (before first render) so menu selection is correct\n      this.hydrateStateFromStorageEarly();\n      this.tryAutoAttachCore();\n      this.ensureAnnouncementLoading();\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (typeof window !== \"undefined\") {\n      window.removeEventListener(\"resize\", this.handleResize);\n      window.removeEventListener(\n        \"pointerdown\",\n        this.handleGlobalPointerDown as EventListener,\n      );\n    }\n    // Clear pending body-transition timers to prevent post-teardown errors\n    for (const id of this.bodyTransitionTimeoutIds) {\n      clearTimeout(id);\n    }\n    this.bodyTransitionTimeoutIds.clear();\n    if (this.transitionTimeoutId !== null) {\n      clearTimeout(this.transitionTimeoutId);\n      this.transitionTimeoutId = null;\n    }\n    this.removeDockStyles(true); // Clean up any docking styles, skip transition\n    this.detachFromCore();\n  }\n\n  firstUpdated(): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (!this._core) {\n      this.tryAutoAttachCore();\n    }\n\n    this.measureContext(\"button\");\n    this.measureContext(\"window\");\n\n    this.contextState.button.anchor = { horizontal: \"right\", vertical: \"top\" };\n    this.contextState.button.anchorOffset = { x: EDGE_MARGIN, y: EDGE_MARGIN };\n\n    this.contextState.window.anchor = { horizontal: \"right\", vertical: \"top\" };\n    this.contextState.window.anchorOffset = { x: EDGE_MARGIN, y: EDGE_MARGIN };\n\n    this.hydrateStateFromStorage();\n\n    // Apply docking styles if open and docked (skip transition on initial load)\n    if (this.isOpen && this.dockMode !== \"floating\") {\n      this.applyDockStyles(true);\n    }\n\n    this.applyAnchorPosition(\"button\");\n\n    if (this.dockMode === \"floating\") {\n      if (this.hasCustomPosition.window) {\n        this.applyAnchorPosition(\"window\");\n      } else {\n        this.centerContext(\"window\");\n      }\n    }\n\n    this.ensureAnnouncementLoading();\n\n    this.updateHostTransform(this.isOpen ? \"window\" : \"button\");\n  }\n\n  render() {\n    return this.isOpen ? this.renderWindow() : this.renderButton();\n  }\n\n  private renderButton() {\n    const buttonClasses = [\n      \"console-button\",\n      \"group\",\n      \"relative\",\n      \"pointer-events-auto\",\n      \"inline-flex\",\n      \"h-12\",\n      \"w-12\",\n      \"items-center\",\n      \"justify-center\",\n      \"rounded-full\",\n      \"border\",\n      \"border-white/20\",\n      \"bg-slate-950/95\",\n      \"text-xs\",\n      \"font-medium\",\n      \"text-white\",\n      \"ring-1\",\n      \"ring-white/10\",\n      \"backdrop-blur-md\",\n      \"transition\",\n      \"hover:border-white/30\",\n      \"hover:bg-slate-900/95\",\n      \"hover:scale-105\",\n      \"focus-visible:outline\",\n      \"focus-visible:outline-2\",\n      \"focus-visible:outline-offset-2\",\n      \"focus-visible:outline-rose-500\",\n      \"touch-none\",\n      \"select-none\",\n      this.isDragging ? \"cursor-grabbing\" : \"cursor-grab\",\n    ].join(\" \");\n\n    return html`\n      <button\n        class=${buttonClasses}\n        type=\"button\"\n        aria-label=\"Web Inspector\"\n        data-drag-context=\"button\"\n        data-dragging=${\n          this.isDragging && this.pointerContext === \"button\" ? \"true\" : \"false\"\n        }\n        @pointerdown=${this.handlePointerDown}\n        @pointermove=${this.handlePointerMove}\n        @pointerup=${this.handlePointerUp}\n        @pointercancel=${this.handlePointerCancel}\n        @click=${this.handleButtonClick}\n      >\n        ${this.renderAnnouncementPreview()}\n        <img\n          src=${inspectorLogoIconUrl}\n          alt=\"Inspector logo\"\n          class=\"h-5 w-auto\"\n          loading=\"lazy\"\n        />\n      </button>\n    `;\n  }\n\n  private renderWindow() {\n    const windowState = this.contextState.window;\n    const isDocked = this.dockMode !== \"floating\";\n    const isTransitioning = this.hasAttribute(\"data-transitioning\");\n\n    const windowStyles = isDocked\n      ? this.getDockedWindowStyles()\n      : {\n          width: `${Math.round(windowState.size.width)}px`,\n          height: `${Math.round(windowState.size.height)}px`,\n          minWidth: `${MIN_WINDOW_WIDTH}px`,\n          minHeight: `${MIN_WINDOW_HEIGHT}px`,\n        };\n\n    const hasContextDropdown = this.contextOptions.length > 0;\n    const contextDropdown = hasContextDropdown\n      ? this.renderContextDropdown()\n      : nothing;\n    const coreStatus = this.getCoreStatusSummary();\n    const agentSelector = hasContextDropdown\n      ? contextDropdown\n      : html`\n          <div\n            class=\"flex items-center gap-2 rounded-md border border-dashed border-gray-200 px-2 py-1 text-xs text-gray-400\"\n          >\n            <span>${this.renderIcon(\"Bot\")}</span>\n            <span class=\"truncate\">No agents available</span>\n          </div>\n        `;\n\n    return html`\n      <section\n        class=\"inspector-window pointer-events-auto relative flex flex-col overflow-hidden rounded-xl border border-gray-200 bg-white text-gray-900 shadow-lg\"\n        style=${styleMap(windowStyles)}\n        data-docked=${isDocked}\n        data-transitioning=${isTransitioning}\n      >\n        ${\n          isDocked\n            ? html`\n              <div\n                class=\"dock-resize-handle pointer-events-auto\"\n                role=\"presentation\"\n                aria-hidden=\"true\"\n                @pointerdown=${this.handleResizePointerDown}\n                @pointermove=${this.handleResizePointerMove}\n                @pointerup=${this.handleResizePointerUp}\n                @pointercancel=${this.handleResizePointerCancel}\n              ></div>\n            `\n            : nothing\n        }\n        <div\n          class=\"flex flex-1 flex-col overflow-hidden bg-white text-gray-800\"\n        >\n          <div\n            class=\"drag-handle relative z-30 flex flex-col border-b border-gray-200 bg-white/95 backdrop-blur-sm ${\n              isDocked\n                ? \"\"\n                : this.isDragging && this.pointerContext === \"window\"\n                  ? \"cursor-grabbing\"\n                  : \"cursor-grab\"\n            }\"\n            data-drag-context=\"window\"\n            @pointerdown=${isDocked ? undefined : this.handlePointerDown}\n            @pointermove=${isDocked ? undefined : this.handlePointerMove}\n            @pointerup=${isDocked ? undefined : this.handlePointerUp}\n            @pointercancel=${isDocked ? undefined : this.handlePointerCancel}\n          >\n            <div class=\"flex flex-wrap items-center gap-3 px-4 py-3\">\n              <div class=\"flex items-center min-w-0\">\n                <img\n                  src=${inspectorLogoUrl}\n                  alt=\"Inspector logo\"\n                  class=\"h-6 w-auto\"\n                  loading=\"lazy\"\n                />\n              </div>\n              <div class=\"ml-auto flex min-w-0 items-center gap-2\">\n                <div class=\"min-w-[160px] max-w-xs\">${agentSelector}</div>\n                <div class=\"flex items-center gap-1\">\n                  ${this.renderDockControls()}\n                  <button\n                    class=\"flex h-8 w-8 items-center justify-center rounded-md text-gray-400 transition hover:bg-gray-100 hover:text-gray-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400\"\n                    type=\"button\"\n                    aria-label=\"Close Web Inspector\"\n                    @pointerdown=${this.handleClosePointerDown}\n                    @click=${this.handleCloseClick}\n                  >\n                    ${this.renderIcon(\"X\")}\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div\n              class=\"flex flex-wrap items-center gap-2 border-t border-gray-100 px-3 py-2 text-xs\"\n            >\n              ${this.menuItems.map(({ key, label, icon }) => {\n                const isSelected = this.selectedMenu === key;\n                const tabClasses = [\n                  \"inline-flex items-center gap-2 rounded-md px-3 py-2 transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-300\",\n                  isSelected\n                    ? \"bg-gray-900 text-white shadow-sm\"\n                    : \"text-gray-600 hover:bg-gray-100 hover:text-gray-900\",\n                ].join(\" \");\n\n                return html`\n                  <button\n                    type=\"button\"\n                    class=${tabClasses}\n                    aria-pressed=${isSelected}\n                    @click=${() => this.handleMenuSelect(key)}\n                  >\n                    <span\n                      class=\"text-gray-400 ${isSelected ? \"text-white\" : \"\"}\"\n                    >\n                      ${this.renderIcon(icon)}\n                    </span>\n                    <span>${label}</span>\n                  </button>\n                `;\n              })}\n            </div>\n          </div>\n          <div class=\"flex flex-1 flex-col overflow-hidden\">\n            <div class=\"flex-1 overflow-auto\">\n              ${this.renderAnnouncementPanel()}\n              ${this.renderCoreWarningBanner()} ${this.renderMainContent()}\n              <slot></slot>\n            </div>\n            <div class=\"border-t border-gray-200 bg-gray-50 px-4 py-2\">\n              <div\n                class=\"flex items-center gap-2 rounded-md px-3 py-2 text-xs ${coreStatus.tone} w-full overflow-hidden my-1\"\n                title=${coreStatus.description}\n              >\n                <span\n                  class=\"flex h-6 w-6 items-center justify-center rounded bg-white/60\"\n                >\n                  ${this.renderIcon(\"Activity\")}\n                </span>\n                <span class=\"font-medium\">${coreStatus.label}</span>\n                <span class=\"truncate text-[11px] opacity-80\"\n                  >${coreStatus.description}</span\n                >\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"resize-handle pointer-events-auto absolute bottom-1 right-1 flex h-5 w-5 cursor-nwse-resize items-center justify-center text-gray-400 transition hover:text-gray-600\"\n          role=\"presentation\"\n          aria-hidden=\"true\"\n          @pointerdown=${this.handleResizePointerDown}\n          @pointermove=${this.handleResizePointerMove}\n          @pointerup=${this.handleResizePointerUp}\n          @pointercancel=${this.handleResizePointerCancel}\n        >\n          <svg\n            class=\"h-3 w-3\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-linecap=\"round\"\n            stroke-width=\"1.5\"\n          >\n            <path d=\"M5 15L15 5\" />\n            <path d=\"M9 15L15 9\" />\n          </svg>\n        </div>\n      </section>\n    `;\n  }\n\n  private hydrateStateFromStorageEarly(): void {\n    if (typeof document === \"undefined\" || typeof window === \"undefined\") {\n      return;\n    }\n\n    const persisted = loadInspectorState(INSPECTOR_STORAGE_KEY);\n    if (!persisted) {\n      return;\n    }\n\n    // Restore the open/closed state\n    if (typeof persisted.isOpen === \"boolean\") {\n      this.isOpen = persisted.isOpen;\n    }\n\n    // Restore the dock mode\n    if (isValidDockMode(persisted.dockMode)) {\n      this.dockMode = persisted.dockMode;\n    }\n\n    // Restore selected menu\n    if (typeof persisted.selectedMenu === \"string\") {\n      const validMenu = this.menuItems.find(\n        (item) => item.key === persisted.selectedMenu,\n      );\n      if (validMenu) {\n        this.selectedMenu = validMenu.key;\n      }\n    }\n\n    // Restore selected context (agent), will be validated later against available agents\n    if (typeof persisted.selectedContext === \"string\") {\n      this.selectedContext = persisted.selectedContext;\n      this.pendingSelectedContext = persisted.selectedContext;\n    }\n  }\n\n  private hydrateStateFromStorage(): void {\n    if (typeof document === \"undefined\" || typeof window === \"undefined\") {\n      return;\n    }\n\n    const persisted = loadInspectorState(INSPECTOR_STORAGE_KEY);\n    if (!persisted) {\n      return;\n    }\n\n    const persistedButton = persisted.button;\n    if (persistedButton) {\n      if (isValidAnchor(persistedButton.anchor)) {\n        this.contextState.button.anchor = persistedButton.anchor;\n      }\n\n      if (isValidPosition(persistedButton.anchorOffset)) {\n        this.contextState.button.anchorOffset = persistedButton.anchorOffset;\n      }\n\n      if (typeof persistedButton.hasCustomPosition === \"boolean\") {\n        this.hasCustomPosition.button = persistedButton.hasCustomPosition;\n      }\n    }\n\n    const persistedWindow = persisted.window;\n    if (persistedWindow) {\n      if (isValidAnchor(persistedWindow.anchor)) {\n        this.contextState.window.anchor = persistedWindow.anchor;\n      }\n\n      if (isValidPosition(persistedWindow.anchorOffset)) {\n        this.contextState.window.anchorOffset = persistedWindow.anchorOffset;\n      }\n\n      if (isValidSize(persistedWindow.size)) {\n        // Now clampWindowSize will use the correct minimum based on dockMode\n        this.contextState.window.size = this.clampWindowSize(\n          persistedWindow.size,\n        );\n      }\n\n      if (typeof persistedWindow.hasCustomPosition === \"boolean\") {\n        this.hasCustomPosition.window = persistedWindow.hasCustomPosition;\n      }\n    }\n\n    if (typeof persisted.selectedContext === \"string\") {\n      this.selectedContext = persisted.selectedContext;\n      this.pendingSelectedContext = persisted.selectedContext;\n    }\n  }\n\n  private get activeContext(): ContextKey {\n    return this.isOpen ? \"window\" : \"button\";\n  }\n\n  private handlePointerDown = (event: PointerEvent) => {\n    // Don't allow dragging when docked\n    if (this.dockMode !== \"floating\" && this.isOpen) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    const contextAttr = target?.dataset.dragContext;\n    const context: ContextKey = contextAttr === \"window\" ? \"window\" : \"button\";\n\n    const eventTarget = event.target as HTMLElement | null;\n    if (context === \"window\" && eventTarget?.closest(\"button\")) {\n      return;\n    }\n\n    this.pointerContext = context;\n    this.measureContext(context);\n\n    event.preventDefault();\n\n    this.pointerId = event.pointerId;\n    this.dragStart = { x: event.clientX, y: event.clientY };\n    const state = this.contextState[context];\n    this.dragOffset = {\n      x: event.clientX - state.position.x,\n      y: event.clientY - state.position.y,\n    };\n    this.isDragging = false;\n    this.draggedDuringInteraction = false;\n    this.ignoreNextButtonClick = false;\n\n    target?.setPointerCapture?.(this.pointerId);\n  };\n\n  private handlePointerMove = (event: PointerEvent) => {\n    if (\n      this.pointerId !== event.pointerId ||\n      !this.dragStart ||\n      !this.pointerContext\n    ) {\n      return;\n    }\n\n    const distance = Math.hypot(\n      event.clientX - this.dragStart.x,\n      event.clientY - this.dragStart.y,\n    );\n    if (!this.isDragging && distance < DRAG_THRESHOLD) {\n      return;\n    }\n\n    event.preventDefault();\n    this.setDragging(true);\n    this.draggedDuringInteraction = true;\n\n    const desired: Position = {\n      x: event.clientX - this.dragOffset.x,\n      y: event.clientY - this.dragOffset.y,\n    };\n\n    const constrained = this.constrainToViewport(desired, this.pointerContext);\n    this.contextState[this.pointerContext].position = constrained;\n    this.updateHostTransform(this.pointerContext);\n  };\n\n  private handlePointerUp = (event: PointerEvent) => {\n    if (this.pointerId !== event.pointerId) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    if (target?.hasPointerCapture(this.pointerId)) {\n      target.releasePointerCapture(this.pointerId);\n    }\n\n    const context = this.pointerContext ?? this.activeContext;\n\n    if (this.isDragging && this.pointerContext) {\n      event.preventDefault();\n      this.setDragging(false);\n      if (this.pointerContext === \"window\") {\n        this.updateAnchorFromPosition(this.pointerContext);\n        this.hasCustomPosition.window = true;\n        this.applyAnchorPosition(this.pointerContext);\n      } else if (this.pointerContext === \"button\") {\n        // Snap button to nearest corner\n        this.snapButtonToCorner();\n        this.hasCustomPosition.button = true;\n        if (this.draggedDuringInteraction) {\n          this.ignoreNextButtonClick = true;\n        }\n      }\n    } else if (\n      context === \"button\" &&\n      !this.isOpen &&\n      !this.draggedDuringInteraction\n    ) {\n      this.openInspector();\n    }\n\n    this.resetPointerTracking();\n  };\n\n  private handlePointerCancel = (event: PointerEvent) => {\n    if (this.pointerId !== event.pointerId) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    if (target?.hasPointerCapture(this.pointerId)) {\n      target.releasePointerCapture(this.pointerId);\n    }\n\n    this.resetPointerTracking();\n  };\n\n  private handleButtonClick = (event: Event) => {\n    if (this.isDragging) {\n      event.preventDefault();\n      return;\n    }\n\n    if (this.ignoreNextButtonClick) {\n      event.preventDefault();\n      this.ignoreNextButtonClick = false;\n      return;\n    }\n\n    if (!this.isOpen) {\n      event.preventDefault();\n      this.openInspector();\n    }\n  };\n\n  private handleClosePointerDown = (event: PointerEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  private handleCloseClick = () => {\n    this.closeInspector();\n  };\n\n  private handleResizePointerDown = (event: PointerEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.hasCustomPosition.window = true;\n    this.isResizing = true;\n    this.resizePointerId = event.pointerId;\n    this.resizeStart = { x: event.clientX, y: event.clientY };\n    this.resizeInitialSize = { ...this.contextState.window.size };\n\n    // Remove transition from body during resize to prevent lag\n    if (document.body && this.dockMode !== \"floating\") {\n      document.body.style.transition = \"\";\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    target?.setPointerCapture?.(event.pointerId);\n  };\n\n  private handleResizePointerMove = (event: PointerEvent) => {\n    if (\n      !this.isResizing ||\n      this.resizePointerId !== event.pointerId ||\n      !this.resizeStart ||\n      !this.resizeInitialSize\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const deltaX = event.clientX - this.resizeStart.x;\n    const deltaY = event.clientY - this.resizeStart.y;\n    const state = this.contextState.window;\n\n    // For docked states, only resize in the appropriate dimension\n    if (this.dockMode === \"docked-left\") {\n      // Only resize width for left dock\n      state.size = this.clampWindowSize({\n        width: this.resizeInitialSize.width + deltaX,\n        height: state.size.height,\n      });\n      // Update the body margin\n      if (document.body) {\n        document.body.style.marginLeft = `${state.size.width}px`;\n      }\n    } else {\n      // Full resize for floating mode\n      state.size = this.clampWindowSize({\n        width: this.resizeInitialSize.width + deltaX,\n        height: this.resizeInitialSize.height + deltaY,\n      });\n      this.keepPositionWithinViewport(\"window\");\n      this.updateAnchorFromPosition(\"window\");\n    }\n\n    this.requestUpdate();\n    this.updateHostTransform(\"window\");\n  };\n\n  private handleResizePointerUp = (event: PointerEvent) => {\n    if (this.resizePointerId !== event.pointerId) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    if (target?.hasPointerCapture(this.resizePointerId)) {\n      target.releasePointerCapture(this.resizePointerId);\n    }\n\n    // Only update anchor position for floating mode\n    if (this.dockMode === \"floating\") {\n      this.updateAnchorFromPosition(\"window\");\n      this.applyAnchorPosition(\"window\");\n    }\n\n    // Persist the new size after resize completes\n    this.persistState();\n    this.resetResizeTracking();\n  };\n\n  private handleResizePointerCancel = (event: PointerEvent) => {\n    if (this.resizePointerId !== event.pointerId) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    if (target?.hasPointerCapture(this.resizePointerId)) {\n      target.releasePointerCapture(this.resizePointerId);\n    }\n\n    // Only update anchor position for floating mode\n    if (this.dockMode === \"floating\") {\n      this.updateAnchorFromPosition(\"window\");\n      this.applyAnchorPosition(\"window\");\n    }\n\n    // Persist the new size after resize completes\n    this.persistState();\n    this.resetResizeTracking();\n  };\n\n  private handleResize = () => {\n    this.measureContext(\"button\");\n    this.applyAnchorPosition(\"button\");\n\n    this.measureContext(\"window\");\n    if (this.hasCustomPosition.window) {\n      this.applyAnchorPosition(\"window\");\n    } else {\n      this.centerContext(\"window\");\n    }\n\n    this.updateHostTransform();\n  };\n\n  private measureContext(context: ContextKey): void {\n    const selector =\n      context === \"window\" ? \".inspector-window\" : \".console-button\";\n    const element = this.renderRoot?.querySelector(\n      selector,\n    ) as HTMLElement | null;\n    if (!element) {\n      return;\n    }\n    const fallback =\n      context === \"window\" ? DEFAULT_WINDOW_SIZE : DEFAULT_BUTTON_SIZE;\n    updateSizeFromElement(this.contextState[context], element, fallback);\n  }\n\n  private centerContext(context: ContextKey): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const viewport = this.getViewportSize();\n    centerContextHelper(this.contextState[context], viewport, EDGE_MARGIN);\n\n    if (context === this.activeContext) {\n      this.updateHostTransform(context);\n    }\n\n    this.hasCustomPosition[context] = false;\n    this.persistState();\n  }\n\n  private ensureWindowPlacement(): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (!this.hasCustomPosition.window) {\n      this.centerContext(\"window\");\n      return;\n    }\n\n    const viewport = this.getViewportSize();\n    keepPositionWithinViewport(this.contextState.window, viewport, EDGE_MARGIN);\n    updateAnchorFromPositionHelper(\n      this.contextState.window,\n      viewport,\n      EDGE_MARGIN,\n    );\n    this.updateHostTransform(\"window\");\n    this.persistState();\n  }\n\n  private constrainToViewport(\n    position: Position,\n    context: ContextKey,\n  ): Position {\n    if (typeof window === \"undefined\") {\n      return position;\n    }\n\n    const viewport = this.getViewportSize();\n    return constrainToViewport(\n      this.contextState[context],\n      position,\n      viewport,\n      EDGE_MARGIN,\n    );\n  }\n\n  private keepPositionWithinViewport(context: ContextKey): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const viewport = this.getViewportSize();\n    keepPositionWithinViewport(\n      this.contextState[context],\n      viewport,\n      EDGE_MARGIN,\n    );\n  }\n\n  private getViewportSize(): Size {\n    if (typeof window === \"undefined\") {\n      return { ...DEFAULT_WINDOW_SIZE };\n    }\n\n    return { width: window.innerWidth, height: window.innerHeight };\n  }\n\n  private persistState(): void {\n    const state: PersistedState = {\n      button: {\n        anchor: this.contextState.button.anchor,\n        anchorOffset: this.contextState.button.anchorOffset,\n        hasCustomPosition: this.hasCustomPosition.button,\n      },\n      window: {\n        anchor: this.contextState.window.anchor,\n        anchorOffset: this.contextState.window.anchorOffset,\n        size: {\n          width: Math.round(this.contextState.window.size.width),\n          height: Math.round(this.contextState.window.size.height),\n        },\n        hasCustomPosition: this.hasCustomPosition.window,\n      },\n      isOpen: this.isOpen,\n      dockMode: this.dockMode,\n      selectedMenu: this.selectedMenu,\n      selectedContext: this.selectedContext,\n    };\n    saveInspectorState(INSPECTOR_STORAGE_KEY, state);\n    this.pendingSelectedContext = state.selectedContext ?? null;\n  }\n\n  private clampWindowSize(size: Size): Size {\n    // Use smaller minimum width when docked left\n    const minWidth =\n      this.dockMode === \"docked-left\"\n        ? MIN_WINDOW_WIDTH_DOCKED_LEFT\n        : MIN_WINDOW_WIDTH;\n\n    if (typeof window === \"undefined\") {\n      return {\n        width: Math.max(minWidth, size.width),\n        height: Math.max(MIN_WINDOW_HEIGHT, size.height),\n      };\n    }\n\n    const viewport = this.getViewportSize();\n    return clampSizeToViewport(\n      size,\n      viewport,\n      EDGE_MARGIN,\n      minWidth,\n      MIN_WINDOW_HEIGHT,\n    );\n  }\n\n  private setDockMode(mode: DockMode): void {\n    if (this.dockMode === mode) {\n      return;\n    }\n\n    // Add transition class for smooth dock mode changes\n    this.startHostTransition();\n\n    // Clean up previous dock state\n    this.removeDockStyles();\n\n    this.dockMode = mode;\n\n    if (mode !== \"floating\") {\n      // For docking, set the target size immediately so body margins are correct\n      if (mode === \"docked-left\") {\n        this.contextState.window.size.width = DOCKED_LEFT_WIDTH;\n      }\n\n      // Then apply dock styles with correct sizes\n      this.applyDockStyles();\n    } else {\n      // When floating, set size first then center\n      this.contextState.window.size = { ...DEFAULT_WINDOW_SIZE };\n      this.centerContext(\"window\");\n    }\n\n    this.persistState();\n    this.requestUpdate();\n    this.updateHostTransform(\"window\");\n  }\n\n  private startHostTransition(duration = 300): void {\n    this.setAttribute(\"data-transitioning\", \"true\");\n\n    if (this.transitionTimeoutId !== null) {\n      clearTimeout(this.transitionTimeoutId);\n    }\n\n    this.transitionTimeoutId = setTimeout(() => {\n      this.removeAttribute(\"data-transitioning\");\n      this.transitionTimeoutId = null;\n    }, duration);\n  }\n\n  private applyDockStyles(skipTransition = false): void {\n    if (typeof document === \"undefined\" || !document.body) {\n      return;\n    }\n\n    // Save original body margins\n    const computedStyle = window.getComputedStyle(document.body);\n    this.previousBodyMargins = {\n      left: computedStyle.marginLeft,\n      bottom: computedStyle.marginBottom,\n    };\n\n    // Apply transition to body for smooth animation (only when docking, not during resize or initial load)\n    if (!this.isResizing && !skipTransition) {\n      document.body.style.transition = \"margin 300ms ease\";\n    }\n\n    // Apply body margins with the actual window sizes\n    if (this.dockMode === \"docked-left\") {\n      document.body.style.marginLeft = `${this.contextState.window.size.width}px`;\n    }\n\n    // Remove transition after animation completes\n    if (!this.isResizing && !skipTransition) {\n      const id = setTimeout(() => {\n        this.bodyTransitionTimeoutIds.delete(id);\n        if (typeof document !== \"undefined\" && document.body) {\n          document.body.style.transition = \"\";\n        }\n      }, 300);\n      this.bodyTransitionTimeoutIds.add(id);\n    }\n  }\n\n  private removeDockStyles(skipTransition = false): void {\n    if (typeof document === \"undefined\" || !document.body) {\n      return;\n    }\n\n    // Only add transition if not resizing and not skipping\n    if (!this.isResizing && !skipTransition) {\n      document.body.style.transition = \"margin 300ms ease\";\n    }\n\n    // Restore original margins if saved\n    if (this.previousBodyMargins) {\n      document.body.style.marginLeft = this.previousBodyMargins.left;\n      document.body.style.marginBottom = this.previousBodyMargins.bottom;\n      this.previousBodyMargins = null;\n    } else {\n      // Reset to default if no previous values\n      document.body.style.marginLeft = \"\";\n      document.body.style.marginBottom = \"\";\n    }\n\n    // Clean up transition after animation completes\n    if (!skipTransition) {\n      const id = setTimeout(() => {\n        this.bodyTransitionTimeoutIds.delete(id);\n        if (typeof document !== \"undefined\" && document.body) {\n          document.body.style.transition = \"\";\n        }\n      }, 300);\n      this.bodyTransitionTimeoutIds.add(id);\n    } else {\n      document.body.style.transition = \"\";\n    }\n  }\n\n  private updateHostTransform(context: ContextKey = this.activeContext): void {\n    if (context !== this.activeContext) {\n      return;\n    }\n\n    // For docked states, CSS handles positioning with fixed positioning\n    if (this.isOpen && this.dockMode === \"docked-left\") {\n      this.style.transform = `translate3d(0, 0, 0)`;\n    } else {\n      const { position } = this.contextState[context];\n      this.style.transform = `translate3d(${position.x}px, ${position.y}px, 0)`;\n    }\n  }\n\n  private setDragging(value: boolean): void {\n    if (this.isDragging !== value) {\n      this.isDragging = value;\n      this.requestUpdate();\n    }\n  }\n\n  private updateAnchorFromPosition(context: ContextKey): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const viewport = this.getViewportSize();\n    updateAnchorFromPositionHelper(\n      this.contextState[context],\n      viewport,\n      EDGE_MARGIN,\n    );\n  }\n\n  private snapButtonToCorner(): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const viewport = this.getViewportSize();\n    const state = this.contextState.button;\n\n    // Determine which corner is closest based on center of button\n    const centerX = state.position.x + state.size.width / 2;\n    const centerY = state.position.y + state.size.height / 2;\n\n    const horizontal: Anchor[\"horizontal\"] =\n      centerX < viewport.width / 2 ? \"left\" : \"right\";\n    const vertical: Anchor[\"vertical\"] =\n      centerY < viewport.height / 2 ? \"top\" : \"bottom\";\n\n    // Set anchor to nearest corner\n    state.anchor = { horizontal, vertical };\n\n    // Always use EDGE_MARGIN as offset (pinned to corner)\n    state.anchorOffset = { x: EDGE_MARGIN, y: EDGE_MARGIN };\n\n    // Apply the anchor position to snap to corner\n    this.startHostTransition();\n    this.applyAnchorPosition(\"button\");\n  }\n\n  private applyAnchorPosition(context: ContextKey): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const viewport = this.getViewportSize();\n    applyAnchorPositionHelper(\n      this.contextState[context],\n      viewport,\n      EDGE_MARGIN,\n    );\n    this.updateHostTransform(context);\n    this.persistState();\n  }\n\n  private resetResizeTracking(): void {\n    this.resizePointerId = null;\n    this.resizeStart = null;\n    this.resizeInitialSize = null;\n    this.isResizing = false;\n  }\n\n  private resetPointerTracking(): void {\n    this.pointerId = null;\n    this.dragStart = null;\n    this.pointerContext = null;\n    this.setDragging(false);\n    this.draggedDuringInteraction = false;\n  }\n\n  private openInspector(): void {\n    if (this.isOpen) {\n      return;\n    }\n\n    this.showAnnouncementPreview = false; // hide the bubble once the inspector is opened\n\n    this.ensureAnnouncementLoading();\n\n    this.isOpen = true;\n    this.persistState(); // Save the open state\n\n    // Apply docking styles if in docked mode\n    if (this.dockMode !== \"floating\") {\n      this.applyDockStyles();\n    }\n\n    this.ensureWindowPlacement();\n    this.requestUpdate();\n    void this.updateComplete.then(() => {\n      this.measureContext(\"window\");\n      if (this.dockMode === \"floating\") {\n        if (this.hasCustomPosition.window) {\n          this.applyAnchorPosition(\"window\");\n        } else {\n          this.centerContext(\"window\");\n        }\n      } else {\n        // Update transform for docked position\n        this.updateHostTransform(\"window\");\n      }\n    });\n  }\n\n  private closeInspector(): void {\n    if (!this.isOpen) {\n      return;\n    }\n\n    this.isOpen = false;\n\n    // Remove docking styles when closing\n    if (this.dockMode !== \"floating\") {\n      this.removeDockStyles();\n    }\n\n    this.persistState(); // Save the closed state\n    this.updateHostTransform(\"button\");\n    this.requestUpdate();\n    void this.updateComplete.then(() => {\n      this.measureContext(\"button\");\n      this.applyAnchorPosition(\"button\");\n    });\n  }\n\n  private renderIcon(name: LucideIconName) {\n    const iconNode = icons[name];\n    if (!iconNode) {\n      return nothing;\n    }\n\n    const svgAttrs: Record<string, string | number> = {\n      xmlns: \"http://www.w3.org/2000/svg\",\n      viewBox: \"0 0 24 24\",\n      fill: \"none\",\n      stroke: \"currentColor\",\n      \"stroke-width\": \"1.5\",\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      class: \"h-3.5 w-3.5\",\n    };\n\n    const svgMarkup = `<svg ${this.serializeAttributes(svgAttrs)}>${iconNode\n      .map(([tag, attrs]) => `<${tag} ${this.serializeAttributes(attrs)} />`)\n      .join(\"\")}</svg>`;\n\n    return unsafeHTML(svgMarkup);\n  }\n\n  private renderDockControls() {\n    if (this.dockMode === \"floating\") {\n      // Show dock left button\n      return html`\n        <button\n          class=\"flex h-8 w-8 items-center justify-center rounded-md text-gray-400 transition hover:bg-gray-100 hover:text-gray-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400\"\n          type=\"button\"\n          aria-label=\"Dock to left\"\n          title=\"Dock Left\"\n          @click=${() => this.handleDockClick(\"docked-left\")}\n        >\n          ${this.renderIcon(\"PanelLeft\")}\n        </button>\n      `;\n    } else {\n      // Show float button\n      return html`\n        <button\n          class=\"flex h-8 w-8 items-center justify-center rounded-md text-gray-400 transition hover:bg-gray-100 hover:text-gray-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400\"\n          type=\"button\"\n          aria-label=\"Float window\"\n          title=\"Float\"\n          @click=${() => this.handleDockClick(\"floating\")}\n        >\n          ${this.renderIcon(\"Maximize2\")}\n        </button>\n      `;\n    }\n  }\n\n  private getDockedWindowStyles(): Record<string, string> {\n    if (this.dockMode === \"docked-left\") {\n      return {\n        position: \"fixed\",\n        top: \"0\",\n        left: \"0\",\n        bottom: \"0\",\n        width: `${Math.round(this.contextState.window.size.width)}px`,\n        height: \"100vh\",\n        minWidth: `${MIN_WINDOW_WIDTH_DOCKED_LEFT}px`,\n        borderRadius: \"0\",\n      };\n    }\n    // Default to floating styles\n    return {\n      width: `${Math.round(this.contextState.window.size.width)}px`,\n      height: `${Math.round(this.contextState.window.size.height)}px`,\n      minWidth: `${MIN_WINDOW_WIDTH}px`,\n      minHeight: `${MIN_WINDOW_HEIGHT}px`,\n    };\n  }\n\n  private handleDockClick(mode: DockMode): void {\n    this.setDockMode(mode);\n  }\n\n  private serializeAttributes(\n    attributes: Record<string, string | number | undefined>,\n  ): string {\n    return Object.entries(attributes)\n      .filter(\n        ([key, value]) =>\n          key !== \"key\" &&\n          value !== undefined &&\n          value !== null &&\n          value !== \"\",\n      )\n      .map(\n        ([key, value]) => `${key}=\"${String(value).replace(/\"/g, \"&quot;\")}\"`,\n      )\n      .join(\" \");\n  }\n\n  private sanitizeForLogging(\n    value: unknown,\n    depth = 0,\n    seen = new WeakSet<object>(),\n  ): SanitizedValue {\n    if (value === undefined) {\n      return \"[undefined]\";\n    }\n\n    if (\n      value === null ||\n      typeof value === \"number\" ||\n      typeof value === \"boolean\"\n    ) {\n      return value;\n    }\n\n    if (typeof value === \"string\") {\n      return value;\n    }\n\n    if (\n      typeof value === \"bigint\" ||\n      typeof value === \"symbol\" ||\n      typeof value === \"function\"\n    ) {\n      return String(value);\n    }\n\n    if (value instanceof Date) {\n      return value.toISOString();\n    }\n\n    if (Array.isArray(value)) {\n      if (depth >= 4) {\n        return \"[Truncated depth]\" as SanitizedValue;\n      }\n      return value.map((item) =>\n        this.sanitizeForLogging(item, depth + 1, seen),\n      );\n    }\n\n    if (typeof value === \"object\") {\n      if (seen.has(value as object)) {\n        return \"[Circular]\" as SanitizedValue;\n      }\n      seen.add(value as object);\n\n      if (depth >= 4) {\n        return \"[Truncated depth]\" as SanitizedValue;\n      }\n\n      const result: Record<string, SanitizedValue> = {};\n      for (const [key, entry] of Object.entries(\n        value as Record<string, unknown>,\n      )) {\n        result[key] = this.sanitizeForLogging(entry, depth + 1, seen);\n      }\n      return result;\n    }\n\n    return String(value);\n  }\n\n  private normalizeEventPayload(\n    _type: InspectorAgentEventType,\n    payload: unknown,\n  ): SanitizedValue {\n    if (payload && typeof payload === \"object\" && \"event\" in payload) {\n      const { event, ...rest } = payload as Record<string, unknown>;\n      const cleaned =\n        Object.keys(rest).length === 0 ? event : { event, ...rest };\n      return this.sanitizeForLogging(cleaned);\n    }\n\n    return this.sanitizeForLogging(payload);\n  }\n\n  private normalizeMessageContent(content: unknown): string {\n    if (typeof content === \"string\") {\n      return content;\n    }\n\n    if (\n      content &&\n      typeof content === \"object\" &&\n      \"text\" in (content as Record<string, unknown>)\n    ) {\n      const maybeText = (content as Record<string, unknown>).text;\n      if (typeof maybeText === \"string\") {\n        return maybeText;\n      }\n    }\n\n    if (content === null || content === undefined) {\n      return \"\";\n    }\n\n    if (typeof content === \"object\") {\n      try {\n        return JSON.stringify(this.sanitizeForLogging(content));\n      } catch {\n        return \"\";\n      }\n    }\n\n    return String(content);\n  }\n\n  private normalizeToolCalls(raw: unknown): InspectorToolCall[] {\n    if (!Array.isArray(raw)) {\n      return [];\n    }\n\n    return raw\n      .map((entry) => {\n        if (!entry || typeof entry !== \"object\") {\n          return null;\n        }\n        const call = entry as Record<string, unknown>;\n        const fn = call.function as Record<string, unknown> | undefined;\n        const functionName =\n          typeof fn?.name === \"string\"\n            ? fn.name\n            : typeof call.toolName === \"string\"\n              ? call.toolName\n              : undefined;\n        const args =\n          fn && \"arguments\" in fn\n            ? (fn as Record<string, unknown>).arguments\n            : call.arguments;\n\n        const normalized: InspectorToolCall = {\n          id: typeof call.id === \"string\" ? call.id : undefined,\n          toolName:\n            typeof call.toolName === \"string\" ? call.toolName : functionName,\n          status: typeof call.status === \"string\" ? call.status : undefined,\n        };\n\n        if (functionName) {\n          normalized.function = {\n            name: functionName,\n            arguments: this.sanitizeForLogging(args),\n          };\n        }\n\n        return normalized;\n      })\n      .filter((call): call is InspectorToolCall => Boolean(call));\n  }\n\n  private normalizeAgentMessage(message: unknown): InspectorMessage | null {\n    if (!message || typeof message !== \"object\") {\n      return null;\n    }\n\n    const raw = message as Record<string, unknown>;\n    const role = typeof raw.role === \"string\" ? raw.role : \"unknown\";\n    const contentText = this.normalizeMessageContent(raw.content);\n    const toolCalls = this.normalizeToolCalls(raw.toolCalls);\n\n    return {\n      id: typeof raw.id === \"string\" ? raw.id : undefined,\n      role,\n      contentText,\n      contentRaw:\n        raw.content !== undefined\n          ? this.sanitizeForLogging(raw.content)\n          : undefined,\n      toolCalls,\n    };\n  }\n\n  private normalizeAgentMessages(messages: unknown): InspectorMessage[] | null {\n    if (!Array.isArray(messages)) {\n      return null;\n    }\n\n    const normalized = messages\n      .map((message) => this.normalizeAgentMessage(message))\n      .filter((msg): msg is InspectorMessage => msg !== null);\n\n    return normalized;\n  }\n\n  private normalizeContextStore(\n    context: Readonly<Record<string, unknown>> | null | undefined,\n  ): Record<string, { description?: string; value: unknown }> {\n    if (!context || typeof context !== \"object\") {\n      return {};\n    }\n\n    const normalized: Record<string, { description?: string; value: unknown }> =\n      {};\n    for (const [key, entry] of Object.entries(context)) {\n      if (\n        entry &&\n        typeof entry === \"object\" &&\n        \"value\" in (entry as Record<string, unknown>)\n      ) {\n        const candidate = entry as Record<string, unknown>;\n        const description =\n          typeof candidate.description === \"string\" &&\n          candidate.description.trim().length > 0\n            ? candidate.description\n            : undefined;\n        normalized[key] = { description, value: candidate.value };\n      } else {\n        normalized[key] = { value: entry };\n      }\n    }\n\n    return normalized;\n  }\n\n  private contextOptions: Array<{ key: string; label: string }> = [\n    { key: \"all-agents\", label: \"All Agents\" },\n  ];\n\n  private selectedContext = \"all-agents\";\n  private expandedRows: Set<string> = new Set();\n  private copiedEvents: Set<string> = new Set();\n  private expandedTools: Set<string> = new Set();\n  private expandedContextItems: Set<string> = new Set();\n  private copiedContextItems: Set<string> = new Set();\n\n  private getSelectedMenu(): MenuItem {\n    const found = this.menuItems.find((item) => item.key === this.selectedMenu);\n    return found ?? this.menuItems[0]!;\n  }\n\n  private renderCoreWarningBanner() {\n    if (this._core) {\n      return nothing;\n    }\n\n    return html`\n      <div\n        class=\"mx-4 my-3 flex items-start gap-2 rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800\"\n      >\n        <span class=\"mt-0.5 shrink-0 text-amber-600\"\n          >${this.renderIcon(\"AlertTriangle\")}</span\n        >\n        <div class=\"space-y-1\">\n          <div class=\"font-semibold text-amber-900\">\n            CopilotKit core not attached\n          </div>\n          <p class=\"text-[11px] leading-snug text-amber-800\">\n            Pass a live <code>CopilotKitCore</code> instance to\n            <code>&lt;cpk-web-inspector&gt;</code> or expose it on\n            <code>window.__COPILOTKIT_CORE__</code> for auto-attach.\n          </p>\n        </div>\n      </div>\n    `;\n  }\n\n  private getCoreStatusSummary(): {\n    label: string;\n    tone: string;\n    description: string;\n  } {\n    if (!this._core) {\n      return {\n        label: \"Core not attached\",\n        tone: \"border border-amber-200 bg-amber-50 text-amber-800\",\n        description:\n          \"Pass a CopilotKitCore instance to <cpk-web-inspector> or enable auto-attach.\",\n      };\n    }\n\n    const status =\n      this.runtimeStatus ?? CopilotKitCoreRuntimeConnectionStatus.Disconnected;\n    const lastErrorMessage = this.lastCoreError?.message;\n\n    if (status === CopilotKitCoreRuntimeConnectionStatus.Error) {\n      return {\n        label: \"Runtime error\",\n        tone: \"border border-rose-200 bg-rose-50 text-rose-700\",\n        description:\n          lastErrorMessage ?? \"CopilotKit runtime reported an error.\",\n      };\n    }\n\n    if (status === CopilotKitCoreRuntimeConnectionStatus.Connecting) {\n      return {\n        label: \"Connecting\",\n        tone: \"border border-amber-200 bg-amber-50 text-amber-800\",\n        description: \"Waiting for CopilotKit runtime to finish connecting.\",\n      };\n    }\n\n    if (status === CopilotKitCoreRuntimeConnectionStatus.Connected) {\n      return {\n        label: \"Connected\",\n        tone: \"border border-emerald-200 bg-emerald-50 text-emerald-700\",\n        description: \"Live runtime connection established.\",\n      };\n    }\n\n    return {\n      label: \"Disconnected\",\n      tone: \"border border-gray-200 bg-gray-50 text-gray-700\",\n      description:\n        lastErrorMessage ?? \"Waiting for CopilotKit runtime to connect.\",\n    };\n  }\n\n  private renderMainContent() {\n    if (this.selectedMenu === \"ag-ui-events\") {\n      return this.renderEventsTable();\n    }\n\n    if (this.selectedMenu === \"agents\") {\n      return this.renderAgentsView();\n    }\n\n    if (this.selectedMenu === \"frontend-tools\") {\n      return this.renderToolsView();\n    }\n\n    if (this.selectedMenu === \"agent-context\") {\n      return this.renderContextView();\n    }\n\n    return nothing;\n  }\n\n  private renderEventsTable() {\n    const events = this.getEventsForSelectedContext();\n    const filteredEvents = this.filterEvents(events);\n    const selectedLabel =\n      this.selectedContext === \"all-agents\"\n        ? \"all agents\"\n        : `agent ${this.selectedContext}`;\n\n    if (events.length === 0) {\n      return html`\n        <div\n          class=\"flex h-full items-center justify-center px-4 py-8 text-center\"\n        >\n          <div class=\"max-w-md\">\n            <div\n              class=\"mb-3 flex justify-center text-gray-300 [&>svg]:!h-8 [&>svg]:!w-8\"\n            >\n              ${this.renderIcon(\"Zap\")}\n            </div>\n            <p class=\"text-sm text-gray-600\">No events yet</p>\n            <p class=\"mt-2 text-xs text-gray-500\">\n              Trigger an agent run to see live activity.\n            </p>\n          </div>\n        </div>\n      `;\n    }\n\n    if (filteredEvents.length === 0) {\n      return html`\n        <div\n          class=\"flex h-full items-center justify-center px-4 py-8 text-center\"\n        >\n          <div class=\"max-w-md space-y-3\">\n            <div\n              class=\"flex justify-center text-gray-300 [&>svg]:!h-8 [&>svg]:!w-8\"\n            >\n              ${this.renderIcon(\"Filter\")}\n            </div>\n            <p class=\"text-sm text-gray-600\">\n              No events match the current filters.\n            </p>\n            <div>\n              <button\n                type=\"button\"\n                class=\"inline-flex items-center gap-1 rounded-md bg-gray-900 px-3 py-1.5 text-[11px] font-medium text-white transition hover:bg-gray-800\"\n                @click=${this.resetEventFilters}\n              >\n                ${this.renderIcon(\"RefreshCw\")}\n                <span>Reset filters</span>\n              </button>\n            </div>\n          </div>\n        </div>\n      `;\n    }\n\n    return html`\n      <div class=\"flex h-full flex-col\">\n        <div\n          class=\"flex flex-col gap-1.5 border-b border-gray-200 bg-white px-4 py-2.5\"\n        >\n          <div class=\"flex flex-wrap items-center gap-2\">\n            <div class=\"relative min-w-[200px] flex-1\">\n              <input\n                type=\"search\"\n                class=\"w-full rounded-md border border-gray-200 px-3 py-1.5 text-[11px] text-gray-700 shadow-sm outline-none ring-1 ring-transparent transition focus:border-gray-300 focus:ring-gray-200\"\n                placeholder=\"Search agent, type, payload\"\n                .value=${this.eventFilterText}\n                @input=${this.handleEventFilterInput}\n              />\n            </div>\n            <select\n              class=\"w-40 rounded-md border border-gray-200 bg-white px-2 py-1.5 text-[11px] text-gray-700 shadow-sm outline-none transition focus:border-gray-300 focus:ring-2 focus:ring-gray-200\"\n              .value=${this.eventTypeFilter}\n              @change=${this.handleEventTypeChange}\n            >\n              <option value=\"all\">All event types</option>\n              ${AGENT_EVENT_TYPES.map(\n                (type) =>\n                  html`<option value=${type}>\n                    ${type.toLowerCase().replace(/_/g, \" \")}\n                  </option>`,\n              )}\n            </select>\n            <div class=\"flex items-center gap-1 text-[11px]\">\n              <button\n                type=\"button\"\n                class=\"tooltip-target flex h-8 w-8 items-center justify-center rounded-md border border-gray-200 bg-white text-gray-600 transition hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50\"\n                title=\"Reset filters\"\n                data-tooltip=\"Reset filters\"\n                aria-label=\"Reset filters\"\n                @click=${this.resetEventFilters}\n                ?disabled=${\n                  !this.eventFilterText && this.eventTypeFilter === \"all\"\n                }\n              >\n                ${this.renderIcon(\"RotateCw\")}\n              </button>\n              <button\n                type=\"button\"\n                class=\"tooltip-target flex h-8 w-8 items-center justify-center rounded-md border border-gray-200 bg-white text-gray-600 transition hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50\"\n                title=\"Export JSON\"\n                data-tooltip=\"Export JSON\"\n                aria-label=\"Export JSON\"\n                @click=${() => this.exportEvents(filteredEvents)}\n                ?disabled=${filteredEvents.length === 0}\n              >\n                ${this.renderIcon(\"Download\")}\n              </button>\n              <button\n                type=\"button\"\n                class=\"tooltip-target flex h-8 w-8 items-center justify-center rounded-md border border-gray-200 bg-white text-gray-600 transition hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50\"\n                title=\"Clear events\"\n                data-tooltip=\"Clear events\"\n                aria-label=\"Clear events\"\n                @click=${this.handleClearEvents}\n                ?disabled=${events.length === 0}\n              >\n                ${this.renderIcon(\"Trash2\")}\n              </button>\n            </div>\n          </div>\n          <div class=\"text-[11px] text-gray-500\">\n            Showing ${filteredEvents.length} of\n            ${events.length}${\n              this.selectedContext === \"all-agents\"\n                ? \"\"\n                : ` for ${selectedLabel}`\n            }\n          </div>\n        </div>\n        <div class=\"relative h-full w-full overflow-y-auto overflow-x-hidden\">\n          <table class=\"w-full table-fixed border-collapse text-xs box-border\">\n            <thead class=\"sticky top-0 z-10\">\n              <tr class=\"bg-white\">\n                <th\n                  class=\"border-b border-gray-200 bg-white px-3 py-2 text-left font-medium text-gray-900\"\n                >\n                  Agent\n                </th>\n                <th\n                  class=\"border-b border-gray-200 bg-white px-3 py-2 text-left font-medium text-gray-900\"\n                >\n                  Time\n                </th>\n                <th\n                  class=\"border-b border-gray-200 bg-white px-3 py-2 text-left font-medium text-gray-900\"\n                >\n                  Event Type\n                </th>\n                <th\n                  class=\"border-b border-gray-200 bg-white px-3 py-2 text-left font-medium text-gray-900\"\n                >\n                  AG-UI Event\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              ${filteredEvents.map((event, index) => {\n                const rowBg = index % 2 === 0 ? \"bg-white\" : \"bg-gray-50/50\";\n                const badgeClasses = this.getEventBadgeClasses(event.type);\n                const extractedEvent = this.extractEventFromPayload(\n                  event.payload,\n                );\n                const inlineEvent =\n                  this.stringifyPayload(extractedEvent, false) || \"—\";\n                const prettyEvent =\n                  this.stringifyPayload(extractedEvent, true) || inlineEvent;\n                const isExpanded = this.expandedRows.has(event.id);\n\n                return html`\n                  <tr\n                    class=\"${rowBg} cursor-pointer transition hover:bg-blue-50/50\"\n                    @click=${() => this.toggleRowExpansion(event.id)}\n                  >\n                    <td\n                      class=\"border-l border-r border-b border-gray-200 px-3 py-2\"\n                    >\n                      <span class=\"font-mono text-[11px] text-gray-600\"\n                        >${event.agentId}</span\n                      >\n                    </td>\n                    <td\n                      class=\"border-r border-b border-gray-200 px-3 py-2 font-mono text-[11px] text-gray-600\"\n                    >\n                      <span title=${new Date(event.timestamp).toLocaleString()}>\n                        ${new Date(event.timestamp).toLocaleTimeString()}\n                      </span>\n                    </td>\n                    <td class=\"border-r border-b border-gray-200 px-3 py-2\">\n                      <span class=${badgeClasses}>${event.type}</span>\n                    </td>\n                    <td\n                      class=\"border-r border-b border-gray-200 px-3 py-2 font-mono text-[10px] text-gray-600 ${\n                        isExpanded ? \"\" : \"truncate max-w-xs\"\n                      }\"\n                    >\n                      ${\n                        isExpanded\n                          ? html`\n                            <div class=\"group relative\">\n                              <pre\n                                class=\"m-0 whitespace-pre-wrap break-words text-[10px] font-mono text-gray-600\"\n                              >\n${prettyEvent}</pre\n                              >\n                              <button\n                                class=\"absolute right-0 top-0 cursor-pointer rounded px-2 py-1 text-[10px] opacity-0 transition group-hover:opacity-100 ${\n                                  this.copiedEvents.has(event.id)\n                                    ? \"bg-green-100 text-green-700\"\n                                    : \"bg-gray-100 text-gray-600 hover:bg-gray-200 hover:text-gray-900\"\n                                }\"\n                                @click=${(e: Event) => {\n                                  e.stopPropagation();\n                                  this.copyToClipboard(prettyEvent, event.id);\n                                }}\n                              >\n                                ${\n                                  this.copiedEvents.has(event.id)\n                                    ? html`\n                                        <span>✓ Copied</span>\n                                      `\n                                    : html`\n                                        <span>Copy</span>\n                                      `\n                                }\n                              </button>\n                            </div>\n                          `\n                          : inlineEvent\n                      }\n                    </td>\n                  </tr>\n                `;\n              })}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    `;\n  }\n\n  private handleEventFilterInput(event: Event): void {\n    const target = event.target as HTMLInputElement | null;\n    this.eventFilterText = target?.value ?? \"\";\n    this.requestUpdate();\n  }\n\n  private handleEventTypeChange(event: Event): void {\n    const target = event.target as HTMLSelectElement | null;\n    const value = target?.value as InspectorAgentEventType | \"all\" | undefined;\n    if (!value) {\n      return;\n    }\n    this.eventTypeFilter = value;\n    this.requestUpdate();\n  }\n\n  private resetEventFilters(): void {\n    this.eventFilterText = \"\";\n    this.eventTypeFilter = \"all\";\n    this.requestUpdate();\n  }\n\n  private handleClearEvents = (): void => {\n    if (this.selectedContext === \"all-agents\") {\n      this.agentEvents.clear();\n      this.flattenedEvents = [];\n    } else {\n      this.agentEvents.delete(this.selectedContext);\n      this.flattenedEvents = this.flattenedEvents.filter(\n        (event) => event.agentId !== this.selectedContext,\n      );\n    }\n\n    this.expandedRows.clear();\n    this.copiedEvents.clear();\n    this.requestUpdate();\n  };\n\n  private exportEvents(events: InspectorEvent[]): void {\n    try {\n      const payload = JSON.stringify(events, null, 2);\n      const blob = new Blob([payload], { type: \"application/json\" });\n      const url = URL.createObjectURL(blob);\n      const anchor = document.createElement(\"a\");\n      anchor.href = url;\n      anchor.download = `copilotkit-events-${Date.now()}.json`;\n      anchor.click();\n      URL.revokeObjectURL(url);\n    } catch (error) {\n      console.error(\"Failed to export events\", error);\n    }\n  }\n\n  private renderAgentsView() {\n    // Show message if \"all-agents\" is selected or no agents available\n    if (this.selectedContext === \"all-agents\") {\n      return html`\n        <div\n          class=\"flex h-full items-center justify-center px-4 py-8 text-center\"\n        >\n          <div class=\"max-w-md\">\n            <div\n              class=\"mb-3 flex justify-center text-gray-300 [&>svg]:!h-8 [&>svg]:!w-8\"\n            >\n              ${this.renderIcon(\"Bot\")}\n            </div>\n            <p class=\"text-sm text-gray-600\">No agent selected</p>\n            <p class=\"mt-2 text-xs text-gray-500\">\n              Select an agent from the dropdown above to view details.\n            </p>\n          </div>\n        </div>\n      `;\n    }\n\n    const agentId = this.selectedContext;\n    const status = this.getAgentStatus(agentId);\n    const stats = this.getAgentStats(agentId);\n    const state = this.getLatestStateForAgent(agentId);\n    const messages = this.getLatestMessagesForAgent(agentId);\n\n    const statusColors = {\n      running: \"bg-emerald-50 text-emerald-700\",\n      idle: \"bg-gray-100 text-gray-600\",\n      error: \"bg-rose-50 text-rose-700\",\n    };\n\n    return html`\n      <div class=\"flex flex-col gap-4 p-4 overflow-auto\">\n        <!-- Agent Overview Card -->\n        <div class=\"rounded-lg border border-gray-200 bg-white p-4\">\n          <div class=\"flex items-start justify-between mb-4\">\n            <div class=\"flex items-center gap-3\">\n              <div\n                class=\"flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-blue-600\"\n              >\n                ${this.renderIcon(\"Bot\")}\n              </div>\n              <div>\n                <h3 class=\"font-semibold text-sm text-gray-900\">${agentId}</h3>\n                <span\n                  class=\"inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium ${\n                    statusColors[status]\n                  } relative -translate-y-[2px]\"\n                >\n                  <span\n                    class=\"h-1.5 w-1.5 rounded-full ${\n                      status === \"running\"\n                        ? \"bg-emerald-500 animate-pulse\"\n                        : status === \"error\"\n                          ? \"bg-rose-500\"\n                          : \"bg-gray-400\"\n                    }\"\n                  ></span>\n                  ${status.charAt(0).toUpperCase() + status.slice(1)}\n                </span>\n              </div>\n            </div>\n            ${\n              stats.lastActivity\n                ? html`<span class=\"text-xs text-gray-500\"\n                  >Last activity:\n                  ${new Date(stats.lastActivity).toLocaleTimeString()}</span\n                >`\n                : nothing\n            }\n          </div>\n          <div class=\"grid grid-cols-2 gap-4 md:grid-cols-4\">\n            <button\n              type=\"button\"\n              class=\"rounded-md bg-gray-50 px-3 py-2 text-left transition hover:bg-gray-100 cursor-pointer overflow-hidden\"\n              @click=${() => this.handleMenuSelect(\"ag-ui-events\")}\n              title=\"View all events in AG-UI Events\"\n            >\n              <div class=\"truncate whitespace-nowrap text-xs text-gray-600\">\n                Total Events\n              </div>\n              <div class=\"text-lg font-semibold text-gray-900\">\n                ${stats.totalEvents}\n              </div>\n            </button>\n            <div class=\"rounded-md bg-gray-50 px-3 py-2 overflow-hidden\">\n              <div class=\"truncate whitespace-nowrap text-xs text-gray-600\">\n                Messages\n              </div>\n              <div class=\"text-lg font-semibold text-gray-900\">\n                ${stats.messages}\n              </div>\n            </div>\n            <div class=\"rounded-md bg-gray-50 px-3 py-2 overflow-hidden\">\n              <div class=\"truncate whitespace-nowrap text-xs text-gray-600\">\n                Tool Calls\n              </div>\n              <div class=\"text-lg font-semibold text-gray-900\">\n                ${stats.toolCalls}\n              </div>\n            </div>\n            <div class=\"rounded-md bg-gray-50 px-3 py-2 overflow-hidden\">\n              <div class=\"truncate whitespace-nowrap text-xs text-gray-600\">\n                Errors\n              </div>\n              <div class=\"text-lg font-semibold text-gray-900\">\n                ${stats.errors}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Current State Section -->\n        <div class=\"rounded-lg border border-gray-200 bg-white\">\n          <div class=\"border-b border-gray-200 px-4 py-3\">\n            <h4 class=\"text-sm font-semibold text-gray-900\">Current State</h4>\n          </div>\n          <div class=\"overflow-auto p-4\">\n            ${\n              this.hasRenderableState(state)\n                ? html`\n                  <pre\n                    class=\"overflow-auto rounded-md bg-gray-50 p-3 text-xs text-gray-800 max-h-64\"\n                  ><code>${this.formatStateForDisplay(state)}</code></pre>\n                `\n                : html`\n                  <div\n                    class=\"flex h-40 items-center justify-center text-xs text-gray-500\"\n                  >\n                    <div class=\"flex items-center gap-2 text-gray-500\">\n                      <span class=\"text-lg text-gray-400\"\n                        >${this.renderIcon(\"Database\")}</span\n                      >\n                      <span>State is empty</span>\n                    </div>\n                  </div>\n                `\n            }\n          </div>\n        </div>\n\n        <!-- Current Messages Section -->\n        <div class=\"rounded-lg border border-gray-200 bg-white\">\n          <div class=\"border-b border-gray-200 px-4 py-3\">\n            <h4 class=\"text-sm font-semibold text-gray-900\">\n              Current Messages\n            </h4>\n          </div>\n          <div class=\"overflow-auto\">\n            ${\n              messages && messages.length > 0\n                ? html`\n                  <table class=\"w-full text-xs\">\n                    <thead class=\"bg-gray-50\">\n                      <tr>\n                        <th\n                          class=\"px-4 py-2 text-left font-medium text-gray-700\"\n                        >\n                          Role\n                        </th>\n                        <th\n                          class=\"px-4 py-2 text-left font-medium text-gray-700\"\n                        >\n                          Content\n                        </th>\n                      </tr>\n                    </thead>\n                    <tbody class=\"divide-y divide-gray-200\">\n                      ${messages.map((msg) => {\n                        const role = msg.role || \"unknown\";\n                        const roleColors: Record<string, string> = {\n                          user: \"bg-blue-100 text-blue-800\",\n                          assistant: \"bg-green-100 text-green-800\",\n                          system: \"bg-gray-100 text-gray-800\",\n                          tool: \"bg-amber-100 text-amber-800\",\n                          unknown: \"bg-gray-100 text-gray-600\",\n                        };\n\n                        const rawContent = msg.contentText ?? \"\";\n                        const toolCalls = msg.toolCalls ?? [];\n                        const hasContent = rawContent.trim().length > 0;\n                        const contentFallback =\n                          toolCalls.length > 0 ? \"Invoked tool call\" : \"—\";\n\n                        return html`\n                          <tr>\n                            <td class=\"px-4 py-2 align-top\">\n                              <span\n                                class=\"inline-flex rounded px-2 py-0.5 text-[10px] font-medium ${\n                                  roleColors[role] || roleColors.unknown\n                                }\"\n                              >\n                                ${role}\n                              </span>\n                            </td>\n                            <td class=\"px-4 py-2\">\n                              ${\n                                hasContent\n                                  ? html`<div\n                                    class=\"max-w-2xl whitespace-pre-wrap break-words text-gray-700\"\n                                  >\n                                    ${rawContent}\n                                  </div>`\n                                  : html`<div\n                                    class=\"text-xs italic text-gray-400\"\n                                  >\n                                    ${contentFallback}\n                                  </div>`\n                              }\n                              ${\n                                role === \"assistant\" && toolCalls.length > 0\n                                  ? this.renderToolCallDetails(toolCalls)\n                                  : nothing\n                              }\n                            </td>\n                          </tr>\n                        `;\n                      })}\n                    </tbody>\n                  </table>\n                `\n                : html`\n                  <div\n                    class=\"flex h-40 items-center justify-center text-xs text-gray-500\"\n                  >\n                    <div class=\"flex items-center gap-2 text-gray-500\">\n                      <span class=\"text-lg text-gray-400\"\n                        >${this.renderIcon(\"MessageSquare\")}</span\n                      >\n                      <span>No messages available</span>\n                    </div>\n                  </div>\n                `\n            }\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderContextDropdown() {\n    // Filter out \"all-agents\" when in agents view\n    const filteredOptions =\n      this.selectedMenu === \"agents\"\n        ? this.contextOptions.filter((opt) => opt.key !== \"all-agents\")\n        : this.contextOptions;\n\n    const selectedLabel =\n      filteredOptions.find((opt) => opt.key === this.selectedContext)?.label ??\n      \"\";\n\n    return html`\n      <div\n        class=\"relative z-40 min-w-0 flex-1\"\n        data-context-dropdown-root=\"true\"\n      >\n        <button\n          type=\"button\"\n          class=\"relative z-40 flex w-full min-w-0 max-w-[240px] items-center gap-1.5 rounded-md border border-gray-200 px-2 py-1 text-xs font-medium text-gray-700 transition hover:border-gray-300 hover:bg-gray-50\"\n          @pointerdown=${this.handleContextDropdownToggle}\n        >\n          <span class=\"truncate flex-1 text-left\">${selectedLabel}</span>\n          <span class=\"shrink-0 text-gray-400\"\n            >${this.renderIcon(\"ChevronDown\")}</span\n          >\n        </button>\n        ${\n          this.contextMenuOpen\n            ? html`\n              <div\n                class=\"absolute left-0 z-50 mt-1.5 w-40 rounded-md border border-gray-200 bg-white py-1 shadow-md ring-1 ring-black/5\"\n                data-context-dropdown-root=\"true\"\n              >\n                ${filteredOptions.map(\n                  (option) => html`\n                    <button\n                      type=\"button\"\n                      class=\"flex w-full items-center justify-between px-3 py-1.5 text-left text-xs transition hover:bg-gray-50 focus:bg-gray-50 focus:outline-none\"\n                      data-context-dropdown-root=\"true\"\n                      @click=${() => this.handleContextOptionSelect(option.key)}\n                    >\n                      <span\n                        class=\"truncate ${\n                          option.key === this.selectedContext\n                            ? \"text-gray-900 font-medium\"\n                            : \"text-gray-600\"\n                        }\"\n                        >${option.label}</span\n                      >\n                      ${\n                        option.key === this.selectedContext\n                          ? html`<span class=\"text-gray-500\"\n                            >${this.renderIcon(\"Check\")}</span\n                          >`\n                          : nothing\n                      }\n                    </button>\n                  `,\n                )}\n              </div>\n            `\n            : nothing\n        }\n      </div>\n    `;\n  }\n\n  private handleMenuSelect(key: MenuKey): void {\n    if (!this.menuItems.some((item) => item.key === key)) {\n      return;\n    }\n\n    this.selectedMenu = key;\n\n    // If switching to agents view and \"all-agents\" is selected, switch to default or first agent\n    if (key === \"agents\" && this.selectedContext === \"all-agents\") {\n      const agentOptions = this.contextOptions.filter(\n        (opt) => opt.key !== \"all-agents\",\n      );\n      if (agentOptions.length > 0) {\n        // Try to find \"default\" agent first\n        const defaultAgent = agentOptions.find((opt) => opt.key === \"default\");\n        this.selectedContext = defaultAgent\n          ? defaultAgent.key\n          : agentOptions[0]!.key;\n      }\n    }\n\n    this.contextMenuOpen = false;\n    this.persistState();\n    this.requestUpdate();\n  }\n\n  private handleContextDropdownToggle(event: PointerEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.contextMenuOpen = !this.contextMenuOpen;\n    this.requestUpdate();\n  }\n\n  private handleContextOptionSelect(key: string): void {\n    if (!this.contextOptions.some((option) => option.key === key)) {\n      return;\n    }\n\n    if (this.selectedContext !== key) {\n      this.selectedContext = key;\n      this.expandedRows.clear();\n    }\n\n    this.contextMenuOpen = false;\n    this.persistState();\n    this.requestUpdate();\n  }\n\n  private renderToolsView() {\n    if (!this._core) {\n      return html`\n        <div\n          class=\"flex h-full items-center justify-center px-4 py-8 text-xs text-gray-500\"\n        >\n          No core instance available\n        </div>\n      `;\n    }\n\n    this.refreshToolsSnapshot();\n    const allTools = this.cachedTools;\n\n    if (allTools.length === 0) {\n      return html`\n        <div\n          class=\"flex h-full items-center justify-center px-4 py-8 text-center\"\n        >\n          <div class=\"max-w-md\">\n            <div\n              class=\"mb-3 flex justify-center text-gray-300 [&>svg]:!h-8 [&>svg]:!w-8\"\n            >\n              ${this.renderIcon(\"Hammer\")}\n            </div>\n            <p class=\"text-sm text-gray-600\">No tools available</p>\n            <p class=\"mt-2 text-xs text-gray-500\">\n              Tools will appear here once agents are configured with tool\n              handlers or renderers.\n            </p>\n          </div>\n        </div>\n      `;\n    }\n\n    // Filter tools by selected agent\n    const filteredTools =\n      this.selectedContext === \"all-agents\"\n        ? allTools\n        : allTools.filter(\n            (tool) => !tool.agentId || tool.agentId === this.selectedContext,\n          );\n\n    return html`\n      <div class=\"flex h-full flex-col overflow-hidden\">\n        <div class=\"overflow-auto p-4\">\n          <div class=\"space-y-3\">\n            ${filteredTools.map((tool) => this.renderToolCard(tool))}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private extractToolsFromAgents(): InspectorToolDefinition[] {\n    if (!this._core) {\n      return [];\n    }\n\n    const tools: InspectorToolDefinition[] = [];\n\n    // Start with tools registered on the core (frontend tools / HIL)\n    for (const coreTool of this._core.tools ?? []) {\n      tools.push({\n        agentId: coreTool.agentId ?? \"\",\n        name: coreTool.name,\n        description: coreTool.description,\n        parameters: coreTool.parameters,\n        type: \"handler\",\n      });\n    }\n\n    // Augment with agent-level tool handlers/renderers\n    for (const [agentId, agent] of Object.entries(this._core.agents)) {\n      if (!agent) continue;\n\n      // Try to extract tool handlers\n      const handlers = (agent as { toolHandlers?: Record<string, unknown> })\n        .toolHandlers;\n      if (handlers && typeof handlers === \"object\") {\n        for (const [toolName, handler] of Object.entries(handlers)) {\n          if (handler && typeof handler === \"object\") {\n            const handlerObj = handler as Record<string, unknown>;\n            tools.push({\n              agentId,\n              name: toolName,\n              description:\n                (typeof handlerObj.description === \"string\" &&\n                  handlerObj.description) ||\n                (handlerObj.tool as { description?: string } | undefined)\n                  ?.description,\n              parameters:\n                handlerObj.parameters ??\n                (handlerObj.tool as { parameters?: unknown } | undefined)\n                  ?.parameters,\n              type: \"handler\",\n            });\n          }\n        }\n      }\n\n      // Try to extract tool renderers\n      const renderers = (agent as { toolRenderers?: Record<string, unknown> })\n        .toolRenderers;\n      if (renderers && typeof renderers === \"object\") {\n        for (const [toolName, renderer] of Object.entries(renderers)) {\n          // Don't duplicate if we already have it as a handler\n          if (\n            !tools.some((t) => t.agentId === agentId && t.name === toolName)\n          ) {\n            if (renderer && typeof renderer === \"object\") {\n              const rendererObj = renderer as Record<string, unknown>;\n              tools.push({\n                agentId,\n                name: toolName,\n                description:\n                  (typeof rendererObj.description === \"string\" &&\n                    rendererObj.description) ||\n                  (rendererObj.tool as { description?: string } | undefined)\n                    ?.description,\n                parameters:\n                  rendererObj.parameters ??\n                  (rendererObj.tool as { parameters?: unknown } | undefined)\n                    ?.parameters,\n                type: \"renderer\",\n              });\n            }\n          }\n        }\n      }\n    }\n\n    return tools.sort((a, b) => {\n      const agentCompare = a.agentId.localeCompare(b.agentId);\n      if (agentCompare !== 0) return agentCompare;\n      return a.name.localeCompare(b.name);\n    });\n  }\n\n  private renderToolCard(tool: InspectorToolDefinition) {\n    const isExpanded = this.expandedTools.has(`${tool.agentId}:${tool.name}`);\n    const schema = this.extractSchemaInfo(tool.parameters);\n\n    const typeColors = {\n      handler: \"bg-blue-50 text-blue-700 border-blue-200\",\n      renderer: \"bg-purple-50 text-purple-700 border-purple-200\",\n    };\n\n    return html`\n      <div class=\"rounded-lg border border-gray-200 bg-white overflow-hidden\">\n        <button\n          type=\"button\"\n          class=\"w-full px-4 py-3 text-left transition hover:bg-gray-50\"\n          @click=${() =>\n            this.toggleToolExpansion(`${tool.agentId}:${tool.name}`)}\n        >\n          <div class=\"flex items-start justify-between gap-3\">\n            <div class=\"flex-1 min-w-0\">\n              <div class=\"flex items-center gap-2 mb-1\">\n                <span class=\"font-mono text-sm font-semibold text-gray-900\"\n                  >${tool.name}</span\n                >\n                <span\n                  class=\"inline-flex items-center rounded-sm border px-1.5 py-0.5 text-[10px] font-medium ${\n                    typeColors[tool.type]\n                  }\"\n                >\n                  ${tool.type}\n                </span>\n              </div>\n              <div class=\"flex items-center gap-2 text-xs text-gray-500\">\n                <span class=\"flex items-center gap-1\">\n                  ${this.renderIcon(\"Bot\")}\n                  <span class=\"font-mono\">${tool.agentId}</span>\n                </span>\n                ${\n                  schema.properties.length > 0\n                    ? html`\n                      <span class=\"text-gray-300\">•</span>\n                      <span\n                        >${schema.properties.length}\n                        parameter${\n                          schema.properties.length !== 1 ? \"s\" : \"\"\n                        }</span\n                      >\n                    `\n                    : nothing\n                }\n              </div>\n              ${\n                tool.description\n                  ? html`<p class=\"mt-2 text-xs text-gray-600\">\n                    ${tool.description}\n                  </p>`\n                  : nothing\n              }\n            </div>\n            <span\n              class=\"shrink-0 text-gray-400 transition ${\n                isExpanded ? \"rotate-180\" : \"\"\n              }\"\n            >\n              ${this.renderIcon(\"ChevronDown\")}\n            </span>\n          </div>\n        </button>\n\n        ${\n          isExpanded\n            ? html`\n              <div class=\"border-t border-gray-200 bg-gray-50/50 px-4 py-3\">\n                ${\n                  schema.properties.length > 0\n                    ? html`\n                      <h5 class=\"mb-3 text-xs font-semibold text-gray-700\">\n                        Parameters\n                      </h5>\n                      <div class=\"space-y-3\">\n                        ${schema.properties.map(\n                          (prop) => html`\n                            <div\n                              class=\"rounded-md border border-gray-200 bg-white p-3\"\n                            >\n                              <div\n                                class=\"flex items-start justify-between gap-2 mb-1\"\n                              >\n                                <span\n                                  class=\"font-mono text-xs font-medium text-gray-900\"\n                                  >${prop.name}</span\n                                >\n                                <div class=\"flex items-center gap-1.5 shrink-0\">\n                                  ${\n                                    prop.required\n                                      ? html`\n                                          <span\n                                            class=\"text-[9px] rounded border border-rose-200 bg-rose-50 px-1 py-0.5 font-medium text-rose-700\"\n                                            >required</span\n                                          >\n                                        `\n                                      : html`\n                                          <span\n                                            class=\"text-[9px] rounded border border-gray-200 bg-gray-50 px-1 py-0.5 font-medium text-gray-600\"\n                                            >optional</span\n                                          >\n                                        `\n                                  }\n                                  ${\n                                    prop.type\n                                      ? html`<span\n                                        class=\"text-[9px] rounded border border-gray-200 bg-gray-50 px-1 py-0.5 font-mono text-gray-600\"\n                                        >${prop.type}</span\n                                      >`\n                                      : nothing\n                                  }\n                                </div>\n                              </div>\n                              ${\n                                prop.description\n                                  ? html`<p class=\"mt-1 text-xs text-gray-600\">\n                                    ${prop.description}\n                                  </p>`\n                                  : nothing\n                              }\n                              ${\n                                prop.defaultValue !== undefined\n                                  ? html`\n                                    <div\n                                      class=\"mt-2 flex items-center gap-1.5 text-[10px] text-gray-500\"\n                                    >\n                                      <span>Default:</span>\n                                      <code\n                                        class=\"rounded bg-gray-100 px-1 py-0.5 font-mono\"\n                                        >${JSON.stringify(\n                                          prop.defaultValue,\n                                        )}</code\n                                      >\n                                    </div>\n                                  `\n                                  : nothing\n                              }\n                              ${\n                                prop.enum && prop.enum.length > 0\n                                  ? html`\n                                    <div class=\"mt-2\">\n                                      <span class=\"text-[10px] text-gray-500\"\n                                        >Allowed values:</span\n                                      >\n                                      <div class=\"mt-1 flex flex-wrap gap-1\">\n                                        ${prop.enum.map(\n                                          (val) => html`\n                                            <code\n                                              class=\"rounded border border-gray-200 bg-gray-50 px-1.5 py-0.5 text-[10px] font-mono text-gray-700\"\n                                              >${JSON.stringify(val)}</code\n                                            >\n                                          `,\n                                        )}\n                                      </div>\n                                    </div>\n                                  `\n                                  : nothing\n                              }\n                            </div>\n                          `,\n                        )}\n                      </div>\n                    `\n                    : html`\n                        <div class=\"flex items-center justify-center py-4 text-xs text-gray-500\">\n                          <span>No parameters defined</span>\n                        </div>\n                      `\n                }\n              </div>\n            `\n            : nothing\n        }\n      </div>\n    `;\n  }\n\n  private extractSchemaInfo(parameters: unknown): {\n    properties: Array<{\n      name: string;\n      type?: string;\n      description?: string;\n      required: boolean;\n      defaultValue?: unknown;\n      enum?: unknown[];\n    }>;\n  } {\n    const result: {\n      properties: Array<{\n        name: string;\n        type?: string;\n        description?: string;\n        required: boolean;\n        defaultValue?: unknown;\n        enum?: unknown[];\n      }>;\n    } = { properties: [] };\n\n    if (!parameters || typeof parameters !== \"object\") {\n      return result;\n    }\n\n    // Try Zod schema introspection\n    const zodDef = (parameters as { _def?: Record<string, unknown> })._def;\n    if (zodDef && typeof zodDef === \"object\") {\n      // Handle Zod object schema\n      if (zodDef.typeName === \"ZodObject\") {\n        const rawShape = zodDef.shape;\n        const shape =\n          typeof rawShape === \"function\"\n            ? (rawShape as () => Record<string, unknown>)()\n            : (rawShape as Record<string, unknown> | undefined);\n\n        if (!shape || typeof shape !== \"object\") {\n          return result;\n        }\n        const requiredKeys = new Set<string>();\n\n        // Get required fields\n        if (zodDef.unknownKeys === \"strict\" || !zodDef.catchall) {\n          Object.keys(shape || {}).forEach((key) => {\n            const candidate = (shape as Record<string, unknown>)[key];\n            const fieldDef = (\n              candidate as { _def?: Record<string, unknown> } | undefined\n            )?._def;\n            if (fieldDef && !this.isZodOptional(candidate)) {\n              requiredKeys.add(key);\n            }\n          });\n        }\n\n        // Extract properties\n        for (const [key, value] of Object.entries(shape || {})) {\n          const fieldInfo = this.extractZodFieldInfo(value);\n          result.properties.push({\n            name: key,\n            type: fieldInfo.type,\n            description: fieldInfo.description,\n            required: requiredKeys.has(key),\n            defaultValue: fieldInfo.defaultValue,\n            enum: fieldInfo.enum,\n          });\n        }\n      }\n    } else if (\n      (parameters as { type?: string; properties?: Record<string, unknown> })\n        .type === \"object\" &&\n      (parameters as { properties?: Record<string, unknown> }).properties\n    ) {\n      // Handle JSON Schema format\n      const props = (parameters as { properties?: Record<string, unknown> })\n        .properties;\n      const required = new Set(\n        Array.isArray((parameters as { required?: string[] }).required)\n          ? (parameters as { required?: string[] }).required\n          : [],\n      );\n\n      for (const [key, value] of Object.entries(props ?? {})) {\n        const prop = value as Record<string, unknown>;\n        result.properties.push({\n          name: key,\n          type: prop.type as string | undefined,\n          description:\n            typeof prop.description === \"string\" ? prop.description : undefined,\n          required: required.has(key),\n          defaultValue: prop.default,\n          enum: Array.isArray(prop.enum) ? prop.enum : undefined,\n        });\n      }\n    }\n\n    return result;\n  }\n\n  private isZodOptional(zodSchema: unknown): boolean {\n    const schema = zodSchema as { _def?: Record<string, unknown> };\n    if (!schema?._def) return false;\n\n    const def = schema._def;\n\n    // Check if it's explicitly optional or nullable\n    if (def.typeName === \"ZodOptional\" || def.typeName === \"ZodNullable\") {\n      return true;\n    }\n\n    // Check if it has a default value\n    if (def.defaultValue !== undefined) {\n      return true;\n    }\n\n    return false;\n  }\n\n  private extractZodFieldInfo(zodSchema: unknown): {\n    type?: string;\n    description?: string;\n    defaultValue?: unknown;\n    enum?: unknown[];\n  } {\n    const info: {\n      type?: string;\n      description?: string;\n      defaultValue?: unknown;\n      enum?: unknown[];\n    } = {};\n\n    const schema = zodSchema as { _def?: Record<string, unknown> };\n    if (!schema?._def) return info;\n\n    let currentSchema = schema as { _def?: Record<string, unknown> };\n    let def = currentSchema._def as Record<string, unknown>;\n\n    // Unwrap optional/nullable\n    while (\n      def.typeName === \"ZodOptional\" ||\n      def.typeName === \"ZodNullable\" ||\n      def.typeName === \"ZodDefault\"\n    ) {\n      if (def.typeName === \"ZodDefault\" && def.defaultValue !== undefined) {\n        info.defaultValue =\n          typeof def.defaultValue === \"function\"\n            ? def.defaultValue()\n            : def.defaultValue;\n      }\n      currentSchema =\n        (def.innerType as { _def?: Record<string, unknown> }) ?? currentSchema;\n      if (!currentSchema?._def) break;\n      def = currentSchema._def as Record<string, unknown>;\n    }\n\n    // Extract description\n    info.description =\n      typeof def.description === \"string\" ? def.description : undefined;\n\n    const typeName =\n      typeof def.typeName === \"string\" ? def.typeName : undefined;\n\n    // Extract type\n    const typeMap: Record<string, string> = {\n      ZodString: \"string\",\n      ZodNumber: \"number\",\n      ZodBoolean: \"boolean\",\n      ZodArray: \"array\",\n      ZodObject: \"object\",\n      ZodEnum: \"enum\",\n      ZodLiteral: \"literal\",\n      ZodUnion: \"union\",\n      ZodAny: \"any\",\n      ZodUnknown: \"unknown\",\n    };\n    info.type = typeName\n      ? typeMap[typeName] || typeName.replace(\"Zod\", \"\").toLowerCase()\n      : undefined;\n\n    // Extract enum values\n    if (typeName === \"ZodEnum\" && Array.isArray(def.values)) {\n      info.enum = def.values as unknown[];\n    } else if (typeName === \"ZodLiteral\" && def.value !== undefined) {\n      info.enum = [def.value];\n    }\n\n    return info;\n  }\n\n  private toggleToolExpansion(toolId: string): void {\n    if (this.expandedTools.has(toolId)) {\n      this.expandedTools.delete(toolId);\n    } else {\n      this.expandedTools.add(toolId);\n    }\n    this.requestUpdate();\n  }\n\n  private renderContextView() {\n    const contextEntries = Object.entries(this.contextStore);\n\n    if (contextEntries.length === 0) {\n      return html`\n        <div\n          class=\"flex h-full items-center justify-center px-4 py-8 text-center\"\n        >\n          <div class=\"max-w-md\">\n            <div\n              class=\"mb-3 flex justify-center text-gray-300 [&>svg]:!h-8 [&>svg]:!w-8\"\n            >\n              ${this.renderIcon(\"FileText\")}\n            </div>\n            <p class=\"text-sm text-gray-600\">No context available</p>\n            <p class=\"mt-2 text-xs text-gray-500\">\n              Context will appear here once added to CopilotKit.\n            </p>\n          </div>\n        </div>\n      `;\n    }\n\n    return html`\n      <div class=\"flex h-full flex-col overflow-hidden\">\n        <div class=\"overflow-auto p-4\">\n          <div class=\"space-y-3\">\n            ${contextEntries.map(([id, context]) =>\n              this.renderContextCard(id, context),\n            )}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderContextCard(\n    id: string,\n    context: { description?: string; value: unknown },\n  ) {\n    const isExpanded = this.expandedContextItems.has(id);\n    const valuePreview = this.getContextValuePreview(context.value);\n    const hasValue = context.value !== undefined && context.value !== null;\n    const title = context.description?.trim() || id;\n\n    return html`\n      <div class=\"rounded-lg border border-gray-200 bg-white overflow-hidden\">\n        <button\n          type=\"button\"\n          class=\"w-full px-4 py-3 text-left transition hover:bg-gray-50\"\n          @click=${() => this.toggleContextExpansion(id)}\n        >\n          <div class=\"flex items-start justify-between gap-3\">\n            <div class=\"flex-1 min-w-0\">\n              <p class=\"text-sm font-medium text-gray-900 mb-1\">${title}</p>\n              <div class=\"flex items-center gap-2 text-xs text-gray-500\">\n                <span\n                  class=\"font-mono truncate inline-block align-middle\"\n                  style=\"max-width: 180px;\"\n                  >${id}</span\n                >\n                ${\n                  hasValue\n                    ? html`\n                      <span class=\"text-gray-300\">•</span>\n                      <span class=\"truncate\">${valuePreview}</span>\n                    `\n                    : nothing\n                }\n              </div>\n            </div>\n            <span\n              class=\"shrink-0 text-gray-400 transition ${\n                isExpanded ? \"rotate-180\" : \"\"\n              }\"\n            >\n              ${this.renderIcon(\"ChevronDown\")}\n            </span>\n          </div>\n        </button>\n\n        ${\n          isExpanded\n            ? html`\n              <div class=\"border-t border-gray-200 bg-gray-50/50 px-4 py-3\">\n                <div class=\"mb-3\">\n                  <h5 class=\"mb-1 text-xs font-semibold text-gray-700\">ID</h5>\n                  <code\n                    class=\"block rounded bg-white border border-gray-200 px-2 py-1 text-[10px] font-mono text-gray-600\"\n                    >${id}</code\n                  >\n                </div>\n                ${\n                  hasValue\n                    ? html`\n                      <div class=\"mb-2 flex items-center justify-between gap-2\">\n                        <h5 class=\"text-xs font-semibold text-gray-700\">\n                          Value\n                        </h5>\n                        <button\n                          class=\"flex items-center gap-1 rounded-md border border-gray-200 bg-white px-2 py-1 text-[10px] font-medium text-gray-700 transition hover:bg-gray-50\"\n                          type=\"button\"\n                          @click=${(e: Event) => {\n                            e.stopPropagation();\n                            void this.copyContextValue(context.value, id);\n                          }}\n                        >\n                          ${\n                            this.copiedContextItems.has(id)\n                              ? \"Copied\"\n                              : \"Copy JSON\"\n                          }\n                        </button>\n                      </div>\n                      <div\n                        class=\"rounded-md border border-gray-200 bg-white p-3\"\n                      >\n                        <pre\n                          class=\"overflow-auto text-xs text-gray-800 max-h-96\"\n                        ><code>${this.formatContextValue(\n                          context.value,\n                        )}</code></pre>\n                      </div>\n                    `\n                    : html`\n                        <div class=\"flex items-center justify-center py-4 text-xs text-gray-500\">\n                          <span>No value available</span>\n                        </div>\n                      `\n                }\n              </div>\n            `\n            : nothing\n        }\n      </div>\n    `;\n  }\n\n  private getContextValuePreview(value: unknown): string {\n    if (value === undefined || value === null) {\n      return \"—\";\n    }\n\n    if (typeof value === \"string\") {\n      return value.length > 50 ? `${value.substring(0, 50)}...` : value;\n    }\n\n    if (typeof value === \"number\" || typeof value === \"boolean\") {\n      return String(value);\n    }\n\n    if (Array.isArray(value)) {\n      return `Array(${value.length})`;\n    }\n\n    if (typeof value === \"object\") {\n      const keys = Object.keys(value);\n      return `Object with ${keys.length} key${keys.length !== 1 ? \"s\" : \"\"}`;\n    }\n\n    if (typeof value === \"function\") {\n      return \"Function\";\n    }\n\n    return String(value);\n  }\n\n  private formatContextValue(value: unknown): string {\n    if (value === undefined) {\n      return \"undefined\";\n    }\n\n    if (value === null) {\n      return \"null\";\n    }\n\n    if (typeof value === \"function\") {\n      return value.toString();\n    }\n\n    try {\n      return JSON.stringify(value, null, 2);\n    } catch {\n      return String(value);\n    }\n  }\n\n  private async copyContextValue(\n    value: unknown,\n    contextId: string,\n  ): Promise<void> {\n    if (typeof navigator === \"undefined\" || !navigator.clipboard?.writeText) {\n      console.warn(\"Clipboard API is not available in this environment.\");\n      return;\n    }\n\n    const serialized = this.formatContextValue(value);\n    try {\n      await navigator.clipboard.writeText(serialized);\n      this.copiedContextItems.add(contextId);\n      this.requestUpdate();\n      setTimeout(() => {\n        this.copiedContextItems.delete(contextId);\n        this.requestUpdate();\n      }, 1500);\n    } catch (error) {\n      console.error(\"Failed to copy context value:\", error);\n    }\n  }\n\n  private toggleContextExpansion(contextId: string): void {\n    if (this.expandedContextItems.has(contextId)) {\n      this.expandedContextItems.delete(contextId);\n    } else {\n      this.expandedContextItems.add(contextId);\n    }\n    this.requestUpdate();\n  }\n\n  private handleGlobalPointerDown = (event: PointerEvent): void => {\n    if (!this.contextMenuOpen) {\n      return;\n    }\n\n    const clickedDropdown = event.composedPath().some((node) => {\n      return (\n        node instanceof HTMLElement &&\n        node.dataset?.contextDropdownRoot === \"true\"\n      );\n    });\n\n    if (!clickedDropdown) {\n      this.contextMenuOpen = false;\n      this.requestUpdate();\n    }\n  };\n\n  private toggleRowExpansion(eventId: string): void {\n    // Don't toggle if user is selecting text\n    const selection = window.getSelection();\n    if (selection && selection.toString().length > 0) {\n      return;\n    }\n\n    if (this.expandedRows.has(eventId)) {\n      this.expandedRows.delete(eventId);\n    } else {\n      this.expandedRows.add(eventId);\n    }\n    this.requestUpdate();\n  }\n\n  private renderAnnouncementPanel() {\n    if (!this.isOpen) {\n      return nothing;\n    }\n\n    // Ensure loading is triggered even if we mounted in an already-open state\n    this.ensureAnnouncementLoading();\n\n    if (!this.hasUnseenAnnouncement) {\n      return nothing;\n    }\n\n    if (!this.announcementLoaded && !this.announcementMarkdown) {\n      return html`<div\n        class=\"mx-4 my-3 rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm text-slate-800 shadow-[0_12px_30px_rgba(15,23,42,0.12)]\"\n      >\n        <div class=\"flex items-center gap-2 font-semibold\">\n          <span\n            class=\"inline-flex h-6 w-6 items-center justify-center rounded-md bg-slate-900 text-white shadow-sm\"\n          >\n            ${this.renderIcon(\"Megaphone\")}\n          </span>\n          <span>Loading latest announcement…</span>\n        </div>\n      </div>`;\n    }\n\n    if (this.announcementLoadError) {\n      return html`<div\n        class=\"mx-4 my-3 rounded-xl border border-rose-200 bg-rose-50 px-4 py-3 text-sm text-rose-900 shadow-[0_12px_30px_rgba(15,23,42,0.12)]\"\n      >\n        <div class=\"flex items-center gap-2 font-semibold\">\n          <span\n            class=\"inline-flex h-6 w-6 items-center justify-center rounded-md bg-rose-600 text-white shadow-sm\"\n          >\n            ${this.renderIcon(\"Megaphone\")}\n          </span>\n          <span>Announcement unavailable</span>\n        </div>\n        <p class=\"mt-2 text-xs text-rose-800\">\n          We couldn’t load the latest notice. Please try opening the inspector\n          again.\n        </p>\n      </div>`;\n    }\n\n    if (!this.announcementMarkdown) {\n      return nothing;\n    }\n\n    const content = this.announcementHtml\n      ? unsafeHTML(this.announcementHtml)\n      : html`<pre class=\"whitespace-pre-wrap text-sm text-gray-900\">\n${this.announcementMarkdown}</pre\n        >`;\n\n    return html`<div\n      class=\"mx-4 my-3 rounded-xl border border-slate-200 bg-white px-4 py-4 shadow-[0_12px_30px_rgba(15,23,42,0.12)]\"\n    >\n      <div\n        class=\"mb-3 flex items-center gap-2 text-sm font-semibold text-slate-900\"\n      >\n        <span\n          class=\"inline-flex h-7 w-7 items-center justify-center rounded-md bg-slate-900 text-white shadow-sm\"\n        >\n          ${this.renderIcon(\"Megaphone\")}\n        </span>\n        <span>Announcement</span>\n        <button\n          class=\"announcement-dismiss ml-auto\"\n          type=\"button\"\n          @click=${this.handleDismissAnnouncement}\n          aria-label=\"Dismiss announcement\"\n        >\n          Dismiss\n        </button>\n      </div>\n      <div class=\"announcement-content text-sm leading-relaxed text-gray-900\">\n        ${content}\n      </div>\n    </div>`;\n  }\n\n  private ensureAnnouncementLoading(): void {\n    if (\n      this.announcementPromise ||\n      typeof window === \"undefined\" ||\n      typeof fetch === \"undefined\"\n    ) {\n      return;\n    }\n    this.announcementPromise = this.fetchAnnouncement();\n  }\n\n  private renderAnnouncementPreview() {\n    if (\n      !this.hasUnseenAnnouncement ||\n      !this.showAnnouncementPreview ||\n      !this.announcementPreviewText\n    ) {\n      return nothing;\n    }\n\n    const side =\n      this.contextState.button.anchor.horizontal === \"left\" ? \"right\" : \"left\";\n\n    return html`<div\n      class=\"announcement-preview\"\n      data-side=${side}\n      role=\"note\"\n      @click=${() => this.handleAnnouncementPreviewClick()}\n    >\n      <span>${this.announcementPreviewText}</span>\n      <span class=\"announcement-preview__arrow\"></span>\n    </div>`;\n  }\n\n  private handleAnnouncementPreviewClick(): void {\n    this.showAnnouncementPreview = false;\n    this.openInspector();\n  }\n\n  private handleDismissAnnouncement = (): void => {\n    this.markAnnouncementSeen();\n  };\n\n  private async fetchAnnouncement(): Promise<void> {\n    try {\n      const response = await fetch(ANNOUNCEMENT_URL, { cache: \"no-cache\" });\n      if (!response.ok) {\n        throw new Error(`Failed to load announcement (${response.status})`);\n      }\n\n      const data = (await response.json()) as {\n        timestamp?: unknown;\n        previewText?: unknown;\n        announcement?: unknown;\n      };\n\n      const timestamp =\n        typeof data?.timestamp === \"string\" ? data.timestamp : null;\n      const previewText =\n        typeof data?.previewText === \"string\" ? data.previewText : null;\n      const markdown =\n        typeof data?.announcement === \"string\" ? data.announcement : null;\n\n      if (!timestamp || !markdown) {\n        throw new Error(\"Malformed announcement payload\");\n      }\n\n      const storedTimestamp = this.loadStoredAnnouncementTimestamp();\n\n      this.announcementTimestamp = timestamp;\n      this.announcementPreviewText = previewText ?? \"\";\n      this.announcementMarkdown = markdown;\n      this.hasUnseenAnnouncement =\n        (!storedTimestamp || storedTimestamp !== timestamp) &&\n        !!this.announcementPreviewText;\n      this.showAnnouncementPreview = this.hasUnseenAnnouncement;\n      this.announcementHtml = await this.convertMarkdownToHtml(markdown);\n      this.announcementLoaded = true;\n\n      this.requestUpdate();\n    } catch (error) {\n      this.announcementLoadError = error;\n      this.announcementLoaded = true;\n      this.requestUpdate();\n    }\n  }\n\n  private async convertMarkdownToHtml(\n    markdown: string,\n  ): Promise<string | null> {\n    const renderer = new marked.Renderer();\n    renderer.link = (href, title, text) => {\n      const safeHref = this.escapeHtmlAttr(this.appendRefParam(href ?? \"\"));\n      const titleAttr = title ? ` title=\"${this.escapeHtmlAttr(title)}\"` : \"\";\n      return `<a href=\"${safeHref}\" target=\"_blank\" rel=\"noopener\"${titleAttr}>${text}</a>`;\n    };\n    return marked.parse(markdown, { renderer });\n  }\n\n  private appendRefParam(href: string): string {\n    try {\n      const url = new URL(\n        href,\n        typeof window !== \"undefined\"\n          ? window.location.href\n          : \"https://copilotkit.ai\",\n      );\n      if (!url.searchParams.has(\"ref\")) {\n        url.searchParams.append(\"ref\", \"cpk-inspector\");\n      }\n      return url.toString();\n    } catch {\n      return href;\n    }\n  }\n\n  private escapeHtmlAttr(value: string): string {\n    return value\n      .replace(/&/g, \"&amp;\")\n      .replace(/</g, \"&lt;\")\n      .replace(/>/g, \"&gt;\")\n      .replace(/\"/g, \"&quot;\")\n      .replace(/'/g, \"&#39;\");\n  }\n\n  private loadStoredAnnouncementTimestamp(): string | null {\n    if (typeof window === \"undefined\" || !window.localStorage) {\n      return null;\n    }\n    try {\n      const raw = window.localStorage.getItem(ANNOUNCEMENT_STORAGE_KEY);\n      if (!raw) {\n        return null;\n      }\n      const parsed = JSON.parse(raw);\n      if (parsed && typeof parsed.timestamp === \"string\") {\n        return parsed.timestamp;\n      }\n      // Backward compatibility: previous shape { hash }\n      return null;\n    } catch {\n      // ignore malformed storage\n    }\n    return null;\n  }\n\n  private persistAnnouncementTimestamp(timestamp: string): void {\n    if (typeof window === \"undefined\" || !window.localStorage) {\n      return;\n    }\n    try {\n      const payload = JSON.stringify({ timestamp });\n      window.localStorage.setItem(ANNOUNCEMENT_STORAGE_KEY, payload);\n    } catch {\n      // Non-fatal if storage is unavailable\n    }\n  }\n\n  private markAnnouncementSeen(): void {\n    // Clear badge only when explicitly dismissed\n    this.hasUnseenAnnouncement = false;\n    this.showAnnouncementPreview = false;\n\n    if (!this.announcementTimestamp) {\n      // If still loading, attempt once more after promise resolves; avoid infinite requeues\n      if (this.announcementPromise && !this.announcementLoaded) {\n        void this.announcementPromise\n          .then(() => this.markAnnouncementSeen())\n          .catch(() => undefined);\n      }\n      this.requestUpdate();\n      return;\n    }\n\n    this.persistAnnouncementTimestamp(this.announcementTimestamp);\n    this.requestUpdate();\n  }\n}\n\nexport function defineWebInspector(): void {\n  if (!customElements.get(WEB_INSPECTOR_TAG)) {\n    customElements.define(WEB_INSPECTOR_TAG, WebInspectorElement);\n  }\n}\n\ndefineWebInspector();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"cpk-web-inspector\": WebInspectorElement;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":["LitElement","nothing","ɵselectThreads","ɵselectThreadsError","tailwindStyles","inspectorLogoIconUrl","inspectorLogoUrl","loadInspectorState","isValidDockMode","isValidAnchor","isValidPosition","isValidSize","constrainToViewport","clampSizeToViewport","icons","CopilotKitCoreRuntimeConnectionStatus"],"sources":["../src/index.ts"],"sourcesContent":["import { LitElement, css, html, nothing, unsafeCSS } from \"lit\";\nimport type { TemplateResult } from \"lit\";\nimport { marked } from \"marked\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport tailwindStyles from \"./styles/generated.css\";\nimport inspectorLogoUrl from \"./assets/inspector-logo.svg\";\nimport inspectorLogoIconUrl from \"./assets/inspector-logo-icon.svg\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { icons } from \"lucide\";\nimport type { CopilotKitCore } from \"@copilotkit/core\";\nimport {\n  CopilotKitCoreRuntimeConnectionStatus,\n  ɵselectThreads,\n  ɵselectThreadsError,\n  ɵcreateThreadStore,\n} from \"@copilotkit/core\";\nimport type {\n  CopilotKitCoreSubscriber,\n  CopilotKitCoreErrorCode,\n  ɵThreadStore,\n  ɵThread,\n} from \"@copilotkit/core\";\nimport type { AbstractAgent, AgentSubscriber } from \"@ag-ui/client\";\nimport type {\n  Anchor,\n  ContextKey,\n  ContextState,\n  DockMode,\n  Position,\n  Size,\n} from \"./lib/types\";\nimport {\n  applyAnchorPosition as applyAnchorPositionHelper,\n  centerContext as centerContextHelper,\n  constrainToViewport,\n  keepPositionWithinViewport,\n  updateAnchorFromPosition as updateAnchorFromPositionHelper,\n  updateSizeFromElement,\n  clampSize as clampSizeToViewport,\n} from \"./lib/context-helpers\";\nimport {\n  loadInspectorState,\n  saveInspectorState,\n  isValidAnchor,\n  isValidPosition,\n  isValidSize,\n  isValidDockMode,\n} from \"./lib/persistence\";\nimport type { PersistedState } from \"./lib/persistence\";\n\nexport const WEB_INSPECTOR_TAG = \"cpk-web-inspector\" as const;\n\ntype LucideIconName = keyof typeof icons;\n\ntype MenuKey =\n  | \"ag-ui-events\"\n  | \"agents\"\n  | \"frontend-tools\"\n  | \"agent-context\"\n  | \"threads\";\n\ntype MenuItem = {\n  key: MenuKey;\n  label: string;\n  icon: LucideIconName;\n};\n\nconst EDGE_MARGIN = 16;\nconst DRAG_THRESHOLD = 6;\nconst MIN_WINDOW_WIDTH = 600;\nconst MIN_WINDOW_WIDTH_DOCKED_LEFT = 420;\nconst MIN_WINDOW_HEIGHT = 200;\nconst INSPECTOR_STORAGE_KEY = \"cpk:inspector:state\";\nconst ANNOUNCEMENT_STORAGE_KEY = \"cpk:inspector:announcements\";\nconst ANNOUNCEMENT_URL = \"https://cdn.copilotkit.ai/announcements.json\";\nconst DEFAULT_BUTTON_SIZE: Size = { width: 48, height: 48 };\nconst DEFAULT_WINDOW_SIZE: Size = { width: 840, height: 700 };\nconst DOCKED_LEFT_WIDTH = 500; // Sensible width for left dock with collapsed sidebar\nconst MAX_AGENT_EVENTS = 200;\nconst MAX_TOTAL_EVENTS = 500;\n\ntype InspectorAgentEventType =\n  | \"RUN_STARTED\"\n  | \"RUN_FINISHED\"\n  | \"RUN_ERROR\"\n  | \"TEXT_MESSAGE_START\"\n  | \"TEXT_MESSAGE_CONTENT\"\n  | \"TEXT_MESSAGE_END\"\n  | \"TOOL_CALL_START\"\n  | \"TOOL_CALL_ARGS\"\n  | \"TOOL_CALL_END\"\n  | \"TOOL_CALL_RESULT\"\n  | \"STATE_SNAPSHOT\"\n  | \"STATE_DELTA\"\n  | \"MESSAGES_SNAPSHOT\"\n  | \"RAW_EVENT\"\n  | \"CUSTOM_EVENT\"\n  | \"REASONING_START\"\n  | \"REASONING_MESSAGE_START\"\n  | \"REASONING_MESSAGE_CONTENT\"\n  | \"REASONING_MESSAGE_END\"\n  | \"REASONING_END\"\n  | \"REASONING_ENCRYPTED_VALUE\"\n  | \"ACTIVITY_SNAPSHOT\"\n  | \"ACTIVITY_DELTA\";\n\nconst AGENT_EVENT_TYPES: readonly InspectorAgentEventType[] = [\n  \"RUN_STARTED\",\n  \"RUN_FINISHED\",\n  \"RUN_ERROR\",\n  \"TEXT_MESSAGE_START\",\n  \"TEXT_MESSAGE_CONTENT\",\n  \"TEXT_MESSAGE_END\",\n  \"TOOL_CALL_START\",\n  \"TOOL_CALL_ARGS\",\n  \"TOOL_CALL_END\",\n  \"TOOL_CALL_RESULT\",\n  \"STATE_SNAPSHOT\",\n  \"STATE_DELTA\",\n  \"MESSAGES_SNAPSHOT\",\n  \"RAW_EVENT\",\n  \"CUSTOM_EVENT\",\n  \"REASONING_START\",\n  \"REASONING_MESSAGE_START\",\n  \"REASONING_MESSAGE_CONTENT\",\n  \"REASONING_MESSAGE_END\",\n  \"REASONING_END\",\n  \"REASONING_ENCRYPTED_VALUE\",\n  \"ACTIVITY_SNAPSHOT\",\n  \"ACTIVITY_DELTA\",\n] as const;\n\ntype SanitizedValue =\n  | string\n  | number\n  | boolean\n  | null\n  | SanitizedValue[]\n  | { [key: string]: SanitizedValue };\n\ntype InspectorToolCall = {\n  id?: string;\n  function?: {\n    name?: string;\n    arguments?: SanitizedValue | string;\n  };\n  toolName?: string;\n  status?: string;\n};\n\ntype InspectorMessage = {\n  id?: string;\n  role: string;\n  contentText: string;\n  contentRaw?: SanitizedValue;\n  toolCalls: InspectorToolCall[];\n  /** Populated for role=\"activity\" messages (Generative UI). */\n  activityType?: string;\n};\n\ntype InspectorToolDefinition = {\n  agentId: string;\n  name: string;\n  description?: string;\n  parameters?: unknown;\n  type: \"handler\" | \"renderer\";\n};\n\ntype InspectorEvent = {\n  id: string;\n  agentId: string;\n  type: InspectorAgentEventType;\n  timestamp: number;\n  payload: SanitizedValue;\n};\n\n// ─── Thread details types ────────────────────────────────────────────────────\n\ninterface ApiThreadMessage {\n  id: string;\n  role: string;\n  content?: string;\n  toolCalls?: Array<{ id: string; name: string; args: string }>;\n  toolCallId?: string;\n  /** Present when role === \"activity\" (Generative UI output). */\n  activityType?: string;\n}\n\ninterface ConversationUser {\n  id: string;\n  type: \"user\";\n  content: string;\n  createdAt: string;\n}\n\ninterface ConversationAssistant {\n  id: string;\n  type: \"assistant\";\n  content: string;\n  createdAt: string;\n}\n\ninterface ConversationToolCall {\n  id: string;\n  type: \"tool_call\";\n  toolName: string;\n  toolCallId: string;\n  arguments: Record<string, unknown>;\n  result: Record<string, unknown> | null;\n  createdAt: string;\n  groupId?: string;\n}\n\ninterface ConversationReasoning {\n  id: string;\n  type: \"reasoning\";\n  duration: string;\n  createdAt: string;\n}\n\ninterface ConversationStateUpdate {\n  id: string;\n  type: \"state_update\";\n  createdAt: string;\n}\n\ninterface ConversationAgentResponded {\n  id: string;\n  type: \"agent_responded\";\n  createdAt: string;\n}\n\ninterface ConversationGenerativeUIItem {\n  id: string;\n  type: \"generative-ui\";\n  activityType: string;\n  createdAt: string;\n}\n\ninterface ToolCallGroup {\n  type: \"tool_call_group\";\n  id: string;\n  items: ConversationToolCall[];\n}\n\ntype ConversationItem =\n  | ConversationUser\n  | ConversationAssistant\n  | ConversationToolCall\n  | ConversationReasoning\n  | ConversationStateUpdate\n  | ConversationAgentResponded\n  | ConversationGenerativeUIItem;\n\ntype RenderItem = ConversationItem | ToolCallGroup;\n\ninterface ApiAgentEvent {\n  type: string;\n  timestamp: string | number;\n  payload: Record<string, unknown>;\n}\n\ntype ThreadDetailsTab = \"conversation\" | \"agent-state\" | \"ag-ui-events\";\n\n// ─── JSON syntax highlighter ─────────────────────────────────────────────────\n// Inline-styled so shadow DOM encapsulation preserves colors when the output\n// is injected via unsafeHTML. Only for structured data — never raw user HTML.\n\nfunction escapeHtml(s: string): string {\n  return s.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n}\n\n// Memoize highlight output by payload reference. Tab switches cause Lit to\n// re-render the active panel from scratch, and the JSON.stringify + regex\n// pass below is by far the most expensive thing in the events / state\n// panels (potentially MB of agent state). Caching by object reference\n// turns subsequent renders of an unchanged event list into near-zero JS work.\nconst highlightedJsonCache = new WeakMap<object, string>();\n\nfunction highlightedJson(obj: unknown): string {\n  if (typeof obj === \"object\" && obj !== null) {\n    const cached = highlightedJsonCache.get(obj);\n    if (cached !== undefined) return cached;\n  }\n  const colors = {\n    key: \"#5558B2\",\n    str: \"#189370\",\n    num: \"#996300\",\n    bool: \"#c0333a\",\n    nil: \"#838389\",\n  };\n  const json = JSON.stringify(obj, null, 2);\n  if (!json) return \"\";\n  const parts: string[] = [];\n  let lastIndex = 0;\n  const re =\n    /(\"(?:\\\\u[a-fA-F0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(?:\\s*:)?|\\b(?:true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+-]?\\d+)?)/g;\n  let match: RegExpExecArray | null;\n  while ((match = re.exec(json)) !== null) {\n    parts.push(escapeHtml(json.slice(lastIndex, match.index)));\n    const m = match[0];\n    let color = colors.num;\n    if (m.startsWith('\"')) {\n      color = m.trimEnd().endsWith(\":\") ? colors.key : colors.str;\n    } else if (m === \"true\" || m === \"false\") {\n      color = colors.bool;\n    } else if (m === \"null\") {\n      color = colors.nil;\n    }\n    parts.push(`<span style=\"color:${color}\">${escapeHtml(m)}</span>`);\n    lastIndex = match.index + m.length;\n  }\n  parts.push(escapeHtml(json.slice(lastIndex)));\n  const result = parts.join(\"\");\n  if (typeof obj === \"object\" && obj !== null) {\n    highlightedJsonCache.set(obj, result);\n  }\n  return result;\n}\n\nfunction eventColors(type: string): { bg: string; fg: string } {\n  if (type.startsWith(\"TEXT_MESSAGE\")) return { bg: \"#EEE6FE\", fg: \"#57575B\" };\n  if (type.startsWith(\"TOOL_CALL\"))\n    return { bg: \"rgba(133,236,206,0.15)\", fg: \"#189370\" };\n  if (type.startsWith(\"STATE\"))\n    return { bg: \"rgba(190,194,255,0.102)\", fg: \"#5558B2\" };\n  if (type.startsWith(\"RUN_\") || type.startsWith(\"STEP_\"))\n    return { bg: \"rgba(255,172,77,0.2)\", fg: \"#996300\" };\n  if (type === \"ERROR\") return { bg: \"rgba(250,95,103,0.13)\", fg: \"#c0333a\" };\n  return { bg: \"#F7F7F9\", fg: \"#838389\" };\n}\n\nfunction formatTimestamp(ts: string | number): string {\n  const date = typeof ts === \"number\" ? new Date(ts) : new Date(ts);\n  if (Number.isNaN(date.getTime())) return \"\";\n  const ms = date.getMilliseconds().toString().padStart(3, \"0\");\n  return (\n    date.toLocaleTimeString(\"en-US\", {\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n      second: \"2-digit\",\n      hour12: false,\n    }) +\n    \".\" +\n    ms\n  );\n}\n\n// ─── cpk-thread-list ────────────────────────────────────────────────────────\n\nclass CpkThreadList extends LitElement {\n  static properties = {\n    threads: { attribute: false },\n    selectedThreadId: { attribute: false },\n    errorMessage: { attribute: false },\n    _query: { state: true },\n  };\n  threads: ɵThread[] = [];\n  selectedThreadId: string | null = null;\n  /**\n   * Non-null when the underlying thread store reported a load error\n   * (REST list rejection, Phoenix subscribe failure, retry exhaustion).\n   * Surfaced inline so users see a real error state instead of stale or\n   * empty data with no indication of what went wrong.\n   */\n  errorMessage: string | null = null;\n  private _query = \"\";\n\n  static styles = css`\n    @import url(\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&family=Spline+Sans+Mono:wght@400;500&display=swap\");\n\n    :host {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .cpk-tl {\n      font-family: \"Plus Jakarta Sans\", sans-serif;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      overflow: hidden;\n      background: #f7f7f9;\n    }\n\n    /* ── Search ── */\n    .cpk-tl__search {\n      padding: 10px 12px;\n      border-bottom: 1px solid #dbdbe5;\n      flex-shrink: 0;\n    }\n\n    .cpk-tl__search-input {\n      width: 100%;\n      box-sizing: border-box;\n      font-family: \"Plus Jakarta Sans\", sans-serif;\n      font-size: 12px;\n      padding: 7px 10px;\n      border-radius: 6px;\n      border: 1px solid #dbdbe5;\n      background: #ffffff;\n      color: #010507;\n      outline: none;\n      transition: border-color 0.15s;\n    }\n\n    .cpk-tl__search-input:focus {\n      border-color: #bec2ff;\n    }\n\n    /* ── List ── */\n    .cpk-tl__list {\n      flex: 1;\n      overflow-y: auto;\n    }\n\n    /* ── Thread item ── */\n    .cpk-tl__item {\n      padding: 11px 13px;\n      cursor: pointer;\n      border-bottom: 1px solid #e9e9ef;\n      border-left: 3px solid transparent;\n      transition: background 0.1s;\n    }\n\n    .cpk-tl__item:hover {\n      background: #ffffff;\n    }\n\n    .cpk-tl__item--active {\n      background: #bec2ff1a;\n      border-left-color: #bec2ff;\n    }\n\n    .cpk-tl__item--active:hover {\n      background: #bec2ff33;\n    }\n\n    .cpk-tl__row1 {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 3px;\n    }\n\n    .cpk-tl__name {\n      font-size: 12px;\n      font-weight: 500;\n      color: #010507;\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .cpk-tl__name--unnamed {\n      color: #838389;\n      font-style: italic;\n      font-weight: 400;\n    }\n\n    .cpk-tl__time {\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 10px;\n      color: #838389;\n      flex-shrink: 0;\n    }\n\n    .cpk-tl__meta {\n      display: flex;\n      gap: 6px;\n      align-items: center;\n      flex-wrap: wrap;\n    }\n\n    .cpk-tl__pill {\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 9px;\n      padding: 1px 7px;\n      border-radius: 4px;\n      text-transform: uppercase;\n      font-weight: 500;\n      white-space: nowrap;\n      background: #eee6fe;\n      color: #57575b;\n    }\n\n    /* ── Empty state ── */\n    .cpk-tl__empty {\n      padding: 32px 16px;\n      text-align: center;\n      color: #838389;\n      font-size: 12px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .cpk-tl__empty-icon {\n      color: #c0c0c8;\n    }\n  `;\n\n  private relativeTime(dateStr: string): string {\n    const date = new Date(dateStr);\n    const diffMs = Date.now() - date.getTime();\n    const diffSec = Math.floor(diffMs / 1000);\n    if (diffSec < 60) return `${diffSec}s ago`;\n    const diffMin = Math.floor(diffSec / 60);\n    if (diffMin < 60) return `${diffMin}m ago`;\n    const diffH = Math.floor(diffMin / 60);\n    if (diffH < 24) return `${diffH}h ago`;\n    const diffD = Math.floor(diffH / 24);\n    return `${diffD}d ago`;\n  }\n\n  private get filtered(): ɵThread[] {\n    const q = this._query.toLowerCase();\n    if (!q) return this.threads;\n    return this.threads.filter(\n      (t) =>\n        (t.name?.toLowerCase().includes(q) ?? false) ||\n        t.agentId.toLowerCase().includes(q) ||\n        t.id.toLowerCase().includes(q),\n    );\n  }\n\n  private onThreadClick(threadId: string): void {\n    this.dispatchEvent(\n      new CustomEvent(\"threadSelected\", {\n        detail: threadId,\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private onSearchInput = (event: Event): void => {\n    this._query = (event.target as HTMLInputElement).value;\n  };\n\n  render() {\n    const filtered = this.filtered;\n    return html`\n      <div class=\"cpk-tl\">\n        <!-- Search -->\n        <div class=\"cpk-tl__search\">\n          <input\n            type=\"text\"\n            placeholder=\"Search threads…\"\n            .value=${this._query}\n            @input=${this.onSearchInput}\n            class=\"cpk-tl__search-input\"\n          />\n        </div>\n\n        <!-- Thread list -->\n        <div class=\"cpk-tl__list\">\n          ${filtered.map(\n            (thread) => html`\n              <div\n                class=\"cpk-tl__item ${\n                  this.selectedThreadId === thread.id\n                    ? \"cpk-tl__item--active\"\n                    : \"\"\n                }\"\n                @click=${() => this.onThreadClick(thread.id)}\n              >\n                <div class=\"cpk-tl__row1\">\n                  <span\n                    class=\"cpk-tl__name ${\n                      !thread.name ? \"cpk-tl__name--unnamed\" : \"\"\n                    }\"\n                    >${thread.name ?? \"Untitled\"}</span\n                  >\n                  <span class=\"cpk-tl__time\"\n                    >${this.relativeTime(thread.updatedAt)}</span\n                  >\n                </div>\n                <div class=\"cpk-tl__meta\">\n                  <span class=\"cpk-tl__pill\">${thread.agentId}</span>\n                </div>\n              </div>\n            `,\n          )}\n          ${\n            filtered.length === 0\n              ? html`\n                <div class=\"cpk-tl__empty\">\n                  ${\n                    this.errorMessage\n                      ? html`\n                          <svg\n                            width=\"24\"\n                            height=\"24\"\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.5\"\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            class=\"cpk-tl__empty-icon\"\n                          >\n                            <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n                            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n                          </svg>\n                          <div>\n                            Failed to load threads\n                            <div style=\"font-size:11px;margin-top:4px;color:#c0333a;\">\n                              ${this.errorMessage}\n                            </div>\n                          </div>\n                        `\n                      : this.threads.length === 0\n                        ? html`\n                            <svg\n                              width=\"24\"\n                              height=\"24\"\n                              viewBox=\"0 0 24 24\"\n                              fill=\"none\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"1.5\"\n                              stroke-linecap=\"round\"\n                              stroke-linejoin=\"round\"\n                              class=\"cpk-tl__empty-icon\"\n                            >\n                              <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n                            </svg>\n                            No threads yet\n                          `\n                        : html`\n                            No threads match your search.\n                          `\n                  }\n                </div>\n              `\n              : nothing\n          }\n        </div>\n      </div>\n    `;\n  }\n}\n\n// ─── cpk-thread-details ──────────────────────────────────────────────────────\n// Renders the selected thread's conversation, agent state, and AG-UI events.\n// Conversation comes from the runtime's `/threads/:id/messages` endpoint\n// (always thread-accurate). Agent state and AG-UI events accept live inputs\n// (`agentStateInput`, `agentEventsInput`) from the parent inspector's ongoing\n// agent subscriptions; when those are absent we fall back to the per-thread\n// fetched data via `/threads/:id/{events,state}`.\n\n// Exported (with the underscore-prefixed name signalling internal/test-only)\n// so unit tests can pin down the per-panel template-cache invariants without\n// reaching through `customElements`. Production consumers continue to use the\n// `cpk-thread-details` custom element registered below.\nexport class ɵCpkThreadDetails extends LitElement {\n  static properties = {\n    threadId: { attribute: false },\n    thread: { attribute: false },\n    runtimeUrl: { attribute: false },\n    headers: { attribute: false },\n    agentStateInput: { attribute: false },\n    agentEventsInput: { attribute: false },\n    liveMessageVersion: { attribute: false },\n    _tab: { state: true },\n    _conversation: { state: true },\n    _fetchedEvents: { state: true },\n    _fetchedState: { state: true },\n    _loadingMessages: { state: true },\n    _loadingEvents: { state: true },\n    _loadingState: { state: true },\n    _messagesError: { state: true },\n    _eventsError: { state: true },\n    _stateError: { state: true },\n    _expandedTools: { state: true },\n    _expandedMessages: { state: true },\n    _showDetailPanel: { state: true },\n    _detailPanelWidth: { state: true },\n    _eventsNotAvailable: { state: true },\n    _stateNotAvailable: { state: true },\n    _panelInitializing: { state: true },\n    _activatedTabs: { state: true },\n  };\n\n  threadId: string | null = null;\n  thread: ɵThread | null = null;\n  runtimeUrl = \"\";\n  headers: Record<string, string> = {};\n  agentStateInput: Record<string, unknown> | null = null;\n  agentEventsInput: ApiAgentEvent[] = [];\n  /**\n   * Monotonic per-thread counter the parent inspector ticks every time the\n   * agent currently running on this thread emits a message change. When this\n   * prop changes for the same `threadId`, we re-fetch `/threads/:id/messages`\n   * so the conversation view reflects live streaming output.\n   */\n  liveMessageVersion = 0;\n\n  private _tab: ThreadDetailsTab = \"conversation\";\n  private _conversation: ConversationItem[] = [];\n  private _fetchedEvents: ApiAgentEvent[] | null = null;\n  private _fetchedState: Record<string, unknown> | null = null;\n  private _loadingMessages = false;\n  private _loadingEvents = false;\n  private _loadingState = false;\n  private _messagesError: string | null = null;\n  private _eventsError: string | null = null;\n  private _stateError: string | null = null;\n  private _expandedTools = new Set<string>();\n  private _expandedMessages = new Set<string>();\n  private _showDetailPanel = false;\n  private _detailPanelWidth = 250;\n  /** True when the /events endpoint returned 501 — don't fall back to live data. */\n  private _eventsNotAvailable = false;\n  /** True when the /state endpoint returned 501 — don't fall back to live data. */\n  private _stateNotAvailable = false;\n  /**\n   * Briefly true after a tab switch so the active-tab highlight + a generic\n   * \"Loading…\" placeholder paint before the heavy per-tab render runs. Without\n   * this, large event/conversation lists block the next paint and the user\n   * sees the click as unresponsive for seconds.\n   */\n  private _panelInitializing = false;\n  /**\n   * Tabs that have been opened at least once for the current thread. Once a\n   * tab is activated, its rendered DOM stays mounted (we hide inactive tabs\n   * via display:none) so flipping back to it is just a CSS swap rather than\n   * tearing down and rebuilding the entire panel from scratch. Without this,\n   * switching back to AG-UI Events on a thread with hundreds of events\n   * triggers a multi-second DOM-creation pass each time.\n   *\n   * Reset to {\"conversation\"} when the selected thread changes.\n   */\n  private _activatedTabs: Set<ThreadDetailsTab> = new Set([\"conversation\"]);\n  /**\n   * Memoized per-panel templates keyed by the inputs they render from.\n   * When the underlying data hasn't changed (same `_conversation` /\n   * `_fetchedState` / events array reference, plus expand-state for the\n   * conversation panel), we return the previously built TemplateResult.\n   * Lit then sees \"same template, same values\" and skips the diff entirely,\n   * so re-rendering on tab switch is near-zero work even when the panel\n   * content is large. The key is an opaque tuple compared element-wise by\n   * reference; if any element flips, the cache misses and rebuilds.\n   */\n  private _panelTplCache: Map<\n    ThreadDetailsTab,\n    { key: readonly unknown[]; tpl: TemplateResult }\n  > = new Map();\n  /**\n   * Tracks whether we've fetched events for the current thread yet. Events\n   * fetch lazily on first sub-tab click so a large response's JSON.parse\n   * doesn't block the main thread when the user only ever cares about the\n   * conversation.\n   */\n  private _eventsFetched = false;\n  /**\n   * Tracks whether we've fetched state for the current thread yet. Same\n   * lazy-load reasoning as `_eventsFetched`.\n   */\n  private _stateFetched = false;\n  private _lastFetchedThreadId: string | null = null;\n  private _lastSeenLiveMessageVersion = 0;\n  private _messagesAbort: AbortController | null = null;\n  private _eventsAbort: AbortController | null = null;\n  private _stateAbort: AbortController | null = null;\n  private _dividerResizing = false;\n  private _dividerPointerId = -1;\n  private _dividerStartX = 0;\n  private _dividerStartWidth = 0;\n\n  static readonly COLLAPSE_THRESHOLD = 800;\n  private static readonly TAB_LIST: ReadonlyArray<{\n    id: ThreadDetailsTab;\n    label: string;\n  }> = [\n    { id: \"conversation\", label: \"Conversation\" },\n    { id: \"agent-state\", label: \"Agent State\" },\n    { id: \"ag-ui-events\", label: \"AG-UI Events\" },\n  ];\n\n  private renderTabContent(id: ThreadDetailsTab): TemplateResult {\n    if (id === \"conversation\") return this.renderConversation();\n    if (id === \"agent-state\") return this.renderState();\n    return this.renderEvents();\n  }\n\n  private activateTab(id: ThreadDetailsTab): void {\n    if (this._tab === id) return;\n    const isFirstActivation = !this._activatedTabs.has(id);\n    this._tab = id;\n    if (isFirstActivation) {\n      // First time opening this tab: paint a \"Loading…\" overlay for one\n      // frame so the tab highlight + spinner appear before the heavy\n      // per-tab render runs (events list, state JSON). The rAF batches\n      // mounting the panel into `_activatedTabs` and clearing the spinner\n      // into a single subsequent paint. Subsequent activations are pure\n      // CSS toggles via display:none on the already-mounted panel — no\n      // re-render required.\n      this._panelInitializing = true;\n      requestAnimationFrame(() => {\n        this._activatedTabs = new Set([...this._activatedTabs, id]);\n        this._panelInitializing = false;\n      });\n    }\n    this.maybeFetchTabData(id);\n  }\n\n  private maybeFetchTabData(id: ThreadDetailsTab): void {\n    // Lazy-trigger the events / state fetches so their (potentially huge)\n    // JSON.parse only blocks the main thread after the user has shown\n    // intent to view that sub-tab. Without lazy-load, the eager fetch runs\n    // as soon as the thread opens and a single large response can stall\n    // the entire panel for seconds — including making the tab buttons\n    // themselves feel unresponsive.\n    if (!this.threadId) return;\n    if (id === \"ag-ui-events\" && !this._eventsFetched) {\n      this._eventsFetched = true;\n      void this.fetchEvents(this.threadId);\n    } else if (id === \"agent-state\" && !this._stateFetched) {\n      this._stateFetched = true;\n      void this.fetchState(this.threadId);\n    }\n  }\n\n  static styles = css`\n    @import url(\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&family=Spline+Sans+Mono:wght@400;500&display=swap\");\n\n    /* ── Root ────────────────────────────────────────────────────────── */\n    :host {\n      display: flex;\n      flex-direction: row;\n      overflow: hidden;\n    }\n\n    .cpk-td {\n      font-family: \"Plus Jakarta Sans\", sans-serif;\n      font-size: 13px;\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      background: #ffffff;\n    }\n\n    /* ── Left area ───────────────────────────────────────────────────── */\n    .cpk-td__left {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    /* ── Tab bar header ──────────────────────────────────────────────── */\n    .cpk-td__tabs-header {\n      /* No top/right padding so tabs and toggle sit flush against the\n         top and right edges of the inspector. */\n      padding: 0 0 0 12px;\n      border-bottom: 1px solid #dbdbe5;\n      flex-shrink: 0;\n      display: flex;\n      align-items: stretch;\n    }\n\n    .cpk-td__tab-group {\n      display: flex;\n      gap: 0;\n      margin-bottom: -1px;\n      /* Allow the tab list to shrink rather than pushing the panel-toggle\n         button past the right edge of the inspector when horizontal space\n         gets tight (the drawer being open eats noticeably into width). */\n      min-width: 0;\n      flex-shrink: 1;\n      overflow: hidden;\n    }\n\n    .cpk-td__tab {\n      font-family: \"Plus Jakarta Sans\", sans-serif;\n      font-size: 11px;\n      font-weight: 500;\n      padding: 10px 12px;\n      border: none;\n      border-bottom: 2px solid transparent;\n      cursor: pointer;\n      background: transparent;\n      color: #838389;\n      transition:\n        color 0.12s,\n        border-color 0.12s;\n      white-space: nowrap;\n    }\n\n    .cpk-td__tab:hover {\n      color: #010507;\n    }\n\n    .cpk-td__tab--active {\n      color: #010507;\n      border-bottom-color: #bec2ff;\n    }\n\n    /* Toggle is a separate control, not a tab — so it does NOT use the\n       tabs' bottom-border active indicator. Instead, a subtle filled\n       state communicates \"the drawer is open,\" and a vertical separator\n       on the left visually divorces it from the tab group. */\n    .cpk-td__panel-toggle {\n      margin-left: auto;\n      align-self: stretch;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0 12px;\n      border: none;\n      border-left: 1px solid #dbdbe5;\n      background: transparent;\n      color: #838389;\n      cursor: pointer;\n      flex-shrink: 0;\n      transition:\n        color 0.12s,\n        background 0.12s;\n    }\n    .cpk-td__panel-toggle:hover {\n      color: #010507;\n      background: #f4f4f9;\n    }\n    .cpk-td__panel-toggle--active {\n      color: #5558b2;\n      background: #eee6fe;\n    }\n    .cpk-td__panel-toggle--active:hover {\n      background: #e4d8fc;\n    }\n\n    /* ── Scrollable content ──────────────────────────────────────────── */\n    .cpk-td__content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    /* Pin direct children so expanded tool bodies don't get flex-shrunk. */\n    .cpk-td__content > * {\n      flex-shrink: 0;\n    }\n\n    /*\n     * Each tab's content is wrapped in this panel so the keep-mounted\n     * inactive panels can be hidden via display:none without disturbing\n     * the gap between visible siblings. The flex column + gap gives each\n     * conversation item / event row breathing room (the cpk-td__content\n     * rule above no longer reaches them now that they are nested inside\n     * the per-panel wrapper).\n     */\n    .cpk-td__panel {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    .cpk-td__panel > * {\n      flex-shrink: 0;\n    }\n\n    /* ── Empty state ─────────────────────────────────────────────────── */\n    .cpk-td__empty-state {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      color: #838389;\n      font-size: 13px;\n      padding: 40px 0;\n    }\n\n    .cpk-td__empty-hint {\n      font-size: 11px;\n      color: #838389;\n      text-align: center;\n      max-width: 220px;\n      line-height: 1.5;\n    }\n\n    /* ── Status messages ─────────────────────────────────────────────── */\n    .cpk-td__status {\n      padding: 16px;\n      font-size: 12px;\n      color: #838389;\n      text-align: center;\n    }\n\n    .cpk-td__status--error {\n      color: #c0333a;\n    }\n\n    /* ── Conversation bubbles ────────────────────────────────────────── */\n    .cpk-td__bubble {\n      display: flex;\n      margin-bottom: 2px;\n    }\n\n    .cpk-td__bubble--user {\n      justify-content: flex-end;\n    }\n\n    .cpk-td__bubble--assistant {\n      justify-content: flex-start;\n    }\n\n    .cpk-td__bubble-inner {\n      padding: 9px 14px;\n      max-width: 75%;\n      font-size: 13px;\n      line-height: 1.55;\n    }\n\n    .cpk-td__bubble-inner--user {\n      background: #eee6fe;\n      color: #57575b;\n      border-radius: 10px 10px 3px 10px;\n    }\n\n    .cpk-td__show-more {\n      display: inline-block;\n      margin-top: 4px;\n      font-size: 11px;\n      font-weight: 500;\n      color: #57575b;\n      cursor: pointer;\n      text-decoration: underline;\n      text-underline-offset: 2px;\n    }\n\n    .cpk-td__bubble-inner--assistant {\n      background: #f7f7f9;\n      color: #010507;\n      border-radius: 10px 10px 10px 3px;\n      border: 1px solid #e9e9ef;\n    }\n\n    /* ── Tool call blocks ────────────────────────────────────────────── */\n    .cpk-td__tool-block {\n      border: 1px solid #e9e9ef;\n      border-radius: 6px;\n      overflow: hidden;\n    }\n\n    .cpk-td__tool-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 10px;\n      background: rgba(133, 236, 206, 0.15);\n      cursor: pointer;\n      font-size: 11px;\n      user-select: none;\n    }\n\n    .cpk-td__tool-header:hover {\n      background: rgba(133, 236, 206, 0.22);\n    }\n\n    .cpk-td__tool-name {\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 10px;\n      font-weight: 500;\n      color: #189370;\n      text-transform: uppercase;\n      flex: 1;\n    }\n\n    .cpk-td__tool-status {\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 9px;\n      text-transform: uppercase;\n      color: #189370;\n    }\n\n    .cpk-td__tool-status--pending {\n      color: #996300;\n    }\n\n    .cpk-td__tool-chevron {\n      color: #838389;\n      font-size: 10px;\n    }\n\n    .cpk-td__tool-body {\n      padding: 8px 10px;\n      border-top: 1px solid #e9e9ef;\n      background: #ffffff;\n    }\n\n    .cpk-td__tool-section-label {\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 9px;\n      font-weight: 500;\n      color: #838389;\n      text-transform: uppercase;\n      margin-bottom: 4px;\n      letter-spacing: 0.3px;\n    }\n\n    .cpk-td__tool-pre {\n      margin: 0;\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 10px;\n      background: #f7f7f9;\n      padding: 6px 8px;\n      border-radius: 4px;\n      overflow-x: auto;\n      white-space: pre-wrap;\n      word-break: break-all;\n      color: #010507;\n      line-height: 1.6;\n    }\n\n    /* ── Tool call group ─────────────────────────────────────────────── */\n    .cpk-td__tool-group {\n      border: 1px solid #e9e9ef;\n      border-radius: 6px;\n      overflow: hidden;\n    }\n\n    .cpk-td__tool-group-header {\n      padding: 5px 10px;\n      background: rgba(133, 236, 206, 0.15);\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 10px;\n      color: #189370;\n      text-transform: uppercase;\n      font-weight: 500;\n      border-bottom: 1px solid #e9e9ef;\n    }\n\n    .cpk-td__tool-group .cpk-td__tool-block {\n      border: none;\n      border-bottom: 1px solid #e9e9ef;\n      border-radius: 0;\n    }\n\n    .cpk-td__tool-group .cpk-td__tool-block:last-child {\n      border-bottom: none;\n    }\n\n    /* ── Inline chips (reasoning / state update) ─────────────────────── */\n    .cpk-td__inline-chip {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 5px 0;\n      color: #838389;\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 9px;\n      text-transform: uppercase;\n    }\n\n    .cpk-td__inline-chip::before,\n    .cpk-td__inline-chip::after {\n      content: \"\";\n      flex: 1;\n      height: 1px;\n      background: #e9e9ef;\n    }\n\n    /* ── Generative UI ──────────────────────────────────────────────── */\n    @keyframes cpk-genui-enter {\n      from {\n        opacity: 0;\n        transform: translateY(8px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .cpk-td__genui {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 4px 16px 8px;\n      animation: cpk-genui-enter 0.25s cubic-bezier(0.16, 1, 0.3, 1) both;\n    }\n\n    .cpk-td__genui-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: #eee6fe;\n      color: #57575b;\n      font-size: 10px;\n      font-weight: 600;\n      align-self: flex-start;\n    }\n\n    .cpk-td__genui-card {\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      background: #fff;\n      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);\n    }\n\n    .cpk-td__genui-placeholder {\n      padding: 8px 12px;\n      border-radius: 8px;\n      border: 1px solid #ede9fe;\n      background: #f5f3ff;\n      color: #7c3aed;\n      font-size: 11px;\n    }\n\n    /* ── AG-UI Events ────────────────────────────────────────────────── */\n    .cpk-td__event {\n      flex-shrink: 0;\n      border: 1px solid #e9e9ef;\n      border-radius: 6px;\n      overflow: hidden;\n      /*\n       * content-visibility: auto lets the browser skip layout + paint for\n       * off-screen events while keeping them in the DOM (so scroll size\n       * stays correct). Without this, switching back to AG-UI Events on a\n       * thread with hundreds of events triggers a full layout pass over\n       * every event row, which on Martha's intelligence-backed example\n       * shows up as a multi-second freeze each time the panel becomes\n       * visible. The intrinsic-size hint avoids the visible jump as the\n       * browser swaps in real heights when items scroll into view.\n       */\n      content-visibility: auto;\n      contain-intrinsic-size: 0 80px;\n    }\n\n    .cpk-td__event-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 5px 10px;\n    }\n\n    .cpk-td__event-type {\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 9px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    .cpk-td__event-time {\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 9px;\n      color: #838389;\n    }\n\n    .cpk-td__event-payload {\n      margin: 0;\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 10px;\n      line-height: 1.6;\n      white-space: pre-wrap;\n      word-break: break-all;\n      color: #57575b;\n      padding: 8px 10px;\n      border-top: 1px solid #e9e9ef;\n    }\n\n    /* ── JSON block (agent state) ────────────────────────────────────── */\n    .cpk-td__json-block {\n      margin: 0;\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 11px;\n      line-height: 1.8;\n      white-space: pre-wrap;\n      word-break: break-all;\n      color: #57575b;\n    }\n\n    /* ── Resize divider ──────────────────────────────────────────────── */\n    /* Floats over the drawer's left edge so the toggle and the drawer\n       touch directly without a 4px flex-gap between them. The hit zone\n       is wider than its visual hint to make it easy to grab. */\n    .cpk-td__detail-divider {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: -3px;\n      width: 7px;\n      cursor: col-resize;\n      background: transparent;\n      z-index: 5;\n    }\n\n    .cpk-td__detail-divider:hover {\n      background: rgba(190, 194, 255, 0.3);\n    }\n\n    /* ── Right detail panel ──────────────────────────────────────────── */\n    .cpk-td__detail {\n      flex-shrink: 0;\n      overflow: hidden;\n      background: #f7f7f9;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      padding: 0;\n      box-sizing: border-box;\n      position: relative;\n      /* Slide open/closed via width + padding transition. When closed,\n         width and padding are 0 so the drawer fully collapses. */\n      transition:\n        width 220ms cubic-bezier(0.4, 0, 0.2, 1),\n        padding 220ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .cpk-td__detail[data-open=\"true\"] {\n      overflow-y: auto;\n      padding: 16px;\n    }\n\n    .cpk-tdp__section-title {\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 10px;\n      font-weight: 500;\n      color: #838389;\n      text-transform: uppercase;\n      letter-spacing: 0.6px;\n      margin-bottom: 8px;\n    }\n\n    .cpk-tdp__divider {\n      height: 1px;\n      background: #dbdbe5;\n      margin: 14px 0;\n    }\n\n    .cpk-tdp__row {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      padding: 3px 0;\n      gap: 8px;\n    }\n\n    .cpk-tdp__label {\n      color: #838389;\n      font-size: 11px;\n      white-space: nowrap;\n      flex-shrink: 0;\n    }\n\n    .cpk-tdp__value {\n      color: #010507;\n      font-family: \"Spline Sans Mono\", monospace;\n      font-size: 11px;\n      text-align: right;\n      min-width: 0;\n    }\n\n    .cpk-tdp__value--truncate {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 130px;\n    }\n\n    .cpk-tdp__value--wrap {\n      white-space: normal;\n      word-break: break-all;\n      text-align: right;\n    }\n  `;\n\n  updated(_changed: Map<string, unknown>): void {\n    if (this.threadId !== this._lastFetchedThreadId) {\n      this._lastFetchedThreadId = this.threadId;\n      this._lastSeenLiveMessageVersion = this.liveMessageVersion;\n      this._tab = \"conversation\";\n      this._activatedTabs = new Set([\"conversation\"]);\n      this._panelTplCache = new Map();\n      this._expandedTools = new Set();\n      this._expandedMessages = new Set();\n      this._messagesAbort?.abort();\n      this._messagesAbort = null;\n      this._eventsAbort?.abort();\n      this._eventsAbort = null;\n      this._stateAbort?.abort();\n      this._stateAbort = null;\n      // Reset cleared so the next click into events/state triggers a fresh\n      // fetch. Eagerly clear `_fetchedEvents` / `_fetchedState` so the empty\n      // state doesn't briefly show last thread's data.\n      this._eventsFetched = false;\n      this._stateFetched = false;\n      this._fetchedEvents = null;\n      this._fetchedState = null;\n\n      if (this.threadId) {\n        // Conversation is the default tab and shows immediately on thread\n        // open, so fetch eagerly. Events and state are only visible once the\n        // user clicks their sub-tab; deferring those fetches prevents a long\n        // JSON.parse of a large events payload from blocking the main thread\n        // before the user has even shown intent to view them.\n        void this.fetchMessages(this.threadId);\n      } else {\n        this._conversation = [];\n      }\n    } else if (\n      this.threadId &&\n      this.liveMessageVersion !== this._lastSeenLiveMessageVersion\n    ) {\n      // Same thread, but the parent inspector signalled new agent-emitted\n      // messages on this thread (via `liveMessageVersion`). Re-fetch the\n      // canonical conversation from the runtime so streaming output flows\n      // into the view without us reimplementing AG-UI → ConversationItem\n      // mapping in the parent. `silent: true` so the loading-state indicator\n      // doesn't flash between every streaming chunk and we keep the\n      // last-good view on transient fetch errors.\n      this._lastSeenLiveMessageVersion = this.liveMessageVersion;\n      this._messagesAbort?.abort();\n      this._messagesAbort = null;\n      void this.fetchMessages(this.threadId, true);\n    }\n  }\n\n  /**\n   * Fetch the canonical conversation for `threadId` from the runtime.\n   *\n   * `silent` is true for live re-fetches triggered by `liveMessageVersion`\n   * bumps during streaming. In that mode we never toggle the loading state\n   * (which would flash \"Loading messages…\" between every message) and we\n   * keep the previous conversation on transient errors instead of blanking\n   * it. Initial threadId-change fetches use the default (`silent=false`)\n   * so users see an explicit loading indicator on first load.\n   */\n  private async fetchMessages(\n    threadId: string,\n    silent: boolean = false,\n  ): Promise<void> {\n    if (!this.runtimeUrl) {\n      if (!silent) this._conversation = [];\n      return;\n    }\n    const controller = new AbortController();\n    this._messagesAbort = controller;\n    if (!silent) {\n      this._loadingMessages = true;\n      this._messagesError = null;\n    }\n    try {\n      const res = await fetch(\n        `${this.runtimeUrl}/threads/${encodeURIComponent(threadId)}/messages`,\n        { headers: { ...this.headers }, signal: controller.signal },\n      );\n      if (controller.signal.aborted || this.threadId !== threadId) return;\n      if (!res.ok) throw new Error(`HTTP ${res.status}`);\n      const data = (await res.json()) as { messages: ApiThreadMessage[] };\n      if (controller.signal.aborted || this.threadId !== threadId) return;\n      this._conversation = this.mapMessages(data.messages);\n    } catch (err) {\n      if (err instanceof Error && err.name === \"AbortError\") return;\n      if (!silent) {\n        this._messagesError =\n          err instanceof Error ? err.message : \"Failed to load messages\";\n        this._conversation = [];\n      }\n      // Silent mode: keep last-good conversation, don't surface the error.\n      // The next successful live re-fetch will recover automatically.\n    } finally {\n      if (!silent && !controller.signal.aborted) {\n        this._loadingMessages = false;\n      }\n    }\n  }\n\n  private async fetchEvents(threadId: string): Promise<void> {\n    this._eventsNotAvailable = false;\n    if (!this.runtimeUrl) {\n      this._fetchedEvents = null;\n      return;\n    }\n    const controller = new AbortController();\n    this._eventsAbort = controller;\n    this._loadingEvents = true;\n    this._eventsError = null;\n    try {\n      const res = await fetch(\n        `${this.runtimeUrl}/threads/${encodeURIComponent(threadId)}/events`,\n        { headers: { ...this.headers }, signal: controller.signal },\n      );\n      // Drop results if a newer fetch superseded this one (thread switched\n      // mid-flight). Without this, switching A→B can leave thread B's view\n      // showing thread A's events when A's request resolves last.\n      if (controller.signal.aborted || this.threadId !== threadId) return;\n      if (res.status === 501) {\n        // Endpoint not supported on this runtime (e.g. Intelligence platform).\n        // Mark unavailable so we don't misleadingly fall back to the parent's\n        // live agent events — those are agent-keyed, not thread-keyed, and\n        // would render identical across every thread on the same agent.\n        this._eventsNotAvailable = true;\n        this._fetchedEvents = null;\n        return;\n      }\n      if (!res.ok) throw new Error(`HTTP ${res.status}`);\n      const data = (await res.json()) as {\n        events: Array<Record<string, unknown>>;\n      };\n      if (controller.signal.aborted || this.threadId !== threadId) return;\n      this._fetchedEvents = this.mapApiEvents(data.events);\n    } catch (err) {\n      if (err instanceof Error && err.name === \"AbortError\") return;\n      if (this.threadId !== threadId) return;\n      this._eventsError =\n        err instanceof Error ? err.message : \"Failed to load events\";\n      this._fetchedEvents = [];\n    } finally {\n      if (!controller.signal.aborted && this.threadId === threadId) {\n        this._loadingEvents = false;\n      }\n    }\n  }\n\n  private async fetchState(threadId: string): Promise<void> {\n    this._stateNotAvailable = false;\n    if (!this.runtimeUrl) {\n      this._fetchedState = null;\n      return;\n    }\n    const controller = new AbortController();\n    this._stateAbort = controller;\n    this._loadingState = true;\n    this._stateError = null;\n    try {\n      const res = await fetch(\n        `${this.runtimeUrl}/threads/${encodeURIComponent(threadId)}/state`,\n        { headers: { ...this.headers }, signal: controller.signal },\n      );\n      if (controller.signal.aborted || this.threadId !== threadId) return;\n      if (res.status === 501) {\n        this._stateNotAvailable = true;\n        this._fetchedState = null;\n        return;\n      }\n      if (!res.ok) throw new Error(`HTTP ${res.status}`);\n      const data = (await res.json()) as {\n        state: Record<string, unknown> | null;\n      };\n      if (controller.signal.aborted || this.threadId !== threadId) return;\n      this._fetchedState = data.state ?? null;\n    } catch (err) {\n      if (err instanceof Error && err.name === \"AbortError\") return;\n      if (this.threadId !== threadId) return;\n      this._stateError =\n        err instanceof Error ? err.message : \"Failed to load state\";\n      this._fetchedState = null;\n    } finally {\n      if (!controller.signal.aborted && this.threadId === threadId) {\n        this._loadingState = false;\n      }\n    }\n  }\n\n  private mapMessages(messages: ApiThreadMessage[]): ConversationItem[] {\n    const items: ConversationItem[] = [];\n    const toolCallMap = new Map<string, ConversationToolCall>();\n    for (const msg of messages) {\n      if (msg.role === \"user\" && msg.content) {\n        items.push({\n          id: msg.id,\n          type: \"user\",\n          content: msg.content,\n          createdAt: \"\",\n        });\n      } else if (msg.role === \"assistant\") {\n        if (msg.toolCalls?.length) {\n          for (const tc of msg.toolCalls) {\n            let args: Record<string, unknown> = {};\n            try {\n              args = JSON.parse(tc.args) as Record<string, unknown>;\n            } catch (err) {\n              // Inspector is a debugging surface — surface malformed payloads\n              // instead of silently substituting `{}`. The sentinel lets the\n              // renderer flag \"raw arguments — failed to parse\" if/when it\n              // grows that branch; the console.error gives anyone with the\n              // devtools open immediate visibility into the offending blob.\n              console.error(\n                \"[CopilotKit Inspector] Failed to parse tool-call arguments\",\n                { toolCallId: tc.id, raw: tc.args, error: err },\n              );\n              args = { __parseError: true, __raw: tc.args };\n            }\n            const item: ConversationToolCall = {\n              id: tc.id,\n              type: \"tool_call\",\n              toolName: tc.name,\n              toolCallId: tc.id,\n              arguments: args,\n              result: null,\n              createdAt: \"\",\n            };\n            toolCallMap.set(tc.id, item);\n            items.push(item);\n          }\n        }\n        if (msg.content) {\n          items.push({\n            id: msg.id,\n            type: \"assistant\",\n            content: msg.content,\n            createdAt: \"\",\n          });\n        }\n      } else if (msg.role === \"activity\") {\n        items.push({\n          id: msg.id,\n          type: \"generative-ui\",\n          activityType: msg.activityType ?? \"unknown\",\n          createdAt: \"\",\n        });\n      } else if (msg.role === \"tool\" && msg.toolCallId) {\n        const tc = toolCallMap.get(msg.toolCallId);\n        if (tc) {\n          try {\n            tc.result = JSON.parse(msg.content ?? \"{}\") as Record<\n              string,\n              unknown\n            >;\n          } catch (err) {\n            // See the comment on the assistant tool-call args parse above —\n            // same rationale, same sentinel shape so the renderer can treat\n            // both consistently.\n            console.error(\n              \"[CopilotKit Inspector] Failed to parse tool-call result content\",\n              { toolCallId: msg.toolCallId, raw: msg.content, error: err },\n            );\n            tc.result = { __parseError: true, __raw: msg.content ?? null };\n          }\n        }\n      }\n    }\n    return items;\n  }\n\n  private mapApiEvents(\n    events: Array<Record<string, unknown>>,\n  ): ApiAgentEvent[] {\n    return events.map((event) => {\n      const { type, timestamp, ...rest } = event;\n      return {\n        type: typeof type === \"string\" ? type : \"UNKNOWN\",\n        timestamp:\n          typeof timestamp === \"string\" || typeof timestamp === \"number\"\n            ? timestamp\n            : Date.now(),\n        payload: rest,\n      };\n    });\n  }\n\n  private get renderItems(): RenderItem[] {\n    const items = this._conversation;\n    const result: RenderItem[] = [];\n    const seen = new Set<string>();\n    for (const item of items) {\n      if (item.type === \"agent_responded\") continue;\n      if (item.type !== \"tool_call\" || !item.groupId) {\n        result.push(item);\n        continue;\n      }\n      if (seen.has(item.groupId)) continue;\n      seen.add(item.groupId);\n      const group: ToolCallGroup = {\n        type: \"tool_call_group\",\n        id: item.groupId,\n        items: items.filter(\n          (i): i is ConversationToolCall =>\n            i.type === \"tool_call\" && i.groupId === item.groupId,\n        ),\n      };\n      result.push(group);\n    }\n    return result;\n  }\n\n  private get activityCounts(): {\n    messages: number;\n    toolCalls: number;\n    generativeUi: number;\n  } {\n    let messages = 0;\n    let toolCalls = 0;\n    let generativeUi = 0;\n    for (const item of this._conversation) {\n      if (item.type === \"user\" || item.type === \"assistant\") messages++;\n      if (item.type === \"tool_call\") toolCalls++;\n      if (item.type === \"generative-ui\") generativeUi++;\n    }\n    return { messages, toolCalls, generativeUi };\n  }\n\n  private get duration(): string {\n    const t = this.thread;\n    if (!t?.createdAt || !t?.updatedAt) return \"—\";\n    const ms =\n      new Date(t.updatedAt).getTime() - new Date(t.createdAt).getTime();\n    if (ms < 0) return \"—\";\n    if (ms < 1000) return `${ms}ms`;\n    const s = Math.floor(ms / 1000);\n    if (s < 60) return `${s}s`;\n    const m = Math.floor(s / 60);\n    const rs = s % 60;\n    return `${m}m ${rs}s`;\n  }\n\n  private toggleToolExpand(id: string): void {\n    const next = new Set(this._expandedTools);\n    if (next.has(id)) next.delete(id);\n    else next.add(id);\n    this._expandedTools = next;\n  }\n\n  private toggleMessageExpand(id: string): void {\n    const next = new Set(this._expandedMessages);\n    if (next.has(id)) next.delete(id);\n    else next.add(id);\n    this._expandedMessages = next;\n  }\n\n  private get activeEvents(): ApiAgentEvent[] {\n    // When the endpoint explicitly returned 501 we report no events rather\n    // than leaking the parent's agent-keyed live events across historical\n    // threads (those would render identically for every thread on the same\n    // agent and mislead the reader).\n    if (this._eventsNotAvailable) return [];\n    return this._fetchedEvents ?? this.agentEventsInput ?? [];\n  }\n\n  private get activeState(): Record<string, unknown> | null {\n    if (this._stateNotAvailable) return null;\n    return this._fetchedState ?? this.agentStateInput ?? null;\n  }\n\n  private hasRenderableState(): boolean {\n    const s = this.activeState;\n    return !!s && typeof s === \"object\" && Object.keys(s).length > 0;\n  }\n\n  private shortId(id: string | null | undefined): string {\n    if (!id) return \"—\";\n    return id.length > 20 ? id.slice(0, 8) + \"…\" : id;\n  }\n\n  private fmtTime(dateStr: string | null | undefined): string {\n    if (!dateStr) return \"—\";\n    const d = new Date(dateStr);\n    if (Number.isNaN(d.getTime())) return \"—\";\n    return d.toLocaleTimeString(\"en-US\", {\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n      second: \"2-digit\",\n      hour12: false,\n    });\n  }\n\n  private onDetailDividerDown = (event: PointerEvent): void => {\n    this._dividerResizing = true;\n    this._dividerPointerId = event.pointerId;\n    this._dividerStartX = event.clientX;\n    this._dividerStartWidth = this._detailPanelWidth;\n    (event.currentTarget as HTMLElement).setPointerCapture(event.pointerId);\n    event.preventDefault();\n  };\n\n  private onDetailDividerMove = (event: PointerEvent): void => {\n    if (!this._dividerResizing || this._dividerPointerId !== event.pointerId)\n      return;\n    const delta = this._dividerStartX - event.clientX;\n    this._detailPanelWidth = Math.max(\n      160,\n      Math.min(400, this._dividerStartWidth + delta),\n    );\n  };\n\n  private onDetailDividerUp = (event: PointerEvent): void => {\n    if (this._dividerPointerId !== event.pointerId) return;\n    const target = event.currentTarget as HTMLElement;\n    if (target.hasPointerCapture(this._dividerPointerId)) {\n      target.releasePointerCapture(this._dividerPointerId);\n    }\n    this._dividerResizing = false;\n  };\n\n  render() {\n    return html`\n      <div class=\"cpk-td\">\n        <!-- ── Left area: tabs + content ─────────────────────────────────── -->\n        <div class=\"cpk-td__left\">\n          <!-- Tab bar -->\n          <div class=\"cpk-td__tabs-header\">\n            <div class=\"cpk-td__tab-group\" role=\"tablist\">\n              ${ɵCpkThreadDetails.TAB_LIST.map(\n                (tab) => html`\n                  <button\n                    role=\"tab\"\n                    class=\"cpk-td__tab ${\n                      this._tab === tab.id ? \"cpk-td__tab--active\" : \"\"\n                    }\"\n                    @click=${() => this.activateTab(tab.id)}\n                  >\n                    ${tab.label}\n                  </button>\n                `,\n              )}\n            </div>\n            ${this.renderPanelToggle()}\n          </div>\n\n          <!-- Scrollable content -->\n          <div class=\"cpk-td__content\">\n            ${\n              this._panelInitializing\n                ? html`\n                    <div class=\"cpk-td__status\">Loading…</div>\n                  `\n                : nothing\n            }\n            ${ɵCpkThreadDetails.TAB_LIST.map((tab) =>\n              this._activatedTabs.has(tab.id)\n                ? html`<div\n                      class=\"cpk-td__panel\"\n                      style=${\n                        this._tab === tab.id && !this._panelInitializing\n                          ? \"\"\n                          : \"display:none\"\n                      }\n                    >\n                      ${this.renderTabContent(tab.id)}\n                    </div>`\n                : nothing,\n            )}\n          </div>\n        </div>\n\n        <!--\n          Drawer always rendered so width animates between 0 and its\n          target. Divider lives INSIDE the drawer and is absolutely\n          positioned over its left edge so the toggle (rightmost of the\n          tab row) and the drawer touch with no flex-gap between them.\n        -->\n        <div\n          class=\"cpk-td__detail\"\n          data-open=${this._showDetailPanel ? \"true\" : \"false\"}\n          style=\"width:${this._showDetailPanel ? this._detailPanelWidth : 0}px\"\n          aria-hidden=${this._showDetailPanel ? \"false\" : \"true\"}\n        >\n          ${\n            this._showDetailPanel\n              ? html`\n                <div\n                  class=\"cpk-td__detail-divider\"\n                  @pointerdown=${this.onDetailDividerDown}\n                  @pointermove=${this.onDetailDividerMove}\n                  @pointerup=${this.onDetailDividerUp}\n                  @pointercancel=${this.onDetailDividerUp}\n                ></div>\n              `\n              : nothing\n          }\n          ${this.renderDetailPanel()}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderConversation() {\n    if (this._loadingMessages) {\n      return html`\n        <div class=\"cpk-td__status\">Loading messages…</div>\n      `;\n    }\n    if (this._messagesError) {\n      return html`<div class=\"cpk-td__status cpk-td__status--error\">\n        ${this._messagesError}\n      </div>`;\n    }\n    if (this._conversation.length === 0) {\n      return html`\n        <div class=\"cpk-td__empty-state\">\n          <svg\n            width=\"28\"\n            height=\"28\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n          </svg>\n          <span>No messages yet</span>\n        </div>\n      `;\n    }\n    // Expand state is part of the cache key because clicking a tool-call\n    // header or the \"Show more\" button on a long message replaces\n    // `_expandedTools` / `_expandedMessages` without touching\n    // `_conversation` — without those keys the cache returns the\n    // pre-toggle template and the disclosure appears broken.\n    return this.cachedPanelTpl(\n      \"conversation\",\n      [this._conversation, this._expandedTools, this._expandedMessages],\n      () => {\n        const items = this.renderItems;\n        return html`${items.map((item) => this.renderRenderItem(item))}`;\n      },\n    );\n  }\n\n  /**\n   * Memoize the rendered TemplateResult for `slot` keyed by tuple\n   * element-wise reference equality. The hot path for tab switches: when\n   * the underlying data hasn't changed, return the previously built\n   * TemplateResult so Lit's diff short-circuits. Each panel's `key` is\n   * the tuple of inputs the template reads — pass everything the template\n   * depends on, or the cache will return stale output when those inputs\n   * change without the listed key flipping.\n   */\n  private cachedPanelTpl(\n    slot: ThreadDetailsTab,\n    key: readonly unknown[],\n    build: () => TemplateResult,\n  ): TemplateResult {\n    const cached = this._panelTplCache.get(slot);\n    if (\n      cached &&\n      cached.key.length === key.length &&\n      cached.key.every((v, i) => v === key[i])\n    ) {\n      return cached.tpl;\n    }\n    const tpl = build();\n    this._panelTplCache.set(slot, { key, tpl });\n    return tpl;\n  }\n\n  private renderRenderItem(item: RenderItem) {\n    switch (item.type) {\n      case \"user\":\n      case \"assistant\":\n        return this.renderBubble(item);\n      case \"tool_call\":\n        return this.renderToolBlock(item);\n      case \"tool_call_group\":\n        return this.renderToolGroup(item);\n      case \"reasoning\":\n        return html`<div class=\"cpk-td__inline-chip\">\n          <span>Reasoned for ${item.duration}</span>\n        </div>`;\n      case \"state_update\":\n        return html`\n          <div class=\"cpk-td__inline-chip\">\n            <span>Updated agent state</span>\n          </div>\n        `;\n      case \"generative-ui\":\n        return this.renderGenerativeUI(item);\n      case \"agent_responded\":\n        return nothing;\n    }\n  }\n\n  private renderBubble(item: ConversationUser | ConversationAssistant) {\n    const isUser = item.type === \"user\";\n    const threshold = ɵCpkThreadDetails.COLLAPSE_THRESHOLD;\n    const expanded = this._expandedMessages.has(item.id);\n    const tooLong = item.content.length > threshold;\n    const shown =\n      tooLong && !expanded\n        ? item.content.slice(0, threshold) + \"…\"\n        : item.content;\n    return html`\n      <div\n        class=\"cpk-td__bubble ${\n          isUser ? \"cpk-td__bubble--user\" : \"cpk-td__bubble--assistant\"\n        }\"\n      >\n        <div\n          class=\"cpk-td__bubble-inner ${\n            isUser\n              ? \"cpk-td__bubble-inner--user\"\n              : \"cpk-td__bubble-inner--assistant\"\n          }\"\n        >\n          ${shown}\n          ${\n            tooLong\n              ? html`<span\n                class=\"cpk-td__show-more\"\n                @click=${() => this.toggleMessageExpand(item.id)}\n                >${expanded ? \"Show less\" : \"Show more\"}</span\n              >`\n              : nothing\n          }\n        </div>\n      </div>\n    `;\n  }\n\n  private renderToolBlock(item: ConversationToolCall) {\n    const expanded = this._expandedTools.has(item.id);\n    return html`\n      <div class=\"cpk-td__tool-block\">\n        <div\n          class=\"cpk-td__tool-header\"\n          @click=${() => this.toggleToolExpand(item.id)}\n        >\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\">\n            <path\n              d=\"M1 9C1 9 2 7 5 7C8 7 9 9 9 9M5 1C5 1 7 2.5 7 4.5C7 6.5 5 7 5 7C5 7 3 6.5 3 4.5C3 2.5 5 1 5 1Z\"\n              stroke=\"#189370\"\n              stroke-width=\"1.2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n          <span class=\"cpk-td__tool-name\">${item.toolName}</span>\n          ${\n            item.result || Object.keys(item.arguments).length > 0\n              ? html`\n                  <span class=\"cpk-td__tool-status\">DONE</span>\n                `\n              : html`\n                  <span class=\"cpk-td__tool-status cpk-td__tool-status--pending\">PENDING</span>\n                `\n          }\n          <span class=\"cpk-td__tool-chevron\">${expanded ? \"▾\" : \"▸\"}</span>\n        </div>\n        ${\n          expanded\n            ? html`\n              <div class=\"cpk-td__tool-body\">\n                <div class=\"cpk-td__tool-section-label\">Arguments</div>\n                <pre class=\"cpk-td__tool-pre\">\n${unsafeHTML(highlightedJson(item.arguments))}</pre\n                >\n                ${\n                  item.result\n                    ? html`\n                      <div\n                        class=\"cpk-td__tool-section-label\"\n                        style=\"margin-top:8px\"\n                      >\n                        Result\n                      </div>\n                      <pre class=\"cpk-td__tool-pre\">\n${unsafeHTML(highlightedJson(item.result))}</pre\n                      >\n                    `\n                    : nothing\n                }\n              </div>\n            `\n            : nothing\n        }\n      </div>\n    `;\n  }\n\n  private renderToolGroup(group: ToolCallGroup) {\n    return html`\n      <div class=\"cpk-td__tool-group\">\n        <div class=\"cpk-td__tool-group-header\">\n          ${group.items.length} tool call${group.items.length !== 1 ? \"s\" : \"\"}\n        </div>\n        ${group.items.map((tc) => this.renderToolBlock(tc))}\n      </div>\n    `;\n  }\n\n  private renderGenerativeUI(item: ConversationGenerativeUIItem) {\n    return html`\n      <div class=\"cpk-td__genui\">\n        <div class=\"cpk-td__genui-badge\">\n          <svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" />\n          </svg>\n          Generative UI\n        </div>\n        <div class=\"cpk-td__genui-placeholder\">\n          ${item.activityType} — rendered in chat\n        </div>\n      </div>\n    `;\n  }\n\n  private renderState() {\n    if (this._loadingState) {\n      return html`\n        <div class=\"cpk-td__status\">Loading state…</div>\n      `;\n    }\n    if (this._stateError) {\n      return html`<div class=\"cpk-td__status cpk-td__status--error\">\n        ${this._stateError}\n      </div>`;\n    }\n    if (this._stateNotAvailable) {\n      return html`\n        <div class=\"cpk-td__empty-state\">\n          <svg\n            width=\"28\"\n            height=\"28\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\" />\n            <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\" />\n            <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\" />\n          </svg>\n          <span>State history not available</span>\n          <span class=\"cpk-td__empty-hint\"\n            >This runtime doesn't yet expose per-thread agent state. Available when\n            running against the in-memory runner.</span\n          >\n        </div>\n      `;\n    }\n    if (!this.hasRenderableState()) {\n      return html`\n        <div class=\"cpk-td__empty-state\">\n          <svg\n            width=\"28\"\n            height=\"28\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\" />\n            <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\" />\n            <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\" />\n          </svg>\n          <span>No state captured</span>\n          <span class=\"cpk-td__empty-hint\"\n            >Emitted live from STATE_SNAPSHOT events.</span\n          >\n        </div>\n      `;\n    }\n    const stateValue = this.activeState;\n    return this.cachedPanelTpl(\"agent-state\", [stateValue], () => {\n      return html`<pre class=\"cpk-td__json-block\">\n${unsafeHTML(highlightedJson(stateValue))}</pre\n      >`;\n    });\n  }\n\n  private renderEvents() {\n    if (this._loadingEvents) {\n      return html`\n        <div class=\"cpk-td__status\">Loading events…</div>\n      `;\n    }\n    if (this._eventsError) {\n      return html`<div class=\"cpk-td__status cpk-td__status--error\">\n        ${this._eventsError}\n      </div>`;\n    }\n    if (this._eventsNotAvailable) {\n      return html`\n        <div class=\"cpk-td__empty-state\">\n          <span>Event history not available</span>\n          <span class=\"cpk-td__empty-hint\"\n            >This runtime doesn't yet expose per-thread AG-UI events. Available when\n            running against the in-memory runner.</span\n          >\n        </div>\n      `;\n    }\n    const events = this.activeEvents;\n    if (events.length === 0) {\n      return html`\n        <div class=\"cpk-td__empty-state\">\n          <span>No events captured</span>\n          <span class=\"cpk-td__empty-hint\"\n            >Events are recorded live. Run the agent to see them here.</span\n          >\n        </div>\n      `;\n    }\n    return this.cachedPanelTpl(\"ag-ui-events\", [events], () => {\n      return html`${events.map((event) => {\n        const { bg, fg } = eventColors(event.type);\n        return html`\n          <div class=\"cpk-td__event\">\n            <div class=\"cpk-td__event-header\" style=\"background:${bg}\">\n              <span class=\"cpk-td__event-type\" style=\"color:${fg}\"\n                >${event.type}</span\n              >\n              <span class=\"cpk-td__event-time\"\n                >${formatTimestamp(event.timestamp)}</span\n              >\n            </div>\n            <pre class=\"cpk-td__event-payload\">\n${unsafeHTML(highlightedJson(event.payload))}</pre\n            >\n          </div>\n        `;\n      })}`;\n    });\n  }\n\n  private renderPanelToggle() {\n    return html`\n      <button\n        class=\"cpk-td__panel-toggle ${\n          this._showDetailPanel ? \"cpk-td__panel-toggle--active\" : \"\"\n        }\"\n        @click=${() => {\n          this._showDetailPanel = !this._showDetailPanel;\n        }}\n        title=\"Toggle thread details\"\n        type=\"button\"\n      >\n        <svg\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        >\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" />\n          <line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"21\" />\n        </svg>\n      </button>\n    `;\n  }\n\n  private renderDetailPanel() {\n    const counts = this.activityCounts;\n    return html`\n      <!-- Thread -->\n      <div class=\"cpk-tdp__section-title\">Thread</div>\n      <div class=\"cpk-tdp__row\">\n        <span class=\"cpk-tdp__label\">ID</span>\n        <span class=\"cpk-tdp__value cpk-tdp__value--wrap\"\n          >${this.shortId(this.thread?.id)}</span\n        >\n      </div>\n      <div class=\"cpk-tdp__row\">\n        <span class=\"cpk-tdp__label\">Name</span>\n        <span class=\"cpk-tdp__value\">${this.thread?.name ?? \"—\"}</span>\n      </div>\n      <div class=\"cpk-tdp__row\">\n        <span class=\"cpk-tdp__label\">Agent</span>\n        <span class=\"cpk-tdp__value cpk-tdp__value--truncate\"\n          >${this.thread?.agentId ?? \"—\"}</span\n        >\n      </div>\n      <div class=\"cpk-tdp__row\">\n        <span class=\"cpk-tdp__label\">Created by</span>\n        <span class=\"cpk-tdp__value cpk-tdp__value--truncate\"\n          >${this.thread?.createdById ?? \"—\"}</span\n        >\n      </div>\n\n      <div class=\"cpk-tdp__divider\"></div>\n\n      <!-- Timestamps -->\n      <div class=\"cpk-tdp__section-title\">Timestamps</div>\n      <div class=\"cpk-tdp__row\">\n        <span class=\"cpk-tdp__label\">Created</span>\n        <span class=\"cpk-tdp__value\">${this.fmtTime(this.thread?.createdAt)}</span>\n      </div>\n      <div class=\"cpk-tdp__row\">\n        <span class=\"cpk-tdp__label\">Updated</span>\n        <span class=\"cpk-tdp__value\">${this.fmtTime(this.thread?.updatedAt)}</span>\n      </div>\n      <div class=\"cpk-tdp__row\">\n        <span class=\"cpk-tdp__label\">Duration</span>\n        <span class=\"cpk-tdp__value\">${this.duration}</span>\n      </div>\n\n      <div class=\"cpk-tdp__divider\"></div>\n\n      <!-- Activity -->\n      <div class=\"cpk-tdp__section-title\">Activity</div>\n      <div class=\"cpk-tdp__row\">\n        <span class=\"cpk-tdp__label\">Messages</span>\n        <span class=\"cpk-tdp__value\">${counts.messages}</span>\n      </div>\n      <div class=\"cpk-tdp__row\">\n        <span class=\"cpk-tdp__label\">Tool calls</span>\n        <span class=\"cpk-tdp__value\">${counts.toolCalls}</span>\n      </div>\n      <div class=\"cpk-tdp__row\">\n        <span class=\"cpk-tdp__label\">AG-UI events</span>\n        <span class=\"cpk-tdp__value\">${this.activeEvents.length}</span>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"cpk-thread-list\")) {\n  customElements.define(\"cpk-thread-list\", CpkThreadList);\n}\nif (!customElements.get(\"cpk-thread-details\")) {\n  customElements.define(\"cpk-thread-details\", ɵCpkThreadDetails);\n}\n\nexport class WebInspectorElement extends LitElement {\n  static properties = {\n    core: { attribute: false },\n    autoAttachCore: { type: Boolean, attribute: \"auto-attach-core\" },\n  } as const;\n\n  private _core: CopilotKitCore | null = null;\n  private coreSubscriber: CopilotKitCoreSubscriber | null = null;\n  private coreUnsubscribe: (() => void) | null = null;\n  private runtimeStatus: CopilotKitCoreRuntimeConnectionStatus | null = null;\n  private coreProperties: Readonly<Record<string, unknown>> = {};\n  private lastCoreError: {\n    code: CopilotKitCoreErrorCode;\n    message: string;\n  } | null = null;\n  private agentSubscriptions: Map<string, () => void> = new Map();\n  private agentEvents: Map<string, InspectorEvent[]> = new Map();\n  private agentMessages: Map<string, InspectorMessage[]> = new Map();\n  // Tracks which thread each agent is currently running on. Populated from the\n  // agent instance handed to `onAgentRunStarted` so that, when that agent\n  // subsequently emits message changes, we can bump the per-thread live\n  // version (below) only for the thread the messages actually belong to.\n  private agentRunThreadId: Map<string, string> = new Map();\n  // Per-thread monotonic version that ticks every time an agent currently\n  // running on that thread emits a message change. `cpk-thread-details`\n  // watches this prop and re-fetches `/threads/:id/messages` when it changes,\n  // which is how live updates flow into the conversation view without\n  // duplicating the runtime's message-shape conversion in the inspector.\n  private liveMessageVersion: Map<string, number> = new Map();\n  private agentStates: Map<string, SanitizedValue> = new Map();\n  private flattenedEvents: InspectorEvent[] = [];\n  private eventCounter = 0;\n  private contextStore: Record<\n    string,\n    { description?: string; value: unknown }\n  > = {};\n\n  private pointerId: number | null = null;\n  private dragStart: Position | null = null;\n  private dragOffset: Position = { x: 0, y: 0 };\n  private isDragging = false;\n  private pointerContext: ContextKey | null = null;\n  private isOpen = false;\n  private draggedDuringInteraction = false;\n  private ignoreNextButtonClick = false;\n  private selectedMenu: MenuKey = \"ag-ui-events\";\n  private selectedThreadId: string | null = null;\n  private threadListWidth = 290;\n  private threadDividerResizing = false;\n  private threadDividerPointerId = -1;\n  private threadDividerStartX = 0;\n  private threadDividerStartWidth = 0;\n  private _threads: ɵThread[] = [];\n  private _threadStoreSubscriptions: Map<string, () => void> = new Map();\n  private _threadsByAgent: Map<string, ɵThread[]> = new Map();\n  // Error from each agent's thread store (REST list rejection, Phoenix\n  // subscribe failure, retry exhaustion). When non-empty for the active\n  // selection, the threads view renders an error state instead of stale\n  // data with no indication.\n  private _threadsErrorByAgent: Map<string, Error> = new Map();\n  // Thread stores created and owned by the inspector (keyed by agentId)\n  private _ownedThreadStores: Map<string, ɵThreadStore> = new Map();\n  private contextMenuOpen = false;\n  private dockMode: DockMode = \"floating\";\n  private previousBodyMargins: { left: string; bottom: string } | null = null;\n  private transitionTimeoutId: ReturnType<typeof setTimeout> | null = null;\n  private bodyTransitionTimeoutIds: Set<ReturnType<typeof setTimeout>> =\n    new Set();\n  private pendingSelectedContext: string | null = null;\n  private autoAttachCore = true;\n  private attemptedAutoAttach = false;\n  private cachedTools: InspectorToolDefinition[] = [];\n  private toolSignature = \"\";\n  private eventFilterText = \"\";\n  private eventTypeFilter: InspectorAgentEventType | \"all\" = \"all\";\n  // Column widths for the AG-UI events table (agent, time, event-type; last col is auto)\n  private evtColWidths = [100, 80, 150];\n  private _evtColResize: {\n    col: number;\n    startX: number;\n    startW: number;\n  } | null = null;\n\n  private _threadsUnlocked = false;\n  private _threadsUnlocking = false;\n  private _threadsGateError: string | null = null;\n  private _threadsGateCodeInvalid = false;\n  private _threadsGateInvalidTimer: ReturnType<typeof setTimeout> | null = null;\n  private _threadsUnlockingTimer: ReturnType<typeof setTimeout> | null = null;\n\n  private announcementHtml: string | null = null;\n  private announcementTimestamp: string | null = null;\n  private announcementPreviewText: string | null = null;\n  private hasUnseenAnnouncement = false;\n  private announcementLoaded = false;\n  private announcementPromise: Promise<void> | null = null;\n  private showAnnouncementPreview = true;\n  private announcementExpanded = false;\n\n  get core(): CopilotKitCore | null {\n    return this._core;\n  }\n\n  set core(value: CopilotKitCore | null) {\n    const oldValue = this._core;\n    if (oldValue === value) {\n      return;\n    }\n\n    this.detachFromCore();\n\n    this._core = value ?? null;\n    this.requestUpdate(\"core\", oldValue);\n\n    if (this._core) {\n      this.attachToCore(this._core);\n    }\n  }\n\n  private readonly contextState: Record<ContextKey, ContextState> = {\n    button: {\n      position: { x: EDGE_MARGIN, y: EDGE_MARGIN },\n      size: { ...DEFAULT_BUTTON_SIZE },\n      anchor: { horizontal: \"right\", vertical: \"top\" },\n      anchorOffset: { x: EDGE_MARGIN, y: EDGE_MARGIN },\n    },\n    window: {\n      position: { x: EDGE_MARGIN, y: EDGE_MARGIN },\n      size: { ...DEFAULT_WINDOW_SIZE },\n      anchor: { horizontal: \"right\", vertical: \"top\" },\n      anchorOffset: { x: EDGE_MARGIN, y: EDGE_MARGIN },\n    },\n  };\n\n  private hasCustomPosition: Record<ContextKey, boolean> = {\n    button: false,\n    window: false,\n  };\n\n  private resizePointerId: number | null = null;\n  private resizeStart: Position | null = null;\n  private resizeInitialSize: { width: number; height: number } | null = null;\n  private isResizing = false;\n\n  private readonly customTabIcons: Record<string, string> = {\n    threads: `<svg class=\"h-3.5 w-3.5\" width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.04167 15C8.29167 15 7.65972 14.7431 7.14583 14.2292C6.63194 13.7153 6.375 13.0972 6.375 12.375C6.375 11.3194 6.80208 10.3646 7.65625 9.51042C8.51042 8.65625 9.57639 8.125 10.8542 7.91667C10.8125 7.41667 10.6875 7.03819 10.4792 6.78125C10.2708 6.52431 9.98611 6.39583 9.625 6.39583C9.20833 6.39583 8.75694 6.56944 8.27083 6.91667C7.78472 7.26389 7.20833 7.83333 6.54167 8.625C5.45833 9.91667 4.66319 10.7569 4.15625 11.1458C3.64931 11.5347 3.10417 11.7292 2.52083 11.7292C1.8125 11.7292 1.21528 11.4653 0.729167 10.9375C0.243056 10.4097 0 9.77083 0 9.02083C0 8.27083 0.163194 7.50347 0.489583 6.71875C0.815972 5.93403 1.36806 4.99306 2.14583 3.89583C2.40972 3.53472 2.60417 3.22917 2.72917 2.97917C2.85417 2.72917 2.91667 2.52778 2.91667 2.375C2.91667 2.27778 2.89931 2.20486 2.86458 2.15625C2.82986 2.10764 2.77778 2.08333 2.70833 2.08333C2.56944 2.08333 2.39583 2.17014 2.1875 2.34375C1.97917 2.51736 1.73611 2.78472 1.45833 3.14583L0 1.66667C0.444444 1.125 0.895833 0.711806 1.35417 0.427083C1.8125 0.142361 2.26389 0 2.70833 0C3.34722 0 3.88889 0.222222 4.33333 0.666667C4.77778 1.11111 5 1.66667 5 2.33333C5 2.73611 4.89583 3.18056 4.6875 3.66667C4.47917 4.15278 4.13194 4.73611 3.64583 5.41667C3.11806 6.16667 2.72569 6.82639 2.46875 7.39583C2.21181 7.96528 2.08333 8.46528 2.08333 8.89583C2.08333 9.13194 2.12153 9.31597 2.19792 9.44792C2.27431 9.57986 2.38194 9.64583 2.52083 9.64583C2.65972 9.64583 2.78125 9.60764 2.88542 9.53125C2.98958 9.45486 3.18056 9.27083 3.45833 8.97917C3.63889 8.78472 3.85417 8.54514 4.10417 8.26042C4.35417 7.97569 4.65972 7.625 5.02083 7.20833C5.89583 6.16667 6.6875 5.42361 7.39583 4.97917C8.10417 4.53472 8.84722 4.3125 9.625 4.3125C10.5556 4.3125 11.3194 4.625 11.9167 5.25C12.5139 5.875 12.8542 6.72917 12.9375 7.8125H15V9.89583H12.9375C12.8264 11.4514 12.4201 12.691 11.7188 13.6146C11.0174 14.5382 10.125 15 9.04167 15ZM9.08333 12.9167C9.52778 12.9167 9.90278 12.6632 10.2083 12.1562C10.5139 11.6493 10.7222 10.9444 10.8333 10.0417C10.1944 10.1944 9.63889 10.4965 9.16667 10.9479C8.69444 11.3993 8.45833 11.8472 8.45833 12.2917C8.45833 12.4861 8.51389 12.6389 8.625 12.75C8.73611 12.8611 8.88889 12.9167 9.08333 12.9167Z\" fill=\"currentColor\"/></svg>`,\n  };\n\n  private get menuItems(): MenuItem[] {\n    const hasFrontendTools = (this._core?.tools?.length ?? 0) > 0;\n    return [\n      {\n        key: \"ag-ui-events\",\n        label: \"AG-UI Events\",\n        icon: \"Zap\" as LucideIconName,\n      },\n      { key: \"agents\", label: \"Agent\", icon: \"Bot\" as LucideIconName },\n      ...(hasFrontendTools\n        ? [\n            {\n              key: \"frontend-tools\" as const,\n              label: \"Frontend Tools\",\n              icon: \"Hammer\" as LucideIconName,\n            },\n          ]\n        : []),\n      {\n        key: \"agent-context\",\n        label: \"Context\",\n        icon: \"FileText\" as LucideIconName,\n      },\n      {\n        key: \"threads\",\n        label: \"Threads\",\n        icon: \"MessageSquare\" as LucideIconName,\n      },\n    ];\n  }\n\n  private subscribeToThreadStore(agentId: string, store: ɵThreadStore): void {\n    if (this._threadStoreSubscriptions.has(agentId)) return;\n    const threadsSub = store.select(ɵselectThreads).subscribe((threads) => {\n      this._threadsByAgent.set(agentId, threads as ɵThread[]);\n      this._threads = Array.from(this._threadsByAgent.values()).flat();\n      this.autoSelectLatestThread();\n      this.requestUpdate();\n    });\n    const errorSub = store.select(ɵselectThreadsError).subscribe((error) => {\n      if (error) {\n        this._threadsErrorByAgent.set(agentId, error);\n      } else {\n        this._threadsErrorByAgent.delete(agentId);\n      }\n      this.requestUpdate();\n    });\n    this._threadStoreSubscriptions.set(agentId, () => {\n      threadsSub.unsubscribe();\n      errorSub.unsubscribe();\n    });\n    // Populate immediately from current state\n    const initialState = store.getState();\n    this._threadsByAgent.set(agentId, ɵselectThreads(initialState));\n    const initialError = ɵselectThreadsError(initialState);\n    if (initialError) {\n      this._threadsErrorByAgent.set(agentId, initialError);\n    } else {\n      this._threadsErrorByAgent.delete(agentId);\n    }\n    this._threads = Array.from(this._threadsByAgent.values()).flat();\n    this.autoSelectLatestThread();\n  }\n\n  private autoSelectLatestThread(): void {\n    if (this._threads.length === 0) return;\n    const stillValid =\n      this.selectedThreadId != null &&\n      this._threads.some((t) => t.id === this.selectedThreadId);\n    if (!stillValid) {\n      // Threads are sorted most-recently-updated first\n      this.selectedThreadId = this._threads[0]!.id;\n    }\n  }\n\n  private teardownThreadStoreSubscriptions(): void {\n    for (const unsub of this._threadStoreSubscriptions.values()) {\n      unsub();\n    }\n    this._threadStoreSubscriptions.clear();\n    this._threadsByAgent.clear();\n    this._threadsErrorByAgent.clear();\n    this._threads = [];\n  }\n\n  private ensureOwnedThreadStore(agentId: string): void {\n    if (this._ownedThreadStores.has(agentId)) return;\n    // Don't overwrite a store already registered by useThreads() or another external caller\n    if (this.core?.getThreadStore(agentId)) return;\n    const core = this.core;\n    if (!core?.runtimeUrl) return;\n\n    const store = ɵcreateThreadStore({ fetch: globalThis.fetch });\n    store.start();\n    store.setContext({\n      runtimeUrl: core.runtimeUrl,\n      headers: {},\n      agentId,\n    });\n    this._ownedThreadStores.set(agentId, store);\n    // Subscribe directly so threads render even before the registry callback\n    // fires (some published-core code paths land on the subscriber after\n    // registerThreadStore returns).\n    this.subscribeToThreadStore(agentId, store);\n    core.registerThreadStore(agentId, store);\n  }\n\n  private refreshOwnedThreadStore(agentId: string): void {\n    const store = this._ownedThreadStores.get(agentId);\n    if (!store) return;\n    // refresh() re-fetches without resetting threads to [] first, so the list\n    // stays visible while new data loads and survives transient fetch failures.\n    store.refresh();\n  }\n\n  private removeOwnedThreadStore(agentId: string): void {\n    const store = this._ownedThreadStores.get(agentId);\n    if (!store) return;\n    store.stop();\n    this.core?.unregisterThreadStore(agentId);\n    this._ownedThreadStores.delete(agentId);\n  }\n\n  private teardownOwnedThreadStores(): void {\n    for (const [agentId, store] of this._ownedThreadStores) {\n      store.stop();\n      this.core?.unregisterThreadStore(agentId);\n    }\n    this._ownedThreadStores.clear();\n  }\n\n  private attachToCore(core: CopilotKitCore): void {\n    this.runtimeStatus = core.runtimeConnectionStatus;\n    this.coreProperties = core.properties;\n    this.lastCoreError = null;\n\n    this.coreSubscriber = {\n      onRuntimeConnectionStatusChanged: ({ status }) => {\n        this.runtimeStatus = status;\n        if (status === \"connected\") {\n          for (const agentId of this._ownedThreadStores.keys()) {\n            this.refreshOwnedThreadStore(agentId);\n          }\n        } else {\n          // Clear stale thread data immediately when the server goes away\n          this._threadsByAgent.clear();\n          this._threads = [];\n        }\n        this.requestUpdate();\n      },\n      onPropertiesChanged: ({ properties }) => {\n        this.coreProperties = properties;\n        this.requestUpdate();\n      },\n      onError: ({ code, error }) => {\n        this.lastCoreError = { code, message: error.message };\n        this.requestUpdate();\n      },\n      onAgentsChanged: ({ agents }) => {\n        this.processAgentsChanged(agents);\n      },\n      onContextChanged: ({ context }) => {\n        this.contextStore = this.normalizeContextStore(context);\n        this.requestUpdate();\n      },\n      onThreadStoreRegistered: ({ agentId, store }) => {\n        this.subscribeToThreadStore(agentId, store);\n        this.requestUpdate();\n      },\n      onThreadStoreUnregistered: ({ agentId }) => {\n        const unsub = this._threadStoreSubscriptions.get(agentId);\n        if (unsub) {\n          unsub();\n          this._threadStoreSubscriptions.delete(agentId);\n        }\n        this._threadsByAgent.delete(agentId);\n        this._threadsErrorByAgent.delete(agentId);\n        this._threads = Array.from(this._threadsByAgent.values()).flat();\n        this.requestUpdate();\n      },\n      onAgentRunStarted: ({ agent }) => {\n        // Subscribe to the concrete agent instance about to run. This handles\n        // per-thread clones that are not in core.agents and therefore not\n        // reachable via onAgentsChanged. Replacing an existing subscription for\n        // the same agentId is safe: the previous instance emits no more events\n        // once a new run starts on a fresh clone.\n        this.subscribeToAgent(agent);\n        const runThreadId = (agent as { threadId?: string }).threadId;\n        if (agent.agentId && runThreadId) {\n          this.agentRunThreadId.set(agent.agentId, runThreadId);\n        }\n        this.requestUpdate();\n      },\n    } satisfies CopilotKitCoreSubscriber;\n\n    this.coreUnsubscribe = core.subscribe(this.coreSubscriber).unsubscribe;\n    this.processAgentsChanged(core.agents);\n\n    // Subscribe to any already-registered thread stores. `getThreadStores` was\n    // added in the same release as this inspector; guard so consumers still on\n    // an older @copilotkit/core don't throw when assigning `inspector.core`.\n    const threadStores =\n      typeof core.getThreadStores === \"function\" ? core.getThreadStores() : {};\n    for (const [agentId, store] of Object.entries(threadStores)) {\n      this.subscribeToThreadStore(agentId, store);\n    }\n\n    // Initialize context from core\n    if (core.context) {\n      this.contextStore = this.normalizeContextStore(core.context);\n    }\n  }\n\n  private detachFromCore(): void {\n    if (this.coreUnsubscribe) {\n      this.coreUnsubscribe();\n      this.coreUnsubscribe = null;\n    }\n    this.coreSubscriber = null;\n    this.runtimeStatus = null;\n    this.lastCoreError = null;\n    this.coreProperties = {};\n    this.cachedTools = [];\n    this.toolSignature = \"\";\n    this.teardownAgentSubscriptions();\n    this.teardownThreadStoreSubscriptions();\n    this.teardownOwnedThreadStores();\n  }\n\n  private teardownAgentSubscriptions(): void {\n    for (const unsubscribe of this.agentSubscriptions.values()) {\n      unsubscribe();\n    }\n    this.agentSubscriptions.clear();\n    this.agentEvents.clear();\n    this.agentMessages.clear();\n    this.agentStates.clear();\n    this.flattenedEvents = [];\n    this.eventCounter = 0;\n  }\n\n  private processAgentsChanged(\n    agents: Readonly<Record<string, AbstractAgent>>,\n  ): void {\n    const seenAgentIds = new Set<string>();\n\n    for (const agent of Object.values(agents)) {\n      if (!agent?.agentId) {\n        continue;\n      }\n      seenAgentIds.add(agent.agentId);\n      this.subscribeToAgent(agent);\n      this.ensureOwnedThreadStore(agent.agentId);\n    }\n\n    for (const agentId of Array.from(this.agentSubscriptions.keys())) {\n      if (!seenAgentIds.has(agentId)) {\n        this.unsubscribeFromAgent(agentId);\n        this.agentEvents.delete(agentId);\n        this.agentMessages.delete(agentId);\n        this.agentStates.delete(agentId);\n        // Do NOT remove owned thread stores here — they are independent of\n        // whether the agent appears in core.agents (published cores discover\n        // agents asynchronously so agents may be empty on first fire). Stores\n        // are torn down in teardownOwnedThreadStores() when the core detaches.\n      }\n    }\n\n    this.updateContextOptions(seenAgentIds);\n    this.refreshToolsSnapshot();\n    this.requestUpdate();\n  }\n\n  private refreshToolsSnapshot(): void {\n    if (!this._core) {\n      if (this.cachedTools.length > 0) {\n        this.cachedTools = [];\n        this.toolSignature = \"\";\n        this.requestUpdate();\n      }\n      return;\n    }\n\n    const tools = this.extractToolsFromAgents();\n    const signature = JSON.stringify(\n      tools.map((tool) => ({\n        agentId: tool.agentId,\n        name: tool.name,\n        type: tool.type,\n        hasDescription: Boolean(tool.description),\n        hasParameters: Boolean(tool.parameters),\n      })),\n    );\n\n    if (signature !== this.toolSignature) {\n      this.toolSignature = signature;\n      this.cachedTools = tools;\n      this.requestUpdate();\n    }\n  }\n\n  private tryAutoAttachCore(): void {\n    if (\n      this.attemptedAutoAttach ||\n      this._core ||\n      !this.autoAttachCore ||\n      typeof window === \"undefined\"\n    ) {\n      return;\n    }\n\n    this.attemptedAutoAttach = true;\n\n    const globalWindow = window as unknown as Record<string, unknown>;\n    const globalCandidates: Array<unknown> = [\n      // Common app-level globals used during development\n      globalWindow.__COPILOTKIT_CORE__,\n      (globalWindow.copilotkit as { core?: unknown } | undefined)?.core,\n      globalWindow.copilotkitCore,\n    ];\n\n    const foundCore = globalCandidates.find(\n      (candidate): candidate is CopilotKitCore =>\n        !!candidate && typeof candidate === \"object\",\n    );\n\n    if (foundCore) {\n      this.core = foundCore;\n    }\n  }\n\n  private subscribeToAgent(agent: AbstractAgent): void {\n    if (!agent.agentId) {\n      return;\n    }\n\n    const agentId = agent.agentId;\n\n    this.unsubscribeFromAgent(agentId);\n\n    const subscriber: AgentSubscriber = {\n      onRunStartedEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"RUN_STARTED\", event);\n      },\n      onRunFinishedEvent: ({ event, result }) => {\n        this.recordAgentEvent(agentId, \"RUN_FINISHED\", { event, result });\n        this.refreshOwnedThreadStore(agentId);\n      },\n      onRunErrorEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"RUN_ERROR\", event);\n      },\n      onTextMessageStartEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"TEXT_MESSAGE_START\", event);\n      },\n      onTextMessageContentEvent: ({ event, textMessageBuffer }) => {\n        this.recordAgentEvent(agentId, \"TEXT_MESSAGE_CONTENT\", {\n          event,\n          textMessageBuffer,\n        });\n      },\n      onTextMessageEndEvent: ({ event, textMessageBuffer }) => {\n        this.recordAgentEvent(agentId, \"TEXT_MESSAGE_END\", {\n          event,\n          textMessageBuffer,\n        });\n      },\n      onToolCallStartEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"TOOL_CALL_START\", event);\n      },\n      onToolCallArgsEvent: ({\n        event,\n        toolCallBuffer,\n        toolCallName,\n        partialToolCallArgs,\n      }) => {\n        this.recordAgentEvent(agentId, \"TOOL_CALL_ARGS\", {\n          event,\n          toolCallBuffer,\n          toolCallName,\n          partialToolCallArgs,\n        });\n      },\n      onToolCallEndEvent: ({ event, toolCallArgs, toolCallName }) => {\n        this.recordAgentEvent(agentId, \"TOOL_CALL_END\", {\n          event,\n          toolCallArgs,\n          toolCallName,\n        });\n      },\n      onToolCallResultEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"TOOL_CALL_RESULT\", event);\n      },\n      onStateSnapshotEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"STATE_SNAPSHOT\", event);\n        this.syncAgentState(agent);\n      },\n      onStateDeltaEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"STATE_DELTA\", event);\n        this.syncAgentState(agent);\n      },\n      onMessagesSnapshotEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"MESSAGES_SNAPSHOT\", event);\n        this.syncAgentMessages(agent);\n      },\n      onMessagesChanged: () => {\n        this.syncAgentMessages(agent);\n      },\n      onStateChanged: () => {\n        this.syncAgentState(agent);\n      },\n      onRawEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"RAW_EVENT\", event);\n      },\n      onCustomEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"CUSTOM_EVENT\", event);\n      },\n      onReasoningStartEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"REASONING_START\", event);\n      },\n      onReasoningMessageStartEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"REASONING_MESSAGE_START\", event);\n      },\n      onReasoningMessageContentEvent: ({ event, reasoningMessageBuffer }) => {\n        this.recordAgentEvent(agentId, \"REASONING_MESSAGE_CONTENT\", {\n          event,\n          reasoningMessageBuffer,\n        });\n      },\n      onReasoningMessageEndEvent: ({ event, reasoningMessageBuffer }) => {\n        this.recordAgentEvent(agentId, \"REASONING_MESSAGE_END\", {\n          event,\n          reasoningMessageBuffer,\n        });\n      },\n      onReasoningEndEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"REASONING_END\", event);\n      },\n      onReasoningEncryptedValueEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"REASONING_ENCRYPTED_VALUE\", event);\n      },\n      onActivitySnapshotEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"ACTIVITY_SNAPSHOT\", event);\n        this.syncAgentMessages(agent);\n      },\n      onActivityDeltaEvent: ({ event }) => {\n        this.recordAgentEvent(agentId, \"ACTIVITY_DELTA\", event);\n        this.syncAgentMessages(agent);\n      },\n    };\n\n    const { unsubscribe } = agent.subscribe(subscriber);\n    this.agentSubscriptions.set(agentId, unsubscribe);\n    this.syncAgentMessages(agent);\n    this.syncAgentState(agent);\n\n    if (!this.agentEvents.has(agentId)) {\n      this.agentEvents.set(agentId, []);\n    }\n  }\n\n  private unsubscribeFromAgent(agentId: string): void {\n    const unsubscribe = this.agentSubscriptions.get(agentId);\n    if (unsubscribe) {\n      unsubscribe();\n      this.agentSubscriptions.delete(agentId);\n    }\n  }\n\n  private mapMessagesToConversation(\n    messages: InspectorMessage[] | null,\n  ): { id: string; type: string; content: string; createdAt: string }[] | null {\n    if (!messages) return null;\n    return messages\n      .filter(\n        (m) =>\n          m.role === \"user\" || m.role === \"assistant\" || m.role === \"activity\",\n      )\n      .map((m, i) => ({\n        id: m.id ?? `msg-${i}`,\n        type:\n          m.role === \"user\"\n            ? \"user\"\n            : m.role === \"activity\"\n              ? \"generative-ui\"\n              : \"assistant\",\n        // For activity messages, store the activityType as a label so the\n        // renderer has something meaningful to display.\n        // TODO: render activity payload once available.\n        content:\n          m.role === \"activity\" ? (m.activityType ?? \"unknown\") : m.contentText,\n        createdAt: \"\",\n      }));\n  }\n\n  private recordAgentEvent(\n    agentId: string,\n    type: InspectorAgentEventType,\n    payload: unknown,\n  ): void {\n    const eventId = `${agentId}:${++this.eventCounter}`;\n    const normalizedPayload = this.normalizeEventPayload(type, payload);\n    const event: InspectorEvent = {\n      id: eventId,\n      agentId,\n      type,\n      timestamp: Date.now(),\n      payload: normalizedPayload,\n    };\n\n    const currentAgentEvents = this.agentEvents.get(agentId) ?? [];\n    const nextAgentEvents = [event, ...currentAgentEvents].slice(\n      0,\n      MAX_AGENT_EVENTS,\n    );\n    this.agentEvents.set(agentId, nextAgentEvents);\n\n    this.flattenedEvents = [event, ...this.flattenedEvents].slice(\n      0,\n      MAX_TOTAL_EVENTS,\n    );\n    this.refreshToolsSnapshot();\n    this.requestUpdate();\n  }\n\n  private syncAgentMessages(agent: AbstractAgent): void {\n    if (!agent?.agentId) {\n      return;\n    }\n\n    try {\n      const messages = this.normalizeAgentMessages(\n        (agent as { messages?: unknown }).messages,\n      );\n      if (messages) {\n        this.agentMessages.set(agent.agentId, messages);\n      } else {\n        this.agentMessages.delete(agent.agentId);\n      }\n\n      // Bump the live-message version for whichever thread this agent is\n      // currently running on. cpk-thread-details watches this for the\n      // selected thread and re-fetches `/threads/:id/messages` when it ticks,\n      // so the conversation view stays in sync with the streaming agent\n      // without the parent re-implementing AG-UI → ConversationItem mapping.\n      const runThreadId = this.agentRunThreadId.get(agent.agentId);\n      if (runThreadId) {\n        this.liveMessageVersion.set(\n          runThreadId,\n          (this.liveMessageVersion.get(runThreadId) ?? 0) + 1,\n        );\n      }\n\n      this.requestUpdate();\n    } catch (error) {\n      console.error(\n        `[CopilotKit Inspector] Failed to sync messages for agent \"${agent.agentId}\":`,\n        error,\n      );\n    }\n  }\n\n  private syncAgentState(agent: AbstractAgent): void {\n    if (!agent?.agentId) {\n      return;\n    }\n\n    try {\n      const state = (agent as { state?: unknown }).state;\n\n      if (state === undefined || state === null) {\n        this.agentStates.delete(agent.agentId);\n      } else {\n        this.agentStates.set(agent.agentId, this.sanitizeForLogging(state));\n      }\n\n      this.requestUpdate();\n    } catch (error) {\n      console.error(\n        `[CopilotKit Inspector] Failed to sync state for agent \"${agent.agentId}\":`,\n        error,\n      );\n    }\n  }\n\n  private updateContextOptions(agentIds: Set<string>): void {\n    const nextOptions: Array<{ key: string; label: string }> = [\n      { key: \"all-agents\", label: \"All Agents\" },\n      ...Array.from(agentIds)\n        .sort((a, b) => a.localeCompare(b))\n        .map((id) => ({ key: id, label: id })),\n    ];\n\n    const optionsChanged =\n      this.contextOptions.length !== nextOptions.length ||\n      this.contextOptions.some(\n        (option, index) => option.key !== nextOptions[index]?.key,\n      );\n\n    if (optionsChanged) {\n      this.contextOptions = nextOptions;\n    }\n\n    const pendingContext = this.pendingSelectedContext;\n    if (pendingContext) {\n      const isPendingAvailable =\n        pendingContext === \"all-agents\" || agentIds.has(pendingContext);\n      // Only restore a specific-agent selection when there is exactly one\n      // agent registered. With multiple agents, fall back to \"all-agents\" so\n      // events from any agent are visible regardless of what was persisted.\n      const shouldRestore =\n        isPendingAvailable &&\n        (pendingContext === \"all-agents\" || agentIds.size === 1);\n      if (shouldRestore) {\n        if (this.selectedContext !== pendingContext) {\n          this.selectedContext = pendingContext;\n          this.expandedRows.clear();\n        }\n        this.pendingSelectedContext = null;\n      } else if (agentIds.size > 0) {\n        // Persisted selection is unavailable or inappropriate for multiple\n        // agents — reset to \"all-agents\" so nothing is silently filtered.\n        if (this.selectedContext !== \"all-agents\") {\n          this.selectedContext = \"all-agents\";\n          this.expandedRows.clear();\n        }\n        this.pendingSelectedContext = null;\n      }\n    }\n\n    const hasSelectedContext = nextOptions.some(\n      (option) => option.key === this.selectedContext,\n    );\n\n    if (!hasSelectedContext && this.pendingSelectedContext === null) {\n      // When there is exactly one agent, auto-select it so the view is\n      // immediately focused. When multiple agents are registered (e.g. \"default\"\n      // + \"openai\"), keep \"all-agents\" so events from any agent are visible.\n      let nextSelected: string = \"all-agents\";\n\n      if (agentIds.size === 1) {\n        nextSelected = Array.from(agentIds)[0]!;\n      }\n\n      if (this.selectedContext !== nextSelected) {\n        this.selectedContext = nextSelected;\n        this.expandedRows.clear();\n        this.persistState();\n      }\n    }\n  }\n\n  private getEventsForSelectedContext(): InspectorEvent[] {\n    if (this.selectedContext === \"all-agents\") {\n      return this.flattenedEvents;\n    }\n\n    return this.agentEvents.get(this.selectedContext) ?? [];\n  }\n\n  private filterEvents(events: InspectorEvent[]): InspectorEvent[] {\n    const query = this.eventFilterText.trim().toLowerCase();\n\n    return events.filter((event) => {\n      if (\n        this.eventTypeFilter !== \"all\" &&\n        event.type !== this.eventTypeFilter\n      ) {\n        return false;\n      }\n\n      if (!query) {\n        return true;\n      }\n\n      const payloadText = this.stringifyPayload(\n        event.payload,\n        false,\n      ).toLowerCase();\n      return (\n        event.type.toLowerCase().includes(query) ||\n        event.agentId.toLowerCase().includes(query) ||\n        payloadText.includes(query)\n      );\n    });\n  }\n\n  private getLatestStateForAgent(agentId: string): SanitizedValue | null {\n    if (this.agentStates.has(agentId)) {\n      const value = this.agentStates.get(agentId);\n      return value === undefined ? null : value;\n    }\n\n    const events = this.agentEvents.get(agentId) ?? [];\n    const stateEvent = events.find((e) => e.type === \"STATE_SNAPSHOT\");\n    if (!stateEvent) {\n      return null;\n    }\n    return stateEvent.payload;\n  }\n\n  private getLatestMessagesForAgent(\n    agentId: string,\n  ): InspectorMessage[] | null {\n    const messages = this.agentMessages.get(agentId);\n    return messages ?? null;\n  }\n\n  private getAgentStatus(agentId: string): \"running\" | \"idle\" | \"error\" {\n    const events = this.agentEvents.get(agentId) ?? [];\n    if (events.length === 0) {\n      return \"idle\";\n    }\n\n    // Check most recent run-related event\n    const runEvent = events.find(\n      (e) =>\n        e.type === \"RUN_STARTED\" ||\n        e.type === \"RUN_FINISHED\" ||\n        e.type === \"RUN_ERROR\",\n    );\n\n    if (!runEvent) {\n      return \"idle\";\n    }\n\n    if (runEvent.type === \"RUN_ERROR\") {\n      return \"error\";\n    }\n\n    if (runEvent.type === \"RUN_STARTED\") {\n      // Check if there's a RUN_FINISHED after this\n      const finishedAfter = events.find(\n        (e) => e.type === \"RUN_FINISHED\" && e.timestamp > runEvent.timestamp,\n      );\n      return finishedAfter ? \"idle\" : \"running\";\n    }\n\n    return \"idle\";\n  }\n\n  private getAgentStats(agentId: string): {\n    totalEvents: number;\n    lastActivity: number | null;\n    messages: number;\n    toolCalls: number;\n    errors: number;\n  } {\n    const events = this.agentEvents.get(agentId) ?? [];\n\n    const messages = this.agentMessages.get(agentId);\n\n    const toolCallCount = messages\n      ? messages.reduce(\n          (count, message) => count + (message.toolCalls?.length ?? 0),\n          0,\n        )\n      : events.filter((e) => e.type === \"TOOL_CALL_END\").length;\n\n    const messageCount = messages?.length ?? 0;\n\n    return {\n      totalEvents: events.length,\n      lastActivity: events[0]?.timestamp ?? null,\n      messages: messageCount,\n      toolCalls: toolCallCount,\n      errors: events.filter((e) => e.type === \"RUN_ERROR\").length,\n    };\n  }\n\n  private renderToolCallDetails(toolCalls: InspectorToolCall[]) {\n    if (!Array.isArray(toolCalls) || toolCalls.length === 0) {\n      return nothing;\n    }\n\n    return html`\n      <div class=\"mt-2 space-y-2\">\n        ${toolCalls.map((call, index) => {\n          const functionName =\n            call.function?.name ?? call.toolName ?? \"Unknown function\";\n          const callId =\n            typeof call?.id === \"string\" ? call.id : `tool-call-${index + 1}`;\n          const argsString = this.formatToolCallArguments(\n            call.function?.arguments,\n          );\n          return html`\n            <div\n              class=\"rounded-md border border-gray-200 bg-gray-50 p-3 text-xs text-gray-700\"\n            >\n              <div\n                class=\"flex flex-wrap items-center justify-between gap-1 font-medium text-gray-900\"\n              >\n                <span>${functionName}</span>\n                <span class=\"text-[10px] text-gray-500\">ID: ${callId}</span>\n              </div>\n              ${\n                argsString\n                  ? html`<pre\n                    class=\"mt-2 overflow-auto rounded bg-white p-2 text-[11px] leading-relaxed text-gray-800\"\n                  >\n${argsString}</pre\n                  >`\n                  : nothing\n              }\n            </div>\n          `;\n        })}\n      </div>\n    `;\n  }\n\n  private formatToolCallArguments(args: unknown): string | null {\n    if (args === undefined || args === null || args === \"\") {\n      return null;\n    }\n\n    if (typeof args === \"string\") {\n      try {\n        const parsed = JSON.parse(args);\n        return JSON.stringify(parsed, null, 2);\n      } catch {\n        return args;\n      }\n    }\n\n    if (typeof args === \"object\") {\n      try {\n        return JSON.stringify(args, null, 2);\n      } catch {\n        return String(args);\n      }\n    }\n\n    return String(args);\n  }\n\n  private hasRenderableState(state: unknown): boolean {\n    if (state === null || state === undefined) {\n      return false;\n    }\n\n    if (Array.isArray(state)) {\n      return state.length > 0;\n    }\n\n    if (typeof state === \"object\") {\n      return Object.keys(state as Record<string, unknown>).length > 0;\n    }\n\n    if (typeof state === \"string\") {\n      const trimmed = state.trim();\n      return trimmed.length > 0 && trimmed !== \"{}\";\n    }\n\n    return true;\n  }\n\n  private formatStateForDisplay(state: unknown): string {\n    if (state === null || state === undefined) {\n      return \"\";\n    }\n\n    if (typeof state === \"string\") {\n      const trimmed = state.trim();\n      if (trimmed.length === 0) {\n        return \"\";\n      }\n      try {\n        const parsed = JSON.parse(trimmed);\n        return JSON.stringify(parsed, null, 2);\n      } catch {\n        return state;\n      }\n    }\n\n    if (typeof state === \"object\") {\n      try {\n        return JSON.stringify(state, null, 2);\n      } catch {\n        return String(state);\n      }\n    }\n\n    return String(state);\n  }\n\n  private getEventBadgeClasses(type: string): string {\n    const base =\n      \"font-mono text-[10px] font-medium inline-flex items-center rounded-sm px-1.5 py-0.5 border\";\n\n    if (type.startsWith(\"RUN_\")) {\n      return `${base} bg-blue-50 text-blue-700 border-blue-200`;\n    }\n\n    if (type.startsWith(\"TEXT_MESSAGE\")) {\n      return `${base} bg-emerald-50 text-emerald-700 border-emerald-200`;\n    }\n\n    if (type.startsWith(\"TOOL_CALL\")) {\n      return `${base} bg-amber-50 text-amber-700 border-amber-200`;\n    }\n\n    if (type.startsWith(\"REASONING\")) {\n      return `${base} bg-fuchsia-50 text-fuchsia-700 border-fuchsia-200`;\n    }\n\n    if (type.startsWith(\"STATE\")) {\n      return `${base} bg-violet-50 text-violet-700 border-violet-200`;\n    }\n\n    if (type.startsWith(\"MESSAGES\")) {\n      return `${base} bg-sky-50 text-sky-700 border-sky-200`;\n    }\n\n    if (type === \"RUN_ERROR\") {\n      return `${base} bg-rose-50 text-rose-700 border-rose-200`;\n    }\n\n    return `${base} bg-gray-100 text-gray-600 border-gray-200`;\n  }\n\n  private stringifyPayload(payload: unknown, pretty: boolean): string {\n    try {\n      if (payload === undefined) {\n        return pretty ? \"undefined\" : \"undefined\";\n      }\n      if (typeof payload === \"string\") {\n        return payload;\n      }\n      return JSON.stringify(payload, null, pretty ? 2 : 0) ?? \"\";\n    } catch (error) {\n      console.warn(\"Failed to stringify inspector payload\", error);\n      return String(payload);\n    }\n  }\n\n  private extractEventFromPayload(payload: unknown): unknown {\n    // If payload is an object with an 'event' field, extract it\n    if (payload && typeof payload === \"object\" && \"event\" in payload) {\n      return (payload as Record<string, unknown>).event;\n    }\n    // Otherwise, assume the payload itself is the event\n    return payload;\n  }\n\n  private async copyToClipboard(text: string, eventId: string): Promise<void> {\n    try {\n      await navigator.clipboard.writeText(text);\n      this.copiedEvents.add(eventId);\n      this.requestUpdate();\n\n      // Clear the \"copied\" state after 2 seconds\n      setTimeout(() => {\n        this.copiedEvents.delete(eventId);\n        this.requestUpdate();\n      }, 2000);\n    } catch (err) {\n      console.error(\"Failed to copy to clipboard:\", err);\n    }\n  }\n\n  static styles = [\n    unsafeCSS(tailwindStyles),\n    css`\n      :host {\n        position: fixed;\n        top: 0;\n        left: 0;\n        z-index: 2147483646;\n        display: block;\n        will-change: transform;\n        font-family: \"Plus Jakarta Sans\", system-ui, sans-serif;\n      }\n\n      :host([data-transitioning=\"true\"]) {\n        transition: transform 300ms ease;\n      }\n\n      .console-button {\n        transition:\n          transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1),\n          opacity 160ms ease;\n      }\n\n      .console-button[data-dragging=\"true\"] {\n        transition: opacity 160ms ease;\n      }\n\n      .inspector-window[data-transitioning=\"true\"] {\n        transition:\n          width 300ms ease,\n          height 300ms ease;\n      }\n\n      .inspector-window[data-docked=\"true\"] {\n        border-radius: 0 !important;\n        box-shadow: none !important;\n      }\n\n      .resize-handle {\n        touch-action: none;\n        user-select: none;\n      }\n\n      .dock-resize-handle {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 10px;\n        height: 100%;\n        cursor: ew-resize;\n        touch-action: none;\n        z-index: 50;\n        background: transparent;\n      }\n\n      .tooltip-target {\n        position: relative;\n      }\n\n      .tooltip-target::after {\n        content: attr(data-tooltip);\n        position: absolute;\n        top: calc(100% + 6px);\n        left: 50%;\n        transform: translateX(-50%) translateY(-4px);\n        white-space: nowrap;\n        background: rgba(1, 5, 7, 0.95);\n        color: white;\n        padding: 4px 8px;\n        border-radius: 6px;\n        font-size: 10px;\n        font-family: \"Plus Jakarta Sans\", system-ui, sans-serif;\n        line-height: 1.2;\n        box-shadow: 0 4px 10px rgba(1, 5, 7, 0.18);\n        opacity: 0;\n        pointer-events: none;\n        transition:\n          opacity 120ms ease,\n          transform 120ms ease;\n        z-index: 4000;\n      }\n\n      .tooltip-target:hover::after {\n        opacity: 1;\n        transform: translateX(-50%) translateY(0);\n      }\n\n      .announcement-preview {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        min-width: 300px;\n        max-width: 300px;\n        background: white;\n        color: #010507;\n        font-size: 13px;\n        font-family: \"Plus Jakarta Sans\", system-ui, sans-serif;\n        line-height: 1.4;\n        border-radius: 12px;\n        box-shadow: 0 12px 28px rgba(1, 5, 7, 0.12);\n        padding: 10px 12px;\n        display: inline-flex;\n        align-items: flex-start;\n        gap: 8px;\n        z-index: 4500;\n        animation: fade-slide-in 160ms ease;\n        border: 1px solid rgba(219, 219, 229, 0.4);\n        white-space: normal;\n        word-break: break-word;\n        text-align: left;\n      }\n\n      .announcement-preview[data-side=\"left\"] {\n        right: 100%;\n        margin-right: 10px;\n      }\n\n      .announcement-preview[data-side=\"right\"] {\n        left: 100%;\n        margin-left: 10px;\n      }\n\n      .announcement-preview__arrow {\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        background: white;\n        border: 1px solid rgba(219, 219, 229, 0.4);\n        transform: rotate(45deg);\n        top: 50%;\n        margin-top: -5px;\n        z-index: -1;\n      }\n\n      .announcement-preview[data-side=\"left\"] .announcement-preview__arrow {\n        right: -5px;\n        box-shadow: 6px -6px 10px rgba(1, 5, 7, 0.08);\n      }\n\n      .announcement-preview[data-side=\"right\"] .announcement-preview__arrow {\n        left: -5px;\n        box-shadow: -6px 6px 10px rgba(1, 5, 7, 0.08);\n      }\n\n      .announcement-dismiss {\n        background: none;\n        border: none;\n        cursor: pointer;\n        color: #838389;\n        width: 28px;\n        height: 28px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 6px;\n        padding: 0;\n        transition:\n          background 120ms ease,\n          color 120ms ease;\n      }\n\n      .announcement-dismiss:hover {\n        background: rgba(0, 0, 0, 0.06);\n        color: #010507;\n      }\n\n      /* ── Agent tab section cards ─────────────────────────────────────── */\n      .cpk-section-card {\n        border-radius: 8px;\n        background: #ffffff;\n        overflow: hidden;\n      }\n\n      /* ── Agent icon bubble ───────────────────────────────────────────── */\n      .cpk-agent-icon {\n        background-color: #f0f0f4 !important;\n        color: #57575b !important;\n      }\n\n      /* ── Agent stat cards ────────────────────────────────────────────── */\n      .cpk-stat-card {\n        background-color: #ffffff !important;\n        border: 1px solid #dbdbe5 !important;\n      }\n      button.cpk-stat-card:hover {\n        background-color: #f7f7f9 !important;\n      }\n\n      /* ── Circle chevron (Frontend Tools + Context) ──────────────────── */\n      .cpk-chevron-circle {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 24px;\n        height: 24px;\n        border-radius: 50%;\n        background-color: #f0f0f4;\n        color: #838389;\n        flex-shrink: 0;\n        transition: transform 0.2s;\n      }\n      .cpk-chevron-circle svg {\n        width: 14px !important;\n        height: 14px !important;\n      }\n      .cpk-chevron-circle--open {\n        transform: rotate(180deg);\n      }\n\n      /* ── Inline copy button ─────────────────────────────────────────── */\n      .cpk-copy-btn {\n        font-size: 10px;\n        font-weight: 500;\n        color: #57575b;\n        background: #ffffff;\n        border: 1px solid #dbdbe5;\n        cursor: pointer;\n        padding: 2px 8px;\n        border-radius: 4px;\n        flex-shrink: 0;\n        transition:\n          background-color 0.15s,\n          border-color 0.15s;\n      }\n      .cpk-copy-btn:hover {\n        background-color: #f0f0f4;\n        border-color: #afafb7;\n      }\n\n      .cpk-section-header {\n        background: #e8edf5;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n        padding: 10px 16px;\n      }\n      .cpk-section-header h4 {\n        font-size: 11px;\n        font-weight: 600;\n        color: #181c1f;\n        margin: 0;\n      }\n\n      /* Inputs/selects inside the lavender header need an explicit white bg */\n      .cpk-section-header input,\n      .cpk-section-header select {\n        background-color: #ffffff !important;\n        box-shadow: none !important;\n      }\n      .cpk-section-header select {\n        padding-right: 24px !important;\n      }\n      /* Events table column headers */\n      table thead th {\n        font-weight: 600 !important;\n      }\n\n      .announcement-content {\n        color: #010507;\n        font-size: 12px;\n        font-family: \"Plus Jakarta Sans\", system-ui, sans-serif;\n        line-height: 1.5;\n      }\n\n      .announcement-content h1,\n      .announcement-content h2,\n      .announcement-content h3 {\n        font-weight: 700;\n        margin: 0.4rem 0 0.2rem;\n      }\n\n      .announcement-content h1 {\n        font-size: 0.75rem;\n      }\n      .announcement-content h2 {\n        font-size: 0.8rem;\n      }\n      .announcement-content h3 {\n        font-size: 0.75rem;\n      }\n\n      .announcement-content p {\n        margin: 0.2rem 0;\n      }\n\n      .announcement-content ul {\n        list-style: disc;\n        padding-left: 1.25rem;\n        margin: 0.2rem 0;\n      }\n\n      .announcement-content ol {\n        list-style: decimal;\n        padding-left: 1.25rem;\n        margin: 0.2rem 0;\n      }\n\n      .announcement-content a {\n        color: #757cf2;\n        text-decoration: underline;\n      }\n\n      .announcement-body {\n        position: relative;\n        overflow: hidden;\n        transition: max-height 0.25s ease;\n      }\n      .announcement-body--collapsed {\n        max-height: 72px;\n      }\n      .announcement-body--expanded {\n        max-height: 2000px;\n      }\n      .announcement-fade {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 48px;\n        background: linear-gradient(to bottom, transparent, #ffffff);\n        pointer-events: none;\n      }\n      .announcement-toggle {\n        display: block;\n        width: 100%;\n        margin-top: 6px;\n        padding: 0;\n        background: none;\n        border: none;\n        font-family: \"Plus Jakarta Sans\", system-ui, sans-serif;\n        font-size: 12px;\n        font-weight: 500;\n        color: #757cf2;\n        cursor: pointer;\n        text-align: center;\n      }\n      .announcement-toggle:hover {\n        color: #6430ab;\n      }\n\n      /* ── Brand typography ────────────────────────────────────────── */\n      /* Override Tailwind font-mono stack → Spline Sans Mono */\n      .font-mono,\n      pre,\n      code {\n        font-family: \"Spline Sans Mono\", ui-monospace, \"Cascadia Code\", monospace;\n      }\n\n      /* ── Floating button ─────────────────────────────────────────── */\n      .console-button {\n        background-color: rgba(1, 5, 7, 0.95) !important;\n        border-color: rgba(190, 194, 255, 0.25) !important;\n        box-shadow:\n          0 0 0 1px rgba(190, 194, 255, 0.15),\n          0 4px 14px rgba(1, 5, 7, 0.28) !important;\n      }\n      .console-button:hover {\n        background-color: rgba(1, 5, 7, 1) !important;\n        border-color: rgba(190, 194, 255, 0.45) !important;\n      }\n      .console-button:focus-visible {\n        outline-color: #bec2ff !important;\n      }\n\n      /* ── Inspector window ────────────────────────────────────────── */\n      .inspector-window {\n        border-color: #dbdbe5 !important;\n        box-shadow:\n          0 8px 32px rgba(1, 5, 7, 0.1),\n          0 2px 8px rgba(1, 5, 7, 0.06) !important;\n      }\n\n      /* ── Header drag area ────────────────────────────────────────── */\n      .drag-handle {\n        border-bottom-color: #dbdbe5 !important;\n        /* Subtle pale lavender gradient — brand \"light, spacious\" surface */\n        background: linear-gradient(180deg, #f4f4fd 0%, #ffffff 100%) !important;\n      }\n\n      /* Tab strip row: soft off-white, separated from content */\n      .drag-handle > div:last-child {\n        border-top-color: #e2e2ea !important;\n        background-color: #fafafc !important;\n      }\n\n      /* ── Tab buttons ─────────────────────────────────────────────── */\n      /*\n       * Named classes owned by this component — no Tailwind conflict.\n       * Active: brand surface/surfaceContainerActive (lilac tint) +\n       *         border/borderActionEnabled underline.\n       * Dark fill is for primary action buttons only, not nav tabs.\n       */\n      .cpk-tab-active {\n        background-color: rgba(190, 194, 255, 0.18);\n        color: #010507;\n        font-weight: 600;\n      }\n      .cpk-tab-active .cpk-tab-icon {\n        color: #757cf2;\n      }\n      .cpk-tab-inactive {\n        background-color: transparent;\n        color: #2b2b2b;\n      }\n      .cpk-tab-inactive .cpk-tab-icon {\n        color: #838389;\n      }\n      .cpk-tab-inactive:hover {\n        background-color: rgba(190, 194, 255, 0.08);\n        color: #010507;\n        cursor: pointer;\n      }\n      .cpk-tab-active {\n        cursor: pointer;\n      }\n\n      /* ── Header control buttons (dock, close) — first row only ───── */\n      .drag-handle > div:first-child button {\n        color: #838389 !important;\n      }\n      .drag-handle > div:first-child button:hover {\n        background-color: #f0f0f4 !important;\n        color: #57575b !important;\n      }\n      .drag-handle > div:first-child button:focus-visible {\n        outline-color: #bec2ff !important;\n      }\n\n      /* ── Agent/context dropdown ──────────────────────────────────── */\n      [data-context-dropdown-root=\"true\"] > button {\n        border-color: #dbdbe5 !important;\n        color: #010507 !important;\n      }\n      [data-context-dropdown-root=\"true\"] > button:hover {\n        border-color: #bec2ff !important;\n        background-color: #f7f7f9 !important;\n      }\n      [data-context-dropdown-root=\"true\"] > button > span:last-child {\n        color: #838389 !important;\n      }\n      [data-context-dropdown-root=\"true\"] > div {\n        border-color: #dbdbe5 !important;\n        box-shadow: 0 4px 12px rgba(1, 5, 7, 0.08) !important;\n      }\n      [data-context-dropdown-root=\"true\"] > div button:hover,\n      [data-context-dropdown-root=\"true\"] > div button:focus {\n        background-color: #f7f7f9 !important;\n      }\n\n      /* ── Status bar (bottom chrome) ──────────────────────────────── */\n      .inspector-window > div > div:last-child {\n        border-top-color: #dbdbe5 !important;\n        background-color: #f7f7f9 !important;\n      }\n\n      /* ── Resize handle ───────────────────────────────────────────── */\n      .resize-handle {\n        color: #838389 !important;\n      }\n      .resize-handle:hover {\n        color: #57575b !important;\n      }\n\n      /* ── AG-UI Events tab ────────────────────────────────────────── */\n      /* Row hover: replace blue tint with brand lilac */\n      tr:hover td {\n        background-color: rgba(190, 194, 255, 0.08) !important;\n      }\n      /* Reset/dark action button */\n      button[class*=\"bg-gray-900\"] {\n        background-color: #010507 !important;\n      }\n      button[class*=\"bg-gray-800\"] {\n        background-color: #2b2b2b !important;\n      }\n      /* Copy \"copied\" state: generic green → brand mint */\n      button[class*=\"bg-green-100\"] {\n        background-color: rgba(133, 236, 206, 0.2) !important;\n        color: #189370 !important;\n      }\n\n      /* ── Agents tab ──────────────────────────────────────────────── */\n      /* Agent icon bubble: blue → lilac */\n      span[class*=\"bg-blue-100\"]:not([class*=\"text-blue-800\"]) {\n        background-color: rgba(190, 194, 255, 0.15) !important;\n      }\n      span[class*=\"text-blue-600\"] {\n        color: #757cf2 !important;\n      }\n      /* Running badge: emerald → mint */\n      span[class*=\"bg-emerald-50\"] {\n        background-color: rgba(133, 236, 206, 0.15) !important;\n      }\n      span[class*=\"text-emerald-700\"] {\n        color: #189370 !important;\n      }\n      /* Running status dot */\n      span[class*=\"bg-emerald-500\"] {\n        background-color: #85ecce !important;\n      }\n      /* Idle dot */\n      span[class*=\"bg-gray-400\"] {\n        background-color: #afafb7 !important;\n      }\n      /* User role badge (blue → lilac) */\n      span[class*=\"bg-blue-100\"][class*=\"text-blue-800\"] {\n        background-color: rgba(190, 194, 255, 0.22) !important;\n        border: 1px solid rgba(190, 194, 255, 0.45) !important;\n        color: #57575b !important;\n      }\n      /* Assistant role badge (green → mint) */\n      span[class*=\"bg-green-100\"][class*=\"text-green-800\"] {\n        background-color: rgba(133, 236, 206, 0.18) !important;\n        border: 1px solid rgba(133, 236, 206, 0.4) !important;\n        color: #189370 !important;\n      }\n      /* Tool role badge (amber → orange brand) */\n      span[class*=\"bg-amber-100\"][class*=\"text-amber-800\"] {\n        background-color: rgba(255, 172, 77, 0.15) !important;\n        color: #57575b !important;\n      }\n\n      /* ── Frontend Tools tab ──────────────────────────────────────── */\n      /* Handler badge (blue → lilac) */\n      span[class*=\"bg-blue-50\"][class*=\"text-blue-700\"] {\n        background-color: rgba(190, 194, 255, 0.12) !important;\n        border-color: rgba(190, 194, 255, 0.3) !important;\n        color: #010507 !important;\n      }\n      /* Renderer badge (purple → lilac-adjacent) */\n      span[class*=\"bg-purple-50\"][class*=\"text-purple-700\"] {\n        background-color: rgba(190, 194, 255, 0.12) !important;\n        border-color: rgba(190, 194, 255, 0.3) !important;\n        color: #57575b !important;\n      }\n      /* Required badge (rose → brand red) */\n      span[class*=\"bg-rose-50\"][class*=\"text-rose-700\"] {\n        background-color: rgba(250, 95, 103, 0.1) !important;\n        border-color: rgba(250, 95, 103, 0.25) !important;\n        color: #fa5f67 !important;\n      }\n      /* Code/default value blocks */\n      code[class*=\"bg-gray-100\"],\n      span[class*=\"bg-gray-100\"] {\n        background-color: #f0f0f4 !important;\n      }\n\n      /* ── Connected status bar: match threads header mint (#5BE4BB) ──── */\n      /* Outer strip bg + top border + text when connected badge is present */\n      .inspector-window\n        > div\n        > div:last-child\n        > div:last-child:has(div[class*=\"bg-emerald-50\"]) {\n        background-color: rgba(91, 228, 187, 0.08) !important;\n        border-top-color: rgba(91, 228, 187, 0.3) !important;\n        color: #189370 !important;\n      }\n      /* Inner badge — slightly more opaque on the mint bg */\n      div[class*=\"bg-emerald-50\"][class*=\"border-emerald-200\"] {\n        background-color: rgba(91, 228, 187, 0.12) !important;\n        border-color: rgba(91, 228, 187, 0.4) !important;\n        color: #189370 !important;\n      }\n      /* Icon bubble inside connected badge → mint tint */\n      div[class*=\"bg-emerald-50\"] span[class*=\"bg-white\"] {\n        background-color: rgba(91, 228, 187, 0.3) !important;\n      }\n\n      /* ── Announcement panel ──────────────────────────────────────── */\n      div[class*=\"border-slate-200\"][class*=\"bg-white\"] {\n        border-color: #dbdbe5 !important;\n      }\n      /* Announcement icon bubble: black → brand light lavender + lilac icon */\n      span[class*=\"bg-slate-900\"],\n      div[class*=\"bg-slate-900\"] {\n        background-color: #eee6fe !important;\n        color: #757cf2 !important;\n      }\n      span[class*=\"text-slate-800\"],\n      div[class*=\"text-slate-800\"] {\n        color: #010507 !important;\n      }\n    `,\n  ];\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (typeof window !== \"undefined\") {\n      this.ensureBrandFonts();\n      window.addEventListener(\"resize\", this.handleResize);\n      window.addEventListener(\n        \"pointerdown\",\n        this.handleGlobalPointerDown as EventListener,\n      );\n\n      // Load state early (before first render) so menu selection is correct\n      this.hydrateStateFromStorageEarly();\n      this.tryAutoAttachCore();\n      this.ensureAnnouncementLoading();\n    }\n  }\n\n  private ensureBrandFonts(): void {\n    const FONT_LINK_ID = \"cpk-inspector-brand-fonts\";\n    if (document.getElementById(FONT_LINK_ID)) return;\n    const link = document.createElement(\"link\");\n    link.id = FONT_LINK_ID;\n    link.rel = \"stylesheet\";\n    link.href =\n      \"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600&family=Spline+Sans+Mono:wght@600&display=swap\";\n    document.head.appendChild(link);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (typeof window !== \"undefined\") {\n      window.removeEventListener(\"resize\", this.handleResize);\n      window.removeEventListener(\n        \"pointerdown\",\n        this.handleGlobalPointerDown as EventListener,\n      );\n    }\n    // Clear pending body-transition timers to prevent post-teardown errors\n    for (const id of this.bodyTransitionTimeoutIds) {\n      clearTimeout(id);\n    }\n    this.bodyTransitionTimeoutIds.clear();\n    if (this.transitionTimeoutId !== null) {\n      clearTimeout(this.transitionTimeoutId);\n      this.transitionTimeoutId = null;\n    }\n    this.removeDockStyles(true); // Clean up any docking styles, skip transition\n    this.detachFromCore();\n  }\n\n  firstUpdated(): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (!this._core) {\n      this.tryAutoAttachCore();\n    }\n\n    this.measureContext(\"button\");\n    this.measureContext(\"window\");\n\n    this.contextState.button.anchor = { horizontal: \"right\", vertical: \"top\" };\n    this.contextState.button.anchorOffset = { x: EDGE_MARGIN, y: EDGE_MARGIN };\n\n    this.contextState.window.anchor = { horizontal: \"right\", vertical: \"top\" };\n    this.contextState.window.anchorOffset = { x: EDGE_MARGIN, y: EDGE_MARGIN };\n\n    this.hydrateStateFromStorage();\n\n    // Apply docking styles if open and docked (skip transition on initial load)\n    if (this.isOpen && this.dockMode !== \"floating\") {\n      this.applyDockStyles(true);\n    }\n\n    this.applyAnchorPosition(\"button\");\n\n    if (this.dockMode === \"floating\") {\n      if (this.hasCustomPosition.window) {\n        this.applyAnchorPosition(\"window\");\n      } else {\n        this.centerContext(\"window\");\n      }\n    }\n\n    this.ensureAnnouncementLoading();\n\n    this.updateHostTransform(this.isOpen ? \"window\" : \"button\");\n  }\n\n  render() {\n    return this.isOpen ? this.renderWindow() : this.renderButton();\n  }\n\n  private renderButton() {\n    const buttonClasses = [\n      \"console-button\",\n      \"group\",\n      \"relative\",\n      \"pointer-events-auto\",\n      \"inline-flex\",\n      \"h-12\",\n      \"w-12\",\n      \"items-center\",\n      \"justify-center\",\n      \"rounded-full\",\n      \"border\",\n      \"border-white/20\",\n      \"bg-slate-950/95\",\n      \"text-xs\",\n      \"font-medium\",\n      \"text-white\",\n      \"ring-1\",\n      \"ring-white/10\",\n      \"backdrop-blur-md\",\n      \"transition\",\n      \"hover:border-white/30\",\n      \"hover:bg-slate-900/95\",\n      \"hover:scale-105\",\n      \"focus-visible:outline\",\n      \"focus-visible:outline-2\",\n      \"focus-visible:outline-offset-2\",\n      \"focus-visible:outline-[#BEC2FF]\",\n      \"touch-none\",\n      \"select-none\",\n      this.isDragging ? \"cursor-grabbing\" : \"cursor-grab\",\n    ].join(\" \");\n\n    return html`\n      <button\n        class=${buttonClasses}\n        type=\"button\"\n        aria-label=\"Web Inspector\"\n        data-drag-context=\"button\"\n        data-dragging=${\n          this.isDragging && this.pointerContext === \"button\" ? \"true\" : \"false\"\n        }\n        @pointerdown=${this.handlePointerDown}\n        @pointermove=${this.handlePointerMove}\n        @pointerup=${this.handlePointerUp}\n        @pointercancel=${this.handlePointerCancel}\n        @click=${this.handleButtonClick}\n      >\n        ${this.renderAnnouncementPreview()}\n        <img\n          src=${inspectorLogoIconUrl}\n          alt=\"Inspector logo\"\n          class=\"h-5 w-auto\"\n          loading=\"lazy\"\n        />\n      </button>\n    `;\n  }\n\n  private renderWindow() {\n    const windowState = this.contextState.window;\n    const isDocked = this.dockMode !== \"floating\";\n    const isTransitioning = this.hasAttribute(\"data-transitioning\");\n\n    const windowStyles = isDocked\n      ? this.getDockedWindowStyles()\n      : {\n          width: `${Math.round(windowState.size.width)}px`,\n          height: `${Math.round(windowState.size.height)}px`,\n          minWidth: `${MIN_WINDOW_WIDTH}px`,\n          minHeight: `${MIN_WINDOW_HEIGHT}px`,\n        };\n\n    const hasContextDropdown = this.contextOptions.length > 0;\n    const contextDropdown = hasContextDropdown\n      ? this.renderContextDropdown()\n      : nothing;\n    const coreStatus = this.getCoreStatusSummary();\n    const agentSelector = hasContextDropdown\n      ? contextDropdown\n      : html`\n          <div\n            class=\"flex items-center gap-2 rounded-md border border-dashed border-gray-200 px-2 py-1 text-xs text-gray-400\"\n          >\n            <span>${this.renderIcon(\"Bot\")}</span>\n            <span class=\"truncate\">No agents available</span>\n          </div>\n        `;\n\n    return html`\n      <section\n        class=\"inspector-window pointer-events-auto relative flex flex-col overflow-hidden rounded-xl border border-gray-200 bg-white text-gray-900 shadow-lg\"\n        style=${styleMap(windowStyles)}\n        data-docked=${isDocked}\n        data-transitioning=${isTransitioning}\n      >\n        ${\n          isDocked\n            ? html`\n              <div\n                class=\"dock-resize-handle pointer-events-auto\"\n                role=\"presentation\"\n                aria-hidden=\"true\"\n                @pointerdown=${this.handleResizePointerDown}\n                @pointermove=${this.handleResizePointerMove}\n                @pointerup=${this.handleResizePointerUp}\n                @pointercancel=${this.handleResizePointerCancel}\n              ></div>\n            `\n            : nothing\n        }\n        <div\n          class=\"flex flex-1 flex-col overflow-hidden bg-white text-gray-800\"\n        >\n          <div\n            class=\"drag-handle relative z-30 flex flex-col border-b border-gray-200 bg-white/95 backdrop-blur-sm ${\n              isDocked\n                ? \"\"\n                : this.isDragging && this.pointerContext === \"window\"\n                  ? \"cursor-grabbing\"\n                  : \"cursor-grab\"\n            }\"\n            data-drag-context=\"window\"\n            @pointerdown=${isDocked ? undefined : this.handlePointerDown}\n            @pointermove=${isDocked ? undefined : this.handlePointerMove}\n            @pointerup=${isDocked ? undefined : this.handlePointerUp}\n            @pointercancel=${isDocked ? undefined : this.handlePointerCancel}\n          >\n            <div class=\"flex flex-wrap items-center gap-3 px-4 py-3\">\n              <div class=\"flex items-center min-w-0\">\n                <img\n                  src=${inspectorLogoUrl}\n                  alt=\"Inspector logo\"\n                  class=\"h-6 w-auto\"\n                  loading=\"lazy\"\n                />\n              </div>\n              <div class=\"ml-auto flex min-w-0 items-center gap-2\">\n                <div class=\"min-w-[160px] max-w-xs\">${agentSelector}</div>\n                <div class=\"flex items-center gap-1\">\n                  ${this.renderDockControls()}\n                  <button\n                    class=\"flex h-8 w-8 items-center justify-center rounded-md text-gray-400 transition hover:bg-gray-100 hover:text-gray-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400\"\n                    type=\"button\"\n                    aria-label=\"Close Web Inspector\"\n                    @pointerdown=${this.handleClosePointerDown}\n                    @click=${this.handleCloseClick}\n                  >\n                    ${this.renderIcon(\"X\")}\n                  </button>\n                </div>\n              </div>\n            </div>\n            ${this.renderAnnouncementBanner()}\n            <div\n              class=\"flex flex-wrap items-center gap-2 border-t border-gray-100 px-3 py-2 text-xs\"\n            >\n              ${this.menuItems.map(({ key, label, icon }) => {\n                const isSelected = this.selectedMenu === key;\n                const tabClasses = [\n                  \"inline-flex items-center gap-2 rounded-md px-3 py-2 transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-300\",\n                  isSelected ? \"cpk-tab-active\" : \"cpk-tab-inactive\",\n                ].join(\" \");\n\n                return html`\n                  <button\n                    type=\"button\"\n                    class=${tabClasses}\n                    aria-pressed=${isSelected}\n                    @click=${() => this.handleMenuSelect(key)}\n                  >\n                    <span class=\"cpk-tab-icon\">\n                      ${\n                        key in this.customTabIcons\n                          ? unsafeHTML(this.customTabIcons[key])\n                          : this.renderIcon(icon)\n                      }\n                    </span>\n                    <span>${label}</span>\n                  </button>\n                `;\n              })}\n            </div>\n          </div>\n          <div class=\"flex flex-1 flex-col overflow-hidden\">\n            <div id=\"cpk-main-scroll\" class=\"flex-1 overflow-auto\">\n              ${this.renderCoreWarningBanner()} ${this.renderMainContent()}\n              <slot></slot>\n            </div>\n            <div class=\"border-t border-gray-200 bg-gray-50 px-4 py-2\">\n              <div\n                class=\"flex items-center gap-2 rounded-md px-3 py-2 text-xs ${coreStatus.tone} w-full overflow-hidden my-1\"\n                title=${coreStatus.description}\n              >\n                <span\n                  class=\"flex h-6 w-6 items-center justify-center rounded bg-white/60\"\n                >\n                  ${this.renderIcon(\"Activity\")}\n                </span>\n                <span class=\"font-medium\">${coreStatus.label}</span>\n                <span class=\"truncate text-[11px] opacity-80\"\n                  >${coreStatus.description}</span\n                >\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"resize-handle pointer-events-auto absolute bottom-1 right-1 flex h-5 w-5 cursor-nwse-resize items-center justify-center text-gray-400 transition hover:text-gray-600\"\n          role=\"presentation\"\n          aria-hidden=\"true\"\n          @pointerdown=${this.handleResizePointerDown}\n          @pointermove=${this.handleResizePointerMove}\n          @pointerup=${this.handleResizePointerUp}\n          @pointercancel=${this.handleResizePointerCancel}\n        >\n          <svg\n            class=\"h-3 w-3\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-linecap=\"round\"\n            stroke-width=\"1.5\"\n          >\n            <path d=\"M5 15L15 5\" />\n            <path d=\"M9 15L15 9\" />\n          </svg>\n        </div>\n      </section>\n    `;\n  }\n\n  private hydrateStateFromStorageEarly(): void {\n    if (typeof document === \"undefined\" || typeof window === \"undefined\") {\n      return;\n    }\n\n    // Restore early-access unlock from cookie set by _submitThreadsCode\n    if (document.cookie.includes(\"cpk_threads_access=1\")) {\n      this._threadsUnlocked = true;\n    }\n\n    const persisted = loadInspectorState(INSPECTOR_STORAGE_KEY);\n    if (!persisted) {\n      return;\n    }\n\n    // Restore the open/closed state\n    if (typeof persisted.isOpen === \"boolean\") {\n      this.isOpen = persisted.isOpen;\n    }\n\n    // Restore the dock mode\n    if (isValidDockMode(persisted.dockMode)) {\n      this.dockMode = persisted.dockMode;\n    }\n\n    // Restore selected menu\n    if (typeof persisted.selectedMenu === \"string\") {\n      const validMenu = this.menuItems.find(\n        (item) => item.key === persisted.selectedMenu,\n      );\n      if (validMenu) {\n        this.selectedMenu = validMenu.key;\n      }\n    }\n\n    // Restore selected context (agent), will be validated later against available agents\n    if (typeof persisted.selectedContext === \"string\") {\n      this.selectedContext = persisted.selectedContext;\n      this.pendingSelectedContext = persisted.selectedContext;\n    }\n  }\n\n  private hydrateStateFromStorage(): void {\n    if (typeof document === \"undefined\" || typeof window === \"undefined\") {\n      return;\n    }\n\n    const persisted = loadInspectorState(INSPECTOR_STORAGE_KEY);\n    if (!persisted) {\n      return;\n    }\n\n    const persistedButton = persisted.button;\n    if (persistedButton) {\n      if (isValidAnchor(persistedButton.anchor)) {\n        this.contextState.button.anchor = persistedButton.anchor;\n      }\n\n      if (isValidPosition(persistedButton.anchorOffset)) {\n        this.contextState.button.anchorOffset = persistedButton.anchorOffset;\n      }\n\n      if (typeof persistedButton.hasCustomPosition === \"boolean\") {\n        this.hasCustomPosition.button = persistedButton.hasCustomPosition;\n      }\n    }\n\n    const persistedWindow = persisted.window;\n    if (persistedWindow) {\n      if (isValidAnchor(persistedWindow.anchor)) {\n        this.contextState.window.anchor = persistedWindow.anchor;\n      }\n\n      if (isValidPosition(persistedWindow.anchorOffset)) {\n        this.contextState.window.anchorOffset = persistedWindow.anchorOffset;\n      }\n\n      if (isValidSize(persistedWindow.size)) {\n        // Now clampWindowSize will use the correct minimum based on dockMode\n        this.contextState.window.size = this.clampWindowSize(\n          persistedWindow.size,\n        );\n      }\n\n      if (typeof persistedWindow.hasCustomPosition === \"boolean\") {\n        this.hasCustomPosition.window = persistedWindow.hasCustomPosition;\n      }\n    }\n\n    if (typeof persisted.selectedContext === \"string\") {\n      this.selectedContext = persisted.selectedContext;\n      this.pendingSelectedContext = persisted.selectedContext;\n    }\n  }\n\n  private get activeContext(): ContextKey {\n    return this.isOpen ? \"window\" : \"button\";\n  }\n\n  private handlePointerDown = (event: PointerEvent) => {\n    // Don't allow dragging when docked\n    if (this.dockMode !== \"floating\" && this.isOpen) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    const contextAttr = target?.dataset.dragContext;\n    const context: ContextKey = contextAttr === \"window\" ? \"window\" : \"button\";\n\n    const eventTarget = event.target as HTMLElement | null;\n    if (context === \"window\" && eventTarget?.closest(\"button\")) {\n      return;\n    }\n\n    this.pointerContext = context;\n    this.measureContext(context);\n\n    event.preventDefault();\n\n    this.pointerId = event.pointerId;\n    this.dragStart = { x: event.clientX, y: event.clientY };\n    const state = this.contextState[context];\n    this.dragOffset = {\n      x: event.clientX - state.position.x,\n      y: event.clientY - state.position.y,\n    };\n    this.isDragging = false;\n    this.draggedDuringInteraction = false;\n    this.ignoreNextButtonClick = false;\n\n    target?.setPointerCapture?.(this.pointerId);\n  };\n\n  private handlePointerMove = (event: PointerEvent) => {\n    if (\n      this.pointerId !== event.pointerId ||\n      !this.dragStart ||\n      !this.pointerContext\n    ) {\n      return;\n    }\n\n    const distance = Math.hypot(\n      event.clientX - this.dragStart.x,\n      event.clientY - this.dragStart.y,\n    );\n    if (!this.isDragging && distance < DRAG_THRESHOLD) {\n      return;\n    }\n\n    event.preventDefault();\n    this.setDragging(true);\n    this.draggedDuringInteraction = true;\n\n    const desired: Position = {\n      x: event.clientX - this.dragOffset.x,\n      y: event.clientY - this.dragOffset.y,\n    };\n\n    const constrained = this.constrainToViewport(desired, this.pointerContext);\n    this.contextState[this.pointerContext].position = constrained;\n    this.updateHostTransform(this.pointerContext);\n  };\n\n  private handlePointerUp = (event: PointerEvent) => {\n    if (this.pointerId !== event.pointerId) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    if (target?.hasPointerCapture(this.pointerId)) {\n      target.releasePointerCapture(this.pointerId);\n    }\n\n    const context = this.pointerContext ?? this.activeContext;\n\n    if (this.isDragging && this.pointerContext) {\n      event.preventDefault();\n      this.setDragging(false);\n      if (this.pointerContext === \"window\") {\n        this.updateAnchorFromPosition(this.pointerContext);\n        this.hasCustomPosition.window = true;\n        this.applyAnchorPosition(this.pointerContext);\n      } else if (this.pointerContext === \"button\") {\n        // Snap button to nearest corner\n        this.snapButtonToCorner();\n        this.hasCustomPosition.button = true;\n        if (this.draggedDuringInteraction) {\n          this.ignoreNextButtonClick = true;\n        }\n      }\n    } else if (\n      context === \"button\" &&\n      !this.isOpen &&\n      !this.draggedDuringInteraction\n    ) {\n      this.openInspector();\n    }\n\n    this.resetPointerTracking();\n  };\n\n  private handlePointerCancel = (event: PointerEvent) => {\n    if (this.pointerId !== event.pointerId) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    if (target?.hasPointerCapture(this.pointerId)) {\n      target.releasePointerCapture(this.pointerId);\n    }\n\n    this.resetPointerTracking();\n  };\n\n  private handleButtonClick = (event: Event) => {\n    if (this.isDragging) {\n      event.preventDefault();\n      return;\n    }\n\n    if (this.ignoreNextButtonClick) {\n      event.preventDefault();\n      this.ignoreNextButtonClick = false;\n      return;\n    }\n\n    if (!this.isOpen) {\n      event.preventDefault();\n      this.openInspector();\n    }\n  };\n\n  private handleClosePointerDown = (event: PointerEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  private handleCloseClick = () => {\n    this.closeInspector();\n  };\n\n  private handleResizePointerDown = (event: PointerEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.hasCustomPosition.window = true;\n    this.isResizing = true;\n    this.resizePointerId = event.pointerId;\n    this.resizeStart = { x: event.clientX, y: event.clientY };\n    this.resizeInitialSize = { ...this.contextState.window.size };\n\n    // Remove transition from body during resize to prevent lag\n    if (document.body && this.dockMode !== \"floating\") {\n      document.body.style.transition = \"\";\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    target?.setPointerCapture?.(event.pointerId);\n  };\n\n  private handleResizePointerMove = (event: PointerEvent) => {\n    if (\n      !this.isResizing ||\n      this.resizePointerId !== event.pointerId ||\n      !this.resizeStart ||\n      !this.resizeInitialSize\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const deltaX = event.clientX - this.resizeStart.x;\n    const deltaY = event.clientY - this.resizeStart.y;\n    const state = this.contextState.window;\n\n    // For docked states, only resize in the appropriate dimension\n    if (this.dockMode === \"docked-left\") {\n      // Only resize width for left dock\n      state.size = this.clampWindowSize({\n        width: this.resizeInitialSize.width + deltaX,\n        height: state.size.height,\n      });\n      // Update the body margin\n      if (document.body) {\n        document.body.style.marginLeft = `${state.size.width}px`;\n      }\n    } else {\n      // Full resize for floating mode\n      state.size = this.clampWindowSize({\n        width: this.resizeInitialSize.width + deltaX,\n        height: this.resizeInitialSize.height + deltaY,\n      });\n      this.keepPositionWithinViewport(\"window\");\n      this.updateAnchorFromPosition(\"window\");\n    }\n\n    this.requestUpdate();\n    this.updateHostTransform(\"window\");\n  };\n\n  private handleResizePointerUp = (event: PointerEvent) => {\n    if (this.resizePointerId !== event.pointerId) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    if (target?.hasPointerCapture(this.resizePointerId)) {\n      target.releasePointerCapture(this.resizePointerId);\n    }\n\n    // Only update anchor position for floating mode\n    if (this.dockMode === \"floating\") {\n      this.updateAnchorFromPosition(\"window\");\n      this.applyAnchorPosition(\"window\");\n    }\n\n    // Persist the new size after resize completes\n    this.persistState();\n    this.resetResizeTracking();\n  };\n\n  private handleResizePointerCancel = (event: PointerEvent) => {\n    if (this.resizePointerId !== event.pointerId) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLElement | null;\n    if (target?.hasPointerCapture(this.resizePointerId)) {\n      target.releasePointerCapture(this.resizePointerId);\n    }\n\n    // Only update anchor position for floating mode\n    if (this.dockMode === \"floating\") {\n      this.updateAnchorFromPosition(\"window\");\n      this.applyAnchorPosition(\"window\");\n    }\n\n    // Persist the new size after resize completes\n    this.persistState();\n    this.resetResizeTracking();\n  };\n\n  private handleResize = () => {\n    this.measureContext(\"button\");\n    this.applyAnchorPosition(\"button\");\n\n    this.measureContext(\"window\");\n    if (this.hasCustomPosition.window) {\n      this.applyAnchorPosition(\"window\");\n    } else {\n      this.centerContext(\"window\");\n    }\n\n    this.updateHostTransform();\n  };\n\n  private measureContext(context: ContextKey): void {\n    const selector =\n      context === \"window\" ? \".inspector-window\" : \".console-button\";\n    const element = this.renderRoot?.querySelector(\n      selector,\n    ) as HTMLElement | null;\n    if (!element) {\n      return;\n    }\n    const fallback =\n      context === \"window\" ? DEFAULT_WINDOW_SIZE : DEFAULT_BUTTON_SIZE;\n    updateSizeFromElement(this.contextState[context], element, fallback);\n  }\n\n  private centerContext(context: ContextKey): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const viewport = this.getViewportSize();\n    centerContextHelper(this.contextState[context], viewport, EDGE_MARGIN);\n\n    if (context === this.activeContext) {\n      this.updateHostTransform(context);\n    }\n\n    this.hasCustomPosition[context] = false;\n    this.persistState();\n  }\n\n  private ensureWindowPlacement(): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (!this.hasCustomPosition.window) {\n      this.centerContext(\"window\");\n      return;\n    }\n\n    const viewport = this.getViewportSize();\n    keepPositionWithinViewport(this.contextState.window, viewport, EDGE_MARGIN);\n    updateAnchorFromPositionHelper(\n      this.contextState.window,\n      viewport,\n      EDGE_MARGIN,\n    );\n    this.updateHostTransform(\"window\");\n    this.persistState();\n  }\n\n  private constrainToViewport(\n    position: Position,\n    context: ContextKey,\n  ): Position {\n    if (typeof window === \"undefined\") {\n      return position;\n    }\n\n    const viewport = this.getViewportSize();\n    return constrainToViewport(\n      this.contextState[context],\n      position,\n      viewport,\n      EDGE_MARGIN,\n    );\n  }\n\n  private keepPositionWithinViewport(context: ContextKey): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const viewport = this.getViewportSize();\n    keepPositionWithinViewport(\n      this.contextState[context],\n      viewport,\n      EDGE_MARGIN,\n    );\n  }\n\n  private getViewportSize(): Size {\n    if (typeof window === \"undefined\") {\n      return { ...DEFAULT_WINDOW_SIZE };\n    }\n\n    return { width: window.innerWidth, height: window.innerHeight };\n  }\n\n  private persistState(): void {\n    const state: PersistedState = {\n      button: {\n        anchor: this.contextState.button.anchor,\n        anchorOffset: this.contextState.button.anchorOffset,\n        hasCustomPosition: this.hasCustomPosition.button,\n      },\n      window: {\n        anchor: this.contextState.window.anchor,\n        anchorOffset: this.contextState.window.anchorOffset,\n        size: {\n          width: Math.round(this.contextState.window.size.width),\n          height: Math.round(this.contextState.window.size.height),\n        },\n        hasCustomPosition: this.hasCustomPosition.window,\n      },\n      isOpen: this.isOpen,\n      dockMode: this.dockMode,\n      selectedMenu: this.selectedMenu,\n      selectedContext: this.selectedContext,\n    };\n    saveInspectorState(INSPECTOR_STORAGE_KEY, state);\n    this.pendingSelectedContext = state.selectedContext ?? null;\n  }\n\n  private clampWindowSize(size: Size): Size {\n    // Use smaller minimum width when docked left\n    const minWidth =\n      this.dockMode === \"docked-left\"\n        ? MIN_WINDOW_WIDTH_DOCKED_LEFT\n        : MIN_WINDOW_WIDTH;\n\n    if (typeof window === \"undefined\") {\n      return {\n        width: Math.max(minWidth, size.width),\n        height: Math.max(MIN_WINDOW_HEIGHT, size.height),\n      };\n    }\n\n    const viewport = this.getViewportSize();\n    return clampSizeToViewport(\n      size,\n      viewport,\n      EDGE_MARGIN,\n      minWidth,\n      MIN_WINDOW_HEIGHT,\n    );\n  }\n\n  private setDockMode(mode: DockMode): void {\n    if (this.dockMode === mode) {\n      return;\n    }\n\n    // Add transition class for smooth dock mode changes\n    this.startHostTransition();\n\n    // Clean up previous dock state\n    this.removeDockStyles();\n\n    this.dockMode = mode;\n\n    if (mode !== \"floating\") {\n      // For docking, set the target size immediately so body margins are correct\n      if (mode === \"docked-left\") {\n        this.contextState.window.size.width = DOCKED_LEFT_WIDTH;\n      }\n\n      // Then apply dock styles with correct sizes\n      this.applyDockStyles();\n    } else {\n      // When floating, set size first then center\n      this.contextState.window.size = { ...DEFAULT_WINDOW_SIZE };\n      this.centerContext(\"window\");\n    }\n\n    this.persistState();\n    this.requestUpdate();\n    this.updateHostTransform(\"window\");\n  }\n\n  private startHostTransition(duration = 300): void {\n    this.setAttribute(\"data-transitioning\", \"true\");\n\n    if (this.transitionTimeoutId !== null) {\n      clearTimeout(this.transitionTimeoutId);\n    }\n\n    this.transitionTimeoutId = setTimeout(() => {\n      this.removeAttribute(\"data-transitioning\");\n      this.transitionTimeoutId = null;\n    }, duration);\n  }\n\n  private applyDockStyles(skipTransition = false): void {\n    if (typeof document === \"undefined\" || !document.body) {\n      return;\n    }\n\n    // Save original body margins\n    const computedStyle = window.getComputedStyle(document.body);\n    this.previousBodyMargins = {\n      left: computedStyle.marginLeft,\n      bottom: computedStyle.marginBottom,\n    };\n\n    // Apply transition to body for smooth animation (only when docking, not during resize or initial load)\n    if (!this.isResizing && !skipTransition) {\n      document.body.style.transition = \"margin 300ms ease\";\n    }\n\n    // Apply body margins with the actual window sizes\n    if (this.dockMode === \"docked-left\") {\n      document.body.style.marginLeft = `${this.contextState.window.size.width}px`;\n    }\n\n    // Remove transition after animation completes\n    if (!this.isResizing && !skipTransition) {\n      const id = setTimeout(() => {\n        this.bodyTransitionTimeoutIds.delete(id);\n        if (typeof document !== \"undefined\" && document.body) {\n          document.body.style.transition = \"\";\n        }\n      }, 300);\n      this.bodyTransitionTimeoutIds.add(id);\n    }\n  }\n\n  private removeDockStyles(skipTransition = false): void {\n    if (typeof document === \"undefined\" || !document.body) {\n      return;\n    }\n\n    // Only add transition if not resizing and not skipping\n    if (!this.isResizing && !skipTransition) {\n      document.body.style.transition = \"margin 300ms ease\";\n    }\n\n    // Restore original margins if saved\n    if (this.previousBodyMargins) {\n      document.body.style.marginLeft = this.previousBodyMargins.left;\n      document.body.style.marginBottom = this.previousBodyMargins.bottom;\n      this.previousBodyMargins = null;\n    } else {\n      // Reset to default if no previous values\n      document.body.style.marginLeft = \"\";\n      document.body.style.marginBottom = \"\";\n    }\n\n    // Clean up transition after animation completes\n    if (!skipTransition) {\n      const id = setTimeout(() => {\n        this.bodyTransitionTimeoutIds.delete(id);\n        if (typeof document !== \"undefined\" && document.body) {\n          document.body.style.transition = \"\";\n        }\n      }, 300);\n      this.bodyTransitionTimeoutIds.add(id);\n    } else {\n      document.body.style.transition = \"\";\n    }\n  }\n\n  private updateHostTransform(context: ContextKey = this.activeContext): void {\n    if (context !== this.activeContext) {\n      return;\n    }\n\n    // For docked states, CSS handles positioning with fixed positioning\n    if (this.isOpen && this.dockMode === \"docked-left\") {\n      this.style.transform = `translate3d(0, 0, 0)`;\n    } else {\n      const { position } = this.contextState[context];\n      this.style.transform = `translate3d(${position.x}px, ${position.y}px, 0)`;\n    }\n  }\n\n  private setDragging(value: boolean): void {\n    if (this.isDragging !== value) {\n      this.isDragging = value;\n      this.requestUpdate();\n    }\n  }\n\n  private updateAnchorFromPosition(context: ContextKey): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const viewport = this.getViewportSize();\n    updateAnchorFromPositionHelper(\n      this.contextState[context],\n      viewport,\n      EDGE_MARGIN,\n    );\n  }\n\n  private snapButtonToCorner(): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const viewport = this.getViewportSize();\n    const state = this.contextState.button;\n\n    // Determine which corner is closest based on center of button\n    const centerX = state.position.x + state.size.width / 2;\n    const centerY = state.position.y + state.size.height / 2;\n\n    const horizontal: Anchor[\"horizontal\"] =\n      centerX < viewport.width / 2 ? \"left\" : \"right\";\n    const vertical: Anchor[\"vertical\"] =\n      centerY < viewport.height / 2 ? \"top\" : \"bottom\";\n\n    // Set anchor to nearest corner\n    state.anchor = { horizontal, vertical };\n\n    // Always use EDGE_MARGIN as offset (pinned to corner)\n    state.anchorOffset = { x: EDGE_MARGIN, y: EDGE_MARGIN };\n\n    // Apply the anchor position to snap to corner\n    this.startHostTransition();\n    this.applyAnchorPosition(\"button\");\n  }\n\n  private applyAnchorPosition(context: ContextKey): void {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const viewport = this.getViewportSize();\n    applyAnchorPositionHelper(\n      this.contextState[context],\n      viewport,\n      EDGE_MARGIN,\n    );\n    this.updateHostTransform(context);\n    this.persistState();\n  }\n\n  private resetResizeTracking(): void {\n    this.resizePointerId = null;\n    this.resizeStart = null;\n    this.resizeInitialSize = null;\n    this.isResizing = false;\n  }\n\n  private resetPointerTracking(): void {\n    this.pointerId = null;\n    this.dragStart = null;\n    this.pointerContext = null;\n    this.setDragging(false);\n    this.draggedDuringInteraction = false;\n  }\n\n  private openInspector(): void {\n    if (this.isOpen) {\n      return;\n    }\n\n    this.showAnnouncementPreview = false; // hide the bubble once the inspector is opened\n\n    this.ensureAnnouncementLoading();\n\n    this.isOpen = true;\n    this.persistState(); // Save the open state\n\n    // Apply docking styles if in docked mode\n    if (this.dockMode !== \"floating\") {\n      this.applyDockStyles();\n    }\n\n    this.ensureWindowPlacement();\n    this.requestUpdate();\n    void this.updateComplete.then(() => {\n      this.measureContext(\"window\");\n      if (this.dockMode === \"floating\") {\n        if (this.hasCustomPosition.window) {\n          this.applyAnchorPosition(\"window\");\n        } else {\n          this.centerContext(\"window\");\n        }\n      } else {\n        // Update transform for docked position\n        this.updateHostTransform(\"window\");\n      }\n    });\n  }\n\n  private closeInspector(): void {\n    if (!this.isOpen) {\n      return;\n    }\n\n    this.isOpen = false;\n\n    // Remove docking styles when closing\n    if (this.dockMode !== \"floating\") {\n      this.removeDockStyles();\n    }\n\n    this.persistState(); // Save the closed state\n    this.updateHostTransform(\"button\");\n    this.requestUpdate();\n    void this.updateComplete.then(() => {\n      this.measureContext(\"button\");\n      this.applyAnchorPosition(\"button\");\n    });\n  }\n\n  private renderIcon(name: LucideIconName) {\n    const iconNode = icons[name];\n    if (!iconNode) {\n      return nothing;\n    }\n\n    const svgAttrs: Record<string, string | number> = {\n      xmlns: \"http://www.w3.org/2000/svg\",\n      viewBox: \"0 0 24 24\",\n      fill: \"none\",\n      stroke: \"currentColor\",\n      \"stroke-width\": \"1.5\",\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      class: \"h-3.5 w-3.5\",\n    };\n\n    const svgMarkup = `<svg ${this.serializeAttributes(svgAttrs)}>${iconNode\n      .map(([tag, attrs]) => `<${tag} ${this.serializeAttributes(attrs)} />`)\n      .join(\"\")}</svg>`;\n\n    return unsafeHTML(svgMarkup);\n  }\n\n  private renderDockControls() {\n    if (this.dockMode === \"floating\") {\n      // Show dock left button\n      return html`\n        <button\n          class=\"flex h-8 w-8 items-center justify-center rounded-md text-gray-400 transition hover:bg-gray-100 hover:text-gray-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400\"\n          type=\"button\"\n          aria-label=\"Dock to left\"\n          title=\"Dock Left\"\n          @click=${() => this.handleDockClick(\"docked-left\")}\n        >\n          ${this.renderIcon(\"PanelLeft\")}\n        </button>\n      `;\n    } else {\n      // Show float button\n      return html`\n        <button\n          class=\"flex h-8 w-8 items-center justify-center rounded-md text-gray-400 transition hover:bg-gray-100 hover:text-gray-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400\"\n          type=\"button\"\n          aria-label=\"Float window\"\n          title=\"Float\"\n          @click=${() => this.handleDockClick(\"floating\")}\n        >\n          ${this.renderIcon(\"Maximize2\")}\n        </button>\n      `;\n    }\n  }\n\n  private getDockedWindowStyles(): Record<string, string> {\n    if (this.dockMode === \"docked-left\") {\n      return {\n        position: \"fixed\",\n        top: \"0\",\n        left: \"0\",\n        bottom: \"0\",\n        width: `${Math.round(this.contextState.window.size.width)}px`,\n        height: \"100vh\",\n        minWidth: `${MIN_WINDOW_WIDTH_DOCKED_LEFT}px`,\n        borderRadius: \"0\",\n      };\n    }\n    // Default to floating styles\n    return {\n      width: `${Math.round(this.contextState.window.size.width)}px`,\n      height: `${Math.round(this.contextState.window.size.height)}px`,\n      minWidth: `${MIN_WINDOW_WIDTH}px`,\n      minHeight: `${MIN_WINDOW_HEIGHT}px`,\n    };\n  }\n\n  private handleDockClick(mode: DockMode): void {\n    this.setDockMode(mode);\n  }\n\n  private serializeAttributes(\n    attributes: Record<string, string | number | undefined>,\n  ): string {\n    return Object.entries(attributes)\n      .filter(\n        ([key, value]) =>\n          key !== \"key\" &&\n          value !== undefined &&\n          value !== null &&\n          value !== \"\",\n      )\n      .map(\n        ([key, value]) => `${key}=\"${String(value).replace(/\"/g, \"&quot;\")}\"`,\n      )\n      .join(\" \");\n  }\n\n  private sanitizeForLogging(\n    value: unknown,\n    depth = 0,\n    seen = new WeakSet<object>(),\n  ): SanitizedValue {\n    if (value === undefined) {\n      return \"[undefined]\";\n    }\n\n    if (\n      value === null ||\n      typeof value === \"number\" ||\n      typeof value === \"boolean\"\n    ) {\n      return value;\n    }\n\n    if (typeof value === \"string\") {\n      return value;\n    }\n\n    if (\n      typeof value === \"bigint\" ||\n      typeof value === \"symbol\" ||\n      typeof value === \"function\"\n    ) {\n      return String(value);\n    }\n\n    if (value instanceof Date) {\n      return value.toISOString();\n    }\n\n    if (Array.isArray(value)) {\n      if (depth >= 4) {\n        return \"[Truncated depth]\" as SanitizedValue;\n      }\n      return value.map((item) =>\n        this.sanitizeForLogging(item, depth + 1, seen),\n      );\n    }\n\n    if (typeof value === \"object\") {\n      if (seen.has(value as object)) {\n        return \"[Circular]\" as SanitizedValue;\n      }\n      seen.add(value as object);\n\n      if (depth >= 4) {\n        return \"[Truncated depth]\" as SanitizedValue;\n      }\n\n      const result: Record<string, SanitizedValue> = {};\n      for (const [key, entry] of Object.entries(\n        value as Record<string, unknown>,\n      )) {\n        result[key] = this.sanitizeForLogging(entry, depth + 1, seen);\n      }\n      return result;\n    }\n\n    return String(value);\n  }\n\n  private normalizeEventPayload(\n    _type: InspectorAgentEventType,\n    payload: unknown,\n  ): SanitizedValue {\n    if (payload && typeof payload === \"object\" && \"event\" in payload) {\n      const { event, ...rest } = payload as Record<string, unknown>;\n      const cleaned =\n        Object.keys(rest).length === 0 ? event : { event, ...rest };\n      return this.sanitizeForLogging(cleaned);\n    }\n\n    return this.sanitizeForLogging(payload);\n  }\n\n  private normalizeMessageContent(content: unknown): string {\n    if (typeof content === \"string\") {\n      return content;\n    }\n\n    if (\n      content &&\n      typeof content === \"object\" &&\n      \"text\" in (content as Record<string, unknown>)\n    ) {\n      const maybeText = (content as Record<string, unknown>).text;\n      if (typeof maybeText === \"string\") {\n        return maybeText;\n      }\n    }\n\n    if (content === null || content === undefined) {\n      return \"\";\n    }\n\n    if (typeof content === \"object\") {\n      try {\n        return JSON.stringify(this.sanitizeForLogging(content));\n      } catch {\n        return \"\";\n      }\n    }\n\n    return String(content);\n  }\n\n  private normalizeToolCalls(raw: unknown): InspectorToolCall[] {\n    if (!Array.isArray(raw)) {\n      return [];\n    }\n\n    return raw\n      .map((entry) => {\n        if (!entry || typeof entry !== \"object\") {\n          return null;\n        }\n        const call = entry as Record<string, unknown>;\n        const fn = call.function as Record<string, unknown> | undefined;\n        const functionName =\n          typeof fn?.name === \"string\"\n            ? fn.name\n            : typeof call.toolName === \"string\"\n              ? call.toolName\n              : undefined;\n        const args =\n          fn && \"arguments\" in fn\n            ? (fn as Record<string, unknown>).arguments\n            : call.arguments;\n\n        const normalized: InspectorToolCall = {\n          id: typeof call.id === \"string\" ? call.id : undefined,\n          toolName:\n            typeof call.toolName === \"string\" ? call.toolName : functionName,\n          status: typeof call.status === \"string\" ? call.status : undefined,\n        };\n\n        if (functionName) {\n          normalized.function = {\n            name: functionName,\n            arguments: this.sanitizeForLogging(args),\n          };\n        }\n\n        return normalized;\n      })\n      .filter((call): call is InspectorToolCall => Boolean(call));\n  }\n\n  private normalizeAgentMessage(message: unknown): InspectorMessage | null {\n    if (!message || typeof message !== \"object\") {\n      return null;\n    }\n\n    const raw = message as Record<string, unknown>;\n    const role = typeof raw.role === \"string\" ? raw.role : \"unknown\";\n    const contentText = this.normalizeMessageContent(raw.content);\n    const toolCalls = this.normalizeToolCalls(raw.toolCalls);\n\n    return {\n      id: typeof raw.id === \"string\" ? raw.id : undefined,\n      role,\n      contentText,\n      contentRaw:\n        raw.content !== undefined\n          ? this.sanitizeForLogging(raw.content)\n          : undefined,\n      toolCalls,\n      activityType:\n        typeof raw.activityType === \"string\" ? raw.activityType : undefined,\n    };\n  }\n\n  private normalizeAgentMessages(messages: unknown): InspectorMessage[] | null {\n    if (!Array.isArray(messages)) {\n      return null;\n    }\n\n    const normalized = messages\n      .map((message) => this.normalizeAgentMessage(message))\n      .filter((msg): msg is InspectorMessage => msg !== null);\n\n    return normalized;\n  }\n\n  private normalizeContextStore(\n    context: Readonly<Record<string, unknown>> | null | undefined,\n  ): Record<string, { description?: string; value: unknown }> {\n    if (!context || typeof context !== \"object\") {\n      return {};\n    }\n\n    const normalized: Record<string, { description?: string; value: unknown }> =\n      {};\n    for (const [key, entry] of Object.entries(context)) {\n      if (\n        entry &&\n        typeof entry === \"object\" &&\n        \"value\" in (entry as Record<string, unknown>)\n      ) {\n        const candidate = entry as Record<string, unknown>;\n        const description =\n          typeof candidate.description === \"string\" &&\n          candidate.description.trim().length > 0\n            ? candidate.description\n            : undefined;\n        normalized[key] = { description, value: candidate.value };\n      } else {\n        normalized[key] = { value: entry };\n      }\n    }\n\n    return normalized;\n  }\n\n  private contextOptions: Array<{ key: string; label: string }> = [\n    { key: \"all-agents\", label: \"All Agents\" },\n  ];\n\n  private selectedContext = \"all-agents\";\n  private expandedRows: Set<string> = new Set();\n  private copiedEvents: Set<string> = new Set();\n  private expandedTools: Set<string> = new Set();\n  private expandedContextItems: Set<string> = new Set();\n  private copiedContextItems: Set<string> = new Set();\n\n  private renderCoreWarningBanner() {\n    if (this._core) {\n      return nothing;\n    }\n\n    return html`\n      <div\n        class=\"mx-4 my-3 flex items-start gap-2 rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800\"\n      >\n        <span class=\"mt-0.5 shrink-0 text-amber-600\"\n          >${this.renderIcon(\"AlertTriangle\")}</span\n        >\n        <div class=\"space-y-1\">\n          <div class=\"font-semibold text-amber-900\">\n            CopilotKit core not attached\n          </div>\n          <p class=\"text-[11px] leading-snug text-amber-800\">\n            Pass a live <code>CopilotKitCore</code> instance to\n            <code>&lt;cpk-web-inspector&gt;</code> or expose it on\n            <code>window.__COPILOTKIT_CORE__</code> for auto-attach.\n          </p>\n        </div>\n      </div>\n    `;\n  }\n\n  private getCoreStatusSummary(): {\n    label: string;\n    tone: string;\n    description: string;\n  } {\n    if (!this._core) {\n      return {\n        label: \"Core not attached\",\n        tone: \"border border-amber-200 bg-amber-50 text-amber-800\",\n        description:\n          \"Pass a CopilotKitCore instance to <cpk-web-inspector> or enable auto-attach.\",\n      };\n    }\n\n    const status =\n      this.runtimeStatus ?? CopilotKitCoreRuntimeConnectionStatus.Disconnected;\n    const lastErrorMessage = this.lastCoreError?.message;\n\n    if (status === CopilotKitCoreRuntimeConnectionStatus.Error) {\n      return {\n        label: \"Runtime error\",\n        tone: \"border border-rose-200 bg-rose-50 text-rose-700\",\n        description:\n          lastErrorMessage ?? \"CopilotKit runtime reported an error.\",\n      };\n    }\n\n    if (status === CopilotKitCoreRuntimeConnectionStatus.Connecting) {\n      return {\n        label: \"Connecting\",\n        tone: \"border border-amber-200 bg-amber-50 text-amber-800\",\n        description: \"Waiting for CopilotKit runtime to finish connecting.\",\n      };\n    }\n\n    if (status === CopilotKitCoreRuntimeConnectionStatus.Connected) {\n      return {\n        label: \"Connected\",\n        tone: \"border border-emerald-200 bg-emerald-50 text-emerald-700\",\n        description: \"Live runtime connection established.\",\n      };\n    }\n\n    return {\n      label: \"Disconnected\",\n      tone: \"border border-gray-200 bg-gray-50 text-gray-700\",\n      description:\n        lastErrorMessage ?? \"Waiting for CopilotKit runtime to connect.\",\n    };\n  }\n\n  private renderMainContent() {\n    if (this.selectedMenu === \"ag-ui-events\") {\n      return this.renderEventsTable();\n    }\n\n    if (this.selectedMenu === \"agents\") {\n      return this.renderAgentsView();\n    }\n\n    if (this.selectedMenu === \"frontend-tools\") {\n      return this.renderToolsView();\n    }\n\n    if (this.selectedMenu === \"agent-context\") {\n      return this.renderContextView();\n    }\n\n    if (this.selectedMenu === \"threads\") {\n      return this.renderThreadsView();\n    }\n\n    return nothing;\n  }\n\n  private handleThreadDividerPointerDown = (event: PointerEvent) => {\n    this.threadDividerResizing = true;\n    this.threadDividerPointerId = event.pointerId;\n    this.threadDividerStartX = event.clientX;\n    this.threadDividerStartWidth = this.threadListWidth;\n    (event.currentTarget as HTMLElement).setPointerCapture(event.pointerId);\n    event.preventDefault();\n  };\n\n  private handleThreadDividerPointerMove = (event: PointerEvent) => {\n    if (\n      !this.threadDividerResizing ||\n      this.threadDividerPointerId !== event.pointerId\n    )\n      return;\n    const delta = event.clientX - this.threadDividerStartX;\n    this.threadListWidth = Math.max(\n      180,\n      Math.min(480, this.threadDividerStartWidth + delta),\n    );\n    this.requestUpdate();\n  };\n\n  private handleThreadDividerPointerUp = (event: PointerEvent) => {\n    if (this.threadDividerPointerId !== event.pointerId) return;\n    const target = event.currentTarget as HTMLElement;\n    if (target.hasPointerCapture(this.threadDividerPointerId)) {\n      target.releasePointerCapture(this.threadDividerPointerId);\n    }\n    this.threadDividerResizing = false;\n  };\n\n  private renderThreadsGate() {\n    return html`\n      <div style=\"\n        position:relative;\n        display:flex;\n        flex-direction:column;\n        align-items:center;\n        justify-content:center;\n        padding:40px 24px;\n        min-height:100%;\n        text-align:center;\n        background:linear-gradient(135deg,#f5f4ff 0%,#ede9fe 100%);\n        overflow:hidden;\n      \">\n        <!-- Blurred ellipses from Figma/storybook -->\n        <div style=\"position:absolute;width:570px;height:570px;border-radius:50%;top:-80px;left:-120px;opacity:0.25;background:#757CF2;filter:blur(120px);pointer-events:none;\"></div>\n        <div style=\"position:absolute;width:570px;height:570px;border-radius:50%;bottom:-100px;right:-80px;opacity:0.2;background:#FFAC4D;filter:blur(120px);pointer-events:none;\"></div>\n        <div style=\"position:absolute;width:400px;height:400px;border-radius:50%;bottom:20px;left:-60px;opacity:0.15;background:#FFAC4D;filter:blur(100px);pointer-events:none;\"></div>\n\n        ${\n          this._threadsUnlocking\n            ? this._renderUnlockingCard()\n            : this._renderEarlyAccessCard()\n        }\n      </div>\n    `;\n  }\n\n  /** Hosted invite-form URL — used by the \"Request early access\" CTA. */\n  private static readonly THREADS_REQUEST_URL =\n    \"https://r3x69.share-na2.hsforms.com/2uiZg8EkiT7a_KykeXV1ajQ\";\n\n  private _renderEarlyAccessCard() {\n    const invalid = this._threadsGateCodeInvalid;\n    return html`\n      <div\n        style=\"\n          position:relative;\n          z-index:1;\n          background:#ffffff;\n          border:1px solid #E5E5EA;\n          border-radius:20px;\n          box-shadow:0 16px 48px rgba(1,5,7,0.12),0 2px 6px rgba(1,5,7,0.05);\n          padding:28px;\n          width:400px;\n          max-width:100%;\n          display:flex;\n          flex-direction:column;\n          gap:18px;\n          text-align:left;\n          font-family:'Plus Jakarta Sans', system-ui, sans-serif;\n        \"\n      >\n        <!-- Kicker pill -->\n        <div>\n          <span\n            style=\"\n              display:inline-flex;\n              align-items:center;\n              gap:4px;\n              padding:4px 10px;\n              border-radius:999px;\n              background:#F3F3FC;\n              color:#757CF2;\n              font-family:'Spline Sans Mono', ui-monospace, monospace;\n              font-size:10px;\n              font-weight:500;\n              letter-spacing:0.08em;\n              text-transform:uppercase;\n            \"\n            >Early Access</span\n          >\n        </div>\n\n        <!-- Title + description -->\n        <div style=\"display:flex;flex-direction:column;gap:8px;\">\n          <h2\n            style=\"\n              font-family:'Plus Jakarta Sans', system-ui, sans-serif;\n              font-size:24px;\n              font-weight:700;\n              color:#010507;\n              line-height:1.2;\n              letter-spacing:-0.015em;\n              margin:0;\n            \"\n          >\n            <span\n              style=\"\n                background:linear-gradient(90deg, #757CF2 0%, #5AE4BB 100%);\n                -webkit-background-clip:text;\n                background-clip:text;\n                color:transparent;\n                -webkit-text-fill-color:transparent;\n              \"\n              >Threads</span\n            >\n            are in private beta\n          </h2>\n          <p\n            style=\"\n              font-size:14px;\n              font-weight:500;\n              color:#5C5C66;\n              line-height:1.55;\n              margin:0;\n            \"\n          >\n            Spin up separate conversations with your agent, one per task, bug,\n            or feature, and jump back into any of them without losing context.\n          </p>\n        </div>\n\n        <!-- Bullets -->\n        <div\n          style=\"display:flex;flex-direction:column;gap:8px;padding:4px 0;\"\n        >\n          ${[\n            \"One agent, many conversations\",\n            \"Persistent history across sessions\",\n            \"Jump between threads in a click\",\n          ].map(\n            (label) => html`\n              <div style=\"display:flex;align-items:center;gap:10px;\">\n                <svg\n                  width=\"14\"\n                  height=\"14\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"#010507\"\n                  stroke-width=\"2.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  style=\"flex-shrink:0;\"\n                >\n                  <polyline points=\"20 6 9 17 4 12\"></polyline>\n                </svg>\n                <span style=\"font-size:13px;font-weight:500;color:#010507;\"\n                  >${label}</span\n                >\n              </div>\n            `,\n          )}\n        </div>\n\n        <!-- Primary CTA: dark MonoPillButton with adjacent arrow circle -->\n        <div>\n          <a\n            href=${WebInspectorElement.THREADS_REQUEST_URL}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            style=\"\n              display:inline-flex;\n              align-items:center;\n              gap:8px;\n              text-decoration:none;\n              cursor:pointer;\n            \"\n          >\n            <span\n              style=\"\n                display:inline-flex;\n                align-items:center;\n                justify-content:center;\n                background:#010507;\n                color:#ffffff;\n                font-family:'Spline Sans Mono', ui-monospace, monospace;\n                font-size:13px;\n                font-weight:500;\n                letter-spacing:0.06em;\n                text-transform:uppercase;\n                padding:14px 22px;\n                border-radius:999px;\n                box-shadow:0 4px 12px rgba(1,5,7,0.18);\n              \"\n              >Request Early Access</span\n            >\n            <span\n              style=\"\n                display:inline-flex;\n                align-items:center;\n                justify-content:center;\n                width:36px;\n                height:36px;\n                border-radius:999px;\n                background:#010507;\n                color:#ffffff;\n                box-shadow:0 4px 12px rgba(1,5,7,0.18);\n              \"\n            >\n              <svg\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\n                <polyline points=\"12 5 19 12 12 19\"></polyline>\n              </svg>\n            </span>\n          </a>\n        </div>\n\n        <!-- Divider + invite-code section -->\n        <div\n          style=\"\n            display:flex;\n            flex-direction:column;\n            gap:8px;\n            padding-top:14px;\n            border-top:1px dashed #E5E5EA;\n          \"\n        >\n          <span style=\"font-size:12px;font-weight:500;color:#8A8A94;\"\n            >Have an invite code?</span\n          >\n          <div style=\"display:flex;gap:8px;\">\n            <div\n              style=\"\n                flex:1;\n                background:#ffffff;\n                border:1px solid ${invalid ? \"#FA5F67\" : \"#E5E5EA\"};\n                border-radius:10px;\n                padding:2px 4px 2px 12px;\n                transition:border-color 150ms ease;\n              \"\n            >\n              <input\n                id=\"cpk-gate-input\"\n                type=\"text\"\n                placeholder=\"Enter access code\"\n                style=\"\n                  width:100%;\n                  padding:10px 0;\n                  font-family:'Plus Jakarta Sans', system-ui, sans-serif;\n                  font-size:13px;\n                  font-weight:500;\n                  color:#010507;\n                  background:transparent;\n                  border:none;\n                  outline:none;\n                \"\n                @keydown=${(e: KeyboardEvent) => {\n                  if (e.key === \"Enter\") {\n                    this._submitThreadsCode(\n                      (e.currentTarget as HTMLInputElement).value,\n                    );\n                  }\n                }}\n              />\n            </div>\n            <button\n              style=\"\n                background:#010507;\n                color:#ffffff;\n                border:none;\n                border-radius:10px;\n                padding:0 16px;\n                font-family:'Spline Sans Mono', ui-monospace, monospace;\n                font-size:11px;\n                font-weight:500;\n                letter-spacing:0.06em;\n                text-transform:uppercase;\n                cursor:pointer;\n                white-space:nowrap;\n              \"\n              @click=${() => {\n                const input = this.shadowRoot?.getElementById(\n                  \"cpk-gate-input\",\n                ) as HTMLInputElement | null;\n                if (input) this._submitThreadsCode(input.value);\n              }}\n            >\n              Unlock\n            </button>\n          </div>\n          ${\n            invalid\n              ? html`\n                  <div style=\"font-size: 11px; font-weight: 500; color: #fa5f67\">\n                    That code isn't valid. Double-check your invite email.\n                  </div>\n                `\n              : nothing\n          }\n        </div>\n      </div>\n    `;\n  }\n\n  private _renderUnlockingCard() {\n    return html`\n      <div\n        style=\"\n          position: relative;\n          z-index: 1;\n          background: #ffffff;\n          border: 1px solid #e5e5ea;\n          border-radius: 20px;\n          box-shadow:\n            0 16px 48px rgba(1, 5, 7, 0.12),\n            0 2px 6px rgba(1, 5, 7, 0.05);\n          padding: 32px;\n          width: 340px;\n          max-width: 100%;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          gap: 16px;\n          text-align: center;\n          font-family: &quot;Plus Jakarta Sans&quot;, system-ui, sans-serif;\n        \"\n      >\n        <div\n          style=\"\n            width: 56px;\n            height: 56px;\n            border-radius: 999px;\n            background: linear-gradient(135deg, #bec2ff 0%, #85ecce 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n          \"\n        >\n          <svg\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"#010507\"\n            stroke-width=\"2.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <polyline points=\"20 6 9 17 4 12\"></polyline>\n          </svg>\n        </div>\n        <div style=\"font-size: 18px; font-weight: 700; color: #010507\">\n          Welcome to Threads\n        </div>\n        <div style=\"font-size: 13px; color: #5c5c66; line-height: 1.5\">\n          Loading your conversations…\n        </div>\n      </div>\n    `;\n  }\n\n  private _submitThreadsCode(value: string): void {\n    if (value.trim().toLowerCase() === \"earlyaccess\") {\n      // Persist the unlock so subsequent loads bypass the gate, then show\n      // the brief \"Welcome to Threads\" confirmation before swapping to the\n      // real Threads UI ~2s later.\n      document.cookie =\n        \"cpk_threads_access=1; path=/; max-age=31536000; SameSite=Lax\";\n      this._threadsGateError = null;\n      this._threadsGateCodeInvalid = false;\n      this._threadsUnlocking = true;\n      if (this._threadsUnlockingTimer !== null) {\n        clearTimeout(this._threadsUnlockingTimer);\n      }\n      this._threadsUnlockingTimer = setTimeout(() => {\n        this._threadsUnlocking = false;\n        this._threadsUnlocked = true;\n        this._threadsUnlockingTimer = null;\n        this.requestUpdate();\n      }, 2000);\n    } else {\n      // Invalid: flash the input border + error copy, auto-clear after\n      // 1600ms (matches the design's invalid-code window).\n      this._threadsGateCodeInvalid = true;\n      this._threadsGateError = null;\n      if (this._threadsGateInvalidTimer !== null) {\n        clearTimeout(this._threadsGateInvalidTimer);\n      }\n      this._threadsGateInvalidTimer = setTimeout(() => {\n        this._threadsGateCodeInvalid = false;\n        this._threadsGateInvalidTimer = null;\n        this.requestUpdate();\n      }, 1600);\n    }\n    this.requestUpdate();\n  }\n\n  private renderThreadsView() {\n    if (!this._threadsUnlocked) {\n      return this.renderThreadsGate();\n    }\n\n    const displayThreads =\n      this.selectedContext === \"all-agents\"\n        ? this._threads\n        : (this._threadsByAgent.get(this.selectedContext) ?? []);\n\n    // Surface a thread-store load error inline. For \"all-agents\" we report\n    // the first error encountered across all agents (good enough for a\n    // debugging surface — the per-agent context filter narrows down the\n    // culprit). For a specific agent we use that agent's error directly.\n    let threadsErrorMessage: string | null = null;\n    if (this.selectedContext === \"all-agents\") {\n      const firstError = this._threadsErrorByAgent.values().next().value;\n      threadsErrorMessage = firstError?.message ?? null;\n    } else {\n      threadsErrorMessage =\n        this._threadsErrorByAgent.get(this.selectedContext)?.message ?? null;\n    }\n\n    const selectedThread =\n      this.selectedThreadId != null\n        ? (displayThreads.find((t) => t.id === this.selectedThreadId) ?? null)\n        : null;\n\n    return html`\n      <div style=\"display:flex;height:100%;overflow:hidden;\">\n        <!-- Left sidebar: thread list -->\n        <div\n          style=\"width:${this.threadListWidth}px;flex-shrink:0;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid #DBDBE5;\"\n        >\n          <cpk-thread-list\n            style=\"height:100%;\"\n            .threads=${displayThreads}\n            .selectedThreadId=${this.selectedThreadId}\n            .errorMessage=${threadsErrorMessage}\n            @threadSelected=${(e: CustomEvent<string>) => {\n              this.selectedThreadId = e.detail;\n              this.requestUpdate();\n            }}\n          ></cpk-thread-list>\n        </div>\n\n        <!-- Resize divider -->\n        <div\n          style=\"width:4px;flex-shrink:0;cursor:col-resize;background:transparent;position:relative;z-index:1;\"\n          @pointerdown=${this.handleThreadDividerPointerDown}\n          @pointermove=${this.handleThreadDividerPointerMove}\n          @pointerup=${this.handleThreadDividerPointerUp}\n          @pointercancel=${this.handleThreadDividerPointerUp}\n        ></div>\n\n        <!-- Center + right: thread details or empty state -->\n        <div style=\"flex:1;min-width:0;overflow:hidden;display:flex;\">\n          ${\n            this.selectedThreadId\n              ? html`<cpk-thread-details\n                  style=\"flex:1;min-width:0;\"\n                  .threadId=${this.selectedThreadId}\n                  .thread=${selectedThread}\n                  .runtimeUrl=${this._core?.runtimeUrl ?? \"\"}\n                  .headers=${this._core?.headers ?? {}}\n                  .liveMessageVersion=${\n                    this.selectedThreadId\n                      ? (this.liveMessageVersion.get(this.selectedThreadId) ??\n                        0)\n                      : 0\n                  }\n                  .agentStateInput=${\n                    selectedThread\n                      ? this.getLatestStateForAgent(selectedThread.agentId)\n                      : null\n                  }\n                  .agentEventsInput=${\n                    selectedThread\n                      ? (this.agentEvents.get(selectedThread.agentId) ?? [])\n                      : []\n                  }\n                ></cpk-thread-details>`\n              : html`\n                  <div\n                    style=\"\n                      flex: 1;\n                      display: flex;\n                      flex-direction: column;\n                      align-items: center;\n                      justify-content: center;\n                      gap: 8px;\n                      color: #838389;\n                    \"\n                  >\n                    <svg\n                      width=\"32\"\n                      height=\"32\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"#c0c0c8\"\n                      stroke-width=\"1.5\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    >\n                      <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n                    </svg>\n                    <span style=\"font-size: 13px\">${displayThreads.length === 0 ? \"No threads yet\" : \"Select a thread to inspect\"}</span>\n                  </div>\n                `\n          }\n        </div>\n      </div>\n    `;\n  }\n\n  private renderEventsTable() {\n    const events = this.getEventsForSelectedContext();\n    const filteredEvents = this.filterEvents(events);\n    const selectedLabel =\n      this.selectedContext === \"all-agents\"\n        ? \"all agents\"\n        : `agent ${this.selectedContext}`;\n\n    if (events.length === 0) {\n      return html`\n        <div\n          class=\"flex h-full flex-col items-center justify-center gap-2 px-4 py-10 text-center\"\n        >\n          <div class=\"text-gray-300 [&>svg]:!h-8 [&>svg]:!w-8\">\n            ${this.renderIcon(\"Zap\")}\n          </div>\n          <span class=\"text-sm text-gray-600\">No events yet</span>\n          <span class=\"max-w-[240px] text-xs leading-snug text-gray-400\"\n            >Events are recorded live. Run the agent to see them here.</span\n          >\n        </div>\n      `;\n    }\n\n    if (filteredEvents.length === 0) {\n      return html`\n        <div\n          class=\"flex h-full items-center justify-center px-4 py-8 text-center\"\n        >\n          <div class=\"max-w-md space-y-3\">\n            <div\n              class=\"flex justify-center text-gray-300 [&>svg]:!h-8 [&>svg]:!w-8\"\n            >\n              ${this.renderIcon(\"Filter\")}\n            </div>\n            <p class=\"text-sm text-gray-600\">\n              No events match the current filters.\n            </p>\n            <div>\n              <button\n                type=\"button\"\n                class=\"inline-flex items-center gap-1 rounded-md bg-gray-900 px-3 py-1.5 text-[11px] font-medium text-white transition hover:bg-gray-800\"\n                @click=${this.resetEventFilters}\n              >\n                ${this.renderIcon(\"RefreshCw\")}\n                <span>Reset filters</span>\n              </button>\n            </div>\n          </div>\n        </div>\n      `;\n    }\n\n    return html`\n      <div class=\"flex h-full flex-col\">\n        <div\n          class=\"flex flex-col gap-1.5 border-b border-gray-200 bg-white px-4 py-2.5\"\n        >\n          <div class=\"flex flex-wrap items-center gap-2\">\n            <div class=\"relative min-w-[200px] flex-1\">\n              <input\n                type=\"search\"\n                class=\"w-full rounded-md border border-gray-200 px-3 py-1.5 text-[11px] text-gray-700 shadow-sm outline-none ring-1 ring-transparent transition focus:border-gray-300 focus:ring-gray-200\"\n                placeholder=\"Search agent, type, payload\"\n                .value=${this.eventFilterText}\n                @input=${this.handleEventFilterInput}\n              />\n            </div>\n            <select\n              class=\"w-40 rounded-md border border-gray-200 bg-white px-2 py-1.5 text-[11px] text-gray-700 shadow-sm outline-none transition focus:border-gray-300 focus:ring-2 focus:ring-gray-200\"\n              .value=${this.eventTypeFilter}\n              @change=${this.handleEventTypeChange}\n            >\n              <option value=\"all\">All event types</option>\n              ${AGENT_EVENT_TYPES.map(\n                (type) =>\n                  html`<option value=${type}>\n                    ${type.toLowerCase().replace(/_/g, \" \")}\n                  </option>`,\n              )}\n            </select>\n            <div class=\"flex items-center gap-1 text-[11px]\">\n              <button\n                type=\"button\"\n                class=\"tooltip-target flex h-8 w-8 items-center justify-center rounded-md border border-gray-200 bg-white text-gray-600 transition hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50\"\n                title=\"Reset filters\"\n                data-tooltip=\"Reset filters\"\n                aria-label=\"Reset filters\"\n                @click=${this.resetEventFilters}\n                ?disabled=${\n                  !this.eventFilterText && this.eventTypeFilter === \"all\"\n                }\n              >\n                ${this.renderIcon(\"RotateCw\")}\n              </button>\n              <button\n                type=\"button\"\n                class=\"tooltip-target flex h-8 w-8 items-center justify-center rounded-md border border-gray-200 bg-white text-gray-600 transition hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50\"\n                title=\"Export JSON\"\n                data-tooltip=\"Export JSON\"\n                aria-label=\"Export JSON\"\n                @click=${() => this.exportEvents(filteredEvents)}\n                ?disabled=${filteredEvents.length === 0}\n              >\n                ${this.renderIcon(\"Download\")}\n              </button>\n              <button\n                type=\"button\"\n                class=\"tooltip-target flex h-8 w-8 items-center justify-center rounded-md border border-gray-200 bg-white text-gray-600 transition hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50\"\n                title=\"Clear events\"\n                data-tooltip=\"Clear events\"\n                aria-label=\"Clear events\"\n                @click=${this.handleClearEvents}\n                ?disabled=${events.length === 0}\n              >\n                ${this.renderIcon(\"Trash2\")}\n              </button>\n            </div>\n          </div>\n          <div class=\"text-[11px] text-gray-500\">\n            Showing ${filteredEvents.length} of\n            ${events.length}${\n              this.selectedContext === \"all-agents\"\n                ? \"\"\n                : ` for ${selectedLabel}`\n            }\n          </div>\n        </div>\n        <div class=\"relative h-full w-full overflow-y-auto overflow-x-hidden\">\n          <table class=\"w-full table-fixed border-collapse text-xs box-border\">\n            <colgroup>\n              <col style=\"width:${this.evtColWidths[0]}px\">\n              <col style=\"width:${this.evtColWidths[1]}px\">\n              <col style=\"width:${this.evtColWidths[2]}px\">\n              <col>\n            </colgroup>\n            <thead class=\"sticky top-0 z-10\">\n              <tr class=\"bg-white\">\n                ${[\"Agent\", \"Time\", \"Event Type\"].map(\n                  (label, col) => html`\n                <th\n                  class=\"border-b border-gray-200 bg-white px-3 py-2 text-left font-medium text-gray-900\"\n                  style=\"position:relative;overflow:hidden;\"\n                >\n                  ${label}\n                  <div\n                    style=\"position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize;user-select:none;background:transparent;\"\n                    @pointerdown=${(e: PointerEvent) => this._onEvtColResizeStart(e, col)}\n                    @pointermove=${(e: PointerEvent) => this._onEvtColResizeMove(e)}\n                    @pointerup=${() => this._onEvtColResizeEnd()}\n                    @pointercancel=${() => this._onEvtColResizeEnd()}\n                  ></div>\n                </th>`,\n                )}\n                <th\n                  class=\"border-b border-gray-200 bg-white px-3 py-2 text-left font-medium text-gray-900\"\n                >\n                  AG-UI Event\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              ${filteredEvents.map((event, index) => {\n                const rowBg = index % 2 === 0 ? \"bg-white\" : \"bg-gray-50/50\";\n                const badgeClasses = this.getEventBadgeClasses(event.type);\n                const extractedEvent = this.extractEventFromPayload(\n                  event.payload,\n                );\n                const inlineEvent =\n                  this.stringifyPayload(extractedEvent, false) || \"—\";\n                const prettyEvent =\n                  this.stringifyPayload(extractedEvent, true) || inlineEvent;\n                const isExpanded = this.expandedRows.has(event.id);\n\n                return html`\n                  <tr\n                    class=\"${rowBg} cursor-pointer transition hover:bg-blue-50/50\"\n                    @click=${() => this.toggleRowExpansion(event.id)}\n                  >\n                    <td\n                      class=\"border-l border-r border-b border-gray-200 px-3 py-2\"\n                    >\n                      <span class=\"font-mono text-[11px] text-gray-600\"\n                        >${event.agentId}</span\n                      >\n                    </td>\n                    <td\n                      class=\"border-r border-b border-gray-200 px-3 py-2 font-mono text-[11px] text-gray-600\"\n                    >\n                      <span title=${new Date(event.timestamp).toLocaleString()}>\n                        ${new Date(event.timestamp).toLocaleTimeString()}\n                      </span>\n                    </td>\n                    <td class=\"border-r border-b border-gray-200 px-3 py-2\">\n                      <span class=${badgeClasses}>${event.type}</span>\n                    </td>\n                    <td\n                      class=\"border-r border-b border-gray-200 px-3 py-2 font-mono text-[10px] text-gray-600 ${\n                        isExpanded ? \"\" : \"truncate max-w-xs\"\n                      }\"\n                    >\n                      ${\n                        isExpanded\n                          ? html`\n                            <div class=\"group relative\">\n                              <pre\n                                class=\"m-0 whitespace-pre-wrap break-words text-[10px] font-mono text-gray-600\"\n                              >\n${prettyEvent}</pre\n                              >\n                              <button\n                                class=\"absolute right-0 top-0 cursor-pointer rounded px-2 py-1 text-[10px] opacity-0 transition group-hover:opacity-100 ${\n                                  this.copiedEvents.has(event.id)\n                                    ? \"bg-green-100 text-green-700\"\n                                    : \"bg-gray-100 text-gray-600 hover:bg-gray-200 hover:text-gray-900\"\n                                }\"\n                                @click=${(e: Event) => {\n                                  e.stopPropagation();\n                                  this.copyToClipboard(prettyEvent, event.id);\n                                }}\n                              >\n                                ${\n                                  this.copiedEvents.has(event.id)\n                                    ? html`\n                                        <span>✓ Copied</span>\n                                      `\n                                    : html`\n                                        <span>Copy</span>\n                                      `\n                                }\n                              </button>\n                            </div>\n                          `\n                          : inlineEvent\n                      }\n                    </td>\n                  </tr>\n                `;\n              })}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    `;\n  }\n\n  private handleEventFilterInput(event: Event): void {\n    const target = event.target as HTMLInputElement | null;\n    this.eventFilterText = target?.value ?? \"\";\n    this.requestUpdate();\n  }\n\n  private handleEventTypeChange(event: Event): void {\n    const target = event.target as HTMLSelectElement | null;\n    const value = target?.value as InspectorAgentEventType | \"all\" | undefined;\n    if (!value) {\n      return;\n    }\n    this.eventTypeFilter = value;\n    this.requestUpdate();\n  }\n\n  private resetEventFilters(): void {\n    this.eventFilterText = \"\";\n    this.eventTypeFilter = \"all\";\n    this.requestUpdate();\n  }\n\n  private _onEvtColResizeStart(e: PointerEvent, col: number): void {\n    e.preventDefault();\n    e.stopPropagation();\n    (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n    this._evtColResize = {\n      col,\n      startX: e.clientX,\n      startW: this.evtColWidths[col] ?? 0,\n    };\n  }\n\n  private _onEvtColResizeMove(e: PointerEvent): void {\n    if (!this._evtColResize) return;\n    const { col, startX, startW } = this._evtColResize;\n    this.evtColWidths = this.evtColWidths.map((w, i) =>\n      i === col ? Math.max(40, startW + (e.clientX - startX)) : w,\n    );\n    this.requestUpdate();\n  }\n\n  private _onEvtColResizeEnd(): void {\n    this._evtColResize = null;\n  }\n\n  private handleClearEvents = (): void => {\n    if (this.selectedContext === \"all-agents\") {\n      this.agentEvents.clear();\n      this.flattenedEvents = [];\n    } else {\n      this.agentEvents.delete(this.selectedContext);\n      this.flattenedEvents = this.flattenedEvents.filter(\n        (event) => event.agentId !== this.selectedContext,\n      );\n    }\n\n    this.expandedRows.clear();\n    this.copiedEvents.clear();\n    this.requestUpdate();\n  };\n\n  private exportEvents(events: InspectorEvent[]): void {\n    try {\n      const payload = JSON.stringify(events, null, 2);\n      const blob = new Blob([payload], { type: \"application/json\" });\n      const url = URL.createObjectURL(blob);\n      const anchor = document.createElement(\"a\");\n      anchor.href = url;\n      anchor.download = `copilotkit-events-${Date.now()}.json`;\n      anchor.click();\n      URL.revokeObjectURL(url);\n    } catch (error) {\n      console.error(\"Failed to export events\", error);\n    }\n  }\n\n  private renderAgentsView() {\n    // Show message if \"all-agents\" is selected or no agents available\n    if (this.selectedContext === \"all-agents\") {\n      return html`\n        <div\n          class=\"flex h-full items-center justify-center px-4 py-8 text-center\"\n        >\n          <div class=\"max-w-md\">\n            <div\n              class=\"mb-3 flex justify-center text-gray-300 [&>svg]:!h-8 [&>svg]:!w-8\"\n            >\n              ${this.renderIcon(\"Bot\")}\n            </div>\n            <p class=\"text-sm text-gray-600\">No agent selected</p>\n            <p class=\"mt-2 text-xs text-gray-500\">\n              Select an agent from the dropdown above to view details.\n            </p>\n          </div>\n        </div>\n      `;\n    }\n\n    const agentId = this.selectedContext;\n    const status = this.getAgentStatus(agentId);\n    const stats = this.getAgentStats(agentId);\n    const state = this.getLatestStateForAgent(agentId);\n    const messages = this.getLatestMessagesForAgent(agentId);\n\n    const statusColors = {\n      running: \"bg-emerald-50 text-emerald-700\",\n      idle: \"bg-gray-100 text-gray-600\",\n      error: \"bg-rose-50 text-rose-700\",\n    };\n\n    return html`\n      <div class=\"flex flex-col gap-4 p-4 overflow-auto\">\n        <!-- Agent Overview Card -->\n        <div class=\"rounded-lg border border-gray-200 bg-white p-4\">\n          <div class=\"flex items-start justify-between mb-4\">\n            <div class=\"flex items-center gap-3\">\n              <div\n                class=\"flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-blue-600 cpk-agent-icon\"\n              >\n                ${this.renderIcon(\"Bot\")}\n              </div>\n              <div>\n                <h3 class=\"font-semibold text-sm text-gray-900\">${agentId}</h3>\n                <span\n                  class=\"inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium ${\n                    statusColors[status]\n                  } relative -translate-y-[2px]\"\n                >\n                  <span\n                    class=\"h-1.5 w-1.5 rounded-full ${\n                      status === \"running\"\n                        ? \"bg-emerald-500 animate-pulse\"\n                        : status === \"error\"\n                          ? \"bg-rose-500\"\n                          : \"bg-gray-400\"\n                    }\"\n                  ></span>\n                  ${status.charAt(0).toUpperCase() + status.slice(1)}\n                </span>\n              </div>\n            </div>\n            ${\n              stats.lastActivity\n                ? html`<span class=\"text-xs text-gray-500\"\n                  >Last activity:\n                  ${new Date(stats.lastActivity).toLocaleTimeString()}</span\n                >`\n                : nothing\n            }\n          </div>\n          <div class=\"grid grid-cols-2 gap-4 md:grid-cols-4\">\n            <button\n              type=\"button\"\n              class=\"rounded-md bg-gray-50 px-3 py-2 text-left transition hover:bg-gray-100 cursor-pointer overflow-hidden cpk-stat-card\"\n              @click=${() => this.handleMenuSelect(\"ag-ui-events\")}\n              title=\"View all events in AG-UI Events\"\n            >\n              <div class=\"truncate whitespace-nowrap text-xs text-gray-600\">\n                Total Events\n              </div>\n              <div class=\"text-lg font-semibold text-gray-900\">\n                ${stats.totalEvents}\n              </div>\n            </button>\n            <div\n              class=\"rounded-md bg-gray-50 px-3 py-2 overflow-hidden cpk-stat-card\"\n            >\n              <div class=\"truncate whitespace-nowrap text-xs text-gray-600\">\n                Messages\n              </div>\n              <div class=\"text-lg font-semibold text-gray-900\">\n                ${stats.messages}\n              </div>\n            </div>\n            <div\n              class=\"rounded-md bg-gray-50 px-3 py-2 overflow-hidden cpk-stat-card\"\n            >\n              <div class=\"truncate whitespace-nowrap text-xs text-gray-600\">\n                Tool Calls\n              </div>\n              <div class=\"text-lg font-semibold text-gray-900\">\n                ${stats.toolCalls}\n              </div>\n            </div>\n            <div\n              class=\"rounded-md bg-gray-50 px-3 py-2 overflow-hidden cpk-stat-card\"\n            >\n              <div class=\"truncate whitespace-nowrap text-xs text-gray-600\">\n                Errors\n              </div>\n              <div class=\"text-lg font-semibold text-gray-900\">\n                ${stats.errors}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Current State Section -->\n        <div class=\"cpk-section-card\">\n          <div class=\"cpk-section-header\">\n            <h4>Current State</h4>\n          </div>\n          <div class=\"overflow-auto p-4\">\n            ${\n              this.hasRenderableState(state)\n                ? html`\n                  <pre\n                    class=\"overflow-auto rounded-md bg-gray-50 p-3 text-xs text-gray-800 max-h-64\"\n                  ><code>${this.formatStateForDisplay(state)}</code></pre>\n                `\n                : html`\n                  <div\n                    class=\"flex h-12 items-center justify-center text-xs text-gray-500\"\n                  >\n                    <div class=\"flex items-center gap-2 text-gray-500\">\n                      <span class=\"text-lg text-gray-400\"\n                        >${this.renderIcon(\"Database\")}</span\n                      >\n                      <span>State is empty</span>\n                    </div>\n                  </div>\n                `\n            }\n          </div>\n        </div>\n\n        <!-- Current Messages Section -->\n        <div class=\"cpk-section-card\">\n          <div class=\"cpk-section-header\">\n            <h4>Current Messages</h4>\n          </div>\n          <div class=\"overflow-auto\">\n            ${\n              messages && messages.length > 0\n                ? html`\n                  <div class=\"w-full text-xs\">\n                    <div class=\"flex bg-gray-50\">\n                      <div class=\"w-40 shrink-0 px-4 py-2 font-medium text-gray-700\">Role</div>\n                      <div class=\"flex-1 px-4 py-2 font-medium text-gray-700\">Content</div>\n                    </div>\n                    <div class=\"divide-y divide-gray-200\">\n                      ${messages.map((msg) => {\n                        const role = msg.role || \"unknown\";\n                        const roleColors: Record<string, string> = {\n                          user: \"bg-blue-100 text-blue-800\",\n                          assistant: \"bg-green-100 text-green-800\",\n                          system: \"bg-gray-100 text-gray-800\",\n                          tool: \"bg-amber-100 text-amber-800\",\n                          unknown: \"bg-gray-100 text-gray-600\",\n                        };\n\n                        const rawContent = msg.contentText ?? \"\";\n                        const toolCalls = msg.toolCalls ?? [];\n                        const hasContent = rawContent.trim().length > 0;\n                        const contentFallback =\n                          toolCalls.length > 0 ? \"Invoked tool call\" : \"—\";\n\n                        return html`\n                          <div class=\"flex items-start\">\n                            <div class=\"w-40 shrink-0 px-4 py-2\">\n                              <span\n                                class=\"inline-flex rounded px-2 py-0.5 text-[10px] font-medium ${roleColors[role] || roleColors.unknown}\"\n                              >\n                                ${role}\n                              </span>\n                            </div>\n                            <div class=\"flex-1 px-4 py-2\">\n                              ${\n                                hasContent\n                                  ? html`<div\n                                    class=\"whitespace-pre-line break-words text-gray-700\"\n                                  >\n                                    ${rawContent}\n                                  </div>`\n                                  : html`<div class=\"italic text-gray-400\">\n                                    ${contentFallback}\n                                  </div>`\n                              }\n                              ${\n                                role === \"assistant\" && toolCalls.length > 0\n                                  ? this.renderToolCallDetails(toolCalls)\n                                  : nothing\n                              }\n                            </div>\n                          </div>\n                        `;\n                      })}\n                    </div>\n                  </div>\n                `\n                : html`\n                  <div\n                    class=\"flex h-12 items-center justify-center text-xs text-gray-500\"\n                  >\n                    <div class=\"flex items-center gap-2 text-gray-500\">\n                      <span class=\"text-lg text-gray-400\"\n                        >${this.renderIcon(\"MessageSquare\")}</span\n                      >\n                      <span>No messages available</span>\n                    </div>\n                  </div>\n                `\n            }\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderContextDropdown() {\n    // Filter out \"all-agents\" when in agents view\n    const filteredOptions =\n      this.selectedMenu === \"agents\"\n        ? this.contextOptions.filter((opt) => opt.key !== \"all-agents\")\n        : this.contextOptions;\n\n    const selectedLabel =\n      filteredOptions.find((opt) => opt.key === this.selectedContext)?.label ??\n      \"\";\n\n    return html`\n      <div\n        class=\"relative z-40 min-w-0 flex-1\"\n        data-context-dropdown-root=\"true\"\n      >\n        <button\n          type=\"button\"\n          class=\"relative z-40 flex w-full min-w-0 max-w-[240px] items-center gap-1.5 rounded-md border border-gray-200 px-2 py-1 text-xs font-medium text-gray-700 transition hover:border-gray-300 hover:bg-gray-50\"\n          @pointerdown=${this.handleContextDropdownToggle}\n        >\n          <span class=\"truncate flex-1 text-left\">${selectedLabel}</span>\n          <span class=\"shrink-0 text-gray-400\"\n            >${this.renderIcon(\"ChevronDown\")}</span\n          >\n        </button>\n        ${\n          this.contextMenuOpen\n            ? html`\n              <div\n                class=\"absolute left-0 z-50 mt-1.5 w-40 rounded-md border border-gray-200 bg-white py-1 shadow-md ring-1 ring-black/5\"\n                data-context-dropdown-root=\"true\"\n              >\n                ${filteredOptions.map(\n                  (option) => html`\n                    <button\n                      type=\"button\"\n                      class=\"flex w-full items-center justify-between px-3 py-1.5 text-left text-xs transition hover:bg-gray-50 focus:bg-gray-50 focus:outline-none\"\n                      data-context-dropdown-root=\"true\"\n                      @click=${() => this.handleContextOptionSelect(option.key)}\n                    >\n                      <span\n                        class=\"truncate ${\n                          option.key === this.selectedContext\n                            ? \"text-gray-900 font-medium\"\n                            : \"text-gray-600\"\n                        }\"\n                        >${option.label}</span\n                      >\n                      ${\n                        option.key === this.selectedContext\n                          ? html`<span class=\"text-gray-500\"\n                            >${this.renderIcon(\"Check\")}</span\n                          >`\n                          : nothing\n                      }\n                    </button>\n                  `,\n                )}\n              </div>\n            `\n            : nothing\n        }\n      </div>\n    `;\n  }\n\n  private handleMenuSelect(key: MenuKey): void {\n    if (!this.menuItems.some((item) => item.key === key)) {\n      return;\n    }\n\n    const previousMenu = this.selectedMenu;\n    this.selectedMenu = key;\n\n    // If switching to agents view and \"all-agents\" is selected, switch to the most recently active agent\n    if (key === \"agents\" && this.selectedContext === \"all-agents\") {\n      const agentOptions = this.contextOptions.filter(\n        (opt) => opt.key !== \"all-agents\",\n      );\n      if (agentOptions.length > 0) {\n        // Pick the agent with the most recent activity; fall back to first\n        const mostRecent = agentOptions.reduce<{\n          key: string;\n          ts: number;\n        } | null>((best, opt) => {\n          const ts = this.getAgentStats(opt.key).lastActivity ?? -1;\n          return best === null || ts > best.ts ? { key: opt.key, ts } : best;\n        }, null);\n        this.selectedContext = mostRecent\n          ? mostRecent.key\n          : agentOptions[0]!.key;\n      }\n    }\n\n    // If leaving the agents view with multiple agents registered, restore\n    // \"all-agents\" so the Events tab isn't silently filtered to one agent.\n    if (previousMenu === \"agents\" && key !== \"agents\") {\n      const agentCount = this.contextOptions.filter(\n        (opt) => opt.key !== \"all-agents\",\n      ).length;\n      if (agentCount > 1) {\n        this.selectedContext = \"all-agents\";\n      }\n    }\n\n    if (key === \"threads\") {\n      this.autoSelectLatestThread();\n    }\n\n    if (key === \"ag-ui-events\" || key === \"agents\") {\n      requestAnimationFrame(() => {\n        const scroller = this.shadowRoot?.getElementById(\"cpk-main-scroll\");\n        if (scroller) scroller.scrollTop = 0;\n      });\n    }\n\n    this.contextMenuOpen = false;\n    this.persistState();\n    this.requestUpdate();\n  }\n\n  private handleContextDropdownToggle(event: PointerEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.contextMenuOpen = !this.contextMenuOpen;\n    this.requestUpdate();\n  }\n\n  private handleContextOptionSelect(key: string): void {\n    if (!this.contextOptions.some((option) => option.key === key)) {\n      return;\n    }\n\n    if (this.selectedContext !== key) {\n      this.selectedContext = key;\n      this.expandedRows.clear();\n    }\n\n    this.contextMenuOpen = false;\n    this.persistState();\n    this.requestUpdate();\n  }\n\n  private renderToolsView() {\n    if (!this._core) {\n      return html`\n        <div\n          class=\"flex h-full items-center justify-center px-4 py-8 text-xs text-gray-500\"\n        >\n          No core instance available\n        </div>\n      `;\n    }\n\n    this.refreshToolsSnapshot();\n    const allTools = this.cachedTools;\n\n    if (allTools.length === 0) {\n      return html`\n        <div\n          class=\"flex h-full items-center justify-center px-4 py-8 text-center\"\n        >\n          <div class=\"max-w-md\">\n            <div\n              class=\"mb-3 flex justify-center text-gray-300 [&>svg]:!h-8 [&>svg]:!w-8\"\n            >\n              ${this.renderIcon(\"Hammer\")}\n            </div>\n            <p class=\"text-sm text-gray-600\">No tools available</p>\n            <p class=\"mt-2 text-xs text-gray-500\">\n              Tools will appear here once agents are configured with tool\n              handlers or renderers.\n            </p>\n          </div>\n        </div>\n      `;\n    }\n\n    // Filter tools by selected agent\n    const filteredTools =\n      this.selectedContext === \"all-agents\"\n        ? allTools\n        : allTools.filter(\n            (tool) => !tool.agentId || tool.agentId === this.selectedContext,\n          );\n\n    return html`\n      <div class=\"flex h-full flex-col overflow-hidden\">\n        <div class=\"overflow-auto p-4\">\n          <div class=\"space-y-3\">\n            ${filteredTools.map((tool) => this.renderToolCard(tool))}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private extractToolsFromAgents(): InspectorToolDefinition[] {\n    if (!this._core) {\n      return [];\n    }\n\n    const tools: InspectorToolDefinition[] = [];\n\n    // Start with tools registered on the core (frontend tools / HIL)\n    for (const coreTool of this._core.tools ?? []) {\n      tools.push({\n        agentId: coreTool.agentId ?? \"\",\n        name: coreTool.name,\n        description: coreTool.description,\n        parameters: coreTool.parameters,\n        type: \"handler\",\n      });\n    }\n\n    // Augment with agent-level tool handlers/renderers\n    for (const [agentId, agent] of Object.entries(this._core.agents)) {\n      if (!agent) continue;\n\n      // Try to extract tool handlers\n      const handlers = (agent as { toolHandlers?: Record<string, unknown> })\n        .toolHandlers;\n      if (handlers && typeof handlers === \"object\") {\n        for (const [toolName, handler] of Object.entries(handlers)) {\n          if (handler && typeof handler === \"object\") {\n            const handlerObj = handler as Record<string, unknown>;\n            tools.push({\n              agentId,\n              name: toolName,\n              description:\n                (typeof handlerObj.description === \"string\" &&\n                  handlerObj.description) ||\n                (handlerObj.tool as { description?: string } | undefined)\n                  ?.description,\n              parameters:\n                handlerObj.parameters ??\n                (handlerObj.tool as { parameters?: unknown } | undefined)\n                  ?.parameters,\n              type: \"handler\",\n            });\n          }\n        }\n      }\n\n      // Try to extract tool renderers\n      const renderers = (agent as { toolRenderers?: Record<string, unknown> })\n        .toolRenderers;\n      if (renderers && typeof renderers === \"object\") {\n        for (const [toolName, renderer] of Object.entries(renderers)) {\n          // Don't duplicate if we already have it as a handler\n          if (\n            !tools.some((t) => t.agentId === agentId && t.name === toolName)\n          ) {\n            if (renderer && typeof renderer === \"object\") {\n              const rendererObj = renderer as Record<string, unknown>;\n              tools.push({\n                agentId,\n                name: toolName,\n                description:\n                  (typeof rendererObj.description === \"string\" &&\n                    rendererObj.description) ||\n                  (rendererObj.tool as { description?: string } | undefined)\n                    ?.description,\n                parameters:\n                  rendererObj.parameters ??\n                  (rendererObj.tool as { parameters?: unknown } | undefined)\n                    ?.parameters,\n                type: \"renderer\",\n              });\n            }\n          }\n        }\n      }\n    }\n\n    return tools.sort((a, b) => {\n      const agentCompare = a.agentId.localeCompare(b.agentId);\n      if (agentCompare !== 0) return agentCompare;\n      return a.name.localeCompare(b.name);\n    });\n  }\n\n  private renderToolCard(tool: InspectorToolDefinition) {\n    const isExpanded = this.expandedTools.has(`${tool.agentId}:${tool.name}`);\n    const schema = this.extractSchemaInfo(tool.parameters);\n\n    const typeColors = {\n      handler: \"bg-blue-50 text-blue-700 border-blue-200\",\n      renderer: \"bg-purple-50 text-purple-700 border-purple-200\",\n    };\n\n    return html`\n      <div class=\"rounded-lg border border-gray-200 bg-white overflow-hidden\">\n        <button\n          type=\"button\"\n          class=\"w-full px-4 py-3 text-left transition hover:bg-gray-50\"\n          @click=${() =>\n            this.toggleToolExpansion(`${tool.agentId}:${tool.name}`)}\n        >\n          <div class=\"flex items-start justify-between gap-3\">\n            <div class=\"flex-1 min-w-0\">\n              <div class=\"flex items-center gap-2 mb-1\">\n                <span class=\"font-mono text-sm font-semibold text-gray-900\"\n                  >${tool.name}</span\n                >\n                <span\n                  class=\"inline-flex items-center rounded-sm border px-1.5 py-0.5 text-[10px] font-medium ${\n                    typeColors[tool.type]\n                  }\"\n                >\n                  ${tool.type}\n                </span>\n              </div>\n              <div class=\"flex items-center gap-2 text-xs text-gray-500\">\n                <span class=\"flex items-center gap-1\">\n                  ${this.renderIcon(\"Bot\")}\n                  <span class=\"font-mono\">${tool.agentId}</span>\n                </span>\n                ${\n                  schema.properties.length > 0\n                    ? html`\n                      <span class=\"text-gray-300\">•</span>\n                      <span\n                        >${schema.properties.length}\n                        parameter${\n                          schema.properties.length !== 1 ? \"s\" : \"\"\n                        }</span\n                      >\n                    `\n                    : nothing\n                }\n              </div>\n              ${\n                tool.description\n                  ? html`<p class=\"mt-2 text-xs text-gray-600\">\n                    ${tool.description}\n                  </p>`\n                  : nothing\n              }\n            </div>\n            <span\n              class=\"shrink-0 text-gray-400 transition ${\n                isExpanded ? \"rotate-180\" : \"\"\n              }\"\n            >\n              ${this.renderIcon(\"ChevronDown\")}\n            </span>\n          </div>\n        </button>\n\n        ${\n          isExpanded\n            ? html`\n              <div class=\"border-t border-gray-200 bg-gray-50/50 px-4 py-3\">\n                ${\n                  schema.properties.length > 0\n                    ? html`\n                      <h5 class=\"mb-3 text-xs font-semibold text-gray-700\">\n                        Parameters\n                      </h5>\n                      <div class=\"space-y-3\">\n                        ${schema.properties.map(\n                          (prop) => html`\n                            <div\n                              class=\"rounded-md border border-gray-200 bg-white p-3\"\n                            >\n                              <div\n                                class=\"flex items-start justify-between gap-2 mb-1\"\n                              >\n                                <span\n                                  class=\"font-mono text-xs font-medium text-gray-900\"\n                                  >${prop.name}</span\n                                >\n                                <div class=\"flex items-center gap-1.5 shrink-0\">\n                                  ${\n                                    prop.required\n                                      ? html`\n                                          <span\n                                            class=\"text-[9px] rounded border border-rose-200 bg-rose-50 px-1 py-0.5 font-medium text-rose-700\"\n                                            >required</span\n                                          >\n                                        `\n                                      : html`\n                                          <span\n                                            class=\"text-[9px] rounded border border-gray-200 bg-gray-50 px-1 py-0.5 font-medium text-gray-600\"\n                                            >optional</span\n                                          >\n                                        `\n                                  }\n                                  ${\n                                    prop.type\n                                      ? html`<span\n                                        class=\"text-[9px] rounded border border-gray-200 bg-gray-50 px-1 py-0.5 font-mono text-gray-600\"\n                                        >${prop.type}</span\n                                      >`\n                                      : nothing\n                                  }\n                                </div>\n                              </div>\n                              ${\n                                prop.description\n                                  ? html`<p class=\"mt-1 text-xs text-gray-600\">\n                                    ${prop.description}\n                                  </p>`\n                                  : nothing\n                              }\n                              ${\n                                prop.defaultValue !== undefined\n                                  ? html`\n                                    <div\n                                      class=\"mt-2 flex items-center gap-1.5 text-[10px] text-gray-500\"\n                                    >\n                                      <span>Default:</span>\n                                      <code\n                                        class=\"rounded bg-gray-100 px-1 py-0.5 font-mono\"\n                                        >${JSON.stringify(\n                                          prop.defaultValue,\n                                        )}</code\n                                      >\n                                    </div>\n                                  `\n                                  : nothing\n                              }\n                              ${\n                                prop.enum && prop.enum.length > 0\n                                  ? html`\n                                    <div class=\"mt-2\">\n                                      <span class=\"text-[10px] text-gray-500\"\n                                        >Allowed values:</span\n                                      >\n                                      <div class=\"mt-1 flex flex-wrap gap-1\">\n                                        ${prop.enum.map(\n                                          (val) => html`\n                                            <code\n                                              class=\"rounded border border-gray-200 bg-gray-50 px-1.5 py-0.5 text-[10px] font-mono text-gray-700\"\n                                              >${JSON.stringify(val)}</code\n                                            >\n                                          `,\n                                        )}\n                                      </div>\n                                    </div>\n                                  `\n                                  : nothing\n                              }\n                            </div>\n                          `,\n                        )}\n                      </div>\n                    `\n                    : html`\n                        <div class=\"flex items-center justify-center py-4 text-xs text-gray-500\">\n                          <span>No parameters defined</span>\n                        </div>\n                      `\n                }\n              </div>\n            `\n            : nothing\n        }\n      </div>\n    `;\n  }\n\n  private extractSchemaInfo(parameters: unknown): {\n    properties: Array<{\n      name: string;\n      type?: string;\n      description?: string;\n      required: boolean;\n      defaultValue?: unknown;\n      enum?: unknown[];\n    }>;\n  } {\n    const result: {\n      properties: Array<{\n        name: string;\n        type?: string;\n        description?: string;\n        required: boolean;\n        defaultValue?: unknown;\n        enum?: unknown[];\n      }>;\n    } = { properties: [] };\n\n    if (!parameters || typeof parameters !== \"object\") {\n      return result;\n    }\n\n    // Try Zod schema introspection\n    const zodDef = (parameters as { _def?: Record<string, unknown> })._def;\n    if (zodDef && typeof zodDef === \"object\") {\n      // Handle Zod object schema\n      if (zodDef.typeName === \"ZodObject\") {\n        const rawShape = zodDef.shape;\n        const shape =\n          typeof rawShape === \"function\"\n            ? (rawShape as () => Record<string, unknown>)()\n            : (rawShape as Record<string, unknown> | undefined);\n\n        if (!shape || typeof shape !== \"object\") {\n          return result;\n        }\n        const requiredKeys = new Set<string>();\n\n        // Get required fields\n        if (zodDef.unknownKeys === \"strict\" || !zodDef.catchall) {\n          Object.keys(shape || {}).forEach((key) => {\n            const candidate = (shape as Record<string, unknown>)[key];\n            const fieldDef = (\n              candidate as { _def?: Record<string, unknown> } | undefined\n            )?._def;\n            if (fieldDef && !this.isZodOptional(candidate)) {\n              requiredKeys.add(key);\n            }\n          });\n        }\n\n        // Extract properties\n        for (const [key, value] of Object.entries(shape || {})) {\n          const fieldInfo = this.extractZodFieldInfo(value);\n          result.properties.push({\n            name: key,\n            type: fieldInfo.type,\n            description: fieldInfo.description,\n            required: requiredKeys.has(key),\n            defaultValue: fieldInfo.defaultValue,\n            enum: fieldInfo.enum,\n          });\n        }\n      }\n    } else if (\n      (parameters as { type?: string; properties?: Record<string, unknown> })\n        .type === \"object\" &&\n      (parameters as { properties?: Record<string, unknown> }).properties\n    ) {\n      // Handle JSON Schema format\n      const props = (parameters as { properties?: Record<string, unknown> })\n        .properties;\n      const required = new Set(\n        Array.isArray((parameters as { required?: string[] }).required)\n          ? (parameters as { required?: string[] }).required\n          : [],\n      );\n\n      for (const [key, value] of Object.entries(props ?? {})) {\n        const prop = value as Record<string, unknown>;\n        result.properties.push({\n          name: key,\n          type: prop.type as string | undefined,\n          description:\n            typeof prop.description === \"string\" ? prop.description : undefined,\n          required: required.has(key),\n          defaultValue: prop.default,\n          enum: Array.isArray(prop.enum) ? prop.enum : undefined,\n        });\n      }\n    }\n\n    return result;\n  }\n\n  private isZodOptional(zodSchema: unknown): boolean {\n    const schema = zodSchema as { _def?: Record<string, unknown> };\n    if (!schema?._def) return false;\n\n    const def = schema._def;\n\n    // Check if it's explicitly optional or nullable\n    if (def.typeName === \"ZodOptional\" || def.typeName === \"ZodNullable\") {\n      return true;\n    }\n\n    // Check if it has a default value\n    if (def.defaultValue !== undefined) {\n      return true;\n    }\n\n    return false;\n  }\n\n  private extractZodFieldInfo(zodSchema: unknown): {\n    type?: string;\n    description?: string;\n    defaultValue?: unknown;\n    enum?: unknown[];\n  } {\n    const info: {\n      type?: string;\n      description?: string;\n      defaultValue?: unknown;\n      enum?: unknown[];\n    } = {};\n\n    const schema = zodSchema as { _def?: Record<string, unknown> };\n    if (!schema?._def) return info;\n\n    let currentSchema = schema as { _def?: Record<string, unknown> };\n    let def = currentSchema._def as Record<string, unknown>;\n\n    // Unwrap optional/nullable\n    while (\n      def.typeName === \"ZodOptional\" ||\n      def.typeName === \"ZodNullable\" ||\n      def.typeName === \"ZodDefault\"\n    ) {\n      if (def.typeName === \"ZodDefault\" && def.defaultValue !== undefined) {\n        info.defaultValue =\n          typeof def.defaultValue === \"function\"\n            ? def.defaultValue()\n            : def.defaultValue;\n      }\n      currentSchema =\n        (def.innerType as { _def?: Record<string, unknown> }) ?? currentSchema;\n      if (!currentSchema?._def) break;\n      def = currentSchema._def as Record<string, unknown>;\n    }\n\n    // Extract description\n    info.description =\n      typeof def.description === \"string\" ? def.description : undefined;\n\n    const typeName =\n      typeof def.typeName === \"string\" ? def.typeName : undefined;\n\n    // Extract type\n    const typeMap: Record<string, string> = {\n      ZodString: \"string\",\n      ZodNumber: \"number\",\n      ZodBoolean: \"boolean\",\n      ZodArray: \"array\",\n      ZodObject: \"object\",\n      ZodEnum: \"enum\",\n      ZodLiteral: \"literal\",\n      ZodUnion: \"union\",\n      ZodAny: \"any\",\n      ZodUnknown: \"unknown\",\n    };\n    info.type = typeName\n      ? typeMap[typeName] || typeName.replace(\"Zod\", \"\").toLowerCase()\n      : undefined;\n\n    // Extract enum values\n    if (typeName === \"ZodEnum\" && Array.isArray(def.values)) {\n      info.enum = def.values as unknown[];\n    } else if (typeName === \"ZodLiteral\" && def.value !== undefined) {\n      info.enum = [def.value];\n    }\n\n    return info;\n  }\n\n  private toggleToolExpansion(toolId: string): void {\n    if (this.expandedTools.has(toolId)) {\n      this.expandedTools.delete(toolId);\n    } else {\n      this.expandedTools.add(toolId);\n    }\n    this.requestUpdate();\n  }\n\n  private renderContextView() {\n    const contextEntries = Object.entries(this.contextStore);\n\n    if (contextEntries.length === 0) {\n      return html`\n        <div\n          class=\"flex h-full items-center justify-center px-4 py-8 text-center\"\n        >\n          <div class=\"max-w-md\">\n            <div\n              class=\"mb-3 flex justify-center text-gray-300 [&>svg]:!h-8 [&>svg]:!w-8\"\n            >\n              ${this.renderIcon(\"FileText\")}\n            </div>\n            <p class=\"text-sm text-gray-600\">No context available</p>\n            <p class=\"mt-2 text-xs text-gray-500\">\n              Context will appear here once added to CopilotKit.\n            </p>\n          </div>\n        </div>\n      `;\n    }\n\n    return html`\n      <div class=\"flex h-full flex-col overflow-hidden\">\n        <div class=\"overflow-auto p-4\">\n          <div class=\"space-y-3\">\n            ${contextEntries.map(([id, context]) =>\n              this.renderContextCard(id, context),\n            )}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderContextCard(\n    id: string,\n    context: { description?: string; value: unknown },\n  ) {\n    const isExpanded = this.expandedContextItems.has(id);\n    const valuePreview = this.getContextValuePreview(context.value);\n    const hasValue = context.value !== undefined && context.value !== null;\n    const title = context.description?.trim() || id;\n\n    return html`\n      <div class=\"rounded-lg border border-gray-200 bg-white overflow-hidden\">\n        <button\n          type=\"button\"\n          class=\"w-full px-4 py-3 text-left transition hover:bg-gray-50\"\n          @click=${() => this.toggleContextExpansion(id)}\n        >\n          <div class=\"flex items-start justify-between gap-3\">\n            <div class=\"flex-1 min-w-0\">\n              <p class=\"text-sm font-medium text-gray-900 mb-1\">${title}</p>\n              <div class=\"flex items-center gap-2 text-xs text-gray-500\">\n                <span\n                  class=\"font-mono truncate inline-block align-middle\"\n                  style=\"max-width: 180px;\"\n                  >${id}</span\n                >\n                ${\n                  hasValue\n                    ? html`\n                      <span class=\"text-gray-300\">•</span>\n                      <span class=\"truncate\">${valuePreview}</span>\n                    `\n                    : nothing\n                }\n              </div>\n            </div>\n            <span\n              class=\"shrink-0 text-gray-400 transition ${\n                isExpanded ? \"rotate-180\" : \"\"\n              }\"\n            >\n              ${this.renderIcon(\"ChevronDown\")}\n            </span>\n          </div>\n        </button>\n\n        ${\n          isExpanded\n            ? html`\n              <div class=\"border-t border-gray-200 bg-gray-50/50 px-4 py-3\">\n                <div class=\"mb-3\">\n                  <h5 class=\"mb-1 text-xs font-semibold text-gray-700\">ID</h5>\n                  <code\n                    class=\"font-mono text-xs font-medium text-gray-800 flex-1 truncate min-w-0\"\n                    >${id}</code\n                  >\n                  <button\n                    type=\"button\"\n                    class=\"cpk-copy-btn\"\n                    @click=${(e: Event) => {\n                      e.stopPropagation();\n                      void this.copyContextValue(id, `${id}:id`);\n                    }}\n                  >\n                    ${this.copiedContextItems.has(`${id}:id`) ? \"✓\" : \"Copy\"}\n                  </button>\n                </div>\n                ${\n                  hasValue\n                    ? html`\n                      <div class=\"mb-2 flex items-center justify-between gap-2\">\n                        <h5 class=\"text-xs font-semibold text-gray-700\">\n                          Value\n                        </h5>\n                        <button\n                          type=\"button\"\n                          class=\"cpk-copy-btn\"\n                          @click=${(e: Event) => {\n                            e.stopPropagation();\n                            void this.copyContextValue(context.value, id);\n                          }}\n                        >\n                          ${\n                            this.copiedContextItems.has(id)\n                              ? \"Copied\"\n                              : \"Copy JSON\"\n                          }\n                        </button>\n                      </div>\n                    `\n                    : html`\n                        <div class=\"flex items-center justify-center py-4 text-xs text-gray-500\">\n                          <span>No value available</span>\n                        </div>\n                      `\n                }\n              </div>\n            `\n            : nothing\n        }\n      </div>\n    `;\n  }\n\n  private getContextValuePreview(value: unknown): string {\n    if (value === undefined || value === null) {\n      return \"—\";\n    }\n\n    if (typeof value === \"string\") {\n      return value.length > 50 ? `${value.slice(0, 50)}...` : value;\n    }\n\n    if (typeof value === \"number\" || typeof value === \"boolean\") {\n      return String(value);\n    }\n\n    if (Array.isArray(value)) {\n      return `Array(${value.length})`;\n    }\n\n    if (typeof value === \"object\") {\n      const keys = Object.keys(value);\n      return `Object with ${keys.length} key${keys.length !== 1 ? \"s\" : \"\"}`;\n    }\n\n    if (typeof value === \"function\") {\n      return \"Function\";\n    }\n\n    return String(value);\n  }\n\n  private formatContextValue(value: unknown): string {\n    if (value === undefined) {\n      return \"undefined\";\n    }\n\n    if (value === null) {\n      return \"null\";\n    }\n\n    if (typeof value === \"function\") {\n      return value.toString();\n    }\n\n    try {\n      return JSON.stringify(value, null, 2);\n    } catch {\n      return String(value);\n    }\n  }\n\n  private async copyContextValue(\n    value: unknown,\n    contextId: string,\n  ): Promise<void> {\n    if (typeof navigator === \"undefined\" || !navigator.clipboard?.writeText) {\n      console.warn(\"Clipboard API is not available in this environment.\");\n      return;\n    }\n\n    const serialized = this.formatContextValue(value);\n    try {\n      await navigator.clipboard.writeText(serialized);\n      this.copiedContextItems.add(contextId);\n      this.requestUpdate();\n      setTimeout(() => {\n        this.copiedContextItems.delete(contextId);\n        this.requestUpdate();\n      }, 1500);\n    } catch (error) {\n      console.error(\"Failed to copy context value:\", error);\n    }\n  }\n\n  private toggleContextExpansion(contextId: string): void {\n    if (this.expandedContextItems.has(contextId)) {\n      this.expandedContextItems.delete(contextId);\n    } else {\n      this.expandedContextItems.add(contextId);\n    }\n    this.requestUpdate();\n  }\n\n  private handleGlobalPointerDown = (event: PointerEvent): void => {\n    if (!this.contextMenuOpen) {\n      return;\n    }\n\n    const clickedDropdown = event.composedPath().some((node) => {\n      return (\n        node instanceof HTMLElement &&\n        node.dataset?.contextDropdownRoot === \"true\"\n      );\n    });\n\n    if (!clickedDropdown) {\n      this.contextMenuOpen = false;\n      this.requestUpdate();\n    }\n  };\n\n  private toggleRowExpansion(eventId: string): void {\n    // Don't toggle if user is selecting text\n    const selection = window.getSelection();\n    if (selection && selection.toString().length > 0) {\n      return;\n    }\n\n    if (this.expandedRows.has(eventId)) {\n      this.expandedRows.delete(eventId);\n    } else {\n      this.expandedRows.add(eventId);\n    }\n    this.requestUpdate();\n  }\n\n  private renderAnnouncementBanner() {\n    if (!this.hasUnseenAnnouncement) {\n      return nothing;\n    }\n\n    if (!this.announcementLoaded && !this.announcementHtml) {\n      return html`<div\n        class=\"flex items-center gap-2 px-4 py-3 text-sm font-semibold text-slate-800\"\n      >\n        <span\n          class=\"inline-flex h-6 w-6 items-center justify-center rounded-md bg-slate-900 text-white shadow-sm\"\n        >\n          ${this.renderIcon(\"Megaphone\")}\n        </span>\n        <span>Loading latest announcement…</span>\n      </div>`;\n    }\n\n    if (!this.announcementHtml) {\n      return nothing;\n    }\n\n    return html`<div class=\"mx-4 mb-3 rounded-xl border border-slate-200 bg-white px-4 py-3\">\n      <div\n        class=\"mb-2 flex items-center gap-2 text-xs font-semibold text-slate-900\"\n      >\n        <span\n          class=\"inline-flex h-5 w-5 items-center justify-center rounded-md bg-slate-900 text-white shadow-sm\"\n        >\n          ${this.renderIcon(\"Megaphone\")}\n        </span>\n        <span>Announcement</span>\n        <button\n          class=\"announcement-dismiss ml-auto\"\n          type=\"button\"\n          @click=${this.handleDismissAnnouncement}\n          aria-label=\"Dismiss announcement\"\n        >\n          ${this.renderIcon(\"X\")}\n        </button>\n      </div>\n      <div class=\"announcement-body ${this.announcementExpanded ? \"announcement-body--expanded\" : \"announcement-body--collapsed\"}\">\n        <div class=\"announcement-content\">\n          ${unsafeHTML(this.announcementHtml)}\n        </div>\n        ${\n          !this.announcementExpanded\n            ? html`\n                <div class=\"announcement-fade\"></div>\n              `\n            : nothing\n        }\n      </div>\n      <button\n        class=\"announcement-toggle\"\n        type=\"button\"\n        @click=${() => {\n          this.announcementExpanded = !this.announcementExpanded;\n          this.requestUpdate();\n        }}\n      >\n        ${this.announcementExpanded ? \"Show less ↑\" : \"Show more ↓\"}\n      </button>\n    </div>`;\n  }\n\n  private ensureAnnouncementLoading(): void {\n    if (\n      this.announcementPromise ||\n      typeof window === \"undefined\" ||\n      typeof fetch === \"undefined\"\n    ) {\n      return;\n    }\n    this.announcementPromise = this.fetchAnnouncement();\n  }\n\n  private renderAnnouncementPreview() {\n    if (\n      !this.hasUnseenAnnouncement ||\n      !this.showAnnouncementPreview ||\n      !this.announcementPreviewText\n    ) {\n      return nothing;\n    }\n\n    const side =\n      this.contextState.button.anchor.horizontal === \"left\" ? \"right\" : \"left\";\n\n    return html`<div\n      class=\"announcement-preview\"\n      data-side=${side}\n      role=\"note\"\n      @click=${() => this.handleAnnouncementPreviewClick()}\n    >\n      <span>${this.announcementPreviewText}</span>\n      <span class=\"announcement-preview__arrow\"></span>\n    </div>`;\n  }\n\n  private handleAnnouncementPreviewClick(): void {\n    this.showAnnouncementPreview = false;\n    this.openInspector();\n  }\n\n  private handleDismissAnnouncement = (): void => {\n    this.markAnnouncementSeen();\n  };\n\n  private async fetchAnnouncement(): Promise<void> {\n    try {\n      const response = await fetch(ANNOUNCEMENT_URL, { cache: \"no-cache\" });\n      if (!response.ok) {\n        throw new Error(`Failed to load announcement (${response.status})`);\n      }\n\n      const data = (await response.json()) as {\n        timestamp?: unknown;\n        previewText?: unknown;\n        announcement?: unknown;\n      };\n\n      const timestamp =\n        typeof data?.timestamp === \"string\" ? data.timestamp : null;\n      const previewText =\n        typeof data?.previewText === \"string\" ? data.previewText : null;\n      const markdown =\n        typeof data?.announcement === \"string\" ? data.announcement : null;\n\n      if (!timestamp || !markdown) {\n        throw new Error(\"Malformed announcement payload\");\n      }\n\n      const storedTimestamp = this.loadStoredAnnouncementTimestamp();\n\n      this.announcementTimestamp = timestamp;\n      this.announcementPreviewText = previewText ?? \"\";\n      this.hasUnseenAnnouncement =\n        (!storedTimestamp || storedTimestamp !== timestamp) &&\n        !!this.announcementPreviewText;\n      this.showAnnouncementPreview = this.hasUnseenAnnouncement;\n      this.announcementHtml = await this.convertMarkdownToHtml(markdown);\n      this.announcementLoaded = true;\n\n      this.requestUpdate();\n    } catch (error) {\n      // Swallowing here would hide non-network failures (malformed JSON, the\n      // explicit \"Malformed announcement payload\" throw above, exceptions\n      // from `convertMarkdownToHtml`). At minimum, surface in the console so\n      // a stale announcement is debuggable.\n      console.warn(\"[CopilotKit Inspector] Failed to load announcement\", error);\n      this.announcementLoaded = true;\n      this.requestUpdate();\n    }\n  }\n\n  private async convertMarkdownToHtml(\n    markdown: string,\n  ): Promise<string | null> {\n    const renderer = new marked.Renderer();\n    renderer.link = (href, title, text) => {\n      const safeHref = this.escapeHtmlAttr(this.appendRefParam(href ?? \"\"));\n      const titleAttr = title ? ` title=\"${this.escapeHtmlAttr(title)}\"` : \"\";\n      return `<a href=\"${safeHref}\" target=\"_blank\" rel=\"noopener\"${titleAttr}>${text}</a>`;\n    };\n    return marked.parse(markdown, { renderer });\n  }\n\n  private appendRefParam(href: string): string {\n    try {\n      const url = new URL(\n        href,\n        typeof window !== \"undefined\"\n          ? window.location.href\n          : \"https://copilotkit.ai\",\n      );\n      if (!url.searchParams.has(\"ref\")) {\n        url.searchParams.append(\"ref\", \"cpk-inspector\");\n      }\n      return url.toString();\n    } catch {\n      return href;\n    }\n  }\n\n  private escapeHtmlAttr(value: string): string {\n    return value\n      .replace(/&/g, \"&amp;\")\n      .replace(/</g, \"&lt;\")\n      .replace(/>/g, \"&gt;\")\n      .replace(/\"/g, \"&quot;\")\n      .replace(/'/g, \"&#39;\");\n  }\n\n  private loadStoredAnnouncementTimestamp(): string | null {\n    if (typeof window === \"undefined\" || !window.localStorage) {\n      return null;\n    }\n    try {\n      const raw = window.localStorage.getItem(ANNOUNCEMENT_STORAGE_KEY);\n      if (!raw) {\n        return null;\n      }\n      const parsed = JSON.parse(raw);\n      if (parsed && typeof parsed.timestamp === \"string\") {\n        return parsed.timestamp;\n      }\n      // Backward compatibility: previous shape { hash }\n      return null;\n    } catch {\n      // ignore malformed storage\n    }\n    return null;\n  }\n\n  private persistAnnouncementTimestamp(timestamp: string): void {\n    if (typeof window === \"undefined\" || !window.localStorage) {\n      return;\n    }\n    try {\n      const payload = JSON.stringify({ timestamp });\n      window.localStorage.setItem(ANNOUNCEMENT_STORAGE_KEY, payload);\n    } catch {\n      // Non-fatal if storage is unavailable\n    }\n  }\n\n  private markAnnouncementSeen(): void {\n    // Clear badge only when explicitly dismissed\n    this.hasUnseenAnnouncement = false;\n    this.showAnnouncementPreview = false;\n\n    if (!this.announcementTimestamp) {\n      // If still loading, attempt once more after promise resolves; avoid infinite requeues\n      if (this.announcementPromise && !this.announcementLoaded) {\n        void this.announcementPromise\n          .then(() => this.markAnnouncementSeen())\n          .catch(() => undefined);\n      }\n      this.requestUpdate();\n      return;\n    }\n\n    this.persistAnnouncementTimestamp(this.announcementTimestamp);\n    this.requestUpdate();\n  }\n}\n\nexport function defineWebInspector(): void {\n  if (!customElements.get(WEB_INSPECTOR_TAG)) {\n    customElements.define(WEB_INSPECTOR_TAG, WebInspectorElement);\n  }\n}\n\ndefineWebInspector();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"cpk-web-inspector\": WebInspectorElement;\n  }\n}\n"],"mappings":"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"}