v0.5.0 - rework the sidebar

This PR reworks the sidebar to be an accordian.
I also remove some of the progress feedback since it wasn't working right.

src/embeddingbuddy/ui/components/datasource.py

@@ -1,13 +1,11 @@
 from dash import dcc, html
 import dash_bootstrap_components as dbc
 from .upload import UploadComponent
-from .textinput import TextInputComponent
 
 
 class DataSourceComponent:
     def __init__(self):
         self.upload_component = UploadComponent()
-        self.text_input_component = TextInputComponent()
 
     def create_tabbed_interface(self):
         """Create tabbed interface for different data sources."""
@@ -19,7 +17,6 @@ class DataSourceComponent:
                             [
                                 dbc.Tab(label="File Upload", tab_id="file-tab"),
                                 dbc.Tab(label="OpenSearch", tab_id="opensearch-tab"),
-                                dbc.Tab(label="Text Input", tab_id="text-input-tab"),
                             ],
                             id="data-source-tabs",
                             active_tab="file-tab",
@@ -211,9 +208,6 @@ class DataSourceComponent:
             ]
         )
 
-    def create_text_input_tab(self):
-        """Create text input tab content for browser-based embedding generation."""
-        return html.Div([self.text_input_component.create_text_input_interface()])
 
     def _create_opensearch_section(self, section_type):
         """Create a complete OpenSearch section for either 'data' or 'prompts'."""

src/embeddingbuddy/ui/components/sidebar.py

@@ -2,31 +2,26 @@ from dash import dcc, html
 import dash_bootstrap_components as dbc
 from .upload import UploadComponent
 from .datasource import DataSourceComponent
+from .textinput import TextInputComponent
 
 
 class SidebarComponent:
     def __init__(self):
         self.upload_component = UploadComponent()
         self.datasource_component = DataSourceComponent()
+        self.textinput_component = TextInputComponent()
 
     def create_layout(self):
         return dbc.Col(
             [
-                html.H5("Data Sources", className="mb-3"),
-                self.datasource_component.create_error_alert(),
-                self.datasource_component.create_success_alert(),
-                self.datasource_component.create_tabbed_interface(),
-                html.H5("Visualization Controls", className="mb-3 mt-4"),
-            ]
-            + self._create_method_dropdown()
-            + self._create_color_dropdown()
-            + self._create_dimension_toggle()
-            + self._create_prompts_toggle()
-            + [
-                html.H5("Point Details", className="mb-3"),
-                html.Div(
-                    id="point-details", children="Click on a point to see details"
-                ),
+                dbc.Accordion(
+                    [
+                        self._create_data_sources_item(),
+                        self._create_generate_embeddings_item(),
+                        self._create_visualization_controls_item(),
+                    ],
+                    always_open=True,
+                )
             ],
             width=3,
             style={"padding-right": "20px"},
@@ -86,3 +81,57 @@ class SidebarComponent:
                 style={"margin-bottom": "20px"},
             ),
         ]
+
+    def _create_generate_embeddings_item(self):
+        return dbc.AccordionItem(
+            [
+                self.textinput_component.create_text_input_interface(),
+            ],
+            title=html.Span([
+                "Generate Embeddings ",
+                html.I(
+                    className="fas fa-info-circle text-muted",
+                    style={"cursor": "pointer"},
+                    id="generate-embeddings-info-icon",
+                    title="Create new embeddings from text input using various in-browser models"
+                )
+            ]),
+            item_id="generate-embeddings-accordion",
+        )
+
+    def _create_data_sources_item(self):
+        return dbc.AccordionItem(
+            [
+                self.datasource_component.create_error_alert(),
+                self.datasource_component.create_success_alert(),
+                self.datasource_component.create_tabbed_interface(),
+            ],
+            title=html.Span([
+                "Load Embeddings ",
+                html.I(
+                    className="fas fa-info-circle text-muted",
+                    style={"cursor": "pointer"},
+                    id="load-embeddings-info-icon",
+                    title="Load existing embeddings: upload files or read from OpenSearch"
+                )
+            ]),
+            item_id="data-sources-accordion",
+        )
+
+    def _create_visualization_controls_item(self):
+        return dbc.AccordionItem(
+            self._create_method_dropdown()
+            + self._create_color_dropdown()
+            + self._create_dimension_toggle()
+            + self._create_prompts_toggle(),
+            title=html.Span([
+                "Visualization Controls ",
+                html.I(
+                    className="fas fa-info-circle text-muted",
+                    style={"cursor": "pointer"},
+                    id="visualization-controls-info-icon",
+                    title="Configure plot settings: select dimensionality reduction method, colors, and display options"
+                )
+            ]),
+            item_id="visualization-controls-accordion",
+        )

src/embeddingbuddy/ui/components/textinput.py

@@ -30,9 +30,6 @@ class TextInputComponent:
                 # Generation controls
                 self._create_generation_controls(),
                 html.Hr(),
