Skip to content

Conversation

KayTV
Copy link
Collaborator

@KayTV KayTV commented Aug 27, 2025

Checklist

  • Update PR Title to follow this pattern: [INTENT]:[MESSAGE]

    The title will become a one-line commit message in the git log, so be as concise and specific as possible -- refer to How to Write a Git Commit Message. Prepend Conventional Commit intent (fix:, feat:, chore:, ci:, docs:, style:, refactor:, perf:, test:).

Ticket

Resolves #{TICKET NUMBER or URL or description} or Adds {new capability or feature}

Changes

This pull request adds a new architectural decision record to the documentation, outlining the evaluation of frontend UI framework options for implementing a chat interface for the Mastra bot. The document compares a custom-built UI approach with a template-based solution, highlighting the pros and cons of each, and provides context, decision drivers, and links to relevant technical stories.

Documentation: Decision Record for Frontend UI Framework

  • Added docs/decisions/ui-framework/000-custom-built-ui-vs-template-chat.md to document the evaluation of custom-built UI versus template-based approaches for the Mastra bot chat interface, including decision drivers, considered options, pros and cons, and links to related PRs and resources.

Context for reviewers

Decision log for tracking progress of application

fg-nava and others added 2 commits August 27, 2025 09:23
- Add Vercel ai-chatbot (navapbc fork) as git submodule
- Configured with Neon DB, Google Cloud Storage, and OpenAI
- Enables chat functionality alongside main application
@KayTV KayTV requested a review from fg-nava August 27, 2025 19:19

- Custom-built UI with Vercel AI SDK (PR #4)
- Vercel AI SDK chatbot template (PR #13)
- Third-party chat widget integration
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For 3P integrations, I would recommend further looking into and surfacing these as options we reviewed, considered, or ruled-out:

I think we could then briefly expand on the "why" behind each good and bad in the Pros+Cons section for 3P integrations below.

- Good, because includes model selection dropdowns for testing
- Good, because lighter weight and focused on chat functionality
- Bad, because limited to chat interface only (no user management)
- Bad, because requires integration with existing Mastra backend
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This would also be a consequence of Option 1, right?

Bad, because requires integration with existing Mastra backend

As you built out the initial phase for each solution where did the integration requirements differ?

- Bad, because poor user experience
- Bad, because limited functionality

### Full-stack framework like Next.js
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Was this an option you considered? Is the difference between this option and Option 1 that it does not use AI SDK?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh, my edits didn't save one sec

@fg-nava
Copy link
Collaborator

fg-nava commented Aug 27, 2025

This is a good start! I liked how Christine and Jillian asked questions around some of the strategic differences. Would like if we could tailor the pros and cons more towards these.

  • Maintenance burden vs. development speed
  • Customization flexibility vs. out-of-the-box functionality
  • Short-term demo needs vs. long-term project architecture
  • Quality of existing templates vs. building it right from scratch
  • Hybrid approach (Christine's "Frankenstein" mention) vs. picking one path

KayTV and others added 10 commits September 15, 2025 15:50
- Update axios to >=1.12.0 (fixes DoS vulnerability)
- Update hono to >=4.9.7 (fixes body limit middleware bypass)
- Update various Mastra packages to latest versions
- Resolve all known security vulnerabilities
fix: update @mastra/memory to resolve thread validation error
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants