From 1e3a28d81a4de58099569046d69fb82c27b6609f Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Tue, 21 Oct 2025 14:35:06 +0200
Subject: [PATCH] fix: update global CSS file name and add new Radix UI
 components

- Changed global CSS file reference from "global.css" to "globals.css" in components.json.
- Added new dependencies for Radix UI components in package.json and package-lock.json.
- Updated the ServizioContent component to include new dialog functionality for managing announcements.
- Removed commented-out code in RicercaUser component for cleaner codebase.
---
 apps/infoalloggi/components.json              |   2 +-
 apps/infoalloggi/package-lock.json            | 471 +++---------------
 apps/infoalloggi/package.json                 |   3 +
 .../src/components/servizio/main.tsx          | 223 +++++++--
 .../admin/user-view/ricerca/[userId].tsx      |  15 -
 5 files changed, 255 insertions(+), 459 deletions(-)

diff --git a/apps/infoalloggi/components.json b/apps/infoalloggi/components.json
index ed017d8..772cfc5 100644
--- a/apps/infoalloggi/components.json
+++ b/apps/infoalloggi/components.json
@@ -13,7 +13,7 @@
 	"tailwind": {
 		"baseColor": "neutral",
 		"config": "",
-		"css": "src/styles/global.css",
+		"css": "src/styles/globals.css",
 		"cssVariables": true,
 		"prefix": ""
 	},
diff --git a/apps/infoalloggi/package-lock.json b/apps/infoalloggi/package-lock.json
index 0254e7f..6afe150 100644
--- a/apps/infoalloggi/package-lock.json
+++ b/apps/infoalloggi/package-lock.json
@@ -10,10 +10,13 @@
 			"dependencies": {
 				"@fattureincloud/fattureincloud-ts-sdk": "^2.1.1",
 				"@hookform/resolvers": "^5.2.1",
+				"@radix-ui/react-dialog": "^1.1.15",
 				"@radix-ui/react-popover": "^1.1.14",
 				"@radix-ui/react-scroll-area": "^1.2.9",
+				"@radix-ui/react-separator": "^1.1.7",
 				"@radix-ui/react-slot": "^1.2.3",
 				"@radix-ui/react-toggle-group": "^1.1.10",
+				"@radix-ui/react-tooltip": "^1.2.8",
 				"@react-email/components": "0.5.0",
 				"@react-email/render": "^1.1.4",
 				"@stripe/react-stripe-js": "^3.9.0",
@@ -3192,29 +3195,6 @@
 				}
 			}
 		},
-		"node_modules/@radix-ui/react-accessible-icon/node_modules/@radix-ui/react-visually-hidden": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
-			"integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-primitive": "2.1.3"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/@radix-ui/react-accordion": {
 			"version": "1.2.12",
 			"resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.2.12.tgz",
@@ -4370,29 +4350,6 @@
 				}
 			}
 		},
-		"node_modules/@radix-ui/react-navigation-menu/node_modules/@radix-ui/react-visually-hidden": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
-			"integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-primitive": "2.1.3"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/@radix-ui/react-one-time-password-field": {
 			"version": "0.1.8",
 			"resolved": "https://registry.npmjs.org/@radix-ui/react-one-time-password-field/-/react-one-time-password-field-0.1.8.tgz",
@@ -4758,29 +4715,6 @@
 				}
 			}
 		},
-		"node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-visually-hidden": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
-			"integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-primitive": "2.1.3"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/@radix-ui/react-separator": {
 			"version": "1.1.7",
 			"resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.7.tgz",
@@ -5083,29 +5017,6 @@
 				}
 			}
 		},
-		"node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-visually-hidden": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
-			"integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-primitive": "2.1.3"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/@radix-ui/react-toggle": {
 			"version": "1.1.10",
 			"resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.10.tgz",
@@ -5190,24 +5101,23 @@
 			}
 		},
 		"node_modules/@radix-ui/react-tooltip": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.3.tgz",
-			"integrity": "sha512-0KX7jUYFA02np01Y11NWkk6Ip6TqMNmD4ijLelYAzeIndl2aVeltjJFJ2gwjNa1P8U/dgjQ+8cr9Y3Ni+ZNoRA==",
-			"dev": true,
+			"version": "1.2.8",
+			"resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.8.tgz",
+			"integrity": "sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==",
 			"license": "MIT",
 			"dependencies": {
-				"@radix-ui/primitive": "1.1.2",
+				"@radix-ui/primitive": "1.1.3",
 				"@radix-ui/react-compose-refs": "1.1.2",
 				"@radix-ui/react-context": "1.1.2",
-				"@radix-ui/react-dismissable-layer": "1.1.7",
+				"@radix-ui/react-dismissable-layer": "1.1.11",
 				"@radix-ui/react-id": "1.1.1",
-				"@radix-ui/react-popper": "1.2.4",
-				"@radix-ui/react-portal": "1.1.6",
-				"@radix-ui/react-presence": "1.1.3",
-				"@radix-ui/react-primitive": "2.1.0",
-				"@radix-ui/react-slot": "1.2.0",
+				"@radix-ui/react-popper": "1.2.8",
+				"@radix-ui/react-portal": "1.1.9",
+				"@radix-ui/react-presence": "1.1.5",
+				"@radix-ui/react-primitive": "2.1.3",
+				"@radix-ui/react-slot": "1.2.3",
 				"@radix-ui/react-use-controllable-state": "1.2.2",
-				"@radix-ui/react-visually-hidden": "1.2.0"
+				"@radix-ui/react-visually-hidden": "1.2.3"
 			},
 			"peerDependencies": {
 				"@types/react": "*",
@@ -5224,191 +5134,6 @@
 				}
 			}
 		},
-		"node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/primitive": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.2.tgz",
-			"integrity": "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA==",
-			"dev": true,
-			"license": "MIT"
-		},
-		"node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-arrow": {
-			"version": "1.1.4",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.4.tgz",
-			"integrity": "sha512-qz+fxrqgNxG0dYew5l7qR3c7wdgRu1XVUHGnGYX7rg5HM4p9SWaRmJwfgR3J0SgyUKayLmzQIun+N6rWRgiRKw==",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-primitive": "2.1.0"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-dismissable-layer": {
-			"version": "1.1.7",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.7.tgz",
-			"integrity": "sha512-j5+WBUdhccJsmH5/H0K6RncjDtoALSEr6jbkaZu+bjw6hOPOhHycr6vEUujl+HBK8kjUfWcoCJXxP6e4lUlMZw==",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/primitive": "1.1.2",
-				"@radix-ui/react-compose-refs": "1.1.2",
-				"@radix-ui/react-primitive": "2.1.0",
-				"@radix-ui/react-use-callback-ref": "1.1.1",
-				"@radix-ui/react-use-escape-keydown": "1.1.1"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-popper": {
-			"version": "1.2.4",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.4.tgz",
-			"integrity": "sha512-3p2Rgm/a1cK0r/UVkx5F/K9v/EplfjAeIFCGOPYPO4lZ0jtg4iSQXt/YGTSLWaf4x7NG6Z4+uKFcylcTZjeqDA==",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@floating-ui/react-dom": "^2.0.0",
-				"@radix-ui/react-arrow": "1.1.4",
-				"@radix-ui/react-compose-refs": "1.1.2",
-				"@radix-ui/react-context": "1.1.2",
-				"@radix-ui/react-primitive": "2.1.0",
-				"@radix-ui/react-use-callback-ref": "1.1.1",
-				"@radix-ui/react-use-layout-effect": "1.1.1",
-				"@radix-ui/react-use-rect": "1.1.1",
-				"@radix-ui/react-use-size": "1.1.1",
-				"@radix-ui/rect": "1.1.1"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-portal": {
-			"version": "1.1.6",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.6.tgz",
-			"integrity": "sha512-XmsIl2z1n/TsYFLIdYam2rmFwf9OC/Sh2avkbmVMDuBZIe7hSpM0cYnWPAo7nHOVx8zTuwDZGByfcqLdnzp3Vw==",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-primitive": "2.1.0",
-				"@radix-ui/react-use-layout-effect": "1.1.1"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-presence": {
-			"version": "1.1.3",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.3.tgz",
-			"integrity": "sha512-IrVLIhskYhH3nLvtcBLQFZr61tBG7wx7O3kEmdzcYwRGAEBmBicGGL7ATzNgruYJ3xBTbuzEEq9OXJM3PAX3tA==",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-compose-refs": "1.1.2",
-				"@radix-ui/react-use-layout-effect": "1.1.1"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-primitive": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-			"integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-slot": "1.2.0"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-			"integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-compose-refs": "1.1.2"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/@radix-ui/react-use-callback-ref": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
@@ -5564,13 +5289,12 @@
 			}
 		},
 		"node_modules/@radix-ui/react-visually-hidden": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.0.tgz",
