diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
index 0207048..22bf594 100644
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -1,4 +1,2 @@
-github: cjpais
-custom: ["https://handy.computer/donate", "https://www.paypal.me/cjpais"]
-buy_me_a_coffee: cjpais
-ko_fi: cjpais
+github: 0xNyk
+custom: ["https://0xnyk.gumroad.com/l/dictx"]
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 9749e07..f447044 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -304,6 +304,7 @@ Look for issues labeled `good first issue` or `help wanted` if you're new to the
 ## 📞 Getting Help
 
 - **Discussions**: Ask questions in [GitHub Discussions](https://github.com/0xNyk/dictx/discussions)
+
 ## 📜 License
 
 By contributing to Dictx, you agree that your contributions will be licensed under the MIT License. See [LICENSE](LICENSE) for details.
diff --git a/src/App.tsx b/src/App.tsx
index 873d084..8f16e6e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,6 +15,7 @@ import AccessibilityPermissions from "./components/AccessibilityPermissions";
 import Footer from "./components/footer";
 import Onboarding, { AccessibilityOnboarding } from "./components/onboarding";
 import { Sidebar, SidebarSection, SECTIONS_CONFIG } from "./components/Sidebar";
+import { ShortcutsDialog } from "./components/ui/ShortcutsDialog";
 import { useSettings } from "./hooks/useSettings";
 import { useSettingsStore } from "./stores/settingsStore";
 import { commands } from "@/bindings";
@@ -38,6 +39,7 @@ function App() {
   const [isReturningUser, setIsReturningUser] = useState(false);
   const [currentSection, setCurrentSection] =
     useState<SidebarSection>("general");
+  const [showShortcuts, setShowShortcuts] = useState(false);
   const { settings, updateSetting } = useSettings();
   const direction = getLanguageDirection(i18n.language);
   const refreshAudioDevices = useSettingsStore(
@@ -72,7 +74,7 @@ function App() {
     }
   }, [onboardingStep, refreshAudioDevices, refreshOutputDevices]);
 
-  // Handle keyboard shortcuts for debug mode toggle
+  // Handle keyboard shortcuts for debug mode toggle and shortcuts dialog
   useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
       // Check for Ctrl+Shift+D (Windows/Linux) or Cmd+Shift+D (macOS)
@@ -86,12 +88,20 @@ function App() {
         const currentDebugMode = settings?.debug_mode ?? false;
         updateSetting("debug_mode", !currentDebugMode);
       }
+
+      // Show shortcuts help with "?" when no input is focused
+      if (
+        event.key === "?" &&
+        !event.ctrlKey &&
+        !event.metaKey &&
+        !(event.target instanceof HTMLInputElement) &&
+        !(event.target instanceof HTMLTextAreaElement)
+      ) {
+        setShowShortcuts((prev) => !prev);
+      }
     };
 
-    // Add event listener when component mounts
     document.addEventListener("keydown", handleKeyDown);
-
-    // Cleanup event listener when component unmounts
     return () => {
       document.removeEventListener("keydown", handleKeyDown);
     };
@@ -198,6 +208,10 @@ function App() {
       </div>
       {/* Fixed footer at bottom */}
       <Footer />
+      <ShortcutsDialog
+        open={showShortcuts}
+        onClose={() => setShowShortcuts(false)}
+      />
     </div>
   );
 }
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 846cd36..527cfd0 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { Cog, FlaskConical, History, Info, Sparkles, Cpu } from "lucide-react";
+import { openUrl } from "@tauri-apps/plugin-opener";
 import DictxTextLogo from "./icons/DictxTextLogo";
 import DictxIcon from "./icons/DictxIcon";
 import { useSettings } from "../hooks/useSettings";
