enh(ui): smart picker button at the start of line

[max-nextcloud]

Fixes #6818.

• Show a + button that opens the smart picker.
• Show the button when the cursor is at the end of the line.
• Do not show the button if the smart picker is already open.
• Remove the placeholder text.
• Tab navigation to the smart picker works.

🎥 Screen recording

Bildschirmaufzeichnung.vom.2025-01-15.22-52-09.mp4

TODO

• check if showing the button while in the middle of the line and navigating to the end is an option.
• tab navigation only works if there are no other buttons in the text (from table, preview, link paragraph)
• add tests

[codecov]

Codecov Report

Attention: Patch coverage is 84.21053% with 33 lines in your changes missing coverage. Please review.

Project coverage is 46.77%. Comparing base (e22c08f) to head (cffe09b).

Files with missing lines	Patch %	Lines
src/plugins/currentLineMenu.js	91.50%	13 Missing ⚠️
src/plugins/previewOptions.js	64.51%	11 Missing ⚠️
src/plugins/LinkBubblePluginView.js	0.00%	6 Missing ⚠️
src/components/Editor/PreviewOptions.vue	0.00%	3 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #6855      +/-   ##
==========================================
+ Coverage   46.55%   46.77%   +0.22%     
==========================================
  Files         748      735      -13     
  Lines       34318    34457     +139     
  Branches     1242     1254      +12     
==========================================
+ Hits        15976    16118     +142     
- Misses      17720    17732      +12     
+ Partials      622      607      -15     

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

[max-nextcloud]

I'm pondering still showing the button if one is in the middle of the line and moving the cursor to the end of the line if the button is clicked / activated. I imagine it would be nice to say change the current line into a heading with tab navigation from any point in the line.

[max-nextcloud]

I updated the screen recording to reflect the latest changes.

[juliusknorr]

Pushed a small commit to use NcButton, add an aria label to prevent console warnings and fix the jest tests.

[juliusknorr]

Very nice, gave it some testing and the code looks good 👍

@marcoambrosini Can you also check?

I'd also be fine with merging and doing follow ups on polishing

[marcoambrosini]

I think that as soon as there's something in the current line, the plus button should either:

• disappear (for now)
• Open the smart picker in a new line, right after the current one

[max-nextcloud]

Open the smart picker in a new line, right after the current one

Sounds good. That would imply that if i select say "Heading" it would not turn the current line into a heading but rather start a heading below. Makes sense to me.

[max-nextcloud]

This will still cause an exception if currentParagraph is undefined, right? I'd expect undefined + 1 to raise a type error. I'll make sure this never gets called without a paragraph instead.