Merge pull request #10 from chinkan/feature/ui-enhancement-2

background.js

@@ -46,7 +46,11 @@ async function handleSummarize(request, sendResponse) {
         );
 
         if (summary && typeof summary.summary === 'string') {
-            sendResponse({ summary: summary.summary });
+            sendResponse({
+                summary: summary.summary,
+                promptName: prompts.promptName,
+                providerName: defaultConfig.name,
+            });
         } else {
             throw new Error('Invalid summary format received from provider');
         }

manifest.json

@@ -1,7 +1,7 @@
 {
     "manifest_version": 3,
     "name": "WizMuse",
-    "version": "0.5.0",
+    "version": "0.6.0",
     "description": "WizMuse is a powerful web page summarization tool. Quickly extract core content from web pages to improve reading efficiency.",
     "permissions": ["activeTab", "storage"],
     "action": {

options.css

@@ -594,3 +594,47 @@ input:checked + .slider:before {
     outline: none;
     border-color: var(--primary-color);
 }
+
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 1000;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+.modal-content {
+    background-color: #fefefe;
+    margin: 15% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 80%;
+    max-width: 600px;
+    border-radius: 5px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.close {
+    color: #aaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.close:hover,
+.close:focus {
+    color: #000;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+#summary-content {
+    margin-top: 20px;
+    line-height: 1.6;
+    white-space: pre-wrap;
+}