feat(home): content-first Linear-style home (drop ambient color wash) by xuyushun441-sys · Pull Request #1410 · objectstack-ai/objectui

xuyushun441-sys · 2026-05-29T08:43:51Z

Summary

Redesigns the console Home page toward the current cutting-edge product-interior style (Linear / Vercel console / Stripe dashboard): a clean, neutral, content-first canvas where hierarchy comes from typography, spacing, and hairline borders + micro-shadows — not ambient color.

Ambient color glows are a marketing-landing-page device; inside a dense app surface they compete with content and read as generic. So the home surface now goes the other way.

Changes (`packages/app-shell/src/console/home/HomePage.tsx`)

Removed the background glow entirely — neutral bg-background canvas in both light and dark mode.
Flattened the stat pills — dropped the glassy backdrop-blur/transparency (which only made sense over a glow) for a solid card + 1px border + subtle shadow.
Flattened the getting-started hint card — removed its gradient overlay + blur.
Single brand-color highlight — neutralized the "All Applications" header chip and the hero eyebrow icon, leaving the gradient display name as the page's one intentional brand accent.

Note: this supersedes the earlier intermediate commit that added a single indigo→violet glow. A squash merge collapses it; the net result is the neutral redesign.

Also included (independent commit)

fix(studio): default object preview to Designer mode — a self-contained Studio fix committed locally alongside this work: the object Preview tab defaults to the Designer view, with FieldDesigner degrading gracefully via readOnly when onPatch is absent.

Testing

Browser-verified in light and dark mode — clean neutral canvas, no muddy wash, no console errors.

The object detail page (/apps/studio/metadata/object/<name>) was landing on Data view by default. For most objects this shows an empty grid (no real records yet) and gives users the impression that the page has no field editor at all — even though <FieldDesigner> was already wired into the preview slot, behind the Designer tab. Two fixes: 1. Always default to Designer mode on mount. FieldDesigner already supports read-only via its `readOnly` prop (passed when onPatch is absent), so even users in restricted tiers see the field catalog instead of an empty grid. 2. Drop the disabled state on the Designer mode button — read-only browsing of field definitions is a legitimate use case, not an error condition. Removed the now-unused canDesign / editing-snap-back effect. Verified at /apps/studio/metadata/object/test (read-only tier): opens straight to the field designer table with name/label/type/ required/unique/group columns. Data toggle still available. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

The hero background layered three different-hue blobs (primary/sky/fuchsia) that smeared into an uneven pastel haze in light mode. Replace it with a single indigo→violet glow (adjacent hues that never muddy) anchored top-left that fades quickly into a clean neutral canvas. Dark mode keeps a subtler variant. No other layout or copy changes.

vercel · 2026-05-29T08:43:53Z

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
objectui	Ignored		May 29, 2026 8:47am

github-actions · 2026-05-29T08:47:24Z

✅ Console Performance Budget

Metric	Value	Budget
Main entry (gzip)	221.6 KB	350 KB
Entry file	`index-B0MwuRP3.js`	—
Status	PASS	—

📦 Bundle Size Report

