Add hover-reveal edit button to widget cards + auto-open edit mode

Each widget card now shows a settings icon in the top-right corner on
hover (desktop) or always-visible (mobile via mobile-touch-target).
Clicking it opens the WidgetConfigDialog directly in edit mode for that
widget (via a new editWidgetId prop on WidgetConfigDialog that
auto-enters the draft-edit path via useEffect).

Wired across all three widget surfaces:
- Dashboard (both mobile section + desktop grid)
- Service OverviewTab
- NamedDashboardPage

128 tests pass; build/lint green.

frontend/src/pages/Dashboard.tsx

@@ -97,8 +97,10 @@ function groupWidgetsBySection(
 
 function MobileWidgetSections({
 	sections,
+	onEditWidget,
 }: {
 	sections: { id: SectionId; widgets: WidgetInstance[] }[];
+	onEditWidget?: (widgetId: string) => void;
 }) {
 	return (
 		<>
@@ -137,11 +139,11 @@ function MobileWidgetSections({
 							{SECTION_META[section.id].label}
 						</h3>
 						{section.widgets.map((widget) => (
-							<WidgetInstanceCard key={widget.id} widget={widget} />
+							<WidgetInstanceCard key={widget.id} widget={widget} onEdit={onEditWidget ? (id) => onEditWidget(id) : undefined} />
 						))}
 					</section>
 				))}
-			</div>
+				</div>
 		</>
 	);
 }
@@ -448,6 +450,7 @@ export function Dashboard() {
 	);
 	const [deleteShortcutId, setDeleteShortcutId] = useState<string | null>(null);
 	const [widgetDialogOpen, setWidgetDialogOpen] = useState(false);
+	const [editWidgetId, setEditWidgetId] = useState<string | undefined>();
 	const { data: widgetInstances = [] } = useWidgetInstances(
 		undefined,
 		"dashboard",
@@ -564,10 +567,10 @@ export function Dashboard() {
 			</SectionCard>
 
 			{isMobile && mobileSections.length > 0 ? (
-				<MobileWidgetSections sections={mobileSections} />
+				<MobileWidgetSections sections={mobileSections} onEditWidget={(id) => { setEditWidgetId(id); setWidgetDialogOpen(true); }} />
 			) : (
 				visibleWidgets.map((widget) => (
-					<WidgetInstanceCard key={widget.id} widget={widget} />
+					<WidgetInstanceCard key={widget.id} widget={widget} onEdit={(id) => { setEditWidgetId(id); setWidgetDialogOpen(true); }} />
 				))
 			)}
 
@@ -593,8 +596,9 @@ export function Dashboard() {
 			/>
 			<WidgetConfigDialog
 				open={widgetDialogOpen}
-				onClose={() => setWidgetDialogOpen(false)}
+				onClose={() => { setWidgetDialogOpen(false); setEditWidgetId(undefined); }}
 				dashboardScope="main"
+				editWidgetId={editWidgetId}
 			/>
 		</div>
 	);

frontend/src/pages/NamedDashboardPage.tsx

@@ -49,6 +49,7 @@ export function NamedDashboardPage() {
 	const dashboardScope = `named:${slug}`;
 	const { data: widgetRefs = [] } = useWidgetReferences(dashboardScope);
 	const [configOpen, setConfigOpen] = useState(false);
+	const [editWidgetId, setEditWidgetId] = useState<string | undefined>();
 
 	const items = useMemo(
 		() => parseItems(dashboard?.payload ?? {}),
@@ -96,7 +97,7 @@ export function NamedDashboardPage() {
 			{visibleWidgets.length > 0 ? (
 				<div className="grid grid-cols-1 gap-4 md:grid-cols-2">
 					{visibleWidgets.map((widget) => (
-						<WidgetInstanceCard key={widget.id} widget={widget} />
+						<WidgetInstanceCard key={widget.id} widget={widget} onEdit={(id) => { setEditWidgetId(id); setConfigOpen(true); }} />
 					))}
 				</div>
 			) : null}
@@ -124,8 +125,9 @@ export function NamedDashboardPage() {
 
 			<WidgetConfigDialog
 				open={configOpen}
-				onClose={() => setConfigOpen(false)}
+				onClose={() => { setConfigOpen(false); setEditWidgetId(undefined); }}
 				dashboardScope={dashboardScope}
+				editWidgetId={editWidgetId}
 			/>
 		</div>
 	);

frontend/src/pages/service-tabs/OverviewTab.tsx

@@ -19,6 +19,7 @@ import type { ServiceInstance } from "../../types";
 export function OverviewTab({ instance }: { instance: ServiceInstance }) {
 	const { data: widgets = [] } = useWidgetInstances(instance.id);
 	const [configOpen, setConfigOpen] = useState(false);
+	const [editWidgetId, setEditWidgetId] = useState<string | undefined>();
 
 	const visibleWidgets = useMemo(
 		() =>
@@ -48,7 +49,7 @@ export function OverviewTab({ instance }: { instance: ServiceInstance }) {
 			{visibleWidgets.length > 0 ? (
 				<div className="grid grid-cols-1 gap-4 md:grid-cols-2">
 					{visibleWidgets.map((widget) => (
-						<WidgetInstanceCard key={widget.id} widget={widget} />
+						<WidgetInstanceCard key={widget.id} widget={widget} onEdit={(id) => { setEditWidgetId(id); setConfigOpen(true); }} />
 					))}
 				</div>
 			) : (
@@ -71,8 +72,9 @@ export function OverviewTab({ instance }: { instance: ServiceInstance }) {
 
 			<WidgetConfigDialog
 				open={configOpen}
-				onClose={() => setConfigOpen(false)}
+				onClose={() => { setConfigOpen(false); setEditWidgetId(undefined); }}
 				serviceId={instance.id}
+				editWidgetId={editWidgetId}
 			/>
 		</div>
 	);