improvement: FDI chart tool selection modes updated. shift+ and crtl+ both are assigned with a selection mode.

.cursor/rules/treatment-workspace.mdc

@@ -9,7 +9,7 @@ alwaysApply: false
 - **Browse mode** (`selectedPreviewId` set): preview only; banner + **Load into workspace**; form unchanged until load.
 - **Current draft** preview: heading “Current draft”; no load button while editing live.
 - **Entry wizard:** Teeth → Content → Lab via `WizardStepper` (not detail chips). Lab step only for lab-dependent (prosthesis) active detail. Appointment purpose does not gate type or Next.
-- **Tooth groups:** Shift+same-arch range = connected; click in connected span → collapse to that single only. `toothSelectionGroups.ts`; prune lab `toothProsthesis` on change.
+- **Tooth groups:** Shift+same-arch range = connected (linked dots); Ctrl/⌘+same-arch range = singles (one lab row each); click in connected span → collapse to that single only. `toothSelectionGroups.ts`; prune lab `toothProsthesis` on change.
 - **Detail chrome:** chips + Add at top; **Remove** = trash on chip (unsent, >1 detail; disabled when day-locked / no edit / uploading). No delete in Content step.
 - **Lab dispatch attention:** `LabDispatchAttentionPanel` — unsent lab-dependent details; quick jump to dispatch.
 - **History API:** patient-scoped; non-owners filtered by provider on treatment or appointment; org owners see all.

.cursor/skills/treatment-workspace/SKILL.md

