Add Next.js frontend with WebLLM, OpenAI support - Add complete Next.js frontend with Tailwind CSS and shadcn/ui - Integrate WebLLM for client-side browser-based translations - Add OpenAI provider support with gpt-4o-mini default - Add Context & Glossary page for LLM customization - Reorganize settings: Translation Services includes all providers - Add system prompt and glossary support for all LLMs - Remove test files and requirements-test.txt

frontend/src/app/page.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { FileUploader } from "@/components/file-uploader";
+import { useTranslationStore } from "@/lib/store";
+import { Badge } from "@/components/ui/badge";
+import { Settings } from "lucide-react";
+import Link from "next/link";
+
+export default function Home() {
+  const { settings } = useTranslationStore();
+
+  const providerNames: Record<string, string> = {
+    google: "Google Translate",
+    ollama: "Ollama",
+    deepl: "DeepL",
+    libre: "LibreTranslate",
+    webllm: "WebLLM",
+  };
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-start justify-between">
+        <div>
+          <h1 className="text-3xl font-bold text-white">Translate Documents</h1>
+          <p className="text-zinc-400 mt-1">
+            Upload and translate Excel, Word, and PowerPoint files while preserving all formatting.
+          </p>
+        </div>
+        
+        {/* Current Configuration Badge */}
+        <Link href="/settings/services" className="flex items-center gap-2 px-3 py-2 rounded-lg bg-zinc-800/50 border border-zinc-700 hover:bg-zinc-800 transition-colors">
+          <Settings className="h-4 w-4 text-zinc-400" />
+          <div className="flex items-center gap-2">
+            <Badge variant="outline" className="border-teal-500/50 text-teal-400 text-xs">
+              {providerNames[settings.defaultProvider]}
+            </Badge>
+            {settings.defaultProvider === "ollama" && settings.ollamaModel && (
+              <Badge variant="outline" className="border-zinc-600 text-zinc-400 text-xs">
+                {settings.ollamaModel}
+              </Badge>
+            )}
+          </div>
+        </Link>
+      </div>
+      
+      <FileUploader />
+    </div>
+  );
+}