From 56d060a37d60286616cd0cccc5692c3a8e1ba100 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Thu, 12 Feb 2026 10:34:48 +0900
Subject: [PATCH] =?UTF-8?q?refactor:React=20CDN=EC=9D=84=20=EA=B3=B5?=
 =?UTF-8?q?=ED=86=B5=20partial=EB=A1=9C=20=ED=86=B5=ED=95=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 새 파일: resources/views/partials/react-cdn.blade.php
- 모든 React 페이지에서 중복된 CDN 스크립트를 @include('partials.react-cdn')로 대체
- 30개 파일 업데이트 (finance, juil, system, sales)
- 유지보수성 향상: CDN 버전 변경 시 한 곳만 수정
---
 .../views/finance/account-transactions.blade.php  |  4 +---
 .../views/finance/card-transactions.blade.php     |  4 +---
 resources/views/finance/consulting-fee.blade.php  |  4 +---
 resources/views/finance/corporate-cards.blade.php |  4 +---
 .../views/finance/corporate-vehicles.blade.php    |  4 +---
 .../views/finance/customer-settlement.blade.php   |  4 +---
 resources/views/finance/customers.blade.php       |  4 +---
 resources/views/finance/daily-fund.blade.php      |  4 +---
 resources/views/finance/expense.blade.php         |  4 +---
 resources/views/finance/income.blade.php          |  4 +---
 resources/views/finance/journal-entries.blade.php |  4 +---
 resources/views/finance/partners.blade.php        |  4 +---
 resources/views/finance/payables.blade.php        |  4 +---
 resources/views/finance/purchase.blade.php        |  4 +---
 resources/views/finance/receivables.blade.php     |  4 +---
 resources/views/finance/refunds.blade.php         |  4 +---
 .../views/finance/sales-commission.blade.php      |  4 +---
 resources/views/finance/sales.blade.php           |  4 +---
 resources/views/finance/subscription.blade.php    |  4 +---
 resources/views/finance/vat.blade.php             |  4 +---
 resources/views/finance/vehicle-logs.blade.php    |  4 +---
 .../views/finance/vehicle-maintenance.blade.php   |  4 +---
 .../views/juil/construction-photos.blade.php      |  4 +---
 resources/views/juil/estimate.blade.php           |  4 +---
 resources/views/juil/meeting-minutes.blade.php    |  4 +---
 resources/views/juil/project.blade.php            |  4 +---
 resources/views/partials/react-cdn.blade.php      | 15 +++++++++++++++
 resources/views/sales/interviews/index.blade.php  |  4 +---
 .../views/system/ai-token-usage/index.blade.php   |  4 +---
 .../system/ai-voice-recording/index.blade.php     |  4 +---
 resources/views/system/holidays/index.blade.php   |  4 +---
 31 files changed, 45 insertions(+), 90 deletions(-)
 create mode 100644 resources/views/partials/react-cdn.blade.php

diff --git a/resources/views/finance/account-transactions.blade.php b/resources/views/finance/account-transactions.blade.php
index e5e9bbe5..260a0b94 100644
--- a/resources/views/finance/account-transactions.blade.php
+++ b/resources/views/finance/account-transactions.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/card-transactions.blade.php b/resources/views/finance/card-transactions.blade.php
index aab880a2..dd3db6cb 100644
--- a/resources/views/finance/card-transactions.blade.php
+++ b/resources/views/finance/card-transactions.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/consulting-fee.blade.php b/resources/views/finance/consulting-fee.blade.php
index bd16b7fd..431448a4 100644
--- a/resources/views/finance/consulting-fee.blade.php
+++ b/resources/views/finance/consulting-fee.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/corporate-cards.blade.php b/resources/views/finance/corporate-cards.blade.php
index 8f14e864..eab4f414 100644
--- a/resources/views/finance/corporate-cards.blade.php
+++ b/resources/views/finance/corporate-cards.blade.php
@@ -15,9 +15,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/corporate-vehicles.blade.php b/resources/views/finance/corporate-vehicles.blade.php
index 4a0b0827..fcd7286d 100644
--- a/resources/views/finance/corporate-vehicles.blade.php
+++ b/resources/views/finance/corporate-vehicles.blade.php
@@ -13,9 +13,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/customer-settlement.blade.php b/resources/views/finance/customer-settlement.blade.php
index 2b85b32a..78a9467c 100644
--- a/resources/views/finance/customer-settlement.blade.php
+++ b/resources/views/finance/customer-settlement.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/customers.blade.php b/resources/views/finance/customers.blade.php
index d3b57618..0c116d0d 100644
--- a/resources/views/finance/customers.blade.php
+++ b/resources/views/finance/customers.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/daily-fund.blade.php b/resources/views/finance/daily-fund.blade.php
index 24eff27a..5d3cb947 100644
--- a/resources/views/finance/daily-fund.blade.php
+++ b/resources/views/finance/daily-fund.blade.php
@@ -17,9 +17,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+@include('partials.react-cdn')
 <script type="text/babel">
 const { useState, useEffect } = React;
 
diff --git a/resources/views/finance/expense.blade.php b/resources/views/finance/expense.blade.php
index c44b854f..30b5dbd1 100644
--- a/resources/views/finance/expense.blade.php
+++ b/resources/views/finance/expense.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/income.blade.php b/resources/views/finance/income.blade.php
index 0275bc95..9a073683 100644
--- a/resources/views/finance/income.blade.php
+++ b/resources/views/finance/income.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/journal-entries.blade.php b/resources/views/finance/journal-entries.blade.php
index 8af9255a..44d6ce50 100644
--- a/resources/views/finance/journal-entries.blade.php
+++ b/resources/views/finance/journal-entries.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/partners.blade.php b/resources/views/finance/partners.blade.php
index e6f9f5ea..5e7fcb2a 100644
--- a/resources/views/finance/partners.blade.php
+++ b/resources/views/finance/partners.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/payables.blade.php b/resources/views/finance/payables.blade.php
index f51421b0..9803acab 100644
--- a/resources/views/finance/payables.blade.php
+++ b/resources/views/finance/payables.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/purchase.blade.php b/resources/views/finance/purchase.blade.php
index 2227e0c8..e4984823 100644
--- a/resources/views/finance/purchase.blade.php
+++ b/resources/views/finance/purchase.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/receivables.blade.php b/resources/views/finance/receivables.blade.php
index 1863254e..232555bf 100644
--- a/resources/views/finance/receivables.blade.php
+++ b/resources/views/finance/receivables.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/refunds.blade.php b/resources/views/finance/refunds.blade.php
index 0697ff71..b8a9b30f 100644
--- a/resources/views/finance/refunds.blade.php
+++ b/resources/views/finance/refunds.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/sales-commission.blade.php b/resources/views/finance/sales-commission.blade.php
index c11e7f73..fb885ad1 100644
--- a/resources/views/finance/sales-commission.blade.php
+++ b/resources/views/finance/sales-commission.blade.php
@@ -13,9 +13,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/sales.blade.php b/resources/views/finance/sales.blade.php
index ff4be720..540ad028 100644
--- a/resources/views/finance/sales.blade.php
+++ b/resources/views/finance/sales.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/subscription.blade.php b/resources/views/finance/subscription.blade.php
index d1d49308..891fc93a 100644
--- a/resources/views/finance/subscription.blade.php
+++ b/resources/views/finance/subscription.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/vat.blade.php b/resources/views/finance/vat.blade.php
index 82230b00..9ff7d26b 100644
--- a/resources/views/finance/vat.blade.php
+++ b/resources/views/finance/vat.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/vehicle-logs.blade.php b/resources/views/finance/vehicle-logs.blade.php
index 9918f4aa..cc73227a 100644
--- a/resources/views/finance/vehicle-logs.blade.php
+++ b/resources/views/finance/vehicle-logs.blade.php
@@ -13,9 +13,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/finance/vehicle-maintenance.blade.php b/resources/views/finance/vehicle-maintenance.blade.php
index 5ba93dfb..5cdc6af7 100644
--- a/resources/views/finance/vehicle-maintenance.blade.php
+++ b/resources/views/finance/vehicle-maintenance.blade.php
@@ -13,9 +13,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/juil/construction-photos.blade.php b/resources/views/juil/construction-photos.blade.php
index df1c53e1..6c4ff266 100644
--- a/resources/views/juil/construction-photos.blade.php
+++ b/resources/views/juil/construction-photos.blade.php
@@ -8,9 +8,7 @@
 
 @push('scripts')
 <script src="https://cdn.tailwindcss.com"></script>
