add banner and correct job tracking for org

ui/src/app/api/hf-hub/route.ts

@@ -2,6 +2,7 @@ import { NextRequest, NextResponse } from 'next/server';
 import { whoAmI, createRepo, uploadFiles, datasetInfo } from '@huggingface/hub';
 import { readdir, stat, readFile } from 'fs/promises';
 import path from 'path';
+import { File } from 'undici';
 
 export async function POST(request: NextRequest) {
   try {

ui/src/app/api/hf-jobs/route.ts

@@ -59,16 +59,20 @@ export async function POST(request: NextRequest) {
           await writeFile(scriptPath, uvScript);
 
           // Submit HF job using uv run
+          const namespaceOverride = participateHackathon ? 'lora-training-frenzi' : undefined;
           const jobId = await submitHFJobUV(
             token,
             hardware,
             scriptPath,
-            participateHackathon ? 'lora-training-frenzi' : undefined
+            namespaceOverride
           );
 
+          const jobNamespace = namespaceOverride ?? namespace;
+
           return NextResponse.json({ 
             success: true, 
             jobId,
+            jobNamespace,
             message: `Job submitted successfully with ID: ${jobId}`
           });
         } catch (error: any) {

ui/src/app/dashboard/page.tsx

@@ -59,8 +59,27 @@ export default function Dashboard() {
               </Link>
             </div>
           ) : (
-            <div className="flex flex-wrap items-center gap-3 text-sm">
-              <HFLoginButton size="md" />
+            <div className="flex flex-col gap-4 text-sm">
+              <p className="text-sm text-gray-300">
+                If you are joining for the hackathon, please join this{' '}
+                <a
+                  href="https://huggingface.co/organizations/lora-training-frenzi/share/kEyyVNQXBPWqmARdwHFVdIiFqqONHZPOtz"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="text-blue-400 underline"
+                >
+                  organization
+                </a>{' '}
+                and authorize the <code className="bg-gray-800 px-1 rounded">lorafrenzi</code> organization when logging in.
+              </p>
+              <div className="flex flex-wrap items-start gap-4">
+                <HFLoginButton size="md" />
+                <img
+                  src="https://huggingface.co/spaces/multimodalart/ai-toolkit/resolve/main/add_org_to_oauth.png"
+                  alt="Authorize lorafrenzi organization"
+                  className="max-w-xs rounded border border-gray-800"
+                />
+              </div>
               <Link
                 href="/settings"
                 className="text-xs text-blue-400 hover:text-blue-300"

ui/src/components/HFJobsWorkflow.tsx

@@ -314,7 +314,8 @@ export default function HFJobsWorkflow({ jobConfig, onComplete, hackathonEligibl
 
       if (response.data.success) {
         const hfJobId = response.data.jobId;
-        
+        const jobNamespace = response.data.jobNamespace || resolvedNamespace;
+
         // Save job to local database for tracking
         let localJobId = undefined;
         try {
@@ -325,8 +326,8 @@ export default function HFJobsWorkflow({ jobConfig, onComplete, hackathonEligibl
               ...jobConfig,
               hf_job_id: hfJobId,
               hf_job_url:
-                hfJobId !== 'unknown' && resolvedNamespace
-                  ? `https://huggingface.co/jobs/${resolvedNamespace}/${hfJobId}`
+                hfJobId !== 'unknown'
+                  ? `https://huggingface.co/jobs/${jobNamespace}/${hfJobId}`
                   : null,
               dataset_repo: datasetRepo,
               hardware,
@@ -353,8 +354,8 @@ export default function HFJobsWorkflow({ jobConfig, onComplete, hackathonEligibl
                   ...jobConfig,
                   hf_job_id: hfJobId,
                   hf_job_url:
-                    hfJobId !== 'unknown' && resolvedNamespace
-                      ? `https://huggingface.co/jobs/${resolvedNamespace}/${hfJobId}`
+                    hfJobId !== 'unknown'
+                      ? `https://huggingface.co/jobs/${jobNamespace}/${hfJobId}`
                       : null,
                   dataset_repo: datasetRepo,
                   hardware,
@@ -377,6 +378,7 @@ export default function HFJobsWorkflow({ jobConfig, onComplete, hackathonEligibl
           jobId: hfJobId,
           message: response.data.message,
           localJobId: localJobId,
+          jobNamespace,
         });
         setCurrentStep('complete');
         onComplete(hfJobId, localJobId);
@@ -583,10 +585,11 @@ export default function HFJobsWorkflow({ jobConfig, onComplete, hackathonEligibl
                   </p>
                   {jobResult?.jobId && jobResult.jobId !== 'unknown' && (
                     <p className="text-sm">
-                      <strong>Monitor Job:</strong> <a 
-                        href={`https://huggingface.co/jobs/${namespace}/${jobResult.jobId}`} 
-                        target="_blank" 
-                        rel="noopener noreferrer" 
+                      <strong>Monitor Job:</strong>{' '}
+                      <a
+                        href={`https://huggingface.co/jobs/${jobResult.jobNamespace || namespace}/${jobResult.jobId}`}
+                        target="_blank"
+                        rel="noopener noreferrer"
                         className="text-blue-400 underline"
                       >
                         View on HF Jobs →
@@ -594,7 +597,15 @@ export default function HFJobsWorkflow({ jobConfig, onComplete, hackathonEligibl
                     </p>
                   )}
                   <p className="text-sm">
-                    <strong>Dataset:</strong> <a href={uploadResult?.url} target="_blank" rel="noopener noreferrer" className="text-blue-400 underline">{uploadResult?.repoId}</a>
+                    <strong>Dataset:</strong>{' '}
+                    <a
+                      href={uploadResult?.url}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-blue-400 underline"
+                    >
+                      {uploadResult?.repoId}
+                    </a>
                   </p>
                   <p className="text-sm">
                     <strong>Hardware:</strong> {hardware}