From b41049108399d868cf637fbcc0ca63466772d175 Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 09:10:36 -0400
Subject: [PATCH 01/12] fix(pages): fix container child z-index

---
 .../DisplayWorld/DisplayNote/NoteDropZones/NoteDropZone.vue     | 2 +-
 .../NoteSection/NoteContainerSection/NoteContainerSection.vue   | 2 +-
 .../NoteSection/NoteContainerSection/NoteListContainer.vue      | 1 -
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteDropZones/NoteDropZone.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteDropZones/NoteDropZone.vue
index 9da7420a..85c7f08b 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteDropZones/NoteDropZone.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteDropZones/NoteDropZone.vue
@@ -72,7 +72,7 @@ async function onLeftPointerUp() {
   background-color: #42a5f5;
   opacity: 0;
 
-  z-index: 2147483645;
+  z-index: 2147483640;
 }
 .note-drop-zone.active {
   opacity: 0.25;
diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteContainerSection.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteContainerSection.vue
index e0811926..99da615c 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteContainerSection.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteContainerSection.vue
@@ -1,7 +1,7 @@
 <template>
   <NoteSection
     section="container"
-    style="position: relative"
+    style="position: relative; z-index: 2147483646"
   >
     <NoteSpatialContainer v-if="note.react.collab.container.spatial" />
     <NoteListContainer v-else />
diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteListContainer.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteListContainer.vue
index 810787b3..7373aa3e 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteListContainer.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteListContainer.vue
@@ -54,7 +54,6 @@
         v-for="(childNote, index) in note.react.notes"
         :key="childNote?.id ?? index"
         class="note-container-child"
-        style="z-index: 2147483646"
         :style="{
           'flex-direction': note.react.collab.container.horizontal
             ? 'row'

From f37e87054f875980072e0f65321820dfe567b0e9 Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 10:11:30 -0400
Subject: [PATCH 02/12] visual(pages): add icons and improve labels

---
 .../RightSidebar/ArrowProperties.vue          |  4 ++-
 .../NoteProperties/NoteProperties.vue         | 33 +++----------------
 .../PageProperties/PageProperties.vue         | 27 +++++++++++++--
 .../PageProperties/VersionHistory.vue         |  1 +
 4 files changed, 34 insertions(+), 31 deletions(-)

diff --git a/apps/client/src/layouts/PagesLayout/RightSidebar/ArrowProperties.vue b/apps/client/src/layouts/PagesLayout/RightSidebar/ArrowProperties.vue
index e2da2eb1..fcc1f00c 100644
--- a/apps/client/src/layouts/PagesLayout/RightSidebar/ArrowProperties.vue
+++ b/apps/client/src/layouts/PagesLayout/RightSidebar/ArrowProperties.vue
@@ -172,6 +172,7 @@
 
       <DeepBtn
         label="Swap arrowheads"
+        icon="mdi-cached"
         color="primary"
         @click="swapArrowheads"
       />
@@ -252,7 +253,8 @@
 
     <div style="padding: 20px; display: flex; flex-direction: column">
       <DeepBtn
-        label="Set as default"
+        label="Set as default arrow style"
+        icon="mdi-content-save"
         color="primary"
         :disable="page.react.readOnly"
         @click="setAsDefault()"
diff --git a/apps/client/src/layouts/PagesLayout/RightSidebar/NoteProperties/NoteProperties.vue b/apps/client/src/layouts/PagesLayout/RightSidebar/NoteProperties/NoteProperties.vue
index 09382149..f82fced5 100644
--- a/apps/client/src/layouts/PagesLayout/RightSidebar/NoteProperties/NoteProperties.vue
+++ b/apps/client/src/layouts/PagesLayout/RightSidebar/NoteProperties/NoteProperties.vue
@@ -215,12 +215,12 @@
 
       <div style="display: flex">
         <DeepBtn
-          label="Swap"
+          label="Swap head and body"
+          icon="mdi-cached"
           color="primary"
           :disable="page.react.readOnly"
           dense
           style="flex: 1"
-          title="Swap head and body"
           @click="
             changeProp(null, (note) => {
               internals
@@ -232,31 +232,6 @@
             })
           "
         />
-
-        <Gap style="width: 16px" />
-
-        <DeepBtn
-          label="Float"
-          color="primary"
-          :disable="page.react.readOnly"
-          dense
-          style="flex: 1"
-          title="Float body to head if head is empty"
-          @click="
-            changeProp(note, (note) => {
-              if (
-                note.react.collab.head.value.toDOM().textContent!.length === 0
-              ) {
-                internals
-                  .tiptap()
-                  .swapXmlFragments(
-                    note.react.collab.head.value,
-                    note.react.collab.body.value,
-                  );
-              }
-            })
-          "
-        />
       </div>
     </div>
 
@@ -265,6 +240,7 @@
     <div style="padding: 20px; display: flex; flex-direction: column">
       <DeepBtn
         label="Copy link to this note"
+        icon="mdi-content-copy"
         color="primary"
         @click="
           async () => {
@@ -287,7 +263,8 @@
 
     <div style="padding: 20px; display: flex; flex-direction: column">
       <DeepBtn
-        label="Set as default"
+        label="Set as default note style"
+        icon="mdi-content-save"
         color="primary"
         title="Set this note as the default note"
         @click="setAsDefault()"
diff --git a/apps/client/src/layouts/PagesLayout/RightSidebar/PageProperties/PageProperties.vue b/apps/client/src/layouts/PagesLayout/RightSidebar/PageProperties/PageProperties.vue
index 0643c229..72d3e5f9 100644
--- a/apps/client/src/layouts/PagesLayout/RightSidebar/PageProperties/PageProperties.vue
+++ b/apps/client/src/layouts/PagesLayout/RightSidebar/PageProperties/PageProperties.vue
@@ -20,7 +20,7 @@
   <!-- Expanded sidebar -->
 
   <div v-else>
-    <div style="padding: 20px">
+    <div style="padding: 20px; display: flex; flex-direction: column">
       <!-- Relative title -->
 
       <TextField
@@ -48,9 +48,11 @@
         :maxlength="maxPageTitleLength"
         title="Title displayed outside the page path"
       />
+    </div>
 
-      <Gap style="height: 16px" />
+    <q-separator />
 
+    <div style="padding: 20px; display: flex; flex-direction: column">
       <!-- Page ID -->
 
       <TextField
@@ -60,6 +62,24 @@
         copy-btn
         readonly
       />
+
+      <Gap style="height: 16px" />
+
+      <DeepBtn
+        label="Copy link to this page"
+        icon="mdi-content-copy"
+        color="primary"
+        @click="
+          async () => {
+            await setClipboardText(`https://deepnotes.app/pages/${page.id}`);
+
+            $q.notify({
+              message: 'Copied to clipboard.',
+              type: 'positive',
+            });
+          }
+        "
+      />
     </div>
 
     <q-separator />
@@ -67,6 +87,7 @@
     <div style="padding: 20px; display: flex; flex-direction: column">
       <DeepBtn
         label="Group settings"
+        icon="mdi-account-cog"
         color="primary"
         @click="
           $q.dialog({
@@ -85,6 +106,7 @@
     <div style="padding: 20px; display: flex; flex-direction: column">
       <DeepBtn
         label="Move page"
+        icon="mdi-file-move"
         color="primary"
         :disable="page.react.readOnly"
         title="Move page to another group or set as group's main page"
@@ -118,6 +140,7 @@ import { movePage } from 'src/code/api-interface/pages/move';
 import { pageAbsoluteTitles } from 'src/code/pages/computed/page-absolute-titles';
 import { pageRelativeTitles } from 'src/code/pages/computed/page-relative-titles';
 import type { Page } from 'src/code/pages/page/page';
+import { setClipboardText } from 'src/code/utils/clipboard';
 import { asyncDialog, handleError } from 'src/code/utils/misc';
 import type { Ref } from 'vue';
 
diff --git a/apps/client/src/layouts/PagesLayout/RightSidebar/PageProperties/VersionHistory.vue b/apps/client/src/layouts/PagesLayout/RightSidebar/PageProperties/VersionHistory.vue
index 33334b21..5c920fb9 100644
--- a/apps/client/src/layouts/PagesLayout/RightSidebar/PageProperties/VersionHistory.vue
+++ b/apps/client/src/layouts/PagesLayout/RightSidebar/PageProperties/VersionHistory.vue
@@ -73,6 +73,7 @@
 
     <DeepBtn
       label="Save current version"
+      icon="mdi-content-save"
       color="secondary"
       :disable="page.react.readOnly"
       title="Backup the current version of the page manually"

From 541404c0e7db599365c06ee3a3811ea0b3048fd9 Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 10:22:50 -0400
Subject: [PATCH 03/12] improve(pages): implement linking to arrows

---
 .../use-page-navigation-interception.ts       |  9 +++---
 .../code/pages/page/elems/find-and-replace.ts |  2 +-
 apps/client/src/code/pages/page/page.ts       | 32 ++++++++++++-------
 apps/client/src/code/pages/pages.ts           | 25 +++++++++------
 .../client/src/code/utils/scroll-into-view.ts |  8 ++---
 .../RightSidebar/ArrowProperties.vue          | 23 +++++++++++++
 .../NoteProperties/NoteProperties.vue         |  2 +-
 7 files changed, 69 insertions(+), 32 deletions(-)

diff --git a/apps/client/src/code/pages/composables/use-page-navigation-interception.ts b/apps/client/src/code/pages/composables/use-page-navigation-interception.ts
index da2cc46e..582e0411 100644
--- a/apps/client/src/code/pages/composables/use-page-navigation-interception.ts
+++ b/apps/client/src/code/pages/composables/use-page-navigation-interception.ts
@@ -60,11 +60,12 @@ export function usePageNavigationInterception() {
       event.preventDefault(); // Prevent default
 
       const matches =
-        href.match(/\/(?:pages|groups)\/([\w-]{21})(?:\?note=([\w-]{21}))?/) ??
-        [];
+        href.match(
+          /\/(?:pages|groups)\/([\w-]{21})(?:\?(?:note|elem)=([\w-]{21}))?/,
+        ) ?? [];
 
       const id = matches[1];
-      const noteId = matches[2];
+      const elemId = matches[2];
 
       if (href.includes('/groups/')) {
         await internals.pages.goToGroup(id, {
@@ -75,7 +76,7 @@ export function usePageNavigationInterception() {
         await internals.pages.goToPage(id, {
           fromParent: true,
           openInNewTab: isCtrlDown(event),
-          noteId,
+          elemId,
         });
       }
     } catch (error) {
diff --git a/apps/client/src/code/pages/page/elems/find-and-replace.ts b/apps/client/src/code/pages/page/elems/find-and-replace.ts
index eb56d6fa..71583dee 100644
--- a/apps/client/src/code/pages/page/elems/find-and-replace.ts
+++ b/apps/client/src/code/pages/page/elems/find-and-replace.ts
@@ -163,7 +163,7 @@ export class PageFindAndReplace {
     editor.commands.setTextSelection(result);
     editor.commands.focus(undefined, { scrollIntoView: false });
 
-    scrollIntoView(resultElems[this.resultIndex] as HTMLElement, {
+    scrollIntoView(resultElems[this.resultIndex], {
       centerCamera: true,
     });
   }
diff --git a/apps/client/src/code/pages/page/page.ts b/apps/client/src/code/pages/page/page.ts
index 6b39511c..128ff443 100644
--- a/apps/client/src/code/pages/page/page.ts
+++ b/apps/client/src/code/pages/page/page.ts
@@ -300,18 +300,26 @@ export class Page implements IPageRegion {
 
       mainLogger.sub('page.finishSetup').info('All notes loaded');
 
-      const noteId = (route().value.query.note as string) ?? '';
-
-      if (isNanoID(noteId)) {
-        const note = this.notes.fromId(noteId);
-
-        if (note != null) {
-          this.selection.set(note);
-
-          const noteElem = note.getElem('note-frame');
-
-          if (noteElem != null) {
-            scrollIntoView(noteElem, { animate: false, centerCamera: true });
+      const elemId =
+        ((route().value.query.note ?? route().value.query.elem) as string) ??
+        '';
+
+      if (isNanoID(elemId)) {
+        const elem = this.notes.fromId(elemId) ?? this.arrows.fromId(elemId);
+
+        if (elem != null) {
+          this.selection.set(elem);
+
+          const elemElem =
+            elem.type === 'note'
+              ? elem.getElem('note-frame')
+              : elem.getHitboxElem();
+
+          if (elemElem != null) {
+            scrollIntoView(elemElem, {
+              animate: false,
+              centerCamera: true,
+            });
           }
         }
       }
diff --git a/apps/client/src/code/pages/pages.ts b/apps/client/src/code/pages/pages.ts
index bc12cd24..f4f25158 100644
--- a/apps/client/src/code/pages/pages.ts
+++ b/apps/client/src/code/pages/pages.ts
@@ -201,14 +201,14 @@ export class Pages {
 
   async goToPage(
     pageId: string,
-    params?: { fromParent?: boolean; openInNewTab?: boolean; noteId?: string },
+    params?: { fromParent?: boolean; openInNewTab?: boolean; elemId?: string },
   ) {
     mainLogger.sub('Pages.goToPage').info('pageId: %s', pageId);
 
     if (params?.openInNewTab) {
       window.open(
         multiModePath(
-          `/pages/${pageId}${params?.noteId ? `?note=${params?.noteId}` : ''}`,
+          `/pages/${pageId}${params?.elemId ? `?elem=${params?.elemId}` : ''}`,
         ),
         '_blank',
       );
@@ -220,7 +220,7 @@ export class Pages {
       await router().push({
         name: 'page',
         params: { pageId },
-        query: { note: params?.noteId },
+        query: { elem: params?.elemId },
       });
 
       const cachedPage = this.pageCache.get(pageId);
@@ -229,17 +229,22 @@ export class Pages {
         cachedPage != null &&
         cachedPage.react.status === 'success' &&
         !cachedPage.react.loading &&
-        isNanoID(params?.noteId ?? '')
+        isNanoID(params?.elemId ?? '')
       ) {
-        const note = cachedPage.notes.fromId(params?.noteId!);
+        const elem =
+          cachedPage.notes.fromId(params?.elemId!) ??
+          cachedPage.arrows.fromId(params?.elemId!);
 
-        if (note != null) {
-          cachedPage.selection.set(note);
+        if (elem != null) {
+          cachedPage.selection.set(elem);
 
-          const noteElem = note.getElem('note-frame');
+          const elemElem =
+            elem.type === 'note'
+              ? elem.getElem('note-frame')
+              : elem.getHitboxElem();
 
-          if (noteElem != null) {
-            scrollIntoView(noteElem, { centerCamera: true });
+          if (elemElem != null) {
+            scrollIntoView(elemElem, { centerCamera: true });
           }
         }
       }
diff --git a/apps/client/src/code/utils/scroll-into-view.ts b/apps/client/src/code/utils/scroll-into-view.ts
index 623c5441..28882750 100644
--- a/apps/client/src/code/utils/scroll-into-view.ts
+++ b/apps/client/src/code/utils/scroll-into-view.ts
@@ -15,17 +15,17 @@ function easeInOutQuint(x: number): number {
 }
 
 export function scrollIntoView(
-  target: HTMLElement,
+  target: Element,
   params?: { animate?: boolean; centerCamera?: boolean },
 ) {
-  let ancestor: HTMLElement | null = target.parentElement;
+  let ancestor: Element | null = target.parentElement;
 
   const targetRect = domRectScreenToWorld(target.getBoundingClientRect());
 
-  const scrollElems: { elem: HTMLElement; from: IVec2; to: IVec2 }[] = [];
+  const scrollElems: { elem: Element; from: IVec2; to: IVec2 }[] = [];
 
   while (ancestor != null) {
-    if (hasScrollbar(ancestor)) {
+    if (hasScrollbar(ancestor as HTMLElement)) {
       const ancestorRect = domRectScreenToWorld(
         ancestor.getBoundingClientRect(),
       );
diff --git a/apps/client/src/layouts/PagesLayout/RightSidebar/ArrowProperties.vue b/apps/client/src/layouts/PagesLayout/RightSidebar/ArrowProperties.vue
index fcc1f00c..6393d9ec 100644
--- a/apps/client/src/layouts/PagesLayout/RightSidebar/ArrowProperties.vue
+++ b/apps/client/src/layouts/PagesLayout/RightSidebar/ArrowProperties.vue
@@ -249,6 +249,28 @@
 
     <q-separator />
 
+    <div style="padding: 20px; display: flex; flex-direction: column">
+      <DeepBtn
+        label="Copy link to this arrow"
+        icon="mdi-content-copy"
+        color="primary"
+        @click="
+          async () => {
+            await setClipboardText(
+              `https://deepnotes.app/pages/${page.id}?elem=${arrow.id}`,
+            );
+
+            $q.notify({
+              message: 'Copied to clipboard.',
+              type: 'positive',
+            });
+          }
+        "
+      />
+    </div>
+
+    <q-separator />
+
     <!-- Default -->
 
     <div style="padding: 20px; display: flex; flex-direction: column">
@@ -269,6 +291,7 @@ import type { PageArrow } from 'src/code/pages/page/arrows/arrow';
 import type { Page } from 'src/code/pages/page/page';
 import type { ISerialArrowInput } from 'src/code/pages/serialization';
 import { ISerialArrow } from 'src/code/pages/serialization';
+import { setClipboardText } from 'src/code/utils/clipboard';
 import { handleError } from 'src/code/utils/misc';
 import type { Ref } from 'vue';
 import { yXmlFragmentToProsemirrorJSON } from 'y-prosemirror';
diff --git a/apps/client/src/layouts/PagesLayout/RightSidebar/NoteProperties/NoteProperties.vue b/apps/client/src/layouts/PagesLayout/RightSidebar/NoteProperties/NoteProperties.vue
index f82fced5..b1f15582 100644
--- a/apps/client/src/layouts/PagesLayout/RightSidebar/NoteProperties/NoteProperties.vue
+++ b/apps/client/src/layouts/PagesLayout/RightSidebar/NoteProperties/NoteProperties.vue
@@ -245,7 +245,7 @@
         @click="
           async () => {
             await setClipboardText(
-              `https://deepnotes.app/pages/${page.id}?note=${note.id}`,
+              `https://deepnotes.app/pages/${page.id}?elem=${note.id}`,
             );
 
             $q.notify({

From 78e73e873730ce96ff0a0181fff2c22da540ccfc Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 10:30:34 -0400
Subject: [PATCH 04/12] fix(pages): fix external link verification

---
 apps/client/src/code/pages/page/notes/note.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/client/src/code/pages/page/notes/note.ts b/apps/client/src/code/pages/page/notes/note.ts
index 1d61ea6e..3a69c66b 100644
--- a/apps/client/src/code/pages/page/notes/note.ts
+++ b/apps/client/src/code/pages/page/notes/note.ts
@@ -489,7 +489,7 @@ export class PageNote extends PageElem() implements IPageRegion {
           }
 
           if (
-            this.react.collab.link.startsWith('http://deepnotes.app/pages/')
+            this.react.collab.link.startsWith('https://deepnotes.app/pages/')
           ) {
             return false;
           }

From 309b6722d75302f54cf6e081732adaf37df9153f Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 11:19:39 -0400
Subject: [PATCH 05/12] fix(pages): fix arrow creation and child dropping
 interference

---
 .../ArrowLinkZones/ArrowLinkZones.vue         |  2 ++
 .../DisplayWorld/DisplayNote/DisplayNote.vue  |  4 +--
 .../DisplayWorld/DisplayNote/NoteAnchor.vue   |  2 +-
 .../DisplayWorld/DisplayNote/NoteFrame.vue    |  7 +++++-
 .../NoteContainerSection.vue                  |  5 +---
 .../NoteSpatialContainer.vue                  | 25 +++++++++++--------
 6 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/ArrowLinkZones/ArrowLinkZones.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/ArrowLinkZones/ArrowLinkZones.vue
index 8fde50a7..167d46ce 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/ArrowLinkZones/ArrowLinkZones.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/ArrowLinkZones/ArrowLinkZones.vue
@@ -56,5 +56,7 @@ const page = inject<Page>('page')!;
   left: 0;
 
   overflow: visible;
+
+  z-index: 2147483646;
 }
 </style>
diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/DisplayNote.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/DisplayNote.vue
index c75aea02..a155c9ca 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/DisplayNote.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/DisplayNote.vue
@@ -19,6 +19,8 @@
 
         <NoteLinkIcon />
 
+        <ArrowLinkZones />
+
         <NoteContent>
           <NoteTextSection section="head" />
 
@@ -32,8 +34,6 @@
         </NoteContent>
 
         <NoteResizeHandles />
-
-        <ArrowLinkZones />
       </NoteFrame>
     </NoteAnchor>
   </Teleport>
diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteAnchor.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteAnchor.vue
index 8f02a420..f06c1dc3 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteAnchor.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteAnchor.vue
@@ -9,7 +9,7 @@
       position:
         note.react.floating || note.react.resizing?.active
           ? 'absolute'
-          : 'relative',
+          : 'relative', // relative is needed for the drop zones
 
       left: note.react.resizing?.active
         ? `${note.react.resizing.newWorldRect.topLeft.x}px`
diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteFrame.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteFrame.vue
index 51cd80de..31dc8b37 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteFrame.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteFrame.vue
@@ -2,7 +2,6 @@
   <div
     class="note-frame"
     ref="frameElem"
-    style="position: relative"
     :style="{
       'min-width': note.react.width.minCSS,
       width: note.react.width.finalCSS,
@@ -65,3 +64,9 @@ useResizeObserver(
   },
 );
 </script>
+
+<style scoped lang="scss">
+.note-frame {
+  position: relative; /* relative is needed for the zones and handles */
+}
+</style>
diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteContainerSection.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteContainerSection.vue
index 99da615c..0f272fc8 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteContainerSection.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteContainerSection.vue
@@ -1,8 +1,5 @@
 <template>
-  <NoteSection
-    section="container"
-    style="position: relative; z-index: 2147483646"
-  >
+  <NoteSection section="container">
     <NoteSpatialContainer v-if="note.react.collab.container.spatial" />
     <NoteListContainer v-else />
   </NoteSection>
diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteSpatialContainer.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteSpatialContainer.vue
index 2ab2421d..902820d8 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteSpatialContainer.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteSpatialContainer.vue
@@ -1,6 +1,9 @@
 <template>
   <div
     class="note-spatial-container note-container-frame"
+    :style="{
+      'z-index': page.arrowCreation.react.active ? undefined : 2147483646,
+    }"
     @pointerover.stop="onPointerOver"
     @pointerout.stop="onPointerOut"
     @pointerdown.left.stop="onLeftPointerDown"
@@ -21,10 +24,12 @@
     <div
       style="
         position: absolute;
+
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
+
         pointer-events: none;
 
         z-index: 2147483646;
@@ -137,26 +142,24 @@ async function onLeftClick(event: MouseEvent) {
 
 <style scoped>
 .note-spatial-container {
-  position: absolute;
-
-  top: 9px;
-  right: 9px;
-  bottom: 9px;
-  left: 9px;
+  flex: 1;
+  margin: 9px;
 
   border-radius: 5px;
 
   background-color: rgba(0, 0, 0, 0.4);
 
   cursor: default;
+
+  display: flex;
+
+  position: relative;
 }
 
 .note-spatial-background {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  flex: 1;
+
+  position: relative;
 
   display: flex;
   flex-direction: column;

From 78dd8260cacb9713155fb1a7c679fafa064a9f72 Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 13:15:04 -0400
Subject: [PATCH 06/12] fix(electron): add context menu

---
 apps/client/package.json                  |  1 +
 apps/client/src-electron/electron-main.ts |  5 ++
 pnpm-lock.yaml                            | 57 +++++++++++++++++++----
 3 files changed, 54 insertions(+), 9 deletions(-)

diff --git a/apps/client/package.json b/apps/client/package.json
index 401634d4..5f6fa2a2 100644
--- a/apps/client/package.json
+++ b/apps/client/package.json
@@ -54,6 +54,7 @@
     "dotenv": "16.0.3",
     "dotenv-expand": "9.0.0",
     "downloadjs": "^1.4.7",
+    "electron-context-menu": "^3.6.1",
     "electron-log": "^4.4.8",
     "electron-updater": "4.3.1",
     "express": "4.18.2",
diff --git a/apps/client/src-electron/electron-main.ts b/apps/client/src-electron/electron-main.ts
index 1a1356b8..da493a1f 100644
--- a/apps/client/src-electron/electron-main.ts
+++ b/apps/client/src-electron/electron-main.ts
@@ -4,6 +4,11 @@ import path from 'path';
 import os from 'os';
 import log from 'electron-log';
 import { autoUpdater } from 'electron-updater';
+import contextMenu from 'electron-context-menu';
+
+contextMenu({
+  showSaveImageAs: true,
+});
 
 log.transports.file.level = 'info';
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8ef5ab76..96d810f2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -380,6 +380,9 @@ importers:
       downloadjs:
         specifier: ^1.4.7
         version: 1.4.7
+      electron-context-menu:
+        specifier: ^3.6.1
+        version: 3.6.1
       electron-log:
         specifier: ^4.4.8
         version: 4.4.8
@@ -5400,8 +5403,6 @@ packages:
     dependencies:
       slice-ansi: 3.0.0
       string-width: 4.2.3
-    dev: true
-    optional: true
 
   /cli-truncate@3.1.0:
     resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
@@ -6562,6 +6563,26 @@ packages:
       - supports-color
     dev: true
 
+  /electron-context-menu@3.6.1:
+    resolution: {integrity: sha512-lcpO6tzzKUROeirhzBjdBWNqayEThmdW+2I2s6H6QMrwqTVyT3EK47jW3Nxm60KTxl5/bWfEoIruoUNn57/QkQ==}
+    dependencies:
+      cli-truncate: 2.1.0
+      electron-dl: 3.5.0
+      electron-is-dev: 2.0.0
+    dev: false
+
+  /electron-dl@3.5.0:
+    resolution: {integrity: sha512-Oj+VSuScVx8hEKM2HEvTQswTX6G3MLh7UoAz/oZuvKyNDfudNi1zY6PK/UnFoK1nCl9DF6k+3PFwElKbtZlDig==}
+    dependencies:
+      ext-name: 5.0.0
+      pupa: 2.1.1
+      unused-filename: 2.1.0
+    dev: false
+
+  /electron-is-dev@2.0.0:
+    resolution: {integrity: sha512-3X99K852Yoqu9AcW50qz3ibYBWY79/pBhlMCab8ToEWS48R0T9tyxRiQhwylE7zQdXrMnx2JKqUJyMPmt5FBqA==}
+    dev: false
+
   /electron-log@4.4.8:
     resolution: {integrity: sha512-QQ4GvrXO+HkgqqEOYbi+DHL7hj5JM+nHi/j+qrN9zeeXVKy8ZABgbu4CnG+BBqDZ2+tbeq9tUC4DZfIWFU5AZA==}
     dev: false
@@ -7393,6 +7414,11 @@ packages:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
 
+  /escape-goat@2.1.1:
+    resolution: {integrity: sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==}
+    engines: {node: '>=8'}
+    dev: false
+
   /escape-goat@4.0.0:
     resolution: {integrity: sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg==}
     engines: {node: '>=12'}
@@ -7779,7 +7805,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       mime-db: 1.52.0
-    dev: true
 
   /ext-name@5.0.0:
     resolution: {integrity: sha512-yblEwXAbGv1VQDmow7s38W77hzAgJAO50ztBLMcUyUBfxv1HC+LGwtiEN+Co6LtlqT/5uwVOxsD4TNIilWhwdQ==}
@@ -7787,7 +7812,6 @@ packages:
     dependencies:
       ext-list: 2.2.2
       sort-keys-length: 1.0.1
-    dev: true
 
   /extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
@@ -9254,7 +9278,6 @@ packages:
   /is-plain-obj@1.1.0:
     resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /is-plain-object@2.0.4:
     resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
@@ -10308,6 +10331,11 @@ packages:
       obliterator: 2.0.4
     dev: false
 
+  /modify-filename@1.1.0:
+    resolution: {integrity: sha512-EickqnKq3kVVaZisYuCxhtKbZjInCuwgwZWyAmRIp1NTMhri7r3380/uqwrUHfaDiPzLVTuoNy4whX66bxPVog==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /modify-values@1.0.1:
     resolution: {integrity: sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==}
     engines: {node: '>=0.10.0'}
@@ -11678,6 +11706,13 @@ packages:
     resolution: {integrity: sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==}
     engines: {node: '>=6'}
 
+  /pupa@2.1.1:
+    resolution: {integrity: sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==}
+    engines: {node: '>=8'}
+    dependencies:
+      escape-goat: 2.1.1
+    dev: false
+
   /pupa@3.1.0:
     resolution: {integrity: sha512-FLpr4flz5xZTSJxSeaheeMKN/EDzMdK7b8PTOC6a5PYFKTucWbdqjgqaEyH0shFiSJrVB1+Qqi4Tk19ccU6Aug==}
     engines: {node: '>=12.20'}
@@ -12537,8 +12572,6 @@ packages:
       ansi-styles: 4.3.0
       astral-regex: 2.0.0
       is-fullwidth-code-point: 3.0.0
-    dev: true
-    optional: true
 
   /slice-ansi@4.0.0:
     resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
@@ -12635,14 +12668,12 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       sort-keys: 1.1.2
-    dev: true
 
   /sort-keys@1.1.2:
     resolution: {integrity: sha512-vzn8aSqKgytVik0iwdBEi+zevbTYZogewTUM6dtpmGwEcdzbub/TX4bCzRhebDCRC3QzXgJsLRKB2V/Oof7HXg==}
     engines: {node: '>=0.10.0'}
     dependencies:
       is-plain-obj: 1.1.0
-    dev: true
 
   /sort-keys@2.0.0:
     resolution: {integrity: sha512-/dPCrG1s3ePpWm6yBbxZq5Be1dXGLyLn9Z791chDC3NFrpkVbWGzkBwPN1knaciexFXgRJ7hzdnwZ4stHSDmjg==}
@@ -13830,6 +13861,14 @@ packages:
     resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
     engines: {node: '>=8'}
 
+  /unused-filename@2.1.0:
+    resolution: {integrity: sha512-BMiNwJbuWmqCpAM1FqxCTD7lXF97AvfQC8Kr/DIeA6VtvhJaMDupZ82+inbjl5yVP44PcxOuCSxye1QMS0wZyg==}
+    engines: {node: '>=8'}
+    dependencies:
+      modify-filename: 1.1.0
+      path-exists: 4.0.0
+    dev: false
+
   /update-browserslist-db@1.0.11(browserslist@4.21.8):
     resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==}
     hasBin: true

From 69890a85598b51482ac6f87290b84a11d8ed4371 Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 13:15:32 -0400
Subject: [PATCH 07/12] chore(client): bump version

---
 apps/client/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/client/package.json b/apps/client/package.json
index 5f6fa2a2..40df97e4 100644
--- a/apps/client/package.json
+++ b/apps/client/package.json
@@ -2,7 +2,7 @@
   "name": "@deepnotes/client",
   "description": "DeepNotes",
   "homepage": "https://deepnotes.app",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "author": "Gustavo Toyota <gustavottoyota@gmail.com>",
   "dependencies": {
     "@_ueberdosis/prosemirror-tables": "1.1.3",

From 9ac0a87ba8c2f0f7dbfd295bcd27b5b5ab236489 Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 13:49:44 -0400
Subject: [PATCH 08/12] improve(pages): improve link handling

---
 apps/client/src/code/pages/page/notes/note.ts | 27 +++++++++----------
 apps/client/src/components/PageItem.vue       |  2 +-
 .../DisplayWorld/DisplayNote/NoteContent.vue  |  6 ++---
 .../DisplayWorld/DisplayNote/NoteLinkIcon.vue |  2 +-
 .../DisplayUI/DisplayHorizontalPage.vue       |  2 +-
 5 files changed, 18 insertions(+), 21 deletions(-)

diff --git a/apps/client/src/code/pages/page/notes/note.ts b/apps/client/src/code/pages/page/notes/note.ts
index 3a69c66b..98bb1c9f 100644
--- a/apps/client/src/code/pages/page/notes/note.ts
+++ b/apps/client/src/code/pages/page/notes/note.ts
@@ -109,6 +109,7 @@ export interface INoteReact extends IRegionReact, IElemReact {
   color: ComputedRef<string>;
 
   link: {
+    url: ComputedRef<string>;
     external: ComputedRef<boolean>;
   };
 
@@ -460,7 +461,7 @@ export class PageNote extends PageElem() implements IPageRegion {
           return 'default';
         }
 
-        if (this.react.collab.link) {
+        if (this.react.link.url) {
           return 'pointer';
         }
 
@@ -476,26 +477,24 @@ export class PageNote extends PageElem() implements IPageRegion {
       ),
 
       link: {
-        external: computed(() => {
-          if (this.react.collab.link == null) {
-            return false;
+        url: computed(() => {
+          if (!this.react.collab.link) {
+            return '';
           }
 
-          if (
-            !this.react.collab.link.startsWith('http://') &&
-            !this.react.collab.link.startsWith('https://')
-          ) {
-            return false;
+          if (this.react.collab.link.startsWith('/')) {
+            return `https://deepnotes.app${this.react.collab.link}`;
           }
 
-          if (
-            this.react.collab.link.startsWith('https://deepnotes.app/pages/')
-          ) {
-            return false;
+          if (!this.react.collab.link.includes('://')) {
+            return `https://deepnotes.app/${this.react.collab.link}`;
           }
 
-          return true;
+          return this.react.collab.link;
         }),
+        external: computed(
+          () => !this.react.link.url.startsWith('https://deepnotes.app/pages/'),
+        ),
       },
 
       editors: computed(() => {
diff --git a/apps/client/src/components/PageItem.vue b/apps/client/src/components/PageItem.vue
index aa148d08..e3741ab0 100644
--- a/apps/client/src/components/PageItem.vue
+++ b/apps/client/src/components/PageItem.vue
@@ -1,6 +1,6 @@
 <template>
   <a
-    :href="`/pages/${pageId}`"
+    :href="`https://deepnotes.app/pages/${pageId}`"
     @click.prevent.stop
   >
     <q-item
diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteContent.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteContent.vue
index 94ed18f9..320a8ef5 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteContent.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteContent.vue
@@ -1,8 +1,6 @@
 <template>
   <a
-    :href="
-      note.react.selected ? undefined : note.react.collab.link || undefined
-    "
+    :href="note.react.selected ? undefined : note.react.link.url || undefined"
     :style="{ cursor: note.react.cursor }"
     tabindex="-1"
     target="_blank"
@@ -55,7 +53,7 @@ function onLeftPointerDown(event: PointerEvent) {
 
   if (
     ((event.target instanceof HTMLElement && event.target.nodeName === 'A') ||
-      note.react.collab.link) &&
+      note.react.link.url) &&
     !event.altKey &&
     !event.shiftKey &&
     !internals.mobileAltKey &&
diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteLinkIcon.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteLinkIcon.vue
index dfd87d5d..961870a7 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteLinkIcon.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteLinkIcon.vue
@@ -1,7 +1,7 @@
 <template>
   <q-icon
     class="note-link-icon"
-    v-if="note.react.collab.link"
+    v-if="note.react.link.url"
     :name="note.react.link.external ? 'mdi-launch' : 'mdi-link-variant'"
     :size="note.react.link.external ? '15px' : '16px'"
   />
diff --git a/apps/client/src/layouts/PagesLayout/MainContent/DisplayUI/DisplayHorizontalPage.vue b/apps/client/src/layouts/PagesLayout/MainContent/DisplayUI/DisplayHorizontalPage.vue
index 60639c34..53e75ddd 100644
--- a/apps/client/src/layouts/PagesLayout/MainContent/DisplayUI/DisplayHorizontalPage.vue
+++ b/apps/client/src/layouts/PagesLayout/MainContent/DisplayUI/DisplayHorizontalPage.vue
@@ -2,7 +2,7 @@
   <a
     class="horizontal-page"
     :class="{ active }"
-    :href="`/pages/${pageId}`"
+    :href="`https://deepnotes.app/pages/${pageId}`"
     @click.prevent.stop="
       internals.pages.goToPage(pageId, {
         openInNewTab: ($event as MouseEvent).ctrlKey,

From 488804dbc54267f32a0904c14cfa2ad12fb7e5e7 Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 14:11:39 -0400
Subject: [PATCH 09/12] improve(electron): always open external links in
 browser

---
 apps/client/src-electron/electron-main.ts | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/apps/client/src-electron/electron-main.ts b/apps/client/src-electron/electron-main.ts
index da493a1f..fcd559a7 100644
--- a/apps/client/src-electron/electron-main.ts
+++ b/apps/client/src-electron/electron-main.ts
@@ -1,4 +1,4 @@
-import { app, BrowserWindow, ipcMain, nativeTheme } from 'electron';
+import { app, BrowserWindow, ipcMain, nativeTheme, shell } from 'electron';
 import cookie from 'cookie';
 import path from 'path';
 import os from 'os';
@@ -88,15 +88,8 @@ function createWindow() {
   }
 
   mainWindow.webContents.setWindowOpenHandler((details) => {
-    return {
-      action: 'allow',
-      overrideBrowserWindowOptions: {
-        autoHideMenuBar: true,
-        webPreferences: {
-          devTools: false,
-        },
-      },
-    };
+    shell.openExternal(details.url);
+    return { action: 'deny' };
   });
 
   mainWindow.on('closed', () => {

From 6de09220a6e8a36e351c8bb939627e6cdaa791e6 Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 11:44:11 -0700
Subject: [PATCH 10/12] chore(ios): bump version

---
 .../src-capacitor/ios/App/App.xcodeproj/project.pbxproj       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/client/src-capacitor/ios/App/App.xcodeproj/project.pbxproj b/apps/client/src-capacitor/ios/App/App.xcodeproj/project.pbxproj
index 70bb9181..b4c56f43 100644
--- a/apps/client/src-capacitor/ios/App/App.xcodeproj/project.pbxproj
+++ b/apps/client/src-capacitor/ios/App/App.xcodeproj/project.pbxproj
@@ -355,7 +355,7 @@
 				INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.productivity";
 				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 1.0.2;
+				MARKETING_VERSION = 1.0.3;
 				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
 				PRODUCT_BUNDLE_IDENTIFIER = app.deepnotes;
 				PRODUCT_NAME = "$(TARGET_NAME)";
@@ -382,7 +382,7 @@
 				INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.productivity";
 				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 1.0.2;
+				MARKETING_VERSION = 1.0.3;
 				PRODUCT_BUNDLE_IDENTIFIER = app.deepnotes;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = "";

From d7b60cdf1ae5934cd57df47da7a18be1ed063e09 Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 15:10:42 -0400
Subject: [PATCH 11/12] chore(android): bump version code

---
 apps/client/src-capacitor/android/app/version.properties | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/client/src-capacitor/android/app/version.properties b/apps/client/src-capacitor/android/app/version.properties
index 652d1587..ca30b631 100644
--- a/apps/client/src-capacitor/android/app/version.properties
+++ b/apps/client/src-capacitor/android/app/version.properties
@@ -1,2 +1,2 @@
-#Mon Jul 24 09:09:25 AMT 2023
-VERSION_CODE=41
+#Wed Jul 26 15:09:36 AMT 2023
+VERSION_CODE=42

From 6216397af942ae8b3a5a0c233d6f30d9d2767a8a Mon Sep 17 00:00:00 2001
From: Gustavo Toyota <gustavottoyota@gmail.com>
Date: Wed, 26 Jul 2023 15:17:22 -0400
Subject: [PATCH 12/12] chore(home): bump downloads version

---
 apps/client/src/pages/home/Download/Download.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/client/src/pages/home/Download/Download.vue b/apps/client/src/pages/home/Download/Download.vue
index ac4edddd..fdd3cf0c 100644
--- a/apps/client/src/pages/home/Download/Download.vue
+++ b/apps/client/src/pages/home/Download/Download.vue
@@ -212,7 +212,7 @@ import { multiModePath } from 'src/code/utils/misc';
 
 import PlatformCard from './PlatformCard.vue';
 
-const version = '1.0.4';
+const version = '1.0.5';
 
 const loading = ref(true);