perf(studio): lazy-mount live block previews in the page designer canvas - #1852

Merged
xuyushun441-sys merged 1 commit into
mainfrom
feat/designer-canvas-lazy-preview
Jun 21, 2026
Merged

perf(studio): lazy-mount live block previews in the page designer canvas#1852
xuyushun441-sys merged 1 commit into
mainfrom
feat/designer-canvas-lazy-preview

Conversation

@xuyushun441-sys

@xuyushun441-sysxuyushun441-sys commented Jun 21, 2026

Copy link
Copy Markdown
Contributor

The page-designer canvas renders each block with the real runtime renderer. Data-bound blocks (object-grid, record:related_list, object-kanban, repeater) each fetch on mount, so a tall page fired every query at once and the canvas got sluggish as block count grew (surfaced during the designer option-sweep QA at ~30+ blocks).

Change: gate each BlockLivePreview behind an IntersectionObserver. Off-screen blocks render a lightweight placeholder and mount the real component (and fire their query) only once they scroll within ~300px of the viewport. Once mounted they stay mounted, so re-scrolling never re-fetches.

Renders immediately when there is no real IntersectionObserver or under vitest (import.meta.env.MODE === \"test\"), so SSR and the existing canvas tests are unaffected.

Verified in-browser on a tall page: fresh load mounts only the in-viewport blocks (4/7 deferred as placeholders, 3 mounted at a 577px viewport); scrolling a placeholder into view mounts it. No freeze regression (body pointer-events stays auto, 0 dialogs).

app-shell/previews suite green (121 tests).

🤖 Generated with Claude Code

@os-zhuang@claude
perf(studio): lazy-mount live block previews in the page designer canvas
f642192
The page-designer canvas renders each block with the real runtime renderer.
Data-bound blocks (object-grid, record:related_list, object-kanban, repeater)
each fetch on mount, so a tall page fired every query at once and the canvas
got sluggish as block count grew.
Gate each BlockLivePreview behind an IntersectionObserver: off-screen blocks
render a lightweight placeholder and mount the real component (and fire their
query) only once they scroll within ~300px of the viewport. Once mounted they
stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest
(import.meta.env.MODE === 'test'), so SSR and the existing canvas tests are
unaffected.
Verified in-browser: on a fresh load of a tall page only the in-viewport blocks
mount (others show placeholders); scrolling a placeholder into view mounts it.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel

vercelBot commented Jun 21, 2026

Copy link
Copy Markdown

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

1 Skipped Deployment
ProjectDeploymentActionsUpdated (UTC)
objectuiIgnoredIgnoredJun 21, 2026 6:51am

Request Review

@github-actions

github-actionsBot commented Jun 21, 2026

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Main entry (gzip)58.8 KB350 KB
Entry fileindex-DUbGRdjG.js—
StatusPASS—

📦 Bundle Size Report

PackageSizeGzipped
app-shell (index.js)5.95KB2.10KB
app-shell (runtime-config.js)4.72KB1.69KB
app-shell (types.js)0.01KB0.04KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)17.16KB3.44KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)4.79KB1.88KB
auth (LoginForm.js)5.11KB1.92KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.63KB2.15KB
auth (SocialSignInButtons.js)8.89KB3.61KB
auth (UserMenu.js)3.40KB1.22KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)24.74KB6.00KB
auth (createAuthenticatedFetch.js)3.33KB1.32KB
auth (index.js)1.75KB0.76KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.01KB0.79KB
auth (useIsWorkspaceAdmin.js)1.28KB0.70KB
collaboration (CommentThread.js)18.38KB4.49KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)3.65KB1.42KB
collaboration (PresenceProvider.js)2.42KB0.96KB
collaboration (index.js)1.25KB0.53KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)414.34KB87.93KB
core (index.js)1.48KB0.54KB
create-plugin (index.js)9.28KB2.98KB
data-objectstack (index.js)97.05KB24.16KB
fields (index.js)158.94KB38.06KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)2.34KB0.93KB
i18n (pickLocalized.js)1.31KB0.67KB
i18n (provider.js)5.37KB1.72KB
i18n (useObjectLabel.js)21.15KB4.68KB
i18n (useSafeTranslation.js)2.68KB0.98KB
layout (index.js)36.30KB10.04KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.74KB
mobile (index.js)1.50KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)4.42KB1.27KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.71KB0.42KB
mobile (useResponsiveConfig.js)1.36KB0.63KB
mobile (useSpecGesture.js)1.77KB0.77KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)4.87KB1.77KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.11KB0.87KB
permissions (evaluator.js)4.00KB1.23KB
permissions (index.js)0.91KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.52KB
permissions (usePermissions.js)1.42KB0.68KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.98KB12.65KB
plugin-charts (index.js)40.52KB11.50KB
plugin-chatbot (index.js)141.13KB34.56KB
plugin-dashboard (index.js)99.00KB24.54KB
plugin-designer (index.js)213.42KB42.94KB
plugin-detail (index.js)195.45KB47.13KB
plugin-editor (index.js)2.38KB1.06KB
plugin-form (index.js)92.28KB22.42KB
plugin-gantt (index.js)122.36KB30.13KB
plugin-grid (index.js)114.52KB30.73KB
plugin-kanban (index.js)48.82KB13.13KB
plugin-list (index.js)93.13KB21.89KB
plugin-map (index.js)16.02KB4.98KB
plugin-markdown (index.js)13.58KB4.64KB
plugin-report (index.js)35.93KB9.50KB
plugin-timeline (index.js)25.37KB7.20KB
plugin-view (index.js)84.13KB20.27KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.55KB0.67KB
providers (UploadProvider.js)11.71KB3.53KB
providers (index.js)0.44KB0.22KB
providers (types.js)0.01KB0.04KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)15.64KB5.08KB
react (index.js)0.76KB0.42KB
tenant (TenantContext.js)0.31KB0.25KB
tenant (TenantGuard.js)1.04KB0.43KB
tenant (TenantProvider.js)2.76KB0.98KB
tenant (TenantScopedQuery.js)0.77KB0.44KB
tenant (index.js)0.75KB0.38KB
tenant (resolver.js)2.64KB0.76KB
tenant (useTenant.js)0.50KB0.32KB
tenant (useTenantBranding.js)0.62KB0.39KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)0.20KB0.18KB
types (crud.js)0.20KB0.18KB
types (data-display.js)0.20KB0.18KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)0.77KB0.41KB
types (disclosure.js)0.20KB0.18KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (index.js)1.54KB0.68KB
types (layout.js)0.20KB0.18KB
types (mobile.js)0.20KB0.18KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.26KB1.96KB
types (tenant.js)0.20KB0.18KB
types (theme.js)0.20KB0.18KB
types (ui-action.js)0.75KB0.46KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

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

