Release 0.4.5 with metadata tools and responsive layers

Fix layer actions and add reusable color editors
2026-09-25 21:10:19 +02:00 · 2026-09-25 15:40:20 +02:00
8 changed files with 504 additions and 51 deletions
@@ -38,6 +38,7 @@
            "Gerarchia: premi la freccia accanto alla maniglia per aprire un gruppo. Il rientro, il carattere e la tonalita indicano se una riga e figlia, nipote o di livello successivo.",
            "Selezione multipla: attiva il flag sulle righe desiderate. Esempio: seleziona tre poligoni per esportare solo quelli oppure per bloccarli con una sola operazione.",
            "Rinomina e attributi: Rinomina modifica il nome mostrato e salvato nei progetti e nei file esportati; Attributi apre un editor multilinea per consultare o correggere i dati associati.",
+            "Colori: espandi un padre o un figlio e usa gli editor di linea e riempimento. Puoi scegliere il colore, prelevarlo con il contagocce se supportato, oppure inserire e copiare i valori HEX, RGB e HSL; sul padre viene applicato a tutto il gruppo.",
            "Blocco: il lucchetto impedisce modifiche e spostamenti involontari. Sblocca l'oggetto prima di usare la matita o gli strumenti geometrici.",
            "Sposta nel gruppo cambia l'appartenenza. Esempio: trasferisci un poligono da Disegni e POI a Progetti e dati importati, oppure in un nuovo sottogruppo chiamato Rilievo nord.",
            "Sposta geometria cambia invece le coordinate dell'oggetto, per esempio 100 metri verso nord; non modifica il gruppo di appartenenza.",
@@ -48,9 +49,9 @@
        [
            "Compila i campi nell'ordine Regione, Comune, Foglio e Particella: ogni scelta carica l'elenco necessario al campo successivo.",
            "Esempio: scegli Campania, il Comune, il foglio 12 e la particella 345, poi premi Mostra particella sulla mappa.",
-            "Il confine ufficiale viene evidenziato in rosso. Se Centra e zooma quando seleziono un oggetto e attivo nelle Impostazioni, la mappa lo inquadra automaticamente.",
+            "Il confine ufficiale viene evidenziato sulla mappa. Se Centra e zooma quando seleziono un oggetto e attivo nelle Impostazioni, la mappa lo inquadra automaticamente.",
            "Se la particella e gia presente tra disegni, progetti o file GeoJSON, KML e KMZ, l'app riconosce il riferimento catastale o la geometria e riutilizza l'oggetto esistente senza duplicarlo.",
-            "Se un oggetto gia presente era nascosto, viene reso nuovamente visibile. La visibilita generale dei contorni rossi e dei dati importati resta controllabile dal pannello Layer.",
+            "Se un oggetto gia presente era nascosto, viene reso nuovamente visibile. La visibilita generale dei contorni evidenziati e dei dati importati resta controllabile dal pannello Layer.",
            "Quando il servizio ufficiale non restituisce subito il confine, attendi il completamento indicato nel pannello e riprova mantenendo gli stessi dati selezionati."
        ],
        "data" =>
@@ -76,10 +77,10 @@
        ],
        "projects" =>
        [
-            "Nuovo progetto: inserisci un nome, scegli se includere i contorni catastali rossi e premi Salva progetto. Vengono conservati oggetti, gruppi, nomi, attributi e opzioni di visualizzazione.",
+            "Nuovo progetto: inserisci un nome, scegli se includere i contorni catastali evidenziati e premi Salva progetto. Vengono conservati oggetti, gruppi, nomi, attributi e opzioni di visualizzazione.",
            "Aggiornamento: dopo aver aperto un progetto, usa di nuovo Salva progetto con lo stesso nome per aggiornarlo. Se nelle Impostazioni attivi Aggiorna automaticamente il progetto aperto, le modifiche vengono registrate dopo 3 secondi di inattivita.",
            "Cartelle: seleziona un progetto, scrivi per esempio Cantieri 2026 e premi Sposta per organizzarlo nell'archivio; questa operazione non sposta le geometrie sulla mappa.",
-            "Duplica crea una copia modificabile, utile prima di una variante importante o quando ricevi un progetto in sola lettura.",
+            "Rinomina cambia il nome del progetto selezionato senza alterarne contenuti e revisioni. Duplica crea invece una copia modificabile, utile prima di una variante importante o quando ricevi un progetto in sola lettura.",
            "Archivia nasconde logicamente i lavori conclusi senza eliminarli; Ripristina li riporta tra quelli attivi. Elimina rimuove invece il progetto dall'archivio.",
            "Condividi modificabile consente al destinatario di continuare il lavoro; Condividi in sola lettura protegge l'originale e richiede una duplicazione per modificarlo.",
            "Revisioni: seleziona una data e usa Apri revisione per consultarne lo stato oppure Confronta per vedere le differenze con la versione corrente.",
@@ -87,7 +88,8 @@
        ],
        "tools" =>
        [
-            "Tabella oggetti: apre una vista ordinata di particelle, file importati e disegni. Usa i flag per selezionare piu righe e il lucchetto per proteggerle dalle modifiche.",
+            "Tabella oggetti: apre una vista ordinata di particelle, file importati e disegni. Usa i flag per selezionare piu righe, il lucchetto per proteggerle e la matita per modificare i metadati.",
+            "Copia metadati: nella maschera Metadati oggetto scegli Copia da e l'oggetto sorgente. Attiva Importa anche i valori per copiare nomi e contenuti; disattivalo per creare soltanto gli stessi campi, lasciandoli vuoti o mantenendo i valori gia presenti.",
            "Coordinate WGS84 e UTM: scegli un punto sulla mappa per leggere latitudine e longitudine oppure le coordinate metriche UTM, utili per rilievi e confronti tecnici.",
            "Registro operazioni: mostra in ordine cronologico disegni, modifiche, rinomine, spostamenti ed eliminazioni, cosi puoi capire cosa e cambiato durante la sessione.",
            "Cestino: Ripristina ultima rimozione recupera l'elemento eliminato piu recente. Svuota cestino elimina definitivamente tutti gli elementi rimossi e non consente ulteriori recuperi.",
@@ -81,7 +81,7 @@
                    <input type="checkbox" @bind="ShowSelectedParcels" @bind:after="ApplySelectedParcelsVisibility" />
                    <span>
                        <strong>Particelle catastali evidenziate</strong>
-                        <small>Contorni rossi ottenuti da ricerca o GPS</small>
+                        <small>Contorni ottenuti da ricerca o GPS</small>
                    </span>
                </label>
                <label class="map-layer-option">
@@ -292,7 +292,7 @@
                                </label>
                                <label class="toggle-line project-save-option">
                                    <input type="checkbox" @bind="ExportCadastral" @bind:after="SaveFlagPreferences" />
-                                    <span>Particelle catastali rosse e GPS</span>
+                                    <span>Particelle catastali evidenziate e GPS</span>
                                </label>
                                <label class="toggle-line project-save-option">
                                    <input type="checkbox" @bind="ExportDrawings" @bind:after="SaveFlagPreferences" />
@@ -327,7 +327,7 @@
                            </label>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="IncludeCadastralParcels" @bind:after="SaveFlagPreferences" />
-                                <span>Includi le particelle catastali rosse</span>
+                                <span>Includi le particelle catastali evidenziate</span>
                            </label>
                            <button class="primary-command" @onclick="SaveProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(NewProjectName))">Salva progetto</button>
                        </section>
@@ -354,6 +354,7 @@
                            </label>
                            <div class="project-command-stack">
                                <button class="secondary-command" @onclick="UpdateProjectFolder" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Sposta</button>
+                                <button class="secondary-command" @onclick="RenameProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId) || SelectedProject?.IsReadOnly == true)">Rinomina</button>
                                <button class="secondary-command" @onclick="DuplicateProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Duplica</button>
                                <button class="secondary-command" @onclick="ToggleProjectArchive" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">@(SelectedProject?.IsArchived == true ? "Ripristina" : "Archivia")</button>
                                <button class="secondary-command" @onclick='() => ShareProject(false)' disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Condividi modificabile</button>
@@ -1403,6 +1404,39 @@
        await JS.InvokeVoidAsync("lmeMap.showInfo", $"Progetto duplicato: {copy.Name}.");
    }

