{"context":{"domain":"natura-geomarketing"},"layers":{"ApplicationLayer":{"reference":"ApplicationLayer","availableInstances":[{"reference":"ComponentsDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"component":"data2-core@DataSet","reference":"SystemsDataSet","params":{"filter":{"domain":"data2"},"pagination":{"size":1},"datasource":{"component":"data2-core-types@ProcessReference","params":{"reference":"SystemsDataSource"}}}},{"reference":"ExternalComponentInstancesDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"reference":"SystemsDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"5e3b796d6228227ca637d0f4","name":"data2","domain":"data2","organization":"62292184611f480b3191c37c","visibility":"public","updatedAt":"2026-07-27T14:19:36.810Z"}]}},{"reference":"OrganizationsDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"reference":"DataComponentInstancesDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"component":"data2-core@DataSet","reference":"OneFileComponentInstancesDataSet","params":{"pagination":{"size":1},"master":{"dataset":{"component":"data2-core-types@ProcessReference","params":{"reference":"SystemsDataSet"}},"localField":"system","masterField":"_id"},"datasource":{"component":"data2-core-types@ProcessReference","params":{"reference":"FileComponentInstancesDataSource"}}}},{"reference":"ApplicationsDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"reference":"ComponentInstancesDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"reference":"ServiceComponentInstancesDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"component":"data2-core@Data2TableDataSource","reference":"FileComponentInstancesDataSource","params":{"table":"fileComponentInstances","schema":[{"component":"data2-core-types@Field","params":{"key":"component","title":"Component","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"system","title":"System","component":"data2-core-primitives@ObjectId"}},{"component":"data2-core-types@Field","params":{"key":"displayName","title":"Display Name","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"params","title":"Params","component":"data2-core-primitives@Object"}},{"component":"data2-core-types@Field","params":{"key":"reference","title":"Reference","component":"data2-core-primitives@String"}}]}},{"component":"data2-core@MemoryDataSource","reference":"EmptyDataSource","params":{"initialData":[]}},{"reference":"ComponentsDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"UserComponentsDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"DataComponentInstancesDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"ServiceComponentInstancesDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"ComponentInstancesDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"ExternalComponentInstancesDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"ApplicationsDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}}],"processesParams":{}},"HostApplicationLayer":{"reference":"HostApplicationLayer","availableInstances":[{"_id":"5f15ff190528b92601890f71","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"SystemsTableDataSource"}},"filter":{"domain":{"component":"data2-core-types@Reference","params":{"reference":"domain"}}},"pk":"_id","fields":[{"component":"data2-core-types@FieldReference","params":{"key":"_id"}},{"component":"data2-core-types@FieldReference","params":{"key":"name"}},{"component":"data2-core-types@FieldReference","params":{"key":"domain"}},{"component":"data2-core-types@FieldReference","params":{"key":"visibility"}},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"customDomains"}}},"break":true},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"organization._id"}}},"break":true},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"organization.name"}}},"break":true},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"organization.billingStatus"}}},"break":true},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"organization.publicTrial.active"}}},"break":true},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"settings.defaultAccessPolicy"}}},"break":true}],"pagination":{"size":{"component":"data2-core-primitives@Number","params":{"content":1}}},"staticPagination":{"size":{"component":"data2-core-primitives@Number","params":{"content":1}}},"policies":[{"component":"data2-core-auth@Policy","params":{"allow":{"params":{"actions":[{"params":{"components":[{"params":{"query":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$params.query"}}}},"field":{"component":"data2-core-primitives@String","params":{"content":"_id"}},"fieldType":"string"},"component":"data2@7KkQq0vK4a7D2gg6IVJT7"},{"params":{"query":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$params.query"}}}},"field":{"component":"data2-core-primitives@String","params":{"content":"domain"}},"fieldType":"string"},"component":"data2@7KkQq0vK4a7D2gg6IVJT7"},{"params":{"query":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$params.query"}}}},"field":{"component":"data2-core-primitives@String","params":{"content":"customDomains"}},"fieldType":"string"},"component":"data2@7KkQq0vK4a7D2gg6IVJT7"}]},"component":"data2-core-logical-operators@Or"}]},"component":"data2-core-flow@Series"}}}]},"reference":"SystemsDataSet","updatedAt":"2026-08-07T21:51:24.037Z","createdAt":"2020-07-20T20:31:21.838Z"},{"_id":"5f1601ce0528b92601890f7c","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"pagination":{"size":1000},"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ComponentsTableDataSource"}},"sort":{"params.package":1,"params.component":1},"pk":"_id","autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"staticFilter":{"system":{"exists":{"params":{"content":false},"component":"data2-core-primitives@Boolean"}}},"filter":{"system":{"exists":{"params":{"content":false},"component":"data2-core-primitives@Boolean"}}}},"reference":"ComponentsDataSet","updatedAt":"2025-11-05T19:37:01.935Z","createdAt":"2020-07-20T20:42:54.898Z"},{"_id":"5f9041dbc8da12be8b94aea4","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"pagination":{"size":2000},"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ComponentsTableDataSource"}},"pk":"_id","autoEdit":true,"master":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"policies":{"params":{"allowGet":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2@hkXy-UhMjhyfptdE6_fpW"}},"reference":"UserComponentsDataSet","updatedAt":"2025-11-06T21:06:58.095Z","createdAt":"2020-07-20T20:44:09.350Z"},{"_id":"65d8c4fabc9dbb8f94de8d53","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ExternalComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"policies":{"params":{"allowGet":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2@hkXy-UhMjhyfptdE6_fpW"}},"reference":"ExternalComponentInstancesDataSet","updatedAt":"2025-11-06T21:07:23.742Z","createdAt":"2024-02-23T16:17:01.816Z"},{"reference":"SystemsTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6a57cfe9673eb7e3c5e57784","name":"Geomarketing","domain":"natura-geomarketing","visibility":"public","settings":{"defaultAccessPolicy":"private"},"updatedAt":"2026-08-14T20:13:15.077Z","createdAt":"2026-07-15T18:22:33.158Z"}]}},{"reference":"ComponentsTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"5f52a278a575399a45d239b4","component":"data2-core-types@Component","params":{"package":"data2-core-primitives","component":"Router","interactions":{"component":"data2-core-types@FieldSet","params":{"fields":{"goBack":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-types@Function"}},"definition":{"component":"data2-core-functions@Function","params":{"body":{"preventEvaluation":true,"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@This","params":{}},"prop":"history.goBack","args":[]}}}},"icon":{"component":"data2-core-primitives@String","params":{"content":"arrow-left"}},"visibility":"public"}},"goTo":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"definition":{"component":"data2-core-functions@Function","params":{"body":{"preventEvaluation":true,"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@This","params":{}},"prop":"history.push","args":[{"component":"data2-core-types@Reference","params":{"reference":"url"}},{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"preserveQuery"}}}}]}},"parameters":[{"component":"data2-core-primitives@String","params":{"content":"url"}},{"component":"data2-core-primitives@String","params":{"content":"preserveQuery"}}]},"break":true},"icon":{"component":"data2-core-primitives@String","params":{"content":"share"}},"visibility":"public","arguments":[{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Path to route"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Path to redirect user"}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2-core-types@ComponentParameter"},{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Boolean"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Preserve Query"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Preserve query string parameters preserve query parameters on navigating."}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2-core-types@ComponentParameter"}]}},"open":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-types@Function"}},"definition":{"component":"data2-core-functions@Function","params":{"body":{"preventEvaluation":true,"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@This","params":{}},"prop":"history.push","args":[{"pathname":{"component":"data2-core-types@Reference","params":{"reference":"value"}}}]}},"parameters":["value"]}},"icon":{"component":"data2-core-primitives@String","params":{"content":"share"}},"visibility":"public","arguments":[{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Link to open"}},"description":{"component":"data2-core-primitives@String","params":{"content":""}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2-core-types@ComponentParameter"},{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Target"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Where to open the link"}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"oneOf":[{"params":{"content":"_blank"},"component":"data2-core-primitives@String"},{"params":{"content":"_self"},"component":"data2-core-primitives@String"},{"params":{"content":"_parent"},"component":"data2-core-primitives@String"},{"params":{"content":"_top"},"component":"data2-core-primitives@String"}]},"component":"data2-core-types@ComponentParameter"}]}},"close":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-types@Function"}},"definition":{"component":"data2-core-functions@Function","params":{"body":{"preventEvaluation":true,"component":"data2-core-types@Getter","params":{"module":{"params":{},"component":"data2-core-web@Window"},"prop":"close"}},"parameters":["value"]}},"icon":{"component":"data2-core-primitives@String","params":{"content":"times"}},"visibility":"public","arguments":[{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Link to open"}},"description":{"component":"data2-core-primitives@String","params":{"content":""}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2-core-types@ComponentParameter"},{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Target"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Where to open the link"}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"oneOf":[{"params":{"content":"_blank"},"component":"data2-core-primitives@String"},{"params":{"content":"_self"},"component":"data2-core-primitives@String"},{"params":{"content":"_parent"},"component":"data2-core-primitives@String"},{"params":{"content":"_top"},"component":"data2-core-primitives@String"}]},"component":"data2-core-types@ComponentParameter"}],"description":{"component":"data2-core-primitives@String","params":{"content":"Closes a window that was opened via router.open."}}}}}}}}},{"_id":"620d28658271aa4129919d89","component":"data2-core-types@Component","params":{"package":"data2-interface-services","component":"DeviceController","interactions":{"params":{"fields":{"postMessage":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":"data2-core-primitives@String","title":{"component":"data2-core-primitives@String","params":{"content":"data"}}}}]},"component":"data2-core-types@ComponentParameter"},"print":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"arguments":[{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Object"}},"flat":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"parameters":{"zoom":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Number"}},"title":{"component":"data2-core-primitives@String","params":{"content":"zoom"}},"visibility":"public"}}},"visibility":"public"},"component":"data2-core-types@ComponentParameter"}],"visibility":"public"},"component":"data2-core-types@ComponentParameter"},"share":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}}},"component":"data2-core-types@ComponentParameter"},"clipboard.copy":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}}}}]},"component":"data2-core-types@ComponentParameter"},"clipboard.paste":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}}}}]},"component":"data2-core-types@ComponentParameter"},"download":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"visibility":"public","arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Filename"}}}},{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Content"}}}},{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Object"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Options"}},"parameters":{"params":{"fields":{"type":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Mimetype"}}}}}},"component":"data2-core-types@FieldSet"}}}]},"component":"data2-core-types@ComponentParameter"},"downloadUrl":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"visibility":"public","arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Filename"}}}},{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Url"}}}}]},"component":"data2-core-types@ComponentParameter"},"promptFiles":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":"data2-core-primitives@Object","flat":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"parameters":{"params":{"fields":{"multiple":{"component":"data2-core-types@ComponentParameter","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Multiple"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Whether or not to allow selecting multiple files"}},"component":"data2-core-primitives@Boolean"}},"acceptedFormats":{"component":"data2-core-types@ComponentParameter","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Accepted Formats"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Accepted file formats"}},"component":"data2-core-primitives@String","list":{"component":"data2-core-primitives@Boolean","params":{"content":true}}}},"timeout":{"component":"data2-core-types@ComponentParameter","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Timeout"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Max milliseconds to wait for file upload"}},"component":"data2-core-primitives@Number"}}}},"component":"data2-core-types@FieldSet"}}}],"visibility":"public"},"component":"data2-core-types@ComponentParameter"},"meetingRecord":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"visibility":"public","definition":{"params":{"actions":[{"params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"meeting"}},"script":{"component":"data2-core-primitives@String","params":{"content":"(function() {\n let mediaRecorder;\n let audioChunks = [];\n let combinedStream;\n let audioContext;\n \n window.meetingCapture = async function() {\n try {\n // Solicitar acesso ao áudio da guia (e vídeo, que será ignorado depois)\n const tabStream = await navigator.mediaDevices.getDisplayMedia({ \n video: true, // Necessário para alguns navegadores\n audio: true\n });\n \n // Remover a trilha de vídeo\n const tabAudioTrack = tabStream.getAudioTracks()[0];\n \n // Solicitar acesso ao microfone\n const micStream = await navigator.mediaDevices.getUserMedia({ audio: true });\n const micAudioTrack = micStream.getAudioTracks()[0];\n \n // Criar um novo MediaStream com ambas as trilhas de áudio\n combinedStream = new MediaStream([tabAudioTrack, micAudioTrack]);\n \n // Criar um contexto de áudio para misturar os streams\n audioContext = new AudioContext();\n const destination = audioContext.createMediaStreamDestination();\n \n // Conectar a trilha de áudio da guia\n const tabSource = audioContext.createMediaStreamSource(new MediaStream([tabAudioTrack]));\n tabSource.connect(destination);\n \n // Conectar a trilha de áudio do microfone\n const micSource = audioContext.createMediaStreamSource(new MediaStream([micAudioTrack]));\n micSource.connect(destination);\n \n // Iniciar gravação com o stream misturado\n mediaRecorder = new MediaRecorder(destination.stream);\n audioChunks = [];\n mediaRecorder.ondataavailable = (e) => audioChunks.push(e.data);\n mediaRecorder.start();\n \n console.log('Gravação iniciada. Chame meetingCaptureStop() para finalizar.');\n } catch (error) {\n console.error('Erro ao iniciar a captura:', error);\n }\n };\n \n window.meetingCaptureStop = function() {\n return new Promise((resolve, reject) => {\n if (!mediaRecorder) {\n reject('Nenhuma gravação em andamento.');\n return;\n }\n \n mediaRecorder.onstop = () => {\n const audioBlob = new Blob(audioChunks, { type: 'audio/webm' });\n combinedStream.getTracks().forEach(track => track.stop());\n audioContext.close();\n \n resolve(audioBlob);\n console.log('Gravação finalizada. O arquivo de áudio está pronto para upload.');\n };\n \n mediaRecorder.stop();\n });\n };\n})();"}}},"component":"data2-core-web@Script"},{"component":"data2-core-types@Getter","params":{"module":{"params":{},"component":"data2-core-web@Window"},"prop":{"component":"data2-core-primitives@String","params":{"content":"meetingCapture"}}}}]},"component":"data2-core-flow@Series"}},"component":"data2-core-types@ComponentParameter"},"meetingRecordStop":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"visibility":"public","arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Filename"}}}},{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Content"}}}},{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Object"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Options"}},"parameters":{"params":{"fields":{"type":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Mimetype"}}}}}},"component":"data2-core-types@FieldSet"}}}],"definition":{"params":{"actions":[{"component":"data2-core-types@Getter","params":{"module":{"params":{},"component":"data2-core-web@Window"},"prop":{"component":"data2-core-primitives@String","params":{"content":"meetingCaptureStop"}}}}]},"component":"data2-core-flow@Series"}},"component":"data2-core-types@ComponentParameter"},"notify":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"visibility":"private","arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":"data2-core-primitives@Object","parameters":{"title":{"params":{"component":"data2-core-primitives@String","index":{"component":"data2-core-primitives@Number","params":{"content":0}},"title":{"component":"data2-core-primitives@String","params":{"content":"title"}}},"component":"data2-core-types@ComponentParameter"},"sound":{"params":{"component":"data2-core-types@FileComponentUrlReference","index":{"component":"data2-core-primitives@Number","params":{"content":1}},"title":{"component":"data2-core-primitives@String","params":{"content":"sound"}}},"component":"data2-core-types@ComponentParameter"}},"flat":{"component":"data2-core-primitives@Boolean","params":{"content":true}}}}]},"component":"data2-core-types@ComponentParameter"}}},"component":"data2-core-types@FieldSet"}}},{"_id":"6a7381e544b23b3f85949815","component":"data2-core-types@Component","system":"6a57cfe9673eb7e3c5e57784","params":{"component":"syKO63JC71F1tqr5T_HJx","package":"natura-geomarketing","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n :host{display:block;height:100%;--bg:#f4f4f8;--panel:#ffffff;--panel2:#f7f7fb;--line:#e7e7ef;--ink:#1c1c2b;--mut:#71717f;--acc:#c8104e; --closing:#c8104e;--ok:#1f9d57;--grad:linear-gradient(100deg,#c8104e,#8f0b39)}\n *{box-sizing:border-box}\n .simroot{position:relative;height:100%;overflow:auto;font:13.5px/1.45 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;background:var(--bg);color:var(--ink)}\n header{padding:14px 20px;background:var(--grad);color:#fff;display:flex;align-items:center;gap:12px;flex-wrap:wrap;box-shadow:0 2px 14px rgba(140,11,57,.25)}\n header h1{font-size:16px;margin:0;font-weight:700;letter-spacing:.2px}\n header select,header input{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);color:#fff}\n header select option{color:#1c1c2b}\n header .status{color:rgba(255,255,255,.85)}\n .howto{padding:9px 20px;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--mut);align-items:center}\n .howto b{color:var(--ink)} .howto span{max-width:340px}\n .pill{font-size:11px;padding:3px 9px;border-radius:99px;border:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.92);background:rgba(255,255,255,.12)}\n .pill.live{color:#fff}.pill.ro{color:#fff}\n header button.act{background:#fff;color:var(--acc)}\n header button.ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.3)}\n .status{font-size:11px;color:var(--mut)}.status.err{color:var(--closing)}\n select,input,textarea,button{font:inherit}\n select,input{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:6px 8px}\n button.act{background:var(--acc);color:#fff;border:0;border-radius:8px;padding:7px 12px;font-weight:700;cursor:pointer}\n button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 11px;cursor:pointer}\n button.ghost.on{border-color:var(--acc);color:var(--acc)}\n .wrap{display:grid;grid-template-columns:minmax(360px,1fr) 430px;gap:14px;padding:14px 18px;align-items:start}\n @media(max-width:1150px){.wrap{grid-template-columns:1fr}}\n .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:14px;box-shadow:0 1px 3px rgba(20,20,40,.05),0 6px 20px rgba(20,20,40,.04)}\n .card h2{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--mut);margin:0 0 9px;font-weight:700}\n svg{width:100%;height:auto;display:block}\n .muni{stroke:#0b0d12;stroke-width:1.1;cursor:pointer;transition:filter .1s}.muni:hover{filter:brightness(1.28)}\n .muni.sel{stroke:#fff;stroke-width:2.3}\n .nbr{fill:#e6e6ee;stroke:#cfcfda;stroke-width:.8;opacity:.95}\n .mlabel{fill:#0d0f14;font-size:10px;font-weight:700;pointer-events:none;text-anchor:middle;paint-order:stroke;stroke:rgba(255,255,255,.55);stroke-width:2.4px}\n .nlabel{fill:#6b7183;font-size:8.5px;pointer-events:none;text-anchor:middle}\n .legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:12px}\n .legend b{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}\n .kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}\n .kpi{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 11px}\n .kpi .n{font-size:20px;font-weight:700}.kpi .l{font-size:10.5px;color:var(--mut);margin-top:2px}\n .kpi.warn{border-color:#f0c2cb}.kpi.warn .n{color:var(--closing)}.kpi.ok{border-color:#bfe6cd}.kpi.ok .n{color:var(--ok)}\n .bar-row{display:flex;align-items:center;gap:8px;margin:6px 0}\n .bar-row .tag{width:42px;font-weight:700;font-size:12px}\n .bar-track{flex:1;height:19px;background:var(--panel2);border-radius:5px;overflow:hidden;display:flex}\n .bar-base{height:100%;opacity:.4}.bar-inc{height:100%}\n .bar-val{width:132px;text-align:right;font-size:11px;color:var(--mut);font-variant-numeric:tabular-nums}\n table{border-collapse:collapse;width:100%;font-size:11.5px}\n th,td{padding:5px 6px;text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}\n th:first-child,td:first-child{text-align:left}\n thead th{color:var(--mut);font-weight:600;font-size:10.5px;position:sticky;top:0;background:var(--panel)}\n .home{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px}\n .muni-item{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:5px 8px;margin-bottom:6px}\n .muni-item .nm{flex:1;font-weight:600;font-size:12px}.muni-item .ct{color:var(--mut);font-size:11px}\n .seg{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}\n .seg button{border:0;background:transparent;color:var(--mut);padding:4px 8px;font-size:11px;font-weight:700;cursor:pointer}\n .seg button.on{color:#fff}\n .toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}\n .toggle{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:12px}\n .toggle button{background:transparent;border:0;color:var(--mut);padding:6px 10px;cursor:pointer;font-weight:600}\n .toggle button.on{background:var(--panel2);color:var(--ink)}\n .note{color:var(--mut);font-size:10.5px;margin-top:7px;line-height:1.5}\n .cell{font-variant-numeric:tabular-nums}\n .scroll{max-height:240px;overflow:auto}\n .tip{position:fixed;pointer-events:none;background:#000;color:#fff;border-radius:8px;padding:7px 9px;font-size:11px;opacity:0;transition:opacity .1s;z-index:9;max-width:230px}\n .spark{display:flex;align-items:flex-end;gap:3px;height:44px}\n .spark .b{flex:1;background:var(--acc);border-radius:2px 2px 0 0;min-height:2px;opacity:.85}\n .delta{font-size:10px}.delta.up{color:var(--ok)}.delta.dn{color:var(--closing)}\n .tabs{display:flex;gap:6px;margin-bottom:10px}\n .tabs button{background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--mut);padding:6px 12px;cursor:pointer;font-weight:600}\n .tabs button.on{background:var(--panel2);color:var(--ink);border-color:var(--acc)}\n .hidden{display:none}\n .sqlbox{width:100%;height:60px;font-family:ui-monospace,Menlo,monospace;font-size:11px;resize:vertical}\n .load{position:absolute;inset:0;background:rgba(248,248,251,.85);display:flex;align-items:center;justify-content:center;z-index:20;font-size:14px;color:var(--acc);font-weight:600}\n .load.hidden{display:none}\n .badge{font-size:10px;padding:1px 6px;border-radius:5px;background:var(--panel2);border:1px solid var(--line);color:var(--mut)}\n`,\n render(d2){\n return `
\n

Simulador de Realocação de Setores

\n \n \n \n ● dado ao vivo\n read-only · nunca escreve\n \n
\n\n
\n Como usar  → \n 1. Escolha um setor pra fechar (ou 🎲).\n 2. O simulador puxa o dado real, acha os setores vizinhos (geografia, cruzando estados) e sugere o destino de cada município.\n 3. Clique ★ Modelo ÓTIMO p/ minimizar quebra de relação, ou ajuste no mapa/botões.\n 4. Veja o impacto antes → depois no relatório.\n
\n
\n
\n
\n
\n

Mapa — clique num município p/ trocar o setor destino

\n
\n \n \n
\n
\n \n
\n
Coloridos = municípios do setor fechado (cor = destino). Cinza = vizinhos (contexto). Shapes reais IBGE/tbrugz.
\n
\n
\n
\n \n \n \n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n\n
\n
\n
\n \n \n \n
\n
★ ÓTIMO = equilibra a carga entre os setores e minimiza a quebra (contíguo; não empilha tudo num setor). TOBE = sugestão por vizinhança. Indicadores atualizam ao vivo.
\n
\n
\n

Span por setor (CBs) — base + entrantes

\n
\n
\n

CBs deslocadas

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

Municípios → setor destino

\n
Clique no código do setor pra mandar o município inteiro pra lá (regra de negócio). A cor acompanha o mapa.
\n
\n
\n\n
\n

Líderes — destino e CBs deslocadas

\n
Home = setor que ficou com a maioria das CBs da líder. Deslocadas = CBs dela que caíram noutro setor (viram “fora do setor” ou “quebra de relação”).
\n
\n
\n\n
\n
\n

Plano de migração

\n
\n
\n
\n
\n
\n
\n\n
\n
carregando…
`;\n },\n mounted(d2, root){\n\nconst T='product.perfil_cb.crm_perfil_cb_diaria_historico';\nconst ELO='product.elo_modelo_combinado.commercial_consultant_index';\nconst SNAP=`(SELECT MAX(DT_HISTORICO) FROM ${T} WHERE CD_PAIS=1)`;\nconst PALETTE=['#8b7fd6','#d1b048','#67bd5b','#5aa9d6','#d67fa8','#c98a4b'];\nconst CLOSE_COLOR='#475569';\nconst UF_CODE={RO:'11',AC:'12',AM:'13',RR:'14',PA:'15',AP:'16',TO:'17',MA:'21',PI:'22',CE:'23',RN:'24',PB:'25',PE:'26',AL:'27',SE:'28',BA:'29',MG:'31',ES:'32',RJ:'33',SP:'35',PR:'41',SC:'42',RS:'43',MS:'50',MT:'51',GO:'52',DF:'53'};\nconst UF_BORDERS={AC:['AM','RO'],AL:['BA','PE','SE'],AM:['AC','RO','RR','PA','MT'],AP:['PA'],\n BA:['AL','SE','PE','PI','TO','GO','MG','ES'],CE:['PI','PB','PE','RN'],DF:['GO','MG'],\n ES:['BA','MG','RJ'],GO:['DF','MT','MS','MG','BA','TO'],MA:['PA','TO','PI'],\n MG:['BA','GO','DF','MS','SP','RJ','ES'],MS:['MT','GO','MG','SP','PR'],MT:['RO','AM','PA','TO','GO','MS'],\n PA:['AP','AM','MT','TO','MA','RR'],PB:['RN','CE','PE'],PE:['PB','CE','PI','BA','AL'],\n PI:['MA','TO','BA','PE','CE'],PR:['SP','MS','SC'],RJ:['ES','MG','SP'],RN:['CE','PB'],\n RO:['AC','AM','MT'],RR:['AM','PA'],RS:['SC'],SC:['PR','RS'],SE:['BA','AL'],\n SP:['MG','RJ','PR','MS'],TO:['PA','MA','PI','BA','GO','MT']};\nconst $=s=>root.querySelector(s);\nconst fmt=n=>n==null?'–':Math.round(+n).toLocaleString('pt-BR');\nconst money=n=>{n=+n||0;return n>=1e6?'R$'+(n/1e6).toFixed(1)+'M':n>=1e3?'R$'+(n/1e3).toFixed(0)+'k':'R$'+Math.round(n)};\nconst norm=s=>(s||'').normalize('NFKD').replace(/[̀-ͯ]/g,'').toUpperCase().replace(/[^A-Z0-9]+/g,' ').trim();\nconst NIVEIS=['Bronze','Cristal','Prata','Ouro','Diamante','Diamante+'];\n\nlet S={sector:null, matrix:[], munis:{}, leaders:[], color:{}, dest:[], assign:{}, allowed:{},\n geoFeat:{}, nbrFeat:[], baseMetrics:{}, closingMetrics:{}, trend:[], levels:[], policy:'fora', selected:null, sectorsList:[], view:'tobe'};\nconst closingCbs=()=>Object.entries(S.munis).filter(([m])=>m!=='__OUTROS__').reduce((a,[,o])=>a+o.cbs,0);\n\nasync function q(sql){ return await d2.rush('A0kvMekKfk4Yk0da7NLET').invoke({sql, skip_monitoring:true, country:'BR'}); }\nfunction rows(resp){const c=(resp.manifest?.schema?.columns||[]).map(x=>x.name);\n return (resp.result?.data_array||[]).map(a=>Object.fromEntries(c.map((k,i)=>[k,a[i]])));}\nasync function geoUF(uf){const code=UF_CODE[uf]||uf;const r=await fetch('https://raw.githubusercontent.com/tbrugz/geodata-br/master/geojson/geojs-'+code+'-mun.json');if(!r.ok)throw new Error('geo '+uf);return r.json();}\nconst loader=(on,t)=>{const l=$('#loader');l.classList.toggle('hidden',!on);if(t)l.textContent=t;};\n\nfunction buildAdj(features){\n const pts=f=>{const g=f.geometry,ps=g.type==='MultiPolygon'?g.coordinates:[g.coordinates],s=new Set();\n ps.forEach(poly=>poly.forEach(ring=>ring.forEach(p=>s.add(Math.round(p[0]*1000)/1000+','+Math.round(p[1]*1000)/1000))));return s;};\n const feat={},idx={};\n features.forEach(f=>{const nm=norm(f.properties.name||f.properties.NOME||f.properties.nome);feat[nm]={f,pts:pts(f)};});\n for(const nm in feat) feat[nm].pts.forEach(p=>(idx[p]=idx[p]||[]).push(nm));\n const nbrs=nm=>{const c={};feat[nm].pts.forEach(p=>idx[p].forEach(o=>{if(o!==nm)c[o]=(c[o]||0)+1;}));\n return Object.entries(c).filter(([,n])=>n>=2).map(([o,n])=>({o,w:n}));};\n return {feat,nbrs};\n}\nfunction centroidLL(f){let x=0,y=0,n=0;const g=f.geometry,ps=g.type==='MultiPolygon'?g.coordinates:[g.coordinates];\n ps.forEach(poly=>poly[0].forEach(p=>{x+=p[0];y+=p[1];n++;}));return[x/n,y/n];}\n\nasync function closeSector(sec){\n loader(true,'fechando setor '+sec+' — puxando dado real…');\n $('#liveState').textContent='● consultando';$('#ds').classList.remove('err');\n try{\n S.sector=sec;\n const mSQL=`SELECT DS_MUNICIPIO municipio, CD_GRUPO grupo, MAX(DS_LEADER_NAME) lider,\n COUNT(DISTINCT CD_CONSULTORA) cbs, ROUND(SUM(VL_PEDIDOS_CICLO),0) receita,\n ROUND(SUM(VL_PEDIDOS_NATURA_CICLO),0) rec_nat, ROUND(SUM(VL_PEDIDOS_AVON_CICLO),0) rec_avon,\n ROUND(SUM(QT_PONTOS_CICLO),0) pontos, ROUND(SUM(QT_PEDIDOS_CICLO),0) pedidos,\n SUM(CASE WHEN ST_FEZ_PED_CICLO_ATUAL THEN 1 ELSE 0 END) ativas\n FROM ${T} WHERE CD_PAIS=1 AND CD_GRUPO>0 AND CD_SETOR=${sec} AND DT_HISTORICO=${SNAP}\n GROUP BY DS_MUNICIPIO, CD_GRUPO`;\n const ufSQL=`SELECT DS_ESTADO uf, COUNT(*) n FROM ${T} WHERE CD_PAIS=1 AND CD_GRUPO>0 AND CD_SETOR=${sec} AND DT_HISTORICO=${SNAP} GROUP BY DS_ESTADO ORDER BY n DESC`;\n const trendSQL=`SELECT operational_cycle ciclo, COUNT(DISTINCT person_code) cbs,\n COUNT(DISTINCT CASE WHEN registered_bc_ind=1 THEN person_code END) ativas,\n ROUND(SUM(revenue_nat_ss_amt),0) receita, ROUND(SUM(points_nat_ss_amt),0) pontos\n FROM ${ELO} WHERE country_code=1 AND sector_code=${sec} GROUP BY operational_cycle ORDER BY operational_cycle DESC LIMIT 8`;\n const lvlSQL=`SELECT DS_NVL_PLAN_CRESC nivel, COUNT(DISTINCT CD_CONSULTORA) cbs,\n ROUND(SUM(VL_PEDIDOS_NATURA_CICLO),0) rec_nat, ROUND(SUM(VL_PEDIDOS_AVON_CICLO),0) rec_avon\n FROM ${T} WHERE CD_PAIS=1 AND CD_GRUPO>0 AND CD_SETOR=${sec} AND DS_NVL_PLAN_CRESC IS NOT NULL AND DT_HISTORICO=${SNAP} GROUP BY DS_NVL_PLAN_CRESC ORDER BY cbs DESC`;\n const lvlMuniSQL=`SELECT DS_MUNICIPIO municipio, DS_NVL_PLAN_CRESC nivel, COUNT(DISTINCT CD_CONSULTORA) cbs\n FROM ${T} WHERE CD_PAIS=1 AND CD_GRUPO>0 AND CD_SETOR=${sec} AND DS_NVL_PLAN_CRESC IS NOT NULL AND DT_HISTORICO=${SNAP} GROUP BY DS_MUNICIPIO, DS_NVL_PLAN_CRESC`;\n const [mR,ufR,tR,lR,lmR]=await Promise.all([q(mSQL),q(ufSQL),q(trendSQL),q(lvlSQL),q(lvlMuniSQL)]);\n S.matrix=rows(mR).filter(r=>+r.cbs>0);\n S.levelByMuni={}; rows(lmR).forEach(r=>{const k=norm(r.municipio);(S.levelByMuni[k]=S.levelByMuni[k]||{})[r.nivel]=+r.cbs;});\n S.trend=rows(tR).map(r=>({...r,cbs:+r.cbs,ativas:+r.ativas,receita:+r.receita,pontos:+r.pontos})).filter(r=>r.cbs>10).reverse();\n S.levels=rows(lR);\n const ufList=rows(ufR).map(r=>r.uf).filter(Boolean);\n const domUF=ufList[0]||'PR';\n\n const ufs=[domUF,...(UF_BORDERS[domUF]||[])];\n loader(true,'malhas '+ufs.join('/')+' + adjacência…');\n const geos=await Promise.all(ufs.map(u=>geoUF(u).catch(()=>null)));\n const allFeat=geos.filter(Boolean).flatMap(g=>g.features);\n const adj=buildAdj(allFeat);\n const totBy={}; S.matrix.forEach(r=>{const n=norm(r.municipio);totBy[n]=(totBy[n]||0)+ +r.cbs;});\n const totalSec=Object.values(totBy).reduce((a,b)=>a+b,0);\n const floor=Math.max(10, totalSec*0.008);\n const footprint=new Set(Object.entries(totBy).filter(([,c])=>c>=floor).sort((a,b)=>b[1]-a[1]).slice(0,15).map(([m])=>m));\n const closingNames=[...footprint].filter(n=>adj.feat[n]);\n const closingSet=new Set(closingNames);\n S.geoFeat={};closingNames.forEach(n=>S.geoFeat[n]=adj.feat[n].f);\n const extVotes={}; const nbrNames=new Set();\n closingNames.forEach(n=>{adj.nbrs(n).forEach(({o,w})=>{ if(!closingSet.has(o)){ nbrNames.add(o); (extVotes[n]=extVotes[n]||[]).push({o,w}); } });});\n S.nbrFeat=[...nbrNames].map(n=>adj.feat[n].f);\n let neigh=[];\n if(nbrNames.size){\n const inList=[...nbrNames].map(n=>`'${n.replace(/'/g,\"''\")}'`).join(',');\n const nSQL=`SELECT DS_MUNICIPIO municipio, CD_SETOR setor, COUNT(DISTINCT CD_CONSULTORA) cbs\n FROM ${T} WHERE CD_PAIS=1 AND CD_GRUPO>0 AND CD_SETOR<>${sec} AND CD_SETOR>0 AND DT_HISTORICO=${SNAP} AND DS_MUNICIPIO IN (${inList}) GROUP BY DS_MUNICIPIO, CD_SETOR`;\n neigh=rows(await q(nSQL));\n }\n const domSecOf={};\n const byM={}; neigh.forEach(r=>{const m=norm(r.municipio);(byM[m]=byM[m]||[]).push(r);});\n Object.entries(byM).forEach(([m,rs])=>{rs.sort((a,b)=>+b.cbs-+a.cbs);domSecOf[m]=String(rs[0].setor);});\n S.allowed={}; const secWeight={};\n closingNames.forEach(n=>{const v={};(extVotes[n]||[]).forEach(({o,w})=>{const s=domSecOf[o];if(s){v[s]=(v[s]||0)+w;secWeight[s]=(secWeight[s]||0)+w;}});S.allowed[n]=v;});\n S.dest=Object.keys(secWeight).sort((a,b)=>secWeight[b]-secWeight[a]).slice(0,6);\n if(!S.dest.length){\n S.dest=[...new Set(Object.values(domSecOf))].slice(0,6);\n closingNames.forEach(n=>{if(!Object.keys(S.allowed[n]).length){S.dest.forEach(s=>S.allowed[n][s]=1);}});\n }\n S.color={};S.dest.forEach((s,i)=>S.color[s]=PALETTE[i%PALETTE.length]);\n const acc={};Object.entries(domSecOf).forEach(([nb,s])=>{if(!S.dest.includes(s))return;const f=adj.feat[nb]?.f;if(!f)return;const c=centroidLL(f);acc[s]=acc[s]||[0,0,0];acc[s][0]+=c[0];acc[s][1]+=c[1];acc[s][2]++;});\n S.secCentroid={};S.dest.forEach(s=>{if(acc[s])S.secCentroid[s]=[acc[s][0]/acc[s][2],acc[s][1]/acc[s][2]];});\n S.muniCentroid={};closingNames.forEach(n=>{S.muniCentroid[n]=centroidLL(adj.feat[n].f);});\n S.closeAdj={};closingNames.forEach(n=>{S.closeAdj[n]=adj.nbrs(n).filter(({o})=>closingSet.has(o)).map(({o})=>o);});\n const comp={};let ci=0;closingNames.forEach(n=>{if(comp[n]!=null)return;const st=[n];comp[n]=ci;while(st.length){const x=st.pop();(S.closeAdj[x]||[]).forEach(o=>{if(comp[o]==null){comp[o]=ci;st.push(o);}});}ci++;});\n const compAllowed={};closingNames.forEach(n=>{const cid=comp[n];(compAllowed[cid]=compAllowed[cid]||new Set());Object.keys(S.allowed[n]||{}).forEach(s=>compAllowed[cid].add(s));});\n S.reachable={};closingNames.forEach(n=>{S.reachable[n]=[...(compAllowed[comp[n]]||[])].filter(s=>S.dest.includes(s));});\n\n loader(true,'métricas base dos setores receptores…');\n const rList=S.dest.join(',');\n const bSQL=`SELECT CD_SETOR setor, COUNT(DISTINCT CD_CONSULTORA) cbs,\n SUM(CASE WHEN ST_FEZ_PED_CICLO_ATUAL THEN 1 ELSE 0 END) ativas,\n ROUND(SUM(VL_PEDIDOS_CICLO),0) receita, ROUND(SUM(VL_PEDIDOS_NATURA_CICLO),0) rec_nat,\n ROUND(SUM(VL_PEDIDOS_AVON_CICLO),0) rec_avon, ROUND(SUM(QT_PONTOS_CICLO),0) pontos, ROUND(SUM(QT_PEDIDOS_CICLO),0) pedidos\n FROM ${T} WHERE CD_PAIS=1 AND CD_GRUPO>0 AND CD_SETOR IN (${rList}) AND DT_HISTORICO=${SNAP} GROUP BY CD_SETOR`;\n const blSQL=`SELECT CD_SETOR setor, DS_NVL_PLAN_CRESC nivel, COUNT(DISTINCT CD_CONSULTORA) cbs\n FROM ${T} WHERE CD_PAIS=1 AND CD_GRUPO>0 AND CD_SETOR IN (${rList}) AND DS_NVL_PLAN_CRESC IS NOT NULL AND DT_HISTORICO=${SNAP} GROUP BY CD_SETOR, DS_NVL_PLAN_CRESC`;\n const [bR,blR]=await Promise.all([q(bSQL),q(blSQL)]);\n S.baseMetrics={};rows(bR).forEach(r=>S.baseMetrics[String(r.setor)]=r);\n S.baseLevel={};rows(blR).forEach(r=>{const s=String(r.setor);(S.baseLevel[s]=S.baseLevel[s]||{})[r.nivel]=+r.cbs;});\n\n aggregate();\n S.assign=optimize();\n S.selected=null;\n const dt=new Date().toLocaleTimeString('pt-BR');\n $('#ds').textContent=`setor ${sec} · UF ${domUF} · ${closingNames.length} munic. · atualizado ${dt}`;\n $('#liveState').textContent='● dado ao vivo';\n $('#mapTitle').textContent=`Fechando setor ${sec} — clique num município p/ trocar destino`;\n renderAll();\n }catch(e){ $('#ds').textContent='erro: '+e.message; $('#ds').classList.add('err'); $('#liveState').textContent='● erro'; }\n finally{ loader(false); }\n}\n\nfunction aggregate(){\n const munis={}, leaders={};\n const acc=(o,r)=>{o.cbs+=+r.cbs;o.receita+=+r.receita||0;o.rec_nat+=+r.rec_nat||0;o.rec_avon+=+r.rec_avon||0;o.pontos+=+r.pontos||0;o.pedidos+=+r.pedidos||0;o.ativas+=+r.ativas||0;};\n const blank=()=>({cbs:0,receita:0,rec_nat:0,rec_avon:0,pontos:0,pedidos:0,ativas:0});\n S.matrix.forEach(r=>{\n const m=norm(r.municipio); if(!S.geoFeat[m]) {r._out=true;}\n const mm=r._out?'__OUTROS__':m;\n munis[mm]=munis[mm]||{...blank(),name:mm}; acc(munis[mm],r);\n const g=String(r.grupo); leaders[g]=leaders[g]||{grupo:g,lider:r.lider,total:0,byMuni:{}};\n leaders[g].total+=+r.cbs; leaders[g].byMuni[mm]=(leaders[g].byMuni[mm]||0)+ +r.cbs;\n });\n S.munis=munis; S.leaders=Object.values(leaders).sort((a,b)=>b.total-a.total);\n}\nfunction autoAssign(){\n const a={};\n Object.keys(S.munis).forEach(m=>{ if(m==='__OUTROS__')return;\n const v=S.allowed[m]||{}; const votes=Object.keys(v);\n if(votes.length){ let best=votes[0],bw=-1; for(const s of votes) if(v[s]>bw){bw=v[s];best=s;} a[m]=best; }\n else { const c=S.muniCentroid[m]; let best=S.dest[0],bd=Infinity;\n for(const s of S.dest){ const sc=S.secCentroid[s]; if(!sc)continue; const d=(c[0]-sc[0])**2+(c[1]-sc[1])**2; if(d{const byS={};let tot=0;\n for(const [m,c] of Object.entries(L.byMuni)){if(m==='__OUTROS__')continue;const s=assign[m];if(s){byS[s]=(byS[s]||0)+c;tot+=c;}}\n const home=S.dest.reduce((a,s)=>(byS[s]||0)>(byS[a]||0)?s:a,S.dest[0]);\n d+=tot-(byS[home]||0);});\n return d;\n}\nfunction spanSpread(assign){\n const inc={};S.dest.forEach(s=>inc[s]=0);\n Object.entries(S.munis).forEach(([m,o])=>{if(m==='__OUTROS__')return;if(assign[m])inc[assign[m]]+=o.cbs;});\n const sp=S.dest.map(s=>(+ (S.baseMetrics[s]?.cbs||0))+inc[s]);\n return Math.max(...sp)-Math.min(...sp);\n}\nfunction contigBad(assign){\n const bySec={}; for(const m in assign){(bySec[assign[m]]=bySec[assign[m]]||[]).push(m);}\n const bad=[];\n for(const s in bySec){const grp=bySec[s],inGrp=new Set(grp);\n const seeds=grp.filter(m=>(S.allowed[m]||{})[s]);\n if(!seeds.length){bad.push(s);continue;}\n const seen=new Set(seeds),st=[...seeds];\n while(st.length){const m=st.pop();(S.closeAdj[m]||[]).forEach(o=>{if(inGrp.has(o)&&!seen.has(o)){seen.add(o);st.push(o);}});}\n if(seen.size!==grp.length)bad.push(s);}\n return bad;\n}\nfunction maxSpanOf(a){const inc={};S.dest.forEach(s=>inc[s]=0);Object.entries(S.munis).forEach(([m,o])=>{if(m==='__OUTROS__')return;if(a[m])inc[a[m]]+=o.cbs;});return Math.max(...S.dest.map(s=>(+ (S.baseMetrics[s]?.cbs||0))+inc[s]));}\nconst OPT_K=1.5;\nfunction optScore(a){return maxSpanOf(a)+OPT_K*deslocFor(a);}\nfunction optimize(){\n const ms=Object.keys(S.munis).filter(m=>m!=='__OUTROS__');\n const opts=ms.map(m=>{const al=(S.reachable[m]&&S.reachable[m].length)?S.reachable[m]:S.dest.slice();return al;});\n const combos=opts.reduce((a,o)=>a*o.length,1);\n if(combos>300000){ $('#optBadge').textContent='espaço grande ('+fmt(combos)+') — heurística'; return greedy(ms,opts); }\n let best=null,bestSc=Infinity,bestD=Infinity,valid=0;\n const rec=(i,cur)=>{ if(i===ms.length){ if(contigBad(cur).length) return; valid++; const sc=optScore(cur),d=deslocFor(cur); if(sc{let best=opts[i][0],bd=Infinity;for(const s of opts[i]){a[m]=s;const d=optScore(a)+(contigBad(a).length?1e9:0);if(d{inc[s]=0;gained[s]=0;});\n Object.entries(S.munis).forEach(([m,o])=>{if(m==='__OUTROS__')return;const s=S.assign[m];if(s)inc[s]+=o.cbs;});\n let desloc=0;\n const L2=S.leaders.map(L=>{const byS={};S.dest.forEach(s=>byS[s]=0);let tot=0;\n for(const [m,c] of Object.entries(L.byMuni)){if(m==='__OUTROS__')continue;const s=S.assign[m];if(s){byS[s]+=c;tot+=c;}}\n const home=S.dest.reduce((a,s)=>byS[s]>byS[a]?s:a,S.dest[0]);const dl=tot-byS[home];desloc+=dl;gained[home]++;\n return {...L,byS,home,desloc:dl,assignedTotal:tot};});\n const span={};S.dest.forEach(s=>span[s]=(+ (S.baseMetrics[s]?.cbs||0))+inc[s]);\n return {inc,gained,desloc,leaders:L2,span};\n}\nfunction renderAll(){drawMap();renderKpis();renderContig();renderSpans();renderMuni();renderLeaders();renderMatrix();renderPolicy();renderReport();renderPlan();}\nfunction renderContig(){const el=$('#contig');if(!el)return;\n if(S.view==='asis'){el.innerHTML='';return;}\n const bad=contigBad(S.assign);\n el.innerHTML=bad.length\n ?`
⚠ Contiguidade quebrada em ${bad.join(', ')} — município(s) desconectado(s) do território do setor. Use ★ ÓTIMO ou reassocie no mapa.
`\n :`
✓ Contíguo — cada setor forma uma região conectada.
`;\n}\nfunction renderKpis(){const c=compute();\n if(S.view==='asis'){const mc=Object.keys(S.munis).filter(m=>m!=='__OUTROS__').length;\n $('#kpis').innerHTML=[\n {n:fmt(closingCbs()),l:`CBs no setor ${S.sector}`,t:'Total de CBs cadastradas no setor hoje (estrutura atual).'},\n {n:fmt(mc),l:'Municípios do setor',t:'Municípios que compõem o território do setor hoje.'},\n {n:fmt(S.leaders.length),l:'Líderes (grupos)',t:'Líderes ativas dentro do setor hoje.'},\n {n:fmt(S.dest.length),l:'Setores adjacentes',t:'Setores vizinhos que poderiam receber os municípios se o setor fechar.'},\n ].map(k=>`
${k.n}
${k.l}
`).join('');\n return;}\n const sv=S.dest.map(s=>c.span[s]);const spread=Math.max(...sv)-Math.min(...sv);\n const zero=S.dest.filter(s=>c.gained[s]===0);const totCbs=Object.entries(S.munis).filter(([m])=>m!=='__OUTROS__').reduce((a,[,o])=>a+o.cbs,0);\n $('#kpis').innerHTML=[\n {n:fmt(c.desloc),l:S.policy==='fora'?'CBs fora do setor':'CBs c/ quebra de relação',cls:'warn',t:'CBs cuja líder acabou noutro setor. Menor = menos ruptura. É o custo humano da migração.'},\n {n:fmt(spread),l:'Desequilíbrio (máx−mín CBs)',cls:spread>800?'warn':'ok',t:'Diferença de tamanho entre o maior e o menor setor depois. Menor = carga mais equilibrada entre as GNs.'},\n {n:fmt(totCbs),l:'CBs realocadas',cls:'',t:`Total de CBs do setor ${S.sector} sendo redistribuídas para os setores vizinhos.`},\n {n:zero.length?zero.join(', '):'nenhum',l:'Setor sem líder herdada',cls:zero.length?'warn':'ok',t:'Setor que recebe município(s) mas nenhuma líder — as CBs de lá terão que se ligar a uma líder pré-existente do setor.'},\n ].map(k=>`
${k.n}
${k.l}
`).join('');\n}\nfunction renderSpans(){const c=compute();\n if(S.view==='asis'){const items=[{s:S.sector,val:closingCbs(),color:CLOSE_COLOR}].concat(S.dest.map(s=>({s,val:+(S.baseMetrics[s]?.cbs||0),color:S.color[s]})));\n const max=Math.max(...items.map(x=>x.val),1);\n $('#spans').innerHTML=items.map(x=>`
${x.s}
\n
\n
${fmt(x.val)}
`).join('')\n +`
Estrutura atual — o setor ${S.sector} ainda existe. Alterne pra TOBE pra ver a redistribuição.
`;\n return;}\n const max=Math.max(...S.dest.map(s=>c.span[s]),1);\n $('#spans').innerHTML=S.dest.map(s=>{const base=+(S.baseMetrics[s]?.cbs||0),i=c.inc[s];\n return `
${s}
\n
\n
\n
${fmt(c.span[s])} (+${fmt(i)})
`;}).join('')\n +`
Claro = base atual · cheio = CBs entrantes do ${S.sector}.
`;\n}\nfunction renderMuni(){const c=compute();const ms=Object.keys(S.munis).filter(m=>m!=='__OUTROS__').sort((a,b)=>S.munis[b].cbs-S.munis[a].cbs);\n if(S.view==='asis'){$('#muniList').innerHTML=ms.map(m=>`
${m}
${fmt(S.munis[m].cbs)} CBs
setor ${S.sector}
`).join('')\n +`
Hoje todos pertencem ao setor ${S.sector}. No TOBE cada um vira botões de destino.
`;return;}\n $('#muniList').innerHTML=ms.map(m=>`
${m}
${fmt(S.munis[m].cbs)} CBs
\n
${S.dest.map(s=>``).join('')}
`).join('')\n +(S.munis.__OUTROS__?`
+ ${fmt(S.munis.__OUTROS__.cbs)} CBs em municípios sem shape na UF (tratar à parte).
`:'');\n $('#muniList').querySelectorAll('.seg button').forEach(b=>b.onclick=()=>{S.assign[b.parentElement.dataset.m]=b.dataset.s;renderAll();});\n}\nfunction renderLeaders(){const c=compute();\n if(S.view==='asis'){$('#leaders').innerHTML=`LíderGrupoCBsSetor`\n +S.leaders.map(L=>`${(L.lider||'').split(' ').slice(0,2).join(' ')}${L.grupo}${fmt(L.total)}${S.sector}`).join('')\n +`TOTAL${fmt(S.leaders.reduce((a,L)=>a+L.total,0))}`;return;}\n $('#leaders').innerHTML=`LíderCBsHome${S.dest.map(s=>`${s}`).join('')}Desloc.`\n +c.leaders.map(L=>`${(L.lider||'').split(' ').slice(0,2).join(' ')}${fmt(L.total)}\n ${L.home}\n ${S.dest.map(s=>`${L.byS[s]||'·'}`).join('')}\n ${L.desloc||'0'}`).join('')\n +`TOTAL${fmt(c.leaders.reduce((a,L)=>a+L.total,0))}${S.dest.map(s=>`${fmt(c.leaders.reduce((a,L)=>a+L.byS[s],0))}`).join('')}${fmt(c.desloc)}`;\n}\nfunction renderMatrix(){const c=compute();const ms=Object.keys(S.munis).filter(m=>m!=='__OUTROS__').sort((a,b)=>S.munis[b].cbs-S.munis[a].cbs);\n const cell=(m,g)=>{const r=S.matrix.find(x=>(x._out?'__OUTROS__':norm(x.municipio))===m&&String(x.grupo)===g);return r?+r.cbs:0;};\n const mx=Math.max(...ms.flatMap(m=>S.leaders.map(L=>cell(m,L.grupo))),1);\n $('#matrix').innerHTML=`Município→${S.leaders.map(L=>`${L.grupo}`).join('')}Tot`\n +ms.map(m=>`${m}${S.assign[m]||'–'}`\n +S.leaders.map(L=>{const v=cell(m,L.grupo);return `${v||'·'}`;}).join('')\n +`${fmt(S.munis[m].cbs)}`).join('')+``;\n}\nfunction renderPolicy(){const c=compute();\n $('#policyNote').innerHTML=S.policy==='fora'\n ?`Mantendo vínculo: ${fmt(c.desloc)} CBs seguem com a líder mas ficam fisicamente noutro setor. Preserva relação; suja geografia.`\n :`Quebrando vínculo: ${fmt(c.desloc)} CBs re-vinculam a uma líder do setor destino. Geografia limpa; rompe relação.`;\n}\nfunction renderPlan(){const c=compute();const ms=Object.keys(S.munis).filter(m=>m!=='__OUTROS__').sort((a,b)=>a.localeCompare(b));\n S._plan=ms.map(m=>({municipio:m,cbs:S.munis[m].cbs,destino:S.assign[m]}));\n $('#plan').innerHTML=`Setor ${S.sector} → ${ms.map(m=>`${m}→${S.assign[m]}`).join(' · ')}
\n Política: ${S.policy==='fora'?'manter vínculo (CBs fora do setor)':'quebrar relação'} · ${fmt(c.desloc)} CBs impactadas.`;\n}\nfunction renderReport(){const c=compute();\n S.metric=S.metric||'cbs';\n const metrics=[['cbs','CBs'],['ativas','Ativas'],['pedidos','Pedidos'],['pontos','Pontos'],['receita','Receita','$'],['rec_nat','Rec. Natura','$'],['rec_avon','Rec. Avon','$']];\n const KEYS=metrics.map(m=>m[0]);\n const incBy={};S.dest.forEach(s=>incBy[s]=Object.fromEntries(KEYS.map(k=>[k,0])));\n Object.entries(S.munis).forEach(([m,o])=>{if(m==='__OUTROS__')return;const s=S.assign[m];if(!s)return;KEYS.forEach(k=>incBy[s][k]+=o[k]||0);});\n const closeTot={};KEYS.forEach(k=>closeTot[k]=Object.entries(S.munis).filter(([m])=>m!=='__OUTROS__').reduce((a,[,o])=>a+(o[k]||0),0));\n const trend=S.trend.slice(-6);\n const chartHTML=mk=>{\n const isM=['receita','rec_nat','rec_avon'].includes(mk); const fN=isM?money:fmt;\n const data=S.dest.map(s=>({label:s,color:S.color[s],antes:+(S.baseMetrics[s]?.[mk]||0),depois:+(S.baseMetrics[s]?.[mk]||0)+(incBy[s]?.[mk]||0)}));\n data.push({label:S.sector+'✕',color:'#c8104e',antes:closeTot[mk]||0,depois:0});\n const max=Math.max(...data.flatMap(d=>[d.antes,d.depois]),1);\n const W=720,H=290,base=238,top=42,maxH=base-top,n=data.length,gw=(W-16)/n;\n let g='';\n data.forEach((d,i)=>{const cx=8+gw*i+gw/2,bw=Math.min(30,gw*0.30);\n const ah=d.antes/max*maxH,dh=d.depois/max*maxH,ax=cx-bw-2,dx=cx+2;\n g+=``;\n g+=``;\n g+=`${fN(d.antes)}`;\n g+=`${fN(d.depois)}`;\n const dp=d.antes?((d.depois-d.antes)/d.antes*100):(d.depois?100:0);\n g+=`=0?'#1f9d57':'#c8104e'}\">${dp>0?'+':''}${dp.toFixed(0)}%`;\n g+=`${d.label}`;});\n return `${g}`;\n };\n let h=`
\n

Impacto antes → depois por setor

\n
\n
Barra clara = antes · barra cheia = depois (base + entrantes do ${S.sector}) · ${S.sector}✕ = setor que fecha · % = variação
\n ${chartHTML(S.metric)}`;\n h+=`

Antes → Depois por setor receptor (snapshot atual)

\n
${metrics.map(m=>``).join('')}`;\n S.dest.forEach(s=>{const b=S.baseMetrics[s]||{};const inc=incBy[s];\n h+=``+\n metrics.map(([k])=>{const bv=+b[k]||0,av=bv+ (inc[k]||0);const d=bv?((av-bv)/bv*100):0;const f=metrics.find(x=>x[0]===k)[2]==='$'?money:fmt;\n return ``;}).join('')+``;});\n h+=``+metrics.map(([k,,t])=>``).join('')+``;\n h+=`
Setor${m[1]}
${s}${f(av)}
=0?'up':'dn'}\">${d>0?'+':''}${d.toFixed(0)}%
${S.sector} (sai)${(t==='$'?money:fmt)(closeTot[k]||0)}
`;\n const incLvl={};S.dest.forEach(s=>incLvl[s]={});\n Object.keys(S.munis).forEach(m=>{if(m==='__OUTROS__')return;const s=S.assign[m];if(!s)return;const lv=S.levelByMuni[m]||{};for(const nv in lv)incLvl[s][nv]=(incLvl[s][nv]||0)+lv[nv];});\n h+=`

Consultoras por nível — antes → depois por setor receptor

\n
${NIVEIS.map(n=>``).join('')}`;\n S.dest.forEach(s=>{const base=S.baseLevel[s]||{},inc=incLvl[s]||{};let tb=0,ta=0;\n h+=``+\n NIVEIS.map(nv=>{const b=base[nv]||0,i=inc[nv]||0,a=b+i;tb+=b;ta+=a;\n return ``;}).join('')+\n ``;});\n h+=`
Setor${n}Total
${s}${a?fmt(a):'·'}${i?`
+${fmt(i)}
`:''}		${fmt(ta)}${ta-tb?`
+${fmt(ta-tb)}
`:''}
Número = CBs por nível depois da migração · +N = entrantes do ${S.sector}. Base + entrantes por nível.
`;\n const spk=(key)=>{const vals=trend.map(t=>+t[key]||0);const mx=Math.max(...vals,1);\n return `
${vals.map(v=>`
`).join('')}
\n
${trend.map(t=>String(t.ciclo).slice(-2)).join(' · ')}
`;};\n h+=`

Setor ${S.sector} — últimos ${trend.length} ciclos (tendência)

\n
Como o setor que fecha vinha performando — pra dimensionar o que está sendo redistribuído.
\n
\n ${[['cbs','CBs'],['ativas','Ativas'],['receita','Receita'],['pontos','Pontos']].map(([k,l])=>`
${l}
${spk(k)}
`).join('')}
`;\n $('#tab-report').innerHTML=h;\n const sel=$('#metricSel'); if(sel) sel.onchange=()=>{S.metric=sel.value; renderReport();};\n}\nfunction project(feats){let mnx=1/0,mny=1/0,mxx=-1/0,mxy=-1/0;\n const each=cb=>feats.forEach(f=>{const g=f.geometry,ps=g.type==='MultiPolygon'?g.coordinates:[g.coordinates];ps.forEach(p=>p.forEach(r=>r.forEach(cb)));});\n each(p=>{mnx=Math.min(mnx,p[0]);mxx=Math.max(mxx,p[0]);mny=Math.min(mny,p[1]);mxy=Math.max(mxy,p[1]);});\n const mlat=(mny+mxy)/2,kx=Math.cos(mlat*Math.PI/180),W=700,H=500,pad=22;\n const gw=(mxx-mnx)*kx,gh=(mxy-mny),sc=Math.min((W-2*pad)/gw,(H-2*pad)/gh);\n const ox=(W-gw*sc)/2,oy=(H-gh*sc)/2;\n return p=>[ox+(p[0]-mnx)*kx*sc, oy+(mxy-p[1])*sc];\n}\nfunction pathFor(f,pr){const g=f.geometry,ps=g.type==='MultiPolygon'?g.coordinates:[g.coordinates];\n return ps.map(poly=>poly.map(r=>'M'+r.map(p=>{const q=pr(p);return q[0].toFixed(1)+','+q[1].toFixed(1);}).join('L')+'Z').join('')).join('');}\nfunction cxy(f,pr){let x=0,y=0,n=0;const g=f.geometry,ps=g.type==='MultiPolygon'?g.coordinates:[g.coordinates];ps.forEach(poly=>poly[0].forEach(p=>{const q=pr(p);x+=q[0];y+=q[1];n++;}));return[x/n,y/n];}\nfunction drawMap(){const c=compute();const NS='http://www.w3.org/2000/svg';const svg=$('#map');svg.innerHTML='';\n const feats=[...S.nbrFeat,...Object.values(S.geoFeat)];if(!feats.length)return;const pr=project(feats);\n S.nbrFeat.forEach(f=>{const p=document.createElementNS(NS,'path');p.setAttribute('d',pathFor(f,pr));p.setAttribute('class','nbr');svg.appendChild(p);\n const ct=cxy(f,pr);const t=document.createElementNS(NS,'text');t.setAttribute('class','nlabel');t.setAttribute('x',ct[0]);t.setAttribute('y',ct[1]);t.textContent=(f.properties.name||'').slice(0,14);svg.appendChild(t);});\n const asis=S.view==='asis';\n Object.entries(S.geoFeat).forEach(([m,f])=>{const p=document.createElementNS(NS,'path');p.setAttribute('d',pathFor(f,pr));\n p.setAttribute('class','muni'+(S.selected===m?' sel':''));p.setAttribute('fill',asis?CLOSE_COLOR:(S.color[S.assign[m]]||'#444'));\n if(!asis) p.onclick=()=>{const i=S.dest.indexOf(S.assign[m]);S.assign[m]=S.dest[(i+1)%S.dest.length];S.selected=m;renderAll();};\n p.style.cursor=asis?'default':'pointer';\n p.onmousemove=e=>{const t=$('#tip');t.style.opacity=1;t.style.left=(e.clientX+12)+'px';t.style.top=(e.clientY+12)+'px';\n t.innerHTML=asis?`${m}
${fmt(S.munis[m]?.cbs||0)} CBs · setor ${S.sector}`:`${m}
${fmt(S.munis[m]?.cbs||0)} CBs → ${S.assign[m]}
clique p/ trocar`;};\n p.onmouseleave=()=>$('#tip').style.opacity=0;svg.appendChild(p);\n const ct=cxy(f,pr);const t=document.createElementNS(NS,'text');t.setAttribute('class','mlabel');t.setAttribute('x',ct[0]);t.setAttribute('y',ct[1]);\n t.innerHTML=`${m.slice(0,13)}${fmt(S.munis[m]?.cbs||0)}${asis?'':'·'+S.assign[m]}`;svg.appendChild(t);});\n $('#legend').innerHTML=asis\n ?`Setor ${S.sector} (estrutura atual — ${Object.keys(S.geoFeat).length} municípios)`\n :S.dest.map(s=>`Setor ${s} — ${c.gained[s]} líder(es)`).join('');\n}\nasync function runSql(){const sql=$('#sqlIn').value.trim();$('#sqlStatus').textContent='rodando…';$('#sqlStatus').classList.remove('err');\n try{const resp=await q(sql);const rs=rows(resp);const cols=(resp.manifest?.schema?.columns||[]).map(c=>c.name);\n $('#sqlOut').innerHTML=`${cols.map(c=>`${c}`).join('')}`+rs.slice(0,200).map(r=>`${cols.map(c=>`${r[c]??'·'}`).join('')}`).join('')+``;\n $('#sqlStatus').textContent=rs.length+' linha(s)';}\n catch(e){$('#sqlStatus').textContent='bloqueado/erro: '+e.message;$('#sqlStatus').classList.add('err');}\n}\nasync function loadSectors(){\n const sql=`SELECT CD_SETOR setor, MAX(DS_ESTADO) uf, COUNT(DISTINCT CD_CONSULTORA) cbs, COUNT(DISTINCT DS_MUNICIPIO) munis\n FROM ${T} WHERE CD_PAIS=1 AND CD_GRUPO>0 AND CD_SETOR>0 AND DT_HISTORICO=${SNAP} GROUP BY CD_SETOR ORDER BY CD_SETOR`;\n S.sectorsList=rows(await q(sql)).map(r=>({setor:String(r.setor),uf:r.uf,cbs:+r.cbs,munis:+r.munis}));\n const sel=$('#sectorPick');sel.innerHTML=S.sectorsList.map(s=>``).join('');\n sel.value='3504';\n}\n$('#go').onclick=()=>closeSector($('#sectorPick').value);\n$('#rand').onclick=()=>{const cand=S.sectorsList.filter(s=>s.munis>=3&&s.munis<=10&&s.cbs>300);const pick=(cand.length?cand:S.sectorsList)[Math.floor(Math.random()*(cand.length?cand.length:S.sectorsList.length))];$('#sectorPick').value=pick.setor;closeSector(pick.setor);};\n$('#optim').onclick=()=>{S.assign=optimize();renderAll();};\n$('#autoTobe').onclick=()=>{S.assign=autoAssign();$('#optBadge').textContent='TOBE por adjacência';renderAll();};\n$('#viewToggle').querySelectorAll('button').forEach(b=>b.onclick=()=>{S.view=b.dataset.v;$('#viewToggle').querySelectorAll('button').forEach(x=>x.classList.toggle('on',x===b));renderAll();});\n$('#policy').querySelectorAll('button').forEach(b=>b.onclick=()=>{S.policy=b.dataset.p;$('#policy').querySelectorAll('button').forEach(x=>x.classList.toggle('on',x===b));renderKpis();renderPolicy();renderPlan();});\nroot.querySelectorAll('.tabs button').forEach(b=>b.onclick=()=>{root.querySelectorAll('.tabs button').forEach(x=>x.classList.toggle('on',x===b));\n ['matrix','report','sql'].forEach(t=>$('#tab-'+t).classList.toggle('hidden',t!==b.dataset.tab));});\n$('#runSql').onclick=runSql;\n$('#copyPlan').onclick=()=>{navigator.clipboard.writeText(JSON.stringify({setor:S.sector,politica:S.policy,plano:S._plan},null,2));$('#copyPlan').textContent='copiado ✓';setTimeout(()=>$('#copyPlan').textContent='Copiar',1500);};\n$('#csvPlan').onclick=()=>{const csv='municipio,cbs,setor_destino\\n'+S._plan.map(p=>`${p.municipio},${p.cbs},${p.destino}`).join('\\n');\n const a=document.createElement('a');a.href=URL.createObjectURL(new Blob([csv],{type:'text/csv'}));a.download=`plano_migracao_setor_${S.sector}.csv`;a.click();};\n\n(async()=>{loader(true,'carregando setores…');try{await loadSectors();await closeSector('3504');}catch(e){$('#ds').textContent='erro init: '+e.message;}loader(false);})();\n\n }\n}"}}}}}},"extends":"data2-core-primitives@Block"}},{"_id":"6a75620d9f1ece2343b4d4da","component":"data2-core-types@Component","system":"6a57cfe9673eb7e3c5e57784","params":{"extends":"data2-core-primitives@Block","component":"cb-senso-de-rede","package":"natura-geomarketing","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// ---------- Senso de rede — afinidades entre consultoras de beleza ----------\n// Cada nó é uma CB; cada laço é uma AFINIDADE DERIVADA do snapshot mais recente, nunca um\n// cadastro de relacionamento — não existe tabela de \"quem conhece quem\". Por isso o peso de\n// cada dimensão é o INVERSO DA SUA FREQUÊNCIA na amostra: dividir a mesma líder diz muito mais\n// sobre duas CBs do que ambas estarem ativas no ciclo, e é o peso que decide a cor, a espessura\n// e quais laços sobrevivem ao corte por nó. Sem isso o grafo vira uma malha uniforme onde tudo\n// se liga a tudo e nada significa nada.\nconst T = 'product.perfil_cb.crm_perfil_cb_diaria_historico';\nconst RUSH_FALLBACK = 'AwW_11Nkg-dKksP7ic8V8';\nconst SNAP = `(SELECT MAX(DT_HISTORICO) FROM ${T} WHERE CD_PAIS=1)`;\n// Paleta = cores de sistema do macOS, as mesmas do simulador de timeline, pra que os dois módulos\n// leiam como um produto só e não como duas ferramentas diferentes coladas.\nconst BG = '#f5f5f7';\n\nconst DIMS = [\n { k:'origem', label:'Origem', color:'#ff9500', hint:'mesmo município' },\n { k:'territorio', label:'Território', color:'#34c759', hint:'mesmo setor' },\n { k:'rede', label:'Rede', color:'#007aff', hint:'mesma líder' },\n { k:'trajetoria', label:'Trajetória', color:'#af52de', hint:'mesmo nível do plano' },\n { k:'ritmo', label:'Ritmo', color:'#ff2d55', hint:'pedidos por ciclo parecidos' },\n { k:'alcance', label:'Alcance', color:'#ffcc00', hint:'pontos parecidos' },\n { k:'porte', label:'Porte', color:'#30b0c7', hint:'receita parecida' },\n { k:'marca', label:'Marca', color:'#a2845e', hint:'mix Natura/Avon parecido' },\n { k:'constancia', label:'Constância', color:'#8e8e93', hint:'ativas no ciclo' },\n];\nconst DIM_BY = {}; DIMS.forEach(d => DIM_BY[d.k] = d);\nconst TINTS = ['#e6f0ff','#e6f7ea','#fff2e0','#f6ecfd','#ffe9ee','#e6f5f9','#f2f2f7'];\n\nconst esc = s => (s == null ? '' : String(s)).replace(/[&<>\"]/g, c => ({'&':'&','<':'<','>':'>','\"':'"'}[c]));\nconst digits = s => String(s == null ? '' : s).replace(/[^0-9]/g, '');\nconst letters = s => String(s == null ? '' : s).replace(/[^A-Za-zÀ-ÿ]/g, '');\nconst hash = s => { let h = 0; const t = String(s || ''); for (let i = 0; i < t.length; i++) h = (h * 31 + t.charCodeAt(i)) | 0; return Math.abs(h); };\nconst titleCase = s => String(s || '').toLowerCase().replace(/(^|[\\s'-])([a-zà-ÿ])/g, (m, a, b) => a + b.toUpperCase());\n\nfunction rowsOf(resp) {\n const c = (resp.columns || []).map(x => x.name);\n return (resp.rows || []).map(a => Object.fromEntries(c.map((k, i) => [k, a[i]])));\n}\nasync function q(sql) {\n const ref = d2.params.consultaRush || RUSH_FALLBACK;\n let dbx;\n try {\n const res = await d2.rush(ref).invoke({ sql });\n dbx = res.data.result.data; // envelope do listener: res.data, depois o payload do Databricks\n } catch (e) {\n throw new Error('consulta indisponível (rush ' + ref + '): ' + (e && e.message ? e.message : e));\n }\n if (dbx.state && dbx.state !== 'SUCCEEDED') {\n throw new Error('Databricks ' + dbx.state + ': ' + ((dbx.error && dbx.error.message) || 'erro desconhecido'));\n }\n return dbx;\n}\n\nexport default {\n css: `\n :host{display:block;height:100%;--bg:#f5f5f7;--panel:#ffffff;--panel2:#f2f2f7;--line:#e5e5ea;--ink:#1c1c1e;--mut:#6e6e73;--acc:#007aff;--closing:#ff3b30}\n *{box-sizing:border-box}\n .root{display:flex;flex-direction:column;height:100%;background:var(--bg);color:var(--ink);\n font:13px/1.45 -apple-system,BlinkMacSystemFont,\"SF Pro Text\",\"Segoe UI\",Roboto,sans-serif;-webkit-font-smoothing:antialiased}\n header{padding:10px 16px;background:rgba(246,246,248,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);\n border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:0 0 auto}\n header h1{font-size:14.5px;margin:0;font-weight:600;letter-spacing:-.1px;color:var(--ink)}\n .spacer{flex:1}\n .pill{font-size:10.5px;padding:2.5px 9px;border-radius:99px;border:1px solid var(--line);color:var(--mut);background:var(--panel2);white-space:nowrap}\n .pill b{color:var(--ink);font-weight:600}\n .status{font-size:11px;color:var(--mut)}\n .status.err{color:var(--closing)}\n .btn{font:inherit;font-size:12px;padding:4.5px 11px;border-radius:7px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}\n .btn:hover{border-color:#d5d5da;background:#fbfbfd}\n .btn:active{background:#f0f0f4}\n .btn:disabled{opacity:.5;cursor:progress}\n .howto{padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;\n font-size:11.5px;color:var(--mut);flex:0 0 auto}\n .howto b{color:var(--ink)} .howto span{max-width:360px}\n .body{flex:1;display:flex;min-height:0}\n .stage{flex:1;position:relative;min-width:0}\n canvas{width:100%;height:100%;display:block}\n .side{width:334px;flex:0 0 334px;border-left:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:12px;overflow:auto}\n .card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 13px}\n .card h2{margin:0 0 9px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);font-weight:600}\n .card h3{margin:0 0 2px;font-size:15px;font-weight:600;letter-spacing:-.2px}\n .card .sub{font-size:11.5px;color:var(--mut);margin-bottom:10px}\n .facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}\n .fact{background:var(--panel2);border-radius:8px;padding:6px 8px}\n .fact b{display:block;font-size:13px;font-weight:600}\n .fact span{font-size:9.5px;color:var(--mut);letter-spacing:.05em;text-transform:uppercase}\n .conn{border-top:1px solid var(--line);padding-top:8px}\n .conn h4{margin:0 0 4px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);font-weight:600}\n .crow{display:flex;align-items:center;gap:8px;padding:5px 6px;margin:0 -6px;cursor:pointer;border-radius:7px}\n .crow:hover{background:var(--panel2)}\n .cdot{width:22px;height:22px;border-radius:50%;flex:0 0 22px;display:flex;align-items:center;justify-content:center;\n font-size:9px;font-weight:600;color:#3a3a3c;border:1px solid rgba(60,60,67,.12)}\n .cname{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n .tags{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end;max-width:110px}\n .tag{width:7px;height:7px;border-radius:50%}\n .hintline{font-size:11.5px;color:var(--mut);line-height:1.5}\n .hintline b{color:var(--ink)}\n .legend{display:flex;flex-wrap:wrap;gap:6px}\n .chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:99px;\n padding:4px 10px 4px 7px;font:inherit;font-size:11.5px;color:var(--ink);cursor:pointer;user-select:none;\n transition:opacity .12s,border-color .12s,color .12s}\n .chip i{width:8px;height:8px;border-radius:50%;flex:0 0 8px}\n .chip b{font-weight:500;color:var(--mut);font-size:10px}\n .chip:hover{border-color:var(--acc);color:var(--acc)}\n .chip:focus-visible{outline:2px solid rgba(0,122,255,.35);outline-offset:1px}\n .chip.off{opacity:.4}\n .tip{position:absolute;pointer-events:none;background:rgba(28,28,30,.94);color:#fff;border-radius:8px;padding:6px 9px;\n font-size:11.5px;line-height:1.35;opacity:0;transition:opacity .1s;max-width:230px;z-index:5;box-shadow:0 8px 24px rgba(0,0,0,.18)}\n .tip.on{opacity:1}\n .tip em{font-style:normal;color:#aeaeb2;display:block;font-size:10.5px;margin-top:2px}\n `,\n\n // Shell estático de propósito: há um aqui, e qualquer leitura reativa dentro de\n // render() re-executa o render inteiro e devolve o canvas ao default 300x150 (checklist §15).\n // Tudo que muda — contagem, cards, chips — é escrito por DOM dentro de mounted().\n render() {\n const chips = DIMS.map(d =>\n ``\n ).join('');\n return `
\n
\n

Senso de rede — consultoras

\n — pessoas\n consultando…\n
\n \n
\n
\n 1. Cada nó é uma CB — o tamanho segue os pontos do ciclo, o anel marca quem está ativa.\n 2. Cada laço é uma afinidade calculada; as contas no meio contam quantas dimensões as duas dividem.\n 3. Clique num nó pra ver quem ele alcança — arraste pra reorganizar.\n 4. Ligue e desligue dimensões nas marcações à direita.\n
\n
\n
\n \n
\n
\n \n
\n
`;\n },\n\n mounted(d2, root) {\n const $ = s => root.querySelector(s);\n const cv = $('#net'), ctx = cv.getContext('2d'), tip = $('#tip');\n const S = {\n nodes: [], edges: [], adj: new Map(), W: {}, on: {},\n hover: null, sel: null, drag: null, alpha: 0, w: 0, h: 0\n };\n DIMS.forEach(d => S.on[d.k] = true);\n\n const say = (msg, err) => { const el = $('#status'); el.textContent = msg || ''; el.classList.toggle('err', !!err); };\n\n // ---------- canvas ----------\n function resize() {\n const r = cv.getBoundingClientRect();\n const dpr = Math.min(window.devicePixelRatio || 1, 2);\n S.w = r.width; S.h = r.height;\n cv.width = Math.max(1, Math.round(r.width * dpr));\n cv.height = Math.max(1, Math.round(r.height * dpr));\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0); // o resize zera a matriz — reaplicar sempre\n }\n const ro = new ResizeObserver(resize); ro.observe(cv);\n d2.onUnmount(() => ro.disconnect());\n resize();\n\n // ---------- amostra ----------\n async function nameColumn() {\n // O nome da CB não está no contrato conhecido da tabela, então em vez de chutar um\n // DS_NOME que pode não existir (e derrubar a query inteira), descobrimos a coluna.\n try {\n const d = await q(`DESCRIBE ${T}`);\n const cols = rowsOf(d).map(r => String(r.col_name || r.name || '')).filter(Boolean);\n const cand = cols.filter(c => /NOME|NAME/i.test(c) &&\n !/LEADER|LIDER|MUNIC|ESTAD|SETOR|GRUPO|CANAL|MARCA|PAIS|REGIA|GV|NVL/i.test(c));\n cand.sort((a, b) => (/CONSULT|CB|PESSOA/i.test(b) ? 1 : 0) - (/CONSULT|CB|PESSOA/i.test(a) ? 1 : 0));\n return cand[0] || null;\n } catch (e) { return null; }\n }\n function sqlFor(nomeCol, where, order, lim) {\n const nome = nomeCol ? `MAX(${nomeCol}) nome,` : '';\n return `SELECT CD_CONSULTORA cb, ${nome}\n MAX(DS_MUNICIPIO) municipio, MAX(DS_ESTADO) uf, MAX(CD_SETOR) setor,\n MAX(CD_GRUPO) grupo, MAX(DS_LEADER_NAME) lider, MAX(DS_NVL_PLAN_CRESC) nivel,\n SUM(QT_PEDIDOS_CICLO) pedidos, SUM(QT_PONTOS_CICLO) pontos,\n SUM(VL_PEDIDOS_NATURA_CICLO) rec_nat, SUM(VL_PEDIDOS_AVON_CICLO) rec_avon,\n MAX(CASE WHEN ST_FEZ_PED_CICLO_ATUAL THEN 1 ELSE 0 END) ativa\n FROM ${T} WHERE ${where} GROUP BY CD_CONSULTORA ${order} LIMIT ${lim}`;\n }\n\n // Faixas relativas à AMOSTRA, não absolutas: \"ritmo parecido\" só quer dizer alguma coisa\n // comparado com as outras CBs desta consulta.\n function bucketer(vals) {\n const v = vals.filter(x => isFinite(x)).sort((a, b) => a - b);\n if (!v.length) return () => 0;\n const at = p => v[Math.min(v.length - 1, Math.floor(p * v.length))];\n const q1 = at(.25), q2 = at(.5), q3 = at(.75);\n return x => (x <= q1 ? 0 : x <= q2 ? 1 : x <= q3 ? 2 : 3);\n }\n\n // Amostra sintética — existe para revisar layout/física sem sessão do simulador (o listener do\n // Databricks é gated). Nunca é o default e se anuncia na tela: um grafo bonito com gente que não\n // existe é pior do que um erro honesto.\n function demoRows(n) {\n const NOMES = ['Ana Ribeiro','Marta Souza','Cláudia Lima','Rita Alves','Vera Nunes','Sônia Braga','Ivone Castro','Lúcia Prado','Neide Rocha','Tânia Melo','Dora Pires','Elis Faria','Bruna Antunes','Carla Moraes','Selma Dutra','Joana Bastos','Regina Paiva','Marli Cardoso','Fátima Goulart','Simone Teles'];\n const MUN = ['Brasília','Formosa','Buritis','Unaí','Paracatu','Arinos','Riachinho','Bonfinópolis','Chapada Gaúcha','Urucuia'];\n const NIV = ['Bronze','Cristal','Prata','Ouro','Diamante'];\n const out = [];\n for (let i = 0; i < n; i++) {\n const h = hash('cb' + i);\n const mun = MUN[h % MUN.length];\n const setor = 3200 + ((h >> 3) % 6) * 7;\n const grupo = 100 + ((h >> 5) % 14);\n const escala = .25 + ((h >> 7) % 100) / 100 * 1.8;\n out.push({\n cb: 900000 + i,\n nome: NOMES[h % NOMES.length] + ' ' + String.fromCharCode(65 + (h >> 11) % 26) + '.',\n municipio: mun, uf: mun === 'Chapada Gaúcha' || mun === 'Urucuia' ? 'MG' : 'GO',\n setor: setor, grupo: grupo, lider: 'Líder ' + grupo,\n nivel: NIV[(h >> 13) % NIV.length],\n pedidos: Math.round(4 + escala * 22), pontos: Math.round(120 + escala * 900),\n rec_nat: Math.round(escala * 3200), rec_avon: Math.round(escala * 3200 * (((h >> 17) % 100) / 100)),\n ativa: (h >> 19) % 10 > 2 ? 1 : 0\n });\n }\n return out;\n }\n\n async function load() {\n say('consultando o snapshot mais recente…');\n const lim = Math.max(12, Math.min(400, +d2.param('limite', 82) || 82));\n const setor = digits(d2.param('setor', ''));\n const uf = letters(d2.param('uf', '')).toUpperCase();\n const aleat = String(d2.param('amostra', 'top') || 'top').toLowerCase().indexOf('aleat') === 0;\n let where = `CD_PAIS=1 AND CD_GRUPO>0 AND DT_HISTORICO=${SNAP}`;\n if (setor) where += ` AND CD_SETOR=${setor}`;\n if (uf) where += ` AND UPPER(DS_ESTADO)='${uf}'`;\n const order = aleat ? 'ORDER BY RAND()' : 'ORDER BY pontos DESC';\n\n // `amostra: \"demo\"` em vez de um param novo — a declaração já existe e o modo fica visível\n // no mesmo lugar onde se escolhe top/aleatória, não escondido num booleano à parte.\n const demo = String(d2.param('amostra', 'top') || '').toLowerCase().indexOf('demo') === 0;\n let raw;\n if (demo) {\n raw = demoRows(lim);\n } else {\n const nc = await nameColumn();\n const attempts = nc ? [nc, null] : [null];\n let data = null, lastErr = null;\n for (const col of attempts) {\n try { data = await q(sqlFor(col, where, order, lim)); break; }\n catch (e) { lastErr = e; }\n }\n if (!data) throw lastErr || new Error('sem resposta da consulta');\n raw = rowsOf(data);\n }\n if (!raw.length) throw new Error('nenhuma CB encontrada com esses filtros' + (setor ? ' (setor ' + setor + ')' : '') + (uf ? ' (UF ' + uf + ')' : ''));\n\n const bPed = bucketer(raw.map(r => +r.pedidos || 0));\n const bPon = bucketer(raw.map(r => +r.pontos || 0));\n const bRec = bucketer(raw.map(r => (+r.rec_nat || 0) + (+r.rec_avon || 0)));\n\n S.nodes = raw.map((r, i) => {\n const nat = +r.rec_nat || 0, avon = +r.rec_avon || 0, rec = nat + avon;\n const nome = titleCase(r.nome || '');\n const cb = String(r.cb == null ? '' : r.cb);\n const ini = nome ? d2.fmt.initials(nome, 2) : cb.slice(-2);\n return {\n i, cb, nome, ini,\n municipio: titleCase(r.municipio || ''), uf: String(r.uf || ''),\n setor: String(r.setor == null ? '' : r.setor), grupo: String(r.grupo == null ? '' : r.grupo),\n lider: titleCase(r.lider || ''), nivel: String(r.nivel || ''),\n pedidos: +r.pedidos || 0, pontos: +r.pontos || 0, receita: rec,\n ativa: +r.ativa === 1 ? 1 : 0,\n bRitmo: bPed(+r.pedidos || 0), bAlcance: bPon(+r.pontos || 0), bPorte: bRec(rec),\n bMarca: rec > 0 ? Math.min(3, Math.floor((nat / rec) * 4)) : null,\n tint: TINTS[hash(String(r.setor) + '|' + String(r.grupo)) % TINTS.length],\n r: 0, x: 0, y: 0, vx: 0, vy: 0\n };\n });\n\n const maxP = Math.max(...S.nodes.map(n => n.pontos), 1);\n S.nodes.forEach(n => {\n n.r = 7 + 17 * Math.sqrt(Math.max(0, n.pontos) / maxP);\n const a = (n.i / S.nodes.length) * Math.PI * 2, rad = 140 + (hash(n.cb) % 220);\n n.x = S.w / 2 + Math.cos(a) * rad; n.y = S.h / 2 + Math.sin(a) * rad;\n });\n\n DIMS.forEach(d => S.W[d.k] = weightOf(d.k));\n rebuild();\n $('#count').textContent = d2.fmt.number(S.nodes.length);\n say((demo ? '⚠ AMOSTRA SINTÉTICA (dadosDemo) — ' : '') + `${S.nodes.length} CBs · ${S.edges.length} laços · ${S.nodes.filter(n => n.ativa).length} ativas no ciclo`, demo);\n renderDetail(null);\n }\n\n // ---------- afinidades ----------\n function keyOf(k, n) {\n if (k === 'origem') return n.municipio ? n.uf + '/' + n.municipio : null;\n if (k === 'territorio') return n.setor || null;\n if (k === 'rede') return n.grupo || null;\n if (k === 'trajetoria') return n.nivel || null;\n if (k === 'ritmo') return 'r' + n.bRitmo;\n if (k === 'alcance') return 'a' + n.bAlcance;\n if (k === 'porte') return 'p' + n.bPorte;\n if (k === 'marca') return n.bMarca == null ? null : 'm' + n.bMarca;\n if (k === 'constancia') return n.ativa ? 'ativa' : null;\n return null;\n }\n // Peso = raridade. p = chance de dois nós sorteados caírem no mesmo grupo desta dimensão;\n // log2(1/p) transforma isso em bits de informação, então \"mesma líder\" pesa muito mais que\n // \"ambas ativas\" sem que ninguém precise arbitrar uma tabela de pesos à mão.\n function weightOf(k) {\n const g = {}, n = S.nodes.length;\n S.nodes.forEach(x => { const key = keyOf(k, x); if (key != null) g[key] = (g[key] || 0) + 1; });\n let p = 0; Object.values(g).forEach(c => { p += (c / n) * (c / n); });\n return p > 0 ? Math.max(.35, Math.min(6, Math.log2(1 / p))) : 0;\n }\n function sharedDims(a, b) {\n const out = [];\n for (const d of DIMS) {\n if (!S.on[d.k]) continue;\n const ka = keyOf(d.k, a); if (ka == null) continue;\n if (ka === keyOf(d.k, b)) out.push(d.k);\n }\n return out;\n }\n function rebuild() {\n const ns = S.nodes, K = Math.max(1, Math.min(8, +d2.param('lacos', 4) || 4));\n const cand = ns.map(() => []);\n for (let i = 0; i < ns.length; i++) {\n for (let j = i + 1; j < ns.length; j++) {\n const dims = sharedDims(ns[i], ns[j]);\n if (!dims.length) continue;\n let sc = 0; for (const k of dims) sc += S.W[k] || 0;\n if (sc <= 0) continue;\n cand[i].push({ o: j, sc, dims }); cand[j].push({ o: i, sc, dims });\n }\n }\n // Corte por nó, não global: um corte global deixaria as CBs de município grande com\n // dezenas de laços e as demais órfãs — cada uma guarda seus K vínculos mais fortes.\n const seen = new Set(), out = [];\n cand.forEach((list, i) => {\n list.sort((a, b) => b.sc - a.sc).slice(0, K).forEach(e => {\n const a = Math.min(i, e.o), b = Math.max(i, e.o), key = a + ':' + b;\n if (seen.has(key)) return; seen.add(key);\n const top = e.dims.slice().sort((x, y) => (S.W[y] || 0) - (S.W[x] || 0))[0];\n out.push({ a, b, sc: e.sc, dims: e.dims, top });\n });\n });\n S.edges = out;\n S.adj = new Map();\n out.forEach((e, idx) => {\n if (!S.adj.has(e.a)) S.adj.set(e.a, []);\n if (!S.adj.has(e.b)) S.adj.set(e.b, []);\n S.adj.get(e.a).push(idx); S.adj.get(e.b).push(idx);\n });\n const maxSc = Math.max(...out.map(e => e.sc), 1);\n out.forEach(e => e.n = e.sc / maxSc);\n const counts = {}; DIMS.forEach(d => counts[d.k] = 0);\n out.forEach(e => e.dims.forEach(k => counts[k]++));\n DIMS.forEach(d => { const el = root.querySelector(`[data-n=\"${d.k}\"]`); if (el) el.textContent = counts[d.k] ? counts[d.k] : ''; });\n S.alpha = 1;\n }\n\n // ---------- física ----------\n function tick() {\n const ns = S.nodes, cx = S.w / 2, cy = S.h / 2;\n if (S.alpha < .02 || !ns.length) return;\n const k = S.alpha;\n for (let i = 0; i < ns.length; i++) {\n const a = ns[i];\n for (let j = i + 1; j < ns.length; j++) {\n const b = ns[j];\n let dx = b.x - a.x, dy = b.y - a.y, d = Math.hypot(dx, dy);\n if (d < .01) { // coincidentes: desempata com um deslocamento determinístico\n dx = ((hash(a.cb + b.cb) % 21) - 10) / 10;\n dy = ((hash(b.cb + a.cb) % 21) - 10) / 10;\n d = Math.hypot(dx, dy) || 1;\n }\n const ux = dx / d, uy = dy / d;\n const rep = Math.min(4, 9000 / (d * d)) * k;\n a.vx -= ux * rep; a.vy -= uy * rep;\n b.vx += ux * rep; b.vy += uy * rep;\n // Colisão dura, resolvida na POSIÇÃO e não na velocidade: só repulsão deixa os círculos\n // se sobreporem enquanto o sistema esfria, e as iniciais viram sopa.\n const min = a.r + b.r + 6;\n if (d < min) {\n const push = (min - d) * .5;\n a.x -= ux * push; a.y -= uy * push;\n b.x += ux * push; b.y += uy * push;\n }\n }\n }\n for (const e of S.edges) {\n const a = ns[e.a], b = ns[e.b];\n const dx = b.x - a.x, dy = b.y - a.y, d = Math.max(.01, Math.hypot(dx, dy));\n const target = 170 - 95 * e.n; // laço forte = mais curto\n const f = (d - target) * .022 * (.4 + .6 * e.n) * k;\n const ux = dx / d, uy = dy / d;\n a.vx += ux * f; a.vy += uy * f;\n b.vx -= ux * f; b.vy -= uy * f;\n }\n for (const n of ns) {\n if (S.drag === n) { n.vx = 0; n.vy = 0; continue; }\n n.vx += (cx - n.x) * .002 * k; n.vy += (cy - n.y) * .002 * k;\n n.vx *= .84; n.vy *= .84;\n n.x += Math.max(-9, Math.min(9, n.vx));\n n.y += Math.max(-9, Math.min(9, n.vy));\n }\n S.alpha *= .994;\n }\n\n // Enquadramento roda TODO frame, fora do laço de física: se ficasse dentro, congelaria junto\n // com o alpha e o grafo terminaria transbordando o palco (ou torto) exatamente onde parou.\n // Também é o que reenquadra depois de um resize, sem precisar reaquecer a simulação.\n function fit() {\n const ns = S.nodes;\n if (!ns.length || S.drag) return;\n let x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;\n for (const n of ns) {\n x0 = Math.min(x0, n.x - n.r); y0 = Math.min(y0, n.y - n.r);\n x1 = Math.max(x1, n.x + n.r); y1 = Math.max(y1, n.y + n.r);\n }\n const cx = S.w / 2, cy = S.h / 2;\n const ox = cx - (x0 + x1) / 2, oy = cy - (y0 + y1) / 2;\n if (Math.abs(ox) > .4 || Math.abs(oy) > .4) for (const n of ns) { n.x += ox * .12; n.y += oy * .12; }\n const sc = Math.min(1, (S.w - 56) / Math.max(1, x1 - x0), (S.h - 56) / Math.max(1, y1 - y0));\n if (sc < .999) for (const n of ns) {\n n.x = cx + (n.x - cx) * (1 - (1 - sc) * .12);\n n.y = cy + (n.y - cy) * (1 - (1 - sc) * .12);\n }\n }\n\n // ---------- desenho ----------\n function draw() {\n ctx.clearRect(0, 0, S.w, S.h);\n ctx.fillStyle = BG; ctx.fillRect(0, 0, S.w, S.h);\n if (!S.nodes.length) return;\n const focus = S.sel != null ? S.sel : S.hover;\n const near = new Set();\n if (focus != null) { near.add(focus); (S.adj.get(focus) || []).forEach(i => { near.add(S.edges[i].a); near.add(S.edges[i].b); }); }\n\n S.edges.forEach((e, idx) => {\n const a = S.nodes[e.a], b = S.nodes[e.b];\n const lit = focus == null || e.a === focus || e.b === focus;\n const col = (DIM_BY[e.top] || DIMS[0]).color;\n ctx.globalAlpha = focus == null ? .16 + .34 * e.n : (lit ? .5 + .4 * e.n : .05);\n ctx.strokeStyle = col;\n ctx.lineWidth = .5 + 1.7 * e.n;\n ctx.beginPath(); ctx.moveTo(a.x, a.y); ctx.lineTo(b.x, b.y); ctx.stroke();\n // uma conta por dimensão compartilhada, no meio do laço — é a leitura rápida de\n // \"quantas coisas estas duas têm em comum\" sem precisar do hover\n const dims = e.dims;\n for (let i = 0; i < dims.length; i++) {\n const t = (i + 1) / (dims.length + 1);\n ctx.globalAlpha = focus == null ? .55 : (lit ? .95 : .08);\n ctx.fillStyle = (DIM_BY[dims[i]] || DIMS[0]).color;\n ctx.beginPath(); ctx.arc(a.x + (b.x - a.x) * t, a.y + (b.y - a.y) * t, 1.9 + 1.3 * e.n, 0, 6.284); ctx.fill();\n }\n });\n\n S.nodes.forEach(n => {\n const dim = focus != null && !near.has(n.i);\n ctx.globalAlpha = dim ? .18 : 1;\n ctx.beginPath(); ctx.arc(n.x, n.y, n.r, 0, 6.284);\n ctx.fillStyle = n.tint; ctx.fill();\n ctx.lineWidth = n.i === focus ? 2.5 : 1;\n ctx.strokeStyle = n.i === focus ? '#007aff' : (n.ativa ? 'rgba(60,60,67,.38)' : 'rgba(60,60,67,.14)');\n ctx.stroke();\n if (n.r >= 12) { // nós pequenos ficam como pontos, sem inicial ilegível dentro\n ctx.globalAlpha = dim ? .2 : .85;\n ctx.fillStyle = '#3a3a3c';\n ctx.font = `600 ${Math.round(n.r * .78)}px -apple-system,\"Segoe UI\",Roboto,sans-serif`;\n ctx.textAlign = 'center'; ctx.textBaseline = 'middle';\n ctx.fillText(n.ini, n.x, n.y + .5);\n }\n });\n ctx.globalAlpha = 1;\n }\n\n d2.raf(() => { tick(); fit(); draw(); });\n\n // ---------- interação ----------\n function hit(px, py) {\n let best = null, bd = Infinity;\n for (const n of S.nodes) {\n const d = Math.hypot(n.x - px, n.y - py);\n if (d < n.r + 5 && d < bd) { bd = d; best = n; }\n }\n return best;\n }\n const rel = ev => { const r = cv.getBoundingClientRect(); return [ev.clientX - r.left, ev.clientY - r.top]; };\n\n d2.on(cv, 'pointermove', ev => {\n const [x, y] = rel(ev);\n if (S.drag) { S.drag.x = x; S.drag.y = y; S.alpha = Math.max(S.alpha, .35); return; }\n const n = hit(x, y);\n S.hover = n ? n.i : null;\n cv.style.cursor = n ? 'pointer' : 'default';\n if (n) {\n tip.classList.add('on');\n tip.innerHTML = `${esc(n.nome || 'CB ' + n.cb)}${esc(n.municipio)}${n.uf ? '/' + esc(n.uf) : ''} · setor ${esc(n.setor)} · ${d2.fmt.number(n.pontos)} pontos`;\n const tw = tip.offsetWidth || 200;\n tip.style.left = Math.max(6, Math.min(S.w - tw - 6, x + 14)) + 'px';\n tip.style.top = Math.max(6, y - 42) + 'px';\n } else tip.classList.remove('on');\n });\n d2.on(cv, 'pointerdown', ev => {\n const [x, y] = rel(ev); const n = hit(x, y);\n if (n) { S.drag = n; cv.setPointerCapture(ev.pointerId); }\n });\n d2.on(cv, 'pointerup', ev => {\n const [x, y] = rel(ev); const n = hit(x, y);\n S.drag = null;\n if (n) { S.sel = (S.sel === n.i ? null : n.i); renderDetail(S.sel); }\n else { S.sel = null; renderDetail(null); }\n });\n d2.on(cv, 'pointerleave', () => { S.hover = null; S.drag = null; tip.classList.remove('on'); });\n\n d2.on('.chip', 'click', (e, el) => {\n const k = el.dataset.k;\n S.on[k] = !S.on[k];\n el.classList.toggle('off', !S.on[k]);\n if (S.nodes.length) { rebuild(); renderDetail(S.sel); }\n });\n d2.on('.crow', 'click', (e, el) => { S.sel = +el.dataset.i; renderDetail(S.sel); });\n d2.on('#reload', 'click', (e, el) => {\n el.disabled = true;\n S.sel = null; S.hover = null;\n load().catch(err => say(err && err.message ? err.message : String(err), true))\n .then(() => { el.disabled = false; });\n });\n\n // ---------- painel ----------\n function renderDetail(i) {\n const el = $('#detail');\n if (i == null || !S.nodes[i]) {\n const on = DIMS.filter(d => S.on[d.k]);\n el.innerHTML = `
Cada laço é uma afinidade calculada, não um cadastro: duas CBs se ligam quando compartilham origem, território, líder, trajetória ou um padrão de trabalho parecido.

O peso de cada dimensão é o inverso da sua frequência — por isso ${esc((on.slice().sort((a, b) => (S.W[b.k] || 0) - (S.W[a.k] || 0))[0] || {}).label || '—')} puxa mais que as demais nesta amostra.

Clique num nó para ver quem ele alcança. Arraste para reorganizar.
`;\n return;\n }\n const n = S.nodes[i];\n const mine = (S.adj.get(i) || []).map(x => S.edges[x]).sort((a, b) => b.sc - a.sc).slice(0, 8);\n const fact = (v, l) => `
${v}${l}
`; el.innerHTML = `
\n

${esc(n.nome || 'CB ' + n.cb)}

\n
${esc(n.municipio)}${n.uf ? ' · ' + esc(n.uf) : ''} · setor ${esc(n.setor)}${n.lider ? ' · líder ' + esc(n.lider) : ''}
\n
\n ${fact(d2.fmt.number(n.pontos), 'pontos')}\n ${fact(d2.fmt.number(n.pedidos), 'pedidos')}\n ${fact(d2.fmt.currency(n.receita, 'BRL'), 'receita')}\n ${fact(esc(n.nivel || '—'), 'nível')}\n
\n

${mine.length} afinidades mais fortes

\n ${mine.map(e => {\n const o = S.nodes[e.a === i ? e.b : e.a];\n return `
(DIM_BY[k] || {}).hint).join(' · '))}\">\n ${esc(o.ini)}\n ${esc(o.nome || 'CB ' + o.cb)}\n ${e.dims.map(k => ``).join('')}\n
`;\n }).join('')}\n
\n
`;\n }\n\n load().catch(err => {\n say(err && err.message ? err.message : String(err), true);\n $('#detail').innerHTML = `
A consulta roda no listener do Databricks, que exige sessão do simulador. Se a mensagem acima fala em 401/permissão, é preciso estar logado no app.
`;\n });\n }\n};"}},"limite":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"limite"}}}},"setor":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"setor"}}}},"uf":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"uf"}}}},"amostra":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"amostra"}}}},"lacos":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"lacos"}}}},"consultaRush":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"consultaRush"}}}}}}}}}},{"_id":"6a7f2f11a14a6f1480484324","component":"data2-core-types@Component","system":"6a57cfe9673eb7e3c5e57784","params":{"component":"KRgNUar3hCwC4PglklYuS","package":"natura-geomarketing","extends":"data2-core-primitives@Block","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"const T='product.perfil_cb.crm_perfil_cb_diaria_historico';\nconst ELO='product.elo_modelo_combinado.commercial_consultant_index';\nconst PALETTE=['#5856d6','#ff9500','#28cd41','#af52de','#ff2d55','#a2845e'];\nconst CLOSE_COLOR='#8e8e93';\nconst UF_CODE={RO:'11',AC:'12',AM:'13',RR:'14',PA:'15',AP:'16',TO:'17',MA:'21',PI:'22',CE:'23',RN:'24',PB:'25',PE:'26',AL:'27',SE:'28',BA:'29',MG:'31',ES:'32',RJ:'33',SP:'35',PR:'41',SC:'42',RS:'43',MS:'50',MT:'51',GO:'52',DF:'53'};\nconst UF_BORDERS={AC:['AM','RO'],AL:['BA','PE','SE'],AM:['AC','RO','RR','PA','MT'],AP:['PA'],\n BA:['AL','SE','PE','PI','TO','GO','MG','ES'],CE:['PI','PB','PE','RN'],DF:['GO','MG'],\n ES:['BA','MG','RJ'],GO:['DF','MT','MS','MG','BA','TO'],MA:['PA','TO','PI'],\n MG:['BA','GO','DF','MS','SP','RJ','ES'],MS:['MT','GO','MG','SP','PR'],MT:['RO','AM','PA','TO','GO','MS'],\n PA:['AP','AM','MT','TO','MA','RR'],PB:['RN','CE','PE'],PE:['PB','CE','PI','BA','AL'],\n PI:['MA','TO','BA','PE','CE'],PR:['SP','MS','SC'],RJ:['ES','MG','SP'],RN:['CE','PB'],\n RO:['AC','AM','MT'],RR:['AM','PA'],RS:['SC'],SC:['PR','RS'],SE:['BA','AL'],\n SP:['MG','RJ','PR','MS'],TO:['PA','MA','PI','BA','GO','MT']};\nconst NIVEIS=['Bronze','Cristal','Prata','Ouro','Diamante','Diamante+'];\nconst METRICS_DEF=[['cbs','CBs'],['ativas','Ativas'],['pedidos','Pedidos'],['pontos','Pontos'],['receita','Receita','$'],['rec_nat','Rec. Natura','$'],['rec_avon','Rec. Avon','$']];\nconst OPT_K=1.5;\nconst SESSIONS_DS='geo-timeline-sessionsDataSet'; // dedicated saved-sessions table, separate from SHARED_DS — see notes at listSessions()\n// Span defaults are the real operating band, not placeholders: setor 2200 ≤ span ≤ 3500 (alvo 2700),\n// GV 10000 ≤ span ≤ 22000 (alvo 16000). Mercado não tem um histórico equivalente ainda, então nasce\n// sem limite (null) até alguém configurar. Span agora é uma escala POR NÍVEL: fechar um setor só olha\n// span.setor, fechar uma GV só olha span.gv, fechar um mercado só olha span.mercado — nunca se misturam.\n// Existing sessions are NOT touched — their persisted settings carry explicit values that spread OVER\n// these in openOptions/applyOptions, which is deliberate: their etapas were computed under the old\n// band and changing it silently would leave the stored result and the rule that produced it out of sync.\nconst DEFAULT_SETTINGS={span:{\n setor:{targetSpan:2700,maxSpan:3500,minSpan:2200},\n gv:{targetSpan:16000,maxSpan:22000,minSpan:10000},\n mercado:{targetSpan:null,maxSpan:null,minSpan:null},\n},\n forceContiguity:true,\n};\nconst DOM_MEDIA_BASE='https://natura-geomarketing.data2.media/file/';\nconst DOM_CSV_FALLBACK=DOM_MEDIA_BASE+'yw_TQdp0QXEk6JsrliAqP'; \nconst numOrNull=v=>{const n=Math.round(+v);return (isFinite(n)&&n>0)?n:null;};\nconst spanShort=st=>{const p=[];if(st&&st.targetSpan)p.push('alvo '+st.targetSpan);if(st&&st.maxSpan)p.push('máx '+st.maxSpan);if(st&&st.minSpan)p.push('mín '+st.minSpan);return p.length?p.join(' · '):'livre';};\n\nexport default {\n css: `\n :host{display:block;height:100%;--bg:#f5f5f7;--panel:#ffffff;--panel2:#f2f2f7;--line:#e5e5ea;--ink:#1c1c1e;--mut:#6e6e73;--acc:#007aff;--acc2:#0060df;--closing:#ff3b30;--ok:#28cd41;\n /* Tokens do AppKit real (macOS Big Sur): raio 6 e sombra y1/blur3/15% preto são os valores\n documentados de botão/controle do sistema, não um chute — usados em todo botão, select,\n segmented control e tab pra ler como controle nativo em vez de elemento web plano. */\n --radius-ctrl:6px;--shadow-ctrl:0 1px 3px rgba(0,0,0,.15)}\n *{box-sizing:border-box}\n .simroot{position:relative;height:100%;overflow:auto;font:13px/1.45 -apple-system,BlinkMacSystemFont,\"SF Pro Text\",\"Segoe UI\",Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}\n header{padding:10px 16px;background:rgba(246,246,248,.85);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}\n header h1{font-size:14.5px;margin:0;font-weight:600;letter-spacing:-.1px;color:var(--ink)}\n .mac-spacer{flex:1}\n .howto{padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;font-size:11.5px;color:var(--mut);align-items:center}\n .howto b{color:var(--ink)} .howto span{max-width:340px}\n .pill{font-size:10.5px;padding:2.5px 9px;border-radius:99px;border:1px solid var(--line);color:var(--mut);background:var(--panel2)}\n .pill.live{color:var(--ink);cursor:pointer;user-select:none;transition:border-color .1s,color .1s,background .1s}\n .pill.live:hover{border-color:var(--acc);color:var(--acc);background:#eaf3ff}\n .pill.live:focus-visible{outline:2px solid rgba(0,122,255,.35);outline-offset:1px}\n .pill.live.busy{border-color:var(--acc);color:var(--acc);cursor:progress}\n @keyframes pullspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}\n .spinning{display:inline-block;animation:pullspin .8s linear infinite}\n .pill.live.locked{border-color:#ff9500;color:#ff9500;background:#fff6ea}\n .status{font-size:11px;color:var(--mut)}.status.err{color:var(--closing)}\n select,input,textarea,button{font:inherit}\n select,input{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-ctrl);padding:5.5px 9px;box-shadow:var(--shadow-ctrl)}\n /* Seta nativa do / OPEN-LIST popups are drawn by the browser itself and cannot be\n restyled on any engine — only the closed control can be skinned. .macsel repaints the open list\n as a real DOM element (an actual AppKit-style popover) while the underlying \n stays the real state — same .value/.onchange/.options, every existing read/write untouched. */\n .macsel{position:relative}\n .macsel-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-ctrl);padding:5.5px 9px;box-shadow:var(--shadow-ctrl);cursor:pointer}\n .macsel-btn:hover{background:var(--panel2)}\n .macsel-btn:focus-visible{outline:2px solid rgba(0,122,255,.35);outline-offset:0;border-color:var(--acc)}\n .macsel-btn .macsel-lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n .macsel-btn .macsel-car{color:#8e8e93;flex:0 0 auto;font-size:11px;transform:translateY(1px)}\n /* .macsel-panel/.macsel-opt/.macsel-empty are styled from a plain