@dcl-regenesislabs/bevy-explorer-web 0.1.0-18354928058.commit-b951631 → 0.1.0-18377204006.commit-eff27b9

package/assets/ui/discover.dui

@@ -1,139 +0,0 @@
-<define-template id="discover">
-    <div style="width: 100%; flex-grow: 1; flex-direction: row;">
-        <div style="position-type: absolute; width: 100%; height: 100%; flex-grow: 1; flex-direction: column;">
-            <div style="width: 100%; align-items: center;" focus="block" interact="true" z-index="1">
-                <!-- categories -->
-                <div style="width: 80%">
-                    <button-set style="width: 100%; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center;" buttons="@category-buttons" />
-                </div>
-                <div style="flex-direction: column; width: 15%; align-items: center;">
-                    <med-text text="sort by" />
-                    <combo-box style="width: 80%; height: 2.8vmin; background-color: #00000055;" options="@sort-options" selected="@initial-sort" onchanged="@sort-by-changed"/>
-                </div>
-                <div style="flex-direction: column; width: 10%; align-items: center;">
-                    <med-text text="worlds" />
-                    <div style="width: 6.2vmin; height: 2.8vmin;"><toggle ontoggle="@world-toggle" /></div>
-                </div>
-                <div style="align-items: center; flex-direction: column; width: 25%; flex-grow: 1; margin: 1vmin;">
-                    <med-text style="align-self: center;" text="filter" />
-                    <text-entry style="align-self: center; height: 3vmin; width: 100%; background-color: #00000055;" hint-text="(type to filter)" initial-text="@initial-filter" onchanged="@filter-changed" />
-                </div>
-            </div>
-            <hr-thin />
-            <div style="width: 100%; max-width: 100%; height: 10%; flex-grow: 1; flex-direction: row;">
-                <div style="flex-grow: 1;">
-                    <div style="width: 100%; height: 100%; flex-direction: column">
-                        <!-- items -->
-                        <vscroll>
-                            <div id="items" style="width: 100%; height: auto; flex-direction: row; align-content: center; justify-content: center; flex-wrap: wrap;" />
-                        </vscroll>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</define-template>
-
-<define-template id="discover-category-button">
-    <div>
-        <div style="width: 5vmin; height: 5vmin;" image="@img" />
-        <med-text style="color: black; align-self: center; margin: 1vmin;" text="@text" />
-    </div>
-</define-template>
-
-<define-template id="discover-page">
-    <bounds 
-        style="width: 36vmin; height: 28vmin; overflow-x: hidden; overflow-y: hidden; margin: 1.5vmin 2.5vmin 1.5vmin 2.5vmin;"
-        corner-size="2vmin"
-        blend-size="0.5vmin"
-        border-size="1vmin"
-        border-color="#0000ff"
-    >
-        <bounded style="position-type: absolute; left: 0px; right: 0px; top: 0px; bottom: 8vmin;" bound-image="@img" />
-        <bounded style="position-type: absolute; left: 0px; right: 0px; top: 20vmin; bottom: 0vmin; flex-direction: column; padding: 0vmin 1vmin 1vmin 1vmin;" color="#b2a1ff">
-            <med-text style="color: black;" text="@label" />
-            <small-text style="color: black;" text="@author" />
-        </bounded>
-        <div style="position-type: absolute; bottom: 8vmin; right: 0.5vmin; background-color: #000000aa;">
-            <div style="flex-direction: row; align-items: center;">
-                <div style="width: 2vmin; height: 2vmin; margin: 0px 0.1vmin 0px 1vmin;" image="images/discover/eye.png" />
-                <med-text text="@views" />
-                <div style="width: 2vmin; height: 2vmin; margin: 0px 0.1vmin 0px 1vmin;" image="images/discover/thumbsup.png" />
-                <med-text text="@likes" />
-                <div style="margin: 0px 0.1vmin 0px 1vmin;" />
-            </div>
-        </div>
-    </bounds>
-</define-template>
-
-<define-template id="discover-popup">
-    <fullscreen-block>
-        <bounds 
-            style="
-                flex-direction: column;
-                align-self: center;
-                max-width: 80%;
-                padding: 2vmin;
-            "
-            corner-size="4vmin"
-            blend-size="0.25vmin"
-            border-size="2vmin"
-            border-color="#1C298aff"
-            color="#aa1fc1bb"
-        >
-            <div style="justify-content: flex-end;">
-                <button img="images/redx.png" onclick="@close" image-width="4.4vmin" image-height="4.4vmin" />
-            </div>
-            <div style="justify-content: space-around;">
-                <bounds style="width: 30vmin; height: 20vmin; margin: 1vmin;" bound-image="@img" corner-size="2vmin"             blend-size="0vmin"
-            border-size="2vmin"
-            border-color="#000000"
- />
-                <div style="flex-direction: column">
-                    <large-text style="color: black" text="@title" />
-                    <div>
-                        <med-text style="color: black; margin: 1vmin" text="created by:" />
-                        <med-text style="color: black; margin: 1vmin" text="@author" />
-                    </div>
-                    <div>
-                        <div style="width: 2vmin; height: 2vmin; margin: 0.5vmin" image="images/discover/thumbsup.png" />
-                        <med-text text="@likes" />
-                    </div>
-                    <button label="Jump In" onclick="@jump-in" />
-                </div>
-            </div>
-            <hr />
-            <med-text text="Description" />
-            <med-text text="@description" />
-            <hr />
-            <med-text text="Location" />
-            <med-text text="@location" />
-            <hr />
-            <med-text text="Categories" />
-            <button-set buttons="@categories" />
-            <hr />
-            <div style="justify-content: space-around;">
-                <div style="flex-direction: column; justify-content: center; align-items: center; margin: 1vmin">
-                    <med-text text="Age Rating" />
-                    <med-text text="@rating" />
-                </div>
-                <div style="flex-direction: column; justify-content: center; align-items: center; margin: 1vmin">
-                    <med-text text="Active" />
-                    <med-text text="@active" />
-                </div>
-                <div style="flex-direction: column; justify-content: center; align-items: center; margin: 1vmin">
-                    <med-text text="Favorites" />
-                    <med-text text="@favorites" />
-                </div>
-                <div style="flex-direction: column; justify-content: center; align-items: center; margin: 1vmin">
-                    <med-text text="Visits (last 30d)" />
-                    <med-text text="@visits" />
-                </div>
-                <div style="flex-direction: column; justify-content: center; align-items: center; margin: 1vmin">
-                    <med-text text="Updated" />
-                    <med-text text="@updated" />
-                </div>
-            </div>
-        </bounds>
-    </fullscreen-block>
-</define-template>

