@jjlmoya/utils-drones 1.23.0 → 1.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-drones",
-    "version": "1.23.0",
+    "version": "1.25.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/category/index.ts

@@ -5,6 +5,7 @@ import { gpsCoordinatesConverter } from '../tool/gps-coordinates-converter/entry
 import { dronePowerAnalyzer } from '../tool/drone-power-analyzer/entry';
 import { gsdFlightPlanner } from '../tool/gsd-flight-planner/entry';
 import { droneBatteryCRatingCalculator } from '../tool/drone-battery-c-rating-calculator/entry';
+import { fpvDroneThrustToWeightRatio } from '../tool/fpv-drone-thrust-to-weight-ratio/entry';
 
 export const dronesCategory: DronesCategoryEntry = {
   icon: 'mdi:drone',
@@ -15,6 +16,7 @@ export const dronesCategory: DronesCategoryEntry = {
     dronePowerAnalyzer,
     gsdFlightPlanner,
     droneBatteryCRatingCalculator,
+    fpvDroneThrustToWeightRatio,
   ],
   i18n: {
     es: () => import('./i18n/es').then((m) => m.content),

package/src/entries.ts

@@ -10,6 +10,8 @@ export { gsdFlightPlanner } from './tool/gsd-flight-planner/entry';
 export type { GsdFlightPlannerUI, GsdFlightPlannerLocaleContent } from './tool/gsd-flight-planner/entry';
 export { droneBatteryCRatingCalculator } from './tool/drone-battery-c-rating-calculator/entry';
 export type { DroneBatteryCRatingCalculatorUI, DroneBatteryCRatingCalculatorLocaleContent } from './tool/drone-battery-c-rating-calculator/entry';
+export { fpvDroneThrustToWeightRatio } from './tool/fpv-drone-thrust-to-weight-ratio/entry';
+export type { FpvDroneThrustToWeightRatioUI, FpvDroneThrustToWeightRatioLocaleContent } from './tool/fpv-drone-thrust-to-weight-ratio/entry';
 export { dronesCategory } from './category';
 
 import { antennaLengthCalculator } from './tool/antenna-length-calculator/entry';
@@ -18,6 +20,7 @@ import { gpsCoordinatesConverter } from './tool/gps-coordinates-converter/entry'
 import { dronePowerAnalyzer } from './tool/drone-power-analyzer/entry';
 import { gsdFlightPlanner } from './tool/gsd-flight-planner/entry';
 import { droneBatteryCRatingCalculator } from './tool/drone-battery-c-rating-calculator/entry';
+import { fpvDroneThrustToWeightRatio } from './tool/fpv-drone-thrust-to-weight-ratio/entry';
 
 export const ALL_ENTRIES = [
   antennaLengthCalculator,
@@ -26,4 +29,5 @@ export const ALL_ENTRIES = [
   dronePowerAnalyzer,
   gsdFlightPlanner,
   droneBatteryCRatingCalculator,
+  fpvDroneThrustToWeightRatio,
 ];

package/src/tests/diacritics_density.test.ts

@@ -8,49 +8,49 @@ const DIACRITIC_RULES = {
     language: 'German',
     expectedCharacters: 'ä ö ü ß',
     characters: /[äöüÄÖÜß]/g,
-    minPerThousandLetters: 0.1,
+    minPerThousandLetters: 3.0,
   },
   es: {
     language: 'Spanish',
     expectedCharacters: 'á é í ó ú ü ñ',
     characters: /[áéíóúüñÁÉÍÓÚÜÑ]/g,
-    minPerThousandLetters: 0.1,
+    minPerThousandLetters: 8.0,
   },
   fr: {
     language: 'French',
     expectedCharacters: 'à â æ ç é è ê ë î ï ô œ ù û ü ÿ',
     characters: /[àâæçéèêëîïôœùûüÿÀÂÆÇÉÈÊËÎÏÔŒÙÛÜŸ]/g,
-    minPerThousandLetters: 0.1,
+    minPerThousandLetters: 8.0,
   },
   it: {
     language: 'Italian',
     expectedCharacters: 'à è é ì í î ò ó ù ú',
     characters: /[àèéìíîòóùúÀÈÉÌÍÎÒÓÙÚ]/g,
-    minPerThousandLetters: 0.1,
+    minPerThousandLetters: 3.0,
   },
   pl: {
     language: 'Polish',
     expectedCharacters: 'ą ć ę ł ń ó ś ź ż',
     characters: /[ąćęłńóśźżĄĆĘŁŃÓŚŹŻ]/g,
-    minPerThousandLetters: 0.1,
+    minPerThousandLetters: 10.0,
   },
   pt: {
     language: 'Portuguese',
     expectedCharacters: 'á â ã à ç é ê í ó ô õ ú ü',
     characters: /[áâãàçéêíóôõúüÁÂÃÀÇÉÊÍÓÔÕÚÜ]/g,
-    minPerThousandLetters: 0.1,
+    minPerThousandLetters: 8.0,
   },
   sv: {
     language: 'Swedish',
     expectedCharacters: 'å ä ö',
     characters: /[åäöÅÄÖ]/g,
-    minPerThousandLetters: 0.1,
+    minPerThousandLetters: 5.0,
   },
   tr: {
     language: 'Turkish',
     expectedCharacters: 'ç ğ ı İ ö ş ü',
     characters: /[çğıöşüÇĞİÖŞÜ]/g,
-    minPerThousandLetters: 0.1,
+    minPerThousandLetters: 10.0,
   },
 } as const;
 

package/src/tests/locale_completeness.test.ts

@@ -17,8 +17,8 @@ describe('Locale Completeness Validation', () => {
     });
   });
 
