huskies: merge 776

frontend/src/components/GatewayPanel.tsx

@@ -368,11 +368,6 @@ export function GatewayPanel() {
 	const [error, setError] = useState<string | null>(null);
 	const [pipeline, setPipeline] = useState<AllProjectsPipeline | null>(null);
 
-	// Add-project form state
-	const [newProjectName, setNewProjectName] = useState("");
-	const [newProjectUrl, setNewProjectUrl] = useState("");
-	const [addingProject, setAddingProject] = useState(false);
-
 	// Keep stable refs so polling intervals don't recreate on state changes.
 	const setAgentsRef = useRef(setAgents);
 	setAgentsRef.current = setAgents;
@@ -447,24 +442,6 @@ export function GatewayPanel() {
 		[],
 	);
 
-	const handleAddProject = useCallback(async () => {
-		const name = newProjectName.trim();
-		const url = newProjectUrl.trim();
-		if (!name || !url) return;
-		setAddingProject(true);
-		setError(null);
-		try {
-			const created = await gatewayApi.addProject(name, url);
-			setProjects((prev) => [...prev, created]);
-			setNewProjectName("");
-			setNewProjectUrl("");
-		} catch (e) {
-			setError(e instanceof Error ? e.message : String(e));
-		} finally {
-			setAddingProject(false);
-		}
-	}, [newProjectName, newProjectUrl]);
-
 	const handleSwitchProject = useCallback(async (name: string) => {
 		setError(null);
 		try {
@@ -481,18 +458,6 @@ export function GatewayPanel() {
 		}
 	}, []);
 
-	const handleRemoveProject = useCallback(async (name: string) => {
-		if (!window.confirm(`Remove project "${name}"? This cannot be undone.`)) {
-			return;
-		}
-		setError(null);
-		try {
-			await gatewayApi.removeProject(name);
-			setProjects((prev) => prev.filter((p) => p.name !== name));
-		} catch (e) {
-			setError(e instanceof Error ? e.message : String(e));
-		}
-	}, []);
 
 	return (
 		<div
@@ -657,97 +622,8 @@ export function GatewayPanel() {
 								<div style={{ fontWeight: 600, color: "#e6edf3" }}>{p.name}</div>
 								<div style={{ fontSize: "0.8em", color: "#8b949e" }}>{p.url}</div>
 							</div>
-							<button
-								type="button"
-								data-testid={`remove-project-${p.name}`}
-								onClick={() => handleRemoveProject(p.name)}
-								style={{
-									fontSize: "0.8em",
-									padding: "4px 10px",
-									borderRadius: "4px",
-									border: "1px solid #f85149",
-									background: "none",
-									color: "#f85149",
-									cursor: "pointer",
-								}}
-							>
-								Remove
-							</button>
-						</div>
+							</div>
 					))}
-
-					{/* Add project form */}
-					<div
-						style={{
-							marginTop: "12px",
-							display: "flex",
-							gap: "8px",
-							alignItems: "flex-end",
-							flexWrap: "wrap",
-						}}
-					>
-						<div style={{ flex: "1 1 140px" }}>
-							<div style={{ fontSize: "0.75em", color: "#8b949e", marginBottom: "4px" }}>
-								Name
-							</div>
-							<input
-								data-testid="new-project-name"
-								type="text"
-								placeholder="my-project"
-								value={newProjectName}
-								onChange={(e) => setNewProjectName(e.target.value)}
-								style={{
-									width: "100%",
-									padding: "6px 10px",
-									borderRadius: "4px",
-									border: "1px solid #30363d",
-									background: "#0d1117",
-									color: "#e6edf3",
-									fontSize: "0.85em",
-								}}
-							/>
-						</div>
-						<div style={{ flex: "2 1 200px" }}>
-							<div style={{ fontSize: "0.75em", color: "#8b949e", marginBottom: "4px" }}>
-								Container URL
-							</div>
-							<input
-								data-testid="new-project-url"
-								type="text"
-								placeholder="http://localhost:3001"
-								value={newProjectUrl}
-								onChange={(e) => setNewProjectUrl(e.target.value)}
-								style={{
-									width: "100%",
-									padding: "6px 10px",
-									borderRadius: "4px",
-									border: "1px solid #30363d",
-									background: "#0d1117",
-									color: "#e6edf3",
-									fontSize: "0.85em",
-								}}
-							/>
-						</div>
-						<button
-							type="button"
-							data-testid="add-project-button"
-							onClick={handleAddProject}
-							disabled={addingProject || !newProjectName.trim() || !newProjectUrl.trim()}
-							style={{
-								padding: "6px 14px",
-								borderRadius: "4px",
-								border: "1px solid #238636",
-								background: addingProject ? "#1a2f1a" : "#238636",
-								color: "#fff",
-								cursor: addingProject ? "not-allowed" : "pointer",
-								fontWeight: 600,
-								fontSize: "0.85em",
-								whiteSpace: "nowrap",
-							}}
-						>
-							{addingProject ? "Adding…" : "Add Project"}
-						</button>
-					</div>
 				</section>
 
 				{error && (