package/assets/ui/emote-select.dui

@@ -1,45 +0,0 @@
-<define-template id="choose-emote-base">
-    <div style="
-        position-type: absolute;
-        left: '@left';
-        top: '@top';
-        align-items: center;
-        justify-content: center;
-    ">
-        <div style="flex-grow: 1; align-items: center; justify-content: space-around;">
-            <apply template="popup-layout" layout="@layout" />
-
-            <div style="position-type: absolute; width:16%; height: 24%; left:9.64%; top:78%;"> <emote-button id="emote_1" /><div image="@image_1" id="image_1" /></div>
-            <div style="position-type: absolute; width:16%; height: 24%; left:2.28%; top:54.33%;"> <emote-button id="emote_2" /><div image="@image_2" id="image_2" /></div>
-            <div style="position-type: absolute; width:16%; height: 24%; left:4.56%; top:30.63%;"> <emote-button id="emote_3" /><div image="@image_3" id="image_3" /></div>
-            <div style="position-type: absolute; width:16%; height: 24%; left:17.95%; top:8.12%;"> <emote-button id="emote_4" /><div image="@image_4" id="image_4" /></div>
-            <div style="position-type: absolute; width:16%; height: 24%; left:34.27%; top:-1.05%;"> <emote-button id="emote_5" /><div image="@image_5" id="image_5" /></div>
-            <div style="position-type: absolute; width:16%; height: 24%; left:49.73%; top:-1.05%;"> <emote-button id="emote_6" /><div image="@image_6" id="image_6" /></div>
-            <div style="position-type: absolute; width:16%; height: 24%; left:66.05%; top:8.12%;"> <emote-button id="emote_7" /><div image="@image_7" id="image_7" /></div>
-            <div style="position-type: absolute; width:16%; height: 24%; left:79.44%; top:30.63%;"> <emote-button id="emote_8" /><div image="@image_8" id="image_8" /></div>
-            <div style="position-type: absolute; width:16%; height: 24%; left:81.72%; top:54.33%;"> <emote-button id="emote_9" /><div image="@image_9" id="image_9" /></div>
-            <div style="position-type: absolute; width:16%; height: 24%; left:74.36%; top:78%;"> <emote-button id="emote_0" /><div image="@image_0" id="image_0" /></div>
-
-            <div style="position-type: absolute; left:10.88%; top:78.17%;"><med-text style="color: black;" text="1" /></div>
-            <div style="position-type: absolute; left:3.52%; top:54.5%;"><med-text style="color: black;" text="2" /></div>
-            <div style="position-type: absolute; left:5.8%; top:30.8%;"><med-text style="color: black;" text="3" /></div>
-            <div style="position-type: absolute; left:19.19%; top:8.29%;"><med-text style="color: black;" text="4" /></div>
-            <div style="position-type: absolute; left:35.51%; top:-0.88%;"><med-text style="color: black;" text="5" /></div>
-            <div style="position-type: absolute; left:50.97%; top:-0.88%;"><med-text style="color: black;" text="6" /></div>
-            <div style="position-type: absolute; left:67.29%; top:8.29%;"><med-text style="color: black;" text="7" /></div>
-            <div style="position-type: absolute; left:80.67%; top:30.8%;"><med-text style="color: black;" text="8" /></div>
-            <div style="position-type: absolute; left:82.96%; top:54.5%;"><med-text style="color: black;" text="9" /></div>
-            <div style="position-type: absolute; left:75.6%; top:78.17%;"><med-text style="color: black;" text="0" /></div>
-
-            <div style="left: 25%; right: 25%; width: 50%; max-width: 50%; align-self: center; align-items: center; flex-direction: row; flex-grow: 1;">
-                <div style="flex-grow: 1;" />
-                <large-text style="color: white; text-align: center;" id="output" text="" />
-                <div style="flex-grow: 1;" />
-            </div>
-        </div>
-    </div>
-</define-template>
-
-<define-template id="emote-button">
-    <div style="position-type: absolute; width: 100%; height: 100%;" image="images/emote-button-background.png" />
-</define-template>

