@@ -0,0 +1,12 @@
+---
+'@object-ui/app-shell': patch
+---
+
+Clause-②: no
+Metadata-protocol: none
+
+Studio in zh-CN no longer mixes English into three first screens.
+
+- **New package form.** Studio's landing mounts the form before the lazily fetched zh catalogue arrives, and the form kept its first, English labels ("Display name", "Human-readable package name") under the translated title. The form is now rebuilt once the catalogue lands.
+- **Automations rail.** A flow on an object that is not published yet was grouped under the object's machine name, shown uppercased. The rail's object index now includes the package's draft objects, so the group reads the object's label.
+- **Column picker.** "Add field" listed the platform's injected columns (created/updated at and by, owner) ahead of the builder's own fields. The builder's fields now come first, then the system ones, each in the order the object serves them.
@@ -0,0 +1,80 @@
+// Copyright (c) 2026 ObjectStack. Licensed under the Apache-2.0 license.
+
+/**
+ * objectstack#29706 — the New package form in a zh console read "Display
+ * name" over "Human-readable package name" under the translated title
+ * 新建软件包.
+ *
+ * Studio's landing mounts `PackageFormDialog` closed, before the lazily
+ * fetched zh `studio` catalogue is resident. The form (its labels and help
+ * lines) was memoised on the locale alone, so the `en` answer of that first
+ * render survived the catalogue's arrival, while the title, read on every
+ * render, did not. The form is now rebuilt once the catalogue lands.
+ *
+ * ⛔ No module-scope `loadStudioCatalogue('zh')` here, unlike the sibling
+ * suites: the defect only exists while the catalogue is NOT yet resident, so
+ * each case asserts that precondition first. The `dom` project runs each file
+ * isolated, so no other file can have loaded it.
+ */
+
+import '@testing-library/jest-dom/vitest';
+import * as React from 'react';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { act, cleanup, render, screen } from '@testing-library/react';
+import { I18nProvider, createI18n } from '@object-ui/i18n';
+import { isStudioCatalogueLoaded, loadStudioCatalogue } from '@object-ui/i18n/namespaces/studio';
+import { ManifestSchema } from '@objectstack/spec/kernel';
+import { PackageFormDialog } from './PackageFormDialog';
+
+beforeEach(() => {
+  vi.stubGlobal(
+    'fetch',
+    vi.fn(async () => ({ ok: true, status: 200, text: async () => '{}' }) as Response),
+  );
+});
+afterEach(() => {
+  cleanup();
+  vi.unstubAllGlobals();
+});
+
+/** The landing's shape: mounted closed, opened later by the New package card. */
+function mountClosedThenOpen(language: 'zh' | 'en') {
+  const i18n = createI18n({ defaultLanguage: language, detectBrowserLanguage: false, resources: { [language]: {} } });
+  const dialog = (open: boolean) => (
+    <I18nProvider instance={i18n}>
+      <PackageFormDialog mode="create" open={open} onOpenChange={vi.fn()} />
+    </I18nProvider>
+  );
+  const view = render(dialog(false));
+  return { open: () => view.rerender(dialog(true)) };
+}
+
+describe('the New package form after the lazy zh catalogue lands (objectstack#29706)', () => {
+  it('a dialog mounted before the zh catalogue is resident reads its labels and help in zh once opened', async () => {
+    expect(isStudioCatalogueLoaded('zh'), 'precondition: the zh catalogue is not resident yet').toBe(false);
+    const landing = mountClosedThenOpen('zh');
+    await act(async () => {
+      await loadStudioCatalogue('zh');
+    });
+    landing.open();
+    await screen.findByTestId('package-form');
+
+    expect(screen.getByText('新建软件包')).toBeInTheDocument();
+    expect(screen.getByText('显示名称')).toBeInTheDocument();
+    expect(screen.getByText('软件包的可读名称。')).toBeInTheDocument();
+    // The card's exact complaint, read from the installed spec so it cannot
+    // go vacuous when the spec rewords a `.describe()`.
+    expect(screen.queryByText('Display name')).toBeNull();
+    expect(screen.queryByText(ManifestSchema.shape.name.description!)).toBeNull();
+    expect(screen.queryByText(ManifestSchema.shape.description.description!)).toBeNull();
+  });
+
+  it('CONTROL — an en console mounted the same way keeps the spec’s own English help', async () => {
+    const landing = mountClosedThenOpen('en');
+    landing.open();
+    await screen.findByTestId('package-form');
+
+    expect(screen.getByText('Display name')).toBeInTheDocument();
+    expect(screen.getByText(ManifestSchema.shape.name.description!)).toBeInTheDocument();
+  });
+});
@@ -56,6 +56,7 @@ import {
   Label,
 } from '@object-ui/components';
 import { useMetadataLocale, t, tFormat, tOptional } from './i18n.js';
+import { isStudioCatalogueLoaded } from '@object-ui/i18n/namespaces/studio';
 import { SchemaForm, type SchemaFormIssue } from './SchemaForm.js';
 import type { FormFieldSpec, FormViewSpec } from './form-spec.js';
 import { getPackageSchema, getPackageForm } from './package-schema.js';
@@ -383,7 +384,16 @@ export function PackageFormDialog({
 }) {
   const locale = useMetadataLocale();
   const schema = React.useMemo(() => getPackageSchema(), []);
-  const form = React.useMemo(() => getPackageForm(locale, { create: mode === 'create' }), [locale, mode]);
+  // The form's labels and help lines are read from the lazily fetched studio
+  // catalogue. Landing mounts this dialog closed before that catalogue is
+  // resident, so the form is rebuilt once it lands; keyed on the locale alone
+  // it kept the `en` answer of its first render under a translated title.
+  const catalogueResident = isStudioCatalogueLoaded(locale);
+  const form = React.useMemo(
+    () => getPackageForm(locale, { create: mode === 'create' }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- the residency flag is the dependency: the form reads the catalogue through `t`
+    [locale, mode, catalogueResident],
+  );
   // objectui#11792 — the `<org>` of a derived `com.<org>.<name>` id. Null
   // outside an AuthProvider and whenever the session has no active
   // organization; `deriveCreatePackageId` then leaves the segment out.
 
@@ -0,0 +1,88 @@
+// Copyright (c) 2026 ObjectStack. Licensed under the Apache-2.0 license.
+
+/**
+ * objectstack#29706 — the column picker ("Add field") listed the platform's
+ * injected columns before the builder's own fields.
+ *
+ * The served object puts the columns `applySystemFields` injects ahead of the
+ * author's field map: the audit four and `owner_id` (`system: true`, shown),
+ * plus the hidden bookkeeping ones the list-view inspector already drops. The
+ * picker kept that order, so a builder scrolled past 创建时间 / 创建人 / 所有人
+ * to reach the fields they made. It now lists the builder's fields first and
+ * the system ones after, each in served order.
+ *
+ * The catalog below is that served order, measured on `@objectstack/objectql`'s
+ * `applySystemFields` for an object declaring `title` and `priority`, with the
+ * hidden system columns already dropped as `ObjectListViewInspector` drops them.
+ */
+
+import '@testing-library/jest-dom/vitest';
+import * as React from 'react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, fireEvent, render, screen, within } from '@testing-library/react';
+import type { ObjectFieldInfo } from './useObjectFields';
+
+// `useObjectFields` short-circuits the fetch when handed a catalog, but still
+// constructs the shared metadata client — stub it so no test reaches the
+// network (as FieldsListEditor.fieldLabels-12693.test.tsx does).
+const state = vi.hoisted(() => ({
+  metadataClient: { get: vi.fn(async () => undefined), list: vi.fn(async () => [] as unknown[]) },
+}));
+vi.mock('../useMetadata', () => ({
+  useMetadataClient: () => state.metadataClient,
+}));
+
+import { FieldsListEditor } from './FieldsListEditor';
+
+afterEach(cleanup);
+
+const SERVED: ObjectFieldInfo[] = [
+  { name: 'created_at', label: 'Created At', type: 'datetime', hidden: false, system: true },
+  { name: 'created_by', label: 'Created By', type: 'lookup', hidden: false, system: true },
+  { name: 'updated_at', label: 'Updated At', type: 'datetime', hidden: false, system: true },
+  { name: 'updated_by', label: 'Updated By', type: 'lookup', hidden: false, system: true },
+  { name: 'owner_id', label: 'Owner', type: 'lookup', hidden: false, system: true },
+  { name: 'title', label: 'Title', type: 'text', hidden: false },
+  { name: 'priority', label: 'Priority', type: 'select', hidden: false },
+];
+
+/** The picker's rows, top to bottom, by field name. */
+function pickerOrder(catalog: ObjectFieldInfo[]): string[] {
+  render(
+    <FieldsListEditor
+      variantKey="config"
+      schema={{ type: 'grid', columns: [] }}
+      columns={[]}
+      allStrings
+      objectName="repairs_repair_ticket"
+      objectFieldsOverride={catalog}
+      selectedIndex={null}
+      onPatch={vi.fn()}
+    />,
+  );
+  fireEvent.click(screen.getByRole('button', { name: /Add field/ }));
+  const list = screen.getByPlaceholderText(/Search fields/).closest('[role="dialog"]') as HTMLElement;
+  return within(list)
+    .getAllByRole('button')
+    .map((b) => b.querySelector('code')?.textContent ?? '')
+    .filter(Boolean);
+}
+
+describe('the column picker lists the builder’s own fields first (objectstack#29706)', () => {
+  it('served system-first: the builder’s fields lead, the system columns follow, each in served order', () => {
+    expect(pickerOrder(SERVED)).toEqual([
+      'title',
+      'priority',
+      'created_at',
+      'created_by',
+      'updated_at',
+      'updated_by',
+      'owner_id',
+    ]);
+  });
+
+  it('CONTROL — a catalog with no system column keeps its served order', () => {
+    const own = SERVED.filter((f) => f.system !== true);
+    expect(pickerOrder([...own].reverse())).toEqual(['priority', 'title']);
+  });
+});
@@ -303,13 +303,21 @@ export function AddFieldPopover({
   const [open, setOpen] = React.useState(false);
   const [query, setQuery] = React.useState('');
 
+  // The builder's own fields first, then the ones the platform injects
+  // (`system`), each in served order. The served object puts the injected
+  // audit and owner columns ahead of the author's fields, and they are not
+  // what a builder adds a column for first.
+  const ordered = React.useMemo(
+    () => [...fields.filter((f) => f.system !== true), ...fields.filter((f) => f.system === true)],
+    [fields],
+  );
   const filtered = React.useMemo(() => {
     const q = query.trim().toLowerCase();
-    if (!q) return fields;
-    return fields.filter(
+    if (!q) return ordered;
+    return ordered.filter(
       (f) => f.name.toLowerCase().includes(q) || f.label.toLowerCase().includes(q),
     );
-  }, [fields, query]);
+  }, [ordered, query]);
 
   return (
     <Popover open={open} onOpenChange={setOpen}>
 
@@ -0,0 +1,139 @@
+// Copyright (c) 2026 ObjectStack. Licensed under the Apache-2.0 license.
+
+/**
+ * objectstack#29706 — the Automations rail labelled a draft object's flow
+ * group with the object's machine name, which the header's `uppercase` style
+ * turned into REPAIRS_REPAIR_TICKET on a zh screen.
+ *
+ * The rail's object index (`readObjectLabels`) read the PUBLISHED objects
+ * only. An object the builder has not published yet is a draft, so the flow
+ * started on it was grouped under a name with no label. The index now merges
+ * the package's object drafts, each with the label its `_drafts` row carries,
+ * as the Data rail lists them.
+ *
+ * The whole surface at `/studio/PKG/automations`, with the harness of
+ * StudioDesignSurface.automationsRailOrder-12612.test.tsx: one published
+ * object (Account) and one draft-only object (维修工单), one flow on each.
+ * The control is a published object, whose group already read its label.
+ */
+
+import '@testing-library/jest-dom/vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen, waitFor, within } from '@testing-library/react';
+import { MemoryRouter, Route, Routes } from 'react-router-dom';
+
+const PACKAGE_ID = 'app.r41l';
+
+vi.mock('sonner', () => ({
+  toast: { error: vi.fn(), success: vi.fn(), info: vi.fn(), warning: vi.fn(), dismiss: vi.fn() },
+  Toaster: () => null,
+}));
+
+const onObject = (name: string, objectName: string) => ({
+  name,
+  label: name,
+  type: 'autolaunched',
+  status: 'active',
+  nodes: [{ id: 'start', type: 'start', config: { triggerType: 'record-after-create', objectName } }],
+  edges: [],
+});
+
+const FLOWS = [onObject('account_flow', 'crm_account'), onObject('ticket_flow', 'repairs_repair_ticket')];
+
+const mockClient = {
+  list: vi.fn(async (type: string) => {
+    if (type === 'app') return [{ name: 'sales', label: 'Sales', navigation: [] }];
+    if (type === 'object') return [{ name: 'crm_account', label: 'Account' }];
+    if (type === 'flow') return FLOWS;
+    return [];
+  }),
+  // The object the builder has not published: a `_drafts` header with its label.
+  listDrafts: vi.fn(async (query?: { type?: string }) =>
+    query?.type === 'object' ? [{ name: 'repairs_repair_ticket', label: '维修工单' }] : [],
+  ),
+  layered: vi.fn(async (type: string, name: string) => ({
+    effective: (type === 'flow' && FLOWS.find((f) => f.name === name)) || { name },
+  })),
+  getDraft: vi.fn(async () => null),
+  get: vi.fn(async () => undefined),
+  save: vi.fn(async () => ({})),
+};
+
+vi.mock('../metadata-admin/useMetadata', async (importOriginal) => {
+  const actual = await importOriginal<Record<string, unknown>>();
+  return {
+    ...actual,
+    useMetadataClient: () => mockClient,
+    useMetadataTypes: () => ({ loading: false, error: null, entries: [] }),
+  };
+});
+
+vi.mock('@object-ui/react', async (importOriginal) => {
+  const actual = await importOriginal<Record<string, unknown>>();
+  return { ...actual, useAdapter: () => ({}) };
+});
+
+vi.mock('../../components/SuggestedBindingsPanel', () => ({ SuggestedBindingsPanel: () => null }));
+vi.mock('../metadata-admin/AccessExplainPanel', () => ({ AccessExplainPanel: () => null }));
+vi.mock('./StudioAiCopilot', () => ({ StudioChatDock: () => null }));
+vi.mock('../../preview/DraftChangesPanel', () => ({ DraftChangesPanel: () => null }));
+
+import { StudioDesignSurface } from './StudioDesignSurface';
+
+const answer = (body: unknown) => ({ ok: true, status: 200, json: async () => body });
+
+beforeEach(() => {
+  vi.stubGlobal('matchMedia', (query: string) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addEventListener: () => {},
+    removeEventListener: () => {},
+    addListener: () => {},
+    removeListener: () => {},
+    dispatchEvent: () => false,
+  }));
+  vi.stubGlobal(
+    'fetch',
+    vi.fn(async (input: unknown) =>
+      String(input) === '/api/v1/packages'
+        ? answer({ success: true, data: { packages: [{ manifest: { id: PACKAGE_ID, name: 'Sales' }, writable: true }] } })
+        : answer([]),
+    ),
+  );
+});
+
+afterEach(() => {
+  cleanup();
+  vi.unstubAllGlobals();
+});
+
+function renderRail(): void {
+  render(
+    <MemoryRouter initialEntries={[`/studio/${PACKAGE_ID}/automations`]}>
+      <Routes>
+        <Route path="/studio/:packageId/:tab" element={<StudioDesignSurface />} />
+      </Routes>
+    </MemoryRouter>,
+  );
+}
+
+/** One group of the rail: its header and its flow rows. */
+const groupHeader = (key: string): Promise<HTMLElement> =>
+  screen.findByTestId(`auto-rail-group-${key}`, undefined, { timeout: 8000 });
+
+describe("a draft object's flow group reads the object's label (objectstack#29706)", () => {
+  it('a flow on an object not published yet is grouped under its draft label, not its machine name', async () => {
+    renderRail();
+    const group = await groupHeader('repairs_repair_ticket');
+    await waitFor(() => expect(group).toHaveTextContent('维修工单'));
+    expect(within(group).queryByText(/repairs_repair_ticket/i)).toBeNull();
+  });
+
+  it('CONTROL — a published object’s group reads its published label', async () => {
+    renderRail();
+    const group = await groupHeader('crm_account');
+    await waitFor(() => expect(group).toHaveTextContent('Account'));
+    expect(within(group).queryByText(/crm_account/i)).toBeNull();
+  });
+});