@mongoosejs/studio 0.5.12 → 0.5.13

package/frontend/src/document-details/document-property/document-property.html

@@ -152,18 +152,7 @@
 
     <!-- Field Content -->
     <div v-if="editting && path.path !== '_id'">
-      <!-- Use detail-default with map editing for GeoJSON geometries -->
       <component
-        v-if="isGeoJsonGeometry"
-        :is="getComponentForPath(path)"
-        :value="getEditValueForPath(path)"
-        :viewMode="detailViewMode"
-        :on-change="handleInputChange"
-        >
-      </component>
-      <!-- Use standard edit components for other types -->
-      <component
-        v-else
         :is="getEditComponentForPath(path)"
         :value="getEditValueForPath(path)"
         :format="dateType"

package/frontend/src/document-details/document-property/document-property.js

@@ -150,20 +150,6 @@ module.exports = app => app.component('document-property', {
     }
   },
   watch: {
-    isGeoJsonGeometry(newValue) {
-      if (!newValue) {
-        this.detailViewMode = 'text';
-      } else if (this.editting) {
-        // Default to map view when editing GeoJSON
-        this.detailViewMode = 'map';
-      }
-    },
-    editting(newValue) {
-      // When entering edit mode for GeoJSON, default to map view
-      if (newValue && this.isGeoJsonGeometry) {
-        this.detailViewMode = 'map';
-      }
-    },
     canUseArrayTableView(can) {
       if (!can && this.arrayDetailViewMode === 'table') {
         this.arrayDetailViewMode = 'list';
@@ -250,6 +236,9 @@ module.exports = app => app.component('document-property', {
       return 'detail-default';
     },
     getEditComponentForPath(path) {
+      if (this.isGeoJsonGeometry) {
+        return this.detailViewMode === 'map' ? 'edit-geojson' : 'edit-subdocument';
+      }
       if (path.instance === 'String') {
         return 'edit-string';
       }
@@ -275,6 +264,9 @@ module.exports = app => app.component('document-property', {
     },
     getEditComponentProps(path) {
       const props = {};
+      if (this.isGeoJsonGeometry) {
+        props.viewMode = this.detailViewMode;
+      }
       if (path.instance === 'String') {
         if (path.enum?.length > 0) {
           props.enumValues = path.enum;

package/frontend/src/edit-geojson/edit-geojson.html

@@ -0,0 +1,17 @@
+<div class="w-full">
+  <pre v-if="!isGeoJsonGeometry || !mapVisible" class="w-full whitespace-pre-wrap break-words font-mono text-sm text-content-secondary m-0">{{displayValue}}</pre>
+  <div v-show="isGeoJsonGeometry && mapVisible" class="mt-2 border border-edge rounded relative">
+    <div ref="map" class="h-64 w-full" style="min-height: 256px; height: 256px;"></div>
+    <!-- Undo button below map -->
+    <div v-if="isEditable && canUndo" class="mt-2 flex justify-end">
+      <button
+        @click="undoDelete"
+        class="text-xs px-3 py-1.5 bg-gray-600 text-white rounded hover:bg-gray-700 transition-colors"
+        title="Undo all changes"
+      >
+        Undo
+      </button>
+    </div>
+  </div>
+</div>
+