improvement: attachment selection for lab dispatch added. attachment preview added to cases feature.

frontend/src/components/ui/treatment/LabCasesDispatchPanel.tsx

@@ -274,6 +274,16 @@ export function LabCasesDispatchPanel({
     );
   }
 
+  function toggleAttachmentInActiveLabCase(attachmentId: string, checked: boolean) {
+    if (!activeLabCase || sent) return;
+    const set = new Set(activeLabCase.attachmentIds);
+    if (checked) set.add(attachmentId);
+    else set.delete(attachmentId);
+    updateActiveLabCase({ attachmentIds: [...set] });
+  }
+
+  const activeDetailAttachments = activeDetail?.attachmentMetas ?? [];
+
   const includedInActiveShipment = activeLabCase
     ? [activeDetail]
     : [];
@@ -393,6 +403,26 @@ export function LabCasesDispatchPanel({
                     )}
                   </div>
 
+                  {!sent && activeDetailAttachments.length > 0 ? (
+                    <div>
+                      <p className="text-xs font-medium text-text-secondary mb-2">
+                        {t('labShipmentAttachments')}
+                      </p>
+                      <p className="text-[11px] text-text-muted mb-2">{t('labShipmentAttachmentsHint')}</p>
+                      <div className="flex flex-col gap-2">
+                        {activeDetailAttachments.map((att) => (
+                          <Checkbox
+                            key={att.id}
+                            checked={activeLabCase.attachmentIds.includes(att.id)}
+                            disabled={disabled}
+                            onChange={(next) => toggleAttachmentInActiveLabCase(att.id, next)}
+                            label={`${att.fileName} (${(att.sizeBytes / 1024).toFixed(1)} KB)`}
+                          />
+                        ))}
+                      </div>
+                    </div>
+                  ) : null}
+
                   {activeLabCase.id ? (
                     <LabCaseCommentsPanel
                       caseId={activeLabCase.id}