Package	Size	Gzipped
app-shell (index.js)	5.41KB	1.91KB
app-shell (runtime-config.js)	4.21KB	1.52KB
app-shell (types.js)	0.01KB	0.04KB
auth (AuthContext.js)	0.31KB	0.24KB
auth (AuthGuard.js)	1.17KB	0.53KB
auth (AuthProvider.js)	17.16KB	3.44KB
auth (AuthShell.js)	3.49KB	1.40KB
auth (ForgotPasswordForm.js)	4.79KB	1.88KB
auth (LoginForm.js)	5.02KB	1.88KB
auth (PreviewBanner.js)	0.90KB	0.50KB
auth (RegisterForm.js)	6.54KB	2.12KB
auth (SocialSignInButtons.js)	8.89KB	3.61KB
auth (UserMenu.js)	3.40KB	1.22KB
auth (authStyles.js)	5.04KB	1.72KB
auth (createAuthClient.js)	21.08KB	4.93KB
auth (createAuthenticatedFetch.js)	2.47KB	0.95KB
auth (index.js)	1.75KB	0.76KB
auth (types.js)	0.59KB	0.35KB
auth (useAuth.js)	4.01KB	0.79KB
auth (useIsWorkspaceAdmin.js)	1.28KB	0.70KB
collaboration (CommentThread.js)	18.38KB	4.49KB
collaboration (LiveCursors.js)	3.17KB	1.27KB
collaboration (PresenceAvatars.js)	3.65KB	1.42KB
collaboration (PresenceProvider.js)	2.42KB	0.96KB
collaboration (index.js)	1.25KB	0.53KB
collaboration (useCommentSearch.js)	1.98KB	0.88KB
collaboration (useConflictResolution.js)	7.75KB	1.86KB
collaboration (useMentionNotifications.js)	1.81KB	0.68KB
collaboration (usePresence.js)	6.33KB	1.84KB
collaboration (useRealtimeSubscription.js)	7.91KB	2.01KB
components (index.js)	393.41KB	83.12KB
core (index.js)	1.45KB	0.54KB
create-plugin (index.js)	9.28KB	2.98KB
data-objectstack (index.js)	88.71KB	22.01KB
fields (index.js)	127.84KB	30.39KB
i18n (i18n.js)	2.54KB	1.02KB
i18n (index.js)	2.27KB	0.91KB
i18n (provider.js)	5.37KB	1.72KB
i18n (useObjectLabel.js)	18.10KB	4.18KB
i18n (useSafeTranslation.js)	1.63KB	0.57KB
layout (index.js)	35.61KB	9.84KB
mobile (MobileProvider.js)	0.92KB	0.49KB
mobile (ResponsiveContainer.js)	0.94KB	0.38KB
mobile (breakpoints.js)	1.51KB	0.70KB
mobile (createOfflineDataSource.js)	5.61KB	1.74KB
mobile (index.js)	1.50KB	0.62KB
mobile (offlineQueue.js)	3.91KB	1.35KB
mobile (pwa.js)	0.97KB	0.49KB
mobile (serviceWorker.js)	1.48KB	0.62KB
mobile (serviceWorkerSource.js)	3.41KB	1.48KB
mobile (useBreakpoint.js)	1.54KB	0.65KB
mobile (useGesture.js)	4.42KB	1.27KB
mobile (useOfflineSync.js)	1.99KB	0.72KB
mobile (usePullToRefresh.js)	2.53KB	0.85KB
mobile (useResponsive.js)	0.71KB	0.42KB
mobile (useResponsiveConfig.js)	1.36KB	0.63KB
mobile (useSpecGesture.js)	1.77KB	0.77KB
mobile (useTouchTarget.js)	1.01KB	0.54KB
permissions (MePermissionsProvider.js)	4.87KB	1.77KB
permissions (PermissionContext.js)	0.31KB	0.25KB
permissions (PermissionGuard.js)	0.89KB	0.45KB
permissions (PermissionProvider.js)	3.11KB	0.87KB
permissions (evaluator.js)	4.00KB	1.23KB
permissions (index.js)	0.91KB	0.41KB
permissions (store.js)	0.91KB	0.42KB
permissions (useFieldPermissions.js)	1.28KB	0.52KB
permissions (usePermissions.js)	1.42KB	0.68KB
plugin-ai (index.js)	15.71KB	3.79KB
plugin-calendar (index.js)	45.97KB	12.64KB
plugin-charts (index.js)	37.38KB	10.67KB
plugin-chatbot (index.js)	106.69KB	26.24KB
plugin-dashboard (index.js)	86.93KB	20.75KB
plugin-designer (index.js)	213.42KB	42.94KB
plugin-detail (index.js)	191.60KB	46.09KB
plugin-editor (index.js)	2.38KB	1.06KB
plugin-form (index.js)	63.91KB	14.85KB
plugin-gantt (index.js)	28.28KB	7.76KB
plugin-grid (index.js)	108.86KB	29.30KB
plugin-kanban (index.js)	48.80KB	13.12KB
plugin-list (index.js)	87.21KB	20.47KB
plugin-map (index.js)	16.02KB	4.98KB
plugin-markdown (index.js)	2.62KB	1.18KB
plugin-report (index.js)	129.03KB	28.39KB
plugin-timeline (index.js)	25.37KB	7.20KB
plugin-view (index.js)	140.25KB	28.83KB
plugin-workflow (index.js)	69.35KB	14.42KB
providers (DataSourceProvider.js)	0.75KB	0.39KB
providers (MetadataProvider.js)	1.37KB	0.59KB
providers (ThemeProvider.js)	1.55KB	0.67KB
providers (UploadProvider.js)	11.71KB	3.53KB
providers (index.js)	0.44KB	0.22KB
providers (types.js)	0.01KB	0.04KB
react (LazyPluginLoader.js)	3.77KB	1.33KB
react (SchemaRenderer.js)	14.98KB	4.84KB
react (index.js)	0.76KB	0.42KB
tenant (TenantContext.js)	0.31KB	0.25KB
tenant (TenantGuard.js)	1.04KB	0.43KB
tenant (TenantProvider.js)	2.76KB	0.98KB
tenant (TenantScopedQuery.js)	0.77KB	0.44KB
tenant (index.js)	0.75KB	0.38KB
tenant (resolver.js)	2.64KB	0.76KB
tenant (useTenant.js)	0.50KB	0.32KB
tenant (useTenantBranding.js)	0.62KB	0.39KB
types (ai.js)	0.20KB	0.17KB
types (api-types.js)	0.20KB	0.18KB
types (app.js)	2.87KB	0.99KB
types (base.js)	0.20KB	0.18KB
types (blocks.js)	0.20KB	0.18KB
types (complex.js)	0.20KB	0.18KB
types (crud.js)	0.20KB	0.18KB
types (data-display.js)	0.20KB	0.18KB
types (data-protocol.js)	0.20KB	0.19KB
types (data.js)	0.20KB	0.18KB
types (designer.js)	0.77KB	0.41KB
types (disclosure.js)	0.20KB	0.18KB
types (feedback.js)	0.20KB	0.18KB
types (field-types.js)	0.20KB	0.18KB
types (form.js)	0.20KB	0.18KB
types (index.js)	1.54KB	0.68KB
types (layout.js)	0.20KB	0.18KB
types (mobile.js)	0.20KB	0.18KB
types (navigation.js)	0.20KB	0.18KB
types (objectql.js)	0.20KB	0.18KB
types (overlay.js)	0.20KB	0.18KB
types (permissions.js)	0.20KB	0.18KB
types (plugin-scope.js)	0.20KB	0.18KB
types (record-components.js)	0.20KB	0.19KB
types (registry.js)	0.20KB	0.18KB
types (reports.js)	0.20KB	0.18KB
types (spec-report.js)	4.80KB	1.76KB
types (tenant.js)	0.20KB	0.18KB
types (theme.js)	0.20KB	0.18KB
types (ui-action.js)	0.75KB	0.46KB
types (views.js)	0.20KB	0.18KB
types (widget.js)	0.20KB	0.18KB
types (workflow.js)	0.20KB	0.18KB

