UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: восстановление компактной сводки аналитики

plane-src/apps/web/core/components/analytics/total-insights.tsx

@@ -22,6 +22,29 @@ import InsightCard from "./insight-card";
 
 const analyticsService = new AnalyticsService();
 
+const WORK_ITEM_SUMMARY_FIELDS: IInsightField[] = [
+  {
+    key: "total_work_items",
+    i18nKey: "workspace_analytics.total",
+  },
+  {
+    key: "started_work_items",
+    i18nKey: "workspace_analytics.started_work_items",
+  },
+  {
+    key: "backlog_work_items",
+    i18nKey: "workspace_analytics.backlog_work_items",
+  },
+  {
+    key: "un_started_work_items",
+    i18nKey: "workspace_analytics.un_started_work_items",
+  },
+  {
+    key: "completed_work_items",
+    i18nKey: "workspace_analytics.completed_work_items",
+  },
+];
+
 const getInsightLabel = (
   analyticsType: TAnalyticsTabsBase,
   item: IInsightField,
@@ -61,6 +84,13 @@ const TotalInsights = observer(function TotalInsights({
   const workspaceSlug = params.workspaceSlug.toString();
   const { t } = useTranslation();
   const { selectedDuration, selectedProjects, selectedCycle, selectedModule, isPeekView, isEpic } = useAnalytics();
+  const insightFields =
+    analyticsType === "work-items"
+      ? ANALYTICS_INSIGHTS_FIELDS[analyticsType]?.length
+        ? ANALYTICS_INSIGHTS_FIELDS[analyticsType]
+        : WORK_ITEM_SUMMARY_FIELDS
+      : (ANALYTICS_INSIGHTS_FIELDS[analyticsType] ?? []);
+  const shouldUseSummaryCard = analyticsType === "work-items";
   const { data: totalInsightsData, isLoading } = useSWR(
     `total-insights-${analyticsType}-${selectedDuration}-${selectedProjects}-${selectedCycle}-${selectedModule}-${isEpic}`,
     () =>
@@ -77,18 +107,38 @@ const TotalInsights = observer(function TotalInsights({
         isPeekView
       )
   );
+
+  if (shouldUseSummaryCard) {
+    return (
+      <section
+        className={cn("nodedc-analytics-summary-card", peekView && "nodedc-analytics-summary-card-peek")}
+        aria-label="Сводка аналитики"
+      >
+        {insightFields.map((item) => (
+          <div
+            key={`${analyticsType}-${item.key}`}
+            className="nodedc-analytics-summary-item flex min-h-[5.75rem] min-w-0 flex-col justify-between gap-3 px-4 py-3.5"
+          >
+            <div className="nodedc-analytics-summary-label text-[0.72rem] font-medium text-secondary">
+              {getInsightLabel(analyticsType, item, isEpic, t)}
+            </div>
+            <div className="nodedc-analytics-summary-value text-[1.55rem] font-semibold text-primary">
+              {totalInsightsData?.[item.key]?.count ?? 0}
+            </div>
+          </div>
+        ))}
+      </section>
+    );
+  }
+
   return (
     <div
       className={cn(
         "grid grid-cols-1 gap-8 sm:grid-cols-2 md:gap-10",
-        !peekView
-          ? ANALYTICS_INSIGHTS_FIELDS[analyticsType]?.length % 5 === 0
-            ? "gap-10 lg:grid-cols-5"
-            : "gap-8 lg:grid-cols-4"
-          : "grid-cols-2"
+        !peekView ? (insightFields.length % 5 === 0 ? "gap-10 lg:grid-cols-5" : "gap-8 lg:grid-cols-4") : "grid-cols-2"
       )}
     >
-      {ANALYTICS_INSIGHTS_FIELDS[analyticsType]?.map((item) => (
+      {insightFields.map((item) => (
         <InsightCard
           key={`${analyticsType}-${item.key}`}
           isLoading={isLoading}