@object-ui/app-shell 11.3.0 → 11.5.0

package/dist/views/metadata-admin/inspectors/AppNavInspector.d.ts

@@ -6,11 +6,18 @@
  * `<rootKey>[i]` for top-level items, `<rootKey>[i].children[j]` for
  * nested. This inspector walks the same path to read/write.
  *
- * For simplicity v1 only edits the leaf node (label / path / icon /
- * kind). Reparenting and re-ordering happen elsewhere (drag handles,
- * the top-level SchemaForm).
+ * Target editing is contract-first (#2245): a `type` selector plus
+ * per-type typed-target pickers replacing the old off-spec `path` /
+ * `kind` free-text fields the runtime never read. `object` items expose
+ * the four landing modes matching resolveHref precedence (default /
+ * named view / record deep-link / filters slice on `/data`, ADR-0055);
+ * the mode is derived from field presence — never persisted — and every
+ * edit clears the other modes' fields plus all legacy keys, so touching
+ * a legacy item migrates it to spec shape. A live href preview renders
+ * the REAL runtime landing via resolveHref, making "declared =
+ * enforced" visible while editing.
  */
 import * as React from 'react';
 import type { MetadataInspectorProps } from '../inspector-registry';
-export declare function AppNavInspector({ selection, draft, onPatch, onClearSelection, onSelectionChange, locale, readOnly }: MetadataInspectorProps): React.JSX.Element;
+export declare function AppNavInspector({ selection, draft, name, onPatch, onClearSelection, onSelectionChange, locale, readOnly }: MetadataInspectorProps): React.JSX.Element;
 export declare const APP_NAV_ROOT_KEYS: string[];

package/dist/views/metadata-admin/inspectors/AppNavInspector.js

@@ -1,8 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * AppNavInspector — scoped editor for the selected app navigation item.
+ *
+ * Apps accept nav under several keys (nav / navigation / tabs / items
+ * / menu). The preview emits selection id as a dotted path
+ * `<rootKey>[i]` for top-level items, `<rootKey>[i].children[j]` for
+ * nested. This inspector walks the same path to read/write.
+ *
+ * Target editing is contract-first (#2245): a `type` selector plus
+ * per-type typed-target pickers replacing the old off-spec `path` /
+ * `kind` free-text fields the runtime never read. `object` items expose
+ * the four landing modes matching resolveHref precedence (default /
+ * named view / record deep-link / filters slice on `/data`, ADR-0055);
+ * the mode is derived from field presence — never persisted — and every
+ * edit clears the other modes' fields plus all legacy keys, so touching
+ * a legacy item migrates it to spec shape. A live href preview renders
+ * the REAL runtime landing via resolveHref, making "declared =
+ * enforced" visible while editing.
+ */
+import * as React from 'react';
+import { resolveHref } from '@object-ui/layout';
+import { Plus, X } from 'lucide-react';
 import { t } from '../i18n';
+import { useMetadataClient } from '../useMetadata';
+import { useObjectFields } from '../previews/useObjectFields';
 import { InspectorShell, InspectorReorderButtons, InspectorTextField, InspectorSelectField, InspectorRemoveButton, InspectorEmptyState, spliceArray, moveArray, } from './_shared';
+import { InspectorComboField } from './InspectorComboField';
+import { NAV_ITEM_TYPES, NAV_TYPE_TARGETS, OBJECT_TARGET_MODES, OBJECT_MODE_FIELDS, inferNavItemType, deriveObjectTargetMode, clearedTargetPatch, ensureNavId, } from './nav-target';
 const ROOT_KEYS = ['nav', 'navigation', 'tabs', 'items', 'menu'];
-const KINDS = ['object', 'page', 'dashboard', 'report', 'link', 'group'];
 /** Parse "nav[0].children[2]" → [{key:'nav', index:0}, {key:'children', index:2}]. */
 function parsePath(id) {
     const segs = id.split('.');
@@ -82,16 +108,111 @@ function writeSiblings(draft, hops, nextSiblings) {
     arr[parentHop.index] = parentCopy;
     return { [rootKey]: root };
 }
-export function AppNavInspector({ selection, draft, onPatch, onClearSelection, onSelectionChange, locale, readOnly }) {
+/** Fetch a metadata type's items as combobox options (name → label (name)). */
+function useMetadataOptions(type) {
+    const client = useMetadataClient();
+    const [state, setState] = React.useState({
+        options: [],
+        loading: !!type,
+    });
+    React.useEffect(() => {
+        if (!type) {
+            setState({ options: [], loading: false });
+            return;
+        }
+        let cancelled = false;
+        setState((s) => ({ ...s, loading: true }));
+        client
+            .list(type)
+            .then((rows) => {
+            if (cancelled)
+                return;
+            const options = (Array.isArray(rows) ? rows : [])
+                .filter((r) => r && typeof r.name === 'string' && r.name)
+                .map((r) => ({
+                value: String(r.name),
+                label: typeof r.label === 'string' && r.label && r.label !== r.name ? `${r.label} (${r.name})` : String(r.name),
+            }));
+            setState({ options, loading: false });
+        })
+            .catch(() => {
+            if (!cancelled)
+                setState({ options: [], loading: false });
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [client, type]);
+    return state;
+}
+/** Preview template context that keeps template vars VISIBLE in the href. */
+const PREVIEW_CTX = {
+    currentUserId: '{current_user_id}',
+    currentOrgId: '{current_org_id}',
+};
+/** Key/value rows editor for the `filters` landing mode (ADR-0055). */
+function FiltersEditor({ objectName, filters, onCommit, disabled, 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, key, value) => {
+        const next = entries.slice();
+        next[index] = [key, value];
+        onCommit(Object.fromEntries(next.filter(([k]) => k !== '')));
+    };
+    const remove = (index) => {
+        const next = entries.slice();
+        next.splice(index, 1);
+        onCommit(Object.fromEntries(next));
+    };
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "text-[11px] font-medium text-muted-foreground", children: t('engine.inspector.appNav.filters', locale) }), entries.map(([field, value], i) => (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsx(InspectorComboField, { value: field, onCommit: (v) => update(i, v, value), options: fieldOptions, placeholder: t('engine.inspector.appNav.filtersField', locale), disabled: disabled, mono: true }) }), _jsx("span", { className: "text-xs text-muted-foreground", children: "=" }), _jsx("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'}` }), _jsx("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'}`, children: _jsx(X, { className: "h-3 w-3" }) })] }, `${field}-${i}`))), _jsxs("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", children: [_jsx(Plus, { className: "h-3 w-3" }), t('engine.inspector.appNav.filtersAdd', locale)] }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: t('engine.inspector.appNav.filtersHint', locale) })] }));
+}
+export function AppNavInspector({ selection, draft, name, onPatch, onClearSelection, onSelectionChange, locale, readOnly }) {
     const hops = parsePath(selection.id);
     const { node, parent, index } = hops ? readAt(draft, hops) : { node: null, parent: [], index: -1 };
+    const navType = node ? inferNavItemType(node) : null;
+    const objectMode = node ? deriveObjectTargetMode(node) : 'default';
+    const objectName = String(node?.objectName ?? node?.object ?? '');
+    // Hooks run unconditionally (before the not-found early return) to keep
+    // the Rules of Hooks satisfied; `undefined` type disables the fetch.
+    const objectOptions = useMetadataOptions(navType === 'object' ? 'object' : undefined);
+    const targetMeta = navType && navType !== 'object' ? NAV_TYPE_TARGETS[navType].metaType : undefined;
+    const targetOptions = useMetadataOptions(targetMeta);
+    const viewOptionsRaw = useMetadataOptions(navType === 'object' && objectMode === 'view' ? 'view' : undefined);
+    // Views are named `<object>.<key>` (MetadataProvider) — scope the picker
+    // to the bound object instead of offering the whole workspace's views.
+    const viewOptions = React.useMemo(() => objectName
+        ? viewOptionsRaw.options.filter((o) => o.value.startsWith(`${objectName}.`) || !o.value.includes('.'))
+        : viewOptionsRaw.options, [viewOptionsRaw.options, objectName]);
     if (!hops || !node) {
         return (_jsx(InspectorShell, { kindLabel: t('engine.inspector.appNav.kind', locale), title: selection.label ?? selection.id, onClose: onClearSelection, closeLabel: t('engine.inspector.appNav.close', locale), children: _jsx(InspectorEmptyState, { message: selection.id }) }));
     }
-    const labelOf = node.label ?? node.title ?? node.name ?? node.path ?? selection.id;
-    const path = node.path ?? node.href ?? node.route ?? '';
+    const labelOf = node.label ?? node.title ?? node.name ?? selection.id;
+    /**
+     * Every write enforces the spec invariants: snake_case `id`, an explicit
+     * `type`, and the caller-provided field clears — editing a legacy item
+     * IS its migration to spec shape.
+     */
     const patch = (updates) => {
-        onPatch(writeAt(draft, hops, { ...node, ...updates }));
+        const nextType = (updates.type ?? node.type ?? navType ?? undefined);
+        onPatch(writeAt(draft, hops, {
+            ...node,
+            id: ensureNavId(node, parent),
+            ...(nextType ? { type: nextType } : {}),
+            ...updates,
+        }));
+    };
+    const switchType = (nextType) => {
+        const targetKey = NAV_TYPE_TARGETS[nextType].targetKey;
+        const keep = nextType === 'object' ? OBJECT_MODE_FIELDS.default : targetKey ? [targetKey] : [];
+        patch({ type: nextType, ...clearedTargetPatch(keep) });
+    };
+    const switchObjectMode = (mode) => {
+        const cleared = clearedTargetPatch(OBJECT_MODE_FIELDS[mode]);
+        if (mode === 'filters')
+            patch({ ...cleared, objectName, filters: node.filters ?? {} });
+        else
+            patch({ ...cleared, objectName });
     };
     const remove = () => {
         onPatch(writeAt(draft, hops, null));
@@ -105,6 +226,19 @@ export function AppNavInspector({ selection, draft, onPatch, onClearSelection, o
         const newId = prefix ? `${prefix}.${leafKey}[${to}]` : `${leafKey}[${to}]`;
         onSelectionChange?.({ kind: 'nav', id: newId, label: String(labelOf) });
     };
-    return (_jsxs(InspectorShell, { kindLabel: t('engine.inspector.appNav.kind', locale), title: String(labelOf), onClose: onClearSelection, closeLabel: t('engine.inspector.appNav.close', locale), headerActions: _jsx(InspectorReorderButtons, { index: index, total: parent.length, onMove: move, upLabel: t('engine.inspector.reorder.up', locale), downLabel: t('engine.inspector.reorder.down', locale), disabled: readOnly }), footer: _jsx(InspectorRemoveButton, { label: t('engine.inspector.appNav.remove', locale), onClick: remove, disabled: readOnly }), children: [_jsx(InspectorTextField, { label: t('engine.inspector.appNav.label', locale), value: String(node.label ?? node.title ?? node.name ?? ''), onCommit: (v) => patch({ label: v }), disabled: readOnly }), _jsx(InspectorTextField, { label: t('engine.inspector.appNav.path', locale), value: String(path), onCommit: (v) => patch({ path: v }), disabled: readOnly, mono: true }), _jsx(InspectorTextField, { label: t('engine.inspector.appNav.icon', locale), value: String(node.icon ?? ''), onCommit: (v) => patch({ icon: v }), disabled: readOnly }), _jsx(InspectorSelectField, { label: t('engine.inspector.appNav.kindField', locale), value: node.kind, options: KINDS.map((v) => ({ value: v, label: v })), onCommit: (v) => patch({ kind: v }), disabled: readOnly })] }));
+    // Live landing preview — the REAL runtime URL for the current config
+    // (resolveHref is the single source of truth), template vars kept
+    // visible. `#` reads as "no target yet".
+    const previewHref = navType && navType !== 'group'
+        ? resolveHref({ ...node, type: navType }, `/apps/${name || 'app'}`, PREVIEW_CTX).href
+        : null;
+    const target = NAV_TYPE_TARGETS[navType ?? 'group'];
+    return (_jsxs(InspectorShell, { kindLabel: t('engine.inspector.appNav.kind', locale), title: String(labelOf), onClose: onClearSelection, closeLabel: t('engine.inspector.appNav.close', locale), headerActions: _jsx(InspectorReorderButtons, { index: index, total: parent.length, onMove: move, upLabel: t('engine.inspector.reorder.up', locale), downLabel: t('engine.inspector.reorder.down', locale), disabled: readOnly }), footer: _jsx(InspectorRemoveButton, { label: t('engine.inspector.appNav.remove', locale), onClick: remove, disabled: readOnly }), children: [_jsx(InspectorTextField, { label: t('engine.inspector.appNav.label', locale), value: String(node.label ?? node.title ?? node.name ?? ''), onCommit: (v) => patch({ label: v }), disabled: readOnly }), _jsx(InspectorTextField, { label: t('engine.inspector.appNav.icon', locale), value: String(node.icon ?? ''), onCommit: (v) => patch({ icon: v }), disabled: readOnly }), _jsx(InspectorSelectField, { label: t('engine.inspector.appNav.typeField', locale), value: navType ?? '', options: NAV_ITEM_TYPES.map((v) => ({ value: v, label: t(`engine.inspector.appNav.type.${v}`, locale) })), onCommit: (v) => switchType(v), disabled: readOnly }), navType === 'object' && (_jsxs(_Fragment, { children: [_jsx(InspectorComboField, { label: t('engine.inspector.appNav.object', locale), value: objectName, options: objectOptions.options, loading: objectOptions.loading, onCommit: (v) => patch({ objectName: v, object: undefined }), disabled: readOnly, mono: true }), _jsx(InspectorSelectField, { label: t('engine.inspector.appNav.targetMode', locale), value: objectMode, options: OBJECT_TARGET_MODES.map((m) => ({ value: m, label: t(`engine.inspector.appNav.mode.${m}`, locale) })), onCommit: (v) => switchObjectMode(v), disabled: readOnly || !objectName }), objectMode === 'view' && (_jsx(InspectorComboField, { label: t('engine.inspector.appNav.view', locale), value: String(node.viewName ?? ''), options: viewOptions, loading: viewOptionsRaw.loading, onCommit: (v) => patch({ viewName: v }), disabled: readOnly, mono: true })), objectMode === 'record' && (_jsxs(_Fragment, { children: [_jsx(InspectorTextField, { label: t('engine.inspector.appNav.recordId', locale), value: String(node.recordId ?? ''), onCommit: (v) => patch({ recordId: v }), disabled: readOnly, mono: true }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: t('engine.inspector.appNav.recordIdHint', locale) }), _jsx(InspectorSelectField, { label: t('engine.inspector.appNav.recordMode', locale), value: String(node.recordMode ?? 'view'), options: [
+                                    { value: 'view', label: t('engine.inspector.appNav.recordModeView', locale) },
+                                    { value: 'edit', label: t('engine.inspector.appNav.recordModeEdit', locale) },
+                                ], onCommit: (v) => patch({ recordMode: v }), disabled: readOnly })] })), objectMode === 'filters' && (_jsx(FiltersEditor, { objectName: objectName, filters: node.filters ?? {}, onCommit: (next) => patch({ filters: next }), disabled: readOnly, locale: locale }))] })), navType && navType !== 'object' && navType !== 'group' && target.targetKey && (target.metaType ? (_jsx(InspectorComboField, { label: t(`engine.inspector.appNav.type.${navType}`, locale), value: String(node[target.targetKey] ?? ''), options: targetOptions.options, loading: targetOptions.loading, onCommit: (v) => patch({ [target.targetKey]: v }), disabled: readOnly, mono: true })) : (_jsxs(_Fragment, { children: [_jsx(InspectorTextField, { label: t('engine.inspector.appNav.url', locale), value: String(node.url ?? node.href ?? ''), onCommit: (v) => patch({ url: v, href: undefined }), disabled: readOnly, mono: true }), _jsx(InspectorSelectField, { label: t('engine.inspector.appNav.urlTarget', locale), value: String(node.target ?? '_self'), options: [
+                            { value: '_self', label: t('engine.inspector.appNav.urlTargetSelf', locale) },
+                            { value: '_blank', label: t('engine.inspector.appNav.urlTargetBlank', locale) },
+                        ], onCommit: (v) => patch({ target: v }), disabled: readOnly })] }))), previewHref && (_jsxs("div", { className: "rounded border bg-muted/30 px-2 py-1.5", "data-testid": "nav-target-preview", children: [_jsx("div", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: t('engine.inspector.appNav.preview', locale) }), _jsx("div", { className: "break-all font-mono text-[11px]", children: previewHref })] }))] }));
 }
 export const APP_NAV_ROOT_KEYS = ROOT_KEYS;

package/dist/views/metadata-admin/inspectors/FlowReferenceField.d.ts

@@ -33,10 +33,15 @@ export interface FlowReferenceContext {
     /** The node currently being edited — used to resolve sibling config keys. */
     node: Record<string, unknown> | null;
 }
+interface Option {
+    value: string;
+    label: string;
+}
 /** A concrete (non-polymorphic) reference resolution. */
 export interface ResolvedRef {
     kind: ReferenceKind;
     objectSource?: string;
+    connectorSource?: string;
 }
 /**
  * Resolve a (possibly polymorphic) reference spec to a concrete kind. For a
@@ -45,6 +50,14 @@ export interface ResolvedRef {
  * the caller then renders plain free text.
  */
 export declare function resolveRefKind(ref: FlowReferenceSpec | undefined, sibling: (key: string) => unknown): ResolvedRef | undefined;
+/**
+ * Resolve the chosen connector name for a `connector-action` reference — read
+ * from the sibling key on this node's `connectorConfig` block (default
+ * `connectorId`), which is where the connector picker writes it.
+ */
+export declare function resolveConnectorName(kind: ReferenceKind, connectorSource: string | undefined, ctx: FlowReferenceContext): string | undefined;
+/** A connector descriptor's action list → combobox options (exported for test). */
+export declare function connectorActionsToOptions(actions: unknown): Option[];
 export interface ReferenceComboboxProps {
     /** The resolved concrete reference, or undefined → plain free text. */
     resolved: ResolvedRef | undefined;
@@ -81,3 +94,4 @@ export interface FlowReferenceFieldProps {
  * `template` follows `actionType`).
  */
 export declare function FlowReferenceField({ field, value, onCommit, disabled, context }: FlowReferenceFieldProps): React.JSX.Element;
+export {};

package/dist/views/metadata-admin/inspectors/FlowReferenceField.js

@@ -56,12 +56,12 @@ export function resolveRefKind(ref, sibling) {
     if (!ref)
         return undefined;
     if (ref.kind)
-        return { kind: ref.kind, objectSource: ref.objectSource };
+        return { kind: ref.kind, objectSource: ref.objectSource, connectorSource: ref.connectorSource };
     if (ref.kindFrom && ref.map) {
         const disc = sibling(ref.kindFrom);
         const k = typeof disc === 'string' ? ref.map[disc] : undefined;
         if (k)
-            return { kind: k, objectSource: ref.objectSource };
+            return { kind: k, objectSource: ref.objectSource, connectorSource: ref.connectorSource };
     }
     return undefined;
 }
@@ -86,6 +86,31 @@ function resolveObjectName(kind, objectSource, ctx) {
     // A sibling config key on the same node (CRUD nodes carry their own objectName).
     return configString(ctx.node, src);
 }
+/**
+ * Resolve the chosen connector name for a `connector-action` reference — read
+ * from the sibling key on this node's `connectorConfig` block (default
+ * `connectorId`), which is where the connector picker writes it.
+ */
+export function resolveConnectorName(kind, connectorSource, ctx) {
+    if (kind !== 'connector-action')
+        return undefined;
+    const cc = ctx.node?.connectorConfig;
+    if (!cc || typeof cc !== 'object' || Array.isArray(cc))
+        return undefined;
+    const v = cc[connectorSource || 'connectorId'];
+    return typeof v === 'string' && v ? v : undefined;
+}
+/** A connector descriptor's action list → combobox options (exported for test). */
+export function connectorActionsToOptions(actions) {
+    if (!Array.isArray(actions))
+        return [];
+    return actions
+        .filter((a) => !!a && typeof a.key === 'string' && !!a.key)
+        .map((a) => ({
+        value: a.key,
+        label: typeof a.label === 'string' && a.label && a.label !== a.key ? `${a.label} (${a.key})` : a.key,
+    }));
+}
 /**
  * Fetch a metadata type's items as combobox options. `type === undefined`
  * disables the fetch (returns empty), so the hook can be called
@@ -127,6 +152,45 @@ function useMetadataListOptions(type) {
     }, [client, type]);
     return state;
 }
+/**
+ * Fetch a connector's actions as combobox options from the runtime connector
+ * descriptors (`GET /api/v1/automation/connectors`, each `{ name, actions:
+ * [{key,label}] }`). `connectorName === undefined` disables the fetch (so the
+ * hook is safe to call unconditionally). Degrades to empty on any failure.
+ */
+function useConnectorActionOptions(connectorName) {
+    const [state, setState] = React.useState({
+        options: [],
+        loading: !!connectorName,
+    });
+    React.useEffect(() => {
+        if (!connectorName) {
+            setState({ options: [], loading: false });
+            return;
+        }
+        let cancelled = false;
+        setState((s) => ({ ...s, loading: true }));
+        fetch('/api/v1/automation/connectors', { credentials: 'include', headers: { Accept: 'application/json' } })
+            .then((r) => (r.ok ? r.json() : null))
+            .then((payload) => {
+            if (cancelled)
+                return;
+            const connectors = payload?.data?.connectors ?? payload?.connectors ?? [];
+            const conn = Array.isArray(connectors)
+                ? connectors.find((c) => c?.name === connectorName)
+                : undefined;
+            setState({ options: connectorActionsToOptions(conn?.actions), loading: false });
+        })
+            .catch(() => {
+            if (!cancelled)
+                setState({ options: [], loading: false });
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [connectorName]);
+    return state;
+}
 /**
  * The bare reference combobox — suggestions for `resolved.kind`, always
  * free-text editable. Hooks are called unconditionally (kind-gated args) so the
@@ -139,8 +203,11 @@ export function ReferenceCombobox({ resolved, value, onCommit, onBlur, disabled,
     // object-field: resolve the target object, then its field catalog.
     const objectName = resolved ? resolveObjectName(resolved.kind, resolved.objectSource, ctx) : undefined;
     const { fields: objectFields } = useObjectFields(kind === 'object-field' ? objectName : undefined);
+    // connector-action: resolve the chosen connector, then its action catalog.
+    const connectorName = resolved ? resolveConnectorName(resolved.kind, resolved.connectorSource, ctx) : undefined;
+    const { options: connectorActionOptions } = useConnectorActionOptions(kind === 'connector-action' ? connectorName : undefined);
     // Flat metadata-list kinds (object / flow / role / user / team / …).
-    const listType = kind && kind !== 'object-field' && kind !== 'node' ? KIND_TO_META_TYPE[kind] : undefined;
+    const listType = kind && kind !== 'object-field' && kind !== 'node' && kind !== 'connector-action' ? KIND_TO_META_TYPE[kind] : undefined;
     const { options: listOptions } = useMetadataListOptions(listType);
     const options = React.useMemo(() => {
         if (kind === 'object-field') {
@@ -149,6 +216,8 @@ export function ReferenceCombobox({ resolved, value, onCommit, onBlur, disabled,
                 label: f.label && f.label !== f.name ? `${f.label} (${f.name})` : f.name,
             }));
         }
+        if (kind === 'connector-action')
+            return connectorActionOptions;
         if (kind === 'node') {
             const nodes = Array.isArray(ctx.draft.nodes) ? ctx.draft.nodes : [];
             const currentId = typeof ctx.node?.id === 'string' ? ctx.node.id : undefined;
@@ -163,11 +232,13 @@ export function ReferenceCombobox({ resolved, value, onCommit, onBlur, disabled,
         if (listType)
             return listOptions;
         return [];
-    }, [kind, listType, objectFields, listOptions, ctx.draft, ctx.node]);
+    }, [kind, listType, objectFields, connectorActionOptions, listOptions, ctx.draft, ctx.node]);
     // For an object-field whose object can't be resolved, tell the author why the
     // suggestions are empty — but still let them type a value.
     const unresolvedObject = kind === 'object-field' && !objectName;
-    return (_jsxs("div", { className: "w-full space-y-1", children: [_jsx(Input, { list: options.length ? listId : undefined, value: value != null ? String(value) : '', onChange: (e) => onCommit(e.target.value), onBlur: onBlur, placeholder: placeholder, disabled: disabled, className: "h-8 text-sm" }), options.length > 0 && (_jsx("datalist", { id: listId, children: options.map((o) => (_jsx("option", { value: o.value, children: o.label }, o.value))) })), showHint && kind === 'object-field' && objectName && (_jsxs("p", { className: "text-[11px] leading-snug text-muted-foreground", children: ["Fields of ", objectName, "."] })), showHint && unresolvedObject && (_jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "Set the flow\u2019s trigger object (on the Start node) to list fields." }))] }));
+    // Same for a connector-action with no connector chosen yet.
+    const unresolvedConnector = kind === 'connector-action' && !connectorName;
+    return (_jsxs("div", { className: "w-full space-y-1", children: [_jsx(Input, { list: options.length ? listId : undefined, value: value != null ? String(value) : '', onChange: (e) => onCommit(e.target.value), onBlur: onBlur, placeholder: placeholder, disabled: disabled, className: "h-8 text-sm" }), options.length > 0 && (_jsx("datalist", { id: listId, children: options.map((o) => (_jsx("option", { value: o.value, children: o.label }, o.value))) })), showHint && kind === 'object-field' && objectName && (_jsxs("p", { className: "text-[11px] leading-snug text-muted-foreground", children: ["Fields of ", objectName, "."] })), showHint && unresolvedObject && (_jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "Set the flow\u2019s trigger object (on the Start node) to list fields." })), showHint && kind === 'connector-action' && connectorName && (_jsxs("p", { className: "text-[11px] leading-snug text-muted-foreground", children: ["Actions of ", connectorName, "."] })), showHint && unresolvedConnector && (_jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "Choose a Connector above to list its actions." }))] }));
 }
 /**
  * Inspector field wrapper: a labelled reference combobox. A polymorphic ref is

package/dist/views/metadata-admin/inspectors/ObjectFieldInspector.js

@@ -21,7 +21,6 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * auto-rewritten — callers should re-validate downstream.
  */
 import * as React from 'react';
-import { slugify } from '../createDerive';
 import { useMetadataClient } from '../useMetadata';
 import { InspectorShell, InspectorReorderButtons, InspectorTextField, InspectorNumberField, InspectorSelectField, InspectorCheckboxField, InspectorRemoveButton, InspectorEmptyState, moveArray, } from './_shared';
 import { Button, Input, Label, Badge } from '@object-ui/components';
@@ -128,28 +127,33 @@ export function ObjectFieldInspector({ selection, draft, onPatch, onClearSelecti
         writeView({ shape: view.shape, entries: nextEntries });
         onSelectionChange?.({ kind: 'field', id: nextName, label: String(def.label ?? nextName) });
     };
-    // Derive the API name from the label (on blur, so we use the complete
-    // string — not per keystroke, which would churn the field key) while the
-    // name is still an auto-generated default and the user hasn't customised it.
-    // Mirrors the object Name behaviour; slugify() returns '' for non-Latin
-    // labels, in which case the unique default name is kept.
-    const maybeDeriveName = (label) => {
+    // Derive the API name from the label live, per keystroke — with
+    // toFieldNameLoose (prefix-stable, unlike slugify which trims trailing
+    // underscores and would fight mid-word typing) — while the name is still
+    // an auto-generated default and the user hasn't customised it. Mirrors the
+    // object/app Name behaviour. toFieldNameLoose returns '' for non-Latin
+    // labels, in which case the unique default name is kept. Pure — the
+    // caller applies the label and (if any) the derived name in one write,
+    // since two separate writeView() calls from the same stale `entry` closure
+    // would have the second clobber the first.
+    const deriveNameFor = (label) => {
         if (readOnly)
-            return;
+            return null;
         const base = type === 'select' ? 'status' : type;
         const isAutoName = entry.name === base ||
-            (entry.name.startsWith(`${base}_`) && /^\d+$/.test(entry.name.slice(base.length + 1)));
+            (entry.name.startsWith(`${base}_`) && /^\d+$/.test(entry.name.slice(base.length + 1))) ||
+            // Freshly added fields are named by nextFieldName() as `field_<N>`
+            // (StudioDesignSurface.tsx), independent of the field's type — match
+            // that scheme too, or a type-typed rename right after add never derives.
+            /^field_\d+$/.test(entry.name);
         if (!isAutoName)
-            return;
-        const derived = slugify(label);
+            return null;
+        const derived = toFieldNameLoose(label);
         if (!derived || derived === entry.name)
-            return;
+            return null;
         if (view.entries.some((e, i) => i !== idx && e.name === derived))
-            return;
-        const nextEntries = [...view.entries];
-        nextEntries[idx] = { ...entry, name: derived };
-        writeView({ shape: view.shape, entries: nextEntries });
-        onSelectionChange?.({ kind: 'field', id: derived, label: String(def.label ?? derived) });
+            return null;
+        return derived;
     };
     const removeField = () => {
         const nextEntries = view.entries.filter((_, i) => i !== idx);
@@ -201,7 +205,19 @@ export function ObjectFieldInspector({ selection, draft, onPatch, onClearSelecti
             label: typeof def.label === 'string' ? def.label : entry.name,
         }), onClick: removeField, disabled: readOnly }));
     const typeMetaLabel = isZh(locale) ? typeMeta?.labelZh : typeMeta?.label;
-    return (_jsxs(InspectorShell, { kindLabel: tr('designer.field.kind'), title: typeof def.label === 'string' && def.label ? def.label : entry.name, onClose: onClearSelection, closeLabel: tr('designer.field.close'), headerActions: headerActions, footer: footer, children: [_jsxs(Section, { title: tr('designer.field.section.basic'), children: [_jsx(InspectorTextField, { label: tr('designer.field.apiName'), value: entry.name, onCommit: setKey, disabled: readOnly, mono: true, testId: "field-apiname-input" }), _jsx(InspectorTextField, { label: tr('designer.field.label'), value: typeof def.label === 'string' ? def.label : '', onCommit: (v) => patchDef({ label: v }), onBlur: maybeDeriveName, disabled: readOnly, testId: "field-label-input" }), _jsx(InspectorSelectField, { label: tr('designer.field.type'), value: type, options: typeOptions, onCommit: (v) => patchDef({ type: v }), disabled: readOnly }), _jsxs("div", { className: "flex items-center gap-4 pt-1", children: [_jsx(InspectorCheckboxField, { label: tr('designer.field.required'), value: !!def.required, onCommit: (v) => patchDef({ required: v || undefined }), disabled: readOnly }), _jsx(InspectorCheckboxField, { label: tr('designer.field.unique'), value: !!def.unique, onCommit: (v) => patchDef({ unique: v || undefined }), disabled: readOnly })] }), _jsx(TextareaField, { label: tr('designer.field.description'), value: typeof def.description === 'string' ? def.description : '', onCommit: (v) => patchDef({ description: v || undefined }), disabled: readOnly, rows: 2 }), defaultValueKind(type) && (_jsx(DefaultValueField, { kind: defaultValueKind(type), value: def.defaultValue, options: options, onCommit: (v) => patchDef({ defaultValue: v }), disabled: readOnly, locale: locale })), _jsx(TextareaField, { label: tr('designer.field.helpText'), value: typeof def.inlineHelpText === 'string' ? def.inlineHelpText : '', onCommit: (v) => patchDef({ inlineHelpText: v || undefined }), disabled: readOnly, rows: 2, placeholder: tr('designer.field.helpTextPlaceholder') })] }), (isPicklist(type) || isLookup(type) || isComputed(type) || isNumeric(type) || isTexty(type)) && (_jsxs(Section, { title: tFormat('designer.field.section.options', locale, { type: typeMetaLabel ?? type }), children: [isPicklist(type) && (_jsx(OptionsEditor, { options: options, onChange: patchOptions, disabled: readOnly, locale: locale }, entry.name)), isLookup(type) && (_jsxs(_Fragment, { children: [_jsx(ObjectPicker, { label: tr('designer.field.relatedObject'), value: typeof def.reference === 'string' ? def.reference : '', options: objectOptions, onCommit: (v) => patchDef({ reference: v || undefined }), disabled: readOnly, placeholder: tr('designer.field.objectNamePlaceholder') }), _jsx(InspectorTextField, { label: tr('designer.field.relationshipName'), value: typeof def.relationshipName === 'string' ? def.relationshipName : '', onCommit: (v) => patchDef({ relationshipName: v || undefined }), disabled: readOnly, placeholder: tr('designer.field.relationshipNameHint') }), _jsx(LookupConfigFields, { def: def, patchDef: patchDef, hostFieldNames: view.entries.map((e) => e.name).filter((n) => n !== entry.name), readOnly: readOnly, locale: locale })] })), isComputed(type) && (_jsx(TextareaField, { label: tr('designer.field.formula'), value: typeof def.formula === 'string' ? def.formula : '', onCommit: (v) => patchDef({ formula: v || undefined }), disabled: readOnly, rows: 4, mono: true, placeholder: "record.amount * 0.2" })), isNumeric(type) && (_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(InspectorNumberField, { label: tr('designer.field.precision'), value: typeof def.precision === 'number' ? def.precision : undefined, onCommit: (v) => patchDef({ precision: v }), disabled: readOnly }), _jsx(InspectorNumberField, { label: tr('designer.field.scale'), value: typeof def.scale === 'number' ? def.scale : undefined, onCommit: (v) => patchDef({ scale: v }), disabled: readOnly }), _jsx(InspectorNumberField, { label: tr('designer.field.min'), value: typeof def.min === 'number' ? def.min : undefined, onCommit: (v) => patchDef({ min: v }), disabled: readOnly }), _jsx(InspectorNumberField, { label: tr('designer.field.max'), value: typeof def.max === 'number' ? def.max : undefined, onCommit: (v) => patchDef({ max: v }), disabled: readOnly })] })), isTexty(type) && (_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(InspectorNumberField, { label: tr('designer.field.minLength'), value: typeof def.minLength === 'number' ? def.minLength : undefined, onCommit: (v) => patchDef({ minLength: v }), disabled: readOnly, placeholder: "0" }), _jsx(InspectorNumberField, { label: tr('designer.field.maxLength'), value: typeof def.maxLength === 'number' ? def.maxLength : undefined, onCommit: (v) => patchDef({ maxLength: v }), disabled: readOnly, placeholder: "255" })] }))] })), _jsxs(Section, { title: tr('designer.field.section.advanced'), children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(InspectorCheckboxField, { label: tr('designer.field.readonly'), value: !!def.readonly, onCommit: (v) => patchDef({ readonly: v || undefined }), disabled: readOnly }), _jsx(InspectorCheckboxField, { label: tr('designer.field.hidden'), value: !!def.hidden, onCommit: (v) => patchDef({ hidden: v || undefined }), disabled: readOnly }), _jsx(InspectorCheckboxField, { label: tr('designer.field.indexed'), value: !!def.indexed, onCommit: (v) => patchDef({ indexed: v || undefined }), disabled: readOnly }), _jsx(InspectorCheckboxField, { label: tr('designer.field.externalId'), value: !!def.externalId, onCommit: (v) => patchDef({ externalId: v || undefined }), disabled: readOnly }), _jsx(InspectorCheckboxField, { label: tr('designer.field.trackHistory'), value: !!def.trackHistory, onCommit: (v) => patchDef({ trackHistory: v || undefined }), disabled: readOnly })] }), _jsx(InspectorTextField, { label: tr('designer.field.placeholder'), value: typeof def.placeholder === 'string' ? def.placeholder : '', onCommit: (v) => patchDef({ placeholder: v || undefined }), disabled: readOnly }), _jsxs("div", { className: "space-y-1", children: [_jsx(InspectorTextField, { label: tr('designer.field.conditionalRequired'), value: typeof def.conditionalRequired === 'string' ? def.conditionalRequired : '', onCommit: (v) => patchDef({ conditionalRequired: v || undefined }), disabled: readOnly, mono: true, placeholder: "record.status == 'closed'" }), _jsx("p", { className: "text-[11px] text-muted-foreground/80 px-0.5 leading-snug", children: tr('designer.field.conditionalRequiredHint') })] }), fieldGroups.length > 0 && (_jsx(InspectorSelectField, { label: tr('designer.field.group'), value: typeof def.group === 'string' ? def.group : '', options: [
+    return (_jsxs(InspectorShell, { kindLabel: tr('designer.field.kind'), title: typeof def.label === 'string' && def.label ? def.label : entry.name, onClose: onClearSelection, closeLabel: tr('designer.field.close'), headerActions: headerActions, footer: footer, children: [_jsxs(Section, { title: tr('designer.field.section.basic'), children: [_jsx(InspectorTextField, { label: tr('designer.field.apiName'), value: entry.name, onCommit: setKey, disabled: readOnly, mono: true, testId: "field-apiname-input" }), _jsx(InspectorTextField, { label: tr('designer.field.label'), value: typeof def.label === 'string' ? def.label : '', onCommit: (v) => {
+                            const derivedName = deriveNameFor(v);
+                            const nextEntries = [...view.entries];
+                            nextEntries[idx] = {
+                                ...entry,
+                                name: derivedName ?? entry.name,
+                                def: { ...def, label: v },
+                            };
+                            writeView({ shape: view.shape, entries: nextEntries });
+                            if (derivedName) {
+                                onSelectionChange?.({ kind: 'field', id: derivedName, label: v });
+                            }
+                        }, disabled: readOnly, testId: "field-label-input" }), _jsx(InspectorSelectField, { label: tr('designer.field.type'), value: type, options: typeOptions, onCommit: (v) => patchDef({ type: v }), disabled: readOnly }), _jsxs("div", { className: "flex items-center gap-4 pt-1", children: [_jsx(InspectorCheckboxField, { label: tr('designer.field.required'), value: !!def.required, onCommit: (v) => patchDef({ required: v || undefined }), disabled: readOnly }), _jsx(InspectorCheckboxField, { label: tr('designer.field.unique'), value: !!def.unique, onCommit: (v) => patchDef({ unique: v || undefined }), disabled: readOnly })] }), _jsx(TextareaField, { label: tr('designer.field.description'), value: typeof def.description === 'string' ? def.description : '', onCommit: (v) => patchDef({ description: v || undefined }), disabled: readOnly, rows: 2 }), defaultValueKind(type) && (_jsx(DefaultValueField, { kind: defaultValueKind(type), value: def.defaultValue, options: options, onCommit: (v) => patchDef({ defaultValue: v }), disabled: readOnly, locale: locale })), _jsx(TextareaField, { label: tr('designer.field.helpText'), value: typeof def.inlineHelpText === 'string' ? def.inlineHelpText : '', onCommit: (v) => patchDef({ inlineHelpText: v || undefined }), disabled: readOnly, rows: 2, placeholder: tr('designer.field.helpTextPlaceholder') })] }), (isPicklist(type) || isLookup(type) || isComputed(type) || isNumeric(type) || isTexty(type)) && (_jsxs(Section, { title: tFormat('designer.field.section.options', locale, { type: typeMetaLabel ?? type }), children: [isPicklist(type) && (_jsx(OptionsEditor, { options: options, onChange: patchOptions, disabled: readOnly, locale: locale }, entry.name)), isLookup(type) && (_jsxs(_Fragment, { children: [_jsx(ObjectPicker, { label: tr('designer.field.relatedObject'), value: typeof def.reference === 'string' ? def.reference : '', options: objectOptions, onCommit: (v) => patchDef({ reference: v || undefined }), disabled: readOnly, placeholder: tr('designer.field.objectNamePlaceholder') }), _jsx(InspectorTextField, { label: tr('designer.field.relationshipName'), value: typeof def.relationshipName === 'string' ? def.relationshipName : '', onCommit: (v) => patchDef({ relationshipName: v || undefined }), disabled: readOnly, placeholder: tr('designer.field.relationshipNameHint') }), _jsx(LookupConfigFields, { def: def, patchDef: patchDef, hostFieldNames: view.entries.map((e) => e.name).filter((n) => n !== entry.name), readOnly: readOnly, locale: locale })] })), isComputed(type) && (_jsx(TextareaField, { label: tr('designer.field.formula'), value: typeof def.formula === 'string' ? def.formula : '', onCommit: (v) => patchDef({ formula: v || undefined }), disabled: readOnly, rows: 4, mono: true, placeholder: "record.amount * 0.2" })), isNumeric(type) && (_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(InspectorNumberField, { label: tr('designer.field.precision'), value: typeof def.precision === 'number' ? def.precision : undefined, onCommit: (v) => patchDef({ precision: v }), disabled: readOnly }), _jsx(InspectorNumberField, { label: tr('designer.field.scale'), value: typeof def.scale === 'number' ? def.scale : undefined, onCommit: (v) => patchDef({ scale: v }), disabled: readOnly }), _jsx(InspectorNumberField, { label: tr('designer.field.min'), value: typeof def.min === 'number' ? def.min : undefined, onCommit: (v) => patchDef({ min: v }), disabled: readOnly }), _jsx(InspectorNumberField, { label: tr('designer.field.max'), value: typeof def.max === 'number' ? def.max : undefined, onCommit: (v) => patchDef({ max: v }), disabled: readOnly })] })), isTexty(type) && (_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(InspectorNumberField, { label: tr('designer.field.minLength'), value: typeof def.minLength === 'number' ? def.minLength : undefined, onCommit: (v) => patchDef({ minLength: v }), disabled: readOnly, placeholder: "0" }), _jsx(InspectorNumberField, { label: tr('designer.field.maxLength'), value: typeof def.maxLength === 'number' ? def.maxLength : undefined, onCommit: (v) => patchDef({ maxLength: v }), disabled: readOnly, placeholder: "255" })] }))] })), _jsxs(Section, { title: tr('designer.field.section.advanced'), children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(InspectorCheckboxField, { label: tr('designer.field.readonly'), value: !!def.readonly, onCommit: (v) => patchDef({ readonly: v || undefined }), disabled: readOnly }), _jsx(InspectorCheckboxField, { label: tr('designer.field.hidden'), value: !!def.hidden, onCommit: (v) => patchDef({ hidden: v || undefined }), disabled: readOnly }), _jsx(InspectorCheckboxField, { label: tr('designer.field.indexed'), value: !!def.indexed, onCommit: (v) => patchDef({ indexed: v || undefined }), disabled: readOnly }), _jsx(InspectorCheckboxField, { label: tr('designer.field.externalId'), value: !!def.externalId, onCommit: (v) => patchDef({ externalId: v || undefined }), disabled: readOnly }), _jsx(InspectorCheckboxField, { label: tr('designer.field.trackHistory'), value: !!def.trackHistory, onCommit: (v) => patchDef({ trackHistory: v || undefined }), disabled: readOnly })] }), _jsx(InspectorTextField, { label: tr('designer.field.placeholder'), value: typeof def.placeholder === 'string' ? def.placeholder : '', onCommit: (v) => patchDef({ placeholder: v || undefined }), disabled: readOnly }), _jsxs("div", { className: "space-y-1", children: [_jsx(InspectorTextField, { label: tr('designer.field.conditionalRequired'), value: typeof def.conditionalRequired === 'string' ? def.conditionalRequired : '', onCommit: (v) => patchDef({ conditionalRequired: v || undefined }), disabled: readOnly, mono: true, placeholder: "record.status == 'closed'" }), _jsx("p", { className: "text-[11px] text-muted-foreground/80 px-0.5 leading-snug", children: tr('designer.field.conditionalRequiredHint') })] }), fieldGroups.length > 0 && (_jsx(InspectorSelectField, { label: tr('designer.field.group'), value: typeof def.group === 'string' ? def.group : '', options: [
                             { value: '', label: tr('designer.field.noGroup') },
                             ...fieldGroups
                                 .filter((g) => typeof g.key === 'string')
@@ -265,7 +281,7 @@ function OptionsEditor({ options, onChange, disabled, locale, }) {
     const remove = (i) => commit(rows.filter((_, j) => j !== i));
     const move = (i, to) => commit(moveArray(rows, i, to));
     const add = () => commit([...rows, { value: '', label: '' }]);
-    return (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: t('designer.field.picklistValues', locale) }), _jsx(Badge, { variant: "outline", className: "text-[10px]", children: rows.length })] }), rows.length === 0 ? (_jsx("div", { className: "text-[11px] italic text-muted-foreground px-1", children: t('designer.field.noValues', locale) })) : (_jsx("div", { className: "space-y-1", children: rows.map((o, i) => (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(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" }), _jsx(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" }), _jsx("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) }), _jsx(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), children: _jsx(ArrowUp, { className: "h-3 w-3" }) }), _jsx(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), children: _jsx(ArrowDown, { className: "h-3 w-3" }) }), _jsx(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), children: _jsx(X, { className: "h-3 w-3" }) })] }, i))) })), !disabled && (_jsxs(Button, { variant: "outline", size: "sm", className: "h-7 gap-1 text-xs", onClick: add, children: [_jsx(Plus, { className: "h-3 w-3" }), t('designer.field.addValue', locale)] }))] }));
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: t('designer.field.picklistValues', locale) }), _jsx(Badge, { variant: "outline", className: "text-[10px]", children: rows.length })] }), rows.length === 0 ? (_jsx("div", { className: "text-[11px] italic text-muted-foreground px-1", children: t('designer.field.noValues', locale) })) : (_jsx("div", { className: "space-y-1.5", children: rows.map((o, i) => (_jsxs("div", { className: "rounded-md border border-border/60 p-1.5 space-y-1", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(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" }), _jsx(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" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("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) }), _jsx("span", { className: "flex-1" }), _jsx(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), children: _jsx(ArrowUp, { className: "h-3 w-3" }) }), _jsx(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), children: _jsx(ArrowDown, { className: "h-3 w-3" }) }), _jsx(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), children: _jsx(X, { className: "h-3 w-3" }) })] })] }, i))) })), !disabled && (_jsxs(Button, { variant: "outline", size: "sm", className: "h-7 gap-1 text-xs", onClick: add, children: [_jsx(Plus, { className: "h-3 w-3" }), t('designer.field.addValue', locale)] }))] }));
 }
 /* ─────────────── Lookup picker config (displayField / filters / dependent) ─────────────── */
 const LOOKUP_OPERATORS = [
@@ -340,19 +356,33 @@ function useObjectOptions() {
     const [opts, setOpts] = React.useState([]);
     React.useEffect(() => {
         let cancelled = false;
-        client
-            .list('object')
-            .then((items) => {
+        Promise.all([
+            client.list('object'),
+            // Draft objects are not yet published, so `list('object')` can't see
+            // them. Include them so a lookup can target a SIBLING object being
+            // designed in the same authoring pass (before the package's first
+            // publish) instead of forcing the author to type an API name blind.
+            client.listDrafts({ type: 'object' }).catch(() => []),
+        ])
+            .then(([published, drafts]) => {
             if (cancelled)
                 return;
-            const mapped = items
-                .filter((i) => typeof i?.name === 'string' && i.name)
-                .map((i) => ({
-                value: i.name,
-                label: i.label ? `${i.label} (${i.name})` : i.name,
-            }))
-                .sort((a, b) => a.value.localeCompare(b.value));
-            setOpts(mapped);
+            const byName = new Map();
+            for (const i of published ?? []) {
+                if (typeof i?.name === 'string' && i.name && !byName.has(i.name)) {
+                    byName.set(i.name, {
+                        value: i.name,
+                        label: i.label ? `${i.label} (${i.name})` : i.name,
+                    });
+                }
+            }
+            for (const d of drafts ?? []) {
+                const name = d.name;
+                if (typeof name === 'string' && name && !byName.has(name)) {
+                    byName.set(name, { value: name, label: `${name} (草稿)` });
+                }
+            }
+            setOpts([...byName.values()].sort((a, b) => a.value.localeCompare(b.value)));
         })
             .catch(() => {
             // Empty list — picker falls back to free-text. No banner needed.

package/dist/views/metadata-admin/inspectors/flow-node-config.d.ts

@@ -42,7 +42,7 @@ export type FlowConfigFieldKind = 'text' | 'expression' | 'number' | 'boolean' |
  * Kinds that have no catalog in the current tenant simply degrade to a plain
  * text box — the control is always an editable combobox, never a hard dropdown.
  */
-export type ReferenceKind = 'object' | 'object-field' | 'flow' | 'role' | 'node' | 'user' | 'team' | 'queue' | 'department' | 'connector' | 'email-template';
+export type ReferenceKind = 'object' | 'object-field' | 'flow' | 'role' | 'node' | 'user' | 'team' | 'queue' | 'department' | 'connector' | 'connector-action' | 'email-template';
 export interface FlowReferenceSpec {
     /**
      * Concrete reference kind. Omit when the kind is *polymorphic* — chosen at
@@ -57,6 +57,13 @@ export interface FlowReferenceSpec {
      *     the object name (e.g. CRUD nodes resolve from their own `objectName`).
      */
     objectSource?: string;
+    /**
+     * For `connector-action` only: the sibling key (on this node's
+     * `connectorConfig` block) holding the chosen connector's name. Defaults to
+     * `'connectorId'`. The picker lists THAT connector's actions (from the runtime
+     * connector descriptors); with no connector chosen it degrades to free text.
+     */
+    connectorSource?: string;
     /**
      * Polymorphic reference: the kind is selected at render time by the value of
      * a sibling field/column named `kindFrom`, looked up in {@link map}. A value

package/dist/views/metadata-admin/inspectors/flow-node-config.js

@@ -347,9 +347,10 @@ const FLOW_NODE_CONFIG = {
     ],
     connector_action: [
         at('connectorConfig', 'connectorId', 'Connector', 'reference', { ref: { kind: 'connector' }, placeholder: 'slack · email · salesforce' }),
-        // actionId is polymorphic on the chosen connector and has no flat catalog
+        // actionId is polymorphic on the chosen connector: the picker lists THAT
+        // connector's actions (runtime descriptors), degrading to free text if none.
         // (a deliberate open extension point) — stays free text.
-        at('connectorConfig', 'actionId', 'Action', 'text', { placeholder: 'sendMessage · send' }),
+        at('connectorConfig', 'actionId', 'Action', 'reference', { ref: { kind: 'connector-action', connectorSource: 'connectorId' }, placeholder: 'sendMessage · send' }),
         at('connectorConfig', 'input', 'Input', 'keyValue', { help: 'Mapped inputs for the connector action.' }),
         { id: 'timeoutMs', path: ['timeoutMs'], label: 'Timeout (ms)', kind: 'number', placeholder: '30000' },
     ],