Fix Text to Speech V2 fullscreen scrolling and workspace tile enablement - PR_26130_024-text-to-speech-v2-fullscreen-scroll-and-workspace-tile

Author: ToolboxAid

docs/dev/reports/PR_26130_024-text-to-speech-v2-fullscreen-scroll-and-workspace-tile.md

@@ -0,0 +1,31 @@
+# PR_26130_024-text-to-speech-v2-fullscreen-scroll-and-workspace-tile
+
+## Scope
+
+- Updated Text to Speech V2 runtime gender filtering, fullscreen/internal scroll layout, and workspace empty-launch handling.
+- Updated Workspace Manager V2 tile hydration so Text to Speech V2 is enabled once Repo and Game are selected, without requiring a Text to Speech-specific payload.
+- Updated Workspace Manager V2 Playwright coverage for the requested Text to Speech V2 filters, layout scroll behavior, and tile availability.
+
+## Changes
+
+- Gender filtering now presents `Any`, `Male`, `Female`, and `Neutral`.
+- `Any` keeps all voices available.
+- `Male` filters to male-classified voices only.
+- `Female` filters to female-classified voices only.
+- `Neutral` filters to neutral/unknown voices only.
+- Neutral is treated as a runtime filter; persisted payload gender remains schema-compatible because this PR intentionally made no schema changes.
+- Text to Speech V2 workspace launches with no payload now render a safe empty state instead of failing before the tile can open.
+- Fullscreen right/center panels constrain Output Summary, Status, and Named Sentences content with internal scrolling.
+- Text to Speak accordion toggle coverage was added, and Speak/Pause/Resume/Stop controls are centered with bottom padding.
+
+## Validation
+
+- `npm run test:workspace-v2` passed: 33 tests passed.
+- `git diff --check` passed with line-ending normalization warnings only.
+- Full samples smoke test skipped because the BUILD explicitly requested not to run it; scope is limited to Workspace Manager V2 and Text to Speech V2.
+
+## Reports
+
+- Review diff: `docs/dev/reports/codex_review.diff`
+- Changed files: `docs/dev/reports/codex_changed_files.txt`
+- Delta ZIP: `tmp/PR_26130_024-text-to-speech-v2-fullscreen-scroll-and-workspace-tile_delta.zip`

src/engine/audio/TextToSpeechDefaults.js

