[feat] added realm icons

src/lib/UI/Realm/RealmHubIcon.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { BookIcon, SmileIcon } from "lucide-svelte";
-  import { alertNormal } from "src/ts/alert";
+    import { BookIcon, ImageIcon, SmileIcon } from "lucide-svelte";
+    import { alertNormal } from "src/ts/alert";
     import { hubURL, type hubType } from "src/ts/characterCards";
 
     export let onClick = () => {}
@@ -25,9 +25,12 @@
         </div>
         <div class="flex-grow"></div>
         <div class="flex flex-wrap w-full flex-row-reverse gap-1">
-            {#if chara.viewScreen === 'emotion'}
+            {#if chara.hasEmotion}
                 <button class="text-gray-500 hover:text-green-500 transition-colors" on:click|stopPropagation={() => {alertNormal("This character includes emotion images")}}><SmileIcon /></button>
             {/if}
+            {#if chara.hasAsset}
+                <button class="text-gray-500 hover:text-green-500 transition-colors" on:click|stopPropagation={() => {alertNormal("This character includes additional assets")}}><ImageIcon /></button>
+            {/if}
             {#if chara.hasLore}
                 <button class="text-gray-500 hover:text-green-500 transition-colors" on:click|stopPropagation={() => {alertNormal("This character includes lorebook")}}><BookIcon /></button>
             {/if}

src/lib/UI/Realm/RealmPopUp.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { BookIcon, FlagIcon, PaperclipIcon, SmileIcon, TrashIcon } from "lucide-svelte";
+    import { BookIcon, FlagIcon, ImageIcon, PaperclipIcon, SmileIcon, TrashIcon } from "lucide-svelte";
     import { language } from "src/lang";
     import { alertConfirm, alertInput, alertNormal } from "src/ts/alert";
     import { hubURL, type hubType, downloadRisuHub } from "src/ts/characterCards";
@@ -37,9 +37,12 @@
                     {language.chatAssumed.replace('{}', openedData.download.toString())}
                 </span>
                 <div class="border-l-selected border-l ml-1 mr-1"></div>
-                {#if openedData.viewScreen === 'emotion'}
+                {#if openedData.hasEmotion}
                     <button class="text-gray-500 hover:text-green-500 transition-colors" on:click|stopPropagation={() => {alertNormal("This character includes emotion images")}}><SmileIcon /></button>
                 {/if}
+                {#if openedData.hasAsset}
+                    <button class="text-gray-500 hover:text-green-500 transition-colors" on:click|stopPropagation={() => {alertNormal("This character includes additional Assets")}}><ImageIcon /></button>
+                {/if}
                 {#if openedData.hasLore}
                     <button class="text-gray-500 hover:text-green-500 transition-colors" on:click|stopPropagation={() => {alertNormal("This character includes lorebook")}}><BookIcon /></button>
                 {/if}

src/ts/characterCards.ts

@@ -627,6 +627,8 @@ export type hubType = {
     tags: string[],
     viewScreen: "none" | "emotion" | "imggen"
     hasLore:boolean
+    hasEmotion:boolean
+    hasAsset:boolean
     creator?:string
     license:string
 }