Skip to content

fix(studio): confirm before header SPA nav discards unsaved pillar edits (#2600) - #2606

Merged
os-zhuang merged 1 commit into
mainfrom
claude/reverent-gould-095d7a
Jul 16, 2026
Merged

fix(studio): confirm before header SPA nav discards unsaved pillar edits (#2600)#2606
os-zhuang merged 1 commit into
mainfrom
claude/reverent-gould-095d7a

Conversation

@os-zhuang

Copy link
Copy Markdown
Contributor

Summary

Follow-up to #2600 / PR #2588. The A1 fix guarded rail-driven swaps inside the Access pillar, but the Studio header was still unguarded: the pillar links (Data/Automations/Interfaces/Access) are plain react-router <Link>s, the Home button calls shellNavigate('/home'), and the PackageSwitcher calls navigate(...) — all pure SPA client navigation, so the editors' beforeunload guard never fires and a dirty pillar unmounts silently, discarding its unsaved edits (Access matrixDirty, Interfaces navDirty).

  • Dirty state lifted to the surface: AccessPillar and InterfacesPillar grow an onDirtyChange prop (the PR fix(studio): Access pillar no longer silently discards unsaved permission-matrix edits on rail switch #2588 contract — report false on unmount so a confirmed discard clears the guard by itself). AccessPillar forwards the matrix editor's report alongside its local rail guard; InterfacesPillar mirrors navDirty ref-stabilized, same as PermissionMatrixEditPage's own report.
  • Every header departure gates on window.confirm(t('engine.edit.unsavedLeaveConfirm')): pillar links (e.preventDefault() on decline), Home, PackageSwitcher row clicks, and the post-create jump into a new package.
  • Never prompts when nothing unmounts: re-clicking the open pillar / open package, and modified/aux clicks (new tab) are exempt. The deleted-package eviction in onManageChanged stays unguarded — that navigation is forced.
  • Bonus gap closed: a surface-level beforeunload guard keyed on the lifted dirty bit — Interfaces nav edits previously had no reload/close guard at all (the matrix editor has its own; double registration is harmless).

Tests

New StudioDesignSurface.pillarNavGuard.test.tsx (6 cases), rendered through the real StudioDesignSurface + AccessPillar + PermissionMatrixEditPage stack with the same mock seams as StudioDesignSurface.accessGuard.test.tsx: dirty pillar switch (cancel keeps edits / confirm lands + guard resets), clean switch, same-pillar re-click, Home button both ways, package switch both ways, clean package switch.

  • vitest run packages/app-shell/src/views/studio-design/ — 17 files / 102 tests pass
  • tsc --noEmit in packages/app-shell — clean (after building workspace deps)

Not covered: driving navDirty end-to-end (needs a full app + nav-canvas drag setup); its mirror is the same 10-line pattern the matrix path exercises. The OWD overview panel's internal dirtyCount is intentionally out of scope (also not covered by the existing rail guard) — noted on #2600.

Merge note (issue #2600 「合并注意」)

Touches StudioDesignSurface.tsx (AccessPillar mount point + props) — same file as A2 (readOnly) and PR #2599 (A3). Per the issue: serial merge, rebase whichever lands later.

🤖 Generated with Claude Code

@vercel

vercelBot commented Jul 16, 2026

Copy link
Copy Markdown

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

1 Skipped Deployment
ProjectDeploymentActionsUpdated (UTC)
objectuiIgnoredIgnoredJul 16, 2026 1:37pm

Request Review

@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Main entry (gzip)27.6 KB350 KB
Entry fileindex-CU_jWm0K.js
StatusPASS

📦 Bundle Size Report

PackageSizeGzipped
app-shell (index.js)8.17KB2.95KB
app-shell (runtime-config.js)7.42KB2.32KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)7.57KB2.97KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)21.70KB4.21KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.12KB3.41KB
auth (LoginForm.js)17.12KB5.00KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.63KB2.15KB
auth (SocialSignInButtons.js)9.60KB3.89KB
auth (UserMenu.js)3.40KB1.22KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)30.17KB7.28KB
auth (createAuthenticatedFetch.js)3.93KB1.55KB
auth (index.js)1.83KB0.79KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.86KB0.85KB
auth (useIsWorkspaceAdmin.js)1.61KB0.85KB
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)446.26KB96.59KB
core (index.js)1.82KB0.62KB
create-plugin (index.js)9.28KB2.98KB
data-objectstack (index.js)115.42KB28.53KB
fields (index.js)207.90KB50.76KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)2.46KB0.96KB
i18n (pickLocalized.js)1.70KB0.83KB
i18n (provider.js)5.37KB1.72KB
i18n (useObjectLabel.js)21.22KB4.69KB
i18n (useSafeTranslation.js)2.68KB0.98KB
layout (index.js)38.45KB10.67KB
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)5.90KB2.15KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.46KB1.03KB
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.50KB0.70KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.12KB12.34KB
plugin-charts (index.js)46.31KB13.06KB
plugin-chatbot (index.js)176.76KB42.28KB
plugin-dashboard (index.js)117.25KB29.14KB
plugin-designer (index.js)213.89KB43.03KB
plugin-detail (index.js)211.10KB51.37KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)104.96KB25.43KB
plugin-gantt (index.js)149.18KB37.17KB
plugin-grid (index.js)172.00KB45.43KB
plugin-kanban (index.js)47.23KB12.88KB
plugin-list (index.js)97.69KB23.10KB
plugin-map (index.js)16.80KB5.24KB
plugin-markdown (index.js)13.65KB4.67KB
plugin-report (index.js)37.63KB9.92KB
plugin-timeline (index.js)25.37KB7.20KB
plugin-tree (index.js)8.36KB2.81KB
plugin-view (index.js)85.72KB20.86KB
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-runtime (index.js)3.19KB1.38KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)18.70KB6.09KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)0.76KB0.42KB
sdui-parser (codegen.js)4.09KB1.74KB
sdui-parser (index.js)2.16KB0.94KB
sdui-parser (parse.js)10.04KB2.82KB
sdui-parser (types.js)0.29KB0.24KB
sdui-parser (validate.js)4.69KB1.48KB
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.67KB0.75KB
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 (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.26KB1.96KB
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

…its (#2600)
The Studio header's pillar links, Home button and PackageSwitcher are pure
react-router client navigation, so the editors' beforeunload guard never
fires — a dirty pillar unmounted silently and its unsaved edits were gone
(Access permission-matrix cells, Interfaces nav).
Pillars now mirror their dirty state up to StudioDesignSurface (the PR #2588
onDirtyChange contract: AccessPillar forwards the matrix editor's report,
InterfacesPillar mirrors navDirty ref-stabilized with an unmount reset), and
every header-driven departure gates on the same native confirm the Access
rail already uses. Same-pillar / same-package re-clicks and modified (new-tab)
clicks never prompt — nothing unmounts. A surface-level beforeunload guard
also closes the reload/close gap for nav edits, which had none.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@xuyushun441-sys
xuyushun441-sysforce-pushed the claude/reverent-gould-095d7a branch from 4982bd3 to d8b5529CompareJuly 16, 2026 13:37
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Main entry (gzip)27.6 KB350 KB
Entry fileindex-CfeCf9I7.js
StatusPASS

📦 Bundle Size Report

PackageSizeGzipped
app-shell (index.js)8.17KB2.95KB
app-shell (runtime-config.js)7.42KB2.32KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)7.57KB2.97KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)21.70KB4.21KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.12KB3.41KB
auth (LoginForm.js)17.12KB5.00KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.63KB2.15KB
auth (SocialSignInButtons.js)9.60KB3.89KB
auth (UserMenu.js)3.40KB1.22KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)30.17KB7.28KB
auth (createAuthenticatedFetch.js)3.93KB1.55KB
auth (index.js)1.83KB0.79KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.86KB0.85KB
auth (useIsWorkspaceAdmin.js)1.61KB0.85KB
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)446.37KB96.66KB
core (index.js)1.82KB0.62KB
create-plugin (index.js)9.28KB2.98KB
data-objectstack (index.js)115.42KB28.53KB
fields (index.js)208.25KB50.87KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)2.46KB0.96KB
i18n (pickLocalized.js)1.70KB0.83KB
i18n (provider.js)5.37KB1.72KB
i18n (useObjectLabel.js)21.22KB4.69KB
i18n (useSafeTranslation.js)2.68KB0.98KB
layout (index.js)38.45KB10.67KB
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)5.90KB2.15KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.46KB1.03KB
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.50KB0.70KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.12KB12.34KB
plugin-charts (index.js)46.31KB13.06KB
plugin-chatbot (index.js)176.76KB42.28KB
plugin-dashboard (index.js)117.25KB29.14KB
plugin-designer (index.js)213.89KB43.03KB
plugin-detail (index.js)212.12KB51.60KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)104.96KB25.43KB
plugin-gantt (index.js)149.18KB37.17KB
plugin-grid (index.js)172.00KB45.43KB
plugin-kanban (index.js)47.23KB12.88KB
plugin-list (index.js)97.69KB23.10KB
plugin-map (index.js)16.80KB5.24KB
plugin-markdown (index.js)13.65KB4.67KB
plugin-report (index.js)37.63KB9.92KB
plugin-timeline (index.js)25.37KB7.20KB
plugin-tree (index.js)8.36KB2.81KB
plugin-view (index.js)85.72KB20.86KB
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-runtime (index.js)3.19KB1.38KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)18.70KB6.09KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)0.76KB0.42KB
sdui-parser (codegen.js)4.09KB1.74KB
sdui-parser (index.js)2.16KB0.94KB
sdui-parser (parse.js)10.04KB2.82KB
sdui-parser (types.js)0.29KB0.24KB
sdui-parser (validate.js)4.69KB1.48KB
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.67KB0.75KB
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 (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.26KB1.96KB
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

@os-zhuang
os-zhuang merged commit 9935647 into mainJul 16, 2026
10 checks passed
@os-zhuang
os-zhuang deleted the claude/reverent-gould-095d7a branch July 16, 2026 13:46
xuyushun441-sys pushed a commit that referenced this pull request Jul 16, 2026
…d Studio header nav (#2600 follow-up)
PackageOwdOverviewPanel tracked its unsaved per-object OWD rows internally
(rowState/dirtyCount) but reported them to no one, so both unsaved-edit
guards discarded them silently: the Access rail's confirm
(confirmDiscardMatrixEdits checked only matrixDirty) and the Studio
header's surface-level pillarDirty guard from PR #2606.
- PackageOwdOverviewPanel grows onDirtyChange — same contract as
PermissionMatrixEditPage (ref-stabilized transitions, false on unmount).
- AccessPillar folds it in as owdDirty alongside matrixDirty: the rail
confirm gates on the combined bit (the two surfaces never coexist), and
the combined bit mirrors up to the surface via an effect (replacing the
reportMatrixDirty wrapper).
- Re-clicking the open OWD rail entry is now a no-op (nothing remounts, so
no confirm), mirroring the set re-click.
- The create flow now lands on the new set's matrix even from the OWD
overview (setOwdOpen(false) in doCreate), so the up-front gate's discard
warning is truthful.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
os-zhuang added a commit that referenced this pull request Jul 16, 2026
…d Studio header nav (#2600 follow-up) (#2610)
PackageOwdOverviewPanel tracked its unsaved per-object OWD rows internally
(rowState/dirtyCount) but reported them to no one, so both unsaved-edit
guards discarded them silently: the Access rail's confirm
(confirmDiscardMatrixEdits checked only matrixDirty) and the Studio
header's surface-level pillarDirty guard from PR #2606.
- PackageOwdOverviewPanel grows onDirtyChange — same contract as
PermissionMatrixEditPage (ref-stabilized transitions, false on unmount).
- AccessPillar folds it in as owdDirty alongside matrixDirty: the rail
confirm gates on the combined bit (the two surfaces never coexist), and
the combined bit mirrors up to the surface via an effect (replacing the
reportMatrixDirty wrapper).
- Re-clicking the open OWD rail entry is now a no-op (nothing remounts, so
no confirm), mirroring the set re-click.
- The create flow now lands on the new set's matrix even from the OWD
overview (setOwdOpen(false) in doCreate), so the up-front gate's discard
warning is truthful.
Co-authored-by: Jack Zhuang <277994282+os-zhuang@users.noreply.github.com>
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
os-zhuang added a commit that referenced this pull request Jul 18, 2026
…nt capabilities so the matrix hits the first screen (#2600 B1) (#2649)
The Access pillar is called "Permission Matrix", but the editor opened with
a name/label form plus the capability picker's option chips, pushing the
matrix below the fold. Two low-frequency, high-chrome sections now start
collapsed:
- Identity (name/label) collapses to a one-line summary (label · provenance ·
default/read-only badges) and expands on click. The api-name already lives
in the PageShell breadcrumb, so the summary carries the human label only.
- System capabilities: a zero-grant WRITABLE set rendered every option as an
outline chip, which read as already-owned. It now shows an explicit
"none granted · add" affordance; granted sets and read-only sets keep the
inline picker as before.
Read-only packages, the dirty/guard contracts (#2588/#2606), the history
sheet and breadcrumb (#2599) are all unaffected. Adds
PermissionMatrixEditor.basics.test.tsx and updates the settle points of the
existing matrix/guard suites (identity is now summary text, not an input).
Co-authored-by: Jack Zhuang <277994282+os-zhuang@users.noreply.github.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@os-zhuang