8888
8989 <!-- Custom CSS -->
9090 < link rel ="stylesheet " href ="style.css ">
91+ < style >
92+ /* Ensure modal titles are always visible */
93+ .modal-title {
94+ color : # 111827 !important ;
95+ font-size : 1.5rem !important ;
96+ font-weight : 700 !important ;
97+ font-family : 'Inter' , system-ui, sans-serif !important ;
98+ line-height : 1.2 !important ;
99+ margin : 0 !important ;
100+ padding : 0 !important ;
101+ display : block !important ;
102+ visibility : visible !important ;
103+ opacity : 1 !important ;
104+ }
105+
106+ /* Fallback for font loading issues */
107+ h2 .text-2xl {
108+ font-family : system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI' , Roboto, sans-serif !important ;
109+ }
110+ </ style >
91111</ head >
92112< body class ="bg-gray-50 text-gray-900 ">
93113 <!-- Navigation -->
@@ -690,7 +710,7 @@ <h4 class="font-semibold mb-4">Resources</h4>
690710 < div id ="mcpModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
691711 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
692712 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
693- < h2 class ="text-2xl font-bold text-gray-900 "> MCP Manager Agent Workflow</ h2 >
713+ < h2 class ="text-2xl font-bold text-gray-900 modal-title "> MCP Manager Agent Workflow</ h2 >
694714 < button onclick ="closeMCPModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
695715 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
696716 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -874,7 +894,7 @@ <h2 class="text-2xl font-bold text-gray-900">MCP Manager Agent Workflow</h2>
874894 < div id ="planningModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
875895 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
876896 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
877- < h2 class ="text-2xl font-bold text-gray-900 "> Planning Agent Workflow</ h2 >
897+ < h2 class ="text-2xl font-bold text-gray-900 modal-title "> Planning Agent Workflow</ h2 >
878898 < button onclick ="closePlanningModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
879899 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
880900 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -1114,7 +1134,7 @@ <h2 class="text-2xl font-bold text-gray-900">Planning Agent Workflow</h2>
11141134 < div id ="deepResearcherModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
11151135 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
11161136 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
1117- < h2 class ="text-2xl font-bold text-gray-900 "> Deep Researcher Agent Workflow</ h2 >
1137+ < h2 class ="text-2xl font-bold text-gray-900 modal-title "> Deep Researcher Agent Workflow</ h2 >
11181138 < button onclick ="closeDeepResearcherModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
11191139 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
11201140 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -1354,7 +1374,7 @@ <h2 class="text-2xl font-bold text-gray-900">Deep Researcher Agent Workflow</h2>
13541374 < div id ="browserUseModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
13551375 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
13561376 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
1357- < h2 class ="text-2xl font-bold text-gray-900 "> Browser Use Agent Workflow</ h2 >
1377+ < h2 class ="text-2xl font-bold text-gray-900 modal-title "> Browser Use Agent Workflow</ h2 >
13581378 < button onclick ="closeBrowserUseModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
13591379 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
13601380 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -1622,7 +1642,7 @@ <h2 class="text-2xl font-bold text-gray-900">Browser Use Agent Workflow</h2>
16221642 < div id ="deepAnalyzerModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
16231643 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
16241644 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
1625- < h2 class ="text-2xl font-bold text-gray-900 "> Deep Analyzer Agent Workflow</ h2 >
1645+ < h2 class ="text-2xl font-bold text-gray-900 modal-title "> Deep Analyzer Agent Workflow</ h2 >
16261646 < button onclick ="closeDeepAnalyzerModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
16271647 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
16281648 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -1890,7 +1910,7 @@ <h2 class="text-2xl font-bold text-gray-900">Deep Analyzer Agent Workflow</h2>
18901910 < div id ="generalToolCallingModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
18911911 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
18921912 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
1893- < h2 class ="text-2xl font-bold text-gray-900 "> General Tool Calling Agent Workflow</ h2 >
1913+ < h2 class ="text-2xl font-bold text-gray-900 modal-title "> General Tool Calling Agent Workflow</ h2 >
18941914 < button onclick ="closeGeneralToolCallingModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
18951915 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
18961916 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -2273,6 +2293,16 @@ <h2 class="text-2xl font-bold text-gray-900">General Tool Calling Agent Workflow
22732293 const modal = document . getElementById ( 'mcpModal' ) ;
22742294 modal . classList . remove ( 'hidden' ) ;
22752295 document . body . style . overflow = 'hidden' ;
2296+
2297+ // Ensure title is visible
2298+ const title = modal . querySelector ( 'h2' ) ;
2299+ if ( title ) {
2300+ title . style . color = '#111827' ;
2301+ title . style . fontSize = '1.5rem' ;
2302+ title . style . fontWeight = '700' ;
2303+ title . style . visibility = 'visible' ;
2304+ title . style . opacity = '1' ;
2305+ }
22762306 }
22772307
22782308 function closeMCPModal ( ) {
@@ -2305,6 +2335,16 @@ <h2 class="text-2xl font-bold text-gray-900">General Tool Calling Agent Workflow
23052335 const modal = document . getElementById ( 'planningModal' ) ;
23062336 modal . classList . remove ( 'hidden' ) ;
23072337 document . body . style . overflow = 'hidden' ;
2338+
2339+ // Ensure title is visible
2340+ const title = modal . querySelector ( 'h2' ) ;
2341+ if ( title ) {
2342+ title . style . color = '#111827' ;
2343+ title . style . fontSize = '1.5rem' ;
2344+ title . style . fontWeight = '700' ;
2345+ title . style . visibility = 'visible' ;
2346+ title . style . opacity = '1' ;
2347+ }
23082348 }
23092349
23102350 function closePlanningModal ( ) {
@@ -2325,6 +2365,16 @@ <h2 class="text-2xl font-bold text-gray-900">General Tool Calling Agent Workflow
23252365 const modal = document . getElementById ( 'deepResearcherModal' ) ;
23262366 modal . classList . remove ( 'hidden' ) ;
23272367 document . body . style . overflow = 'hidden' ;
2368+
2369+ // Ensure title is visible
2370+ const title = modal . querySelector ( 'h2' ) ;
2371+ if ( title ) {
2372+ title . style . color = '#111827' ;
2373+ title . style . fontSize = '1.5rem' ;
2374+ title . style . fontWeight = '700' ;
2375+ title . style . visibility = 'visible' ;
2376+ title . style . opacity = '1' ;
2377+ }
23282378 }
23292379
23302380 function closeDeepResearcherModal ( ) {
@@ -2345,6 +2395,16 @@ <h2 class="text-2xl font-bold text-gray-900">General Tool Calling Agent Workflow
23452395 const modal = document . getElementById ( 'browserUseModal' ) ;
23462396 modal . classList . remove ( 'hidden' ) ;
23472397 document . body . style . overflow = 'hidden' ;
2398+
2399+ // Ensure title is visible
2400+ const title = modal . querySelector ( 'h2' ) ;
2401+ if ( title ) {
2402+ title . style . color = '#111827' ;
2403+ title . style . fontSize = '1.5rem' ;
2404+ title . style . fontWeight = '700' ;
2405+ title . style . visibility = 'visible' ;
2406+ title . style . opacity = '1' ;
2407+ }
23482408 }
23492409
23502410 function closeBrowserUseModal ( ) {
@@ -2365,6 +2425,16 @@ <h2 class="text-2xl font-bold text-gray-900">General Tool Calling Agent Workflow
23652425 const modal = document . getElementById ( 'deepAnalyzerModal' ) ;
23662426 modal . classList . remove ( 'hidden' ) ;
23672427 document . body . style . overflow = 'hidden' ;
2428+
2429+ // Ensure title is visible
2430+ const title = modal . querySelector ( 'h2' ) ;
2431+ if ( title ) {
2432+ title . style . color = '#111827' ;
2433+ title . style . fontSize = '1.5rem' ;
2434+ title . style . fontWeight = '700' ;
2435+ title . style . visibility = 'visible' ;
2436+ title . style . opacity = '1' ;
2437+ }
23682438 }
23692439
23702440 function closeDeepAnalyzerModal ( ) {
@@ -2385,6 +2455,16 @@ <h2 class="text-2xl font-bold text-gray-900">General Tool Calling Agent Workflow
23852455 const modal = document . getElementById ( 'generalToolCallingModal' ) ;
23862456 modal . classList . remove ( 'hidden' ) ;
23872457 document . body . style . overflow = 'hidden' ;
2458+
2459+ // Ensure title is visible
2460+ const title = modal . querySelector ( 'h2' ) ;
2461+ if ( title ) {
2462+ title . style . color = '#111827' ;
2463+ title . style . fontSize = '1.5rem' ;
2464+ title . style . fontWeight = '700' ;
2465+ title . style . visibility = 'visible' ;
2466+ title . style . opacity = '1' ;
2467+ }
23882468 }
23892469
23902470 function closeGeneralToolCallingModal ( ) {
0 commit comments