[{"_1":2,"_164":-5,"_165":-5},"loaderData",{"_3":4,"_13":14,"_21":22,"_141":142},"root",{"_5":-5,"_6":-7,"_7":8,"_9":-7,"_10":11,"_12":-7},"currentUser","primaryEmail","siteVerification","6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI","toast","enableDev",false,"incidentStatus","routes/_layout",{"_15":-5,"_16":17,"_18":17,"_19":11,"_20":11},"username","isAskGordonEnabled",true,"isUsingNewTemplate","showMinimalLanding","showHoneypotTrap","routes/_layout.r.$namespace.$reponame",{"_23":24,"_25":-5,"_26":11,"_27":11,"_28":29,"_30":31,"_32":-5,"_33":11,"_34":35,"_91":-5,"_92":93,"_132":-5,"_133":11,"_134":17,"_135":11,"_136":-5,"_137":11,"_138":-5,"_139":140},"canonicalUrl","https://hub.docker.com/r/rin1809/chat_ai_interface/tags","mcpServer","canSeeDockerfile","canSeeAutobuilds","namespace","rin1809","reponame","chat_ai_interface","cloudBuildSource","isAutobuildsAvailable","repo",{"_36":37,"_46":47,"_49":50,"_51":52,"_53":11,"_54":55,"_56":57,"_58":59,"_39":31,"_28":29,"_61":62,"_63":48,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":65,"_72":73,"_74":11,"_75":29,"_76":77,"_82":11,"_83":84,"_88":29,"_89":90},"categories",[38,43],{"_39":40,"_41":42},"name","Machine learning & AI","slug","machine-learning-and-ai",{"_39":44,"_41":45},"Web servers","web-servers","content_types",[48],"image","date_registered","2025-03-06T15:49:48.332114Z","description","ᓚᘏᗢ","is_private","last_updated","2025-03-06T15:49:48.393807Z","last_modified","2025-03-06T15:58:05.636001Z","media_types",[60],"application/vnd.docker.container.image.v1+json","pull_count",56,"repository_type","star_count",0,"status",1,"status_description","active","source","collaborator_count","full_description","# AI - UI ᓚᘏᗢ\n\n## Picture 1\n![Image](https://github.com/user-attachments/assets/544a539e-6e2e-435d-b275-472594d6f562)\n\n## Picture 2\n![image](https://github.com/user-attachments/assets/78ace461-9332-458a-a100-52cbcc111510)\n\n## Introduction\n\n

🇻🇳 Tiếng Việt

\n\n## Giới thiệu\n\n**Chat Bot GUI** là một ứng dụng giao diện người dùng (UI) cho phép tương tác với mô hình ngôn ngữ Gemini của Google (Gemini 2.0 Flash) thông qua một giao diện trò chuyện thân thiện. Ứng dụng hỗ trợ tải lên và xử lý nhiều loại file (text, ảnh), tùy chỉnh cài đặt an toàn, quản lý lịch sử trò chuyện, và thay đổi hướng dẫn hệ thống (system instruction).\n\n## Tính năng\n\n* **Giao diện trò chuyện:** Giao diện trực quan, dễ sử dụng, hỗ trợ hiển thị tin nhắn của người dùng và phản hồi từ bot.\n* **Tải lên file:** Hỗ trợ tải lên nhiều file (text, ảnh) để cung cấp ngữ cảnh cho bot.\n* **Xử lý file:**\n * **File text:** Đọc nội dung file text và gửi cho Gemini cùng với câu hỏi của người dùng.\n * **File ảnh:** Gửi ảnh cho Gemini để mô tả hoặc phân tích.\n* **Tùy chỉnh cài đặt an toàn:** Điều chỉnh các ngưỡng chặn cho các loại nội dung nhạy cảm (ngôn từ thù hận, nội dung nguy hiểm, quấy rối, nội dung khiêu dâm).\n* **Quản lý lịch sử trò chuyện:**\n * Lưu lịch sử trò chuyện vào các file JSON riêng biệt.\n * Tải lại lịch sử trò chuyện.\n * Xóa từng cuộc trò chuyện hoặc tất cả cuộc trò chuyện.\n* **Hướng dẫn hệ thống (System Instruction):** Thay đổi hướng dẫn hệ thống để tùy chỉnh hành vi của bot.\n* **Prompt mẫu:** Cung cấp các prompt mẫu để bắt đầu cuộc trò chuyện.\n* **Hiển thị code:** Hiển thị code với cú pháp được tô sáng (syntax highlighting) và hỗ trợ copy code.\n* **Phản hồi đa phương tiện:** Hỗ trợ hiển thị văn bản và code từ mô hình.\n* **Thanh bên có thể thu gọn:** Ẩn/hiện thanh bên chứa lịch sử cuộc trò chuyện.\n* **Chỉ báo trạng thái nhập:** Hiện thị icon khi Rin đang nhập.\n\n## Hướng dẫn sử dụng\n\n1. **Nhập tin nhắn:** Nhập câu hỏi hoặc yêu cầu của bạn vào ô nhập tin nhắn và nhấn nút \"Send\" (biểu tượng hình tròn) hoặc nhấn `Enter`.\n2. **Tải file:**\n * Nhấn nút \"Upload\" (biểu tượng dấu cộng).\n * Chọn một hoặc nhiều file.\n * Nhấn \"Open\".\n * Tên file sẽ hiển thị trong tin nhắn phản hồi của bot.\n3. **Tạo prompt mới:** Nhấn nút \"New Prompt\" để bắt đầu cuộc trò chuyện mới (xóa lịch sử trò chuyện hiện tại trên giao diện).\n4. **Cài đặt an toàn:**\n * Nhấn nút \"Safety Settings\" để mở bảng cài đặt.\n * Điều chỉnh các ngưỡng chặn cho từng loại nội dung.\n * Nhấn \"Save Settings\".\n5. **Xóa tất cả cuộc trò chuyện:** Nhấn nút \"Delete All Chats\" trong sidebar.\n6. **Xem lịch sử trò chuyện:**\n * Các cuộc trò chuyện trước đó được liệt kê trong sidebar.\n * Nhấn vào một cuộc trò chuyện để tải lại lịch sử.\n7. **Xóa cuộc trò chuyện:** Nhấn nút \"Delete\" (biểu tượng thùng rác) bên cạnh cuộc trò chuyện trong sidebar.\n8. **Thay đổi System Instruction**\n * Nhấn vào icon tam giác để mở.\n * Thay đổi System Intruction trong khung.\n * Nhấn nút check (Lưu).\n9. **Prompt Mẫu**: Chọn prompt có sẵn trong phần gợi ý.\n\n

\n\n\n

🇬🇧 English

\n\n## Introduction\n\nThe **Chat Bot GUI** is a user interface (UI) application that allows you to interact with Google's Gemini language model (Gemini 2.0 Flash) through a friendly chat interface. The application supports uploading and processing various file types (text, images), customizing safety settings, managing chat history, and changing the system instruction.\n\n## Features\n\n* **Chat Interface:** Intuitive and easy-to-use interface, supporting display of user messages and bot responses.\n* **File Upload:** Supports uploading multiple files (text, images) to provide context to the bot.\n* **File Processing:**\n * **Text Files:** Reads the content of text files and sends it to Gemini along with the user's question.\n * **Image Files:** Sends images to Gemini for description or analysis.\n* **Customizable Safety Settings:** Adjust blocking thresholds for various types of sensitive content (hate speech, dangerous content, harassment, sexually explicit content).\n* **Chat History Management:**\n * Saves chat history to separate JSON files.\n * Loads chat history.\n * Deletes individual chats or all chats.\n* **System Instruction:** Change the system instruction to customize the bot's behavior.\n* **Example Prompts:**: Provide example prompts to get the chat started.\n* **Code Display:** Displays code with syntax highlighting and supports code copying.\n* **Multimedia Response:** Supports displaying text, and code from the model.\n* **Collapsible Sidebar**: Show/Hide chat history.\n* **Typing Indicator:** Displays icon while Rin is typing.\n\n\n## Usage Instructions\n\n1. **Enter a message:** Type your question or request into the message input box and click the \"Send\" button (the circular icon) or press `Enter`.\n2. **Upload files:**\n * Click the \"Upload\" button (the plus icon).\n * Select one or more files.\n * Click \"Open\".\n * The filenames will be displayed in the bot's response message.\n3. **Create a new prompt:** Click the \"New Prompt\" button to start a new conversation (clears the current chat history on the interface).\n4. **Safety settings:**\n * Click the \"Safety Settings\" button to open the settings panel.\n * Adjust the blocking thresholds for each content type.\n * Click \"Save Settings\".\n5. **Delete all chats:** Click the \"Delete All Chats\" button in the sidebar.\n6. **View chat history:**\n * Previous chats are listed in the sidebar.\n * Click on a chat to load its history.\n7. **Delete a chat:** Click the \"Delete\" button (trash can icon) next to the chat in the sidebar.\n8. **Change System Instruction:**\n * Click the triangle icon to open.\n * Change System Intruction.\n * Click check button (Save).\n9. **Example Prompts**: Click on an available example prompt.\n\n

\n\n\n

🇯🇵 日本語

\n\n## 概要\n\n**Chat Bot GUI** は、Google の Gemini (Gemini 2.0 Flash) 言語モデルとフレンドリーなチャットインターフェースを通じて対話できるユーザーインターフェース (UI) アプリケーションです。このアプリケーションは、さまざまなファイルタイプ (テキスト、画像) のアップロードと処理、安全設定のカスタマイズ、チャット履歴の管理、システム指示の変更をサポートしています。\n\n## 機能\n\n* **チャットインターフェース:** ユーザーメッセージとボットの応答の表示をサポートする、直感的で使いやすいインターフェース。\n* **ファイルアップロード:** ボットにコンテキストを提供するために、複数のファイル (テキスト、画像) のアップロードをサポートします。\n* **ファイル処理:**\n * **テキストファイル:** テキストファイルの内容を読み取り、ユーザーの質問とともに Gemini に送信します。\n * **画像ファイル:** 説明または分析のために画像を Gemini に送信します。\n* **カスタマイズ可能な安全設定:** さまざまな種類の機密コンテンツ (ヘイトスピーチ、危険なコンテンツ、嫌がらせ、露骨な性的コンテンツ) のブロックしきい値を調整します。\n* **チャット履歴管理:**\n * チャット履歴を個別の JSON ファイルに保存します。\n * チャット履歴を読み込みます。\n * 個々のチャットまたはすべてのチャットを削除します。\n* **システム指示:** システム指示を変更して、ボットの動作をカスタマイズします。\n* **プロンプト例:** チャットを開始するためのプロンプト例を提供します。\n* **コード表示:** 構文を強調表示してコードを表示し、コードのコピーをサポートします。\n* **メッセージへのフィードバック:** 再試行。\n* **折りたたみ可能なサイドバー**: チャット履歴を表示・非表示。\n* **入力インジケーター:** りんが入力中にアイコンを表示。\n\n\n## 使用方法\n\n1. **メッセージの入力:** メッセージ入力ボックスに質問またはリクエストを入力し、「送信」ボタン (円形のアイコン) をクリックするか、`Enter` キーを押します。\n2. **ファイルのアップロード:**\n * 「アップロード」ボタン (プラスアイコン) をクリックします。\n * 1つまたは複数のファイルを選択します。\n * 「開く」をクリックします。\n * ファイル名はボットの応答メッセージに表示されます。\n3. **新しいプロンプトの作成:** 「新しいプロンプト」ボタンをクリックして、新しい会話を開始します (インターフェイス上の現在のチャット履歴をクリアします)。\n4. **安全設定:**\n * 「安全設定」ボタンをクリックして、設定パネルを開きます。\n * 各コンテンツタイプのブロックしきい値を調整します。\n * 「設定を保存」をクリックします。\n5. **すべてのチャットを削除:** サイドバーの「すべてのチャットを削除」ボタンをクリックします。\n6. **チャット履歴の表示:**\n * 以前のチャットはサイドバーに一覧表示されます。\n * チャットをクリックして履歴を読み込みます。\n7. **チャットの削除:** サイドバーのチャットの横にある「削除」ボタン (ゴミ箱アイコン) をクリックします。\n8. **システム指示の変更:**\n * 三角形のアイコンをクリックして開きます。\n * システム指示を変更します。\n * チェックボタン (保存) をクリックします。\n9. **プロンプト例**: 使用可能なプロンプト例をクリックします。\n\n

","has_starred","hub_user","immutable_tags_settings",{"_78":11,"_79":80},"enabled","rules",[81],".*","is_automated","permissions",{"_85":17,"_86":11,"_87":11},"read","write","admin","user","storage_size",144019033,"orgData","recentTags",[94],{"_95":48,"_96":97,"_98":99,"_100":101,"_102":103,"_104":105,"_54":121,"_122":97,"_123":29,"_124":60,"_39":125,"_126":127,"_128":112,"_129":121,"_130":69,"_131":17},"content_type","creator",32298702,"digest","sha256:c245d17a87654a7e510f20872ddd2560ef652e6d255e93607c3c8efe2af5a58b","full_size",144007835,"id",860127230,"images",[106],{"_107":108,"_98":99,"_109":110,"_111":112,"_113":114,"_115":116,"_117":110,"_118":-5,"_119":101,"_66":69,"_120":-5},"architecture","amd64","features","","last_pulled","2026-09-14T18:09:55.299189974Z","last_pushed","2025-03-06T15:49:46.953911869Z","os","linux","os_features","os_version","size","variant","2025-03-06T15:49:47.323653Z","last_updater","last_updater_username","media_type","v1","repository",26666286,"tag_last_pulled","tag_last_pushed","tag_status","v2","sbxKitMetadata","isPotentialSpam","isHubSbxKitsEnabled","showSbxLogoOverride","sbxTrademarkText","displaySecurityMetadata","tagAttestations","tagsHaveAttestations",[],"routes/_layout.r.$namespace.$reponame.tags",{"_34":143,"_152":153,"_139":162,"_163":11},{"_36":144,"_46":147,"_49":50,"_51":52,"_53":11,"_54":55,"_56":57,"_58":148,"_39":31,"_28":29,"_61":62,"_63":48,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":65,"_72":73,"_74":11,"_75":29,"_76":149,"_82":11,"_83":151,"_88":29,"_89":90},[145,146],{"_39":40,"_41":42},{"_39":44,"_41":45},[48],[60],{"_78":11,"_79":150},[81],{"_85":17,"_86":11,"_87":11},"tags",{"_154":67,"_155":-5,"_156":-5,"_157":158},"count","next","previous","results",[159],{"_95":48,"_96":97,"_98":99,"_100":101,"_102":103,"_104":160,"_54":121,"_122":97,"_123":29,"_124":60,"_39":125,"_126":127,"_128":112,"_129":121,"_130":69,"_131":17},[161],{"_107":108,"_98":99,"_109":110,"_111":112,"_113":114,"_115":116,"_117":110,"_118":-5,"_119":101,"_66":69,"_120":-5},[],"canDeleteTags","actionData","errors"]

rin1809/chat_ai_interface

Tags for rin1809/chat_ai_interface