package/assets/ui/emote.dui

@@ -1,116 +0,0 @@
-<define-template id="emotes">
-    <div style="width: 100%; flex-grow: 1; flex-direction: row;">
-        <div id="background" style="position-type: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; background-color: #cccccc;" image="images/backpack/Background.jpeg" />
-        <div style="position-type: absolute; left: -20%, width: 70%; min-width: 70%; max-width: 70%; height: 100%;">
-            <photobooth booth-instance="@booth-instance" />
-            <!-- <div style="width: 100%; height: 100%; background-color: white; flex-grow: 1;" /> -->
-        </div>
-        <div style="position-type: absolute; width: 70%; left: 30%; height: 100%; flex-grow: 1; flex-direction: column; background-color: #00000066;">
-            <!-- emotes tool bar -->
-            <div id="tools" style="width: 100%;">
-                <div style="align-items: center; flex-direction: column; width: 25%; flex-grow: 1; margin: 1vmin;">
-                    <med-text style="align-self: center;" text="show only collectibles" />
-                    <div style="width: 6.2vmin; height: 2.8vmin;"><toggle ontoggle="@only-collectibles" toggled="@only-collectibles-set" /></div>
-                </div>
-                <space />
-                <div style="align-items: center; flex-direction: column; width: 25%; flex-grow: 1; margin: 1vmin;">
-                    <med-text style="align-self: center;" text="sort by" />
-                    <combo-box style="align-self: center; height: 3vmin; width: 100%; background-color: #00000055;" options="@sort-by" selected="@initial-sort-by" onchanged="@sort-by-changed" allow-null="false" disabled="false" />
-                </div>
-                <div style="align-items: center; flex-direction: column; width: 25%; flex-grow: 1; margin: 1vmin;">
-                    <med-text style="align-self: center;" text="filter" />
-                    <text-entry style="align-self: center; height: 3vmin; width: 100%; min-width: 100%; background-color: #00000055;" hint-text="(type to filter)" initial-text="@initial-filter" onchanged="@filter-changed" />
-                </div>
-    
-            </div>
-            <hr-thin />
-            <!-- body -->
-            <div style="width: 100%; max-width: 100%; height: 10%; flex-grow: 1; flex-direction: row;">
-                <!-- categories -->
-                <div style="width: 30%; height: 100%; max-width: 30%;">
-                    <vscroll>
-                        <tab-group id="slot-tabs" style="justify-content: center; flex-direction: row; flex-wrap: wrap" tabs="@slot-tabs" onchanged="@slot-changed" initial="@selected-slot" toggle="false" />
-                    </vscroll>
-                </div>
-                <!-- content -->
-                <div style="width: 70%; flex-grow: 1;">
-                    <div style="width: 100%; height: 100%; flex-direction: column">
-                        <!-- items -->
-                        <div style="width: 100%; height: 70%">
-                            <vscroll>
-                                <div id="items" style="width: 100%; flex-wrap: wrap;"/>
-                            </vscroll>
-                        </div>
-                        <hr />
-                        <!-- selected -->
-                        <div id="selected-item" style="width: 100%; height: 30%;" /> 
-                    </div>
-                </div>
-            </div>
-            <!-- buttons -->
-            <!-- <div style="width: 100%; background-color: #0000ff44;">
-                <space />
-                <button-set buttons="@buttons" />
-            </div> -->
-        </div>
-    </div>
-</define-template>
-
-<define-template id="emote-slot">
-    <div style="width: 100%; height: 100%; flex-direction: row; border: 1vmin;">
-        <div style="width: 6vmin; height: 6vmin; min-width: 6vmin; min-height: 6vmin; ">
-            <med-text text="@slot-id" />
-        </div>
-        <div style="width: 6vmin; height: 6vmin; min-width: 6vmin; min-height: 6vmin">
-            <nineslice id="button-background" slice-image="images/button.png" slice-border="37.5%" slice-color="#aaaaff" />
-            <div id="item-image" image="@emote-img" />
-        </div>
-    </div>
-</define-template>
-
-<define-template id="emote-items">
-    <tab-group style="justify-content: center; flex-direction: row; flex-wrap: wrap" tabs="@tabs" onchanged="@onchanged" initial="@initial" />
-</define-template>
-
-<define-template id="emote-item">
-    <div style="width: 14vmin; height: 14vmin; min-width: 14vmin; min-height: 14vmin; padding: 0.2vmin; ">
-        <div id="rarity" style="position-type: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%;" image-color="@rarity-color" image="images/backpack/item_bg.png" />
-        <div image="@img" image-color="@img-color" />
-    </div>
-</define-template>
-
-<define-template id="emote-item-pending">
-    <div style="width: 14vmin; height: 14vmin; min-width: 14vmin; min-height: 14vmin; margin: 0.6vmin;">
-        <div id="background" style="position-type: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%;" image="images/backpack/item_bg.png" />
-        <spinner />
-    </div>
-</define-template>
-
-<define-template id="emote-selection">
-    <div style="width: 100%; height: 100%; flex-grow: 1;" interact="true" focus="block">
-        <div style="margin: 0.5vmin; position-type: absolute; top: -1vmin; right: 1vmin; left: 1vmin; bottom: 1vmin;"> 
-            <nineslice slice-image="images/button.png" slice-border="37.5%" slice-color="#bbbbbb" />
-            <div style="flex-direction: row; flex-grow: 1; margin: 2vmin; ">
-                <div style="height: 100%; max-width: 10vmin; aspect-ratio: 1;">
-                    <div style="position-type: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%;" image-color="@rarity-color" image="images/backpack/item_bg.png" />
-                    <div image="@selection-image" />
-                </div>
-                <div style="flex-direction: column; height: 100%; flex-grow: 1;">
-                    <vscroll>
-                        <div style="flex-direction: column; flex-grow: 1;">
-                            <div style="flex-direction: column; width: 100%; height: auto; margin: 0vmin 1vmin 1vmin 1vmin; flex-grow: 1;">
-                                <large-text style="color: black; margin: 0vmin 1vmin 1vmin 1vmin;" text="@title" />
-                            </div>
-                            <div style="width: 100%; height: auto; margin: 1vmin; flex-grow: 1;">
-                                <med-text style="color: black; flex-grow: 1; width: 100%; margin: 1vmin;" text="@body" />
-                            </div>
-                        </div>
-                    </vscroll>
-                </div>
-                <div style="flex-direction: column; align-items: center;">
-                    <button label="@label" onclick="@onclick" />
-                </div>
-            </div>
-        </div>
-    </div>
-</define-template>

