{ "contents": " return (\n

\n \n }\n count={filterCounts.user_message}\n isChecked={selectedFilters.includes(\"user_message\")}\n onClick={() => {\n const newFilters = selectedFilters.includes(\"user_message\")\n ? selectedFilters.filter((f) => f !== \"user_message\")\n : [...selectedFilters.filter((f) => f !== \"highlights\"), \"user_message\" as MessageFilter];\n navigateTo(buildFilterUrl(newFilters, selectedToolTypes, searchParams));\n }}\n />\n
\n }\n count={filterCounts.agent_text}\n isChecked={selectedFilters.includes(\"agent_text\")}\n onClick={() => {\n const newFilters = selectedFilters.includes(\"agent_text\")\n ? selectedFilters.filter((f) => f !== \"agent_text\")\n : [...selectedFilters.filter((f) => f !== \"highlights\"), \"agent_text\" as MessageFilter];\n navigateTo(buildFilterUrl(newFilters, selectedToolTypes, searchParams));\n }}\n />\n
\n }\n count={filterCounts.agent_thinking}\n isChecked={selectedFilters.includes(\"agent_thinking\")}\n onClick={() => {\n const newFilters = selectedFilters.includes(\"agent_thinking\")\n ? selectedFilters.filter((f) => f !== \"agent_thinking\")\n : [...selectedFilters.filter((f) => f !== \"highlights\"), \"agent_thinking\" as MessageFilter];\n navigateTo(buildFilterUrl(newFilters, selectedToolTypes, searchParams));\n }}\n />\n
\n
}\n count={filterCounts.tool_call}\n isChecked={selectedFilters.includes(\"tool_call\")}\n onClick={() => {\n const newFilters = selectedFilters.includes(\"tool_call\")\n ? selectedFilters.filter((f) => f !== \"tool_call\")\n : [...selectedFilters.filter((f) => f !== \"highlights\"), \"tool_call\" as MessageFilter];\n // Always clear tool types when clicking Tool Calls toggle if deselecting\n const newToolTypes = selectedFilters.includes(\"tool_call\") ? [] : selectedToolTypes;\n navigateTo(buildFilterUrl(newFilters, newToolTypes, searchParams));\n }}\n />\n {/* Tool type sub-filters nested under Tool Calls */}\n {toolTypes.length > 0 && (\n
- \n }\n count={filterCounts.tool_call}\n isChecked={selectedToolTypes.length === 0 && selectedFilters.includes(\"tool_call\")}\n isNested={true}\n onClick={() => {\n // If All is selected, we want to select \"tool_call\" filter and clear specific tool types\n // If already selected, deselect tool_call\n const newFilters = selectedToolTypes.length === 0 && selectedFilters.includes(\"tool_call\")\n ? selectedFilters.filter((f) => f !== \"tool_call\")\n : selectedFilters.includes(\"tool_call\")\n ? selectedFilters.filter((f) => f !== \"highlights\")\n : [...selectedFilters.filter((f) => f !== \"highlights\"), \"tool_call\" a...