refactor edit and edges

front/js/svelte/content/Grid.svelte

@@ -1,11 +1,10 @@
 <script>
     import {getContext} from "svelte";
-    import Preview from "../files/Preview.svelte";
     import {selectRecord} from "./functions/recordSelect.js";
+    import Preview from "../newPreview/Preview.svelte";
 
     const channel = getContext("channel");
 
-    export let schema;
     export let records;
     export let isWritable;
     export let selected = [];
@@ -17,42 +16,42 @@
 
 </script>
 <div class="row" style="max-width:1000px">
-    {#each records as record (record.id)}
+    {#each records as queryRecord (queryRecord.record.id)}
         <div class="col-6 col-md-4">
             <div
                     class="file-wrapper rounded p-2 mb-4 bg-light"
-                    class:selected={selected.includes(record)}
+                    class:selected={selected.includes(queryRecord)}
             >
                 {#if isWritable}
                     <div class="form-check">
                         <input
-                                on:change={() => select(record)}
+                                on:change={() => select(queryRecord.record)}
                                 class="form-check-input "
                                 type="checkbox"
                                 checked={selected.find(
-                                        (r) => r.id === record.id
+                                        (r) => r.id === queryRecord.record.id
                                     )}
-                                value={record}
+                                value={queryRecord}
                         />
                     </div>
                 {/if}
                 <div class="d-flex justify-content-center">
-                    <Preview {record} size="medium"/>
+                    <Preview record={queryRecord.record}  />
                 </div>
 
                 <a
-                        href="{channel.lucentUrl}/records/{record.id}"
-                        title={record._file.path}
+                        href="{channel.lucentUrl}/records/{queryRecord.record.id}"
+                        title={queryRecord.record._file.path}
                         class="d-block text-center overflow-hidden text-nowrap my-2 "
                         style="
                                         text-overflow: ellipsis;
                                         font-size: 13px;
                                         color: #333;
-                                    ">{record._file.path}</a
+                                    ">{queryRecord.record._file.path}</a
                 >
                 <span
                         class="lx-small-text text-muted d-block text-center"
-                >{record._file.mime}</span
+                >{queryRecord.record._file.mime}</span
                 >
             </div>
         </div>

front/js/svelte/content/Table.svelte

@@ -73,7 +73,7 @@
                             {#if isWritable}
                                 <div class="form-check">
                                     <input
-                                            on:change={() => select(queryRecord)}
+                                            on:change={() => select(queryRecord.record)}
                                             class="form-check-input "
                                             type="checkbox"
                                             checked={selected.find(
@@ -89,11 +89,11 @@
                                     class="me-2 text-decoration-none text-dark fs-6"
                                     href="{channel.lucentUrl}/records/{queryRecord.record.id}"
                                     target={inModal ? "_blank" : "_self"}
-                                    title={previewTitle(queryRecord)}
+                                    title={previewTitle(queryRecord.record)}
                                     data-bs-toggle="tooltip" data-bs-placement="left"
 
                             >
-                                {previewTitle(queryRecord)}
+                                {previewTitle(queryRecord.record)}
                             </a>
                         </div>
                         <div>