feat: ui polish (sticky header, dark mode, flat inputs)

.living_spec/specs/functional/UI_LAYOUT.md

@@ -0,0 +1,33 @@
+# Functional Spec: UI Layout
+
+## 1. Global Structure
+The application uses a **fixed-layout** strategy to maximize chat visibility.
+
+```text
++-------------------------------------------------------+
+|  HEADER (Fixed Height, e.g., 50px)                    |
+|  [Project: ~/foo/bar]  [Model: llama3]  [x] Tools     |
++-------------------------------------------------------+
+|                                                       |
+|  CHAT AREA (Flex Grow, Scrollable)                    |
+|                                                       |
+|  (User Message)                                       |
+|  (Agent Message)                                      |
+|                                                       |
++-------------------------------------------------------+
+|  INPUT AREA (Fixed Height, Bottom)                    |
+|  [ Input Field ........................... ] [Send]   |
++-------------------------------------------------------+
+```
+
+## 2. Components
+*   **Header:** Contains global context (Project) and session config (Model/Tools).
+    *   *Constraint:* Must not scroll away.
+*   **ChatList:** The scrollable container for messages.
+*   **InputBar:** Pinned to the bottom.
+
+## 3. Styling
+*   Use Flexbox (`flex-direction: column`) on the main container.
+*   Header: `flex-shrink: 0`.
+*   ChatList: `flex-grow: 1`, `overflow-y: auto`.
+*   InputBar: `flex-shrink: 0`.

.living_spec/stories/06_fix_ui_responsiveness.md

@@ -1,19 +0,0 @@
-# Story: Fix UI Responsiveness (Tech Debt)
-
-## User Story
-**As a** User
-**I want** the UI to remain interactive and responsive while the Agent is thinking or executing tools
-**So that** I don't feel like the application has crashed.
-
-## Context
-Currently, the UI locks up or becomes unresponsive during long LLM generations or tool executions. Even though the backend commands are async, the frontend experience degrades.
-
-## Acceptance Criteria
-*   [ ] Investigate the root cause of the freezing (JS Main Thread blocking vs. Tauri IPC blocking).
-*   [ ] Implement a "Streaming" architecture for Chat if necessary (getting partial tokens instead of waiting for full response).
-    *   *Note: This might overlap with future streaming stories, but basic responsiveness is the priority here.*
-*   [ ] Add visual indicators (Spinner/Progress Bar) that animate smoothly during the wait.
-*   [ ] Ensure the "Stop Generation" button (if added) can actually interrupt the backend task.
-
-## Out of Scope
-*   Full streaming text (unless that is the only way to fix the freezing).

.living_spec/stories/07_ui_polish_sticky_header.md

@@ -0,0 +1,17 @@
+# Story: UI Polish - Sticky Header & Compact Layout
+
+## User Story
+**As a** User
+**I want** key controls (Model Selection, Tool Toggle, Project Path) to be visible at all times
+**So that** I don't have to scroll up to check my configuration or change settings.
+
+## Acceptance Criteria
+*   [ ] Frontend: Create a fixed `<Header />` component at the top of the viewport.
+*   [ ] Frontend: Move "Active Project" display into this header (make it compact/truncated if long).
+*   [ ] Frontend: Move "Ollama Model" and "Enable Tools" controls into this header.
+*   [ ] Frontend: Ensure the Chat message list scrolls *under* the header (taking up remaining height).
+*   [ ] Frontend: Remove the redundant "Active Project" bar from the main workspace area.
+
+## Out of Scope
+*   Full visual redesign (just layout fixing).
+*   Settings modal (keep controls inline for now).