wooo/awoooi
1
1
Fork 0
Code Issues 2 Pull Requests 1 Actions 4 Packages Projects Releases Wiki Activity

fix(web): wrap work items governance cards
All checks were successful
CD Pipeline / tests (push) Successful in 1m29s
Details
Code Review / ai-code-review (push) Successful in 13s
Details
CD Pipeline / build-and-deploy (push) Successful in 3m51s
Details
CD Pipeline / post-deploy-checks (push) Successful in 1m36s
Details

Browse Source
This commit is contained in:
Your Name
2026-06-03 11:40:42 +08:00
parent d7488fa72a
commit f1ef7ec3e2
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
apps/web/src/app/[locale]/awooop/work-items/page.tsx
View File

@@ -4334,52 +4334,52 @@ function KnowledgeGovernancePanel({
const duplicateCount = dedupeGroup?.duplicate_count ?? draftGroup?.duplicateCount ?? 0;
return (
<article key={item.id} className="bg-white px-4 py-3">
<div className="flex items-start justify-between gap-3">
<article key={item.id} className="min-w-0 break-words bg-white px-4 py-3">
<div className="flex min-w-0 flex-wrap items-start justify-between gap-3">
<div className="min-w-0">
<p className="truncate font-mono text-xs font-semibold text-[#141413]">
<p className="break-all font-mono text-xs font-semibold text-[#141413]">
{item.governance_event_id}
</p>
<p className="mt-1 truncate text-xs text-[#77736a]">
<p className="mt-1 break-words text-xs text-[#77736a]">
{item.executor_type ?? "--"} / {item.decision_path ?? "--"}
</p>
</div>
<span className="shrink-0 border border-[#d9b36f] bg-[#fff7e8] px-2 py-0.5 text-xs font-semibold text-[#8a5a08]">
<span className="max-w-full break-words border border-[#d9b36f] bg-[#fff7e8] px-2 py-0.5 text-xs font-semibold text-[#8a5a08]">
{t(`statuses.${statusKey}` as never)}
</span>
</div>
<div className="mt-3 grid gap-1 text-xs leading-5 text-[#5f5b52]">
<p>
<div className="mt-3 grid min-w-0 gap-1 text-xs leading-5 text-[#5f5b52]">
<p className="break-words">
{t("stage", {
stage: t(`stages.${stageKey}` as never),
})}
</p>
<p>{t("next", { action: item.next_action ?? item.proposed_action ?? "--" })}</p>
<p>{t("lead", { agent: item.lead_agent ?? "--" })}</p>
<p>{t("human", { owner: item.human_owner ?? "--" })}</p>
<p>
<p className="break-words">{t("next", { action: item.next_action ?? item.proposed_action ?? "--" })}</p>
<p className="break-words">{t("lead", { agent: item.lead_agent ?? "--" })}</p>
<p className="break-words">{t("human", { owner: item.human_owner ?? "--" })}</p>
<p className="break-words">
{t("support", {
agents: item.support_agents?.length
? item.support_agents.join(" / ")
: "--",
})}
</p>
<p>{t("worker", { status: workerStatus })}</p>
<p>{t("draft", { id: draftId ?? "--" })}</p>
<p className="break-words">{t("worker", { status: workerStatus })}</p>
<p className="break-all">{t("draft", { id: draftId ?? "--" })}</p>
{duplicateCount > 0 ? (
<p className="text-[#9f2f25]">
<p className="break-words text-[#9f2f25]">
{t("duplicateWarning", { count: duplicateCount })}
</p>
) : null}
</div>
{steps.length > 0 ? (
<div className="mt-3 flex flex-wrap gap-1">
<div className="mt-3 flex min-w-0 flex-wrap gap-1">
{steps.slice(0, 6).map((step) => (
<span
key={`${item.id}-${step}`}
className="border border-[#d8d3c7] bg-[#faf9f3] px-2 py-0.5 font-mono text-[11px] leading-5 text-[#5f5b52]"
className="max-w-full break-words border border-[#d8d3c7] bg-[#faf9f3] px-2 py-0.5 font-mono text-[11px] leading-5 text-[#5f5b52]"
>
{t(`stages.${governanceKmStageKey(step)}` as never)}
</span>
@@ -4471,7 +4471,7 @@ function KnowledgeGovernancePanel({
<p className="mt-1 text-sm font-semibold text-[#141413]">
{metric.value}
</p>
<p className="mt-0.5 truncate text-[10px] text-[#77736a]">
<p className="mt-0.5 break-words text-[10px] text-[#77736a]">
{metric.detail}
</p>
</div>