-			"integrity": "sha512-rQj0aAWOpCdCMRbI6pLQm8r7S2BM3YhTa0SzOYD55k+hJA8oo9J+H+9wLM9oMlZWOX/wJWPTzfDfmZkf7LvCfg==",
-			"dev": true,
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
+			"integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
 			"license": "MIT",
 			"dependencies": {
-				"@radix-ui/react-primitive": "2.1.0"
+				"@radix-ui/react-primitive": "2.1.3"
 			},
 			"peerDependencies": {
 				"@types/react": "*",
@@ -5587,49 +5311,6 @@
 				}
 			}
 		},
-		"node_modules/@radix-ui/react-visually-hidden/node_modules/@radix-ui/react-primitive": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-			"integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-slot": "1.2.0"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/@radix-ui/react-visually-hidden/node_modules/@radix-ui/react-slot": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-			"integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-compose-refs": "1.1.2"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/@radix-ui/rect": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.1.tgz",
@@ -6477,6 +6158,65 @@
 				}
 			}
 		},
+		"node_modules/@react-email/preview-server/node_modules/@radix-ui/react-tooltip": {
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.3.tgz",
+			"integrity": "sha512-0KX7jUYFA02np01Y11NWkk6Ip6TqMNmD4ijLelYAzeIndl2aVeltjJFJ2gwjNa1P8U/dgjQ+8cr9Y3Ni+ZNoRA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@radix-ui/primitive": "1.1.2",
+				"@radix-ui/react-compose-refs": "1.1.2",
+				"@radix-ui/react-context": "1.1.2",
+				"@radix-ui/react-dismissable-layer": "1.1.7",
+				"@radix-ui/react-id": "1.1.1",
+				"@radix-ui/react-popper": "1.2.4",
+				"@radix-ui/react-portal": "1.1.6",
+				"@radix-ui/react-presence": "1.1.3",
+				"@radix-ui/react-primitive": "2.1.0",
+				"@radix-ui/react-slot": "1.2.0",
+				"@radix-ui/react-use-controllable-state": "1.2.2",
+				"@radix-ui/react-visually-hidden": "1.2.0"
+			},
+			"peerDependencies": {
+				"@types/react": "*",
+				"@types/react-dom": "*",
+				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+			},
+			"peerDependenciesMeta": {
+				"@types/react": {
+					"optional": true
+				},
+				"@types/react-dom": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@react-email/preview-server/node_modules/@radix-ui/react-visually-hidden": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.0.tgz",
+			"integrity": "sha512-rQj0aAWOpCdCMRbI6pLQm8r7S2BM3YhTa0SzOYD55k+hJA8oo9J+H+9wLM9oMlZWOX/wJWPTzfDfmZkf7LvCfg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@radix-ui/react-primitive": "2.1.0"
+			},
+			"peerDependencies": {
+				"@types/react": "*",
+				"@types/react-dom": "*",
+				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+			},
+			"peerDependenciesMeta": {
+				"@types/react": {
+					"optional": true
+				},
+				"@types/react-dom": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/@react-email/preview-server/node_modules/@types/node": {
 			"version": "22.14.1",
 			"resolved": "https://registry.npmjs.org/@types/node/-/node-22.14.1.tgz",
@@ -15881,63 +15621,6 @@
 				}
 			}
 		},
