styling fixes

1 files changed, 34 insertions, 0 deletions

diff --git a/.rules/changelog/2026-03/24/08.md b/.rules/changelog/2026-03/24/08.md
new file mode 100644
index 0000000..af75364
--- /dev/null
+++ b/.rules/changelog/2026-03/24/08.md
@@ -0,0 +1,34 @@
+# Chat UI Bug Fixes and Improvements
+
+## Bug Fixes
+
+### Invisible assistant chat bubbles (`styles.css`)
+- Assistant message bubbles used `--background-secondary` which is the same as the sidebar panel background, making them invisible.
+- Changed to `--background-primary` with a `1px solid` border for visible contrast.
+
+### Tool calls appearing below final AI message (`chat-view.ts`, `ollama-client.ts`)
+- The streaming bubble was created once before the agent loop, so tool call elements were always appended after it in the DOM.
+- Added `onCreateBubble` callback to `StreamingChatOptions` so a fresh bubble is created for each iteration of the agent loop.
+- Tool call elements now appear between rounds in correct chronological order.
+
+### Empty bubble from tool-only rounds (`chat-view.ts`)
+- When the AI calls tools without sending text, an empty assistant bubble remained visible.
+- Empty bubbles are now automatically removed from the DOM after each round and at finalization.
+
+## New Features
+
+### Loading indicator (`chat-view.ts`, `styles.css`)
+- New streaming bubbles display a `more-horizontal` Lucide icon while waiting for AI response.
+- Icon is removed as soon as the first text chunk arrives.
+- Added `.ai-organizer-streaming` and `.ai-organizer-loading-icon` CSS styles.
+
+### System prompt for tool guidance (`ollama-client.ts`, `tools.ts`)
+- Added a system prompt (injected when tools are enabled) instructing the model to use exact file paths from search results.
+- Improved `search_files` and `read_file` tool descriptions to emphasize paths are exact and must be used verbatim.
+- Addresses issue where the model would hallucinate file paths instead of using actual search results.
+
+## Files Changed
+- `src/chat-view.ts`
+- `src/ollama-client.ts`
+- `src/tools.ts`
+- `styles.css`