Bug/103 enrich htmlfield content before its used in applications (#369)

* FIX: Add enritch to HTMLField
FIX: Remove no-HTMLField from Manifest
FIX: Convert Scar's HTMLField to StringField
FIX: Remove unused HTMLField

* REMOVE unused hanldebars helpers

* FEAT: add inventory-fieldset-items-V2 and inventory-item-V2  partials for Actors

* FIX showLabels to hideTags

* FEAT: add template to items sheet

* FEAT: add effects tabs on ItemSheet

* FEAT: add context menus for all inventory-items

* FEAT: add resources to inventory-item template

* FEAT: add enritch on inventory-item description
FEAT: add extensible behavior on inventory-item-content
FEAT: add fade effect on item-img to roll-itmg

* FEAT: add eritch to NPC description
FIX: missing htmlFieldss on manfiest
FIX: add misisng localizations

* FIX_ minor fixes

* Little resource fix. Noone will notice ._.

* FIX: remove default list styles
FIX: .extended css reduce max-height, shorten animation duration to 0.5s, and set overflow to auto.
FIX: set enriched=notes.enriche on notes.hbs
FIX: set experience.value on sidebar.hbs
FIX: move tooltip from item-img to img-portrait on inventory-item-V2.hbs
REMOVE: unused files

---------

Co-authored-by: Joaquin Pereyra <joaquinpereyra98@users.noreply.github.com>
Co-authored-by: WBHarry <williambjrklund@gmail.com>

daggerheart.mjs

@@ -66,7 +66,7 @@ Hooks.once('init', () => {
     CONFIG.Token.documentClass = documents.DhToken;
     CONFIG.Token.prototypeSheetClass = applications.sheetConfigs.DhPrototypeTokenConfig;
     DocumentSheetConfig.unregisterSheet(TokenDocument, 'core', foundry.applications.sheets.TokenConfig);
-    DocumentSheetConfig.registerSheet(TokenDocument, 'dnd5e', applications.sheetConfigs.DhTokenConfig, {
+    DocumentSheetConfig.registerSheet(TokenDocument, SYSTEM.id, applications.sheetConfigs.DhTokenConfig, {
         makeDefault: true
     });
 

lang/en.json

@@ -108,15 +108,6 @@
             "Character": {
                 "age": "Age",
                 "companionFeatures": "Companion Features",
-                "contextMenu": {
-                    "consume": "Consume Item",
-                    "equip": "Equip",
-                    "sendToChat": "Send To Chat",
-                    "toLoadout": "Send to Loadout",
-                    "toVault": "Send to Vault",
-                    "unequip": "Unequip",
-                    "useItem": "Use Item"
-                },
                 "faith": "Faith",
                 "levelUp": "You can level up",
                 "pronouns": "Pronouns",
@@ -206,6 +197,16 @@
                 "requestingSpotlight": "Requesting The Spotlight",
                 "requestSpotlight": "Request The Spotlight"
             },
+            "ContextMenu": {
+                "disableEffect": "Disable Effect",
+                "enableEffect": "Enable Effect",
+                "equip": "Equip",
+                "sendToChat": "Send To Chat",
+                "toLoadout": "Send to Loadout",
+                "toVault": "Send to Vault",
+                "unequip": "Unequip",
+                "useItem": "Use Item"
+            },
             "Countdown": {
                 "addCountdown": "Add Countdown",
                 "FIELDS": {
@@ -1581,6 +1582,8 @@
                 "featureNotMastery": "This feature is used as something else than a Mastery feature and cannot be used here."
             },
             "Tooltip": {
+                "disableEffect": "Disable Effect",
+                "enableEffect": "Enable Effect",
                 "openItemWorld": "Open Item World",
                 "openActorWorld": "Open Actor World",
                 "sendToChat": "Send to Chat",

module/applications/sheets-configs/action-config.mjs

@@ -109,7 +109,7 @@ export default class DHActionConfig extends DaggerheartSheet(ApplicationV2) {
         context.getEffectDetails = this.getEffectDetails.bind(this);
         context.costOptions = this.getCostOptions();
         context.disableOption = this.disableOption.bind(this);
-        context.isNPC = this.action.actor && this.action.actor.type !== 'character';
+        context.isNPC = this.action.actor?.isNPC;
         context.hasRoll = this.action.hasRoll;
 
         const settingsTiers = game.settings.get(CONFIG.DH.id, CONFIG.DH.SETTINGS.gameSettings.LevelTiers).tiers;

module/applications/sheets-configs/environment-settings.mjs

@@ -1,3 +1,4 @@
+import { getDocFromElement } from '../../helpers/utils.mjs';
 import DHBaseActorSettings from '../sheets/api/actor-setting.mjs';
 
 /**@typedef {import('@client/applications/_types.mjs').ApplicationClickAction} ApplicationClickAction */
@@ -9,8 +10,7 @@ export default class DHEnvironmentSettings extends DHBaseActorSettings {
         actions: {
             addCategory: DHEnvironmentSettings.#addCategory,
             removeCategory: DHEnvironmentSettings.#removeCategory,
-            viewAdversary: this.#viewAdversary,
+            deleteAdversary: DHEnvironmentSettings.#deleteAdversary
-            deleteAdversary: this.#deleteAdversary
         },
         dragDrop: [
             { dragSelector: null, dropSelector: '.category-container' },
@@ -69,37 +69,30 @@ export default class DHEnvironmentSettings extends DHBaseActorSettings {
         await this.actor.update({ [`system.potentialAdversaries.-=${target.dataset.categoryId}`]: null });
     }
 
-    static async #viewAdversary(_, button) {
+    /**
-        const adversary = await foundry.utils.fromUuid(button.dataset.adversary);
+     * 
-        if (!adversary) {
+     * @type {ApplicationClickAction}
-            ui.notifications.warn(game.i18n.localize('DAGGERHEART.UI.Notifications.adversaryMissing'));
+     * @returns 
-            return;
+     */
-        }
+    static async #deleteAdversary(_event, target) {
+        const doc = getDocFromElement(target);
+        const { category } = target.dataset;
+        const path = `system.potentialAdversaries.${category}.adversaries`;
 
-        adversary.sheet.render({ force: true });
-    }
-
-    static async #deleteAdversary(event, target) {
-        const adversaryKey = target.dataset.adversary;
-        const path = `system.potentialAdversaries.${target.dataset.potentialAdversary}.adversaries`;
-        const property = foundry.utils.getProperty(this.actor, path);
-        const adversary = property.find(x => (x?.uuid ?? x) === adversaryKey);
-
-        if (adversary) {
         const confirmed = await foundry.applications.api.DialogV2.confirm({
             window: {
                 title: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.title', {
                     type: game.i18n.localize('TYPES.Actor.adversary'),
-                        name: adversary.name
+                    name: doc.name
                 })
             },
-                content: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.text', { name: adversary.name })
+            content: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.text', { name: doc.name })
         });
 
         if (!confirmed) return;
-        }
 
-        const newAdversaries = property.filter(x => x && (x?.uuid ?? x) !== adversaryKey);
+        const adversaries = foundry.utils.getProperty(this.actor, path);
+        const newAdversaries = adversaries.filter(a => a.uuid !== doc.uuid);
         await this.actor.update({ [path]: newAdversaries });
     }
 

module/applications/sheets/actors/adversary.mjs

@@ -9,9 +9,6 @@ export default class AdversarySheet extends DHBaseActorSheet {
         window: { resizable: true },
         actions: {
             reactionRoll: AdversarySheet.#reactionRoll,
-            useItem: this.useItem,
-            useAction: this.useItem,
-            toChat: this.toChat
         },
         window: {
             resizable: true
@@ -29,7 +26,7 @@ export default class AdversarySheet extends DHBaseActorSheet {
     /** @inheritdoc */
     static TABS = {
         primary: {
-            tabs: [{ id: 'features' }, { id: 'notes' }, { id: 'effects' }],
+            tabs: [{ id: 'features' }, { id: 'effects' }, { id: 'notes' }],
             initial: 'features',
             labelPrefix: 'DAGGERHEART.GENERAL.Tabs'
         }
@@ -42,10 +39,63 @@ export default class AdversarySheet extends DHBaseActorSheet {
         return context;
     }
 
-    getItem(element) {
+    /**@inheritdoc */
-        const itemId = (element.target ?? element).closest('[data-item-id]').dataset.itemId,
+    async _preparePartContext(partId, context, options) {
-            item = this.document.items.get(itemId);
+        context = await super._preparePartContext(partId, context, options);
-        return item;
+        switch (partId) {
+            case 'header':
+                await this._prepareHeaderContext(context, options);
+                break;
+            case 'notes':
+                await this._prepareNotesContext(context, options);
+                break;
+        }
+        return context;
+    }
+
+    /**
+     * Prepare render context for the Biography part.
+     * @param {ApplicationRenderContext} context
+     * @param {ApplicationRenderOptions} options
+     * @returns {Promise<void>}
+     * @protected
+     */
+    async _prepareNotesContext(context, _options) {
+        const { system } = this.document;
+        const { TextEditor } = foundry.applications.ux;
+
+        const paths = {
+            notes: 'notes'
+        };
+
+        for (const [key, path] of Object.entries(paths)) {
+            const value = foundry.utils.getProperty(system, path);
+            context[key] = {
+                field: system.schema.getField(path),
+                value,
+                enriched: await TextEditor.implementation.enrichHTML(value, {
+                    secrets: this.document.isOwner,
+                    relativeTo: this.document
+                })
+            };
+        }
+    }
+
+    /**
+     * Prepare render context for the Header part.
+     * @param {ApplicationRenderContext} context
+     * @param {ApplicationRenderOptions} options
+     * @returns {Promise<void>}
+     * @protected
+     */
+    async _prepareHeaderContext(context, _options) {
+        const { system } = this.document;
+        const { TextEditor } = foundry.applications.ux;
+
+        context.description = await TextEditor.implementation.enrichHTML(system.description, {
+            secrets: this.document.isOwner,
+            relativeTo: this.document
+        });
     }
 
     /* -------------------------------------------- */
@@ -73,42 +123,4 @@ export default class AdversarySheet extends DHBaseActorSheet {
 
         this.actor.diceRoll(config);
     }
-
-    /**
-     *
-     * @type {ApplicationClickAction}
-     */
-    static async useItem(event) {
-        const action = this.getItem(event) ?? this.actor.system.attack;
-        action.use(event);
-    }
-
-    /**
-     *
-     * @type {ApplicationClickAction}
-     */
-    static async toChat(event, button) {
-        if (button?.dataset?.type === 'experience') {
-            const experience = this.document.system.experiences[button.dataset.uuid];
-            const cls = getDocumentClass('ChatMessage');
-            const systemData = {
-                name: game.i18n.localize('DAGGERHEART.GENERAL.Experience.single'),
-                description: `${experience.name} ${experience.value.signedString()}`
-            };
-            const msg = new cls({
-                type: 'abilityUse',
-                user: game.user.id,
-                system: systemData,
-                content: await foundry.applications.handlebars.renderTemplate(
-                    'systems/daggerheart/templates/ui/chat/ability-use.hbs',
-                    systemData
-                )
-            });
-
-            cls.create(msg.toObject());
-        } else {
-            const item = this.getItem(event) ?? this.document.system.attack;
-            item.toChat(this.document.id);
-        }
-    }
 }

module/applications/sheets/actors/character.mjs

@@ -4,7 +4,7 @@ import { abilities } from '../../../config/actorConfig.mjs';
 import DhCharacterlevelUp from '../../levelup/characterLevelup.mjs';
 import DhCharacterCreation from '../../characterCreation/characterCreation.mjs';
 import FilterMenu from '../../ux/filter-menu.mjs';
-import { itemAbleRollParse } from '../../../helpers/utils.mjs';
+import { getDocFromElement, itemAbleRollParse } from '../../../helpers/utils.mjs';
 
 /**@typedef {import('@client/applications/_types.mjs').ApplicationClickAction} ApplicationClickAction */
 
@@ -15,7 +15,6 @@ export default class CharacterSheet extends DHBaseActorSheet {
         classes: ['character'],
         position: { width: 850, height: 800 },
         actions: {
-            triggerContextMenu: CharacterSheet.#triggerContextMenu,
             toggleVault: CharacterSheet.#toggleVault,
             rollAttribute: CharacterSheet.#rollAttribute,
             toggleHope: CharacterSheet.#toggleHope,
@@ -24,11 +23,8 @@ export default class CharacterSheet extends DHBaseActorSheet {
             makeDeathMove: CharacterSheet.#makeDeathMove,
             levelManagement: CharacterSheet.#levelManagement,
             toggleEquipItem: CharacterSheet.#toggleEquipItem,
-            useItem: this.useItem, //TODO Fix this
+            toggleResourceDice: CharacterSheet.#toggleResourceDice,
-            useAction: this.useAction,
+            handleResourceDice: CharacterSheet.#handleResourceDice,
-            toggleResourceDice: this.toggleResourceDice,
-            handleResourceDice: this.handleResourceDice,
-            toChat: this.toChat,
             useDowntime: this.useDowntime
         },
         window: {
@@ -42,8 +38,24 @@ export default class CharacterSheet extends DHBaseActorSheet {
         ],
         contextMenus: [
             {
-                handler: CharacterSheet._getContextMenuOptions,
+                handler: CharacterSheet.#getDomainCardContextOptions,
-                selector: '[data-item-id]',
+                selector: '[data-item-uuid][data-type="domainCard"]',
+                options: {
+                    parentClassHooks: false,
+                    fixed: true
+                }
+            },
+            {
+                handler: CharacterSheet.#getEquipamentContextOptions,
+                selector: '[data-item-uuid][data-type="armor"], [data-item-uuid][data-type="weapon"]',
+                options: {
+                    parentClassHooks: false,
+                    fixed: true
+                }
+            },
+            {
+                handler: CharacterSheet.#getItemContextOptions,
+                selector: '[data-item-uuid][data-type="consumable"], [data-item-uuid][data-type="miscellaneous"]',
                 options: {
                     parentClassHooks: false,
                     fixed: true
@@ -123,20 +135,6 @@ export default class CharacterSheet extends DHBaseActorSheet {
         this._createSearchFilter();
     }
 
-    /* -------------------------------------------- */
-
-    getItem(element) {
-        const listElement = (element.target ?? element).closest('[data-item-id]');
-        const itemId = listElement.dataset.itemId;
-
-        switch (listElement.dataset.type) {
-            case 'effect':
-                return this.document.effects.get(itemId);
-            default:
-                return this.document.items.get(itemId);
-        }
-    }
-
     /* -------------------------------------------- */
     /*  Prepare Context                             */
     /* -------------------------------------------- */
@@ -186,124 +184,135 @@ export default class CharacterSheet extends DHBaseActorSheet {
             case 'sidebar':
                 await this._prepareSidebarContext(context, options);
                 break;
+            case 'biography':
+                await this._prepareBiographyContext(context, options);
+                break;
         }
         return context;
     }
 
+    /**
+     * Prepare render context for the Loadout part.
+     * @param {ApplicationRenderContext} context
+     * @param {ApplicationRenderOptions} options
+     * @returns {Promise<void>}
+     * @protected
+     */
     async _prepareLoadoutContext(context, _options) {
-        context.listView = game.user.getFlag(CONFIG.DH.id, CONFIG.DH.FLAGS.displayDomainCardsAsList);
+        context.cardView = !game.user.getFlag(CONFIG.DH.id, CONFIG.DH.FLAGS.displayDomainCardsAsList);
     }
 
+    /**
+     * Prepare render context for the Sidebar part.
+     * @param {ApplicationRenderContext} context
+     * @param {ApplicationRenderOptions} options
+     * @returns {Promise<void>}
+     * @protected
+     */
     async _prepareSidebarContext(context, _options) {
         context.isDeath = this.document.system.deathMoveViable;
     }
 
+    /**
+     * Prepare render context for the Biography part.
+     * @param {ApplicationRenderContext} context
+     * @param {ApplicationRenderOptions} options
+     * @returns {Promise<void>}
+     * @protected
+     */
+    async _prepareBiographyContext(context, _options) {
+        const { system } = this.document;
+        const { TextEditor } = foundry.applications.ux;
+
+        const paths = {
+            background: 'biography.background',
+            connections: 'biography.connections'
+        };
+
+        for (const [key, path] of Object.entries(paths)) {
+            const value = foundry.utils.getProperty(system, path);
+            context[key] = {
+                field: system.schema.getField(path),
+                value,
+                enriched: await TextEditor.implementation.enrichHTML(value, {
+                    secrets: this.document.isOwner,
+                    relativeTo: this.document
+                })
+            };
+        }
+    }
+
     /* -------------------------------------------- */
     /*  Context Menu                                */
     /* -------------------------------------------- */
 
     /**
-     * Get the set of ContextMenu options.
+     * Get the set of ContextMenu options for DomainCards.
      * @returns {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]} - The Array of context options passed to the ContextMenu instance
      * @this {CharacterSheet}
      * @protected
      */
-    static _getContextMenuOptions() {
+    static #getDomainCardContextOptions() {
+        /**@type {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]} */
+        const options = [
+            {
+                name: 'toLoadout',
+                icon: 'fa-solid fa-arrow-up',
+                condition: target => getDocFromElement(target).system.inVault,
+                callback: target => getDocFromElement(target).update({ 'system.inVault': false })
+            },
+            {
+                name: 'toVault',
+                icon: 'fa-solid fa-arrow-down',
+                condition: target => !getDocFromElement(target).system.inVault,
+                callback: target => getDocFromElement(target).update({ 'system.inVault': true })
+            }
+        ].map(option => ({
+            ...option,
+            name: `DAGGERHEART.APPLICATIONS.ContextMenu.${option.name}`,
+            icon: `<i class="${option.icon}"></i>`
+        }));
+
+        return [...options, ...this._getContextMenuCommonOptions.call(this, { usable: true, toChat: true })];
+    }
+
     /**
-         * Get the item from the element.
+     * Get the set of ContextMenu options for Armors and Weapons.
-         * @param {HTMLElement} el
+     * @returns {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]} - The Array of context options passed to the ContextMenu instance
-         * @returns {foundry.documents.Item?}
+     * @this {CharacterSheet}
+     * @protected
      */
-        const getItem = element => {
+    static #getEquipamentContextOptions() {
-            const listElement = (element.target ?? element).closest('[data-item-id]');
+        const options = [
-            const itemId = listElement.dataset.itemId;
+            {
-
+                name: 'equip',
-            switch (listElement.dataset.type) {
+                icon: 'fa-solid fa-hands',
-                case 'effect':
+                condition: target => !getDocFromElement(target).system.equipped,
-                    return this.document.effects.get(itemId);
+                callback: (target, event) => CharacterSheet.#toggleEquipItem.call(this, event, target)
-                default:
+            },
-                    return this.document.items.get(itemId);
+            {
+                name: 'unequip',
+                icon: 'fa-solid fa-hands',
+                condition: target => getDocFromElement(target).system.equipped,
+                callback: (target, event) => CharacterSheet.#toggleEquipItem.call(this, event, target)
             }
-        };
+        ].map(option => ({
+            ...option,
+            name: `DAGGERHEART.APPLICATIONS.ContextMenu.${option.name}`,
+            icon: `<i class="${option.icon}"></i>`
+        }));
 
-        return [
+        return [...options, ...this._getContextMenuCommonOptions.call(this, { usable: true, toChat: true })];
-            {
+    }
-                name: 'DAGGERHEART.ACTORS.Character.contextMenu.useItem',
-                icon: '<i class="fa-solid fa-burst"></i>',
-                condition: el => {
-                    const item = getItem(el);
-                    return !['class', 'subclass'].includes(item.type);
-                },
-                callback: (button, event) => CharacterSheet.useItem.call(this, event, button)
-            },
-            {
-                name: 'DAGGERHEART.ACTORS.Character.contextMenu.equip',
-                icon: '<i class="fa-solid fa-hands"></i>',
-                condition: el => {
-                    const item = getItem(el);
-                    return ['weapon', 'armor'].includes(item.type) && !item.system.equipped;
-                },
-                callback: CharacterSheet.#toggleEquipItem.bind(this)
-            },
-            {
-                name: 'DAGGERHEART.ACTORS.Character.contextMenu.unequip',
-                icon: '<i class="fa-solid fa-hands"></i>',
-                condition: el => {
-                    const item = getItem(el);
-                    return ['weapon', 'armor'].includes(item.type) && item.system.equipped;
-                },
-                callback: CharacterSheet.#toggleEquipItem.bind(this)
-            },
-            {
-                name: 'DAGGERHEART.ACTORS.Character.contextMenu.toLoadout',
-                icon: '<i class="fa-solid fa-arrow-up"></i>',
-                condition: el => {
-                    const item = getItem(el);
-                    return ['domainCard'].includes(item.type) && item.system.inVault;
-                },
-                callback: target => getItem(target).update({ 'system.inVault': false })
-            },
-            {
-                name: 'DAGGERHEART.ACTORS.Character.contextMenu.toVault',
-                icon: '<i class="fa-solid fa-arrow-down"></i>',
-                condition: el => {
-                    const item = getItem(el);
-                    return ['domainCard'].includes(item.type) && !item.system.inVault;
-                },
-                callback: target => getItem(target).update({ 'system.inVault': true })
-            },
-            {
-                name: 'DAGGERHEART.ACTORS.Character.contextMenu.sendToChat',
-                icon: '<i class="fa-regular fa-message"></i>',
-                callback: CharacterSheet.toChat.bind(this)
-            },
-            {
-                name: 'CONTROLS.CommonEdit',
-                icon: '<i class="fa-solid fa-pen-to-square"></i>',
-                callback: target => getItem(target).sheet.render({ force: true })
-            },
-            {
-                name: 'CONTROLS.CommonDelete',
-                icon: '<i class="fa-solid fa-trash"></i>',
-                callback: async el => {
-                    const item = getItem(el);
-                    const confirmed = await foundry.applications.api.DialogV2.confirm({
-                        window: {
-                            title: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.title', {
-                                type: game.i18n.localize(`TYPES.${item.documentName}.${item.type}`),
-                                name: item.name
-                            })
-                        },
-                        content: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.text', {
-                            name: item.name
-                        })
-                    });
-                    if (!confirmed) return;
 
-                    item.delete();
+    /**
-                }
+     * Get the set of ContextMenu options for Consumable and Miscellaneous.
-            }
+     * @returns {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]} - The Array of context options passed to the ContextMenu instance
-        ];
+     * @this {CharacterSheet}
+     * @protected
+     */
+    static #getItemContextOptions() {
+        return this._getContextMenuCommonOptions.call(this, { usable: true, toChat: true });
     }
     /* -------------------------------------------- */
     /*  Filter Tracking                             */
@@ -397,7 +406,7 @@ export default class CharacterSheet extends DHBaseActorSheet {
         this.#filteredItems.inventory.search.clear();
 
         for (const li of html.querySelectorAll('.inventory-item')) {
-            const item = this.document.items.get(li.dataset.itemId);
+            const item = getDocFromElement(li);
             const matchesSearch = !query || foundry.applications.ux.SearchFilter.testQuery(rgx, item.name);
             if (matchesSearch) this.#filteredItems.inventory.search.add(item.id);
             const { menu } = this.#filteredItems.inventory;
@@ -417,7 +426,7 @@ export default class CharacterSheet extends DHBaseActorSheet {
         this.#filteredItems.loadout.search.clear();
 
         for (const li of html.querySelectorAll('.items-list .inventory-item, .card-list .card-item')) {
-            const item = this.document.items.get(li.dataset.itemId);
+            const item = getDocFromElement(li);
             const matchesSearch = !query || foundry.applications.ux.SearchFilter.testQuery(rgx, item.name);
             if (matchesSearch) this.#filteredItems.loadout.search.add(item.id);
             const { menu } = this.#filteredItems.loadout;
@@ -468,7 +477,7 @@ export default class CharacterSheet extends DHBaseActorSheet {
         this.#filteredItems.inventory.menu.clear();
 
         for (const li of html.querySelectorAll('.inventory-item')) {
-            const item = this.document.items.get(li.dataset.itemId);
+            const item = getDocFromElement(li);
 
             const matchesMenu =
                 filters.length === 0 || filters.some(f => foundry.applications.ux.SearchFilter.evaluateFilter(item, f));
@@ -489,7 +498,7 @@ export default class CharacterSheet extends DHBaseActorSheet {
         this.#filteredItems.loadout.menu.clear();
 
         for (const li of html.querySelectorAll('.items-list .inventory-item, .card-list .card-item')) {
-            const item = this.document.items.get(li.dataset.itemId);
+            const item = getDocFromElement(li);
 
             const matchesMenu =
                 filters.length === 0 || filters.some(f => foundry.applications.ux.SearchFilter.evaluateFilter(item, f));
@@ -503,22 +512,21 @@ export default class CharacterSheet extends DHBaseActorSheet {
     /* -------------------------------------------- */
     /*  Application Listener Actions                */
     /* -------------------------------------------- */
+
     async updateItemResource(event) {
-        const item = this.getItem(event.currentTarget);
+        const item = getDocFromElement(event.currentTarget);
         if (!item) return;
 
         const max = item.system.resource.max ? itemAbleRollParse(item.system.resource.max, this.document, item) : null;
         const value = max ? Math.min(Number(event.currentTarget.value), max) : event.currentTarget.value;
         await item.update({ 'system.resource.value': value });
-        this.render();
     }
 
     async updateItemQuantity(event) {
-        const item = this.getItem(event.currentTarget);
+        const item = getDocFromElement(event.currentTarget);
         if (!item) return;
 
         await item.update({ 'system.quantity': event.currentTarget.value });
-        this.render();
     }
 
     async updateArmorMarks(event) {
@@ -528,7 +536,6 @@ export default class CharacterSheet extends DHBaseActorSheet {
         const maxMarks = this.document.system.armorScore;
         const value = Math.min(Math.max(Number(event.currentTarget.value), 0), maxMarks);
         await armor.update({ 'system.marks.value': value });
-        this.render();
     }
 
     /* -------------------------------------------- */
@@ -588,13 +595,14 @@ export default class CharacterSheet extends DHBaseActorSheet {
         this.document.diceRoll(config);
     }
 
+    //TODO: redo toggleEquipItem method
+
     /**
      * Toggles the equipped state of an item (armor or weapon).
      * @type {ApplicationClickAction}
      */
     static async #toggleEquipItem(_event, button) {
-        //TODO: redo this
+        const item = getDocFromElement(button);
-        const item = this.actor.items.get(button.closest('[data-item-id]')?.dataset.itemId);
         if (!item) return;
         if (item.system.equipped) {
             await item.update({ 'system.equipped': false });
@@ -642,64 +650,23 @@ export default class CharacterSheet extends DHBaseActorSheet {
      * Toggles whether an item is stored in the vault.
      * @type {ApplicationClickAction}
      */
-    static async #toggleVault(event, button) {
+    static async #toggleVault(_event, button) {
-        const docId = button.closest('[data-item-id]')?.dataset.itemId;
+        const doc = getDocFromElement(button);
-        const doc = this.document.items.get(docId);
         await doc?.update({ 'system.inVault': !doc.system.inVault });
     }
 
-    /**
-     * Trigger the context menu.
-     * @type {ApplicationClickAction}
-     */
-    static #triggerContextMenu(event, _) {
-        return CONFIG.ux.ContextMenu.triggerContextMenu(event);
-    }
-
-    /**
-     * Use a item
-     * @type {ApplicationClickAction}
-     */
-    static async useItem(event, button) {
-        const item = this.getItem(button);
-        if (!item) return;
-
-        // Should dandle its actions. Or maybe they'll be separate buttons as per an Issue on the board
-        if (item.type === 'feature') {
-            item.use(event);
-        } else if (item instanceof ActiveEffect) {
-            item.toChat(this);
-        } else {
-            item.use(event);
-        }
-    }
-
-    /**
-     * Use an action
-     * @type {ApplicationClickAction}
-     */
-    static async useAction(event, button) {
-        const item = this.getItem(button);
-        if (!item) return;
-
-        const action = item.system.actions.find(x => x.id === button.dataset.actionId);
-        if (!action) return;
-
-        action.use(event);
-    }
-
     /**
      * Toggle the used state of a resource dice.
      * @type {ApplicationClickAction}
      */
-    static async toggleResourceDice(event) {
+    static async #toggleResourceDice(event, target) {
-        const target = event.target.closest('.item-resource');
+        const item = getDocFromElement(target);
-        const item = this.getItem(event);
+
-        if (!item) return;
+        const { dice } = event.target.closest('.item-resource').dataset;
+        const diceState = item.system.resource.diceStates[dice];
 
-        const diceState = item.system.resource.diceStates[target.dataset.dice];
         await item.update({
-            [`system.resource.diceStates.${target.dataset.dice}.used`]: diceState?.used ? !diceState.used : true
+            [`system.resource.diceStates.${dice}.used`]: diceState ? !diceState.used : true
         });
     }
 
@@ -707,8 +674,8 @@ export default class CharacterSheet extends DHBaseActorSheet {
      * Handle the roll values of resource dice.
      * @type {ApplicationClickAction}
      */
-    static async handleResourceDice(event) {
+    static async #handleResourceDice(_, target) {
-        const item = this.getItem(event);
+        const item = getDocFromElement(target);
         if (!item) return;
 
         const rollValues = await game.system.api.applications.dialogs.ResourceDiceDialog.create(item, this.document);
@@ -720,37 +687,6 @@ export default class CharacterSheet extends DHBaseActorSheet {
                 return acc;
             }, {})
         });
-        this.render();
-    }
-
-    /**
-     * Send item to Chat
-     * @type {ApplicationClickAction}
-     */
-    static async toChat(event, button) {
-        if (button?.dataset?.type === 'experience') {
-            const experience = this.document.system.experiences[button.dataset.uuid];
-            const cls = getDocumentClass('ChatMessage');
-            const systemData = {
-                name: game.i18n.localize('DAGGERHEART.GENERAL.Experience.single'),
-                description: `${experience.name} ${experience.value.signedString()}`
-            };
-            const msg = new cls({
-                type: 'abilityUse',
-                user: game.user.id,
-                system: systemData,
-                content: await foundry.applications.handlebars.renderTemplate(
-                    'systems/daggerheart/templates/ui/chat/ability-use.hbs',
-                    systemData
-                )
-            });
-
-            cls.create(msg.toObject());
-        } else {
-            const item = this.getItem(event);
-            if (!item) return;
-            item.toChat(this.document.id);
-        }
     }
 
     static useDowntime(_, button) {
@@ -760,7 +696,7 @@ export default class CharacterSheet extends DHBaseActorSheet {
     }
 
     async _onDragStart(event) {
-        const item = this.getItem(event);
+        const item = getDocFromElement(event.target);
 
         const dragData = {
             type: item.documentName,

module/applications/sheets/actors/companion.mjs

@@ -6,11 +6,7 @@ export default class DhCompanionSheet extends DHBaseActorSheet {
     static DEFAULT_OPTIONS = {
         classes: ['actor', 'companion'],
         position: { width: 300 },
-        actions: {
+        actions: {}
-            viewActor: this.viewActor,
-            useItem: this.useItem,
-            toChat: this.toChat
-        }
     };
 
     static PARTS = {
@@ -29,52 +25,4 @@ export default class DhCompanionSheet extends DHBaseActorSheet {
             labelPrefix: 'DAGGERHEART.GENERAL.Tabs'
         }
     };
-
-    /* -------------------------------------------- */
-    /*  Application Clicks Actions                  */
-    /* -------------------------------------------- */
-
-    static async viewActor(_, button) {
-        const target = button.closest('[data-item-uuid]');
-        const actor = await foundry.utils.fromUuid(target.dataset.itemUuid);
-        if (!actor) return;
-
-        actor.sheet.render(true);
-    }
-
-    getAction(element) {
-        const itemId = (element.target ?? element).closest('[data-item-id]').dataset.itemId,
-            item = this.document.system.actions.find(x => x.id === itemId);
-        return item;
-    }
-
-    static async useItem(event) {
-        const action = this.getAction(event) ?? this.actor.system.attack;
-        action.use(event);
-    }
-
-    static async toChat(event, button) {
-        if (button?.dataset?.type === 'experience') {
-            const experience = this.document.system.experiences[button.dataset.uuid];
-            const cls = getDocumentClass('ChatMessage');
-            const systemData = {
-                name: game.i18n.localize('DAGGERHEART.GENERAL.Experience.single'),
-                description: `${experience.name} ${experience.value.signedString()}`
-            };
-            const msg = new cls({
-                type: 'abilityUse',
-                user: game.user.id,
-                system: systemData,
-                content: await foundry.applications.handlebars.renderTemplate(
-                    'systems/daggerheart/templates/ui/chat/ability-use.hbs',
-                    systemData
-                )
-            });
-
-            cls.create(msg.toObject());
-        } else {
-            const item = this.getAction(event) ?? this.document.system.attack;
-            item.toChat(this.document.id);
-        }
-    }
 }

module/applications/sheets/actors/environment.mjs

@@ -9,11 +9,7 @@ export default class DhpEnvironment extends DHBaseActorSheet {
         position: {
             width: 500
         },
-        actions: {
+        actions: {},
-            useItem: this.useItem,
-            useAction: this.useItem,
-            toChat: this.toChat
-        },
         dragDrop: [{ dragSelector: '.action-section .inventory-item', dropSelector: null }]
     };
 
@@ -36,47 +32,67 @@ export default class DhpEnvironment extends DHBaseActorSheet {
         }
     };
 
-    /* -------------------------------------------- */
+    /**@inheritdoc */
-
+    async _preparePartContext(partId, context, options) {
-    getItem(element) {
+        context = await super._preparePartContext(partId, context, options);
-        const itemId = (element.target ?? element).closest('[data-item-id]').dataset.itemId,
+        switch (partId) {
-            item = this.document.items.get(itemId);
+            case 'header':
-        return item;
+                await this._prepareHeaderContext(context, options);
+                break;
+            case 'notes':
+                await this._prepareNotesContext(context, options);
+                break;
+        }
+        return context;
     }
-
-    /* -------------------------------------------- */
-    /*  Application Clicks Actions                  */
-    /* -------------------------------------------- */
 
     /**
-     *
+     * Prepare render context for the Biography part.
-     * @type {ApplicationClickAction}
+     * @param {ApplicationRenderContext} context
+     * @param {ApplicationRenderOptions} options
+     * @returns {Promise<void>}
+     * @protected
      */
-    async viewAdversary(_, button) {
+    async _prepareNotesContext(context, _options) {
-        const target = button.closest('[data-item-uuid]');
+        const { system } = this.document;
-        const adversary = await foundry.utils.fromUuid(target.dataset.itemUuid);
+        const { TextEditor } = foundry.applications.ux;
-        if (!adversary) {
-            ui.notifications.warn(game.i18n.localize('DAGGERHEART.UI.Notifications.adversaryMissing'));
-            return;
-        }
 
-        adversary.sheet.render({ force: true });
+        const paths = {
-    }
+            notes: 'notes'
+        };
 
-    static async useItem(event, button) {
+        for (const [key, path] of Object.entries(paths)) {
-        const action = this.getItem(event);
+            const value = foundry.utils.getProperty(system, path);
-        if (!action) {
+            context[key] = {
-            await this.viewAdversary(event, button);
+                field: system.schema.getField(path),
-        } else {
+                value,
-            action.use(event);
+                enriched: await TextEditor.implementation.enrichHTML(value, {
+                    secrets: this.document.isOwner,
+                    relativeTo: this.document
+                })
+            };
         }
     }
 
-    static async toChat(event) {
+    /**
-        const item = this.getItem(event);
+     * Prepare render context for the Header part.
-        item.toChat(this.document.id);
+     * @param {ApplicationRenderContext} context
+     * @param {ApplicationRenderOptions} options
+     * @returns {Promise<void>}
+     * @protected
+     */
+    async _prepareHeaderContext(context, _options) {
+        const { system } = this.document;
+        const { TextEditor } = foundry.applications.ux;
+
+        context.description = await TextEditor.implementation.enrichHTML(system.description, {
+            secrets: this.document.isOwner,
+            relativeTo: this.document
+        });
     }
 
+    /* -------------------------------------------- */
+
     async _onDragStart(event) {
         const item = event.currentTarget.closest('.inventory-item');
 

module/applications/sheets/api/application-mixin.mjs

@@ -1,5 +1,10 @@
 const { HandlebarsApplicationMixin } = foundry.applications.api;
-import { tagifyElement } from '../../../helpers/utils.mjs';
+import { getDocFromElement, tagifyElement } from '../../../helpers/utils.mjs';
+import DHActionConfig from '../../sheets-configs/action-config.mjs';
+
+/**
+ * @typedef {import('@client/applications/_types.mjs').ApplicationClickAction} ApplicationClickAction
+ */
 
 /**
  * @typedef {object} DragDropConfig
@@ -71,11 +76,32 @@ export default function DHApplicationMixin(Base) {
         static DEFAULT_OPTIONS = {
             classes: ['daggerheart', 'sheet', 'dh-style'],
             actions: {
+                triggerContextMenu: DHSheetV2.#triggerContextMenu,
                 createDoc: DHSheetV2.#createDoc,
                 editDoc: DHSheetV2.#editDoc,
-                deleteDoc: DHSheetV2.#deleteDoc
+                deleteDoc: DHSheetV2.#deleteDoc,
+                toChat: DHSheetV2.#toChat,
+                useItem: DHSheetV2.#useItem,
+                useAction: DHSheetV2.#useAction,
+                toggleEffect: DHSheetV2.#toggleEffect,
+                toggleExtended: DHSheetV2.#toggleExtended,
             },
-            contextMenus: [],
+            contextMenus: [{
+                handler: DHSheetV2.#getEffectContextOptions,
+                selector: '[data-item-uuid][data-type="effect"]',
+                options: {
+                    parentClassHooks: false,
+                    fixed: true
+                },
+            },
+            {
+                handler: DHSheetV2.#getActionContextOptions,
+                selector: '[data-item-uuid][data-type="action"]',
+                options: {
+                    parentClassHooks: false,
+                    fixed: true
+                }
+            }],
             dragDrop: [],
             tagifyConfigs: []
         };
@@ -99,6 +125,27 @@ export default function DHApplicationMixin(Base) {
             this._createTagifyElements(this.options.tagifyConfigs);
         }
 
+        /* -------------------------------------------- */
+        /*  Sync Parts                                  */
+        /* -------------------------------------------- */
+
+        /**@inheritdoc */
+        _syncPartState(partId, newElement, priorElement, state) {
+            super._syncPartState(partId, newElement, priorElement, state);
+            for (const el of priorElement.querySelectorAll(".extensible.extended")) {
+                const { actionId, itemUuid } = el.parentElement.dataset;
+                const selector = `${actionId ? `[data-action-id="${actionId}"]` : `[data-item-uuid="${itemUuid}"]`} .extensible`;
+                const newExtensible = newElement.querySelector(selector);
+
+                if (!newExtensible) continue;
+                newExtensible.classList.add("extended");
+                const descriptionElement = newExtensible.querySelector('.invetory-description');
+                if (descriptionElement) {
+                    this.#prepareInventoryDescription(newExtensible, descriptionElement);
+                }
+            }
+        }
+
         /* -------------------------------------------- */
         /*  Tags                                        */
         /* -------------------------------------------- */
@@ -162,14 +209,14 @@ export default function DHApplicationMixin(Base) {
          * @param {DragEvent} event
          * @protected
          */
-        _onDragStart(event) {}
+        _onDragStart(event) { }
 
         /**
          * Handle drop event.
          * @param {DragEvent} event
          * @protected
          */
-        _onDrop(event) {}
+        _onDrop(event) { }
 
         /* -------------------------------------------- */
         /*  Context Menu                                */
@@ -185,12 +232,140 @@ export default function DHApplicationMixin(Base) {
         /* -------------------------------------------- */
 
         /**
-         * Get the set of ContextMenu options which should be used for journal entry pages in the sidebar.
+         * Get the set of ContextMenu options for DomainCards.
-         * @returns {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]}
+         * @returns {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]} - The Array of context options passed to the ContextMenu instance
+         * @this {CharacterSheet}
          * @protected
          */
-        _getEntryContextOptions() {
+        static #getEffectContextOptions() {
-            return [];
+            /**@type {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]} */
+            const options = [
+                {
+                    name: 'disableEffect',
+                    icon: 'fa-solid fa-lightbulb',
+                    condition: target => !getDocFromElement(target).disabled,
+                    callback: target => getDocFromElement(target).update({ disabled: true })
+                },
+                {
+                    name: 'enableEffect',
+                    icon: 'fa-regular fa-lightbulb',
+                    condition: target => getDocFromElement(target).disabled,
+                    callback: target => getDocFromElement(target).update({ disabled: false })
+                },
+            ].map(option => ({
+                ...option,
+                name: `DAGGERHEART.APPLICATIONS.ContextMenu.${option.name}`,
+                icon: `<i class="${option.icon}"></i>`
+            }));
+
+            return [...options, ...this._getContextMenuCommonOptions.call(this, { toChat: true })];
+        }
+
+        /**
+         * Get the set of ContextMenu options for Actions.
+         * @returns {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]} - The Array of context options passed to the ContextMenu instance
+         * @this {DHSheetV2}
+         * @protected
+         */
+        static #getActionContextOptions() {
+            /**@type {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]} */
+            const getAction = (target) => {
+                const { actionId } = target.closest('[data-action-id]').dataset;
+                const { actions, attack } = this.document.system;
+                return attack?.id === actionId ? attack : actions?.find(a => a.id === actionId);
+            };
+
+            const options = [
+                {
+                    name: 'DAGGERHEART.APPLICATIONS.ContextMenu.useItem',
+                    icon: 'fa-solid fa-burst',
+                    condition: this.document instanceof foundry.documents.Actor ||
+                        (this.document instanceof foundry.documents.Item && this.document.parent),
+                    callback: (target, event) => getAction(target).use(event),
+                },
+                {
+                    name: 'DAGGERHEART.APPLICATIONS.ContextMenu.sendToChat',
+                    icon: 'fa-solid fa-message',
+                    callback: (target) => getAction(target).toChat(this.document.id),
+                },
+                {
+                    name: 'CONTROLS.CommonEdit',
+                    icon: 'fa-solid fa-pen-to-square',
+                    callback: (target) => new DHActionConfig(getAction(target)).render({ force: true })
+                },
+                {
+                    name: 'CONTROLS.CommonDelete',
+                    icon: 'fa-solid fa-trash',
+                    condition: (target) => {
+                        const { actionId } = target.closest('[data-action-id]').dataset;
+                        const { attack } = this.document.system;
+                        return attack?.id !== actionId
+                    },
+                    callback: async (target) => {
+                        const action = getAction(target)
+                        const confirmed = await foundry.applications.api.DialogV2.confirm({
+                            window: {
+                                title: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.title', {
+                                    type: game.i18n.localize(`DAGGERHEART.GENERAL.Action.single`),
+                                    name: action.name
+                                })
+                            },
+                            content: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.text', { name: action.name })
+                        });
+                        if (!confirmed) return;
+
+                        return this.document.update({
+                            'system.actions': this.document.system.actions.filter((a) => a.id !== action.id)
+                        });
+                    }
+                }
+            ].map(option => ({
+                ...option,
+                icon: `<i class="${option.icon}"></i>`
+            }));
+
+            return options;
+        }
+
+        /**
+         * Get the set of ContextMenu options.
+         * @returns {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]} - The Array of context options passed to the ContextMenu instance
+         */
+        _getContextMenuCommonOptions({ usable = false, toChat = false, deletable = true }) {
+            const options = [
+                {
+                    name: 'CONTROLS.CommonEdit',
+                    icon: 'fa-solid fa-pen-to-square',
+                    callback: target => getDocFromElement(target).sheet.render({ force: true })
+                },
+            ];
+
+            if (usable) options.unshift({
+                name: 'DAGGERHEART.APPLICATIONS.ContextMenu.useItem',
+                icon: 'fa-solid fa-burst',
+                callback: (target, event) => getDocFromElement(target).use(event),
+            });
+
+            if (toChat) options.unshift({
+                name: 'DAGGERHEART.APPLICATIONS.ContextMenu.sendToChat',
+                icon: 'fa-solid fa-message',
+                callback: (target) => getDocFromElement(target).toChat(this.document.id),
+            });
+
+            if (deletable) options.push({
+                name: 'CONTROLS.CommonDelete',
+                icon: 'fa-solid fa-trash',
+                callback: (target, event) => {
+                    const doc = getDocFromElement(target);
+                    if (event.shiftKey) return doc.delete();
+                    else return doc.deleteDialog();
+                }
+            })
+
+            return options.map(option => ({
+                ...option,
+                icon: `<i class="${option.icon}"></i>`
+            }))
         }
 
         /* -------------------------------------------- */
@@ -207,66 +382,229 @@ export default function DHApplicationMixin(Base) {
             return context;
         }
 
+        /* -------------------------------------------- */
+        /*  Prepare Descriptions                        */
+        /* -------------------------------------------- */
+
+        /**
+         * Prepares and enriches an inventory item or action description for display.
+         * @param {HTMLElement} extensibleElement - The parent element containing the description.
+         * @param {HTMLElement} descriptionElement - The element where the enriched description will be rendered.
+         * @returns {Promise<void>}
+         */
+        async #prepareInventoryDescription(extensibleElement, descriptionElement) {
+            const parent = extensibleElement.closest('[data-item-uuid], [data-action-id]');
+            const { actionId, itemUuid } = parent?.dataset || {};
+            if (!actionId && !itemUuid) return;
+
+            const doc = itemUuid
+                ? getDocFromElement(extensibleElement)
+                : this.document.system.attack?.id === actionId
+                    ? this.document.system.attack
+                    : this.document.system.actions?.find(a => a.id === actionId);
+            if (!doc) return;
+
+            const description = doc.system?.description ?? doc.description;
+            const isAction = !!actionId;
+            descriptionElement.innerHTML = await foundry.applications.ux.TextEditor.implementation.enrichHTML(description, {
+                relativeTo: isAction ? doc.parent : doc,
+                rollData: doc.getRollData?.(),
+                secrets: isAction ? doc.parent.isOwner : doc.isOwner
+            });
+        }
+
         /* -------------------------------------------- */
         /*  Application Clicks Actions                  */
         /* -------------------------------------------- */
 
         /**
          * Create an embedded document.
-         * @param {PointerEvent} event - The originating click event
+         * @type {ApplicationClickAction}
-         * @param {HTMLElement} button - The capturing HTML element which defines the [data-action="removeAction"]
          */
-        static async #createDoc(event, button) {
+        static async #createDoc(event, target) {
-            const { documentClass, type } = button.dataset;
+            const { documentClass, type, inVault, disabled } = target.dataset;
-            const parent = this.document;
+            const parentIsItem = this.document.documentName === 'Item';
+            const parent = parentIsItem && documentClass === 'Item' ? null : this.document;
 
-            const cls = getDocumentClass(documentClass);
+            if (type === 'action') {
-            return await cls.createDocuments(
+                const { type: actionType } = await foundry.applications.api.DialogV2.input({
-                [
+                    window: { title: 'Select Action Type' },
-                    {
+                    content: await foundry.applications.handlebars.renderTemplate(
-                        name: cls.defaultName({ type, parent }),
+                        'systems/daggerheart/templates/actionTypes/actionType.hbs',
-                        type
+                        { types: CONFIG.DH.ACTIONS.actionTypes }
+                    ),
+                    ok: {
+                        label: game.i18n.format('DOCUMENT.Create', {
+                            type: game.i18n.localize('DAGGERHEART.GENERAL.Action.single')
+                        }),
+                    }
+                }) ?? {};
+                if (!actionType) return;
+                const cls = game.system.api.models.actions.actionsTypes[actionType]
+                const action = new cls({
+                    _id: foundry.utils.randomID(),
+                    type: actionType,
+                    name: game.i18n.localize(CONFIG.DH.ACTIONS.actionTypes[actionType].name),
+                    ...cls.getSourceConfig(this.document)
+                },
+                    {
+                        parent: this.document
                     }
-                ],
-                { parent, renderSheet: !event.shiftKey }
                 );
+                await this.document.update({ 'system.actions': [...this.document.system.actions, action] });
+                await new DHActionConfig(this.document.system.actions[this.document.system.actions.length - 1]).render({
+                    force: true
+                });
+                return action;
+
+            } else {
+                const cls = getDocumentClass(documentClass);
+                const data = {
+                    name: cls.defaultName({ type, parent }),
+                    type,
+                }
+                if (inVault) data["system.inVault"] = true;
+                if (disabled) data.disabled = true;
+
+                const doc = await cls.create(data, { parent, renderSheet: !event.shiftKey });
+                if (parentIsItem && type === 'feature') {
+                    await this.document.update({
+                        'system.features': this.document.system.toObject().features.concat(doc.uuid)
+                    });
+                }
+                return doc;
+            }
+
         }
 
         /**
          * Renders an embedded document.
-         * @param {PointerEvent} event - The originating click event
+         * @type {ApplicationClickAction}
-         * @param {HTMLElement} button - The capturing HTML element which defines the [data-action="removeAction"]
          */
-        static #editDoc(_event, button) {
+        static #editDoc(_event, target) {
-            const { type, docId } = button.dataset;
+            const doc = getDocFromElement(target);
-            this.document.getEmbeddedDocument(type, docId, { strict: true }).sheet.render({ force: true });
+            if (doc) return doc.sheet.render({ force: true });
+
+            // TODO: REDO this
+            const { actionId } = target.closest('[data-action-id]').dataset;
+            const { actions, attack } = this.document.system;
+            const action = attack?.id === actionId ? attack : actions?.find(a => a.id === actionId);
+            new DHActionConfig(action).render({ force: true })
         }
 
         /**
          * Delete an embedded document.
-         * @param {PointerEvent} _event - The originating click event
+         * @type {ApplicationClickAction}
-         * @param {HTMLElement} button - The capturing HTML element which defines the [data-action="removeAction"]
          */
-        static async #deleteDoc(_event, button) {
+        static async #deleteDoc(event, target) {
-            const { type, docId } = button.dataset;
+            const doc = getDocFromElement(target);
-            const document = this.document.getEmbeddedDocument(type, docId, { strict: true });
-            const typeName = game.i18n.localize(
-                document.type === 'base' ? `DOCUMENT.${type}` : `TYPES.${type}.${document.type}`
-            );
 
+            if (doc) {
+                if (event.shiftKey) return doc.delete()
+                else return await doc.deleteDialog()
+            }
+
+            // TODO: REDO this
+            const { actionId } = target.closest('[data-action-id]').dataset;
+            const { actions, attack } = this.document.system;
+            if (attack?.id === actionId) return;
+            const action = actions.find(a => a.id === actionId);
+
+            if (!event.shiftKey) {
                 const confirmed = await foundry.applications.api.DialogV2.confirm({
                     window: {
                         title: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.title', {
-                        type: typeName,
+                            type: game.i18n.localize(`DAGGERHEART.GENERAL.Action.single`),
-                        name: document.name
+                            name: action.name
                         })
                     },
-                content: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.text', { name: document.name })
+                    content: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.text', { name: action.name })
                 });
                 if (!confirmed) return;
-
-            await document.delete();
             }
+
+            return await this.document.update({
+                'system.actions': actions.filter((a) => a.id !== action.id)
+            });
+        }
+
+        /**
+         * Send item to Chat
+         * @type {ApplicationClickAction}
+         */
+        static async #toChat(_event, target) {
+            let doc = getDocFromElement(target);
+
+            // TODO: REDO this
+            if (!doc) {
+                const { actionId } = target.closest('[data-action-id]').dataset;
+                const { actions, attack } = this.document.system;
+                doc = attack?.id === actionId ? attack : actions?.find(a => a.id === actionId);
+            }
+            return doc.toChat(this.document.id);
+        }
+
+        /**
+         * Use a item
+         * @type {ApplicationClickAction}
+         */
+        static async #useItem(event, target) {
+            let doc = getDocFromElement(target);
+            // TODO: REDO this
+            if (!doc) {
+                const { actionId } = target.closest('[data-action-id]').dataset;
+                const { actions, attack } = this.document.system;
+                doc = attack?.id === actionId ? attack : actions?.find(a => a.id === actionId);
+                if(this.document instanceof foundry.documents.Item && !this.document.parent) return;
+            }
+
+            await doc.use(event);
+        }
+
+        /**
+         * Use a item
+         * @type {ApplicationClickAction}
+         */
+        static async #useAction(event, target) {
+            const doc = getDocFromElement(target);
+            const { actionId } = target.closest('[data-action-id]').dataset;
+            const { actions, attack } = doc.system;
+            const action = attack?.id === actionId ? attack : actions?.find(a => a.id === actionId);
+            await action.use(event);
+        }
+
+
+        /**
+         * Toggle a ActiveEffect
+         * @type {ApplicationClickAction}
+         */
+        static async #toggleEffect(_, target) {
+            const doc = getDocFromElement(target);
+            await doc.update({ disabled: !doc.disabled });
+        }
+
+        /**
+         * Trigger the context menu.
+         * @type {ApplicationClickAction}
+         */
+        static #triggerContextMenu(event, _) {
+            return CONFIG.ux.ContextMenu.triggerContextMenu(event);
+        }
+
+        /**
+         * Toggle the 'extended' class on the .extensible element inside inventory-item-content
+         * @type {ApplicationClickAction}
+         * @this {DHSheetV2}
+         */
+        static async #toggleExtended(_, target) {
+            const container = target.closest('.inventory-item');
+            const extensible = container?.querySelector('.extensible');
+            const t = extensible?.classList.toggle('extended');
+
+            const descriptionElement = extensible?.querySelector('.invetory-description');
+            if (t && !!descriptionElement) this.#prepareInventoryDescription(extensible, descriptionElement);
+        }
+
     }
 
     return DHSheetV2;

module/applications/sheets/api/base-actor.mjs

@@ -21,11 +21,24 @@ export default class DHBaseActorSheet extends DHApplicationMixin(ActorSheetV2) {
             submitOnChange: true
         },
         actions: {
-            openSettings: DHBaseActorSheet.#openSettings
+            openSettings: DHBaseActorSheet.#openSettings,
+            sendExpToChat: DHBaseActorSheet.#sendExpToChat,
         },
+        contextMenus: [
+            {
+                handler: DHBaseActorSheet.#getFeatureContextOptions,
+                selector: '[data-item-uuid][data-type="feature"]',
+                options: {
+                    parentClassHooks: false,
+                    fixed: true
+                }
+            }
+        ],
         dragDrop: [{ dragSelector: '.inventory-item[data-type="attack"]', dropSelector: null }]
     };
 
+    /* -------------------------------------------- */
+
     /**@type {typeof DHBaseActorSettings}*/
     #settingSheet;
 
@@ -35,6 +48,10 @@ export default class DHBaseActorSheet extends DHApplicationMixin(ActorSheetV2) {
         return (this.#settingSheet ??= SheetClass ? new SheetClass({ document: this.document }) : null);
     }
 
+    /* -------------------------------------------- */
+    /*  Prepare Context                             */
+    /* -------------------------------------------- */
+
     /**@inheritdoc */
     async _prepareContext(_options) {
         const context = await super._prepareContext(_options);
@@ -42,6 +59,56 @@ export default class DHBaseActorSheet extends DHApplicationMixin(ActorSheetV2) {
         return context;
     }
 
+
+    /**@inheritdoc */
+    async _preparePartContext(partId, context, options) {
+        context = await super._preparePartContext(partId, context, options);
+        switch (partId) {
+            case 'effects':
+                await this._prepareEffectsContext(context, options);
+                break;
+        }
+        return context;
+    }
+
+    /**
+     * Prepare render context for the Effect part.
+     * @param {ApplicationRenderContext} context
+     * @param {ApplicationRenderOptions} options
+     * @returns {Promise<void>}
+     * @protected
+     */
+    async _prepareEffectsContext(context, _options) {
+        context.effects = {
+            actives: [],
+            inactives: [],
+        };
+
+        for (const effect of this.actor.allApplicableEffects()) {
+            const list = effect.active ? context.effects.actives : context.effects.inactives;
+            list.push(effect);
+        }
+    }
+
+    /* -------------------------------------------- */
+    /*  Context Menu                                */
+    /* -------------------------------------------- */
+
+    /**
+     * Get the set of ContextMenu options for Features.
+     * @returns {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]} - The Array of context options passed to the ContextMenu instance
+     * @this {DHSheetV2}
+     * @protected
+     */
+    static #getFeatureContextOptions() {
+        return this._getContextMenuCommonOptions.call(this, { usable: true, toChat: true });
+    }
+
+
+    /* -------------------------------------------- */
+    /*  Application Clicks Actions                  */
+    /* -------------------------------------------- */
+
     /**
      * Open the Actor Setting Sheet
      * @type {ApplicationClickAction}
@@ -50,6 +117,29 @@ export default class DHBaseActorSheet extends DHApplicationMixin(ActorSheetV2) {
         await this.settingSheet.render({ force: true });
     }
 
+    /**
+     * Send Experience to Chat
+     * @type {ApplicationClickAction}
+     */
+    static async #sendExpToChat(_, button) {
+        const experience = this.document.system.experiences[button.dataset.id];
+
+        const systemData = {
+            name: game.i18n.localize('DAGGERHEART.GENERAL.Experience.single'),
+            description: `${experience.name} ${experience.value.signedString()}`
+        };
+
+        foundry.documents.ChatMessage.implementation.create({
+            type: 'abilityUse',
+            user: game.user.id,
+            system: systemData,
+            content: await foundry.applications.handlebars.renderTemplate(
+                'systems/daggerheart/templates/ui/chat/ability-use.hbs',
+                systemData
+            )
+        });
+    }
+
     /* -------------------------------------------- */
     /*  Application Drag/Drop                       */
     /* -------------------------------------------- */

module/applications/sheets/api/base-item.mjs

@@ -1,4 +1,4 @@
-import DHActionConfig from '../../sheets-configs/action-config.mjs';
+import { getDocFromElement } from '../../../helpers/utils.mjs';
 import DHApplicationMixin from './application-mixin.mjs';
 
 const { ItemSheetV2 } = foundry.applications.sheets;
@@ -15,16 +15,14 @@ export default class DHBaseItemSheet extends DHApplicationMixin(ItemSheetV2) {
     static DEFAULT_OPTIONS = {
         classes: ['item'],
         position: { width: 600 },
+        window: { resizable: true },
         form: {
             submitOnChange: true
         },
         actions: {
-            addAction: DHBaseItemSheet.#addAction,
-            editAction: DHBaseItemSheet.#editAction,
             removeAction: DHBaseItemSheet.#removeAction,
             addFeature: DHBaseItemSheet.#addFeature,
-            editFeature: DHBaseItemSheet.#editFeature,
+            deleteFeature: DHBaseItemSheet.#deleteFeature,
-            removeFeature: DHBaseItemSheet.#removeFeature,
             addResource: DHBaseItemSheet.#addResource,
             removeResource: DHBaseItemSheet.#removeResource
         },
@@ -32,6 +30,16 @@ export default class DHBaseItemSheet extends DHApplicationMixin(ItemSheetV2) {
             { dragSelector: null, dropSelector: '.tab.features .drop-section' },
             { dragSelector: '.feature-item', dropSelector: null },
             { dragSelector: '.action-item', dropSelector: null }
+        ],
+        contextMenus: [
+            {
+                handler: DHBaseItemSheet.#getFeatureContextOptions,
+                selector: '[data-item-uuid][data-type="feature"]',
+                options: {
+                    parentClassHooks: false,
+                    fixed: true
+                }
+            }
         ]
     };
 
@@ -40,7 +48,7 @@ export default class DHBaseItemSheet extends DHApplicationMixin(ItemSheetV2) {
     /** @inheritdoc */
     static TABS = {
         primary: {
-            tabs: [{ id: 'description' }, { id: 'settings' }, { id: 'actions' }],
+            tabs: [{ id: 'description' }, { id: 'settings' }, { id: 'actions' }, { id: 'effects' }],
             initial: 'description',
             labelPrefix: 'DAGGERHEART.GENERAL.Tabs'
         }
@@ -51,8 +59,8 @@ export default class DHBaseItemSheet extends DHApplicationMixin(ItemSheetV2) {
     /* -------------------------------------------- */
 
     /**@inheritdoc */
-    async _preparePartContext(partId, context) {
+    async _preparePartContext(partId, context, options) {
-        await super._preparePartContext(partId, context);
+        await super._preparePartContext(partId, context, options);
         const { TextEditor } = foundry.applications.ux;
 
         switch (partId) {
@@ -64,141 +72,55 @@ export default class DHBaseItemSheet extends DHApplicationMixin(ItemSheetV2) {
                     secrets: this.item.isOwner
                 });
                 break;
+            case "effects":
+                await this._prepareEffectsContext(context, options)
+                break;
+            case "features":
+                context.isGM = game.user.isGM;
+                break;
         }
 
         return context;
     }
 
+    /**
+     * Prepare render context for the Effect part.
+     * @param {ApplicationRenderContext} context
+     * @param {ApplicationRenderOptions} options
+     * @returns {Promise<void>}
+     * @protected
+     */
+    async _prepareEffectsContext(context, _options) {
+        context.effects = {
+            actives: [],
+            inactives: [],
+        };
+
+        for (const effect of this.item.effects) {
+            const list = effect.active ? context.effects.actives : context.effects.inactives;
+            list.push(effect);
+        }
+    }
+
     /* -------------------------------------------- */
-    /*  Application Clicks Actions                  */
+    /*  Context Menu                                */
     /* -------------------------------------------- */
 
     /**
-     * Render a dialog prompting the user to select an action type.
+     * Get the set of ContextMenu options for Features.
-     *
+     * @returns {import('@client/applications/ux/context-menu.mjs').ContextMenuEntry[]} - The Array of context options passed to the ContextMenu instance
-     * @returns {Promise<object>} An object containing the selected action type.
+     * @this {DHSheetV2}
+     * @protected
      */
-    static async selectActionType() {
+    static #getFeatureContextOptions() {
-        const content = await foundry.applications.handlebars.renderTemplate(
+        const options = this._getContextMenuCommonOptions({ usable: true, toChat: true, deletable: false })
-                'systems/daggerheart/templates/actionTypes/actionType.hbs',
+        options.push(
-                { types: CONFIG.DH.ACTIONS.actionTypes }
-            ),
-            title = 'Select Action Type';
-
-        return foundry.applications.api.DialogV2.prompt({
-            window: { title },
-            content,
-            ok: {
-                label: title,
-                callback: (event, button, dialog) => button.form.elements.type.value
-            }
-        });
-    }
-
-    /**
-     * Add a new action to the item, prompting the user for its type.
-     * @type {ApplicationClickAction}
-     */
-    static async #addAction(_event, _button) {
-        const actionType = await DHBaseItemSheet.selectActionType();
-        if (!actionType) return;
-        try {
-            const cls =
-                    game.system.api.models.actions.actionsTypes[actionType] ??
-                    game.system.api.models.actions.actionsTypes.attack,
-                action = new cls(
             {
-                        _id: foundry.utils.randomID(),
+                name: 'CONTROLS.CommonDelete',
-                        type: actionType,
+                icon: '<i class="fa-solid fa-trash"></i>',
-                        name: game.i18n.localize(CONFIG.DH.ACTIONS.actionTypes[actionType].name),
+                callback: async (target) => {
-                        ...cls.getSourceConfig(this.document)
+                    const feature = getDocFromElement(target);
-                    },
+                    if (!feature) return;
-                    {
-                        parent: this.document
-                    }
-                );
-            await this.document.update({ 'system.actions': [...this.document.system.actions, action] });
-            await new DHActionConfig(this.document.system.actions[this.document.system.actions.length - 1]).render({
-                force: true
-            });
-        } catch (error) {
-            console.log(error);
-        }
-    }
-
-    /**
-     * Edit an existing action on the item
-     * @type {ApplicationClickAction}
-     */
-    static async #editAction(_event, button) {
-        const action = this.document.system.actions[button.dataset.index];
-        await new DHActionConfig(action).render({ force: true });
-    }
-
-    /**
-     * Remove an action from the item.
-     * @type {ApplicationClickAction}
-     */
-    static async #removeAction(event, button) {
-        event.stopPropagation();
-        const actionIndex = button.closest('[data-index]').dataset.index;
-        const action = this.document.system.actions[actionIndex];
-
-        const confirmed = await foundry.applications.api.DialogV2.confirm({
-            window: {
-                title: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.title', {
-                    type: game.i18n.localize(`DAGGERHEART.GENERAL.Action.single`),
-                    name: action.name
-                })
-            },
-            content: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.text', { name: action.name })
-        });
-        if (!confirmed) return;
-
-        await this.document.update({
-            'system.actions': this.document.system.actions.filter((_, index) => index !== Number.parseInt(actionIndex))
-        });
-    }
-
-    /**
-     * Add a new feature to the item, prompting the user for its type.
-     * @type {ApplicationClickAction}
-     */
-    static async #addFeature(_event, _button) {
-        const feature = await game.items.documentClass.create({
-            type: 'feature',
-            name: game.i18n.format('DOCUMENT.New', { type: game.i18n.localize('TYPES.Item.feature') })
-        });
-        await this.document.update({
-            'system.features': [...this.document.system.features.filter(x => x).map(x => x.uuid), feature.uuid]
-        });
-    }
-
-    /**
-     * Edit an existing feature on the item
-     * @type {ApplicationClickAction}
-     */
-    static async #editFeature(_event, button) {
-        const target = button.closest('.feature-item');
-        const feature = this.document.system.features.find(x => x?.id === target.id);
-        if (!feature) {
-            ui.notifications.warn(game.i18n.localize('DAGGERHEART.UI.Notifications.featureIsMissing'));
-            return;
-        }
-
-        feature.sheet.render(true);
-    }
-
-    /**
-     * Remove a feature from the item.
-     * @type {ApplicationClickAction}
-     */
-    static async #removeFeature(event, button) {
-        event.stopPropagation();
-        const target = button.closest('.feature-item');
-        const feature = this.document.system.features.find(x => x && x.id === target.id);
-
-        if (feature) {
                     const confirmed = await foundry.applications.api.DialogV2.confirm({
                         window: {
                             title: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.title', {
@@ -209,12 +131,76 @@ export default class DHBaseItemSheet extends DHApplicationMixin(ItemSheetV2) {
                         content: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.text', { name: feature.name })
                     });
                     if (!confirmed) return;
+                    await this.document.update({
+                        'system.features': this.document.system.toObject().features.filter(uuid => uuid !== feature.uuid)
+                    });
+                },
+            }
+        )
+        return options;
     }
 
+    /* -------------------------------------------- */
+    /*  Application Clicks Actions                  */
+    /* -------------------------------------------- */
+
+    /**
+     * Remove an action from the item.
+     * @type {ApplicationClickAction}
+     */
+    static async #removeAction(event, button) {
+        event.stopPropagation();
+        const actionIndex = button.closest('[data-index]').dataset.index;
+        const action = this.document.system.actions[actionIndex];
+
+        if(!event.shiftKey) {
+            const confirmed = await foundry.applications.api.DialogV2.confirm({
+                window: {
+                    title: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.title', {
+                        type: game.i18n.localize(`DAGGERHEART.GENERAL.Action.single`),
+                        name: action.name
+                    })
+                },
+                content: game.i18n.format('DAGGERHEART.APPLICATIONS.DeleteConfirmation.text', { name: action.name })
+            });
+            if (!confirmed) return;
+        }
+
+
+        await this.document.update({
+            'system.actions': this.document.system.actions.filter((_, index) => index !== Number.parseInt(actionIndex))
+        });
+    }
+
+    /**
+     * Add a new feature to the item, prompting the user for its type.
+     * @type {ApplicationClickAction}
+     */
+    static async #addFeature(_, target) {
+        const { type } = target.dataset;
+        const cls = foundry.documents.Item.implementation;
+        const feature = await cls.create({
+            type: 'feature',
+            name: cls.defaultName({ type: 'feature' }),
+            "system.subType": CONFIG.DH.ITEM.featureSubTypes[type]
+        });
+        await this.document.update({
+            'system.features': [...this.document.system.features, feature].map(f => f.uuid)
+        });
+    }
+
+    /**
+     * Remove a feature from the item.
+     * @type {ApplicationClickAction}
+     */
+    static async #deleteFeature(_, target) {
+        const feature = getDocFromElement(target);
+        if (!feature) return ui.notifications.warn(game.i18n.localize('DAGGERHEART.UI.Notifications.featureIsMissing'));
+        await feature.update({ 'system.subType': null });
         await this.document.update({
             'system.features': this.document.system.features
-                .filter(feature => feature && feature.id !== target.id)
                 .map(x => x.uuid)
+                .filter(uuid => uuid !== feature.uuid)
         });
     }
 

module/applications/sheets/items/ancestry.mjs

@@ -5,7 +5,6 @@ export default class AncestrySheet extends DHHeritageSheet {
     static DEFAULT_OPTIONS = {
         classes: ['ancestry'],
         actions: {
-            addFeature: AncestrySheet.#addFeature,
             editFeature: AncestrySheet.#editFeature,
             removeFeature: AncestrySheet.#removeFeature
         },
@@ -23,23 +22,6 @@ export default class AncestrySheet extends DHHeritageSheet {
     /*  Application Clicks Actions                  */
     /* -------------------------------------------- */
 
-    /**
-     * Add a new feature to the item, prompting the user for its type.
-     * @type {ApplicationClickAction}
-     */
-    static async #addFeature(_event, button) {
-        const feature = await game.items.documentClass.create({
-            type: 'feature',
-            name: game.i18n.format('DOCUMENT.New', { type: game.i18n.localize('TYPES.Item.feature') }),
-            system: {
-                subType: button.dataset.type
-            }
-        });
-        await this.document.update({
-            'system.features': [...this.document.system.features.map(x => x.uuid), feature.uuid]
-        });
-    }
-
     /**
      * Edit an existing feature on the item
      * @type {ApplicationClickAction}

module/applications/sheets/items/armor.mjs

@@ -27,7 +27,11 @@ export default class ArmorSheet extends ItemAttachmentSheet(DHBaseItemSheet) {
             template: 'systems/daggerheart/templates/sheets/items/armor/settings.hbs',
             scrollable: ['.settings']
         },
-        ...super.PARTS
+        effects: {
+            template: 'systems/daggerheart/templates/sheets/global/tabs/tab-effects.hbs',
+            scrollable: ['.effects']
+        },
+        ...super.PARTS,
     };
 
     /**@inheritdoc */

module/applications/sheets/items/beastform.mjs

@@ -28,20 +28,4 @@ export default class BeastformSheet extends DHBaseItemSheet {
             labelPrefix: 'DAGGERHEART.GENERAL.Tabs'
         }
     };
-
-    /**@inheritdoc */
-    async _prepareContext(_options) {
-        const context = await super._prepareContext(_options);
-
-        context.document = context.document.toObject();
-        context.document.effects = this.document.effects.map(effect => {
-            const data = effect.toObject();
-            data.id = effect.id;
-            if (effect.type === 'beastform') data.mandatory = true;
-
-            return data;
-        });
-
-        return context;
-    }
 }

module/applications/sheets/items/class.mjs

@@ -10,10 +10,6 @@ export default class ClassSheet extends DHBaseItemSheet {
         actions: {
             removeItemFromCollection: ClassSheet.#removeItemFromCollection,
             removeSuggestedItem: ClassSheet.#removeSuggestedItem,
-            viewDoc: ClassSheet.#viewDoc,
-            addFeature: this.addFeature,
-            editFeature: this.editFeature,
-            deleteFeature: this.deleteFeature
         },
         tagifyConfigs: [
             {
@@ -46,13 +42,17 @@ export default class ClassSheet extends DHBaseItemSheet {
         settings: {
             template: 'systems/daggerheart/templates/sheets/items/class/settings.hbs',
             scrollable: ['.settings']
+        },
+        effects: {
+            template: 'systems/daggerheart/templates/sheets/global/tabs/tab-effects.hbs',
+            scrollable: ['.effects']
         }
     };
 
     /** @inheritdoc */
     static TABS = {
         primary: {
-            tabs: [{ id: 'description' }, { id: 'features' }, { id: 'settings' }],
+            tabs: [{ id: 'description' }, { id: 'features' }, { id: 'settings' }, { id: 'effects' }],
             initial: 'description',
             labelPrefix: 'DAGGERHEART.GENERAL.Tabs'
         }
@@ -179,59 +179,4 @@ export default class ClassSheet extends DHBaseItemSheet {
         const { target } = element.dataset;
         await this.document.update({ [`system.characterGuide.${target}`]: null });
     }
-
-    /**
-     * Open the sheet of a item by UUID.
-     * @param {PointerEvent} _event -
-     * @param {HTMLElement} button
-     */
-    static async #viewDoc(_event, button) {
-        const doc = await fromUuid(button.dataset.uuid);
-        doc.sheet.render({ force: true });
-    }
-
-    static async addFeature(_, target) {
-        const feature = await game.items.documentClass.create({
-            type: 'feature',
-            name: game.i18n.format('DOCUMENT.New', { type: game.i18n.localize('TYPES.Item.feature') }),
-            system: {
-                subType:
-                    target.dataset.type === 'hope'
-                        ? CONFIG.DH.ITEM.featureSubTypes.hope
-                        : CONFIG.DH.ITEM.featureSubTypes.class
-            }
-        });
-        await this.document.update({
-            [`system.features`]: [...this.document.system.features.filter(x => x).map(x => x.uuid), feature.uuid]
-        });
-    }
-
-    static async editFeature(_, button) {
-        const target = button.closest('.feature-item');
-        const feature = this.document.system.features.find(x => x?.id === target.dataset.featureId);
-        if (!feature) {
-            ui.notifications.warn(game.i18n.localize('DAGGERHEART.UI.Notifications.featureIsMissing'));
-            return;
-        }
-
-        feature.sheet.render(true);
-    }
-
-    static async deleteFeature(event, button) {
-        event.stopPropagation();
-        const target = button.closest('.feature-item');
-
-        const feature = this.document.system.features.find(
-            feature => feature && feature.id === target.dataset.featureId
-        );
-        if (feature) {
-            await feature.update({ 'system.subType': null });
-        }
-
-        await this.document.update({
-            [`system.features`]: this.document.system.features
-                .filter(feature => feature && feature.id !== target.dataset.featureId)
-                .map(x => x.uuid)
-        });
-    }
 }

module/applications/sheets/items/community.mjs

@@ -10,7 +10,7 @@ export default class CommunitySheet extends DHHeritageSheet {
     static PARTS = {
         header: { template: 'systems/daggerheart/templates/sheets/items/community/header.hbs' },
         ...super.PARTS,
-        feature: {
+        features: {
             template: 'systems/daggerheart/templates/sheets/global/tabs/tab-features.hbs',
             scrollable: ['.feature']
         }

module/applications/sheets/items/consumable.mjs

@@ -19,6 +19,10 @@ export default class ConsumableSheet extends DHBaseItemSheet {
         settings: {
             template: 'systems/daggerheart/templates/sheets/items/consumable/settings.hbs',
             scrollable: ['.settings']
+        },
+        effects: {
+            template: 'systems/daggerheart/templates/sheets/global/tabs/tab-effects.hbs',
+            scrollable: ['.effects']
         }
     };
 }

module/applications/sheets/items/feature.mjs

@@ -1,5 +1,3 @@
-import { actionsTypes } from '../../../data/action/_module.mjs';
-import DHActionConfig from '../../sheets-configs/action-config.mjs';
 import DHBaseItemSheet from '../api/base-item.mjs';
 
 export default class FeatureSheet extends DHBaseItemSheet {
@@ -7,13 +5,7 @@ export default class FeatureSheet extends DHBaseItemSheet {
     static DEFAULT_OPTIONS = {
         id: 'daggerheart-feature',
         classes: ['feature'],
-        position: { height: 600 },
+        actions: {}
-        window: { resizable: true },
-        actions: {
-            addAction: FeatureSheet.#addAction,
-            editAction: FeatureSheet.#editAction,
-            removeAction: FeatureSheet.#removeAction
-        }
     };
 
     /**@override */
@@ -40,96 +32,4 @@ export default class FeatureSheet extends DHBaseItemSheet {
             labelPrefix: 'DAGGERHEART.GENERAL.Tabs'
         }
     };
-
-    /* -------------------------------------------- */
-
-    /**@inheritdoc */
-    async _prepareContext(_options) {
-        const context = await super._prepareContext(_options);
-
-        return context;
-    }
-
-    /* -------------------------------------------- */
-    /*  Application Clicks Actions                  */
-    /* -------------------------------------------- */
-
-    /**
-     * Render a dialog prompting the user to select an action type.
-     *
-     * @returns {Promise<object>} An object containing the selected action type.
-     */
-    static async selectActionType() {
-        const content = await foundry.applications.handlebars.renderTemplate(
-                'systems/daggerheart/templates/actionTypes/actionType.hbs',
-                {
-                    types: CONFIG.DH.ACTIONS.actionTypes,
-                    itemName: game.i18n.localize('DAGGERHEART.CONFIG.SelectAction.selectType')
-                }
-            ),
-            title = game.i18n.localize('DAGGERHEART.CONFIG.SelectAction.selectType');
-
-        return foundry.applications.api.DialogV2.prompt({
-            window: { title },
-            classes: ['daggerheart', 'dh-style'],
-            content,
-            ok: {
-                label: title,
-                callback: (event, button, dialog) => button.form.elements.type.value
-            }
-        });
-    }
-
-    /**
-     * Add a new action to the item, prompting the user for its type.
-     * @param {PointerEvent} _event - The originating click event
-     * @param {HTMLElement} _button - The capturing HTML element which defines the [data-action="addAction"]
-     */
-    static async #addAction(_event, _button) {
-        const actionType = await FeatureSheet.selectActionType();
-        if (!actionType) return;
-        try {
-            const cls = actionsTypes[actionType] ?? actionsTypes.attack,
-                action = new cls(
-                    {
-                        _id: foundry.utils.randomID(),
-                        type: actionType,
-                        name: game.i18n.localize(CONFIG.DH.ACTIONS.actionTypes[actionType].name),
-                        ...cls.getSourceConfig(this.document)
-                    },
-                    {
-                        parent: this.document
-                    }
-                );
-            await this.document.update({ 'system.actions': [...this.document.system.actions, action] });
-            await new DHActionConfig(this.document.system.actions[this.document.system.actions.length - 1]).render({
-                force: true
-            });
-        } catch (error) {
-            console.log(error);
-        }
-    }
-
-    /**
-     * Edit an existing action on the item
-     * @param {PointerEvent} _event - The originating click event
-     * @param {HTMLElement} button - The capturing HTML element which defines the [data-action="editAction"]
-     */
-    static async #editAction(_event, button) {
-        const action = this.document.system.actions[button.dataset.index];
-        await new DHActionConfig(action).render({ force: true });
-    }
-
-    /**
-     * Remove an action from the item.
-     * @param {PointerEvent} event - The originating click event
-     * @param {HTMLElement} button - The capturing HTML element which defines the [data-action="removeAction"]
-     */
-    static async #removeAction(event, button) {
-        event.stopPropagation();
-        const actionIndex = button.closest('[data-index]').dataset.index;
-        await this.document.update({
-            'system.actions': this.document.system.actions.filter((_, index) => index !== Number.parseInt(actionIndex))
-        });
-    }
 }

module/applications/sheets/items/miscellaneous.mjs

@@ -19,6 +19,10 @@ export default class MiscellaneousSheet extends DHBaseItemSheet {
         settings: {
             template: 'systems/daggerheart/templates/sheets/items/miscellaneous/settings.hbs',
             scrollable: ['.settings']
+        },
+        effects: {
+            template: 'systems/daggerheart/templates/sheets/global/tabs/tab-effects.hbs',
+            scrollable: ['.effects']
         }
     };
 }

module/applications/sheets/items/subclass.mjs

@@ -6,11 +6,7 @@ export default class SubclassSheet extends DHBaseItemSheet {
         classes: ['subclass'],
         position: { width: 600 },
         window: { resizable: false },
-        actions: {
+        actions: {}
-            addFeature: this.addFeature,
-            editFeature: this.editFeature,
-            deleteFeature: this.deleteFeature
-        }
     };
 
     /**@override */
@@ -25,64 +21,22 @@ export default class SubclassSheet extends DHBaseItemSheet {
         settings: {
             template: 'systems/daggerheart/templates/sheets/items/subclass/settings.hbs',
             scrollable: ['.settings']
+        },
+        effects: {
+            template: 'systems/daggerheart/templates/sheets/global/tabs/tab-effects.hbs',
+            scrollable: ['.effects']
         }
     };
 
     /** @inheritdoc */
     static TABS = {
         primary: {
-            tabs: [{ id: 'description' }, { id: 'features' }, { id: 'settings' }],
+            tabs: [{ id: 'description' }, { id: 'features' }, { id: 'settings' }, { id: 'effects' }],
             initial: 'description',
             labelPrefix: 'DAGGERHEART.GENERAL.Tabs'
         }
     };
 
-    static async addFeature(_, target) {
-        const feature = await game.items.documentClass.create({
-            type: 'feature',
-            name: game.i18n.format('DOCUMENT.New', { type: game.i18n.localize('TYPES.Item.feature') }),
-            system: {
-                subType:
-                    target.dataset.type === 'foundation'
-                        ? CONFIG.DH.ITEM.featureSubTypes.foundation
-                        : target.dataset.type === 'specialization'
-                          ? CONFIG.DH.ITEM.featureSubTypes.specialization
-                          : CONFIG.DH.ITEM.featureSubTypes.mastery
-            }
-        });
-        await this.document.update({
-            [`system.features`]: [...this.document.system.features.map(x => x.uuid), feature.uuid]
-        });
-    }
-
-    static async editFeature(_, button) {
-        const feature = this.document.system.features.find(x => x.id === button.dataset.feature);
-        if (!feature) {
-            ui.notifications.warn(game.i18n.localize('DAGGERHEART.UI.Notifications.featureIsMissing'));
-            return;
-        }
-
-        if (feature) {
-            await feature.update({ 'system.subType': null });
-        }
-
-        feature.sheet.render(true);
-    }
-
-    static async deleteFeature(event, target) {
-        event.stopPropagation();
-        const feature = this.document.system.features.find(feature => feature.id === target.dataset.feature);
-        if (feature) {
-            await feature.update({ 'system.subType': null });
-        }
-
-        await this.document.update({
-            [`system.features`]: this.document.system.features
-                .filter(feature => feature && feature.id !== target.dataset.feature)
-                .map(x => x.uuid)
-        });
-    }
-
     async _onDragStart(event) {
         const featureItem = event.currentTarget.closest('.drop-section');
 

module/applications/sheets/items/weapon.mjs

@@ -27,7 +27,11 @@ export default class WeaponSheet extends ItemAttachmentSheet(DHBaseItemSheet) {
             template: 'systems/daggerheart/templates/sheets/items/weapon/settings.hbs',
             scrollable: ['.settings']
         },
-        ...super.PARTS
+        effects: {
+            template: 'systems/daggerheart/templates/sheets/global/tabs/tab-effects.hbs',
+            scrollable: ['.effects']
+        },
+        ...super.PARTS,
     };
 
     /**@inheritdoc */

module/applications/ux/contextMenu.mjs

@@ -100,7 +100,7 @@ export default class DHContextMenu extends foundry.applications.ux.ContextMenu {
         event.preventDefault();
         event.stopPropagation();
         const { clientX, clientY } = event;
-        const selector = '[data-item-id]';
+        const selector = '[data-item-uuid]';
         const target = event.target.closest(selector) ?? event.currentTarget.closest(selector);
         target?.dispatchEvent(
             new PointerEvent('contextmenu', {

module/data/actor/character.mjs

@@ -67,7 +67,7 @@ export default class DhCharacter extends BaseDataActor {
             scars: new fields.TypedObjectField(
                 new fields.SchemaField({
                     name: new fields.StringField({}),
-                    description: new fields.HTMLField()
+                    description: new fields.StringField()
                 })
             ),
             biography: new fields.SchemaField({

module/data/actor/companion.mjs

@@ -13,6 +13,7 @@ export default class DhCompanion extends BaseDataActor {
         return foundry.utils.mergeObject(super.metadata, {
             label: 'TYPES.Actor.companion',
             type: 'companion',
+            isNPC: false,
             settingSheet: DHCompanionSettings
         });
     }

module/helpers/handlebarsHelper.mjs

@@ -8,10 +8,10 @@ export default class RegisterHandlebarsHelpers {
             times: this.times,
             damageFormula: this.damageFormula,
             damageSymbols: this.damageSymbols,
-            rollParsed: this.rollParsed
+            rollParsed: this.rollParsed,
+            hasProperty: foundry.utils.hasProperty,
         });
     }
-
     static add(a, b) {
         const aNum = Number.parseInt(a);
         const bNum = Number.parseInt(b);

module/helpers/utils.mjs

@@ -300,6 +300,18 @@ export const updateActorTokens = async (actor, update) => {
     }
 };
 
+/**
+ * Retrieves a Foundry document associated with the nearest ancestor element
+ * that has a `data-item-uuid` attribute.
+ * @param {HTMLElement} element - The DOM element to start the search from.
+ * @returns {foundry.abstract.Document|null} The resolved document, or null if not found or invalid.
+ */
+export function getDocFromElement(element) {
+    const target = element.closest('[data-item-uuid]');
+    return foundry.utils.fromUuidSync(target.dataset.itemUuid) ?? null;
+}
+
+
 export const itemAbleRollParse = (value, actor, item) => {
     if (!value) return value;
 

module/systemRegistration/handlebars.mjs

@@ -1,10 +1,12 @@
 export const preloadHandlebarsTemplates = async function () {
+    foundry.applications.handlebars.loadTemplates({
+        'daggerheart.inventory-items': 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items-V2.hbs',
+        'daggerheart.inventory-item': 'systems/daggerheart/templates/sheets/global/partials/inventory-item-V2.hbs',
+    })
     return foundry.applications.handlebars.loadTemplates([
         'systems/daggerheart/templates/sheets/global/tabs/tab-navigation.hbs',
-        'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs',
         'systems/daggerheart/templates/sheets/global/partials/action-item.hbs',
         'systems/daggerheart/templates/sheets/global/partials/domain-card-item.hbs',
-        'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs',
         'systems/daggerheart/templates/sheets/global/partials/item-resource.hbs',
         'systems/daggerheart/templates/sheets/global/partials/resource-section.hbs',
         'systems/daggerheart/templates/components/card-preview.hbs',

styles/less/global/inventory-item.less

@@ -12,39 +12,56 @@
     }
 }
 
+.appTheme({}, {
+    .inventory-item-header .img-portait .roll-img {
+        filter: invert(1);
+    }
+});
+
 .application.daggerheart.dh-style {
     .inventory-item {
-        display: grid;
-        grid-template-columns: 40px 1fr 60px;
-        gap: 10px;
         width: 100%;
+        list-style-type: none;
 
+        &:hover {
+            .inventory-item-header .img-portait {
+                .roll-img {
+                    opacity: 1;
+                }
                 .item-img {
-            height: 40px;
+                    opacity: 0;
-            width: 40px;
+                }
-            border-radius: 3px;
+            }
-            border: none;
+        }
+
+        .inventory-item-header {
+            display: flex;
+            align-items: center;
+            gap: 10px;
             cursor: pointer;
-            object-fit: cover;
 
-            &.actor-img {
+            .img-portait {
-                border-radius: 50%;
+                flex: 0 0 40px;
-            }
+                height: 40px;
+                cursor: pointer;
+                position: relative;
+
+                .item-img,
+                .roll-img {
+                    position: absolute;
+                    transition: opacity 300ms ease-in;
                 }
 
-        .item-label-wrapper {
+                .roll-img {
-            display: grid;
+                    opacity: 0;
-            grid-template-columns: 1fr 60px;
+                }
             }
 
             .item-label {
+                flex: 1;
                 font-family: @font-body;
                 align-self: center;
 
-            &.fullWidth {
-                grid-column: span 2;
-            }
-
                 .item-name {
                     font-size: 14px;
                 }
@@ -54,45 +71,96 @@
                     display: flex;
                     gap: 10px;
 
-                .tag {
+                    .tag,
-                    display: flex;
-                    flex-direction: row;
-                    justify-content: center;
-                    align-items: center;
-                    padding: 3px 5px;
-                    font-size: 12px;
-
-                    background: light-dark(@dark-15, @beige-15);
-                    border: 1px solid light-dark(@dark, @beige);
-                    border-radius: 3px;
-                }
-
                     .label {
                         display: flex;
                         flex-direction: row;
                         justify-content: center;
                         align-items: center;
                         font-size: 12px;
+                    }
+
+                    .tag {
+                        padding: 3px 5px;
+                        background: light-dark(@dark-15, @beige-15);
+                        border: 1px solid light-dark(@dark, @beige);
+                        border-radius: 3px;
+                    }
+
+                    .label {
                         gap: 4px;
                     }
                 }
             }
 
+            .item-resource {
+                flex: 0 0 60px;
+                display: flex;
+                align-items: center;
+                gap: 4px;
+            }
             .controls {
+                flex: 0 0 auto;
                 display: flex;
                 align-items: center;
                 justify-content: end;
                 gap: 8px;
+            }
+        }
 
-            a {
+        .inventory-item-content {
-                text-align: center;
+            > *:not(:last-child) {
+                margin-bottom: 5px;
+            }
+            &.extensible {
+                max-height: 0;
+                overflow: hidden;
+                transition: max-height 0.5s ease-in-out;
+                &.extended {
+                    max-height: 500px;
+                    overflow: auto;
+                }
+            }
+            .item-resources {
+                display: flex;
+                align-items: center;
+                gap: 4px;
+                .item-dice-resource {
+                    position: relative;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    width: 26px;
 
-                &.unequipped {
+                    label,
-                    opacity: 0.4;
+                    i {
+                        position: absolute;
+                        z-index: 2;
+                        cursor: pointer;
+                    }
+
+                    label {
+                        color: light-dark(white, black);
+                        filter: drop-shadow(0 0 1px light-dark(@dark-blue, @golden));
+                        font-size: 18px;
+                    }
+
+                    img {
+                        filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(580%) hue-rotate(332deg)
+                            brightness(96%) contrast(95%);
+                    }
+
+                    i {
+                        text-shadow: 0 0 3px white;
+                        filter: drop-shadow(0 1px white);
+                        color: black;
+                        font-size: 26px;
                     }
                 }
             }
         }
+    }
+
     .card-item {
         position: relative;
         height: 120px;
@@ -212,6 +280,7 @@
 
             input {
                 flex: 1;
+                text-align: center;
             }
 
             .item-dice-resource {

system.json

@@ -35,6 +35,12 @@
         },
         {
             "name": "Po0lp"
+        },
+        {
+            "name": "JoaquinP",
+            "url": "https://github.com/joaquinpereyra98",
+            "email": "joaquinpereyra98@gmail.com",
+            "discord": "joaquinp98"
         }
     ],
     "esmodules": ["build/daggerheart.js"],
@@ -178,14 +184,14 @@
     "documentTypes": {
         "Actor": {
             "character": {
-                "htmlFields": ["story", "description", "scars.*.description"]
+                "htmlFields": ["biography.background", "biography.connections"]
             },
             "companion": {},
             "adversary": {
-                "htmlFields": ["description", "motivesAndTactics"]
+                "htmlFields": ["notes", "description"]
             },
             "environment": {
-                "htmlFields": ["description", "impulses"]
+                "htmlFields": ["notes", "description"]
             }
         },
         "Item": {

templates/sheets-settings/adversary-settings/features.hbs

@@ -16,8 +16,8 @@
                         <span>{{feature.name}}</span>
                     </div>
                     <div class="controls">
-                        <a data-action="editDoc" data-type="Item" data-doc-id="{{feature.id}}" data-tooltip="{{localize 'DAGGERHEART.Tooltip.edit'}}"><i class="fa-solid fa-pen-to-square"></i></a>
+                        <a data-action="editDoc" data-item-uuid="{{feature.uuid}}" data-tooltip="{{localize 'DAGGERHEART.CommonEdit'}}"><i class="fa-solid fa-pen-to-square"></i></a>
-                        <a data-action="deleteDoc"  data-type="Item" data-doc-id="{{feature.id}}" data-tooltip="{{localize 'CONTROLS.CommonDelete'}}"><i class="fa-solid fa-trash"></i></a>
+                        <a data-action="deleteDoc"  data-item-uuid="{{feature.uuid}}" data-tooltip="{{localize 'CONTROLS.CommonDelete'}}"><i class="fa-solid fa-trash"></i></a>
                     </div>
                 </li>
             {{/each}}

templates/sheets-settings/environment-settings/adversaries.hbs

@@ -1,24 +1,27 @@
-<section
+<section class='tab {{tabs.adversaries.cssClass}} {{tabs.adversaries.id}}' data-tab='{{tabs.adversaries.id}}'
-    class='tab {{tabs.adversaries.cssClass}} {{tabs.adversaries.id}}'
+    data-group='{{tabs.adversaries.group}}'>
-    data-tab='{{tabs.adversaries.id}}'
-    data-group='{{tabs.adversaries.group}}'
->    
     <button type="button" class="add-action-btn" data-action="addCategory">
         New Category
     </button>
-    {{#each document.system.potentialAdversaries as |category id|}}
+    {{#each document.system.potentialAdversaries as |category categoryId|}}
-        <fieldset class="category-container" data-potential-adversary="{{id}}">
+    <fieldset class="category-container" data-potential-adversary="{{categoryId}}">
         <legend>{{category.label}}</legend>
         <div class="category-name">
-                <input type="text" name="{{concat "system.potentialAdversaries." @key ".label" }}" value="{{category.label}}" />
+            <input type="text" name="system.potentialAdversaries.{{categoryId}}.label"
-                <a data-action="removeCategory" data-category-id={{id}} data-tooltip='{{localize "CONTROLS.CommonDelete"}}'>
+                value="{{category.label}}" />
+            <a data-action="removeCategory" data-category-id={{categoryId}} data-tooltip='{{localize "CONTROLS.CommonDelete"}}'>
                 <i class="fa-solid fa-trash"></i>
             </a>
         </div>
         <div class="adversaries-container">
             {{#each category.adversaries as |adversary|}}
             <div class="adversary-container">
-                        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=adversary type='adversary' isActor=true categoryAdversary=@../key}}
+                {{> 'daggerheart.inventory-item'
+                item=adversary
+                type='adversary'
+                isActor=true
+                categoryAdversary=categoryId
+                }}
             </div>
             {{/each}}
         </div>

templates/sheets-settings/environment-settings/features.hbs

@@ -16,8 +16,8 @@
                         <span>{{feature.name}}</span>
                     </div>
                     <div class="controls">
-                        <a data-action="editDoc" data-type="Item" data-doc-id="{{feature.id}}" data-tooltip="{{localize 'DAGGERHEART.Tooltip.edit'}}"><i class="fa-solid fa-pen-to-square"></i></a>
+                        <a data-action="editDoc" data-doc-uuid="{{feature.uuid}}" data-tooltip="{{localize 'CONTROLS.CommonEdit'}}"><i class="fa-solid fa-pen-to-square"></i></a>
-                        <a data-action="deleteDoc"  data-type="Item" data-doc-id="{{feature.id}}" data-tooltip="{{localize 'CONTROLS.CommonDelete'}}"><i class="fa-solid fa-trash"></i></a>
+                        <a data-action="deleteDoc"  data-item-uuid="{{feature.uuid}}" data-tooltip="{{localize 'CONTROLS.CommonDelete'}}"><i class="fa-solid fa-trash"></i></a>
                     </div>
                 </li>
             {{/each}}

templates/sheets/actors/adversary/effects.hbs

@@ -1,8 +1,20 @@
-<section
+<section class='tab {{tabs.effects.cssClass}} {{tabs.effects.id}}' data-tab='{{tabs.effects.id}}'
-    class='tab {{tabs.effects.cssClass}} {{tabs.effects.id}}'
+    data-group='{{tabs.effects.group}}'>
-    data-tab='{{tabs.effects.id}}'
+    {{> 'daggerheart.inventory-items'
-    data-group='{{tabs.effects.group}}'
+    title='DAGGERHEART.GENERAL.activeEffects'
->
+    type='effect'
-    {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'DAGGERHEART.GENERAL.activeEffects') type='effect'}}
+    isGlassy=true
-    {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'DAGGERHEART.GENERAL.inactiveEffects') type='effect'}}
+    collection=effects.actives
+    canCreate=true
+    hideResources=true
+    }}
+
+    {{> 'daggerheart.inventory-items'
+    title='DAGGERHEART.GENERAL.inactiveEffects'
+    type='effect'
+    isGlassy=true
+    collection=effects.inactives
+    canCreate=true
+    hideResources=true
+    }}
 </section>

templates/sheets/actors/adversary/features.hbs

@@ -1,9 +1,13 @@
-<section
+<section class='tab {{tabs.features.cssClass}} {{tabs.features.id}}' data-tab='{{tabs.features.id}}'
-    class='tab {{tabs.features.cssClass}} {{tabs.features.id}}'
+    data-group='{{tabs.features.group}}'>
-    data-tab='{{tabs.features.id}}'
-    data-group='{{tabs.features.group}}'
->    
     <div class="feature-section">
-        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize tabs.features.label) type='feature' values=document.system.features hideControls=true}}
+        {{> 'daggerheart.inventory-items'
+        title=tabs.features.label
+        type='feature'
+        collection=document.system.features
+        hideControls=true
+        canCreate=true
+        showActions=true
+        }}
     </div>
 </section>

templates/sheets/actors/adversary/header.hbs

@@ -27,7 +27,7 @@
     <line-div></line-div>
     <div class="adversary-info">
         <div class="description">
-            <i>{{{source.system.description}}}</i>
+            <i>{{{description}}}</i>
         </div>
         <div class="motives-and-tatics">
             <b>{{localize 'DAGGERHEART.ACTORS.Adversary.FIELDS.motivesAndTactics.label'}}: </b>{{{source.system.motivesAndTactics}}}

templates/sheets/actors/adversary/notes.hbs

@@ -5,6 +5,6 @@
 >
     <fieldset class="fit-height">
         <legend>{{localize tabs.notes.label}}</legend>
-        {{formInput systemFields.notes value=document.system.notes enriched=document.system.notes localize=true toggled=true}}
+        {{formInput notes.field value=notes.value enriched=notes.enriched toggled=true}}
     </fieldset>
 </section>

templates/sheets/actors/adversary/sidebar.hbs

@@ -1,40 +1,37 @@
 <aside class="adversary-sidebar-sheet">
     <div class="portrait {{#if (and source.system.resources.hitPoints.max (gte source.system.resources.hitPoints.value source.system.resources.hitPoints.max))}}death-roll{{/if}}">
         <img src="{{source.img}}" alt="{{source.name}}" data-action='editImage' data-edit="img">
-        <a class="death-roll-btn" data-tooltip="{{localize "DAGGERHEART.UI.Tooltip.makeDeathMove"}}" data-action="makeDeathMove"><i class="fas fa-skull death-save" ></i></a>
+        <a class="death-roll-btn" data-tooltip="{{localize " DAGGERHEART.UI.Tooltip.makeDeathMove"}}"
+            data-action="makeDeathMove"><i class="fas fa-skull death-save"></i></a>
     </div>
 
     <div class="info-section">
         <div class="resources-section">
             <div class="status-bar">
                 <div class='status-value'>
-                    <p><input class="bar-input" name="system.resources.hitPoints.value" value="{{source.system.resources.hitPoints.value}}" type="number"></p>
+                    <p><input class="bar-input" name="system.resources.hitPoints.value"
+                            value="{{source.system.resources.hitPoints.value}}" type="number"></p>
                     <p>/</p>
                     <p class="bar-label">{{source.system.resources.hitPoints.max}}</p>
                 </div>
-                <progress
+                <progress class='progress-bar' value='{{source.system.resources.hitPoints.value}}'
-                    class='progress-bar'
+                    max='{{source.system.resources.hitPoints.max}}'></progress>
-                    value='{{source.system.resources.hitPoints.value}}'
-                    max='{{source.system.resources.hitPoints.max}}'
-                ></progress>
                 <div class="status-label">
-                    <h4>HP</h4>
+                    <h4>{{localize 'DAGGERHEART.GENERAL.attack.hitPoints.short'}}</h4>
                 </div>
 
             </div>
             <div class="status-bar">
                 <div class='status-value'>
-                    <p><input class="bar-input" name="system.resources.stress.value" value="{{source.system.resources.stress.value}}" type="number"></p>
+                    <p><input class="bar-input" name="system.resources.stress.value"
+                            value="{{source.system.resources.stress.value}}" type="number"></p>
                     <p>/</p>
                     <p class="bar-label">{{source.system.resources.stress.max}}</p>
                 </div>
-                <progress
+                <progress class='progress-bar stress-color' value='{{source.system.resources.stress.value}}'
-                    class='progress-bar stress-color'
+                    max='{{source.system.resources.stress.max}}'></progress>
-                    value='{{source.system.resources.stress.value}}'
-                    max='{{source.system.resources.stress.max}}'
-                ></progress>
                 <div class="status-label">
-                    <h4>Stress</h4>
+                    <h4>{{localize 'DAGGERHEART.GENERAL.stress'}}</h4>
                 </div>
             </div>
         </div>
@@ -57,7 +54,7 @@
                     {{/if}}
                 </div>
                 <div class="status-label">
-                    <h4>Difficulty</h4>
+                    <h4>{{localize DAGGERHEART.GENERAL.difficulty}}</h4>
                 </div>
             </div>
             <div class="status-number">
@@ -69,7 +66,7 @@
                     {{/if}}
                 </div>
                 <div class="status-label">
-                    <h4>Attack</h4>
+                    <h4>{{localize "DAGGERHEART.GENERAL.attack"}}</h4>
                 </div>
             </div>
         </div>
@@ -77,17 +74,25 @@
     <div class="attack-section">
         <div class="title">
             <side-line-div class="invert"></side-line-div>
-            <h3>Attack</h3>
+            <h3>{{localize "DAGGERHEART.GENERAL.attack"}}</h3>
             <side-line-div></side-line-div>
         </div>
         <ul class="items-sidebar-list">
-            {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=source.system.attack type=source.system.attack.systemPath isSidebar=true}}
+            {{> 'daggerheart.inventory-item'
+            item=document.system.attack
+            type='action'
+            hideTags=true
+            hideDescription=true
+            hideTooltip=true
+            hideResources=true
+            noExtensible=true
+            }}
         </ul>
     </div>
     <div class="experience-section">
         <div class="title">
             <side-line-div class="invert"></side-line-div>
-            <h3>Experience</h3>
+            <h3>{{localize DAGGERHEART.GENERAL.experience.plural}}</h3>
             <side-line-div></side-line-div>
         </div>
         <div class="experience-list">
@@ -98,7 +103,9 @@
                 </div>
                 <span class="experience-name">{{experience.name}}</span>
                 <div class="controls">
-                        <a data-action="toChat" data-type="experience" data-uuid="{{id}}"><i class="fa-regular fa-message"></i></a>
+                    <a data-action="sendExpToChat" data-id="{{id}}">
+                        <i class="fa-regular fa-message"></i>
+                    </a>
                 </div>
             </div>
             {{/each}}
@@ -106,6 +113,6 @@
     </div>
     <line-div></line-div>
     <div class="reaction-section">
-        <button data-action="reactionRoll">Reaction Test</button>
+        <button data-action="reactionRoll">{{localize DAGGERHEART.GENERAL.Roll.reaction}}</button>
     </div>
 </aside>

templates/sheets/actors/character/biography.hbs

@@ -26,11 +26,11 @@
         </fieldset>
         <fieldset>
             <legend>{{localize 'DAGGERHEART.ACTORS.Character.story.backgroundTitle'}}</legend>
-            {{formInput systemFields.biography.fields.background value=source.system.biography.background enriched=source.system.biography.background localize=true toggled=true}}
+            {{formInput background.field value=background.value enriched=background.enriched toggled=true}}
         </fieldset>
         <fieldset>
             <legend>{{localize 'DAGGERHEART.ACTORS.Character.story.connectionsTitle'}}</legend>
-            {{formInput systemFields.biography.fields.connections value=source.system.biography.connections enriched=source.system.biography.connections localize=true toggled=true}}
+            {{formInput connections.field value=connections.value enriched=connections.enriched toggled=true}}
         </fieldset>
     </div>
 </section>

templates/sheets/actors/character/effects.hbs

@@ -1,8 +1,21 @@
-<section
+<section class='tab {{tabs.effects.cssClass}} {{tabs.effects.id}}' data-tab='{{tabs.effects.id}}'
-    class='tab {{tabs.effects.cssClass}} {{tabs.effects.id}}'
+    data-group='{{tabs.effects.group}}'>
-    data-tab='{{tabs.effects.id}}'
+
-    data-group='{{tabs.effects.group}}'
+    {{> 'daggerheart.inventory-items'
->
+    title='DAGGERHEART.GENERAL.activeEffects'
-    {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'DAGGERHEART.GENERAL.activeEffects') type='effect'}}
+    type='effect'
-    {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'DAGGERHEART.GENERAL.inactiveEffects') type='effect'}}
+    isGlassy=true
+    collection=effects.actives
+    canCreate=true
+    hideResources=true
+    }}
+
+    {{> 'daggerheart.inventory-items'
+    title='DAGGERHEART.GENERAL.inactiveEffects'
+    type='effect'
+    isGlassy=true
+    collection=effects.inactives
+    canCreate=true
+    hideResources=true
+    }}
 </section>

templates/sheets/actors/character/features.hbs

@@ -1,12 +1,24 @@
-<section
+<section class='tab {{tabs.features.cssClass}} {{tabs.features.id}}' data-tab='{{tabs.features.id}}'
-    class='tab {{tabs.features.cssClass}} {{tabs.features.id}}'
+    data-group='{{tabs.features.group}}'>
-    data-tab='{{tabs.features.id}}'
-    data-group='{{tabs.features.group}}'
->
     <div class="features-sections">
-        {{#each document.system.sheetLists}}
+        {{#each document.system.sheetLists as |category|}}
-            {{#if this.values}}
+        {{#if (eq category.type 'feature' )}}
-                {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=this.title values=this.values}}
+        {{> 'daggerheart.inventory-items'
+        title=category.title
+        type='feature'
+        collection=category.values
+        canCreate=true
+        showActions=true
+        }}
+        {{else if category.values}}
+        {{> 'daggerheart.inventory-items'
+        title=category.title
+        type='feature'
+        collection=category.values
+        canCreate=false
+        showActions=true
+        }}
+
         {{/if}}
         {{/each}}
     </div>

templates/sheets/actors/character/header.hbs

@@ -29,25 +29,25 @@
     <div class="character-details">
         <div>
             {{#if document.system.class.value}}
-                <span data-action="editDoc" data-type="Item" data-doc-id="{{document.system.class.value.id}}">{{document.system.class.value.name}}</span>
+                <span data-action="editDoc" data-item-uuid="{{document.system.class.value.uuid}}">{{document.system.class.value.name}}</span>
             {{else}}
                 <span data-action="openPack" data-key="daggerheart.classes">{{localize 'TYPES.Item.class'}}</span>
             {{/if}}
             <span class="dot">•</span>
             {{#if document.system.class.subclass}}
-                <span data-action="editDoc" data-type="Item" data-doc-id="{{document.system.class.subclass.id}}">{{document.system.class.subclass.name}}</span>
+                <span data-action="editDoc" data-item-uuid="{{document.system.class.subclass.uuid}}">{{document.system.class.subclass.name}}</span>
             {{else}}
                 <span data-action="openPack" data-key="daggerheart.subclass">{{localize 'TYPES.Item.subclass'}}</span>
             {{/if}}
             <span class="dot">•</span>
             {{#if document.system.community}}
-                <span data-action="editDoc" data-type="Item" data-doc-id="{{document.system.community.id}}">{{document.system.community.name}}</span>
+                <span data-action="editDoc" data-item-uuid="{{document.system.community.uuid}}">{{document.system.community.name}}</span>
             {{else}}
                 <span data-action="openPack" data-key="daggerheart.community">{{localize 'TYPES.Item.community'}}</span>
             {{/if}}
             <span class="dot">•</span>
             {{#if document.system.ancestry}}
-                <span data-action="editDoc" data-type="Item" data-doc-id="{{document.system.ancestry.id}}">{{document.system.ancestry.name}}</span>
+                <span data-action="editDoc" data-item-uuid="{{document.system.ancestry.uuid}}">{{document.system.ancestry.name}}</span>
             {{else}}
                 <span data-action="openPack" data-key="daggerheart.ancestry">{{localize 'TYPES.Item.ancestry'}}</span>
             {{/if}}
@@ -56,13 +56,13 @@
         {{#if document.system.multiclass.value}}
             <div class="multiclass">
                 {{#if document.system.multiclass.value}}
-                    <span data-action="editDoc" data-type="Item" data-doc-id="{{document.system.multiclass.value.id}}">{{document.system.multiclass.value.name}}</span>
+                    <span data-action="editDoc"data-item-uuid="{{document.system.multiclass.value.uuid}}">{{document.system.multiclass.value.name}}</span>
                 {{else}}
                     <span data-action="openPack" data-key="daggerheart.classes">{{localize 'DAGGERHEART.GENERAL.multiclass'}}</span>
                 {{/if}}
                 <span class="dot">•</span>
                 {{#if document.system.multiclass.subclass}}
-                    <span data-action="editDoc" data-type="Item" data-doc-id="{{document.system.multiclass.subclass.id}}">{{document.system.multiclass.subclass.name}}</span>
+                    <span data-action="editDoc" data-item-uuid="{{document.system.multiclass.subclass.uuid}}">{{document.system.multiclass.subclass.name}}</span>
                 {{else}}
                     <span data-action="openPack" data-key="daggerheart.subclass">{{localize 'TYPES.Item.subclass'}}</span>
                 {{/if}}

templates/sheets/actors/character/inventory.hbs

@@ -1,8 +1,5 @@
-<section
+<section class='tab {{tabs.inventory.cssClass}} {{tabs.inventory.id}}' data-tab='{{tabs.inventory.id}}'
-    class='tab {{tabs.inventory.cssClass}} {{tabs.inventory.id}}'
+    data-group='{{tabs.inventory.group}}'>
-    data-tab='{{tabs.inventory.id}}'
-    data-group='{{tabs.inventory.group}}'
->
     <div class="search-section">
         <div class="search-bar">
             <div class="icon">
@@ -16,28 +13,58 @@
     </div>
 
     <div class="items-section">
-        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'TYPES.Item.weapon') type='weapon' isGlassy=true}}
+        {{> 'daggerheart.inventory-items'
-        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'TYPES.Item.armor') type='armor' isGlassy=true}}
+        title='TYPES.Item.weapon'
-        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'TYPES.Item.consumable') type='consumable' isGlassy=true}}
+        type='weapon'
-        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'TYPES.Item.miscellaneous') type='miscellaneous' isGlassy=true}}
+        collection=document.itemTypes.weapon
+        isGlassy=true
+        canCreate=true
+        hideResources=true
+        }}
+        {{> 'daggerheart.inventory-items'
+        title='TYPES.Item.armor'
+        type='armor'
+        collection=document.itemTypes.armor
+        isGlassy=true
+        canCreate=true
+        hideResources=true
+        }}
+        {{> 'daggerheart.inventory-items'
+        title='TYPES.Item.consumable'
+        type='consumable'
+        collection=document.itemTypes.consumable
+        isGlassy=true
+        canCreate=true
+        }}
+        {{> 'daggerheart.inventory-items'
+        title='TYPES.Item.miscellaneous'
+        type='miscellaneous'
+        collection=document.itemTypes.miscellaneous
+        isGlassy=true
+        canCreate=true
+        }}
     </div>
 
     <div class="currency-section">
         <div class="input">
             <span>{{localize this.inventory.currency.coins}}</span>
-            {{formInput systemFields.gold.fields.coins value=source.system.gold.coins enriched=source.system.gold.coins localize=true toggled=true}}
+            {{formInput systemFields.gold.fields.coins value=source.system.gold.coins enriched=source.system.gold.coins
+            localize=true toggled=true}}
         </div>
         <div class="input">
             <span>{{localize this.inventory.currency.handfulls}}</span>
-            {{formInput systemFields.gold.fields.handfulls value=source.system.gold.handfulls enriched=source.system.gold.handfulls localize=true toggled=true}}
+            {{formInput systemFields.gold.fields.handfulls value=source.system.gold.handfulls
+            enriched=source.system.gold.handfulls localize=true toggled=true}}
         </div>
         <div class="input">
             <span>{{localize this.inventory.currency.bags}}</span>
-            {{formInput systemFields.gold.fields.bags value=source.system.gold.bags enriched=source.system.gold.bags localize=true toggled=true}}
+            {{formInput systemFields.gold.fields.bags value=source.system.gold.bags enriched=source.system.gold.bags
+            localize=true toggled=true}}
         </div>
         <div class="input">
             <span>{{localize this.inventory.currency.chests}}</span>
-            {{formInput systemFields.gold.fields.chests value=source.system.gold.chests enriched=source.system.gold.chests localize=true toggled=true}}
+            {{formInput systemFields.gold.fields.chests value=source.system.gold.chests
+            enriched=source.system.gold.chests localize=true toggled=true}}
         </div>
 
     </div>

templates/sheets/actors/character/loadout.hbs

@@ -10,28 +10,33 @@
         <a class="filter-button">
             <i class="fa-solid fa-filter"></i>
         </a>
-        <button type="button" class="btn-toggle-view" data-action="toggleLoadoutView" data-value="{{listView}}">
+        <button type="button" class="btn-toggle-view" data-action="toggleLoadoutView" data-value="{{not cardView}}">
-            <span class="{{ifThen listView 'list-active' ''}} list-icon">
+            <span class="{{ifThen cardView '' 'list-active'}} list-icon">
                 <i class="fa-solid fa-bars"></i>
             </span>
-            <span class="{{ifThen listView '' 'grid-active'}} grid-icon">
+            <span class="{{ifThen cardView 'grid-active' ''}} grid-icon">
                 <i class="fa-solid fa-grip"></i>
             </span>
         </button>
     </div>
 
     <div class="items-section">
-        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs'
+        {{> 'daggerheart.inventory-items'
-        title=(localize 'DAGGERHEART.GENERAL.Tabs.loadout')
+        title='DAGGERHEART.GENERAL.Tabs.loadout'
         type='domainCard'
         isGlassy=true
-        cardView=(ifThen listView "list" "card")}}
+        cardView=cardView
-
+        collection=document.system.domainCards.loadout
-        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs'
+        canCreate=true
-        title=(localize 'DAGGERHEART.GENERAL.Tabs.vault')
+        }}
+        {{> 'daggerheart.inventory-items'
+        title='DAGGERHEART.GENERAL.Tabs.vault'
         type='domainCard'
-        isVault=true
         isGlassy=true
-        cardView=(ifThen listView "list" "card")}}
+        cardView=cardView
+        collection=document.system.domainCards.vault
+        canCreate=true
+        inVault=true
+        }}
     </div>
 </section>

templates/sheets/actors/character/sidebar.hbs

@@ -1,14 +1,16 @@
 <aside class="character-sidebar-sheet">
     <div class="portrait {{#if isDeath}}death-roll{{/if}}">
         <img src="{{document.img}}" alt="{{document.name}}" data-action='editImage' data-edit="img">
-        <a class="death-roll-btn" data-tooltip="{{localize "DAGGERHEART.UI.Tooltip.makeDeathMove"}}" {{#if isDeath}}data-action="makeDeathMove"{{/if}}><i class="fas fa-skull death-save" ></i></a>
+        <a class="death-roll-btn" data-tooltip="DAGGERHEART.UI.Tooltip.makeDeathMove" {{#if
+            isDeath}}data-action="makeDeathMove" {{/if}}><i class="fas fa-skull death-save"></i></a>
     </div>
 
     <div class="info-section">
         <div class="resources-section">
             <div class="status-bar">
                 <div class='status-value'>
-                    <p><input class="bar-input" name="system.resources.hitPoints.value" value="{{document.system.resources.hitPoints.value}}" type="number"></p>
+                    <p><input class="bar-input" name="system.resources.hitPoints.value"
+                            value="{{document.system.resources.hitPoints.value}}" type="number"></p>
                     <p>/</p>
                     <p class="bar-label">{{document.system.resources.hitPoints.max}}</p>
                 </div>
@@ -24,7 +26,8 @@
             </div>
             <div class="status-bar">
                 <div class='status-value'>
-                    <p><input class="bar-input" name="system.resources.stress.value" value="{{document.system.resources.stress.value}}" type="number"></p>
+                    <p><input class="bar-input" name="system.resources.stress.value"
+                            value="{{document.system.resources.stress.value}}" type="number"></p>
                     <p>/</p>
                     <p class="bar-label">{{document.system.resources.stress.max}}</p>
                 </div>
@@ -94,7 +97,14 @@
         <ul class="items-sidebar-list">
             {{#each document.items as |item|}}
             {{#if item.system.equipped}}
-                    {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=item type=item.type isSidebar=true}}
+            {{> 'daggerheart.inventory-item'
+            item=item
+            type=item.type
+            hideTags=true
+            hideDescription=true
+            hideResources=true
+            noExtensible=true
+            }}
             {{/if}}
             {{/each}}
         </ul>
@@ -106,12 +116,16 @@
             <side-line-div></side-line-div>
         </div>
         <ul class="items-sidebar-list">
-            {{#each document.items as |item|}}
+            {{#each document.system.domainCards.loadout as |card|}}
-                {{#if (eq item.type 'domainCard')}}
+              {{> 'daggerheart.inventory-item'
-                    {{#unless item.system.inVault}}
+                item=card
-                        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=item type=item.type isSidebar=true}}
+                type='domainCard'
-                    {{/unless}}
+                hideTags=true
-                {{/if}}
+                hideDescription=true
+                hideResources=true
+                noExtensible=true
+            }}
+
             {{/each}}
         </ul>
     </div>
@@ -125,11 +139,14 @@
             {{#each document.system.experiences as |experience id|}}
             <div class="experience-row">
                 <div class="experience-value">
-                        +{{experience.value}}
+                    +{{experience.total}}
                 </div>
-                    <input name="{{concat "system.experiences." id ".name"}}" data-experience={{id}} value="{{experience.name}}" type="text" />
+                <input name="system.experiences.{{id}}.name" data-experience={{id}}
+                    value="{{experience.name}}" type="text" />
                 <div class="controls">
-                        <a data-action="toChat" data-type="experience" data-uuid="{{id}}"><i class="fa-regular fa-message"></i></a>
+                    <a data-action="sendExpToChat" data-type="experience" data-id="{{id}}">
+                        <i class="fa-regular fa-message"></i>
+                    </a>
                 </div>
             </div>
             {{/each}}

templates/sheets/actors/companion/details.hbs

@@ -1,8 +1,5 @@
-<section
+<section class='tab {{tabs.details.cssClass}} {{tabs.details.id}}' data-tab='{{tabs.details.id}}'
-    class='tab {{tabs.details.cssClass}} {{tabs.details.id}}'
+    data-group='{{tabs.details.group}}'>
-    data-tab='{{tabs.details.id}}'
-    data-group='{{tabs.details.group}}'
->
     <div class="partner-section">
         <div class="title">
             <side-line-div  class="invert"></side-line-div>
@@ -11,7 +8,14 @@
         </div>
         {{#if document.system.partner}}
         <ul class="item-list">
-                {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=document.system.partner type='actor' isSidebar=true isActor=true noTooltip=true}}
+            {{> 'daggerheart.inventory-item'
+            item=document.system.partner
+            type='companion'
+            hideTags=true
+            hideDescription=true
+            isActor=true
+            hideTooltip=true
+            }}
         </ul>
         {{else}}
         <span class="partner-placeholder">{{localize "DAGGERHEART.ACTORS.Companion.noPartner"}}</span>
@@ -24,7 +28,13 @@
             <side-line-div></side-line-div>
         </div>
         <ul class="item-list">
-            {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=source.system.attack type=source.system.attack.systemPath isSidebar=true isCompanion=true noTooltip=true}}
+            {{> 'daggerheart.inventory-item'
+            item=document.system.attack
+            type='action'
+            hideTags=true
+            hideDescription=true
+            hideTooltip=true
+            }}
         </ul>
     </div>
     <div class="experience-list">
@@ -40,7 +50,8 @@
             </div>
             <span class="experience-name">{{experience.name}}</span>
             <div class="controls">
-                    <a data-action="toChat" data-type="experience" data-uuid="{{id}}"><i class="fa-regular fa-message"></i></a>
+                <a data-action="sendExpToChat" data-type="experience" data-id="{{id}}">
+                    <i class="fa-regular fa-message"></i></a>
             </div>
         </div>
         {{/each}}

templates/sheets/actors/companion/effects.hbs

@@ -1,8 +1,20 @@
-<section
+<section class='tab {{tabs.effects.cssClass}} {{tabs.effects.id}}' data-tab='{{tabs.effects.id}}'
-    class='tab {{tabs.effects.cssClass}} {{tabs.effects.id}}'
+    data-group='{{tabs.effects.group}}'>
-    data-tab='{{tabs.effects.id}}'
+    {{> 'daggerheart.inventory-items'
-    data-group='{{tabs.effects.group}}'
+    title='DAGGERHEART.GENERAL.activeEffects'
->
+    type='effect'
-    {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'DAGGERHEART.GENERAL.activeEffects') type='effect'}}
+    isGlassy=true
-    {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize 'DAGGERHEART.GENERAL.inactiveEffects') type='effect'}}
+    collection=effects.actives
+    canCreate=true
+    hideResources=true
+    }}
+
+    {{> 'daggerheart.inventory-items'
+    title='DAGGERHEART.GENERAL.inactiveEffects'
+    type='effect'
+    isGlassy=true
+    collection=effects.inactives
+    canCreate=true
+    hideResources=true
+    }}
 </section>

templates/sheets/actors/environment/features.hbs

@@ -4,6 +4,13 @@
     data-group='{{tabs.features.group}}'
 >
     <div class="feature-section">
-        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=(localize tabs.features.label) type='feature' values=document.system.features hideControls=true }}
+        {{> 'daggerheart.inventory-items'
+        title=tabs.features.label
+        type='feature'
+        collection=document.system.features
+        hideControls=true
+        canCreate=true
+        showActions=true
+        }}
     </div>
 </section>

templates/sheets/actors/environment/header.hbs

@@ -34,7 +34,7 @@
     <line-div></line-div>
     <div class="environment-info">
         <div class="description">
-            <i>{{{source.system.description}}}</i>
+            <i>{{{description}}}</i>
         </div>
         <div class="impulses">
             <b>{{localize 'DAGGERHEART.ACTORS.Environment.FIELDS.impulses.label'}}: </b>{{{source.system.impulses}}}

templates/sheets/actors/environment/notes.hbs

@@ -5,6 +5,6 @@
 >
     <fieldset class="fit-height">
         <legend>{{localize tabs.notes.label}}</legend>
-        {{formInput systemFields.notes value=document.system.notes enriched=document.system.notes localize=true toggled=true}}
+        {{formInput notes.field value=notes.value enriched=notes.value toggled=true}}
     </fieldset>
 </section>

templates/sheets/actors/environment/potentialAdversaries.hbs

@@ -4,8 +4,17 @@
     data-group='{{tabs.potentialAdversaries.group}}'
 >    
     <div class="action-section">
-        {{#each document.system.potentialAdversaries}}
+        {{#each document.system.potentialAdversaries as |category categoryId|}}
-            {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-fieldset-items.hbs' title=this.label type='adversary' isGlassy=true adversaries=this.adversaries}}
+            {{> 'daggerheart.inventory-items'
+            title=category.label
+            type='adversary'
+            isGlassy=true
+            isActor=true
+            categoryAdversary=categoryId
+            hideControls=true
+            collection=category.adversaries
+            hideResources=true
+            }}
         {{/each}}
     </div>
 </section>

templates/sheets/global/partials/domain-card-item.hbs

@@ -1,34 +1,22 @@
-<li class="card-item" data-item-id="{{item.id}}" data-item-id="{{item.id}}">
+<li class="card-item" data-item-uuid="{{item.uuid}}">
     <img src="{{item.img}}" data-action="useItem" class="card-img" />
     <div class="card-label">
-        <div class="menu {{#if item.system.resource}}resource-menu{{/if}} {{#if (eq item.system.resource.type 'diceValue')}}dice-menu{{/if}}">
+        <div
+            class="menu {{#if item.system.resource}}resource-menu{{/if}} {{#if (eq item.system.resource.type 'diceValue')}}dice-menu{{/if}}">
             {{#if item.system.resource}}
             {{> "systems/daggerheart/templates/sheets/global/partials/item-resource.hbs"}}
             {{/if}}
             <div class="controls">
-                {{#if (eq type 'weapon')}}
+                <a data-action="toggleVault"
-                    <a class="{{#unless item.system.equipped}}unequipped{{/unless}}" data-action="toggleEquipItem" data-tooltip="{{#unless item.system.equipped}}{{localize 'DAGGERHEART.UI.Tooltip.equip'}}{{else}}{{localize 'DAGGERHEART.UI.Tooltip.unequip'}}{{/unless}}">
+                    data-tooltip="DAGGERHEART.UI.Tooltip.{{ifThen item.system.inVault 'sendToLoadout' 'sendToVault' }}">
-                        <i class="fa-solid fa-hands"></i>
+                    <i class="fa-solid {{ifThen item.system.inVault 'fa-arrow-up' 'fa-arrow-down'}}"></i>
                 </a>
-                {{/if}}
+                <a data-action="toChat" data-tooltip="DAGGERHEART.UI.Tooltip.sendToChat">
-                {{#if (eq type 'armor')}}
+                    <i class="fa-regular fa-message"></i>
-                    <a class="{{#unless item.system.equipped}}unequipped{{/unless}}" data-action="toggleEquipItem" data-tooltip="{{#unless item.system.equipped}}{{localize 'DAGGERHEART.UI.Tooltip.equip'}}{{else}}{{localize 'DAGGERHEART.UI.Tooltip.unequip'}}{{/unless}}">
-                    <i class="fa-solid fa-shield"></i>
                 </a>
-                {{/if}}
+                <a data-action="triggerContextMenu" data-tooltip="DAGGERHEART.UI.Tooltip.moreOptions">
-                {{#if (eq type 'domainCard')}}
+                    <i class="fa-solid fa-ellipsis-vertical"></i>
-                    {{#unless item.system.inVault}}
-                        <a data-action="toggleVault" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.sendToVault'}}">
-                            <i class="fa-solid fa-arrow-down"></i>
                 </a>
-                    {{else}}
-                        <a data-action="toggleVault" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.sendToLoadout'}}">
-                            <i class="fa-solid fa-arrow-up"></i>
-                        </a>
-                    {{/unless}}
-                {{/if}}
-                <a data-action="toChat" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.sendToChat'}}"><i class="fa-regular fa-message"></i></a>
-                <a data-action="triggerContextMenu" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.moreOptions'}}"><i class="fa-solid fa-ellipsis-vertical"></i></a>
             </div>
         </div>
         <div class="card-name">{{item.name}}</div>

templates/sheets/global/partials/feature-section-item.hbs

@@ -1,4 +1,4 @@
-<li class='feature-item' data-feature-id='{{feature.id}}'>
+<li class='feature-item' data-item-uuid='{{feature.uuid}}'>
     <div class='feature-line'>
         <img class='image' src='{{feature.img}}' />
         <h4>
@@ -6,22 +6,10 @@
         </h4>
         {{#unless hideContrals}}
         <div class='controls'>
-                <a
+            <a class='effect-control' data-action='editDoc' data-tooltip="DAGGERHEART.UI.Tooltip.openItemWorld">
-                    class='effect-control'
-                    data-action='editFeature'
-                    data-feature='{{feature._id}}'
-                    data-type='{{type}}'
-                    data-tooltip='{{localize "DAGGERHEART.UI.Tooltip.openItemWorld"}}'
-                >
                 <i class="fa-solid fa-globe"></i>
             </a>
-                <a
+            <a class='effect-control' data-action='deleteFeature' data-tooltip="CONTROLS.CommonDelete">
-                    class='effect-control'
-                    data-action='deleteFeature'
-                    data-feature='{{feature._id}}'
-                    data-type='{{type}}'
-                    data-tooltip='{{localize "CONTROLS.CommonDelete"}}'
-                >
                 <i class='fas fa-trash'></i>
             </a>
         </div>

templates/sheets/global/partials/inventory-fieldset-items-V2.hbs

@@ -0,0 +1,70 @@
+{{!--
+Inventory/Domain Card Section
+
+{{> 'daggerheart.inventory-items' }}
+
+Parameters:
+- title {string} : Localization key used for the legend.
+- collection {array} : Array of items to render.
+- type {string} : The type of items in the list:
+- isGlassy {boolean} : If true, applies the 'glassy' class to the fieldset.
+- cardView {boolean} : If true and type is 'domainCard', renders using domain card layout.
+- isActor {boolean} : Passed through to inventory-item partials.
+- canCreate {boolean} : If true, show createDoc anchor on legend
+- inVault {boolean} : If true, the domainCard is created with inVault=true
+- disabled {boolean}:  If true, the ActiveEffect is created with disabled=true;
+- categoryAdversary {string} : Category adversary id.
+- showLabels {boolean} : If true, show label-tags else show simple tags.
+- hideTooltip {boolean} : If true, disables the tooltip on the item image.
+- hideControls {boolean} : If true, hides the controls inside inventory-item partials.
+- hideDescription {boolean} : If true, hides the item's description.
+- hideResources {boolean} : If true, hides the item's resources.
+- showActions {boolean} : If true show feature's actions. 
+--}}
+
+<fieldset class="{{#if isGlassy}}glassy{{/if}}">
+  <legend>
+    {{localize title}}
+    {{#if canCreate}}
+    <a data-action="createDoc" data-document-class="{{ifThen (eq type 'effect') 'ActiveEffect' 'Item' }}"
+      data-type="{{ifThen (eq type 'effect') 'base' type}}"
+      {{#if inVault}}data-in-vault="{{inVault}}"{{/if}}
+      {{#if disabled}} data-disabled="{{disabled}}"{{/if}}
+      data-tooltip="{{localize 'DOCUMENT.Create' type=''}}"
+      >
+      <i class="fa-solid fa-plus icon-button"></i>
+    </a>
+    {{/if }}
+  </legend>
+  {{#if (and cardView (eq type 'domainCard'))}}
+  <ul class="card-list">
+    {{#each collection as |item|}}
+
+    {{> 'systems/daggerheart/templates/sheets/global/partials/domain-card-item.hbs'
+    item=item
+    type='domainCard'
+    }}
+
+    {{/each}}
+  </ul>
+  {{else}}
+  <ul class="items-list">
+    {{#each collection as |item|}}
+
+    {{> 'daggerheart.inventory-item'
+    item=item
+    type=../type
+    hideControls=../hideControls
+    isActor=../isActor
+    categoryAdversary=../categoryAdversary
+    hideTooltip=../hideTooltip
+    showLabels=../showLabels
+    isAction=../isAction
+    hideResources=../hideResources
+    showActions=../showActions
+    }}
+
+    {{/each}}
+  </ul>
+  {{/if}}
+</fieldset>

templates/sheets/global/partials/inventory-fieldset-items.hbs

@@ -1,44 +0,0 @@
-<fieldset class="{{#if isGlassy}}glassy{{/if}}">
-    <legend>{{title}}</legend>
-    <ul class="items-list">
-        {{#unless (eq cardView 'card') }}
-            {{#if (or (eq type 'domainCard') (eq type 'armor') (eq type 'consumable') (eq type 'miscellaneous') (eq type 'weapon'))}}
-                {{#each document.items as |item|}}
-                    {{#if (eq item.type ../type)}}
-                        {{#unless (and (eq ../type 'domainCard') (or (and item.system.inVault (not ../isVault)) (and (not item.system.inVault) ../isVault)))}}
-                            {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=item type=../type}}
-                        {{/unless}}
-                    {{/if}}
-                {{/each}}
-            {{else}}
-                {{#if (eq type 'effect')}}
-                    {{#each document.effects as |effect|}}
-                        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=effect type=../type}}
-                    {{/each}}
-                {{else}}
-                    {{#each values}}
-                        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=this type=../type hideControls=../hideControls featureType=true }}
-                    {{/each}}
-                    
-                    {{#each adversaries as |adversary|}}
-                        {{> 'systems/daggerheart/templates/sheets/global/partials/inventory-item.hbs' item=adversary type='adversary' hideControls=true isActor=true categoryAdversary=@../key}}
-                    {{/each}}
-                {{/if}}
-            {{/if}}
-        {{/unless}}
-        
-    </ul>
-    {{#if (and (eq cardView 'card') (eq type 'domainCard'))}}
-        <ul class="card-list">
-            {{#if isVault}}
-                {{#each document.system.domainCards.vault as |card|}}
-                    {{> 'systems/daggerheart/templates/sheets/global/partials/domain-card-item.hbs' item=card type=../type}}
-                {{/each}}
-            {{else}}
-                {{#each document.system.domainCards.loadout as |card|}}
-                    {{> 'systems/daggerheart/templates/sheets/global/partials/domain-card-item.hbs' item=card type=../type}}
-                {{/each}}
-            {{/if}}
-        </ul>
-    {{/if}}
-</fieldset>

templates/sheets/global/partials/inventory-item-V2.hbs

@@ -0,0 +1,239 @@
+{{!--
+{{> 'daggerheart.inventory-item' }}
+
+Parameters:
+- type {string} : The type of items in the list
+- isActor {boolean} : Passed through to inventory-item partials.
+- categoryAdversary {string} : Category adversary id.
+- noExtensible {boolean} : If true, the inventory-item-content would be collapsable/extendible else it always be showed
+- hideLabels {boolean} : If true, hide label-tags else show label-tags.
+- hideTags {boolean} : If true, hide simple-tags else show simple-tags.
+- hideTooltip {boolean} : If true, disables the tooltip on the item image.
+- hideControls {boolean} : If true, hides the controls inside inventory-item partials.
+- hideDescription {boolean} : If true, hides the item's description.
+- hideResources {boolean} : If true, hides the item's resources.
+- showActions {boolean} : If true show feature's actions.
+--}}
+
+<li class="inventory-item" {{#if (eq type 'action' )}}data-action-id="{{item.id}}" {{/if}}
+  data-item-uuid="{{item.uuid}}" data-type="{{type}}" draggable="true">
+  <div class="inventory-item-header" {{#unless noExtensible}}data-action="toggleExtended" {{/unless}}>
+    {{!-- Image --}}
+    <div class="img-portait"
+      data-action='{{ifThen (hasProperty item "use") "useItem" (ifThen (hasProperty item "toChat") "toChat" "editDoc") }}'
+      {{#unless hideTooltip}}data-tooltip="#item#{{item.uuid}}" {{/unless}}>
+      <img src="{{item.img}}" class="item-img {{#if isActor}}actor-img{{/if}}" />
+      <img class="roll-img" src="systems/daggerheart/assets/icons/dice/default/d20.svg" alt="d20">
+    </div>
+
+    {{!-- Name & Tags --}}
+    <div class="item-label {{#if hideResources}}fullWidth{{/if}}">
+
+      {{!-- Item Name --}}
+      <div class="item-name">{{item.name}}</div>
+
+      {{!-- Weapon Block Start --}}
+      {{#if (eq type 'weapon')}}
+      {{#if (not hideTags)}}
+      <div class="item-tags">
+        <div class="tag">
+          {{localize (concat 'DAGGERHEART.CONFIG.Traits.' item.system.attack.roll.trait '.name')}}
+        </div>
+        <div class="tag">
+          {{localize (concat 'DAGGERHEART.CONFIG.Range.' item.system.attack.range '.name')}}
+        </div>
+        <div class="tag">
+          {{item.system.attack.damage.parts.0.value.dice}}
+          {{#if item.system.attack.damage.parts.0.value.bonus}} +
+          {{item.system.attack.damage.parts.0.value.bonus}}{{/if}}
+          (
+          {{#each item.system.attack.damage.parts.0.type as |type|}}
+
+          {{localize (concat 'DAGGERHEART.CONFIG.DamageType.' type '.abbreviation')}}
+          {{#unless @last}}|{{/unless}}
+          {{/each}}
+          )
+
+        </div>
+        <div class="tag">
+          {{localize (concat 'DAGGERHEART.CONFIG.Burden.' item.system.burden)}}
+        </div>
+      </div>
+      {{else if (not hideLabels)}}
+      <div class="item-labels">
+        <div class="label">
+          {{localize (concat 'DAGGERHEART.CONFIG.Traits.' item.system.attack.roll.trait '.short')}}
+          {{localize (concat 'DAGGERHEART.CONFIG.Range.' item.system.attack.range '.short')}}
+          <span> - </span>
+          {{item.system.attack.damage.parts.0.value.dice}}
+          {{#if item.system.attack.damage.parts.0.value.bonus}} +
+          {{item.system.attack.damage.parts.0.value.bonus}}
+          {{/if}}
+          {{#with (lookup @root.config.GENERAL.damageTypes item.system.attack.damage.parts.0.type)}}
+          {{#each icon}}<i class="fa-solid {{this}}"></i>{{/each}}
+          {{/with}}
+        </div>
+      </div>
+      {{/if}}
+      {{/if}}
+      {{!-- Weapon Block End --}}
+
+      {{!-- Armor Block Start --}}
+      {{#if (eq type 'armor')}}
+      {{#if (not hideTags)}}
+      <div class="item-tags">
+        <div class="tag">{{localize "DAGGERHEART.ITEMS.Armor.baseScore"}}: {{item.system.baseScore}}</div>
+        <div class="tag">
+          {{localize "DAGGERHEART.ITEMS.Armor.baseThresholds.base"}}:
+          {{item.system.baseThresholds.major}} / {{item.system.baseThresholds.severe}}
+        </div>
+      </div>
+      {{else if (not hideLabels)}}
+      <div class="item-labels">
+        <div class="label">
+          {{localize "DAGGERHEART.ITEMS.Armor.baseScore"}}: {{item.system.baseScore}}
+        </div>
+      </div>
+      {{/if}}
+      {{/if}}
+      {{!-- Armor Block End --}}
+
+      {{!-- Domain Card Block Start --}}
+      {{#if (eq type 'domainCard')}}
+      {{#if (not hideTags)}}
+      <div class="item-tags">
+        <div class="tag">{{localize (concat 'DAGGERHEART.CONFIG.DomainCardTypes.' item.system.type)}}</div>
+        <div class="tag">{{localize (concat 'DAGGERHEART.GENERAL.Domain.' item.system.domain '.label')}}</div>
+        <div class="tag">
+          <span class="recall-label">{{localize "DAGGERHEART.ITEMS.DomainCard.recallCost"}}: </span>
+          <span class="recall-value">{{item.system.recallCost}}</span>
+        </div>
+      </div>
+      {{else if (not hideLabels)}}
+      <div class="item-labels">
+        <div class="label">
+          {{localize (concat 'DAGGERHEART.CONFIG.DomainCardTypes.' item.system.type)}} -
+          {{localize (concat 'DAGGERHEART.GENERAL.Domain.' item.system.domain '.label')}} -
+          <span class="recall-value">{{item.system.recallCost}}</span>
+          <i class="fa-solid fa-bolt"></i>
+        </div>
+      </div>
+      {{/if}}
+      {{/if}}
+      {{!-- Domain Card Block End --}}
+
+      {{!-- Effect Block Start --}}
+      {{#if (eq type 'effect')}}
+      {{#if (not hideTags)}}
+      <div class="item-tags">
+        <div class="tag">
+          {{localize item.parent.system.metadata.label}}: {{item.parent.name}}
+        </div>
+        <div class="tag">
+          {{#if item.duration.duration}}
+          {{localize 'DAGGERHEART.EFFECTS.Duration.temporary'}}
+          {{else}}
+          {{localize 'DAGGERHEART.EFFECTS.Duration.passive'}}
+          {{/if}}
+        </div>
+        {{#each item.statuses as |status|}}
+        <div class="tag">{{localize (concat 'DAGGERHEART.CONFIG.Condition.' status '.name')}}</div>
+        {{/each}}
+      </div>
+      {{else if (not hideLabels)}}
+      {{!-- Empty --}}
+      {{/if}}
+      {{/if}}
+      {{!-- Effect Block End --}}
+
+      {{!-- Action Block Start --}}
+      {{#if (eq type 'action')}}
+      {{#if (not hideTags)}}
+      <div class="item-tags">
+        <div class="tag">{{localize (concat 'DAGGERHEART.ACTIONS.TYPES.' item.type '.name')}}</div>
+        <div class="tag">{{localize (concat 'DAGGERHEART.CONFIG.ActionType.' item.actionType)}}</div>
+      </div>
+      {{else if (not hideLabels)}}
+      {{!-- Empty --}}
+      {{/if}}
+      {{/if}}
+      {{!-- Action Block End --}}
+    </div>
+
+    {{!-- Simple Resource --}}
+    {{#if (and (not hideResources) (eq item.system.resource.type 'simple'))}}
+    {{> "systems/daggerheart/templates/sheets/global/partials/item-resource.hbs"}}
+    {{/if}}
+    {{#if (and (not hideResources) item.system.quantity)}}
+    <div class="item-resource">
+      <input type="number" class="inventory-item-quantity" value="{{item.system.quantity}}" step="1" />
+    </div>
+    {{/if}}
+
+    {{!-- Controls --}}
+    {{#unless hideControls}}
+    <div class="controls">
+      {{#if isActor}}
+      <a data-action="editDoc" data-tooltip="DAGGERHEART.UI.Tooltip.openActorWorld">
+        <i class="fa-solid fa-globe"></i>
+      </a>
+      {{#if (eq type 'adversary')}}
+      <a data-action='deleteAdversary' data-category="{{categoryAdversary}}" data-tooltip="CONTROLS.CommonDelete">
+        <i class='fas fa-trash'></i>
+      </a>
+      {{/if}}
+      {{else}}
+      {{#if (eq type 'weapon')}}
+      <a class="{{#unless item.system.equipped}}unequipped{{/unless}}" data-action="toggleEquipItem"
+        data-tooltip="DAGGERHEART.UI.Tooltip.{{ifThen item.system.equipped 'unequip' 'equip' }}">
+        <i class="fa-solid fa-hands"></i>
+      </a>
+      {{else if (eq type 'armor')}}
+      <a class="{{#unless item.system.equipped}}unequipped{{/unless}}" data-action="toggleEquipItem"
+        data-tooltip="DAGGERHEART.UI.Tooltip.{{ifThen item.system.equipped 'unequip' 'equip' }}">
+        <i class="fa-solid fa-shield"></i>
+      </a>
+      {{else if (eq type 'domainCard')}}
+      <a data-action="toggleVault"
+        data-tooltip="DAGGERHEART.UI.Tooltip.{{ifThen item.system.inVault 'sendToLoadout' 'sendToVault' }}">
+        <i class="fa-solid {{ifThen item.system.inVault 'fa-arrow-up' 'fa-arrow-down'}}"></i>
+      </a>
+      {{else if (eq type 'effect')}}
+      <a data-action="toggleEffect"
+        data-tooltip="DAGGERHEART.UI.Tooltip.{{ifThen item.disabled 'enableEffect' 'disableEffect' }}">
+        <i class="{{ifThen item.disabled 'fa-regular fa-lightbulb' 'fa-solid fa-lightbulb'}}"></i>
+      </a>
+      {{/if}}
+      {{#if (hasProperty item "toChat")}}
+      <a data-action="toChat" data-tooltip="DAGGERHEART.UI.Tooltip.sendToChat">
+        <i class="fa-regular fa-message"></i>
+      </a>
+      {{/if}}
+      <a data-action="triggerContextMenu" data-tooltip="DAGGERHEART.UI.Tooltip.moreOptions">
+        <i class="fa-solid fa-ellipsis-vertical"></i>
+      </a>
+      {{/if}}
+    </div>
+    {{/unless}}
+  </div>
+  <div class="inventory-item-content{{#unless noExtensible}} extensible{{/unless}}">
+    {{!-- Description --}}
+    {{#unless hideDescription}}
+    <div class="invetory-description"></div>
+    {{/unless}}
+    {{!-- Dice Resource --}}
+    {{#if (and (not hideResources) (eq item.system.resource.type 'diceValue'))}}
+    {{> "systems/daggerheart/templates/sheets/global/partials/item-resource.hbs"}}
+    {{/if}}
+    {{!-- Actions Buttons --}}
+    {{#if (and showActions (eq item.type 'feature'))}}
+    <div class="item-buttons">
+      {{#each item.system.actions as | action |}}
+      <button type="button" data-action="useAction" data-action-id="{{action.id}}">
+        {{action.name}}
+      </button>
+      {{/each}}
+    </div>
+    {{/if}}
+  </div>
+</li>

templates/sheets/global/partials/inventory-item.hbs

@@ -1,197 +0,0 @@
-<li class="inventory-item" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-type="{{type}}" draggable="true">
-    <img src="{{item.img}}" class="item-img {{#if isActor}}actor-img{{/if}}" data-action="useItem" {{#if (not noTooltip)}}data-tooltip="{{concat "#item#" item.uuid}}"{{/if}} />
-    <div class="item-label-wrapper">
-        <div class="item-label {{#unless (and (not isSidebar) (or (eq item.system.resource.type 'simple') item.system.quantity))}}fullWidth{{/unless}}">
-            {{#if isCompanion}}
-                <a class="item-name" data-action="attackRoll">{{item.name}}</a>
-            {{else}}
-                <div class="item-name">{{item.name}}</div>
-            {{/if}}
-            {{#if  (eq type 'weapon')}} 
-                <div class="item-tags">
-                    {{#if isSidebar}}
-                        <div class="item-labels">
-                            <div class="label">
-                                {{localize (concat 'DAGGERHEART.CONFIG.Traits.' item.system.attack.roll.trait '.short')}}
-                                {{localize (concat 'DAGGERHEART.CONFIG.Range.' item.system.attack.range '.short')}}
-                                <span> - </span>
-                                {{item.system.attack.damage.parts.0.value.dice}}{{#if item.system.attack.damage.parts.0.value.bonus}} + {{item.system.attack.damage.parts.0.value.bonus}}{{/if}}
-                                {{#each item.system.attack.damage.parts.0.type as | type | }}
-                                    {{#with (lookup @root.config.GENERAL.damageTypes type)}}
-                                        <i class="fa-solid {{icon}}"></i>
-                                    {{/with}}
-                                {{/each}}
-                            </div>
-                        </div>
-                    {{else}}
-                        <div class="tag">
-                            {{localize (concat 'DAGGERHEART.CONFIG.Traits.' item.system.attack.roll.trait '.name')}}
-                        </div>
-                        <div class="tag">
-                            {{localize (concat 'DAGGERHEART.CONFIG.Range.' item.system.attack.range '.name')}}
-                        </div>
-                        <div class="tag">
-                            {{item.system.attack.damage.parts.0.value.dice}}{{#if item.system.attack.damage.parts.0.value.bonus}} + {{item.system.attack.damage.parts.0.value.bonus}}{{/if}}
-                            (
-                                {{#each item.system.attack.damage.parts.0.type}}
-                                    {{localize (concat 'DAGGERHEART.CONFIG.DamageType.' this '.abbreviation')}}
-                                {{/each}}
-                            )
-                        </div>
-                        <div class="tag">
-                            {{localize (concat 'DAGGERHEART.CONFIG.Burden.' item.system.burden)}}
-                        </div>
-                    {{/if}}
-                </div>
-            {{/if}}
-            {{#if  (eq type 'armor')}}
-                {{#if isSidebar}}
-                    <div class="item-labels">
-                        <div class="label">
-                            {{localize "DAGGERHEART.ITEMS.Armor.baseScore"}}:
-                            {{item.system.baseScore}}
-                        </div>
-                    </div>
-                {{else}}
-                    <div class="item-tags">
-                        <div class="tag">
-                            {{localize "DAGGERHEART.ITEMS.Armor.baseScore"}}:
-                            {{item.system.baseScore}}
-                        </div>
-                        <div class="tag">
-                            {{localize "DAGGERHEART.ITEMS.Armor.baseThresholds.base"}}:
-                            {{item.system.baseThresholds.major}}
-                            <span>/</span>
-                            {{item.system.baseThresholds.severe}}
-                        </div>
-                    </div>
-                {{/if}}
-            {{/if}}
-            {{#if  (eq type 'domainCard')}}
-                {{#if isSidebar}}
-                    <div class="item-labels">
-                        <div class="label">
-                            {{localize (concat 'DAGGERHEART.CONFIG.DomainCardTypes.' item.system.type)}}
-                            <span> - </span>
-                            {{localize (concat 'DAGGERHEART.GENERAL.Domain.' item.system.domain '.label')}}
-                            <span> - </span>
-                            <span class="recall-value">{{item.system.recallCost}}</span>
-                            <i class="fa-solid fa-bolt"></i>
-                        </div>
-                    </div>
-                {{else}}
-                    <div class="item-tags">
-                        <div class="tag">
-                            {{localize (concat 'DAGGERHEART.CONFIG.DomainCardTypes.' item.system.type)}}
-                        </div>
-                        <div class="tag">
-                            {{localize (concat 'DAGGERHEART.GENERAL.Domain.' item.system.domain '.label')}}
-                        </div>
-                        <div class="tag">
-                            <span class="recall-label">{{localize "DAGGERHEART.ITEMS.DomainCard.recallCost"}}: </span>
-                            <span class="recall-value">{{item.system.recallCost}}</span>
-                        </div>
-                    </div>
-                {{/if}}
-            {{/if}}
-            {{#if  (eq type 'effect')}}
-                <div class="item-tags">
-                    <div class="tag">
-                        {{localize (concat 'TYPES.Item.' item.parent.type)}}
-                        <span>: </span>
-                        {{item.parent.name}}
-                    </div>
-                    <div class="tag">
-                        {{#if item.duration.duration}}
-                            {{localize 'DAGGERHEART.EFFECTS.Duration.temporary'}}
-                        {{else}}
-                            {{localize 'DAGGERHEART.EFFECTS.Duration.passive'}}
-                        {{/if}}
-                    </div>
-                    {{#each item.statuses as |status|}}
-                        <div class="tag">
-                            {{localize (concat 'DAGGERHEART.CONFIG.Condition.' status '.name')}}
-                        </div>
-                    {{/each}}
-                </div>
-            {{/if}}
-            {{#if  (eq type 'action')}}
-                <div class="item-tags">
-                    <div class="tag">
-                        {{localize (concat 'DAGGERHEART.ACTIONS.TYPES.' item.type '.name')}}
-                    </div>
-                    <div class="tag">
-                        {{localize (concat 'DAGGERHEART.CONFIG.ActionType.' item.actionType)}}
-                    </div>
-                </div>
-            {{/if}}
-        </div>
-        {{#if (and (not isSidebar) (eq item.system.resource.type 'simple'))}}
-            {{> "systems/daggerheart/templates/sheets/global/partials/item-resource.hbs"}}
-        {{/if}}
-        {{#if (and (not isSidebar) item.system.quantity)}}
-            <div class="item-resource">
-                <input type="number" class="inventory-item-quantity" value="{{item.system.quantity}}" step="1" />
-            </div>
-        {{/if}}
-    </div>
-    {{#unless hideControls}}
-        {{#if isActor}}
-            <div class="controls">
-                {{#if (eq type 'actor')}}
-                    <a data-action="viewActor" data-potential-adversary="{{categoryAdversary}}" data-adversary="{{item.uuid}}" data-tooltip='{{localize "DAGGERHEART.UI.Tooltip.openActorWorld"}}'>
-                        <i class="fa-solid fa-globe"></i>
-                    </a>
-                {{/if}}
-                {{#if (eq type 'adversary')}}
-                    <a data-action="viewAdversary" data-potential-adversary="{{categoryAdversary}}" data-adversary="{{item.uuid}}" data-tooltip='{{localize "DAGGERHEART.UI.Tooltip.openActorWorld"}}'>
-                        <i class="fa-solid fa-globe"></i>
-                    </a>
-                    <a data-action='deleteAdversary' data-potential-adversary="{{categoryAdversary}}" data-adversary="{{item.uuid}}" data-tooltip='{{localize "CONTROLS.CommonDelete"}}'>
-                        <i class='fas fa-trash'></i>
-                    </a>
-                {{/if}}
-            </div>
-        {{else}}
-            <div class="controls">
-                {{#if (eq type 'weapon')}}
-                    <a class="{{#unless item.system.equipped}}unequipped{{/unless}}" data-action="toggleEquipItem" data-tooltip="{{#unless item.system.equipped}}{{localize 'DAGGERHEART.UI.Tooltip.equip'}}{{else}}{{localize 'DAGGERHEART.UI.Tooltip.unequip'}}{{/unless}}">
-                        <i class="fa-solid fa-hands"></i>
-                    </a>
-                {{/if}}
-                {{#if (eq type 'armor')}}
-                    <a class="{{#unless item.system.equipped}}unequipped{{/unless}}" data-action="toggleEquipItem" data-tooltip="{{#unless item.system.equipped}}{{localize 'DAGGERHEART.UI.Tooltip.equip'}}{{else}}{{localize 'DAGGERHEART.UI.Tooltip.unequip'}}{{/unless}}">
-                    <i class="fa-solid fa-shield"></i>
-                    </a>
-                {{/if}}
-                {{#if (eq type 'domainCard')}}
-                    {{#unless item.system.inVault}}
-                        <a data-action="toggleVault" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.sendToVault'}}">
-                            <i class="fa-solid fa-arrow-down"></i>
-                        </a>
-                    {{else}}
-                        <a data-action="toggleVault" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.sendToLoadout'}}">
-                            <i class="fa-solid fa-arrow-up"></i>
-                        </a>
-                    {{/unless}}
-                    
-                {{/if}}
-                <a data-action="toChat" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.sendToChat'}}"><i class="fa-regular fa-message"></i></a>
-                <a data-action="triggerContextMenu" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.moreOptions'}}"><i class="fa-solid fa-ellipsis-vertical"></i></a>
-            </div>
-        {{/if}}
-    {{else}}
-        <span></span>
-    {{/unless}}
-    <div class="item-description">{{#unless isSidebar}}{{{item.system.description}}}{{/unless}}</div>
-    {{#if (and (not isSidebar) (eq item.system.resource.type 'diceValue'))}}
-        {{> "systems/daggerheart/templates/sheets/global/partials/item-resource.hbs"}}
-    {{/if}}
-    {{#if featureType}}
-        <div class="item-buttons">
-            {{#each item.system.actions as | action |}}
-                <button type="button" data-action="useAction" data-action-id="{{action.id}}">{{action.name}}</button>
-            {{/each}}
-        </div>
-    {{/if}}
-</li>

templates/sheets/global/tabs/tab-actions.hbs

@@ -3,22 +3,11 @@
     data-tab='{{tabs.actions.id}}'
     data-group='{{tabs.actions.group}}'
 >
-    <fieldset class="one-column">
+
-        <legend>{{localize "DAGGERHEART.GENERAL.Action.plural"}} <a><i class="fa-solid fa-plus icon-button" data-action="addAction"></i></a></legend>
+{{> 'daggerheart.inventory-items'
-        <div class="actions-list">
+    title='DAGGERHEART.GENERAL.Action.plural'
-            {{#each document.system.actions as |action index|}}
+    collection=document.system.actions
-                <div class="action-item"
+    type='action'
-                    data-action="editAction"
+    canCreate=true
-                    data-index="{{index}}"
+}}
-                    data-tooltip="{{concat "#item#" @root.document.uuid "#action#" action.id}}"
-                >
-                    <img class="image" src="{{action.img}}" />
-                    <span>{{action.name}}</span>
-                    <div class="controls">
-                        <a data-action="removeAction"><i class="fa-solid fa-trash"></i></a>
-                    </div>
-                </div> 
-            {{/each}}
-        </div>
-    </fieldset>
 </section>

templates/sheets/global/tabs/tab-effects.hbs

@@ -1,26 +1,21 @@
-<section
+<section class='tab {{tabs.effects.cssClass}} {{tabs.effects.id}}' data-tab='{{tabs.effects.id}}'
-    class='tab {{tabs.effects.cssClass}} {{tabs.effects.id}}'
+    data-group='{{tabs.effects.group}}'>
-    data-tab='{{tabs.effects.id}}'
+
-    data-group='{{tabs.effects.group}}'
+    {{> 'daggerheart.inventory-items'
->
+    title='DAGGERHEART.GENERAL.activeEffects'
-    <fieldset class="one-column">
+    type='effect'
-            <legend>
+    isGlassy=true
-                {{localize "DAGGERHEART.GENERAL.Effect.plural"}} 
+    collection=effects.actives
-                <a data-action="createDoc" data-document-class="ActiveEffect" data-type="base">
+    canCreate=true
-                    <i class="fa-solid fa-plus icon-button"></i>
+    hideResources=true
-                </a>
+    }}
-            </legend>
+
-        <div class="effects-list">
+    {{> 'daggerheart.inventory-items'
-            {{#each document.effects as |effect|}}
+    title='DAGGERHEART.GENERAL.inactiveEffects'
-                <div class="effect-item">
+    type='effect'
-                    <img class="image" src="{{effect.img}}" />
+    isGlassy=true
-                    <span>{{effect.name}}</span>
+    collection=effects.inactives
-                    <div class="controls">
+    canCreate=true
-                        <a data-action="editDoc" data-type="ActiveEffect" data-doc-id="{{effect.id}}"><i class="fa-solid fa-pen-to-square"></i></a>
+    hideResources=true
-                        <a data-action="deleteDoc" data-type="ActiveEffect" data-doc-id="{{effect.id}}" {{disabled effect.mandatory}}><i class="fa-solid fa-trash icon-button {{disabled effect.mandatory}}"></i></a>
+    }}
-                    </div>
-                </div> 
-            {{/each}}
-        </div>
-    </fieldset>
 </section>

templates/sheets/global/tabs/tab-feature-section.hbs

@@ -1,14 +0,0 @@
-<section
-    class='tab {{tabs.features.cssClass}} {{tabs.features.id}}'
-    data-tab='{{tabs.features.id}}'
-    data-group='{{tabs.features.group}}'
->
-    <fieldset>
-        <legend>{{localize "DAGGERHEART.GENERAL.Tabs.features"}}</legend>
-        <div class="feature-list">
-            {{#each source.system.abilities as |feature key|}}
-                {{> 'systems/daggerheart/templates/sheets/global/partials/feature-section-item.hbs' feature=feature}}
-            {{/each}}
-        </div>
-    </fieldset>
-</section>

templates/sheets/global/tabs/tab-features.hbs

@@ -1,23 +1,11 @@
-<section
+<section class='tab {{tabs.features.cssClass}} {{tabs.features.id}}' data-tab='{{tabs.features.id}}'
-    class='tab {{tabs.features.cssClass}} {{tabs.features.id}}'
+    data-group='{{tabs.features.group}}'>
-    data-tab='{{tabs.features.id}}'
+    {{> 'daggerheart.inventory-items'
-    data-group='{{tabs.features.group}}'
+    title='DAGGERHEART.GENERAL.features'
->
+    type='feature'
-    <fieldset class="one-column drop-section">
+    isGlassy=true
-        <legend>{{localize "DAGGERHEART.GENERAL.features"}} <a><i data-action="addFeature" class="fa-solid fa-plus icon-button"></i></a></legend>
+    collection=document.system.features
-        <div class="features-list">
+    canCreate=(or document.parent isGM)
-            {{#each document.system.features as |feature|}}
+    showActions=false
-                <div class="feature-item"
+    }}
-                    data-action="editFeature"
-                    id="{{feature.id}}"
-                >
-                    <img class="image" src="{{feature.img}}" data-tooltip="{{concat "#item#" feature.uuid}}" />
-                    <span>{{feature.name}}</span>
-                    <div class="controls">
-                        <a data-action="removeFeature" id="{{feature.id}}"><i class="fa-solid fa-trash"></i></a>
-                    </div>
-                </div> 
-            {{/each}}
-        </div>
-    </fieldset>
 </section>

templates/sheets/items/class/settings.hbs

@@ -38,7 +38,7 @@
                 <legend>{{localize "DAGGERHEART.ITEMS.Class.guide.suggestedPrimaryWeaponTitle"}}</legend>
                 <div class="drop-section-body list-items">
                     {{#if document.system.characterGuide.suggestedPrimaryWeapon}}
-                        <div class="suggested-item item-line" data-action="viewDoc" data-uuid="{{document.system.characterGuide.suggestedPrimaryWeapon.uuid}}">
+                        <div class="suggested-item item-line" data-action="editDoc" data-item-uuid="{{document.system.characterGuide.suggestedPrimaryWeapon.uuid}}">
                             <img class="image" src="{{document.system.characterGuide.suggestedPrimaryWeapon.img}}" />
                             <span>{{document.system.characterGuide.suggestedPrimaryWeapon.name}}</span>
                             <div class="controls">
@@ -53,7 +53,7 @@
                 <legend>{{localize "DAGGERHEART.ITEMS.Class.guide.suggestedSecondaryWeaponTitle"}}</legend>
                 <div class="drop-section-body list-items">
                     {{#if document.system.characterGuide.suggestedSecondaryWeapon}}
-                        <div class="suggested-item item-line" data-action="viewDoc" data-uuid="{{system.system.characterGuide.suggestedSecondaryWeapon.uuid}}">
+                        <div class="suggested-item item-line" data-action="editDoc" data-item-uuid="{{system.system.characterGuide.suggestedSecondaryWeapon.uuid}}">
                             <img class="image" src="{{document.system.characterGuide.suggestedSecondaryWeapon.img}}" />
                             <span>{{document.system.characterGuide.suggestedSecondaryWeapon.name}}</span>
                             <div class="controls">
@@ -68,7 +68,7 @@
                 <legend>{{localize "DAGGERHEART.ITEMS.Class.guide.suggestedArmorTitle"}}</legend>
                 <div class="drop-section-body list-items">
                     {{#if document.system.characterGuide.suggestedArmor}}
-                        <div class="suggested-item item-line" data-action="viewDoc" data-uuid="{{document.system.characterGuide.suggestedArmor.uuid}}">
+                        <div class="suggested-item item-line" data-action="editDoc" data-item-uuid="{{document.system.characterGuide.suggestedArmor.uuid}}">
                             <img class="image" src="{{document.system.characterGuide.suggestedArmor.img}}" />
                             <span>{{document.system.characterGuide.suggestedArmor.name}}</span>
                             <div class="controls">
@@ -86,7 +86,7 @@
                 <legend>{{localize "DAGGERHEART.GENERAL.take"}}</legend>
                 <div class="drop-section-body list-items">
                     {{#each source.system.inventory.take}}
-                        <div class="suggested-item item-line" data-action="viewDoc" data-uuid="{{this.uuid}}">
+                        <div class="suggested-item item-line" data-action="editDoc" data-item-uuid="{{this.uuid}}">
                             <img class="image" src="{{this.img}}" />
                             <span>{{this.name}}</span>
                             <div class="controls">
@@ -101,7 +101,7 @@
                 <legend>{{localize "DAGGERHEART.ITEMS.Class.guide.inventory.thenChoose"}}</legend>
                 <div class="drop-section-body list-items">
                     {{#each source.system.inventory.choiceA}}
-                        <div class="suggested-item item-line" data-action="viewDoc" data-uuid="{{this.uuid}}">
+                        <div class="suggested-item item-line" data-action="editDoc" data-item-uuid="{{this.uuid}}">
                             <img class="image" src="{{this.img}}" />
                             <span>{{this.name}}</span>
                             <div class="controls">
@@ -116,7 +116,7 @@
                 <legend>{{localize "DAGGERHEART.ITEMS.Class.guide.inventory.andEither"}}</legend>
                 <div class="drop-section-body list-items">
                     {{#each source.system.inventory.choiceB}}
-                        <div class="suggested-item item-line" data-action="viewDoc" data-uuid="{{this.uuid}}">
+                        <div class="suggested-item item-line" data-action="editDoc" data-item-uuid="{{this.uuid}}">
                             <img class="image" src="{{this.img}}" />
                             <span>{{this.name}}</span>
                             <div class="controls">