improvement: all demo bugs fixed. give me more baby.

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

@@ -33,7 +33,7 @@ interface LabCasesDispatchPanelProps {
   onRecentOrganizationPick: (orgId: string) => void;
   sendBusyId: string | null;
   onAddLabCase: () => void;
-  onSendLabCase: (labCase: LabCaseDraft) => void;
+  onSendLabCase: (labCase: LabCaseDraft, comment?: string) => void;
   onCommentError?: (message: string) => void;
 }
 
@@ -133,6 +133,7 @@ export function LabCasesDispatchPanel({
   const t = useTranslations('treatment');
   const [prosthesisOptions, setProsthesisOptions] = useState<ProsthesisCatalogEntry[]>([]);
   const [applyAllProsthesis, setApplyAllProsthesis] = useState('');
+  const [pendingComment, setPendingComment] = useState('');
 
   const activeLinkedOrganizations = orgs.filter((o) => o.active);
   const filteredOrganizations = (() => {
@@ -196,6 +197,11 @@ export function LabCasesDispatchPanel({
     };
   }, [activeLabCase?.destinationOrganizationId]);
 
+  // Reset the pending (unposted) comment when switching to another shipment.
+  useEffect(() => {
+    setPendingComment('');
+  }, [activeLabCase?.clientId]);
+
   // Hide dispatch when the selected treatment detail is not lab-dependent.
   if (!activeDetail || !isLabDependentDetail) {
     return null;
@@ -428,6 +434,9 @@ export function LabCasesDispatchPanel({
                       caseId={activeLabCase.id}
                       canPost={canEdit && !disabled}
                       canToggleVisibility={false}
+                      deferSubmit
+                      composerValue={pendingComment}
+                      onComposerValueChange={setPendingComment}
                       loadComments={async () => {
                         const r = await treatmentsApi.listLabCaseComments(activeLabCase.id!);
                         return r.data;
@@ -578,7 +587,7 @@ export function LabCasesDispatchPanel({
                         !prosthesisComplete
                       }
                       isLoading={sendBusyId === activeLabCase.clientId}
-                      onClick={() => onSendLabCase(activeLabCase)}
+                      onClick={() => onSendLabCase(activeLabCase, pendingComment.trim())}
                     >
                       {t('sendToLab')}
                     </Button>