v1.5.0

Author: led-mirage

.gitignore

@@ -166,4 +166,18 @@ settings/*
 !settings/settings.json
 !settings/settings_gemini.json
 !settings/settings_claude.json
+chat_icons/*
+!chat_icons/user_black.png
+!chat_icons/user_blue.png
+!chat_icons/user_green.png
+!chat_icons/user_purple.png
+!chat_icons/user_red.png
+!chat_icons/user_yellow.png
+!chat_icons/zunda_grape.png
+!chat_icons/zunda_light.png
+!chat_icons/zunda_lime.png
+!chat_icons/zunda_mono.png
+!chat_icons/zunda_orange.png
+!chat_icons/zunda_peach.png
+!chat_icons/zunda_sky.png
 起動.bat

Readme.md

@@ -17,9 +17,9 @@ ZundaGPT2(https://github.com/led-mirage/ZundaGPT2) のライト版なのだ。Zu
 
 ## 最新情報
 
-### バージョン 1.4.2 - 1.4.3 
+### バージョン 1.5.0 
 
-バグフィックス、機能改善
+チャット用のアイコンが表示できるようになったのだ✨
 
 ### バージョン 1.4.0
 
@@ -29,7 +29,7 @@ Anthropic社のClaudeシリーズに対応したのだ✨
 
 <img src="assets/ZundaGPT2_splash.png" width="200">
 
-<img src="doc/screenshot_1.3.0.png" width="600">
+<img src="doc/screenshot_1.5.0.png" width="600">
 
 ## 動作確認環境
 
@@ -186,10 +186,10 @@ OpenAIやGoogle Gemini、AnthropicのAPIキーはあなただけのものなの
 
 これが嫌な人は（ボクも嫌だけど）、Python本体をインストールしてPythonから普通に実行して欲しいのだ。実行ファイルのほうが手軽だし、そのほうがPythonに詳しくない人にとっては簡単なんだけど、誤認問題がついて回ることは覚えておいて欲しいのだ。
 
-VirusTotalでの[チェック結果](https://www.virustotal.com/gui/file/d5d9ff6593878f0b65fdd30708547a50fd272b01053b53fb2271663ff5175fbc)は以下の通りなのだ。  
-（72個中3個のアンチウィルスエンジンで検出 :2025/01/02 v1.4.3）。
+VirusTotalでの[チェック結果](https://www.virustotal.com/gui/file/49c81f7d0475d9c0caec0d3fdfa4ecedc674d160764e0ad4a489440f37ff401d)は以下の通りなのだ。  
+（72個中3個のアンチウィルスエンジンで検出 :2025/01/04 v1.5.0）。
 
-<img src="doc/virustotal_1.4.2.png" width="600">
+<img src="doc/virustotal_1.5.0.png" width="600">
 
 ### ⚡ 免責事項
 
@@ -244,7 +244,7 @@ VirusTotalでの[チェック結果](https://www.virustotal.com/gui/file/d5d9ff6
 
 ## ライセンス
 
-© 2024 led-mirage
+© 2024-2025 led-mirage
 
 本アプリケーションは [MITライセンス](https://opensource.org/licenses/MIT) の下で公開されているのだ。詳細については、プロジェクトに含まれる LICENSE ファイルを参照して欲しいのだ。
 
@@ -347,3 +347,7 @@ VirusTotalでの[チェック結果](https://www.virustotal.com/gui/file/d5d9ff6
 ### 1.4.3 (2025/01/02)
 
 - Anthropic APIでエラーが発生したときのメッセージを分かりやすくした
+
+### 1.5.0 (2025/01/04)
+
+- チャットアイコンを表示する機能を追加

Readme_detail.md

@@ -1,6 +1,6 @@
 # ZundaGPT2 Lite　追加資料
 
-Copyright (c) 2024 led-mirage
+Copyright (c) 2024-2025 led-mirage
 
 ## はじめに
 
@@ -87,6 +87,14 @@ settings.jsonはsettingsフォルダの中に格納されているのだ。声
 
 あなたの名前の色の設定なのだ。
 
+#### ✨ user/icon（既定値 空文字）
+
+発言者名の横に表示するアイコンの設定なのだ。PNG形式の画像ファイルを指定できるのだ。空文字にするとアイコンは表示されないのだ。
+
+例：chat_icons/user_black.png
+
+chat_iconsフォルダの中にいくつかアイコン用の画像を用意してあるのだ。
+
 #### ✨ assistant/name（既定値 ずんだ）
 
 チャットアシスタントの名前の設定なのだ。
@@ -95,6 +103,14 @@ settings.jsonはsettingsフォルダの中に格納されているのだ。声
 
 チャットアシスタントの名前の色の設定なのだ。
 
+#### ✨ assistant/icon（既定値 空文字）
+
+発言者名の横に表示するアイコンの設定なのだ。PNG形式の画像ファイルを指定できるのだ。空文字にするとアイコンは表示されないのだ。
+
+例：chat_icons/zunda_lime.png
+
+chat_iconsフォルダの中にいくつかアイコン用の画像を用意してあるのだ。
+
 #### ✨ chat/api（既定値 OpenAI）
 
 使用するAPIの設定なのだ。設定できる値は`OpenAI`と`AzureOpenAI`と`Gemini`と`Claude`の４つなのだ。

app/app_settings.py

@@ -2,7 +2,7 @@
 #
 # メイン
 #
-# Copyright (c) 2024 led-mirage
+# Copyright (c) 2024-2025 led-mirage
 # このソースコードは MITライセンス の下でライセンスされています。
 # ライセンスの詳細については、このプロジェクトのLICENSEファイルを参照してください。
 
@@ -15,7 +15,7 @@
 from app_config import AppConfig
 
 class Settings:
-    FILE_VER = 4
+    FILE_VER = 5
     FOLDER_NAME = "settings"
 
     def __init__(self, settings_filename=None):
@@ -40,10 +40,12 @@ def _init_member(self):
         self.user = {
             "name": "あなた",
             "name_color": "#007bff",
+            "icon": "",
         }
         self.assistant = {
             "name": "ずんだ",
             "name_color": "#006400",
+            "icon": "",
         }
         self.chat = {
             "api": "OpenAI",

app/chat_log.py

@@ -2,7 +2,7 @@
 #
 # メイン
 #
-# Copyright (c) 2024 led-mirage
+# Copyright (c) 2024-2025 led-mirage
 # このソースコードは MITライセンス の下でライセンスされています。
 # ライセンスの詳細については、このプロジェクトのLICENSEファイルを参照してください。
 
@@ -17,7 +17,7 @@
 
 # チャットログクラス
 class ChatLog:
-    FILE_VER = 3
+    FILE_VER = 4
     LOG_FOLDER = "log"
 
     # ログをファイルに保存する
@@ -64,11 +64,15 @@ def load(logfile: str):
             if data["file_ver"] == 1:
                 return (None, None)
 
-            if data["file_ver"] == 2:
+            if data["file_ver"] <= 2:
                 data["settings"] = {
                     "display_name": "ZundaGPT",
                     "description": ""
                 }
+            
+            if data["file_ver"] <= 3:
+                data["user"]["icon"] = ""
+                data["assistant"]["icon"] = ""
 
             app_config = AppConfig()
             app_config.load()

app/html/css/style.css

@@ -217,6 +217,15 @@ mark {
     opacity: 1; /* ホバー時に不透明にする */
     transition-delay: 2.0s;
 }
