tam

client/app.go

@@ -8,6 +8,7 @@ import (
 	"crypto/cipher"
 	"crypto/rand"
 	"encoding/json"
+	"encoding/base64"
 	"errors"
 	"fmt"
 	"html"
@@ -17,6 +18,7 @@ import (
 	"net/http"
 	"net/url"
 	"os"
+	"os/exec"
 	"path/filepath"
 	"strings"
 	"sync"
@@ -85,9 +87,10 @@ type App struct {
 	ctx            context.Context
 	student        *StudentData
 	mu             sync.Mutex
-	sessionPath    string
+	sessionPath       string
-	statsPath      string
+	statsPath         string
-	wsConn         *websocket.Conn
+	webviewDataPath   string
+	wsConn            *websocket.Conn
 	wsConnected    bool
 	wifiSSID       string
 	wifiBSSID      string
@@ -165,11 +168,14 @@ func NewApp() *App {
 		configDir = filepath.Dir(exePath)
 	}
 	appDir := filepath.Join(configDir, "SimpleCare")
+	webviewDir := filepath.Join(appDir, "WebView2")
 	_ = os.MkdirAll(appDir, 0755)
+	_ = os.MkdirAll(webviewDir, 0755)
 
 	return &App{
-		sessionPath:    filepath.Join(appDir, "student_session.json"),
+		sessionPath:     filepath.Join(appDir, "student_session.json"),
-		statsPath:      filepath.Join(appDir, "student_stats.json"),
+		statsPath:       filepath.Join(appDir, "student_stats.json"),
+		webviewDataPath: webviewDir,
 		lastSyncTime:   time.Now(),
 		expectingLogin: false,
 	}
@@ -1284,17 +1290,36 @@ func (a *App) examStudentContext() (int64, *StudentExamSnapshot, error) {
 	return a.student.StudentID, a.dashboard.Exam, nil
 }
 
+// ReturnToDashboard quay lại giao diện chính của app (giữ cookie WebView2).
+func (a *App) ReturnToDashboard() {
+	runtime.WindowReloadApp(a.ctx)
+}
+
+func isLocalExamURL(raw string) bool {
+	u, err := url.Parse(strings.TrimSpace(raw))
+	if err != nil || u.Host == "" {
+		return false
+	}
+	host := strings.ToLower(u.Hostname())
+	return host == "127.0.0.1" || host == "localhost"
+}
+
 func (a *App) openExamWebView(targetURL, title string) error {
 	targetURL = strings.TrimSpace(targetURL)
 	if targetURL == "" {
 		return errors.New("không có nội dung để mở")
 	}
-	wrapper := fmt.Sprintf(
+	if isLocalExamURL(targetURL) {
-		"http://127.0.0.1:34115/exam-view?url=%s&title=%s",
+		wrapper := fmt.Sprintf(
-		url.QueryEscape(targetURL),
+			"http://127.0.0.1:34115/exam-view?url=%s&title=%s",
-		url.QueryEscape(title),
+			url.QueryEscape(targetURL),
-	)
+			url.QueryEscape(title),
-	runtime.WindowExecJS(a.ctx, fmt.Sprintf("window.location.href = %q", wrapper))
+		)
+		runtime.WindowExecJS(a.ctx, fmt.Sprintf("window.location.href = %q", wrapper))
+		return nil
+	}
+	// Trang thi bên ngoài: mở trực tiếp trong WebView (first-party cookies → giữ phiên đăng nhập).
+	runtime.WindowExecJS(a.ctx, fmt.Sprintf("window.location.href = %q", targetURL))
 	return nil
 }
 
@@ -1306,7 +1331,7 @@ func (a *App) GetExamPaperViewURL() (string, error) {
 	if !exam.PaperSent {
 		return "", errors.New("Giảng viên chưa gửi đề")
 	}
-	return fmt.Sprintf("http://127.0.0.1:8080/api/student/exam/download?studentRkId=%d&kind=pdf", studentID), nil
+	return fmt.Sprintf("http://127.0.0.1:8080/api/student/exam/download?studentRkId=%d&kind=pdf&view=1", studentID), nil
 }
 
 func (a *App) GetExamQuizViewURL() (string, error) {
@@ -1355,6 +1380,9 @@ func (a *App) GetExamPaperFiles() (map[string]any, error) {
 			if u, ok := m["url"].(string); ok && u != "" && !strings.HasPrefix(u, "http") {
 				m["url"] = base + u
 			}
+			if u, ok := m["downloadUrl"].(string); ok && u != "" && !strings.HasPrefix(u, "http") {
+				m["downloadUrl"] = base + u
+			}
 			raw[i] = m
 		}
 		payload["resources"] = raw
@@ -1393,7 +1421,7 @@ func (a *App) OpenExamResource(fileID uint) error {
 		return errors.New("tài nguyên không hợp lệ")
 	}
 	viewURL := fmt.Sprintf(
-		"http://127.0.0.1:8080/api/student/exam/download?studentRkId=%d&kind=resource&fileId=%d",
+		"http://127.0.0.1:8080/api/student/exam/download?studentRkId=%d&kind=resource&fileId=%d&view=1",
 		studentID, fileID,
 	)
 	title := "Tài nguyên đề thi"
@@ -1418,8 +1446,47 @@ func (a *App) OpenExamResource(fileID uint) error {
 	return a.openExamWebView(viewURL, title)
 }
 
+func examResourceDownloadDir() (string, error) {
+	home, err := os.UserHomeDir()
+	if err != nil {
+		return "", err
+	}
+	candidates := []string{
+		filepath.Join(home, "Downloads"),
+		filepath.Join(home, "Desktop"),
+		home,
+	}
+	for _, dir := range candidates {
+		if st, err := os.Stat(dir); err == nil && st.IsDir() {
+			return dir, nil
+		}
+	}
+	return "", errors.New("không tìm thấy thư mục Downloads hoặc Desktop")
+}
+
+func uniqueFilePath(path string) string {
+	if _, err := os.Stat(path); os.IsNotExist(err) {
+		return path
+	}
+	ext := filepath.Ext(path)
+	base := strings.TrimSuffix(filepath.Base(path), ext)
+	dir := filepath.Dir(path)
+	for i := 1; i < 100; i++ {
+		candidate := filepath.Join(dir, fmt.Sprintf("%s (%d)%s", base, i, ext))
+		if _, err := os.Stat(candidate); os.IsNotExist(err) {
+			return candidate
+		}
+	}
+	return filepath.Join(dir, fmt.Sprintf("%s_%d%s", base, time.Now().Unix(), ext))
+}
+
+func openFolderInExplorer(filePath string) {
+	dir := filepath.Dir(filePath)
+	_ = exec.Command("explorer", dir).Start()
+}
+
 func (a *App) DownloadExamResource(fileID uint) (string, error) {
-	studentID, exam, err := a.examStudentContext()
+	studentID, _, err := a.examStudentContext()
 	if err != nil {
 		return "", err
 	}
@@ -1457,15 +1524,11 @@ func (a *App) DownloadExamResource(fileID uint) (string, error) {
 	if resp.StatusCode != http.StatusOK {
 		return "", errors.New("không tải được tài nguyên")
 	}
-	configDir, err := os.UserConfigDir()
+	dir, err := examResourceDownloadDir()
 	if err != nil {
 		return "", err
 	}
-	dir := filepath.Join(configDir, "SimpleCare", "ExamResources", fmt.Sprintf("room_%d", exam.ExamRoomID))
+	dest := uniqueFilePath(filepath.Join(dir, fileName))
-	if err := os.MkdirAll(dir, 0755); err != nil {
-		return "", err
-	}
-	dest := filepath.Join(dir, fileName)
 	f, err := os.Create(dest)
 	if err != nil {
 		return "", err
@@ -1475,9 +1538,45 @@ func (a *App) DownloadExamResource(fileID uint) (string, error) {
 		return "", err
 	}
 	f.Close()
+	openFolderInExplorer(dest)
 	return dest, nil
 }
 
+// LoadExamViewFile tải file đề/tài nguyên qua Go (không mở URL trực tiếp trong WebView).
+func (a *App) LoadExamViewFile(fileURL string) (map[string]any, error) {
+	fileURL = strings.TrimSpace(fileURL)
+	if !strings.HasPrefix(fileURL, "http://127.0.0.1:8080/api/student/exam/download") {
+		return nil, errors.New("URL không hợp lệ")
+	}
+	if _, _, err := a.examStudentContext(); err != nil {
+		return nil, err
+	}
+	resp, err := http.Get(fileURL)
+	if err != nil {
+		return nil, err
+	}
+	defer resp.Body.Close()
+	if resp.StatusCode != http.StatusOK {
+		return nil, errors.New("không tải được file")
+	}
+	body, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return nil, err
+	}
+	mime := strings.TrimSpace(resp.Header.Get("Content-Type"))
+	if mime == "" {
+		mime = "application/octet-stream"
+	}
+	// Bỏ charset nếu có
+	if i := strings.Index(mime, ";"); i >= 0 {
+		mime = strings.TrimSpace(mime[:i])
+	}
+	return map[string]any{
+		"data": base64.StdEncoding.EncodeToString(body),
+		"mime": mime,
+	}, nil
+}
+
 func (a *App) SubmitExamWork() (string, error) {
 	a.mu.Lock()
 	student := a.student

client/frontend/package-lock.json

@@ -7,6 +7,9 @@
     "": {
       "name": "frontend",
       "version": "0.0.0",
+      "dependencies": {
+        "pdfjs-dist": "^3.11.174"
+      },
       "devDependencies": {
         "vite": "^3.0.7"
       }
@@ -45,6 +48,202 @@
         "node": ">=12"
       }
     },
+    "node_modules/@mapbox/node-pre-gyp": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
+      "integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "make-dir": "^3.1.0",
+        "node-fetch": "^2.6.7",
+        "nopt": "^5.0.0",
+        "npmlog": "^5.0.1",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.5",
+        "tar": "^6.1.11"
+      },
+      "bin": {
+        "node-pre-gyp": "bin/node-pre-gyp"
+      }
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/aproba": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.1.0.tgz",
+      "integrity": "sha512-tLIEcj5GuR2RSTnxNKdkK0dJ/GrC7P38sUkiDmDuHfsHmbagTFAxDVIBltoklXEVIQ/f14IL8IMJ5pn9Hez1Ew==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/are-we-there-yet": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
+      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/canvas": {
+      "version": "2.11.2",
+      "resolved": "https://registry.npmjs.org/canvas/-/canvas-2.11.2.tgz",
+      "integrity": "sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@mapbox/node-pre-gyp": "^1.0.0",
+        "nan": "^2.17.0",
+        "simple-get": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "color-support": "bin.js"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decompress-response": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-4.2.1.tgz",
+      "integrity": "sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "mimic-response": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/es-errors": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
@@ -433,6 +632,39 @@
         "node": ">=12"
       }
     },
+    "node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/fs-minipass/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "license": "ISC",
+      "optional": true
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -458,6 +690,57 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/gauge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
+      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "aproba": "^1.0.3 || ^2.0.0",
+        "color-support": "^1.1.2",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.1",
+        "object-assign": "^4.1.1",
+        "signal-exit": "^3.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "wide-align": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
+      "license": "ISC",
+      "optional": true
+    },
     "node_modules/hasown": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
@@ -471,6 +754,39 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC",
+      "optional": true
+    },
     "node_modules/is-core-module": {
       "version": "2.16.2",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
@@ -487,6 +803,132 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/mimic-response": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-2.1.0.tgz",
+      "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minizlib/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/nan": {
+      "version": "2.28.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.28.0.tgz",
+      "integrity": "sha512-fTsDz99OTq2sVePhGdp4qQhggZFtKr64ZNVyVajRKtMOkJxYekplBh577PiJB12v/D3s2E5cGtOI45LWp6rnLQ==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/nanoid": {
       "version": "3.3.15",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz",
@@ -506,6 +948,87 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/nopt": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
+      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/npmlog": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
+      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "are-we-there-yet": "^2.0.0",
+        "console-control-strings": "^1.1.0",
+        "gauge": "^3.0.0",
+        "set-blocking": "^2.0.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
@@ -513,6 +1036,29 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/path2d-polyfill": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path2d-polyfill/-/path2d-polyfill-2.0.1.tgz",
+      "integrity": "sha512-ad/3bsalbbWhmBo0D6FZ4RNMwsLsPpL6gnvhuSaU5Vm7b06Kr5ubSltQQ0T7YKsiJQO+g22zJ4dJKNTXIyOXtA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pdfjs-dist": {
+      "version": "3.11.174",
+      "resolved": "https://registry.npmjs.org/pdfjs-dist/-/pdfjs-dist-3.11.174.tgz",
+      "integrity": "sha512-TdTZPf1trZ8/UFu5Cx/GXB7GZM30LT+wWUNfsi6Bq8ePLnb+woNKtDymI2mxZYBpMbonNFqKmiz684DIfnd8dA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "canvas": "^2.11.2",
+        "path2d-polyfill": "^2.0.1"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -549,6 +1095,21 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/resolve": {
       "version": "1.22.12",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
@@ -571,6 +1132,23 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/rollup": {
       "version": "2.80.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.80.0.tgz",
@@ -587,6 +1165,87 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/simple-get": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-3.1.1.tgz",
+      "integrity": "sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "decompress-response": "^4.2.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -597,6 +1256,44 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/supports-preserve-symlinks-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
@@ -610,6 +1307,39 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/tar": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "deprecated": "Old versions of tar are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/vite": {
       "version": "3.2.11",
       "resolved": "https://registry.npmjs.org/vite/-/vite-3.2.11.tgz",
@@ -659,6 +1389,48 @@
           "optional": true
         }
       }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause",
+      "optional": true
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/wide-align": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
+      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "string-width": "^1.0.2 || 2 || 3 || 4"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC",
+      "optional": true
     }
   }
 }

