[front] - chore(InputBar): prettified url pasting

[JulesBelveze]

Description

This PR implements a custom node extension for rendering data source links in the input bar editor. When a user pastes a URL that corresponds to a data source node, the URL is transformed into a Chip component.

The solution leverages Tiptap's ReactNodeViewRenderer to bridge ProseMirror's document model with React components. This allows us to maintain proper document structure.

1. Created a custom node extension (DataSourceLinkExtension) that defines how data source links are represented in the editor document model

   • Stores essential metadata like nodeId, title, provider, and spaceId
   • Uses Tiptap's atom node pattern for atomic UI elements

2. Implemented a React component (DataSourceLinkComponent) that renders the data source link

   • Uses Sparkle's Chip component for consistent UI
   • Dynamically displays the connector icon based on provider type

3. Updated URL handler logic to transform detected URLs into data source link nodes

   • Simplified code by removing manual text formatting
   • Improved maintainability by using structured nodes instead of plain text

This implementation follows the same pattern used for mentions in the editor, ensuring consistency across the codebase. The custom node approach provides better semantics, styling control, and future extensibility compared to plain text replacement.

Risk

Low, behind FF

Deploy Plan

Deploy front

[JulesBelveze]

Note: the last step will be to add wrapping whitespaces where needed.

[philipperolet]

Looks good :) a few questions:

• is there a way for the user to go back to the URL?
• is the URL still rendered when the message is submitted? (notably mentioned to the model)
  Second point is quite important, here we want to make sure the model has a message in which what it sees is consistent with what is attached. So I would say don't render the URL, render the doc's title + maybe content fragment id in some way)

Also, in general for UX-related PRs, screenshots in the description go a long way

[JulesBelveze]

is there a way for the user to go back to the URL?

Currently no, is that something we want?

Also, in general for UX-related PRs, screenshots in the description go a long way

My bad, though I added it. Here you go:

is the URL still rendered when the message is submitted?

For now when the message is submitted, the "Chip" goes away. But the intent is to have to persist as it is rendered in the InputBar.

[JulesBelveze]

@philipperolet Lemme know what you think would be nice here and I'll update it.
Will add the chip persisting in a separate PR 👌🏼

[philipperolet]

LGTM; ccing @Duncid @pinotalexandre for chip / mention design => how do we want the "pasted url" to look once recognized as one of our knowledge?

As for the ability to remove the mention and get back to a url, I think we can skip --- very edge casy IMO, wdyt design?

Or, we could turn the mention back to an url if the user deletes the related attachment?

[philipperolet]

is there a way for the user to go back to the URL?

Currently no, is that something we want?

Also, in general for UX-related PRs, screenshots in the description go a long way

My bad, though I added it. Here you go:

> is the URL still rendered when the message is submitted?

For now when the message is submitted, the "Chip" goes away. But the intent is to have to persist as it is rendered in the InputBar.

here is the current design @Duncid @pinotalexandre

[Duncid]

@JulesBelveze I think we can remove the Google Drive Icon given that it is in the top bar attachement. Will make it look better.

[pinotalexandre]

is there a way for the user to go back to the URL?
In which case it could be usefull?

Globally looking good!
We can also set a width limit (the same as the attachement) to avoid too long mention like this :

[pinotalexandre]

"Bug" spotted :
Also, if pasting twice the same link, It will add 2 times the file as attachement

[pinotalexandre]

If deleting the attachements and then repasting the link, the attachement is not displayed anymore