cjm-transcript-segment-align 0.0.10__tar.gz → 0.0.11__tar.gz

{cjm_transcript_segment_align-0.0.10/cjm_transcript_segment_align.egg-info → cjm_transcript_segment_align-0.0.11}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.2
 Name: cjm-transcript-segment-align
-Version: 0.0.10
+Version: 0.0.11
 Summary: FastHTML dual-column text segmentation & VAD alignment UI for transcript decomposition workflows with forced alignment-based text splitting for aligning text segments with VAD chunks.
 Home-page: https://github.com/cj-mills/cjm-transcript-segment-align
 Author: Christian J. Mills
@@ -83,36 +83,36 @@ graph LR
     routes_init[routes.init<br/>routes/init]
     services_forced_alignment[services.forced_alignment<br/>forced_alignment]
 
-    components_handlers --> html_ids
+    components_handlers --> components_sync_controls
     components_handlers --> components_keyboard_config
+    components_handlers --> html_ids
     components_handlers --> components_step_renderer
     components_handlers --> services_forced_alignment
-    components_handlers --> components_sync_controls
     components_handlers --> routes_forced_alignment
     components_keyboard_config --> html_ids
     components_keyboard_config --> components_sync_controls
+    components_step_renderer --> components_keyboard_config
+    components_step_renderer --> components_toolbar_state
     components_step_renderer --> html_ids
     components_step_renderer --> components_helpers
     components_step_renderer --> components_sync_controls
-    components_step_renderer --> components_keyboard_config
-    components_step_renderer --> components_toolbar_state
     components_toolbar_state --> components_sync_controls
-    routes_chrome --> html_ids
-    routes_chrome --> components_handlers
     routes_chrome --> components_sync_controls
+    routes_chrome --> components_handlers
+    routes_chrome --> html_ids
     routes_chrome --> components_step_renderer
+    routes_forced_alignment --> components_sync_controls
     routes_forced_alignment --> html_ids
     routes_forced_alignment --> components_step_renderer
-    routes_forced_alignment --> components_sync_controls
     routes_init --> components_keyboard_config
-    routes_init --> html_ids
-    routes_init --> components_handlers
     routes_init --> models
+    routes_init --> components_handlers
+    routes_init --> html_ids
     routes_init --> services_forced_alignment
-    routes_init --> components_sync_controls
-    routes_init --> components_step_renderer
-    routes_init --> routes_forced_alignment
     routes_init --> routes_chrome
+    routes_init --> routes_forced_alignment
+    routes_init --> components_step_renderer
+    routes_init --> components_sync_controls
 ```
 
 *30 cross-module dependencies detected*
@@ -157,6 +157,7 @@ async def _handle_switch_chrome(
     
     Client-side toolbar state restoration (sync button, auto-play toggle)
     is handled by the centralized settle handler from toolbar_state.py.
+    Settings modals persist in the DOM — only the trigger buttons swap.
     """
 ```
 
@@ -479,9 +480,6 @@ def create_seg_mutation_wrapper(
     Calls the _result handler variant, builds targeted OOB response with FA
     controls in toolbar, and appends alignment status + mini-stats OOB.
     Computes nltk_split_disabled from state for toolbar rendering.
-    
-    When clear_fa_presplit=True (used for NLTK Split), clears the FA pre-split
-    snapshot so the toggle is replaced with the Force Align button.
     """
 ```
 
@@ -509,6 +507,7 @@ def create_seg_init_chrome_wrapper(
     
     Saves nltk_presplit snapshot at init time for match detection.
     FA controls are rendered in the toolbar via extra_actions.
+    Settings modals are rendered in a persistent container (both seg + align).
     """
 ```
 
@@ -842,7 +841,7 @@ def _render_shared_chrome(
     urls:SegmentationUrls=None,  # Segmentation URL bundle (required when seg_state provided)
     extra_actions:tuple=(),  # Extra toolbar elements (FA controls, sync toggle, etc.)
     nltk_split_disabled:bool=False,  # Whether NLTK Split button is disabled
-) -> tuple:  # (toolbar, controls, footer)
+) -> tuple:  # (toolbar, footer, settings_modals_container)
     """
     Render shared chrome containers, populated with segmentation content when initialized.
     

{cjm_transcript_segment_align-0.0.10 → cjm_transcript_segment_align-0.0.11}/README.md

@@ -47,36 +47,36 @@ graph LR
     routes_init[routes.init<br/>routes/init]
     services_forced_alignment[services.forced_alignment<br/>forced_alignment]
 
-    components_handlers --> html_ids
+    components_handlers --> components_sync_controls
     components_handlers --> components_keyboard_config
+    components_handlers --> html_ids
     components_handlers --> components_step_renderer
     components_handlers --> services_forced_alignment
-    components_handlers --> components_sync_controls
     components_handlers --> routes_forced_alignment
     components_keyboard_config --> html_ids
     components_keyboard_config --> components_sync_controls
+    components_step_renderer --> components_keyboard_config
+    components_step_renderer --> components_toolbar_state
     components_step_renderer --> html_ids
     components_step_renderer --> components_helpers
     components_step_renderer --> components_sync_controls
-    components_step_renderer --> components_keyboard_config
-    components_step_renderer --> components_toolbar_state
     components_toolbar_state --> components_sync_controls
-    routes_chrome --> html_ids
-    routes_chrome --> components_handlers
     routes_chrome --> components_sync_controls
+    routes_chrome --> components_handlers
+    routes_chrome --> html_ids
     routes_chrome --> components_step_renderer
+    routes_forced_alignment --> components_sync_controls
     routes_forced_alignment --> html_ids
     routes_forced_alignment --> components_step_renderer
-    routes_forced_alignment --> components_sync_controls
     routes_init --> components_keyboard_config
-    routes_init --> html_ids
-    routes_init --> components_handlers
     routes_init --> models
+    routes_init --> components_handlers
+    routes_init --> html_ids
     routes_init --> services_forced_alignment
-    routes_init --> components_sync_controls
-    routes_init --> components_step_renderer
-    routes_init --> routes_forced_alignment
     routes_init --> routes_chrome
+    routes_init --> routes_forced_alignment
+    routes_init --> components_step_renderer
+    routes_init --> components_sync_controls
 ```
 
 *30 cross-module dependencies detected*
@@ -121,6 +121,7 @@ async def _handle_switch_chrome(
     
     Client-side toolbar state restoration (sync button, auto-play toggle)
     is handled by the centralized settle handler from toolbar_state.py.
+    Settings modals persist in the DOM — only the trigger buttons swap.
     """
 ```
 
@@ -443,9 +444,6 @@ def create_seg_mutation_wrapper(
     Calls the _result handler variant, builds targeted OOB response with FA
     controls in toolbar, and appends alignment status + mini-stats OOB.
     Computes nltk_split_disabled from state for toolbar rendering.
-    
-    When clear_fa_presplit=True (used for NLTK Split), clears the FA pre-split
-    snapshot so the toggle is replaced with the Force Align button.
     """
 ```
 
@@ -473,6 +471,7 @@ def create_seg_init_chrome_wrapper(
     
     Saves nltk_presplit snapshot at init time for match detection.
     FA controls are rendered in the toolbar via extra_actions.
+    Settings modals are rendered in a persistent container (both seg + align).
     """
 ```
 
@@ -806,7 +805,7 @@ def _render_shared_chrome(
     urls:SegmentationUrls=None,  # Segmentation URL bundle (required when seg_state provided)
     extra_actions:tuple=(),  # Extra toolbar elements (FA controls, sync toggle, etc.)
     nltk_split_disabled:bool=False,  # Whether NLTK Split button is disabled
-) -> tuple:  # (toolbar, controls, footer)
+) -> tuple:  # (toolbar, footer, settings_modals_container)
     """
     Render shared chrome containers, populated with segmentation content when initialized.
     

cjm_transcript_segment_align-0.0.11/cjm_transcript_segment_align/__init__.py

@@ -0,0 +1 @@
+__version__ = "0.0.11"

{cjm_transcript_segment_align-0.0.10 → cjm_transcript_segment_align-0.0.11}/cjm_transcript_segment_align/components/handlers.py

@@ -16,10 +16,12 @@ from typing import Callable, Any, Dict, List, Optional, Tuple
 from fasthtml.common import Div, Span, Button, FT
 
 from cjm_fasthtml_interactions.core.state_store import get_session_id
-from cjm_fasthtml_card_stack.components.controls import render_width_slider
+from cjm_fasthtml_card_stack.components.settings_modal import render_card_stack_settings_modal, render_settings_trigger
 from cjm_fasthtml_card_stack.core.constants import DEFAULT_VISIBLE_COUNT
 from cjm_fasthtml_daisyui.components.data_display.badge import badge, badge_styles, badge_sizes
+from cjm_fasthtml_tailwind.utilities.sizing import w
 from cjm_fasthtml_tailwind.utilities.layout import display_tw
+from cjm_fasthtml_tailwind.utilities.flexbox_and_grid import flex_display, items, gap
 from cjm_fasthtml_tailwind.core.base import combine_classes
 
 from ..html_ids import CombinedHtmlIds
@@ -277,9 +279,6 @@ def create_seg_mutation_wrapper(
     Calls the _result handler variant, builds targeted OOB response with FA
     controls in toolbar, and appends alignment status + mini-stats OOB.
     Computes nltk_split_disabled from state for toolbar rendering.
-    
-    When clear_fa_presplit=True (used for NLTK Split), clears the FA pre-split
-    snapshot so the toggle is replaced with the Force Align button.
     """
     @wraps(handler_result)
     async def wrapped(
@@ -333,7 +332,7 @@ def create_seg_mutation_wrapper(
         urls = kwargs.get("urls")
         seg_oob = build_mutation_response(
             result.segment_dicts, result.focused_index, result.visible_count,
-            result.history_depth, urls, is_auto_mode=result.is_auto_mode,
+            result.history_depth, urls,
             extra_actions=build_extra_actions(fa_extra), nltk_split_disabled=nltk_disabled,
         )
 
@@ -341,7 +340,6 @@ def create_seg_mutation_wrapper(
 
     return wrapped
 
-
 # %% ../../nbs/components/handlers.ipynb #f6a7b8c9
 def wrap_align_mutation_handler(
     handler: Callable,  # Handler function to wrap
@@ -388,6 +386,7 @@ def create_seg_init_chrome_wrapper(
     
     Saves nltk_presplit snapshot at init time for match detection.
     FA controls are rendered in the toolbar via extra_actions.
+    Settings modals are rendered in a persistent container (both seg + align).
     """
     async def wrapped_seg_init(
         state_store:WorkflowStateStore,
@@ -455,24 +454,43 @@ def create_seg_init_chrome_wrapper(
             seg_state, jm_trigger, fa_toggle_url, fa_available,
         )
         
-        # Toolbar OOB (with FA controls in extra_actions, NLTK Split disabled at init)
+        # Settings modal trigger for seg column
+        settings_trigger = render_settings_trigger(modal_id=SEG_CS_IDS.settings_modal)
+        
+        # Toolbar OOB (settings trigger + toolbar with FA controls, NLTK Split disabled at init)
         toolbar_oob = Div(
-            render_toolbar(
-                reset_url=urls.reset, ai_split_url=urls.ai_split, undo_url=urls.undo,
-                can_undo=(result.history_depth > 0),
-                visible_count=result.visible_count,
-                is_auto_mode=result.is_auto_mode,
-                extra_actions=build_extra_actions(fa_extra),
-                nltk_split_disabled=True,
+            Div(
+                settings_trigger,
+                render_toolbar(
+                    reset_url=urls.reset, ai_split_url=urls.ai_split, undo_url=urls.undo,
+                    can_undo=(result.history_depth > 0),
+                    extra_actions=build_extra_actions(fa_extra),
+                    nltk_split_disabled=True,
+                ),
+                cls=combine_classes(flex_display, items.center, gap(2), w.full),
             ),
             id=CombinedHtmlIds.SHARED_TOOLBAR,
             hx_swap_oob="innerHTML"
         )
         
-        # Controls OOB (width slider)
-        controls_oob = Div(
-            render_width_slider(SEG_CS_CONFIG, SEG_CS_IDS, card_width=result.card_width),
-            id=CombinedHtmlIds.SHARED_CONTROLS,
+        # Settings modals OOB (both seg + align persist in DOM)
+        from cjm_transcript_vad_align.components.card_stack_config import (
+            ALIGN_CS_CONFIG, ALIGN_CS_IDS,
+        )
+        seg_modal, _ = render_card_stack_settings_modal(
+            SEG_CS_CONFIG, SEG_CS_IDS,
+            current_count=result.visible_count,
+            card_width=result.card_width,
+        )
+        align_modal, _ = render_card_stack_settings_modal(
+            ALIGN_CS_CONFIG, ALIGN_CS_IDS,
+            current_count=align_state.get("visible_count", 5),
+            card_width=align_state.get("card_width", 40),
+        )
+        settings_modals_oob = Div(
+            seg_modal,
+            align_modal,
+            id=CombinedHtmlIds.SETTINGS_MODALS,
             hx_swap_oob="innerHTML"
         )
         
@@ -499,12 +517,11 @@ def create_seg_init_chrome_wrapper(
         
         return (
             result.column_body, kb_system_oob, zone_change_js, chrome_switch_btn,
-            toolbar_oob, controls_oob, footer_oob, mini_stats_oob,
+            toolbar_oob, settings_modals_oob, footer_oob, mini_stats_oob,
         )
     
     return wrapped_seg_init
 
-
 # %% ../../nbs/components/handlers.ipynb #ecvyiypdxk
 def create_align_init_chrome_wrapper(
     should_play_fn:str="",  # Consumer-defined play guard function name

{cjm_transcript_segment_align-0.0.10 → cjm_transcript_segment_align-0.0.11}/cjm_transcript_segment_align/components/step_renderer.py

@@ -35,8 +35,8 @@ from cjm_fasthtml_tailwind.core.base import combine_classes
 from cjm_fasthtml_interactions.core.context import InteractionContext
 
 # Card stack library
-from cjm_fasthtml_card_stack.components.controls import render_width_slider
 from cjm_fasthtml_card_stack.components.states import render_loading_state
+from cjm_fasthtml_card_stack.components.settings_modal import render_card_stack_settings_modal
 from cjm_fasthtml_card_stack.core.constants import DEFAULT_VISIBLE_COUNT, DEFAULT_CARD_WIDTH
 
 # Local imports
@@ -63,7 +63,7 @@ from cjm_transcript_vad_align.components.step_renderer import (
     render_align_footer_content,
 )
 from cjm_transcript_vad_align.components.card_stack_config import (
-    ALIGN_CS_IDS,
+    ALIGN_CS_CONFIG, ALIGN_CS_IDS,
 )
 
 # Shared keyboard config (combined-level)
@@ -88,7 +88,6 @@ from .toolbar_state import generate_toolbar_restore_js
 # Debug flag for combined step rendering tracing (set False in production)
 DEBUG_COMBINED_RENDER = True
 
-
 # %% ../../nbs/components/step_renderer.ipynb #e5f6a7b8
 def _render_column_header(
     title:str,  # Column title (e.g., "Text Decomposition")
@@ -227,7 +226,7 @@ def _render_shared_chrome(
     urls:SegmentationUrls=None,  # Segmentation URL bundle (required when seg_state provided)
     extra_actions:tuple=(),  # Extra toolbar elements (FA controls, sync toggle, etc.)
     nltk_split_disabled:bool=False,  # Whether NLTK Split button is disabled
-) -> tuple:  # (toolbar, controls, footer)
+) -> tuple:  # (toolbar, footer, settings_modals_container)
     """Render shared chrome containers, populated with segmentation content when initialized.
     
     Takes extracted state dicts from `extract_seg_state()` and `extract_alignment_state()`
@@ -235,19 +234,37 @@ def _render_shared_chrome(
     """
     is_init = seg_state is not None and seg_state.get("is_initialized", False)
 
+    # --- Settings modals (both persist in DOM, triggers swap with toolbar) ---
+    seg_modal, seg_trigger = render_card_stack_settings_modal(
+        SEG_CS_CONFIG, SEG_CS_IDS,
+        current_count=seg_state.get("visible_count", DEFAULT_VISIBLE_COUNT) if seg_state else DEFAULT_VISIBLE_COUNT,
+        card_width=seg_state.get("card_width", DEFAULT_CARD_WIDTH) if seg_state else DEFAULT_CARD_WIDTH,
+    )
+    align_modal, align_trigger = render_card_stack_settings_modal(
+        ALIGN_CS_CONFIG, ALIGN_CS_IDS,
+        current_count=align_state.get("visible_count", 5) if align_state else 5,
+        card_width=align_state.get("card_width", 40) if align_state else 40,
+    )
+
+    settings_modals_container = Div(
+        seg_modal,
+        align_modal,
+        id=CombinedHtmlIds.SETTINGS_MODALS,
+    )
+
     # --- Toolbar ---
     if is_init and urls:
-        segments = seg_state.get("segments", [])
-        history = seg_state.get("history", [])
-        visible_count = seg_state.get("visible_count", DEFAULT_VISIBLE_COUNT)
-        toolbar_content = render_toolbar(
-            reset_url=urls.reset,
-            ai_split_url=urls.ai_split,
-            undo_url=urls.undo,
-            can_undo=(len(history) > 0),
-            visible_count=visible_count,
-            extra_actions=extra_actions,
-            nltk_split_disabled=nltk_split_disabled,
+        toolbar_content = Div(
+            seg_trigger,
+            render_toolbar(
+                reset_url=urls.reset,
+                ai_split_url=urls.ai_split,
+                undo_url=urls.undo,
+                can_undo=(len(seg_state.get("history", [])) > 0),
+                extra_actions=extra_actions,
+                nltk_split_disabled=nltk_split_disabled,
+            ),
+            cls=combine_classes(flex_display, items.center, gap(2), w.full),
         )
     else:
         toolbar_content = _placeholder("Toolbar actions will appear here based on the active column.")
@@ -258,22 +275,7 @@ def _render_shared_chrome(
         cls=str(p(2))
     )
 
-    # --- Controls ---
-    if is_init:
-        card_width = seg_state.get("card_width", DEFAULT_CARD_WIDTH)
-        controls_content = render_width_slider(SEG_CS_CONFIG, SEG_CS_IDS, card_width=card_width)
-    else:
-        controls_content = _placeholder("Column-specific controls will appear here.")
-
-    controls = Div(
-        controls_content,
-        id=CombinedHtmlIds.SHARED_CONTROLS,
-        cls=str(p(2))
-    )
-
     # --- Footer with both column footers + alignment status ---
-    # Note: seg_state["segments"] and align_state["vad_chunks"] are already deserialized
-    # objects from extract_seg_state/extract_alignment_state — don't call from_dict() again
     seg_segments = seg_state.get("segments", []) if seg_state else []
     segment_count = len(seg_segments)
     align_chunks = align_state.get("vad_chunks", []) if align_state else []
@@ -306,8 +308,7 @@ def _render_shared_chrome(
         )
     )
 
-    return toolbar, controls, footer
-
+    return toolbar, footer, settings_modals_container
 
 # %% ../../nbs/components/step_renderer.ipynb #c9d0e1f2
 # Shared column styling (reused by init handler for outerHTML swap)
@@ -528,7 +529,7 @@ def render_combined_step(
         )
         mini_stats_text = render_seg_mini_stats_text(segments)
 
-        toolbar, controls, footer = _render_shared_chrome(
+        toolbar, footer, settings_modals_container = _render_shared_chrome(
             seg_state=seg_state,
             align_state=align_state,
             urls=seg_urls,
@@ -542,7 +543,7 @@ def render_combined_step(
             mini_stats_text=mini_stats_text,
         )
     else:
-        toolbar, controls, footer = _render_shared_chrome(
+        toolbar, footer, settings_modals_container = _render_shared_chrome(
             align_state=align_state,
         )
         seg_col = _render_seg_column(
@@ -630,7 +631,6 @@ def render_combined_step(
             cls=combine_classes(flex_display, items.start, justify.between),
         ),
         toolbar,
-        controls,
         Div(
             *columns_children,
             id=CombinedHtmlIds.COLUMNS,
@@ -649,6 +649,7 @@ def render_combined_step(
         toolbar_restore_script,
         chrome_switch_btn,
         active_column_input,
+        settings_modals_container,  # Both settings modals persist in DOM
         jm_modal_el,  # Job monitor modal (page-level, outside columns)
         jm_kb_script_el,  # Job monitor keyboard script placeholder (for OOB pause/resume)
         hints_modal,  # Keyboard hints modal dialog
@@ -660,4 +661,3 @@ def render_combined_step(
             p(4), p.x(2), p.b(0)
         )
     )
-

{cjm_transcript_segment_align-0.0.10 → cjm_transcript_segment_align-0.0.11}/cjm_transcript_segment_align/html_ids.py

@@ -21,9 +21,9 @@ class CombinedHtmlIds:
     # Shared Chrome
     SHARED_HINTS = "sd-shared-hints"
     SHARED_TOOLBAR = "sd-shared-toolbar"
-    SHARED_CONTROLS = "sd-shared-controls"
     SHARED_FOOTER = "sd-shared-footer"
     ALIGNMENT_STATUS = "sd-alignment-status"
+    SETTINGS_MODALS = "sd-settings-modals"
 
     # Segmentation Column
     SEG_COLUMN = "sd-seg-column"

{cjm_transcript_segment_align-0.0.10 → cjm_transcript_segment_align-0.0.11}/cjm_transcript_segment_align/routes/chrome.py

@@ -10,7 +10,7 @@ from typing import Tuple, Dict, Callable
 
 from fasthtml.common import APIRouter, Div
 
-from cjm_fasthtml_card_stack.components.controls import render_width_slider
+from cjm_fasthtml_card_stack.components.settings_modal import render_settings_trigger
 from cjm_fasthtml_card_stack.core.constants import DEFAULT_VISIBLE_COUNT, DEFAULT_CARD_WIDTH
 
 from cjm_fasthtml_interactions.core.state_store import get_session_id
@@ -38,6 +38,12 @@ from cjm_transcript_vad_align.components.card_stack_config import (
     ALIGN_CS_CONFIG, ALIGN_CS_IDS,
 )
 
+from cjm_fasthtml_tailwind.utilities.sizing import w
+from cjm_fasthtml_tailwind.utilities.flexbox_and_grid import (
+    flex_display, items, gap,
+)
+from cjm_fasthtml_tailwind.core.base import combine_classes
+
 # Footer helper + FA extra_actions builder + match detection
 from cjm_transcript_segment_align.components.step_renderer import (
     render_footer_inner_content,
@@ -66,6 +72,7 @@ async def _handle_switch_chrome(
     
     Client-side toolbar state restoration (sync button, auto-play toggle)
     is handled by the centralized settle handler from toolbar_state.py.
+    Settings modals persist in the DOM — only the trigger buttons swap.
     """
     form = await request.form()
     active_column = form.get("active_column", "seg")
@@ -84,13 +91,10 @@ async def _handle_switch_chrome(
     chunk_count = len(align_state.get("vad_chunks", []))
 
     if active_column == "seg":
-        # Segmentation chrome (toolbar + controls)
+        # Segmentation chrome (settings trigger + toolbar)
         segments = [TextSegment.from_dict(s) for s in seg_state.get("segments", [])]
         history = seg_state.get("history", [])
         focused_index = seg_state.get("focused_index", 0)
-        visible_count = seg_state.get("visible_count", DEFAULT_VISIBLE_COUNT)
-        is_auto_mode = seg_state.get("is_auto_mode", False)
-        card_width = seg_state.get("card_width", DEFAULT_CARD_WIDTH)
 
         # Build FA extra_actions and NLTK Split disabled state
         fa_extra = build_fa_extra_actions(
@@ -101,28 +105,27 @@ async def _handle_switch_chrome(
             seg_state.get("segments", []), nltk_presplit,
         )
 
-        toolbar_content = render_seg_toolbar(
-            reset_url=seg_urls.reset,
-            ai_split_url=seg_urls.ai_split,
-            undo_url=seg_urls.undo,
-            can_undo=(len(history) > 0),
-            visible_count=visible_count,
-            is_auto_mode=is_auto_mode,
-            extra_actions=build_extra_actions(fa_extra),
-            nltk_split_disabled=nltk_disabled,
+        settings_trigger = render_settings_trigger(modal_id=SEG_CS_IDS.settings_modal)
+        toolbar_content = Div(
+            settings_trigger,
+            render_seg_toolbar(
+                reset_url=seg_urls.reset,
+                ai_split_url=seg_urls.ai_split,
+                undo_url=seg_urls.undo,
+                can_undo=(len(history) > 0),
+                extra_actions=build_extra_actions(fa_extra),
+                nltk_split_disabled=nltk_disabled,
+            ),
+            cls=combine_classes(flex_display, items.center, gap(2), w.full),
         )
-        controls_content = render_width_slider(SEG_CS_CONFIG, SEG_CS_IDS, card_width=card_width)
     else:
-        # Alignment chrome (toolbar with auto-play toggle + controls)
-        visible_count = align_state.get("visible_count", 5)
-        is_auto_mode = align_state.get("is_auto_mode", False)
-        card_width = align_state.get("card_width", 40)
-
-        toolbar_content = render_align_toolbar(
-            visible_count=visible_count,
-            is_auto_mode=is_auto_mode,
+        # Alignment chrome (settings trigger + auto-play toggle)
+        settings_trigger = render_settings_trigger(modal_id=ALIGN_CS_IDS.settings_modal)
+        toolbar_content = Div(
+            settings_trigger,
+            render_align_toolbar(),
+            cls=combine_classes(flex_display, items.center, gap(2), w.full),
         )
-        controls_content = render_width_slider(ALIGN_CS_CONFIG, ALIGN_CS_IDS, card_width=card_width)
 
     # --- Footer: both column footers always present ---
     seg_segments = [TextSegment.from_dict(s) for s in seg_state.get("segments", [])]
@@ -136,24 +139,19 @@ async def _handle_switch_chrome(
     if DEBUG_SWITCH_CHROME:
         print(f"[SWITCH_CHROME] returning OOB swaps for {active_column}")
 
-    # Return OOB swaps
+    # Return OOB swaps (toolbar + footer — settings modals persist in DOM)
     toolbar_oob = Div(
         toolbar_content,
         id=CombinedHtmlIds.SHARED_TOOLBAR,
         hx_swap_oob="innerHTML"
     )
-    controls_oob = Div(
-        controls_content,
-        id=CombinedHtmlIds.SHARED_CONTROLS,
-        hx_swap_oob="innerHTML"
-    )
     footer_oob = Div(
         render_footer_inner_content(seg_footer, align_footer, segment_count, chunk_count),
         id=CombinedHtmlIds.SHARED_FOOTER,
         hx_swap_oob="innerHTML"
     )
 
-    return (toolbar_oob, controls_oob, footer_oob)
+    return (toolbar_oob, footer_oob)
 
 # %% ../../nbs/routes/chrome.ipynb #g7b8c9d0
 def init_chrome_router(

{cjm_transcript_segment_align-0.0.10 → cjm_transcript_segment_align-0.0.11/cjm_transcript_segment_align.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.2
 Name: cjm-transcript-segment-align
-Version: 0.0.10
+Version: 0.0.11
 Summary: FastHTML dual-column text segmentation & VAD alignment UI for transcript decomposition workflows with forced alignment-based text splitting for aligning text segments with VAD chunks.
 Home-page: https://github.com/cj-mills/cjm-transcript-segment-align
 Author: Christian J. Mills
@@ -83,36 +83,36 @@ graph LR
     routes_init[routes.init<br/>routes/init]
     services_forced_alignment[services.forced_alignment<br/>forced_alignment]
 
-    components_handlers --> html_ids
+    components_handlers --> components_sync_controls
     components_handlers --> components_keyboard_config
+    components_handlers --> html_ids
     components_handlers --> components_step_renderer
     components_handlers --> services_forced_alignment
-    components_handlers --> components_sync_controls
     components_handlers --> routes_forced_alignment
     components_keyboard_config --> html_ids
     components_keyboard_config --> components_sync_controls
+    components_step_renderer --> components_keyboard_config
+    components_step_renderer --> components_toolbar_state
     components_step_renderer --> html_ids
     components_step_renderer --> components_helpers
     components_step_renderer --> components_sync_controls
-    components_step_renderer --> components_keyboard_config
-    components_step_renderer --> components_toolbar_state
     components_toolbar_state --> components_sync_controls
-    routes_chrome --> html_ids
-    routes_chrome --> components_handlers
     routes_chrome --> components_sync_controls
+    routes_chrome --> components_handlers
+    routes_chrome --> html_ids
     routes_chrome --> components_step_renderer
+    routes_forced_alignment --> components_sync_controls
     routes_forced_alignment --> html_ids
     routes_forced_alignment --> components_step_renderer
-    routes_forced_alignment --> components_sync_controls
     routes_init --> components_keyboard_config
-    routes_init --> html_ids
-    routes_init --> components_handlers
     routes_init --> models
+    routes_init --> components_handlers
+    routes_init --> html_ids
     routes_init --> services_forced_alignment
-    routes_init --> components_sync_controls
-    routes_init --> components_step_renderer
-    routes_init --> routes_forced_alignment
     routes_init --> routes_chrome
+    routes_init --> routes_forced_alignment
+    routes_init --> components_step_renderer
+    routes_init --> components_sync_controls
 ```
 
 *30 cross-module dependencies detected*
@@ -157,6 +157,7 @@ async def _handle_switch_chrome(
     
     Client-side toolbar state restoration (sync button, auto-play toggle)
     is handled by the centralized settle handler from toolbar_state.py.
+    Settings modals persist in the DOM — only the trigger buttons swap.
     """
 ```
 
@@ -479,9 +480,6 @@ def create_seg_mutation_wrapper(
     Calls the _result handler variant, builds targeted OOB response with FA
     controls in toolbar, and appends alignment status + mini-stats OOB.
     Computes nltk_split_disabled from state for toolbar rendering.
-    
-    When clear_fa_presplit=True (used for NLTK Split), clears the FA pre-split
-    snapshot so the toggle is replaced with the Force Align button.
     """
 ```
 
@@ -509,6 +507,7 @@ def create_seg_init_chrome_wrapper(
     
     Saves nltk_presplit snapshot at init time for match detection.
     FA controls are rendered in the toolbar via extra_actions.
+    Settings modals are rendered in a persistent container (both seg + align).
     """
 ```
 
@@ -842,7 +841,7 @@ def _render_shared_chrome(
     urls:SegmentationUrls=None,  # Segmentation URL bundle (required when seg_state provided)
     extra_actions:tuple=(),  # Extra toolbar elements (FA controls, sync toggle, etc.)
     nltk_split_disabled:bool=False,  # Whether NLTK Split button is disabled
-) -> tuple:  # (toolbar, controls, footer)
+) -> tuple:  # (toolbar, footer, settings_modals_container)
     """
     Render shared chrome containers, populated with segmentation content when initialized.
     

{cjm_transcript_segment_align-0.0.10 → cjm_transcript_segment_align-0.0.11}/settings.ini

@@ -1,7 +1,7 @@
 [DEFAULT]
 repo = cjm-transcript-segment-align
 lib_name = cjm-transcript-segment-align
-version = 0.0.10
+version = 0.0.11
 min_python = 3.12
 license = apache2
 black_formatting = False

cjm_transcript_segment_align-0.0.10/cjm_transcript_segment_align/__init__.py

@@ -1 +0,0 @@
-__version__ = "0.0.10"