client/frontend/package.json

@@ -9,5 +9,8 @@
   },
   "devDependencies": {
     "vite": "^3.0.7"
+  },
+  "dependencies": {
+    "pdfjs-dist": "^3.11.174"
   }
-}
+}

client/frontend/package.json.md5

@@ -1 +1 @@
-5fbf12469d224a93954efecb5886e8a6
+967eadb7b0ec47c936144695be4b0b15

client/frontend/src/app.css

@@ -430,6 +430,147 @@ body {
   margin-bottom: 0.5rem;
 }
 
+.exam-resources-hint {
+  margin: 0;
+  font-size: 0.82rem;
+  color: var(--text-muted);
+}
+
+.exam-viewer-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 10050;
+  background: rgba(15, 23, 42, 0.72);
+  display: none;
+  align-items: stretch;
+  justify-content: center;
+  padding: 0.75rem;
+  outline: none;
+  user-select: none;
+}
+
+.exam-viewer-overlay.is-open {
+  display: flex;
+}
+
+.exam-viewer-shell {
+  width: min(1100px, 100%);
+  margin: 0 auto;
+  background: #fff;
+  border-radius: 12px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
+  max-height: calc(100vh - 1.5rem);
+}
+
+.exam-viewer-bar {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.65rem 0.85rem;
+  background: #0f172a;
+  color: #f8fafc;
+  flex-shrink: 0;
+}
+
+.exam-viewer-title {
+  font-size: 0.9rem;
+  font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.exam-viewer-body {
+  flex: 1;
+  min-height: 0;
+  background: #e2e8f0;
+  position: relative;
+  height: calc(100vh - 6.5rem);
+}
+
+.exam-viewer-content {
+  position: absolute;
+  inset: 0;
+  overflow: auto;
+  padding: 1rem;
+  background: #cbd5e1;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.exam-viewer-content.is-ready {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.exam-viewer-loading,
+.exam-viewer-error {
+  display: none;
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  align-items: center;
+  justify-content: center;
+  padding: 1.5rem;
+  color: #475569;
+  font-size: 0.92rem;
+  background: #e2e8f0;
+}
+
+.exam-viewer-loading.is-active,
+.exam-viewer-error.is-active {
+  display: flex;
+}
+
+.exam-viewer-error {
+  color: #b91c1c;
+}
+
+.exam-viewer-error.is-active {
+  display: flex;
+}
+
+.exam-pdf-page-wrap {
+  display: flex;
+  justify-content: center;
+  margin: 0 auto 1rem;
+}
+
+.exam-pdf-page {
+  display: block;
+  max-width: 100%;
+  background: #fff;
+  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
+  pointer-events: none;
+}
+
+.exam-view-image {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+  margin: 0 auto;
+  background: #fff;
+  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
+  pointer-events: none;
+}
+
+.exam-view-text {
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 1rem 1.25rem;
+  background: #fff;
+  border-radius: 8px;
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-size: 0.88rem;
+  line-height: 1.55;
+  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
+}
+
 .exam-resource-row {
   display: flex;
   align-items: center;

client/frontend/src/examViewer.js

@@ -0,0 +1,78 @@
+import * as pdfjsLib from 'pdfjs-dist/build/pdf';
+import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.min.js?url';
+
+pdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorker;
+
+function decodeBase64(b64) {
+  const bin = atob(b64);
+  const bytes = new Uint8Array(bin.length);
+  for (let i = 0; i < bin.length; i += 1) bytes[i] = bin.charCodeAt(i);
+  return bytes;
+}
+
+export function detectExamViewKind(fileName, mime, bytes) {
+  if (bytes && bytes.length >= 4) {
+    if (bytes[0] === 0x25 && bytes[1] === 0x50 && bytes[2] === 0x44 && bytes[3] === 0x46) return 'pdf';
+    if (bytes[0] === 0x89 && bytes[1] === 0x50 && bytes[2] === 0x4e && bytes[3] === 0x47) return 'image';
+    if (bytes[0] === 0xff && bytes[1] === 0xd8 && bytes[2] === 0xff) return 'image';
+    if (bytes[0] === 0x47 && bytes[1] === 0x49 && bytes[2] === 0x46) return 'image';
+  }
+  const name = String(fileName || '').toLowerCase();
+  const type = String(mime || '').toLowerCase();
+  if (type.includes('pdf') || name.endsWith('.pdf')) return 'pdf';
+  if (type.startsWith('image/') || /\.(png|jpe?g|gif|webp)$/.test(name)) return 'image';
+  if (type.startsWith('text/') || name.endsWith('.txt')) return 'text';
+  return 'unsupported';
+}
+
+export async function renderSecurePdf(container, bytes) {
+  container.innerHTML = '';
+  const pdf = await pdfjsLib.getDocument({ data: bytes }).promise;
+  const pad = 16;
+  const width = container.clientWidth || container.parentElement?.clientWidth || 900;
+  const maxWidth = Math.max(360, width - pad * 2);
+
+  for (let pageNum = 1; pageNum <= pdf.numPages; pageNum += 1) {
+    const page = await pdf.getPage(pageNum);
+    const base = page.getViewport({ scale: 1 });
+    const scale = Math.min(1.6, maxWidth / base.width);
+    const viewport = page.getViewport({ scale });
+
+    const wrap = document.createElement('div');
+    wrap.className = 'exam-pdf-page-wrap';
+    const canvas = document.createElement('canvas');
+    canvas.className = 'exam-pdf-page';
+    canvas.width = viewport.width;
+    canvas.height = viewport.height;
+    wrap.appendChild(canvas);
+    container.appendChild(wrap);
+
+    await page.render({
+      canvasContext: canvas.getContext('2d'),
+      viewport,
+    }).promise;
+  }
+}
+
+export function renderSecureImage(container, bytes, mime) {
+  container.innerHTML = '';
+  const blob = new Blob([bytes], { type: mime || 'image/png' });
+  const img = document.createElement('img');
+  img.className = 'exam-view-image';
+  img.alt = 'Tài nguyên';
+  img.draggable = false;
+  img.src = URL.createObjectURL(blob);
+  container.appendChild(img);
+}
+
+export function renderSecureText(container, bytes) {
+  container.innerHTML = '';
+  const pre = document.createElement('pre');
+  pre.className = 'exam-view-text';
+  pre.textContent = new TextDecoder('utf-8').decode(bytes);
+  container.appendChild(pre);
+}
+
+export function decodeExamFilePayload(payload) {
+  return decodeBase64(payload.data || payload);
+}

client/frontend/src/main.js

@@ -1,6 +1,13 @@
 import './style.css';
 import './app.css';
 import logoUrl from './assets/logo.jpeg';
+import {
+  decodeExamFilePayload,
+  detectExamViewKind,
+  renderSecureImage,
+  renderSecurePdf,
+  renderSecureText,
+} from './examViewer.js';
 
 const brandLogoHtml = `<img src="${logoUrl}" alt="Simple Care" class="brand-logo-img" />`;
 
@@ -68,9 +75,12 @@ function init() {
   });
   window.runtime.EventsOn('exam:paper-sent', () => {
     if (loggedIn) {
+      examPaperFiles = null;
+      examPaperFilesRoomId = 0;
+      lastExamPanelKey = '';
       window.go.main.App.GetStats().then((s) => {
         stats = { ...stats, ...s };
-        updateExamPanel();
+        updateExamPanel(true);
       }).catch(console.error);
     }
   });
@@ -87,6 +97,7 @@ async function checkLogin() {
       startStatsTicker();
       ensureChatWidget();
       updateChatBadge();
+      if (stats.monitorMode === 'exam') updateExamPanel();
     } else {
       loggedIn = false;
       renderLoginPrompt();
@@ -179,36 +190,197 @@ function renderShiftsTable(shifts) {
 }
 
 let examPaperFiles = null;
+let examPaperFilesRoomId = 0;
+let examPaperFilesLoading = false;
+let lastExamPanelKey = '';
+let examViewerObjectUrl = null;
+
+function wireExamViewerGuards(overlay) {
+  overlay.addEventListener('contextmenu', (e) => e.preventDefault());
+  overlay.addEventListener('keydown', (e) => {
+    const key = e.key.toLowerCase();
+    if ((e.ctrlKey || e.metaKey) && (key === 'p' || key === 's')) {
+      e.preventDefault();
+    }
+  });
+}
+
+function ensureExamViewer() {
+  let overlay = document.getElementById('exam-viewer-overlay');
+  if (overlay) return overlay;
+  overlay = document.createElement('div');
+  overlay.id = 'exam-viewer-overlay';
+  overlay.className = 'exam-viewer-overlay';
+  overlay.innerHTML = `
+    <div class="exam-viewer-shell">
+      <div class="exam-viewer-bar">
+        <button type="button" class="btn btn-secondary" id="exam-viewer-close">← Quay lại</button>
+        <span class="exam-viewer-title" id="exam-viewer-title"></span>
+      </div>
+      <div class="exam-viewer-body" id="exam-viewer-body">
+        <div class="exam-viewer-content" id="exam-viewer-content"></div>
+        <div class="exam-viewer-loading" id="exam-viewer-loading">Đang tải...</div>
+        <div class="exam-viewer-error" id="exam-viewer-error"></div>
+      </div>
+    </div>
+  `;
+  document.body.appendChild(overlay);
+  overlay.querySelector('#exam-viewer-close').addEventListener('click', closeExamViewer);
+  wireExamViewerGuards(overlay);
+  return overlay;
+}
+
+function setExamViewerLoading(loading) {
+  const loadingEl = document.getElementById('exam-viewer-loading');
+  const contentEl = document.getElementById('exam-viewer-content');
+  const errorEl = document.getElementById('exam-viewer-error');
+  if (loadingEl) loadingEl.classList.toggle('is-active', loading);
+  if (contentEl) contentEl.classList.toggle('is-ready', !loading);
+  if (errorEl) errorEl.classList.remove('is-active');
+}
+
+function setExamViewerError(message) {
+  const loadingEl = document.getElementById('exam-viewer-loading');
+  const contentEl = document.getElementById('exam-viewer-content');
+  const errorEl = document.getElementById('exam-viewer-error');
+  if (loadingEl) loadingEl.classList.remove('is-active');
+  if (contentEl) contentEl.classList.remove('is-ready');
+  if (errorEl) {
+    errorEl.classList.add('is-active');
+    errorEl.textContent = message;
+  }
+}
+
+function resetExamViewerPanels() {
+  const loadingEl = document.getElementById('exam-viewer-loading');
+  const contentEl = document.getElementById('exam-viewer-content');
+  const errorEl = document.getElementById('exam-viewer-error');
+  if (loadingEl) loadingEl.classList.remove('is-active');
+  if (contentEl) contentEl.classList.remove('is-ready');
+  if (errorEl) errorEl.classList.remove('is-active');
+}
+
+function clearExamViewerContent() {
+  if (examViewerObjectUrl) {
+    URL.revokeObjectURL(examViewerObjectUrl);
+    examViewerObjectUrl = null;
+  }
+  const contentEl = document.getElementById('exam-viewer-content');
+  if (contentEl) contentEl.innerHTML = '';
+}
+
+async function showExamViewer(url, title, fileName = '') {
+  const overlay = ensureExamViewer();
+  document.getElementById('exam-viewer-title').textContent = title || 'Xem trong app';
+  overlay.classList.add('is-open');
+  overlay.focus();
+  clearExamViewerContent();
+  resetExamViewerPanels();
+  setExamViewerLoading(true);
+
+  const contentEl = document.getElementById('exam-viewer-content');
+  if (!contentEl) return;
+
+  try {
+    const payload = await window.go.main.App.LoadExamViewFile(url);
+    const bytes = decodeExamFilePayload(payload);
+    const mime = payload?.mime || '';
+    const kind = detectExamViewKind(fileName || title, mime, bytes);
+
+    if (kind === 'pdf') {
+      await new Promise((resolve) => requestAnimationFrame(resolve));
+      await renderSecurePdf(contentEl, bytes);
+    } else if (kind === 'image') {
+      renderSecureImage(contentEl, bytes, mime);
+      const img = contentEl.querySelector('img');
+      if (img?.src?.startsWith('blob:')) examViewerObjectUrl = img.src;
+      if (img) {
+        await new Promise((resolve, reject) => {
+          if (img.complete) resolve();
+          else {
+            img.onload = () => resolve();
+            img.onerror = () => reject(new Error('Không hiển thị được ảnh'));
+          }
+        });
+      }
+    } else if (kind === 'text') {
+      renderSecureText(contentEl, bytes);
+    } else {
+      setExamViewerError('Chỉ hỗ trợ xem PDF, ảnh hoặc file text trong app.');
+      return;
+    }
+    setExamViewerLoading(false);
+  } catch (e) {
+    setExamViewerError(e?.message || e || 'Không mở được file');
+  }
+}
+
+function closeExamViewer() {
+  const overlay = document.getElementById('exam-viewer-overlay');
+  if (!overlay) return;
+  overlay.classList.remove('is-open');
+  clearExamViewerContent();
+  resetExamViewerPanels();
+}
 
 function renderExamResources() {
-  if (!examPaperFiles?.resources?.length) return '';
+  const ex = stats.exam;
-  const rows = examPaperFiles.resources.map((r) => `
+  if (!ex?.paperSent) return '';
+
+  if (examPaperFilesLoading && !examPaperFiles) {
+    return `
+      <div class="exam-resources">
+        <div class="exam-resources-title">📎 Tài nguyên kèm đề</div>
+        <p class="exam-resources-hint">Đang tải danh sách tài nguyên...</p>
+      </div>
+    `;
+  }
+
+  const resources = Array.isArray(examPaperFiles?.resources) ? examPaperFiles.resources : [];
+  if (!resources.length) {
+    return `
+      <div class="exam-resources">
+        <div class="exam-resources-title">📎 Tài nguyên kèm đề</div>
+        <p class="exam-resources-hint">Gói đề này không có tài nguyên đính kèm.</p>
+      </div>
+    `;
+  }
+
+  const rows = resources.map((r) => `
     <div class="exam-resource-row">
       <span class="exam-resource-name" title="${escapeHtml(r.fileName || '')}">${escapeHtml(r.fileName || 'Tài nguyên')}</span>
-      <div class="exam-resource-btns">
+      <button type="button" class="btn btn-secondary btn-sm btn-exam-res-dl" data-id="${r.id}">Tải về</button>
-        <button type="button" class="btn btn-secondary btn-sm btn-exam-res-view" data-id="${r.id}">Xem</button>
-        <button type="button" class="btn btn-secondary btn-sm btn-exam-res-dl" data-id="${r.id}">Tải về</button>
-      </div>
     </div>
   `).join('');
   return `
     <div class="exam-resources">
-      <div class="exam-resources-title">Tài nguyên kèm đề</div>
+      <div class="exam-resources-title">📎 Tài nguyên kèm đề (${resources.length})</div>
       ${rows}
     </div>
   `;
 }
 
-async function loadExamPaperFiles() {
+async function loadExamPaperFiles(force = false) {
   const ex = stats.exam;
   if (!ex || stats.monitorMode !== 'exam' || !ex.paperSent) {
     examPaperFiles = null;
+    examPaperFilesRoomId = 0;
+    examPaperFilesLoading = false;
     return;
   }
+  if (!force && examPaperFiles && examPaperFilesRoomId === ex.examRoomId) {
+    return;
+  }
+  examPaperFilesLoading = true;
   try {
     examPaperFiles = await window.go.main.App.GetExamPaperFiles();
-  } catch {
+    examPaperFilesRoomId = ex.examRoomId;
-    examPaperFiles = null;
+  } catch (err) {
+    console.error('GetExamPaperFiles failed:', err);
+    examPaperFiles = { resources: [] };
+    examPaperFilesRoomId = ex.examRoomId;
+  } finally {
+    examPaperFilesLoading = false;
   }
 }
 
@@ -229,7 +401,7 @@ function renderExamPanel() {
       <div class="card-title-row">
         <div class="card-title">📝 ${ex.examName || 'Phòng thi'}</div>
       </div>
-      <p class="exam-panel-desc">Bạn đang trong giờ thi. Đề, link thi và tài nguyên mở trong app — không dùng trình duyệt ngoài.</p>
+      <p class="exam-panel-desc">Đề PDF và tài nguyên xem ngay trong app. Link trắc nghiệm mở trang thi — xong thì menu <strong>Simple Care → Về trang chính</strong> (Ctrl+H).</p>
       <div class="exam-panel-actions">
         ${paperBtn}
         ${quizBtn}
@@ -241,9 +413,15 @@ function renderExamPanel() {
 }
 
 function wireExamPanel() {
+  const ex = stats.exam;
   const paper = document.getElementById('btn-exam-paper');
-  if (paper) paper.addEventListener('click', () => {
+  if (paper) paper.addEventListener('click', async () => {
-    window.go.main.App.OpenExamPaper().catch((e) => alert(e?.message || e));
+    try {
+      const url = await window.go.main.App.GetExamPaperViewURL();
+      showExamViewer(url, ex?.paperTitle || 'Đề thi', ex?.paperTitle || 'de.pdf');
+    } catch (e) {
+      alert(e?.message || e || 'Không mở được đề');
+    }
   });
   const quiz = document.getElementById('btn-exam-quiz');
   if (quiz) quiz.addEventListener('click', () => {
@@ -262,18 +440,11 @@ function wireExamPanel() {
       alert(e?.message || e || 'Nộp bài thất bại');
     }
   });
-  document.querySelectorAll('.btn-exam-res-view').forEach((btn) => {
-    btn.addEventListener('click', () => {
-      const id = Number(btn.getAttribute('data-id'));
-      window.go.main.App.OpenExamResource(id).catch((e) => alert(e?.message || e));
-    });
-  });
   document.querySelectorAll('.btn-exam-res-dl').forEach((btn) => {
     btn.addEventListener('click', async () => {
       const id = Number(btn.getAttribute('data-id'));
       try {
-        const path = await window.go.main.App.DownloadExamResource(id);
+        await window.go.main.App.DownloadExamResource(id);
-        alert(`Đã tải về:\n${path}`);
       } catch (e) {
         alert(e?.message || e || 'Tải thất bại');
       }
@@ -281,14 +452,26 @@ function wireExamPanel() {
   });
 }
 
-async function updateExamPanel() {
+async function updateExamPanel(forceReloadFiles = false) {
   const host = document.getElementById('exam-panel-host');
   if (!host) return;
-  await loadExamPaperFiles();
+  if (stats.monitorMode !== 'exam' || !stats.exam) {
+    host.innerHTML = '';
+    lastExamPanelKey = '';
+    return;
+  }
+  await loadExamPaperFiles(forceReloadFiles);
   host.innerHTML = renderExamPanel();
   wireExamPanel();
 }
 
+function examPanelKey() {
+  const ex = stats.exam;
+  if (!ex) return '';
+  const resCount = Array.isArray(examPaperFiles?.resources) ? examPaperFiles.resources.length : -1;
+  return `${ex.examRoomId}:${ex.paperSent}:${ex.submitted}:${resCount}:${examPaperFilesLoading}`;
+}
+
 function renderDashboard() {
   if (!studentInfo) return;
 
@@ -629,7 +812,17 @@ function startStatsTicker() {
         }
       }
 
-      updateExamPanel();
+      if (stats.monitorMode === 'exam' && stats.exam) {
+        const panelKey = examPanelKey();
+        if (panelKey !== lastExamPanelKey) {
+          lastExamPanelKey = panelKey;
+          updateExamPanel();
+        }
+      } else if (lastExamPanelKey !== '') {
+        lastExamPanelKey = '';
+        const host = document.getElementById('exam-panel-host');
+        if (host) host.innerHTML = '';
+      }
 
       const onlineEl = document.getElementById('clock-online');
       if (onlineEl) onlineEl.innerText = formatDuration(stats.onlineSecs || 0);

client/frontend/wailsjs/go/main/App.d.ts

@@ -23,6 +23,8 @@ export function GetStats():Promise<Record<string, any>>;
 
 export function GetStudentInfo():Promise<Record<string, any>>;
 
+export function LoadExamViewFile(arg1:string):Promise<Record<string, any>>;
+
 export function Logout():Promise<void>;
 
 export function NavigateToLogin():Promise<void>;
@@ -33,6 +35,8 @@ export function OpenExamQuiz():Promise<void>;
 
 export function OpenExamResource(arg1:number):Promise<void>;
 
+export function ReturnToDashboard():Promise<void>;
+
 export function SendChatMessage(arg1:string):Promise<void>;
 
 export function SendWebcamFrame(arg1:string):Promise<void>;

client/frontend/wailsjs/go/main/App.js

@@ -46,6 +46,10 @@ export function GetStudentInfo() {
   return window['go']['main']['App']['GetStudentInfo']();
 }
 
+export function LoadExamViewFile(arg1) {
+  return window['go']['main']['App']['LoadExamViewFile'](arg1);
+}
+
 export function Logout() {
   return window['go']['main']['App']['Logout']();
 }
@@ -66,6 +70,10 @@ export function OpenExamResource(arg1) {
   return window['go']['main']['App']['OpenExamResource'](arg1);
 }
 
+export function ReturnToDashboard() {
+  return window['go']['main']['App']['ReturnToDashboard']();
+}
+
 export function SendChatMessage(arg1) {
   return window['go']['main']['App']['SendChatMessage'](arg1);
 }

client/main.go

@@ -4,8 +4,11 @@ import (
 	"embed"
 
 	"github.com/wailsapp/wails/v2"
+	"github.com/wailsapp/wails/v2/pkg/menu"
+	"github.com/wailsapp/wails/v2/pkg/menu/keys"
 	"github.com/wailsapp/wails/v2/pkg/options"
 	"github.com/wailsapp/wails/v2/pkg/options/assetserver"
+	"github.com/wailsapp/wails/v2/pkg/options/windows"
 )
 
 //go:embed all:frontend/dist
@@ -15,16 +18,26 @@ func main() {
 	// Create an instance of the app structure
 	app := NewApp()
 
+	appMenu := menu.NewMenu()
+	fileMenu := appMenu.AddSubmenu("Simple Care")
+	fileMenu.AddText("Về trang chính", keys.CmdOrCtrl("h"), func(_ *menu.CallbackData) {
+		app.ReturnToDashboard()
+	})
+
 	// Create application with options
 	err := wails.Run(&options.App{
 		Title:  "Simple Care — Rikkei Education",
 		Width:  1024,
 		Height: 768,
+		Menu:   appMenu,
 		AssetServer: &assetserver.Options{
 			Assets: assets,
 		},
 		BackgroundColour: &options.RGBA{R: 27, G: 38, B: 54, A: 1},
 		OnStartup:        app.startup,
+		Windows: &windows.Options{
+			WebviewUserDataPath: app.webviewDataPath,
+		},
 		Bind: []interface{}{
 			app,
 		},

management/src/App.tsx

@@ -140,7 +140,7 @@ function App() {
                 onClick={() => navigate('learning')}
               >
                 <span className="nav-icon"><IconLearning /></span>
-                Giám sát & Lịch học
+                Phòng Học
               </button>
             </li>
             <li className="nav-item">

management/src/components/ExamRoomWorkspace.tsx

@@ -816,53 +816,70 @@ export const ExamRoomWorkspace: React.FC<Props> = ({ examId, onBack }) => {
       )}
 
       {studentPickerOpen && (
-        <div className="modal-overlay">
+        <div className="modal-overlay exam-student-overlay" onClick={() => setStudentPickerOpen(false)}>
-          <div className="modal-container" style={{ maxWidth: '560px', width: '92%' }}>
+          <div className="modal-container exam-student-modal" onClick={(e) => e.stopPropagation()}>
-            <div className="modal-header">
+            <div className="modal-header exam-student-modal-header">
               <div>
                 <h2 className="modal-title">Thêm sinh viên</h2>
-                <p style={{ margin: '4px 0 0', color: 'var(--text-muted)', fontSize: '0.85rem' }}>
+                <p className="exam-student-modal-desc">Tìm theo mã lớp, họ tên, mã sinh viên</p>
-                  Tìm theo mã lớp, họ tên, mã sinh viên
-                </p>
               </div>
-              <button type="button" className="btn btn-secondary close-btn" onClick={() => setStudentPickerOpen(false)}>Đóng</button>
+              <button type="button" className="modal-close-btn" onClick={() => setStudentPickerOpen(false)} aria-label="Đóng">
+                ×
+              </button>
             </div>
-            <div style={{ padding: '0 0 1rem' }}>
+            <div className="exam-student-modal-body">
-              <input
+              <div className="exam-student-modal-search search-input-wrap">
-                type="search"
+                <input
-                className="app-pool-search"
+                  type="search"
-                placeholder="Tìm sinh viên..."
+                  className="search-input"
-                value={searchQ}
+                  placeholder="Tìm sinh viên..."
-                onChange={(e) => setSearchQ(e.target.value)}
+                  value={searchQ}
-                autoFocus
+                  onChange={(e) => setSearchQ(e.target.value)}
-              />
+                  autoFocus
-              <div style={{ maxHeight: 'min(55vh, 420px)', overflowY: 'auto', marginTop: '1rem' }}>
+                />
+              </div>
+              <div className="exam-student-hits">
                 {searchQ.trim() === '' ? (
-                  <p style={{ color: 'var(--text-muted)', textAlign: 'center' }}>Gõ ít nhất vài ký tự để tìm.</p>
+                  <div className="exam-student-hits-empty">
+                    <span>🔍</span>
+                    <p>Gõ ít nhất vài ký tự để tìm sinh viên.</p>
+                  </div>
                 ) : searchHits.length === 0 ? (
-                  <p style={{ color: 'var(--text-muted)', textAlign: 'center' }}>Không tìm thấy sinh viên phù hợp.</p>
+                  <div className="exam-student-hits-empty">
+                    <span>📭</span>
+                    <p>Không tìm thấy sinh viên phù hợp.</p>
+                  </div>
                 ) : (
-                  <ul className="learning-add-list">
+                  searchHits.map((h) => {
-                    {searchHits.map((h) => {
+                    const added = enrolledIds.has(h.studentRkId);
-                      const added = enrolledIds.has(h.studentRkId);
+                    const initials = h.fullName
-                      return (
+                      .split(/\s+/)
-                        <li key={h.studentRkId} className="learning-add-item">
+                      .filter(Boolean)
-                          <div>
+                      .slice(-2)
-                            <div className="learning-class-code">{h.studentCode}</div>
+                      .map((w) => w[0]?.toUpperCase() || '')
-                            <div className="learning-class-meta">{h.fullName}</div>
+                      .join('');
-                            {(h.classCodes || h.email) && (
+                    return (
-                              <div style={{ fontSize: '0.75rem', color: 'var(--text-muted)', marginTop: '0.2rem' }}>
+                      <div key={h.studentRkId} className="exam-student-hit">
-                                {[h.classCodes, h.email].filter(Boolean).join(' · ')}
+                        <div className="exam-student-hit-avatar" aria-hidden="true">{initials || '?'}</div>
-                              </div>
+                        <div className="exam-student-hit-info">
-                            )}
+                          <strong>{h.fullName}</strong>
+                          <div className="exam-student-hit-meta">
+                            Mã SV: <code>{h.studentCode}</code>
+                            {h.classCodes ? <> · Lớp: {h.classCodes}</> : null}
+                            {h.email ? <> · {h.email}</> : null}
                           </div>
-                          <button type="button" className="btn btn-primary btn-sm" disabled={added} onClick={() => addStudent(h.studentRkId)}>
+                        </div>
-                            {added ? 'Đã thêm' : 'Thêm'}
+                        <button
-                          </button>
+                          type="button"
-                        </li>
+                          className={`btn btn-sm ${added ? 'btn-secondary' : 'btn-primary'}`}
-                      );
+                          disabled={added}
-                    })}
+                          onClick={() => addStudent(h.studentRkId)}
-                  </ul>
+                        >
+                          {added ? '✓ Đã thêm' : '+ Thêm'}
+                        </button>
+                      </div>
+                    );
+                  })
                 )}
               </div>
             </div>

management/src/index.css

@@ -4212,6 +4212,21 @@ input:checked + .slider:before {
   box-shadow: 0 2px 10px rgba(187, 33, 38, 0.08);
 }
 
+.exam-student-hit-avatar {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #fff5f5 0%, #fee2e2 100%);
+  color: var(--accent);
+  font-weight: 700;
+  font-size: 0.82rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  border: 1px solid rgba(187, 33, 38, 0.12);
+}
+
 .exam-student-hit-info {
   min-width: 0;
 }

server/internal/handlers/handlers_exam.go

@@ -919,12 +919,13 @@ func GetStudentExamPaperFilesHandler(db *gorm.DB) fiber.Handler {
 			resList = append(resList, fiber.Map{
 				"id":       r.ID,
 				"fileName": r.FileName,
-				"url":      fmt.Sprintf("/api/student/exam/download?studentRkId=%d&kind=resource&fileId=%d", studentID, r.ID),
+				"url":      fmt.Sprintf("/api/student/exam/download?studentRkId=%d&kind=resource&fileId=%d&view=1", studentID, r.ID),
+				"downloadUrl": fmt.Sprintf("/api/student/exam/download?studentRkId=%d&kind=resource&fileId=%d", studentID, r.ID),
 			})
 		}
 		return c.JSON(fiber.Map{
 			"paperTitle": info.Paper.Title,
-			"pdfUrl":     fmt.Sprintf("/api/student/exam/download?studentRkId=%d&kind=pdf", studentID),
+			"pdfUrl":     fmt.Sprintf("/api/student/exam/download?studentRkId=%d&kind=pdf&view=1", studentID),
 			"resources":  resList,
 		})
 	}
@@ -941,19 +942,61 @@ func DownloadStudentExamFileHandler(db *gorm.DB) fiber.Handler {
 		if info == nil || info.Enrollment.PaperSentAt == nil || info.Paper == nil {
 			return c.Status(403).JSON(fiber.Map{"error": "Không có quyền"})
 		}
+		inline := c.Query("view") == "1" || c.Query("inline") == "1"
 		kind := c.Query("kind", "pdf")
 		if kind == "pdf" {
-			return c.Download(info.Paper.PdfPath, filepath.Base(info.Paper.PdfPath))
+			name := filepath.Base(info.Paper.PdfPath)
+			if inline {
+				return sendExamFileInline(c, info.Paper.PdfPath, name)
+			}
+			return c.Download(info.Paper.PdfPath, name)
 		}
 		fileID, _ := strconv.ParseUint(c.Query("fileId", "0"), 10, 64)
 		var res models.ExamPaperResource
 		if err := db.Where("id = ? AND exam_paper_id = ?", fileID, info.Paper.ID).First(&res).Error; err != nil {
 			return c.Status(404).JSON(fiber.Map{"error": "File không tồn tại"})
 		}
+		if inline && examFileCanViewInline(res.FileName) {
+			return sendExamFileInline(c, res.FilePath, res.FileName)
+		}
 		return c.Download(res.FilePath, res.FileName)
 	}
 }
 
+func examFileCanViewInline(fileName string) bool {
+	switch strings.ToLower(filepath.Ext(fileName)) {
+	case ".pdf", ".png", ".jpg", ".jpeg", ".gif", ".webp", ".txt":
+		return true
+	default:
+		return false
+	}
+}
+
+func examViewMimeType(fileName string) string {
+	switch strings.ToLower(filepath.Ext(fileName)) {
+	case ".pdf":
+		return "application/pdf"
+	case ".png":
+		return "image/png"
+	case ".jpg", ".jpeg":
+		return "image/jpeg"
+	case ".gif":
+		return "image/gif"
+	case ".webp":
+		return "image/webp"
+	case ".txt":
+		return "text/plain; charset=utf-8"
+	default:
+		return "application/octet-stream"
+	}
+}
+
+func sendExamFileInline(c *fiber.Ctx, filePath, fileName string) error {
+	c.Set("Content-Type", examViewMimeType(fileName))
+	c.Set("Content-Disposition", fmt.Sprintf("inline; filename=%q", fileName))
+	return c.SendFile(filePath)
+}
+
 // POST /api/student/exam/submit — multipart zip
 func SubmitStudentExamHandler(db *gorm.DB) fiber.Handler {
 	return func(c *fiber.Ctx) error {

server/uploads/exams/3/papers/4/resources/gunny-admin-profiles-20260629-150338.json

@@ -0,0 +1,28 @@
+{
+  "version": 1,
+  "exportedAt": "2026-06-29T08:03:38.6066807Z",
+  "profiles": [
+    {
+      "id": "4e08fbd2-15ff-4f37-ba79-44d9f633a248",
+      "name": "Gà Chill",
+      "createdAt": "2026-06-27T03:50:45.9698419Z",
+      "updatedAt": "2026-06-29T01:46:39.7112252Z",
+      "sshHost": "103.245.236.191",
+      "sshPort": 22,
+      "sshUser": "Administrator",
+      "sshPassword": "pass@123123aA@",
+      "remoteDbHost": "127.0.0.1",
+      "remoteDbPort": 1433,
+      "dbUser": "sa",
+      "dbPassword": "123123aA@",
+      "dbTank41": "Db_Tank41",
+      "dbTank": "Db_Tank",
+      "dbMember": "Db_Member",
+      "remoteRequestHost": "127.0.0.1",
+      "remoteRequestPort": 81,
+      "resourceUrl": "https://resource.gunnychill.net",
+      "deployRoot": "C:\\Gunny",
+      "devRootXml": "E:\\gunny3"
+    }
+  ]
+}