package/assets/ui/foreign-profile-dialog.dui

@@ -1,18 +0,0 @@
-<define-template id="foreign-profile">
-    <dialog title="@title" buttons="@buttons">
-        <vscroll> 
-            <div style="flex-direction: row">
-                <div style="height: 50vh; width: 30vw; border: 1px; border-color: green">
-                    <photobooth booth-instance="@booth-instance" />
-                </div>
-                <div style="flex-direction: column; width: 40%">
-                    <med-text text="profile content goes here" />
-                    <hr/>
-                    <med-text text="e.g. eth address:" />
-                    <med-text text="@eth-address" />
-                    <hr/>
-                </div>
-            </div>
-        </vscroll>
-    </dialog>
-</define-template>

package/assets/ui/fullscreen-block.dui

@@ -1,12 +0,0 @@
-<define-template id="fullscreen-block">
-    <div focus="block" z-index="11048576" style="
-        position-type: absolute;
-        width: 100%;
-        height: 100%;
-        align-items: center;
-        justify-content: center;
-        background-color: #000000ee;
-    ">
-        <apply-children />
-    </div>
-</define-template>

package/assets/ui/login.dui

@@ -1,72 +0,0 @@
-<!-- login dialog
-- @allow-reuse: bool
-- @reuse, @connect, @guest, @quit: On::<Click> functions
--->
-<define-template id="login">
-    <fullscreen-block>
-        <bounds 
-            style="
-                flex-direction: column;
-                height: 80%;
-                max-height: 80%;
-                width: 80%;
-                max-width: 80vmin;
-                overflow-x: hidden;
-                overflow-y: hidden;
-                align-items: center;
-                justify-content: space-around;
-                padding: 4vmin;
-            "   
-            corner-size="4vmin"
-            blend-size="0.25vmin"
-            border-size="2vmin"
-            border-color="#1C298aff"
-            color="#aa1fc166"
-        >
-            <large-text style="margin: 2.8vmin; text-align: center; color: black;">Bevy Explorer</large-text>
-            <div style="align-self: center; height: 100%; min-height: 1%, background-color: #00ff00;"><div image="images/dcl-godot-bevy.png" /></div>
-            <small-text style="text-align: center; color: black;">Powered by</small-text>
-            <div image="images/dao_small.png" style="width: 28vmin; height: 4.2vmin; align-self: center;" />
-            <button id="reuse" label="Reuse Last Login" onclick="@reuse" enabled="@allow-reuse" />
-            <button id="connect" label="Connect External Wallet" onclick="@connect" />
-            <button id="guest" label="Play as Guest" onclick="@guest" />
-            <button id="quit" label="Quit" onclick="@quit" />
-        </bounds>
-    </fullscreen-block>
-</define-template>
-
-<!-- cancel login dialog
-- @buttons: Vec<Button>
--->
-<define-template id="cancel-login">
-    <dialog title="Waiting for Signature" buttons="@buttons">
-        <div style="flex-direction: column; align-items: center;">
-            <div style="flex-direction: column; width: 100%;">
-                <med-text style="
-                    color: black;
-                    text-align: center;
-                    margin: 2.8vmin;
-                    "
-                    text="Please follow the instructions in your browser to connect your wallet to your Decentraland account"
-                />
-                <div style="flex-direction: row;">
-                    <med-text style="
-                        color: black;
-                        text-align: center;
-                        margin: 2.8vmin;
-                        "
-                        text="Connection code: "
-                    />
-                    <large-text style="
-                        color: black;
-                        text-align: center;
-                        margin: 2.8vmin;
-                        "
-                        text="@code"
-                    />
-                </div>
-            </div>
-            <spinner />
-        </div>
-    </dialog>
-</define-template>

