improvement: tasks and cases feature updated based on the new prosthesis types and their steps. the whole assignment proccess removed from the flow.

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

@@ -12,6 +12,11 @@ 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 { LabCaseCommentsPanel } from '@/components/ui/lab/LabCaseCommentsPanel';
+import {
+  formatToothList,
+  prosthesisTypeBadgeStyle,
+} from '@/components/ui/treatment/prosthesisTypeDisplay';
 import type { CounterpartItemDto } from '@/lib/api/organization';
 import type { LabCaseDetail, LabCaseListItem, LabTaskStatus } from '@/types/cases';
 import type { TreatmentCatalogEntry } from '@/types/treatment-catalog';
@@ -109,7 +114,6 @@ export function ConnectionCaseHistoryContent({
 
   const statusOptions: { value: LabTaskStatus; label: string }[] = useMemo(
     () => [
-      { value: 'PENDING', label: tCases('statusPending') },
       { value: 'IN_PROGRESS', label: tCases('statusInProgress') },
       { value: 'COMPLETED', label: tCases('statusCompleted') },
     ],
@@ -363,17 +367,24 @@ export function ConnectionCaseHistoryContent({
                 {selectedCase.tasksByTooth.length === 0 ? (
                   <p className="text-sm text-text-muted">{tCases('noTasks')}</p>
                 ) : (
-                  selectedCase.tasksByTooth.map((group) => (
+                  selectedCase.tasksByTooth.map((group, groupIndex) => (
                     <div
-                      key={`${group.tooth}-${group.treatmentType}`}
+                      key={`${group.treatmentDetailId}-${group.prosthesisTypeCode}`}
                       className="rounded-md border border-border p-3 space-y-2"
                     >
-                      <div className="text-sm font-medium text-text-primary">
-                        {tCases('toothGroupTitle', {
-                          tooth: group.tooth,
-                          prosthesis: group.prosthesisTypeLabel,
-                          type: treatmentLabel(group.treatmentType),
-                        })}
+                      <div className="flex flex-wrap items-center gap-2">
+                        <span
+                          className="inline-flex items-center rounded px-2 py-0.5 text-xs font-medium border"
+                          style={prosthesisTypeBadgeStyle(group.prosthesisTypeCode, groupIndex)}
+                        >
+                          {group.prosthesisTypeLabel}
+                        </span>
+                        <span className="text-sm font-medium text-text-primary">
+                          {tCases('toothGroupTitle', {
+                            teeth: formatToothList(group.teeth),
+                            prosthesis: group.prosthesisTypeLabel,
+                          })}
+                        </span>
                       </div>
                       <ul className="space-y-2">
                         {group.tasks.map((task) => (
@@ -388,6 +399,11 @@ export function ConnectionCaseHistoryContent({
                               {statusOptions.find((opt) => opt.value === task.status)?.label ??
                                 task.status}
                             </Badge>
+                            {task.lastStatusChangedBy ? (
+                              <span className="text-[11px] text-text-muted">
+                                {tCases('lastUpdatedBy', { name: task.lastStatusChangedBy.name })}
+                              </span>
+                            ) : null}
                           </li>
                         ))}
                       </ul>
@@ -395,6 +411,30 @@ export function ConnectionCaseHistoryContent({
                   ))
                 )}
               </div>
+
+              {isClinic && selectedCaseId ? (
+                <LabCaseCommentsPanel
+                  caseId={selectedCaseId}
+                  canPost
+                  canToggleVisibility={false}
+                  loadComments={async () => {
+                    const r = await organizationApi.listConnectionCaseComments(
+                      connection.id,
+                      selectedCaseId,
+                    );
+                    return r.data;
+                  }}
+                  onPost={async (body) => {
+                    const r = await organizationApi.addConnectionCaseComment(
+                      connection.id,
+                      selectedCaseId,
+                      body,
+                    );
+                    return r.data;
+                  }}
+                  onError={showError}
+                />
+              ) : null}
             </div>
           )}
         </section>