diff --git a/app/src/client/components/ToolCards.tsx b/app/src/client/components/ToolCards.tsx index e738d97..eddbcbe 100644 --- a/app/src/client/components/ToolCards.tsx +++ b/app/src/client/components/ToolCards.tsx @@ -52,8 +52,16 @@ export function ToolRender({ view }: { view: ToolView }) { const schedule = extractSchedule(view.data); if (schedule) { + const junction = PI_APPS.find((a) => a.key === "junction")!; return ( - + {schedule.title && (

{schedule.title} @@ -153,10 +161,12 @@ function shortError(text: string | null): string { function ToolCard({ view, label, + link, children, }: { view: ToolView; label: string; + link?: { href: string; label: string }; children: React.ReactNode; }) { return ( @@ -165,6 +175,16 @@ function ToolCard({ {label} + {link && ( + + {link.label} + + )} {view.base}

{children}
diff --git a/app/src/client/styles.css b/app/src/client/styles.css index ef5b148..ec9b195 100644 --- a/app/src/client/styles.css +++ b/app/src/client/styles.css @@ -544,6 +544,16 @@ textarea { object-fit: contain; flex-shrink: 0; } +.tool-card .card-head .card-link { + color: var(--pi-deep); + font-weight: 600; + font-size: 12px; + text-decoration: none; + white-space: nowrap; +} +.tool-card .card-head .card-link:hover { + text-decoration: underline; +} .tool-card .card-head .tname { font-family: var(--mono); font-size: 12px;