@xuyushun441-sys
xuyushun441-sys merged commit 15a51f8 into mainJun 21, 2026
10 checks passed
@xuyushun441-sys
xuyushun441-sys deleted the feat/designer-canvas-lazy-preview branch June 21, 2026 06:59
os-zhuang pushed a commit that referenced this pull request Sep 2, 2026
@hotlong@claude
fix(app-shell): AiUsageIndicator recognizes resetKind 'weekly' + rese…
1b7793e
…tsAt
The free plan's AI quota moved to a rolling 7-day window (cloud PR #1852),
which added `resetKind: 'weekly'` to the usage endpoint. AiUsageIndicator
only knew 'daily'/'monthly' and fell through to no reset copy for a weekly
meter. It now renders "Resets in N days" (or N hours inside the final day),
derived from the endpoint's `resetsAt` — never guessed client-side — with
new @object-ui/i18n keys (base + _one/_other plural family, all ten packs).
An unrecognized resetKind still fails soft: no crash, no reset line.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This was referenced Sep 2, 2026
Merged
Closed
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@xuyushun441-sys@os-zhuang
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
perf(studio): lazy-mount live block previews in the page designer canvas - #1852
Merged
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Jun 21, 2026
Merged
perf(studio): lazy-mount live block previews in the page designer canvas#1852
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Conversation
@xuyushun441-sys
@xuyushun441-sysxuyushun441-sys
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
The page-designer canvas renders each block with the real runtime renderer. Data-bound blocks (object-grid, record:related_list, object-kanban, repeater) each fetch on mount, so a tall page fired every query at once and the canvas got sluggish as block count grew (surfaced during the designer option-sweep QA at ~30+ blocks).
Change: gate each BlockLivePreview behind an IntersectionObserver. Off-screen blocks render a lightweight placeholder and mount the real component (and fire their query) only once they scroll within ~300px of the viewport. Once mounted they stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest (import.meta.env.MODE === \"test\"), so SSR and the existing canvas tests are unaffected.
Verified in-browser on a tall page: fresh load mounts only the in-viewport blocks (4/7 deferred as placeholders, 3 mounted at a 577px viewport); scrolling a placeholder into view mounts it. No freeze regression (body pointer-events stays auto, 0 dialogs).
app-shell/previews suite green (121 tests).
🤖 Generated with Claude Code
@os-zhuang@claude
perf(studio): lazy-mount live block previews in the page designer canvas
f642192
The page-designer canvas renders each block with the real runtime renderer.
Data-bound blocks (object-grid, record:related_list, object-kanban, repeater)
each fetch on mount, so a tall page fired every query at once and the canvas
got sluggish as block count grew.
Gate each BlockLivePreview behind an IntersectionObserver: off-screen blocks
render a lightweight placeholder and mount the real component (and fire their
query) only once they scroll within ~300px of the viewport. Once mounted they
stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest
(import.meta.env.MODE === 'test'), so SSR and the existing canvas tests are
unaffected.
Verified in-browser: on a fresh load of a tall page only the in-viewport blocks
mount (others show placeholders); scrolling a placeholder into view mounts it.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel
vercelBot
commented
Jun 21, 2026

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
ProjectDeploymentActionsUpdated (UTC)
objectuiIgnoredIgnoredJun 21, 2026 6:51am
Request Review
@github-actions
github-actionsBot
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
✅ Console Performance Budget
MetricValueBudget
Main entry (gzip)58.8 KB350 KB
Entry fileindex-DUbGRdjG.js—
StatusPASS—
📦 Bundle Size Report
PackageSizeGzipped
app-shell (index.js)5.95KB2.10KB
app-shell (runtime-config.js)4.72KB1.69KB
app-shell (types.js)0.01KB0.04KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)17.16KB3.44KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)4.79KB1.88KB
auth (LoginForm.js)5.11KB1.92KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.63KB2.15KB
auth (SocialSignInButtons.js)8.89KB3.61KB
auth (UserMenu.js)3.40KB1.22KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)24.74KB6.00KB
auth (createAuthenticatedFetch.js)3.33KB1.32KB
auth (index.js)1.75KB0.76KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.01KB0.79KB
auth (useIsWorkspaceAdmin.js)1.28KB0.70KB
collaboration (CommentThread.js)18.38KB4.49KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)3.65KB1.42KB
collaboration (PresenceProvider.js)2.42KB0.96KB
collaboration (index.js)1.25KB0.53KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)414.34KB87.93KB
core (index.js)1.48KB0.54KB
create-plugin (index.js)9.28KB2.98KB
data-objectstack (index.js)97.05KB24.16KB
fields (index.js)158.94KB38.06KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)2.34KB0.93KB
i18n (pickLocalized.js)1.31KB0.67KB
i18n (provider.js)5.37KB1.72KB
i18n (useObjectLabel.js)21.15KB4.68KB
i18n (useSafeTranslation.js)2.68KB0.98KB
layout (index.js)36.30KB10.04KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.74KB
mobile (index.js)1.50KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)4.42KB1.27KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.71KB0.42KB
mobile (useResponsiveConfig.js)1.36KB0.63KB
mobile (useSpecGesture.js)1.77KB0.77KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)4.87KB1.77KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.11KB0.87KB
permissions (evaluator.js)4.00KB1.23KB
permissions (index.js)0.91KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.52KB
permissions (usePermissions.js)1.42KB0.68KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.98KB12.65KB
plugin-charts (index.js)40.52KB11.50KB
plugin-chatbot (index.js)141.13KB34.56KB
plugin-dashboard (index.js)99.00KB24.54KB
plugin-designer (index.js)213.42KB42.94KB
plugin-detail (index.js)195.45KB47.13KB
plugin-editor (index.js)2.38KB1.06KB
plugin-form (index.js)92.28KB22.42KB
plugin-gantt (index.js)122.36KB30.13KB
plugin-grid (index.js)114.52KB30.73KB
plugin-kanban (index.js)48.82KB13.13KB
plugin-list (index.js)93.13KB21.89KB
plugin-map (index.js)16.02KB4.98KB
plugin-markdown (index.js)13.58KB4.64KB
plugin-report (index.js)35.93KB9.50KB
plugin-timeline (index.js)25.37KB7.20KB
plugin-view (index.js)84.13KB20.27KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.55KB0.67KB
providers (UploadProvider.js)11.71KB3.53KB
providers (index.js)0.44KB0.22KB
providers (types.js)0.01KB0.04KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)15.64KB5.08KB
react (index.js)0.76KB0.42KB
tenant (TenantContext.js)0.31KB0.25KB
tenant (TenantGuard.js)1.04KB0.43KB
tenant (TenantProvider.js)2.76KB0.98KB
tenant (TenantScopedQuery.js)0.77KB0.44KB
tenant (index.js)0.75KB0.38KB
tenant (resolver.js)2.64KB0.76KB
tenant (useTenant.js)0.50KB0.32KB
tenant (useTenantBranding.js)0.62KB0.39KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)0.20KB0.18KB
types (crud.js)0.20KB0.18KB
types (data-display.js)0.20KB0.18KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)0.77KB0.41KB
types (disclosure.js)0.20KB0.18KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (index.js)1.54KB0.68KB
types (layout.js)0.20KB0.18KB
types (mobile.js)0.20KB0.18KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.26KB1.96KB
types (tenant.js)0.20KB0.18KB
types (theme.js)0.20KB0.18KB
types (ui-action.js)0.75KB0.46KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB
Size Limits
  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped
@xuyushun441-sys
xuyushun441-sys
merged commit 15a51f8
into
mainJun 21, 2026

10 checks passed

@xuyushun441-sys
xuyushun441-sys
deleted the

feat/designer-canvas-lazy-preview

branch
June 21, 2026 06:59
os-zhuang pushed a commit
that referenced
this pull request
Sep 2, 2026
@hotlong@claude
fix(app-shell): AiUsageIndicator recognizes resetKind 'weekly' + rese…
1b7793e
…tsAt
The free plan's AI quota moved to a rolling 7-day window (cloud PR #1852),
which added `resetKind: 'weekly'` to the usage endpoint. AiUsageIndicator
only knew 'daily'/'monthly' and fell through to no reset copy for a weekly
meter. It now renders "Resets in N days" (or N hours inside the final day),
derived from the endpoint's `resetsAt` — never guessed client-side — with
new @object-ui/i18n keys (base + _one/_other plural family, all ten packs).
An unrecognized resetKind still fails soft: no crash, no reset line.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

