fix: make workflow tag links clickable

Author: nikochiko

bots/models/published_run.py

@@ -12,6 +12,7 @@
 from bots.admin_links import open_in_new_tab
 from bots.custom_fields import CustomURLField
 from daras_ai_v2.crypto import get_random_doc_id
+from daras_ai_v2.fastapi_tricks import get_app_route_url
 from gooeysite.custom_create import get_or_create_lazy
 from workspaces.models import Workspace
 
@@ -432,14 +433,30 @@ class Tag(models.Model):
     def __str__(self):
         return self.name
 
-    def render(self) -> str:
-        return f"{self.icon} {self.name}" if self.icon else self.name
+    def render(self, **props) -> None:
+        import gooey_gui as gui
+
+        className = (
+            props.pop("className", "") + " badge rounded-pill border text-bg-light"
+        )
+        with gui.div(className=className, **props), gui.link(to=self.get_app_url()):
+            gui.html(f"{self.icon} {self.name}" if self.icon else self.name)
 
     @classmethod
     @cache
     def get_options(cls) -> list["Tag"]:
         return list(cls.objects.all())
 
+    def get_app_url(self, query_params: dict | None = None) -> str:
+        from routers.root import explore_page
+
+        if not query_params:
+            query_params = {}
+        return get_app_route_url(
+            explore_page,
+            query_params=(query_params | {"search": self.name}),
+        )
+
     class Meta:
         constraints = [
             models.UniqueConstraint(

widgets/base_header.py

@@ -72,4 +72,4 @@ def render_breadcrumbs_with_author(
             return
 
         for tag in pr.tags.all():
-            gui.pill(tag.render(), className="ms-2", unsafe_allow_html=True)
+            tag.render(className="ms-2")

widgets/saved_workflow.py

@@ -123,7 +123,7 @@ def render_title_pills(published_run: PublishedRun, workflow_pill: str | None):
                 gui.html(label)
 
         for tag in published_run.tags.all():
-            gui.pill(tag.render(), className="ms-2", unsafe_allow_html=True)
+            tag.render(className="ms-2")
 
 
 FOOTER_CSS = """