cjm-transcript-source-select 0.0.3__tar.gz → 0.0.4__tar.gz

{cjm_transcript_source_select-0.0.3/cjm_transcript_source_select.egg-info → cjm_transcript_source_select-0.0.4}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.2
 Name: cjm-transcript-source-select
-Version: 0.0.3
+Version: 0.0.4
 Summary: FastHTML source selection component for transcript decomposition workflows, with federated database browsing, drag-drop ordering, and keyboard navigation.
 Home-page: https://github.com/cj-mills/cjm-transcript-source-select
 Author: Christian J. Mills
@@ -105,52 +105,52 @@ graph LR
     components_local_files --> html_ids
     components_preview_panel --> html_ids
     components_selection_queue --> html_ids
-    components_source_browser --> utils
     components_source_browser --> services_source_utils
+    components_source_browser --> utils
     components_source_browser --> html_ids
-    components_step_renderer --> components_selection_queue
+    components_step_renderer --> components_source_browser
+    components_step_renderer --> utils
     components_step_renderer --> components_preview_panel
     components_step_renderer --> components_local_files
-    components_step_renderer --> components_source_browser
     components_step_renderer --> components_helpers
-    components_step_renderer --> utils
+    components_step_renderer --> components_selection_queue
     components_step_renderer --> html_ids
     components_step_renderer --> models
-    routes_core --> components_step_renderer
     routes_core --> services_source
     routes_core --> models
     routes_core --> html_ids
-    routes_core --> components_selection_queue
     routes_core --> components_source_browser
-    routes_filtering --> services_source
+    routes_core --> components_selection_queue
+    routes_core --> components_step_renderer
     routes_filtering --> services_source_utils
-    routes_filtering --> routes_core
     routes_filtering --> components_source_browser
+    routes_filtering --> routes_core
+    routes_filtering --> services_source
     routes_filtering --> models
-    routes_init --> routes_filtering
-    routes_init --> routes_local_files
     routes_init --> services_source
-    routes_init --> routes_tabs
     routes_init --> models
-    routes_init --> routes_core
+    routes_init --> routes_tabs
+    routes_init --> routes_filtering
+    routes_init --> routes_local_files
     routes_init --> routes_queue
+    routes_init --> routes_core
     routes_local_files --> services_source
     routes_local_files --> routes_core
-    routes_local_files --> models
     routes_local_files --> components_local_files
-    routes_queue --> routes_core
-    routes_queue --> components_preview_panel
+    routes_local_files --> models
     routes_queue --> services_source
     routes_queue --> services_source_utils
+    routes_queue --> routes_core
+    routes_queue --> components_preview_panel
     routes_queue --> models
-    routes_tabs --> routes_local_files
     routes_tabs --> components_source_browser
-    routes_tabs --> services_source_utils
-    routes_tabs --> services_source
+    routes_tabs --> components_step_renderer
     routes_tabs --> routes_core
-    routes_tabs --> models
+    routes_tabs --> services_source
+    routes_tabs --> services_source_utils
+    routes_tabs --> routes_local_files
     routes_tabs --> components_local_files
-    routes_tabs --> components_step_renderer
+    routes_tabs --> models
 ```
 
 *51 cross-module dependencies detected*
@@ -203,8 +203,8 @@ def _render_duplicate_flash(
     candidate_provider_id: str,  # Provider ID of the row the user clicked
     existing_record_id: str,  # Record ID of the conflicting selected row
     existing_provider_id: str,  # Provider ID of the conflicting selected row
-) -> Script:  # OOB script element for flash animation
-    "Render a self-removing Script that briefly flashes two source rows with error color."
+) -> Div:  # OOB Div with flash script (replaces previous via innerHTML swap)
+    "Render a fixed-ID container with flash script for two source rows."
 ```
 
 ``` python
@@ -1043,6 +1043,7 @@ def _render_source_row(
     remove_url: str,  # URL for removing from queue
     preview_url: str,  # URL for previewing content
     is_first: bool = False,  # Whether this is the first row (gets initial focus)
+    row_index: int = 0,  # Index among selectable rows (for keyboard focus sync)
 ) -> Any:  # Table row element
     "Render a single source row in the browser table."
 ```

