AP-529 tind references redesign

[jason-raitz]

Instead of changing the tind message that is passed back and forth in the datalayer and in langfuse, the custom element will parse the reference string and output it the way we want.

[jason-raitz]

@anarchivist, we have not needed a javascript test suite so far, but it would be required to test this custom element. I think that may be a bit too much overhead unless we plan to do a lot more frontend customizations.

[anarchivist]

@jason-raitz sounds good. in an ideal world i'd love for us to bolt in our own cypress tests here, but that's probably going to be enough work on its own...

[awilfox]

Overall, this is a good concept. I'm wondering if it might be better to refactor the backend to create a JSON object that can be more easily parsed into the fields. It would simplify the logic instead of taking metadata, turning it into English, then having the code having to parse that English back into metadata.

[anarchivist]

It would simplify the logic instead of taking metadata, turning it into English, then having the code having to parse that English back into metadata.

i think that would be as simple as modifying willa.tind.format_tind_context: https://github.com/BerkeleyLibrary/willa/blob/main/willa/tind/format_tind_context.py#L23-L40

[Copilot]

Pull request overview

This PR redesigns how TIND references are displayed by moving the parsing and formatting logic from the backend to the frontend. Instead of formatting reference data in the Python backend and passing it as a formatted string, the raw reference data is now parsed and formatted in the React component, providing more flexibility in presentation.

Key Changes

• Removed the "References:" label from the TIND message content in the Python backend
• Added parsing logic in the React component to extract structured data from reference strings
• Implemented custom rendering with accordion UI showing reference count and formatted metadata

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 6 comments.

File	Description
willa/web/app.py	Removed "References:" label from TIND message content, now passes empty string
public/elements/tind-refs.jsx	Added parseTindReference and buildTindMessage functions to parse and format TIND reference data client-side, updated accordion trigger to show reference count

Comments suppressed due to low confidence (1)

public/elements/tind-refs.jsx:51

• Variable originalMessage is used like a local variable, but is missing a declaration.

    originalMessage = props.tind_message || 'no references supplied';