This was referenced Sep 2, 2026
 Merged


Closed

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@xuyushun441-sys@os-zhuang

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
perf(studio): lazy-mount live block previews in the page designer canvas - #1852
Merged
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Jun 21, 2026
Merged
perf(studio): lazy-mount live block previews in the page designer canvas#1852
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Conversation
@xuyushun441-sys
@xuyushun441-sysxuyushun441-sys
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
The page-designer canvas renders each block with the real runtime renderer. Data-bound blocks (object-grid, record:related_list, object-kanban, repeater) each fetch on mount, so a tall page fired every query at once and the canvas got sluggish as block count grew (surfaced during the designer option-sweep QA at ~30+ blocks).
Change: gate each BlockLivePreview behind an IntersectionObserver. Off-screen blocks render a lightweight placeholder and mount the real component (and fire their query) only once they scroll within ~300px of the viewport. Once mounted they stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest (import.meta.env.MODE === \"test\"), so SSR and the existing canvas tests are unaffected.
Verified in-browser on a tall page: fresh load mounts only the in-viewport blocks (4/7 deferred as placeholders, 3 mounted at a 577px viewport); scrolling a placeholder into view mounts it. No freeze regression (body pointer-events stays auto, 0 dialogs).
app-shell/previews suite green (121 tests).
🤖 Generated with Claude Code
@os-zhuang@claude
perf(studio): lazy-mount live block previews in the page designer canvas
f642192
The page-designer canvas renders each block with the real runtime renderer.
Data-bound blocks (object-grid, record:related_list, object-kanban, repeater)
each fetch on mount, so a tall page fired every query at once and the canvas
got sluggish as block count grew.
Gate each BlockLivePreview behind an IntersectionObserver: off-screen blocks
render a lightweight placeholder and mount the real component (and fire their
query) only once they scroll within ~300px of the viewport. Once mounted they
stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest
(import.meta.env.MODE === 'test'), so SSR and the existing canvas tests are
unaffected.
Verified in-browser: on a fresh load of a tall page only the in-viewport blocks
mount (others show placeholders); scrolling a placeholder into view mounts it.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel
vercelBot
commented
Jun 21, 2026

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
ProjectDeploymentActionsUpdated (UTC)
objectuiIgnoredIgnoredJun 21, 2026 6:51am
Request Review
@github-actions
github-actionsBot
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
✅ Console Performance Budget
MetricValueBudget
Main entry (gzip)58.8 KB350 KB
Entry fileindex-DUbGRdjG.js—
StatusPASS—
📦 Bundle Size Report
PackageSizeGzipped
app-shell (index.js)5.95KB2.10KB
app-shell (runtime-config.js)4.72KB1.69KB
app-shell (types.js)0.01KB0.04KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)17.16KB3.44KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)4.79KB1.88KB
auth (LoginForm.js)5.11KB1.92KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.63KB2.15KB
auth (SocialSignInButtons.js)8.89KB3.61KB
auth (UserMenu.js)3.40KB1.22KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)24.74KB6.00KB
auth (createAuthenticatedFetch.js)3.33KB1.32KB
auth (index.js)1.75KB0.76KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.01KB0.79KB
auth (useIsWorkspaceAdmin.js)1.28KB0.70KB
collaboration (CommentThread.js)18.38KB4.49KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)3.65KB1.42KB
collaboration (PresenceProvider.js)2.42KB0.96KB
collaboration (index.js)1.25KB0.53KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)414.34KB87.93KB
core (index.js)1.48KB0.54KB
create-plugin (index.js)9.28KB2.98KB
data-objectstack (index.js)97.05KB24.16KB
fields (index.js)158.94KB38.06KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)2.34KB0.93KB
i18n (pickLocalized.js)1.31KB0.67KB
i18n (provider.js)5.37KB1.72KB
i18n (useObjectLabel.js)21.15KB4.68KB
i18n (useSafeTranslation.js)2.68KB0.98KB
layout (index.js)36.30KB10.04KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.74KB
mobile (index.js)1.50KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)4.42KB1.27KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.71KB0.42KB
mobile (useResponsiveConfig.js)1.36KB0.63KB
mobile (useSpecGesture.js)1.77KB0.77KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)4.87KB1.77KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.11KB0.87KB
permissions (evaluator.js)4.00KB1.23KB
permissions (index.js)0.91KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.52KB
permissions (usePermissions.js)1.42KB0.68KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.98KB12.65KB
plugin-charts (index.js)40.52KB11.50KB
plugin-chatbot (index.js)141.13KB34.56KB
plugin-dashboard (index.js)99.00KB24.54KB
plugin-designer (index.js)213.42KB42.94KB
plugin-detail (index.js)195.45KB47.13KB
plugin-editor (index.js)2.38KB1.06KB
plugin-form (index.js)92.28KB22.42KB
plugin-gantt (index.js)122.36KB30.13KB
plugin-grid (index.js)114.52KB30.73KB
plugin-kanban (index.js)48.82KB13.13KB
plugin-list (index.js)93.13KB21.89KB
plugin-map (index.js)16.02KB4.98KB
plugin-markdown (index.js)13.58KB4.64KB
plugin-report (index.js)35.93KB9.50KB
plugin-timeline (index.js)25.37KB7.20KB
plugin-view (index.js)84.13KB20.27KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.55KB0.67KB
providers (UploadProvider.js)11.71KB3.53KB
providers (index.js)0.44KB0.22KB
providers (types.js)0.01KB0.04KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)15.64KB5.08KB
react (index.js)0.76KB0.42KB
tenant (TenantContext.js)0.31KB0.25KB
tenant (TenantGuard.js)1.04KB0.43KB
tenant (TenantProvider.js)2.76KB0.98KB
tenant (TenantScopedQuery.js)0.77KB0.44KB
tenant (index.js)0.75KB0.38KB
tenant (resolver.js)2.64KB0.76KB
tenant (useTenant.js)0.50KB0.32KB
tenant (useTenantBranding.js)0.62KB0.39KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)0.20KB0.18KB
types (crud.js)0.20KB0.18KB
types (data-display.js)0.20KB0.18KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)0.77KB0.41KB
types (disclosure.js)0.20KB0.18KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (index.js)1.54KB0.68KB
types (layout.js)0.20KB0.18KB
types (mobile.js)0.20KB0.18KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.26KB1.96KB
types (tenant.js)0.20KB0.18KB
types (theme.js)0.20KB0.18KB
types (ui-action.js)0.75KB0.46KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB
Size Limits
  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped
@xuyushun441-sys
xuyushun441-sys
merged commit 15a51f8
into
mainJun 21, 2026

10 checks passed

@xuyushun441-sys
xuyushun441-sys
deleted the

feat/designer-canvas-lazy-preview

branch
June 21, 2026 06:59
os-zhuang pushed a commit
that referenced
this pull request
Sep 2, 2026
@hotlong@claude
fix(app-shell): AiUsageIndicator recognizes resetKind 'weekly' + rese…
1b7793e
…tsAt
The free plan's AI quota moved to a rolling 7-day window (cloud PR #1852),
which added `resetKind: 'weekly'` to the usage endpoint. AiUsageIndicator
only knew 'daily'/'monthly' and fell through to no reset copy for a weekly
meter. It now renders "Resets in N days" (or N hours inside the final day),
derived from the endpoint's `resetsAt` — never guessed client-side — with
new @object-ui/i18n keys (base + _one/_other plural family, all ten packs).
An unrecognized resetKind still fails soft: no crash, no reset line.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

