From 1fbe30242c9a0354c0ae680f6d6bfc79ea4c2b1d Mon Sep 17 00:00:00 2001
From: Potenz <vishnu10kumar11@gmail.com>
Date: Thu, 18 Dec 2025 00:00:09 +0530
Subject: [PATCH] added - new combo buttons

---
 .../src/components/claims/claim-form.tsx      | 38 +++++++++++++++++++
 apps/Frontend/src/utils/procedureCombos.ts    | 23 +++++++++++
 2 files changed, 61 insertions(+)

diff --git a/apps/Frontend/src/components/claims/claim-form.tsx b/apps/Frontend/src/components/claims/claim-form.tsx
index 917b5e6..eb5d195 100644
--- a/apps/Frontend/src/components/claims/claim-form.tsx
+++ b/apps/Frontend/src/components/claims/claim-form.tsx
@@ -1053,6 +1053,44 @@ export function ClaimForm({
                         })}
                       </div>
                     </div>
+
+                    {/* ORTH GROUP */}
+                    <div className="space-y-2">
+                      <div className="text-sm font-medium opacity-80">Orth</div>
+
+                      <div className="flex flex-wrap gap-2">
+                        {[
+                          "orthPerioVisitDirect",
+                          "orthPreExamDirect",
+                          "orthRetentionDirect",
+                        ].map((comboId) => {
+                          const b = PROCEDURE_COMBOS[comboId];
+                          if (!b) return null;
+
+                          const tooltipText = b.codes.join(", ");
+
+                          return (
+                            <Tooltip key={b.id}>
+                              <TooltipTrigger asChild>
+                                <Button
+                                  variant="secondary"
+                                  onClick={() => applyComboAndThenMH(b.id)}
+                                  aria-label={`${b.label} — codes: ${tooltipText}`}
+                                >
+                                  {b.label}
+                                </Button>
+                              </TooltipTrigger>
+
+                              <TooltipContent side="top" align="center">
+                                <div className="text-sm max-w-xs break-words">
+                                  {tooltipText}
+                                </div>
+                              </TooltipContent>
+                            </Tooltip>
+                          );
+                        })}
+                      </div>
+                    </div>
                   </div>
                 </div>
               </div>
diff --git a/apps/Frontend/src/utils/procedureCombos.ts b/apps/Frontend/src/utils/procedureCombos.ts
index cfd2b8c..3561252 100644
--- a/apps/Frontend/src/utils/procedureCombos.ts
+++ b/apps/Frontend/src/utils/procedureCombos.ts
@@ -220,6 +220,28 @@ export const PROCEDURE_COMBOS: Record<
     label: "Baby Teeth EXT",
     codes: ["D7111"],
   },
+
+  // Orthodontics
+  orthPerioVisitDirect: {
+    id: "orthPerioVisitDirect",
+    label: "Perio Orth Visit ",
+    codes: ["D8670"],
+  },
+  orthPreExamDirect: {
+    id: "orthPreExamDirect",
+    label: "Pre-Orth Exam",
+    codes: ["D8660"],
+  },
+  orthPA: {
+    id: "orthPA",
+    label: "Orth PA",
+    codes: ["D8080", "D8670", "D8660"],
+  },
+  orthRetentionDirect: {
+    id: "orthRetentionDirect",
+    label: "Orth Retention",
+    codes: ["D8680"],
+  },
   // add more…
 };
 
@@ -263,4 +285,5 @@ export const COMBO_CATEGORIES: Record<
     "surgicalExtraction",
     "babyTeethExtraction",
   ],
+  Orthodontics: ["orthPA"],
 };