diff --git a/src/components/WellShow/AssetPreviewWithOverlay.tsx b/src/components/WellShow/AssetPreviewWithOverlay.tsx
index f6e8404a..c73eeabc 100644
--- a/src/components/WellShow/AssetPreviewWithOverlay.tsx
+++ b/src/components/WellShow/AssetPreviewWithOverlay.tsx
@@ -1,9 +1,43 @@
-import { Box, Typography, Button } from '@mui/material'
-import type { IAsset } from '@/interfaces/ocotillo'
+import { useState } from 'react'
+import { Autocomplete, Box, Typography, Button, TextField } from '@mui/material'
+import type { IAsset, IWell } from '@/interfaces/ocotillo'
 import { QueryObserverResult } from '@tanstack/react-query'
-import { GetListResponse, HttpError } from '@refinedev/core'
+import {
+  GetListResponse,
+  HttpError,
+  useCustomMutation,
+  useNotification,
+} from '@refinedev/core'
+import { useAutocomplete } from '@refinedev/mui'
 import { HttpStatus } from '@/enums'
 import { isImage, isPdf, isText } from '@/utils'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { Button as UiButton } from '@/components/ui/button'
+import { Link2, MoreVertical, Trash2, Unlink } from 'lucide-react'
 
 const previewStyles = {
   grid: {
@@ -78,14 +112,38 @@ export const AssetPreviewWithOverlay = ({
   asset,
   variant,
   refetchAssets,
+  canManageAsset = false,
 }: {
   asset: IAsset
   variant: 'grid' | 'slideshow'
   refetchAssets: () => Promise<
     QueryObserverResult<GetListResponse<IAsset>, HttpError>
   >
+  canManageAsset?: boolean
 }) => {
   const isSlideshow = variant === 'slideshow'
+  const { open: notify } = useNotification()
+  const { mutateAsync: mutateAsset, mutation: assetMutation } =
+    useCustomMutation()
+  const [confirmAction, setConfirmAction] = useState<
+    'disassociate-asset' | 'delete-asset' | null
+  >(null)
+  const [isReassociateDialogOpen, setIsReassociateDialogOpen] = useState(false)
+  const [selectedWell, setSelectedWell] = useState<IWell | null>(null)
+  const { autocompleteProps: wellAutocompleteProps } = useAutocomplete<IWell>({
+    resource: 'thing/water-well',
+    dataProviderName: 'ocotillo',
+    queryOptions: {
+      enabled: canManageAsset && isReassociateDialogOpen,
+    },
+    onSearch: (value) => [
+      {
+        field: 'name',
+        operator: 'contains',
+        value,
+      },
+    ],
+  })
 
   const getRefreshedAsset = async (
     assetId: IAsset['id'],
@@ -151,62 +209,160 @@ export const AssetPreviewWithOverlay = ({
     }
   }
 
-  return (
-    <Box
-      sx={{
-        position: 'relative',
-        width: '100%',
-        '&:hover .asset-overlay': {
-          opacity: 1,
-        },
-      }}
-    >
-      <AssetPreview asset={asset} variant={variant} />
+  const getMutationErrorMessage = (error: unknown) => {
+    if (
+      typeof error === 'object' &&
+      error !== null &&
+      'response' in error &&
+      typeof error.response === 'object' &&
+      error.response !== null &&
+      'data' in error.response
+    ) {
+      const responseData = error.response.data as { detail?: string }
 
-      <Box
-        className="asset-overlay"
-        sx={{
-          position: 'absolute',
-          inset: 0,
-          opacity: isSlideshow ? 1 : 0,
-          transition: 'opacity 0.2s ease-in-out',
-          background: isSlideshow
-            ? undefined
-            : 'linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0.05))',
-          pointerEvents: 'none',
-        }}
-      />
+      if (typeof responseData.detail === 'string') {
+        return responseData.detail
+      }
+    }
+
+    if (error instanceof Error && error.message) {
+      return error.message
+    }
+
+    return 'Request failed. Please try again.'
+  }
+
+  const handleConfirmAssetAction = async () => {
+    if (!confirmAction) return
 
-      <Typography
-        className="asset-overlay"
-        variant="caption"
+    const isDisassociate = confirmAction === 'disassociate-asset'
+
+    try {
+      if (isDisassociate) {
+        await mutateAsset({
+          url: `asset/${asset.id}/association`,
+          method: 'patch',
+          values: { thing_id: null },
+          dataProviderName: 'ocotillo',
+        })
+      } else {
+        await mutateAsset({
+          url: `asset/${asset.id}`,
+          method: 'delete',
+          values: {},
+          dataProviderName: 'ocotillo',
+        })
+      }
+
+      await refetchAssets()
+
+      notify?.({
+        type: 'success',
+        message: isDisassociate
+          ? 'Attachment disassociated'
+          : 'Attachment deleted',
+      })
+    } catch (error) {
+      console.error(error)
+      notify?.({
+        type: 'error',
+        message: isDisassociate
+          ? 'Could not disassociate attachment'
+          : 'Could not delete attachment',
+        description: getMutationErrorMessage(error),
+      })
+    } finally {
+      setConfirmAction(null)
+    }
+  }
+
+  const handleReassociateAsset = async () => {
+    if (!selectedWell) return
+
+    try {
+      await mutateAsset({
+        url: `asset/${asset.id}/association`,
+        method: 'patch',
+        values: { thing_id: selectedWell.id },
+        dataProviderName: 'ocotillo',
+      })
+
+      await refetchAssets()
+      notify?.({
+        type: 'success',
+        message: 'Attachment reassociated',
+        description: selectedWell.name
+          ? `Attachment moved to ${selectedWell.name}.`
+          : undefined,
+      })
+      setIsReassociateDialogOpen(false)
+      setSelectedWell(null)
+    } catch (error) {
+      console.error(error)
+      notify?.({
+        type: 'error',
+        message: 'Could not reassociate attachment',
+        description: getMutationErrorMessage(error),
+      })
+    }
+  }
+
+  const currentThingId = asset.thing_id ?? null
+  const wellOptions = ((wellAutocompleteProps.options ?? []) as IWell[]).filter(
+    (well) => well.id !== currentThingId
+  )
+
+  return (
+    <>
+      <Box
         sx={{
-          position: 'absolute',
-          left: 8,
-          bottom: 8,
-          opacity: isSlideshow ? 1 : 0,
-          transition: 'opacity 0.2s ease-in-out',
-          color: isSlideshow ? 'black' : 'white',
-          maxWidth: '70%',
-          overflow: 'hidden',
-          textOverflow: 'ellipsis',
-          whiteSpace: 'nowrap',
+          position: 'relative',
+          width: '100%',
+          '&:hover .asset-overlay': {
+            opacity: 1,
+          },
         }}
       >
-        {asset.name}
-      </Typography>
+        <AssetPreview asset={asset} variant={variant} />
 
-      {asset.signed_url && (
-        <Button
-          variant="outlined"
+        <Box
           className="asset-overlay"
-          size="small"
-          onClick={(event) => {
-            event.stopPropagation()
+          sx={{
+            position: 'absolute',
+            inset: 0,
+            opacity: isSlideshow ? 1 : 0,
+            transition: 'opacity 0.2s ease-in-out',
+            background: isSlideshow
+              ? undefined
+              : 'linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0.05))',
+            pointerEvents: 'none',
+          }}
+        />
 
-            if (!asset?.signed_url) return
-            void downloadAsset(asset, refetchAssets).catch(console.error)
+        <Typography
+          className="asset-overlay"
+          variant="caption"
+          sx={{
+            position: 'absolute',
+            left: 8,
+            bottom: 8,
+            opacity: isSlideshow ? 1 : 0,
+            transition: 'opacity 0.2s ease-in-out',
+            color: isSlideshow ? 'black' : 'white',
+            maxWidth: canManageAsset ? '52%' : '70%',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
           }}
+        >
+          {asset.name}
+        </Typography>
+
+        <Box
+          className="asset-overlay"
+          onClick={(event) => event.stopPropagation()}
+          onMouseDown={(event) => event.stopPropagation()}
+          onPointerDown={(event) => event.stopPropagation()}
           sx={{
             position: 'absolute',
             right: 8,
@@ -214,15 +370,199 @@ export const AssetPreviewWithOverlay = ({
             opacity: isSlideshow ? 1 : 0,
             transition: 'opacity 0.2s ease-in-out',
             pointerEvents: 'auto',
-            bgcolor: 'background.paper',
-            '&:hover': {
-              bgcolor: 'background.paper',
-            },
+            display: 'flex',
+            gap: 1,
+            alignItems: 'center',
           }}
         >
-          Download
-        </Button>
-      )}
-    </Box>
+          {asset.signed_url && (
+            <Button
+              variant="outlined"
+              size="small"
+              onClick={(event) => {
+                event.stopPropagation()
+
+                if (!asset?.signed_url) return
+                void downloadAsset(asset, refetchAssets).catch(console.error)
+              }}
+              sx={{
+                bgcolor: 'background.paper',
+                '&:hover': {
+                  bgcolor: 'background.paper',
+                },
+              }}
+            >
+              Download
+            </Button>
+          )}
+
+          {canManageAsset && (
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <UiButton
+                  type="button"
+                  variant="outline"
+                  size="icon"
+                  aria-label={`Attachment actions for ${asset.name}`}
+                  onClick={(event) => event.stopPropagation()}
+                  disabled={assetMutation.isPending}
+                  className="bg-background hover:bg-background"
+                >
+                  <MoreVertical />
+                </UiButton>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="end" className="w-56">
+                <DropdownMenuItem
+                  onClick={(event) => {
+                    event.stopPropagation()
+                    setConfirmAction('disassociate-asset')
+                  }}
+                >
+                  <Unlink />
+                  Disassociate attachment
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  onClick={(event) => {
+                    event.stopPropagation()
+                    setSelectedWell(null)
+                    setIsReassociateDialogOpen(true)
+                  }}
+                >
+                  <Link2 />
+                  Reassociate attachment
+                </DropdownMenuItem>
+                <DropdownMenuSeparator />
+                <DropdownMenuItem
+                  variant="destructive"
+                  onClick={(event) => {
+                    event.stopPropagation()
+                    setConfirmAction('delete-asset')
+                  }}
+                >
+                  <Trash2 />
+                  Delete attachment
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+          )}
+        </Box>
+      </Box>
+
+      <AlertDialog
+        open={confirmAction !== null}
+        onOpenChange={(open) => {
+          if (!open && !assetMutation.isPending) {
+            setConfirmAction(null)
+          }
+        }}
+      >
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>
+              {confirmAction === 'disassociate-asset'
+                ? 'Disassociate this attachment?'
+                : 'Delete this attachment?'}
+            </AlertDialogTitle>
+            <AlertDialogDescription>
+              {confirmAction === 'disassociate-asset'
+                ? 'The asset will remain uploaded, but it will no longer be associated with any well.'
+                : 'This permanently deletes the uploaded asset record. Use this only when the file should not be kept.'}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={assetMutation.isPending}>
+              Cancel
+            </AlertDialogCancel>
+            <AlertDialogAction
+              onClick={(event) => {
+                event.preventDefault()
+                void handleConfirmAssetAction()
+              }}
+              disabled={assetMutation.isPending}
+              className={
+                confirmAction === 'delete-asset'
+                  ? 'bg-destructive text-destructive-foreground hover:bg-destructive/90'
+                  : undefined
+              }
+            >
+              {assetMutation.isPending
+                ? 'Working...'
+                : confirmAction === 'disassociate-asset'
+                  ? 'Disassociate attachment'
+                  : 'Delete attachment'}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+
+      <Dialog
+        open={isReassociateDialogOpen}
+        onOpenChange={(open) => {
+          if (!open && assetMutation.isPending) {
+            return
+          }
+
+          setIsReassociateDialogOpen(open)
+
+          if (!open) {
+            setSelectedWell(null)
+          }
+        }}
+      >
+        <DialogContent className="max-w-xl">
+          <DialogHeader>
+            <DialogTitle>Reassociate attachment</DialogTitle>
+            <DialogDescription>
+              Move this attachment to one other well. It will be removed from
+              any current well association.
+            </DialogDescription>
+          </DialogHeader>
+
+          <Box className="space-y-2">
+            <Autocomplete
+              {...wellAutocompleteProps}
+              options={wellOptions}
+              loading={Boolean(wellAutocompleteProps.loading)}
+              value={selectedWell}
+              filterOptions={(options) => options}
+              getOptionLabel={(well) => well?.name ?? ''}
+              isOptionEqualToValue={(option, value) => option.id === value.id}
+              onChange={(_, value) => setSelectedWell(value)}
+              renderOption={(props, well) => (
+                <Box component="li" {...props}>
+                  <Typography variant="body2">{well.name}</Typography>
+                </Box>
+              )}
+              renderInput={(params) => (
+                <TextField
+                  {...params}
+                  label="Well"
+                  placeholder="Search by well name"
+                  size="small"
+                />
+              )}
+            />
+          </Box>
+
+          <DialogFooter>
+            <UiButton
+              type="button"
+              variant="outline"
+              onClick={() => setIsReassociateDialogOpen(false)}
+              disabled={assetMutation.isPending}
+            >
+              Cancel
+            </UiButton>
+            <UiButton
+              type="button"
+              onClick={() => void handleReassociateAsset()}
+              disabled={!selectedWell || assetMutation.isPending}
+            >
+              {assetMutation.isPending ? 'Working...' : 'Reassociate'}
+            </UiButton>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </>
   )
 }
diff --git a/src/components/WellShow/Attachments.tsx b/src/components/WellShow/Attachments.tsx
index 976bdaf1..2981391f 100644
--- a/src/components/WellShow/Attachments.tsx
+++ b/src/components/WellShow/Attachments.tsx
@@ -1,7 +1,6 @@
 import { useMemo, useState } from 'react'
 import {
   Box,
-  ButtonBase,
   IconButton,
   Stack,
   Typography,
@@ -65,6 +64,11 @@ export const AttachmentsCard = ({
 
   const { canManageAmp } = useAccessCapabilities()
 
+  const openSlideshow = (index: number) => {
+    setSlideshowIndex(index)
+    setPreviewViewMode('slideshow')
+  }
+
   return (
     <Card
       elevation={2}
@@ -142,13 +146,28 @@ export const AttachmentsCard = ({
                 {previewViewMode === 'grid' ? (
                   <Masonry columns={3} spacing={2}>
                     {previewAssets.map((asset, idx) => (
-                      <ButtonBase
+                      <Box
                         key={asset.id ?? idx}
-                        focusRipple
+                        role="button"
+                        tabIndex={0}
                         aria-label={`Open ${asset.name || `attachment ${idx + 1}`} in slideshow`}
-                        onClick={() => {
-                          setSlideshowIndex(idx)
-                          setPreviewViewMode('slideshow')
+                        onClick={(event) => {
+                          const target = event.target
+
+                          if (
+                            target instanceof Node &&
+                            !event.currentTarget.contains(target)
+                          ) {
+                            return
+                          }
+
+                          openSlideshow(idx)
+                        }}
+                        onKeyDown={(event) => {
+                          if (event.key === 'Enter' || event.key === ' ') {
+                            event.preventDefault()
+                            openSlideshow(idx)
+                          }
                         }}
                         sx={{
                           display: 'block',
@@ -157,14 +176,23 @@ export const AttachmentsCard = ({
                           overflow: 'hidden',
                           boxShadow: 2,
                           textAlign: 'left',
+                          cursor: 'pointer',
+                          outline: 'none',
+                          '&:focus-visible': {
+                            boxShadow: 4,
+                            outline: '2px solid',
+                            outlineColor: 'primary.main',
+                            outlineOffset: 2,
+                          },
                         }}
                       >
                         <AssetPreviewWithOverlay
                           asset={asset}
                           variant="grid"
                           refetchAssets={refetchAssets}
+                          canManageAsset={canManageAmp}
                         />
-                      </ButtonBase>
+                      </Box>
                     ))}
                   </Masonry>
                 ) : (
@@ -186,6 +214,7 @@ export const AttachmentsCard = ({
                         asset={currentAsset}
                         variant="slideshow"
                         refetchAssets={refetchAssets}
+                        canManageAsset={canManageAmp}
                       />
                     )}
                     {previewAssets.length > 1 && (