feat: Add type-check script and enhance UI for better text handling

This commit is contained in:
2026-06-27 12:46:15 -07:00
parent 3997682ab0
commit a3a862b63f
10 changed files with 121 additions and 37 deletions

View File

@@ -114,7 +114,7 @@ export function ProgramDetailPage() {
{servedAt && (
<>
<span className="text-[var(--muted)]">Reachable at</span>
<a href={servedAt} className="font-mono text-[var(--primary)] hover:underline">
<a href={servedAt} className="font-mono break-all text-[var(--primary)] hover:underline">
{servedAt} <span className="text-[var(--muted)]">· served (static)</span>
</a>
</>

View File

@@ -48,14 +48,14 @@ export function ScheduledDetailPage() {
</h2>
<div className="grid grid-cols-2 gap-x-6 gap-y-2 text-sm">
<span className="text-[var(--muted)]">Cron</span>
<span className="flex items-center gap-2 font-mono">
<Clock size={14} className="text-[var(--muted)]" />
<span className="flex items-center gap-2 min-w-0 break-all font-mono">
<Clock size={14} className="shrink-0 text-[var(--muted)]" />
{deployment.schedule}
</span>
{deployment.systemd && (
<>
<span className="text-[var(--muted)]">Timer unit</span>
<span className="font-mono">
<span className="font-mono break-all">
{deployment.systemd.unit_name.replace(".service", ".timer")}
</span>
</>

View File

@@ -65,7 +65,7 @@ export function ServiceDetailPage() {
{deployment.health_path && (
<>
<span className="text-[var(--muted)]">Health</span>
<span className="font-mono">{deployment.health_path}</span>
<span className="font-mono break-all">{deployment.health_path}</span>
</>
)}
{deployment.proxy_path && (
@@ -73,25 +73,25 @@ export function ServiceDetailPage() {
<span className="text-[var(--muted)]">Proxy</span>
<a
href={deployment.proxy_path + "/"}
className="flex items-center gap-1 text-[var(--primary)] hover:underline font-mono"
className="flex items-center gap-1 min-w-0 break-all text-[var(--primary)] hover:underline font-mono"
>
<ExternalLink size={12} />{deployment.proxy_path}
<ExternalLink size={12} className="shrink-0" />{deployment.proxy_path}
</a>
</>
)}
{deployment.proxy_host && (
<>
<span className="text-[var(--muted)]">Host</span>
<span className="font-mono">{deployment.proxy_host}</span>
<span className="font-mono break-all">{deployment.proxy_host}</span>
</>
)}
{deployment.runner && (
<>
<span className="text-[var(--muted)]">Runs</span>
<span className="flex items-center gap-1">
<Terminal size={12} />
<span className="flex items-center gap-1 min-w-0">
<Terminal size={12} className="shrink-0" />
{runnerLabel(deployment.runner)}
{deployment.run_target && <> &middot; <span className="font-mono">{deployment.run_target}</span></>}
{deployment.run_target && <> &middot; <span className="font-mono break-all">{deployment.run_target}</span></>}
</span>
</>
)}