fix(awooop): reduce work items text density
Some checks failed
CD Pipeline / workflow-shape (push) Successful in 0s
CD Pipeline / cancel-stale-cd (push) Has been skipped
CD Pipeline / tests (push) Successful in 2m25s
CD Pipeline / post-deploy-checks (push) Has been cancelled
CD Pipeline / build-and-deploy (push) Has been cancelled

This commit is contained in:
Your Name
2026-07-03 15:01:31 +08:00
parent b3b3eb08a2
commit d84a92576c

View File

@@ -3092,9 +3092,6 @@ function KnowledgeOwnerReviewSingleItemRail({
<p className="break-words font-semibold text-[#141413]">
{t("staleCandidates.singleItemRail.title")}
</p>
<p className="mt-1 break-words text-[#77736a]">
{t("staleCandidates.singleItemRail.subtitle")}
</p>
</div>
<div className="flex min-w-0 flex-wrap gap-1 font-mono leading-5">
<span className="max-w-full break-words border border-[#d8d3c7] bg-[#faf9f3] px-2 py-0.5">
@@ -3127,9 +3124,6 @@ function KnowledgeOwnerReviewSingleItemRail({
<p className="mt-2 text-[10px] font-semibold uppercase tracking-[0.08em] text-[#77736a]">
{t(`staleCandidates.singleItemRail.step.${step.key}` as never)}
</p>
<p className="mt-1 break-words text-[11px] text-[#5f5b52] sm:line-clamp-2">
{step.detail}
</p>
</div>
);
})}
@@ -4254,9 +4248,6 @@ function OperatorSopRail({
<h3 className="mt-1 text-lg font-semibold tracking-normal text-[#141413]">
{t("title")}
</h3>
<p className="mt-2 max-w-3xl text-sm leading-6 text-[#5f5b52]">
{t("subtitle")}
</p>
</div>
</div>
@@ -4269,9 +4260,6 @@ function OperatorSopRail({
<p className="mt-1 text-sm font-semibold text-[#141413]">
{t(`conclusion.${conclusionKey}.title` as never)}
</p>
<p className="mt-1 text-xs leading-5 text-[#5f5b52]">
{t(`conclusion.${conclusionKey}.detail` as never)}
</p>
</div>
<div className="grid w-full min-w-0 grid-cols-2 gap-px bg-[#e0ddd4] text-right sm:w-auto sm:min-w-[156px]">
<div className="bg-white px-2 py-1.5">
@@ -4320,9 +4308,6 @@ function OperatorSopRail({
<p className="mt-1 font-mono text-lg font-semibold text-[#141413]">
{loading ? "--" : formatCount(stage.value)}
</p>
<p className="mt-1 text-[11px] leading-5 text-[#5f5b52]">
{t(`flow.${stage.key}.detail` as never)}
</p>
<span
className={cn(
"mt-2 inline-flex border px-1.5 py-0.5 text-[10px] font-semibold",
@@ -4359,9 +4344,6 @@ function OperatorSopRail({
</div>
<Icon className="h-4 w-4 shrink-0 text-[#d97757]" aria-hidden="true" />
</div>
<p className="mt-2 text-xs leading-5 text-[#5f5b52]">
{t(`cards.${card.key}.detail` as never, card.values as never)}
</p>
<Link
href={card.href}
className="mt-3 inline-flex w-fit items-center gap-1.5 border border-[#d8d3c7] bg-[#faf9f3] px-2.5 py-1 text-xs font-semibold text-[#141413] hover:border-[#d97757]"
@@ -4427,9 +4409,6 @@ function AutomationBlockerMapPanel({
<h3 className="mt-1 text-lg font-semibold tracking-normal text-[#141413]">
{t("title")}
</h3>
<p className="mt-2 max-w-3xl text-sm leading-6 text-[#5f5b52]">
{t("subtitle")}
</p>
</div>
</div>
@@ -4520,9 +4499,6 @@ function AutomationBlockerMapPanel({
{t(`tones.${lane.tone}` as never)}
</span>
</div>
<p className="mt-1 text-xs leading-5 text-[#5f5b52]">
{t(`lanes.${lane.key}.detail` as never)}
</p>
<div className="mt-2 min-w-0 break-all font-mono text-[11px] leading-4 text-[#77736a]">
{lane.primaryRef}
</div>
@@ -4618,9 +4594,6 @@ function AutomationAssetLedgerPanel({
<h3 className="mt-1 text-lg font-semibold tracking-normal text-[#141413]">
{t("title")}
</h3>
<p className="mt-2 max-w-3xl text-sm leading-6 text-[#5f5b52]">
{t("subtitle")}
</p>
</div>
</div>
@@ -4675,9 +4648,6 @@ function AutomationAssetLedgerPanel({
<p className="mt-1 font-mono text-lg font-semibold text-[#141413]">
{loading ? "--" : formatCount(node.value)}
</p>
<p className="mt-1 text-[11px] leading-5 text-[#5f5b52]">
{t(`flow.${node.key}.detail` as never)}
</p>
</div>
))}
</div>
@@ -4696,9 +4666,6 @@ function AutomationAssetLedgerPanel({
<p className="text-xs font-semibold text-[#141413]">
{t(`items.${item.key}.title` as never)}
</p>
<p className="mt-1 text-[11px] leading-5 text-[#5f5b52]">
{t(`items.${item.key}.detail` as never)}
</p>
</div>
<Icon className="h-4 w-4 shrink-0 text-[#d97757]" aria-hidden="true" />
</div>
@@ -4790,9 +4757,6 @@ function ReportSourceGapOwnerReviewPanel({
<h3 className="mt-1 text-lg font-semibold tracking-normal text-[#141413]">
{t("title")}
</h3>
<p className="mt-2 max-w-3xl text-sm leading-6 text-[#5f5b52]">
{t("subtitle")}
</p>
</div>
</div>
@@ -5061,9 +5025,6 @@ function RepairCandidateDraftPanel({
<h3 className="mt-1 text-lg font-semibold tracking-normal text-[#141413]">
{t("title")}
</h3>
<p className="mt-2 max-w-3xl text-sm leading-6 text-[#5f5b52]">
{t("subtitle")}
</p>
</div>
</div>
<span className="shrink-0 break-all border border-[#d9b36f] bg-[#fff7e8] px-2 py-1 font-mono text-xs font-semibold text-[#8a5a08]">
@@ -5091,9 +5052,6 @@ function RepairCandidateDraftPanel({
<p className="mt-1 text-xs font-semibold text-[#141413]">
{t(`flow.${step}.title` as never)}
</p>
<p className="mt-1 text-[11px] leading-5 text-[#5f5b52]">
{t(`flow.${step}.detail` as never)}
</p>
</div>
))}
</div>
@@ -5104,9 +5062,6 @@ function RepairCandidateDraftPanel({
<ShieldCheck className="h-4 w-4 text-brand-accent" aria-hidden="true" />
<div>
<h4 className="text-sm font-semibold text-[#141413]">{t("promotion.title")}</h4>
<p className="mt-1 text-[11px] leading-4 text-[#77736a]">
{t("promotion.subtitle")}
</p>
</div>
</div>
<span className="border border-[#d9b36f] bg-[#fff7e8] px-2 py-1 font-mono text-xs font-semibold text-[#8a5a08]">
@@ -5199,9 +5154,6 @@ function RepairCandidateDraftPanel({
<div className="flex flex-wrap items-start justify-between gap-2">
<div>
<p className="text-xs font-semibold text-[#1f5b9b]">{t("promotion.closure.title")}</p>
<p className="mt-1 text-[11px] leading-5 text-[#475569]">
{t("promotion.closure.subtitle")}
</p>
</div>
<span className="border border-[#9bb6d9] bg-white px-2 py-0.5 font-mono text-[10px] font-semibold text-[#1f5b9b]">
{controlledClosure.runtime_write_gate ?? "--"}
@@ -5739,13 +5691,6 @@ function Adr100RemediationQueuePanel({
<ListChecks className="h-4 w-4 text-brand-accent" aria-hidden="true" />
<div className="min-w-0">
<h3 className="text-sm font-semibold text-[#141413]">{t("title")}</h3>
<p className="mt-1 text-xs leading-5 text-[#77736a]">
{t("subtitle", {
total: queue?.total ?? 0,
ready: queue?.ready_for_ai ?? 0,
human: queue?.needs_human ?? 0,
})}
</p>
</div>
</div>
<Link
@@ -7163,9 +7108,6 @@ function KnowledgeGovernancePanel({
{t("staleCandidates.operationRail.title")}
</p>
</div>
<p className="mt-1 text-[11px] leading-5 text-[#77736a]">
{t("staleCandidates.operationRail.subtitle")}
</p>
</div>
<div className="grid grid-cols-2 gap-1 font-mono text-[11px] text-[#5f5b52] sm:grid-cols-4">
{[
@@ -7273,9 +7215,6 @@ function KnowledgeGovernancePanel({
<p className="font-semibold text-[#141413]">
{t("staleCandidates.batchActions.title")}
</p>
<p className="mt-1 text-[11px] leading-5 text-[#77736a]">
{t("staleCandidates.batchActions.subtitle")}
</p>
</div>
<div className="flex flex-wrap items-center gap-2">
<button
@@ -7384,9 +7323,6 @@ function KnowledgeGovernancePanel({
<p className="font-semibold text-[#141413]">
{t("staleCandidates.burnDown.title")}
</p>
<p className="mt-1 text-[11px] leading-5 text-[#77736a]">
{t("staleCandidates.burnDown.subtitle")}
</p>
</div>
</div>
<div className="flex flex-wrap gap-2 font-mono text-[11px] text-[#5f5b52]">
@@ -7535,9 +7471,6 @@ function KnowledgeGovernancePanel({
<p className="font-semibold text-[#141413]">
{t("staleCandidates.completionQueue.title")}
</p>
<p className="mt-1 text-[11px] leading-5 text-[#77736a]">
{t("staleCandidates.completionQueue.subtitle")}
</p>
</div>
</div>
<div className="flex flex-wrap gap-2 font-mono text-[11px] text-[#5f5b52]">
@@ -7751,9 +7684,6 @@ function KnowledgeGovernancePanel({
<p className="font-semibold text-[#141413]">
{t("staleCandidates.ownerReviewInbox.title")}
</p>
<p className="mt-1 text-[11px] leading-5 text-[#77736a]">
{t("staleCandidates.ownerReviewInbox.subtitle")}
</p>
</div>
</div>
<div className="flex flex-wrap gap-2 font-mono text-[11px] text-[#5f5b52]">
@@ -8903,9 +8833,6 @@ function AiLoopLogSourceTagsPanel({
</h3>
</div>
</div>
<p className="mt-3 text-xs leading-5 text-[#77736a]">
{t("subtitle")}
</p>
<div className="mt-4 grid gap-3 md:grid-cols-2 xl:grid-cols-4">
{visualCards.map((card) => {
const Icon = card.icon;
@@ -9003,9 +8930,6 @@ function AiLoopLogSourceTagsPanel({
{t("nodeReceipts.title")}
</h4>
</div>
<p className="mt-1 max-w-3xl text-xs leading-5 text-[#77736a]">
{t("nodeReceipts.subtitle")}
</p>
</div>
<div className="min-w-0 border border-[#cbd7bf] bg-[#f4faef] px-3 py-2 text-right text-[#3d6b24]">
<div className="text-[11px] font-semibold">
@@ -10308,9 +10232,6 @@ function StockPlatformP0ReceiptPanel({
<h3 className="mt-1 text-base font-semibold tracking-normal text-[#141413]">
{t("title")}
</h3>
<p className="sr-only">
{t("subtitle")}
</p>
</div>
</div>
<span
@@ -10535,9 +10456,6 @@ function CommanderInsertedRequirementsPanel({
<h3 className="mt-1 text-base font-semibold tracking-normal text-[#141413]">
{t("title")}
</h3>
<p className="mt-2 max-w-3xl text-xs leading-5 text-[#77736a]">
{t("subtitle")}
</p>
</div>
</div>
<div className="border border-[#d8d3c7] bg-[#faf9f3] px-3 py-2 text-right">
@@ -10776,9 +10694,6 @@ function AwoooPWorkItemsWorkspaceSwitcher({
<h3 className="mt-2 text-lg font-semibold tracking-normal text-[#141413]">
{t("title")}
</h3>
<p className="mt-2 max-w-2xl text-xs leading-5 text-[#77736a]">
{t("subtitle")}
</p>
</div>
<div
role="tablist"
@@ -11139,9 +11054,6 @@ export default function AwoooPWorkItemsPage() {
<h2 className="text-lg font-semibold tracking-normal text-[#141413]">
{t("title")}
</h2>
<p className="mt-1 text-xs leading-5 text-[#77736a]">
{t("subtitle", { count: workItems.length })}
</p>
</div>
</div>
<div className="flex flex-wrap items-center gap-3">