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 >
91+
11192</ head >
11293< body class ="bg-gray-50 text-gray-900 ">
11394 <!-- Navigation -->
@@ -710,7 +691,7 @@ <h4 class="font-semibold mb-4">Resources</h4>
710691 < div id ="mcpModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
711692 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
712693 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
713- < h2 class =" text-2xl font-bold text-gray-900 modal-title "> MCP Manager Agent Workflow</ h2 >
694+ < div style =" color: #111827; font-size: 1.5rem; font-weight: 700; margin: 0; padding: 0; font-family: system-ui, sans-serif; "> MCP Manager Agent Workflow</ div >
714695 < button onclick ="closeMCPModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
715696 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
716697 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -894,7 +875,7 @@ <h2 class="text-2xl font-bold text-gray-900 modal-title">MCP Manager Agent Workf
894875 < div id ="planningModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
895876 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
896877 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
897- < h2 class =" text-2xl font-bold text-gray-900 modal-title "> Planning Agent Workflow</ h2 >
878+ < div style =" color: #111827; font-size: 1.5rem; font-weight: 700; margin: 0; padding: 0; font-family: system-ui, sans-serif; "> Planning Agent Workflow</ div >
898879 < button onclick ="closePlanningModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
899880 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
900881 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -1134,7 +1115,7 @@ <h2 class="text-2xl font-bold text-gray-900 modal-title">Planning Agent Workflow
11341115 < div id ="deepResearcherModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
11351116 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
11361117 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
1137- < h2 class =" text-2xl font-bold text-gray-900 modal-title "> Deep Researcher Agent Workflow</ h2 >
1118+ < div style =" color: #111827; font-size: 1.5rem; font-weight: 700; margin: 0; padding: 0; font-family: system-ui, sans-serif; "> Deep Researcher Agent Workflow</ div >
11381119 < button onclick ="closeDeepResearcherModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
11391120 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
11401121 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -1374,7 +1355,7 @@ <h2 class="text-2xl font-bold text-gray-900 modal-title">Deep Researcher Agent W
13741355 < div id ="browserUseModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
13751356 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
13761357 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
1377- < h2 class =" text-2xl font-bold text-gray-900 modal-title "> Browser Use Agent Workflow</ h2 >
1358+ < div style =" color: #111827; font-size: 1.5rem; font-weight: 700; margin: 0; padding: 0; font-family: system-ui, sans-serif; "> Browser Use Agent Workflow</ div >
13781359 < button onclick ="closeBrowserUseModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
13791360 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
13801361 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -1642,7 +1623,7 @@ <h2 class="text-2xl font-bold text-gray-900 modal-title">Browser Use Agent Workf
16421623 < div id ="deepAnalyzerModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
16431624 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
16441625 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
1645- < h2 class =" text-2xl font-bold text-gray-900 modal-title "> Deep Analyzer Agent Workflow</ h2 >
1626+ < div style =" color: #111827; font-size: 1.5rem; font-weight: 700; margin: 0; padding: 0; font-family: system-ui, sans-serif; "> Deep Analyzer Agent Workflow</ div >
16461627 < button onclick ="closeDeepAnalyzerModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
16471628 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
16481629 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -1910,7 +1891,7 @@ <h2 class="text-2xl font-bold text-gray-900 modal-title">Deep Analyzer Agent Wor
19101891 < div id ="generalToolCallingModal " class ="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4 ">
19111892 < div class ="bg-white rounded-2xl max-w-6xl w-full max-h-[90vh] overflow-y-auto ">
19121893 < div class ="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex justify-between items-center ">
1913- < h2 class =" text-2xl font-bold text-gray-900 modal-title "> General Tool Calling Agent Workflow</ h2 >
1894+ < div style =" color: #111827; font-size: 1.5rem; font-weight: 700; margin: 0; padding: 0; font-family: system-ui, sans-serif; "> General Tool Calling Agent Workflow</ div >
19141895 < button onclick ="closeGeneralToolCallingModal() " class ="text-gray-400 hover:text-gray-600 transition-colors ">
19151896 < svg class ="w-6 h-6 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
19161897 < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M6 18L18 6M6 6l12 12 "> </ path >
@@ -2293,16 +2274,6 @@ <h2 class="text-2xl font-bold text-gray-900 modal-title">General Tool Calling Ag
22932274 const modal = document . getElementById ( 'mcpModal' ) ;
22942275 modal . classList . remove ( 'hidden' ) ;
22952276 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- }
23062277 }
23072278
23082279 function closeMCPModal ( ) {
@@ -2335,16 +2306,6 @@ <h2 class="text-2xl font-bold text-gray-900 modal-title">General Tool Calling Ag
23352306 const modal = document . getElementById ( 'planningModal' ) ;
23362307 modal . classList . remove ( 'hidden' ) ;
23372308 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- }
23482309 }
23492310
23502311 function closePlanningModal ( ) {
@@ -2365,16 +2326,6 @@ <h2 class="text-2xl font-bold text-gray-900 modal-title">General Tool Calling Ag
23652326 const modal = document . getElementById ( 'deepResearcherModal' ) ;
23662327 modal . classList . remove ( 'hidden' ) ;
23672328 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- }
23782329 }
23792330
23802331 function closeDeepResearcherModal ( ) {
@@ -2395,16 +2346,6 @@ <h2 class="text-2xl font-bold text-gray-900 modal-title">General Tool Calling Ag
23952346 const modal = document . getElementById ( 'browserUseModal' ) ;
23962347 modal . classList . remove ( 'hidden' ) ;
23972348 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- }
24082349 }
24092350
24102351 function closeBrowserUseModal ( ) {
@@ -2425,16 +2366,6 @@ <h2 class="text-2xl font-bold text-gray-900 modal-title">General Tool Calling Ag
24252366 const modal = document . getElementById ( 'deepAnalyzerModal' ) ;
24262367 modal . classList . remove ( 'hidden' ) ;
24272368 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- }
24382369 }
24392370
24402371 function closeDeepAnalyzerModal ( ) {
@@ -2455,16 +2386,6 @@ <h2 class="text-2xl font-bold text-gray-900 modal-title">General Tool Calling Ag
24552386 const modal = document . getElementById ( 'generalToolCallingModal' ) ;
24562387 modal . classList . remove ( 'hidden' ) ;
24572388 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- }
24682389 }
24692390
24702391 function closeGeneralToolCallingModal ( ) {
0 commit comments