diff --git a/frontend/src/lib/components/home/RunnableActivityCells.svelte b/frontend/src/lib/components/home/RunnableActivityCells.svelte index b7ab0d9cba..30e85638f1 100644 --- a/frontend/src/lib/components/home/RunnableActivityCells.svelte +++ b/frontend/src/lib/components/home/RunnableActivityCells.svelte @@ -9,6 +9,7 @@ import { ExternalLink } from 'lucide-svelte' import { Button } from '$lib/components/common' import { workspaceStore } from '$lib/stores' + import { goto } from '$lib/navigation' import { getHomeActivity, type ActivityKind } from './homeActivity.svelte' interface Props { @@ -93,10 +94,17 @@ {#if lastRun} - + { + if (e.key === 'Enter') goto(`/runs/${path}?workspace=${$workspaceStore}`) + }} > diff --git a/frontend/src/lib/components/home/TreeView.svelte b/frontend/src/lib/components/home/TreeView.svelte index f195a34c89..cf9bfcb869 100644 --- a/frontend/src/lib/components/home/TreeView.svelte +++ b/frontend/src/lib/components/home/TreeView.svelte @@ -73,7 +73,7 @@ leaf }: Props = $props() - // The home table draws no separators between its rows. + // The home table's rows carry its faint separator and a hover shade instead. const separator = isHomeTable() ? `pl-5 hover:bg-surface-hover ${HOME_TABLE_ROW_SEPARATOR}` : 'border-b' diff --git a/frontend/src/lib/components/home/homeTable.ts b/frontend/src/lib/components/home/homeTable.ts index 443a693090..1febf63e9a 100644 --- a/frontend/src/lib/components/home/homeTable.ts +++ b/frontend/src/lib/components/home/homeTable.ts @@ -3,8 +3,8 @@ import { getContext, setContext } from 'svelte' /** * Column template shared by the home table's header and every row, so the * columns line up across separately rendered rows (the tree nests them): - * select · name · badges · last run · triggers · last edited · actions. Below `lg` the labels, - * triggers and runs cells are hidden, and the template drops them too. + * select · name · badges · last run · triggers · last edited · actions. Below `lg` only + * select, name and actions remain, and the template drops the other columns. */ export const HOME_TABLE_GRID = 'grid items-center gap-x-5 grid-cols-[1rem_minmax(0,1fr)_var(--home-actions-w,6.5rem)] lg:grid-cols-[1rem_minmax(0,3fr)_minmax(0,1fr)_6rem_13rem_5rem_var(--home-actions-w,6.5rem)]'