{cjm_transcript_source_select-0.0.3 → cjm_transcript_source_select-0.0.4}/README.md

@@ -62,52 +62,52 @@ graph LR
     components_local_files --> html_ids
     components_preview_panel --> html_ids
     components_selection_queue --> html_ids
-    components_source_browser --> utils
     components_source_browser --> services_source_utils
+    components_source_browser --> utils
     components_source_browser --> html_ids
-    components_step_renderer --> components_selection_queue
+    components_step_renderer --> components_source_browser
+    components_step_renderer --> utils
     components_step_renderer --> components_preview_panel
     components_step_renderer --> components_local_files
-    components_step_renderer --> components_source_browser
     components_step_renderer --> components_helpers
-    components_step_renderer --> utils
+    components_step_renderer --> components_selection_queue
     components_step_renderer --> html_ids
     components_step_renderer --> models
-    routes_core --> components_step_renderer
     routes_core --> services_source
     routes_core --> models
     routes_core --> html_ids
-    routes_core --> components_selection_queue
     routes_core --> components_source_browser
-    routes_filtering --> services_source
+    routes_core --> components_selection_queue
+    routes_core --> components_step_renderer
     routes_filtering --> services_source_utils
-    routes_filtering --> routes_core
     routes_filtering --> components_source_browser
+    routes_filtering --> routes_core
+    routes_filtering --> services_source
     routes_filtering --> models
-    routes_init --> routes_filtering
-    routes_init --> routes_local_files
     routes_init --> services_source
-    routes_init --> routes_tabs
     routes_init --> models
-    routes_init --> routes_core
+    routes_init --> routes_tabs
+    routes_init --> routes_filtering
+    routes_init --> routes_local_files
     routes_init --> routes_queue
+    routes_init --> routes_core
     routes_local_files --> services_source
     routes_local_files --> routes_core
-    routes_local_files --> models
     routes_local_files --> components_local_files
-    routes_queue --> routes_core
-    routes_queue --> components_preview_panel
+    routes_local_files --> models
     routes_queue --> services_source
     routes_queue --> services_source_utils
+    routes_queue --> routes_core
+    routes_queue --> components_preview_panel
     routes_queue --> models
-    routes_tabs --> routes_local_files
     routes_tabs --> components_source_browser
-    routes_tabs --> services_source_utils
-    routes_tabs --> services_source
+    routes_tabs --> components_step_renderer
     routes_tabs --> routes_core
-    routes_tabs --> models
+    routes_tabs --> services_source
+    routes_tabs --> services_source_utils
+    routes_tabs --> routes_local_files
     routes_tabs --> components_local_files
-    routes_tabs --> components_step_renderer
+    routes_tabs --> models
 ```
 
 *51 cross-module dependencies detected*
@@ -160,8 +160,8 @@ def _render_duplicate_flash(
     candidate_provider_id: str,  # Provider ID of the row the user clicked
     existing_record_id: str,  # Record ID of the conflicting selected row
     existing_provider_id: str,  # Provider ID of the conflicting selected row
-) -> Script:  # OOB script element for flash animation
-    "Render a self-removing Script that briefly flashes two source rows with error color."
+) -> Div:  # OOB Div with flash script (replaces previous via innerHTML swap)
+    "Render a fixed-ID container with flash script for two source rows."
 ```
 
 ``` python
@@ -1000,6 +1000,7 @@ def _render_source_row(
     remove_url: str,  # URL for removing from queue
     preview_url: str,  # URL for previewing content
     is_first: bool = False,  # Whether this is the first row (gets initial focus)
+    row_index: int = 0,  # Index among selectable rows (for keyboard focus sync)
 ) -> Any:  # Table row element
     "Render a single source row in the browser table."
 ```

