fix(web): wrap owner review technical labels
All checks were successful
CD Pipeline / tests (push) Successful in 1m22s
Code Review / ai-code-review (push) Successful in 13s
CD Pipeline / build-and-deploy (push) Successful in 3m30s
CD Pipeline / post-deploy-checks (push) Successful in 2m4s

This commit is contained in:
Your Name
2026-06-03 11:01:02 +08:00
parent cc5dc2f62c
commit 061232c931

View File

@@ -2742,7 +2742,7 @@ function ProductionClaimBanner({
</div>
</div>
</div>
<div className="grid min-w-[280px] gap-2 text-right font-mono text-xs text-[#5f5b52] sm:grid-cols-3">
<div className="grid w-full min-w-0 gap-2 text-left font-mono text-xs text-[#5f5b52] sm:min-w-[280px] sm:grid-cols-3 sm:text-right">
<span>{hasSummary ? t("verified", { count: summary.verified_auto_repair_total }) : t("verifiedUnknown")}</span>
<span>{hasSummary ? t("evaluated", { count: summary.evaluated_total }) : t("evaluatedUnknown")}</span>
<span>{hasSummary ? t("gateFailures", { count: gateFailures }) : t("gateFailuresUnknown")}</span>
@@ -4937,7 +4937,7 @@ function KnowledgeGovernancePanel({
return (
<article
key={item.dispatch_id}
className="border border-[#e0ddd4] bg-[#faf9f3] px-3 py-2 text-[11px] leading-5 text-[#5f5b52]"
className="min-w-0 break-words border border-[#e0ddd4] bg-[#faf9f3] px-3 py-2 text-[11px] leading-5 text-[#5f5b52]"
>
<div className="flex items-start justify-between gap-3">
<div className="min-w-0">
@@ -4952,13 +4952,13 @@ function KnowledgeGovernancePanel({
{item.priority_tier}
</span>
</div>
<p className="mt-2">
<p className="mt-2 break-words">
{t("staleCandidates.completionQueue.state", {
readiness: t(`staleCandidates.completionQueue.readiness.${readinessKey}` as never),
stage: t(`stages.${governanceKmStageKey(item.workflow_stage)}` as never),
})}
</p>
<p>
<p className="break-words">
{t("staleCandidates.completionQueue.next", {
action: item.next_action,
outcome: t(`staleCandidates.completeActions.outcomes.${item.recommended_completion_outcome}` as never),
@@ -5051,7 +5051,7 @@ function KnowledgeGovernancePanel({
return (
<article
key={item.dispatch_id}
className="min-w-0 border border-[#e0ddd4] bg-[#faf9f3] px-3 py-2 text-[11px] leading-5 text-[#5f5b52]"
className="min-w-0 break-words border border-[#e0ddd4] bg-[#faf9f3] px-3 py-2 text-[11px] leading-5 text-[#5f5b52]"
>
<div className="flex items-start justify-between gap-3">
<div className="min-w-0">
@@ -5067,14 +5067,14 @@ function KnowledgeGovernancePanel({
</span>
</div>
<div className="mt-2 grid gap-1">
<p>
<p className="break-words">
{t("staleCandidates.ownerReviewInbox.meta", {
days: item.stale_days,
score: item.priority_score,
views: item.view_count,
})}
</p>
<p>
<p className="break-words">
{t("staleCandidates.ownerReviewInbox.state", {
status: t(`statuses.${governanceKmDispatchStatusKey(item.dispatch_status)}` as never),
stage: t(`stages.${governanceKmStageKey(item.workflow_stage)}` as never),
@@ -5130,7 +5130,7 @@ function KnowledgeGovernancePanel({
return (
<article
key={candidate.entry_id}
className="min-w-0 border border-[#e0ddd4] bg-white px-3 py-2 text-xs text-[#5f5b52]"
className="min-w-0 break-words border border-[#e0ddd4] bg-white px-3 py-2 text-xs text-[#5f5b52]"
>
<div className="flex items-start justify-between gap-3">
<div className="min-w-0">
@@ -5146,7 +5146,7 @@ function KnowledgeGovernancePanel({
</span>
</div>
<div className="mt-2 grid gap-1 leading-5">
<p>
<p className="break-words">
{t("staleCandidates.meta", {
days: candidate.stale_days,
score: candidate.priority_score,
@@ -5179,7 +5179,7 @@ function KnowledgeGovernancePanel({
})}
</p>
{queuedDispatchId ? (
<p>
<p className="break-words">
{t("staleCandidates.ownerReviewState", {
status: t(`statuses.${persistedReviewStatusKey}` as never),
stage: t(`stages.${persistedReviewStageKey}` as never),