管理方法変更

control.js

@@ -113,4 +113,5 @@ async function updateModelList() {
     } catch (error) {
         console.error('モデルリストの更新中にエラーが発生しました:', error);
     }
+    loadFromUserStorage();
 }

history.js

@@ -35,9 +35,38 @@ function updateHistoryList() {
         noHistoryMessage.classList.add('d-none');
         historyList.classList.remove('d-none');
 
+        // 容量プログレスバーを追加
+        const storageUsage = JSON.stringify(history).length;
+        const storageLimit = 3 * 1024 * 1024; // 3MB
+        const usagePercentage = (storageUsage / storageLimit) * 100;
+
+        const progressBarContainer = document.createElement('div');
+        progressBarContainer.className = 'mb-3';
+        progressBarContainer.innerHTML = `
+            <div class="progress" style="height: 24px; border: 1px solid #dee2e6; position: relative;">
+                <div class="progress-bar ${usagePercentage > 90 ? 'bg-danger' : 'bg-primary'}" role="progressbar" 
+                     style="width: ${usagePercentage}%;" aria-valuenow="${usagePercentage}" aria-valuemin="0" aria-valuemax="100"></div>
+                <div class="position-absolute w-100 h-100 d-flex align-items-center justify-content-center" style="top: 0; left: 0;">
+                    <span style="color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">
+                        ${(storageUsage / 1024 / 1024).toFixed(2)}MB / ${storageLimit / 1024 / 1024}MB
+                    </span>
+                </div>
+            </div>
+        `;
+        historyList.appendChild(progressBarContainer);
+
+        // 検索フォームを追加
+        const searchForm = document.createElement('div');
+        searchForm.className = 'mb-3';
+        searchForm.innerHTML = `
+            <input type="text" class="form-control" id="historySearchInput" placeholder="履歴を検索...">
+        `;
+        historyList.appendChild(searchForm);
+
         history.forEach((item, index) => {
             const li = document.createElement('li');
             li.className = 'list-group-item list-group-item-action d-flex justify-content-between align-items-start';
+            li.dataset.item = JSON.stringify(item);
 
             const contentDiv = document.createElement('div');
             contentDiv.className = 'ms-2 me-auto';
@@ -83,10 +112,14 @@ function updateHistoryList() {
 
             contentDiv.style.width = `calc(100% - ${buttonsContainer.offsetWidth}px)`;
         });
+
+        // 検索機能を追加
+        const searchInput = document.getElementById('historySearchInput');
+        searchInput.addEventListener('input', filterHistory);
     }
 }
 function deleteHistoryItem(index) {
-    if (confirm('この履歴項目を削除してもよろしいですか？')) {
+    if (confirm('Are you sure you want to delete this history item?')) {
         let history = JSON.parse(localStorage.getItem('gemini_prompt_history') || '[]');
         history.splice(index, 1);
         localStorage.setItem('gemini_prompt_history', JSON.stringify(history));
@@ -106,7 +139,7 @@ function loadHistoryItem(index) {
 }
 
 function clearHistory() {
-    if (confirm('本当に履歴をすべて削除してもよろしいですか？')) {
+    if (confirm('Are you sure you want to delete all history items?')) {
         localStorage.removeItem('gemini_prompt_history');
         updateHistoryList();
     }
@@ -137,7 +170,7 @@ function createHistoryItem(item, index) {
     deleteButton.className = 'btn btn-sm btn-danger';
     deleteButton.innerHTML = '<i class="fas fa-trash"></i>';
     deleteButton.onclick = () => {
-        if (confirm('この履歴項目を削除してもよろしいですか？')) {
+        if (confirm('Are you sure you want to delete this history item?')) {
             deleteHistoryItem(index);
         }
     };
@@ -155,7 +188,7 @@ function editHistoryItemTitle(index, titleDiv) {
     const item = history[index];
     const currentTitle = item.title || item.query.slice(0, 10);
 
-    const newTitle = prompt('新しいタイトルを入力してください:', currentTitle);
+    const newTitle = prompt('New title:', currentTitle);
     if (newTitle !== null && newTitle.trim() !== '') {
         item.title = newTitle.trim();
         history[index] = item;
@@ -163,3 +196,20 @@ function editHistoryItemTitle(index, titleDiv) {
         titleDiv.textContent = newTitle.trim();
     }
 }
+
+function filterHistory() {
+    const searchInput = document.getElementById('historySearchInput');
+    const searchTerm = searchInput.value.toLowerCase();
+    const historyItems = document.querySelectorAll('#historyList li[data-item]');
+
+    historyItems.forEach(item => {
+        const itemData = JSON.parse(item.dataset.item);
+        const searchableText = `${itemData.title} ${itemData.query} ${itemData.promptEn} ${itemData.promptMyLanguage} ${itemData.danbooruTags}`.toLowerCase();
+
+        if (searchableText.includes(searchTerm)) {
+            item.classList.remove('d-none');
+        } else {
+            item.classList.add('d-none');
+        }
+    });
+}

index.html

@@ -168,7 +168,7 @@
                 <!-- 新しいボタンを追加 -->
                 <div class="mt-4">
                     <button id="clearStorageButton" class="btn btn-danger w-100">
-                        全データを削除
+                        Clear All Settings
                     </button>
                 </div>
             </div>

prompt.js

@@ -12,7 +12,7 @@ async function getModelList() {
 
 function generatePrompt() {
     if (!document.getElementById('apiKey').value) {
-        alert("APIキーを入力してください");
+        alert("Please enter your API key.");
         return;
     }
     let query = document.getElementById('query').value;
@@ -79,7 +79,7 @@ function generatePrompt() {
         safetySettings: [
             {
                 category: "HARM_CATEGORY_SEXUALLY_EXPLICIT",
-                threshold: "BLOCK_NONE"
+                threshold: "OFF"
             }
         ]
     };

storage.js

@@ -23,8 +23,4 @@ function loadFromUserStorage() {
             input.value = v;
         }
     });
-    // エンドポイントが保存されていない場合、デフォルト値を設定
-    if (!data.endpointSelect) {
-        document.getElementById('endpointSelect').value = "gemini-1.5-pro-exp-0827";
-    }
 }