package/assets/ui/map.dui

@@ -1,8 +0,0 @@
-<define-template id="map">
-    <div style="width: 100%; height: 100%; background-color: #1a1a1a;">
-        <div style="width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden; border-color: red; border: 0px;" z-index="-1">
-            <div id="map-node" style="flex-grow: 1; overflow-x: hidden; overflow-y: hidden;">
-            </div>
-        </div>
-    </div>
-</define-template>

package/assets/ui/minimap.dui

@@ -1,16 +0,0 @@
-<define-template id="minimap">
-    <bounds 
-        style="flex-direction: column; left: 1vmin; top: 1vmin; width: 25vmin; overflow-x: hidden;"
-        corner-size="2vmin"
-        blend-size="0.25vmin"
-        border-size="1vmin"
-        border-color="#1C298aff"
-        color="#aa1fc166"
-    >
-        <div id="map-container" style="width: 100%; aspect-ratio: 1; overflow-x: hidden; overflow-y: hidden;" z-index="-1">
-            <bounds id="map-node" style="flex-grow: 1; overflow-x: hidden; overflow-y: hidden;" corner-size="2vmin" blend-size="0.5vmin" border-size="1vmin" border-color="#00000000"/>
-        </div>
-        <med-text id="title" style="left: 1vmin; margin: 1vmin;" text="" />
-        <med-text id="position" style="left: 1vmin; margin: 1vmin 1vmin 2vmin 1vmin;" text="" />
-    </bounds>
-</define-template>

