feat(ux): add sitewide ui ux agent

templates/ai_history.html

@@ -4,12 +4,17 @@
 {% block ewooo_content %}
 <div class="ai-history-page">
     <!-- 頁面標題 -->
-    <section class="ai-history-hero">
+    <section class="ai-history-hero" data-density-guardrail="compact-ai-history-workbench">
         <div>
             <h1 class="ai-history-title">
                 <i class="fas fa-history"></i>
                 AI 生成歷史
             </h1>
+            <div class="ai-history-mode-row" aria-label="AI 內容資產狀態模式">
+                <span class="ai-history-mode">內容回收</span>
+                <span class="ai-history-mode">使用追蹤</span>
+                <span class="ai-history-mode">再用優先</span>
+            </div>
             <p class="ai-history-subtitle">回收有效文案，追蹤哪些銷售動作可再用。</p>
         </div>
         <div class="ai-history-actions">
@@ -282,6 +287,26 @@
     color: var(--momo-text-muted);
 }
 
+.ai-history-mode-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-top: 10px;
+}
+
+.ai-history-mode {
+    display: inline-flex;
+    align-items: center;
+    min-height: 28px;
+    padding: 4px 10px;
+    border: 1px solid var(--momo-border-subtle);
+    border-radius: 8px;
+    background: rgba(255, 255, 255, 0.68);
+    color: var(--momo-text-muted);
+    font-size: 0.78rem;
+    font-weight: 800;
+}
+
 .ai-history-actions {
     display: flex;
     justify-content: flex-end;

templates/ai_recommend.html

@@ -10,7 +10,7 @@
 <div class="momo-app" data-page-group="ai">
   <div class="ai-recommend-page">
 
-    <header class="ai-recommend-hero ar-hero">
+    <header class="ai-recommend-hero ar-hero" data-density-guardrail="compact-ai-recommend-workbench">
       <div class="ar-hero__title">
         <h1 class="ai-recommend-title">
           <i class="fas fa-bullhorn"></i>PChome 銷售建議