merge: branch 'master' into i18n

Author: YooLc

app/(main)/submissions/page.tsx

@@ -142,7 +142,7 @@ function SubmissionDetails({ submissionId }: { submissionId: string }) {
                         <CardDescription>{t('details.log.description')}</CardDescription>
                     </CardHeader>
                     <CardContent>
-                        {problem && submission ? <SubmissionLogViewer submission={submission} problem={problem} onStatusUpdate={mutate} /> : <Skeleton className="h-96 w-full" />}
+                        {problem && submission ? <SubmissionLogViewer submission={submission} problem={problem} onStatusUpdate={mutate} /> : <Skeleton className="h-[60vh] w-full" />}
                     </CardContent>
                 </Card>
             </div>

components/submissions/submission-log-viewer.tsx

@@ -48,9 +48,9 @@ const StaticLogViewer = ({ submissionId, containerId }: { submissionId: string,
             </div>
             <div
                 ref={logContainerRef}
-                className="font-mono text-xs bg-muted rounded-md h-96 overflow-y-auto p-4"
+                className="font-mono text-xs bg-muted rounded-md h-[60vh] overflow-y-auto p-4"
             >
-                {isLoading && <Skeleton className="h-full w-full" />}
+                {isLoading && <Skeleton className="h-[60vh] w-full" />}
                 {error && <p className="text-red-400">Failed to load log.</p>}
                 {messages.length > 0 && messages.map((msg, index) => (
                     <span key={index} className="whitespace-pre-wrap break-all">
@@ -120,7 +120,7 @@ const RealtimeLogViewer = ({ wsUrl, onStatusUpdate }: { wsUrl: string | null, on
             </div>
             <div
                 ref={logContainerRef}
-                className="font-mono text-xs bg-muted rounded-md h-96 overflow-y-auto p-4"
+                className="font-mono text-xs bg-muted rounded-md h-[60vh] overflow-y-auto p-4"
             >
                 {messages.length === 0 && <p className="text-muted-foreground">Waiting for judge output...</p>}
                 {messages.map((msg, index) => (
@@ -164,7 +164,7 @@ export function SubmissionLogViewer({ submission, problem, onStatusUpdate }: Sub
 
     if (submission.containers.length === 0) {
         return (
-            <div className="font-mono text-xs bg-muted rounded-md h-96 overflow-y-auto p-4 text-muted-foreground flex items-center justify-center">
+            <div className="font-mono text-xs bg-muted rounded-md h-[60vh] overflow-y-auto p-4 text-muted-foreground flex items-center justify-center">
                 Submission is in queue. No logs to display yet.
             </div>
         );
@@ -199,7 +199,7 @@ export function SubmissionLogViewer({ submission, problem, onStatusUpdate }: Sub
                 return (
                     <TabsContent key={container.id} value={container.id} className="mt-4">
                         {!canShow ? (
-                            <div className="font-mono text-xs bg-muted rounded-md h-96 overflow-y-auto p-4 text-muted-foreground flex items-center justify-center">
+                            <div className="font-mono text-xs bg-muted rounded-md h-[60vh] overflow-y-auto p-4 text-muted-foreground flex items-center justify-center">
                                 Log for this step is hidden by the problem author.
                             </div>
                         ) : isRunning ? (

components/submissions/submission-upload-form.tsx

@@ -25,6 +25,13 @@ interface SubmissionUploadFormProps {
 
 const fetcher = (url: string) => api.get(url).then(res => res.data.data);
 
+function btoaUTF8(str: string) {
+    const bytes = new TextEncoder().encode(str);
+    let binary = "";
+    bytes.forEach(b => binary += String.fromCharCode(b));
+    return btoa(binary);
+}
+
 function AttemptsCounter({ problemId, onLimitReached }: { problemId: string, onLimitReached: (isReached: boolean) => void }) {
     const { data: attempts, isLoading } = useSWR<Attempts>(`/problems/${problemId}/attempts`, fetcher, {
         onSuccess: (data) => {
@@ -177,7 +184,7 @@ export default function SubmissionUploadForm({ problemId, uploadLimits }: Submis
         const formData = new FormData();
         filesToSubmit.forEach(file => {
             const filePath = (file as FileWithPath).path || (file as any).webkitRelativePath || file.name;
-            formData.append('files', file, filePath);
+            formData.append('files', file, btoaUTF8(filePath));
         });
 
         try {