@@ -40,7 +40,7 @@ Right-column entry uses `WizardStepper` (`components/ui/shared/WizardStepper.tsx
 
 | Step | UI | Notes |
 |------|-----|--------|
-| **Teeth** | `FdiToothChart` | Shift+click range; connected dots |
+| **Teeth** | `FdiToothChart` | Shift+click connected range; Ctrl/⌘+click single range; linked dots |
 | **Content** | `TreatmentDetailsEditor` fields only (`showChrome={false}`) | Type / notes / attachments — **no delete button** |
 | **Lab** | `LabCasesDispatchPanel` | Shown in stepper **only** when active detail type is lab-dependent (`labDependentCodes`) |
 
@@ -56,7 +56,9 @@ Right-column entry uses `WizardStepper` (`components/ui/shared/WizardStepper.tsx
 Helpers: `frontend/src/components/treatment/toothSelectionGroups.ts`. Persisted as `toothSelectionGroups` on the detail; lab tasks group by `selectionGroupId`.
 
 - **Plain click:** add/remove single; if tooth is in a **connected** group → drop the whole span and keep **only** that tooth as a single (no peel / no connected+single pair for the same span).
-- **Shift+click:** inclusive same-arch range between prior anchor and target; replaces overlapping groups. Prevent browser selection artifacts (`select-none`, Shift `preventDefault` on mousedown).
+- **Shift+click:** inclusive same-arch range → one **connected** group (linked dots above/below). Shift wins if Ctrl also held.
+- **Ctrl/⌘+click:** same range, but each tooth as its own **single** (one lab-dispatch row per tooth).
+- Prevent browser selection artifacts (`select-none`, modifier `preventDefault` on mousedown).
 - On group change, prune/remap `labCase.toothProsthesis` via `pruneToothProsthesisForGroups`.
 - Connected UI label: `ConnectedSelectionBadge` (shared `Badge` + primary tint) in dispatch + lab case lists.
 

AGENTS.md

@@ -46,7 +46,7 @@ frontend/src/
 - Day/mode gate: editable only for live draft on today/future (`canEditTreatmentForDay`). Past day / historical load → read-only form.
 - Sent-to-lab detail locks that line; **Add detail** still OK same day; **Remove detail** = trash icon on each detail chip (not in the wizard Content step) — only unsent and not the last line. Attachment upload blocked when sent (`TREATMENT_DETAIL_SENT`).
 - **Entry wizard:** `WizardStepper` — Teeth → Content → Lab; Lab step only when active detail type is lab-dependent (prosthesis). Detail chips ≠ wizard chrome (chips stay bordered tabs; stepper is numbered rail).
-- **Tooth selection:** Shift+click same-arch range = connected group; plain click on a connected tooth collapses the whole span to that single tooth (no peel). Helpers: `toothSelectionGroups.ts`. Connected label: `ConnectedSelectionBadge` (shared `Badge` + primary tint).
+- **Tooth selection:** Shift+click same-arch range = connected group (linked dots); Ctrl/⌘+click same range = individual singles (one lab row each); plain click on a connected tooth collapses the whole span to that single tooth (no peel). Helpers: `toothSelectionGroups.ts`. Connected label: `ConnectedSelectionBadge` (shared `Badge` + primary tint).
 
 **Treatment lab rules (quick ref):**
 - Lab-dependent details (e.g. prosthesis) **without teeth** can save but **cannot ship** — show `LabShipmentBlockedNotice` + inline banner; toast on dispatch add.

frontend/messages/en.json

@@ -809,7 +809,7 @@
     "entryStepNext": "Next",
     "entryStepLabUnavailable": "Lab dispatch is available after you save a lab-dependent detail with teeth selected.",
     "toothChartTitleCompact": "Tooth chart",
-    "toothChartHint": "Tap teeth to select. Shift-click another tooth in the same arch to select a connected span.",
+    "toothChartHint": "Tap teeth to select. Shift-click another tooth in the same arch for a connected span. Ctrl-click (⌘ on Mac) the same way to select each tooth separately.",
     "toothConnectedHint": "Connected selection",
     "toothConnectedSuffix": " (connected)",
     "connectedBadge": "Connected",

frontend/messages/fa.json

@@ -803,7 +803,7 @@
     "confirmSend": "تأیید ارسال",
     "toothChartTitle": "نمودار دندان‌ها FDI",
     "toothChartTitleCompact": "نمودار دندان",
-    "toothChartHint": "برای انتخاب روی دندان ضربه بزنید. Shift+کلیک روی دندان دیگر در همان قوس، یک بازه متصل می‌سازد.",
+    "toothChartHint": "برای انتخاب روی دندان ضربه بزنید. Shift+کلیک روی دندان دیگر در همان قوس، یک بازه متصل می‌سازد. Ctrl+کلیک (⌘ در مک) به همان شکل هر دندان را جداگانه انتخاب می‌کند.",
     "toothConnectedHint": "انتخاب متصل",
     "toothConnectedSuffix": " (متصل)",
     "connectedBadge": "متصل",

frontend/messages/nl.json

@@ -802,7 +802,7 @@
     "confirmSend": "Bevestig verzending",
     "toothChartTitle": "FDI-tanddiagram",
     "toothChartTitleCompact": "Tanddiagram",
-    "toothChartHint": "Tik op tanden om te selecteren. Shift-klik op een andere tand in dezelfde boog voor een verbonden span.",
+    "toothChartHint": "Tik op tanden om te selecteren. Shift-klik op een andere tand in dezelfde boog voor een verbonden span. Ctrl-klik (⌘ op Mac) op dezelfde manier om elke tand apart te selecteren.",
     "toothConnectedHint": "Verbonden selectie",
     "toothConnectedSuffix": " (verbonden)",
     "connectedBadge": "Verbonden",

frontend/src/components/treatment/toothSelectionGroups.ts

@@ -146,6 +146,38 @@ export function applyShiftRange(
   return next;
 }
 
+/**
+ * Ctrl-click selects every tooth in the same-arch range as its own single group
+ * (not connected). Lab dispatch gets one prosthesis row per tooth.
+ */
+export function applyCtrlRange(
+  groups: ToothSelectionGroup[],
+  anchor: FdiToothId,
+  target: FdiToothId,
+): ToothSelectionGroup[] | null {
+  if (anchor === target) return null;
+  const span = teethBetweenInclusive(anchor, target);
+  if (!span || span.length < 2) return null;
+
+  const spanSet = new Set(span);
+  const next = groups
+    .map((g) => ({
+      ...g,
+      teeth: g.teeth.filter((t) => !spanSet.has(t)) as FdiToothId[],
+    }))
+    .filter((g) => g.teeth.length > 0)
+    .map((g) =>
+      g.kind === 'connected' && g.teeth.length < 2
+        ? { ...g, kind: 'single' as const }
+        : g,
+    );
+
+  for (const tooth of span) {
+    next.push({ groupId: newGroupId(), kind: 'single', teeth: [tooth] });
+  }
+  return next;
+}
+
 /**
  * Drop prosthesis rows for teeth no longer selected on a detail, and refresh
  * selectionGroupId so connected→single collapses do not leave stale group ids.

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

@@ -23,7 +23,7 @@ interface FdiToothChartProps {
   selected: ReadonlySet<FdiToothId>;
   /** Teeth that belong to a connected selection span (dots above/below). */
   connectedTeeth?: ReadonlySet<FdiToothId>;
-  onToggle?: (fdi: FdiToothId, event: { shiftKey: boolean }) => void;
+  onToggle?: (fdi: FdiToothId, event: { shiftKey: boolean; ctrlKey: boolean }) => void;
   disabled?: boolean;
   /** Non-interactive display (Cases / connection history). */
   readOnly?: boolean;
@@ -144,7 +144,48 @@ export function FdiToothChart({
     return accent ? { color: accent } : undefined;
   };
 
+  /** Dots + thin links — only for Shift-connected spans (not plain / Ctrl singles). */
+  const ConnectedRail = ({ teeth, upper }: { teeth: FdiToothId[]; upper?: boolean }) => {
+    const hasConnected = teeth.some((fdi) => connectedTeeth?.has(fdi));
+    if (!hasConnected) return null;
+
+    return (
+      <div
+        className={`flex flex-nowrap justify-center gap-x-1 min-w-max mx-auto w-fit ${upper ? 'mb-1' : 'mt-1'}`}
+        aria-hidden
+      >
+        {teeth.map((fdi, i) => {
+          const size = toothSizeClass(fdi);
+          const isConnected = Boolean(connectedTeeth?.has(fdi));
+          const next = teeth[i + 1];
+          const linkToNext = Boolean(isConnected && next && connectedTeeth?.has(next));
+          return (
+            <div
+              key={`c-${fdi}`}
+              className={`relative flex h-2.5 items-center justify-center ${size.wrapper}`}
+              title={isConnected ? t('toothConnectedHint') : undefined}
+            >
+              {linkToNext ? (
+                <span
+                  className="pointer-events-none absolute top-1/2 left-1/2 z-0 h-[2px] -translate-y-1/2 bg-primary/75"
+                  style={{ width: 'calc(100% + 0.25rem)' }}
+                />
+              ) : null}
+              {isConnected ? (
+                <span className="relative z-10 block h-2 w-2 rounded-full bg-primary shadow-sm" />
+              ) : (
+                <span className="block h-2 w-2" />
+              )}
+            </div>
+          );
+        })}
+      </div>
+    );
+  };
+
   const Row = ({ teeth, upper }: { teeth: FdiToothId[]; upper?: boolean }) => (
+    <div className="flex flex-col items-center min-w-max mx-auto w-fit">
+      {upper ? <ConnectedRail teeth={teeth} upper /> : null}
       <div className="flex flex-nowrap justify-center gap-x-1 min-w-max mx-auto w-fit">
         {teeth.map((fdi, i) => {
           const kind = getToothShapeKind(fdi);
@@ -172,31 +213,23 @@ export function FdiToothChart({
             />
           );
 
-        const connectedDot = isConnected ? (
-          <span
-            className={`block h-1.5 w-1.5 rounded-full bg-primary ${upper ? 'mb-0.5' : 'mt-0.5'}`}
-            aria-hidden
-            title={t('toothConnectedHint')}
-          />
-        ) : (
-          <span className={`block h-1.5 w-1.5 ${upper ? 'mb-0.5' : 'mt-0.5'}`} aria-hidden />
-        );
-
           return (
             <div key={fdi} className={`flex flex-col items-center ${size.wrapper}`}>
-            {upper ? connectedDot : null}
               <div className={`h-[5.9rem] flex ${alignItems} justify-center`}>
                 {interactive ? (
                   <button
                     type="button"
                     disabled={isDisabled}
                     onMouseDown={(e) => {
-                    // Shift+click otherwise triggers browser text-selection / sticky focus boxes.
+                      // Modifier+click otherwise triggers browser text-selection / sticky focus boxes.
-                    if (e.shiftKey) e.preventDefault();
+                      if (e.shiftKey || e.ctrlKey || e.metaKey) e.preventDefault();
                     }}
                     onClick={(e) => {
                       e.preventDefault();
-                    onToggle?.(fdi, { shiftKey: e.shiftKey });
+                      onToggle?.(fdi, {
+                        shiftKey: e.shiftKey,
+                        ctrlKey: e.ctrlKey || e.metaKey,
+                      });
                     }}
                     style={{ transform: `translateY(${offsetY}px) rotate(${rotate}deg)` }}
                     className={`
@@ -225,11 +258,12 @@ export function FdiToothChart({
                   </div>
                 )}
               </div>
-            {!upper ? connectedDot : null}
             </div>
           );
         })}
       </div>
+      {!upper ? <ConnectedRail teeth={teeth} /> : null}
+    </div>
   );
 
   const cardClass = compact

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

@@ -41,6 +41,7 @@ import {
   isLabDependentDetailMissingTeeth,
 } from '@/components/treatment/treatmentDetailRules';
 import {
+  applyCtrlRange,
   applyShiftRange,
   connectedTeethSet,
   deriveTeethFromGroups,
@@ -1937,14 +1938,17 @@ export function TreatmentWorkspace({
 
                 let nextGroups: ReturnType<typeof toggleToothInGroups> | null = null;
 
-                if (event.shiftKey) {
+                // Shift wins if both modifiers are held (connected span).
+                if (event.shiftKey || event.ctrlKey) {
                   const anchor = rangeAnchorRef.current;
-                  // Need a prior click as range start; shift alone on one tooth does nothing.
+                  // Need a prior click as range start; modifier alone on one tooth does nothing.
                   if (!anchor || anchor === fdi) {
                     rangeAnchorRef.current = fdi;
                     return;
                   }
-                  nextGroups = applyShiftRange(currentGroups, anchor, fdi);
+                  nextGroups = event.shiftKey
+                    ? applyShiftRange(currentGroups, anchor, fdi)
+                    : applyCtrlRange(currentGroups, anchor, fdi);
                   rangeAnchorRef.current = fdi;
                   if (!nextGroups) return;
                 } else {