fix(files): create suggestions bar

[JuliaKirschenheuter]

📝 Summary

• Resolves: Suggestions on smart picking #6817

🖼️ Screenshots

🏚️ Before

🏡 After

[codecov]

Codecov Report

Attention: Patch coverage is 96.33028% with 8 lines in your changes missing coverage. Please review.

Project coverage is 59.10%. Comparing base (e5f9b07) to head (a3a58e0).
Report is 3 commits behind head on main.

Files with missing lines	Patch %	Lines
src/helpers/filePicker.js	46.15%	7 Missing ⚠️
src/components/Menu/ActionInsertLink.vue	50.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #6856      +/-   ##
==========================================
+ Coverage   51.86%   59.10%   +7.23%     
==========================================
  Files         474      475       +1     
  Lines       40189    35620    -4569     
  Branches      988      987       -1     
==========================================
+ Hits        20845    21054     +209     
+ Misses      19240    14463    -4777     
+ Partials      104      103       -1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[JuliaKirschenheuter]

/rebase

[JuliaKirschenheuter]

@marcoambrosini could you please have a look into current state? Thank you!

[juliusknorr]

@JuliaKirschenheuter No need to commit the bundle js files in this repo, they get updated once merged.

[juliusknorr]

@marcoambrosini Can you have a look UI wise? The spacing between the first line and the suggesions looks a bit off to me

@JuliaKirschenheuter Tested and functionality works as expected. Please check the remaining CI failures.

[JuliaKirschenheuter]

Hi @marcoambrosini, could you please have a look?

[marcoambrosini]

A few points from my side:
1- The buttons group should be left aligned
2- This buttons flicker when opening a file that already have text
3- I think that the smart smart picker button should open the smart picker inline and not in the dialog
4- I think this buttons should be secondary
5- Possibly they should be directly below the first line, not hanging in the middle of the page

Ref

[juliusknorr]

@JuliaKirschenheuter Best also leave a comment on what you have done, otherwise others cannot follow that

As noted via chat 1,4,5 are addressed.

One cypress runner had a temporary issue before starting cypress, restarted.

2- This buttons flicker when opening a file that already have text
3- I think that the smart smart picker button should open the smart picker inline and not in the dialog

Would be fine as a follow up for me, but @JuliaKirschenheuter feel free to also push that here still.

[juliusknorr]

3- I think that the smart smart picker button should open the smart picker inline and not in the dialog

Thinking about this one a bit more again, it might be arguable if we want that button at all, as we have the plus button on the left doing the same.

[juliusknorr]

👍

[JuliaKirschenheuter]

Would be fine as a follow up for me,

@marcoambrosini could i merge this PR and take points 2 and 3 (?) (it might be arguable if we want that button at all, as we have the plus button on the left doing the same) as follow-up?