From 68c09751109d3c5d5b41aaf7ef69fbe821edb9f2 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Wed, 25 Mar 2026 09:59:10 +0000
Subject: [PATCH] fix(web): resolve frontend build errors

- Changed ReactNode import to a type-only import in `control-item.tsx` to satisfy `verbatimModuleSyntax`.
- Replaced `lucide-react` icons (`Plus`, `Trash2`) with `@tabler/icons-react` equivalents (`IconPlus`, `IconTrash`) in `routing-section.tsx`.

Co-authored-by: TanLuong <28281768+TanLuong@users.noreply.github.com>
---
 web/frontend/src/components/config/control-item.tsx    | 2 +-
 web/frontend/src/components/config/routing-section.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/frontend/src/components/config/control-item.tsx b/web/frontend/src/components/config/control-item.tsx
index b2c512eeb..5e4946769 100644
--- a/web/frontend/src/components/config/control-item.tsx
+++ b/web/frontend/src/components/config/control-item.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from "react"
+import type { ReactNode } from "react"
 
 import { cn } from "@/lib/utils"
 
diff --git a/web/frontend/src/components/config/routing-section.tsx b/web/frontend/src/components/config/routing-section.tsx
index c46c66169..4ee9e15a2 100644
--- a/web/frontend/src/components/config/routing-section.tsx
+++ b/web/frontend/src/components/config/routing-section.tsx
@@ -1,4 +1,4 @@
-import { Plus, Trash2 } from "lucide-react"
+import { IconPlus, IconTrash } from "@tabler/icons-react"
 import { useTranslation } from "react-i18next"
 
 import { Button } from "@/components/ui/button"
@@ -78,7 +78,7 @@ export function RoutingSection({
                 size="sm"
                 onClick={handleAddTier}
               >
-                <Plus className="mr-2 h-4 w-4" />
+                <IconPlus className="mr-2 h-4 w-4" />
                 {t("pages.config.routing.add_tier", "Add Tier")}
               </Button>
             </div>
@@ -137,7 +137,7 @@ export function RoutingSection({
                     className="text-destructive h-8 w-8"
                     onClick={() => handleRemoveTier(index)}
                   >
-                    <Trash2 className="h-4 w-4" />
+                    <IconTrash className="h-4 w-4" />
                   </Button>
                 </div>
               ))}