@@ -0,0 +1,10 @@
+---
+'@object-ui/i18n': patch
+---
+
+feat(i18n): `studio` namespace rows for the Studio nav-item inspector's badge, order and visible-condition fields
+
+Clause-②: no
+Metadata-protocol: none
+
+- **Eleven new `engine.inspector.appNav.*` keys** in `@object-ui/i18n/namespaces/studio`, in `en` and `zh`: the badge and its style (with the four style names the spec's `badgeVariant` declares), the order and its hint, and two hints for the `visible` condition. They label the fields the Studio's Interfaces nav-item inspector now offers for keys a navigation entry already declares (objectstack#26740). Additive: no key changes or goes, no export changes.
@@ -41,12 +41,10 @@ import * as React from 'react';
 import { resolveHref } from '@object-ui/layout';
 import type { NavigationItem } from '@object-ui/types';
 import type { I18nLabel } from '@objectstack/spec/ui';
-import { Plus, X } from 'lucide-react';
 import { Label } from '@object-ui/components';
 import type { MetadataInspectorProps } from '../inspector-registry.js';
 import { t } from '../i18n.js';
 import { useMetadataClient } from '../useMetadata.js';
-import { useObjectFields } from '../previews/useObjectFields.js';
 import { useNavTargetLabel } from '../../../hooks/useNavTargetLabel.js';
 import {
   clearedLabel,
@@ -66,6 +64,7 @@ import {
   moveArray,
 } from './_shared.js';
 import { InspectorComboField } from './InspectorComboField.js';
+import { FiltersEditor } from './NavFiltersEditor.js';
 import { IconPickerWidget } from '../widgets.js';
 import {
   NAV_ITEM_TYPES,
@@ -221,95 +220,6 @@ const PREVIEW_CTX = {
   currentOrgId: '{current_org_id}',
 };
 
-/** Key/value rows editor for the `filters` landing mode (ADR-0055). */
-function FiltersEditor({
-  objectName,
-  filters,
-  onCommit,
-  disabled,
-  locale,
-}: {
-  objectName: string;
-  filters: Record<string, string>;
-  onCommit: (next: Record<string, string>) => void;
-  disabled?: boolean;
-  locale: MetadataInspectorProps['locale'];
-}) {
-  const { fields } = useObjectFields(objectName || undefined);
-  const fieldOptions = React.useMemo(
-    () => fields.map((f) => ({ value: f.name, label: f.label && f.label !== f.name ? `${f.label} (${f.name})` : f.name })),
-    [fields],
-  );
-  const entries = Object.entries(filters);
-
-  const update = (index: number, key: string, value: string) => {
-    const next = entries.slice();
-    next[index] = [key, value];
-    onCommit(Object.fromEntries(next.filter(([k]) => k !== '')));
-  };
-  const remove = (index: number) => {
-    const next = entries.slice();
-    next.splice(index, 1);
-    onCommit(Object.fromEntries(next));
-  };
-
-  return (
-    <div className="space-y-1.5">
-      <div className="text-[11px] font-medium text-muted-foreground">
-        {t('engine.inspector.appNav.filters', locale)}
-      </div>
-      {entries.map(([field, value], i) => (
-        <div key={`${field}-${i}`} className="flex items-center gap-1">
-          <div className="min-w-0 flex-1">
-            <InspectorComboField
-              // No visible per-row label — the `field = value` shape is read
-              // from the row itself — so the trigger carries its own name
-              // instead of being an anonymous combobox (objectui#3997).
-              ariaLabel={t('engine.inspector.appNav.filtersField', locale)}
-              value={field}
-              onCommit={(v) => update(i, v, value)}
-              options={fieldOptions}
-              placeholder={t('engine.inspector.appNav.filtersField', locale)}
-              disabled={disabled}
-              mono
-            />
-          </div>
-          <span className="text-xs text-muted-foreground">=</span>
-          <input
-            value={value}
-            onChange={(e) => update(i, field, e.target.value)}
-            placeholder={t('engine.inspector.appNav.filtersValue', locale)}
-            disabled={disabled}
-            className="h-7 w-0 min-w-0 flex-1 rounded border bg-background px-2 font-mono text-xs"
-            data-testid={`nav-filter-value-${field || 'new'}`}
-          />
-          <button
-            type="button"
-            onClick={() => remove(i)}
-            disabled={disabled}
-            className="rounded p-1 text-muted-foreground hover:bg-muted"
-            aria-label={t('engine.inspector.appNav.filtersRemove', locale)}
-            data-testid={`nav-filter-remove-${field || 'new'}`}
-          >
-            <X className="h-3 w-3" />
-          </button>
-        </div>
-      ))}
-      <button
-        type="button"
-        onClick={() => onCommit({ ...filters, '': '' })}
-        disabled={disabled || Object.prototype.hasOwnProperty.call(filters, '')}
-        className="inline-flex items-center gap-1 rounded border px-2 py-1 text-[11px] text-muted-foreground hover:bg-muted"
-        data-testid="nav-filter-add"
-      >
-        <Plus className="h-3 w-3" />
-        {t('engine.inspector.appNav.filtersAdd', locale)}
-      </button>
-      <p className="text-[11px] text-muted-foreground">{t('engine.inspector.appNav.filtersHint', locale)}</p>
-    </div>
-  );
-}
-
 export function AppNavInspector({ selection, draft, name, onPatch, onClearSelection, onSelectionChange, locale, readOnly }: MetadataInspectorProps) {
   const hops = parsePath(selection.id);
   const { node, parent, index } = hops ? readAt(draft, hops) : { node: null, parent: [] as NavItem[], index: -1 };
 
@@ -0,0 +1,104 @@
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+
+/**
+ * The `filters` landing-mode editor of an `object` nav entry, shared by the two
+ * nav-item inspectors: Setup's `AppNavInspector` and the Studio's
+ * `StudioNavItemInspector` (objectstack#26740). Moved here unchanged out of
+ * `AppNavInspector.tsx` so both mount the same rows editor.
+ */
+
+import * as React from 'react';
+import { Plus, X } from 'lucide-react';
+import type { MetadataInspectorProps } from '../inspector-registry.js';
+import { t } from '../i18n.js';
+import { useObjectFields } from '../previews/useObjectFields.js';
+import { InspectorComboField } from './InspectorComboField.js';
+
+/** Key/value rows editor for the `filters` landing mode (ADR-0055). */
+export function FiltersEditor({
+  objectName,
+  filters,
+  onCommit,
+  disabled,
+  locale,
+}: {
+  objectName: string;
+  filters: Record<string, string>;
+  onCommit: (next: Record<string, string>) => void;
+  disabled?: boolean;
+  locale: MetadataInspectorProps['locale'];
+}) {
+  const { fields } = useObjectFields(objectName || undefined);
+  const fieldOptions = React.useMemo(
+    () => fields.map((f) => ({ value: f.name, label: f.label && f.label !== f.name ? `${f.label} (${f.name})` : f.name })),
+    [fields],
+  );
+  const entries = Object.entries(filters);
+
+  const update = (index: number, key: string, value: string) => {
+    const next = entries.slice();
+    next[index] = [key, value];
+    onCommit(Object.fromEntries(next.filter(([k]) => k !== '')));
+  };
+  const remove = (index: number) => {
+    const next = entries.slice();
+    next.splice(index, 1);
+    onCommit(Object.fromEntries(next));
+  };
+
+  return (
+    <div className="space-y-1.5">
+      <div className="text-[11px] font-medium text-muted-foreground">
+        {t('engine.inspector.appNav.filters', locale)}
+      </div>
+      {entries.map(([field, value], i) => (
+        <div key={`${field}-${i}`} className="flex items-center gap-1">
+          <div className="min-w-0 flex-1">
+            <InspectorComboField
+              // No visible per-row label — the `field = value` shape is read
+              // from the row itself — so the trigger carries its own name
+              // instead of being an anonymous combobox (objectui#3997).
+              ariaLabel={t('engine.inspector.appNav.filtersField', locale)}
+              value={field}
+              onCommit={(v) => update(i, v, value)}
+              options={fieldOptions}
+              placeholder={t('engine.inspector.appNav.filtersField', locale)}
+              disabled={disabled}
+              mono
+            />
+          </div>
+          <span className="text-xs text-muted-foreground">=</span>
+          <input
+            value={value}
+            onChange={(e) => update(i, field, e.target.value)}
+            placeholder={t('engine.inspector.appNav.filtersValue', locale)}
+            disabled={disabled}
+            className="h-7 w-0 min-w-0 flex-1 rounded border bg-background px-2 font-mono text-xs"
+            data-testid={`nav-filter-value-${field || 'new'}`}
+          />
+          <button
+            type="button"
+            onClick={() => remove(i)}
+            disabled={disabled}
+            className="rounded p-1 text-muted-foreground hover:bg-muted"
+            aria-label={t('engine.inspector.appNav.filtersRemove', locale)}
+            data-testid={`nav-filter-remove-${field || 'new'}`}
+          >
+            <X className="h-3 w-3" />
+          </button>
+        </div>
+      ))}
+      <button
+        type="button"
+        onClick={() => onCommit({ ...filters, '': '' })}
+        disabled={disabled || Object.prototype.hasOwnProperty.call(filters, '')}
+        className="inline-flex items-center gap-1 rounded border px-2 py-1 text-[11px] text-muted-foreground hover:bg-muted"
+        data-testid="nav-filter-add"
+      >
+        <Plus className="h-3 w-3" />
+        {t('engine.inspector.appNav.filtersAdd', locale)}
+      </button>
+      <p className="text-[11px] text-muted-foreground">{t('engine.inspector.appNav.filtersHint', locale)}</p>
+    </div>
+  );
+}
@@ -287,7 +287,9 @@ describe('objectui#12455 — the item header', () => {
 describe('objectui#12455 — the nav-item inspector', () => {
   const entry = { id: 'nav_gated', type: 'page', label: 'Gated', pageName: 'home', visible: 'READS_OPPORTUNITIES' };
 
-  it("shows the entry's `visible` predicate as authored, read-only", () => {
+  // objectstack#26740 — the condition is edited here now, in the CEL editor;
+  // `StudioDesignSurface.navItemInspectorKeys-26740.test.tsx` pins the edit.
+  it("shows the entry's `visible` predicate as authored, in its editor", () => {
     render(
       <StudioNavItemInspector
         navId="navigation[0]"
@@ -298,17 +300,15 @@ describe('objectui#12455 — the nav-item inspector', () => {
         onClear={() => {}}
       />,
     );
-    expect(screen.getByText('Visible when')).toBeInTheDocument();
-    expect(screen.getByTestId('nav-visible-when')).toHaveTextContent('READS_OPPORTUNITIES');
-    expect(screen.queryByDisplayValue('READS_OPPORTUNITIES')).toBeNull();
+    expect(screen.getByLabelText('Visible when')).toHaveValue('READS_OPPORTUNITIES');
+    expect(screen.queryByTestId('nav-visible-when')).toBeNull();
   });
 
-  it('CONTROL: an entry with no `visible` shows no such row', () => {
-    const { visible: _ignored, ...plain } = entry;
+  it('CONTROL: a separator, whose member declares no `visible`, shows no such field', () => {
     render(
       <StudioNavItemInspector
         navId="navigation[0]"
-        appDraft={{ navigation: [plain] }}
+        appDraft={{ navigation: [{ id: 'sep_1', type: 'separator' }] }}
         objects={[]}
         packageId={PKG}
         onNavPatch={() => {}}