diff --git a/web/pages/Memory/EditMemory.tsx b/web/pages/Memory/EditMemory.tsx
index e4b75e283..fc3ab883f 100644
--- a/web/pages/Memory/EditMemory.tsx
+++ b/web/pages/Memory/EditMemory.tsx
@@ -1,5 +1,5 @@
 import { Plus, X } from 'lucide-solid'
-import { Component, createEffect, createMemo, createSignal, Index, on } from 'solid-js'
+import { Component, createEffect, createMemo, createSignal, Index, on, Show } from 'solid-js'
 import { AppSchema } from '../../../common/types/schema'
 import Accordian from '../../shared/Accordian'
 import Button from '../../shared/Button'
@@ -11,6 +11,7 @@ import { Toggle } from '../../shared/Toggle'
 import { alphaCaseInsensitiveSort } from '../../shared/util'
 import { Card } from '/web/shared/Card'
 import { SetStoreFunction } from 'solid-js/store'
+import { memoryStore } from '/web/store'
 
 const missingFieldsInEntry = (entry: AppSchema.MemoryEntry): (keyof AppSchema.MemoryEntry)[] => [
   ...(entry.keywords.length === 0 ? ['keywords' as const] : []),
@@ -32,8 +33,30 @@ const EditMemoryForm: Component<{
 
   state: AppSchema.MemoryBook
   setter: SetStoreFunction<AppSchema.MemoryBook>
+
+  splitView: boolean
 }> = (props) => {
   const [search, setSearch] = createSignal('')
+  const [selectedSourceBookId, setSelectedSourceBookId] = createSignal<string>()
+
+  const books = memoryStore()
+  const otherBooks = createMemo(() =>
+    books.books.list.filter((book) => book._id !== props.state._id)
+  )
+  const sourceBook = createMemo(() =>
+    otherBooks().find((book) => book._id === selectedSourceBookId())
+  )
+
+  createEffect(() => {
+    if (props.splitView && otherBooks().length > 0 && !selectedSourceBookId()) {
+      setSelectedSourceBookId(otherBooks()[0]._id)
+    }
+  })
+
+  const addEntryFromSource = (sourceEntry: AppSchema.MemoryEntry) => {
+    const newEntry = JSON.parse(JSON.stringify(sourceEntry))
+    props.setter('entries', (prev) => [...prev, newEntry])
+  }
 
   const addEntry = () => {
     const entry = {
@@ -105,37 +128,92 @@ const EditMemoryForm: Component<{
             </Button>
           </Card>
         </div>
-        <div class="flex items-center">
-          <div class="max-w-[200px]">
-            <TextInput
-              fieldName="search"
-              placeholder="Filter by entry name..."
-              onChange={(ev) => setSearch(ev.currentTarget.value)}
-            />
+        <div class="flex items-start gap-4 py-2">
+          <div class="w-1/2">
+            <div class="flex items-center">
+              <div class="max-w-[200px]">
+                <TextInput
+                  fieldName="search"
+                  placeholder="Filter by entry name..."
+                  onChange={(ev) => setSearch(ev.currentTarget.value)}
+                />
+              </div>
+              <Select
+                fieldName="entry-sort"
+                items={entrySortItems}
+                onChange={props.updateEntrySort}
+                value={props.entrySort}
+                class="mx-1 my-1"
+              />
+            </div>
+          </div>
+          <div class="w-1/2">
+            <Show when={props.splitView}>
+              <Select
+                items={otherBooks().map((book) => ({ label: book.name, value: book._id }))}
+                onChange={(opt) => setSelectedSourceBookId(opt.value)}
+                value={selectedSourceBookId()}
+              />
+            </Show>
           </div>
-          <Select
-            fieldName="entry-sort"
-            items={entrySortItems}
-            onChange={props.updateEntrySort}
-            value={props.entrySort}
-            class="mx-1 my-1"
-          />
         </div>
-        <Index each={props.state.entries}>
-          {(entry, i) => (
-            <EntryCard
-              {...entry}
-              entry={entry()}
-              index={i}
-              onRemove={() => onRemoveEntry(i)}
-              search={search()}
-              onChange={(e) => {
-                const next = modify(props.state.entries, e, i)
-                props.setter('entries', next)
-              }}
-            />
-          )}
-        </Index>
+        <Show
+          when={props.splitView}
+          fallback={
+            <Index each={props.state.entries}>
+              {(entry, i) => (
+                <EntryCard
+                  entry={entry()}
+                  index={i}
+                  onRemove={() => onRemoveEntry(i)}
+                  search={search()}
+                  onChange={(e) => {
+                    const next = modify(props.state.entries, e, i)
+                    props.setter('entries', next)
+                  }}
+                />
+              )}
+            </Index>
+          }
+        >
+          <div class="flex flex-col md:flex-row gap-4">
+            <div class="w-full md:w-1/2">
+              <div class="flex flex-col gap-2">
+                <Index each={props.state.entries}>
+                  {(entry, i) => (
+                    <EntryCard
+                      entry={entry()}
+                      index={i}
+                      onRemove={() => onRemoveEntry(i)}
+                      search={search()}
+                      onChange={(e) => {
+                        const next = modify(props.state.entries, e, i)
+                        props.setter('entries', next)
+                      }}
+                    />
+                  )}
+                </Index>
+              </div>
+            </div>
+            <div class="w-full md:w-1/2">
+              <Show when={sourceBook()}>
+                <div class="flex flex-col gap-2">
+                  <Index each={sourceBook()!.entries}>
+                    {(entry, i) => (
+                      <EntryCard
+                        entry={entry()}
+                        index={i}
+                        search={search()}
+                        readOnly={true}
+                        onImport={() => addEntryFromSource(entry())}
+                      />
+                    )}
+                  </Index>
+                </div>
+              </Show>
+            </div>
+          </div>
+        </Show>
         <Button onClick={addEntry}>
           <Plus /> Entry
         </Button>
@@ -149,12 +227,14 @@ export default EditMemoryForm
 const EntryCard: Component<{
   entry: AppSchema.MemoryEntry
   search: string
-  onRemove: () => void
   index: number
-  onChange: (e: Partial<AppSchema.MemoryEntry>) => void
+  onRemove?: () => void
+  onChange?: (e: Partial<AppSchema.MemoryEntry>) => void
+  readOnly?: boolean
+  onImport?: () => void
 }> = (props) => {
   const cls = createMemo(() =>
-    props.entry.name.toLowerCase().includes(props.search.trim()) ? '' : 'hidden'
+    props.readOnly || props.entry.name.toLowerCase().includes(props.search.trim()) ? '' : 'hidden'
   )
 
   return (
@@ -162,77 +242,124 @@ const EntryCard: Component<{
       open={missingFieldsInEntry(props.entry).length > 0}
       class={cls()}
       title={
-        <div class={`mb-1 flex w-full items-center gap-2`}>
-          <TextInput
-            placeholder="Name of entry"
-            required
-            fieldName={`name.${props.index}`}
-            class="w-full border-[1px]"
-            value={props.entry.name}
-            onChange={(e) => {
-              props.onChange({ name: e.currentTarget.value })
-            }}
-          />
-          <Toggle
-            value={!!props.entry.enabled}
-            class="flex items-center"
-            onChange={(e) => {
-              props.onChange({ enabled: !!e })
-            }}
-          />
+        <Show
+          when={!props.readOnly}
+          fallback={
+            <div class={`mb-1 flex w-full items-center gap-2`}>
+              <TextInput
+                placeholder="Name of entry"
+                required
+                class="w-full border-[1px]"
+                value={props.entry.name}
+                disabled={true}
+              />
+              <Toggle value={!!props.entry.enabled} class="flex items-center" disabled={true} />
+              <Button size="sm" onClick={props.onImport}>
+                <Plus class="h-4 w-4" /> Import
+              </Button>
+            </div>
+          }
+        >
+          <div class={`mb-1 flex w-full items-center gap-2`}>
+            <TextInput
+              placeholder="Name of entry"
+              required
+              fieldName={`name.${props.index}`}
+              class="w-full border-[1px]"
+              value={props.entry.name}
+              onChange={(e) => props.onChange?.({ name: e.currentTarget.value })}
+            />
+            <Toggle
+              value={!!props.entry.enabled}
+              class="flex items-center"
+              onChange={(e) => props.onChange?.({ enabled: !!e })}
+            />
 
-          <Button schema="clear" class="icon-button" onClick={props.onRemove}>
-            <X />
-          </Button>
-        </div>
+            <Button schema="clear" class="icon-button" onClick={props.onRemove}>
+              <X />
+            </Button>
+          </div>
+        </Show>
       }
     >
-      <div class="flex flex-col gap-2">
-        <TextInput
-          prelabel="Keywords"
-          required
-          placeholder="Comma separated words. E.g.: circle, shape, round, cylinder, oval"
-          class="border-[1px]"
-          value={props.entry.keywords.join(',')}
-          onChange={(e) => {
-            props.onChange({
-              keywords: e.currentTarget.value.split(','),
-            })
-          }}
-        />
-        <div class="flex flex-row gap-4">
+      <Show
+        when={!props.readOnly}
+        fallback={
+          <div class="flex flex-col gap-2">
+            <TextInput
+              prelabel="Keywords"
+              required
+              disabled={true}
+              placeholder="Comma separated words. E.g.: circle, shape, round, cylinder, oval"
+              class="border-[1px]"
+              value={props.entry.keywords.join(',')}
+            />
+            <div class="flex flex-row gap-4">
+              <TextInput
+                prelabel="Priority"
+                required
+                disabled={true}
+                type="number"
+                class="border-[1px]"
+                value={props.entry.priority ?? 0}
+              />
+              <TextInput
+                prelabel="Weight"
+                required
+                disabled={true}
+                type="number"
+                class="border-[1px]"
+                value={props.entry.weight ?? 0}
+              />
+            </div>
+            <TextInput
+              isMultiline
+              value={props.entry.entry}
+              placeholder="Memory entry. E.g. {{user}} likes fruit and vegetables"
+              class="min-h-[64px] border-[1px]"
+              required
+              disabled={true}
+            />
+          </div>
+        }
+      >
+        <div class="flex flex-col gap-2">
           <TextInput
-            prelabel="Priority"
+            prelabel="Keywords"
             required
-            type="number"
+            placeholder="Comma separated words. E.g.: circle, shape, round, cylinder, oval"
             class="border-[1px]"
-            value={props.entry.priority ?? 0}
-            onChange={(e) => {
-              props.onChange({ priority: +e.currentTarget.value })
-            }}
+            value={props.entry.keywords.join(',')}
+            onChange={(e) => props.onChange?.({ keywords: e.currentTarget.value.split(',') })}
           />
+          <div class="flex flex-row gap-4">
+            <TextInput
+              prelabel="Priority"
+              required
+              type="number"
+              class="border-[1px]"
+              value={props.entry.priority ?? 0}
+              onChange={(e) => props.onChange?.({ priority: +e.currentTarget.value })}
+            />
+            <TextInput
+              prelabel="Weight"
+              required
+              type="number"
+              class="border-[1px]"
+              value={props.entry.weight ?? 0}
+              onChange={(e) => props.onChange?.({ weight: +e.currentTarget.value })}
+            />
+          </div>
           <TextInput
-            prelabel="Weight"
+            isMultiline
+            value={props.entry.entry}
+            placeholder="Memory entry. E.g. {{user}} likes fruit and vegetables"
+            class="min-h-[64px] border-[1px]"
             required
-            type="number"
-            class="border-[1px]"
-            value={props.entry.weight ?? 0}
-            onChange={(e) => {
-              props.onChange({ weight: +e.currentTarget.value })
-            }}
+            onChange={(e) => props.onChange?.({ entry: e.currentTarget.value })}
           />
         </div>
-        <TextInput
-          isMultiline
-          value={props.entry.entry}
-          placeholder="Memory entry. E.g. {{user}} likes fruit and vegetables"
-          class="min-h-[64px] border-[1px]"
-          required
-          onChange={(e) => {
-            props.onChange({ entry: e.currentTarget.value })
-          }}
-        />
-      </div>
+      </Show>
     </Accordian>
   )
 }
diff --git a/web/pages/Memory/EditMemoryPage.tsx b/web/pages/Memory/EditMemoryPage.tsx
index 8b2bcc697..8f61b38d5 100644
--- a/web/pages/Memory/EditMemoryPage.tsx
+++ b/web/pages/Memory/EditMemoryPage.tsx
@@ -8,7 +8,7 @@ import EditMemoryForm, { EntrySort } from './EditMemory'
 import { Option } from '../../shared/Select'
 import Button from '../../shared/Button'
 import { FormLabel } from '../../shared/FormLabel'
-import { Save } from 'lucide-solid'
+import { Columns, Save } from 'lucide-solid'
 import { emptyBookWithEmptyEntry } from '/common/memory'
 import { Page } from '/web/Layout'
 import { createStore } from 'solid-js/store'
@@ -20,6 +20,7 @@ const EditMemoryPage = () => {
   const books = memoryStore()
   const [state, setState] = createStore<AppSchema.MemoryBook>(emptyBookWithEmptyEntry())
   const [entrySort, setEntrySort] = createSignal<EntrySort>('creationDate')
+  const [splitView, setSplitView] = createSignal(false)
   const updateEntrySort = (item: Option<string>) => {
     if (item.value === 'creationDate' || item.value === 'alpha') {
       setEntrySort(item.value)
@@ -67,7 +68,11 @@ const EditMemoryPage = () => {
     <Page>
       <PageHeader title="Edit Memory Book" />
 
-      <div class="mt-4 flex justify-end">
+      <div class="mt-4 flex justify-end gap-2">
+        <Button onClick={() => setSplitView(!splitView())}>
+          <Columns />
+          {splitView() ? 'Single View' : 'Import from Book'}
+        </Button>
         <Button onClick={saveBook}>
           <Save />
           {!state._id ? 'Create Book' : 'Update Book'}
@@ -76,6 +81,7 @@ const EditMemoryPage = () => {
       <EditMemoryForm
         state={state}
         entrySort={entrySort()}
+        splitView={splitView()}
         updateEntrySort={updateEntrySort}
         setter={setState}
       />