feat: redesign review panel action hierarchy

- Download stays primary (full-width button)
- Save to Files demoted to subtle text link below download
- "Adjust settings" and "New file" are side-by-side compact buttons
- "Back to Tools" faded to very subtle (breadcrumb handles this)
- Clearer visual hierarchy: primary -> secondary -> tertiary actions

apps/web/src/components/common/review-panel.tsx

@@ -5,6 +5,7 @@ import { useTranslation } from "@/contexts/i18n-context";
 import { formatHeaders } from "@/lib/api";
 import { formatFileSize, triggerDownload } from "@/lib/download";
 import { format } from "@/lib/format";
+import { cn } from "@/lib/utils";
 
 /** Tools whose primary output is text/data, not a downloadable file. */
 const DATA_OUTPUT_TOOLS = new Set([
@@ -188,54 +189,59 @@ export function ReviewPanel({
         </button>
       )}
 
-      {/* Save to Files */}
+      {/* Save to Files -- subtle text link */}
       {!isDataOutput && (
-        <button
+        <div className="flex justify-center">
-          type="button"
+          <button
-          onClick={handleSaveToFiles}
+            type="button"
-          disabled={saveStatus === "saving" || saveStatus === "saved"}
+            onClick={handleSaveToFiles}
-          className={`w-full py-2 rounded-lg border text-sm flex items-center justify-center gap-2 transition-all ${
+            disabled={saveStatus === "saving" || saveStatus === "saved"}
-            saveStatus === "saved"
+            className={cn(
-              ? "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-800 dark:bg-emerald-950/30 dark:text-emerald-400"
+              "text-xs flex items-center gap-1.5 transition-colors",
-              : "border-border text-muted-foreground hover:text-foreground hover:bg-muted disabled:opacity-50"
+              saveStatus === "saved"
-          }`}
+                ? "text-emerald-600 dark:text-emerald-400"
-        >
+                : "text-muted-foreground hover:text-foreground disabled:opacity-50",
-          {saveStatus === "saved" ? (
+            )}
-            <CheckCircle2 className="h-4 w-4" />
+          >
-          ) : saveStatus === "saving" ? (
+            {saveStatus === "saved" ? (
-            <div className="h-4 w-4 border-2 border-current border-t-transparent rounded-full animate-spin" />
+              <CheckCircle2 className="h-3 w-3" />
-          ) : (
+            ) : saveStatus === "saving" ? (
-            <FolderPlus className="h-4 w-4" />
+              <div className="h-3 w-3 border-1.5 border-current border-t-transparent rounded-full animate-spin" />
-          )}
+            ) : (
-          {saveStatus === "saving"
+              <FolderPlus className="h-3 w-3" />
-            ? t.common.saving
+            )}
-            : saveStatus === "saved"
+            {saveStatus === "saving"
-              ? t.toolPage.savedToFiles
+              ? t.common.saving
-              : t.toolPage.saveToFiles}
+              : saveStatus === "saved"
-        </button>
+                ? t.toolPage.savedToFiles
+                : t.toolPage.saveToFiles}
+          </button>
+        </div>
       )}
 
-      {/* Adjust settings */}
+      {/* Edit settings / New file -- side by side */}
-      <button
+      <div className="grid grid-cols-2 gap-2">
-        type="button"
+        <button
-        onClick={onUndo}
+          type="button"
-        className="w-full py-2 rounded-lg border border-border text-foreground hover:bg-muted text-sm font-medium"
+          onClick={onUndo}
-      >
+          className="py-2 rounded-lg border border-border text-foreground hover:bg-muted text-xs font-medium"
-        {t.toolPage.adjustSettings}
+        >
-      </button>
+          {t.toolPage.adjustSettings}
-
+        </button>
-      {/* Text links */}
-      <div className="flex flex-col items-center gap-1.5 text-xs">
         <button
           type="button"
           onClick={onStartOver}
-          className="text-muted-foreground hover:text-foreground"
+          className="py-2 rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted text-xs font-medium"
         >
-          {t.toolPage.startOver}
+          {t.toolPage.newFile}
         </button>
+      </div>
+
+      {/* Back to Tools -- subtle link, hidden since breadcrumb handles this */}
+      <div className="flex justify-center">
         <Link
           to="/"
-          className="text-muted-foreground hover:text-foreground flex items-center gap-1"
+          className="text-xs text-muted-foreground/60 hover:text-muted-foreground flex items-center gap-1"
         >
           <ArrowLeft className="h-3 w-3" />
           {t.toolPage.backToTools}

packages/shared/src/i18n/ar.ts

@@ -2452,6 +2452,7 @@ export const ar: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/de.ts

@@ -2466,6 +2466,7 @@ export const de: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/en.ts

@@ -2416,6 +2416,7 @@ export const en = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/es.ts

@@ -2448,6 +2448,7 @@ export const es: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/fr.ts

@@ -2467,6 +2467,7 @@ export const fr: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/hi.ts

@@ -2449,6 +2449,7 @@ export const hi: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/id.ts

@@ -2461,6 +2461,7 @@ export const id: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/it.ts

@@ -2460,6 +2460,7 @@ export const it: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/ja.ts

@@ -2419,6 +2419,7 @@ export const ja: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/ko.ts

@@ -2404,6 +2404,7 @@ export const ko: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/nl.ts

@@ -2463,6 +2463,7 @@ export const nl: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/pl.ts

@@ -2464,6 +2464,7 @@ export const pl: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/pt-BR.ts

@@ -2460,6 +2460,7 @@ export const ptBR: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/ru.ts

@@ -2462,6 +2462,7 @@ export const ru: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/sv.ts

@@ -2459,6 +2459,7 @@ export const sv: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/th.ts

@@ -2441,6 +2441,7 @@ export const th: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/tr.ts

@@ -2464,6 +2464,7 @@ export const tr: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/uk.ts

@@ -2462,6 +2462,7 @@ export const uk: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/vi.ts

@@ -2461,6 +2461,7 @@ export const vi: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/zh-CN.ts

@@ -2394,6 +2394,7 @@ export const zhCN: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",

packages/shared/src/i18n/zh-TW.ts

@@ -2392,6 +2392,7 @@ export const zhTW: TranslationKeys = {
     savedToFiles: "Saved to Files",
     adjustSettings: "Adjust settings",
     startOver: "Start over with a new file",
+    newFile: "New file",
     backToTools: "Back to Tools",
     original: "Original",
     processed: "Processed",