Implement speech style toolbar live-edit refinements and whole speech show controls

- Added a new specification for the speech style toolbar live-edit, detailing immediate style application, scoped effect demonstration, and hover feedback. - Introduced refinements to the speech style toolbar, including improved chooser sizing, exclusive stage editing during speech composition, and removal of redundant controls. - Documented new stage controls for managing how the whole speech shows, including options for bubble arrangement, word appearance, and bubble motion. - Created a new log file for speech padding syntax to track engine versioning.
2026-10-03 14:49:22 -04:00
parent 6a1359f244
commit 6666173c4f
42 changed files with 9163 additions and 165 deletions
@@ -1,11 +1,198 @@
 {
  "version": "2.0",
-  "global": { "font_preset": "ui", "font_size": 18, "text_color": "#F5F7FA", "muted_text_color": "#AAB2C0", "bg_color": "#171B24F2", "surface_color": "#252B38FA", "border_color": "#FFFFFF33", "border_width": 1, "corner_radius": 10, "padding": 8, "spacing": 8 },
-  "fonts": { "ui_font": "", "emoji_font": "", "ui_font_bold": "", "ui_font_italic": "", "presets": { "ui": {"label":"Standard","path":""}, "comic":{"label":"Comic","path":""}, "pixel":{"label":"Pixel","path":""}, "scary":{"label":"Scary","path":""} }, "sizes": { "action_popup":24, "action_popup_emoji":22, "assignment_badge":20, "rule_label":18, "status_pill":18, "tooltip":18, "file_menu":22, "file_menu_popup":26, "mode_switcher":24, "timestamp_badge":22, "queue_panel":22, "rule_panel":22, "action_editor":22, "rule_editor":22, "panel_row":20, "panel_title":24, "asset_label":18, "asset_badge":14 }, "flags": { "panel_title_bold":true, "rule_label_bold":false, "badge_bold":true, "action_popup_bold":false, "action_popup_italic":false } },
-  "mode_colors": { "edit":"#22C6FF", "direct":"#FFB300", "play":"#33DD77", "guide":"#22C6FF" }, "grid": { "snap_size":15.0 },
-  "chrome": { "style_defaults": {"bg_color":"#171B24F2","corner_radius":10}, "top_bar":{"height":64}, "status_bar":{"height":38}, "mode_switcher":{"segment_min_width":124}, "mode_frame":{"border_width":3}, "mode_badge":{"corner_radius":12,"padding":10}, "timestamp_badge":{"corner_radius":10,"padding":8,"bg_color":"#171B24F2"}, "tooltip":{"bg_color":"#101010E6","border_width":1}, "dialogs":{"queue_size":[680,520],"rule_size":[720,560],"action_size":[560,390],"confirm_size":[620,300],"font_size":22,"message_font_size":26} },
-  "popups": { "style_defaults":{"bg_color":"#202633FA","border_color":"#FFFFFF33","corner_radius":12,"padding":12}, "action_menu":{"font_size":24}, "dialog":{}, "asset_selector":{"backdrop_alpha":0.55,"cell_size":[190,220],"thumbnail_size":[156,156]} },
-  "palette": { "style_defaults":{"bg_color":"#252B38FA","corner_radius":10,"padding":6}, "dock_width":116, "card_size":[96,94], "icon_size":30, "drag_threshold":8, "selected_border_width":3 },
-  "overlays": { "style_defaults":{"line_width":2,"dash_length":8,"dash_gap":5}, "terrain_guide":{"color":"#22C6FF"}, "completed_path_alpha":0.20, "completed_path_color":"#959EAD", "valid":{"color":"#4DE66680"}, "same_type":{"color":"#FFFFFF26"}, "invalid":{"color":"#FF4D4D80"} },
-  "widgets": { "swatches":["#FFFFFF","#111111","#22C6FF","#FFB300","#33DD77","#FF4D4D"], "size_presets":[{"id":"small","label":"Small","value":20},{"id":"medium","label":"Medium","value":28},{"id":"huge","label":"HUGE","value":40}], "emoji":["😀","😂","😍","😮","😢","😡","👍","❤️"] }
+  "global": {
+    "font_preset": "ui",
+    "font_size": 18,
+    "text_color": "#F5F7FA",
+    "muted_text_color": "#AAB2C0",
+    "bg_color": "#171B24F2",
+    "surface_color": "#252B38FA",
+    "border_color": "#FFFFFF33",
+    "border_width": 1,
+    "corner_radius": 10,
+    "padding": 8,
+    "spacing": 8
+  },
+  "fonts": {
+    "ui_font": "",
+    "emoji_font": "",
+    "ui_font_bold": "",
+    "ui_font_italic": "",
+    "presets": {
+      "ui": { "label": "Standard", "path": "" },
+      "comic": {
+        "label": "Comic",
+        "path": "res://resources/fonts/comic.ttf",
+        "speech_base_size": 28
+      },
+      "pixel": {
+        "label": "Pixel",
+        "path": "res://resources/fonts/pixel.ttf",
+        "speech_base_size": 46
+      },
+      "scary": {
+        "label": "Scary",
+        "path": "res://resources/fonts/scary.ttf",
+        "speech_base_size": 28
+      }
+    },
+    "sizes": {
+      "action_popup": 24,
+      "action_popup_emoji": 22,
+      "assignment_badge": 20,
+      "rule_label": 18,
+      "status_pill": 18,
+      "tooltip": 18,
+      "file_menu": 22,
+      "file_menu_popup": 26,
+      "mode_switcher": 24,
+      "timestamp_badge": 22,
+      "queue_panel": 22,
+      "rule_panel": 22,
+      "action_editor": 22,
+      "rule_editor": 22,
+      "panel_row": 20,
+      "panel_title": 24,
+      "asset_label": 18,
+      "asset_badge": 14
+    },
+    "flags": {
+      "panel_title_bold": true,
+      "rule_label_bold": false,
+      "badge_bold": true,
+      "action_popup_bold": false,
+      "action_popup_italic": false
+    }
+  },
+  "mode_colors": {
+    "edit": "#22C6FF",
+    "direct": "#FFB300",
+    "play": "#33DD77",
+    "guide": "#22C6FF"
+  },
+  "grid": { "snap_size": 15.0 },
+  "chrome": {
+    "style_defaults": { "bg_color": "#171B24F2", "corner_radius": 10 },
+    "top_bar": { "height": 64 },
+    "status_bar": { "height": 38 },
+    "mode_switcher": { "segment_min_width": 124 },
+    "mode_frame": { "border_width": 3 },
+    "mode_badge": { "corner_radius": 12, "padding": 10 },
+    "timestamp_badge": {
+      "corner_radius": 10,
+      "padding": 8,
+      "bg_color": "#171B24F2"
+    },
+    "tooltip": { "bg_color": "#101010E6", "border_width": 1 },
+    "dialogs": {
+      "queue_size": [680, 520],
+      "rule_size": [720, 560],
+      "action_size": [560, 390],
+      "confirm_size": [620, 300],
+      "font_size": 22,
+      "message_font_size": 26
+    }
+  },
+  "popups": {
+    "style_defaults": {
+      "bg_color": "#202633FA",
+      "border_color": "#FFFFFF33",
+      "corner_radius": 12,
+      "padding": 12
+    },
+    "action_menu": { "font_size": 24 },
+    "dialog": {},
+    "asset_selector": {
+      "backdrop_alpha": 0.55,
+      "cell_size": [190, 220],
+      "thumbnail_size": [156, 156]
+    }
+  },
+  "palette": {
+    "style_defaults": {
+      "bg_color": "#252B38FA",
+      "corner_radius": 10,
+      "padding": 6
+    },
+    "dock_width": 116,
+    "card_size": [96, 94],
+    "icon_size": 30,
+    "drag_threshold": 8,
+    "selected_border_width": 3
+  },
+  "overlays": {
+    "style_defaults": { "line_width": 2, "dash_length": 8, "dash_gap": 5 },
+    "terrain_guide": { "color": "#22C6FF" },
+    "completed_path_alpha": 0.2,
+    "completed_path_color": "#959EAD",
+    "valid": { "color": "#4DE66680" },
+    "same_type": { "color": "#FFFFFF26" },
+    "invalid": { "color": "#FF4D4D80" }
+  },
+  "widgets": {
+    "swatches": [
+      "#FFFFFF",
+      "#111111",
+      "#22C6FF",
+      "#FFB300",
+      "#33DD77",
+      "#FF4D4D"
+    ],
+    "size_presets": [
+      { "id": "small", "label": "Small", "value": 20 },
+      { "id": "medium", "label": "Medium", "value": 28 },
+      { "id": "huge", "label": "HUGE", "value": 40 }
+    ],
+    "emoji": ["😀", "😂", "😍", "😮", "😢", "😡", "👍", "❤️"]
+  },
+  "speech": {
+    "toolbar": {
+      "surface": "#1C2431F7",
+      "border": "#9EADBF",
+      "selection_halo": "#FFD84D",
+      "ribbon": "#2385A0",
+      "gap": 10,
+      "max_width": 560,
+      "min_hit_height": 56
+    },
+    "ui": { "panel_width": 440, "button_min_height": 44, "heading_size": 24 },
+    "layout": {
+      "max_width": 420,
+      "stack_gap": 12,
+      "screen_margin": 18,
+      "bubble_padding": 18
+    },
+    "animation": {
+      "letter_interval": 0.045,
+      "word_interval": 0.2,
+      "pop_duration": 0.24
+    },
+    "styles": {
+      "talk": { "fill": "#FFFDF6", "outline": "#202020", "tail": "talk" },
+      "shout": { "fill": "#FFD642", "outline": "#D92F26", "tail": "shout" },
+      "think": { "fill": "#E9F5FF", "outline": "#37698B", "tail": "think" },
+      "whisper": { "fill": "#F2F2F2", "outline": "#6D7885", "tail": "whisper" },
+      "sfx": { "fill": "#FFDD39", "outline": "#D92F26", "tail": "none" }
+    },
+    "text_colors": [
+      { "name": "Ink", "color": "#202020" },
+      { "name": "Midnight", "color": "#111827" },
+      { "name": "Slate", "color": "#475569" },
+      { "name": "Snow", "color": "#FFFFFF" },
+      { "name": "Cloud", "color": "#CBD5E1" },
+      { "name": "Sky", "color": "#2196F3" },
+      { "name": "Ocean", "color": "#0077B6" },
+      { "name": "Teal", "color": "#00897B" },
+      { "name": "Leaf", "color": "#2E7D32" },
+      { "name": "Lime", "color": "#8BC34A" },
+      { "name": "Sunshine", "color": "#FFC107" },
+      { "name": "Orange", "color": "#F57C00" },
+      { "name": "Sunset red", "color": "#E53935" },
+      { "name": "Rose", "color": "#D81B60" },
+      { "name": "Violet", "color": "#7E57C2" },
+      { "name": "Brown", "color": "#795548" }
+    ],
+    "preview_ghost": "#FFFFFF99",
+    "connector": "#FFFFFFB0"
+  }
 }