From a1aea5d628b5ecee7c4098edfaf1d36dfc6e346a Mon Sep 17 00:00:00 2001
From: dawn <dawn@tangled.org>
Date: Tue, 07 Jul 2026 11:34:05 +0000
Subject: [PATCH] appview/pages,appview/pipelines: refresh workflow UI

Signed-off-by: dawn <dawn@tangled.org>
---
 appview/pages/pages.go | 10 +++++-----
 appview/pages/templates/repo/pipelines/fragments/logBlock.html | 21 ++++++++++++++-------
 appview/pages/templates/repo/pipelines/fragments/logBlockEnd.html | 2 +-
 appview/pages/templates/repo/pipelines/fragments/logLine.html | 2 +-
 appview/pages/templates/repo/pipelines/fragments/workflowSymbol.html | 6 +++---
 appview/pages/templates/repo/pipelines/workflow.html | 208 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------------------------------
 appview/pipelines/pipelines.go | 67 ++++++++++++++++++++++++++++++++++++++++++++++---------------------
 docker-compose.yml | 3 +++
 types/pipeline.go | 2 ++
 9 file(s) changed, 195 insertion(s)(+), 126 deletion(s)(-)

diff --git a/appview/pages/pages.go b/appview/pages/pages.go
--- a/appview/pages/pages.go
+++ b/appview/pages/pages.go
@@ -1720,11 +1720,11 @@ }
 
 type WorkflowParams struct {
 	BaseParams
-	RepoInfo repoinfo.RepoInfo
-	Pipeline types.Pipeline
-	Workflow string
-	LogUrl   string
-	Active   string
+	RepoInfo      repoinfo.RepoInfo
+	Pipeline      types.Pipeline
+	Workflow      string
+	SSHLogCommand string
+	Active        string
 }
 
 func (p *Pages) Workflow(w io.Writer, params WorkflowParams) error {
diff --git a/appview/pages/templates/repo/pipelines/fragments/logBlock.html b/appview/pages/templates/repo/pipelines/fragments/logBlock.html
--- a/appview/pages/templates/repo/pipelines/fragments/logBlock.html
+++ b/appview/pages/templates/repo/pipelines/fragments/logBlock.html
@@ -1,16 +1,23 @@
 {{ define "repo/pipelines/fragments/logBlock" }}
 <div id="lines" hx-swap-oob="beforeend">
-  <details id="step-{{ .Id }}" {{if not .Collapsed}}open{{end}} class="group pb-2 rounded-sm border border-gray-200 dark:border-gray-700">
-    <summary class="sticky top-0 pt-2 px-2 group-open:pb-2 group-open:mb-2 list-none cursor-pointer group-open:border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:text-gray-500 hover:dark:text-gray-400">
-      <div class="group-open:hidden flex items-center gap-1">{{ i "chevron-right" "w-4 h-4" }} {{ template "stepHeader" . }}</div>
-      <div class="hidden group-open:flex items-center gap-1">{{ i "chevron-down" "w-4 h-4" }} {{ template "stepHeader" . }}</div>
+  <details id="step-{{ .Id }}" {{if not .Collapsed}}open{{end}} class="group overflow-hidden rounded border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800">
+    <summary class="list-none cursor-pointer transition-colors hover:bg-gray-50 hover:text-gray-600 dark:hover:bg-gray-700/40 dark:hover:text-gray-300">
+      <div class="flex items-center gap-2 px-3 py-3 group-open:hidden">
+        {{ i "chevron-right" "size-4 shrink-0" }} {{ template "stepHeader" . }}
+      </div>
+      <div class="hidden items-center gap-2 px-3 py-3 group-open:flex">
+        {{ i "chevron-down" "size-4 shrink-0" }} {{ template "stepHeader" . }}
+      </div>
     </summary>
-    <div class="font-mono whitespace-pre overflow-x-auto px-2"><div class="text-blue-600 dark:text-blue-300">{{ .Command }}</div><div id="step-body-{{ .Id }}"></div></div>
+    <div class="overflow-x-auto border-t border-gray-200 bg-gray-50 px-3 py-3 font-mono text-sm leading-relaxed dark:border-gray-700 dark:bg-gray-800">
+      {{ if .Command }}<div class="text-blue-600 dark:text-blue-300">{{ .Command }}</div>{{ end }}
+      <div id="step-body-{{ .Id }}" class="text-gray-900 dark:text-gray-100"></div>
+    </div>
   </details>
 </div>
 {{ end }}
 
 {{ define "stepHeader" }}
- {{ .Name }}
- <span class="ml-auto text-sm text-gray-500 tabular-nums" data-timer="{{ .Id }}" data-start="{{ .StartTime.Unix }}"></span>
+  <span class="truncate text-base font-semibold text-gray-900 dark:text-gray-100">{{ .Name }}</span>
+  <span class="ml-auto text-sm tabular-nums text-gray-500 dark:text-gray-400" data-timer="{{ .Id }}" data-start="{{ .StartTime.Unix }}"></span>
 {{ end }}
diff --git a/appview/pages/templates/repo/pipelines/fragments/logBlockEnd.html b/appview/pages/templates/repo/pipelines/fragments/logBlockEnd.html
--- a/appview/pages/templates/repo/pipelines/fragments/logBlockEnd.html
+++ b/appview/pages/templates/repo/pipelines/fragments/logBlockEnd.html
@@ -1,6 +1,6 @@
 {{ define "repo/pipelines/fragments/logBlockEnd" }}
   <span
-    class="ml-auto text-sm text-gray-500 tabular-nums"
+    class="ml-auto text-sm tabular-nums text-gray-500 dark:text-gray-400"
     data-timer="{{ .Id }}"
     data-start="{{ .StartTime.Unix }}"
     data-end="{{ .EndTime.Unix }}"
diff --git a/appview/pages/templates/repo/pipelines/fragments/logLine.html b/appview/pages/templates/repo/pipelines/fragments/logLine.html
--- a/appview/pages/templates/repo/pipelines/fragments/logLine.html
+++ b/appview/pages/templates/repo/pipelines/fragments/logLine.html
@@ -1,4 +1,4 @@
 {{ define "repo/pipelines/fragments/logLine" }}
-<div id="step-body-{{ .Id }}" hx-swap-oob="beforeend" class="whitespace-pre"><p>{{ .Content }}</p></div>
+<div id="step-body-{{ .Id }}" hx-swap-oob="beforeend"><p class="whitespace-pre">{{ .Content }}</p></div>
 {{ end }}
 
diff --git a/appview/pages/templates/repo/pipelines/fragments/workflowSymbol.html b/appview/pages/templates/repo/pipelines/fragments/workflowSymbol.html
--- a/appview/pages/templates/repo/pipelines/fragments/workflowSymbol.html
+++ b/appview/pages/templates/repo/pipelines/fragments/workflowSymbol.html
@@ -9,11 +9,11 @@ {{ if eq $kind "pending" }}
     {{ $icon = "circle-dashed" }}
     {{ $color = "text-yellow-600 dark:text-yellow-500" }}
   {{ else if eq $kind "running" }}
-    {{ $icon = "circle-dashed" }}
-    {{ $color = "text-yellow-600 dark:text-yellow-500" }}
+    {{ $icon = "refresh-cw" }}
+    {{ $color = "text-gray-700 dark:text-gray-100" }}
   {{ else if eq $kind "success" }}
     {{ $icon = "check" }}
-    {{ $color = "text-green-600 dark:text-green-500" }}
+    {{ $color = "text-green-600 dark:text-green-400" }}
   {{ else if eq $kind "cancelled" }}
     {{ $icon = "circle-slash" }}
     {{ $color = "text-gray-600 dark:text-gray-500" }}
diff --git a/appview/pages/templates/repo/pipelines/workflow.html b/appview/pages/templates/repo/pipelines/workflow.html
--- a/appview/pages/templates/repo/pipelines/workflow.html
+++ b/appview/pages/templates/repo/pipelines/workflow.html
@@ -6,121 +6,153 @@ {{ $url := printf "https://tangled.org/%s/pipelines" .RepoInfo.FullName }}
     {{ template "repo/fragments/og" (dict "RepoInfo" .RepoInfo "Title" $title "Url" $url) }}
 {{ end }}
 
-{{ define "repoContent" }}
-<section class="w-full grid grid-cols-1 md:grid-cols-4 gap-2 mt-2">
-  <div class="col-span-1">
-    {{ block "sidebar" . }} {{ end }}
+{{ define "repoContentLayout" }}
+<section class="w-full rounded bg-white py-4 pl-5 pr-8 dark:bg-gray-800">
+  <div class="grid grid-cols-1 gap-[14px] lg:grid-cols-[240px_minmax(0,1fr)]">
+    <div class="min-w-0">
+      {{ template "sidebar" . }}
+    </div>
+    <div class="min-w-0">
+      {{ template "repoContent" . }}
+    </div>
   </div>
-  <div class="col-span-1 md:col-span-3">
-    {{ if $.RepoInfo.Roles.IsPushAllowed }}
-    {{ $status := (index .Pipeline.Statuses .Workflow).Latest.Status }}
-    <div class="flex justify-between items-center mb-2">
-      <button
-        class="btn group"
-        hx-post="/{{ $.RepoInfo.FullName }}/pipelines/{{ .Pipeline.Id }}/retry"
-        hx-swap="none"
-        hx-disabled-elt="this"
-        {{ if .Pipeline.InProgress -}}
-          disabled
+</section>
+{{ template "fragments/workflow-timers" }}
+{{ end }}
+
+{{ define "repoContent" }}
+  {{ with (index .Pipeline.Statuses .Workflow).Latest }}
+    {{ if .Error }}
+    <div class="mb-4 flex items-start gap-2 rounded border border-red-200 bg-red-50/60 p-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/20 dark:text-red-400">
+      {{ i "triangle-alert" "size-4 shrink-0 mt-0.5" }}
+      <div class="min-w-0 flex-1">
+        <div class="break-words whitespace-pre-wrap">{{- .ErrorMessage -}}</div>
+        {{- with .ErrorDetails }}
+        <div class="break-words whitespace-pre-wrap font-mono">{{- . -}}</div>
         {{- end }}
-      >
-        {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
-        <span class="group-[.htmx-request]:hidden">Retry pipeline</span>
-      </button>
-      <div class="flex items-center gap-2">
-        <div id="workflow-error" class="text-red-500 dark:text-red-400"></div>
-        <button
-          class="btn group"
-          hx-post="/{{ $.RepoInfo.FullName }}/pipelines/{{ .Pipeline.Id }}/workflow/{{ .Workflow }}/retry"
-          hx-swap="none"
-          hx-disabled-elt="this"
-          {{ if not $status.IsFinish -}}
-            disabled
-          {{- end }}
-        >
-          {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
-          <span class="group-[.htmx-request]:hidden">Retry workflow</span>
-        </button>
-        <button
-          class="btn group"
-          hx-post="/{{ $.RepoInfo.FullName }}/pipelines/{{ .Pipeline.Id }}/workflow/{{ .Workflow }}/cancel"
-          hx-swap="none"
-          hx-disabled-elt="this"
-          {{ if $status.IsFinish -}}
-            disabled
-          {{- end }}
-        >
-          {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
-          <span class="group-[.htmx-request]:hidden">Cancel</span>
-        </button>
       </div>
     </div>
     {{ end }}
-    {{ with (index .Pipeline.Statuses .Workflow).Latest }}
-      {{ if .Error }}
-      <div class="mb-2 flex items-start gap-2 p-3 rounded border border-red-200 dark:border-red-900/60 bg-red-50/60 dark:bg-red-950/20 text-red-700 dark:text-red-400 text-sm">
-        {{ i "triangle-alert" "size-4 shrink-0 mt-0.5" }}
-        <div class="flex-1 min-w-0">
-          <div class="break-words whitespace-pre-wrap">{{- .ErrorMessage -}}</div>
-          {{- with .ErrorDetails }}
-          <div class="font-mono break-words whitespace-pre-wrap">{{- . -}}</div>
-          {{- end }}
-        </div>
-      </div>
-      {{ end }}
-    {{ end }}
-    {{ block "logs" . }} {{ end }}
-  </div>
-</section>
-{{ template "fragments/workflow-timers" }}
+  {{ end }}
+  {{ template "logs" . }}
 {{ end }}
 
 {{ define "sidebar" }}
   {{ $active := .Workflow }}
 
-  {{ $activeTab := "bg-white dark:bg-gray-700 drop-shadow-sm" }}
-  {{ $inactiveTab := "bg-gray-100 dark:bg-gray-800" }}
-
   {{ with .Pipeline }}
     {{ $id := .Id }}
-    <div class="sticky top-2 grid grid-cols-1 rounded border border-gray-200 dark:border-gray-700 divide-y divide-gray-200 dark:divide-gray-700">
-      {{ range $name, $all := .Statuses }}
-      <a href="/{{ $.RepoInfo.FullName }}/pipelines/{{ $id }}/workflow/{{ $name }}" class="no-underline hover:no-underline hover:bg-gray-100/25 hover:dark:bg-gray-700/25">
+    {{ $pipeline := . }}
+    <div class="sticky top-2 flex h-full min-h-[398px] w-full flex-col gap-2 lg:w-[240px]">
+      <div class="flex flex-col gap-2">
+        {{ range $name, $all := .Statuses }}
+        {{ $lastStatus := $all.Latest }}
+        {{ $status := $lastStatus.Status }}
+        {{ $kind := $status.String }}
         <div
-          class="flex gap-2 items-center justify-between p-2 {{ if eq $name $active }} {{ $activeTab }} {{ else }} {{ $inactiveTab }} {{ end }}">
-          {{ $lastStatus := $all.Latest }}
-          {{ $kind := $lastStatus.Status.String }}
-
-          <div id="left" class="flex items-center gap-2 flex-1 min-w-0">
-            <div id="workflow-symbol-{{ normalizeForHtmlId $name }}" class="flex-shrink-0">
-              {{ template "repo/pipelines/fragments/workflowSymbol" $all }}
+          class="flex flex-col gap-1.5 rounded px-3 py-2.5 transition-colors {{ if eq $name $active }}border border-transparent bg-gray-100 dark:bg-gray-700{{ else }}border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800{{ end }}">
+          <div class="flex h-5 items-center justify-between gap-[14px]">
+            <a href="/{{ $.RepoInfo.FullName }}/pipelines/{{ $id }}/workflow/{{ $name }}" class="flex min-w-0 items-center gap-0.5 no-underline hover:no-underline">
+              <span class="truncate text-sm font-medium leading-5 text-gray-900 dark:text-gray-100" title="{{ $name }}">{{ $name }}</span>
+              {{ i "arrow-up-right" "size-4 shrink-0 text-gray-900 dark:text-gray-100" }}
+            </a>
+            <div class="shrink-0 text-sm leading-5 text-gray-500 dark:text-gray-400">
+              {{ template "repo/fragments/shortTimeAgo" $lastStatus.Created }}
             </div>
-            <span class="truncate" title="{{ $name }}">
-              {{ $name }}
-            </span>
           </div>
-          <div id="right" class="flex items-center gap-2 flex-shrink-0">
-            <span class="font-bold">{{ $kind }}</span>
-            {{ if .TimeTaken }}
-            {{ template "repo/fragments/duration" .TimeTaken }}
-            {{ else }}
-            {{ template "repo/fragments/shortTimeAgo" $lastStatus.Created }}
-            {{ end }}
+          <div class="flex h-8 items-center justify-between gap-2">
+            <div class="flex min-w-0 items-center gap-1">
+              <div id="workflow-symbol-{{ normalizeForHtmlId $name }}" class="flex-shrink-0">
+                {{ template "repo/pipelines/fragments/workflowSymbol" $all }}
+              </div>
+              <span class="truncate text-sm font-semibold leading-5 text-gray-900 dark:text-gray-100">{{ $kind }}</span>
+            </div>
+            {{ template "workflowActions" (dict "Root" $ "Pipeline" $pipeline "Name" $name "Kind" $kind "Status" $status) }}
           </div>
         </div>
-      </a>
+        {{ end }}
+      </div>
+      {{ template "sidebarActions" $ }}
+    </div>
+  {{ end }}
+{{ end }}
+
+{{ define "workflowActions" }}
+  {{ $root := .Root }}
+  {{ $status := .Status }}
+  {{ $kind := .Kind }}
+  {{ if and $root.RepoInfo.Roles.IsPushAllowed (ne $kind "success") }}
+    <div class="flex shrink-0 items-center gap-0.5">
+      <button
+        class="group inline-flex h-8 w-[30px] min-h-8 items-center justify-center rounded px-2 py-1.5 text-gray-900 dark:text-gray-100 hover:bg-gray-200 dark:hover:bg-gray-700"
+        title="Retry workflow"
+        hx-post="/{{ $root.RepoInfo.FullName }}/pipelines/{{ .Pipeline.Id }}/workflow/{{ .Name }}/retry"
+        hx-swap="none"
+        hx-disabled-elt="this"
+      >
+        {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
+        {{ i "rotate-ccw" "size-4 group-[.htmx-request]:hidden" }}
+      </button>
+      {{ if not $status.IsFinish }}
+      <button
+        class="group inline-flex h-8 w-[30px] min-h-8 items-center justify-center rounded px-2 py-1.5 text-gray-900 dark:text-gray-100 hover:bg-gray-200 dark:hover:bg-gray-700"
+        title="Cancel workflow"
+        hx-post="/{{ $root.RepoInfo.FullName }}/pipelines/{{ .Pipeline.Id }}/workflow/{{ .Name }}/cancel"
+        hx-swap="none"
+        hx-disabled-elt="this"
+      >
+        {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
+        {{ i "x" "size-4 group-[.htmx-request]:hidden" }}
+      </button>
       {{ end }}
     </div>
   {{ end }}
 {{ end }}
 
+{{ define "sidebarActions" }}
+  <div class="mt-auto flex w-full flex-col gap-2">
+    {{ with .SSHLogCommand }}
+    <button type="button" class="btn flex h-9 min-h-9 w-full items-center justify-center gap-1.5 px-2 py-2 text-sm leading-5" onclick="navigator.clipboard.writeText({{ printf "%q" . }})" title="{{ . }}">
+      {{ i "copy" "size-4" }} Watch logs via SSH
+    </button>
+    {{ end }}
+    {{ if .RepoInfo.Roles.IsPushAllowed }}
+    <div class="flex w-full gap-2">
+      <div id="workflow-error" class="empty:hidden text-red-500 dark:text-red-400"></div>
+      <button
+        class="btn group flex h-9 min-h-9 flex-1 items-center justify-center gap-1.5 px-2 py-2 text-sm leading-5"
+        hx-post="/{{ .RepoInfo.FullName }}/pipelines/{{ .Pipeline.Id }}/retry"
+        hx-swap="none"
+        hx-disabled-elt="this"
+      >
+        {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
+        {{ i "rotate-ccw" "size-4 group-[.htmx-request]:hidden" }}
+        <span>Retry all</span>
+      </button>
+      {{ if .Pipeline.InProgress }}
+      <button
+        class="btn group flex h-9 min-h-9 flex-1 items-center justify-center gap-1.5 px-2 py-2 text-sm leading-5"
+        hx-post="/{{ .RepoInfo.FullName }}/pipelines/{{ .Pipeline.Id }}/cancel"
+        hx-swap="none"
+        hx-disabled-elt="this"
+      >
+        {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
+        {{ i "circle-stop" "size-4 group-[.htmx-request]:hidden" }}
+        <span>Cancel all</span>
+      </button>
+      {{ end }}
+    </div>
+    {{ end }}
+  </div>
+{{ end }}
+
 {{ define "logs" }}
   <div id="log-stream"
        class="text-sm"
        hx-ext="ws"
        ws-connect="/{{ $.RepoInfo.FullName }}/pipelines/{{ .Pipeline.Id }}/workflow/{{ .Workflow }}/logs">
-    <div id="lines" class="flex flex-col gap-2">
-      <div class="text-base text-gray-500 flex items-center justify-center italic p-12 only:flex hidden border border-gray-200 dark:border-gray-700 rounded">
+    <div id="lines" class="flex flex-col gap-3">
+      <div class="hidden items-center justify-center rounded border border-gray-200 p-12 text-base italic text-gray-500 only:flex dark:border-gray-700">
         <span class="flex items-center gap-2">
           {{ i "triangle-alert" "size-4" }} No logs for this workflow
         </span>
diff --git a/appview/pipelines/pipelines.go b/appview/pipelines/pipelines.go
--- a/appview/pipelines/pipelines.go
+++ b/appview/pipelines/pipelines.go
@@ -5,6 +5,7 @@ "bytes"
 	"context"
 	"fmt"
 	"log/slog"
+	"net"
 	"net/http"
 	"sync"
 	"time"
@@ -46,6 +47,7 @@ r.Get("/{pipeline}/workflow/{workflow}", p.Workflow)
 	r.Get("/{pipeline}/workflow/{workflow}/logs", p.Logs)
 	r.Group(func(r chi.Router) {
 		r.Use(mw.RepoPermissionMiddleware("repo:push"))
+		r.Post("/{pipeline}/cancel", p.CancelPipeline)
 		r.Post("/{pipeline}/workflow/{workflow}/cancel", p.CancelWorkflow)
 		r.Post("/{pipeline}/retry", p.RetryPipeline)
 		r.Post("/{pipeline}/workflow/{workflow}/retry", p.RetryWorkflow)
@@ -223,11 +225,23 @@ return
 	}
 
 	p.pages.Workflow(w, pages.WorkflowParams{
-		BaseParams: pages.BaseParamsFromContext(r.Context()),
-		RepoInfo:   p.repoResolver.GetRepoInfo(r, user),
-		Pipeline:   types.Pipeline{CiPipeline: out},
-		Workflow:   workflowName,
+		BaseParams:    pages.BaseParamsFromContext(r.Context()),
+		RepoInfo:      p.repoResolver.GetRepoInfo(r, user),
+		Pipeline:      types.Pipeline{CiPipeline: out},
+		Workflow:      workflowName,
+		SSHLogCommand: p.sshLogCommand(f.RepoDid, out.Commit),
 	})
+}
+
+func (p *Pipelines) sshLogCommand(repoDid, sha string) string {
+	if p.config == nil || !p.config.SSH.Enabled || sha == "" {
+		return ""
+	}
+	_, port, err := net.SplitHostPort(p.config.SSH.ListenAddr)
+	if err != nil || port == "" {
+		return ""
+	}
+	return fmt.Sprintf("ssh -t -p %s %s %s %s", port, p.config.Core.AppviewHost, repoDid, sha)
 }
 
 var upgrader = websocket.Upgrader{
@@ -479,21 +493,40 @@ }
 	}
 }
 
+func (p *Pipelines) CancelPipeline(w http.ResponseWriter, r *http.Request) {
+	p.cancel(w, r, nil)
+}
+
 func (p *Pipelines) CancelWorkflow(w http.ResponseWriter, r *http.Request) {
-	l := p.logger.With("handler", "CancelWorkflow")
+	workflowName := chi.URLParam(r, "workflow")
+	if workflowName == "" {
+		p.logger.With("handler", "CancelWorkflow").Debug("empty workflow name")
+		p.pages.Error404(w)
+		return
+	}
+	p.cancel(w, r, []string{workflowName})
+}
+
+func (p *Pipelines) cancel(w http.ResponseWriter, r *http.Request, workflows []string) {
+	l := p.logger.With("handler", "cancel", "workflows", workflows)
 	errorId := "workflow-error"
+	target := "pipeline"
+	if len(workflows) == 1 {
+		target = "workflow"
+	}
+	fail := "Failed to cancel " + target
 
 	f, err := p.repoResolver.Resolve(r)
 	if err != nil {
 		l.Error("failed to get repo and knot", "err", err)
-		p.pages.Notice(w, errorId, "Failed to cancel workflow")
+		p.pages.Notice(w, errorId, fail)
 		return
 	}
 	l = l.With("repo", f.RepoDid)
 
 	if f.Spindle == "" {
 		l.Debug("spindle is empty")
-		p.pages.Notice(w, errorId, "Failed to cancel workflow")
+		p.pages.Notice(w, errorId, fail)
 		return
 	}
 
@@ -503,20 +536,12 @@ l.Debug("invalid pipeline id", "id", pipelineId)
 		p.pages.Error404(w)
 		return
 	}
-
-	workflowName := chi.URLParam(r, "workflow")
-	if workflowName == "" {
-		l.Debug("empty workflow name")
-		p.pages.Error404(w)
-		return
-	}
-
-	l = l.With("pipeline", pipelineId, "workflow", workflowName)
+	l = l.With("pipeline", pipelineId)
 
 	spindleClient, err := p.oauth.SpindleServiceClient(r, f.Spindle, tangled.CiCancelPipelineNSID)
 	if err != nil {
 		l.Error("failed to prepare spindle client", "err", err)
-		p.pages.Notice(w, errorId, "Failed to cancel workflow")
+		p.pages.Notice(w, errorId, fail)
 		return
 	}
 
@@ -526,14 +551,14 @@ spindleClient,
 		&tangled.CiCancelPipeline_Input{
 			Repo:      f.RepoDid,
 			Pipeline:  pipelineId.String(),
-			Workflows: []string{workflowName},
+			Workflows: workflows,
 		},
 	); err != nil {
-		l.Error("failed to cancel workflow", "err", err)
-		p.pages.Notice(w, errorId, "Failed to cancel workflow")
+		l.Error("failed to cancel pipeline", "err", err)
+		p.pages.Notice(w, errorId, fail)
 		return
 	}
-	l.Debug("canceled workflow")
+	l.Debug("canceled pipeline")
 }
 
 // RetryPipeline retries all workflows in a pipeline
diff --git a/docker-compose.yml b/docker-compose.yml
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -340,8 +340,11 @@ TANGLED_JETSTREAM_ENDPOINT: wss://jetstream.tngl.boltless.dev/subscribe
       TANGLED_REDIS_ADDR: redis:6379
       TANGLED_KNOTMIRROR_URL: https://mirror.tngl.boltless.dev
       TANGLED_CODESEARCH_ZOEKT_URL: https://zoekt.tngl.boltless.dev
+      TANGLED_SSH_ENABLED: "true"
+      TANGLED_SSH_LISTEN_ADDR: "0.0.0.0:3333"
     ports:
       - "3000:3000"
+      - "3333:3333"
     volumes:
       - .:/src:cached
       - go-cache:/go/cache
diff --git a/types/pipeline.go b/types/pipeline.go
--- a/types/pipeline.go
+++ b/types/pipeline.go
@@ -103,6 +103,8 @@ }
 	return t
 }
 
+
+
 type Trigger struct {
 	*tangled.CiPipeline_Trigger
 }

--
tangled.sh