feat(app-shell): Studio Interfaces 导航拖拽编辑(复用 AppNavCanvas) by os-zhuang · Pull Request #2064 · objectstack-ai/objectui

os-zhuang · 2026-06-29T03:06:19Z

什么

Studio Interfaces 支柱的左侧导航之前只读。本 PR 给它加拖拽编辑(ADR-0080 slice-1 的后续 #11),复用现成的 AppNavCanvas(metadata-admin 里的 DnD 导航编辑器),零新编辑器。

交互

导航头部加一个 浏览 ↔ 编辑 开关(✎ 编辑 / ✓ 完成):

浏览态(默认):原只读 NavTree,点菜单项 = 进画布预览(行为不变,零回归)。
编辑态:换成 AppNavCanvas —— 根级拖拽排序 + 双击重命名 + 增 / 删;App 维度的 保存草稿 / 发布 钉在置顶 sticky 头(不再被长列表挤到底部看不见)。

navTree 改为从单一 appDraft 派生,浏览态自动反映已发布的编辑。App 草稿/overlay 走和页面一致的 client.save/publish(env-scoped overlay)。

验证(浏览器实测,真实后端 showcase_app)

重命名 Workspace → 工作台 ✦ + 把 Data Model 拖到首位 → 保存草稿 → 发布,直接查元数据:

层	navigation 顺序
`code`(包源)	`[Workspace, Data Model, Analytics, Pages]` 未动
`overlay`(发布)	`[``Data Model, 工作台 ✦``, Analytics, Pages]`
`effective`(运行态)	同 overlay

overlayScope:env 持久化,draftStillPending:false(发布已 promote + 清 draft),浏览态切回也反映新顺序。

✅ eslint . 0 error(5 warning 不拦)
✅ tsc --noEmit(app-shell)0 error

限制(本 PR 不做)

AppNavCanvas 的 DnD 刻意只在根级(组之间)——组内叶子重排 / 跨组移动 / 叶子绑定改写要后续扩展。叶子(dashboard 用 dashboardName)在编辑卡上显示为 item 类型徽标(纯展示;叶子在此只读)。

路由 / nav

仍只在 /studio/:packageId/interfaces,不进产品 nav。仅进 objectui main,未 live(需 framework .objectui-sha bump + cloud pin 才部署)。

🤖 Generated with Claude Code

The Studio Interfaces pillar nav was browse-only. Add a browse↔edit toggle: edit mode swaps the read-only NavTree for AppNavCanvas (root-level drag-reorder, inline rename, add, remove) wired to the App's draft navigation, with app-scoped 保存草稿 / 发布 in a sticky header. navTree is now derived from a single appDraft source so browse reflects published edits. Verified live (showcase_app): rename a group + drag-reorder → 保存草稿 → 发布 writes the env overlay (navigation reordered + renamed), effective resolves to it, draft cleared. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

vercel · 2026-06-29T03:06:25Z

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

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
objectui	Ignored		Jun 29, 2026 3:06am

github-actions · 2026-06-29T03:09:47Z

✅ Console Performance Budget

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

📦 Bundle Size Report

Package	Size	Gzipped
app-shell (index.js)	7.28KB	2.63KB
app-shell (runtime-config.js)	4.72KB	1.69KB
app-shell (types.js)	0.01KB	0.04KB
auth (AuthContext.js)	0.31KB	0.24KB
auth (AuthGuard.js)	1.17KB	0.53KB
auth (AuthProvider.js)	17.90KB	3.67KB
auth (AuthShell.js)	3.49KB	1.40KB
auth (ForgotPasswordForm.js)	4.79KB	1.88KB
auth (LoginForm.js)	9.55KB	3.36KB
auth (PreviewBanner.js)	0.90KB	0.50KB
auth (RegisterForm.js)	6.63KB	2.15KB
auth (SocialSignInButtons.js)	8.89KB	3.61KB
auth (UserMenu.js)	3.40KB	1.22KB
auth (auth-gate-events.js)	1.29KB	0.66KB
auth (authStyles.js)	5.04KB	1.72KB
auth (createAuthClient.js)	26.07KB	6.30KB
auth (createAuthenticatedFetch.js)	3.93KB	1.55KB
auth (index.js)	1.75KB	0.76KB
auth (types.js)	0.59KB	0.35KB
auth (useAuth.js)	4.29KB	0.82KB
auth (useIsWorkspaceAdmin.js)	1.61KB	0.85KB
collaboration (CommentThread.js)	18.38KB	4.49KB
collaboration (LiveCursors.js)	3.17KB	1.27KB
collaboration (PresenceAvatars.js)	3.65KB	1.42KB
collaboration (PresenceProvider.js)	2.42KB	0.96KB
collaboration (index.js)	1.25KB	0.53KB
collaboration (useCommentSearch.js)	1.98KB	0.88KB
collaboration (useConflictResolution.js)	7.75KB	1.86KB
collaboration (useMentionNotifications.js)	1.81KB	0.68KB
collaboration (usePresence.js)	6.33KB	1.84KB
collaboration (useRealtimeSubscription.js)	7.91KB	2.01KB
components (index.js)	424.32KB	90.40KB
core (index.js)	1.61KB	0.57KB
create-plugin (index.js)	9.28KB	2.98KB
data-objectstack (index.js)	99.69KB	24.89KB
fields (index.js)	164.78KB	39.92KB
i18n (LocalizationContext.js)	1.76KB	0.96KB
i18n (currency.js)	1.22KB	0.64KB
i18n (i18n.js)	4.32KB	1.77KB
i18n (index.js)	2.46KB	0.96KB
i18n (pickLocalized.js)	1.31KB	0.67KB
i18n (provider.js)	5.37KB	1.72KB
i18n (useObjectLabel.js)	21.15KB	4.68KB
i18n (useSafeTranslation.js)	2.68KB	0.98KB
layout (index.js)	36.30KB	10.04KB
mobile (MobileProvider.js)	0.92KB	0.49KB
mobile (ResponsiveContainer.js)	0.94KB	0.38KB
mobile (breakpoints.js)	1.51KB	0.70KB
mobile (createOfflineDataSource.js)	5.61KB	1.74KB
mobile (index.js)	1.50KB	0.62KB
mobile (offlineQueue.js)	3.91KB	1.35KB
mobile (pwa.js)	0.97KB	0.49KB
mobile (serviceWorker.js)	1.48KB	0.62KB
mobile (serviceWorkerSource.js)	3.41KB	1.48KB
mobile (useBreakpoint.js)	1.54KB	0.65KB
mobile (useGesture.js)	4.42KB	1.27KB
mobile (useOfflineSync.js)	1.99KB	0.72KB
mobile (usePullToRefresh.js)	2.53KB	0.85KB
mobile (useResponsive.js)	0.71KB	0.42KB
mobile (useResponsiveConfig.js)	1.36KB	0.63KB
mobile (useSpecGesture.js)	1.77KB	0.77KB
mobile (useTouchTarget.js)	1.01KB	0.54KB
permissions (MePermissionsProvider.js)	5.09KB	1.84KB
permissions (PermissionContext.js)	0.31KB	0.25KB
permissions (PermissionGuard.js)	0.89KB	0.45KB
permissions (PermissionProvider.js)	3.46KB	1.03KB
permissions (evaluator.js)	4.00KB	1.23KB
permissions (index.js)	0.91KB	0.41KB
permissions (store.js)	0.91KB	0.42KB
permissions (useFieldPermissions.js)	1.28KB	0.52KB
permissions (usePermissions.js)	1.50KB	0.70KB
plugin-ai (index.js)	15.71KB	3.79KB
plugin-calendar (index.js)	45.10KB	12.33KB
plugin-charts (index.js)	46.02KB	12.96KB
plugin-chatbot (index.js)	172.74KB	41.13KB
plugin-dashboard (index.js)	108.19KB	26.87KB
plugin-designer (index.js)	213.42KB	42.94KB
plugin-detail (index.js)	197.63KB	47.59KB
plugin-editor (index.js)	2.38KB	1.06KB
plugin-form (index.js)	96.62KB	23.40KB
plugin-gantt (index.js)	136.62KB	33.88KB
plugin-grid (index.js)	121.64KB	32.95KB
plugin-kanban (index.js)	48.06KB	12.91KB
plugin-list (index.js)	94.59KB	22.33KB
plugin-map (index.js)	16.02KB	4.98KB
plugin-markdown (index.js)	13.58KB	4.64KB
plugin-report (index.js)	37.83KB	9.97KB
plugin-timeline (index.js)	25.37KB	7.20KB
plugin-tree (index.js)	8.21KB	2.76KB
plugin-view (index.js)	84.45KB	20.36KB
providers (DataSourceProvider.js)	0.75KB	0.39KB
providers (MetadataProvider.js)	1.37KB	0.59KB
providers (ThemeProvider.js)	1.55KB	0.67KB
providers (UploadProvider.js)	11.71KB	3.53KB
providers (index.js)	0.44KB	0.22KB
providers (types.js)	0.01KB	0.04KB
react (LazyPluginLoader.js)	3.77KB	1.33KB
react (SchemaRenderer.js)	18.23KB	5.97KB
react (index.js)	0.76KB	0.42KB
sdui-parser (codegen.js)	4.09KB	1.74KB
sdui-parser (index.js)	2.16KB	0.94KB
sdui-parser (parse.js)	10.04KB	2.82KB
sdui-parser (types.js)	0.29KB	0.24KB
sdui-parser (validate.js)	4.69KB	1.48KB
tenant (TenantContext.js)	0.31KB	0.25KB
tenant (TenantGuard.js)	1.04KB	0.43KB
tenant (TenantProvider.js)	2.76KB	0.98KB
tenant (TenantScopedQuery.js)	0.77KB	0.44KB
tenant (index.js)	0.75KB	0.38KB
tenant (resolver.js)	2.64KB	0.76KB
tenant (useTenant.js)	0.50KB	0.32KB
tenant (useTenantBranding.js)	0.62KB	0.39KB
types (ai.js)	0.20KB	0.17KB
types (api-types.js)	0.20KB	0.18KB
types (app.js)	2.87KB	0.99KB
types (base.js)	0.20KB	0.18KB
types (blocks.js)	0.20KB	0.18KB
types (complex.js)	0.20KB	0.18KB
types (crud.js)	0.20KB	0.18KB
types (data-display.js)	0.20KB	0.18KB
types (data-protocol.js)	0.20KB	0.19KB
types (data.js)	0.20KB	0.18KB
types (designer.js)	0.77KB	0.41KB
types (disclosure.js)	0.20KB	0.18KB
types (feedback.js)	0.20KB	0.18KB
types (field-types.js)	0.20KB	0.18KB
types (form.js)	0.20KB	0.18KB
types (index.js)	1.54KB	0.68KB
types (layout.js)	0.20KB	0.18KB
types (mobile.js)	0.20KB	0.18KB
types (navigation.js)	0.20KB	0.18KB
types (objectql.js)	0.20KB	0.18KB
types (overlay.js)	0.20KB	0.18KB
types (permissions.js)	0.20KB	0.18KB
types (plugin-scope.js)	0.20KB	0.18KB
types (record-components.js)	0.20KB	0.19KB
types (registry.js)	0.20KB	0.18KB
types (reports.js)	0.20KB	0.18KB
types (spec-report.js)	5.26KB	1.96KB
types (tenant.js)	0.20KB	0.18KB
types (theme.js)	0.20KB	0.18KB
types (ui-action.js)	0.75KB	0.46KB
types (views.js)	0.20KB	0.18KB
types (widget.js)	0.20KB	0.18KB

Size Limits

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

os-zhuang merged commit 8fb3cb3 into mainJun 29, 2026
10 checks passed

os-zhuang deleted the feat/studio-nav-dnd-edit branch June 29, 2026 03:06

Navigation Menu

Uh oh!

feat(app-shell): Studio Interfaces 导航拖拽编辑(复用 AppNavCanvas) - #2064

feat(app-shell): Studio Interfaces 导航拖拽编辑(复用 AppNavCanvas)#2064
os-zhuang merged 1 commit into
mainfrom
feat/studio-nav-dnd-edit

os-zhuang commented Jun 29, 2026

Uh oh!

vercelBot commented Jun 29, 2026

Uh oh!

Uh oh!

github-actionsBot commented Jun 29, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

os-zhuang commented Jun 29, 2026

什么

交互

验证(浏览器实测,真实后端 showcase_app)

限制(本 PR 不做)

路由 / nav

Uh oh!

vercelBot commented Jun 29, 2026

Uh oh!

Uh oh!

github-actionsBot commented Jun 29, 2026

✅ Console Performance Budget

📦 Bundle Size Report

Size Limits

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant