# Implementation Plan: Context Composition & UX Refinements

## Phase 1: Panel Cleanup and Addition
- [x] Task: Clean up Files & Media Panel
    - [x] In `src/gui_2.py`, locate `_render_files_panel`. Remove the `imgui.checkbox` and `imgui.combo` (view mode) logic for each file row.
    - [x] Replace them with a simple `imgui.text` for the path, and optionally a `[+]` button to quickly add the file to the active context composition if it isn't already present.
- [x] Task: Implement Add File Modal
    - [x] Add state `app.show_add_context_file_modal = False` to `App.__init__`.
    - [x] In `render_context_composition_panel`, update the `[+ Add File]` button to set `app.show_add_context_file_modal = True`.
    - [x] Create `render_add_context_file_modal(app: App)` and add it to `render_context_modals`. It should iterate over `app.files`, filter out those already in `app.context_files`, and provide clickable rows to append them to `app.context_files`.

## Phase 2: Discussion Tinting
- [x] Task: Tint Discussion Entries
    - [x] In `render_discussion_entry`, apply `imscope.style_color(imgui.Col_.child_bg, ...)` based on `entry["role"]`. 
    - [x] Define standard tints (e.g., `vec4(30, 40, 50, 255)` for User, `vec4(40, 30, 50, 255)` for AI, `vec4(20, 20, 20, 255)` for System/Context).

## Phase 3: Verification
- [x] Task: Verification
    - [x] Verify Files & Media is clean.
    - [x] Verify Add File modal works and successfully moves a file into the composition.
    - [x] Verify discussion entries are correctly tinted based on role.
- [x] Task: Conductor - User Manual Verification 'Phase 3: Verification' (Protocol in workflow.md)