[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_158":159,"_160":161},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_106":87,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":25,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",19,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","sclapp.ts","latestPath","fileId","66a6c506-5fd4-11f1-be93-1607ee4eb77e","name","fileType","script","content","// =========================================================================\n// SCL APP — Frontend Expo v4.0\n// React Native + Expo | Android + Web\n// =========================================================================\n\nimport React, { useState, useEffect, useRef } from 'react';\nimport {\n View, Text, TextInput, TouchableOpacity, Switch,\n ScrollView, StyleSheet, StatusBar, Animated,\n useColorScheme, Alert, Vibration, Platform,\n} from 'react-native';\nimport { MaterialIcons } from '@expo/vector-icons';\nimport * as ImagePicker from 'expo-image-picker';\nimport * as Audio from 'expo-av';\nimport * as Location from 'expo-location';\nimport * as Print from 'expo-print';\nimport * as Sharing from 'expo-sharing';\n\n// ── Paleta de colores ─────────────────────────────────────────\nconst COLORS = {\n light: {\n bg: '#F0F4F8',\n card: '#FFFFFF',\n primary: '#0D2B5E',\n accent: '#C9A84C',\n text: '#0D2B5E',\n subtext: '#6B7280',\n border: '#D1D5DB',\n success: '#16A34A',\n error: '#EF4444',\n warning: '#F59E0B',\n inputBg: '#FFFFFF',\n tabInactive: '#E2E8F0',\n statusBar: 'dark-content',\n eppActive: '#DCFCE7',\n eppBorder: '#16A34A',\n },\n dark: {\n bg: '#0A0F1E',\n card: '#141B2D',\n primary: '#1E3A6E',\n accent: '#C9A84C',\n text: '#E2E8F0',\n subtext: '#94A3B8',\n border: '#2D3748',\n success: '#22C55E',\n error: '#F87171',\n warning: '#FBBF24',\n inputBg: '#1E2A3D',\n tabInactive: '#1E2A3D',\n statusBar: 'light-content',\n eppActive: '#14532D',\n eppBorder: '#22C55E',\n },\n};\n\nconst VAL_TOWN_URL = 'https://wilbercastellanos-sclapp.val.run';\n\n// ── Geocodificación Nominatim ─────────────────────────────────\nasync function geocodificarDireccion(direccion) {\n try {\n const query = encodeURIComponent(`${direccion}, Chile`);\n const res = await fetch(\n `https://nominatim.openstreetmap.org/search?q=${query}&format=json&limit=1&countrycodes=cl`,\n { headers: { 'User-Agent': 'SCL-APP/4.0' } }\n );\n const data = await res.json();\n if (data.length > 0) {\n return { lat: parseFloat(data[0].lat), lng: parseFloat(data[0].lon), display: data[0].display_name, ok: true };\n }\n return { ok: false };\n } catch {\n return { ok: false };\n }\n}\n\n// ── Validar RUT Módulo 11 ─────────────────────────────────────\nfunction validarRUT(rut) {\n const limpio = rut.replace(/\\./g, '').replace(/-/g, '').toUpperCase();\n if (limpio.length < 2) return false;\n const cuerpo = limpio.slice(0, -1);\n const dv = limpio.slice(-1);\n let suma = 0, mul = 2;\n for (let i = cuerpo.length - 1; i >= 0; i--) {\n suma += parseInt(cuerpo[i]) * mul;\n mul = mul === 7 ? 2 : mul + 1;\n }\n const dvCalc = 11 - (suma % 11);\n const dvEsp = dvCalc === 11 ? '0' : dvCalc === 10 ? 'K' : String(dvCalc);\n return dv === dvEsp;\n}\n\n// ── Formatear CLP ─────────────────────────────────────────────\nfunction formatCLP(valor) {\n if (!valor) return '$0';\n return `$${Math.round(valor).toLocaleString('es-CL')}`;\n}\n\n// =========================================================================\n// COMPONENTE PRINCIPAL\n// =========================================================================\nexport default function App() {\n const systemScheme = useColorScheme();\n const [darkMode, setDarkMode] = useState(systemScheme === 'dark');\n const [activeTab, setActiveTab] = useState('tecnico');\n\n // ── Estado técnico ────────────────────────────────────────\n const [tipoCliente, setTipoCliente] = useState('hogar');\n const [usarTAG, setUsarTAG] = useState(false);\n const [descripcion, setDescripcion] = useState('');\n const [cargando, setCargando] = useState(false);\n const [resultado, setResultado] = useState(null);\n const [error, setError] = useState('');\n\n // ── Datos del cliente ─────────────────────────────────────\n const [nombreCliente, setNombreCliente] = useState('');\n const [rutCliente, setRutCliente] = useState('');\n const [rutValido, setRutValido] = useState(null);\n const [telefonoCliente, setTelefonoCliente] = useState('');\n const [dirCliente, setDirCliente] = useState('');\n const [geoCliente, setGeoCliente] = useState(null);\n const [geocodificando, setGeocodificando] = useState(false);\n\n // ── Casa Matriz ───────────────────────────────────────────\n const [casaMatriz, setCasaMatriz] = useState('Av. Irarrázaval 1234, Ñuñoa, Santiago');\n const [geoCasaMatriz, setGeoCasaMatriz] = useState(null);\n const [editandoMatriz, setEditandoMatriz] = useState(false);\n const [dirMatrizTemp, setDirMatrizTemp] = useState('');\n const [geocodificandoMatriz, setGeocodificandoMatriz] = useState(false);\n\n // ── Cámara y fotos ────────────────────────────────────────\n const [fotosAntes, setFotosAntes] = useState([]);\n const [fotosDespues, setFotosDespues] = useState([]);\n\n // ── Micrófono ─────────────────────────────────────────────\n const [grabando, setGrabando] = useState(false);\n const [recording, setRecording] = useState(null);\n const pulso = useRef(new Animated.Value(1)).current;\n\n // ── EPP Checklist ─────────────────────────────────────────\n const [eppConfirmado, setEppConfirmado] = useState(false);\n const [eppItems, setEppItems] = useState({\n casco: false,\n guantes: false,\n zapatos_seguridad: false,\n lentes: false,\n arnes: false,\n extintor: false,\n kit_primeros_auxilios: false,\n });\n\n // ── Geolocalización actual ────────────────────────────────\n const [ubicacionActual, setUbicacionActual] = useState(null);\n\n const C = darkMode ? COLORS.dark : COLORS.light;\n\n // ── Inicialización ────────────────────────────────────────\n useEffect(() => {\n geocodificarMatriz(casaMatriz);\n solicitarPermisos();\n }, []);\n\n const solicitarPermisos = async () => {\n try {\n await ImagePicker.requestCameraPermissionsAsync();\n await ImagePicker.requestMediaLibraryPermissionsAsync();\n await Audio.Audio.requestPermissionsAsync();\n const loc = await Location.requestForegroundPermissionsAsync();\n if (loc.status === 'granted') {\n const pos = await Location.getCurrentPositionAsync({});\n setUbicacionActual({ lat: pos.coords.latitude, lng: pos.coords.longitude });\n }\n } catch { /* silencioso */ }\n };\n\n // ── Geocodificar casa matriz ──────────────────────────────\n const geocodificarMatriz = async (dir) => {\n setGeocodificandoMatriz(true);\n const geo = await geocodificarDireccion(dir);\n if (geo.ok) setGeoCasaMatriz(geo);\n setGeocodificandoMatriz(false);\n };\n\n const guardarCasaMatriz = async () => {\n if (!dirMatrizTemp.trim()) return;\n setGeocodificandoMatriz(true);\n const geo = await geocodificarDireccion(dirMatrizTemp);\n if (geo.ok) {\n setCasaMatriz(dirMatrizTemp);\n setGeoCasaMatriz(geo);\n setEditandoMatriz(false);\n } else {\n Alert.alert('Error', 'No se encontró la dirección. Sé más específico.');\n }\n setGeocodificandoMatriz(false);\n };\n\n // ── Geocodificar dirección cliente ────────────────────────\n const buscarDireccionCliente = async () => {\n if (!dirCliente.trim()) return;\n setGeocodificando(true);\n setGeoCliente(null);\n const geo = await geocodificarDireccion(dirCliente);\n if (geo.ok) {\n setGeoCliente(geo);\n } else {\n setError('No se encontró la dirección. Intenta con calle, número y comuna.');\n }\n setGeocodificando(false);\n };\n\n // ── Validar RUT mientras escribe ──────────────────────────\n const onChangeRUT = (texto) => {\n setRutCliente(texto);\n if (texto.length >= 8) {\n setRutValido(validarRUT(texto));\n } else {\n setRutValido(null);\n }\n };\n\n // ── Animación micrófono ───────────────────────────────────\n useEffect(() => {\n if (grabando) {\n Animated.loop(\n Animated.sequence([\n Animated.timing(pulso, { toValue: 1.3, duration: 500, useNativeDriver: true }),\n Animated.timing(pulso, { toValue: 1.0, duration: 500, useNativeDriver: true }),\n ])\n ).start();\n } else {\n pulso.stopAnimation();\n pulso.setValue(1);\n }\n }, [grabando]);\n\n // ── Grabar audio real ─────────────────────────────────────\n const toggleVoz = async () => {\n if (grabando) {\n setGrabando(false);\n if (recording) {\n await recording.stopAndUnloadAsync();\n setRecording(null);\n // En producción aquí iría la transcripción con Gemini Speech\n setDescripcion(prev => prev + (prev ? ' ' : '') + '[Audio grabado — transcripción con IA disponible en versión final]');\n }\n } else {\n try {\n await Audio.Audio.setAudioModeAsync({ allowsRecordingIOS: true, playsInSilentModeIOS: true });\n const { recording: rec } = await Audio.Audio.Recording.createAsync(\n Audio.RecordingOptionsPresets.HIGH_QUALITY\n );\n setRecording(rec);\n setGrabando(true);\n } catch {\n Alert.alert('Error', 'No se pudo acceder al micrófono. Verifica los permisos en ajustes.');\n }\n }\n };\n\n // ── Tomar foto ────────────────────────────────────────────\n const tomarFoto = async (tipo) => {\n try {\n const result = await ImagePicker.launchCameraAsync({\n mediaTypes: ImagePicker.MediaTypeOptions.Images,\n quality: 0.7,\n allowsEditing: false,\n });\n if (!result.canceled) {\n const uri = result.assets[0].uri;\n if (tipo === 'antes') {\n setFotosAntes(prev => [...prev, uri]);\n } else {\n setFotosDespues(prev => [...prev, uri]);\n }\n }\n } catch {\n Alert.alert('Error', 'No se pudo acceder a la cámara. Verifica los permisos.');\n }\n };\n\n const elegirDeGaleria = async (tipo) => {\n try {\n const result = await ImagePicker.launchImageLibraryAsync({\n mediaTypes: ImagePicker.MediaTypeOptions.Images,\n quality: 0.7,\n allowsMultipleSelection: true,\n });\n if (!result.canceled) {\n const uris = result.assets.map(a => a.uri);\n if (tipo === 'antes') {\n setFotosAntes(prev => [...prev, ...uris]);\n } else {\n setFotosDespues(prev => [...prev, ...uris]);\n }\n }\n } catch { /* silencioso */ }\n };\n\n // ── EPP: todos confirmados ────────────────────────────────\n const eppRequerido = resultado?.ia?.epp_requerido ?? [];\n const eppTodosConfirmados = eppRequerido.length === 0 ||\n eppRequerido.every(item => eppItems[item]);\n\n const toggleEPP = (item) => {\n setEppItems(prev => ({ ...prev, [item]: !prev[item] }));\n };\n\n const confirmarEPP = () => {\n if (!eppTodosConfirmados) {\n Vibration.vibrate(500);\n Alert.alert(\n '⚠️ EPP Incompleto',\n 'Por Ley 16.744 debes confirmar TODOS los elementos de protección personal antes de iniciar la faena.',\n [{ text: 'Entendido', style: 'destructive' }]\n );\n return;\n }\n setEppConfirmado(true);\n };\n\n // ── Generar PDF ───────────────────────────────────────────\n const generarPDF = async () => {\n if (!resultado?.presupuesto) return;\n const p = resultado.presupuesto.presupuesto_cliente;\n const html = `\n \n

SCL APP — Presupuesto

Cliente: ${nombreCliente || 'Sin nombre'}

Dirección: ${dirCliente}

Resumen: ${resultado.ia?.resumen || ''}

Normativa: ${resultado.ia?.normativa || ''}

Descripción corregida:
${resultado.ia?.descripcion_corregida || ''}

Detalle Financiero

\n \n \n \n \n \n \n

Mano de Obra (IVA inc.)	${formatCLP(p.item_mano_obra)}
Materiales (IVA inc.)	${formatCLP(p.item_materiales)}
TOTAL CON IVA	${formatCLP(p.total_con_iva)}
Anticipo 60%	${formatCLP(p.anticipo_60)}
Saldo 40%	${formatCLP(p.saldo_40)}

\n
\n

\n Presupuesto generado por SCL APP v4.0 con IA Gemini.
\n UF utilizada: ${resultado.presupuesto.uf_utilizada} | Ruta: ${resultado.presupuesto.km_ruta} km
\n Firma SHA-256: ${resultado.seguridad?.firma_sha256?.substring(0, 32)}...\n

\n

\n

_____________________________ _____________________________

Firma Cliente Firma Técnico

\n \n `;\n try {\n const { uri } = await Print.printToFileAsync({ html });\n await Sharing.shareAsync(uri, { mimeType: 'application/pdf', dialogTitle: 'Compartir Presupuesto SCL' });\n } catch {\n Alert.alert('Error', 'No se pudo generar el PDF.');\n }\n };\n\n // ── Iniciar Faena ─────────────────────────────────────────\n const iniciarFaena = async () => {\n if (!descripcion.trim()) { setError('Describe el trabajo antes de continuar.'); return; }\n if (!geoCliente) { setError('Ingresa y verifica la dirección del cliente.'); return; }\n if (!geoCasaMatriz) { setError('La casa matriz no tiene coordenadas. Configúrala en Mesa Control.'); return; }\n setError('');\n setCargando(true);\n setResultado(null);\n setEppConfirmado(false);\n setEppItems({ casco: false, guantes: false, zapatos_seguridad: false, lentes: false, arnes: false, extintor: false, kit_primeros_auxilios: false });\n\n try {\n const response = await fetch(VAL_TOWN_URL, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n actor_id: 'TECNICO_001',\n tipo_cliente: tipoCliente,\n descripcion_trabajo: descripcion,\n usar_tag: usarTAG,\n origen_lat: geoCasaMatriz.lat,\n origen_lng: geoCasaMatriz.lng,\n destino_lat: geoCliente.lat,\n destino_lng: geoCliente.lng,\n direccion_cliente: dirCliente,\n nombre_cliente: nombreCliente,\n telefono_cliente: telefonoCliente,\n tecnico_id: 'T001',\n vehiculo_id: 'V001',\n generar_link_pago: false,\n }),\n });\n const data = await response.json();\n if (data.success) {\n setResultado(data);\n setActiveTab('resultado');\n } else {\n setError(data.error || 'Error en el servidor.');\n }\n } catch {\n setError('Error de conexión. Verifica tu internet.');\n } finally {\n setCargando(false);\n }\n };\n\n const p = resultado?.presupuesto?.presupuesto_cliente;\n const kmRuta = resultado?.presupuesto?.km_ruta;\n\n // =========================================================================\n // RENDER\n // =========================================================================\n return (\n \n \n\n {/* ── Header ── */}\n \n \n SCL APP\n \n \n v4.0 Seguro\n \n \n setDarkMode(!darkMode)} style={styles.modeBtn}>\n \n \n \n\n {/* ── Tabs ── */}\n \n {[\n { key: 'tecnico', label: 'Técnico', icon: 'engineering' },\n { key: 'resultado', label: 'Presupuesto', icon: 'receipt-long' },\n { key: 'mesa', label: 'Mesa Control', icon: 'bar-chart' },\n ].map(tab => (\n setActiveTab(tab.key)}\n >\n \n \n {tab.label}\n \n \n ))}\n \n\n \n\n {/* ══════════════════════════════════════════════════\n TAB: TÉCNICO\n ══════════════════════════════════════════════════ */}\n {activeTab === 'tecnico' && (\n <>\n PANEL DE TERRENO\n\n {/* Total rápido */}\n \n TOTAL ORDEN (IVA Inc.)\n \n {p ? formatCLP(p.total_con_iva) : 'Esperando cálculo...'}\n \n {kmRuta && (\n \n 📍 Ruta: {kmRuta} km desde casa matriz\n \n )}\n \n\n {/* Tipo cliente */}\n \n Tipo de Cliente\n \n {[{ key: 'hogar', label: 'Hogar', icon: 'home' }, { key: 'corporativo', label: 'Corporativo', icon: 'business' }].map(tipo => (\n setTipoCliente(tipo.key)}\n >\n \n {tipo.label}\n \n ))}\n \n \n\n {/* Datos cliente */}\n \n \n \n Datos del Cliente\n \n\n \n\n {/* RUT con validación */}\n \n \n {rutValido === false && (\n \n ⚠️ RUT no válido en el territorio nacional\n \n )}\n {rutValido === true && (\n ✓ RUT válido\n )}\n \n\n \n\n {/* Dirección con geocodificación */}\n \n { setDirCliente(t); setGeoCliente(null); }}\n onSubmitEditing={buscarDireccionCliente}\n />\n \n \n \n \n {geoCliente && (\n \n \n Dirección verificada ✓\n \n )}\n \n\n {/* TAG Switch */}\n \n \n \n \n ¿Usar Autopistas (TAG)?\n \n \n \n \n\n {/* Prompt Gemini — Descripción del trabajo */}\n \n {/* Header Gemini */}\n \n \n Powered by Gemini AI\n \n\n \n {/* Botón galería */}\n elegirDeGaleria('antes')}\n >\n \n \n\n {/* Input */}\n \n\n {/* Acciones derecha */}\n \n {/* Cámara */}\n tomarFoto('antes')} style={styles.geminiIcon}>\n \n \n\n {/* Micrófono */}\n \n \n \n \n \n \n \n\n {/* Botón enviar */}\n 0 ? '#1E40AF' : C.border,\n }]}\n onPress={descripcion.trim().length > 0 ? iniciarFaena : null}\n disabled={cargando || descripcion.trim().length === 0}\n >\n \n \n \n\n {/* Fotos adjuntas */}\n {(fotosAntes.length > 0) && (\n \n \n \n \n {fotosAntes.length} foto(s) adjunta(s) — Evidencia ANTES\n \n \n tomarFoto('antes')} style={[styles.btnSecundario, { borderColor: C.accent }]}>\n \n Agregar más fotos\n \n \n )}\n\n {/* Error */}\n {!!error && (\n \n \n \n {error}\n \n \n )}\n\n {/* Botón INICIAR FAENA */}\n \n \n \n \n {cargando ? 'Calculando con IA...' : 'INICIAR FAENA'}\n \n \n \n \n )}\n\n {/* ══════════════════════════════════════════════════\n TAB: RESULTADO / PRESUPUESTO\n ══════════════════════════════════════════════════ */}\n {activeTab === 'resultado' && (\n <>\n PRESUPUESTO & FAENA\n\n {!resultado && (\n \n \n \n Ingresa la descripción del trabajo en el Panel Técnico y presiona INICIAR FAENA\n \n \n )}\n\n {resultado?.success && (\n <>\n {/* Resumen IA */}\n \n \n \n IA Gemini — Análisis\n \n \n Resumen técnico:\n {resultado.ia?.resumen}\n \n \n Normativa aplicable:\n {resultado.ia?.normativa}\n \n \n Descripción corregida:\n {resultado.ia?.descripcion_corregida}\n \n \n\n {/* Hoja de Ruta SEC/RIDAA */}\n {resultado.ia?.hoja_ruta && (\n \n \n \n Hoja de Ruta Técnica\n \n {resultado.ia?.hoja_ruta}\n \n )}\n\n {/* Alertas de seguridad */}\n {resultado.ia?.alertas_seguridad?.length > 0 && (\n \n \n \n Alertas de Seguridad DS 594\n \n {resultado.ia.alertas_seguridad.map((alerta, i) => (\n \n \n {alerta}\n \n ))}\n \n )}\n\n {/* Checklist EPP */}\n {resultado.ia?.epp_requerido?.length > 0 && (\n \n \n \n \n {eppConfirmado ? '✓ EPP Confirmado — Faena Habilitada' : 'Checklist EPP Obligatorio (Ley 16.744)'}\n \n \n\n {!eppConfirmado && (\n <>\n {resultado.ia.epp_requerido.map(item => {\n const labels = {\n casco: 'Casco de seguridad',\n guantes: 'Guantes de protección',\n zapatos_seguridad: 'Zapatos de seguridad',\n lentes: 'Lentes protectores',\n arnes: 'Arnés de altura',\n extintor: 'Extintor disponible',\n kit_primeros_auxilios: 'Kit primeros auxilios',\n };\n return (\n toggleEPP(item)}\n >\n \n \n {labels[item] || item}\n \n \n );\n })}\n\n \n \n \n \n CONFIRMAR EPP E INICIAR TRABAJO\n \n \n \n \n )}\n \n )}\n\n {/* Detalle de tareas */}\n {resultado.presupuesto?.detalle_tareas?.length > 0 && (\n \n \n \n \n Tareas Detectadas ({resultado.presupuesto.detalle_tareas.length})\n \n \n {resultado.presupuesto.detalle_tareas.map((tarea, i) => (\n \n \n {tarea.descripcion}\n \n Cant: {tarea.cantidad} · {tarea.fuente} {tarea.normativa ? `· ${tarea.normativa}` : ''}\n \n \n \n {formatCLP(tarea.subtotal)}\n \n \n ))}\n \n )}\n\n {/* Presupuesto financiero */}\n \n \n \n Presupuesto Cliente\n \n {[\n { label: 'Mano de Obra (IVA inc.)', value: p?.item_mano_obra },\n { label: 'Materiales (IVA inc.)', value: p?.item_materiales },\n ].map(item => (\n \n {item.label}\n {formatCLP(item.value)}\n \n ))}\n \n TOTAL CON IVA\n {formatCLP(p?.total_con_iva)}\n \n \n Anticipo 60%\n {formatCLP(p?.anticipo_60)}\n \n \n Saldo 40%\n {formatCLP(p?.saldo_40)}\n \n\n \n \n \n ID: {resultado.proyecto_id?.substring(0, 16)}... · Firmado SHA-256\n \n \n \n\n {/* Fotos DESPUÉS */}\n \n \n \n \n Fotos DESPUÉS ({fotosDespues.length})\n \n \n tomarFoto('despues')}\n >\n \n Fotografiar resultado\n \n \n\n {/* Botón PDF */}\n \n \n \n \n GENERAR Y COMPARTIR PDF\n \n \n \n \n )}\n \n )}\n\n {/* ══════════════════════════════════════════════════\n TAB: MESA DE CONTROL\n ══════════════════════════════════════════════════ */}\n {activeTab === 'mesa' && (\n <>\n MESA DE CONTROL\n\n {/* Casa Matriz */}\n \n \n \n Casa Matriz — Ñuñoa\n \n {!editandoMatriz ? (\n <>\n {casaMatriz}\n {geoCasaMatriz && (\n \n \n Geocodificada correctamente\n \n )}\n { setDirMatrizTemp(casaMatriz); setEditandoMatriz(true); }}\n >\n \n Cambiar dirección\n \n \n ) : (\n <>\n \n \n \n \n {geocodificandoMatriz ? 'Verificando...' : 'Guardar'}\n \n setEditandoMatriz(false)}\n >\n \n Cancelar\n \n \n \n )}\n \n\n {/* Tarifas activas */}\n \n \n \n Tarifas Activas\n \n {[\n { label: 'Margen Hogar', value: '25%' },\n { label: 'Margen Corporativo', value: '40%' },\n { label: 'Desgaste vehicular', value: '$120 / km' },\n { label: 'Viático Hogar', value: '$7.500 CLP' },\n { label: 'Viático Corporativo', value: '$15.000 CLP' },\n { label: 'Anticipo requerido', value: '60%' },\n { label: 'Corretaje materiales', value: '15%' },\n { label: 'IVA', value: '19%' },\n { label: 'Expiry link MP', value: '20 minutos' },\n { label: 'Despacho informe cliente', value: '7 días hábiles' },\n ].map(item => (\n \n {item.label}\n {item.value}\n \n ))}\n \n\n {/* Normativas */}\n \n \n \n Normativas Activas\n \n {[\n { label: 'Electricidad', value: 'RIC SEC (Pliegos Técnicos)' },\n { label: 'Gasfitería', value: 'RIDAA' },\n { label: 'Seguridad', value: 'DS 594 + Ley 16.744' },\n { label: 'Tributario', value: 'Art. 21 LIR — F29 ProPyme' },\n ].map(item => (\n \n {item.label}\n {item.value}\n \n ))}\n \n\n {/* Próximamente */}\n \n \n \n Próximamente\n \n {[\n '📊 Panel contable con gráficos de utilidades',\n '🔐 Módulo 2FA Google Authenticator',\n '💳 Mercado Pago — Links con hard expiry',\n '📅 Calendario anti double-booking',\n '📄 Custodia documentos SpA',\n '🤖 Bot WhatsApp autónomo',\n ].map((item, i) => (\n {item}\n ))}\n \n \n )}\n\n \n\n {/* Footer */}\n \n SCL APP\n | La evolución del control operativo.\n \n \n );\n}\n\n// =========================================================================\n// ESTILOS\n// =========================================================================\nconst styles = StyleSheet.create({\n root: { flex: 1 },\n header: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', paddingTop: 48, paddingBottom: 12, paddingHorizontal: 20 },\n headerLeft: { gap: 4 },\n headerTitle: { color: '#FFF', fontSize: 22, fontWeight: '800', letterSpacing: 2 },\n headerBadge: { flexDirection: 'row', alignItems: 'center' },\n headerBadgeText: { color: '#22C55E', fontSize: 10, fontWeight: '600' },\n modeBtn: { padding: 8 },\n tabs: { flexDirection: 'row', paddingHorizontal: 12, paddingBottom: 12, gap: 6 },\n tab: { flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'center', paddingVertical: 8, borderRadius: 10, gap: 4 },\n tabText: { fontWeight: '700', fontSize: 11 },\n scroll: { padding: 16, gap: 12, paddingBottom: 40 },\n panelTitle: { fontSize: 16, fontWeight: '800', textAlign: 'center', marginBottom: 4, letterSpacing: 1 },\n totalBox: { borderRadius: 12, padding: 18, alignItems: 'center', gap: 4 },\n totalLabel: { fontSize: 12, fontWeight: '600' },\n totalValue: { fontSize: 28, fontWeight: '900' },\n kmText: { fontSize: 12, marginTop: 2 },\n card: { borderRadius: 12, padding: 14, borderWidth: 1, gap: 8 },\n cardLabel: { fontSize: 14, fontWeight: '600' },\n switchRow: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' },\n row: { flexDirection: 'row', alignItems: 'center' },\n tipoRow: { flexDirection: 'row', gap: 8 },\n tipoBtn: { flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'center', paddingVertical: 10, borderRadius: 8, borderWidth: 1, gap: 6 },\n tipoBtnText: { fontWeight: '700', fontSize: 13 },\n inputSimple: { borderWidth: 1, borderRadius: 10, padding: 12, fontSize: 14 },\n dirRow: { flexDirection: 'row', gap: 8, alignItems: 'center' },\n inputDireccion: { flex: 1, borderWidth: 1, borderRadius: 10, padding: 12, fontSize: 14 },\n geoBtn: { padding: 12, borderRadius: 10, alignItems: 'center', justifyContent: 'center' },\n smallText: { fontSize: 12 },\n smallLabel: { fontSize: 11, fontWeight: '600', marginBottom: 2 },\n\n // Gemini Prompt Box\n geminiBox: { borderRadius: 28, borderWidth: 2, overflow: 'hidden' },\n geminiHeader: { flexDirection: 'row', alignItems: 'center', paddingHorizontal: 16, paddingVertical: 8, borderBottomWidth: 1 },\n geminiHeaderText:{ fontSize: 11, fontWeight: '700' },\n geminiBody: { flexDirection: 'row', alignItems: 'flex-end', padding: 12, gap: 8 },\n geminiAddBtn: { width: 38, height: 38, borderRadius: 19, alignItems: 'center', justifyContent: 'center', borderWidth: 1 },\n geminiInput: { flex: 1, fontSize: 14, minHeight: 60, maxHeight: 120, textAlignVertical: 'top' },\n geminiActions: { flexDirection: 'column', gap: 8, alignItems: 'center' },\n geminiIcon: { padding: 6 },\n geminiSend: { margin: 12, marginTop: 0, padding: 12, borderRadius: 20, alignItems: 'center', justifyContent: 'center', alignSelf: 'flex-end' },\n\n btnFaena: { borderRadius: 14, paddingVertical: 18, alignItems: 'center', justifyContent: 'center' },\n btnFaenaText: { color: '#FFF', fontSize: 15, fontWeight: '800', letterSpacing: 1 },\n btnSecundario: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center', borderWidth: 1.5, borderRadius: 10, paddingVertical: 10, gap: 6 },\n\n iaBox: { borderRadius: 8, padding: 10, gap: 4, marginTop: 4 },\n tareaItem: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', paddingVertical: 8, borderBottomWidth: 1 },\n resultRow: { flexDirection: 'row', justifyContent: 'space-between', paddingVertical: 6, borderBottomWidth: 1 },\n resultLabel: { fontSize: 13 },\n resultValue: { fontSize: 15, fontWeight: '700' },\n\n eppItem: { flexDirection: 'row', alignItems: 'center', padding: 12, borderRadius: 10, borderWidth: 1 },\n\n footer: { flexDirection: 'row', justifyContent: 'center', padding: 14 },\n footerBold: { color: '#FFF', fontWeight: '800', fontSize: 13 },\n footerSlogan: { color: '#C9A84C', fontSize: 13, fontStyle: 'italic' },\n});","// =========================================================================\n// SCL APP — Frontend Expo v4.0\n// React Native + Expo | Android + Web\n// =========================================================================\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport {\n Alert,\n Animated,\n Platform,\n ScrollView,\n StatusBar,\n StyleSheet,\n Switch,\n Text,\n TextInput,\n TouchableOpacity,\n useColorScheme,\n Vibration,\n View,\n} from \"react-native\";\nimport { MaterialIcons } from \"@expo/vector-icons\";\nimport * as ImagePicker from \"expo-image-picker\";\nimport * as Audio from \"expo-av\";\nimport * as Location from \"expo-location\";\nimport * as Print from \"expo-print\";\nimport * as Sharing from \"expo-sharing\";\n\n// ── Paleta de colores ─────────────────────────────────────────\nconst COLORS = {\n light: {\n bg: \"#F0F4F8\",\n card: \"#FFFFFF\",\n primary: \"#0D2B5E\",\n accent: \"#C9A84C\",\n text: \"#0D2B5E\",\n subtext: \"#6B7280\",\n border: \"#D1D5DB\",\n success: \"#16A34A\",\n error: \"#EF4444\",\n warning: \"#F59E0B\",\n inputBg: \"#FFFFFF\",\n tabInactive: \"#E2E8F0\",\n statusBar: \"dark-content\",\n eppActive: \"#DCFCE7\",\n eppBorder: \"#16A34A\",\n },\n dark: {\n bg: \"#0A0F1E\",\n card: \"#141B2D\",\n primary: \"#1E3A6E\",\n accent: \"#C9A84C\",\n text: \"#E2E8F0\",\n subtext: \"#94A3B8\",\n border: \"#2D3748\",\n success: \"#22C55E\",\n error: \"#F87171\",\n warning: \"#FBBF24\",\n inputBg: \"#1E2A3D\",\n tabInactive: \"#1E2A3D\",\n statusBar: \"light-content\",\n eppActive: \"#14532D\",\n eppBorder: \"#22C55E\",\n },\n};\n\nconst VAL_TOWN_URL = \"https://wilbercastellanos-sclapp.val.run\";\n\n// ── Geocodificación Nominatim ─────────────────────────────────\nasync function geocodificarDireccion(direccion) {\n try {\n const query = encodeURIComponent(`${direccion}, Chile`);\n const res = await fetch(\n `https://nominatim.openstreetmap.org/search?q=${query}&format=json&limit=1&countrycodes=cl`,\n { headers: { \"User-Agent\": \"SCL-APP/4.0\" } },\n );\n const data = await res.json();\n if (data.length > 0) {\n return {\n lat: parseFloat(data[0].lat),\n lng: parseFloat(data[0].lon),\n display: data[0].display_name,\n ok: true,\n };\n }\n return { ok: false };\n } catch {\n return { ok: false };\n }\n}\n\n// ── Validar RUT Módulo 11 ─────────────────────────────────────\nfunction validarRUT(rut) {\n const limpio = rut.replace(/\\./g, \"\").replace(/-/g, \"\").toUpperCase();\n if (limpio.length < 2) return false;\n const cuerpo = limpio.slice(0, -1);\n const dv = limpio.slice(-1);\n let suma = 0, mul = 2;\n for (let i = cuerpo.length - 1; i >= 0; i--) {\n suma += parseInt(cuerpo[i]) * mul;\n mul = mul === 7 ? 2 : mul + 1;\n }\n const dvCalc = 11 - (suma % 11);\n const dvEsp = dvCalc === 11 ? \"0\" : dvCalc === 10 ? \"K\" : String(dvCalc);\n return dv === dvEsp;\n}\n\n// ── Formatear CLP ─────────────────────────────────────────────\nfunction formatCLP(valor) {\n if (!valor) return \"$0\";\n return `$${Math.round(valor).toLocaleString(\"es-CL\")}`;\n}\n\n// =========================================================================\n// COMPONENTE PRINCIPAL\n// =========================================================================\nexport default function App() {\n const systemScheme = useColorScheme();\n const [darkMode, setDarkMode] = useState(systemScheme === \"dark\");\n const [activeTab, setActiveTab] = useState(\"tecnico\");\n\n // ── Estado técnico ────────────────────────────────────────\n const [tipoCliente, setTipoCliente] = useState(\"hogar\");\n const [usarTAG, setUsarTAG] = useState(false);\n const [descripcion, setDescripcion] = useState(\"\");\n const [cargando, setCargando] = useState(false);\n const [resultado, setResultado] = useState(null);\n const [error, setError] = useState(\"\");\n\n // ── Datos del cliente ─────────────────────────────────────\n const [nombreCliente, setNombreCliente] = useState(\"\");\n const [rutCliente, setRutCliente] = useState(\"\");\n const [rutValido, setRutValido] = useState(null);\n const [telefonoCliente, setTelefonoCliente] = useState(\"\");\n const [dirCliente, setDirCliente] = useState(\"\");\n const [geoCliente, setGeoCliente] = useState(null);\n const [geocodificando, setGeocodificando] = useState(false);\n\n // ── Casa Matriz ───────────────────────────────────────────\n const [casaMatriz, setCasaMatriz] = useState(\n \"Av. Irarrázaval 1234, Ñuñoa, Santiago\",\n );\n const [geoCasaMatriz, setGeoCasaMatriz] = useState(null);\n const [editandoMatriz, setEditandoMatriz] = useState(false);\n const [dirMatrizTemp, setDirMatrizTemp] = useState(\"\");\n const [geocodificandoMatriz, setGeocodificandoMatriz] = useState(false);\n\n // ── Cámara y fotos ────────────────────────────────────────\n const [fotosAntes, setFotosAntes] = useState([]);\n const [fotosDespues, setFotosDespues] = useState([]);\n\n // ── Micrófono ─────────────────────────────────────────────\n const [grabando, setGrabando] = useState(false);\n const [recording, setRecording] = useState(null);\n const pulso = useRef(new Animated.Value(1)).current;\n\n // ── EPP Checklist ─────────────────────────────────────────\n const [eppConfirmado, setEppConfirmado] = useState(false);\n const [eppItems, setEppItems] = useState({\n casco: false,\n guantes: false,\n zapatos_seguridad: false,\n lentes: false,\n arnes: false,\n extintor: false,\n kit_primeros_auxilios: false,\n });\n\n // ── Geolocalización actual ────────────────────────────────\n const [ubicacionActual, setUbicacionActual] = useState(null);\n\n const C = darkMode ? COLORS.dark : COLORS.light;\n\n // ── Inicialización ────────────────────────────────────────\n useEffect(() => {\n geocodificarMatriz(casaMatriz);\n solicitarPermisos();\n }, []);\n\n const solicitarPermisos = async () => {\n try {\n await ImagePicker.requestCameraPermissionsAsync();\n await ImagePicker.requestMediaLibraryPermissionsAsync();\n await Audio.Audio.requestPermissionsAsync();\n const loc = await Location.requestForegroundPermissionsAsync();\n if (loc.status === \"granted\") {\n const pos = await Location.getCurrentPositionAsync({});\n setUbicacionActual({\n lat: pos.coords.latitude,\n lng: pos.coords.longitude,\n });\n }\n } catch { /* silencioso */ }\n };\n\n // ── Geocodificar casa matriz ──────────────────────────────\n const geocodificarMatriz = async (dir) => {\n setGeocodificandoMatriz(true);\n const geo = await geocodificarDireccion(dir);\n if (geo.ok) setGeoCasaMatriz(geo);\n setGeocodificandoMatriz(false);\n };\n\n const guardarCasaMatriz = async () => {\n if (!dirMatrizTemp.trim()) return;\n setGeocodificandoMatriz(true);\n const geo = await geocodificarDireccion(dirMatrizTemp);\n if (geo.ok) {\n setCasaMatriz(dirMatrizTemp);\n setGeoCasaMatriz(geo);\n setEditandoMatriz(false);\n } else {\n Alert.alert(\"Error\", \"No se encontró la dirección. Sé más específico.\");\n }\n setGeocodificandoMatriz(false);\n };\n\n // ── Geocodificar dirección cliente ────────────────────────\n const buscarDireccionCliente = async () => {\n if (!dirCliente.trim()) return;\n setGeocodificando(true);\n setGeoCliente(null);\n const geo = await geocodificarDireccion(dirCliente);\n if (geo.ok) {\n setGeoCliente(geo);\n } else {\n setError(\n \"No se encontró la dirección. Intenta con calle, número y comuna.\",\n );\n }\n setGeocodificando(false);\n };\n\n // ── Validar RUT mientras escribe ──────────────────────────\n const onChangeRUT = (texto) => {\n setRutCliente(texto);\n if (texto.length >= 8) {\n setRutValido(validarRUT(texto));\n } else {\n setRutValido(null);\n }\n };\n\n // ── Animación micrófono ───────────────────────────────────\n useEffect(() => {\n if (grabando) {\n Animated.loop(\n Animated.sequence([\n Animated.timing(pulso, {\n toValue: 1.3,\n duration: 500,\n useNativeDriver: true,\n }),\n Animated.timing(pulso, {\n toValue: 1.0,\n duration: 500,\n useNativeDriver: true,\n }),\n ]),\n ).start();\n } else {\n pulso.stopAnimation();\n pulso.setValue(1);\n }\n }, [grabando]);\n\n // ── Grabar audio real ─────────────────────────────────────\n const toggleVoz = async () => {\n if (grabando) {\n setGrabando(false);\n if (recording) {\n await recording.stopAndUnloadAsync();\n setRecording(null);\n // En producción aquí iría la transcripción con Gemini Speech\n setDescripcion((prev) =>\n prev + (prev ? \" \" : \"\") +\n \"[Audio grabado — transcripción con IA disponible en versión final]\"\n );\n }\n } else {\n try {\n await Audio.Audio.setAudioModeAsync({\n allowsRecordingIOS: true,\n playsInSilentModeIOS: true,\n });\n const { recording: rec } = await Audio.Audio.Recording.createAsync(\n Audio.RecordingOptionsPresets.HIGH_QUALITY,\n );\n setRecording(rec);\n setGrabando(true);\n } catch {\n Alert.alert(\n \"Error\",\n \"No se pudo acceder al micrófono. Verifica los permisos en ajustes.\",\n );\n }\n }\n };\n\n // ── Tomar foto ────────────────────────────────────────────\n const tomarFoto = async (tipo) => {\n try {\n const result = await ImagePicker.launchCameraAsync({\n mediaTypes: ImagePicker.MediaTypeOptions.Images,\n quality: 0.7,\n allowsEditing: false,\n });\n if (!result.canceled) {\n const uri = result.assets[0].uri;\n if (tipo === \"antes\") {\n setFotosAntes((prev) => [...prev, uri]);\n } else {\n setFotosDespues((prev) => [...prev, uri]);\n }\n }\n } catch {\n Alert.alert(\n \"Error\",\n \"No se pudo acceder a la cámara. Verifica los permisos.\",\n );\n }\n };\n\n const elegirDeGaleria = async (tipo) => {\n try {\n const result = await ImagePicker.launchImageLibraryAsync({\n mediaTypes: ImagePicker.MediaTypeOptions.Images,\n quality: 0.7,\n allowsMultipleSelection: true,\n });\n if (!result.canceled) {\n const uris = result.assets.map((a) => a.uri);\n if (tipo === \"antes\") {\n setFotosAntes((prev) => [...prev, ...uris]);\n } else {\n setFotosDespues((prev) => [...prev, ...uris]);\n }\n }\n } catch { /* silencioso */ }\n };\n\n // ── EPP: todos confirmados ────────────────────────────────\n const eppRequerido = resultado?.ia?.epp_requerido ?? [];\n const eppTodosConfirmados = eppRequerido.length === 0 ||\n eppRequerido.every((item) => eppItems[item]);\n\n const toggleEPP = (item) => {\n setEppItems((prev) => ({ ...prev, [item]: !prev[item] }));\n };\n\n const confirmarEPP = () => {\n if (!eppTodosConfirmados) {\n Vibration.vibrate(500);\n Alert.alert(\n \"⚠️ EPP Incompleto\",\n \"Por Ley 16.744 debes confirmar TODOS los elementos de protección personal antes de iniciar la faena.\",\n [{ text: \"Entendido\", style: \"destructive\" }],\n );\n return;\n }\n setEppConfirmado(true);\n };\n\n // ── Generar PDF ───────────────────────────────────────────\n const generarPDF = async () => {\n if (!resultado?.presupuesto) return;\n const p = resultado.presupuesto.presupuesto_cliente;\n const html = `\n \n

SCL APP — Presupuesto

Cliente: ${nombreCliente || \"Sin nombre\"}

Dirección: ${dirCliente}

Resumen: ${resultado.ia?.resumen || \"\"}

Normativa: ${resultado.ia?.normativa || \"\"}

Descripción corregida:
${\n resultado.ia?.descripcion_corregida || \"\"\n }

Detalle Financiero

\n \n \n \n \n \n \n

Mano de Obra (IVA inc.)	${\n formatCLP(p.item_mano_obra)\n }
Materiales (IVA inc.)	${\n formatCLP(p.item_materiales)\n }
TOTAL CON IVA	${\n formatCLP(p.total_con_iva)\n }
Anticipo 60%	${\n formatCLP(p.anticipo_60)\n }
Saldo 40%	${\n formatCLP(p.saldo_40)\n }

\n
\n

\n Presupuesto generado por SCL APP v4.0 con IA Gemini.
\n UF utilizada: ${resultado.presupuesto.uf_utilizada} | Ruta: ${resultado.presupuesto.km_ruta} km
\n Firma SHA-256: ${\n resultado.seguridad?.firma_sha256?.substring(0, 32)\n }...\n

\n

\n

_____________________________ _____________________________

Firma Cliente Firma Técnico

\n \n `;\n try {\n const { uri } = await Print.printToFileAsync({ html });\n await Sharing.shareAsync(uri, {\n mimeType: \"application/pdf\",\n dialogTitle: \"Compartir Presupuesto SCL\",\n });\n } catch {\n Alert.alert(\"Error\", \"No se pudo generar el PDF.\");\n }\n };\n\n // ── Iniciar Faena ─────────────────────────────────────────\n const iniciarFaena = async () => {\n if (!descripcion.trim()) {\n setError(\"Describe el trabajo antes de continuar.\");\n return;\n }\n if (!geoCliente) {\n setError(\"Ingresa y verifica la dirección del cliente.\");\n return;\n }\n if (!geoCasaMatriz) {\n setError(\n \"La casa matriz no tiene coordenadas. Configúrala en Mesa Control.\",\n );\n return;\n }\n setError(\"\");\n setCargando(true);\n setResultado(null);\n setEppConfirmado(false);\n setEppItems({\n casco: false,\n guantes: false,\n zapatos_seguridad: false,\n lentes: false,\n arnes: false,\n extintor: false,\n kit_primeros_auxilios: false,\n });\n\n try {\n const response = await fetch(VAL_TOWN_URL, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n actor_id: \"TECNICO_001\",\n tipo_cliente: tipoCliente,\n descripcion_trabajo: descripcion,\n usar_tag: usarTAG,\n origen_lat: geoCasaMatriz.lat,\n origen_lng: geoCasaMatriz.lng,\n destino_lat: geoCliente.lat,\n destino_lng: geoCliente.lng,\n direccion_cliente: dirCliente,\n nombre_cliente: nombreCliente,\n telefono_cliente: telefonoCliente,\n tecnico_id: \"T001\",\n vehiculo_id: \"V001\",\n generar_link_pago: false,\n }),\n });\n const data = await response.json();\n if (data.success) {\n setResultado(data);\n setActiveTab(\"resultado\");\n } else {\n setError(data.error || \"Error en el servidor.\");\n }\n } catch {\n setError(\"Error de conexión. Verifica tu internet.\");\n } finally {\n setCargando(false);\n }\n };\n\n const p = resultado?.presupuesto?.presupuesto_cliente;\n const kmRuta = resultado?.presupuesto?.km_ruta;\n\n // =========================================================================\n // RENDER\n // =========================================================================\n return (\n \n \n\n {/* ── Header ── */}\n \n \n SCL APP\n \n \n v4.0 Seguro\n \n \n setDarkMode(!darkMode)}\n style={styles.modeBtn}\n >\n \n \n \n\n {/* ── Tabs ── */}\n \n {[\n { key: \"tecnico\", label: \"Técnico\", icon: \"engineering\" },\n { key: \"resultado\", label: \"Presupuesto\", icon: \"receipt-long\" },\n { key: \"mesa\", label: \"Mesa Control\", icon: \"bar-chart\" },\n ].map((tab) => (\n setActiveTab(tab.key)}\n >\n \n \n {tab.label}\n \n \n ))}\n \n\n \n {\n /* ══════════════════════════════════════════════════\n TAB: TÉCNICO\n ══════════════════════════════════════════════════ */\n }\n {activeTab === \"tecnico\" && (\n <>\n \n PANEL DE TERRENO\n \n\n {/* Total rápido */}\n \n \n TOTAL ORDEN (IVA Inc.)\n \n \n {p ? formatCLP(p.total_con_iva) : \"Esperando cálculo...\"}\n \n {kmRuta && (\n \n 📍 Ruta: {kmRuta} km desde casa matriz\n \n )}\n \n\n {/* Tipo cliente */}\n \n \n Tipo de Cliente\n \n \n {[{ key: \"hogar\", label: \"Hogar\", icon: \"home\" }, {\n key: \"corporativo\",\n label: \"Corporativo\",\n icon: \"business\",\n }].map((tipo) => (\n setTipoCliente(tipo.key)}\n >\n \n \n {tipo.label}\n \n \n ))}\n \n \n\n {/* Datos cliente */}\n \n \n \n \n Datos del Cliente\n \n \n\n \n\n {/* RUT con validación */}\n \n \n {rutValido === false && (\n \n ⚠️ RUT no válido en el territorio nacional\n \n )}\n {rutValido === true && (\n \n ✓ RUT válido\n \n )}\n \n\n \n\n {/* Dirección con geocodificación */}\n \n {\n setDirCliente(t);\n setGeoCliente(null);\n }}\n onSubmitEditing={buscarDireccionCliente}\n />\n \n \n \n \n {geoCliente && (\n \n \n \n Dirección verificada ✓\n \n \n )}\n \n\n {/* TAG Switch */}\n \n \n \n \n \n ¿Usar Autopistas (TAG)?\n \n \n \n \n \n\n {/* Prompt Gemini — Descripción del trabajo */}\n \n {/* Header Gemini */}\n \n \n \n Powered by Gemini AI\n \n \n\n \n {/* Botón galería */}\n elegirDeGaleria(\"antes\")}\n >\n \n \n\n {/* Input */}\n \n\n {/* Acciones derecha */}\n \n {/* Cámara */}\n tomarFoto(\"antes\")}\n style={styles.geminiIcon}\n >\n \n \n\n {/* Micrófono */}\n \n \n \n \n \n \n \n\n {/* Botón enviar */}\n 0\n ? \"#1E40AF\"\n : C.border,\n }]}\n onPress={descripcion.trim().length > 0 ? iniciarFaena : null}\n disabled={cargando || descripcion.trim().length === 0}\n >\n \n \n \n\n {/* Fotos adjuntas */}\n {(fotosAntes.length > 0) && (\n \n \n \n \n {fotosAntes.length} foto(s) adjunta(s) — Evidencia ANTES\n \n \n tomarFoto(\"antes\")}\n style={[styles.btnSecundario, { borderColor: C.accent }]}\n >\n \n \n Agregar más fotos\n \n \n \n )}\n\n {/* Error */}\n {!!error && (\n \n \n \n \n {error}\n \n \n \n )}\n\n {/* Botón INICIAR FAENA */}\n \n \n \n \n {cargando ? \"Calculando con IA...\" : \"INICIAR FAENA\"}\n \n \n \n \n )}\n\n {\n /* ══════════════════════════════════════════════════\n TAB: RESULTADO / PRESUPUESTO\n ══════════════════════════════════════════════════ */\n }\n {activeTab === \"resultado\" && (\n <>\n \n PRESUPUESTO & FAENA\n \n\n {!resultado && (\n \n \n \n Ingresa la descripción del trabajo en el Panel Técnico y\n presiona INICIAR FAENA\n \n \n )}\n\n {resultado?.success && (\n <>\n {/* Resumen IA */}\n \n \n \n \n IA Gemini — Análisis\n \n \n \n \n Resumen técnico:\n \n \n {resultado.ia?.resumen}\n \n \n \n \n Normativa aplicable:\n \n \n {resultado.ia?.normativa}\n \n \n \n \n Descripción corregida:\n \n \n {resultado.ia?.descripcion_corregida}\n \n \n \n\n {/* Hoja de Ruta SEC/RIDAA */}\n {resultado.ia?.hoja_ruta && (\n \n \n \n \n Hoja de Ruta Técnica\n \n \n \n {resultado.ia?.hoja_ruta}\n \n \n )}\n\n {/* Alertas de seguridad */}\n {resultado.ia?.alertas_seguridad?.length > 0 && (\n \n \n \n \n Alertas de Seguridad DS 594\n \n \n {resultado.ia.alertas_seguridad.map((alerta, i) => (\n \n \n \n {alerta}\n \n \n ))}\n \n )}\n\n {/* Checklist EPP */}\n {resultado.ia?.epp_requerido?.length > 0 && (\n \n \n \n \n {eppConfirmado\n ? \"✓ EPP Confirmado — Faena Habilitada\"\n : \"Checklist EPP Obligatorio (Ley 16.744)\"}\n \n \n\n {!eppConfirmado && (\n <>\n {resultado.ia.epp_requerido.map((item) => {\n const labels = {\n casco: \"Casco de seguridad\",\n guantes: \"Guantes de protección\",\n zapatos_seguridad: \"Zapatos de seguridad\",\n lentes: \"Lentes protectores\",\n arnes: \"Arnés de altura\",\n extintor: \"Extintor disponible\",\n kit_primeros_auxilios: \"Kit primeros auxilios\",\n };\n return (\n toggleEPP(item)}\n >\n \n \n {labels[item] || item}\n \n \n );\n })}\n\n \n \n \n \n CONFIRMAR EPP E INICIAR TRABAJO\n \n \n \n \n )}\n \n )}\n\n {/* Detalle de tareas */}\n {resultado.presupuesto?.detalle_tareas?.length > 0 && (\n \n \n \n \n Tareas Detectadas ({resultado.presupuesto.detalle_tareas\n .length})\n \n \n {resultado.presupuesto.detalle_tareas.map((tarea, i) => (\n \n \n \n {tarea.descripcion}\n \n \n Cant: {tarea.cantidad} · {tarea.fuente}{\" \"}\n {tarea.normativa ? `· ${tarea.normativa}` : \"\"}\n \n \n \n {formatCLP(tarea.subtotal)}\n \n \n ))}\n \n )}\n\n {/* Presupuesto financiero */}\n \n \n \n \n Presupuesto Cliente\n \n \n {[\n {\n label: \"Mano de Obra (IVA inc.)\",\n value: p?.item_mano_obra,\n },\n {\n label: \"Materiales (IVA inc.)\",\n value: p?.item_materiales,\n },\n ].map((item) => (\n \n \n {item.label}\n \n \n {formatCLP(item.value)}\n \n \n ))}\n \n \n TOTAL CON IVA\n \n \n {formatCLP(p?.total_con_iva)}\n \n \n \n \n Anticipo 60%\n \n \n {formatCLP(p?.anticipo_60)}\n \n \n \n \n Saldo 40%\n \n \n {formatCLP(p?.saldo_40)}\n \n \n\n \n \n \n ID:{\" \"}\n {resultado.proyecto_id?.substring(0, 16)}... · Firmado\n SHA-256\n \n \n \n\n {/* Fotos DESPUÉS */}\n \n \n \n \n Fotos DESPUÉS ({fotosDespues.length})\n \n \n tomarFoto(\"despues\")}\n >\n \n \n Fotografiar resultado\n \n \n \n\n {/* Botón PDF */}\n \n \n \n \n GENERAR Y COMPARTIR PDF\n \n \n \n \n )}\n \n )}\n\n {\n /* ══════════════════════════════════════════════════\n TAB: MESA DE CONTROL\n ══════════════════════════════════════════════════ */\n }\n {activeTab === \"mesa\" && (\n <>\n \n MESA DE CONTROL\n \n\n {/* Casa Matriz */}\n \n \n \n \n Casa Matriz — Ñuñoa\n \n \n {!editandoMatriz\n ? (\n <>\n \n {casaMatriz}\n \n {geoCasaMatriz && (\n \n \n \n Geocodificada correctamente\n \n \n )}\n {\n setDirMatrizTemp(casaMatriz);\n setEditandoMatriz(true);\n }}\n >\n \n \n Cambiar dirección\n \n \n \n )\n : (\n <>\n \n \n \n \n \n {geocodificandoMatriz ? \"Verificando...\" : \"Guardar\"}\n \n \n setEditandoMatriz(false)}\n >\n \n \n Cancelar\n \n \n \n \n )}\n \n\n {/* Tarifas activas */}\n \n \n \n \n Tarifas Activas\n \n \n {[\n { label: \"Margen Hogar\", value: \"25%\" },\n { label: \"Margen Corporativo\", value: \"40%\" },\n { label: \"Desgaste vehicular\", value: \"$120 / km\" },\n { label: \"Viático Hogar\", value: \"$7.500 CLP\" },\n { label: \"Viático Corporativo\", value: \"$15.000 CLP\" },\n { label: \"Anticipo requerido\", value: \"60%\" },\n { label: \"Corretaje materiales\", value: \"15%\" },\n { label: \"IVA\", value: \"19%\" },\n { label: \"Expiry link MP\", value: \"20 minutos\" },\n { label: \"Despacho informe cliente\", value: \"7 días hábiles\" },\n ].map((item) => (\n \n \n {item.label}\n \n \n {item.value}\n \n \n ))}\n \n\n {/* Normativas */}\n \n \n \n \n Normativas Activas\n \n \n {[\n { label: \"Electricidad\", value: \"RIC SEC (Pliegos Técnicos)\" },\n { label: \"Gasfitería\", value: \"RIDAA\" },\n { label: \"Seguridad\", value: \"DS 594 + Ley 16.744\" },\n { label: \"Tributario\", value: \"Art. 21 LIR — F29 ProPyme\" },\n ].map((item) => (\n \n \n {item.label}\n \n \n {item.value}\n \n \n ))}\n \n\n {/* Próximamente */}\n \n \n \n \n Próximamente\n \n \n {[\n \"📊 Panel contable con gráficos de utilidades\",\n \"🔐 Módulo 2FA Google Authenticator\",\n \"💳 Mercado Pago — Links con hard expiry\",\n \"📅 Calendario anti double-booking\",\n \"📄 Custodia documentos SpA\",\n \"🤖 Bot WhatsApp autónomo\",\n ].map((item, i) => (\n \n {item}\n \n ))}\n \n \n )}\n \n\n {/* Footer */}\n \n SCL APP\n \n | La evolución del control operativo.\n \n \n \n );\n}\n\n// =========================================================================\n// ESTILOS\n// =========================================================================\nconst styles = StyleSheet.create({\n root: { flex: 1 },\n header: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n paddingTop: 48,\n paddingBottom: 12,\n paddingHorizontal: 20,\n },\n headerLeft: { gap: 4 },\n headerTitle: {\n color: \"#FFF\",\n fontSize: 22,\n fontWeight: \"800\",\n letterSpacing: 2,\n },\n headerBadge: { flexDirection: \"row\", alignItems: \"center\" },\n headerBadgeText: { color: \"#22C55E\", fontSize: 10, fontWeight: \"600\" },\n modeBtn: { padding: 8 },\n tabs: {\n flexDirection: \"row\",\n paddingHorizontal: 12,\n paddingBottom: 12,\n gap: 6,\n },\n tab: {\n flex: 1,\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n paddingVertical: 8,\n borderRadius: 10,\n gap: 4,\n },\n tabText: { fontWeight: \"700\", fontSize: 11 },\n scroll: { padding: 16, gap: 12, paddingBottom: 40 },\n panelTitle: {\n fontSize: 16,\n fontWeight: \"800\",\n textAlign: \"center\",\n marginBottom: 4,\n letterSpacing: 1,\n },\n totalBox: { borderRadius: 12, padding: 18, alignItems: \"center\", gap: 4 },\n totalLabel: { fontSize: 12, fontWeight: \"600\" },\n totalValue: { fontSize: 28, fontWeight: \"900\" },\n kmText: { fontSize: 12, marginTop: 2 },\n card: { borderRadius: 12, padding: 14, borderWidth: 1, gap: 8 },\n cardLabel: { fontSize: 14, fontWeight: \"600\" },\n switchRow: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n row: { flexDirection: \"row\", alignItems: \"center\" },\n tipoRow: { flexDirection: \"row\", gap: 8 },\n tipoBtn: {\n flex: 1,\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n paddingVertical: 10,\n borderRadius: 8,\n borderWidth: 1,\n gap: 6,\n },\n tipoBtnText: { fontWeight: \"700\", fontSize: 13 },\n inputSimple: { borderWidth: 1, borderRadius: 10, padding: 12, fontSize: 14 },\n dirRow: { flexDirection: \"row\", gap: 8, alignItems: \"center\" },\n inputDireccion: {\n flex: 1,\n borderWidth: 1,\n borderRadius: 10,\n padding: 12,\n fontSize: 14,\n },\n geoBtn: {\n padding: 12,\n borderRadius: 10,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n smallText: { fontSize: 12 },\n smallLabel: { fontSize: 11, fontWeight: \"600\", marginBottom: 2 },\n\n // Gemini Prompt Box\n geminiBox: { borderRadius: 28, borderWidth: 2, overflow: \"hidden\" },\n geminiHeader: {\n flexDirection: \"row\",\n alignItems: \"center\",\n paddingHorizontal: 16,\n paddingVertical: 8,\n borderBottomWidth: 1,\n },\n geminiHeaderText: { fontSize: 11, fontWeight: \"700\" },\n geminiBody: {\n flexDirection: \"row\",\n alignItems: \"flex-end\",\n padding: 12,\n gap: 8,\n },\n geminiAddBtn: {\n width: 38,\n height: 38,\n borderRadius: 19,\n alignItems: \"center\",\n justifyContent: \"center\",\n borderWidth: 1,\n },\n geminiInput: {\n flex: 1,\n fontSize: 14,\n minHeight: 60,\n maxHeight: 120,\n textAlignVertical: \"top\",\n },\n geminiActions: { flexDirection: \"column\", gap: 8, alignItems: \"center\" },\n geminiIcon: { padding: 6 },\n geminiSend: {\n margin: 12,\n marginTop: 0,\n padding: 12,\n borderRadius: 20,\n alignItems: \"center\",\n justifyContent: \"center\",\n alignSelf: \"flex-end\",\n },\n\n btnFaena: {\n borderRadius: 14,\n paddingVertical: 18,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n btnFaenaText: {\n color: \"#FFF\",\n fontSize: 15,\n fontWeight: \"800\",\n letterSpacing: 1,\n },\n btnSecundario: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n borderWidth: 1.5,\n borderRadius: 10,\n paddingVertical: 10,\n gap: 6,\n },\n\n iaBox: { borderRadius: 8, padding: 10, gap: 4, marginTop: 4 },\n tareaItem: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n paddingVertical: 8,\n borderBottomWidth: 1,\n },\n resultRow: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n paddingVertical: 6,\n borderBottomWidth: 1,\n },\n resultLabel: { fontSize: 13 },\n resultValue: { fontSize: 15, fontWeight: \"700\" },\n\n eppItem: {\n flexDirection: \"row\",\n alignItems: \"center\",\n padding: 12,\n borderRadius: 10,\n borderWidth: 1,\n },\n\n footer: { flexDirection: \"row\", justifyContent: \"center\", padding: 14 },\n footerBold: { color: \"#FFF\", fontWeight: \"800\", fontSize: 13 },\n footerSlogan: { color: \"#C9A84C\", fontSize: 13, fontStyle: \"italic\" },\n});","createdAt",["D",1780551614086],"branchVersion","branchId","8b736e0a-5f09-11f1-bb44-1607ee4eb77e","id","8b72b816-5f09-11f1-bb44-1607ee4eb77e","sclapp",["D",1780463002408],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","252f39d8-1a44-4452-bef4-c367dba55140","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e867b-0566-7166-a580-b82955e18fb1","tursoName","8b72b8165f0911f1bb441607ee4eb77e","tursoHostname","8b72b8165f0911f1bb441607ee4eb77e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789515657103],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":54,"_102":103,"_104":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",35,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wilbercastellanos","handle","displayName","Wilber Castellanos","avatar","https://lh3.googleusercontent.com/a/ACg8ocJNbGBNmTaeXMcPaEpFusUbcLMTCJLP_rbU8-Ui29pgYJoqyi6z=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":153,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":154,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":155,"_81":156,"_83":157,"_85":25},"tree",[148],"files",[148],"counts",{"_136":60,"_137":138,"_139":60,"_140":141,"_142":143},"contents",[128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":129,"_32":28,"_30":31,"_130":-5,"_41":42,"_40":14,"_131":25,"_38":132,"_13":133,"_33":34,"_35":37,"_24":25,"_134":-5,"_27":135},"a9c226e6-8ef9-450f-8938-7086a4c443bb","parentId","latest",["D",1780551614086],4,"label",[28],"pulls","branches",1,"forks","envVars",{"_144":146,"_147":60},"connections",{"_144":60,"_145":60},"count","unfilledCount",2,"emptyCount",{"_43":129,"_32":28,"_30":31,"_130":-5,"_41":42,"_40":14,"_131":25,"_38":149,"_13":133,"_33":34,"_35":37,"_24":25,"_134":-5,"_150":151,"_27":152},["D",1780551614086],"children",[],[28],["D",1780463002408],["D",1789515657103],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":54,"_102":103,"_104":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_125":191,"_192":193,"_194":195,"_196":25,"_197":25,"_198":25,"_199":200,"_201":-5,"_202":-7,"_203":-7,"_204":60,"_205":25,"_206":25,"_207":-5,"_208":25,"_209":25,"_210":25,"_211":-5},"ENV",{"_162":163,"_164":165,"_166":87,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets",true,"preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v19