Size Limits

✅ Core packages should be < 50KB gzipped
✅ Component packages should be < 100KB gzipped
⚠️ Plugin packages should be < 150KB gzipped

Supersedes the ambient background glow with a clean, neutral, content-first surface (Linear/Vercel-console direction): - Remove the background glow entirely; hierarchy now comes from typography, spacing, and hairline borders + micro-shadows on cards. - Flatten stat pills (drop backdrop-blur/transparency that only read well over a glow) → solid card + 1px border + subtle shadow. - Flatten the getting-started hint card (remove gradient overlay + blur). - Neutralize the 'All Applications' header chip and hero eyebrow icon so the gradient display name is the single brand-color highlight on the page. Verified in light and dark mode; no console errors.

github-actions · 2026-05-29T08:50:58Z

✅ Console Performance Budget

Metric	Value	Budget
Main entry (gzip)	221.5 KB	350 KB
Entry file	`index-D9rFXroA.js`	—
Status	PASS	—

📦 Bundle Size Report

Package	Size	Gzipped
app-shell (index.js)	5.41KB	1.91KB
app-shell (runtime-config.js)	4.21KB	1.52KB
app-shell (types.js)	0.01KB	0.04KB
auth (AuthContext.js)	0.31KB	0.24KB
auth (AuthGuard.js)	1.17KB	0.53KB
auth (AuthProvider.js)	17.16KB	3.44KB
auth (AuthShell.js)	3.49KB	1.40KB
auth (ForgotPasswordForm.js)	4.79KB	1.88KB
auth (LoginForm.js)	5.02KB	1.88KB
auth (PreviewBanner.js)	0.90KB	0.50KB
auth (RegisterForm.js)	6.54KB	2.12KB
auth (SocialSignInButtons.js)	8.89KB	3.61KB
auth (UserMenu.js)	3.40KB	1.22KB
auth (authStyles.js)	5.04KB	1.72KB
auth (createAuthClient.js)	21.08KB	4.93KB
auth (createAuthenticatedFetch.js)	2.47KB	0.95KB
auth (index.js)	1.75KB	0.76KB
auth (types.js)	0.59KB	0.35KB
auth (useAuth.js)	4.01KB	0.79KB
auth (useIsWorkspaceAdmin.js)	1.28KB	0.70KB
collaboration (CommentThread.js)	18.38KB	4.49KB
collaboration (LiveCursors.js)	3.17KB	1.27KB
collaboration (PresenceAvatars.js)	3.65KB	1.42KB
collaboration (PresenceProvider.js)	2.42KB	0.96KB
collaboration (index.js)	1.25KB	0.53KB
collaboration (useCommentSearch.js)	1.98KB	0.88KB
collaboration (useConflictResolution.js)	7.75KB	1.86KB
collaboration (useMentionNotifications.js)	1.81KB	0.68KB
collaboration (usePresence.js)	6.33KB	1.84KB
collaboration (useRealtimeSubscription.js)	7.91KB	2.01KB
components (index.js)	393.41KB	83.12KB
core (index.js)	1.45KB	0.54KB
create-plugin (index.js)	9.28KB	2.98KB
data-objectstack (index.js)	88.71KB	22.01KB
fields (index.js)	127.84KB	30.39KB
i18n (i18n.js)	2.54KB	1.02KB
i18n (index.js)	2.27KB	0.91KB
i18n (provider.js)	5.37KB	1.72KB
i18n (useObjectLabel.js)	18.10KB	4.18KB
i18n (useSafeTranslation.js)	1.63KB	0.57KB
layout (index.js)	35.61KB	9.84KB
mobile (MobileProvider.js)	0.92KB	0.49KB
mobile (ResponsiveContainer.js)	0.94KB	0.38KB
mobile (breakpoints.js)	1.51KB	0.70KB
mobile (createOfflineDataSource.js)	5.61KB	1.74KB
mobile (index.js)	1.50KB	0.62KB
mobile (offlineQueue.js)	3.91KB	1.35KB
mobile (pwa.js)	0.97KB	0.49KB
mobile (serviceWorker.js)	1.48KB	0.62KB
mobile (serviceWorkerSource.js)	3.41KB	1.48KB
mobile (useBreakpoint.js)	1.54KB	0.65KB
mobile (useGesture.js)	4.42KB	1.27KB
mobile (useOfflineSync.js)	1.99KB	0.72KB
mobile (usePullToRefresh.js)	2.53KB	0.85KB
mobile (useResponsive.js)	0.71KB	0.42KB
mobile (useResponsiveConfig.js)	1.36KB	0.63KB
mobile (useSpecGesture.js)	1.77KB	0.77KB
mobile (useTouchTarget.js)	1.01KB	0.54KB
permissions (MePermissionsProvider.js)	4.87KB	1.77KB
permissions (PermissionContext.js)	0.31KB	0.25KB
permissions (PermissionGuard.js)	0.89KB	0.45KB
permissions (PermissionProvider.js)	3.11KB	0.87KB
permissions (evaluator.js)	4.00KB	1.23KB
permissions (index.js)	0.91KB	0.41KB
permissions (store.js)	0.91KB	0.42KB
permissions (useFieldPermissions.js)	1.28KB	0.52KB
permissions (usePermissions.js)	1.42KB	0.68KB
plugin-ai (index.js)	15.71KB	3.79KB
plugin-calendar (index.js)	45.97KB	12.64KB
plugin-charts (index.js)	37.38KB	10.67KB
plugin-chatbot (index.js)	106.69KB	26.24KB
plugin-dashboard (index.js)	86.93KB	20.75KB
plugin-designer (index.js)	213.42KB	42.94KB
plugin-detail (index.js)	191.60KB	46.09KB
plugin-editor (index.js)	2.38KB	1.06KB
plugin-form (index.js)	63.91KB	14.85KB
plugin-gantt (index.js)	28.28KB	7.76KB
plugin-grid (index.js)	108.86KB	29.30KB
plugin-kanban (index.js)	48.80KB	13.12KB
plugin-list (index.js)	87.21KB	20.47KB
plugin-map (index.js)	16.02KB	4.98KB
plugin-markdown (index.js)	2.62KB	1.18KB
plugin-report (index.js)	129.03KB	28.39KB
plugin-timeline (index.js)	25.37KB	7.20KB
plugin-view (index.js)	140.25KB	28.83KB
plugin-workflow (index.js)	69.35KB	14.42KB
providers (DataSourceProvider.js)	0.75KB	0.39KB
providers (MetadataProvider.js)	1.37KB	0.59KB
providers (ThemeProvider.js)	1.55KB	0.67KB
providers (UploadProvider.js)	11.71KB	3.53KB
providers (index.js)	0.44KB	0.22KB
providers (types.js)	0.01KB	0.04KB
react (LazyPluginLoader.js)	3.77KB	1.33KB
react (SchemaRenderer.js)	14.98KB	4.84KB
react (index.js)	0.76KB	0.42KB
tenant (TenantContext.js)	0.31KB	0.25KB
tenant (TenantGuard.js)	1.04KB	0.43KB
tenant (TenantProvider.js)	2.76KB	0.98KB
tenant (TenantScopedQuery.js)	0.77KB	0.44KB
tenant (index.js)	0.75KB	0.38KB
tenant (resolver.js)	2.64KB	0.76KB
tenant (useTenant.js)	0.50KB	0.32KB
tenant (useTenantBranding.js)	0.62KB	0.39KB
types (ai.js)	0.20KB	0.17KB
types (api-types.js)	0.20KB	0.18KB
types (app.js)	2.87KB	0.99KB
types (base.js)	0.20KB	0.18KB
types (blocks.js)	0.20KB	0.18KB
types (complex.js)	0.20KB	0.18KB
types (crud.js)	0.20KB	0.18KB
types (data-display.js)	0.20KB	0.18KB
types (data-protocol.js)	0.20KB	0.19KB
types (data.js)	0.20KB	0.18KB
types (designer.js)	0.77KB	0.41KB
types (disclosure.js)	0.20KB	0.18KB
types (feedback.js)	0.20KB	0.18KB
types (field-types.js)	0.20KB	0.18KB
types (form.js)	0.20KB	0.18KB
types (index.js)	1.54KB	0.68KB
types (layout.js)	0.20KB	0.18KB
types (mobile.js)	0.20KB	0.18KB
types (navigation.js)	0.20KB	0.18KB
types (objectql.js)	0.20KB	0.18KB
types (overlay.js)	0.20KB	0.18KB
types (permissions.js)	0.20KB	0.18KB
types (plugin-scope.js)	0.20KB	0.18KB
types (record-components.js)	0.20KB	0.19KB
types (registry.js)	0.20KB	0.18KB
types (reports.js)	0.20KB	0.18KB
types (spec-report.js)	4.80KB	1.76KB
types (tenant.js)	0.20KB	0.18KB
types (theme.js)	0.20KB	0.18KB
types (ui-action.js)	0.75KB	0.46KB
types (views.js)	0.20KB	0.18KB
types (widget.js)	0.20KB	0.18KB
types (workflow.js)	0.20KB	0.18KB

