[PatchAgent] Structure the folder list as a listbox

Bug: 406073540
Change-Id: I57ed1a7ebbf6976a6843bd9cb2e23abef48cb667
Fixed: 406073540
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6437775
Commit-Queue: Ergün Erdoğmuş <[email protected]>
Auto-Submit: Samiya Caur <[email protected]>
Reviewed-by: Ergün Erdoğmuş <[email protected]>

Author: Samiya Caur

front_end/panels/ai_assistance/SelectWorkspaceDialog.ts

@@ -107,13 +107,15 @@ export class SelectWorkspaceDialog extends UI.Widget.VBox {
             <div>${lockedString(UIStringsNotTranslate.sourceCodeSent)}</div>
           </div>
           ${hasFolders ? html`
-            <ul>
+            <ul role="listbox" aria-label=${lockedString(UIStringsNotTranslate.selectFolder)} tabindex="0">
               ${input.folders.map((folder, index) => {
                 return html`
                   <li
                     @click=${() => input.onProjectSelected(index)}
                     class=${index === input.selectedIndex ? 'selected' : ''}
+                    aria-selected=${index === input.selectedIndex ? 'true' : 'false'}
                     title=${folder.path}
+                    role="option"
                   >
                     <devtools-icon class="folder-icon" .name=${'folder'}></devtools-icon>
                     <span class="ellipsis">${folder.name}</span>