fix(web): wrap owner review technical labels

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

@@ -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),