This was referenced Sep 2, 2026
 Merged


Closed

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@xuyushun441-sys@os-zhuang

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
perf(studio): lazy-mount live block previews in the page designer canvas - #1852
Merged
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Jun 21, 2026
Merged
perf(studio): lazy-mount live block previews in the page designer canvas#1852
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Conversation
@xuyushun441-sys
@xuyushun441-sysxuyushun441-sys
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
The page-designer canvas renders each block with the real runtime renderer. Data-bound blocks (object-grid, record:related_list, object-kanban, repeater) each fetch on mount, so a tall page fired every query at once and the canvas got sluggish as block count grew (surfaced during the designer option-sweep QA at ~30+ blocks).
Change: gate each BlockLivePreview behind an IntersectionObserver. Off-screen blocks render a lightweight placeholder and mount the real component (and fire their query) only once they scroll within ~300px of the viewport. Once mounted they stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest (import.meta.env.MODE === \"test\"), so SSR and the existing canvas tests are unaffected.
Verified in-browser on a tall page: fresh load mounts only the in-viewport blocks (4/7 deferred as placeholders, 3 mounted at a 577px viewport); scrolling a placeholder into view mounts it. No freeze regression (body pointer-events stays auto, 0 dialogs).
app-shell/previews suite green (121 tests).
🤖 Generated with Claude Code
@os-zhuang@claude
perf(studio): lazy-mount live block previews in the page designer canvas
f642192
The page-designer canvas renders each block with the real runtime renderer.
Data-bound blocks (object-grid, record:related_list, object-kanban, repeater)
each fetch on mount, so a tall page fired every query at once and the canvas
got sluggish as block count grew.
Gate each BlockLivePreview behind an IntersectionObserver: off-screen blocks
render a lightweight placeholder and mount the real component (and fire their
query) only once they scroll within ~300px of the viewport. Once mounted they
stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest
(import.meta.env.MODE === 'test'), so SSR and the existing canvas tests are
unaffected.
Verified in-browser: on a fresh load of a tall page only the in-viewport blocks
mount (others show placeholders); scrolling a placeholder into view mounts it.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel
vercelBot
commented
Jun 21, 2026

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
ProjectDeploymentActionsUpdated (UTC)
objectuiIgnoredIgnoredJun 21, 2026 6:51am
Request Review
@github-actions
github-actionsBot
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
✅ Console Performance Budget
MetricValueBudget
Main entry (gzip)58.8 KB350 KB
Entry fileindex-DUbGRdjG.js—
StatusPASS—
📦 Bundle Size Report
PackageSizeGzipped
app-shell (index.js)5.95KB2.10KB
app-shell (runtime-config.js)4.72KB1.69KB
app-shell (types.js)0.01KB0.04KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)17.16KB3.44KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)4.79KB1.88KB
auth (LoginForm.js)5.11KB1.92KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.63KB2.15KB
auth (SocialSignInButtons.js)8.89KB3.61KB
auth (UserMenu.js)3.40KB1.22KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)24.74KB6.00KB
auth (createAuthenticatedFetch.js)3.33KB1.32KB
auth (index.js)1.75KB0.76KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.01KB0.79KB
auth (useIsWorkspaceAdmin.js)1.28KB0.70KB
collaboration (CommentThread.js)18.38KB4.49KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)3.65KB1.42KB
collaboration (PresenceProvider.js)2.42KB0.96KB
collaboration (index.js)1.25KB0.53KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)414.34KB87.93KB
core (index.js)1.48KB0.54KB
create-plugin (index.js)9.28KB2.98KB
data-objectstack (index.js)97.05KB24.16KB
fields (index.js)158.94KB38.06KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)2.34KB0.93KB
i18n (pickLocalized.js)1.31KB0.67KB
i18n (provider.js)5.37KB1.72KB
i18n (useObjectLabel.js)21.15KB4.68KB
i18n (useSafeTranslation.js)2.68KB0.98KB
layout (index.js)36.30KB10.04KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.74KB
mobile (index.js)1.50KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)4.42KB1.27KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.71KB0.42KB
mobile (useResponsiveConfig.js)1.36KB0.63KB
mobile (useSpecGesture.js)1.77KB0.77KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)4.87KB1.77KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.11KB0.87KB
permissions (evaluator.js)4.00KB1.23KB
permissions (index.js)0.91KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.52KB
permissions (usePermissions.js)1.42KB0.68KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.98KB12.65KB
plugin-charts (index.js)40.52KB11.50KB
plugin-chatbot (index.js)141.13KB34.56KB
plugin-dashboard (index.js)99.00KB24.54KB
plugin-designer (index.js)213.42KB42.94KB
plugin-detail (index.js)195.45KB47.13KB
plugin-editor (index.js)2.38KB1.06KB
plugin-form (index.js)92.28KB22.42KB
plugin-gantt (index.js)122.36KB30.13KB
plugin-grid (index.js)114.52KB30.73KB
plugin-kanban (index.js)48.82KB13.13KB
plugin-list (index.js)93.13KB21.89KB
plugin-map (index.js)16.02KB4.98KB
plugin-markdown (index.js)13.58KB4.64KB
plugin-report (index.js)35.93KB9.50KB
plugin-timeline (index.js)25.37KB7.20KB
plugin-view (index.js)84.13KB20.27KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.55KB0.67KB
providers (UploadProvider.js)11.71KB3.53KB
providers (index.js)0.44KB0.22KB
providers (types.js)0.01KB0.04KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)15.64KB5.08KB
react (index.js)0.76KB0.42KB
tenant (TenantContext.js)0.31KB0.25KB
tenant (TenantGuard.js)1.04KB0.43KB
tenant (TenantProvider.js)2.76KB0.98KB
tenant (TenantScopedQuery.js)0.77KB0.44KB
tenant (index.js)0.75KB0.38KB
tenant (resolver.js)2.64KB0.76KB
tenant (useTenant.js)0.50KB0.32KB
tenant (useTenantBranding.js)0.62KB0.39KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)0.20KB0.18KB
types (crud.js)0.20KB0.18KB
types (data-display.js)0.20KB0.18KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)0.77KB0.41KB
types (disclosure.js)0.20KB0.18KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (index.js)1.54KB0.68KB
types (layout.js)0.20KB0.18KB
types (mobile.js)0.20KB0.18KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.26KB1.96KB
types (tenant.js)0.20KB0.18KB
types (theme.js)0.20KB0.18KB
types (ui-action.js)0.75KB0.46KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB
Size Limits
  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped
@xuyushun441-sys
xuyushun441-sys
merged commit 15a51f8
into
mainJun 21, 2026

10 checks passed

@xuyushun441-sys
xuyushun441-sys
deleted the

feat/designer-canvas-lazy-preview

branch
June 21, 2026 06:59
os-zhuang pushed a commit
that referenced
this pull request
Sep 2, 2026
@hotlong@claude
fix(app-shell): AiUsageIndicator recognizes resetKind 'weekly' + rese…
1b7793e
…tsAt
The free plan's AI quota moved to a rolling 7-day window (cloud PR #1852),
which added `resetKind: 'weekly'` to the usage endpoint. AiUsageIndicator
only knew 'daily'/'monthly' and fell through to no reset copy for a weekly
meter. It now renders "Resets in N days" (or N hours inside the final day),
derived from the endpoint's `resetsAt` — never guessed client-side — with
new @object-ui/i18n keys (base + _one/_other plural family, all ten packs).
An unrecognized resetKind still fails soft: no crash, no reset line.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

This was referenced Sep 2, 2026
 Merged


