fix(sdd-webapp): add accessible labels and use getErrorMessage

- Add htmlFor/id labels to form inputs in ProjectSelector
- Update fetchSpecContent to use getErrorMessage utility

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: masseater

packages/sdd-webapp/src/client/components/ProjectSelector.tsx

@@ -95,13 +95,27 @@ export function ProjectSelector({
 				<PopoverContent>
 					<div className="flex flex-col gap-2">
 						<div className="text-sm font-medium">Add project</div>
+						<label
+							htmlFor="project-path"
+							className="text-xs text-muted-foreground"
+						>
+							Project path
+						</label>
 						<Input
-							placeholder="Project path (e.g., /path/to/project)"
+							id="project-path"
+							placeholder="e.g., /path/to/project"
 							value={newPath}
 							onChange={(e) => setNewPath(e.target.value)}
 						/>
+						<label
+							htmlFor="project-name"
+							className="text-xs text-muted-foreground"
+						>
+							Project name (optional)
+						</label>
 						<Input
-							placeholder="Project name (optional)"
+							id="project-name"
+							placeholder="e.g., My Project"
 							value={newName}
 							onChange={(e) => setNewName(e.target.value)}
 						/>

packages/sdd-webapp/src/client/hooks/useSpecs.ts

@@ -52,7 +52,7 @@ export function useSpecs(
 				setSpecContent(data);
 				setSelectedFile(path);
 			} catch (err) {
-				setError(err instanceof Error ? err.message : "Unknown error");
+				setError(getErrorMessage(err, "Unknown error"));
 			} finally {
 				stopLoading();
 			}