feat(workspace): recursive folder tree, link modal redesign, todo grouping & line jumping, hashtag child listing

frontend/src/features/workspace/DocumentEditor.tsx

@@ -26,6 +26,8 @@ export interface DocumentEditorProps {
   currentUser?: User | null;
   initialDoc?: Document | null;
   availableFolders: string[];
+  autoFocusTitle?: boolean;
+  initialFocusedBlockId?: string | null;
   onDocMetadataChange: (updated: Document) => void;
   onDeleteDoc: (docId: string) => void;
   onOpenShareModal: (doc: Document) => void;
@@ -143,6 +145,8 @@ export const DocumentEditor: React.FC<DocumentEditorProps> = ({
   currentUser,
   initialDoc,
   availableFolders,
+  autoFocusTitle,
+  initialFocusedBlockId,
   onDocMetadataChange,
   onDeleteDoc,
   onOpenShareModal,
@@ -161,6 +165,18 @@ export const DocumentEditor: React.FC<DocumentEditorProps> = ({
   const [showFolderMenu, setShowFolderMenu] = useState<boolean>(false);
   const [zoomedBlockId, setZoomedBlockId] = useState<string | null>(null);
 
+  useEffect(() => {
+    if (autoFocusTitle || (doc?.title === 'Neue Notiz' && !doc?.markdownCache)) {
+      const timer = setTimeout(() => {
+        if (titleInputRef.current) {
+          titleInputRef.current.focus();
+          titleInputRef.current.select();
+        }
+      }, 60);
+      return () => clearTimeout(timer);
+    }
+  }, [autoFocusTitle]);
+
   useEffect(() => {
     if (zoomedBlockId && !blocks.some((b) => b.id === zoomedBlockId)) {
       setZoomedBlockId(null);
@@ -932,6 +948,7 @@ export const DocumentEditor: React.FC<DocumentEditorProps> = ({
                 onMoveBlock={handleMoveBlock}
                 onTagClick={onSelectTag}
                 onWikiLinkClick={onWikiLinkClick}
+                initialFocusedBlockId={initialFocusedBlockId}
               />
             )}
           </div>
@@ -941,12 +958,12 @@ export const DocumentEditor: React.FC<DocumentEditorProps> = ({
              ========================================================================= */
           <>
             {/* Document Icon + Title Header */}
-            <div className="flex items-center gap-3 mb-3 relative">
+            <div className="flex items-center gap-3 mb-4 relative">
               <div className="relative">
                 <button
                   type="button"
                   onClick={() => canEdit && setShowEmojiPicker((prev) => !prev)}
-                  className="w-10 h-10 rounded-btn bg-canvas border border-border hover:border-strong flex items-center justify-center text-xl transition-colors"
+                  className="text-2xl sm:text-3xl hover:opacity-80 transition-opacity p-0.5 rounded cursor-pointer select-none"
                   title="Icon ändern"
                 >
                   {doc?.icon || '📝'}
@@ -958,7 +975,7 @@ export const DocumentEditor: React.FC<DocumentEditorProps> = ({
                         key={emoji}
                         type="button"
                         onClick={() => handleSelectIcon(emoji)}
-                        className="p-1.5 rounded-btn hover:bg-panel-elevated text-base flex items-center justify-center"
+                        className="p-1.5 rounded-btn hover:bg-panel-elevated text-base flex items-center justify-center cursor-pointer"
                       >
                         {emoji}
                       </button>
@@ -979,23 +996,6 @@ export const DocumentEditor: React.FC<DocumentEditorProps> = ({
               />
             </div>
 
-            {/* Extracted #Tags Summary Bar */}
-            {extractedTags.length > 0 && (
-              <div className="flex flex-wrap items-center gap-1.5 mb-4 pb-2 border-b border-border">
-                <Hash className="w-3.5 h-3.5 text-faint mr-0.5" />
-                {extractedTags.map((tag) => (
-                  <button
-                    key={tag}
-                    type="button"
-                    onClick={() => onSelectTag(tag)}
-                    className="badge-accent text-[11px] font-medium px-2 py-0.5 rounded-btn hover:opacity-85 transition-opacity"
-                  >
-                    #{tag}
-                  </button>
-                ))}
-              </div>
-            )}
-
             {/* Logseq Outliner Tree */}
             <OutlinerTree
               docId={docId}
@@ -1011,6 +1011,7 @@ export const DocumentEditor: React.FC<DocumentEditorProps> = ({
               onMoveBlock={handleMoveBlock}
               onTagClick={onSelectTag}
               onWikiLinkClick={onWikiLinkClick}
+              initialFocusedBlockId={initialFocusedBlockId}
             />
           </>
         )}