Css

module/config/itemBrowserConfig.mjs

@@ -1,3 +1,146 @@
+export const typeConfig = {
+    adversaries: {
+        columns: [
+            {
+                key: "system.tier",
+                label: "Tier"
+            },
+            {
+                key: "system.type",
+                label: "Type"
+            }
+        ],
+        filters: [
+            {
+                key: "system.tier",
+                label: "Tier",
+                field: 'system.api.models.actors.DhAdversary.schema.fields.tier'
+            },
+            {
+                key: "system.type",
+                label: "Type",
+                field: 'system.api.models.actors.DhAdversary.schema.fields.type'
+            },
+            {
+                key: "system.difficulty",
+                label: "Difficulty (Min)",
+                field: 'system.api.models.actors.DhAdversary.schema.fields.difficulty',
+                operator: "gte"
+            },
+            {
+                key: "system.difficulty",
+                label: "Difficulty (Max)",
+                field: 'system.api.models.actors.DhAdversary.schema.fields.difficulty',
+                operator: "lte"
+            },
+            {
+                key: "system.resources.hitPoints.max",
+                label: "Hit Points (Min)",
+                field: 'system.api.models.actors.DhAdversary.schema.fields.resources.fields.hitPoints.fields.max',
+                operator: "gte"
+            },
+            {
+                key: "system.resources.hitPoints.max",
+                label: "Hit Points (Max)",
+                field: 'system.api.models.actors.DhAdversary.schema.fields.resources.fields.hitPoints.fields.max',
+                operator: "lte"
+            },
+            {
+                key: "system.resources.stress.max",
+                label: "Stress (Min)",
+                field: 'system.api.models.actors.DhAdversary.schema.fields.resources.fields.stress.fields.max',
+                operator: "gte"
+            },
+            {
+                key: "system.resources.stress.max",
+                label: "Stress (Max)",
+                field: 'system.api.models.actors.DhAdversary.schema.fields.resources.fields.stress.fields.max',
+                operator: "lte"
+            },
+        ]
+    },
+    items: {
+        columns: [
+            {
+                key: "type",
+                label: "Type"
+            },
+            {
+                key: "system.secondary",
+                label: "Subtype",
+                format: (isSecondary) => isSecondary ? "secondary" : (isSecondary === false ? "primary" : '-')
+            },
+            {
+                key: "system.tier",
+                label: "Tier"
+            }
+        ],
+        filters: [
+            {
+                key: "type",
+                label: "Type",
+                choices: () => CONFIG.Item.documentClass.TYPES.filter(t => ["armor", "weapon", "consumable", "loot"].includes(t)).map(t => ({ value: t, label: t }))
+            },
+            {
+                key: "system.secondary",
+                label: "Subtype",
+                choices: [
+                    { value: false, label: "Primary Weapon"},
+                    { value: true, label: "Secondary Weapon"}
+                ]
+            },
+            {
+                key: "system.tier",
+                label: "Tier",
+                choices: [{ value: "1", label: "1"}, { value: "2", label: "2"}, { value: "3", label: "3"}, { value: "4", label: "4"}]
+            },
+            {
+                key: "system.burden",
+                label: "Burden",
+                field: 'system.api.models.items.DHWeapon.schema.fields.burden'
+            },
+            {
+                key: "system.attack.roll.trait",
+                label: "Trait",
+                field: 'system.api.models.actions.actionsTypes.attack.schema.fields.roll.fields.trait'
+            },
+            {
+                key: "system.attack.range",
+                label: "Range",
+                field: 'system.api.models.actions.actionsTypes.attack.schema.fields.range'
+            },
+            {
+                key: "system.baseScore",
+                label: "Armor Score (Min)",
+                field: 'system.api.models.items.DHArmor.schema.fields.baseScore',
+                operator: "gte"
+            },
+            {
+                key: "system.baseScore",
+                label: "Armor Score (Max)",
+                field: 'system.api.models.items.DHArmor.schema.fields.baseScore',
+                operator: "lte"
+            }
+        ]
+    },
+    features: {
+        columns: [
+
+        ],
+        filters: [
+
+        ]
+    },
+    cards: {
+        columns: [
+
+        ],
+        filters: [
+            
+        ]
+    }
+}
+
 export const compendiumConfig = {
     "daggerheart": {
         id: "daggerheart",

styles/less/ui/item-browser/item-browser.less

@@ -158,6 +158,9 @@
             }
 
             .item-desc .wrapper {
+                display: flex;
+                flex-direction: column;
+                gap: 5px;
                 padding: 0 10px;
             }
 
@@ -168,6 +171,10 @@
 
         .filter-content {
             padding: 0 10px;
+            .wrapper {
+                display: grid;
+                grid-template-columns: repeat(4, 1fr);
+            }
         }
 
         .filter-content, .item-desc {
@@ -176,8 +183,6 @@
             transition: all 0.3s ease-in-out;
             .wrapper {
                 overflow: hidden;
-                display: grid;
-                grid-template-columns: repeat(4, 1fr);
 
                 .form-group {
                     label {
@@ -200,5 +205,13 @@
             align-items: center;
             justify-content: center;
         }
+
+        .glassy {
+            background-color: light-dark(#18162e10, #f3c26710);
+            border-color: transparent;
+            border-radius: 6px;
+            padding-block: 0.35em 0.625em;
+            padding-inline: 0.75em;
+        }
     }
 }

templates/ui/itemBrowser/itemBrowser.hbs

@@ -2,12 +2,11 @@
     {{#if menu.data }}
         <div class="menu-path">
             {{#each menu.path}}
-                {{#unless (eq this "folders")}}
+                {{#if (eq this "folders")}}
-                    <span>{{this}}</span>
-                    {{#unless @last}}
                     <span class="path-link"> > </span>
-                    {{/unless}}
+                {{else}}
-                {{/unless}}
+                    <span>{{this}}</span>
+                {{/if}}
             {{/each}}
         </div>
         <fieldset class="item-filter glassy">
@@ -55,7 +54,7 @@
                     {{/each}}
                 </div>
             {{/if}}
-            <div class="item-list">
+            <div class="item-list glassy">
                 {{#each items}}
                     <div class="item-container" data-item-uuid="{{uuid}}" draggable="true">
                         <div class="item-header">