From 44986bfa23fe71df6a35a9b06acdcc4ca34cf0eb Mon Sep 17 00:00:00 2001
From: Till Tomczak <till.tmk@gmail.com>
Date: Sat, 10 May 2025 22:24:33 +0200
Subject: [PATCH] "feat: Refactor UI update for my_my_account_account template"

---
 __pycache__/app.cpython-313.pyc | Bin 89669 -> 90940 bytes
 app.py                          |  89 ++++++-
 templates/my_account.html       | 435 ++++++++++++++++++++++++++++++++
 3 files changed, 523 insertions(+), 1 deletion(-)

diff --git a/__pycache__/app.cpython-313.pyc b/__pycache__/app.cpython-313.pyc
index 2cb22aa82bc8f7a76263d65545ccdd5ffd883a6e..035c71e50fb87d9a7366f34e745b76d15061732f 100644
GIT binary patch
delta 11124
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

delta 10808
zcmaJm33yXg*11Vul4fZs-S;$Yf$p>{Z2{TKQlKo40<zV#eN98tq}-$|1udwf$P9|!
z(TC261)X8sPz+iZWE^op$ML5YrDpg>aFmf><`>0naKQhZ`<jJXt#Wejxo5xUp1Zsw
zZwRj+5uz_yEJhXlbsx@ZNgQ)`bh7$l+@Vo3byjhFs)}w|y~U<ly=)vo5|zrT5-R|^
zb#?oa%k1o1aio&Ht;?}gi4(-aQngrAr4}c$%etJDNfDUqQdQ#=b`{;mE?SZjCkN%N
zjuWSZMwwl2GffQ+iPPAf`W*B0P=7`$dsA<-%nTxcx0-#gFHD{l)&;oPVR@wnn`usv
zT%5~R8*)rFq5eF!6Z-Q*{RQlK=+}n&3)wkCj(Jh2zc`g;McFJ%f(XzhvPDsaF-xz}
zU&nR=ZrL@s<?Pj{Ldyz>5y2P%=k@GzRH1ogP?oqVl}$9}l0tTaahzqXSRW$1f$cXI
zTI^y&2-C;{#zHp6WYsdUIh8ForCJ<8IUu=(Z88;FoDsU#v8PRi*{u;GT%j0+XGX@E
z$!v?@bN_^j{RqlD;)IYb?QDd(f~;q2&4m^kVYQdtXD-xGv4Op29&ZX-CvHe(F&3M7
zV+gS+mCd%;G#kZ2=CX`4cLqg^TT)q%#g@1=!kimJ=CDsKw(QObbvK2E!v5?>e>9z7
zLS=MCd^qykL$qvjbWYf|TT<DfXq)-gphodmsqB2TE#tP3O}B?QRrJ8>WwXhW#kdC8
zmY5W6u#>Sf<lC<!$R7)nXZ$8au`7b&@h}C`4@)FZp!pfQL)P3KLHne54=loiNRh-s
z(taC3@f07sH#Bx%#Msj~79|JAu$Q$b*c0y$Q-&7pA*31eK+u-eTgBfELG{e)I`Q`t
zR;X0=$toxr5D^E9txYwmp=zw24BZy?<IZ%JIXo$?b)XzX{H$Ik#)}V%d)cDlX-N--
z%;^p*qR(-s!UbVp#8?k^YJZTA_a45c_ef-qwGNL$8uK56Sn)tATNRhhTyX|9eV#o%
z+!`%D8lm6?c5!%eQpBp>Dn1?>W*djw*zCB3X!??P5T@ox*nJ&${|K8JzmSx$-SO3A
zG5a8XIeE%olJH8hDF#BIfq$2p1h#LIO)ecn(%B9FHJV4Oyy`gB92ob+vhDNZQ|m~*
zdO@s8WrA?J)ovmZQ7vjjZJnCg=f$(9-ZBmsb?~3QL@ye|DA6dIl%aId9CFekMstD~
zahMn@4*w}Z9LxerNDvc&AZaLqWKNJGriy7|dXOL^LPaJg$P%p}VZgjd8+4+D6J(1v
zAjk<y2pgFzDiZR<5#Ys0g&<iR6;hF_cu{I_YgQQ<$;n_xa^kdNzF5Hid|hUNTU)0c
zHIQ0OH7eCAQ!vkfq);ppi^USLv`TPmS=m!rtZRFmx=zd1d^fASROJ@xG!XXvDwSIo
z=Bv|*qXiHGzhwiz<;pL{ewa8$96L^}C=pBQbP94@$lmc)I=4Qki?zOOVJ+WHWbbWH
zWb^Ft&^N2=1Qz=RZx$|iM497N89}S-gpj0)2}fXkEe1;jQ75peZx@Xf#7Z<JNMcnD
z$ymi1vpHiWXVeQ~1u}x;`Rw1b)4G5Y#+5&DLRg+-qE~H&Y;==mRsN*Ts%q->NiLVq
zDmmSfb-LvAwmT(P@dBs2sm<PQZFBmp^V}Yv<hFLWn_#@tDYbOC9g;f`yWHvZN^WnP
z-EDVBZIav9Su1V^X>E3&v&-AqB3Y|xv)$_j@*=C)E;#{3p~EHBcKAB6y}{$QDuS#|
zw{;<P*xgPq2=KTicS)x{XZ)D)<D1LqMDT?A5a7(@>*+>pZ$hvY!DavfL!;d%IXrZ8
zfOKsNkj<TDbfb8Iy}jM(c67`Enx#@>i`&_1?d+h|4Nh+dxDKw(v@1~v8Z_74?4jre
zTEWd-+2OUffsZZ69zo~Pva-<)Rh4C(Mu*c^+(7N_#uj=DXgGfyfU|4ek3as{X`Zp!
z=kYe$+oh6q-i~=NP-EX<7aOUw-B&!_+2C?|d@WL|wfWc)YHe~#)@5Ll-R1N;!+}}=
z0cr1WabtM2W>b56i(<l<hRX8h@d0h4r%7_IC7}0RR2wCFx*A(0U&-8s9n(SSU`^GH
zExt|(%%10IYwLh;D8f58I&s$A))_7*%qI6+l;{SDmIO4N_V)8lAS+;*=W)604Iavw
zI;(<_vC{?+X>F5Qs6?eM3c2EjIhLr^?zUonINcCJkUrPlVs}A8VGNtcRY{{8Xgdg|
zI{}=(4^`;I#q*s$sdMgp%o(3U+K4|+hh(La5(v9Xf=L4*4R&{H5f7cG1@c!hw|Eil
z@^ngGuhrh+Z3Q2FB~%B3J8A(8mg%)F+U#rbxQmxd4b2oR+~}bZGg9sLf%aBcFg1Y6
z?%pW5n*aem1aw{=A!j89-ms)vTxy-RXl}=%nV@PKZEOKQT74amUQU-X%@9tX<b(iN
zmBk_zLE?KGB(KNa1c9>-R-kn`-L3Q{cKe(nLqLE;bGnx@S3z=@(_7!(0V&it<XX@*
zI%%Uzq7Q)``MRM<=s_6b<L7Zrorm;MoyXm)^QUECV+U=LtkOWO$ga(gr3qt^{cZpO
zjosx^G%S?2Parn7dylpYR%46P)kL9E=wJat#Ha^3+7P$_<QoFUfd%W7ya5fg1Loig
zu7~0i5ZsX0-hc`65(-T{_5zkhD#64z@t!vjg~<9QyU!lba%uxew!&W*0y-ahfdqx6
z9@4MfCDpenrHvkiv2Wm?_bj--P4%@wH9S?$ygTz$Y))@%PG4-^wwe!%EBfLpA6wbo
zD9^cj&Ys457CgFg+x!!8l^2bwgi-xzt^KJv{qdRo$+@SJNA)I;`cp<<az%gaaQMIL
z%NRqH@nXCxA*Vl0;&j%*bn*SM36W$ioGf(+viK00wLh(%lcoG3S#DQ<+A>a;_KS2G
z{b|jdY$zwfTGNBRrVo~u&>tHn%j!?F5BQK9ib-Z)awRw#@^zYeF0tsgRe!xg&1!4P
zqhpi%6H~u5>5_~)OkYQ{U)Q8`CHESVPa0A$>Qo6y+ZOyiA$3R8>6q01*wj7adt+_=
z$=Th-y~(5dldRq8y-6j2mox6p*t4N~Q(x?85Z0fNDX+PEP4|Spgpw~U`eDW$+OLPH
zqD*%g?=apKeMj_e-$_IIX@e2_rwn0bQSqk?>Ai;Zu2Y7bUPDgz%#()venWzS+_Urp
zgYC-<RbtxLHkHA&<GMb5%AUo2`ph$igxz*9_>>{L*N}b6Fsj!8iSYFL-u$YQh6$%l
z(K~MJGi7wg_L*$`=9E3zz2@{&=Dc2W-YIiYues<?Yo0IbExzugdGaS(-R(8oYffpi
z6MD4?C$&kZwNWRGMel2i|MOL=MipP>#U1|P#F}EQ|7`JojqWYzt|$IG$|N;;i+wSs
zLiihC?)4XrO;MA5ta|)1-TQ!`AFzGntwKLEyV)D#KNC(v>oLE-;!8E@Wq+9PB<W+~
z#Chat|3edR705^a+-Xq+MoOlq>dqqn$E<exLh>5hJAGyr?rvTzrntTaRv7&ZsSv#8
zCo^(U>WJzh;UXYDXUnU%8+&ma!B_r|s~=IvUBLe12<}4g1ORq$PLjY&5<4;H4T1U*
z_q)0I*~gIL_XzM|gX#g~Yv>Qyei6Zc*}vze3Rj`|o!?w@%rp$wG(C^te-V7nKC0WR
zriWP9vR&i{W?6nr&zX&comzeeIl=5Jiiuy|J%J<_yoL-|n<ySKX$b<ZzY1CbT{D(#
z8X%4I0_$Dz_Czk{|BwiyLJ3q*sz#tipaBpt+BZ1rajSGYXcS_N2uy^1aJ@}ugLbmo
zfA#tg%~58g<|AjC|42^wZ+9#qy0a+uWA;%?o(ac+55OoE<IL;grv4kv(m-_$=v*F$
zL!$Hq$9R2|{u6my5kw&f2TxCPQI{U}5Boa%CYp~zxdSEGDn&3FfEPmzQ;dJSkkWD-
zLa<Bi_dAn?biRAgLcrAK3)F&o79w~S0Q<t7ugBd7##t;&WaB(B!ek)*g3a~3ly?b7
zY7pSDNGa4&&bD?6+jd7AoeG2+4a;v|PcE_FwOe&F0HN2gzqH%4hGNy&9SyV^XiOS5
zZM_Sa4zABM&IUvbY-x0w|AX~*qQmG=8@tY%l8FhEZ=&N6!#6RbL-N&oX#LpHV_|xI
z-bv&tJLJtY)`E<9kl|g!j9W|n2A@xzHV<$Cwa1;Wjo4UuQqN=ZhGGNqJWA*S_Ra>Y
z=`5=F7{NjobIVAUxzS4Iu_+r%bs~^iHGbd52Q*oVX@H=Mku-d~MO}0eE8bG1L$P!*
ztKX88G#8rr@nQ364US!4ySCU;&xREa62-_5aRoT7bUu)KaoZ1Wl4hyN=?m?Rbue6^
z@$0spPzQr{`ld=<NJ$2(=t?5<*}^WXaRt!M#{k_50UFDm?7H56aQC+)oqJRSgO5hh
z&{=`rgWCP<m3uM^!>g?lskHPt9P0r9yZpdOzTQVAi5_ReSOHn%pU9SL$w<cJ1-doB
zLd)1Wxdxuu%J!6yB6h=`rD>sMp)6w*4Cf3j9uU~OdveKfc4<$!-~zPAUvU2s!q)Cg
z^Z)mOfLdKZSh2&#E<b2W=CaZ9+WcfX8jZpXp*1XHZ&BPQ+&-7x3(@j4Ih&nQ6I-&k
zY{XESwbX%TzKq=Kuyve0ws(ZE9-4do@9%XH=D9P$U)vp{CIxKm{(@x@n$3}#k+%q?
z@HMs^yKUGtBN$4vCPMRZ_K*GLf)AKp@h3d2)&^ajc)+BDv53t-Fu80fF*?QU4Zs`F
zw0pdfQdMl)=W*=a1Bt>W7(V4cf8e*;bov5XbQl3|jYLyBunYCJ`-#jhf(RVXH`99&
zAI|j9MNVPGA`;NI*x@z^<&2*ldGX}J>p={xKCCYh$<pL(^zmp11b+DRYGEA8*FgOO
zCcTOx>$m=yPhJq9_?P+1vS>F@(S0aNfXf;jn$gHd)pP;;z?!<zpJGbDCO0re{&N*c
zDCf%(UBpwWPx9tlf3g@+YCHn&=REeAKf@f4a(Gf$pei1Y*W*41^^z4GPPcEv!LXwh
zIK<b>%{ahKNP$)$%IWne7u5VH#Yn7X0V6*E^TV(bLCm{AR0rHp_-UEm!X7?6MV|>l
z@qS3ym7^v8q-XoI<$R&ugetlaaO=8JH`WIp7l_5J!6AtHtt|aTtBI5B1CsoBcGs&3
z!Q$}aiDcIK;@DgsJf8Gu9G4mpHq}EC1%%D`0~5vGdvP*Z?vH(Gn#L4i1zU48Ehz4$
zqv@jq=4K~cJ%ZJFh=l+~aedtOtL!gF%LE1n|H}W}QRhHy9m+wp9zJ4py_y$P2iDh)
zM=X!~J?ONApcw(5pRjgZf%yhS@wJZ9T}XZ>=V8N+l?nGk^M3!VV|QxiMfi#1+W|bP
zS5kyeGj|~(-H^xw0Ipo)&@iPGA@%~xdNX4jPoSUW{8fm3AVPdHZei=+ED-j<*o*$|
zH;c7P1{pPkIJm6Onl)=&)l9fdUO+p-@#e;I7QR4aG&XT?N-TLNW$F-ODJC=xTltf4
zM)I)7-zgIw0ERyQ*?0Ohg+p15CO|guB^S2I!#+BZ8ZpON;UU<$RCFZ*JYCaI5O{E-
zOhc>kg@7K{cfGSoDTO=G-kVudZ=UcVH2>qjv$tA(P4fPuFEOa;a$kleRIKyW^!F_H
zq)qn_@FfcV`6n}kv}+H+^w*$$Dg7307|Cw^a7>O;VWcL9<fW^CZx&sR21M)=NpgA(
z$&a-l`XDj}D@uG|^ekS}-H26oLgmQJEAwr@5HNDdO3C2W!V-L8@wPbI;ZhD=*tB*A
za)if#euV#-zy+;(zlwE#R7`GW?|zhM;uFXxKAU~<QTlZ?XowNPQwXq%E3@$gcArGR
zOB|npgV>djM9Bj-=S(KK!W?Jv;`yeDasqmIp6PJ3_~=ut`^*U8FyI>fe?4<flfXrC
zL0s-gly;E4@k!yNK_grb8X3?HJk?<i2TWd12W^z<eVf~*rH^U`>}18CW)0(R@WU)W
z!)|1;7vpr?t!MdNVWt_aMm70HrDU!{?cD00RUSUpxZ$A*jzPVj76>l`-;K|lo2~8Q
zZ#4r}@Su!C@s^12g?;57y?`ot?0NWjz_SteGy*=&FQSNK<th^{9h{QyO;^y3XE=Em
zHu=KgdouSs<R$%O)qDkqY^H}$AXlwZ_ANgmP;0;f_l^dSr?t&aTcsu?U}&jV$ErV1
z7hVCH{r=|9%e5_o!l=wH%HeMJV2k_y9JZbZ0L6F^&!8yr!i8o94E){5+2mbHU%KaF
ziH^rgnc1l!pW%MMC-s+wa@Sr(8+hr4UF|m)^Mqr7c+>yfMgLE>pTW}Dj<0RYc)D@(
z!Y79Ja6Y&(25hyUiowi?<3Sj*jNS81f^u@<Hm+mVZ?cWA1Irgs>b&1G`}gzx@;BA$
zRf7uYQc$-P&Sxd4Hk>p+YhDr3U3)TxV#l`yKU@)#*~0G)x;H^@jLyI2`z`7MynsS*
z2g&E2V=4x8RBH3ULn)k#N_Qnj!+l>724ggrjrbu)_YO2Ob^e7vj92ScLc23pJ~Edi
zvxl!#3=0)Ux)vF3VE=o?CcF#HG5*-Ay#!8u|NOCtth;v@$rauQboH}UL{Id+&|FIU
z<k^H22&bSU${Pr|!_p5;ig!-9(H)n~YLX@V9Z+lK(Q1-Sy5vKI%pN|bq{Y|fQVvi^
zO9S%bYLXiN51?#-=Ms7vrSPk65pq<^nHmyhDhkR5`f?2!5q|~{&DYSMe-i0u#g$hn
zD$Yi*ysjZO<39nhj<fW9sUdSTI=qk5kv&uNq=Kl8q-T?XRH(_#^3z6QC6ju3jl@9W
z=mD@2Hp<VCcoKs1Jr_)5H!*Q`zS>`tZ?_N|StmbcAxp@o@)ZjyRBGUHxg?rY5>JmK
znz*CYQA9qKPIAaq`G<7!8xoLrWRNxFukyJJl21m;!!pSxK;Dr_O3C~33z=jhc}4yv
zlk@;`nvLX=GxB>`q%Z}uG@x_x?*q!=^ALtoPYxtn2?-K^D^JQMWzkrk0s?$KX|vbT
zmGYKs^7;UUTCbNKHj)SC?6MJ$nm!|6wULJ4Xo_CGJ%>~b<7*-X&bZ1e#?_v8b4VQN
zI)*Cw>5r#pIJZaOz;KLIIkw`km53k-K{5hfg;TMWhJf$He8uv5%gf_f<mH?7Zfu3i
z?P%<dQ^_~v!SuW)JM%~pg#5ldG9n$XBNXd;Acjhf@M)%gU`O;)zuXUm89W$zZ$|^%
zo4o<E@?AiABBwvd*&|3o9zXcCqY}Q0@w+xwy@3k?ytjKHy;qHZq<Nu-jUaG6x+HHa
zBKblI#Hh6AU=f*1)G8wXr<kN!aGAnaIKE`B$k`<%&crtn{<tt&o>D^6gfie8E7zBh
zOD0~s_oMO})}9`p*woS1wz=Ld`S4>)eS?FJ0orLjx0jO7VD-uEWn}CmTpP7;!5M`{
zs^Qw8m)ski)Z<p(n8sr~bd4T&v(piA55{v2ET%JMV88?rI_J4^vR9w|v*#?x9po5^
zx4P64jC8;RLFAti@zB?SM(+bOtQD+_$|D8eF8(0vCy=#Cp>mU-9`Vj`Ox`+y6eaQ$
zz#FGB=X|=KRmn#ukfbg?4^zO#fWF-h-${I4<>Jgs{-BeaSvk3dUP!1NWpXo)V0@zR
zAQy3tQ}#Dc!@7Wl?{vX$F?1{P;cK5)UOADB6lQ{cN6&2&iAkfojQ(Ac<;f&lm<9M(
z<d-Lt{~^8dt|?@UFb6QN%dbx%NA%w#;eM68V=5^m<K@Fs$s}PO48Pm+%~TSv9?nY$
zMhkXizIUCK(`Jw{$`b>hA<PqaG7J&YT3`=EceKMxja2XLXl#UcK*-0g8BmND!`R85
zgEPo(!TPfkNqLT`**<@Q?43(W6JpTQSO5V7yoX9|hp&Y`BKOQC*AKjU$cZ(iH1RO{
z!l#Mv!Ovp%US)=+4>c18Wt-=3&wTxul*v=B*m$a@2N3X+;BonI4H+e@00%zrIa@<s
z(@w#>rGG^&ytKTEtzraxqvh3yVizCxm8YGrk>eWxu&ExGKUqlfgq0w$Opabe&T3w!
z6+K@qg2GKQ<Xe`I-RgKECy2y4j4P@HLS?;F$<-pM)$zPKF5fSbhr5o3^!yE5_<<l`
z;?D&xj~zZn($k2pNAMYfiwJrV@M2;^yUGzvMlcltKGX7dSUMY9wFpE6bqH1<Xh7fs
z&_(efjN-!--GqRzlbzVwjesGz7r`C`4<L9D0bZc!V+imrK=A-g@!Ux9&_(fpL*GR3
z4g%cxDQ@!=_w;}n-15*CySvHN2u<9{DQ?mfcV3EnDZPT=3j|pCD3&o^pD5N7W$Ipq
zAi(9Q!%cDhP+Tk&*9XN_Krvq_&N=K$hw4a%X$Q1Hp2|DM-1A`_IjYuo5>oQjCQXmL
zg50L=xx9+ptkYCaCGt%TWQogNsWPU05S4oQyG44HF6n(C@v;|J)A7<#&E=}Ml5?A5
zRcEu}90{6pDuZLB=3K0<xm0s5$<kb)IhU&insWsLVoEjGF4sARYtB{1I4qifSp;bR
QE5Yc<)&Fax(J@Z{|L|e~>i_@%

diff --git a/app.py b/app.py
index 2b712f8..18bf024 100644
--- a/app.py
+++ b/app.py
@@ -733,7 +733,94 @@ def delete_mindmap(mindmap_id):
     flash('Mindmap erfolgreich gelöscht!', 'success')
     return redirect(url_for('profile'))
 
-# API-Endpunkte für Mindmap-Daten
+# API-Endpunkte für UserMindmap CRUD-Operationen
+@app.route('/api/mindmaps', methods=['POST'])
+@login_required
+def api_create_user_mindmap():
+    data = request.get_json()
+    name = data.get('name')
+    description = data.get('description')
+    is_private = data.get('is_private', True)
+
+    if not name:
+        return jsonify({'error': 'Name ist erforderlich'}), 400
+
+    new_mindmap = UserMindmap(
+        name=name,
+        description=description,
+        user_id=current_user.id,
+        is_private=is_private
+    )
+    db.session.add(new_mindmap)
+    db.session.commit()
+    return jsonify({
+        'id': new_mindmap.id,
+        'name': new_mindmap.name,
+        'description': new_mindmap.description,
+        'is_private': new_mindmap.is_private,
+        'user_id': new_mindmap.user_id,
+        'created_at': new_mindmap.created_at.isoformat(),
+        'last_modified': new_mindmap.last_modified.isoformat()
+    }), 201
+
+@app.route('/api/mindmaps', methods=['GET'])
+@login_required
+def api_get_user_mindmaps():
+    mindmaps = UserMindmap.query.filter_by(user_id=current_user.id).all()
+    return jsonify([{
+        'id': m.id,
+        'name': m.name,
+        'description': m.description,
+        'is_private': m.is_private,
+        'created_at': m.created_at.isoformat(),
+        'last_modified': m.last_modified.isoformat()
+    } for m in mindmaps])
+
+@app.route('/api/mindmaps/<int:mindmap_id>', methods=['GET'])
+@login_required
+def api_get_user_mindmap_detail(mindmap_id):
+    mindmap = UserMindmap.query.filter_by(id=mindmap_id, user_id=current_user.id).first_or_404()
+    # Bestehende Logik von get_user_mindmap kann hier wiederverwendet oder angepasst werden
+    # Für eine einfache Detailansicht:
+    return jsonify({
+        'id': mindmap.id,
+        'name': mindmap.name,
+        'description': mindmap.description,
+        'is_private': mindmap.is_private,
+        'user_id': mindmap.user_id,
+        'created_at': mindmap.created_at.isoformat(),
+        'last_modified': mindmap.last_modified.isoformat(),
+        # Hier könnten auch Knoten und Notizen hinzugefügt werden, ähnlich wie in get_user_mindmap
+    })
+
+@app.route('/api/mindmaps/<int:mindmap_id>', methods=['PUT'])
+@login_required
+def api_update_user_mindmap(mindmap_id):
+    mindmap = UserMindmap.query.filter_by(id=mindmap_id, user_id=current_user.id).first_or_404()
+    data = request.get_json()
+    
+    mindmap.name = data.get('name', mindmap.name)
+    mindmap.description = data.get('description', mindmap.description)
+    mindmap.is_private = data.get('is_private', mindmap.is_private)
+    
+    db.session.commit()
+    return jsonify({
+        'id': mindmap.id,
+        'name': mindmap.name,
+        'description': mindmap.description,
+        'is_private': mindmap.is_private,
+        'last_modified': mindmap.last_modified.isoformat()
+    })
+
+@app.route('/api/mindmaps/<int:mindmap_id>', methods=['DELETE'])
+@login_required
+def api_delete_user_mindmap(mindmap_id):
+    mindmap = UserMindmap.query.filter_by(id=mindmap_id, user_id=current_user.id).first_or_404()
+    db.session.delete(mindmap)
+    db.session.commit()
+    return jsonify({'message': 'Mindmap erfolgreich gelöscht'}), 200
+
+# API-Endpunkte für Mindmap-Daten (öffentlich und benutzerspezifisch)
 @app.route('/api/mindmap/public')
 def get_public_mindmap():
     """Liefert die Standard-Mindmap-Struktur basierend auf Kategorien."""
diff --git a/templates/my_account.html b/templates/my_account.html
index 3359758..fce6524 100644
--- a/templates/my_account.html
+++ b/templates/my_account.html
@@ -84,6 +84,23 @@
       </div>
     </div>
   </div>
+
+  <!-- Meine erstellten Mindmaps -->
+  <div class="mb-12">
+    <div class="flex justify-between items-center mb-4">
+      <h2 class="text-xl font-bold text-gray-800 dark:text-white flex items-center">
+        <i class="fas fa-brain mr-3 text-green-500"></i>
+        Meine erstellten Mindmaps
+      </h2>
+      <button id="create-mindmap-btn" class="px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors flex items-center">
+        <i class="fas fa-plus mr-2"></i> Neue Mindmap erstellen
+      </button>
+    </div>
+    <div id="user-mindmaps-container" class="space-y-4">
+      <!-- Hier werden die Mindmaps des Benutzers geladen -->
+      <p class="text-gray-600 dark:text-gray-400">Lade Mindmaps...</p>
+    </div>
+  </div>
   
   <!-- Gemerkte Inhalte -->
   <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-8">
@@ -123,6 +140,424 @@
   </div>
 </div>
 
+<!-- Modal zum Erstellen einer neuen Mindmap -->
+<div id="create-mindmap-modal" class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full flex items-center justify-center hidden z-50">
+  <div class="relative mx-auto p-5 border w-full max-w-md shadow-lg rounded-md bg-white dark:bg-gray-800">
+    <div class="mt-3 text-center">
+      <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-white">Neue Mindmap erstellen</h3>
+      <div class="mt-2 px-7 py-3">
+        <form id="create-mindmap-form">
+          <div class="mb-4">
+            <label for="mindmap-name" class="block text-sm font-medium text-gray-700 dark:text-gray-300 text-left">Name</label>
+            <input type="text" name="name" id="mindmap-name" class="mt-1 block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm dark:bg-gray-700 dark:text-white" required>
+          </div>
+          <div class="mb-4">
+            <label for="mindmap-description" class="block text-sm font-medium text-gray-700 dark:text-gray-300 text-left">Beschreibung (optional)</label>
+            <textarea name="description" id="mindmap-description" rows="3" class="mt-1 block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm dark:bg-gray-700 dark:text-white"></textarea>
+          </div>
+        </form>
+      </div>
+      <div class="items-center px-4 py-3">
+        <button id="submit-create-mindmap" class="px-4 py-2 bg-green-500 text-white text-base font-medium rounded-md w-full shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-300">
+          Erstellen
+        </button>
+        <button id="cancel-create-mindmap" class="mt-2 px-4 py-2 bg-gray-300 text-gray-800 dark:bg-gray-600 dark:text-gray-200 text-base font-medium rounded-md w-full shadow-sm hover:bg-gray-400 dark:hover:bg-gray-500 focus:outline-none focus:ring-2 focus:ring-gray-300">
+          Abbrechen
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- JavaScript für persönliche Mindmap und CRUD -->
+<script>
+</script>
+<script nonce="{{ csp_nonce }}">
+  document.addEventListener('DOMContentLoaded', function() {
+    // Modal-Logik
+    const createMindmapBtn = document.getElementById('create-mindmap-btn');
+    const createMindmapModal = document.getElementById('create-mindmap-modal');
+    const cancelCreateMindmapBtn = document.getElementById('cancel-create-mindmap');
+    const submitCreateMindmapBtn = document.getElementById('submit-create-mindmap');
+    const createMindmapForm = document.getElementById('create-mindmap-form');
+
+    if (createMindmapBtn) {
+      createMindmapBtn.addEventListener('click', () => {
+        createMindmapModal.classList.remove('hidden');
+      });
+    }
+
+    if (cancelCreateMindmapBtn) {
+      cancelCreateMindmapBtn.addEventListener('click', () => {
+        createMindmapModal.classList.add('hidden');
+        createMindmapForm.reset();
+      });
+    }
+    
+    // Schließen bei Klick außerhalb des Modals
+    if (createMindmapModal) {
+        createMindmapModal.addEventListener('click', (event) => {
+            if (event.target === createMindmapModal) {
+                createMindmapModal.classList.add('hidden');
+                createMindmapForm.reset();
+            }
+        });
+    }
+
+    // Funktion zum Anzeigen von Benachrichtigungen
+    function showNotification(message, type = 'success') {
+        const notificationArea = document.getElementById('notification-area') || createNotificationArea();
+        const notificationId = `notif-${Date.now()}`;
+        constbgColor = type === 'success' ? 'bg-green-500' : (type === 'error' ? 'bg-red-500' : 'bg-blue-500');
+        
+        const notificationElement = `
+            <div id="${notificationId}" class="p-4 mb-4 text-sm text-white rounded-lg ${bgColor} animate-fadeIn" role="alert">
+                <span class="font-medium">${type.charAt(0).toUpperCase() + type.slice(1)}:</span> ${message}
+            </div>
+        `;
+        notificationArea.insertAdjacentHTML('beforeend', notificationElement);
+
+        setTimeout(() => {
+            const el = document.getElementById(notificationId);
+            if (el) {
+                el.classList.add('animate-fadeOut');
+                setTimeout(() => el.remove(), 500);
+            }
+        }, 5000);
+    }
+
+    function createNotificationArea() {
+        const area = document.createElement('div');
+        area.id = 'notification-area';
+        area.className = 'fixed top-5 right-5 z-50 w-auto max-w-sm';
+        document.body.appendChild(area);
+        // Add some basic animation styles
+        const style = document.createElement('style');
+        style.textContent = `
+            .animate-fadeIn { animation: fadeIn 0.5s ease-out; }
+            .animate-fadeOut { animation: fadeOut 0.5s ease-in forwards; }
+            @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
+            @keyframes fadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-20px); } }
+        `;
+        document.head.appendChild(style);
+        return area;
+    }
+
+
+    // CRUD-Funktionen für UserMindmaps
+    const mindmapsContainer = document.getElementById('user-mindmaps-container');
+
+    async function fetchUserMindmaps() {
+      if (!mindmapsContainer) return;
+      mindmapsContainer.innerHTML = '<p class="text-gray-600 dark:text-gray-400">Lade Mindmaps...</p>';
+      try {
+        const response = await fetch('/api/mindmaps');
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const mindmaps = await response.json();
+        renderMindmaps(mindmaps);
+      } catch (error) {
+        console.error('Fehler beim Laden der Mindmaps:', error);
+        mindmapsContainer.innerHTML = '<p class="text-red-500">Fehler beim Laden der Mindmaps.</p>';
+        showNotification('Fehler beim Laden der Mindmaps.', 'error');
+      }
+    }
+
+    function renderMindmaps(mindmaps) {
+      if (!mindmapsContainer) return;
+      if (mindmaps.length === 0) {
+        mindmapsContainer.innerHTML = '<p class="text-gray-600 dark:text-gray-400">Du hast noch keine eigenen Mindmaps erstellt.</p>';
+        return;
+      }
+
+      mindmapsContainer.innerHTML = ''; // Container leeren
+      const ul = document.createElement('ul');
+      ul.className = 'space-y-3';
+
+      mindmaps.forEach(mindmap => {
+        const li = document.createElement('li');
+        li.className = 'p-4 rounded-xl bg-white/80 dark:bg-gray-800/80 shadow-sm hover:shadow-md transition-all flex justify-between items-center';
+        
+        const mindmapLink = document.createElement('a');
+        mindmapLink.href = `/user_mindmap/${mindmap.id}`;
+        mindmapLink.className = 'flex-grow';
+        
+        const textDiv = document.createElement('div');
+        const nameH3 = document.createElement('h3');
+        nameH3.className = 'font-semibold text-gray-900 dark:text-white';
+        nameH3.textContent = mindmap.name;
+        textDiv.appendChild(nameH3);
+
+        if (mindmap.description) {
+          const descP = document.createElement('p');
+          descP.className = 'text-sm text-gray-600 dark:text-gray-400';
+          descP.textContent = mindmap.description;
+          textDiv.appendChild(descP);
+        }
+        mindmapLink.appendChild(textDiv);
+        li.appendChild(mindmapLink);
+
+        const actionsDiv = document.createElement('div');
+        actionsDiv.className = 'flex space-x-2 ml-4';
+
+        const editButton = document.createElement('a');
+        editButton.href = `/edit_mindmap/${mindmap.id}`; // oder JavaScript-basiertes Editieren
+        editButton.className = 'px-3 py-1 bg-blue-500 text-white rounded hover:bg-blue-600 text-sm flex items-center';
+        editButton.innerHTML = '<i class="fas fa-edit mr-1"></i> Bearbeiten';
+        // Hier könnte auch ein Event-Listener für ein Modal zum Bearbeiten hinzugefügt werden
+        // editButton.addEventListener('click', (e) => { e.preventDefault(); openEditModal(mindmap); });
+        actionsDiv.appendChild(editButton);
+        
+        const deleteButton = document.createElement('button');
+        deleteButton.className = 'px-3 py-1 bg-red-500 text-white rounded hover:bg-red-600 text-sm flex items-center delete-mindmap-btn';
+        deleteButton.innerHTML = '<i class="fas fa-trash mr-1"></i> Löschen';
+        deleteButton.dataset.mindmapId = mindmap.id;
+        actionsDiv.appendChild(deleteButton);
+
+        li.appendChild(actionsDiv);
+        ul.appendChild(li);
+      });
+      mindmapsContainer.appendChild(ul);
+
+      // Event Listener für Löschen-Buttons hinzufügen
+      document.querySelectorAll('.delete-mindmap-btn').forEach(button => {
+        button.addEventListener('click', async (event) => {
+          const mindmapId = event.currentTarget.dataset.mindmapId;
+          if (confirm('Bist du sicher, dass du diese Mindmap löschen möchtest?')) {
+            try {
+              const response = await fetch(`/api/mindmaps/${mindmapId}`, { method: 'DELETE' });
+              if (!response.ok) {
+                const errorData = await response.json();
+                throw new Error(errorData.error || `HTTP error! status: ${response.status}`);
+              }
+              showNotification('Mindmap erfolgreich gelöscht.', 'success');
+              fetchUserMindmaps(); // Liste aktualisieren
+            } catch (error) {
+              console.error('Fehler beim Löschen der Mindmap:', error);
+              showNotification(`Fehler beim Löschen: ${error.message}`, 'error');
+            }
+          }
+        });
+      });
+    }
+
+    if (submitCreateMindmapBtn) {
+      submitCreateMindmapBtn.addEventListener('click', async () => {
+        const name = document.getElementById('mindmap-name').value;
+        const description = document.getElementById('mindmap-description').value;
+
+        if (!name.trim()) {
+          showNotification('Der Name der Mindmap darf nicht leer sein.', 'error');
+          return;
+        }
+
+        try {
+          const response = await fetch('/api/mindmaps', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ name, description }),
+          });
+          if (!response.ok) {
+            const errorData = await response.json();
+            throw new Error(errorData.error || `HTTP error! status: ${response.status}`);
+          }
+          const newMindmap = await response.json();
+          showNotification(`Mindmap "${newMindmap.name}" erfolgreich erstellt.`, 'success');
+          createMindmapModal.classList.add('hidden');
+          createMindmapForm.reset();
+          fetchUserMindmaps(); // Liste aktualisieren
+        } catch (error) {
+          console.error('Fehler beim Erstellen der Mindmap:', error);
+          showNotification(`Fehler beim Erstellen: ${error.message}`, 'error');
+        }
+      });
+    }
+    
+    // Initiale Ladefunktion für Mindmaps
+    fetchUserMindmaps();
+
+    // Bestehendes Skript für Bookmarks etc.
+    // Lade gespeicherte Bookmarks aus dem LocalStorage
+    function loadBookmarkedNodes() {
+      try {
+        const bookmarked = localStorage.getItem('bookmarkedNodes');
+        return bookmarked ? JSON.parse(bookmarked) : [];
+      } catch (error) {
+        console.error('Fehler beim Laden der gemerkten Knoten:', error);
+        return [];
+      }
+    }
+    
+    const bookmarkedNodeIds = loadBookmarkedNodes();
+    
+    // Prüfe, ob es gemerkte Knoten gibt
+    if (bookmarkedNodeIds && bookmarkedNodeIds.length > 0) {
+      // Verstecke die Leer-Nachricht
+      const emptyMindmapMessage = document.getElementById('empty-mindmap-message');
+      if (emptyMindmapMessage) {
+        emptyMindmapMessage.style.display = 'none';
+      }
+      
+      // Initialisiere die persönliche Mindmap
+      const personalMindmapContainer = document.getElementById('personal-mindmap');
+      if (personalMindmapContainer && typeof MindMapVisualization !== 'undefined') {
+          const personalMindmap = new MindMapVisualization('#personal-mindmap', {
+            width: personalMindmapContainer.clientWidth,
+            height: 400,
+            nodeRadius: 18,
+            selectedNodeRadius: 22,
+            linkDistance: 120,
+            chargeStrength: -800,
+            centerForce: 0.1,
+            tooltipEnabled: true
+          });
+          
+          // Lade Daten für die Mindmap
+          window.setTimeout(() => {
+            if (window.mindmapInstance) {
+              const nodes = window.mindmapInstance.nodes.filter(node =>
+                bookmarkedNodeIds.includes(node.id)
+              );
+              const links = window.mindmapInstance.links.filter(link =>
+                bookmarkedNodeIds.includes(link.source.id || link.source) &&
+                bookmarkedNodeIds.includes(link.target.id || link.target)
+              );
+              personalMindmap.nodes = nodes;
+              personalMindmap.links = links;
+              personalMindmap.isLoading = false;
+              personalMindmap.updateVisualization();
+            } else {
+                 if (emptyMindmapMessage) emptyMindmapMessage.style.display = 'flex';
+            }
+          }, 800);
+      }
+      loadBookmarkedContent(bookmarkedNodeIds);
+    } else {
+      // Zeige Leerzustand an
+      const areasContainer = document.getElementById('bookmarked-areas-container');
+      const thoughtsContainer = document.getElementById('bookmarked-thoughts-container');
+      
+      if (areasContainer) {
+        areasContainer.innerHTML = `
+          <div class="empty-state">
+            <div class="text-4xl mb-2 opacity-20">
+              <i class="fas fa-folder-open"></i>
+            </div>
+            <p class="text-gray-600 dark:text-gray-400">Keine gemerkten Wissensbereiche</p>
+          </div>
+        `;
+      }
+      
+      if (thoughtsContainer) {
+        thoughtsContainer.innerHTML = `
+          <div class="empty-state">
+            <div class="text-4xl mb-2 opacity-20">
+              <i class="fas fa-lightbulb"></i>
+            </div>
+            <p class="text-gray-600 dark:text-gray-400">Keine gemerkten Gedanken</p>
+          </div>
+        `;
+      }
+    }
+  });
+  
+  // Funktion zum Laden der gemerkten Inhalte (bleibt größtenteils gleich)
+  function loadBookmarkedContent(nodeIds) {
+    if (!nodeIds || nodeIds.length === 0) return;
+    
+    const areasContainer = document.getElementById('bookmarked-areas-container');
+    const thoughtsContainer = document.getElementById('bookmarked-thoughts-container');
+    
+    const colors = ['purple', 'blue', 'green', 'indigo', 'amber'];
+    
+    if (areasContainer) areasContainer.innerHTML = '';
+    if (thoughtsContainer) thoughtsContainer.innerHTML = '';
+    
+    const areaTemplates = [
+      { name: 'Philosophie', description: 'Grundlagen philosophischen Denkens', count: 24 },
+      { name: 'Wissenschaft', description: 'Wissenschaftliche Methoden und Erkenntnisse', count: 42 },
+      { name: 'Technologie', description: 'Zukunftsweisende Technologien', count: 36 },
+      { name: 'Kunst', description: 'Künstlerische Ausdrucksformen', count: 18 },
+      { name: 'Psychologie', description: 'Menschliches Verhalten verstehen', count: 30 }
+    ];
+    
+    const thoughtTemplates = [
+      { title: 'Quantenphysik und Bewusstsein', author: 'Maria Schmidt', date: '12.04.2023' },
+      { title: 'Ethik in der künstlichen Intelligenz', author: 'Thomas Weber', date: '23.02.2023' },
+      { title: 'Die Rolle der Kunst in der Gesellschaft', author: 'Lena Müller', date: '05.06.2023' },
+      { title: 'Nachhaltige Entwicklung im 21. Jahrhundert', author: 'Michael Bauer', date: '18.08.2023' },
+      { title: 'Kognitive Verzerrungen im Alltag', author: 'Sophie Klein', date: '30.09.2023' }
+    ];
+    
+    const areaCount = Math.min(nodeIds.length, 5);
+    
+    if (areasContainer && areaCount > 0) {
+      for (let i = 0; i < areaCount; i++) {
+        const area = areaTemplates[i];
+        const colorClass = colors[i % colors.length];
+        areasContainer.innerHTML += `
+          <a href="{{ url_for('mindmap') }}" class="bookmark-item block p-4 rounded-xl bg-white/80 dark:bg-gray-800/80 shadow-sm hover:shadow-md transition-all">
+            <div class="flex items-center">
+              <div class="w-10 h-10 rounded-lg bg-${colorClass}-100 dark:bg-${colorClass}-900/30 flex items-center justify-center mr-3">
+                <i class="fas fa-bookmark text-${colorClass}-500"></i>
+              </div>
+              <div class="flex-grow">
+                <h3 class="font-semibold text-gray-900 dark:text-white">${area.name}</h3>
+                <p class="text-sm text-gray-600 dark:text-gray-400">${area.description}</p>
+              </div>
+              <div class="text-xs text-gray-500 dark:text-gray-400">
+                ${area.count} Einträge
+              </div>
+            </div>
+          </a>
+        `;
+      }
+    } else if (areasContainer) {
+      areasContainer.innerHTML = `
+        <div class="empty-state">
+          <div class="text-4xl mb-2 opacity-20">
+            <i class="fas fa-folder-open"></i>
+          </div>
+          <p class="text-gray-600 dark:text-gray-400">Keine gemerkten Wissensbereiche</p>
+        </div>
+      `;
+    }
+    
+    const thoughtCount = Math.min(nodeIds.length, 5);
+    
+    if (thoughtsContainer && thoughtCount > 0) {
+      for (let i = 0; i < thoughtCount; i++) {
+        const thought = thoughtTemplates[i];
+        const colorClass = colors[(i + 2) % colors.length];
+        thoughtsContainer.innerHTML += `
+          <a href="{{ url_for('mindmap') }}" class="bookmark-item block p-4 rounded-xl bg-white/80 dark:bg-gray-800/80 shadow-sm hover:shadow-md transition-all">
+            <div class="flex items-center">
+              <div class="w-10 h-10 rounded-lg bg-${colorClass}-100 dark:bg-${colorClass}-900/30 flex items-center justify-center mr-3">
+                <i class="fas fa-lightbulb text-${colorClass}-500"></i>
+              </div>
+              <div class="flex-grow">
+                <h3 class="font-semibold text-gray-900 dark:text-white">${thought.title}</h3>
+                <p class="text-sm text-gray-600 dark:text-gray-400">Von ${thought.author} • ${thought.date}</p>
+              </div>
+            </div>
+          </a>
+        `;
+      }
+    } else if (thoughtsContainer) {
+      thoughtsContainer.innerHTML = `
+        <div class="empty-state">
+          <div class="text-4xl mb-2 opacity-20">
+            <i class="fas fa-lightbulb"></i>
+          </div>
+          <p class="text-gray-600 dark:text-gray-400">Keine gemerkten Gedanken</p>
+        </div>
+      `;
+    }
+  }
+</script>
 <!-- JavaScript für persönliche Mindmap -->
 <script>
   document.addEventListener('DOMContentLoaded', function() {