Add overwrite mechanism for conflicting writes of files

1 files changed, 9 insertions, 0 deletions

diff --git a/makima/frontend/src/components/files/FileDetail.tsx b/makima/frontend/src/components/files/FileDetail.tsx
index 2bf4c03..29311b8 100644
--- a/makima/frontend/src/components/files/FileDetail.tsx
+++ b/makima/frontend/src/components/files/FileDetail.tsx
@@ -10,6 +10,9 @@ interface FileDetailProps {
   onDelete: (id: string) => void;
   onBodyElementUpdate?: (index: number, element: import("../../lib/api").BodyElement) => void;
   onBodyReorder?: (fromIndex: number, toIndex: number) => void;
+  onEditingChange?: (isEditing: boolean) => void;
+  hasPendingRemoteUpdate?: boolean;
+  onOverwrite?: () => void;
 }
 
 export function FileDetail({
@@ -20,6 +23,9 @@ export function FileDetail({
   onDelete,
   onBodyElementUpdate,
   onBodyReorder,
+  onEditingChange,
+  hasPendingRemoteUpdate,
+  onOverwrite,
 }: FileDetailProps) {
   const [isEditing, setIsEditing] = useState(false);
   const [name, setName] = useState(file.name);
@@ -152,6 +158,9 @@ export function FileDetail({
             isEditing={isEditing}
             onUpdate={onBodyElementUpdate}
             onReorder={onBodyReorder}
+            onEditingChange={onEditingChange}
+            hasPendingRemoteUpdate={hasPendingRemoteUpdate}
+            onOverwrite={onOverwrite}
           />
         </div>