-  it('all 6 tools registered', () => {
-    expect(ALL_TOOLS.length).toBe(6);
+  it('all 7 tools registered', () => {
+    expect(ALL_TOOLS.length).toBe(7);
   });
 });
 

package/src/tests/tool_validation.test.ts

@@ -4,8 +4,8 @@ import { dronesCategory } from '../data';
 
 describe('Tool Validation Suite', () => {
   describe('Library Registration', () => {
-    it('should have 6 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(6);
+    it('should have 7 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(7);
     });
 
     it('dronesCategory should be defined', () => {

package/src/tool/drone-battery-c-rating-calculator/i18n/es.ts

@@ -4,108 +4,108 @@ import type { SEOSection } from '../../../types';
 import { BIBLIOGRAPHY_ITEMS } from '../bibliography';
 
 const slug = 'calculadora-tasa-c-bateria-lipo-dron';
-const title = 'Calculadora de Tasa C de Bateria LiPo y Descarga Continua para Drones';
-const description = 'Calcula la corriente de descarga continua real, tasa C realista, sag de voltaje y seguridad de vuelo para baterias LiPo de drones basandote en la resistencia interna y consumo de motores.';
+const title = 'Calculadora de Tasa C de Batería LiPo y Descarga Continua para Drones';
+const description = 'Calcula la corriente de descarga continua real, tasa C realista, sag de voltaje y seguridad de vuelo para baterías LiPo de drones basándote en la resistencia interna y consumo de motores.';
 
 const ui = {
-  title: 'Calculadora de Tasa C de Bateria LiPo para Drones',
-  subtitle: 'Analiza la descarga continua real, exigencia de burst y sag de voltaje para multirotores',
-  lipoSpecsHeader: 'Especificaciones de la Bateria',
+  title: 'Calculadora de Tasa C de Batería LiPo para Drones',
+  subtitle: 'Analiza la descarga continua real, exigencia de burst y sag de voltaje para multirrotores',
+  lipoSpecsHeader: 'Especificaciones de la Batería',
   capacityLabel: 'Capacidad (mAh)',
   claimedCRatingLabel: 'Tasa C Anunciada',
-  cellCountLabel: 'Numero de Celdas (Serie)',
-  chemistryLabel: 'Quimica de la Bateria',
+  cellCountLabel: 'Número de Celdas (Serie)',
+  chemistryLabel: 'Química de la Batería',
   internalResistanceLabel: 'Resistencia Interna por Celda (mΩ)',
   quadSpecsHeader: 'Consumo del Dron',
-  motorCountLabel: 'Numero de Motores',
+  motorCountLabel: 'Número de Motores',
   peakMotorCurrentLabel: 'Corriente Pico por Motor (Amperios)',
-  auxCurrentLabel: 'Consumo Auxiliar (VTX, FC, Camara) (Amperios)',
-  presetSelectLabel: 'Ajustes Rapidos',
+  auxCurrentLabel: 'Consumo Auxiliar (VTX, FC, Cámara) (Amperios)',
+  presetSelectLabel: 'Ajustes Rápidos',
   customPreset: 'Personalizado',
   whoopPreset: '1S TinyWhoop',
   freestyle5Preset: '6S Freestyle 5 Pulgadas',
   cinewhoopPreset: '4S CineWhoop 3 Pulgadas',
   longRange7Preset: '6S Long Range 7 Pulgadas',
   racing5Preset: '6S Carreras 5 Pulgadas',
-  resultsHeader: 'Analisis de Rendimiento y Potencia',
-  claimedMaxCurrentLabel: 'Corriente Maxima Anunciada',
+  resultsHeader: 'Análisis de Rendimiento y Potencia',
+  claimedMaxCurrentLabel: 'Corriente Máxima Anunciada',
   realisticCRatingLabel: 'Tasa C Continua Realista',
   realisticMaxCurrentLabel: 'Corriente Continua Realista',
   totalPeakDrawLabel: 'Consumo Pico Total',
-  voltageSagLabel: 'Caida de Tencion Estimada',
+  voltageSagLabel: 'Caída de Tensión Estimada',
   sagNominalVoltageLabel: 'Voltaje Nominal Bajo Carga',
-  flightTimeFullThrottleLabel: 'Autonomia a Acelerador Maximo',
-  flightTimeHoverLabel: 'Autonomia Estimada en Estacionario',
-  safetyStatusLabel: 'Diagnostico de Seguridad',
-  statusOptimalTitle: 'Bateria Segura y Optima',
-  statusOptimalDesc: 'La bateria suministra la corriente pico holgadamente sin sobrecalentamiento ni sag excesivo. Se garantiza una larga vida util de las celdas.',
-  statusWarningTitle: 'Estres Termico y de Voltaje Moderado',
-  statusWarningDesc: 'El consumo pico esta cerca del limite real de la bateria. Espera cierta caida de voltaje en aceleraciones bruscas.',
+  flightTimeFullThrottleLabel: 'Autonomía a Acelerador Máximo',
+  flightTimeHoverLabel: 'Autonomía Estimada en Estacionario',
+  safetyStatusLabel: 'Diagnóstico de Seguridad',
+  statusOptimalTitle: 'Batería Segura y Óptima',
+  statusOptimalDesc: 'La batería suministra la corriente pico holgadamente sin sobrecalentamiento ni sag excesivo. Se garantiza una larga vida útil de las celdas.',
+  statusWarningTitle: 'Estrés Térmico y de Voltaje Moderado',
+  statusWarningDesc: 'El consumo pico está cerca del límite real de la batería. Espera cierta caída de voltaje en aceleraciones bruscas.',
   statusDangerTitle: 'Alto Riesgo de Sobrecarga y Sag de Voltaje',
-  statusDangerDesc: 'El consumo pico supera la capacidad real de la bateria. Alto riesgo de sobrecalentamiento, caida severa de voltaje y degradacion prematura.',
+  statusDangerDesc: 'El consumo pico supera la capacidad real de la batería. Alto riesgo de sobrecalentamiento, caída severa de voltaje y degradación prematura.',
   lipoVisualizerTitle: 'Visualizador de Estado LiPo en Tiempo Real',
   cellVoltageLabel: 'Voltaje por Celda',
-  batteryHealthLabel: 'Estres de Bateria',
+  batteryHealthLabel: 'Estrés de Batería',
   burstRatingRequiredLabel: 'Tasa C de Burst Requerida',
-  currentRatioLabel: 'Relacion de Carga de Potencia',
+  currentRatioLabel: 'Relación de Carga de Potencia',
 };
 
 const faqItems = [
   {
-    question: '¿Que es la tasa C en una bateria LiPo de dron?',
-    answer: 'La tasa C representa la velocidad maxima de descarga continua en relacion con la capacidad de la bateria. Por ejemplo, una bateria de 1500mAh con 100C puede entregar teoricamente 150 Amperios.',
+    question: '¿Qué es la tasa C en una batería LiPo de dron?',
+    answer: 'La tasa C representa la velocidad máxima de descarga continua en relación con la capacidad de la batería. Por ejemplo, una batería de 1500mAh con 100C puede entregar teóricamente 150 Amperios.',
   },
   {
-    question: '¿Por que la tasa C anunciada suele ser superior a la real?',
+    question: '¿Por qué la tasa C anunciada suele ser superior a la real?',
     answer: 'Los fabricantes suelen publicitar tasas de ráfaga o valores de marketing. La descarga continua real depende directamente de la resistencia interna de cada celda.',
   },
   {
-    question: '¿Como afecta la resistencia interna al sag de voltaje y al calor?',
-    answer: 'Una alta resistencia interna actua como un resistor indeseado en la celda. Al exigir alta corriente, esta resistencia provoca una caida de voltaje abrupta y disipa calor excesivo.',
+    question: '¿Cómo afecta la resistencia interna al sag de voltaje y al calor?',
+    answer: 'Una alta resistencia interna actúa como un resistor indeseado en la celda. Al exigir alta corriente, esta resistencia provoca una caída de voltaje abrupta y disipa calor excesivo.',
   },
   {
-    question: '¿Como puedo evitar el sag de voltaje durante vuelos de freestyle?',
+    question: '¿Cómo puedo evitar el sag de voltaje durante vuelos de freestyle?',
     answer: 'Utiliza celdas de baja resistencia interna, selecciona un margen de seguridad de al menos el 15 por ciento sobre el consumo pico y no vueles por debajo de 3.5V por celda en reposo.',
   },
 ];
 
 const howToSteps = [
   {
-    name: 'Seleccionar Ajuste Rapido o Introducir Datos de Bateria',
-    text: 'Ingresa la capacidad en mAh, la tasa C anunciada, el numero de celdas en serie y la resistencia interna promedio por celda.',
+    name: 'Seleccionar Ajuste Rápido o Introducir Datos de Batería',
+    text: 'Ingresa la capacidad en mAh, la tasa C anunciada, el número de celdas en serie y la resistencia interna promedio por celda.',
   },
   {
-    name: 'Configurar el Consumo de Motores y Electronica',
-    text: 'Especifica la cantidad de motores, la corriente pico por motor a maximo acelerador y el consumo de componentes auxiliares.',
+    name: 'Configurar el Consumo de Motores y Electrónica',
+    text: 'Especifica la cantidad de motores, la corriente pico por motor a máximo acelerador y el consumo de componentes auxiliares.',
   },
   {
-    name: 'Revisar el Diagnostico de Seguridad y Amperaje Real',
-    text: 'Compara la corriente continua realista calculada con el consumo pico del dron para asegurar un vuelo estable sin riesgo de degradacion.',
+    name: 'Revisar el Diagnóstico de Seguridad y Amperaje Real',
+    text: 'Compara la corriente continua realista calculada con el consumo pico del dron para asegurar un vuelo estable sin riesgo de degradación.',
   },
 ];
 
 const seoSections: SEOSection[] = [
   {
     type: 'title',
-    text: 'Comprendiendo la Tasa C y la Entrega Real de Potencia en Baterias LiPo',
+    text: 'Comprendiendo la Tasa C y la Entrega Real de Potencia en Baterías LiPo',
     level: 2,
   },
   {
     type: 'paragraph',
-    html: 'Elegir la bateria LiPo adecuada para un dron FPV requiere relacionar la capacidad de la bateria, la tasa C y el consumo amperico de los motores. Aunque los fabricantes suelen anunciar tasas de 100C o mas, la capacidad real de descarga continua esta limitada por la resistencia interna de las celdas y la disipacion termica. Esta calculadora evalua el amperaje continuo realista ofreciendo margen de seguridad real.',
+    html: 'Elegir la batería LiPo adecuada para un dron FPV requiere relacionar la capacidad de la batería, la tasa C y el consumo ampérico de los motores. Aunque los fabricantes suelen anunciar tasas de 100C o más, la capacidad real de descarga continua está limitada por la resistencia interna de las celdas y la disipación térmica. Esta calculadora evalúa el amperaje continuo realista ofreciendo un margen de seguridad real.',
   },
   {
     type: 'title',
-    text: 'Tabla Comparativa de Quimicas de Baterias RC',
+    text: 'Tabla Comparativa de Químicas de Baterías RC',
     level: 2,
   },
   {
     type: 'table',
-    headers: ['Quimica', 'Voltaje Nominal', 'Voltaje Maximo', 'Densidad Energetica', 'Descarga Pico', 'Uso Recomendado'],
+    headers: ['Química', 'Voltaje Nominal', 'Voltaje Máximo', 'Densidad Energética', 'Descarga Pico', 'Uso Recomendado'],
     rows: [
-      ['LiPo (Estandar)', '3.7V', '4.20V', 'Alta', '100C - 150C', 'Drones FPV de Carreras y Freestyle 5"'],
-      ['LiHV (Alta Tension)', '3.8V', '4.35V', 'Muy Alta', '80C - 120C', 'TinyWhoops y Micro Multirotores'],
-      ['Li-Ion (18650/21700)', '3.6V', '4.20V', 'Maxima', '15C - 35C', 'Drones Long Range de 7"'],
+      ['LiPo (Estándar)', '3.7V', '4.20V', 'Alta', '100C - 150C', 'Drones FPV de Carreras y Freestyle 5"'],
+      ['LiHV (Alta Tensión)', '3.8V', '4.35V', 'Muy Alta', '80C - 120C', 'TinyWhoops y Micro Multirrotores'],
+      ['Li-Ion (18650/21700)', '3.6V', '4.20V', 'Máxima', '15C - 35C', 'Drones Long Range de 7"'],
       ['LiFePO4', '3.3V', '3.65V', 'Moderada', '30C - 50C', 'Estaciones de Carga en Campo'],
     ],
   },
@@ -116,29 +116,29 @@ const seoSections: SEOSection[] = [
   },
   {
     type: 'paragraph',
-    html: 'El sag de voltaje es la caida repentina de tension que experimenta la bateria bajo aceleraciones fuertes. Al pasar corriente a traves de la resistencia interna, parte de la energia se convierte en calor en lugar de empuje. Una bateria envejecida o de alta resistencia sufrira avisos prematuros de bajo voltaje en el OSD telemetrico.',
+    html: 'El sag de voltaje es la caída repentina de tensión que experimenta la batería bajo aceleraciones fuertes. Al pasar corriente a través de la resistencia interna, parte de la energía se convierte en calor en lugar de empuje. Una batería envejecida o de alta resistencia sufrirá avisos prematuros de bajo voltaje en el OSD telemétrico.',
   },
   {
     type: 'list',
     items: [
-      'Baja Resistencia Interna (1-4 mΩ por celda): Excelente respuesta, sag minimo y temperatura fresca.',
-      'Resistencia Interna Moderada (5-10 mΩ por celda): Rendimiento estandar para freestyle con leve sag.',
-      'Alta Resistencia Interna (>12 mΩ por celda): Perdedas notorias de potencia, sag severo y calentamiento rapido.',
+      'Baja Resistencia Interna (1-4 mΩ por celda): Excelente respuesta, sag mínimo y temperatura fresca.',
+      'Resistencia Interna Moderada (5-10 mΩ por celda): Rendimiento estándar para freestyle con leve sag.',
+      'Alta Resistencia Interna (>12 mΩ por celda): Pérdidas notorias de potencia, sag severo y calentamiento rápido.',
     ],
   },
   {
     type: 'title',
-    text: 'Optimizacion de Baterias para Freestyle Carreras y Drones Long Range',
+    text: 'Optimización de Baterías para Freestyle Carreras y Drones Long Range',
     level: 2,
   },
   {
     type: 'paragraph',
-    html: 'Cada estilo de vuelo exige requisitos energeticos distintos. Los drones de freestyle de 5 pulgadas generan picos intensos de corriente superiores a 120 Amperios, mientras que los drones de 7 pulgadas para largo alcance buscan eficiencia constante. Ajustar la bateria exacta para cada setup previene cortes de alimentacion en vuelo.',
+    html: 'Cada estilo de vuelo exige requisitos energéticos distintos. Los drones de freestyle de 5 pulgadas generan picos intensos de corriente superiores a 120 Amperios, mientras que los drones de 7 pulgadas para largo alcance buscan eficiencia constante. Ajustar la batería exacta para cada setup previene cortes de alimentación en vuelo.',
   },
   {
     type: 'tip',
     title: 'Consejo de Mantenimiento LiPo',
-    html: 'Guarda siempre tus baterias LiPo a 3.80V o 3.85V por celda cuando no las uses. Almacenarlas completamente cargadas durante mas de 48 horas incrementa permanentemente la resistencia interna y degrada su capacidad.',
+    html: 'Guarda siempre tus baterías LiPo a 3.80V o 3.85V por celda cuando no las uses. Almacenarlas completamente cargadas durante más de 48 horas incrementa permanentemente la resistencia interna y degrada su capacidad.',
   },
 ];
 

package/src/tool/fpv-drone-thrust-to-weight-ratio/bibliography.astro

@@ -0,0 +1,6 @@
+---
+import { Bibliography as BibliographyComponent } from "@jjlmoya/utils-shared";
+import { bibliography } from "./bibliography";
+---
+
+<BibliographyComponent links={bibliography} />

package/src/tool/fpv-drone-thrust-to-weight-ratio/bibliography.ts

@@ -0,0 +1,18 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'Betaflight Firmware Documentation - Multirotor Flight Dynamics and Thrust Tuning',
+    url: 'https://betaflight.com/docs/wiki/tuning/4-3-Tuning-Notes',
+  },
+  {
+    name: 'IEEE Xplore - Dynamic Thrust and Power Modeling of Brushless Multirotor Propellers',
+    url: 'https://ieeexplore.ieee.org/document/7036341/',
+  },
+  {
+    name: 'NASA Technical Reports Server - Aerodynamic Performance of Small Multirotor Propellers in Hover',
+    url: 'https://ntrs.nasa.gov/api/citations/20250009190/downloads/NASA-TM-20250009190.pdf?attachment=true',
+  },
+];
+
+export const BIBLIOGRAPHY_ITEMS = bibliography;

package/src/tool/fpv-drone-thrust-to-weight-ratio/component.astro

@@ -0,0 +1,203 @@
+---
+import type { FpvDroneThrustToWeightRatioUI } from './ui';
+import { calculateTwrMetrics, type DroneTwrInputs } from './logic';
+import { renderTwrSVG } from './dom-views';
+import './fpv-drone-thrust-to-weight-ratio.css';
+
+interface Props {
+  ui: FpvDroneThrustToWeightRatioUI;
+}
+
+const { ui } = Astro.props;
+
+const defaultInputs: DroneTwrInputs = {
+  auwGrams: 680,
+  motorCount: 4,
+  thrustPerMotorGrams: 1950,
+  propellerSizeInches: 5.1,
+  propellerPitchInches: 4.3,
+  bladeCount: 3,
+  throttleStickPercent: 70,
+};
+
+const initialResults = calculateTwrMetrics(defaultInputs);
+const initialSvg = renderTwrSVG(defaultInputs, initialResults, ui);
+---
+
+<div class="sc-fpv-cockpit" id="fpv-drone-thrust-to-weight-ratio-root">
+  <div class="sc-cockpit-sidebar">
+    <div>
+      <div class="sc-cockpit-title">{ui.presetsHeader}</div>
+      <div class="sc-preset-group">
+        <button type="button" class="sc-preset-chip active" data-preset="freestyle5">{ui.freestyle5Preset}</button>
+        <button type="button" class="sc-preset-chip" data-preset="freestyle35">{ui.freestyle35Preset}</button>
+        <button type="button" class="sc-preset-chip" data-preset="whoop1s">{ui.whoop1sPreset}</button>
+        <button type="button" class="sc-preset-chip" data-preset="longrange7">{ui.longrange7Preset}</button>
+        <button type="button" class="sc-preset-chip" data-preset="cinelifter8">{ui.cinelifter8Preset}</button>
+      </div>
+    </div>
+
+    <div>
+      <div class="sc-cockpit-title">{ui.specsHeader}</div>
+      <div class="sc-field-group">
+        <div class="sc-field-header">
+          <label for="input-auw">{ui.auwGramsLabel}</label>
+        </div>
+        <input type="number" id="input-auw" class="sc-input" value="680" min="10" max="15000" step="5" />
+        <input type="range" id="range-auw" class="sc-slider" value="680" min="20" max="2500" step="5" aria-label={ui.auwGramsLabel} />
+      </div>
+
+      <div class="sc-field-group" style="margin-top: 0.8rem;">
+        <label>{ui.motorCountLabel}</label>
+        <div class="sc-custom-select" data-custom-select="motor-count">
+          <div class="sc-select-trigger">
+            <span>4 Motors (Quadcopter)</span>
+            <svg width="12" height="12" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>
+          </div>
+          <div class="sc-select-dropdown">
+            <div class="sc-select-option active" data-value="4">4 Motors (Quadcopter)</div>
+            <div class="sc-select-option" data-value="6">6 Motors (Hexacopter)</div>
+            <div class="sc-select-option" data-value="8">8 Motors (Octocopter / X8)</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="sc-field-group" style="margin-top: 0.8rem;">
+        <div class="sc-field-header">
+          <label for="input-thrust-motor">{ui.thrustPerMotorLabel}</label>
+        </div>
+        <input type="number" id="input-thrust-motor" class="sc-input" value="1950" min="10" max="10000" step="10" />
+        <input type="range" id="range-thrust-motor" class="sc-slider" value="1950" min="50" max="4000" step="25" aria-label={ui.thrustPerMotorLabel} />
+      </div>
+
+      <div class="sc-field-group" style="margin-top: 0.8rem;">
+        <label>{ui.bladeCountLabel}</label>
+        <div class="sc-custom-select" data-custom-select="blade-count">
+          <div class="sc-select-trigger">
+            <span>{ui.blade3Option}</span>
+            <svg width="12" height="12" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>
+          </div>
+          <div class="sc-select-dropdown">
+            <div class="sc-select-option" data-value="2">{ui.blade2Option}</div>
+            <div class="sc-select-option active" data-value="3">{ui.blade3Option}</div>
+            <div class="sc-select-option" data-value="4">{ui.blade4Option}</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="sc-field-group" style="margin-top: 0.8rem;">
+        <div class="sc-field-header">
+          <label for="input-prop-size">{ui.propellerSizeLabel}</label>
+        </div>
+        <input type="number" id="input-prop-size" class="sc-input" value="5.1" min="1" max="15" step="0.1" />
+        <input type="range" id="range-prop-size" class="sc-slider" value="5.1" min="1.5" max="10" step="0.1" aria-label={ui.propellerSizeLabel} />
+      </div>
+
+      <div class="sc-field-group" style="margin-top: 0.8rem;">
+        <div class="sc-field-header">
+          <label for="input-prop-pitch">{ui.propellerPitchLabel}</label>
+        </div>
+        <input type="number" id="input-prop-pitch" class="sc-input" value="4.3" min="1" max="10" step="0.1" />
+        <input type="range" id="range-prop-pitch" class="sc-slider" value="4.3" min="1.5" max="6.5" step="0.1" aria-label={ui.propellerPitchLabel} />
+      </div>
+    </div>
+
+    <div class="sc-throttle-box">
+      <div class="sc-field-header">
+        <label for="range-throttle-stick" class="sc-throttle-label">{ui.throttleStickLabel}</label>
+        <span class="sc-throttle-badge" data-metric="stickPercentBadge">70%</span>
+      </div>
+      <input type="range" id="range-throttle-stick" class="sc-slider sc-throttle-slider" value="70" min="0" max="100" step="1" aria-label={ui.throttleStickLabel} />
+      <div class="sc-snap-group">
+        <button type="button" class="sc-snap-btn" data-snap="idle">{ui.snapIdleLabel}</button>
+        <button type="button" class="sc-snap-btn" data-snap="hover">{ui.snapHoverLabel}</button>
+        <button type="button" class="sc-snap-btn" data-snap="cruise">{ui.snapCruiseLabel}</button>
+        <button type="button" class="sc-snap-btn" data-snap="punch">{ui.snapPunchLabel}</button>
+      </div>
+    </div>
+  </div>
+
+  <div class="sc-cockpit-telemetry">
+    <div class="sc-telemetry-topbar">
+      <div class="sc-cockpit-title" style="margin-bottom: 0;">{ui.telemetryHeader}</div>
+      <div class="sc-safety-badge status-accent" data-metric="agilityBadge">{ui.tierAcroProTitle}</div>
+    </div>
+
+    <div class="sc-hud-wrapper" data-element="svgContainer" set:html={initialSvg}></div>
+
+    <div class="sc-hud-metrics-grid">
+      <div class="sc-hud-card">
+        <div class="sc-hud-label">{ui.twrRatioLabel}</div>
+        <div class="sc-hud-val" data-metric="twrRatio">{initialResults.twrRatio.toFixed(2)} : 1</div>
+      </div>
+      <div class="sc-hud-card">
+        <div class="sc-hud-label">{ui.hoverThrottleLabel}</div>
+        <div class="sc-hud-val" data-metric="hoverThrottle">{initialResults.hoverThrottlePercent.toFixed(1)} %</div>
+      </div>
+      <div class="sc-hud-card highlight-cyan">
+        <div class="sc-hud-label">{ui.currentThrustLabel}</div>
+        <div class="sc-hud-val" data-metric="currentThrust">{initialResults.currentThrustGrams.toLocaleString()} g</div>
+      </div>
+      <div class="sc-hud-card highlight-purple">
+        <div class="sc-hud-label">{ui.instantGForceLabel}</div>
+        <div class="sc-hud-val" data-metric="instantGForce">{initialResults.instantGForce.toFixed(2)} G</div>
+      </div>
+      <div class="sc-hud-card">
+        <div class="sc-hud-label">{ui.zeroToHundredLabel}</div>
+        <div class="sc-hud-val" data-metric="zeroToHundred">{initialResults.zeroToHundredTimeSec.toFixed(2)} s</div>
+      </div>
+      <div class="sc-hud-card">
+        <div class="sc-hud-label">{ui.recommendedCamAngleLabel}</div>
+        <div class="sc-hud-val" data-metric="recommendedCamAngle">{initialResults.recommendedCamAngleDeg}°</div>
+      </div>
+      <div class="sc-hud-card">
+        <div class="sc-hud-label">{ui.windResistanceLabel}</div>
+        <div class="sc-hud-val" data-metric="windResistance">{initialResults.windResistanceKmh} km/h</div>
+      </div>
+      <div class="sc-hud-card">
+        <div class="sc-hud-label">{ui.totalMaxThrustLabel}</div>
+        <div class="sc-hud-val" data-metric="totalMaxThrust">{initialResults.totalMaxThrustGrams.toLocaleString()} g</div>
+      </div>
+    </div>
+
+    <div class="sc-tuning-grid">
+      <div class="sc-tuning-card">
+        <div class="sc-hud-label">{ui.tpaRecommendationLabel}</div>
+        <div class="sc-tuning-val" data-metric="tpaSetting">{initialResults.tuneAdvice.tpaSetting}</div>
+      </div>
+      <div class="sc-tuning-card">
+        <div class="sc-hud-label">{ui.dynamicIdleLabel}</div>
+        <div class="sc-tuning-val" data-metric="dynamicIdleSetting">{initialResults.tuneAdvice.dynamicIdleSetting}</div>
+      </div>
+      <div class="sc-tuning-card">
+        <div class="sc-hud-label">{ui.propwashRiskLabel}</div>
+        <div class="sc-tuning-val" data-metric="propwashRisk">{initialResults.tuneAdvice.propwashRisk}</div>
+      </div>
+    </div>
+
+    <div class="sc-flight-status-card">
+      <h4 data-metric="statusTitle">{ui.tierAcroProTitle}</h4>
+      <p data-metric="statusDesc">{ui.tierAcroProDesc}</p>
+    </div>
+  </div>
+</div>
+
+<script is:inline type="application/json" id="fpv-twr-ui-data" set:html={JSON.stringify(ui)}></script>
+
+<script>
+  import { FpvDroneThrustToWeightRatioController } from './controller';
+
+  function initController() {
+    const root = document.getElementById('fpv-drone-thrust-to-weight-ratio-root');
+    if (!root) return;
+    const uiEl = document.getElementById('fpv-twr-ui-data');
+    const uiData = uiEl ? JSON.parse(uiEl.textContent || '{}') : {};
+    new FpvDroneThrustToWeightRatioController(root, uiData);
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initController);
+  } else {
+    initController();
+  }
+</script>