Size Limits

✅ Core packages should be < 50KB gzipped
✅ Component packages should be < 100KB gzipped
⚠️ Plugin packages should be < 150KB gzipped

os-zhuang and others added 2 commits May 29, 2026 16:43

xuyushun441-sys changed the title ~~fix(home): single brand glow background (drop muddy three-color wash)~~ feat(home): content-first Linear-style home (drop ambient color wash) May 29, 2026

xuyushun441-sys merged commit a752ef3 into main May 29, 2026
9 of 10 checks passed

xuyushun441-sys deleted the fix/home-background-single-glow branch May 29, 2026 09:09

xuyushun441-sys mentioned this pull request May 31, 2026

feat(metadata-admin): approval as a flow node, not a standalone designer (ADR-0019) #1422

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(home): content-first Linear-style home (drop ambient color wash)#1410

feat(home): content-first Linear-style home (drop ambient color wash)#1410
xuyushun441-sys merged 3 commits into
mainfrom
fix/home-background-single-glow

xuyushun441-sys commented May 29, 2026 •

edited

Loading

Uh oh!

vercel Bot commented May 29, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented May 29, 2026

Uh oh!

github-actions Bot commented May 29, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

xuyushun441-sys commented May 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Changes (packages/app-shell/src/console/home/HomePage.tsx)

Also included (independent commit)

Testing

Uh oh!

vercel Bot commented May 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions Bot commented May 29, 2026

✅ Console Performance Budget

📦 Bundle Size Report

Size Limits

Uh oh!

github-actions Bot commented May 29, 2026

✅ Console Performance Budget

📦 Bundle Size Report

Size Limits

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

xuyushun441-sys commented May 29, 2026 •

edited

Loading

Changes (`packages/app-shell/src/console/home/HomePage.tsx`)

vercel Bot commented May 29, 2026 •

edited

Loading