TreatmentType and ProsthesisType database shcema and data updated. Lab dispatch wired through new data.

frontend/src/components/ui/organizations/ConnectionCaseHistoryContent.tsx

@@ -6,20 +6,15 @@ import { formatApiErrorMessage } from '@/components/shared/formatApiError';
 import { useAuth } from '@/lib/hooks/useAuth';
 import { useToast } from '@/lib/hooks/useToast';
 import { organizationApi } from '@/lib/api/organization';
+import { treatmentCatalogApi } from '@/lib/api/treatment-catalog';
+import { treatmentTypeLabelFromCatalog } from '@/components/ui/treatment/treatmentTypeDisplay';
 import { Badge, type BadgeVariant } from '@/components/ui/shared/Badge';
 import { Button } from '@/components/ui/shared/Button';
 import { SearchBar } from '@/components/ui/shared/SearchBar';
 import { ToastStack } from '@/components/ui/shared/Toast';
 import type { CounterpartItemDto } from '@/lib/api/organization';
 import type { LabCaseDetail, LabCaseListItem, LabTaskStatus } from '@/types/cases';
-
-const TREATMENT_TYPE_KEYS = {
-  consultation: 'typeConsultation',
-  filling: 'typeFilling',
-  endo: 'typeEndo',
-  visit: 'typeVisit',
-  hygiene: 'typeHygiene',
-} as const;
+import type { TreatmentCatalogEntry } from '@/types/treatment-catalog';
 
 const PAGE_SIZE = 20;
 
@@ -78,7 +73,6 @@ export function ConnectionCaseHistoryContent({
 }: ConnectionCaseHistoryContentProps) {
   const t = useTranslations('organizations');
   const tCases = useTranslations('cases');
-  const tTreatment = useTranslations('treatment');
   const tCommon = useTranslations('common');
   const { currentOrganization, user } = useAuth();
   const { showError, setError, messages: toastMessages } = useToast();
@@ -94,6 +88,7 @@ export function ConnectionCaseHistoryContent({
   });
   const [selectedCaseId, setSelectedCaseId] = useState<string | null>(null);
   const [selectedCase, setSelectedCase] = useState<LabCaseDetail | null>(null);
+  const [treatmentCatalog, setTreatmentCatalog] = useState<TreatmentCatalogEntry[]>([]);
   const [loadingList, setLoadingList] = useState(false);
   const [loadingDetail, setLoadingDetail] = useState(false);
 
@@ -104,13 +99,14 @@ export function ConnectionCaseHistoryContent({
   tRef.current = t;
 
   const treatmentLabel = useCallback(
-    (type: string) => {
-      const key = TREATMENT_TYPE_KEYS[type as keyof typeof TREATMENT_TYPE_KEYS];
-      return key ? tTreatment(key) : type;
-    },
-    [tTreatment],
+    (type: string) => treatmentTypeLabelFromCatalog(type, treatmentCatalog),
+    [treatmentCatalog],
   );
 
+  useEffect(() => {
+    void treatmentCatalogApi.list().then((r) => setTreatmentCatalog(r.data)).catch(() => {});
+  }, []);
+
   const statusOptions: { value: LabTaskStatus; label: string }[] = useMemo(
     () => [
       { value: 'PENDING', label: tCases('statusPending') },
@@ -375,6 +371,7 @@ export function ConnectionCaseHistoryContent({
                       <div className="text-sm font-medium text-text-primary">
                         {tCases('toothGroupTitle', {
                           tooth: group.tooth,
+                          prosthesis: group.prosthesisTypeLabel,
                           type: treatmentLabel(group.treatmentType),
                         })}
                       </div>