Tag/Chip for Pasted Text

When the user pastes a large body of text we should show a chip (like we do when you tag a variable). This way the input box/message area is not flooded with pasted text.

This was inspired by both ChatGPT and Claude. We really only need to do this if the pasted text is egregiously large (say, > 250 words).

When the user pastes a large body of text we should show a chip (like we do when you tag a variable). This way the input box/message area is not flooded with pasted text.

This was inspired by both ChatGPT and Claude. We really only need to do this if the pasted text is egregiously large (say, > 250 words).

I think I got it what are you trying to say.
You want to see a card [pasted text] not the whole text?
Am I right?
But in Claude and ChatGPT both, the pasted text is completely shown with a scroll bar next to it. The behavior of Mito is also similar to Claude and ChatGPT.

This is what I had in mind:

@aarondr77

This is what I had in mind:

I got your point. When I tested pasting text on Claude, I didn't found this paste card.
Let's see what @aarondr77 says about this.
If he agrees, then I will start working on this issue.

@Aayan-Ali-Hashim

Hey @Aayan-Ali-Hashim yeah that looks awesome!

It would be nice to use this card only when pasting large blocks of text as @ngafar called out in the original issue.

@ngafar

That's great.
Jumping in the issue,
@ngafar Can you please confirm at how much words this card should appear?

like this?

This is the changes I have made

Kindly confirm me, so I can open the pull request.

That's a good start. I wonder if we can improve the design a bit. I think almost all of these can be resolved by just re-using the Context Cards classes that we use for the Notebook tile that you can see in this image. A few notes:

It doesn't need to take up the entire width of the chat input and it should be the same height as the Notebook card.
When you hover over it, it would be great to show the first 250 characters of the text in the tooltip
We should use a different icon for pasted text. You could use the same icon that we use for Text Cells in the NotebookFooter component.

Thanks Aaron, for explaining in such depth.
I got your requirements

Just like this ? Now the Notebook and Paste both are of same size. Should both be in the same line? Or should I shift the paste card in the next line?

@Aayan-Ali-Hashim

Hey @Aayan-Ali-Hashim that spacing looks great.

I think the only remaining changes are:

We should use a different icon for pasted text. You could use the same icon that we use for Text Cells in the NotebookFooter component.
Instead of using that pink color, can we keep the original purple styles

I got it. I was working on these. In just few minutes I will open the PR.

@aarondr77

@aarondr77 Ok now ?

Is this issue still open ?

Navigation Menu

Repository navigation

Tag/Chip for Pasted Text #2347

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Tag/Chip for Pasted Text #2347

Description

Activity

Aayan-Ali-Hashim commented on Jul 6, 2026

ngafar commented on Jul 6, 2026

Aayan-Ali-Hashim commented on Jul 6, 2026

aarondr77 commented on Jul 6, 2026

Aayan-Ali-Hashim commented on Jul 6, 2026

Aayan-Ali-Hashim commented on Jul 6, 2026

Aayan-Ali-Hashim commented on Jul 6, 2026

aarondr77 commented on Jul 6, 2026

Aayan-Ali-Hashim commented on Jul 6, 2026

Aayan-Ali-Hashim commented on Jul 7, 2026

aarondr77 commented on Jul 7, 2026

Aayan-Ali-Hashim commented on Jul 7, 2026

Aayan-Ali-Hashim commented on Jul 7, 2026

vivekml251me163 commented on Aug 10, 2026

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions