From e8752ff635d53f8bf08e45e5060274d37d9390b0 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 5 Jul 2026 08:34:49 +0000
Subject: [PATCH 1/2] =?UTF-8?q?feat(studio):=20package-id=20wizard=20feedb?=
 =?UTF-8?q?ack=20=E2=80=94=20stripped-chars=20notice,=20format=20hint,=20C?=
 =?UTF-8?q?JK=20fallback?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

P2 wizard-ergonomics finding from the Studio package-create dogfood
(objectstack-ai/framework#2615): the three package wizards (switcher create,
landing create, landing duplicate) silently stripped illegal id characters
(`bad id!!` -> `badid`), gave no hint about the reverse-domain format while
the create button sat disabled, and a CJK-only name produced no id
suggestion with no explanation.

Shared PackageIdInput now sanitizes with an explicit "unsupported characters
removed" notice, shows the reverse-domain format hint while the id doesn't
parse, and PackageIdSuggestionHint tells CJK-named packages to type an id
manually. sanitizePackageId extracted to packages-io (unit-tested); en+zh
strings added.
---
 .../src/views/metadata-admin/i18n.ts          |  6 ++
 .../views/studio-design/BuilderLanding.tsx    | 30 +++---
 .../studio-design/PackageIdInput.test.tsx     | 77 +++++++++++++++
 .../views/studio-design/PackageIdInput.tsx    | 94 +++++++++++++++++++
 .../studio-design/StudioDesignSurface.tsx     | 20 ++--
 .../src/views/studio-design/packages-io.ts    | 13 +++
 6 files changed, 217 insertions(+), 23 deletions(-)
 create mode 100644 packages/app-shell/src/views/studio-design/PackageIdInput.test.tsx
 create mode 100644 packages/app-shell/src/views/studio-design/PackageIdInput.tsx

diff --git a/packages/app-shell/src/views/metadata-admin/i18n.ts b/packages/app-shell/src/views/metadata-admin/i18n.ts
index eb2a74ece..d989fec28 100644
--- a/packages/app-shell/src/views/metadata-admin/i18n.ts
+++ b/packages/app-shell/src/views/metadata-admin/i18n.ts
@@ -954,6 +954,9 @@ const ENGINE_STRINGS_EN: Record<string, string> = {
   'engine.studio.pkg.none': 'No app packages yet',
   'engine.studio.pkg.namePlaceholder': 'Name (e.g. Repair Center)',
   'engine.studio.pkg.idPlaceholder': 'Package ID (e.g. com.example.repairs)',
+  'engine.studio.pkg.idStrippedNotice': 'Unsupported characters were removed — allowed: lowercase letters, digits, dots, hyphens, underscores',
+  'engine.studio.pkg.idFormatHint': 'Use a reverse-domain identifier with at least one dot, e.g. com.example.myapp',
+  'engine.studio.pkg.idFromNameUnavailable': 'No identifier could be suggested from this name — type one below (e.g. com.example.myapp)',
   'engine.studio.pkg.createWritable': 'Create writable package',
   'engine.studio.pkg.new': 'New package (writable base)',
   'engine.studio.pkg.created': 'Package {name} created (writable)',
@@ -1887,6 +1890,9 @@ const ENGINE_STRINGS_ZH: Record<string, string> = {
   'engine.studio.pkg.none': '暂无应用软件包',
   'engine.studio.pkg.namePlaceholder': '名称(如:维修中心)',
   'engine.studio.pkg.idPlaceholder': '包 ID(如:com.example.repairs)',
+  'engine.studio.pkg.idStrippedNotice': '已移除不支持的字符——仅允许小写字母、数字、点、连字符和下划线',
+  'engine.studio.pkg.idFormatHint': '请使用带至少一个点的反向域名标识,如 com.example.myapp',
+  'engine.studio.pkg.idFromNameUnavailable': '无法从该名称生成标识,请在下方手动输入(如 com.example.myapp)',
   'engine.studio.pkg.createWritable': '创建可写软件包',
   'engine.studio.pkg.new': '新建软件包(可写 base)',
   'engine.studio.pkg.created': '软件包 {name} 已创建(可写)',
diff --git a/packages/app-shell/src/views/studio-design/BuilderLanding.tsx b/packages/app-shell/src/views/studio-design/BuilderLanding.tsx
index caba0f7c4..2239f0369 100644
--- a/packages/app-shell/src/views/studio-design/BuilderLanding.tsx
+++ b/packages/app-shell/src/views/studio-design/BuilderLanding.tsx
@@ -21,6 +21,7 @@ import { toast } from 'sonner';
 import { toFieldNameLoose } from '../metadata-admin/previews/object-fields-io';
 import { t, tFormat, useMetadataLocale } from '../metadata-admin/i18n';
 import { fetchPackages, createBasePackage, duplicatePackage, PACKAGE_ID_RE, type PkgEntry } from './packages-io';
+import { PackageIdInput, PackageIdSuggestionHint } from './PackageIdInput';
 
 export function BuilderLanding(): React.ReactElement {
   const navigate = useNavigate();
@@ -168,15 +169,14 @@ export function BuilderLanding(): React.ReactElement {
                   placeholder={t('engine.studio.landing.dupNamePlaceholder', locale)}
                   className="h-7 w-full rounded-md border bg-background px-2 text-[11px] outline-none focus:ring-1 focus:ring-primary"
                 />
-                <input
+                <PackageIdInput
                   value={dupId}
-                  onChange={(e) => setDupId(e.target.value.toLowerCase().replace(/[^a-z0-9_.-]/g, ''))}
-                  onKeyDown={(e) => {
-                    if (e.key === 'Enter') void doDup();
-                    if (e.key === 'Escape') setDupFor(null);
-                  }}
+                  onChange={setDupId}
+                  onEnter={() => void doDup()}
+                  onEscape={() => setDupFor(null)}
                   placeholder={t('engine.studio.landing.dupIdPlaceholder', locale)}
-                  className="h-7 w-full rounded-md border bg-background px-2 font-mono text-[11px] outline-none focus:ring-1 focus:ring-primary"
+                  locale={locale}
+                  testId="pkg-dup-id-input"
                 />
                 {dupErr && <p className="text-[10px] text-destructive">{dupErr}</p>}
                 <div className="flex items-center gap-1.5">
@@ -222,18 +222,18 @@ export function BuilderLanding(): React.ReactElement {
               placeholder={t('engine.studio.pkg.namePlaceholder', locale)}
               className="h-7 w-full rounded-md border bg-background px-2 text-[11px] outline-none focus:ring-1 focus:ring-primary"
             />
-            <input
+            <PackageIdSuggestionHint show={!idTouched && !!newName.trim() && !newId} locale={locale} />
+            <PackageIdInput
               value={newId}
-              onChange={(e) => {
+              onChange={(v) => {
                 setIdTouched(true);
-                setNewId(e.target.value.toLowerCase().replace(/[^a-z0-9_.-]/g, ''));
-              }}
-              onKeyDown={(e) => {
-                if (e.key === 'Enter') void doCreate();
-                if (e.key === 'Escape') setCreating(false);
+                setNewId(v);
               }}
+              onEnter={() => void doCreate()}
+              onEscape={() => setCreating(false)}
               placeholder={t('engine.studio.pkg.idPlaceholder', locale)}
-              className="h-7 w-full rounded-md border bg-background px-2 font-mono text-[11px] outline-none focus:ring-1 focus:ring-primary"
+              locale={locale}
+              testId="pkg-landing-id-input"
             />
             <div className="flex items-center gap-1.5">
               <button
diff --git a/packages/app-shell/src/views/studio-design/PackageIdInput.test.tsx b/packages/app-shell/src/views/studio-design/PackageIdInput.test.tsx
new file mode 100644
index 000000000..13567a1fe
--- /dev/null
+++ b/packages/app-shell/src/views/studio-design/PackageIdInput.test.tsx
@@ -0,0 +1,77 @@
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+
+import '@testing-library/jest-dom/vitest';
+import * as React from 'react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { render, screen, fireEvent, cleanup } from '@testing-library/react';
+import { sanitizePackageId, PACKAGE_ID_RE } from './packages-io';
+import { PackageIdInput, PackageIdSuggestionHint } from './PackageIdInput';
+
+afterEach(cleanup);
+
+describe('sanitizePackageId', () => {
+  it('passes a clean reverse-domain id through unflagged', () => {
+    expect(sanitizePackageId('com.example.repairs')).toEqual({
+      value: 'com.example.repairs',
+      stripped: false,
+    });
+  });
+
+  it('flags dropped characters (the audit repro: `bad id!!` → `badid`)', () => {
+    expect(sanitizePackageId('bad id!!')).toEqual({ value: 'badid', stripped: true });
+  });
+
+  it('lowercases without flagging — nothing was lost', () => {
+    expect(sanitizePackageId('Com.Example.App')).toEqual({
+      value: 'com.example.app',
+      stripped: false,
+    });
+  });
+
+  it('flags CJK input as stripped (nothing representable remains)', () => {
+    expect(sanitizePackageId('报修')).toEqual({ value: '', stripped: true });
+  });
+});
+
+/** Controlled harness — the real callers keep the value in state. */
+function Harness() {
+  const [value, setValue] = React.useState('');
+  return <PackageIdInput value={value} onChange={setValue} testId="id-input" />;
+}
+
+describe('PackageIdInput', () => {
+  it('shows the stripped notice when illegal characters are removed, clears on a clean keystroke', () => {
+    render(<Harness />);
+    const input = screen.getByTestId('id-input');
+    fireEvent.change(input, { target: { value: 'bad id!!' } });
+    expect(input).toHaveValue('badid');
+    expect(screen.getByTestId('pkg-id-stripped')).toBeInTheDocument();
+    fireEvent.change(input, { target: { value: 'badid.app' } });
+    expect(screen.queryByTestId('pkg-id-stripped')).not.toBeInTheDocument();
+  });
+
+  it('shows the reverse-domain format hint while the id does not parse, hides once valid', () => {
+    render(<Harness />);
+    const input = screen.getByTestId('id-input');
+    fireEvent.change(input, { target: { value: 'badid' } });
+    expect(PACKAGE_ID_RE.test('badid')).toBe(false);
+    expect(screen.getByTestId('pkg-id-format-hint')).toBeInTheDocument();
+    fireEvent.change(input, { target: { value: 'com.example.app' } });
+    expect(screen.queryByTestId('pkg-id-format-hint')).not.toBeInTheDocument();
+  });
+
+  it('shows no hints for an empty value', () => {
+    render(<Harness />);
+    expect(screen.queryByTestId('pkg-id-format-hint')).not.toBeInTheDocument();
+    expect(screen.queryByTestId('pkg-id-stripped')).not.toBeInTheDocument();
+  });
+});
+
+describe('PackageIdSuggestionHint', () => {
+  it('renders only when shown (CJK name yielded no suggestion)', () => {
+    const { rerender } = render(<PackageIdSuggestionHint show={false} />);
+    expect(screen.queryByTestId('pkg-id-manual-hint')).not.toBeInTheDocument();
+    rerender(<PackageIdSuggestionHint show />);
+    expect(screen.getByTestId('pkg-id-manual-hint')).toBeInTheDocument();
+  });
+});
diff --git a/packages/app-shell/src/views/studio-design/PackageIdInput.tsx b/packages/app-shell/src/views/studio-design/PackageIdInput.tsx
new file mode 100644
index 000000000..c96b356ad
--- /dev/null
+++ b/packages/app-shell/src/views/studio-design/PackageIdInput.tsx
@@ -0,0 +1,94 @@
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+
+/**
+ * Package-identifier input shared by the three package wizards (switcher
+ * create, landing create, landing duplicate). Fixes the dogfood wizard
+ * findings (framework#2615 P2): illegal characters are still normalized
+ * away, but no longer silently — a notice says so — and while the value
+ * doesn't parse as a package id yet, an inline hint spells out the
+ * reverse-domain format instead of leaving the user staring at a disabled
+ * create button.
+ */
+
+import * as React from 'react';
+import { PACKAGE_ID_RE, sanitizePackageId } from './packages-io';
+import { t } from '../metadata-admin/i18n';
+
+export interface PackageIdInputProps {
+  value: string;
+  /** Receives the sanitized value on every keystroke. */
+  onChange: (value: string) => void;
+  onEnter?: () => void;
+  onEscape?: () => void;
+  placeholder?: string;
+  autoFocus?: boolean;
+  locale?: string;
+  testId?: string;
+}
+
+export function PackageIdInput({
+  value,
+  onChange,
+  onEnter,
+  onEscape,
+  placeholder,
+  autoFocus,
+  locale,
+  testId,
+}: PackageIdInputProps): React.ReactElement {
+  // "I typed something and it vanished" — show what was dropped until the
+  // next clean keystroke.
+  const [strippedNotice, setStrippedNotice] = React.useState(false);
+  const invalid = value.trim().length > 0 && !PACKAGE_ID_RE.test(value.trim());
+
+  return (
+    <div className="flex flex-col gap-1">
+      <input
+        autoFocus={autoFocus}
+        value={value}
+        onChange={(e) => {
+          const { value: next, stripped } = sanitizePackageId(e.target.value);
+          setStrippedNotice(stripped);
+          onChange(next);
+        }}
+        onKeyDown={(e) => {
+          if (e.key === 'Enter') onEnter?.();
+          if (e.key === 'Escape') onEscape?.();
+        }}
+        placeholder={placeholder}
+        data-testid={testId}
+        className="h-7 w-full rounded-md border bg-background px-2 font-mono text-[11px] outline-none focus:ring-1 focus:ring-primary"
+      />
+      {strippedNotice && (
+        <p className="text-[10px] text-amber-600 dark:text-amber-400" data-testid="pkg-id-stripped">
+          {t('engine.studio.pkg.idStrippedNotice', locale)}
+        </p>
+      )}
+      {invalid && (
+        <p className="text-[10px] text-muted-foreground" data-testid="pkg-id-format-hint">
+          {t('engine.studio.pkg.idFormatHint', locale)}
+        </p>
+      )}
+    </div>
+  );
+}
+
+/**
+ * Hint under the display-name input when the name yields no identifier
+ * suggestion (CJK-only names slug to nothing) — say the id must be typed
+ * manually instead of leaving the id box silently empty.
+ */
+export function PackageIdSuggestionHint({
+  show,
+  locale,
+}: {
+  show: boolean;
+  locale?: string;
+}): React.ReactElement | null {
+  if (!show) return null;
+  return (
+    <p className="text-[10px] text-muted-foreground" data-testid="pkg-id-manual-hint">
+      {t('engine.studio.pkg.idFromNameUnavailable', locale)}
+    </p>
+  );
+}
diff --git a/packages/app-shell/src/views/studio-design/StudioDesignSurface.tsx b/packages/app-shell/src/views/studio-design/StudioDesignSurface.tsx
index 34add9fcf..940869cd9 100644
--- a/packages/app-shell/src/views/studio-design/StudioDesignSurface.tsx
+++ b/packages/app-shell/src/views/studio-design/StudioDesignSurface.tsx
@@ -69,6 +69,7 @@ import { ObjectFormDesigner } from './ObjectFormDesigner';
 import { ObjectValidationsPanel } from './ObjectValidationsPanel';
 import { ObjectSettingsPanel } from './ObjectSettingsPanel';
 import { fetchPackages, createBasePackage, PACKAGE_ID_RE, type PkgEntry } from './packages-io';
+import { PackageIdInput, PackageIdSuggestionHint } from './PackageIdInput';
 import { DraftChangesPanel } from '../../preview/DraftChangesPanel';
 import { toast } from 'sonner';
 
@@ -279,18 +280,21 @@ function PackageSwitcher({ packageId, tab }: { packageId: string; tab: string })
                     placeholder={t('engine.studio.pkg.namePlaceholder', locale)}
                     className="h-7 w-full rounded-md border bg-background px-2 text-[11px] outline-none focus:ring-1 focus:ring-primary"
                   />
-                  <input
+                  <PackageIdSuggestionHint
+                    show={!idTouched && !!newName.trim() && !newId}
+                    locale={locale}
+                  />
+                  <PackageIdInput
                     value={newId}
-                    onChange={(e) => {
+                    onChange={(v) => {
                       setIdTouched(true);
-                      setNewId(e.target.value.toLowerCase().replace(/[^a-z0-9_.-]/g, ''));
-                    }}
-                    onKeyDown={(e) => {
-                      if (e.key === 'Enter') void doCreate();
-                      if (e.key === 'Escape') setCreating(false);
+                      setNewId(v);
                     }}
+                    onEnter={() => void doCreate()}
+                    onEscape={() => setCreating(false)}
                     placeholder={t('engine.studio.pkg.idPlaceholder', locale)}
-                    className="h-7 w-full rounded-md border bg-background px-2 font-mono text-[11px] outline-none focus:ring-1 focus:ring-primary"
+                    locale={locale}
+                    testId="pkg-switcher-id-input"
                   />
                   {err && <p className="text-[10px] text-destructive">{err}</p>}
                   <div className="flex items-center gap-1.5">
diff --git a/packages/app-shell/src/views/studio-design/packages-io.ts b/packages/app-shell/src/views/studio-design/packages-io.ts
index c869fe967..89577a0bb 100644
--- a/packages/app-shell/src/views/studio-design/packages-io.ts
+++ b/packages/app-shell/src/views/studio-design/packages-io.ts
@@ -81,3 +81,16 @@ export async function duplicatePackage(sourceId: string, targetId: string, targe
 }
 
 export const PACKAGE_ID_RE = /^[a-z][a-z0-9_.-]*(\.[a-z0-9_-]+)+$/;
+
+/**
+ * Normalize raw package-id keystrokes to the allowed alphabet, and SAY when
+ * something was dropped — the wizard used to strip illegal characters
+ * silently (`bad id!!` → `badid`), which reads as the input eating keys.
+ * The `stripped` flag drives an inline notice; PACKAGE_ID_RE stays the
+ * format authority (reverse-domain, e.g. `com.example.myapp`).
+ */
+export function sanitizePackageId(raw: string): { value: string; stripped: boolean } {
+  const value = raw.toLowerCase().replace(/[^a-z0-9_.-]/g, '');
+  // Lowercasing is benign normalization; only actually-dropped characters warrant the notice.
+  return { value, stripped: value.length !== raw.length };
+}

From 11076ef9629c4373336be95b7af5b4bbaa3338c9 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 5 Jul 2026 08:51:27 +0000
Subject: [PATCH 2/2] =?UTF-8?q?feat(studio):=20P3=20polish=20=E2=80=94=20d?=
 =?UTF-8?q?edupe=20Actions=20column,=20verb=20consistency,=20branded=20spl?=
 =?UTF-8?q?ash,=20picklist=20layout,=20save=20confirmation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Five P3 findings from the Studio package-create dogfood (framework#2615):

- Records grid dropped a field named `actions` from its data columns so it
  no longer duplicates the always-pinned row-actions column.
- ObjectView's create button uses console.objectView.new ("New" / 新建),
  matching the runtime object pages instead of a hardcoded "Create".
- Console pre-auth loading gate renders the branded LoadingScreen instead of
  a bare "Loading…".
- Picklist option-editor rows split into two lines so value/label inputs and
  CJK labels stop truncating.
- Data pillar "Save draft" now confirms with a success toast + "last saved"
  timestamp, matching the App/Automations pillars.

The "read-only toast fires twice" sub-item was investigated: the data-table
inline editor already guards the Enter+blur pair (skipBlurSaveRef) and
ObjectGrid's Enter-vs-check-button are distinct gestures — no reproducible
double-fire from static analysis, left for the live browser pass.
---
 .changeset/studio-wizard-and-p3-polish.md     |  29 +++++
 .../app-shell/src/console/ConsoleShell.tsx    |  13 +-
 .../src/views/metadata-admin/i18n.ts          |   4 +
 .../inspectors/ObjectFieldInspector.tsx       | 119 ++++++++++--------
 .../studio-design/StudioDesignSurface.tsx     |  26 +++-
 packages/plugin-view/package.json             |   1 +
 packages/plugin-view/src/ObjectView.tsx       |  23 +++-
 .../src/__tests__/ObjectView.test.tsx         |   5 +-
 pnpm-lock.yaml                                |   3 +
 9 files changed, 159 insertions(+), 64 deletions(-)
 create mode 100644 .changeset/studio-wizard-and-p3-polish.md

diff --git a/.changeset/studio-wizard-and-p3-polish.md b/.changeset/studio-wizard-and-p3-polish.md
new file mode 100644
index 000000000..5dfd91457
--- /dev/null
+++ b/.changeset/studio-wizard-and-p3-polish.md
@@ -0,0 +1,29 @@
+---
+"@object-ui/app-shell": minor
+"@object-ui/plugin-view": patch
+---
+
+Studio package-create dogfood follow-ups (framework#2615 — P2 wizard + P3 polish):
+
+- **Package-id wizard feedback.** The three package wizards (switcher create,
+  landing create, landing duplicate) share a new `PackageIdInput`: illegal
+  characters are still normalized away, but no longer silently — a notice
+  says what was removed — a reverse-domain format hint shows while the id
+  doesn't parse, and a CJK-only name that yields no id suggestion is told to
+  type one manually instead of leaving the id box mysteriously empty.
+- **Records-grid duplicate "Actions" column.** A field literally named
+  `actions` is now dropped from the Studio grid's data columns, so it no
+  longer collides with the always-pinned row-actions column (it stays
+  editable in the form designer).
+- **Record-create verb consistency.** The `ObjectView` toolbar create button
+  resolved a hardcoded English "Create"; it now uses the same
+  `console.objectView.new` ("New" / 新建) key as the runtime object pages so
+  Studio and the running app agree.
+- **Branded cold-load splash.** The console's pre-auth loading gate rendered a
+  bare "Loading…"; it now shows the branded, boot-safe `LoadingScreen`.
+- **Picklist option editor.** Value/label inputs and CJK option labels no
+  longer truncate — the six controls that shared one cramped row are split
+  into a two-row layout so the inputs get the full panel width.
+- **Draft-save confirmation.** The Data pillar's "Save draft" now shows a
+  success toast and a "last saved HH:MM" indicator, matching the App and
+  Automations pillars.
diff --git a/packages/app-shell/src/console/ConsoleShell.tsx b/packages/app-shell/src/console/ConsoleShell.tsx
index 58649b2f3..8bc782e6b 100644
--- a/packages/app-shell/src/console/ConsoleShell.tsx
+++ b/packages/app-shell/src/console/ConsoleShell.tsx
@@ -29,14 +29,17 @@ import {
   useAttachUserStateAdapters,
 } from '../context/UserStateAdapters';
 import { ThemeProvider } from '../chrome/ThemeProvider';
+import { LoadingScreen } from '../chrome/LoadingScreen';
 import { RemediationOverlay } from './RemediationOverlay';
 
+// The console's every pre-React / pre-auth gate (Suspense fallback, adapter
+// not ready, org/auth loading) renders this. It used to be a bare, unbranded
+// "Loading…" line — ~8s of blank chrome before the login redirect on a cold
+// /_console load (framework#2615 P3). Delegate to the branded, boot-safe
+// splash (logo + product name + step list) that the rest of the shell already
+// uses, so the cold load looks like the product from the first frame.
 export function LoadingFallback() {
-  return (
-    <div className="h-screen flex items-center justify-center text-sm text-muted-foreground">
-      Loading…
-    </div>
-  );
+  return <LoadingScreen />;
 }
 
 /**
diff --git a/packages/app-shell/src/views/metadata-admin/i18n.ts b/packages/app-shell/src/views/metadata-admin/i18n.ts
index d989fec28..5593d6795 100644
--- a/packages/app-shell/src/views/metadata-admin/i18n.ts
+++ b/packages/app-shell/src/views/metadata-admin/i18n.ts
@@ -856,6 +856,8 @@ const ENGINE_STRINGS_EN: Record<string, string> = {
   'engine.studio.create': 'Create',
   'engine.studio.createDraft': 'Create (save as draft)',
   'engine.studio.saveDraft': 'Save draft',
+  'engine.studio.data.savedDraft': 'Object “{label}” saved as draft',
+  'engine.studio.data.lastSaved': 'Saved {time}',
   'engine.studio.publish': 'Publish',
   'engine.studio.loading': 'Loading…',
   'engine.studio.loadFailed': 'Failed to load',
@@ -1792,6 +1794,8 @@ const ENGINE_STRINGS_ZH: Record<string, string> = {
   'engine.studio.create': '创建',
   'engine.studio.createDraft': '创建(存为草稿)',
   'engine.studio.saveDraft': '保存草稿',
+  'engine.studio.data.savedDraft': '对象「{label}」已存为草稿',
+  'engine.studio.data.lastSaved': '已于 {time} 保存',
   'engine.studio.publish': '发布',
   'engine.studio.loading': '加载中…',
   'engine.studio.loadFailed': '加载失败',
diff --git a/packages/app-shell/src/views/metadata-admin/inspectors/ObjectFieldInspector.tsx b/packages/app-shell/src/views/metadata-admin/inspectors/ObjectFieldInspector.tsx
index bd47680bb..86ec1fa30 100644
--- a/packages/app-shell/src/views/metadata-admin/inspectors/ObjectFieldInspector.tsx
+++ b/packages/app-shell/src/views/metadata-admin/inspectors/ObjectFieldInspector.tsx
@@ -757,61 +757,72 @@ function OptionsEditor({
       {rows.length === 0 ? (
         <div className="text-[11px] italic text-muted-foreground px-1">{t('designer.field.noValues', locale)}</div>
       ) : (
-        <div className="space-y-1">
+        <div className="space-y-1.5">
           {rows.map((o, i) => (
-            <div key={i} className="flex items-center gap-1">
-              <Input
-                value={o.value}
-                onChange={(e) => update(i, { value: e.target.value })}
-                placeholder={t('designer.field.optValue', locale)}
-                disabled={disabled}
-                className="h-7 text-xs font-mono flex-1"
-              />
-              <Input
-                value={o.label ?? ''}
-                onChange={(e) => update(i, { label: e.target.value })}
-                placeholder={t('designer.field.optLabel', locale)}
-                disabled={disabled}
-                className="h-7 text-xs flex-1"
-              />
-              <input
-                type="color"
-                value={o.color ?? '#cccccc'}
-                onChange={(e) => update(i, { color: e.target.value })}
-                disabled={disabled}
-                className="h-7 w-7 rounded border bg-background cursor-pointer p-0.5"
-                title={t('designer.field.optColor', locale)}
-              />
-              <Button
-                variant="ghost"
-                size="sm"
-                className="h-7 w-7 p-0"
-                onClick={() => move(i, i - 1)}
-                disabled={disabled || i === 0}
-                aria-label={t('designer.field.moveUp', locale)}
-              >
-                <ArrowUp className="h-3 w-3" />
-              </Button>
-              <Button
-                variant="ghost"
-                size="sm"
-                className="h-7 w-7 p-0"
-                onClick={() => move(i, i + 1)}
-                disabled={disabled || i === rows.length - 1}
-                aria-label={t('designer.field.moveDown', locale)}
-              >
-                <ArrowDown className="h-3 w-3" />
-              </Button>
-              <Button
-                variant="ghost"
-                size="sm"
-                className="h-7 w-7 p-0 text-destructive"
-                onClick={() => remove(i)}
-                disabled={disabled}
-                aria-label={t('designer.field.removeValue', locale)}
-              >
-                <X className="h-3 w-3" />
-              </Button>
+            // Two rows per option: the value/label inputs get the full panel
+            // width (min-w-0 lets them shrink cleanly instead of clipping their
+            // own placeholders), while the color swatch and reorder/remove
+            // controls sit on a compact strip below — previously all six
+            // controls shared one line, squeezing the inputs until "Value" /
+            // "Label" and CJK option labels truncated (framework#2615 P3).
+            <div key={i} className="rounded-md border border-border/60 p-1.5 space-y-1">
+              <div className="flex items-center gap-1">
+                <Input
+                  value={o.value}
+                  onChange={(e) => update(i, { value: e.target.value })}
+                  placeholder={t('designer.field.optValue', locale)}
+                  disabled={disabled}
+                  className="h-7 min-w-0 flex-1 text-xs font-mono"
+                />
+                <Input
+                  value={o.label ?? ''}
+                  onChange={(e) => update(i, { label: e.target.value })}
+                  placeholder={t('designer.field.optLabel', locale)}
+                  disabled={disabled}
+                  className="h-7 min-w-0 flex-1 text-xs"
+                />
+              </div>
+              <div className="flex items-center gap-1">
+                <input
+                  type="color"
+                  value={o.color ?? '#cccccc'}
+                  onChange={(e) => update(i, { color: e.target.value })}
+                  disabled={disabled}
+                  className="h-6 w-6 rounded border bg-background cursor-pointer p-0.5"
+                  title={t('designer.field.optColor', locale)}
+                />
+                <span className="flex-1" />
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  className="h-6 w-6 p-0"
+                  onClick={() => move(i, i - 1)}
+                  disabled={disabled || i === 0}
+                  aria-label={t('designer.field.moveUp', locale)}
+                >
+                  <ArrowUp className="h-3 w-3" />
+                </Button>
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  className="h-6 w-6 p-0"
+                  onClick={() => move(i, i + 1)}
+                  disabled={disabled || i === rows.length - 1}
+                  aria-label={t('designer.field.moveDown', locale)}
+                >
+                  <ArrowDown className="h-3 w-3" />
+                </Button>
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  className="h-6 w-6 p-0 text-destructive"
+                  onClick={() => remove(i)}
+                  disabled={disabled}
+                  aria-label={t('designer.field.removeValue', locale)}
+                >
+                  <X className="h-3 w-3" />
+                </Button>
+              </div>
             </div>
           ))}
         </div>
diff --git a/packages/app-shell/src/views/studio-design/StudioDesignSurface.tsx b/packages/app-shell/src/views/studio-design/StudioDesignSurface.tsx
index 940869cd9..a6f09fef3 100644
--- a/packages/app-shell/src/views/studio-design/StudioDesignSurface.tsx
+++ b/packages/app-shell/src/views/studio-design/StudioDesignSurface.tsx
@@ -1450,6 +1450,10 @@ function DataPillar({
   const [dirty, setDirty] = React.useState(false);
   const [hasDraft, setHasDraft] = React.useState(false);
   const [saving, setSaving] = React.useState<false | 'draft' | 'publish'>(false);
+  // Timestamp of the last successful draft save — renders a "last saved HH:MM"
+  // hint next to the Save button (framework#2615 P3: nothing confirmed a draft
+  // save persisted, unlike the sibling pillars which toast).
+  const [savedAt, setSavedAt] = React.useState<Date | null>(null);
   const [gridVer, setGridVer] = React.useState(0);
   // Records grid ⇄ Form ⇄ Validations ⇄ Settings — four views of the SAME
   // object. Grid/Form are the runtime renderer (same-renderer principle);
@@ -1615,13 +1619,15 @@ function DataPillar({
       await client.save('object', current.name, objDraft, { mode: 'draft', packageId });
       setHasDraft(true);
       setDirty(false);
+      setSavedAt(new Date());
+      toast.success(tFormat('engine.studio.data.savedDraft', locale, { label: current.label }));
       onDraftSaved?.();
     } catch (e) {
       setError(formatMetadataError(e));
     } finally {
       setSaving(false);
     }
-  }, [client, current, objDraft, onDraftSaved]);
+  }, [client, current, objDraft, onDraftSaved, packageId, locale]);
 
   // Drag-reorder columns → reorder the object's `fields` metadata (field display
   // order follows metadata order), saved as a DRAFT. Published later via the
@@ -1676,11 +1682,21 @@ function DataPillar({
             {t('engine.studio.unpublishedDraft', locale)}
           </span>
         )}
+        {savedAt && !dirty && (
+          <span className="ml-auto text-[11px] text-muted-foreground" data-testid="data-saved-at">
+            {tFormat('engine.studio.data.lastSaved', locale, {
+              time: savedAt.toLocaleTimeString(locale, { hour: '2-digit', minute: '2-digit' }),
+            })}
+          </span>
+        )}
         <button
           onClick={doSave}
           disabled={!current || !dirty || !!saving || readOnly}
           title={readOnly ? t('engine.studio.pkg.readonlyHint', locale) : undefined}
-          className="ml-auto inline-flex items-center gap-1 rounded-md border px-2.5 py-1 text-xs hover:bg-muted disabled:opacity-50"
+          className={
+            (savedAt && !dirty ? '' : 'ml-auto ') +
+            'inline-flex items-center gap-1 rounded-md border px-2.5 py-1 text-xs hover:bg-muted disabled:opacity-50'
+          }
         >
           {saving === 'draft' ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <Save className="h-3.5 w-3.5" />}
           {t('engine.studio.saveDraft', locale)}
@@ -1954,7 +1970,11 @@ function DataPillar({
                           table: {
                             fields: readFields(objDraft.fields)
                               .entries.map((e) => e.name)
-                              .filter((n) => !STUDIO_SYSTEM_FIELD_NAMES.has(n)),
+                              // Also drop a field named `actions`: the grid always pins
+                              // its own row-actions column headed "Actions", so a data
+                              // column of the same name reads as a duplicated column.
+                              // The field stays editable in the form designer.
+                              .filter((n) => !STUDIO_SYSTEM_FIELD_NAMES.has(n) && n !== 'actions'),
                           },
                         } as never
                       }
diff --git a/packages/plugin-view/package.json b/packages/plugin-view/package.json
index 2d97974ae..965042b4f 100644
--- a/packages/plugin-view/package.json
+++ b/packages/plugin-view/package.json
@@ -25,6 +25,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@object-ui/components": "workspace:*",
     "@object-ui/core": "workspace:*",
+    "@object-ui/i18n": "workspace:*",
     "@object-ui/plugin-form": "workspace:*",
     "@object-ui/plugin-grid": "workspace:*",
     "@object-ui/react": "workspace:*",
diff --git a/packages/plugin-view/src/ObjectView.tsx b/packages/plugin-view/src/ObjectView.tsx
index 687873bc1..d860c9eb7 100644
--- a/packages/plugin-view/src/ObjectView.tsx
+++ b/packages/plugin-view/src/ObjectView.tsx
@@ -57,6 +57,7 @@ import {
   useIsMobile,
 } from '@object-ui/components';
 import { Plus } from 'lucide-react';
+import { useObjectTranslation } from '@object-ui/i18n';
 import { buildExpandFields } from '@object-ui/core';
 import { SchemaRenderer as ImportedSchemaRenderer } from '@object-ui/react';
 import { ViewSwitcher } from './ViewSwitcher';
@@ -67,6 +68,25 @@ import { deriveRecordSurface } from './recordSurface';
  */
 const SchemaRendererComponent: React.FC<any> = ImportedSchemaRenderer;
 
+/**
+ * Record-create verb, shared with the runtime object pages: both surfaces
+ * resolve `console.objectView.new` ("New" / 新建) so the Studio grid toolbar
+ * and the running app never disagree (framework#2615 P3). Falls back to
+ * English when no I18nProvider is mounted (standalone usage). The try/catch
+ * mirrors plugin-grid's useGridTranslation — the hook is always attempted
+ * first thing, so call order is stable.
+ */
+function useCreateVerb(): string {
+  try {
+    // eslint-disable-next-line react-hooks/rules-of-hooks -- always the first call; catch only guards a missing provider
+    const { t } = useObjectTranslation();
+    const value = t('console.objectView.new');
+    return value === 'console.objectView.new' ? 'New' : value;
+  } catch {
+    return 'New';
+  }
+}
+
 export interface ObjectViewProps {
   /**
    * The schema configuration for the view
@@ -223,6 +243,7 @@ export const ObjectView: React.FC<ObjectViewProps> = ({
   onCreateView,
   onViewAction,
 }) => {
+  const createVerb = useCreateVerb();
   const [objectSchema, setObjectSchema] = useState<Record<string, unknown> | null>(null);
   // Assigned in the render body (not in an effect) so the fetchData effect always
   // reads the latest objectSchema without needing it as a dependency. This matches
@@ -1115,7 +1136,7 @@ export const ObjectView: React.FC<ObjectViewProps> = ({
               {showCreateButton && (
                 <Button size="sm" onClick={handleCreate}>
                   <Plus className="h-4 w-4" />
-                  Create
+                  {createVerb}
                 </Button>
               )}
             </div>
diff --git a/packages/plugin-view/src/__tests__/ObjectView.test.tsx b/packages/plugin-view/src/__tests__/ObjectView.test.tsx
index 72a60051a..5b7f9f4b2 100644
--- a/packages/plugin-view/src/__tests__/ObjectView.test.tsx
+++ b/packages/plugin-view/src/__tests__/ObjectView.test.tsx
@@ -138,7 +138,10 @@ describe('ObjectView', () => {
 
       render(<ObjectView schema={schema} dataSource={mockDataSource} />);
 
-      expect(screen.getByText('Create')).toBeDefined();
+      // The record-create verb now matches the runtime object pages ("New" /
+      // console.objectView.new); with no I18nProvider mounted it falls back to
+      // the English default "New" (framework#2615 P3 — verb consistency).
+      expect(screen.getByText('New')).toBeDefined();
     });
 
     it('should hide create button when showCreate is false', () => {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1e8c73207..01f0e730f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2405,6 +2405,9 @@ importers:
       '@object-ui/core':
         specifier: workspace:*
         version: link:../core
+      '@object-ui/i18n':
+        specifier: workspace:*
+        version: link:../i18n
       '@object-ui/plugin-form':
         specifier: workspace:*
         version: link:../plugin-form