@@ -12,8 +12,9 @@ const TEXT_TO_SPEECH_LANGUAGE_OPTIONS = Object.freeze([
 
 const TEXT_TO_SPEECH_GENDER_FILTER_OPTIONS = Object.freeze([
   Object.freeze({ label: "Any", value: "any" }),
-  Object.freeze({ label: "Male Preferred", value: "male-preferred" }),
-  Object.freeze({ label: "Female Preferred", value: "female-preferred" })
+  Object.freeze({ label: "Male", value: "male-preferred" }),
+  Object.freeze({ label: "Female", value: "female-preferred" }),
+  Object.freeze({ label: "Neutral", value: "neutral" })
 ]);
 
 const TEXT_TO_SPEECH_AGE_FILTER_OPTIONS = Object.freeze([

tests/playwright/tools/WorkspaceManagerV2.spec.mjs

@@ -381,8 +381,12 @@ export class TextToSpeechToolApp {
       if (!isPlainObject(toolState)) {
         return { ok: false, message: `${WORKSPACE_TOOL_STATE_KEY} must contain the normalized workspace toolState object before render.` };
       }
-      if (!Object.prototype.hasOwnProperty.call(toolState, "data")) {
-        return { ok: false, message: `${WORKSPACE_TOOL_STATE_KEY}.data must contain the ${TEXT_TO_SPEECH_DISPLAY_NAME} payload before render.` };
+      if (!Object.prototype.hasOwnProperty.call(toolState, "data") || toolState.data === null) {
+        return {
+          empty: true,
+          ok: true,
+          message: `${TEXT_TO_SPEECH_DISPLAY_NAME} empty workspace launch: no workspace payload is loaded from ${WORKSPACE_TOOL_STATE_KEY}. Use Import JSON in standalone mode or add Text to Speech V2 named speech items before saving.`
+        };
       }
       return {
         dirtyState: `isDirty=${toolState.dirty?.isDirty === true}; reason=${toolState.dirty?.reason || "clean"}`,

tools/text2speach-V2/js/TextToSpeechToolApp.js

@@ -70,10 +70,13 @@ function voiceGender(option) {
 
 function genderFilterLabel(value) {
   if (value === "male-preferred") {
-    return "Male Preferred";
+    return "Male";
   }
   if (value === "female-preferred") {
-    return "Female Preferred";
+    return "Female";
+  }
+  if (value === "neutral") {
+    return "Neutral";
   }
   return "Any";
 }
@@ -83,14 +86,21 @@ function voicesForGender(voiceOptions, genderFilter) {
     return voiceOptions;
   }
   if (genderFilter === "male-preferred") {
-    return voiceOptions.filter((option) => ["male", "neutral", "unknown"].includes(voiceGender(option)));
+    return voiceOptions.filter((option) => voiceGender(option) === "male");
   }
   if (genderFilter === "female-preferred") {
-    return voiceOptions.filter((option) => ["female", "neutral", "unknown"].includes(voiceGender(option)));
+    return voiceOptions.filter((option) => voiceGender(option) === "female");
+  }
+  if (genderFilter === "neutral") {
+    return voiceOptions.filter((option) => ["neutral", "unknown"].includes(voiceGender(option)));
   }
   return voiceOptions;
 }
 
+function payloadGenderValue(value) {
+  return value === "neutral" ? "any" : value;
+}
+
 function voiceDetailsText({ filterLabel, filteredVoiceCount, matchingVoiceOptions, voiceCount }) {
   if (voiceCount === 0) {
     return "No SpeechSynthesis voices loaded.";
@@ -462,7 +472,7 @@ export class SpeechOptionsControl {
   value() {
     return {
       characterPreset: this.characterPresetSelect.value,
-      gender: this.genderFilterSelect.value,
+      gender: payloadGenderValue(this.genderFilterSelect.value),
       language: this.languageSelect.value,
       pitch: numberValue(this.pitchSlider),
       queueMode: this.queueModeSelect.value,

tools/text2speach-V2/js/controls/SpeechOptionsControl.js

@@ -151,7 +151,9 @@
 }
 
 #text2speach-V2TextContent .text2speach-V2__speech-actions {
+  justify-content: center;
   margin: 0;
+  padding-bottom: 12px;
 }
 
 .text2speach-V2__accordion--fill {
@@ -245,6 +247,9 @@
   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
   gap: 10px;
   min-height: 0;
+}
+
+#text2speach-V2QueueContent {
   overflow: auto;
 }
 
@@ -289,6 +294,7 @@
 }
 
 .text2speach-V2__summary {
+  max-height: 260px;
   min-height: 210px;
   margin: 0;
   padding: 10px;
@@ -466,8 +472,8 @@ html:fullscreen body.tools-platform-surface[data-tool-id="text2speach-V2"] .text
 
 body.tools-platform-surface.tools-platform-fullscreen-active[data-tool-id="text2speach-V2"] .text2speach-V2__summary-accordion,
 html:fullscreen body.tools-platform-surface[data-tool-id="text2speach-V2"] .text2speach-V2__summary-accordion {
-  flex: 0 1 45%;
-  max-height: 45%;
+  flex: 0 1 34%;
+  max-height: 34%;
   min-height: 0;
 }
 
@@ -490,6 +496,7 @@ body.tools-platform-surface.tools-platform-fullscreen-active[data-tool-id="text2
 body.tools-platform-surface.tools-platform-fullscreen-active[data-tool-id="text2speach-V2"] #text2speach-V2StatusLog,
 html:fullscreen body.tools-platform-surface[data-tool-id="text2speach-V2"] .text2speach-V2__summary,
 html:fullscreen body.tools-platform-surface[data-tool-id="text2speach-V2"] #text2speach-V2StatusLog {
+  max-height: none;
   height: 100%;
   min-height: 0;
   overflow: auto;

tools/text2speach-V2/styles/text2speach-V2.css

@@ -18,7 +18,8 @@ const TOOL_PAYLOAD_SCHEMA_REFS = Object.freeze({
 });
 const SELECTED_GAME_PURPOSE_TOOL_IDS = Object.freeze(new Set([
   "preview-generator-v2",
-  "session-inspector-v2"
+  "session-inspector-v2",
+  TEXT2SPEACH_V2_TOOL_KEY
 ]));
 const WORKSPACE_LAUNCHABLE_TOOLS = Object.freeze([
   Object.freeze({