-                # Progress indicators
-                self._create_progress_indicators(),
-                html.Hr(),
                 # Status and results
                 self._create_status_section(),
                 # Hidden components for data flow
@@ -297,65 +294,11 @@ class TextInputComponent:
             ]
         )
 
-    def _create_progress_indicators(self):
-        """Create progress bars for model loading and embedding generation."""
-        return html.Div(
-            [
-                # Model loading progress
-                html.Div(
-                    [
-                        html.H6("Model Loading Progress", className="mb-2"),
-                        dbc.Progress(
-                            id="model-loading-progress",
-                            value=0,
-                            striped=True,
-                            animated=True,
-                            className="mb-2",
-                        ),
-                        html.Small(
-                            id="model-loading-status",
-                            children="No model loading in progress",
-                            className="text-muted",
-                        ),
-                    ],
-                    id="model-loading-section",
-                    style={"display": "none"},
-                ),
-                html.Br(),
-                # Embedding generation progress
-                html.Div(
-                    [
-                        html.H6("Embedding Generation Progress", className="mb-2"),
-                        dbc.Progress(
-                            id="embedding-progress",
-                            value=0,
-                            striped=True,
-                            animated=True,
-                            className="mb-2",
-                        ),
-                        html.Small(
-                            id="embedding-status",
-                            children="No embedding generation in progress",
-                            className="text-muted",
-                        ),
-                    ],
-                    id="embedding-progress-section",
-                    style={"display": "none"},
-                ),
-            ]
-        )
 
     def _create_status_section(self):
         """Create status alerts and results preview."""
         return html.Div(
             [
-                # Immediate status (from client-side)
-                dbc.Alert(
-                    id="text-input-status-immediate",
-                    children="Ready to generate embeddings",
-                    color="light",
-                    className="mb-3",
-                ),
                 # Server-side status
                 dbc.Alert(
                     id="text-input-status",

src/embeddingbuddy/ui/components/upload.py

@@ -5,40 +5,68 @@ import dash_bootstrap_components as dbc
 class UploadComponent:
     @staticmethod
     def create_data_upload():
-        return dcc.Upload(
-            id="upload-data",
-            children=html.Div(["Drag and Drop or ", html.A("Select Files")]),
-            style={
-                "width": "100%",
-                "height": "60px",
-                "lineHeight": "60px",
-                "borderWidth": "1px",
-                "borderStyle": "dashed",
-                "borderRadius": "5px",
-                "textAlign": "center",
-                "margin-bottom": "20px",
-            },
-            multiple=False,
-        )
+        return html.Div([
+            dcc.Upload(
+                id="upload-data",
+                children=html.Div([
+                    "Upload Data ",
+                    html.I(
+                        className="fas fa-info-circle",
+                        style={"color": "#6c757d", "fontSize": "14px"},
+                        id="data-upload-info"
+                    )
+                ]),
+                style={
+                    "width": "100%",
+                    "height": "60px",
+                    "lineHeight": "60px",
+                    "borderWidth": "1px",
+                    "borderStyle": "dashed",
+                    "borderRadius": "5px",
+                    "textAlign": "center",
+                    "margin-bottom": "20px",
+                },
+                multiple=False,
+            ),
+            dbc.Tooltip(
+                "Click here or drag and drop NDJSON files containing document embeddings",
+                target="data-upload-info",
+                placement="top"
+            )
+        ])
 
     @staticmethod
     def create_prompts_upload():
-        return dcc.Upload(
-            id="upload-prompts",
-            children=html.Div(["Drag and Drop Prompts or ", html.A("Select Files")]),
-            style={
-                "width": "100%",
-                "height": "60px",
-                "lineHeight": "60px",
-                "borderWidth": "1px",
-                "borderStyle": "dashed",
-                "borderRadius": "5px",
-                "textAlign": "center",
-                "margin-bottom": "20px",
-                "borderColor": "#28a745",
-            },
-            multiple=False,
-        )
+        return html.Div([
+            dcc.Upload(
+                id="upload-prompts",
+                children=html.Div([
+                    "Upload Prompts ",
+                    html.I(
+                        className="fas fa-info-circle",
+                        style={"color": "#6c757d", "fontSize": "14px"},
+                        id="prompts-upload-info"
+                    )
+                ]),
+                style={
+                    "width": "100%",
+                    "height": "60px",
+                    "lineHeight": "60px",
+                    "borderWidth": "1px",
+                    "borderStyle": "dashed",
+                    "borderRadius": "5px",
+                    "textAlign": "center",
+                    "margin-bottom": "20px",
+                    "borderColor": "#28a745",
+                },
+                multiple=False,
+            ),
+            dbc.Tooltip(
+                "Click here or drag and drop NDJSON files containing prompt embeddings",
+                target="prompts-upload-info",
+                placement="top"
+            )
+        ])
 
     @staticmethod
     def create_reset_button():