Basic table layout for path provenance

extensions/ql-vscode/src/view/results/AlertTableHeader.tsx

@@ -45,7 +45,7 @@ export function AlertTableHeader({
         <th colSpan={2}></th>
         <th
           className={`${sortClass()} vscode-codeql__alert-message-cell`}
-          colSpan={3}
+          colSpan={4}
           onClick={toggleSortStateForColumn}
         >
           Message

extensions/ql-vscode/src/view/results/AlertTablePathNodeRow.tsx

@@ -86,6 +86,7 @@ export function AlertTablePathNodeRow(props: Props) {
           "[no location]"
         )}
       </td>
+      <td {...selectableZebraStripe(isSelected, zebraIndex)}>{"model"}</td>
       <td
         {...selectableZebraStripe(
           isSelected,

extensions/ql-vscode/src/view/results/AlertTablePathRow.tsx

@@ -61,7 +61,7 @@ export function AlertTablePathRow(props: Props) {
           expanded={currentPathExpanded}
           onClick={handleDropdownClick}
         />
-        <td className="vscode-codeql__text-center" colSpan={3}>
+        <td className="vscode-codeql__text-center" colSpan={4}>
           Path
         </td>
       </tr>

extensions/ql-vscode/src/view/results/AlertTableResultRow.tsx

@@ -90,7 +90,7 @@ export function AlertTableResultRow(props: Props) {
         {result.codeFlows === undefined ? (
           <>
             <td className="vscode-codeql__icon-cell">{info}</td>
-            <td colSpan={3}>{msg}</td>
+            <td colSpan={4}>{msg}</td>
           </>
         ) : (
           <>
@@ -99,7 +99,7 @@ export function AlertTableResultRow(props: Props) {
               onClick={handleDropdownClick}
             />
             <td className="vscode-codeql__icon-cell">{listUnordered}</td>
-            <td colSpan={2}>{msg}</td>
+            <td colSpan={3}>{msg}</td>
           </>
         )}
         <td className="vscode-codeql__location-cell">