I can show WorkflowDesigner tab

I

src/components/tabs/components/MyTabs.py

@@ -149,6 +149,9 @@ class MyTabs(BaseComponent):
     if active is not None:
       to_modify.active = active
   
+  def get_tab_content_by_key(self, key):
+    return self.tabs_by_key[key].content if key in self.tabs_by_key else None
+  
   def refresh(self):
     return self.render(oob=True)
   

src/components/workflows/WorkflowsApp.py

@@ -24,3 +24,11 @@ def post(session, _id: str, tab_id: str, form_id: str, name: str, tab_boundaries
     f"Entering {Routes.AddWorkflow} with args {debug_session(session)}, {_id=}, {tab_id=}, {form_id=}, {name=}, {tab_boundaries=}")
   instance = InstanceManager.get(session, _id)
   return instance.add_new_workflow(tab_id, form_id, name, json.loads(tab_boundaries))
+
+
+@rt(Routes.ShowWorkflow)
+def post(session, _id: str, name: str, tab_boundaries: str):
+  logger.debug(
+    f"Entering {Routes.AddWorkflow} with args {debug_session(session)}, {_id=}, {name=}, {tab_boundaries=}")
+  instance = InstanceManager.get(session, _id)
+  return instance.show_workflow(name, json.loads(tab_boundaries))

src/components/workflows/commands.py

@@ -20,3 +20,11 @@ class WorkflowsCommandManager(BaseCommandManager):
         "hx-target": f"#w_{self._id}",
         "hx-vals": f'js:{{"_id": "{self._id}", "tab_id": "{tab_id}", "tab_boundaries": getTabContentBoundaries("{self._owner.tabs_manager.get_id()}")}}',
     }
+  
+  def show_workflow(self, workflow_name):
+    return {
+        "hx_post": f"{ROUTE_ROOT}{Routes.ShowWorkflow}",
+        "hx-target": f"#{self._owner.tabs_manager.get_id()}",
+        "hx-swap": "outerHTML",
+        "hx-vals": f'js:{{"_id": "{self._id}", "name": "{workflow_name}", "tab_boundaries": getTabContentBoundaries("{self._owner.tabs_manager.get_id()}")}}',
+    }

src/components/workflows/components/WorkflowDesigner.py

@@ -0,0 +1,32 @@
+from fasthtml.components import *
+
+from components.BaseComponent import BaseComponent
+from components.workflows.constants import WORKFLOW_DESIGNER_INSTANCE_ID
+from components.workflows.db_management import WorkflowsDesignerSettings
+from core.utils import get_unique_id
+
+
+class WorkflowDesigner(BaseComponent):
+  def __init__(self, session,
+               _id=None,
+               settings_manager=None,
+               designer_settings: WorkflowsDesignerSettings = None,
+               boundaries: dict = None):
+    super().__init__(session, _id)
+    self._settings_manager = settings_manager
+    self._designer_settings = designer_settings
+    self.boundaries = boundaries
+  
+  def set_boundaries(self, boundaries: dict):
+    self.boundaries = boundaries
+  
+  def __ft__(self):
+    return Div(f"Workflow Designer - {self._designer_settings.workflow_name}")
+  
+  @staticmethod
+  def create_component_id(session, suffix=None):
+    prefix = f"{WORKFLOW_DESIGNER_INSTANCE_ID}{session['user_id']}"
+    if suffix is None:
+      suffix = get_unique_id()
+    
+    return f"{prefix}{suffix}"

src/components/workflows/components/Workflows.py

@@ -6,8 +6,9 @@ from assets.icons import icon_add_regular
 from components.BaseComponent import BaseComponentSingleton
 from components.form.components.MyForm import MyForm, FormField
 from components.workflows.commands import WorkflowsCommandManager
+from components.workflows.components.WorkflowDesigner import WorkflowDesigner
 from components.workflows.constants import WORKFLOWS_INSTANCE_ID
-from components.workflows.db_management import WorkflowsDbManager
+from components.workflows.db_management import WorkflowsDbManager, WorkflowsDesignerSettings
 from components_helpers import mk_ellipsis, mk_icon
 from core.instance_manager import InstanceManager
 
@@ -50,7 +51,7 @@ class Workflows(BaseComponentSingleton):
       self.tabs_manager.set_tab_content(tab_id,
                                         self._get_workflow_designer(workflow_name, tab_boundaries),
                                         title=workflow_name,
-                                        key=workflow_name,
+                                        key=f"{self._id}_{workflow_name}",
                                         active=True)
       
       return self._mk_workflows(), self.tabs_manager.refresh()
@@ -62,6 +63,23 @@ class Workflows(BaseComponentSingleton):
       
       return self.tabs_manager.refresh()
   
+  def show_workflow(self, workflow_name: str, tab_boundaries: dict):
+    tab_key = f"{self._id}_{workflow_name}"
+    if tab_key not in self.tabs_manager.tabs:
+      self.tabs_manager.add_tab(workflow_name,
+                                self._get_workflow_designer(workflow_name, tab_boundaries),
+                                key=tab_key)
+    else:
+      workflow_designer = self.tabs_manager.get_tab_content_by_key(tab_key)
+      workflow_designer.set_boundaries(tab_boundaries)
+    
+    self.tabs_manager.select_tab_by_key(tab_key)
+    self.db.select_workflow(workflow_name)
+    return self.tabs_manager.refresh(), self.refresh()
+  
+  def refresh(self):
+    return self._mk_workflows(True)
+  
   def __ft__(self):
     return Div(
       Div(cls="divider"),
@@ -79,7 +97,12 @@ class Workflows(BaseComponentSingleton):
     )
   
   def _get_workflow_designer(self, workflow_name: str, tab_boundaries: dict):
-    return Div(f"Workflow Designer for {workflow_name}")
+    return InstanceManager.get(self._session,
+                               WorkflowDesigner.create_component_id(self._session, workflow_name),
+                               WorkflowDesigner,
+                               settings_manager=self._settings_manager,
+                               designer_settings=WorkflowsDesignerSettings(workflow_name=workflow_name),
+                               boundaries=tab_boundaries)
   
   def _mk_add_workflow_form(self, tab_id: str):
     return InstanceManager.get(self._session, MyForm.create_component_id(self._session), MyForm,
@@ -89,7 +112,14 @@ class Workflows(BaseComponentSingleton):
                                )
   
   def _mk_workflow(self, workflow_name: str, selected: bool):
-    return mk_ellipsis(workflow_name, cls="text-sm")
+    elt = mk_ellipsis(workflow_name, cls="text-sm", **self.commands.show_workflow(workflow_name))
+    if selected:
+      return Div(
+        elt,
+        cls="items-center mmt-selected"
+      )
+    else:
+      return elt
   
   def _mk_workflows(self, oob=False):
     return Div(

src/components/workflows/constants.py

@@ -1,4 +1,5 @@
 WORKFLOWS_INSTANCE_ID = "__Workflows__"
+WORKFLOW_DESIGNER_INSTANCE_ID = "__WorkflowDesigner__"
 WORKFLOWS_SETTINGS_ENTRY = "Workflows"
 ROUTE_ROOT = "/workflows"
 
@@ -6,3 +7,4 @@ ROUTE_ROOT = "/workflows"
 class Routes:
   AddWorkflow = "/add-workflow"
   SelectWorkflow = "/select-workflow"
+  ShowWorkflow = "/show-workflow"

src/components/workflows/db_management.py

@@ -6,6 +6,11 @@ from core.settings_management import SettingsManager
 
 logger = logging.getLogger("WorkflowsSettings")
 
+@dataclass
+class WorkflowsDesignerSettings:
+  workflow_name: str
+
+
 
 @dataclass
 class WorkflowsSettings: