Allow list view to use full width

web/src/components/MasonryView/MasonryColumn.tsx

@@ -8,11 +8,12 @@ export function MasonryColumn({
   renderContext,
   onHeightChange,
   isFirstColumn,
+  listMode,
   prefixElement,
   prefixElementRef,
 }: MasonryColumnProps) {
   return (
-    <div className="min-w-0 mx-auto w-full max-w-2xl">
+    <div className={listMode ? "min-w-0 w-full" : "min-w-0 mx-auto w-full max-w-2xl"}>
       {/* Prefix element (like memo editor) goes in first column */}
       {isFirstColumn && prefixElement && <div ref={prefixElementRef}>{prefixElement}</div>}
 

web/src/components/MasonryView/MasonryView.tsx

@@ -36,6 +36,7 @@ const MasonryView = ({ memoList, renderer, prefixElement, listMode = false }: Ma
           renderContext={renderContext}
           onHeightChange={handleHeightChange}
           isFirstColumn={columnIndex === 0}
+          listMode={listMode}
           prefixElement={prefixElement}
           prefixElementRef={prefixElementRef}
         />

web/src/components/MasonryView/types.ts

@@ -26,6 +26,7 @@ export interface MasonryColumnProps {
   renderContext: MemoRenderContext;
   onHeightChange: (memoName: string, height: number) => void;
   isFirstColumn: boolean;
+  listMode?: boolean;
   prefixElement?: JSX.Element;
   prefixElementRef?: React.RefObject<HTMLDivElement>;
 }