fix: 修复问题

- 修复刷课错误不会停止
- 添加课程刷新
- 添加课程列表、记录列表缓存
- 显示当前版本

src/App.tsx

@@ -1,5 +1,7 @@
 import type { ParentComponent } from "solid-js";
+import { createMemo, createResource, createSignal } from "solid-js";
 import { A, useLocation } from "@solidjs/router";
+import { versionApi } from "~/service/wk";
 
 const asideList = [
   { label: "账号", url: "/account" },
@@ -9,41 +11,75 @@ const asideList = [
 
 const App: ParentComponent = (props) => {
   const location = useLocation();
+  const [version] = createResource(versionApi);
+  const [copyState, setCopyState] = createSignal<"idle" | "done" | "error">(
+    "idle",
+  );
 
   const isActive = (url: string) =>
     location.pathname === url ||
     (location.pathname === "/" && url === "/account");
 
+  const versionText = createMemo(() => version()?.data.Version ?? "unknown");
+  const commitText = createMemo(() => {
+    const commit = version()?.data.GitCommit ?? "unknown";
+    return commit === "unknown" ? commit : commit.slice(0, 7);
+  });
+  const buildText = createMemo(() => version()?.data.BuildAt ?? "unknown");
+  const authorText = createMemo(() => version()?.data.GitAuthor ?? "unknown");
+  const emailText = createMemo(() => version()?.data.GitEmail ?? "unknown");
+  const versionErrorText = createMemo(() => {
+    const error = version.error;
+    if (!error) {
+      return "";
+    }
+
+    return error instanceof Error ? error.message : "版本信息获取失败";
+  });
+  const versionPayloadText = createMemo(() =>
+    [
+      `Version: ${versionText()}`,
+      `Commit: ${commitText()}`,
+      `Build: ${buildText()}`,
+      `Author: ${authorText()}`,
+      `Email: ${emailText()}`,
+    ].join("\n"),
+  );
+
+  const handleCopyVersion = async () => {
+    try {
+      await navigator.clipboard.writeText(versionPayloadText());
+      setCopyState("done");
+    } catch {
+      setCopyState("error");
+    }
+
+    window.setTimeout(() => setCopyState("idle"), 1800);
+  };
+
   return (
     <div class="flex h-screen w-full overflow-hidden bg-[radial-gradient(circle_at_top_left,_rgba(103,232,249,0.24),_transparent_28%),radial-gradient(circle_at_top_right,_rgba(251,191,36,0.16),_transparent_24%),linear-gradient(180deg,_#ecfeff_0%,_#f8fafc_52%,_#eef2ff_100%)] text-zinc-800">
       <div class="flex min-h-0 w-full flex-col p-3 sm:p-4">
-        <header class="flex shrink-0 items-center justify-between gap-4 rounded-[28px] border border-white/70 bg-white/75 px-5 py-4 shadow-[0_18px_50px_-22px_rgba(14,116,144,0.35)] backdrop-blur-xl">
-          <div class="flex min-w-0 items-center gap-4">
+        <header class="flex shrink-0 items-center rounded-[24px] border border-white/70 bg-white/75 px-4 py-3 shadow-[0_18px_50px_-22px_rgba(14,116,144,0.35)] backdrop-blur-xl">
+          <div class="flex min-w-0 items-center gap-3">
             <A
               href="/"
-              class="flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl bg-[linear-gradient(135deg,_#06b6d4,_#22c55e)] text-lg font-semibold text-white shadow-lg shadow-cyan-500/20"
+              class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[linear-gradient(135deg,_#06b6d4,_#22c55e)] text-base font-semibold text-white shadow-lg shadow-cyan-500/20"
             >
               WK
             </A>
             <div class="min-w-0">
               <A
                 href="/"
-                class="block truncate text-2xl font-semibold tracking-wide text-zinc-900"
+                class="block truncate text-xl font-semibold tracking-wide text-zinc-900"
               >
                 网课控制台
               </A>
-              <p class="truncate text-sm text-zinc-500">
+              <p class="truncate text-xs text-zinc-500 sm:text-sm">
                 管理账号、课程记录与任务日志
               </p>
             </div>
           </div>
-
-          <div class="rounded-2xl border border-zinc-200/80 bg-zinc-50/90 px-4 py-3 text-right shadow-sm">
-            <p class="text-sm font-medium text-zinc-800">学习控制中枢</p>
-            <p class="mt-1 text-xs text-zinc-500">
-              多账号管理 / 课程记录 / 日志面板
-            </p>
-          </div>
         </header>
 
         <div class="mt-4 flex min-h-0 min-w-0 flex-1 gap-4">
@@ -92,6 +128,28 @@ const App: ParentComponent = (props) => {
               <p class="mt-1 text-sm text-zinc-500">
                 {asideList.find((item) => isActive(item.url))?.label ?? "账号"}
               </p>
+              <p class="mt-3 text-xs font-medium tracking-[0.18em] text-cyan-700/75 uppercase">
+                Runtime
+              </p>
+              <p class="mt-2 text-xs text-zinc-500">Version: {versionText()}</p>
+              <p class="mt-1 text-xs text-zinc-500">Commit: {commitText()}</p>
+              <p class="mt-1 text-xs text-zinc-500">Build: {buildText()}</p>
+              <p class="mt-1 text-xs text-zinc-500">Author: {authorText()}</p>
+              <p class="mt-1 text-xs text-zinc-500">Email: {emailText()}</p>
+              <button
+                type="button"
+                class="mt-3 rounded-lg border border-zinc-200 bg-white px-3 py-1.5 text-xs text-zinc-700 transition hover:bg-zinc-100"
+                onClick={() => void handleCopyVersion()}
+              >
+                {copyState() === "done"
+                  ? "已复制"
+                  : copyState() === "error"
+                    ? "复制失败"
+                    : "复制版本信息"}
+              </button>
+              {versionErrorText() ? (
+                <p class="mt-2 text-xs text-rose-500">{versionErrorText()}</p>
+              ) : null}
             </div>
           </aside>