From f31e97edde65f380b42e7718f8b9084808db21bd Mon Sep 17 00:00:00 2001
From: lisyarus <lisyarus@gmail.com>
Date: Tue, 3 Jan 2023 23:31:45 +0300
Subject: [PATCH] Add a file dialog implementation

---
 libs/ui/include/psemek/ui/file_dialog.hpp |  33 +++
 libs/ui/resources/back.png                | Bin 0 -> 645 bytes
 libs/ui/resources/folder.png              | Bin 0 -> 7707 bytes
 libs/ui/source/file_dialog.cpp            | 302 ++++++++++++++++++++++
 4 files changed, 335 insertions(+)
 create mode 100644 libs/ui/include/psemek/ui/file_dialog.hpp
 create mode 100644 libs/ui/resources/back.png
 create mode 100644 libs/ui/resources/folder.png
 create mode 100644 libs/ui/source/file_dialog.cpp

diff --git a/libs/ui/include/psemek/ui/file_dialog.hpp b/libs/ui/include/psemek/ui/file_dialog.hpp
new file mode 100644
index 00000000..242b327a
--- /dev/null
+++ b/libs/ui/include/psemek/ui/file_dialog.hpp
@@ -0,0 +1,33 @@
+#pragma once
+
+#include <psemek/ui/element.hpp>
+#include <psemek/ui/window.hpp>
+#include <psemek/ui/element_factory.hpp>
+
+#include <filesystem>
+#include <functional>
+
+namespace psemek::ui
+{
+
+	enum class file_dialog_type
+	{
+		save,
+		load
+	};
+
+	struct file_dialog_options
+	{
+		struct element_factory & element_factory;
+		file_dialog_type type;
+		std::string caption;
+		std::filesystem::path path;
+		std::function<void(std::filesystem::path const &)> on_visited = nullptr;
+		std::function<void(std::filesystem::path const &)> on_selected = nullptr;
+		std::function<void()> on_canceled = nullptr;
+		std::shared_ptr<ui::element> extra_widget = nullptr;
+	};
+
+	std::shared_ptr<window> make_file_dialog(file_dialog_options const & options);
+
+}
diff --git a/libs/ui/resources/back.png b/libs/ui/resources/back.png
new file mode 100644
index 0000000000000000000000000000000000000000..e661f7dd93143f0e381e5c47d1bf2ff430c5aaa5
GIT binary patch
literal 645
zcmV;00($+4P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0004nX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmP!xqvQ>7v;4t5Z6$WX<>f~bh2R-p(LLaorMgUL((ph-iL
z;^HW{799LptU9<j>+0Yt2!cN#t}afBE>hxsNufoI7as59yn8P1od*bw3e&8vaX`~;
zGo4I`+1#oadPM+1L?B{RW|lE0Nh$c&*FAMp-NpGV|GqyfqUJ3I1VrLlW|%hd2J!T!
zZE)Tvj<S-h5}y-~nRG$oN3JU#zi}?QEby68Gn1YtjuMN-4pustl}wFzia4ffI?Wfd
z9;=+UIBS&}Yu%H-Fr3#{mbp%A2uUnr2@++bpoTIkuo0(SC&faV&J#ZVLDw&lOCeVo
zj2sK7LWAu3!T;cQwpL+s!kZLM0NpQ+^DzvBc7bNyalVfor+ESdpMfjA?XNa~nNQN|
zZ7p^L^lbwd*KJMN11@)ffhR*YWmgK)5()+2{fxdT2lU?py=z`>t#h0{02#_Ebpsq6
z0wYD5z3%hwp3dC<?P=xr15dYdnT+n4ga7~l24YJ`L;(K){{a7>y{D4^000SaNLh0L
z04^f{04^f|c%?sf00007bV*G`2j>9;4I?!Of+y7g000?uMObu0Z*6U5Zgc=ca%Ew3
zWn>_CX>@2HM@dakSAh-}00017Nkl<ZILpma%L)K62-4X9|8hG8BO2>*S<o#lHQ>uq
zRn5-I1PlPIf=MzYsBAt-*gfA!c=Nzr3eRnLd1$1y*M3bQGO83~HK8?qCh2_YsZa*s
fI7Y7|<IkuzhlwN|3qw)|00000NkvXXu0mjfL?Q%c

literal 0
HcmV?d00001

diff --git a/libs/ui/resources/folder.png b/libs/ui/resources/folder.png
new file mode 100644
index 0000000000000000000000000000000000000000..bcd5e19f67682f1b84a6391b0de50538b83dcc29
GIT binary patch
literal 7707
zcmeHMc{r5o`?nRza_l8CjV#5ij4{^3*te`%j-@ePjAh0$42p!xnoyRql(EIJL}km8
zNOlQ@q^u_ri4@WArOr8ZeZSZByUum}e*c~Ky55=hy_e5(KcDA*?(4Z{VoXhRIoXBT
z85kHi_4TyO!Edgen{6-nDW(T|0zUJGSlUp{2{ee0AH|jA1wg35J^%y=BDpd!1dR?|
zv-Mk0;W|H28|%n4N5F}cgs?Vz+5WZDWU}>O*t(%qfVge$v1O503^&TIef_*{{&iA{
zrSvNIv36eiY`c(?*UZs{4^KZj(YLlwhs_4ai<Osba&}3yKgmjLd)ee(Q`oasYtN0U
ze!m`5#%F=sPr-ULlvO7_8^he}N#t`7RP@jOy?yPxC)5oQ_vP~oM4WTSn}-8BP1$eD
z4L>jD&^jLdV!ZNY?PMYU{<#s4oM!*%n<ZnFQtYh#o9D;o#!Tak1C^%a&t_G%8%TZ4
zED`D1Ubu4gY4gQb1C1`&W#Qu}M#HYP8^uef8rx?%=~C)VwyCp63~knzZ0g0twq^re
zv+bK+yy~^P^o(;o>7?jVJEHu$&-Fh7ACBh`C)9E4n<?t{Ic+uTrbX-2a?HwToU6c)
zZbkI7T(aSaTfAq)<o3yF?3<$H(e9Wpf?-u<byF628no2cF@9#GD@e`=)72gNwt$#h
z{Z#VOa3C<=n11Be^Tw@~u5w$2+Q|!DK}Hj5(^(B;&L4?gVfI*C?)-~{B8-vir%v^4
zt0vK!)YfE_(!}i+c>Q=<$=;2bX5<0X0u#n7oYIu2-cl0zpn}jVTQOhI%MVM(&iP$;
zZ*OjXuhpPGb&Vl9h}wK$>eR2g&~7bRgJDS`0~&AIMqRk?jXb4U!7N@%gKKg<c~JG)
z1bw=Q^P|0vRhBi2=TUn(4y(s2YOmBg+|Cs36*|Lq<O08+^i3Thi4|ufv*}vNv@`6-
z3a(TdNDRHL>^st)>DMdq%sCF<h(BUt2+tqv#LLK8H#!_N^{nc_OlZcz?!JiixI3jb
zzTQtfp}Ib>Q1OtH=}c>q&S7AXBv~fE#Ua-#|3S72Ztq<?V{PLrad+i-$xGXM_pQ}U
z*5U59YvV>8%~ZF9l4IiqNT`&CVkByTGfK)P5+(AR;?t2J%6Z)D_%m9TEOAL1j}Ph`
zh}2L|;Ou%)Tc2)mZ<`Wiag6fvZAtgBoA1)PLuVIdhA+6pG#*qYNZ;_#UG+UX>*0TO
zbz`+COn7;0>g$+Re#BaOxJN)-t+jNS+Vtz+TC5D8g&u7hPL?%K+izyl)ya9p%l~oV
zRl`MBcU;cP(z^EM8{D2&DGRarCgVh{3wpTXAazfg^!jqx>V1(DkIzX}-`SYInTL60
zUGU~`D6hcQ<m>s5t24jdg_V!!JeDiByXYTUgW=4!sJ=?hh*l-t*@CTb_EnZ9_NTVg
zdQm*#95zoMDablbeLO=Rp50vXvh3p-Rd60<H#<vs1!ND8HEY{`c+kSVm+6BAU&pXm
zyk)z=t>>4n3SCM&Cw(<t+G%q@3!3U;KUKl5FLV1@l*$$N)2jlvp*h!a0mb5<V#P8d
zws~q}^obLEo8gJCxq6znI0i2(B%E?}CJb?xwDEZ_&SaYAepx9ZOP#FL_|-C<UZ^-(
zDN3I_+HRZ2^Pzx?QKI<`OShN#DEabQ6a~;cWccu0O}X+*nO{u!k=@BmcXd()gqjR0
z%7%>yd@9)s&c}7^xwvA{Hc(;5U%kx#h`&^`re?B7$oTeQx(;vsZ@S$r2T-Yk&T`Bs
z$(~1}RaVL>^@q0$*__P1+hTm?p1haS%n(lNymi6e&hiNd1fpRq*1cT!ahdJmUdEgj
zfs6F(2IEPG{H63cc)8Xx01~`6<|TdjeE+4R8O~DM$PUWKY4&;V#eHXUd=EeHKBz@7
z=+mgkyS-)H^Sh7<cSU&g)Np}YeDI{YUXx7BUNYZUa@EAA@R0lc(S>9@r}NG0l2~hx
zT(|`4yrN)7$Ga=I*Y2mLiw>~^PakPca?8fD0N6`;{GtIC;;MUcs9B9QC+lqUU`)}`
zquZjhJn0^moVPA8X2hhQ3x3hD_pq3q?!kSz8qjiqruV8ugI3l$mx*62mbC2|+=}!w
z^ygX<(DwTXdnQ!$ZBmY$Yc&`m8;SRq=*vW`a`|8#UN~mCKJPTU;L#(0h}VwUs1>_k
zFg=Q#inaMPZxz)e8*z{9`yk=Mw57enDs=T-0eiX8Yxew$x;dvxV-7)7rEXmTgz=-5
z-JV~(F}cs&Fwg8(;zPnJG`z*t(jlWX>?Hb}shZ9o+^%<~;+@+&plL_!Ly$B3PfZ+(
z<heq5K(!v?7?+xgnJH#n4N~IA?yDcoEX{y+lx5yF-mq^i(2tJRgqk`J85~7L8RhG!
zPFwgTnZyQZbPJpD<cnqtvyO#<W&F}rMi!}+PsRbo&o7j4JF(@br=M<D6g^d}Y|Syc
z+L%_*b1D0a;)mhKxh{T>%#P$)>0zoQWkQybQ=yGgRX_lT0JYEZU5Am=^WhDHEQQ84
zfs|tA4B;C?%mPm0E!vCuE!pO>9%BrUl(_!Tm~?&-#nfyA4WSjY19`gny57E#HS*U(
zJmaWcbkR6zo0g7hJAMYT%|j6@!RG?OBHD<_faKsKS+czDWvM~|?9}Rq8m#%JGp_ma
zey+u`du&8TKsj0^Ug_GZn3n%`<t{SsdGn$~jG@Gd$}DPcx5+(DtK*Tw_YOMRpRR;A
z$RC(_vX>o?dijT1v0-J50FN(aL-Ux_0B@wk>!r37^(F)PdEz6UlI}}lF9!4Y95#Fk
z@T=kygJIWnI-2x4ljCD&o)~IGdtvpKBAHt4XumIHlFd$ZAOI6i>kNw|hdE`p+KBz|
z+<ifamf1bphK0QQ4~I7kN8-qromjGMs=nSA?mUJqy)&m`v7{L%D{|>Q@$j;s8l91H
zFByFszZy^09)O9~<l$C=eJ{d`sy{_(uIx{KW#n+pQN~oTpQx|%T(2WVf>(Mvl`XaA
z$`xO8mxB=@{fCFn#T~DQ27Hbhe=#|jU7V>@@|52kbB-a0gGfjSFMN}-*mqo1c!A3$
zf!|;_vj{R4x{`pnAD}GraUnVvD6Z@A;7|KtcD(iS20xJh*0S|7q$+yS;AYN>uMtIC
zTQ~P!L2q^B!2Uh<eM`mtb4<M|^&<s#DG$}2ZlvkHI2jxLBHxA%q_#jcq)KUek8Xw|
zbpn)b`6ihZmtMAB>Uho(9J6HTUC-wG<mK<Cp7Nrf*V}XCR<wd<x&x$4bTPFnY4pJ0
zcbenE`D{}Cxz&zcmPYKW4=gQiHzb5$wLZ$_Z(#Wiq#mEB_)TU=@316EWomQIBB!)r
zfK2DHhN#}<)hS##FRq=1e&R9qUL##CA6L*I(?bVBZhiDu&)oAY5cS+=zlYtt?P_$a
zl%B<mNJ+TKQb>&QjgxoF=1#N(cSs(Qa12W`4xpy=e{K;<^r@_2eM1$HP}bgKASF68
z7~7X^kho9SROMwDt(v3q0a{#)arqtndC3IrP)_30WKY_ZTS9E^2+ZlY9`o?zMaIN+
z(*4sFdPbU*1F2jdarp_e3hs-YnBH+D-Q*fkO45{X<`&IkRU9)<d7)CMvz2gtZm_7y
z_e0#HCE8DdOyM;wIopE1{iw&^V{oD-ILz|w)GY2Nzh@GQ;pL8Lcl<5O4M)#8Ho!?2
zh1crxL_G!<k^_s(Kw)hOsCLSuH$^3cI1F%M<^%MV2a7;IQ#z=??+D+$`NQgO;pIE}
zRR{RINyy4KhMW$khcX7T5!hgaVNTDW0!Ei^*>~YiYQdY)&n9kjW0_eLI~BP%qyQjW
zF_h0BqtBqrR)lk6-c7pSG=(`KDItn?kK#s3eotqdNA*n7?*?kXn6iVcmFoHT$!S97
zw=W<++|Hl2S-<jbROI-3YRV_Q(uaa0faSe8TTk|tSZ|II1LQ!%TSwTnYXIw(mx=Mn
z#;fb*70RkA?bJnz?Qw;0?#%?-H%2%Q!MY}q<Kk@<UCryWgiIz!ReGV>%0QQjXnMZ*
zAMjV2GmV%bZXU@`Hw+4h0nKg_(v70B;~f`=IuD)mQD~R3&7)a&9#Wj(*yc!l+c4r=
zCoXuH{(0|>>IXu4PAf%ls5*X4baAYUB8~h-<jPwZ`2fpp*5<>kO=6pD=^-Bybt|@K
z_2*X-mk1lz#TEn4RCflxJ!!j5)V%staM|Jp)zvDdZT*~LX@3<eHG42u@Lu;R7dJPE
zCbee8G4JHWG$+G*%TQ|Ny2W_uqGfJJ;fFyb@@uDo(~^h6c)6!<|4!FA5{y}wkv5~d
z8=`?G3ER=@`oaeVJEYC7NIsf><K&>xX%JW&yt-zNA9W~HTjc0TEyy4(?O%LVlxB=i
ztSWpISx>qf4=w+#PPg6Fnz(mKH&a7-<kb=%V-H_u16^R^Wpdd}=J<5hjZ6WGAEEQ5
z-+MV0iPH^6S?|+bm`ru;{P{kT4H%h&<uZoN492_a8v0M)FC=4A9E?|}<(?*KC%r;?
zjUw*m9egiSy&5bRROK0B5o8Y^(-^8|*5M*_gar-UI-i+*R?d1NJ~<)5_^V0iSOu-z
zP@Q8##Wk=#;K8IvhRTyHkD-pQQkSDNqTni<_eWKi=Yu{Du5i;xUn=UOFm)Mtg~!Ht
z-P}gak2t68q!VkT=0npP`zANH9%sLbuyAZFrtj-xJ(Kw9I$u$a>U7u=<jaL6<scw&
zv1R$*Og%G|UPE)G<Zf)GyGMjXtZ{aTuDADb#jn#QxYvi;8P&zNx~qq{nH#l~1SZ9f
zyrgV*2Y)E+opl0?Npla}Or>h5fu?WEe$mNWy=IB;(mrH2fGd(jXj%9bNCi73e8l4`
zfV9@b*V$s!7Uh#3o|ZWM3wllc^9k{<UeHR5bNOGHRw6r3d1*<!Wnf^8BH{6-`gr`G
z-67Z$W`-uI>OC~&KYzj^A1c7A9Ifb5lqDM-OC3DUe^awaz%Bq8{6<Wkq-Sm~vgcVu
zq<WkctB{+6sQn&|W!BcAHvK2s2KN!i?nJ+DnF`IM^}TM`WVmSyTpN;Obg%PvHP=U_
zISJs)*&xwK-sp~Q^z6}NoD&;$h2-LT#lDrL&8oeF5pCh&dMaHUPbFVMvPbT4_HMTF
zoJ_Tv^q=%if$M#F9MCp}?UhK|lYJ0Xl@UD2cH3s&IX}*JWH7oghF)A?(RlfT&CLBa
z+md11&FnAdUq>`nb_dwe^$0wMmm!)Oq5_r#ag%zJ*z+7&QlVeO%bcKTnq}+<aDt|h
zdq>tHzdl$Rv1_}fk2sde65=E>N915zWGcNdbw*6tWPycEjoCV+-N}<F=ET4uQCJ8I
z2bo#unW*syGn^LwS_-cKShElC#%jOXif=r|%`wij<@xf(=$v9GL#2GlDyNSRTdTp9
zhIb#{HNLCe8he^O!5wwfuk0qRB?j!`gGgYvZewhuM5K7b2`&_803PJ+19tNa3@YkD
zJ_MpCK!rF1ZX~iQbg8}x3L&|uLai~zNMj#7;7-yD@dGSEOe~2Zo<y7rR9%f-B}fSb
z@CK*^NRYP|*<UG06}pS71U~PG5m3mk3Dr{-YGZ5)!BhMIh&)^#j)Z9kkpj_BHFk)K
zpNp%Kxt7j%2=Gl6>Q1HlC?OCu8Vyd9gH!z65GWiDhd`ncXfzD8fcXcLse~XH*<XAI
z;v0q*;7{};`A|s|GGqsn;7kdiszRZl9`a{=-af|0f5DUezq0`Hfe0e_AW(25!rL41
zqlZ6LI}il<9?*aF@V5ki^gx&c{*(YeBA^`zkg4K7LbwqB^7jew^V*$`3lRZ$0p6gg
zKR7Dtry+IqjZOdZ*rC9U<n6QT1(N-fC6(m*H(5W$wxijd&X0kB?tkI_Wc}ydca1?S
zV`C*P3Nc_OJbf)y=+5{`E)*ikMQQg@9*06=6#+SzJORLgABs4bqBBwv=B(f%hr}WY
zfSfb-2Pl2AKb1fx0y|J3IGhCHD7v_!aL#A~OaY5U!sHcjL>P_$U|{m{a`HF@oPw*1
z{ErYP{77I{61;wlY6r>%gu>z!oN>-rEDVqb1Ca+qfZ^m7F)&3enm~|OAmY#{)NV8`
zL?s=HpEm(qPLeml4M6yi-F6i_gez&7>Z?N0aOB?-Q!fJ56?9OA8j;8WL4PYON#1}3
zm9WDmN&$<;Vvq`GG!l(gKq~xgbQ19M2QzU86NQA!p?5Vq%c2BM1|*iSlcylSt{j|;
z65bCWP$_<v6pEKBbSEUpj^|%$V{kjU5U2z#0u=y3k!U$3BuWV>XNkfnVX#U_v<woI
z{9sRUA-M+sZ`M1T2cq(A$@NJ7;P}D2qHjCO0`UFz_U+Y+w7Zockljt8L?C{ff<GY;
zaM_I$#QLTpx)aE509ZY~r|X|`(tk+>tTPVhj8On{ND<=#rUF_KMsP+t!xR)1<gh4|
zq9OqU{EY5Tai!7-et?D>$Ro%Vn4Y^_L8NyV>e$cLG<RTU6+psZNEGZp2}69JFk+`>
z{5fM4#D8$2vTN`|kpca_$-v?T)<VQz#qc|4J7wqp@%p|N|BoYp(EkqdkNEwUu7BzJ
zM-2QU<A1a3U%LJg1OLeQ-|YH7ql^9Tb_yVaryv^GEQP1QZNNrrud|`9)^5wi@EKo!
z7JS<0qi5^SzyKHDxfz4<)dN8xD^=fEn{|$nnFGhf*w3o~iVjk>ZK!yP_s*%DVfU~I
zxIkzmsyk%ouxNdbO9(VF)7R3ll<p&*I)D!6$*3yQTTriysA=?!e=c7M@r>o%*IY2G
zuFw<DB9B6Xm#kwI<HJ3&t)EzX`oH>yK0A={m@_l!MiP(HG?BT6mj(QfcN>0SBojY}
Q2f-QiwN13jG*3nR519qTg8%>k

literal 0
HcmV?d00001

diff --git a/libs/ui/source/file_dialog.cpp b/libs/ui/source/file_dialog.cpp
new file mode 100644
index 00000000..6390196c
--- /dev/null
+++ b/libs/ui/source/file_dialog.cpp
@@ -0,0 +1,302 @@
+#include <psemek/ui/file_dialog.hpp>
+
+#include <psemek/ui/window.hpp>
+#include <psemek/ui/grid_layout.hpp>
+#include <psemek/ui/button.hpp>
+#include <psemek/ui/label.hpp>
+#include <psemek/ui/scroller.hpp>
+#include <psemek/ui/edit.hpp>
+#include <psemek/ui/frame.hpp>
+#include <psemek/util/to_string.hpp>
+#include <psemek/util/recursive.hpp>
+#include <psemek/io/memory_stream.hpp>
+#include <psemek/io/file_stream.hpp>
+#include <psemek/util/unicode.hpp>
+
+#include <psemek/ui/resources/folder_png.hpp>
+#include <psemek/ui/resources/back_png.hpp>
+
+namespace psemek::ui
+{
+
+	namespace
+	{
+
+		struct frame_style_fix
+			: ui::single_container
+		{
+			struct shape const & shape() const override
+			{
+				return child()->shape();
+			}
+
+			void reshape(geom::box<float, 2> const & bbox) override
+			{
+				child()->reshape(bbox);
+			}
+
+			geom::box<float, 2> size_constraints() const override
+			{
+				return child()->size_constraints();
+			}
+
+			geom::interval<float> width_constraints(float height) const override
+			{
+				return child()->width_constraints(height);
+			}
+
+			geom::interval<float> height_constraints(float width) const override
+			{
+				return child()->height_constraints(width);
+			}
+
+			void style_updated() const override
+			{
+				ui::single_container::style_updated();
+
+				auto style = merged_style();
+				auto new_style = std::make_shared<struct style>();
+				new_style->bg_color = style->action_color;
+
+				child()->set_own_style(new_style);
+			}
+
+			void draw(painter &) const override
+			{}
+		};
+
+		struct file_dialog_image_provider
+			: image_provider
+		{
+			file_dialog_image_provider()
+			{
+				back_.load(gfx::read_png(io::memory_istream(resources::back_png.data)));
+				back_.linear_filter();
+
+				folder_.load(gfx::read_png(io::memory_istream(resources::folder_png.data)));
+				folder_.linear_filter();
+
+				{
+					gfx::pixmap_rgba empty({folder_.width(), folder_.height()}, gfx::color_rgba{0, 0, 0, 0});
+					empty_.load(empty);
+					empty_.nearest_filter();
+				}
+			}
+
+			gfx::texture_view_2d get(std::string_view const & id) const override
+			{
+				if (id == "back")
+					return gfx::texture_view_2d{&back_};
+				if (id == "folder")
+					return gfx::texture_view_2d{&folder_};
+				if (id == "empty")
+					return gfx::texture_view_2d{&empty_};
+				return {};
+			}
+
+		private:
+			gfx::texture_2d back_;
+			gfx::texture_2d folder_;
+			gfx::texture_2d empty_;
+		};
+
+	}
+
+	std::shared_ptr<window> make_file_dialog(file_dialog_options const & options)
+	{
+		auto window = options.element_factory.make_window(options.caption);
+
+		auto main_layout = options.element_factory.make_grid_layout();
+		main_layout->set_size(4, options.extra_widget ? 3 : 2);
+		main_layout->set_column_weight(0, 0.f);
+		if (options.extra_widget)
+			main_layout->set_column_weight(2, 0.f);
+		main_layout->set_row_weight(0, 0.f);
+		main_layout->set_row_weight(2, 0.f);
+		main_layout->set_row_weight(3, 0.f);
+
+		auto image_provider = std::make_shared<file_dialog_image_provider>();
+
+		auto current_path = std::make_shared<std::filesystem::path>();
+		auto selected_path = std::make_shared<std::filesystem::path>();
+
+		auto back_button = options.element_factory.make_button(image_provider->get("back"));
+		back_button->icon()->set_downscale(false);
+
+		auto back_button_style = std::make_shared<style>();
+		back_button_style->inner_margin = geom::vector{2, 2};
+		back_button->set_style(back_button_style);
+
+		auto common_paths_label = options.element_factory.make_label("Home\nRoot");
+
+		auto current_path_label = options.element_factory.make_label("");
+		current_path_label->set_valign(label::valignment::center);
+
+		auto directory_view_frame_style_fix = std::make_shared<frame_style_fix>();
+		auto directory_view_frame = options.element_factory.make_frame();
+		directory_view_frame->set_fixed_size(geom::vector{600.f, 400.f});
+		auto directory_view_scroller = options.element_factory.make_scroller();
+		auto directory_view = options.element_factory.make_label("Folder\nFolder\nFile\nFile");
+
+		auto directory_view_style = std::make_shared<style>();
+		directory_view_style->link_color = gfx::white.as_color_rgba();
+		directory_view->set_style(directory_view_style);
+
+		auto path_edit = options.element_factory.make_edit();
+		path_edit->set_enabled(options.type == file_dialog_type::save);
+
+		auto bottom_layout = options.element_factory.make_grid_layout();
+		bottom_layout->set_outer_margin(false);
+		bottom_layout->set_size(1, 4);
+		bottom_layout->set_column_weight(0, 0.f);
+		bottom_layout->set_column_weight(2, 0.f);
+		bottom_layout->set_column_weight(3, 0.f);
+
+		auto status_label = options.element_factory.make_label("");
+
+		auto status_label_style = std::make_shared<style>();
+		status_label_style->text_color = gfx::red.as_color_rgba();
+		status_label->set_style(status_label_style);
+
+		auto confirm_button = options.element_factory.make_button(options.type == file_dialog_type::save ? "Save" : "Open");
+		auto cancel_button = options.element_factory.make_button("Cancel");
+
+		bottom_layout->set(0, 1, status_label);
+		bottom_layout->set(0, 2, confirm_button);
+		bottom_layout->set(0, 3, cancel_button);
+
+		directory_view_scroller->set_child(directory_view);
+		directory_view_frame->set_child(directory_view_scroller);
+		directory_view_frame_style_fix->set_child(directory_view_frame);
+
+		main_layout->set(0, 0, back_button);
+		main_layout->set(1, 0, common_paths_label);
+		main_layout->set(0, 1, current_path_label);
+		main_layout->set(1, 1, directory_view_frame_style_fix);
+		main_layout->set(2, 1, path_edit);
+		main_layout->set(3, 1, bottom_layout);
+		if (options.extra_widget)
+			main_layout->set(1, 2, options.extra_widget);
+
+		window->set_child(main_layout);
+
+		directory_view->set_image_provider(image_provider.get());
+		directory_view->data() = image_provider;
+
+		auto set_path_callback = std::make_shared<std::function<void(std::filesystem::path)>>();
+
+		*set_path_callback = [=, type = options.type, on_visited = options.on_visited](std::filesystem::path new_path)
+		{
+			new_path = std::filesystem::absolute(new_path);
+
+			try
+			{
+				[[maybe_unused]] auto test_iterator = std::filesystem::directory_iterator(new_path);
+			}
+			catch (std::filesystem::filesystem_error const & error)
+			{
+				status_label->set_text(error.code().message());
+				return;
+			}
+
+			if (on_visited)
+				on_visited(new_path);
+
+			*current_path = new_path;
+
+			status_label->set_text("");
+
+			back_button->on_click([set_path_callback, new_path]{
+				(*set_path_callback)(new_path.parent_path());
+			});
+
+			{
+				std::string path_str;
+
+				int index = 0;
+				for (auto const & component : new_path)
+				{
+					if (component.string() != "/")
+						path_str += "[link:" + util::to_string(++index) + "]" + component.string() + "[/link]/";
+					else
+						path_str += "[link:" + util::to_string(++index) + "]" + component.string() + "[/link]";
+				}
+				current_path_label->set_tagged_text(std::move(path_str));
+
+				current_path_label->on_link_click([set_path_callback, new_path, count = index](std::string_view const & value){
+					int index = util::from_string<int>(std::string{value});
+					auto path = new_path;
+					for (int i = 0; i < count - index; ++i)
+						path = path.parent_path();
+					(*set_path_callback)(path);
+				});
+			}
+
+			{
+				std::string contents_str;
+				int index = 0;
+				for (auto const & entry : std::filesystem::directory_iterator(new_path))
+				{
+					if (std::filesystem::is_directory(entry.path()))
+						contents_str += "[image:folder]";
+					else
+						contents_str += "[image:empty]";
+
+					contents_str += "[link:" + util::to_string(index++) + "]";
+					contents_str += entry.path().filename().string() + "[/link]\n";
+				}
+				directory_view->set_tagged_text(std::move(contents_str));
+
+				directory_view->on_link_click([=](std::string_view const & value){
+					int index = util::from_string<int>(std::string{value});
+					auto path = std::next(std::filesystem::directory_iterator(new_path), index)->path();
+					if (std::filesystem::is_directory(path))
+						(*set_path_callback)(path);
+					else
+					{
+						try
+						{
+							if (type == file_dialog_type::load)
+							{
+								[[maybe_unused]] io::file_istream test(path);
+							}
+							else
+							{
+								[[maybe_unused]] io::file_ostream test(path);
+							}
+							path_edit->set_text(path.filename().string());
+							status_label->set_text("");
+							*selected_path = path;
+						}
+						catch (std::exception const & error)
+						{
+							status_label->set_text(error.what());
+						}
+					}
+				});
+			}
+		};
+
+		path_edit->on_text_entered([=](std::u32string_view const & text_u32){
+			std::string text = util::to_utf8(std::u32string(text_u32));
+			*selected_path = *current_path / text;
+		}, false);
+
+		cancel_button->on_click([=]{
+			window->close();
+		});
+
+		window->on_close(options.on_canceled);
+
+		confirm_button->on_click([=, on_selected = options.on_selected]{
+			window->close();
+			if (on_selected)
+				on_selected(*selected_path);
+		});
+
+		(*set_path_callback)(options.path);
+
+		return window;
+	}
+
+}