diff --git a/js-src/components/bottom-panel.tsx b/js-src/components/bottom-panel.tsx
index 3a6756f..3b1d866 100644
--- a/js-src/components/bottom-panel.tsx
+++ b/js-src/components/bottom-panel.tsx
@@ -94,8 +94,14 @@ export default function BottomPanel (props: BottomPanelProps): JSX.Element {
         if (npcs === null) {
             return <></>
         }
+        if (Object.keys(npcs).length < 1) {
+            return <>
+                <p>No hay nadie para hablar ahora.</p>
+            </>
+        }
         return (
             <>
+                <p>Disponible para hablar:</p>
                 {
                     Object.keys(npcs).map((identifier) => {
                         const npc = npcs[identifier]
diff --git a/public/js/bundle.js b/public/js/bundle.js
index dade2ca..a265a59 100644
--- a/public/js/bundle.js
+++ b/public/js/bundle.js
@@ -86,7 +86,7 @@ eval("\n\nif (false) {} else {\n  module.exports = __webpack_require__(/*! ./cjs
   \********************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ BottomPanel)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _lastres_output_packet_execute_action__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lastres/output-packet/execute_action */ \"./js-src/output-packet/execute_action.ts\");\n/* harmony import */ var _lastres_output_packet_talk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @lastres/output-packet/talk */ \"./js-src/output-packet/talk.ts\");\n/* harmony import */ var _lastres_components_presentation_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @lastres/components/presentation-item */ \"./js-src/components/presentation-item.tsx\");\n/* harmony import */ var _lastres_components_presentation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @lastres/components/presentation */ \"./js-src/components/presentation.tsx\");\n\n\n\n\n\nfunction BottomPanel(props) {\n    const actionHash = props.actionHash;\n    function printListActions() {\n        if (actionHash === null) {\n            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n        }\n        const listOfActionKeys = Object.keys(actionHash).sort((a, b) => {\n            const isDisabledComparisionValue = +actionHash[a].is_disabled - +actionHash[b].is_disabled;\n            if (isDisabledComparisionValue !== 0) {\n                return isDisabledComparisionValue;\n            }\n            if (actionHash[a].name < actionHash[b].name) {\n                return -1;\n            }\n            if (actionHash[a].name > actionHash[b].name) {\n                return 1;\n            }\n            return 0;\n        });\n        function printDisabledReason(action) {\n            if (!action.is_disabled || action.disabled_reason === null) {\n                return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n            }\n            return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"p\", { className: \"disabled-reason\", style: { color: 'red' } }, action.disabled_reason));\n        }\n        return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"p\", null, \"Acciones disponibles.\"),\n            listOfActionKeys.map((key) => {\n                const style = {};\n                const action = actionHash[key];\n                if (action.is_disabled) {\n                    style.background = 'lightgray';\n                }\n                function onClick() {\n                    if (action.is_disabled) {\n                        return;\n                    }\n                    if (props.websocket !== null) {\n                        new _lastres_output_packet_execute_action__WEBPACK_IMPORTED_MODULE_1__[\"default\"](action.identifier)\n                            .send(props.websocket);\n                    }\n                }\n                return react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"a\", { onClick: onClick, className: \"action\", style: style, key: action.identifier },\n                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"p\", null, action.name),\n                    printDisabledReason(action));\n            }));\n    }\n    function printAvatar(npc) {\n        if (npc.icon === undefined) {\n            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n        }\n        return react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"avatar\" },\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"img\", { src: npc.icon }),\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"shadow\" }));\n    }\n    function onWordlesslyTalk(npc) {\n        if (props.websocket === null) {\n            return;\n        }\n        new _lastres_output_packet_talk__WEBPACK_IMPORTED_MODULE_2__[\"default\"](npc.identifier).send(props.websocket);\n    }\n    function printTalkNpcs() {\n        const npcs = props.talkNPCs;\n        if (npcs === null) {\n            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n        }\n        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, Object.keys(npcs).map((identifier) => {\n            const npc = npcs[identifier];\n            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { key: npc.identifier, className: \"talk-npc\" },\n                react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"detail\" },\n                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"name-container\" },\n                        printAvatar(npc),\n                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"name\" },\n                            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"p\", null, npc.name))),\n                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"buttons\" },\n                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", { onClick: () => {\n                                onWordlesslyTalk(npc);\n                            } }, \"Hablar\"),\n                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", null, \"Decir palabra\"))));\n        })));\n    }\n    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lastres_components_presentation__WEBPACK_IMPORTED_MODULE_4__[\"default\"], null,\n        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lastres_components_presentation_item__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, printListActions()),\n        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lastres_components_presentation_item__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, printTalkNpcs()),\n        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lastres_components_presentation_item__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null)));\n}\n\n\n//# sourceURL=webpack://LasTres/./js-src/components/bottom-panel.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ BottomPanel)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _lastres_output_packet_execute_action__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lastres/output-packet/execute_action */ \"./js-src/output-packet/execute_action.ts\");\n/* harmony import */ var _lastres_output_packet_talk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @lastres/output-packet/talk */ \"./js-src/output-packet/talk.ts\");\n/* harmony import */ var _lastres_components_presentation_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @lastres/components/presentation-item */ \"./js-src/components/presentation-item.tsx\");\n/* harmony import */ var _lastres_components_presentation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @lastres/components/presentation */ \"./js-src/components/presentation.tsx\");\n\n\n\n\n\nfunction BottomPanel(props) {\n    const actionHash = props.actionHash;\n    function printListActions() {\n        if (actionHash === null) {\n            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n        }\n        const listOfActionKeys = Object.keys(actionHash).sort((a, b) => {\n            const isDisabledComparisionValue = +actionHash[a].is_disabled - +actionHash[b].is_disabled;\n            if (isDisabledComparisionValue !== 0) {\n                return isDisabledComparisionValue;\n            }\n            if (actionHash[a].name < actionHash[b].name) {\n                return -1;\n            }\n            if (actionHash[a].name > actionHash[b].name) {\n                return 1;\n            }\n            return 0;\n        });\n        function printDisabledReason(action) {\n            if (!action.is_disabled || action.disabled_reason === null) {\n                return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n            }\n            return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"p\", { className: \"disabled-reason\", style: { color: 'red' } }, action.disabled_reason));\n        }\n        return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"p\", null, \"Acciones disponibles.\"),\n            listOfActionKeys.map((key) => {\n                const style = {};\n                const action = actionHash[key];\n                if (action.is_disabled) {\n                    style.background = 'lightgray';\n                }\n                function onClick() {\n                    if (action.is_disabled) {\n                        return;\n                    }\n                    if (props.websocket !== null) {\n                        new _lastres_output_packet_execute_action__WEBPACK_IMPORTED_MODULE_1__[\"default\"](action.identifier)\n                            .send(props.websocket);\n                    }\n                }\n                return react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"a\", { onClick: onClick, className: \"action\", style: style, key: action.identifier },\n                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"p\", null, action.name),\n                    printDisabledReason(action));\n            }));\n    }\n    function printAvatar(npc) {\n        if (npc.icon === undefined) {\n            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n        }\n        return react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"avatar\" },\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"img\", { src: npc.icon }),\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"shadow\" }));\n    }\n    function onWordlesslyTalk(npc) {\n        if (props.websocket === null) {\n            return;\n        }\n        new _lastres_output_packet_talk__WEBPACK_IMPORTED_MODULE_2__[\"default\"](npc.identifier).send(props.websocket);\n    }\n    function printTalkNpcs() {\n        const npcs = props.talkNPCs;\n        if (npcs === null) {\n            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n        }\n        if (Object.keys(npcs).length < 1) {\n            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,\n                react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"p\", null, \"No hay nadie para hablar ahora.\"));\n        }\n        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"p\", null, \"Disponible para hablar:\"),\n            Object.keys(npcs).map((identifier) => {\n                const npc = npcs[identifier];\n                return react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { key: npc.identifier, className: \"talk-npc\" },\n                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"detail\" },\n                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"name-container\" },\n                            printAvatar(npc),\n                            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"name\" },\n                                react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"p\", null, npc.name))),\n                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"buttons\" },\n                            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", { onClick: () => {\n                                    onWordlesslyTalk(npc);\n                                } }, \"Hablar\"),\n                            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", null, \"Decir palabra\"))));\n            })));\n    }\n    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lastres_components_presentation__WEBPACK_IMPORTED_MODULE_4__[\"default\"], null,\n        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lastres_components_presentation_item__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, printListActions()),\n        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lastres_components_presentation_item__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, printTalkNpcs()),\n        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lastres_components_presentation_item__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null)));\n}\n\n\n//# sourceURL=webpack://LasTres/./js-src/components/bottom-panel.tsx?");
 
 /***/ }),