FF: Implement Chip Display Toggle for Tag and Value Inputs

[zackcl]

Summary

As a user, I want to see only the first two chips in the tag/value input fields and page displays by default, with an option to view all chips, so that the interface remains clean and uncluttered.

Acceptance Criteria

Tag/Value Input Fields in Modals:

• When a tag/value input field in a modal contains more than two chips, display only the first two chips followed by a "+ N more" text.
• The "+ N more" text should reflect the count of additional chips hidden (e.g., "+ 3 more" if there are 5 chips in total).
• On focus, the input field should display all chips, replacing the "+ N more" text with the complete list of chips.
• When the field loses focus, revert to displaying only the first two chips with the "+ N more" text.

Chip Display on Pages:

• Upon page load, if there are more than two chips, display only the first two chips along with a "+ N more" text, where N is the number of additional hidden chips.
• The "+ N more" text should be underlined to indicate it is clickable.
• Clicking on "+ N more" will reveal all chips.
• The full list of chips will remain visible until the page is reloaded.

Technical Specifications

Frontend Changes:

• Modify the chip rendering logic to conditionally display chips based on the total count.
• Ensure that the "+ N more" text is dynamically updated based on the number of additional chips hidden.
• Implement CSS styling to underline the "+ N more" text to indicate its clickability.

Interactions:

• Implement a focus event listener on the tag/value input fields to expand the chips.
• Implement a click event listener on the "+ N more" text to display all chips.

Screenshots for Reference

Refer to the attached screenshots for visual context:

[danoswaltCL]

was this AI generated? i wish all our stories looked like this 😎 . i put 'needs refined' on this just so it gets attention and prioritized

[zackcl]

Yes, that was written by ChatGPT since my draft sucked :sweat_smile:.

[danoswaltCL]

I'm not kidding, I talked in my MUB about things like a project-manager-bot to help us with this stuff. I don't even know what that would look like, but even just having some shared prompts we can craft as a team for storywriting seems like a no-brainer

[amurphy-cl]

For root page, we can show +N more without the ability to expand, but additional N tags will be displayed in a tooltip. When navigating into the detail page, we will show all available tags.

[danoswaltCL]

Is this really a release 6.0 item?

[zackcl]

I think this could be for v2 as it doesn't affect the functionality.

[danoswaltCL]

k, thought so but wanted to double check before removing the tag