feat(chat): added chat interface and connection to ollama (#10)

Co-authored-by: Sharang Parnerkar <parnerkarsharang@gmail.com>
Reviewed-on: #10

src/components/chat_action_bar.rs

@@ -0,0 +1,65 @@
+use dioxus::prelude::*;
+use dioxus_free_icons::icons::fa_solid_icons::{FaCopy, FaPenToSquare, FaShareNodes};
+
+/// Action bar displayed above the chat input with copy, share, and edit buttons.
+///
+/// Only visible when there is at least one message in the conversation.
+///
+/// # Arguments
+///
+/// * `on_copy` - Copies the last assistant response to the clipboard
+/// * `on_share` - Copies the full conversation as text to the clipboard
+/// * `on_edit` - Places the last user message back in the input for editing
+/// * `has_messages` - Whether any messages exist (hides the bar when empty)
+/// * `has_assistant_message` - Whether an assistant message exists (disables copy if not)
+/// * `has_user_message` - Whether a user message exists (disables edit if not)
+#[component]
+pub fn ChatActionBar(
+    on_copy: EventHandler<()>,
+    on_share: EventHandler<()>,
+    on_edit: EventHandler<()>,
+    has_messages: bool,
+    has_assistant_message: bool,
+    has_user_message: bool,
+) -> Element {
+    if !has_messages {
+        return rsx! {};
+    }
+
+    rsx! {
+        div { class: "chat-action-bar",
+            button {
+                class: "chat-action-btn",
+                disabled: !has_assistant_message,
+                title: "Copy last response",
+                onclick: move |_| on_copy.call(()),
+                dioxus_free_icons::Icon {
+                    icon: FaCopy,
+                    width: 14, height: 14,
+                }
+                span { class: "chat-action-label", "Copy" }
+            }
+            button {
+                class: "chat-action-btn",
+                title: "Copy conversation",
+                onclick: move |_| on_share.call(()),
+                dioxus_free_icons::Icon {
+                    icon: FaShareNodes,
+                    width: 14, height: 14,
+                }
+                span { class: "chat-action-label", "Share" }
+            }
+            button {
+                class: "chat-action-btn",
+                disabled: !has_user_message,
+                title: "Edit last message",
+                onclick: move |_| on_edit.call(()),
+                dioxus_free_icons::Icon {
+                    icon: FaPenToSquare,
+                    width: 14, height: 14,
+                }
+                span { class: "chat-action-label", "Edit" }
+            }
+        }
+    }
+}