UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: выправка дизайна views аналитики и рабочих экранов

plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/analytics/[tabId]/page.tsx

@@ -74,20 +74,20 @@ function AnalyticsPage({ params }: Route.ComponentProps) {
           {workspaceProjectIds.length > 0 || loader === "init-loader" ? (
             <div className="flex h-full overflow-hidden">
               <Tabs value={selectedTab} onValueChange={handleTabChange} className="h-full w-full">
-                <div className={"flex h-full w-full flex-col"}>
+                <div className="nodedc-workspace-page-shell flex h-full w-full flex-col gap-4 overflow-hidden">
                   <div
                     className={cn(
-                      "flex w-full items-center justify-between gap-4 overflow-hidden border-b border-subtle bg-surface-1 px-6 py-2"
+                      "nodedc-workspace-toolbar flex w-full flex-wrap items-center justify-between gap-3 overflow-hidden px-4 py-3 md:flex-nowrap md:px-5"
                     )}
                   >
-                    <Tabs.List className={"flex h-7 w-fit overflow-x-auto"}>
+                    <Tabs.List className="flex h-9 w-fit max-w-full overflow-x-auto rounded-full bg-white/6 p-1">
                       {ANALYTICS_TABS.map((tab) => (
                         <Tabs.Trigger
                           key={tab.key}
                           value={tab.key}
                           disabled={tab.isDisabled}
                           size="md"
-                          className="h-6 px-3"
+                          className="h-7 rounded-full px-3.5"
                           onClick={() => {
                             if (!tab.isDisabled) {
                               handleTabChange(tab.key);
@@ -107,7 +107,7 @@ function AnalyticsPage({ params }: Route.ComponentProps) {
                     <Tabs.Content
                       key={tab.key}
                       value={tab.key}
-                      className={"h-full overflow-hidden overflow-y-auto px-2"}
+                      className="h-full overflow-hidden overflow-y-auto px-0"
                     >
                       <tab.content />
                     </Tabs.Content>

plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/drafts/page.tsx

@@ -17,7 +17,9 @@ function WorkspaceDraftPage({ params }: Route.ComponentProps) {
     <>
       <PageHead title={pageTitle} />
       <div className="relative h-full w-full overflow-hidden overflow-y-auto">
-        <WorkspaceDraftIssuesRoot workspaceSlug={workspaceSlug} />
+        <div className="nodedc-workspace-page-shell h-full">
+          <WorkspaceDraftIssuesRoot workspaceSlug={workspaceSlug} />
+        </div>
       </div>
     </>
   );

plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/stickies/page.tsx

@@ -13,7 +13,9 @@ export default function WorkspaceStickiesPage() {
     <>
       <PageHead title="Your stickies" />
       <div className="relative h-full w-full overflow-hidden overflow-y-auto">
-        <StickiesInfinite />
+        <div className="nodedc-workspace-page-shell h-full">
+          <StickiesInfinite />
+        </div>
       </div>
     </>
   );

plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/workspace-views/header.tsx

@@ -15,13 +15,13 @@ import {
   DEFAULT_GLOBAL_VIEWS_LIST,
 } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-import { Button } from "@plane/propel/button";
 import { ViewsIcon } from "@plane/propel/icons";
 import type { IIssueDisplayFilterOptions, IIssueDisplayProperties, ICustomSearchSelectOption } from "@plane/types";
 import { EIssuesStoreType, EIssueLayoutTypes } from "@plane/types";
 import { Breadcrumbs, Header, BreadcrumbNavigationSearchDropdown } from "@plane/ui";
 // components
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
+import { AppHeaderPrimaryActionButton } from "@/components/core/app-header/primary-action-button";
 import { SwitcherLabel } from "@/components/common/switcher-label";
 import { DisplayFiltersSelection, FiltersDropdown } from "@/components/issues/issue-layouts/filters";
 import { WorkItemFiltersToggle } from "@/components/work-item-filters/filters-toggle";
@@ -170,14 +170,12 @@ export const GlobalIssuesHeader = observer(function GlobalIssuesHeader() {
               />
             </FiltersDropdown>
           )}
-          <Button
-            variant="primary"
-            size="lg"
+          <AppHeaderPrimaryActionButton
             data-ph-element={GLOBAL_VIEW_TRACKER_ELEMENTS.RIGHT_HEADER_ADD_BUTTON}
             onClick={() => setCreateViewModal(true)}
           >
             {t("workspace_views.add_view")}
-          </Button>
+          </AppHeaderPrimaryActionButton>
           <div className="hidden md:block">
             {viewDetails && <WorkspaceViewQuickActions workspaceSlug={workspaceSlug?.toString()} view={viewDetails} />}
             {isDefaultView && defaultViewDetails && (

plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/workspace-views/page.tsx

@@ -30,23 +30,25 @@ function WorkspaceViewsPage() {
     <>
       <PageHead title={pageTitle} />
       <div className="flex h-full w-full flex-col overflow-hidden">
-        <div className="flex h-11 w-full items-center gap-2.5 overflow-hidden border-b border-subtle px-5 py-3">
-          <SearchIcon className="text-secondary" width={14} height={14} strokeWidth={2} />
-          <Input
-            className="w-full bg-transparent !p-0 text-11 leading-5 text-secondary placeholder:text-placeholder focus:outline-none"
-            value={query}
-            onChange={(e) => setQuery(e.target.value)}
-            placeholder="Search"
-            mode="true-transparent"
-          />
-        </div>
-        <div className="vertical-scrollbar flex scrollbar-lg h-full w-full flex-col">
-          {DEFAULT_GLOBAL_VIEWS_LIST.filter((v) => t(v.i18n_label).toLowerCase().includes(query.toLowerCase())).map(
-            (option) => (
-              <GlobalDefaultViewListItem key={option.key} view={option} />
-            )
-          )}
-          <GlobalViewsList searchQuery={query} />
+        <div className="nodedc-workspace-page-shell flex h-full w-full flex-col gap-4 overflow-hidden">
+          <div className="nodedc-workspace-toolbar flex min-h-14 w-full items-center gap-3 overflow-hidden px-4 py-3 md:px-5">
+            <SearchIcon className="text-secondary" width={14} height={14} strokeWidth={2} />
+            <Input
+              className="w-full bg-transparent !p-0 text-13 leading-5 text-primary placeholder:text-placeholder focus:outline-none"
+              value={query}
+              onChange={(e) => setQuery(e.target.value)}
+              placeholder="Search workspace views"
+              mode="true-transparent"
+            />
+          </div>
+          <div className="vertical-scrollbar flex scrollbar-lg h-full w-full flex-col gap-3 overflow-y-auto pr-1">
+            {DEFAULT_GLOBAL_VIEWS_LIST.filter((v) => t(v.i18n_label).toLowerCase().includes(query.toLowerCase())).map(
+              (option) => (
+                <GlobalDefaultViewListItem key={option.key} view={option} />
+              )
+            )}
+            <GlobalViewsList searchQuery={query} />
+          </div>
         </div>
       </div>
     </>