FlowFuse Expert context UI

[Steve-Mcl]

Description

This pull request implements a new context selection feature in the expert chat input, allowing users to include or exclude specific context sources (like palette and debug logs) in their assistant interactions. It introduces new UI components for context selection and chips, improves the layout for displaying selected context items, and updates the Vuex store to support context options and their effects. The changes also refactor selection button components for consistency and reuse.

Context selection feature:

• Added a context selector (ContextSelector.vue) and context chips (ContextChip/index.vue, IncludeContextItem.vue) to the expert chat input, enabling users to choose which context sources (e.g., palette, debug logs) to include in assistant interactions. Chips are displayed horizontally and can be individually toggled. [1] [2] [3] [4]
• Updated the Vuex store (assistant/index.js, context/index.js) to define available context options, track selected context, and inject palette/debug log data into the context sent to the assistant when selected. [1] [2] [3]

UI/UX improvements:

• Refined the expert chat input layout for better horizontal scrolling and overflow handling of context chips, improving usability when multiple context items are selected.
• Refactored the selection button for including user selections to use the new ContextChip component, ensuring consistent appearance and behavior across context and selection chips. [1] [2]

Other minor updates:

• Fixed a prop name in CapabilitiesSelector.vue for clarity (min-options-width to options-min-width).
• Added constants and initial state for debug log entries and context options in the assistant store. [1] [2] [3]

Related Issue(s)

Checklist

• I have read the contribution guidelines
• Suitable unit/system level tests have been added and they pass
• Documentation has been updated
  • Upgrade instructions
  • Configuration details
  • Concepts
• Changes flowforge.yml?
  • Issue/PR raised on FlowFuse/helm to update ConfigMap Template
  • Issue/PR raised on FlowFuse/CloudProject to update values for Staging/Production
• Link to Changelog Entry PR, or note why one is not needed.

Labels

• Includes a DB migration? -> add the area:migration label

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 76.66%. Comparing base (c5410a0) to head (60c65e8).
⚠️ Report is 29 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #6631   +/-   ##
=======================================
  Coverage   76.66%   76.66%           
=======================================
  Files         398      398           
  Lines       20103    20103           
  Branches     4841     4841           
=======================================
  Hits        15411    15411           
  Misses       4692     4692           

Flag	Coverage Δ
backend	76.66% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.