package/assets/ui/motd.dui

@@ -1,25 +0,0 @@
-<define-template id="motd">
-    <dialog title="Bevy Explorer" buttons="@buttons">
-        <div style="flex-direction: column; align-items: center; justify-content: center; margin: 4vmin;">
-            <large-text text="Warning" />
-            <div style="flex-direction: column; align-items: center;">
-                <med-text text="Bevy Explorer is in early development. Please have fun and report any issues on " />
-                <div>
-                    <med-link label="github" color="#8888ff" href="https://github.com/decentraland/bevy-explorer/issues" />
-                    <med-text text=" or " />
-                    <med-link label="discord" color="#8888ff" href="https://discord.gg/ZmqVKQm2" />
-                </div>
-            </div>
-            <hr />
-            <div style="flex-direction: column;">
-                <med-text text="Latest Updates (2025-01-27)" />
-                <hr-thin />
-                <med-text text="• TextureCameras that can render to texture for display in-world or in ui" />
-                <med-text text="• Imposters for distant scenes" />
-                <med-text text="• mouse Drag events and additional pointer information" />
-                <med-text text="• Friends and social service features" />
-            </div>
-        </div>
-    </dialog>
-</define-template>
-

package/assets/ui/nft-dialog.dui

@@ -1,29 +0,0 @@
-<define-template id="nft-dialog">
-    <dialog title="@title" buttons="@buttons">
-        <vscroll>
-            <div style="width: 35vw; height: 35vw;">
-                <bounds style="width: 100%; height: 100%;"
-                    corner-size="1vmin"
-                    blend-size="0.25vmin"
-                    border-size="0.5vmin"
-                    border-color="#000000"
-                >
-                    <bounded style="width: 100%;" bound-image="@img" />
-                </bounds>
-            </div>
-            <div style="flex-direction: column; max-width: 30vw; margin: 2vmin;">
-                <hr />
-                <div style="flex-direction: column;">
-                    <med-text text="Creator: " />
-                    <med-text text="@creator" />
-                </div>
-                <hr />
-                <div style="flex-direction: column;">
-                    <med-text text="Description: " />
-                    <med-text text="@description" />
-                </div>
-                <hr />
-            </div>
-        </vscroll>
-    </dialog>
-</define-template>

package/assets/ui/oow.dui

@@ -1,41 +0,0 @@
-<define-template id="out-of-world">
-    <div focus="block" style="
-        position-type: absolute;
-        width: 100%;
-        height: 100%;
-        align-items: center;
-        justify-content: center;
-        background-color: #000000ee;
-    ">
-        <bounds 
-            style="
-                flex-direction: column;
-                height: 80%;
-                max-height: 80%;
-                width: 80%;
-                max-width: 80vmin;
-                overflow-x: hidden;
-                overflow-y: hidden;
-                align-items: center;
-                justify-content: space-around;
-                padding: 4vmin;
-            "   
-            corner-size="4vmin"
-            blend-size="0.25vmin"
-            border-size="2vmin"
-            border-color="#1C298aff"
-            color="#aa1fc166"
-        >
-            <div style="flex-direction: column; align-items: center;">
-                <med-text text="Loading " />
-                <large-text text="@title" id="title" />
-            </div>
-            <div>
-                <med-text text="waiting for ... " />
-                <med-text text="@load-state" id="load-state" />
-            </div>
-            <hr />
-            <button label="Change Realm" onclick="@cancel" />
-        </bounds>
-    </div>
-</define-template>