Closed

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@xuyushun441-sys@os-zhuang

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
perf(studio): lazy-mount live block previews in the page designer canvas - #1852
Merged
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Jun 21, 2026
Merged
perf(studio): lazy-mount live block previews in the page designer canvas#1852
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Conversation
@xuyushun441-sys
@xuyushun441-sysxuyushun441-sys
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
The page-designer canvas renders each block with the real runtime renderer. Data-bound blocks (object-grid, record:related_list, object-kanban, repeater) each fetch on mount, so a tall page fired every query at once and the canvas got sluggish as block count grew (surfaced during the designer option-sweep QA at ~30+ blocks).
Change: gate each BlockLivePreview behind an IntersectionObserver. Off-screen blocks render a lightweight placeholder and mount the real component (and fire their query) only once they scroll within ~300px of the viewport. Once mounted they stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest (import.meta.env.MODE === \"test\"), so SSR and the existing canvas tests are unaffected.
Verified in-browser on a tall page: fresh load mounts only the in-viewport blocks (4/7 deferred as placeholders, 3 mounted at a 577px viewport); scrolling a placeholder into view mounts it. No freeze regression (body pointer-events stays auto, 0 dialogs).
app-shell/previews suite green (121 tests).
🤖 Generated with Claude Code
@os-zhuang@claude
perf(studio): lazy-mount live block previews in the page designer canvas
f642192
The page-designer canvas renders each block with the real runtime renderer.
Data-bound blocks (object-grid, record:related_list, object-kanban, repeater)
each fetch on mount, so a tall page fired every query at once and the canvas
got sluggish as block count grew.
Gate each BlockLivePreview behind an IntersectionObserver: off-screen blocks
render a lightweight placeholder and mount the real component (and fire their
query) only once they scroll within ~300px of the viewport. Once mounted they
stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest
(import.meta.env.MODE === 'test'), so SSR and the existing canvas tests are
unaffected.
Verified in-browser: on a fresh load of a tall page only the in-viewport blocks
mount (others show placeholders); scrolling a placeholder into view mounts it.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel
vercelBot
commented
Jun 21, 2026

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
ProjectDeploymentActionsUpdated (UTC)
objectuiIgnoredIgnoredJun 21, 2026 6:51am
Request Review
@github-actions
github-actionsBot
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
✅ Console Performance Budget
MetricValueBudget
Main entry (gzip)58.8 KB350 KB
Entry fileindex-DUbGRdjG.js—
StatusPASS—
📦 Bundle Size Report
PackageSizeGzipped
app-shell (index.js)5.95KB2.10KB
app-shell (runtime-config.js)4.72KB1.69KB
app-shell (types.js)0.01KB0.04KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)17.16KB3.44KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)4.79KB1.88KB
auth (LoginForm.js)5.11KB1.92KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.63KB2.15KB
auth (SocialSignInButtons.js)8.89KB3.61KB
auth (UserMenu.js)3.40KB1.22KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)24.74KB6.00KB
auth (createAuthenticatedFetch.js)3.33KB1.32KB
auth (index.js)1.75KB0.76KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.01KB0.79KB
auth (useIsWorkspaceAdmin.js)1.28KB0.70KB
collaboration (CommentThread.js)18.38KB4.49KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)3.65KB1.42KB
collaboration (PresenceProvider.js)2.42KB0.96KB
collaboration (index.js)1.25KB0.53KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)414.34KB87.93KB
core (index.js)1.48KB0.54KB
create-plugin (index.js)9.28KB2.98KB
data-objectstack (index.js)97.05KB24.16KB
fields (index.js)158.94KB38.06KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)2.34KB0.93KB
i18n (pickLocalized.js)1.31KB0.67KB
i18n (provider.js)5.37KB1.72KB
i18n (useObjectLabel.js)21.15KB4.68KB
i18n (useSafeTranslation.js)2.68KB0.98KB
layout (index.js)36.30KB10.04KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.74KB
mobile (index.js)1.50KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)4.42KB1.27KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.71KB0.42KB
mobile (useResponsiveConfig.js)1.36KB0.63KB
mobile (useSpecGesture.js)1.77KB0.77KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)4.87KB1.77KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.11KB0.87KB
permissions (evaluator.js)4.00KB1.23KB
permissions (index.js)0.91KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.52KB
permissions (usePermissions.js)1.42KB0.68KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.98KB12.65KB
plugin-charts (index.js)40.52KB11.50KB
plugin-chatbot (index.js)141.13KB34.56KB
plugin-dashboard (index.js)99.00KB24.54KB
plugin-designer (index.js)213.42KB42.94KB
plugin-detail (index.js)195.45KB47.13KB
plugin-editor (index.js)2.38KB1.06KB
plugin-form (index.js)92.28KB22.42KB
plugin-gantt (index.js)122.36KB30.13KB
plugin-grid (index.js)114.52KB30.73KB
plugin-kanban (index.js)48.82KB13.13KB
plugin-list (index.js)93.13KB21.89KB
plugin-map (index.js)16.02KB4.98KB
plugin-markdown (index.js)13.58KB4.64KB
plugin-report (index.js)35.93KB9.50KB
plugin-timeline (index.js)25.37KB7.20KB
plugin-view (index.js)84.13KB20.27KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.55KB0.67KB
providers (UploadProvider.js)11.71KB3.53KB
providers (index.js)0.44KB0.22KB
providers (types.js)0.01KB0.04KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)15.64KB5.08KB
react (index.js)0.76KB0.42KB
tenant (TenantContext.js)0.31KB0.25KB
tenant (TenantGuard.js)1.04KB0.43KB
tenant (TenantProvider.js)2.76KB0.98KB
tenant (TenantScopedQuery.js)0.77KB0.44KB
tenant (index.js)0.75KB0.38KB
tenant (resolver.js)2.64KB0.76KB
tenant (useTenant.js)0.50KB0.32KB
tenant (useTenantBranding.js)0.62KB0.39KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)0.20KB0.18KB
types (crud.js)0.20KB0.18KB
types (data-display.js)0.20KB0.18KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)0.77KB0.41KB
types (disclosure.js)0.20KB0.18KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (index.js)1.54KB0.68KB
types (layout.js)0.20KB0.18KB
types (mobile.js)0.20KB0.18KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.26KB1.96KB
types (tenant.js)0.20KB0.18KB
types (theme.js)0.20KB0.18KB
types (ui-action.js)0.75KB0.46KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB
Size Limits
  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped
@xuyushun441-sys
xuyushun441-sys
merged commit 15a51f8
into
mainJun 21, 2026

10 checks passed

@xuyushun441-sys
xuyushun441-sys
deleted the

feat/designer-canvas-lazy-preview

branch
June 21, 2026 06:59
os-zhuang pushed a commit
that referenced
this pull request
Sep 2, 2026
@hotlong@claude
fix(app-shell): AiUsageIndicator recognizes resetKind 'weekly' + rese…
1b7793e
…tsAt
The free plan's AI quota moved to a rolling 7-day window (cloud PR #1852),
which added `resetKind: 'weekly'` to the usage endpoint. AiUsageIndicator
only knew 'daily'/'monthly' and fell through to no reset copy for a weekly
meter. It now renders "Resets in N days" (or N hours inside the final day),
derived from the endpoint's `resetsAt` — never guessed client-side — with
new @object-ui/i18n keys (base + _one/_other plural family, all ten packs).
An unrecognized resetKind still fails soft: no crash, no reset line.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

This was referenced Sep 2, 2026
 Merged


Closed

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@xuyushun441-sys@os-zhuang

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
perf(studio): lazy-mount live block previews in the page designer canvas - #1852
Merged
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Jun 21, 2026
Merged
perf(studio): lazy-mount live block previews in the page designer canvas#1852
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Conversation
@xuyushun441-sys
@xuyushun441-sysxuyushun441-sys
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
The page-designer canvas renders each block with the real runtime renderer. Data-bound blocks (object-grid, record:related_list, object-kanban, repeater) each fetch on mount, so a tall page fired every query at once and the canvas got sluggish as block count grew (surfaced during the designer option-sweep QA at ~30+ blocks).
Change: gate each BlockLivePreview behind an IntersectionObserver. Off-screen blocks render a lightweight placeholder and mount the real component (and fire their query) only once they scroll within ~300px of the viewport. Once mounted they stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest (import.meta.env.MODE === \"test\"), so SSR and the existing canvas tests are unaffected.
Verified in-browser on a tall page: fresh load mounts only the in-viewport blocks (4/7 deferred as placeholders, 3 mounted at a 577px viewport); scrolling a placeholder into view mounts it. No freeze regression (body pointer-events stays auto, 0 dialogs).
app-shell/previews suite green (121 tests).
🤖 Generated with Claude Code
@os-zhuang@claude
perf(studio): lazy-mount live block previews in the page designer canvas
f642192
The page-designer canvas renders each block with the real runtime renderer.
Data-bound blocks (object-grid, record:related_list, object-kanban, repeater)
each fetch on mount, so a tall page fired every query at once and the canvas
got sluggish as block count grew.
Gate each BlockLivePreview behind an IntersectionObserver: off-screen blocks
render a lightweight placeholder and mount the real component (and fire their
query) only once they scroll within ~300px of the viewport. Once mounted they
stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest
(import.meta.env.MODE === 'test'), so SSR and the existing canvas tests are
unaffected.
Verified in-browser: on a fresh load of a tall page only the in-viewport blocks
mount (others show placeholders); scrolling a placeholder into view mounts it.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel
vercelBot
commented
Jun 21, 2026

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
ProjectDeploymentActionsUpdated (UTC)
objectuiIgnoredIgnoredJun 21, 2026 6:51am
Request Review
@github-actions
github-actionsBot
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
✅ Console Performance Budget
MetricValueBudget
Main entry (gzip)58.8 KB350 KB
Entry fileindex-DUbGRdjG.js—
StatusPASS—
📦 Bundle Size Report
PackageSizeGzipped
app-shell (index.js)5.95KB2.10KB
app-shell (runtime-config.js)4.72KB1.69KB
app-shell (types.js)0.01KB0.04KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)17.16KB3.44KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)4.79KB1.88KB
auth (LoginForm.js)5.11KB1.92KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.63KB2.15KB
auth (SocialSignInButtons.js)8.89KB3.61KB
auth (UserMenu.js)3.40KB1.22KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)24.74KB6.00KB
auth (createAuthenticatedFetch.js)3.33KB1.32KB
auth (index.js)1.75KB0.76KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.01KB0.79KB
auth (useIsWorkspaceAdmin.js)1.28KB0.70KB
collaboration (CommentThread.js)18.38KB4.49KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)3.65KB1.42KB
collaboration (PresenceProvider.js)2.42KB0.96KB
collaboration (index.js)1.25KB0.53KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)414.34KB87.93KB
core (index.js)1.48KB0.54KB
create-plugin (index.js)9.28KB2.98KB
data-objectstack (index.js)97.05KB24.16KB
fields (index.js)158.94KB38.06KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)2.34KB0.93KB
i18n (pickLocalized.js)1.31KB0.67KB
i18n (provider.js)5.37KB1.72KB
i18n (useObjectLabel.js)21.15KB4.68KB
i18n (useSafeTranslation.js)2.68KB0.98KB
layout (index.js)36.30KB10.04KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.74KB
mobile (index.js)1.50KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)4.42KB1.27KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.71KB0.42KB
mobile (useResponsiveConfig.js)1.36KB0.63KB
mobile (useSpecGesture.js)1.77KB0.77KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)4.87KB1.77KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.11KB0.87KB
permissions (evaluator.js)4.00KB1.23KB
permissions (index.js)0.91KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.52KB
permissions (usePermissions.js)1.42KB0.68KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.98KB12.65KB
plugin-charts (index.js)40.52KB11.50KB
plugin-chatbot (index.js)141.13KB34.56KB
plugin-dashboard (index.js)99.00KB24.54KB
plugin-designer (index.js)213.42KB42.94KB
plugin-detail (index.js)195.45KB47.13KB
plugin-editor (index.js)2.38KB1.06KB
plugin-form (index.js)92.28KB22.42KB
plugin-gantt (index.js)122.36KB30.13KB
plugin-grid (index.js)114.52KB30.73KB
plugin-kanban (index.js)48.82KB13.13KB
plugin-list (index.js)93.13KB21.89KB
plugin-map (index.js)16.02KB4.98KB
plugin-markdown (index.js)13.58KB4.64KB
plugin-report (index.js)35.93KB9.50KB
plugin-timeline (index.js)25.37KB7.20KB
plugin-view (index.js)84.13KB20.27KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.55KB0.67KB
providers (UploadProvider.js)11.71KB3.53KB
providers (index.js)0.44KB0.22KB
providers (types.js)0.01KB0.04KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)15.64KB5.08KB
react (index.js)0.76KB0.42KB
tenant (TenantContext.js)0.31KB0.25KB
tenant (TenantGuard.js)1.04KB0.43KB
tenant (TenantProvider.js)2.76KB0.98KB
tenant (TenantScopedQuery.js)0.77KB0.44KB
tenant (index.js)0.75KB0.38KB
tenant (resolver.js)2.64KB0.76KB
tenant (useTenant.js)0.50KB0.32KB
tenant (useTenantBranding.js)0.62KB0.39KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)0.20KB0.18KB
types (crud.js)0.20KB0.18KB
types (data-display.js)0.20KB0.18KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)0.77KB0.41KB
types (disclosure.js)0.20KB0.18KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (index.js)1.54KB0.68KB
types (layout.js)0.20KB0.18KB
types (mobile.js)0.20KB0.18KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.26KB1.96KB
types (tenant.js)0.20KB0.18KB
types (theme.js)0.20KB0.18KB
types (ui-action.js)0.75KB0.46KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB
Size Limits
  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped
@xuyushun441-sys
xuyushun441-sys
merged commit 15a51f8
into
mainJun 21, 2026

10 checks passed

@xuyushun441-sys
xuyushun441-sys
deleted the

feat/designer-canvas-lazy-preview

branch
June 21, 2026 06:59
os-zhuang pushed a commit
that referenced
this pull request
Sep 2, 2026
@hotlong@claude
fix(app-shell): AiUsageIndicator recognizes resetKind 'weekly' + rese…
1b7793e
…tsAt
The free plan's AI quota moved to a rolling 7-day window (cloud PR #1852),
which added `resetKind: 'weekly'` to the usage endpoint. AiUsageIndicator
only knew 'daily'/'monthly' and fell through to no reset copy for a weekly
meter. It now renders "Resets in N days" (or N hours inside the final day),
derived from the endpoint's `resetsAt` — never guessed client-side — with
new @object-ui/i18n keys (base + _one/_other plural family, all ten packs).
An unrecognized resetKind still fails soft: no crash, no reset line.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

This was referenced Sep 2, 2026
 Merged


