Harden the (*gorm.DB).Scan guard test (closes #232)

The isRowProducer comment now says it matches method names only and
names the evasion that follows: a repo-local Row or QueryRow helper
returning *gorm.DB gets past it. unguardedScans states method values
(f := db.Scan) as out of scope, with the reason. The 40-file floor is
replaced by a check that every directory under cmd and internal was
walked, so skipping a whole package fails the test. The planted
snippets now cover the struct-field receiver and are all valid Go
inside a wrapper that declares the names they use; the Rows snippet
that could not compile is replaced by the variable form the guard
reports. The stale "one caller" sentence is dropped.

Model: opus-5-5

README.md

@@ -1326,16 +1326,15 @@ A browser test in `internal/server` loads the webhook page and the event log
 under the real policy and checks that: both add forms stay hidden until Add is
 clicked; choosing Slack in the add target form leaves the HTTP fields out of
 what it submits, also after leaving the page and going back to it, when the
-browser restores the choice; the Copy button beside an entrypoint URL reads
-"Copied" once clicked; an event expands and collapses, and so do a delivery's
-attempts inside it; and at phone width the menu button opens and closes the
-mobile menu. It also fails if the browser reports a console warning or error,
-an uncaught exception, or anything the policy refused. `make check` and the
-image build lint it but do not run it, and `make test` leaves it out (its file
-is built only with the `browser` build tag). Run it with `make test-browser`
-after changing `templates/` or `static/js/`: that builds `Dockerfile.browser`,
-which runs the test in a digest-pinned headless browser image, so the host
-needs no browser.
+browser restores the choice; an event expands and collapses, and so do a
+delivery's attempts inside it; and at phone width the menu button opens and
+closes the mobile menu. It also fails if the browser reports a console warning
+or error, an uncaught exception, or anything the policy refused. `make check`
+and the image build lint it but do not run it, and `make test` leaves it out
+(its file is built only with the `browser` build tag). Run it with
+`make test-browser` after changing `templates/` or `static/js/`: that builds
+`Dockerfile.browser`, which runs the test in a digest-pinned headless browser
+image, so the host needs no browser.
 
 The package's tarball is committed as `3p/alpinejs-csp-3.14.9.tgz`, byte for
 byte as the npm registry publishes it. It is a dependency, not this repo's build
@@ -3027,7 +3026,7 @@ webhooker/
 │   ├── static.go              # //go:embed directive
 │   ├── css/input.css          # Tailwind input, source for tailwind.css (make css)
 │   ├── css/tailwind.css       # Generated stylesheet the pages load
-│   ├── css/style.css          # Hand-written, loaded after tailwind.css: btn-small, the pointer cursor for input.css's buttons, the webhook list cards' focus outline
+│   ├── css/style.css          # Older hand-written stylesheet, no longer loaded
 │   ├── js/app.js              # Copy-to-clipboard, and the Alpine.js components
 │   └── js/alpine.min.js       # Alpine.js CSP build, extracted from 3p/ by make assets, not committed
 ├── templates/                 # Go HTML templates (base, login, sources, etc.)

internal/database/webhook_db_manager.go

@@ -33,19 +33,6 @@ var errInvalidCachedDBType = errors.New(
 	"invalid cached database type",
 )
 
-// ErrEventDBNotRemoved is in DeleteDB's error when the event
-// database file itself could not be removed: it is still on disk.
-var ErrEventDBNotRemoved = errors.New(
-	"event database file not removed",
-)
-
-// ErrSidecarNotRemoved is in DeleteDB's error when the event
-// database file was removed, so its events are gone, but its -wal
-// or -shm sidecar could not be.
-var ErrSidecarNotRemoved = errors.New(
-	"event database file removed, but a -wal or -shm sidecar was not",
-)
-
 // WebhookDBManager manages per-webhook SQLite database files
 // for event storage. Each webhook gets its own dedicated
 // database containing Events, Deliveries, DeliveryResults and the
@@ -164,10 +151,7 @@ func (m *WebhookDBManager) DBExists(
 }
 
 // DeleteDB closes the connection and deletes the database file
-// for a webhook, with its -wal and -shm sidecars. The files are
-// permanently removed. Each file is tried even when another could
-// not be removed, and the error wraps ErrEventDBNotRemoved or
-// ErrSidecarNotRemoved to say which was left, naming each file.
+// for a webhook. The file is permanently removed.
 func (m *WebhookDBManager) DeleteDB(
 	webhookID string,
 ) error {
@@ -186,23 +170,16 @@ func (m *WebhookDBManager) DeleteDB(
 		}
 	}
 
+	// Delete the main DB file and WAL/SHM files
 	path := m.dbPath(webhookID)
-
-	dbErr := removeFile(path)
-	sidecarErr := errors.Join(
-		removeFile(path+"-wal"),
-		removeFile(path+"-shm"),
-	)
-
-	if dbErr != nil {
-		return fmt.Errorf(
-			"%w: %w",
-			ErrEventDBNotRemoved, errors.Join(dbErr, sidecarErr),
-		)
-	}
-
-	if sidecarErr != nil {
-		return fmt.Errorf("%w: %w", ErrSidecarNotRemoved, sidecarErr)
+	for _, suffix := range []string{"", "-wal", "-shm"} {
+		err := os.Remove(path + suffix)
+		if err != nil && !os.IsNotExist(err) {
+			return fmt.Errorf(
+				"deleting webhook database file %s%s: %w",
+				path, suffix, err,
+			)
+		}
 	}
 
 	m.log.Info(
@@ -213,17 +190,6 @@ func (m *WebhookDBManager) DeleteDB(
 	return nil
 }
 
-// removeFile removes path. A file that is already gone counts as
-// removed; the error from any other failure names the file.
-func removeFile(path string) error {
-	err := os.Remove(path)
-	if errors.Is(err, os.ErrNotExist) {
-		return nil
-	}
-
-	return err
-}
-
 // CloseAll closes all open per-webhook database connections.
 // Called during application shutdown.
 func (m *WebhookDBManager) CloseAll() error {

internal/database/webhook_db_manager_test.go

@@ -182,91 +182,17 @@ func TestWebhookDBManager_DeleteDB(t *testing.T) {
 	}
 	require.NoError(t, db.Create(event).Error)
 
-	// Under WAL, an open database that has been written to has both
-	// sidecars beside it.
-	dbPath := mgr.DBPath(webhookID)
-	require.FileExists(t, dbPath+"-wal")
-	require.FileExists(t, dbPath+"-shm")
-
 	// Delete the DB
 	require.NoError(t, mgr.DeleteDB(webhookID))
 
 	// File should no longer exist
 	assert.False(t, mgr.DBExists(webhookID))
 
-	// Verify the files are actually gone from disk
-	assert.NoFileExists(t, dbPath)
-	assert.NoFileExists(t, dbPath+"-wal")
-	assert.NoFileExists(t, dbPath+"-shm")
-}
-
-// blockRemoval puts a non-empty directory at path, which os.Remove
-// cannot remove whoever runs the test, root included.
-func blockRemoval(t *testing.T, path string) {
-	t.Helper()
-
-	require.NoError(t, os.MkdirAll(filepath.Join(path, "keep"), 0o700))
-}
-
-// TestWebhookDBManager_DeleteDBKeepsDatabaseFile proves that when the
-// event database file cannot be removed, the error says so, and both
-// sidecars are still removed.
-func TestWebhookDBManager_DeleteDBKeepsDatabaseFile(t *testing.T) {
-	t.Parallel()
-
-	mgr, lc := setupTestWebhookDBManager(t)
-	ctx := context.Background()
-	require.NoError(t, lc.Start(ctx))
-
-	defer func() { require.NoError(t, lc.Stop(ctx)) }()
-
-	webhookID := uuid.New().String()
+	// Verify the file is actually gone from disk
 	dbPath := mgr.DBPath(webhookID)
 
-	blockRemoval(t, dbPath)
-	require.NoError(t, os.WriteFile(dbPath+"-wal", nil, 0o600))
-	require.NoError(t, os.WriteFile(dbPath+"-shm", nil, 0o600))
-
-	err := mgr.DeleteDB(webhookID)
-
-	require.ErrorIs(t, err, database.ErrEventDBNotRemoved)
-	require.NotErrorIs(t, err, database.ErrSidecarNotRemoved)
-	assert.Contains(t, err.Error(), dbPath)
-	assert.NoFileExists(t, dbPath+"-wal")
-	assert.NoFileExists(t, dbPath+"-shm")
-}
-
-// TestWebhookDBManager_DeleteDBKeepsSidecar proves that when the
-// event database file is removed but a sidecar is not, the error
-// says the database file is gone, and the other sidecar is still
-// removed.
-func TestWebhookDBManager_DeleteDBKeepsSidecar(t *testing.T) {
-	t.Parallel()
-
-	mgr, lc := setupTestWebhookDBManager(t)
-	ctx := context.Background()
-	require.NoError(t, lc.Start(ctx))
-
-	defer func() { require.NoError(t, lc.Stop(ctx)) }()
-
-	webhookID := uuid.New().String()
-	dbPath := mgr.DBPath(webhookID)
-
-	require.NoError(t, mgr.CreateDB(webhookID))
-	// Closing removes the sidecars, so the ones below are the only
-	// ones there.
-	require.NoError(t, mgr.CloseAll())
-
-	blockRemoval(t, dbPath+"-wal")
-	require.NoError(t, os.WriteFile(dbPath+"-shm", nil, 0o600))
-
-	err := mgr.DeleteDB(webhookID)
-
-	require.ErrorIs(t, err, database.ErrSidecarNotRemoved)
-	require.NotErrorIs(t, err, database.ErrEventDBNotRemoved)
-	assert.Contains(t, err.Error(), dbPath+"-wal")
-	assert.NoFileExists(t, dbPath)
-	assert.NoFileExists(t, dbPath+"-shm")
+	_, err = os.Stat(dbPath)
+	assert.True(t, os.IsNotExist(err))
 }
 
 func TestWebhookDBManager_LazyCreation(t *testing.T) {

internal/gormlog/scan_guard_test.go

@@ -14,16 +14,15 @@ import (
 	"github.com/stretchr/testify/require"
 )
 
-// isRowProducer reports whether name is GORM's Row or database/sql's
-// QueryRow or QueryRowContext, which return a *sql.Row whose Scan is
-// database/sql's and not (*gorm.DB).Scan. GORM's Rows is not listed:
-// it also returns an error, so Scan is never called on its result
-// directly. It matches the method name only and resolves no types, so
-// a repo-local method with one of these names that returns *gorm.DB
-// gets past it: Scan on that method's result is not reported.
+// isRowProducer reports whether name is one of the GORM and
+// database/sql methods that return a row handle, whose Scan is
+// database/sql's and not (*gorm.DB).Scan. It matches the method name
+// only and resolves no types, so a repo-local method with one of these
+// names that returns *gorm.DB gets past it: Scan on that method's
+// result is not reported.
 func isRowProducer(name string) bool {
 	switch name {
-	case "Row", "QueryRow", "QueryRowContext":
+	case "Row", "Rows", "QueryRow", "QueryRowContext":
 		return true
 	default:
 		return false
@@ -204,12 +203,9 @@ func TestGormScanIsNeverCalledOutsideTests(t *testing.T) {
 	root := moduleRoot(t)
 	walked, offenders := walkNonTestGo(t, root)
 
-	// The module's packages are static, templates, and every directory
-	// directly under cmd and internal. Each holds non-test code, so one
-	// the walk parsed nothing in was skipped, and a Scan there would
-	// pass unseen.
-	packages := []string{"static", "templates"}
-
+	// Every directory directly under cmd and internal is a package with
+	// non-test code, so one the walk parsed nothing in was skipped, and
+	// a Scan there would pass unseen.
 	for _, parent := range []string{"cmd", "internal"} {
 		entries, err := os.ReadDir(filepath.Join(root, parent))
 		require.NoError(t, err)
@@ -219,17 +215,14 @@ func TestGormScanIsNeverCalledOutsideTests(t *testing.T) {
 				continue
 			}
 
-			packages = append(packages, filepath.Join(parent, entry.Name()))
+			dir := filepath.Join(parent, entry.Name())
+			require.True(
+				t, walked[dir],
+				"the walk parsed no non-test .go file in %s", dir,
+			)
 		}
 	}
 
-	for _, dir := range packages {
-		require.True(
-			t, walked[dir],
-			"the walk parsed no non-test .go file in %s", dir,
-		)
-	}
-
 	require.Empty(
 		t, offenders,
 		"Scan called on a receiver this check cannot show is a "+
@@ -251,8 +244,8 @@ type scanGuardCase struct {
 }
 
 // scanGuardCases covers each receiver form unguardedScans names, plus
-// each row producer isRowProducer lets through. Each body is valid Go
-// inside plantedFile.
+// the row producers it lets through. Each body is valid Go inside
+// plantedFile.
 func scanGuardCases() []scanGuardCase {
 	return []scanGuardCase{
 		{"local variable", "q := gdb.Raw(\"SELECT 1\")\n\tq.Scan(&v)", 1},
@@ -265,11 +258,6 @@ func scanGuardCases() []scanGuardCase {
 		},
 		{"gorm Row", `gdb.Raw("SELECT 1").Row().Scan(&v)`, 0},
 		{"sql QueryRow", `sqlDB.QueryRow("SELECT 1").Scan(&v)`, 0},
-		{
-			"sql QueryRowContext",
-			`sqlDB.QueryRowContext(ctx, "SELECT 1").Scan(&v)`,
-			0,
-		},
 		{"unrelated call", `gdb.Find(&v)`, 0},
 	}
 }
@@ -280,7 +268,6 @@ func scanGuardCases() []scanGuardCase {
 const plantedFile = `package p
 
 import (
-	"context"
 	"database/sql"
 
 	"gorm.io/gorm"
@@ -288,7 +275,7 @@ import (
 
 type store struct{ db *gorm.DB }
 
-func f(ctx context.Context, gdb *gorm.DB, sqlDB *sql.DB, s store) {
+func f(gdb *gorm.DB, sqlDB *sql.DB, s store) {
 	var v int
 
 	%s

internal/handlers/export_test.go

@@ -36,15 +36,6 @@ const MaxRenderedAttemptsForTest = maxRenderedAttempts
 // the handlers enforce rather than a number copied beside it.
 const MaxTargetRetriesForTest = maxTargetRetries
 
-// EventDBLeftMsgForTest and SidecarLeftMsgForTest expose the two
-// messages the webhook delete handler logs when a file of the event
-// database is left on disk, so a test checking that one is absent
-// checks for the handler's own wording.
-const (
-	EventDBLeftMsgForTest = eventDBLeftMsg
-	SidecarLeftMsgForTest = sidecarLeftMsg
-)
-
 // PageOrFirstForTest exposes pageOrFirst for use in the handlers_test
 // package.
 func PageOrFirstForTest(s string) int {

internal/handlers/source_delete_test.go

@@ -1,10 +1,8 @@
 package handlers_test
 
 import (
-	"bytes"
 	"context"
 	"errors"
-	"log/slog"
 	"net/http"
 	"net/http/httptest"
 	"os"
@@ -468,121 +466,6 @@ func TestHandleSourceDelete_RemovesConfigAndEventDatabase(
 	)
 }
 
-// TestHandleSourceDelete_LeftoverSidecar proves that when the event
-// database file is removed but a sidecar beside it is not, the
-// operator is told the events are gone, never that the event
-// database file is still there.
-func TestHandleSourceDelete_LeftoverSidecar(t *testing.T) {
-	t.Parallel()
-
-	var (
-		h    *handlers.Handlers
-		sess *session.Session
-		db   *database.Database
-		mgr  *database.WebhookDBManager
-	)
-
-	app := newTestApp(t, &h, &sess, &db, &mgr)
-	app.RequireStart()
-
-	t.Cleanup(app.RequireStop)
-
-	logs := new(bytes.Buffer)
-	h.SetLogForTest(slog.New(slog.NewTextHandler(logs, nil)))
-
-	wh := seedWebhook(t, db)
-
-	require.NoError(t, mgr.CreateDB(wh.ID))
-	// Closing removes the sidecars, so the -wal below is the only
-	// one there.
-	require.NoError(t, mgr.CloseAll())
-
-	// A non-empty directory in the -wal file's place, which
-	// os.Remove cannot remove whoever runs the test.
-	eventDBPath := mgr.DBPath(wh.ID)
-	require.NoError(t, os.MkdirAll(
-		filepath.Join(eventDBPath+"-wal", "keep"), 0o700,
-	))
-
-	cookies := authenticatedCookies(
-		t, sess, deleteTestUserID, deleteTestUsername,
-	)
-
-	req := postRequest(
-		"/hook/"+wh.ID+"/delete",
-		cookies,
-		map[string]string{paramSourceID: wh.ID},
-	)
-	w := httptest.NewRecorder()
-
-	h.HandleSourceDelete().ServeHTTP(w, req)
-
-	assert.Equal(t, http.StatusInternalServerError, w.Code)
-	assert.NoFileExists(t, eventDBPath)
-	assert.Contains(t, logs.String(), "its events are gone")
-	assert.Contains(t, logs.String(), eventDBPath+"-wal")
-	assert.NotContains(
-		t, logs.String(), handlers.EventDBLeftMsgForTest,
-		"the events are gone, so the operator must not be told "+
-			"the event database file survived",
-	)
-}
-
-// TestHandleSourceDelete_LeftoverDatabaseFile proves that when the
-// event database file itself cannot be removed, the operator is told
-// it is still on disk, never that its events are gone.
-func TestHandleSourceDelete_LeftoverDatabaseFile(t *testing.T) {
-	t.Parallel()
-
-	var (
-		h    *handlers.Handlers
-		sess *session.Session
-		db   *database.Database
-		mgr  *database.WebhookDBManager
-	)
-
-	app := newTestApp(t, &h, &sess, &db, &mgr)
-	app.RequireStart()
-
-	t.Cleanup(app.RequireStop)
-
-	logs := new(bytes.Buffer)
-	h.SetLogForTest(slog.New(slog.NewTextHandler(logs, nil)))
-
-	wh := seedWebhook(t, db)
-
-	// A non-empty directory in the database file's place, which
-	// os.Remove cannot remove whoever runs the test.
-	eventDBPath := mgr.DBPath(wh.ID)
-	require.NoError(t, os.MkdirAll(
-		filepath.Join(eventDBPath, "keep"), 0o700,
-	))
-
-	cookies := authenticatedCookies(
-		t, sess, deleteTestUserID, deleteTestUsername,
-	)
-
-	req := postRequest(
-		"/hook/"+wh.ID+"/delete",
-		cookies,
-		map[string]string{paramSourceID: wh.ID},
-	)
-	w := httptest.NewRecorder()
-
-	h.HandleSourceDelete().ServeHTTP(w, req)
-
-	assert.Equal(t, http.StatusInternalServerError, w.Code)
-	assert.Contains(
-		t, logs.String(), "event database file is still on disk",
-	)
-	assert.Contains(t, logs.String(), eventDBPath)
-	assert.NotContains(
-		t, logs.String(), handlers.SidecarLeftMsgForTest,
-		"the database file is still on disk, so the operator must "+
-			"not be told its events are gone",
-	)
-}
-
 // TestHandleTargetDelete_EvictsThatTarget proves that deleting a
 // database target releases that target's archive writer and no
 // other: the webhook's other database target keeps its own.

internal/handlers/source_management.go

@@ -723,17 +723,6 @@ func (h *Handlers) HandleSourceDelete() http.HandlerFunc {
 	}
 }
 
-// The messages deleteWebhookResources logs when a file of the event
-// database cannot be removed: the database file itself, or only a
-// sidecar once the database file is gone.
-const (
-	eventDBLeftMsg = "webhook deleted, but its event database file is " +
-		"still on disk; remove it by hand"
-	sidecarLeftMsg = "webhook deleted and its events are gone, but a " +
-		"-wal or -shm sidecar of its event database is " +
-		"still on disk; remove it by hand"
-)
-
 // deleteWebhookResources soft-deletes config and hard-deletes
 // the per-webhook event database.
 func (h *Handlers) deleteWebhookResources(
@@ -773,18 +762,13 @@ func (h *Handlers) deleteWebhookResources(
 	err = h.dbMgr.DeleteDB(webhook.ID)
 	if err != nil {
 		// The configuration is committed, so the webhook is gone,
-		// but a file of its event database is still on disk with
+		// but its event database file is still on disk with
 		// nothing referencing it. Report the failure rather than
 		// redirecting as though everything succeeded: the file
 		// needs removing by hand, and the logged error names it.
-		// When only a sidecar is left, the events are already
-		// gone, and the message must not suggest they survive.
-		msg := eventDBLeftMsg
-		if errors.Is(err, database.ErrSidecarNotRemoved) {
-			msg = sidecarLeftMsg
-		}
-
-		h.serverError(w, r, msg, err)
+		h.serverError(
+			w, r, "failed to delete webhook event database", err,
+		)
 
 		return
 	}

internal/handlers/ui_copy_test.go

@@ -82,9 +82,9 @@ func TestNavbarUsesWebhookTerminology(t *testing.T) {
 	})
 
 	assert.Contains(t, body, "Retention: 14 days")
-	assert.Contains(t, body, `class="btn-secondary">Webhooks</a>`)
+	assert.Contains(t, body, `class="btn-text">Webhooks</a>`)
 	assert.Contains(
-		t, body, `class="btn-secondary w-full">Webhooks</a>`,
+		t, body, `class="btn-text w-full text-left">Webhooks</a>`,
 	)
 	assert.Contains(
 		t, body,
@@ -163,7 +163,7 @@ func TestEventLogPageIsCalledFullEventLog(t *testing.T) {
 	)
 	assert.Contains(
 		t, detailBody,
-		`<a href="/hook/wh-1/events" class="btn-small">Full Event Log</a>`,
+		`<a href="/hook/wh-1/events" class="btn-text text-sm">Full Event Log</a>`,
 		"the link under recent events",
 	)
 
@@ -331,9 +331,8 @@ func TestEntrypointCopyButtonIsProgressiveEnhancement(t *testing.T) {
 	assert.Contains(t, body, "https://hooks.example.com/h/abc123")
 	assert.Contains(
 		t, body,
-		`<button type="button" hidden data-copy-target="entrypoint-url-ep-1"`,
-		"the copy control must be a button, start hidden and be "+
-			"revealed by script",
+		`hidden data-copy-target="entrypoint-url-ep-1"`,
+		"the button must start hidden and be revealed by script",
 	)
 
 	// renderTemplate streams to the ResponseWriter, so an abort

internal/server/alpine_browser_test.go

@@ -17,7 +17,6 @@ import (
 	"testing"
 	"time"
 
-	"github.com/chromedp/cdproto/browser"
 	"github.com/chromedp/cdproto/log"
 	"github.com/chromedp/cdproto/network"
 	"github.com/chromedp/cdproto/runtime"
@@ -44,7 +43,7 @@ const (
 // TestAlpineRunsUnderTheSecurityPolicy loads the webhook page and the
 // event log in a headless browser, served by the real router and so
 // under the real Content-Security-Policy, and checks that the pages'
-// Alpine.js directives and the copy control work.
+// Alpine.js directives work.
 func TestAlpineRunsUnderTheSecurityPolicy(t *testing.T) {
 	t.Parallel()
 
@@ -56,13 +55,6 @@ func TestAlpineRunsUnderTheSecurityPolicy(t *testing.T) {
 
 	userID, _ := env.seedUser(t, "browser", "browser-password")
 	webhook := env.seedWebhook(t, userID)
-	require.NoError(t, env.db.DB().Omit(clause.Associations).Create(
-		&database.Entrypoint{
-			WebhookID: webhook.ID,
-			Path:      "3c9e1f7a-5b2d-4e8a-9f6c-2a7d1e4b8c05",
-			Active:    true,
-		},
-	).Error)
 	event := env.seedEvent(t, webhook.ID, `{"hello":"browser"}`)
 	target := env.seedTarget(t, webhook.ID)
 	dlv := env.seedFailedDelivery(t, webhook.ID, event.ID, target.ID)
@@ -85,7 +77,6 @@ func TestAlpineRunsUnderTheSecurityPolicy(t *testing.T) {
 
 	checkAddForms(ctx, t, page)
 	checkTargetType(ctx, t, page+"/events")
-	checkCopy(ctx, t, page)
 	checkEventLog(ctx, t, page+"/events", event.ID, target.Name)
 	checkMobileMenu(ctx, t, page)
 
@@ -229,8 +220,6 @@ func click(ctx context.Context, t *testing.T, xpath string) {
 
 // checkAddForms loads a webhook page and checks that each section's add
 // form stays hidden until the Add button beside its heading is clicked.
-// The click looks for a button element there, so it also checks that
-// Add is one.
 func checkAddForms(ctx context.Context, t *testing.T, url string) {
 	t.Helper()
 
@@ -338,31 +327,6 @@ func checkTargetType(ctx context.Context, t *testing.T, elsewhere string) {
 	)
 }
 
-// checkCopy loads a webhook page and checks that the Copy control beside
-// its entrypoint's URL is a button, and that clicking it copies the URL
-// and says so: the button reads "Copied" only once the copy succeeded.
-func checkCopy(ctx context.Context, t *testing.T, url string) {
-	t.Helper()
-
-	copyButton := `//button[@data-copy-target]`
-
-	// A browser lets the page in its active tab write to the clipboard
-	// on a click. A headless browser refuses unless told to allow it.
-	require.NoError(t, chromedp.Run(
-		ctx,
-		browser.SetPermission(
-			&browser.PermissionDescriptor{Name: "clipboard-write"},
-			browser.PermissionSettingGranted,
-		),
-		loadPage(url),
-	))
-
-	click(ctx, t, copyButton)
-
-	assert.True(t, shown(ctx, copyButton+`[text()="Copied"]`),
-		`clicking Copy does not show "Copied"`)
-}
-
 // checkEventLog loads the event log and checks that clicking an event's
 // row expands it, that in there clicking its delivery shows the
 // delivery's attempts and clicking again hides them, and that clicking

internal/server/routes_test.go

@@ -1220,12 +1220,12 @@ func TestHook_LinksBetweenPages(t *testing.T) {
 		// mobile menu link.
 		{
 			"/user/navigator/",
-			`href="([^"]+)" class="btn-secondary">Webhooks<`,
+			`href="([^"]+)" class="btn-text">Webhooks<`,
 			list,
 		},
 		{
 			"/user/navigator/",
-			`href="([^"]+)" class="btn-secondary w-full">Webhooks<`,
+			`href="([^"]+)" class="btn-text w-full[^"]*">Webhooks<`,
 			list,
 		},
 		{list, `href="(/hook/[^"]+)"`, page},

static/css/style.css

@@ -1,48 +1 @@
-/*
- * The two shared styles for the controls a user clicks. Every page loads
- * this file after tailwind.css. It is plain CSS: make css does not build
- * it.
- *
- * A button is btn-primary, btn-secondary or btn-danger, from input.css.
- * A secondary or inline action, such as Copy beside an entrypoint URL or
- * Edit beside a target, is btn-small.
- *
- * Each card on the webhook list is a card-elevated link as a whole. It
- * shows an Open label in btn-small and takes btn-small's focus outline.
- *
- * The rules join tailwind.css's components layer, where input.css puts
- * its own, so a utility class on an element still overrides them.
- */
-@layer components {
-    /* input.css gives its buttons no pointer cursor. */
-    .btn-primary,
-    .btn-secondary,
-    .btn-danger {
-        cursor: pointer;
-    }
-
-    .btn-small {
-        display: inline-flex;
-        align-items: center;
-        padding: 0.25rem 0.625rem;
-        border: 1px solid var(--color-gray-300);
-        border-radius: var(--radius-md);
-        background-color: var(--color-white);
-        color: var(--color-primary-700);
-        font-size: var(--text-xs);
-        line-height: 1rem;
-        font-weight: var(--font-weight-medium);
-        cursor: pointer;
-    }
-
-    .btn-small:hover {
-        border-color: var(--color-primary-500);
-        background-color: var(--color-primary-50);
-    }
-
-    .btn-small:focus-visible,
-    .card-elevated:focus-visible {
-        outline: 2px solid var(--color-primary-500);
-        outline-offset: 2px;
-    }
-}
+/* Webhooker custom styles — see input.css for Tailwind theme */

templates/base.html

@@ -22,9 +22,9 @@
 <footer class="bg-gray-100 border-t border-gray-200 shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)] mt-8">
     <div class="max-w-6xl mx-auto px-8 py-6">
         <div class="text-center text-sm text-gray-500 font-mono font-light">
-            <a href="https://git.eeqj.de/sneak/webhooker" class="btn-small">Webhooker</a>
+            <a href="https://git.eeqj.de/sneak/webhooker" class="hover:text-gray-700">Webhooker</a>
             <span class="mx-1">by</span>
-            <a href="https://sneak.berlin" class="btn-small">@sneak</a>
+            <a href="https://sneak.berlin" class="hover:text-gray-700">@sneak</a>
             <span class="mx-3">|</span>
             <span>{{if .Version}}{{.Version}}{{else}}dev{{end}}</span>
         </div>

templates/htmlheader.html

@@ -3,7 +3,6 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>{{block "title" .}}Webhooker{{end}}</title>
 <link rel="stylesheet" href="/s/css/tailwind.css">
-<link rel="stylesheet" href="/s/css/style.css">
 <style>[x-cloak] { display: none !important; }</style>
 {{block "head" .}}{{end}}
 {{end}}

templates/navbar.html

@@ -2,12 +2,12 @@
 <nav class="app-bar" x-data="collapsible">
     <div class="max-w-6xl mx-auto flex justify-between items-center">
         <div class="flex items-center gap-3">
-            <a href="/" class="btn-secondary text-xl">Webhooker</a>
+            <a href="/" class="text-xl font-medium text-gray-900 hover:text-primary-600 transition-colors">Webhooker</a>
         </div>
 
         <!-- Mobile menu button -->
         {{if .User}}
-        <button type="button" @click="toggle" class="btn-secondary md:hidden p-2">
+        <button @click="toggle" class="md:hidden p-2 rounded-md text-gray-500 hover:bg-gray-100">
             <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path x-show="closed" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
                 <path x-show="open" x-cloak stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
@@ -18,9 +18,9 @@
         <!-- Desktop navigation -->
         <div class="hidden md:flex items-center gap-4">
             {{if .User}}
-            <a href="/hooks" class="btn-secondary">Webhooks</a>
-            <a href="/settings" class="btn-secondary">Settings</a>
-            <a href="/user/{{.User.Username}}" class="btn-secondary">
+            <a href="/hooks" class="btn-text">Webhooks</a>
+            <a href="/settings" class="btn-text">Settings</a>
+            <a href="/user/{{.User.Username}}" class="btn-text">
                 <svg class="w-5 h-5 mr-1" fill="currentColor" viewBox="0 0 16 16">
                     <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
                     <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
@@ -32,7 +32,7 @@
             {{if .CSRFToken}}
             <form method="POST" action="/pages/logout" class="inline">
                 <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
-                <button type="submit" class="btn-secondary">Logout</button>
+                <button type="submit" class="btn-text">Logout</button>
             </form>
             {{end}}
             {{end}}
@@ -43,13 +43,13 @@
     <div x-show="open" x-cloak x-transition class="md:hidden mt-4 pt-4 border-t border-gray-200">
         <div class="flex flex-col gap-2">
             {{if .User}}
-            <a href="/hooks" class="btn-secondary w-full">Webhooks</a>
-            <a href="/settings" class="btn-secondary w-full">Settings</a>
-            <a href="/user/{{.User.Username}}" class="btn-secondary w-full">Profile</a>
+            <a href="/hooks" class="btn-text w-full text-left">Webhooks</a>
+            <a href="/settings" class="btn-text w-full text-left">Settings</a>
+            <a href="/user/{{.User.Username}}" class="btn-text w-full text-left">Profile</a>
             {{if .CSRFToken}}
             <form method="POST" action="/pages/logout">
                 <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
-                <button type="submit" class="btn-secondary w-full">Logout</button>
+                <button type="submit" class="btn-text w-full text-left">Logout</button>
             </form>
             {{end}}
             {{end}}

templates/source_detail.html

@@ -9,7 +9,7 @@
      no class this wide. -->
 <div class="mx-auto px-6 py-8" style="max-width: 108rem">
     <div class="mb-6">
-        <a href="/hooks" class="btn-small">&larr; Back to webhooks</a>
+        <a href="/hooks" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to webhooks</a>
         <div class="flex flex-wrap justify-between items-center gap-2 mt-2">
             <div>
                 <h1 class="text-2xl font-medium text-gray-900">{{.Webhook.Name}}</h1>
@@ -35,8 +35,8 @@
         <div class="card" x-data="collapsible">
             <div class="p-4 border-b border-gray-200 flex justify-between items-center">
                 <h2 class="text-lg font-medium text-gray-900">Entrypoints</h2>
-                <button type="button" @click="toggle" class="btn-small">
-                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <button @click="toggle" class="btn-text text-sm">
+                    <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
                     </svg>
                     Add
@@ -55,9 +55,9 @@
             <div class="divide-y divide-gray-100">
                 {{range .Entrypoints}}
                 <div class="p-4">
-                    <div class="flex flex-wrap items-center justify-between gap-2 mb-1">
+                    <div class="flex items-center justify-between mb-1">
                         <span class="text-sm font-medium text-gray-900">{{if .Description}}{{.Description}}{{else}}Entrypoint{{end}}</span>
-                        <div class="flex flex-wrap items-center gap-2">
+                        <div class="flex items-center gap-2">
                             {{if .Active}}
                             <span class="badge-success">Active</span>
                             {{else}}
@@ -65,13 +65,13 @@
                             {{end}}
                             <form method="POST" action="/hook/{{$.Webhook.ID}}/entrypoints/{{.ID}}/toggle" class="inline">
                                 <input type="hidden" name="csrf_token" value="{{$.CSRFToken}}">
-                                <button type="submit" class="btn-small" title="{{if .Active}}Deactivate{{else}}Activate{{end}}">
+                                <button type="submit" class="text-xs text-gray-500 hover:text-primary-600" title="{{if .Active}}Deactivate{{else}}Activate{{end}}">
                                     {{if .Active}}Deactivate{{else}}Activate{{end}}
                                 </button>
                             </form>
                             <form method="POST" action="/hook/{{$.Webhook.ID}}/entrypoints/{{.ID}}/delete" onsubmit="return confirm('Delete this entrypoint?')" class="inline">
                                 <input type="hidden" name="csrf_token" value="{{$.CSRFToken}}">
-                                <button type="submit" class="btn-small text-red-600" title="Delete">Delete</button>
+                                <button type="submit" class="text-xs text-red-500 hover:text-red-700" title="Delete">Delete</button>
                             </form>
                         </div>
                     </div>
@@ -79,7 +79,7 @@
                         <code id="entrypoint-url-{{.ID}}" class="text-xs text-gray-500 break-all block flex-1">{{$.BaseURL}}/h/{{.Path}}</code>
                         <!-- Hidden until app.js reveals it; without the
                              script the URL above stays selectable. -->
-                        <button type="button" hidden data-copy-target="entrypoint-url-{{.ID}}" class="btn-small">Copy</button>
+                        <button type="button" hidden data-copy-target="entrypoint-url-{{.ID}}" class="text-xs text-gray-500 hover:text-primary-600">Copy</button>
                     </div>
                     <!-- The URL above is the entrypoint's credential:
                          anyone holding it can submit events. -->
@@ -94,8 +94,8 @@
         <div class="card" x-data="collapsible">
             <div class="p-4 border-b border-gray-200 flex justify-between items-center">
                 <h2 class="text-lg font-medium text-gray-900">Targets</h2>
-                <button type="button" @click="toggle" class="btn-small">
-                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <button @click="toggle" class="btn-text text-sm">
+                    <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
                     </svg>
                     Add
@@ -148,25 +148,25 @@
             <div class="divide-y divide-gray-100">
                 {{range .Targets}}
                 <div class="p-4">
-                    <div class="flex flex-wrap items-center justify-between gap-2 mb-1">
+                    <div class="flex items-center justify-between mb-1">
                         <span class="text-sm font-medium text-gray-900">{{.Name}}</span>
-                        <div class="flex flex-wrap items-center gap-2">
+                        <div class="flex items-center gap-2">
                             <span class="badge-info">{{.Type}}</span>
                             {{if .Active}}
                             <span class="badge-success">Active</span>
                             {{else}}
                             <span class="badge-error">Inactive</span>
                             {{end}}
-                            <a href="/hook/{{$.Webhook.ID}}/targets/{{.ID}}/edit" class="btn-small" title="Edit">Edit</a>
+                            <a href="/hook/{{$.Webhook.ID}}/targets/{{.ID}}/edit" class="text-xs text-gray-500 hover:text-primary-600" title="Edit">Edit</a>
                             <form method="POST" action="/hook/{{$.Webhook.ID}}/targets/{{.ID}}/toggle" class="inline">
                                 <input type="hidden" name="csrf_token" value="{{$.CSRFToken}}">
-                                <button type="submit" class="btn-small" title="{{if .Active}}Deactivate{{else}}Activate{{end}}">
+                                <button type="submit" class="text-xs text-gray-500 hover:text-primary-600" title="{{if .Active}}Deactivate{{else}}Activate{{end}}">
                                     {{if .Active}}Deactivate{{else}}Activate{{end}}
                                 </button>
                             </form>
                             <form method="POST" action="/hook/{{$.Webhook.ID}}/targets/{{.ID}}/delete" onsubmit="return confirm('Delete this target?')" class="inline">
                                 <input type="hidden" name="csrf_token" value="{{$.CSRFToken}}">
-                                <button type="submit" class="btn-small text-red-600" title="Delete">Delete</button>
+                                <button type="submit" class="text-xs text-red-500 hover:text-red-700" title="Delete">Delete</button>
                             </form>
                         </div>
                     </div>
@@ -188,7 +188,7 @@
     <div class="card mt-6">
         <div class="p-4 border-b border-gray-200 flex justify-between items-center">
             <h2 class="text-lg font-medium text-gray-900">50 Most Recent Events</h2>
-            <a href="/hook/{{.Webhook.ID}}/events" class="btn-small">Full Event Log</a>
+            <a href="/hook/{{.Webhook.ID}}/events" class="btn-text text-sm">Full Event Log</a>
         </div>
         <div class="divide-y divide-gray-100">
             {{range .Events}}

templates/source_edit.html

@@ -5,7 +5,7 @@
 {{define "content"}}
 <div class="max-w-2xl mx-auto px-6 py-8">
     <div class="mb-6">
-        <a href="/hook/{{.Webhook.ID}}" class="btn-small">&larr; Back to {{.Webhook.Name}}</a>
+        <a href="/hook/{{.Webhook.ID}}" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to {{.Webhook.Name}}</a>
         <h1 class="text-2xl font-medium text-gray-900 mt-2">Edit Webhook</h1>
     </div>
 

templates/source_logs.html

@@ -5,7 +5,7 @@
 {{define "content"}}
 <div class="max-w-6xl mx-auto px-6 py-8">
     <div class="mb-6">
-        <a href="/hook/{{.Webhook.ID}}" class="btn-small">&larr; Back to {{.Webhook.Name}}</a>
+        <a href="/hook/{{.Webhook.ID}}" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to {{.Webhook.Name}}</a>
         <div class="flex justify-between items-center mt-2">
             <h1 class="text-2xl font-medium text-gray-900">Full Event Log</h1>
             <span class="text-sm text-gray-500">{{.TotalEvents}} total event{{if ne .TotalEvents 1}}s{{end}}</span>
@@ -16,8 +16,8 @@
         <div class="divide-y divide-gray-100">
             {{range .Events}}
             <div class="p-4" x-data="collapsible">
-                <button type="button" class="btn-small w-full flex flex-wrap justify-between gap-2 text-left" @click="toggle">
-                    <span class="flex flex-wrap items-center gap-3">
+                <div class="flex items-center justify-between cursor-pointer" @click="toggle">
+                    <div class="flex items-center gap-3">
                         <span class="badge-info">{{.Method}}</span>
                         <span class="text-sm font-mono text-gray-700">{{.ID}}</span>
                         <span class="text-sm text-gray-500">{{.ContentType}}</span>
@@ -27,8 +27,8 @@
                         {{if .ResubmitCount}}
                         <span class="text-xs text-gray-500">resubmitted {{.ResubmitCount}} time{{if ne .ResubmitCount 1}}s{{end}}</span>
                         {{end}}
-                    </span>
-                    <span class="flex flex-wrap items-center gap-4">
+                    </div>
+                    <div class="flex items-center gap-4">
                         {{range .Deliveries}}
                         <span class="text-xs {{if eq .Status "delivered"}}text-green-600{{else if eq .Status "failed"}}text-red-600{{else if eq .Status "retrying"}}text-yellow-600{{else}}text-gray-400{{end}}">
                             {{.Target.DisplayName}}: {{.Status}}
@@ -38,8 +38,8 @@
                         <svg class="w-4 h-4 text-gray-400 transition-transform" :class="caretClass" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                         </svg>
-                    </span>
-                </button>
+                    </div>
+                </div>
 
                 <div x-show="open" x-cloak class="mt-3 p-3 bg-gray-50 rounded-md">
                     <div class="mb-3 flex flex-wrap items-center justify-between gap-2">
@@ -50,12 +50,12 @@
                         <form method="POST" action="/hook/{{$.Webhook.ID}}/events/{{.ID}}/resubmit" class="inline">
                             <input type="hidden" name="csrf_token" value="{{$.CSRFToken}}">
                             <input type="hidden" name="page" value="{{$.Page}}">
-                            <button type="submit" class="btn-small" title="Submit this event again as a new event, to every currently active target">Resubmit</button>
+                            <button type="submit" class="text-xs text-primary-600 hover:text-primary-700" title="Submit this event again as a new event, to every currently active target">Resubmit</button>
                         </form>
                     </div>
                     <pre class="text-xs text-gray-700 overflow-x-auto whitespace-pre-wrap break-all">{{.Body}}</pre>
                     {{if .BodyTruncated}}
-                    <p class="mt-2 text-xs text-gray-500">Body truncated for display: showing {{.BodyShownBytes}} of {{.BodyBytes}} bytes. The stored body is unchanged &mdash; <a href="/hook/{{$.Webhook.ID}}/events/{{.ID}}/body" class="btn-small">download the full body</a>.</p>
+                    <p class="mt-2 text-xs text-gray-500">Body truncated for display: showing {{.BodyShownBytes}} of {{.BodyBytes}} bytes. The stored body is unchanged &mdash; <a href="/hook/{{$.Webhook.ID}}/events/{{.ID}}/body" class="text-primary-600 hover:text-primary-700 underline">download the full body</a>.</p>
                     {{end}}
 
                     {{if .Deliveries}}
@@ -64,26 +64,24 @@
                         <div class="mt-2 divide-y divide-gray-200">
                             {{range .Deliveries}}
                             <div class="py-2" x-data="collapsible">
-                                <div class="flex items-center gap-3">
-                                    <button type="button" class="btn-small flex-1 flex-wrap justify-between gap-2 text-left" @click="toggle">
-                                        <span class="flex flex-wrap items-center gap-3">
-                                            <span class="text-sm text-gray-700">{{.Target.DisplayName}}</span>
-                                            <span class="text-xs {{if eq .Status "delivered"}}text-green-600{{else if eq .Status "failed"}}text-red-600{{else if eq .Status "retrying"}}text-yellow-600{{else}}text-gray-400{{end}}">{{.Status}}</span>
-                                        </span>
-                                        <span class="flex flex-wrap items-center gap-3">
-                                            <span class="text-xs text-gray-400">{{.AttemptCount}} attempt{{if ne .AttemptCount 1}}s{{end}}</span>
-                                            <svg class="w-3 h-3 text-gray-400 transition-transform" :class="caretClass" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
-                                            </svg>
-                                        </span>
-                                    </button>
-                                    {{if .Status.Terminal}}
-                                    <form method="POST" action="/hook/{{$.Webhook.ID}}/deliveries/{{.ID}}/replay" class="inline">
-                                        <input type="hidden" name="csrf_token" value="{{$.CSRFToken}}">
-                                        <input type="hidden" name="page" value="{{$.Page}}">
-                                        <button type="submit" class="btn-small" title="Send this event to the target again">Replay</button>
-                                    </form>
-                                    {{end}}
+                                <div class="flex items-center justify-between cursor-pointer" @click="toggle">
+                                    <div class="flex items-center gap-3">
+                                        <span class="text-sm text-gray-700">{{.Target.DisplayName}}</span>
+                                        <span class="text-xs {{if eq .Status "delivered"}}text-green-600{{else if eq .Status "failed"}}text-red-600{{else if eq .Status "retrying"}}text-yellow-600{{else}}text-gray-400{{end}}">{{.Status}}</span>
+                                    </div>
+                                    <div class="flex items-center gap-3">
+                                        {{if .Status.Terminal}}
+                                        <form method="POST" action="/hook/{{$.Webhook.ID}}/deliveries/{{.ID}}/replay" class="inline" @click.stop>
+                                            <input type="hidden" name="csrf_token" value="{{$.CSRFToken}}">
+                                            <input type="hidden" name="page" value="{{$.Page}}">
+                                            <button type="submit" class="text-xs text-primary-600 hover:text-primary-700" title="Send this event to the target again">Replay</button>
+                                        </form>
+                                        {{end}}
+                                        <span class="text-xs text-gray-400">{{.AttemptCount}} attempt{{if ne .AttemptCount 1}}s{{end}}</span>
+                                        <svg class="w-3 h-3 text-gray-400 transition-transform" :class="caretClass" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+                                        </svg>
+                                    </div>
                                 </div>
 
                                 <div x-show="open" x-cloak class="mt-2 space-y-2">

templates/sources_list.html

@@ -25,12 +25,7 @@
                     <p class="text-sm text-gray-500 mt-1">{{.Description}}</p>
                     {{end}}
                 </div>
-                <div class="flex flex-wrap items-center gap-2">
-                    <span class="badge-info">Retention: {{.RetentionLabel}}</span>
-                    <!-- A label, not a control of its own: the whole card
-                         is the link. -->
-                    <span class="btn-small">Open &rarr;</span>
-                </div>
+                <span class="badge-info">Retention: {{.RetentionLabel}}</span>
             </div>
             <div class="flex flex-wrap gap-6 mt-4 text-sm text-gray-500">
                 <span>{{.EntrypointCount}} entrypoint{{if ne .EntrypointCount 1}}s{{end}}{{if .InactiveEntrypointCount}}, {{.InactiveEntrypointCount}} inactive{{end}}</span>

templates/sources_new.html

@@ -5,7 +5,7 @@
 {{define "content"}}
 <div class="max-w-2xl mx-auto px-6 py-8">
     <div class="mb-6">
-        <a href="/hooks" class="btn-small">&larr; Back to webhooks</a>
+        <a href="/hooks" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to webhooks</a>
         <h1 class="text-2xl font-medium text-gray-900 mt-2">Create Webhook</h1>
     </div>
 

templates/target_edit.html

@@ -5,7 +5,7 @@
 {{define "content"}}
 <div class="max-w-2xl mx-auto px-6 py-8">
     <div class="mb-6">
-        <a href="/hook/{{.Webhook.ID}}" class="btn-small">&larr; Back to {{.Webhook.Name}}</a>
+        <a href="/hook/{{.Webhook.ID}}" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to {{.Webhook.Name}}</a>
         <h1 class="text-2xl font-medium text-gray-900 mt-2">Edit Target</h1>
         <p class="text-sm text-gray-500 mt-1">Type: {{.Target.Type}}. A target's type cannot be changed; create a new target to deliver a different way.</p>
     </div>