chore: update

web/src/pages/backoffice/Demos.tsx

@@ -8,6 +8,7 @@ import {
   Heading,
   HStack,
   Icon,
+  IconButton,
   Link,
   Spacer,
   Spinner,
@@ -21,11 +22,13 @@ import {
   Tr,
   useToast,
 } from '@chakra-ui/react'
+import { EditIcon } from '@chakra-ui/icons'
 import { useNavigate } from 'react-router-dom'
 import { api, ApiError, type Demo, type DemoDetails } from '../../lib/api'
 import { statusColor, statusLabel, timeRemaining } from '../../lib/format'
 import { ConfirmDialog } from '../../components/ConfirmDialog'
 import { CreateDemoModal } from '../../components/CreateDemoModal'
+import { EditDomainModal } from '../../components/EditDomainModal'
 import { ChevronIcon, PodStatusPanel } from '../../components/PodStatusPanel'
 
 // Un provisioning en cours => on rafraîchit régulièrement.
@@ -41,6 +44,7 @@ export function Demos() {
   const [busy, setBusy] = useState<string | null>(null)
   const [toDelete, setToDelete] = useState<Demo | null>(null)
   const [createModalOpen, setCreateModalOpen] = useState(false)
+  const [editingDomain, setEditingDomain] = useState<Demo | null>(null)
 
   // --- Ligne dépliée (état live des pods) ---
   const [expandedId, setExpandedId] = useState<string | null>(null)
@@ -209,18 +213,30 @@ export function Demos() {
                         <Badge colorScheme={statusColor(d.status)}>{statusLabel(d.status)}</Badge>
                       </Td>
                       <Td>
-                        {d.status === 'ready' ? (
-                          <Link
-                            href={d.url}
-                            color="primary.500"
-                            isExternal
-                            onClick={(e) => e.stopPropagation()}
-                          >
-                            {d.url}
-                          </Link>
-                        ) : (
-                          <Text color="gray.400">—</Text>
-                        )}
+                        <HStack spacing={1}>
+                          {d.status === 'ready' ? (
+                            <Link
+                              href={d.url}
+                              color="primary.500"
+                              isExternal
+                              onClick={(e) => e.stopPropagation()}
+                            >
+                              {d.url}
+                            </Link>
+                          ) : (
+                            <Text color="gray.400">—</Text>
+                          )}
+                          <IconButton
+                            aria-label="Modifier le domaine"
+                            icon={<EditIcon />}
+                            size="xs"
+                            variant="ghost"
+                            onClick={(e) => {
+                              e.stopPropagation()
+                              setEditingDomain(d)
+                            }}
+                          />
+                        </HStack>
                       </Td>
                       <Td>{isAlive(d.status) ? timeRemaining(d.expires_at) : '—'}</Td>
                       <Td textAlign="right">
@@ -293,6 +309,12 @@ export function Demos() {
         et toutes ses données seront supprimées définitivement. Les ressources du pool seront
         libérées. Cette action est irréversible.
       </ConfirmDialog>
+
+      <EditDomainModal
+        demo={editingDomain}
+        onClose={() => setEditingDomain(null)}
+        onSaved={() => void load()}
+      />
     </>
   )
 }

web/src/pages/backoffice/PremiumDemos.tsx

@@ -8,6 +8,7 @@ import {
   Heading,
   HStack,
   Icon,
+  IconButton,
   Link,
   Spacer,
   Spinner,
@@ -21,11 +22,13 @@ import {
   Tr,
   useToast,
 } from '@chakra-ui/react'
+import { EditIcon } from '@chakra-ui/icons'
 import { useNavigate } from 'react-router-dom'
 import { api, ApiError, type Demo, type DemoDetails } from '../../lib/api'
 import { statusColor, statusLabel } from '../../lib/format'
 import { ChevronIcon, PodStatusPanel } from '../../components/PodStatusPanel'
 import { CreateDemoModal } from '../../components/CreateDemoModal'
+import { EditDomainModal } from '../../components/EditDomainModal'
 
 // Un provisioning en cours => on rafraîchit régulièrement.
 const POLL_MS = 5000
@@ -38,6 +41,7 @@ export function PremiumDemos() {
   const [demos, setDemos] = useState<Demo[]>([])
   const [loading, setLoading] = useState(true)
   const [createModalOpen, setCreateModalOpen] = useState(false)
+  const [editingDomain, setEditingDomain] = useState<Demo | null>(null)
 
   // --- Ligne dépliée (état live des pods) ---
   const [expandedId, setExpandedId] = useState<string | null>(null)
@@ -165,18 +169,30 @@ export function PremiumDemos() {
                         <Badge colorScheme={statusColor(d.status)}>{statusLabel(d.status)}</Badge>
                       </Td>
                       <Td>
-                        {d.status === 'ready' ? (
-                          <Link
-                            href={d.url}
-                            color="primary.500"
-                            isExternal
-                            onClick={(e) => e.stopPropagation()}
-                          >
-                            {d.url}
-                          </Link>
-                        ) : (
-                          <Text color="gray.400">—</Text>
-                        )}
+                        <HStack spacing={1}>
+                          {d.status === 'ready' ? (
+                            <Link
+                              href={d.url}
+                              color="primary.500"
+                              isExternal
+                              onClick={(e) => e.stopPropagation()}
+                            >
+                              {d.url}
+                            </Link>
+                          ) : (
+                            <Text color="gray.400">—</Text>
+                          )}
+                          <IconButton
+                            aria-label="Modifier le domaine"
+                            icon={<EditIcon />}
+                            size="xs"
+                            variant="ghost"
+                            onClick={(e) => {
+                              e.stopPropagation()
+                              setEditingDomain(d)
+                            }}
+                          />
+                        </HStack>
                       </Td>
                     </Tr>
                     <Tr>
@@ -203,6 +219,12 @@ export function PremiumDemos() {
           </Table>
         </TableContainer>
       )}
+
+      <EditDomainModal
+        demo={editingDomain}
+        onClose={() => setEditingDomain(null)}
+        onSaved={() => void load()}
+      />
     </>
   )
 }