studio-a1 · studio-a1 · Aug 21, 2025 · Aug 21, 2025 · Aug 22, 2025 · Aug 22, 2025
diff --git a/App.tsx b/App.tsx
@@ -1,5 +1,6 @@
+
 import React from 'react';
-import Calculator from './components/Calculator.tsx';
+import Calculator from './components/Calculator';
 
 const CarIcon = () => (
     <svg xmlns="http://www.w3.org/2000/svg" className="h-8 w-8 sm:h-9 sm:w-9 mr-3 inline-block" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
@@ -22,7 +23,7 @@ function App() {
           MotorApp_Calculator
         </h1>
         <p className="text-slate-400">
-          Sua ferramenta para calcular a viabilidade de corridas e entregas.
+          Uma ferramenta para calcular a viabilidade de viagens, corridas, entregas e rolés.
         </p>
       </header>
       <main className="max-w-5xl mx-auto">
@@ -32,4 +33,4 @@ function App() {
   );
 }
 
-export default App;
+export default App;
diff --git a/components/Calculator.tsx b/components/Calculator.tsx
@@ -1,5 +1,6 @@
+
 import React, { useState, useMemo, useCallback } from 'react';
-import type { FormData, CalculationResults } from '../types.ts';
+import type { FormData, CalculationResults } from '../types';
 
 // --- HELPER UI COMPONENTS (Defined outside main component to prevent re-creation on re-render) ---
 
@@ -461,4 +462,4 @@ const Calculator: React.FC = () => {
   );
 };
 
-export default Calculator;
+export default Calculator;
diff --git a/index.html b/index.html
@@ -1,22 +1,10 @@
-
 <!DOCTYPE html>
 <html lang="pt-BR">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>MotorApp_Calculator</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <!-- Add Babel for in-browser JSX/TSX transpilation -->
-    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
-    <script type="importmap">
-      {
-        "imports": {
-          "react-dom/": "https://esm.sh/react-dom@^19.1.1/",
-          "react/": "https://esm.sh/react@^19.1.1/",
-          "react": "https://esm.sh/react@^19.1.1"
-        }
-      }
-    </script>
     <style>
       @media print {
         body {
@@ -52,10 +40,28 @@
         }
       }
     </style>
-  </head>
+  <script type="importmap">
+{
+  "imports": {
+    "react": "https://esm.sh/react@^19.1.1",
+    "react-dom/": "https://esm.sh/react-dom@^19.1.1/",
+    "react/": "https://esm.sh/react@^19.1.1/",
+    "vite": "https://esm.sh/vite@^7.1.3",
+    "@vitejs/plugin-react": "https://esm.sh/@vitejs/plugin-react@^5.0.1"
+  }
+}
+</script> 
+</head>
   <body>
     <div id="root"></div>
+
+    <script type="module" src="/index.tsx"></script>
+
+
+    <script type="module" src="index.tsx"></script>
+
     <!-- Change script type to text/babel for transpilation -->
-    <script type="text/babel" data-type="module" src="./index.tsx"></script>
+    <script type="text/babel" data-type="module" src="index.tsx"></script>
+
   </body>
 </html>
diff --git a/index.tsx b/index.tsx
@@ -1,7 +1,7 @@
 
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import App from './App.tsx';
+import App from './App';
 
 const rootElement = document.getElementById('root');
 if (!rootElement) {
@@ -13,4 +13,4 @@ root.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>
-);
+);
diff --git a/metadata.json b/metadata.json
@@ -1,5 +1,5 @@
 {
-  "name": "Ride-Share Profit Calculator",
+  "name": "MotorApp_Calculator1",
   "description": "A calculator for ride-share and delivery drivers to determine the profitability of a trip by considering vehicle expenses, fuel costs, and earnings. Applicable to both cars and motorcycles, it helps drivers make informed decisions.",
   "requestFramePermissions": []
 }