From 1df2712869cbe03bf6a3f73ff542ecbb5ae22edd Mon Sep 17 00:00:00 2001
From: MamidiDhana <mamididhana2007@gmail.com>
Date: Fri, 3 Jul 2026 21:47:17 +0530
Subject: [PATCH] Add accessible labels to dashboard dialog input fields

---
 frontend/src/app/pages/dashboard.tsx | 43 +++++++++++++++++++---------
 1 file changed, 30 insertions(+), 13 deletions(-)

diff --git a/frontend/src/app/pages/dashboard.tsx b/frontend/src/app/pages/dashboard.tsx
index 51aa0ec..76efdd8 100644
--- a/frontend/src/app/pages/dashboard.tsx
+++ b/frontend/src/app/pages/dashboard.tsx
@@ -24,6 +24,7 @@ import {
 } from "../components/ui/table";
 import { StatusPill } from "../components/status-pill";
 import { Input } from "../components/ui/input";
+import { Label } from "../components/ui/label";
 import { cn } from "../components/ui/utils";
 import { ProgressStepper } from "../components/progress-stepper";
 
@@ -495,19 +496,31 @@ const handleAbortScan = async (mode: "pending" | "force") => {
                   </Button>
                 </div>
 
-                <div className="mt-4 space-y-2">
-                  <Input
-                    placeholder="https://github.com/owner/repo"
-                    value={repoUrl}
-                    onChange={(e) => setRepoUrl(e.target.value)}
-                    disabled={scanLoading}
-                  />
-                  <Input
-                    placeholder="Branch/ref (default: main)"
-                    value={repoRef}
-                    onChange={(e) => setRepoRef(e.target.value)}
-                    disabled={scanLoading}
-                  />
+                <div className="mt-4 space-y-4">
+                  <div className="space-y-2">
+                    <Label htmlFor="repo-url" className="text-sm font-medium">
+                      Repository URL
+                    </Label>
+                    <Input
+                      id="repo-url"
+                      placeholder="https://github.com/owner/repo"
+                      value={repoUrl}
+                      onChange={(e) => setRepoUrl(e.target.value)}
+                      disabled={scanLoading}
+                    />
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="repo-ref" className="text-sm font-medium">
+                      Branch or Ref
+                    </Label>
+                    <Input
+                      id="repo-ref"
+                      placeholder="Branch/ref (default: main)"
+                      value={repoRef}
+                      onChange={(e) => setRepoRef(e.target.value)}
+                      disabled={scanLoading}
+                    />
+                  </div>
                 </div>
 
                 <div className="mt-4 flex justify-end gap-2">
@@ -549,7 +562,11 @@ const handleAbortScan = async (mode: "pending" | "force") => {
                 </div>
 
                 <div className="mt-4 space-y-2">
+                  <Label htmlFor="org-url" className="text-sm font-medium">
+                    Organization Name
+                  </Label>
                   <Input
+                    id="org-url"
                     placeholder="https://github.com/your-org"
                     value={orgUrl}
                     onChange={(e) => setOrgUrl(e.target.value)}