package/assets/ui/permissions-dialog.dui

@@ -1,39 +0,0 @@
-<define-template id="permission-dialog-wrapper">
-    <fullscreen-block>
-        <bounds 
-            style="
-                flex-direction: column;
-                overflow-x: hidden;
-                overflow-y: hidden;
-                align-items: center;
-                padding: 4vmin;
-                max-width: 90%;
-                max-height: 80%;
-            "
-            corner-size="4vmin"
-            blend-size="0.25vmin"
-            border-size="2vmin"
-            border-color="#1C298aff"
-            color="#aa1fc166"
-        >
-            <large-text style="margin: 2vmin; text-align: center; color: white;" text="@title" />
-            <hr />
-            <apply-children />
-            <hr />
-            <div style="width: 100%">
-                <space />
-                <div style="flex-direction: column">
-                    <button-set buttons="@buttons" />
-                    <combo-box options="@options" selected="0" onchanged="@option-changed" />
-                </div>
-                <button-set buttons="@buttons2" />
-            </div>
-        </bounds>
-    </fullscreen-block>
-</define-template>
-
-<define-template id="permission-text-dialog">
-    <permission-dialog-wrapper title="@title" buttons="@buttons" buttons2="@buttons2" options="@options" option-changed="@option-changed">
-        <med-text text="@body" />
-    </permission-dialog-wrapper>
-</define-template>

package/assets/ui/permissions.dui

@@ -1,54 +0,0 @@
-<define-template id="permissions-tab">
-    <div style="position-type: absolute; width: 100%; height: 100%; flex-grow: 1; flex-direction: row;">
-        <div style="flex-direction: column; width: 70%; height: 100%">
-            <div id="header">
-                <div style="width: 40%" />
-                <div style="flex-direction: column; width: 20%; align-self: center; align-items: center">
-                    <med-text text="Current Scene" style="color: black;  text-align: center" />
-                    <med-text text="@scene" style="color: white;  text-align: center" wrap="true" />
-                </div>
-                <div style="flex-direction: column; width: 20%; align-self: center; align-items: center">
-                    <med-text text="Current Realm" style="color: black; text-align: center" />
-                    <med-text text="@realm" style="color: white; text-align: center" wrap="true" />
-                </div>
-                <div style="flex-direction: column; width: 20%; align-self: center; align-items: center">
-                    <med-text style="color: black; text-align: center" text="Global" />
-                </div>
-            </div>
-            <hr />
-            <vscroll id="scrollable">
-                <div id="permissions-box" style="width: 100%; flex-direction: column; margin: 0px 2vmin 0px 0px;" />
-            </vscroll>
-        </div>
-        <div style="width: 30%; height: 100%; flex-direction: column;">
-            <hr />
-            <large-text text="Permission Info" />
-            <hr-thin />
-            <vscroll>
-                <div style="margin: 1vmin">
-                    <med-text text="Hover a permission to show a description" id="permission-description" style="color: black" />
-                </div>
-            </vscroll>
-        </div>
-    </div>
-</define-template>
-
-<define-template id="permission">
-    <div style="flex-direction: column; width: 100%;">
-        <div>
-            <div style="flex-direction: column; width: 40%; align-items: flex-end; justify-content: center;">
-                <med-text style="color: black; text-align: right;" text = "@permission-name" />
-            </div>
-            <div style="width: 20%; align-items: center; justify-content: center;">
-                <button image-width="5vmin" image-height="5vmin" img="@scene-image" onclick="@scene-click" enabled="@scene-enabled" />
-            </div>
-            <div style="width: 20%; align-items: center; justify-content: center;">
-                <button image-width="5vmin" image-height="5vmin" img="@realm-image" onclick="@realm-click" />
-            </div>
-            <div style="width: 20%; align-items: center; justify-content: center;">
-                <button image-width="5vmin" image-height="5vmin" img="@global-image" onclick="@global-click" />
-            </div>
-        </div>
-    </div>
-    <hr-thin />
-</define-template>