Display page titles in chat reference labels instead of URLs

[Copilot]

Fixes rendering of fetched web page references in chat to show page titles in the collapsible header label instead of raw URLs.

Before: Fetched https://docs.expo.dev/versions/latest/sdk/imagepicker/
After: Fetched ImagePicker - Expo Documentation

When the collapsible section is expanded, the inner link displays the full URL with a globe icon for reference.

Changes

• Web content extraction - Extended WebContentExtractResult to include optional title field; NativeWebContentExtractorService now extracts titles via webContents.getTitle()

• Tool result pipeline - Added IToolResultReference interface to carry URI + title metadata through toolResultDetails

• Fetch tool - FetchWebPageTool collects titles from extraction results and sets toolResultMessage with the title for single web page fetches

• UI rendering - For single web resource fetches, the collapsible header label shows the page title via toolResultMessage. The inner reference link shows the full URL. For multiple resources, the header shows the resource count as before.

• Serialization - Updated IChatToolInvocationSerialized.resultDetails type to support IToolResultReference

URL fallback preserved for cases without titles or non-web resources.

Fixes #247800

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Rather than rendering the url, can we get the title and render that instead?</issue_title>
<issue_description>

Since we're rendering the page already, lets get the title and attach that.</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Rather than rendering the url, can we get the title and render that instead? #247800

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[vs-code-engineering]

🤖 Copilot has tried out this change! Members of the team can view the recording here or download the Playwright trace here (run)

[dmitrivMS]

@copilot In chat UI we have an item with label "Fetched ...." which, when expanded, contains the link with "globe" icon. That link now has the title. Update the code so that the parent link has the title and the inner link has the full URL instead

[Copilot]

@copilot In chat UI we have an item with label "Fetched ...." which, when expanded, contains the link with "globe" icon. That link now has the title. Update the code so that the parent link has the ti...

Updated in ac0668a. Now for single web page fetches:

• Parent label shows the title: "Fetched Example Page Title"
• Inner link (when expanded) shows the full URL with globe icon

For multiple resources, the parent label shows the count as before ("Fetched 2 resources"), and the inner links show the URLs.