-<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+@include('partials.react-cdn')
 <script type="text/babel">
 @verbatim
 const { useState, useEffect, useCallback, useRef } = React;
diff --git a/resources/views/juil/estimate.blade.php b/resources/views/juil/estimate.blade.php
index afd0c71a..9068b5b8 100644
--- a/resources/views/juil/estimate.blade.php
+++ b/resources/views/juil/estimate.blade.php
@@ -8,9 +8,7 @@
 
 @push('scripts')
 <script src="https://cdn.tailwindcss.com"></script>
-<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+@include('partials.react-cdn')
 <script type="text/babel">
 @verbatim
 const { useState, useMemo } = React;
diff --git a/resources/views/juil/meeting-minutes.blade.php b/resources/views/juil/meeting-minutes.blade.php
index b8758c58..e21d7cea 100644
--- a/resources/views/juil/meeting-minutes.blade.php
+++ b/resources/views/juil/meeting-minutes.blade.php
@@ -8,9 +8,7 @@
 
 @push('scripts')
 <script src="https://cdn.tailwindcss.com"></script>
-<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+@include('partials.react-cdn')
 <script type="text/babel">
 @verbatim
 const { useState, useEffect, useCallback, useRef, useMemo } = React;
diff --git a/resources/views/juil/project.blade.php b/resources/views/juil/project.blade.php
index b307002d..07f883fe 100644
--- a/resources/views/juil/project.blade.php
+++ b/resources/views/juil/project.blade.php
@@ -8,9 +8,7 @@
 
 @push('scripts')
 <script src="https://cdn.tailwindcss.com"></script>
-<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+@include('partials.react-cdn')
 <script type="text/babel">
 @verbatim
 const { useState, useMemo } = React;
diff --git a/resources/views/partials/react-cdn.blade.php b/resources/views/partials/react-cdn.blade.php
new file mode 100644
index 00000000..f41e2c45
--- /dev/null
+++ b/resources/views/partials/react-cdn.blade.php
@@ -0,0 +1,15 @@
+{{--
+    React 18 + Babel CDN (Production Build)
+    Usage: @include('partials.react-cdn')
+
+    - Production 빌드: DevTools 경고 없음
+    - Babel in-browser 경고 자동 억제
+    - createRoot 헬퍼 포함
+--}}
+<script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
+<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
+<script>
+// Babel in-browser transformer 경고 억제
+(function(){var w=console.warn;console.warn=function(){if(typeof arguments[0]==='string'&&arguments[0].indexOf('in-browser Babel')>-1)return;w.apply(console,arguments)};})();
+</script>
+<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
diff --git a/resources/views/sales/interviews/index.blade.php b/resources/views/sales/interviews/index.blade.php
index 264ae7a4..f6799cff 100644
--- a/resources/views/sales/interviews/index.blade.php
+++ b/resources/views/sales/interviews/index.blade.php
@@ -26,9 +26,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/system/ai-token-usage/index.blade.php b/resources/views/system/ai-token-usage/index.blade.php
index cbeea004..d451ae59 100644
--- a/resources/views/system/ai-token-usage/index.blade.php
+++ b/resources/views/system/ai-token-usage/index.blade.php
@@ -188,9 +188,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/system/ai-voice-recording/index.blade.php b/resources/views/system/ai-voice-recording/index.blade.php
index 60f0ddb6..70e51cbb 100644
--- a/resources/views/system/ai-voice-recording/index.blade.php
+++ b/resources/views/system/ai-voice-recording/index.blade.php
@@ -24,9 +24,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">
diff --git a/resources/views/system/holidays/index.blade.php b/resources/views/system/holidays/index.blade.php
index 23503736..736d7afc 100644
--- a/resources/views/system/holidays/index.blade.php
+++ b/resources/views/system/holidays/index.blade.php
@@ -14,9 +14,7 @@
 @endsection
 
 @push('scripts')
-<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
-<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+@include('partials.react-cdn')
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
 @verbatim
 <script type="text/babel">