-		"node_modules/radix-ui/node_modules/@radix-ui/react-tooltip": {
-			"version": "1.2.8",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.8.tgz",
-			"integrity": "sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==",
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/primitive": "1.1.3",
-				"@radix-ui/react-compose-refs": "1.1.2",
-				"@radix-ui/react-context": "1.1.2",
-				"@radix-ui/react-dismissable-layer": "1.1.11",
-				"@radix-ui/react-id": "1.1.1",
-				"@radix-ui/react-popper": "1.2.8",
-				"@radix-ui/react-portal": "1.1.9",
-				"@radix-ui/react-presence": "1.1.5",
-				"@radix-ui/react-primitive": "2.1.3",
-				"@radix-ui/react-slot": "1.2.3",
-				"@radix-ui/react-use-controllable-state": "1.2.2",
-				"@radix-ui/react-visually-hidden": "1.2.3"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/radix-ui/node_modules/@radix-ui/react-visually-hidden": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
-			"integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
-			"license": "MIT",
-			"dependencies": {
-				"@radix-ui/react-primitive": "2.1.3"
-			},
-			"peerDependencies": {
-				"@types/react": "*",
-				"@types/react-dom": "*",
-				"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-				"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				},
-				"@types/react-dom": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/ramda": {
 			"version": "0.30.1",
 			"resolved": "https://registry.npmjs.org/ramda/-/ramda-0.30.1.tgz",
diff --git a/apps/infoalloggi/package.json b/apps/infoalloggi/package.json
index 8fa63c4..58a0d47 100644
--- a/apps/infoalloggi/package.json
+++ b/apps/infoalloggi/package.json
@@ -21,10 +21,13 @@
 	"dependencies": {
 		"@fattureincloud/fattureincloud-ts-sdk": "^2.1.1",
 		"@hookform/resolvers": "^5.2.1",
+		"@radix-ui/react-dialog": "^1.1.15",
 		"@radix-ui/react-popover": "^1.1.14",
 		"@radix-ui/react-scroll-area": "^1.2.9",
+		"@radix-ui/react-separator": "^1.1.7",
 		"@radix-ui/react-slot": "^1.2.3",
 		"@radix-ui/react-toggle-group": "^1.1.10",
+		"@radix-ui/react-tooltip": "^1.2.8",
 		"@react-email/components": "0.5.0",
 		"@react-email/render": "^1.1.4",
 		"@stripe/react-stripe-js": "^3.9.0",
diff --git a/apps/infoalloggi/src/components/servizio/main.tsx b/apps/infoalloggi/src/components/servizio/main.tsx
index 5cf4195..c409e2b 100644
--- a/apps/infoalloggi/src/components/servizio/main.tsx
+++ b/apps/infoalloggi/src/components/servizio/main.tsx
@@ -1,9 +1,14 @@
-import { Package, PackageCheck, UserCircle } from "lucide-react";
+import { ExternalLink, Package, PackageCheck, UserCircle } from "lucide-react";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import { useEffect } from "react";
+import { type ReactNode, useEffect } from "react";
 import toast from "react-hot-toast";
-import { AnnuncioCard } from "~/components/servizio/annuncio_card";
+import { InteressatoButtonBatchV } from "~/components/annuncio-interactions/annuncio_interactions";
+import { AddButton } from "~/components/servizio/annuncio_actions";
+import {
+	AnnuncioCard,
+	BasicAnnuncioCard,
+} from "~/components/servizio/annuncio_card";
 import { SaldoButton } from "~/components/servizio/interactions";
 import { ServizioDuration } from "~/components/servizio/service-duration-display";
 import {
@@ -23,6 +28,14 @@ import {
 	CardHeader,
 	CardTitle,
 } from "~/components/ui/card";
+import {
+	Dialog,
+	DialogContent,
+	DialogDescription,
+	DialogHeader,
+	DialogTitle,
+	DialogTrigger,
+} from "~/components/ui/dialog";
 import { Progress } from "~/components/ui/progress";
 import { cn } from "~/lib/utils";
 import {
@@ -187,15 +200,6 @@ export const ServizioContent = () => {
 				}
 				header={
 					<div className="flex w-full flex-col gap-2">
-						{/* <div className="flex w-full flex-col gap-4">
-              <CardTitle className="flex items-center gap-2 text-xl sm:text-2xl">
-                <Package className="text-primary size-6" />
-                Cerco Affitto {servizio.tipologia}
-              </CardTitle>
-              <CardDescription className="text-foreground/70 pl-2">
-                <p>Servizio non attivo</p>
-              </CardDescription>
-            </div> */}
 						<span className="text-foreground/70 text-lg">
 							Servizio non attivo
 						</span>
@@ -225,24 +229,6 @@ export const ServizioContent = () => {
 				}
 				header={
 					<>
-						{/* <div className="flex w-full flex-wrap items-center gap-2">
-              <CardTitle className="flex items-center gap-2 text-xl sm:text-2xl">
-                <Package className="text-primary size-6" />
-                Cerco Affitto {servizio.tipologia}
-              </CardTitle>
-
-              <CardDescription className="text-foreground/70 space-y-2 pl-2">
-                <p>
-                  aggiunto il{" "}
-                  {servizio.created_at.toLocaleDateString("it", {
-                    year: "numeric",
-                    month: "2-digit",
-                    day: "2-digit",
-                  })}
-                </p>
-              </CardDescription>
-            </div> */}
-
 						<ServizioActions2 />
 					</>
 				}
@@ -315,36 +301,150 @@ export const ServizioContent = () => {
 						</div>
 					)}
 
-					<div className="space-y-2">
+					{/* <div className="space-y-2">
 						<AnnunciInConferma annunci={annunciInConferma} />
 						<AnnunciSelezionati
 							annunci={annunciNotInConferma}
 							isConfirming={annunciInConferma.length > 0}
 						/>
 						<AnnunciCompatibili />
+					</div> */}
+					<div className="flex items-center justify-between">
+						<DialogServizio
+							title="Annunci in conferma"
+							trigger={
+								<div className="relative">
+									<Button
+										disabled={annunciInConferma.length === 0}
+										size="xl"
+										variant="success"
+									>
+										Annunci in conferma
+									</Button>
+									<span className="-translate-y-1/2 absolute top-0 right-0 flex min-w-6 origin-center translate-x-1/2 items-center justify-center rounded-full bg-destructive px-1 text-white">
+										{annunciInConferma.length}
+									</span>
+								</div>
+							}
+						>
+							<div className="flex max-h-[80vh] flex-col gap-2 overflow-y-auto">
+								{annunciInConferma.map((data) => {
+									return (
+										<ServizioAnnuncioProvider data={data} key={data.id}>
+											<AnnuncioCard className="border-2 border-green-500" />
+										</ServizioAnnuncioProvider>
+									);
+								})}
+							</div>
+						</DialogServizio>
+						<DialogServizio
+							title="Annunci selezionati"
+							trigger={
+								<div className="relative">
+									<Button size="xl" variant="orange">
+										Annunci selezionati
+									</Button>
+									<span className="-translate-y-1/2 absolute top-0 right-0 flex min-w-6 origin-center translate-x-1/2 items-center justify-center rounded-full bg-destructive px-1 text-white">
+										{annunciNotInConferma.length}
+									</span>
+								</div>
+							}
+						>
+							<div className="flex max-h-[80vh] flex-col gap-2 overflow-y-auto">
+								{annunciNotInConferma.length > 0 ? (
+									annunciNotInConferma.map((data) => {
+										return (
+											<ServizioAnnuncioProvider data={data} key={data.id}>
+												<AnnuncioCard className="border-2 border-sky-500" />
+											</ServizioAnnuncioProvider>
+										);
+									})
+								) : (
+									<div className="flex items-center justify-center gap-1 rounded-md bg-white p-4 sm:flex">
+										<span>
+											Nessun annuncio selezionato, fai una ricerca nella pagina{" "}
+											<Link
+												aria-label="Annunci Compatibili"
+												className="inline-flex items-center gap-1 text-blue-500 underline"
+												href="/annunci"
+											>
+												Annunci
+												<ExternalLink className="size-4" />
+											</Link>
+										</span>
+									</div>
+								)}
+							</div>
+						</DialogServizio>
+						{(() => {
+							const { servizioId, userId, isAdmin } = useServizio();
+							const { data, isLoading } =
+								api.servizio.getCompatibileAnnunci.useQuery({
+									servizioId,
+								});
+
+							const { data: userIntrests } =
+								api.intrests.getUserInterests.useQuery({
+									userId,
+								});
+
+							if (isLoading) return <div>Loading...</div>;
+							return (
+								<DialogServizio
+									title="Annunci compatibili"
+									trigger={
+										<div className="relative">
+											<Button className="bg-purple-500" size="xl">
+												Annunci compatibili
+											</Button>
+											<span className="-translate-y-1/2 absolute top-0 right-0 flex min-w-6 origin-center translate-x-1/2 items-center justify-center rounded-full bg-destructive px-1 text-white">
+												{data?.length}
+											</span>
+										</div>
+									}
+								>
+									<div className="flex max-h-[80vh] flex-col gap-2 overflow-y-auto">
+										{!data || data.length === 0 ? (
+											<div className="flex items-center justify-center gap-1 rounded-md bg-white p-4 sm:flex">
+												<span>
+													Nessun annuncio compatibile trovato. Amplia la ricerca
+													per trovare annunci compatibili.
+												</span>
+											</div>
+										) : (
+											data.map((a) => {
+												return (
+													<BasicAnnuncioCard
+														className="border-2 border-neutral-500"
+														data={a}
+														interactions={
+															<>
+																{isAdmin ? (
+																	<AddButton annuncioId={a.id} />
+																) : (
+																	<InteressatoButtonBatchV
+																		annuncioId={a.id}
+																		hasInterest={
+																			userIntrests?.includes(a.id) || false
+																		}
+																	/>
+																)}
+															</>
+														}
+														key={a.id}
+													/>
+												);
+											})
+										)}
+									</div>
+								</DialogServizio>
+							);
+						})()}
 					</div>
 				</>
 			}
 			header={
 				<>
-					{/* <div className="flex w-full flex-col gap-2">
-            <CardTitle className="flex items-center gap-2 text-xl sm:text-2xl">
-              <Package className="text-primary size-6" />
-              Cerco Affitto {servizio.tipologia}
-            </CardTitle>
-
-            <CardDescription className="text-foreground/70 space-y-2 pl-2">
-              <p>
-                aggiunto il{" "}
-                {servizio.created_at.toLocaleDateString("it", {
-                  year: "numeric",
-                  month: "2-digit",
-                  day: "2-digit",
-                })}
-              </p>
-            </CardDescription>
-          </div> */}
-
 					<ServizioActions2 />
 				</>
 			}
@@ -352,6 +452,31 @@ export const ServizioContent = () => {
 	);
 };
 
+const DialogServizio = ({
+	trigger,
+	title,
+	children,
+}: {
+	trigger: ReactNode;
+	title: string;
+	children: ReactNode;
+}) => {
+	return (
+		<Dialog>
+			<DialogTrigger asChild>{trigger}</DialogTrigger>
+			<DialogContent className="md:max-w-5xl">
+				<DialogHeader>
+					<DialogTitle>{title}</DialogTitle>
+					<DialogDescription className="sr-only">
+						Servizio Dialog
+					</DialogDescription>
+				</DialogHeader>
+				{children}
+			</DialogContent>
+		</Dialog>
+	);
+};
+
 const ServizioMain = () => {
 	const { servizio, isAdmin, userId } = useServizio();
 	const utils = api.useUtils();
diff --git a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ricerca/[userId].tsx b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ricerca/[userId].tsx
index 68d59df..1aad2da 100644
--- a/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ricerca/[userId].tsx
+++ b/apps/infoalloggi/src/pages/area-riservata/admin/user-view/ricerca/[userId].tsx
@@ -14,9 +14,6 @@ type RicercaUserProps = {
 const RicercaUser: NextPageWithLayout<RicercaUserProps> = ({
 	userId,
 }: RicercaUserProps) => {
-	// const { data: servizi, isLoading: loadingServizi } =
-	//   api.servizio.getAllServizioAnnunci.useQuery({ userId });
-
 	return (
 		<div className="space-y-5">
 			<div className="items-center justify-between md:flex">
@@ -27,18 +24,6 @@ const RicercaUser: NextPageWithLayout<RicercaUserProps> = ({
 			<div className="flex flex-col space-y-5">
 				<AnnunciRichiesti userId={userId} />
 				<TabRicerca isAdmin userId={userId} />
-				{/* {loadingServizi ? (
-          <LoadingPage />
-        ) : (
-          servizi?.map((servizio, idx) => (
-            <ServizioContainer
-              key={idx}
-              servizio={servizio}
-              userId={userId}
-              isAdmin
-            />
-          ))
-        )} */}
 			</div>
 		</div>
 	);