@@ -95,7 +96,7 @@ export const Sidebar: React.FC<SidebarProps> = ({
   return (
     <div className="flex flex-col w-40 h-full border-e border-mid-gray/20 items-center px-2">
       <DictxTextLogo width={120} className="m-4" />
-      <div className="flex flex-col w-full items-center gap-1 pt-2 border-t border-mid-gray/20">
+      <div className="flex flex-col w-full items-center gap-1 pt-2 border-t border-mid-gray/20 flex-1">
         {availableSections.map((section) => {
           const Icon = section.icon;
           const isActive = activeSection === section.id;
@@ -103,12 +104,20 @@ export const Sidebar: React.FC<SidebarProps> = ({
           return (
             <div
               key={section.id}
-              className={`flex gap-2 items-center p-2 w-full rounded-lg cursor-pointer transition-colors ${
+              role="button"
+              tabIndex={0}
+              className={`flex gap-2 items-center p-2 w-full rounded-lg cursor-pointer transition-colors focus:ring-2 focus:ring-logo-primary focus:outline-none ${
                 isActive
                   ? "bg-logo-primary/80"
                   : "hover:bg-mid-gray/20 hover:opacity-100 opacity-85"
               }`}
               onClick={() => onSectionChange(section.id)}
+              onKeyDown={(e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  onSectionChange(section.id);
+                }
+              }}
             >
               <Icon width={24} height={24} className="shrink-0" />
               <p
@@ -120,6 +129,14 @@ export const Sidebar: React.FC<SidebarProps> = ({
             </div>
           );
         })}
+        <div className="mt-auto pb-3 w-full px-1">
+          <button
+            onClick={() => openUrl("https://0xnyk.gumroad.com/l/dictx")}
+            className="text-xs text-text/40 hover:text-logo-primary transition-colors cursor-pointer w-full text-center"
+          >
+            {t("sidebar.getPro")}
+          </button>
+        </div>
       </div>
     </div>
   );
diff --git a/src/components/icons/DictxIcon.tsx b/src/components/icons/DictxIcon.tsx
index 38b88b9..947ce42 100644
--- a/src/components/icons/DictxIcon.tsx
+++ b/src/components/icons/DictxIcon.tsx
@@ -13,15 +13,86 @@ const DictxIcon = ({
     xmlns="http://www.w3.org/2000/svg"
   >
     {/* 9-bar waveform matching the Dictx logo */}
-    <rect x="1" y="9.5" width="1.5" height="5" rx="0.75" fill="currentColor" opacity="0.6" />
-    <rect x="3.5" y="7.5" width="1.5" height="9" rx="0.75" fill="currentColor" opacity="0.7" />
-    <rect x="6" y="5.5" width="1.5" height="13" rx="0.75" fill="currentColor" opacity="0.8" />
-    <rect x="8.5" y="4" width="1.5" height="16" rx="0.75" fill="currentColor" opacity="0.9" />
-    <rect x="11" y="2.5" width="1.5" height="19" rx="0.75" fill="currentColor" />
-    <rect x="13.5" y="4" width="1.5" height="16" rx="0.75" fill="currentColor" opacity="0.9" />
-    <rect x="16" y="5.5" width="1.5" height="13" rx="0.75" fill="currentColor" opacity="0.8" />
-    <rect x="18.5" y="7.5" width="1.5" height="9" rx="0.75" fill="currentColor" opacity="0.7" />
-    <rect x="21" y="9.5" width="1.5" height="5" rx="0.75" fill="currentColor" opacity="0.6" />
+    <rect
+      x="1"
+      y="9.5"
+      width="1.5"
+      height="5"
+      rx="0.75"
+      fill="currentColor"
+      opacity="0.6"
+    />
+    <rect
+      x="3.5"
+      y="7.5"
+      width="1.5"
+      height="9"
+      rx="0.75"
+      fill="currentColor"
+      opacity="0.7"
+    />
+    <rect
+      x="6"
+      y="5.5"
+      width="1.5"
+      height="13"
+      rx="0.75"
+      fill="currentColor"
+      opacity="0.8"
+    />
+    <rect
+      x="8.5"
+      y="4"
+      width="1.5"
+      height="16"
+      rx="0.75"
+      fill="currentColor"
+      opacity="0.9"
+    />
+    <rect
+      x="11"
+      y="2.5"
+      width="1.5"
+      height="19"
+      rx="0.75"
+      fill="currentColor"
+    />
+    <rect
+      x="13.5"
+      y="4"
+      width="1.5"
+      height="16"
+      rx="0.75"
+      fill="currentColor"
+      opacity="0.9"
+    />
+    <rect
+      x="16"
+      y="5.5"
+      width="1.5"
+      height="13"
+      rx="0.75"
+      fill="currentColor"
+      opacity="0.8"
+    />
+    <rect
+      x="18.5"
+      y="7.5"
+      width="1.5"
+      height="9"
+      rx="0.75"
+      fill="currentColor"
+      opacity="0.7"
+    />
+    <rect
+      x="21"
+      y="9.5"
+      width="1.5"
+      height="5"
+      rx="0.75"
+      fill="currentColor"
+      opacity="0.6"
+    />
   </svg>
 );
 
diff --git a/src/components/onboarding/ModelCard.tsx b/src/components/onboarding/ModelCard.tsx
index 9ae5fdf..cd537c8 100644
--- a/src/components/onboarding/ModelCard.tsx
+++ b/src/components/onboarding/ModelCard.tsx
@@ -52,9 +52,24 @@ interface ModelCardProps {
   onCancel?: (modelId: string) => void;
   downloadProgress?: number;
   downloadSpeed?: number; // MB/s
+  downloadedBytes?: number;
+  totalBytes?: number;
   showRecommended?: boolean;
 }
 
+const formatEta = (seconds: number): string => {
+  if (seconds < 60)
+    return `0:${Math.round(seconds).toString().padStart(2, "0")}`;
+  const m = Math.floor(seconds / 60);
+  const s = Math.round(seconds % 60);
+  return `${m}:${s.toString().padStart(2, "0")}`;
+};
+
+const formatBytes = (bytes: number): string => {
+  const mb = bytes / (1024 * 1024);
+  return mb >= 1000 ? `${(mb / 1024).toFixed(1)} GB` : `${Math.round(mb)} MB`;
+};
+
 const ModelCard: React.FC<ModelCardProps> = ({
   model,
   variant = "default",
@@ -67,6 +82,8 @@ const ModelCard: React.FC<ModelCardProps> = ({
   onCancel,
   downloadProgress,
   downloadSpeed,
+  downloadedBytes,
+  totalBytes,
   showRecommended = true,
 }) => {
   const { t } = useTranslation();
@@ -74,9 +91,11 @@ const ModelCard: React.FC<ModelCardProps> = ({
   const isClickable =
     status === "available" || status === "active" || status === "downloadable";
 
-  // Get translated model name and description
+  // Get translated model name, description, and use-case hint
   const displayName = getTranslatedModelName(model, t);
   const displayDescription = getTranslatedModelDescription(model, t);
+  const useCaseKey = `onboarding.models.${model.id}.useCase`;
+  const useCase = t(useCaseKey, { defaultValue: "" });
 
   const baseClasses =
     "flex flex-col rounded-xl px-4 py-3 gap-2 text-left transition-all duration-200";
@@ -159,6 +178,9 @@ const ModelCard: React.FC<ModelCardProps> = ({
           <p className="text-text/60 text-sm leading-relaxed">
             {displayDescription}
           </p>
+          {useCase && (
+            <p className="text-text/40 text-xs mt-0.5 italic">{useCase}</p>
+          )}
         </div>
         {(model.accuracy_score > 0 || model.speed_score > 0) && (
           <div className="hidden sm:flex items-center ml-4">
@@ -245,6 +267,27 @@ const ModelCard: React.FC<ModelCardProps> = ({
               style={{ width: `${downloadProgress}%` }}
             />
           </div>
+          {/* Size progress line */}
+          {downloadedBytes !== undefined &&
+            totalBytes !== undefined &&
+            totalBytes > 0 && (
+              <div className="text-xs text-text/40 mt-1">
+                {t("onboarding.downloadSize", {
+                  downloaded: formatBytes(downloadedBytes),
+                  total: formatBytes(totalBytes),
+                })}
+                {downloadSpeed !== undefined &&
+                  downloadSpeed > 0 &&
+                  (() => {
+                    const remaining = totalBytes - downloadedBytes;
+                    const etaSeconds =
+                      remaining / (downloadSpeed * 1024 * 1024);
+                    return etaSeconds > 0 && etaSeconds < 36000
+                      ? ` — ${t("onboarding.downloadEta", { time: formatEta(etaSeconds) })}`
+                      : "";
+                  })()}
+              </div>
+            )}
           <div className="flex items-center justify-between text-xs mt-1">
             <span className="text-text/50">
               {t("modelSelector.downloading", {
diff --git a/src/components/onboarding/Onboarding.tsx b/src/components/onboarding/Onboarding.tsx
index 2674e51..f54b140 100644
--- a/src/components/onboarding/Onboarding.tsx
+++ b/src/components/onboarding/Onboarding.tsx
@@ -79,6 +79,14 @@ const Onboarding: React.FC<OnboardingProps> = ({ onModelSelected }) => {
     return downloadStats[modelId]?.speed;
   };
 
+  const getModelDownloadedBytes = (modelId: string): number | undefined => {
+    return downloadProgress[modelId]?.downloaded;
+  };
+
+  const getModelTotalBytes = (modelId: string): number | undefined => {
+    return downloadProgress[modelId]?.total;
+  };
+
   return (
     <div className="h-screen w-screen flex flex-col p-6 gap-4 inset-0">
       <div className="flex flex-col items-center gap-2 shrink-0">
@@ -104,6 +112,8 @@ const Onboarding: React.FC<OnboardingProps> = ({ onModelSelected }) => {
                 onDownload={handleDownloadModel}
                 downloadProgress={getModelDownloadProgress(model.id)}
                 downloadSpeed={getModelDownloadSpeed(model.id)}
+                downloadedBytes={getModelDownloadedBytes(model.id)}
+                totalBytes={getModelTotalBytes(model.id)}
               />
             ))}
 
@@ -124,6 +134,8 @@ const Onboarding: React.FC<OnboardingProps> = ({ onModelSelected }) => {
                 onDownload={handleDownloadModel}
                 downloadProgress={getModelDownloadProgress(model.id)}
                 downloadSpeed={getModelDownloadSpeed(model.id)}
+                downloadedBytes={getModelDownloadedBytes(model.id)}
+                totalBytes={getModelTotalBytes(model.id)}
               />
             ))}
         </div>
diff --git a/src/components/settings/history/HistorySettings.tsx b/src/components/settings/history/HistorySettings.tsx
index eaa7acc..959c7b5 100644
--- a/src/components/settings/history/HistorySettings.tsx
+++ b/src/components/settings/history/HistorySettings.tsx
@@ -1,11 +1,12 @@
-import React, { useState, useEffect, useCallback } from "react";
+import React, { useState, useEffect, useCallback, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { AudioPlayer } from "../../ui/AudioPlayer";
 import { Button } from "../../ui/Button";
-import { Copy, Star, Check, Trash2, FolderOpen } from "lucide-react";
+import { Copy, Star, Check, Trash2, FolderOpen, Search } from "lucide-react";
 import { convertFileSrc } from "@tauri-apps/api/core";
 import { listen } from "@tauri-apps/api/event";
 import { readFile } from "@tauri-apps/plugin-fs";
+import { ask } from "@tauri-apps/plugin-dialog";
 import { commands, type HistoryEntry } from "@/bindings";
 import { formatDateTime } from "@/utils/dateFormat";
 import { useOsType } from "@/hooks/useOsType";
@@ -32,10 +33,13 @@ const OpenRecordingsButton: React.FC<OpenRecordingsButtonProps> = ({
 );
 
 export const HistorySettings: React.FC = () => {
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
   const osType = useOsType();
   const [historyEntries, setHistoryEntries] = useState<HistoryEntry[]>([]);
   const [loading, setLoading] = useState(true);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [showSavedOnly, setShowSavedOnly] = useState(false);
+  const [copiedAll, setCopiedAll] = useState(false);
 
   const loadHistoryEntries = useCallback(async () => {
     try {
@@ -132,6 +136,36 @@ export const HistorySettings: React.FC = () => {
     }
   };
 
+  const filteredEntries = useMemo(() => {
+    let entries = historyEntries;
+    if (showSavedOnly) {
+      entries = entries.filter((e) => e.saved);
+    }
+    if (searchQuery.trim()) {
+      const query = searchQuery.toLowerCase();
+      entries = entries.filter((e) =>
+        e.transcription_text.toLowerCase().includes(query),
+      );
+    }
+    return entries;
+  }, [historyEntries, searchQuery, showSavedOnly]);
+
+  const copyAllVisible = async () => {
+    const text = filteredEntries
+      .map((e) => {
+        const date = formatDateTime(String(e.timestamp), i18n.language);
+        return `[${date}] ${e.transcription_text}`;
+      })
+      .join("\n");
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopiedAll(true);
+      setTimeout(() => setCopiedAll(false), 2000);
+    } catch (error) {
+      console.error("Failed to copy all:", error);
+    }
+  };
+
   if (loading) {
     return (
       <div className="max-w-3xl w-full mx-auto space-y-6">
@@ -191,24 +225,80 @@ export const HistorySettings: React.FC = () => {
               {t("settings.history.title")}
             </h2>
           </div>
-          <OpenRecordingsButton
-            onClick={openRecordingsFolder}
-            label={t("settings.history.openFolder")}
-          />
+          <div className="flex items-center gap-2">
+            <Button
+              onClick={copyAllVisible}
+              variant="secondary"
+              size="sm"
+              className="flex items-center gap-2"
+              title={t("settings.history.copyAll")}
+            >
+              {copiedAll ? (
+                <Check className="w-4 h-4" />
+              ) : (
+                <Copy className="w-4 h-4" />
+              )}
+              <span>
+                {copiedAll
+                  ? t("settings.history.copiedAll")
+                  : t("settings.history.copyAll")}
+              </span>
+            </Button>
+            <OpenRecordingsButton
+              onClick={openRecordingsFolder}
+              label={t("settings.history.openFolder")}
+            />
+          </div>
         </div>
-        <div className="bg-background border border-mid-gray/20 rounded-lg overflow-visible">
-          <div className="divide-y divide-mid-gray/20">
-            {historyEntries.map((entry) => (
-              <HistoryEntryComponent
-                key={entry.id}
-                entry={entry}
-                onToggleSaved={() => toggleSaved(entry.id)}
-                onCopyText={() => copyToClipboard(entry.transcription_text)}
-                getAudioUrl={getAudioUrl}
-                deleteAudio={deleteAudioEntry}
-              />
-            ))}
+
+        {/* Search and filter bar */}
+        <div className="px-4 flex items-center gap-2">
+          <div className="relative flex-1">
+            <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-mid-gray" />
+            <input
+              type="text"
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              placeholder={t("settings.history.search")}
+              className="w-full pl-9 pr-3 py-1.5 text-sm bg-background border border-mid-gray/20 rounded-lg focus:outline-none focus:ring-2 focus:ring-logo-primary focus:border-transparent"
+            />
           </div>
+          <button
+            onClick={() => setShowSavedOnly(!showSavedOnly)}
+            className={`flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg border transition-colors cursor-pointer ${
+              showSavedOnly
+                ? "border-logo-primary/50 bg-logo-primary/10 text-logo-primary"
+                : "border-mid-gray/20 text-text/60 hover:border-mid-gray/40"
+            }`}
+          >
+            <Star
+              width={14}
+              height={14}
+              fill={showSavedOnly ? "currentColor" : "none"}
+            />
+            {t("settings.history.filterSaved")}
+          </button>
+        </div>
+
+        <div className="bg-background border border-mid-gray/20 rounded-lg overflow-visible">
+          {filteredEntries.length === 0 ? (
+            <div className="px-4 py-3 text-center text-text/60">
+              {t("settings.history.noResults")}
+            </div>
+          ) : (
+            <div className="divide-y divide-mid-gray/20">
+              {filteredEntries.map((entry) => (
+                <HistoryEntryComponent
+                  key={entry.id}
+                  entry={entry}
+                  onToggleSaved={() => toggleSaved(entry.id)}
+                  onCopyText={() => copyToClipboard(entry.transcription_text)}
+                  getAudioUrl={getAudioUrl}
+                  deleteAudio={deleteAudioEntry}
+                />
+              ))}
+            </div>
+          )}
         </div>
       </div>
     </div>
@@ -245,11 +335,15 @@ const HistoryEntryComponent: React.FC<HistoryEntryProps> = ({
   };
 
   const handleDeleteEntry = async () => {
+    const confirmed = await ask(t("settings.history.deleteConfirm"), {
+      title: t("settings.history.deleteTitle"),
+      kind: "warning",
+    });
+    if (!confirmed) return;
     try {
       await deleteAudio(entry.id);
     } catch (error) {
       console.error("Failed to delete entry:", error);
-      alert("Failed to delete entry. Please try again.");
     }
   };
 
@@ -262,8 +356,9 @@ const HistoryEntryComponent: React.FC<HistoryEntryProps> = ({
         <div className="flex items-center gap-1">
           <button
             onClick={handleCopyText}
-            className="text-text/50 hover:text-logo-primary  hover:border-logo-primary transition-colors cursor-pointer"
+            className="text-text/50 hover:text-logo-primary hover:border-logo-primary transition-all cursor-pointer active:scale-110 duration-100"
             title={t("settings.history.copyToClipboard")}
+            aria-label={t("settings.history.copyToClipboard")}
           >
             {showCopied ? (
               <Check width={16} height={16} />
@@ -273,7 +368,7 @@ const HistoryEntryComponent: React.FC<HistoryEntryProps> = ({
           </button>
           <button
             onClick={onToggleSaved}
-            className={`p-2 rounded-md transition-colors cursor-pointer ${
+            className={`p-2 rounded-md transition-all cursor-pointer active:scale-110 duration-100 ${
               entry.saved
                 ? "text-logo-primary hover:text-logo-primary/80"
                 : "text-text/50 hover:text-logo-primary"
@@ -283,6 +378,11 @@ const HistoryEntryComponent: React.FC<HistoryEntryProps> = ({
                 ? t("settings.history.unsave")
                 : t("settings.history.save")
             }
+            aria-label={
+              entry.saved
+                ? t("settings.history.unsave")
+                : t("settings.history.save")
+            }
           >
             <Star
               width={16}
@@ -292,8 +392,9 @@ const HistoryEntryComponent: React.FC<HistoryEntryProps> = ({
           </button>
           <button
             onClick={handleDeleteEntry}
-            className="text-text/50 hover:text-logo-primary transition-colors cursor-pointer"
+            className="text-text/50 hover:text-logo-primary transition-all cursor-pointer active:scale-110 duration-100"
             title={t("settings.history.delete")}
+            aria-label={t("settings.history.delete")}
           >
             <Trash2 width={16} height={16} />
           </button>
diff --git a/src/components/settings/models/ModelsSettings.tsx b/src/components/settings/models/ModelsSettings.tsx
index 30af3b5..ef344bf 100644
--- a/src/components/settings/models/ModelsSettings.tsx
+++ b/src/components/settings/models/ModelsSettings.tsx
@@ -104,6 +104,14 @@ export const ModelsSettings: React.FC = () => {
     return stats?.speed;
   };
 
+  const getDownloadedBytes = (modelId: string): number | undefined => {
+    return downloadProgress[modelId]?.downloaded;
+  };
+
+  const getTotalBytes = (modelId: string): number | undefined => {
+    return downloadProgress[modelId]?.total;
+  };
+
   const handleModelSelect = async (modelId: string) => {
     setSwitchingModelId(modelId);
     try {
@@ -323,6 +331,8 @@ export const ModelsSettings: React.FC = () => {
                 onCancel={handleModelCancel}
                 downloadProgress={getDownloadProgress(model.id)}
                 downloadSpeed={getDownloadSpeed(model.id)}
+                downloadedBytes={getDownloadedBytes(model.id)}
+                totalBytes={getTotalBytes(model.id)}
                 showRecommended={false}
               />
             ))}
diff --git a/src/components/ui/SettingContainer.tsx b/src/components/ui/SettingContainer.tsx
index 1777f40..3f9ca0d 100644
--- a/src/components/ui/SettingContainer.tsx
+++ b/src/components/ui/SettingContainer.tsx
@@ -57,7 +57,7 @@ export const SettingContainer: React.FC<SettingContainerProps> = ({
         <div className={containerClasses}>
           <div className="flex items-center gap-2 mb-2">
             <h3
-              className={`text-sm font-medium ${disabled ? "opacity-50" : ""}`}
+              className={`text-sm font-medium ${disabled ? "text-mid-gray" : ""}`}
             >
               {title}
             </h3>
@@ -107,10 +107,12 @@ export const SettingContainer: React.FC<SettingContainerProps> = ({
     return (
       <div className={containerClasses}>
         <div className="mb-2">
-          <h3 className={`text-sm font-medium ${disabled ? "opacity-50" : ""}`}>
+          <h3
+            className={`text-sm font-medium ${disabled ? "text-mid-gray" : ""}`}
+          >
             {title}
           </h3>
-          <p className={`text-sm ${disabled ? "opacity-50" : ""}`}>
+          <p className={`text-sm ${disabled ? "text-mid-gray" : ""}`}>
             {description}
           </p>
         </div>
@@ -130,7 +132,7 @@ export const SettingContainer: React.FC<SettingContainerProps> = ({
         <div className="max-w-2/3">
           <div className="flex items-center gap-2">
             <h3
-              className={`text-sm font-medium ${disabled ? "opacity-50" : ""}`}
+              className={`text-sm font-medium ${disabled ? "text-mid-gray" : ""}`}
             >
               {title}
             </h3>
@@ -181,10 +183,12 @@ export const SettingContainer: React.FC<SettingContainerProps> = ({
   return (
     <div className={horizontalContainerClasses}>
       <div className="max-w-2/3">
-        <h3 className={`text-sm font-medium ${disabled ? "opacity-50" : ""}`}>
+        <h3
+          className={`text-sm font-medium ${disabled ? "text-mid-gray" : ""}`}
+        >
           {title}
         </h3>
-        <p className={`text-sm ${disabled ? "opacity-50" : ""}`}>
+        <p className={`text-sm ${disabled ? "text-mid-gray" : ""}`}>
           {description}
         </p>
       </div>
diff --git a/src/components/ui/ShortcutsDialog.tsx b/src/components/ui/ShortcutsDialog.tsx
new file mode 100644
index 0000000..f284ead
--- /dev/null
+++ b/src/components/ui/ShortcutsDialog.tsx
@@ -0,0 +1,101 @@
+import React, { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { X } from "lucide-react";
+import { useSettings } from "@/hooks/useSettings";
+
+interface ShortcutsDialogProps {
+  open: boolean;
+  onClose: () => void;
+}
+
+export const ShortcutsDialog: React.FC<ShortcutsDialogProps> = ({
+  open,
+  onClose,
+}) => {
+  const { t } = useTranslation();
+  const { settings } = useSettings();
+
+  useEffect(() => {
+    if (!open) return;
+    const handleKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleKey);
+    return () => document.removeEventListener("keydown", handleKey);
+  }, [open, onClose]);
+
+  if (!open) return null;
+
+  const bindings = settings?.bindings ?? {};
+  const shortcutRows: { label: string; keys: string }[] = [];
+
+  if (bindings.transcribe) {
+    shortcutRows.push({
+      label: t("shortcuts.transcribe"),
+      keys:
+        bindings.transcribe.current_binding ||
+        bindings.transcribe.default_binding,
+    });
+  }
+  if (bindings.cancel) {
+    shortcutRows.push({
+      label: t("shortcuts.cancel"),
+      keys: bindings.cancel.current_binding || bindings.cancel.default_binding,
+    });
+  }
+  if (bindings.transcribe_with_post_process) {
+    shortcutRows.push({
+      label: t("shortcuts.postProcess"),
+      keys:
+        bindings.transcribe_with_post_process.current_binding ||
+        bindings.transcribe_with_post_process.default_binding,
+    });
+  }
+  shortcutRows.push({
+    label: t("shortcuts.debugToggle"),
+    keys: "Cmd+Shift+D",
+  });
+  shortcutRows.push({
+    label: t("shortcuts.shortcutsHelp"),
+    keys: "?",
+  });
+
+  return (
+    <div
+      className="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
+      onClick={onClose}
+    >
+      <div
+        className="bg-background border border-mid-gray/20 rounded-xl shadow-2xl w-80 p-5"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <div className="flex items-center justify-between mb-4">
+          <h2 className="text-sm font-semibold">{t("shortcuts.title")}</h2>
+          <button
+            onClick={onClose}
+            className="text-text/50 hover:text-text transition-colors cursor-pointer"
+            aria-label={t("common.close")}
+          >
+            <X width={16} height={16} />
+          </button>
+        </div>
+        <p className="text-xs text-text/50 mb-3">
+          {t("shortcuts.description")}
+        </p>
+        <div className="space-y-2">
+          {shortcutRows.map((row) => (
+            <div
+              key={row.label}
+              className="flex items-center justify-between text-sm"
+            >
+              <span className="text-text/80">{row.label}</span>
+              <kbd className="px-2 py-0.5 text-xs bg-mid-gray/10 border border-mid-gray/20 rounded font-mono text-text/60">
+                {row.keys}
+              </kbd>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
index da0f9db..890ff02 100644
--- a/src/i18n/locales/en/translation.json
+++ b/src/i18n/locales/en/translation.json
@@ -15,7 +15,8 @@
     "postProcessing": "Post Process",
     "history": "History",
     "debug": "Debug",
-    "about": "About"
+    "about": "About",
+    "getPro": "Get Dictx Pro"
   },
   "onboarding": {
     "subtitle": "To get started, choose a transcription model",
@@ -31,58 +32,73 @@
     "models": {
       "small": {
         "name": "Whisper Small",
-        "description": "Fast and fairly accurate."
+        "description": "Fast and fairly accurate.",
+        "useCase": "Quick notes and casual dictation"
       },
       "medium": {
         "name": "Whisper Medium",
-        "description": "Good accuracy, medium speed"
+        "description": "Good accuracy, medium speed",
+        "useCase": "Meetings and longer recordings"
       },
       "turbo": {
         "name": "Whisper Turbo",
-        "description": "Balanced accuracy and speed."
+        "description": "Balanced accuracy and speed.",
+        "useCase": "Best all-rounder for most users"
       },
       "large": {
         "name": "Whisper Large",
-        "description": "Good accuracy, but slow."
+        "description": "Good accuracy, but slow.",
+        "useCase": "When accuracy matters more than speed"
       },
       "parakeet-tdt-0.6b-v2": {
         "name": "Parakeet V2",
-        "description": "English only. The best model for English speakers."
+        "description": "English only. The best model for English speakers.",
+        "useCase": "Professional English dictation"
       },
       "parakeet-tdt-0.6b-v3": {
         "name": "Parakeet V3",
-        "description": "Fast and accurate"
+        "description": "Fast and accurate",
+        "useCase": "Fast, high-quality English transcription"
       },
       "moonshine-base": {
         "name": "Moonshine Base",
-        "description": "Very fast, English only. Handles accents well."
+        "description": "Very fast, English only. Handles accents well.",
+        "useCase": "Real-time dictation with accents"
       },
       "moonshine-tiny-streaming-en": {
         "name": "Moonshine V2 Tiny",
-        "description": "Ultra-fast, English only"
+        "description": "Ultra-fast, English only",
+        "useCase": "Instant dictation on low-power devices"
       },
       "moonshine-small-streaming-en": {
         "name": "Moonshine V2 Small",
-        "description": "Fast, English only. Good balance of speed and accuracy."
+        "description": "Fast, English only. Good balance of speed and accuracy.",
+        "useCase": "Everyday English dictation"
       },
       "moonshine-medium-streaming-en": {
         "name": "Moonshine V2 Medium",
-        "description": "English only. High quality."
+        "description": "English only. High quality.",
+        "useCase": "High-quality English with fast response"
       },
       "breeze-asr": {
         "name": "Breeze ASR",
-        "description": "Optimized for Taiwanese Mandarin. Code-switching support."
+        "description": "Optimized for Taiwanese Mandarin. Code-switching support.",
+        "useCase": "Mandarin with mixed English terms"
       },
       "sense-voice-int8": {
         "name": "SenseVoice",
-        "description": "Very fast. Chinese, English, Japanese, Korean, Cantonese."
+        "description": "Very fast. Chinese, English, Japanese, Korean, Cantonese.",
+        "useCase": "Multi-language Asian transcription"
       },
       "gigaam-v3-e2e-ctc": {
         "name": "GigaAM v3",
-        "description": "Russian speech recognition. Fast and accurate."
+        "description": "Russian speech recognition. Fast and accurate.",
+        "useCase": "Russian language dictation"
       }
     },
     "supportCta": "Get Dictx Pro — signed binary with auto-updates ($29)",
+    "downloadEta": "~{{time}} remaining",
+    "downloadSize": "{{downloaded}} / {{total}} MB",
     "errors": {
       "loadModels": "Failed to load available models",
       "downloadModel": "Failed to download model: {{error}}"
@@ -420,7 +436,14 @@
       "save": "Save transcription",
       "unsave": "Remove from saved",
       "delete": "Delete entry",
-      "deleteError": "Failed to delete entry. Please try again."
+      "deleteError": "Failed to delete entry. Please try again.",
+      "deleteConfirm": "Are you sure you want to delete this transcription? This cannot be undone.",
+      "deleteTitle": "Delete Transcription",
+      "search": "Search transcriptions...",
+      "filterSaved": "Saved",
+      "noResults": "No transcriptions match your search.",
+      "copyAll": "Copy All",
+      "copiedAll": "Copied all transcriptions to clipboard"
     },
     "debug": {
       "title": "Debug",
@@ -576,5 +599,14 @@
   "overlay": {
     "transcribing": "Transcribing...",
     "processing": "Processing..."
+  },
+  "shortcuts": {
+    "title": "Keyboard Shortcuts",
+    "description": "Available keyboard shortcuts in Dictx",
+    "transcribe": "Start/Stop Transcription",
+    "cancel": "Cancel Recording",
+    "postProcess": "Transcribe with Post-Processing",
+    "debugToggle": "Toggle Debug Mode",
+    "shortcutsHelp": "Show This Dialog"
   }
 }
diff --git a/src/overlay/RecordingOverlay.css b/src/overlay/RecordingOverlay.css
index e11b509..477afea 100644
--- a/src/overlay/RecordingOverlay.css
+++ b/src/overlay/RecordingOverlay.css
@@ -5,7 +5,7 @@
   grid-template-columns: auto 1fr auto;
   align-items: center;
   padding: 6px;
-  background: #000000cc;
+  background: rgba(9, 9, 11, 0.8);
   border-radius: 18px;
   opacity: 0;
   transition: opacity 300ms ease-out;
@@ -41,7 +41,7 @@
 
 .bar {
   width: 6px;
-  background: #ffe5ee;
+  background: var(--color-logo-stroke, #ffe5ee);
   max-height: 20px;
   border-radius: 2px;
   transition: height 80ms linear;
@@ -70,6 +70,17 @@
   }
 }
 
+.timer-text {
+  color: white;
+  font-size: 11px;
+  font-family: "SF Mono", "Menlo", "Monaco", "Consolas", monospace;
+  opacity: 0.7;
+  margin-inline-start: 6px;
+  white-space: nowrap;
+  min-width: 28px;
+  text-align: end;
+}
+
 .cancel-button {
   width: 24px;
   height: 24px;
@@ -86,7 +97,11 @@
 }
 
 .cancel-button:hover {
-  background: #faa2ca33;
+  background: color-mix(
+    in srgb,
+    var(--color-logo-primary, #faa2ca) 20%,
+    transparent
+  );
   transform: scale(1.05);
 }
 
diff --git a/src/overlay/RecordingOverlay.tsx b/src/overlay/RecordingOverlay.tsx
index 67f354d..f6d551e 100644
--- a/src/overlay/RecordingOverlay.tsx
+++ b/src/overlay/RecordingOverlay.tsx
@@ -13,12 +13,20 @@ import { getLanguageDirection } from "@/lib/utils/rtl";
 
 type OverlayState = "recording" | "transcribing" | "processing";
 
+const formatElapsed = (seconds: number): string => {
+  const m = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return `${m}:${s.toString().padStart(2, "0")}`;
+};
+
 const RecordingOverlay: React.FC = () => {
   const { t } = useTranslation();
   const [isVisible, setIsVisible] = useState(false);
   const [state, setState] = useState<OverlayState>("recording");
   const [levels, setLevels] = useState<number[]>(Array(16).fill(0));
   const smoothedLevelsRef = useRef<number[]>(Array(16).fill(0));
+  const [elapsed, setElapsed] = useState(0);
+  const timerRef = useRef<ReturnType<typeof setInterval> | null>(null);
   const direction = getLanguageDirection(i18n.language);
 
   useEffect(() => {
@@ -30,11 +38,24 @@ const RecordingOverlay: React.FC = () => {
         const overlayState = event.payload as OverlayState;
         setState(overlayState);
         setIsVisible(true);
+
+        // Start timer when recording
+        if (overlayState === "recording") {
+          setElapsed(0);
+          timerRef.current = setInterval(() => {
+            setElapsed((prev) => prev + 1);
+          }, 1000);
+        }
       });
 
       // Listen for hide-overlay event from Rust
       const unlistenHide = await listen("hide-overlay", () => {
         setIsVisible(false);
+        if (timerRef.current) {
+          clearInterval(timerRef.current);
+          timerRef.current = null;
+        }
+        setElapsed(0);
       });
 
       // Listen for mic-level updates
@@ -56,6 +77,9 @@ const RecordingOverlay: React.FC = () => {
         unlistenShow();
         unlistenHide();
         unlistenLevel();
+        if (timerRef.current) {
+          clearInterval(timerRef.current);
+        }
       };
     };
 
@@ -79,19 +103,22 @@ const RecordingOverlay: React.FC = () => {
 
       <div className="overlay-middle">
         {state === "recording" && (
-          <div className="bars-container">
-            {levels.map((v, i) => (
-              <div
-                key={i}
-                className="bar"
-                style={{
-                  height: `${Math.min(20, 4 + Math.pow(v, 0.7) * 16)}px`, // Cap at 20px max height
-                  transition: "height 60ms ease-out, opacity 120ms ease-out",
-                  opacity: Math.max(0.2, v * 1.7), // Minimum opacity for visibility
-                }}
-              />
-            ))}
-          </div>
+          <>
+            <div className="bars-container">
+              {levels.map((v, i) => (
+                <div
+                  key={i}
+                  className="bar"
+                  style={{
+                    height: `${Math.min(20, 4 + Math.pow(v, 0.7) * 16)}px`, // Cap at 20px max height
+                    transition: "height 60ms ease-out, opacity 120ms ease-out",
+                    opacity: Math.max(0.2, v * 1.7), // Minimum opacity for visibility
+                  }}
+                />
+              ))}
+            </div>
+            <span className="timer-text">{formatElapsed(elapsed)}</span>
+          </>
         )}
         {state === "transcribing" && (
           <div className="transcribing-text">{t("overlay.transcribing")}</div>
diff --git a/src/stores/settingsStore.ts b/src/stores/settingsStore.ts
index d05df5b..845d367 100644
--- a/src/stores/settingsStore.ts
+++ b/src/stores/settingsStore.ts
@@ -140,7 +140,9 @@ const settingUpdaters: {
   obsidian_vault_path: (value) =>
     commands.changeObsidianVaultPathSetting((value as string) ?? ""),
   obsidian_export_subfolder: (value) =>
-    commands.changeObsidianExportSubfolderSetting((value as string) ?? "voice-notes"),
+    commands.changeObsidianExportSubfolderSetting(
+      (value as string) ?? "voice-notes",
+    ),
   obsidian_append_to_daily: (value) =>
     commands.changeObsidianAppendToDailySetting(value as boolean),
 };