fix: clean workspace notification copy

study8677 · study8677 · commit 80f6e4f11122 · 2026-04-29T15:44:53.000+08:00
diff --git a/frontend/src/components/dashboard/InsightBanner.tsx b/frontend/src/components/dashboard/InsightBanner.tsx
@@ -4,6 +4,7 @@ import { useNavigate } from "react-router";
 import type { InsightActionParams, InsightRecord, InsightSeverity } from "../../api/insights";
 import { useInsights, useMarkInsightRead } from "../../hooks/useInsights";
 import { useI18n } from "../../i18n";
+import { getSeverityLabelKey } from "../../utils/severity";
 
 function getInsightRoute(actionParams: InsightActionParams): string | null {
   return typeof actionParams.route === "string" && actionParams.route.length > 0
@@ -105,7 +106,7 @@ export function InsightBanner({ projectId }: { projectId?: number }) {
                 <div className="min-w-0 flex-1">
                   <div className="flex flex-wrap items-center gap-2">
                     <span className={`rounded-full px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.16em] ring-1 ${severity.badge}`}>
-                      {insight.severity}
+                      {t(getSeverityLabelKey(insight.severity))}
                     </span>
                     <span className="text-[11px] font-medium text-slate-400">
                       #{insight.project_id}
diff --git a/frontend/src/components/dashboard/WelcomeHero.tsx b/frontend/src/components/dashboard/WelcomeHero.tsx
@@ -40,7 +40,6 @@ export function WelcomeHero({
   const settingsQuery = useSettings();
   const keyStatus = getEffectiveKeyStatus(settingsQuery.data);
   const keysReady = keyStatus.effective.llm;
-  const serverModel = settingsQuery.data?.model?.trim() || "gpt-5.4-mini";
   void keyRefresh;
 
   useEffect(() => {
@@ -71,14 +70,11 @@ export function WelcomeHero({
   return (
     <>
       <div className="animate-in fade-in slide-in-from-bottom-6 duration-700 ease-out">
-        <div className="relative overflow-hidden rounded-3xl border border-slate-200/70 bg-[radial-gradient(circle_at_top_left,_rgba(99,102,241,0.14),_transparent_42%),linear-gradient(180deg,#ffffff_0%,#f8fafc_100%)] p-8 shadow-[0_20px_60px_rgba(15,23,42,0.08)] sm:p-10">
-          <div className="absolute -right-12 -top-12 h-48 w-48 rounded-full bg-indigo-100/40 blur-3xl" />
-          <div className="absolute -left-8 bottom-0 h-32 w-32 rounded-full bg-sky-100/30 blur-2xl" />
-
+        <div className="relative overflow-hidden rounded-3xl border border-slate-200/70 bg-[linear-gradient(180deg,#ffffff_0%,#f8fafc_100%)] p-8 shadow-[0_20px_60px_rgba(15,23,42,0.08)] sm:p-10">
           <div className="relative">
             <div className="mb-6 inline-flex items-center gap-2 rounded-full bg-slate-900 px-4 py-2 text-sm font-medium text-white">
               <Sparkles size={16} />
-              {t("landing.heroEyebrow")}
+              {t("welcome.eyebrow")}
             </div>
 
             <h1 className="text-4xl font-bold tracking-tight text-slate-900 sm:text-5xl">
@@ -130,27 +126,6 @@ export function WelcomeHero({
                       <p className={`mt-2 text-xs ${keysReady ? "text-emerald-800/70" : "text-amber-800/70"}`}>
                         {t("onboarding.privacyHint")}
                       </p>
-                      <p className={`mt-1 text-xs ${keysReady ? "text-emerald-800/70" : "text-amber-800/70"}`}>
-                        {t("onboarding.serverDefaultModel", { model: serverModel })}
-                      </p>
-                      <div className="mt-3 grid gap-3 sm:grid-cols-2">
-                        <div className="rounded-2xl bg-white/80 px-3 py-3">
-                          <p className="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">
-                            {t(keysReady ? "onboarding.fullModeTitle" : "onboarding.limitedModeWorksTitle")}
-                          </p>
-                          <p className="mt-2 text-sm leading-6 text-slate-700">
-                            {t(keysReady ? "onboarding.fullModeDesc" : "onboarding.limitedModeWorks")}
-                          </p>
-                        </div>
-                        <div className="rounded-2xl bg-white/80 px-3 py-3">
-                          <p className="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">
-                            {t(keysReady ? "onboarding.privacyTitle" : "onboarding.limitedModeNeedsKeyTitle")}
-                          </p>
-                          <p className="mt-2 text-sm leading-6 text-slate-700">
-                            {t(keysReady ? "onboarding.privacyDesc" : "onboarding.limitedModeNeedsKey")}
-                          </p>
-                        </div>
-                      </div>
                     </div>
                   </div>
 
diff --git a/frontend/src/components/layout/NotificationBell.tsx b/frontend/src/components/layout/NotificationBell.tsx
@@ -4,6 +4,8 @@ import { useLocation, useNavigate } from "react-router";
 import type { InsightActionParams, InsightSeverity, InsightSummaryItem } from "../../api/insights";
 import { useInsightsSummary, useMarkInsightRead } from "../../hooks/useInsights";
 import { useI18n } from "../../i18n";
+import { getSeverityLabelKey } from "../../utils/severity";
+import { utcDate } from "../../utils/time";
 
 function getSeverityStyles(severity: InsightSeverity) {
   switch (severity) {
@@ -31,8 +33,6 @@ function getInsightRoute(actionParams: InsightActionParams): string | null {
     : null;
 }
 
-import { utcDate } from "../../utils/time";
-
 function formatTimeAgo(value: string, locale: string) {
   const timestamp = utcDate(value).getTime();
   if (Number.isNaN(timestamp)) {
@@ -188,7 +188,7 @@ export function NotificationBell() {
                           <p className="text-sm font-semibold text-slate-900">{insight.title}</p>
                           <div className="mt-1 flex items-center gap-2">
                             <span className={`rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.16em] ring-1 ${severity.badge}`}>
-                              {insight.severity}
+                              {t(getSeverityLabelKey(insight.severity))}
                             </span>
                             <span className="text-[11px] text-slate-400">
                               {formatTimeAgo(insight.created_at, locale)}
diff --git a/frontend/src/components/monitors/AnalysisDialog.tsx b/frontend/src/components/monitors/AnalysisDialog.tsx
@@ -33,6 +33,7 @@ import type {
   TaskArtifactStageCard,
   TaskArtifactWatchout,
 } from "../../types";
+import { getSeverityLabelKey } from "../../utils/severity";
 
 const STAGE_CONFIG: Record<string, { icon: typeof Search; labelKey: TranslationKey }> = {
   context_build: { icon: Search, labelKey: "analysis.stageContextBuild" },
@@ -238,9 +239,11 @@ function EvidenceRefs({
 function FindingCard({
   finding,
   evidenceLabel,
+  severityLabel,
 }: {
   finding: Finding;
   evidenceLabel: string;
+  severityLabel: string;
 }) {
   return (
     <div className="rounded-2xl border border-slate-200 bg-white p-4 shadow-sm">
@@ -253,7 +256,7 @@ function FindingCard({
             SEVERITY_STYLE[finding.severity] ?? SEVERITY_STYLE.info
           }`}
         >
-          {finding.severity}
+          {severityLabel}
         </span>
       </div>
       <p className="text-sm font-semibold text-slate-900">{finding.title}</p>
@@ -966,6 +969,7 @@ export function AnalysisDialog({
                     key={`${finding.domain}-${finding.title}-${index}`}
                     finding={finding}
                     evidenceLabel={t("analysis.evidence")}
+                    severityLabel={t(getSeverityLabelKey(finding.severity))}
                   />
                 ))}
               </div>
diff --git a/frontend/src/components/monitors/MonitorForm.tsx b/frontend/src/components/monitors/MonitorForm.tsx
@@ -72,10 +72,10 @@ export function MonitorForm({
             }`}
           >
             <div className="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
-                <div className="flex items-start gap-3">
-                  {keysReady ? (
-                    <CheckCircle2 size={18} className="mt-0.5 text-emerald-600" />
-                  ) : (
+              <div className="flex items-start gap-3">
+                {keysReady ? (
+                  <CheckCircle2 size={18} className="mt-0.5 text-emerald-600" />
+                ) : (
                   <KeyRound size={18} className="mt-0.5 text-amber-600" />
                 )}
                 <div>
@@ -88,24 +88,6 @@ export function MonitorForm({
                   <p className={`mt-2 text-xs ${keysReady ? "text-emerald-800/70" : "text-amber-800/70"}`}>
                     {t("onboarding.privacyHint")}
                   </p>
-                  <div className="mt-3 grid gap-3 sm:grid-cols-2">
-                    <div className="rounded-2xl bg-white/80 px-3 py-3">
-                      <p className="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">
-                        {t(keysReady ? "onboarding.fullModeTitle" : "onboarding.limitedModeWorksTitle")}
-                      </p>
-                      <p className="mt-2 text-sm leading-6 text-slate-700">
-                        {t(keysReady ? "onboarding.fullModeDesc" : "onboarding.limitedModeWorks")}
-                      </p>
-                    </div>
-                    <div className="rounded-2xl bg-white/80 px-3 py-3">
-                      <p className="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">
-                        {t(keysReady ? "onboarding.privacyTitle" : "onboarding.limitedModeNeedsKeyTitle")}
-                      </p>
-                      <p className="mt-2 text-sm leading-6 text-slate-700">
-                        {t(keysReady ? "onboarding.privacyDesc" : "onboarding.limitedModeNeedsKey")}
-                      </p>
-                    </div>
-                  </div>
                 </div>
               </div>
 
diff --git a/frontend/src/components/monitors/RunResultsDialog.tsx b/frontend/src/components/monitors/RunResultsDialog.tsx
@@ -14,6 +14,7 @@ import { useI18n } from "../../i18n";
 import type { TranslationKey } from "../../i18n";
 import { apiJson } from "../../api/client";
 import type { MonitorRun } from "../../types";
+import { getSeverityLabelKey } from "../../utils/severity";
 import { utcDate } from "../../utils/time";
 
 const SEVERITY_STYLE: Record<string, string> = {
@@ -232,7 +233,7 @@ export function RunResultsDialog({
                               SEVERITY_STYLE[f.severity] ?? SEVERITY_STYLE.low
                             }`}
                           >
-                            {f.severity}
+                            {t(getSeverityLabelKey(f.severity))}
                           </span>
                         </div>
                         <p className="text-sm font-semibold text-slate-900">{f.title}</p>
diff --git a/frontend/src/i18n/locales/en.ts b/frontend/src/i18n/locales/en.ts
@@ -23,25 +23,31 @@ export const en = {
   "auth.invalidToken": "Invalid token",
 
   // Dashboard
-  "dashboard.title": "Command Center",
+  "dashboard.title": "AI CMO Workspace",
   "dashboard.newMonitor": "New Monitor",
   "dashboard.noProjects": "No projects yet",
   "dashboard.noProjectsDesc": "Add a website URL to start monitoring your brand's online presence.",
   "dashboard.createMonitor": "Add Website",
-  "dashboard.subtitle": "See what changed today, what matters now, and what your agents can ship next.",
-  "dashboard.summaryTitle": "Workspace snapshot",
-  "dashboard.summarySubtitle": "Track fresh evidence, decision-ready work, and the actions waiting on your team.",
-  "dashboard.updatedProjects": "{{count}} of {{total}} tracked products had a fresh monitoring update in the last 24 hours.",
-  "dashboard.findingsReady": "{{count}} findings are active across your latest monitoring runs. {{approvals}} item(s) are waiting in Review & Publish.",
-  "dashboard.actionsReady": "{{count}} recommended actions are ready to move. {{approvals}} item(s) are waiting for human review.",
+  "dashboard.subtitle": "Start with the signal that changed, the decision to make, and the action to ship.",
+  "dashboard.summaryTitle": "Workspace focus",
+  "dashboard.summarySubtitle": "A demo-ready view of monitoring updates, decisions, and launchable work.",
+  "dashboard.updatedProjects": "Updated in the last 24 hours: {{count}} / {{total}} products.",
+  "dashboard.findingsReady": "{{count}} active finding(s). {{approvals}} draft(s) need review.",
+  "dashboard.actionsReady": "{{count}} ready action(s). {{approvals}} review item(s) open.",
   "dashboard.pendingReviews": "Pending Reviews",
-  "insights.title": "Insights",
-  "insights.proactive": "What changed today",
-  "insights.topUnread": "Fresh signals from your agents",
-  "insights.empty": "No new insights",
-  "insights.loading": "Loading insights...",
+  "insights.title": "Signals",
+  "insights.proactive": "Needs attention",
+  "insights.topUnread": "Latest agent signals",
+  "insights.empty": "No signals to review",
+  "insights.loading": "Loading signals...",
   "insights.view": "View",
   "insights.dismiss": "Dismiss",
+  "insights.severityCritical": "Critical",
+  "insights.severityHigh": "High",
+  "insights.severityWarning": "Warning",
+  "insights.severityMedium": "Medium",
+  "insights.severityLow": "Low",
+  "insights.severityInfo": "Info",
 
   // Project Tabs
   "project.categoryAuto": "Detecting…",
@@ -90,9 +96,9 @@ export const en = {
   "overview.competitors": "Competitors",
   "overview.campaigns": "Campaigns",
   "overview.recentCampaigns": "Recent Campaigns",
-  "command.changedToday": "What changed today",
-  "command.whatMattersNow": "What matters now",
-  "command.readyToShip": "Ready to ship",
+  "command.changedToday": "Changed",
+  "command.whatMattersNow": "Decide",
+  "command.readyToShip": "Ship",
   "command.reviewFixes": "Review fixes",
   "command.openAiSearch": "Open AI Search",
   "command.openOpportunities": "Open opportunities",
@@ -151,9 +157,9 @@ export const en = {
 
   // Monitor Form
   "monitorForm.urlPlaceholder": "https://your-website.com",
-  "monitorForm.subtitle": "Paste a site to run the first scan. OpenCMO checks SEO, AI Search, Google Search, community opportunities, competitor context, and the next actions to ship.",
-  "monitorForm.analyzing": "Analyzing site...",
-  "monitorForm.startMonitoring": "Analyze my site",
+  "monitorForm.subtitle": "Add a site. OpenCMO scans SEO, AI Search, Google Search, community demand, and the next action.",
+  "monitorForm.analyzing": "Scanning...",
+  "monitorForm.startMonitoring": "Run scan",
 
   // Monitor List
   "monitorList.brand": "Brand",
@@ -379,32 +385,33 @@ export const en = {
   "settings.localKeysHint": "Your BYOK credentials stay in your browser unless your self-hosted deployment already provides server defaults.",
 
   // Welcome Hero (onboarding)
-  "welcome.title": "Analyze your site first",
-  "welcome.subtitle": "Paste your homepage to get SEO issues, AI Search gaps, competitor context, community opportunities, and the next actions to ship.",
+  "welcome.eyebrow": "AI CMO workspace",
+  "welcome.title": "Start with a live audit",
+  "welcome.subtitle": "Paste a homepage to turn public signals into an AI CMO brief: issues, opportunities, competitors, and next actions.",
   "welcome.step1": "Configure API Keys",
   "welcome.step1Done": "API keys configured",
   "welcome.step2": "Enter your website URL to begin",
   "welcome.featureSeo": "Site Health Agent",
-  "welcome.featureSeoDesc": "Checks crawlability, Core Web Vitals, and technical SEO issues on the pages shaping first impressions.",
+  "welcome.featureSeoDesc": "Checks crawlability, Core Web Vitals, and technical SEO issues.",
   "welcome.featureGeo": "AI Search Agent",
-  "welcome.featureGeoDesc": "Reviews how ChatGPT, Claude, Gemini, Perplexity, and other AI answers frame your product.",
+  "welcome.featureGeoDesc": "Reviews how AI answers frame your product and category.",
   "welcome.featureCommunity": "Community Agent",
-  "welcome.featureCommunityDesc": "Finds demand, objections, and outreach opportunities in developer communities.",
+  "welcome.featureCommunityDesc": "Finds demand, objections, and outreach openings in communities.",
   "onboarding.keyReadyTitle": "Full scan ready",
-  "onboarding.keyReadyDesc": "OpenCMO can use your browser key or a server default for AI-assisted analysis.",
+  "onboarding.keyReadyDesc": "AI-assisted analysis is available for this workspace.",
   "onboarding.keyNeededTitle": "Add an LLM key for full AI coverage",
-  "onboarding.keyNeededDesc": "You can still create the project now, but keyword extraction, competitor context, and some AI Search checks work best with a configured provider.",
+  "onboarding.keyNeededDesc": "The scan can start now. Add a key for richer AI Search, competitors, and recommendations.",
   "onboarding.configureKeys": "Add API key",
-  "onboarding.privacyHint": "BYOK stays local in your browser. Self-hosted deployments can also provide server defaults.",
+  "onboarding.privacyHint": "BYOK stays in this browser unless your deployment provides server defaults.",
   "onboarding.serverDefaultModel": "Current server default model: {{model}}.",
   "onboarding.fullModeTitle": "Full analysis mode",
-  "onboarding.fullModeDesc": "AI-assisted context build, broader AI Search coverage, faster competitor discovery, and stronger draft recommendations are ready.",
+  "onboarding.fullModeDesc": "AI context, AI Search coverage, competitor discovery, and recommendations are ready.",
   "onboarding.privacyTitle": "Privacy behavior",
-  "onboarding.privacyDesc": "BYOK credentials stay in this browser unless your own deployment provides server defaults. You stay in control of the tradeoff.",
+  "onboarding.privacyDesc": "Credentials stay in this browser unless you choose a server default.",
   "onboarding.limitedModeWorksTitle": "Still works now",
-  "onboarding.limitedModeWorks": "Crawl-based SEO checks, Google Search snapshots, and community discovery still run from the URL-first flow.",
+  "onboarding.limitedModeWorks": "SEO checks, Google Search snapshots, and community discovery still run.",
   "onboarding.limitedModeNeedsKeyTitle": "Works better with a key",
-  "onboarding.limitedModeNeedsKey": "AI-assisted keyword extraction, automatic competitor context, and broader AI Search checks need a configured provider.",
+  "onboarding.limitedModeNeedsKey": "Add a provider for keyword extraction, competitor context, and broader AI Search.",
   "landing.headerTagline": "Private customization, GitHub source, and deployed trial.",
   "landing.metaTitle": "aidCMO — OpenCMO private customization, GitHub, and deployed trial",
   "landing.metaDescription": "OpenCMO is an open-source AI CMO workspace. Choose private customization, review the GitHub repo, or try the deployed workspace.",
diff --git a/frontend/src/i18n/locales/zh.ts b/frontend/src/i18n/locales/zh.ts
diff --git a/frontend/src/pages/DashboardPage.tsx b/frontend/src/pages/DashboardPage.tsx
diff --git a/frontend/src/utils/severity.ts b/frontend/src/utils/severity.ts
