🔖 release(v0.1.4): bump version and UI optimizations

- Remove unused version display logic and update summary
- Add silent audio playback to prevent browser tab throttling
- Update CourseWorkspace and Setting components
- Bump version from 0.1.3 to 0.1.4

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/App.tsx

@@ -137,9 +137,6 @@ const renderInlineLinks = (text: string): JSX.Element[] => {
 const App: ParentComponent = (props) => {
   const location = useLocation();
   const [version] = createResource(versionApi);
-  const [copyState, setCopyState] = createSignal<"idle" | "done" | "error">(
-    "idle",
-  );
   const [updateDialogOpen, setUpdateDialogOpen] = createSignal(false);
   const [updateCheckState, setUpdateCheckState] =
     createSignal<UpdateCheckState>("idle");
@@ -197,31 +194,6 @@ const App: ParentComponent = (props) => {
 
     return error instanceof Error ? error.message : "版本信息获取失败";
   });
-  const versionPayloadText = createMemo(() =>
-    [
-      `Version: ${versionText()}`,
-      `Mode: ${modeText()}`,
-      `Commit: ${commitText()}`,
-      `Build: ${buildText()}`,
-      `Author: ${authorText()}`,
-      `Email: ${emailText()}`,
-    ].join("\n"),
-  );
-  const updateSummaryText = createMemo(() => {
-    if (updateCheckState() === "checking") {
-      return "更新检查中...";
-    }
-    if (updateCheckState() === "available") {
-      return `发现新版本：${latestRelease()?.tag_name ?? "-"}`;
-    }
-    if (updateCheckState() === "latest") {
-      return "已是最新版本";
-    }
-    if (updateCheckState() === "error") {
-      return updateCheckError() || "更新检查失败";
-    }
-    return "未检查更新";
-  });
   const releaseNotesBlocks = createMemo(() =>
     parseMarkdownBlocks(latestRelease()?.body ?? ""),
   );
@@ -231,6 +203,14 @@ const App: ParentComponent = (props) => {
   const releaseLink = createMemo(
     () => latestRelease()?.html_url || RELEASES_PAGE_URL,
   );
+  const safeValue = (value: string) => (value === "unknown" ? "-" : value);
+  const hasUpdateBadge = createMemo(() => updateCheckState() === "available");
+  const updateDialogTitle = createMemo(() => {
+    if (updateCheckState() === "available") {
+      return `发现更新 ${latestRelease()?.tag_name ?? ""}`;
+    }
+    return "更新信息";
+  });
 
   onMount(() => {
     const unsubscribe = settingsStore.subscribe((state) => {
@@ -242,16 +222,6 @@ const App: ParentComponent = (props) => {
     });
   });
 
-  const handleCopyVersion = async () => {
-    try {
-      await navigator.clipboard.writeText(versionPayloadText());
-      setCopyState("done");
-    } catch {
-      setCopyState("error");
-    }
-
-    window.setTimeout(() => setCopyState("idle"), 1800);
-  };
   const performUpdateCheck = async (manual = false) => {
     if (updateCheckState() === "checking") {
       return;
@@ -276,17 +246,17 @@ const App: ParentComponent = (props) => {
       setRuntimeTarget(target);
 
       const hasNewVersion = isRemoteVersionNewer(versionText(), release.tag_name);
+      setLatestRelease(release);
+      setMatchedAsset(resolveAssetForRuntime(release.assets, target));
+
       if (!hasNewVersion) {
         setUpdateCheckState("latest");
         if (manual) {
-          setLatestRelease(release);
-          setMatchedAsset(resolveAssetForRuntime(release.assets, target));
+          setUpdateDialogOpen(true);
         }
         return;
       }
 
-      setLatestRelease(release);
-      setMatchedAsset(resolveAssetForRuntime(release.assets, target));
       setUpdateCheckState("available");
       setUpdateDialogOpen(true);
     } catch (error) {
@@ -425,48 +395,48 @@ const App: ParentComponent = (props) => {
                 <p class="mt-1 text-sm text-zinc-500">
                   {asideList().find((item) => isActive(item.url))?.label ?? "账号"}
                 </p>
-                <p class="mt-1 text-xs text-zinc-500">
-                  模式: {modeText()}
-                </p>
-                <p class="mt-1 text-xs text-zinc-500">
-                  调试: {isDebugMode() ? "已开启" : "已关闭"}
-                </p>
-                <p class="mt-3 text-xs font-medium tracking-[0.18em] text-cyan-700/75 uppercase">
-                  Runtime
-                </p>
-                <div class="mt-2 grid gap-1 text-xs text-zinc-500 xl:block">
-                  <p>Version: {versionText()}</p>
-                  <p>Commit: {commitText()}</p>
-                  <p>Build: {buildText()}</p>
-                  <p>Author: {authorText()}</p>
-                  <p>Email: {emailText()}</p>
-                </div>
-                <p
-                  class={`mt-2 text-xs ${updateCheckState() === "error" ? "text-rose-500" : "text-zinc-500"}`}
-                >
-                  更新: {updateSummaryText()}
-                </p>
-                <div class="mt-3 flex flex-wrap items-center gap-2">
+                <div class="mt-3 border-t border-zinc-200/80 pt-3">
                   <button
                     type="button"
-                    class="rounded-lg border border-zinc-200 bg-white px-3 py-1.5 text-xs text-zinc-700 transition active:bg-zinc-200 hover:bg-zinc-100"
-                    onClick={() => void handleCopyVersion()}
-                  >
-                    {copyState() === "done"
-                      ? "已复制"
-                      : copyState() === "error"
-                        ? "复制失败"
-                        : "复制版本信息"}
-                  </button>
-                  <button
-                    type="button"
-                    class="rounded-lg border border-cyan-200 bg-cyan-50 px-3 py-1.5 text-xs text-cyan-700 transition active:bg-cyan-200 hover:bg-cyan-100 disabled:cursor-not-allowed disabled:opacity-60"
+                    class="flex w-full min-w-0 items-center gap-2 rounded-lg border border-zinc-200 bg-white/80 px-2.5 py-1.5 text-left text-xs text-zinc-500 transition hover:bg-white disabled:cursor-not-allowed disabled:opacity-60"
                     disabled={updateCheckState() === "checking"}
                     onClick={() => void performUpdateCheck(true)}
+                    title="点击查看更新内容"
                   >
-                    {updateCheckState() === "checking" ? "检查中..." : "检查更新"}
+                    <span class="text-zinc-400">版本</span>
+                    <span class="shrink-0 rounded-full border border-zinc-200 bg-zinc-100 px-2 py-0.5 text-[11px] font-medium text-zinc-700">
+                      {safeValue(versionText())}
+                    </span>
+                    {hasUpdateBadge() ? (
+                      <span
+                        class="h-2 w-2 shrink-0 rounded-full bg-rose-500"
+                        title={`新版本：${latestRelease()?.tag_name ?? "-"}`}
+                      />
+                    ) : null}
+                    <span class="ml-auto text-[11px] text-zinc-400">
+                      {updateCheckState() === "checking" ? "检查中..." : "查看更新"}
+                    </span>
                   </button>
+                  <details class="mt-2 rounded-lg border border-zinc-200/80 bg-white/70 px-2.5 py-2">
+                    <summary class="cursor-pointer select-none text-[11px] text-zinc-500">
+                      系统诊断信息
+                    </summary>
+                    <div class="mt-2 space-y-1 text-xs">
+                      <p class={isDebugMode() ? "text-amber-600" : "text-zinc-600"}>
+                        Mode: {safeValue(modeText())}
+                      </p>
+                      <p class="truncate text-zinc-600">Commit: {safeValue(commitText())}</p>
+                      <p class="truncate text-zinc-600">Build: {safeValue(buildText())}</p>
+                      <p class="truncate text-zinc-600">Author: {safeValue(authorText())}</p>
+                      <p class="truncate text-zinc-600">Email: {safeValue(emailText())}</p>
+                    </div>
+                  </details>
                 </div>
+                {updateCheckState() === "error" ? (
+                  <p class="mt-2 text-xs text-rose-500">
+                    {updateCheckError() || "更新检查失败"}
+                  </p>
+                ) : null}
                 {versionErrorText() ? (
                   <p class="mt-2 text-xs text-rose-500">{versionErrorText()}</p>
                 ) : null}
@@ -488,7 +458,7 @@ const App: ParentComponent = (props) => {
           }
           setUpdateDialogOpen(false);
         }}
-        title={`发现更新 ${latestRelease()?.tag_name ?? ""}`}
+        title={updateDialogTitle()}
         widthClass="max-w-3xl"
         closeOnOverlay={downloadState() !== "downloading"}
         footer={