1

src/components/AdventurePanel.tsx

@@ -1106,6 +1106,10 @@ export function AdventurePanel({
               const isDeferredContinueOption =
                 hasDeferredAdventureOptions &&
                 isContinueAdventureOption(option);
+              const optionDisabled = option.disabled === true;
+              const compactOptionDetailText = option.disabledReason
+                ? option.disabledReason
+                : getCompactOptionDetailText(option);
 
               if (isDeferredContinueOption) {
                 return (
@@ -1142,12 +1146,13 @@ export function AdventurePanel({
                   key={`${option.functionId}-${option.actionText}-${index}`}
                   type="button"
                   onClick={() => handleOptionChoice(option)}
-                  className="pixel-nine-slice pixel-pressable pixel-choice-button group w-full text-left"
+                  disabled={optionDisabled}
+                  className={`pixel-nine-slice pixel-choice-button group w-full text-left ${optionDisabled ? 'cursor-not-allowed opacity-55' : 'pixel-pressable'}`}
                   style={getNineSliceStyle(UI_CHROME.choiceButton)}
                 >
                   <div className="flex items-center justify-between">
                     <span
-                      className={`text-xs ${getOptionActionTextClass(option)}`}
+                      className={`${isNpcChatMode ? 'text-sm sm:text-[15px]' : 'text-xs'} ${getOptionActionTextClass(option)}`}
                     >
                       {option.actionText}
                     </span>
@@ -1156,9 +1161,9 @@ export function AdventurePanel({
                       className="h-3 w-3 opacity-70 transition-opacity group-hover:opacity-100"
                     />
                   </div>
-                  {!isNpcChatMode && getCompactOptionDetailText(option) && (
+                  {!isNpcChatMode && compactOptionDetailText && (
                     <div className="mt-1 text-[10px] leading-relaxed text-zinc-500">
-                      {getCompactOptionDetailText(option)}
+                      {compactOptionDetailText}
                     </div>
                   )}
                   {!isNpcChatMode && option.goalAffordance?.label && (
@@ -1166,7 +1171,7 @@ export function AdventurePanel({
                       {option.goalAffordance.label}
                     </div>
                   )}
-                  {!isNpcChatMode && optionImpactSummary && (
+                  {!isNpcChatMode && optionImpactSummary && !optionDisabled && (
                     <div className="mt-1 text-[10px] text-zinc-500">
                       {optionImpactSummary}
                     </div>
@@ -1175,7 +1180,7 @@ export function AdventurePanel({
               );
             })}
             {isNpcChatMode ? (
-              <div className="pixel-nine-slice pixel-panel mt-1 border border-white/10 bg-black/25 p-2">
+              <div className="pixel-nine-slice pixel-panel mt-0.5 border border-white/10 bg-black/25 p-1.5">
                 <div className="flex min-w-0 items-center gap-2">
                   <input
                     value={npcChatDraft}