cjm_transcript_source_select-0.0.4/cjm_transcript_source_select/__init__.py

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

{cjm_transcript_source_select-0.0.3 → cjm_transcript_source_select-0.0.4}/cjm_transcript_source_select/components/source_browser.py

@@ -39,7 +39,6 @@ from cjm_fasthtml_tailwind.utilities.interactivity import cursor
 from cjm_fasthtml_tailwind.utilities.flexbox_and_grid import (
     flex_display, flex_direction, justify, items, gap, grow
 )
-from cjm_fasthtml_tailwind.utilities.transitions_and_animation import transition, duration
 from cjm_fasthtml_tailwind.core.base import combine_classes
 
 # Local imports
@@ -84,6 +83,7 @@ def _render_source_row(
     remove_url: str,  # URL for removing from queue
     preview_url: str,  # URL for previewing content
     is_first: bool = False,  # Whether this is the first row (gets initial focus)
+    row_index: int = 0,  # Index among selectable rows (for keyboard focus sync)
 ) -> Any:  # Table row element
     """Render a single source row in the browser table."""
     record_id = record.get("record_id", "")
@@ -139,6 +139,10 @@ def _render_source_row(
         cls=combine_classes(tooltip, tooltip_placement.top)
     )
     
+    # Click handler to sync keyboard focus with clicked row
+    zone_id = SelectionHtmlIds.SOURCE_LIST
+    focus_onclick = f"if(window.kbNav)window.kbNav.setItemFocus('{zone_id}',{row_index},true)"
+    
     return Tr(
         # Hidden cell for keyboard action data (must be in TD for valid HTML)
         Td(
@@ -178,15 +182,14 @@ def _render_source_row(
         cls=combine_classes(
             bg_dui.primary.opacity(10) if is_selected else "",
             bg_dui.base_200.hover,
-            cursor.pointer,
-            transition.colors,
-            duration(200)
+            cursor.pointer
         ),
         tabindex="0",
         data_selectable="true",
         data_focused="true" if is_first else "false",
         data_record_id=record_id,
         data_provider_id=provider_id,
+        onclick=focus_onclick,
         hx_get=preview_url,
         hx_vals=json.dumps({"record_id": record_id, "provider_id": provider_id}),
         hx_target=SelectionHtmlIds.as_selector(SelectionHtmlIds.PREVIEW_PANEL),
@@ -254,7 +257,7 @@ def _render_source_list(
     
     # Build table rows
     table_rows = []
-    is_first_record = True
+    row_index = 0
     for group_key, records in grouped.items():
         # Add group header
         table_rows.append(_render_group_header(
@@ -268,9 +271,10 @@ def _render_source_list(
             )
             table_rows.append(_render_source_row(
                 record, is_selected, add_url, remove_url, preview_url,
-                is_first=is_first_record
+                is_first=(row_index == 0),
+                row_index=row_index,
             ))
-            is_first_record = False
+            row_index += 1
     
     return Div(
         Table(

{cjm_transcript_source_select-0.0.3 → cjm_transcript_source_select-0.0.4}/cjm_transcript_source_select/components/step_renderer.py

@@ -570,6 +570,9 @@ def render_selection_step(
         # Sortable initialization script (htmx integration)
         sortable_script,
         
+        # Script runner for OOB-triggered JS (duplicate rejection flash)
+        Div(id=SelectionHtmlIds.SCRIPT_RUNNER),
+        
         id=SelectionHtmlIds.SOURCE_SELECTOR,
         cls=combine_classes(
             w.full,

{cjm_transcript_source_select-0.0.3 → cjm_transcript_source_select-0.0.4}/cjm_transcript_source_select/html_ids.py

@@ -62,6 +62,9 @@ class SelectionHtmlIds:
     SELECTION_FOOTER = "sd-selection-footer"
     SELECTION_STATS = "sd-selection-stats"
 
+    # Script runner (OOB container for flash feedback scripts)
+    SCRIPT_RUNNER = "sd-selection-script-runner"
+
     @staticmethod
     def _safe_id(
         value:str  # Raw value to sanitize for HTML ID use

{cjm_transcript_source_select-0.0.3 → cjm_transcript_source_select-0.0.4}/cjm_transcript_source_select/routes/core.py

@@ -8,7 +8,7 @@ __all__ = ['DEBUG_SELECTION_STATE', 'WorkflowStateStore']
 # %% ../../nbs/routes/core.ipynb #sel-core-imports
 from typing import List, Dict, Any, Optional, Tuple, Union
 
-from fasthtml.common import Script
+from fasthtml.common import Div, Script
 
 from cjm_workflow_state.state_store import SQLiteWorkflowStateStore
 
@@ -63,26 +63,46 @@ def _render_duplicate_flash(
     candidate_provider_id: str,  # Provider ID of the row the user clicked
     existing_record_id: str,  # Record ID of the conflicting selected row
     existing_provider_id: str,  # Provider ID of the conflicting selected row
-) -> Script:  # OOB script element for flash animation
-    """Render a self-removing Script that briefly flashes two source rows with error color."""
+) -> Div:  # OOB Div with flash script (replaces previous via innerHTML swap)
+    """Render a fixed-ID container with flash script for two source rows."""
     row1 = SelectionHtmlIds.source_row(candidate_record_id, candidate_provider_id)
     row2 = SelectionHtmlIds.source_row(existing_record_id, existing_provider_id)
-    return Script(f"""
+    return Div(
+        Script(f"""
 (function() {{
-    var s = document.currentScript;
-    var r1 = document.getElementById('{row1}');
-    var r2 = document.getElementById('{row2}');
-    [r1, r2].forEach(function(r) {{
-        if (r) {{ r.classList.add('bg-error'); }}
-    }});
-    setTimeout(function() {{
+    function flash() {{
+        var r1 = document.getElementById('{row1}');
+        var r2 = document.getElementById('{row2}');
         [r1, r2].forEach(function(r) {{
-            if (r) {{ r.classList.remove('bg-error'); }}
+            if (r) {{
+                r.style.transition = 'background-color 0.05s ease-in';
+                r.classList.add('bg-error');
+            }}
         }});
-        if (s) {{ s.remove(); }}
-    }}, 400);
+        setTimeout(function() {{
+            [r1, r2].forEach(function(r) {{
+                if (r) {{
+                    r.style.transition = 'background-color 0.3s ease-out';
+                    r.classList.remove('bg-error');
+                }}
+            }});
+            setTimeout(function() {{
+                [r1, r2].forEach(function(r) {{
+                    if (r) {{ r.style.transition = ''; }}
+                }});
+            }}, 300);
+        }}, 600);
+    }}
+    // Defer until after HTMX finishes all OOB swaps
+    document.body.addEventListener('htmx:afterSettle', function handler() {{
+        document.body.removeEventListener('htmx:afterSettle', handler);
+        flash();
+    }});
 }})();
-""")
+"""),
+        id=SelectionHtmlIds.SCRIPT_RUNNER,
+        hx_swap_oob="innerHTML",
+    )
 
 # %% ../../nbs/routes/core.ipynb #3zll5oy1hsc
 def _get_active_source_tab(

{cjm_transcript_source_select-0.0.3 → cjm_transcript_source_select-0.0.4/cjm_transcript_source_select.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.2
 Name: cjm-transcript-source-select
-Version: 0.0.3
+Version: 0.0.4
 Summary: FastHTML source selection component for transcript decomposition workflows, with federated database browsing, drag-drop ordering, and keyboard navigation.
 Home-page: https://github.com/cj-mills/cjm-transcript-source-select
 Author: Christian J. Mills
@@ -105,52 +105,52 @@ graph LR
     components_local_files --> html_ids
     components_preview_panel --> html_ids
     components_selection_queue --> html_ids
-    components_source_browser --> utils
     components_source_browser --> services_source_utils
+    components_source_browser --> utils
     components_source_browser --> html_ids
-    components_step_renderer --> components_selection_queue
+    components_step_renderer --> components_source_browser
+    components_step_renderer --> utils
     components_step_renderer --> components_preview_panel
     components_step_renderer --> components_local_files
-    components_step_renderer --> components_source_browser
     components_step_renderer --> components_helpers
-    components_step_renderer --> utils
+    components_step_renderer --> components_selection_queue
     components_step_renderer --> html_ids
     components_step_renderer --> models
-    routes_core --> components_step_renderer
     routes_core --> services_source
     routes_core --> models
     routes_core --> html_ids
-    routes_core --> components_selection_queue
     routes_core --> components_source_browser
-    routes_filtering --> services_source
+    routes_core --> components_selection_queue
+    routes_core --> components_step_renderer
     routes_filtering --> services_source_utils
-    routes_filtering --> routes_core
     routes_filtering --> components_source_browser
+    routes_filtering --> routes_core
+    routes_filtering --> services_source
     routes_filtering --> models
-    routes_init --> routes_filtering
-    routes_init --> routes_local_files
     routes_init --> services_source
-    routes_init --> routes_tabs
     routes_init --> models
-    routes_init --> routes_core
+    routes_init --> routes_tabs
+    routes_init --> routes_filtering
+    routes_init --> routes_local_files
     routes_init --> routes_queue
+    routes_init --> routes_core
     routes_local_files --> services_source
     routes_local_files --> routes_core
-    routes_local_files --> models
     routes_local_files --> components_local_files
-    routes_queue --> routes_core
-    routes_queue --> components_preview_panel
+    routes_local_files --> models
     routes_queue --> services_source
     routes_queue --> services_source_utils
+    routes_queue --> routes_core
+    routes_queue --> components_preview_panel
     routes_queue --> models
-    routes_tabs --> routes_local_files
     routes_tabs --> components_source_browser
-    routes_tabs --> services_source_utils
-    routes_tabs --> services_source
+    routes_tabs --> components_step_renderer
     routes_tabs --> routes_core
-    routes_tabs --> models
+    routes_tabs --> services_source
+    routes_tabs --> services_source_utils
+    routes_tabs --> routes_local_files
     routes_tabs --> components_local_files
-    routes_tabs --> components_step_renderer
+    routes_tabs --> models
 ```
 
 *51 cross-module dependencies detected*
@@ -203,8 +203,8 @@ def _render_duplicate_flash(
     candidate_provider_id: str,  # Provider ID of the row the user clicked
     existing_record_id: str,  # Record ID of the conflicting selected row
     existing_provider_id: str,  # Provider ID of the conflicting selected row
-) -> Script:  # OOB script element for flash animation
-    "Render a self-removing Script that briefly flashes two source rows with error color."
+) -> Div:  # OOB Div with flash script (replaces previous via innerHTML swap)
+    "Render a fixed-ID container with flash script for two source rows."
 ```
 
 ``` python
@@ -1043,6 +1043,7 @@ def _render_source_row(
     remove_url: str,  # URL for removing from queue
     preview_url: str,  # URL for previewing content
     is_first: bool = False,  # Whether this is the first row (gets initial focus)
+    row_index: int = 0,  # Index among selectable rows (for keyboard focus sync)
 ) -> Any:  # Table row element
     "Render a single source row in the browser table."
 ```

{cjm_transcript_source_select-0.0.3 → cjm_transcript_source_select-0.0.4}/settings.ini

@@ -1,7 +1,7 @@
 [DEFAULT]
 repo = cjm-transcript-source-select
 lib_name = cjm-transcript-source-select
-version = 0.0.3
+version = 0.0.4
 min_python = 3.12
 license = apache2
 black_formatting = False

cjm_transcript_source_select-0.0.3/cjm_transcript_source_select/__init__.py

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