Closed

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@xuyushun441-sys@os-zhuang

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
perf(studio): lazy-mount live block previews in the page designer canvas - #1852
Merged
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Jun 21, 2026
Merged
perf(studio): lazy-mount live block previews in the page designer canvas#1852
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Conversation
@xuyushun441-sys
@xuyushun441-sysxuyushun441-sys
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
The page-designer canvas renders each block with the real runtime renderer. Data-bound blocks (object-grid, record:related_list, object-kanban, repeater) each fetch on mount, so a tall page fired every query at once and the canvas got sluggish as block count grew (surfaced during the designer option-sweep QA at ~30+ blocks).
Change: gate each BlockLivePreview behind an IntersectionObserver. Off-screen blocks render a lightweight placeholder and mount the real component (and fire their query) only once they scroll within ~300px of the viewport. Once mounted they stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest (import.meta.env.MODE === \"test\"), so SSR and the existing canvas tests are unaffected.
Verified in-browser on a tall page: fresh load mounts only the in-viewport blocks (4/7 deferred as placeholders, 3 mounted at a 577px viewport); scrolling a placeholder into view mounts it. No freeze regression (body pointer-events stays auto, 0 dialogs).
app-shell/previews suite green (121 tests).
🤖 Generated with Claude Code
@os-zhuang@claude
perf(studio): lazy-mount live block previews in the page designer canvas
f642192
The page-designer canvas renders each block with the real runtime renderer.
Data-bound blocks (object-grid, record:related_list, object-kanban, repeater)
each fetch on mount, so a tall page fired every query at once and the canvas
got sluggish as block count grew.
Gate each BlockLivePreview behind an IntersectionObserver: off-screen blocks
render a lightweight placeholder and mount the real component (and fire their
query) only once they scroll within ~300px of the viewport. Once mounted they
stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest
(import.meta.env.MODE === 'test'), so SSR and the existing canvas tests are
unaffected.
Verified in-browser: on a fresh load of a tall page only the in-viewport blocks
mount (others show placeholders); scrolling a placeholder into view mounts it.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel
vercelBot
commented
Jun 21, 2026

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
ProjectDeploymentActionsUpdated (UTC)
objectuiIgnoredIgnoredJun 21, 2026 6:51am
Request Review
@github-actions
github-actionsBot
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
✅ Console Performance Budget
MetricValueBudget
Main entry (gzip)58.8 KB350 KB
Entry fileindex-DUbGRdjG.js—
StatusPASS—
📦 Bundle Size Report
PackageSizeGzipped
app-shell (index.js)5.95KB2.10KB
app-shell (runtime-config.js)4.72KB1.69KB
app-shell (types.js)0.01KB0.04KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)17.16KB3.44KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)4.79KB1.88KB
auth (LoginForm.js)5.11KB1.92KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.63KB2.15KB
auth (SocialSignInButtons.js)8.89KB3.61KB
auth (UserMenu.js)3.40KB1.22KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)24.74KB6.00KB
auth (createAuthenticatedFetch.js)3.33KB1.32KB
auth (index.js)1.75KB0.76KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.01KB0.79KB
auth (useIsWorkspaceAdmin.js)1.28KB0.70KB
collaboration (CommentThread.js)18.38KB4.49KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)3.65KB1.42KB
collaboration (PresenceProvider.js)2.42KB0.96KB
collaboration (index.js)1.25KB0.53KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)414.34KB87.93KB
core (index.js)1.48KB0.54KB
create-plugin (index.js)9.28KB2.98KB
data-objectstack (index.js)97.05KB24.16KB
fields (index.js)158.94KB38.06KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)2.34KB0.93KB
i18n (pickLocalized.js)1.31KB0.67KB
i18n (provider.js)5.37KB1.72KB
i18n (useObjectLabel.js)21.15KB4.68KB
i18n (useSafeTranslation.js)2.68KB0.98KB
layout (index.js)36.30KB10.04KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.74KB
mobile (index.js)1.50KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)4.42KB1.27KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.71KB0.42KB
mobile (useResponsiveConfig.js)1.36KB0.63KB
mobile (useSpecGesture.js)1.77KB0.77KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)4.87KB1.77KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.11KB0.87KB
permissions (evaluator.js)4.00KB1.23KB
permissions (index.js)0.91KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.52KB
permissions (usePermissions.js)1.42KB0.68KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.98KB12.65KB
plugin-charts (index.js)40.52KB11.50KB
plugin-chatbot (index.js)141.13KB34.56KB
plugin-dashboard (index.js)99.00KB24.54KB
plugin-designer (index.js)213.42KB42.94KB
plugin-detail (index.js)195.45KB47.13KB
plugin-editor (index.js)2.38KB1.06KB
plugin-form (index.js)92.28KB22.42KB
plugin-gantt (index.js)122.36KB30.13KB
plugin-grid (index.js)114.52KB30.73KB
plugin-kanban (index.js)48.82KB13.13KB
plugin-list (index.js)93.13KB21.89KB
plugin-map (index.js)16.02KB4.98KB
plugin-markdown (index.js)13.58KB4.64KB
plugin-report (index.js)35.93KB9.50KB
plugin-timeline (index.js)25.37KB7.20KB
plugin-view (index.js)84.13KB20.27KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.55KB0.67KB
providers (UploadProvider.js)11.71KB3.53KB
providers (index.js)0.44KB0.22KB
providers (types.js)0.01KB0.04KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)15.64KB5.08KB
react (index.js)0.76KB0.42KB
tenant (TenantContext.js)0.31KB0.25KB
tenant (TenantGuard.js)1.04KB0.43KB
tenant (TenantProvider.js)2.76KB0.98KB
tenant (TenantScopedQuery.js)0.77KB0.44KB
tenant (index.js)0.75KB0.38KB
tenant (resolver.js)2.64KB0.76KB
tenant (useTenant.js)0.50KB0.32KB
tenant (useTenantBranding.js)0.62KB0.39KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)0.20KB0.18KB
types (crud.js)0.20KB0.18KB
types (data-display.js)0.20KB0.18KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)0.77KB0.41KB
types (disclosure.js)0.20KB0.18KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (index.js)1.54KB0.68KB
types (layout.js)0.20KB0.18KB
types (mobile.js)0.20KB0.18KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.26KB1.96KB
types (tenant.js)0.20KB0.18KB
types (theme.js)0.20KB0.18KB
types (ui-action.js)0.75KB0.46KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB
Size Limits
  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped
@xuyushun441-sys
xuyushun441-sys
merged commit 15a51f8
into
mainJun 21, 2026

10 checks passed

@xuyushun441-sys
xuyushun441-sys
deleted the

feat/designer-canvas-lazy-preview

branch
June 21, 2026 06:59
os-zhuang pushed a commit
that referenced
this pull request
Sep 2, 2026
@hotlong@claude
fix(app-shell): AiUsageIndicator recognizes resetKind 'weekly' + rese…
1b7793e
…tsAt
The free plan's AI quota moved to a rolling 7-day window (cloud PR #1852),
which added `resetKind: 'weekly'` to the usage endpoint. AiUsageIndicator
only knew 'daily'/'monthly' and fell through to no reset copy for a weekly
meter. It now renders "Resets in N days" (or N hours inside the final day),
derived from the endpoint's `resetsAt` — never guessed client-side — with
new @object-ui/i18n keys (base + _one/_other plural family, all ten packs).
An unrecognized resetKind still fails soft: no crash, no reset line.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

This was referenced Sep 2, 2026
 Merged


