diff --git a/apps/roam/src/components/canvas/Clipboard.tsx b/apps/roam/src/components/canvas/Clipboard.tsx
index 4ccab1881..2d83db216 100644
--- a/apps/roam/src/components/canvas/Clipboard.tsx
+++ b/apps/roam/src/components/canvas/Clipboard.tsx
@@ -1048,6 +1048,7 @@ const ClipboardPageSection = ({
export const ClipboardPanel = () => {
const { isOpen, pages, closeClipboard, addPage, removePage } = useClipboard();
const [isModalOpen, setIsModalOpen] = useState(false);
+ const [isCollapsed, setIsCollapsed] = useState(false);
if (!isOpen) return null;
@@ -1075,6 +1076,14 @@ export const ClipboardPanel = () => {
Clipboard
+ }
+ onClick={() => setIsCollapsed(!isCollapsed)}
+ minimal
+ small
+ className="h-6 min-h-0 p-1"
+ title={isCollapsed ? "Expand clipboard" : "Collapse clipboard"}
+ />
}
onClick={closeClipboard}
@@ -1085,50 +1094,54 @@ export const ClipboardPanel = () => {
/>
-
- {pages.length === 0 ? (
-
+
+ {pages.length === 0 ? (
+
setIsModalOpen(true)}
+ minimal
+ small
+ text="Add page"
+ />
+ }
+ />
+ ) : (
+
+ {pages.map((page) => (
+
+ ))}
+
+ )}
+
+ {pages.length > 0 ? (
+
- {pages.length > 0 ? (
-
-
- ) : null}
+ title="Add page"
+ />{" "}
+
+ ) : null}
+ >
+ )}