+    private async Task RenameProject()
+    {
+        if (SelectedProject is not { } project) return;
+        var requestedName = await JS.InvokeAsync<string?>("lmeMap.promptProjectName", project.Name);
+        if (string.IsNullOrWhiteSpace(requestedName)
+            || string.Equals(requestedName.Trim(), project.Name, StringComparison.CurrentCulture))
+        {
+            return;
+        }
+
+        ProjectBusy = true;
+        try
+        {
+            var renamed = await ProjectStorageService.RenameAsync(project.Id, requestedName);
+            await RefreshProjectsAsync();
+            SelectedProjectId = renamed.Id;
+            NewProjectName = renamed.Name;
+            if (!HasUnsavedChanges)
+            {
+                ExportFileName = renamed.Name;
+            }
+            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Progetto rinominato: {renamed.Name}.");
+        }
+        catch (Exception error)
+        {
+            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Progetto non rinominato: {error.GetBaseException().Message}");
+        }
+        finally
+        {
+            ProjectBusy = false;
+        }
+    }
+
    private async Task UpdateProjectFolder()
    {
        if (SelectedProject is null) return;
@@ -1558,8 +1592,8 @@
            await JS.InvokeVoidAsync(
                "lmeMap.showInfo",
                IncludeCadastralParcels
-                    ? $"Progetto salvato: {saved.Name}, incluse le particelle rosse."
-                    : $"Progetto salvato: {saved.Name}, senza particelle rosse.");
+                    ? $"Progetto salvato: {saved.Name}, incluse le particelle catastali evidenziate."
+                    : $"Progetto salvato: {saved.Name}, senza particelle catastali evidenziate.");
        }
        catch (Exception error)
        {
@@ -28,8 +28,8 @@
        <ApplicationId>com.companyname.lmemappecatastaliapp</ApplicationId>

        <!-- Versions -->
-        <ApplicationDisplayVersion>0.4.3</ApplicationDisplayVersion>
-        <ApplicationVersion>38</ApplicationVersion>
+        <ApplicationDisplayVersion>0.4.5</ApplicationDisplayVersion>
+        <ApplicationVersion>40</ApplicationVersion>
        <Version>$(ApplicationDisplayVersion)</Version>

        <!-- To develop, package, and publish an app to the Microsoft Store, see: https://aka.ms/MauiTemplateUnpackaged -->
@@ -2,6 +2,23 @@

 App .NET MAUI Blazor Hybrid per Android, iOS, Mac Catalyst e Windows, pensata per consultare mappe catastali e lavorare sul campo con GPS.

+## Versione 0.4.5
+
+- Corretto il layout del pannello Layer sui telefoni e sui foldable: checkbox, lucchetto, ordinamento e freccia di espansione non si sovrappongono e restano allineati.
+- La tabella oggetti include un comando dedicato per modificare i metadati di ciascun elemento.
+- L'editor metadati permette di copiare i campi da un altro oggetto, scegliendo se importare anche i valori oppure soltanto i nomi.
+- Il pannello Progetti consente di rinominare un progetto duplicato o esistente senza perdere contenuti, identita e revisioni.
+- La barra Leaflet include una guida completa con istruzioni ed esempi concreti per disegno, modifica, eliminazione, riparazione, fori e confronto confini.
+
+## Versione 0.4.4
+
+- I comandi `Rinomina`, `Sposta nel gruppo` e `Rimuovi` occupano una riga completa e restano visibili anche nei pannelli Layer molto stretti.
+- `Sposta nel gruppo` e disponibile per padri e figli di disegni, dati importati, cornici, fogli importati e particelle evidenziate dalla ricerca catastale.
+- Editor distinti per linea e riempimento su gruppi e singoli oggetti, con contagocce dove supportato e valori modificabili HEX, RGB e HSL.
+- Copia HEX per riutilizzare esattamente un colore su altri oggetti; stili conservati nei progetti e negli export.
+- Rimossi dai menu i riferimenti al colore rosso fisso delle particelle catastali.
+- Nei progetti in sola lettura anche il trasferimento tra gruppi viene correttamente disabilitato.
+
 ## Versione 0.4.3

 - `Mostra particella sulla mappa` riattiva sempre il layer dei confini rossi e lo porta in primo piano.
@@ -85,7 +85,7 @@ public sealed class MapExportService
    {
        var root = new XElement("gpx",
            new XAttribute("version", "1.1"),
-            new XAttribute("creator", "LME Mappe Catastali 0.4.3"),
+            new XAttribute("creator", "LME Mappe Catastali 0.4.5"),
            new XAttribute(XNamespace.Xmlns + "xsi", "http://www.w3.org/2001/XMLSchema-instance"),
            new XElement("metadata", new XElement("name", name)));
        foreach (var feature in features.EnumerateArray())
@@ -147,6 +147,36 @@ public sealed class ProjectStorageService
        finally { _gate.Release(); }
    }

+    public async Task<MapProjectSummary> RenameAsync(string projectId, string name)
+    {
+        var normalizedName = NormalizeName(name);
+        await _gate.WaitAsync();
+        try
+        {
+            var files = await ReadProjectFilesAsync();
+            var project = files.FirstOrDefault(item => item.Document.Id == projectId)
+                ?? throw new FileNotFoundException("Il progetto selezionato non esiste piu'.");
+            if (project.Document.AccessMode == "readonly")
+            {
+                throw new InvalidOperationException("Il progetto e' in sola lettura. Duplicalo per modificarlo.");
+            }
+            if (files.Any(item => item.Document.Id != projectId
+                && string.Equals(item.Document.Name, normalizedName, StringComparison.CurrentCultureIgnoreCase)))
+            {
+                throw new InvalidOperationException($"Esiste gia' un progetto chiamato '{normalizedName}'.");
+            }
+
+            project.Document.Name = normalizedName;
+            project.Document.UpdatedAt = DateTimeOffset.UtcNow;
+            await File.WriteAllTextAsync(
+                project.Path,
+                JsonSerializer.Serialize(project.Document, _jsonOptions),
+                new UTF8Encoding(false));
+            return project.Document.ToSummary();
+        }
+        finally { _gate.Release(); }
+    }
+
    public async Task UpdateOrganizationAsync(string projectId, string? folder = null, bool? isArchived = null)
    {
        await _gate.WaitAsync();
@@ -484,6 +484,54 @@ input[type="checkbox"] {
    padding: 1px;
 }

+.layer-color-editor {
+    grid-column: 1 / -1;
+    display: grid;
+    gap: 5px;
+    padding: 6px;
+    border: 1px solid #cbd5da;
+    border-radius: 4px;
+    background: rgba(255, 255, 255, 0.82);
+}
+
+.layer-color-editor > header {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) 46px auto;
+    align-items: center;
+    gap: 5px;
+    font-size: 10px;
+}
+
+.layer-color-editor > header input[type="color"] {
+    width: 46px;
+    min-height: 30px;
+}
+
+.layer-color-editor button {
+    min-height: 28px;
+    min-width: 0;
+    padding: 3px 6px;
+    font-size: 9px;
+}
+
+.layer-color-formats {
+    display: grid;
+    gap: 4px;
+}
+
+.layer-color-formats label {
+    grid-template-columns: 30px minmax(0, 1fr);
+    align-items: center;
+}
+
+.layer-color-formats input {
+    font-family: Consolas, "Courier New", monospace;
+}
+
+.layer-color-copy {
+    justify-self: stretch;
+}
+
 .layer-photo-picker {
    position: relative;
    min-height: 32px;
@@ -570,11 +618,11 @@ input[type="checkbox"] {
 .layer-manager-block > summary,
 .layer-manager-object > summary {
    display: grid;
-    grid-template-columns: 28px 28px minmax(0, 1fr) 50px;
+    grid-template-columns: 28px 28px minmax(0, 1fr) minmax(28px, auto);
    grid-template-areas:
        "handle expand title count"
-        ". . visibility moves"
-        ". . actions moves";
+        "visibility lock moves moves"
+        "actions actions actions actions";
    align-items: start;
    gap: 6px;
    min-height: 38px;
@@ -585,7 +633,6 @@ input[type="checkbox"] {

 .layer-expand-button {
    grid-area: expand;
-    grid-row: 1 / span 3;
    align-self: center;
    justify-self: center;
    width: 28px;
@@ -625,8 +672,9 @@ input[type="checkbox"] {
    grid-area: actions;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
-    width: min(130px, 100%);
+    width: 100%;
    gap: 4px;
+    margin-top: 2px;
 }

 .layer-manager-group > summary > input,
@@ -684,6 +732,7 @@ input[type="checkbox"] {
    grid-area: moves;
    display: inline-grid;
    grid-template-columns: 24px 24px;
+    justify-self: end;
    gap: 2px;
 }

@@ -729,12 +778,12 @@ input[type="checkbox"] {
 }

 .layer-inline-lock {
-    grid-area: visibility;
+    grid-area: lock;
    justify-self: center;
    width: 28px;
    min-width: 28px;
    min-height: 24px;
-    margin-left: 26px;
+    margin: 0;
    padding: 0;
    background: transparent;
    color: var(--ink);
@@ -747,6 +796,7 @@ input[type="checkbox"] {

 .project-readonly .leaflet-draw,
 .project-readonly .layer-rename-button,
+.project-readonly .layer-membership-button,
 .project-readonly .layer-remove-button,
 .project-readonly .layer-inline-lock,
 .project-readonly .layer-object-tools,
@@ -997,6 +1047,49 @@ input[type="checkbox"] {
    font-size: 12px;
 }

+.attribute-copy-panel {
+    display: grid;
+    grid-template-columns: minmax(170px, 1fr) auto;
+    grid-template-areas:
+        "heading heading"
+        "source source"
+        "toggle action"
+        "hint hint";
+    align-items: end;
+    gap: 8px 12px;
+    padding: 10px;
+    border: 1px solid var(--line);
+    border-radius: 6px;
+    background: #f5f8f9;
+}
+
+.attribute-copy-panel > strong {
+    grid-area: heading;
+}
+
+.attribute-copy-panel > label:first-child {
+    grid-area: source;
+    min-width: 0;
+}
+
+.attribute-copy-panel > .toggle-line {
+    grid-area: toggle;
+}
+
+.attribute-copy-panel > button {
+    grid-area: action;
+}
+
+.attribute-copy-panel > label:first-child select {
+    width: 100%;
+}
+
+.attribute-copy-panel > small {
+    grid-area: hint;
+    color: var(--muted);
+    line-height: 1.4;
+}
+
 .attribute-editor-row {
    display: grid;
    grid-template-columns: minmax(130px, 0.8fr) minmax(180px, 2fr) 36px;
@@ -1061,6 +1154,47 @@ input[type="checkbox"] {
    text-decoration: none;
 }

+.leaflet-help {
+    display: grid;
+    gap: 14px;
+}
+
+.leaflet-help > p {
+    margin: 0;
+    color: var(--muted);
+    line-height: 1.45;
+}
+
+.leaflet-help-list {
+    display: grid;
+    gap: 0;
+    margin: 0;
+}
+
+.leaflet-help-list > div {
+    display: grid;
+    grid-template-columns: 42px minmax(0, 1fr);
+    gap: 10px;
+    padding: 10px 0;
+    border-bottom: 1px solid var(--line);
+}
+
+.leaflet-help-list dt {
+    font-size: 20px;
+    font-weight: 900;
+    text-align: center;
+}
+
+.leaflet-help-list dd {
+    margin: 0;
+    line-height: 1.45;
+}
+
+.leaflet-help-list dd strong {
+    display: block;
+    margin-bottom: 2px;
+}
+
 .gps-overlay {
    position: absolute;
    top: 72px;
@@ -1611,6 +1745,17 @@ footer {
        align-self: center;
    }

+    .attribute-copy-panel {
+        grid-template-columns: minmax(0, 1fr);
+        grid-template-areas:
+            "heading"
+            "source"
+            "toggle"
+            "action"
+            "hint";
+        align-items: stretch;
+    }
+
    .gps-overlay {
        top: 68px;
        right: 8px;
@@ -132,6 +132,7 @@ window.lmeMap = {
    setProjectReadOnly,
    restoreAutosave,
    compareProjectSnapshots,
+    promptProjectName,
    setAdvancedOptions,
    createMapExportGeoJson,
    createProjectSnapshot,
@@ -410,9 +411,7 @@ function displayOfficialParcel(xmlText, latitude, longitude, parcel, label, shou
            ? findParcelLayerByReference(targetGroup, ref) || restoreHiddenParcelLayerByReference(ref)
            : null;
        if (existingLayer) {
-            if (typeof existingLayer.setStyle === "function") {
-                existingLayer.setStyle({ color: "#ef4444", weight: 4, opacity: 1, fillColor: "#fbbf24", fillOpacity: 0.26 });
-            }
+            applyStyleFromProperties(existingLayer);
            targetGroup.bringToFront();
            if (shouldFit) {
                fitLayer(existingLayer);
@@ -444,7 +443,12 @@ function displayOfficialParcel(xmlText, latitude, longitude, parcel, label, shou

        feature.properties = {
            ...(feature.properties || {}),
-            _lmeParcelReference: String(ref || label || normalizedParcel)
+            _lmeParcelReference: String(ref || label || normalizedParcel),
+            _lmeColor: feature.properties?._lmeColor || "#ef4444",
+            _lmeFillColor: feature.properties?._lmeFillColor || "#fbbf24",
+            _lmeWeight: Number(feature.properties?._lmeWeight) || 4,
+            _lmeOpacity: Number.isFinite(Number(feature.properties?._lmeOpacity)) ? Number(feature.properties._lmeOpacity) : 1,
+            _lmeFillOpacity: Number.isFinite(Number(feature.properties?._lmeFillOpacity)) ? Number(feature.properties._lmeFillOpacity) : 0.26
        };
        const layer = L.geoJSON(feature, {
            pane: normalizedParcel ? "selectedParcelsPane" : "gpsParcelsPane",
@@ -1493,6 +1497,10 @@ function managedObjectCanRemove(record) {
    return ["drawings", "imported", "importedSheets", "selectedParcels", "gpsParcels"].includes(record.categoryKey);
 }

+function managedCategoryCanMove(categoryKey) {
+    return ["drawings", "imported", "importedSheets", "selectedParcels"].includes(categoryKey);
+}
+
 function layerManagerRowActions(renameButton, moveButton, removeButton) {
    if (!renameButton && !moveButton && !removeButton) {
        return "";
@@ -1607,7 +1615,7 @@ function managedMoveDestinations() {

 function showMoveManagedRecordsDialog(records, subject) {
    if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
-    if (!records.length || records.some(record => !["drawings", "imported"].includes(record.categoryKey))) {
+    if (!records.length || records.some(record => !managedCategoryCanMove(record.categoryKey))) {
        setInfo("Questo oggetto o gruppo non puo essere spostato.");
        return;
    }
@@ -1623,9 +1631,12 @@ function showMoveManagedRecordsDialog(records, subject) {
    const categorySelect = form.elements.category;
    const groupSelect = form.elements.group;
    const newGroupInput = form.elements.newGroup;
-    const currentCategory = records.every(record => record.categoryKey === records[0].categoryKey)
+    const sourceCategory = records.every(record => record.categoryKey === records[0].categoryKey)
        ? records[0].categoryKey
        : "drawings";
+    const currentCategory = destinations.some(destination => destination.key === sourceCategory)
+        ? sourceCategory
+        : "imported";
    categorySelect.value = currentCategory;
    const refreshGroups = () => {
        const destination = destinations.find(item => item.key === categorySelect.value);
@@ -1665,7 +1676,7 @@ function showMoveManagedRecordsDialog(records, subject) {

 function moveManagedRecordsToGroup(records, targetCategory, targetSource, targetGroupName) {
    if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
-    const movable = records.filter(record => ["drawings", "imported"].includes(record.categoryKey));
+    const movable = records.filter(record => managedCategoryCanMove(record.categoryKey));
    if (!movable.length || !["drawings", "imported"].includes(targetCategory)) {
        setInfo("Questo gruppo non puo essere spostato.");
        return;
@@ -1808,7 +1819,7 @@ function renderLayerManagerCategory(category, records) {
    const removeButton = managedCategoryCanRemove(category, records)
        ? `<button type="button" class="layer-remove-button" aria-label="Rimuovi gruppo dal progetto" title="Rimuovi dal progetto">Rimuovi</button>`
        : "";
-    const moveButton = records.length && ["drawings", "imported"].includes(category.key)
+    const moveButton = records.length && managedCategoryCanMove(category.key)
        ? `<button type="button" class="layer-membership-button" aria-label="Sposta gruppo in un altro gruppo" title="Sposta nel gruppo">Sposta nel gruppo</button>`
        : "";
    const rowActions = layerManagerRowActions(renameButton, moveButton, removeButton);
@@ -1932,7 +1943,7 @@ function renderLayerManagerObject(record, index) {
    const removeButton = managedObjectCanRemove(record)
        ? `<button type="button" class="layer-remove-button" aria-label="Rimuovi oggetto dal progetto" title="Rimuovi dal progetto">Rimuovi</button>`
        : "";
-    const moveButton = ["drawings", "imported"].includes(record.categoryKey)
+    const moveButton = managedCategoryCanMove(record.categoryKey)
        ? `<button type="button" class="layer-membership-button" aria-label="Sposta oggetto in un altro gruppo" title="Sposta nel gruppo">Sposta nel gruppo</button>`
        : "";
    const rowActions = layerManagerRowActions(renameButton, moveButton, removeButton);
@@ -2033,16 +2044,26 @@ function renderLayerSelectionToolbar() {
 function renderManagedGroupTools(records) {
    const tools = document.createElement("div");
    tools.className = "layer-group-tools";
-    const properties = records[0]?.layer?.feature?.properties || {};
+    const firstLayer = records[0]?.layer;
+    const properties = firstLayer?.feature?.properties || {};
+    const lineColor = normalizedColor(properties._lmeColor || firstLayer?.options?.color, "#16806a");
+    const fillColor = normalizedColor(properties._lmeFillColor || firstLayer?.options?.fillColor, lineColor);
    tools.innerHTML = `<strong>Azioni gruppo</strong><span class="layer-group-totals">${escapeHtml(managedGroupTotals(records))}</span><div class="layer-style-controls">
-        <label>Colore<input type="color" value="${normalizedColor(properties._lmeColor, "#16806a")}"></label>
-        <label>Spessore<input type="range" min="1" max="10" step="1" value="${Number(properties._lmeWeight) || 3}"></label>
-        <label>Opacita<input type="range" min="0.1" max="1" step="0.1" value="${Number(properties._lmeOpacity) || 1}"></label></div>
+        ${managedColorEditorMarkup("color", "Colore linea", lineColor)}
+        ${managedColorEditorMarkup("fillColor", "Colore riempimento", fillColor)}
+        <label>Spessore<input type="range" data-field="weight" min="1" max="10" step="1" value="${Number(properties._lmeWeight) || Number(firstLayer?.options?.weight) || 3}"></label>
+        <label>Opacita<input type="range" data-field="opacity" min="0.1" max="1" step="0.1" value="${Number.isFinite(Number(properties._lmeOpacity)) ? Number(properties._lmeOpacity) : Number(firstLayer?.options?.opacity) || 1}"></label></div>
        <div class="layer-compact-actions"><button type="button" data-group-action="select">Seleziona tutti</button><button type="button" data-group-action="lock">Blocca/sblocca</button><button type="button" data-group-action="labels">Etichette</button></div>`;
-    const inputs = tools.querySelectorAll("input");
-    inputs.forEach(input => input.addEventListener("change", () => {
-        applyManagedStyle(records, { color: inputs[0].value, weight: Number(inputs[1].value), opacity: Number(inputs[2].value) });
-    }));
+    const applyCurrentStyle = () => {
+        applyManagedStyle(records, {
+            color: tools.querySelector("[data-color-picker='color']").value,
+            fillColor: tools.querySelector("[data-color-picker='fillColor']").value,
+            weight: Number(tools.querySelector("[data-field='weight']").value),
+            opacity: Number(tools.querySelector("[data-field='opacity']").value)
+        });
+    };
+    bindManagedColorEditors(tools, applyCurrentStyle);
+    tools.querySelectorAll("input[type='range']").forEach(input => input.addEventListener("change", applyCurrentStyle));
    tools.querySelector("[data-group-action='select']").addEventListener("click", () => {
        records.forEach(record => lmeState.managerSelectedObjectIds.add(record.id)); refreshLayerManager();
    });
@@ -2079,11 +2100,13 @@ function renderManagedObjectTools(record) {
    const locked = Boolean(properties._lmeLocked);
    const tools = document.createElement("section");
    tools.className = "layer-object-tools";
+    const lineColor = normalizedColor(properties._lmeColor || record.layer?.options?.color, "#f97316");
+    const fillColor = normalizedColor(properties._lmeFillColor || record.layer?.options?.fillColor, lineColor);
    tools.innerHTML = `<label class="layer-manager-suboption"><input type="checkbox" data-field="selected" ${selected ? "checked" : ""}><span>Seleziona per azioni multiple</span></label>
        <label class="layer-manager-suboption"><input type="checkbox" data-field="locked" ${locked ? "checked" : ""}><span>Blocca modifiche e rimozione</span></label>
        <label class="layer-manager-suboption"><input type="checkbox" data-field="label" ${properties._lmeLabelVisible ? "checked" : ""}><span>Etichetta permanente sulla mappa</span></label>
-        <div class="layer-style-controls"><label>Linea<input type="color" data-field="color" value="${normalizedColor(properties._lmeColor, "#f97316")}"></label>
-        <label>Riempimento<input type="color" data-field="fillColor" value="${normalizedColor(properties._lmeFillColor, "#fb923c")}"></label>
+        <div class="layer-style-controls">${managedColorEditorMarkup("color", "Colore linea", lineColor)}
+        ${managedColorEditorMarkup("fillColor", "Colore riempimento", fillColor)}
        <label>Spessore<input type="range" data-field="weight" min="1" max="10" step="1" value="${Number(properties._lmeWeight) || 3}"></label>
        <label>Opacita<input type="range" data-field="opacity" min="0.1" max="1" step="0.1" value="${Number(properties._lmeOpacity) || 1}"></label>
        <label>Riempimento %<input type="range" data-field="fillOpacity" min="0" max="0.8" step="0.05" value="${Number.isFinite(Number(properties._lmeFillOpacity)) ? Number(properties._lmeFillOpacity) : 0.2}"></label>
@@ -2099,14 +2122,16 @@ function renderManagedObjectTools(record) {
    });
    tools.querySelector("[data-field='locked']").addEventListener("change", event => updateManagedProperties([record], value => { value._lmeLocked = event.target.checked; }));
    tools.querySelector("[data-field='label']").addEventListener("change", event => updateManagedProperties([record], value => { value._lmeLabelVisible = event.target.checked; }));
-    tools.querySelectorAll(".layer-style-controls input,.layer-style-controls select").forEach(input => input.addEventListener("change", () => applyManagedStyle([record], {
-        color: tools.querySelector("[data-field='color']").value,
-        fillColor: tools.querySelector("[data-field='fillColor']").value,
+    const applyCurrentStyle = () => applyManagedStyle([record], {
+        color: tools.querySelector("[data-color-picker='color']").value,
+        fillColor: tools.querySelector("[data-color-picker='fillColor']").value,
        weight: Number(tools.querySelector("[data-field='weight']").value),
        opacity: Number(tools.querySelector("[data-field='opacity']").value),
        fillOpacity: Number(tools.querySelector("[data-field='fillOpacity']").value),
        dash: tools.querySelector("[data-field='dash']").value
-    })));
+    });
+    bindManagedColorEditors(tools, applyCurrentStyle);
+    tools.querySelectorAll(".layer-style-controls input[type='range'],.layer-style-controls select").forEach(input => input.addEventListener("change", applyCurrentStyle));
    tools.querySelector("[data-field='notes']").addEventListener("change", event => updateManagedProperties([record], value => { value._lmeNotes = event.target.value.trim(); }));
    tools.querySelector("[data-field='photo']").addEventListener("change", async event => {
        const file = event.target.files?.[0]; if (!file) return;
@@ -2128,13 +2153,150 @@ function normalizedColor(value, fallback) {
    return /^#[0-9a-f]{6}$/i.test(String(value || "")) ? value : fallback;
 }

+function managedColorEditorMarkup(field, label, color) {
+    const formats = managedColorFormats(color);
+    return `<section class="layer-color-editor" data-color-editor="${field}">
+        <header><strong>${escapeHtml(label)}</strong><input type="color" data-color-picker="${field}" value="${formats.hex}" aria-label="Seleziona ${escapeHtml(label.toLocaleLowerCase("it"))}"><button type="button" data-color-eyedropper title="Preleva un colore dallo schermo">Preleva</button></header>
+        <div class="layer-color-formats">
+            <label>HEX<input type="text" data-color-format="hex" value="${formats.hex}" maxlength="7" spellcheck="false"></label>
+            <label>RGB<input type="text" data-color-format="rgb" value="${formats.rgb}" spellcheck="false"></label>
+            <label>HSL<input type="text" data-color-format="hsl" value="${formats.hsl}" spellcheck="false"></label>
+        </div>
+        <button type="button" class="layer-color-copy" data-color-copy>Copia HEX</button>
+    </section>`;
+}
+
+function bindManagedColorEditors(container, onChanged) {
+    container.querySelectorAll("[data-color-editor]").forEach(editor => {
+        const picker = editor.querySelector("[data-color-picker]");
+        const formatInputs = [...editor.querySelectorAll("[data-color-format]")];
+        const sync = (color, notify) => {
+            const formats = managedColorFormats(color);
+            picker.value = formats.hex;
+            formatInputs.forEach(input => { input.value = formats[input.dataset.colorFormat]; });
+            if (notify) onChanged();
+        };
+        picker.addEventListener("change", () => sync(picker.value, true));
+        formatInputs.forEach(input => input.addEventListener("change", () => {
+            const parsed = parseManagedColor(input.value);
+            if (!parsed) {
+                sync(picker.value, false);
+                setInfo("Colore non valido. Usa HEX, rgb(r, g, b) oppure hsl(h, s%, l%).");
+                return;
+            }
+            sync(parsed, true);
+        }));
+        const eyedropper = editor.querySelector("[data-color-eyedropper]");
+        if (typeof window.EyeDropper !== "function") {
+            eyedropper.hidden = true;
+        } else {
+            eyedropper.addEventListener("click", async () => {
+                try {
+                    const result = await new window.EyeDropper().open();
+                    if (result?.sRGBHex) sync(result.sRGBHex, true);
+                } catch (error) {
+                    if (error?.name !== "AbortError") setInfo("Contagocce non disponibile su questo dispositivo.");
+                }
+            });
+        }
+        editor.querySelector("[data-color-copy]").addEventListener("click", async () => {
+            const value = picker.value.toUpperCase();
+            try {
+                await navigator.clipboard.writeText(value);
+                setInfo(`Colore ${value} copiato. Puoi incollarlo nel campo HEX di un altro oggetto.`);
+            } catch {
+                const hexInput = editor.querySelector("[data-color-format='hex']");
+                hexInput.focus();
+                hexInput.select();
+                setInfo(`Selezionato ${value}: usa il comando Copia del dispositivo.`);
+            }
+        });
+    });
+}
+
+function parseManagedColor(value) {
+    const text = String(value || "").trim();
+    const shortHex = text.match(/^#([0-9a-f]{3})$/i);
+    if (shortHex) return `#${[...shortHex[1]].map(part => part + part).join("")}`.toUpperCase();
+    if (/^#[0-9a-f]{6}$/i.test(text)) return text.toUpperCase();
+    const rgb = text.match(/^rgba?\(\s*(\d{1,3})\s*[, ]\s*(\d{1,3})\s*[, ]\s*(\d{1,3})(?:\s*[,/]\s*[\d.]+)?\s*\)$/i);
+    if (rgb) {
+        const values = rgb.slice(1, 4).map(Number);
+        if (values.every(channel => channel >= 0 && channel <= 255)) return managedRgbToHex(...values);
+    }
+    const hsl = text.match(/^hsla?\(\s*(-?[\d.]+)(?:deg)?\s*[, ]\s*([\d.]+)%\s*[, ]\s*([\d.]+)%(?:\s*[,/]\s*[\d.]+)?\s*\)$/i);
+    if (hsl) {
+        const saturation = Number(hsl[2]); const lightness = Number(hsl[3]);
+        if (saturation >= 0 && saturation <= 100 && lightness >= 0 && lightness <= 100) {
+            return managedRgbToHex(...managedHslToRgb(Number(hsl[1]), saturation, lightness));
+        }
+    }
+    return null;
+}
+
+function managedColorFormats(color) {
+    const hex = normalizedColor(color, "#000000").toUpperCase();
+    const [red, green, blue] = [1, 3, 5].map(index => parseInt(hex.slice(index, index + 2), 16));
+    const redUnit = red / 255; const greenUnit = green / 255; const blueUnit = blue / 255;
+    const max = Math.max(redUnit, greenUnit, blueUnit); const min = Math.min(redUnit, greenUnit, blueUnit);
+    const lightness = (max + min) / 2; const delta = max - min;
+    let hue = 0; let saturation = 0;
+    if (delta) {
+        saturation = delta / (1 - Math.abs(2 * lightness - 1));
+        if (max === redUnit) hue = 60 * (((greenUnit - blueUnit) / delta) % 6);
+        else if (max === greenUnit) hue = 60 * ((blueUnit - redUnit) / delta + 2);
+        else hue = 60 * ((redUnit - greenUnit) / delta + 4);
+    }
+    if (hue < 0) hue += 360;
+    return {
+        hex,
+        rgb: `rgb(${red}, ${green}, ${blue})`,
+        hsl: `hsl(${managedColorDecimal(hue)}, ${managedColorDecimal(saturation * 100)}%, ${managedColorDecimal(lightness * 100)}%)`
+    };
+}
+
+function managedColorDecimal(value) {
+    return String(Number(value.toFixed(2)));
+}
+
+function managedRgbToHex(red, green, blue) {
+    return `#${[red, green, blue].map(channel => Math.round(channel).toString(16).padStart(2, "0")).join("")}`.toUpperCase();
+}
+
+function managedHslToRgb(hue, saturation, lightness) {
+    const normalizedHue = ((hue % 360) + 360) % 360;
+    const saturationUnit = saturation / 100; const lightnessUnit = lightness / 100;
+    const chroma = (1 - Math.abs(2 * lightnessUnit - 1)) * saturationUnit;
+    const section = normalizedHue / 60; const intermediate = chroma * (1 - Math.abs(section % 2 - 1));
+    const values = section < 1 ? [chroma, intermediate, 0]
+        : section < 2 ? [intermediate, chroma, 0]
+            : section < 3 ? [0, chroma, intermediate]
+                : section < 4 ? [0, intermediate, chroma]
+                    : section < 5 ? [intermediate, 0, chroma]
+                        : [chroma, 0, intermediate];
+    const offset = lightnessUnit - chroma / 2;
+    return values.map(channel => Math.round((channel + offset) * 255));
+}
+
+function editableManagedMetadataEntries(record) {
+    const properties = record?.layer?.feature?.properties || {};
+    const reserved = new Set(["name", "Name", "label", "LABEL"]);
+    return Object.entries(properties)
+        .filter(([key, value]) => !key.startsWith("_lme") && !reserved.has(key) && ["string", "number", "boolean"].includes(typeof value));
+}
+
 function editManagedAttributes(record) {
    if (lmeState.readOnly) { setInfo("Il progetto e' in sola lettura."); return; }
-    const properties = record.layer?.feature?.properties || {};
    const reserved = new Set(["name", "Name", "label", "LABEL"]);
-    const entries = Object.entries(properties)
-        .filter(([key, value]) => !key.startsWith("_lme") && !reserved.has(key) && ["string", "number", "boolean"].includes(typeof value));
-    const dialog = showAppDialog("Attributi oggetto", `<div class="attribute-editor"><p>Ogni attributo viene salvato nel progetto e negli export GeoJSON, KML e KMZ.</p><div class="attribute-editor-rows"></div><button type="button" data-add-attribute>+ Aggiungi attributo</button><div class="dialog-command-row"><button type="button" data-cancel>Annulla</button><button type="button" class="primary-command" data-save-attributes>Salva attributi</button></div></div>`);
+    const entries = editableManagedMetadataEntries(record);
+    const sourceRecords = layerManagerCategories()
+        .flatMap(category => managedRecordsForCategory(category))
+        .filter(item => item.id !== record.id);
+    const sourceOptions = sourceRecords.map((item, index) =>
+        `<option value="${escapeHtml(item.id)}">${escapeHtml(managedObjectLabel(item, index))} - ${escapeHtml(item.source)}</option>`).join("");
+    const dialog = showAppDialog("Metadati oggetto", `<div class="attribute-editor"><p>Ogni metadato viene salvato nel progetto e negli export GeoJSON, KML e KMZ.</p>
+        <section class="attribute-copy-panel"><strong>Copia da un altro oggetto</strong><label>Oggetto sorgente<select data-copy-source ${sourceRecords.length ? "" : "disabled"}><option value="">Seleziona un oggetto</option>${sourceOptions}</select></label><label class="toggle-line"><input type="checkbox" data-copy-values checked><span>Importa anche i valori</span></label><small>Disattiva il flag per importare soltanto i nomi dei metadati con valore vuoto.</small><button type="button" data-copy-attributes ${sourceRecords.length ? "" : "disabled"}>Copia da</button></section>
+        <div class="attribute-editor-rows"></div><button type="button" data-add-attribute>+ Aggiungi metadato</button><div class="dialog-command-row"><button type="button" data-cancel>Annulla</button><button type="button" class="primary-command" data-save-attributes>Salva metadati</button></div></div>`);
    const rows = dialog.querySelector(".attribute-editor-rows");
    const addRow = (key = "", value = "") => {
        const row = document.createElement("div");
@@ -2145,6 +2307,25 @@ function editManagedAttributes(record) {
    };
    entries.forEach(([key, value]) => addRow(key, value));
    if (!entries.length) addRow();
+    const sourceById = new Map(sourceRecords.map(item => [item.id, item]));
+    dialog.querySelector("[data-copy-attributes]")?.addEventListener("click", () => {
+        const source = sourceById.get(dialog.querySelector("[data-copy-source]").value);
+        if (!source) { setInfo("Seleziona l'oggetto da cui copiare i metadati."); return; }
+        const includeValues = dialog.querySelector("[data-copy-values]").checked;
+        const existingRows = new Map([...rows.querySelectorAll(".attribute-editor-row")]
+            .map(row => [row.querySelector("input").value.trim().toLocaleLowerCase("it"), row])
+            .filter(([key]) => key));
+        const sourceEntries = editableManagedMetadataEntries(source);
+        sourceEntries.forEach(([key, value]) => {
+            const existing = existingRows.get(key.toLocaleLowerCase("it"));
+            if (existing) {
+                if (includeValues) existing.querySelector("textarea").value = String(value);
+            } else {
+                addRow(key, includeValues ? value : "");
+            }
+        });
+        setInfo(`${sourceEntries.length} metadati copiati${includeValues ? " con i valori" : " senza valori"}.`);
+    });
    dialog.querySelector("[data-add-attribute]").addEventListener("click", () => addRow());
    dialog.querySelector("[data-cancel]").addEventListener("click", () => dialog.remove());
    dialog.querySelector("[data-save-attributes]").addEventListener("click", () => {
@@ -2250,6 +2431,16 @@ function showFormDialog(title, fields, submitLabel = "Salva") {
    });
 }

+async function promptProjectName(currentName) {
+    const result = await showFormDialog("Rinomina progetto", [{
+        name: "name",
+        label: "Nuovo nome",
+        value: currentName || "",
+        maxLength: 80
+    }], "Rinomina");
+    return result?.name?.trim() || null;
+}
+
 function showObjectTable() {
    const records = layerManagerCategories().flatMap(category => managedRecordsForCategory(category));
    lmeState.managerRecords = new Map(records.map(record => [record.id, record]));
@@ -2258,9 +2449,9 @@ function showObjectTable() {
        const details = managedObjectDetails(record.layer);
        const selected = lmeState.managerSelectedObjectIds.has(record.id);
        const locked = Boolean(properties._lmeLocked);
-        return `<tr data-object-id="${escapeHtml(record.id)}"><td><input type="checkbox" data-select="${escapeHtml(record.id)}" ${selected ? "checked" : ""} aria-label="Seleziona ${escapeHtml(managedObjectLabel(record, index))}"></td><td><input type="checkbox" data-lock="${escapeHtml(record.id)}" ${locked ? "checked" : ""} ${lmeState.readOnly ? "disabled" : ""} aria-label="Blocca ${escapeHtml(managedObjectLabel(record, index))}"></td><td><button type="button" data-locate="${escapeHtml(record.id)}" title="Mostra sulla mappa" aria-label="Mostra sulla mappa">⌖</button></td><td>${escapeHtml(managedObjectLabel(record, index))}</td><td>${escapeHtml(managedCategoryName(layerManagerCategories().find(item => item.key === record.categoryKey) || { key: record.categoryKey, label: record.categoryKey }, [record]))}</td><td>${escapeHtml(properties.foglio || properties.FOGLIO || "")}</td><td>${escapeHtml(properties.particella || properties.PARTICELLA || properties.LABEL || "")}</td><td>${escapeHtml(details.slice(0, 2).join(" | "))}</td></tr>`;
+        return `<tr data-object-id="${escapeHtml(record.id)}"><td><input type="checkbox" data-select="${escapeHtml(record.id)}" ${selected ? "checked" : ""} aria-label="Seleziona ${escapeHtml(managedObjectLabel(record, index))}"></td><td><input type="checkbox" data-lock="${escapeHtml(record.id)}" ${locked ? "checked" : ""} ${lmeState.readOnly ? "disabled" : ""} aria-label="Blocca ${escapeHtml(managedObjectLabel(record, index))}"></td><td><button type="button" data-locate="${escapeHtml(record.id)}" title="Mostra sulla mappa" aria-label="Mostra sulla mappa">⌖</button></td><td><button type="button" data-attributes="${escapeHtml(record.id)}" title="Modifica metadati" aria-label="Modifica metadati di ${escapeHtml(managedObjectLabel(record, index))}" ${lmeState.readOnly ? "disabled" : ""}>✎</button></td><td>${escapeHtml(managedObjectLabel(record, index))}</td><td>${escapeHtml(managedCategoryName(layerManagerCategories().find(item => item.key === record.categoryKey) || { key: record.categoryKey, label: record.categoryKey }, [record]))}</td><td>${escapeHtml(properties.foglio || properties.FOGLIO || "")}</td><td>${escapeHtml(properties.particella || properties.PARTICELLA || properties.LABEL || "")}</td><td>${escapeHtml(details.slice(0, 2).join(" | "))}</td></tr>`;
    }).join("");
-    const dialog = showAppDialog("Elenco oggetti e particelle", `<label class="object-table-search">Filtra<input type="search" placeholder="Nome, foglio, particella o gruppo"></label><div class="object-table-legend"><span>Seleziona più oggetti con i flag nella colonna Selez.</span><span>Il lucchetto impedisce modifiche e rimozioni.</span></div><div class="object-table-wrap"><table><thead><tr><th>Selez.</th><th>Blocca</th><th>Mappa</th><th>Nome</th><th>Gruppo</th><th>Foglio</th><th>Particella</th><th>Misure</th></tr></thead><tbody>${body || "<tr><td colspan='8'>Nessun oggetto</td></tr>"}</tbody></table></div>`);
+    const dialog = showAppDialog("Elenco oggetti e particelle", `<label class="object-table-search">Filtra<input type="search" placeholder="Nome, foglio, particella o gruppo"></label><div class="object-table-legend"><span>Seleziona più oggetti con i flag nella colonna Selez.</span><span>Il lucchetto impedisce modifiche e rimozioni; la matita modifica i metadati.</span></div><div class="object-table-wrap"><table><thead><tr><th>Selez.</th><th>Blocca</th><th>Mappa</th><th>Metadati</th><th>Nome</th><th>Gruppo</th><th>Foglio</th><th>Particella</th><th>Misure</th></tr></thead><tbody>${body || "<tr><td colspan='9'>Nessun oggetto</td></tr>"}</tbody></table></div>`);
    const byId = new Map(records.map(record => [record.id, record]));
    dialog.querySelector("input[type='search']").addEventListener("input", event => {
        const query = event.target.value.toLocaleLowerCase("it");
@@ -2288,6 +2479,10 @@ function showObjectTable() {
        const record = byId.get(button.dataset.locate); if (!record) return;
        dialog.remove(); highlightManagedObject(record);
    }));
+    dialog.querySelectorAll("[data-attributes]").forEach(button => button.addEventListener("click", () => {
+        const record = byId.get(button.dataset.attributes); if (!record) return;
+        dialog.remove(); editManagedAttributes(record);
+    }));
    return records.length;
 }

@@ -2580,6 +2775,27 @@ function showGeometryResult(title, message, tone = "success") {
    showAppDialog(title, `<div class="geometry-result geometry-result-${tone}"><span aria-hidden="true">${icons[tone] || "i"}</span><p>${escapeHtml(message)}</p></div>`);
 }

+function showLeafletToolbarHelp() {
+    showAppDialog("Guida strumenti mappa", `<div class="leaflet-help">
+        <p>Gli strumenti operano direttamente sulla mappa. Per le azioni su oggetti esistenti, seleziona prima le righe nel pannello Layer, nella tabella oggetti oppure tocca un oggetto sulla mappa.</p>
+        <dl class="leaflet-help-list">
+            <div><dt>+</dt><dd><strong>Ingrandisci</strong>Aumenta lo zoom mantenendo il centro attuale. Esempio: avvicinati a un vertice per posizionarlo con maggiore precisione.</dd></div>
+            <div><dt>−</dt><dd><strong>Riduci</strong>Allarga l'area visibile. Esempio: usalo per controllare insieme particelle appartenenti a fogli vicini.</dd></div>
+            <div><dt>●</dt><dd><strong>Punto di interesse</strong>Tocca la posizione da memorizzare. Esempio: segna un cancello, un cippo o il punto di accesso al fondo.</dd></div>
+            <div><dt>／</dt><dd><strong>Linea</strong>Tocca i vertici del percorso e termina con doppio tocco o sul primo comando della barra. Durante il disegno viene mostrata la distanza; utile per un fronte strada o una recinzione.</dd></div>
+            <div><dt>⬠</dt><dd><strong>Poligono</strong>Tocca almeno tre vertici e chiudi la figura. Esempio: delimita un'area di intervento; l'app calcola area e perimetro.</dd></div>
+            <div><dt>□</dt><dd><strong>Rettangolo</strong>Trascina tra due angoli opposti. Esempio: crea rapidamente l'ingombro rettangolare di un fabbricato.</dd></div>
+            <div><dt>○</dt><dd><strong>Cerchio</strong>Tocca il centro e trascina fino al raggio desiderato. Esempio: rappresenta una fascia di rispetto attorno a un pozzo.</dd></div>
+            <div><dt>✎</dt><dd><strong>Modifica disegni</strong>Premi la matita e scegli Solo selezionato oppure Tutti. Sposta i vertici e conferma con Salva; gli oggetti bloccati devono prima essere sbloccati.</dd></div>
+            <div><dt>▱</dt><dd><strong>Elimina disegni</strong>Premi il cestino e scegli Solo selezionato oppure Tutti. L'oggetto rimosso può essere recuperato con Annulla o dal cestino negli strumenti avanzati.</dd></div>
+            <div><dt>✓</dt><dd><strong>Controlla e ripara</strong>Verifica gli oggetti selezionati e prova a correggere coordinate duplicate o poligoni non validi. Esempio: usalo quando un contorno importato non si esporta o si riempie male; al termine compare un riepilogo.</dd></div>
+            <div><dt>◉</dt><dd><strong>Crea foro</strong>Seleziona esattamente due poligoni: prima l'area esterna, poi quella interna. Esempio: sottrai il cortile dal perimetro di un fabbricato o un'isola esclusa da un'area di lavoro.</dd></div>
+            <div><dt>⇄</dt><dd><strong>Confronta due confini</strong>Seleziona esattamente due poligoni. L'app crea il solo primo in rosso, il solo secondo in blu e la sovrapposizione in verde, mostrando le rispettive aree.</dd></div>
+            <div><dt>?</dt><dd><strong>Guida</strong>Riapre questa descrizione. I risultati di riparazione e confronto vengono mostrati anche in una finestra, così l'operazione non resta senza riscontro.</dd></div>
+        </dl>
+    </div>`);
+}
+
 function addGeometryToolsControl() {
    if (lmeState.geometryToolsControl || !lmeState.map) return;
    const GeometryTools = L.Control.extend({
@@ -2589,7 +2805,8 @@ function addGeometryToolsControl() {
            const actions = [
                { icon: "✓", title: "Controlla e ripara geometrie", run: validateAndRepairSelected },
                { icon: "◉", title: "Crea foro da due poligoni", run: createHoleFromSelected },
-                { icon: "⇄", title: "Confronta due confini", run: compareSelectedGeometries }
+                { icon: "⇄", title: "Confronta due confini", run: compareSelectedGeometries },
+                { icon: "?", title: "Guida strumenti mappa", run: showLeafletToolbarHelp }
            ];
            actions.forEach(action => {
                const button = L.DomUtil.create("a", "", container);
@@ -4340,7 +4557,14 @@ function loadProjectSnapshot(raw, projectName) {
        applyImportedSheetVisibility();
        L.geoJSON(data.selectedParcels || emptyFeatureCollection(), {
            pane: "selectedParcelsPane",
-            style: { color: "#ef4444", weight: 4, opacity: 1, fillColor: "#fbbf24", fillOpacity: 0.26 },
+            style: feature => ({
+                color: feature?.properties?._lmeColor || "#ef4444",
+                weight: Number(feature?.properties?._lmeWeight) || 4,
+                opacity: Number.isFinite(Number(feature?.properties?._lmeOpacity)) ? Number(feature.properties._lmeOpacity) : 1,
+                fillColor: feature?.properties?._lmeFillColor || "#fbbf24",
+                fillOpacity: Number.isFinite(Number(feature?.properties?._lmeFillOpacity)) ? Number(feature.properties._lmeFillOpacity) : 0.26,
+                dashArray: feature?.properties?._lmeDash || null
+            }),
            onEachFeature: (feature, layer) => {
                const properties = feature?.properties || {};
                const reference = properties.NATIONALCADASTRALREFERENCE
@@ -4349,6 +4573,7 @@ function loadProjectSnapshot(raw, projectName) {
                    || "Particella catastale";
                layer.lmeParcelReference = reference;
                layer.bindPopup(`<strong>${escapeHtml(reference)}</strong>`);
+                applyStyleFromProperties(layer);
            }
        }).addTo(lmeState.selectedParcelsLayer);
Author	SHA1	Message	Date
livio	f480ce23ca	Release 0.4.5 with metadata tools and responsive layers	2026-09-25 21:10:19 +02:00
livio	00053e4d5f	Fix layer actions and add reusable color editors	2026-09-25 15:40:20 +02:00