+.welcome-chat-icon {
+    width: 5.0rem;
+    height: 5.0rem;
+}
+.chat-icon {
+    margin-right: 0.5rem;
+    width: 2.5rem;
+    height: 2.5rem;
+}
 @media print {
     @page {
         margin-top: 1.5cm;

app/html/index.html

@@ -61,8 +61,10 @@
 <script>
 let g_userName = "あなた";
 let g_userColor = "#007bff";
+let g_userIcon = "";
 let g_assistantName = "ずんだ";
 let g_assistantColor = "#006400";
+let g_assistantIcon = "";
 let g_nextMessageIndex = 0;
 let g_searchTextIndex = 0;
 let g_searchTextTotal = 0;
@@ -275,6 +277,14 @@
     welcomeConainer.classList.add("welcome");
     chatMessagesContainer.appendChild(welcomeConainer);
 
+    // アシスタントアイコンを作成
+    if (g_assistantIcon != "") {
+        const imgElement = document.createElement("img");
+        imgElement.classList.add("welcome-chat-icon");
+        imgElement.src = `data:image/png;base64,${g_assistantIcon}`;
+        welcomeConainer.appendChild(imgElement);
+    }
+
     // Welcomeタイトルを作成
     const welcomeTitle = document.createElement("div");
     welcomeTitle.id = "welcome-title";
@@ -309,6 +319,25 @@
     speakerElement.style.color = color;
     speakerElement.textContent = speakerName;
 
+    if (role === "user") {
+        if (g_userIcon != "") {
+            // ユーザーアイコンをつける
+            const imgElement = document.createElement("img");
+            imgElement.classList.add("chat-icon");
+            imgElement.src = `data:image/png;base64,${g_userIcon}`;
+            speakerElement.prepend(imgElement);
+        }
+    }
+    else if (role === "assistant") {
+        if (g_assistantIcon != "") {
+            // アシスタントアイコンをつける
+            const imgElement = document.createElement("img");
+            imgElement.classList.add("chat-icon");
+            imgElement.src = `data:image/png;base64,${g_assistantIcon}`;
+            speakerElement.prepend(imgElement);
+        }
+    }
+
     if (role === "user") {
         // 削除ボタンをつける
         const deleteElement = document.createElement("button");
@@ -550,11 +579,13 @@
 
 // Pythonから呼び出される関数
 // 情報をセットする
-function setChatInfo(displayName, userName, userColor, assistantName, assistantColor, welcomeTitle, welcomeMessage) {
+function setChatInfo(displayName, userName, userColor, userIcon, assistantName, assistantColor, assistantIcon, welcomeTitle, welcomeMessage) {
     g_userName = userName;
     g_userColor = userColor;
+    g_userIcon = userIcon;
     g_assistantName = assistantName;
     g_assistantColor = assistantColor;
+    g_assistantIcon = assistantIcon;
     g_nextMessageIndex = 0;
     g_welcomeTitle = welcomeTitle;
     g_welcomeMessage = welcomeMessage;

app/main.py

@@ -8,6 +8,7 @@
 
 import sys
 import webview
+import base64
 
 from app_config import AppConfig
 from app_settings import Settings
@@ -19,7 +20,7 @@
     import pyi_splash # type: ignore
 
 APP_NAME = "ZundaGPT2 Lite"
-APP_VERSION = "1.4.3"
+APP_VERSION = "1.5.0"
 COPYRIGHT = "Copyright 2024-2025 led-mirage"
 
 # アプリケーションクラス
@@ -80,17 +81,30 @@ def set_window_title(self):
         window_title = f"{APP_NAME}  ver {APP_VERSION} - {logfile}"
         self._window.set_title(window_title)
 
+    # 画像をBase64エンコードする
+    def get_image_base64(self, path: str):
+        if not path:
+            return ""
+        try:
+            with open(path, 'rb') as f:
+                data = base64.b64encode(f.read())
+                return data.decode('utf-8')
+        except:
+            return ""
+
     # チャットの情報をUIに通知する
     def set_chatinfo_to_ui(self):
         display_name = self.settings.settings.get("display_name", "")
         user_name = self.settings.user["name"]
         user_color = self.settings.user["name_color"]
+        user_icon = self.get_image_base64(self.settings.user["icon"])
         assistant_name = self.settings.assistant["name"]
         assistant_color = self.settings.assistant["name_color"]
+        assistant_icon = self.get_image_base64(self.settings.assistant["icon"])
         welcome_title = self.settings.settings.get("welcome_title", "")
         welcome_message = self.settings.settings.get("welcome_message", "")
         self._window.evaluate_js(
-            f"setChatInfo('{display_name}', '{user_name}', '{user_color}', '{assistant_name}', '{assistant_color}', '{welcome_title}', '{welcome_message}')")
+            f"setChatInfo('{display_name}', '{user_name}', '{user_color}', '{user_icon}', '{assistant_name}', '{assistant_color}', '{assistant_icon}', '{welcome_title}', '{welcome_message}')")
 
     # ひとつ前のチャットを表示して続ける
     def prev_chat(self):