Closed

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@xuyushun441-sys@os-zhuang

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
perf(studio): lazy-mount live block previews in the page designer canvas - #1852
Merged
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Jun 21, 2026
Merged
perf(studio): lazy-mount live block previews in the page designer canvas#1852
xuyushun441-sys merged 1 commit into
mainfrom 
feat/designer-canvas-lazy-preview
Conversation
@xuyushun441-sys
@xuyushun441-sysxuyushun441-sys
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
The page-designer canvas renders each block with the real runtime renderer. Data-bound blocks (object-grid, record:related_list, object-kanban, repeater) each fetch on mount, so a tall page fired every query at once and the canvas got sluggish as block count grew (surfaced during the designer option-sweep QA at ~30+ blocks).
Change: gate each BlockLivePreview behind an IntersectionObserver. Off-screen blocks render a lightweight placeholder and mount the real component (and fire their query) only once they scroll within ~300px of the viewport. Once mounted they stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest (import.meta.env.MODE === \"test\"), so SSR and the existing canvas tests are unaffected.
Verified in-browser on a tall page: fresh load mounts only the in-viewport blocks (4/7 deferred as placeholders, 3 mounted at a 577px viewport); scrolling a placeholder into view mounts it. No freeze regression (body pointer-events stays auto, 0 dialogs).
app-shell/previews suite green (121 tests).
🤖 Generated with Claude Code
@os-zhuang@claude
perf(studio): lazy-mount live block previews in the page designer canvas
f642192
The page-designer canvas renders each block with the real runtime renderer.
Data-bound blocks (object-grid, record:related_list, object-kanban, repeater)
each fetch on mount, so a tall page fired every query at once and the canvas
got sluggish as block count grew.
Gate each BlockLivePreview behind an IntersectionObserver: off-screen blocks
render a lightweight placeholder and mount the real component (and fire their
query) only once they scroll within ~300px of the viewport. Once mounted they
stay mounted, so re-scrolling never re-fetches.
Renders immediately when there is no real IntersectionObserver or under vitest
(import.meta.env.MODE === 'test'), so SSR and the existing canvas tests are
unaffected.
Verified in-browser: on a fresh load of a tall page only the in-viewport blocks
mount (others show placeholders); scrolling a placeholder into view mounts it.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel
vercelBot
commented
Jun 21, 2026

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
ProjectDeploymentActionsUpdated (UTC)
objectuiIgnoredIgnoredJun 21, 2026 6:51am
Request Review
@github-actions
github-actionsBot
commented
Jun 21, 2026

Copy link


Copy Markdown

Contributor
✅ Console Performance Budget
MetricValueBudget
Main entry (gzip)58.8 KB350 KB
Entry fileindex-DUbGRdjG.js—
StatusPASS—
📦 Bundle Size Report
PackageSizeGzipped
app-shell (index.js)5.95KB2.10KB
app-shell (runtime-config.js)4.72KB1.69KB
app-shell (types.js)0.01KB0.04KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)17.16KB3.44KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)4.79KB1.88KB
auth (LoginForm.js)5.11KB1.92KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.63KB2.15KB
auth (SocialSignInButtons.js)8.89KB3.61KB
auth (UserMenu.js)3.40KB1.22KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)24.74KB6.00KB
auth (createAuthenticatedFetch.js)3.33KB1.32KB
auth (index.js)1.75KB0.76KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.01KB0.79KB
auth (useIsWorkspaceAdmin.js)1.28KB0.70KB
collaboration (CommentThread.js)18.38KB4.49KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)3.65KB1.42KB
collaboration (PresenceProvider.js)2.42KB0.96KB
collaboration (index.js)1.25KB0.53KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)414.34KB87.93KB
core (index.js)1.48KB0.54KB
create-plugin (index.js)9.28KB2.98KB
data-objectstack (index.js)97.05KB24.16KB
fields (index.js)158.94KB38.06KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)2.34KB0.93KB
i18n (pickLocalized.js)1.31KB0.67KB
i18n (provider.js)5.37KB1.72KB
i18n (useObjectLabel.js)21.15KB4.68KB
i18n (useSafeTranslation.js)2.68KB0.98KB
layout (index.js)36.30KB10.04KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.74KB
mobile (index.js)1.50KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)4.42KB1.27KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.71KB0.42KB
mobile (useResponsiveConfig.js)1.36KB0.63KB
mobile (useSpecGesture.js)1.77KB0.77KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)4.87KB1.77KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.11KB0.87KB
permissions (evaluator.js)4.00KB1.23KB
permissions (index.js)0.91KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.52KB
permissions (usePermissions.js)1.42KB0.68KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.98KB12.65KB
plugin-charts (index.js)40.52KB11.50KB
plugin-chatbot (index.js)141.13KB34.56KB
plugin-dashboard (index.js)99.00KB24.54KB
plugin-designer (index.js)213.42KB42.94KB
plugin-detail (index.js)195.45KB47.13KB
plugin-editor (index.js)2.38KB1.06KB
plugin-form (index.js)92.28KB22.42KB
plugin-gantt (index.js)122.36KB30.13KB
plugin-grid (index.js)114.52KB30.73KB
plugin-kanban (index.js)48.82KB13.13KB
plugin-list (index.js)93.13KB21.89KB
plugin-map (index.js)16.02KB4.98KB
plugin-markdown (index.js)13.58KB4.64KB
plugin-report (index.js)35.93KB9.50KB
plugin-timeline (index.js)25.37KB7.20KB
plugin-view (index.js)84.13KB20.27KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.55KB0.67KB
providers (UploadProvider.js)11.71KB3.53KB
providers (index.js)0.44KB0.22KB
providers (types.js)0.01KB0.04KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)15.64KB5.08KB
react (index.js)0.76KB0.42KB
tenant (TenantContext.js)0.31KB0.25KB
tenant (TenantGuard.js)1.04KB0.43KB
tenant (TenantProvider.js)2.76KB0.98KB
tenant (TenantScopedQuery.js)0.77KB0.44KB
tenant (index.js)0.75KB0.38KB
tenant (resolver.js)2.64KB0.76KB
tenant (useTenant.js)0.50KB0.32KB
tenant (useTenantBranding.js)0.62KB0.39KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)0.20KB0.18KB
types (crud.js)0.20KB0.18KB
types (data-display.js)0.20KB0.18KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)0.77KB0.41KB
types (disclosure.js)0.20KB0.18KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (index.js)1.54KB0.68KB
types (layout.js)0.20KB0.18KB
types (mobile.js)0.20KB0.18KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.26KB1.96KB
types (tenant.js)0.20KB0.18KB
types (theme.js)0.20KB0.18KB
types (ui-action.js)0.75KB0.46KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB
Size Limits
  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped
@xuyushun441-sys
xuyushun441-sys
merged commit 15a51f8
into
mainJun 21, 2026

10 checks passed

@xuyushun441-sys
xuyushun441-sys
deleted the

feat/designer-canvas-lazy-preview

branch
June 21, 2026 06:59
os-zhuang pushed a commit
that referenced
this pull request
Sep 2, 2026
@hotlong@claude
fix(app-shell): AiUsageIndicator recognizes resetKind 'weekly' + rese…
1b7793e
…tsAt
The free plan's AI quota moved to a rolling 7-day window (cloud PR #1852),
which added `resetKind: 'weekly'` to the usage endpoint. AiUsageIndicator
only knew 'daily'/'monthly' and fell through to no reset copy for a weekly
meter. It now renders "Resets in N days" (or N hours inside the final day),
derived from the endpoint's `resetsAt` — never guessed client-side — with
new @object-ui/i18n keys (base + _one/_other plural family, all ten packs).
An unrecognized resetKind still fails soft: no crash, no reset line.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

This was referenced Sep 2, 2026
 Merged


Closed

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@xuyushun441-sys@os-zhuang