@vertesia/ui 1.5.0-dev.20260717.131047Z → 1.5.0-dev.20260722.120446Z

package/src/i18n/locales/es.json

@@ -275,6 +275,7 @@
   "filter.selectRange": "Seleccionar rango",
   "filter.to": "Hasta:",
   "form.filter": "Filtrar...",
+  "grounded.checkerboard": "Cuadrícula",
   "language.label": "Idioma",
   "language.placeholder": "Elegir idioma",
   "layout.pageNotFound": "Página no encontrada",
@@ -744,6 +745,18 @@
   "user.unnamedGroup": "Grupo sin nombre",
   "user.user": "Usuario",
   "user.userId": "ID de usuario",
+  "view.display": "Visualización",
+  "view.from": "Desde",
+  "view.pagination": "Páginas de resultados",
+  "view.ranges": "Rangos",
+  "view.removeSelection": "Quitar {{value}}",
+  "view.resultsCount_one": "{{count}} resultado",
+  "view.resultsCount_many": "{{count}} resultados",
+  "view.resultsCount_other": "{{count}} resultados",
+  "view.searchFields": "Campos de búsqueda",
+  "view.sort": "Ordenar",
+  "view.to": "Hasta",
+  "view.warning": "Aviso de vista",
   "widgets.schema.editDescription": "Editar descripción",
   "widgets.schema.invalidPropertyDeclaration": "Declaración de propiedad inválida"
 }

package/src/i18n/locales/fr.json

@@ -275,6 +275,7 @@
   "filter.selectRange": "Sélectionner une plage",
   "filter.to": "À :",
   "form.filter": "Filtrer...",
+  "grounded.checkerboard": "Quadrillage",
   "language.label": "Langue",
   "language.placeholder": "Choisir la langue",
   "layout.pageNotFound": "Page non trouvée",
@@ -744,6 +745,18 @@
   "user.unnamedGroup": "Groupe sans nom",
   "user.user": "Utilisateur",
   "user.userId": "ID utilisateur",
+  "view.display": "Affichage",
+  "view.from": "De",
+  "view.pagination": "Pages de résultats",
+  "view.ranges": "Plages",
+  "view.removeSelection": "Supprimer {{value}}",
+  "view.resultsCount_one": "{{count}} résultat",
+  "view.resultsCount_many": "{{count}} résultats",
+  "view.resultsCount_other": "{{count}} résultats",
+  "view.searchFields": "Champs de recherche",
+  "view.sort": "Trier",
+  "view.to": "À",
+  "view.warning": "Avis sur la vue",
   "widgets.schema.editDescription": "Modifier la description",
   "widgets.schema.invalidPropertyDeclaration": "Déclaration de propriété invalide"
 }

package/src/i18n/locales/it.json

@@ -275,6 +275,7 @@
   "filter.selectRange": "Seleziona intervallo",
   "filter.to": "A:",
   "form.filter": "Filtra...",
+  "grounded.checkerboard": "Griglia",
   "language.label": "Lingua",
   "language.placeholder": "Scegli lingua",
   "layout.pageNotFound": "Pagina non trovata",
@@ -744,6 +745,18 @@
   "user.unnamedGroup": "Gruppo senza nome",
   "user.user": "Utente",
   "user.userId": "ID utente",
+  "view.display": "Visualizzazione",
+  "view.from": "Da",
+  "view.pagination": "Pagine dei risultati",
+  "view.ranges": "Intervalli",
+  "view.removeSelection": "Rimuovi {{value}}",
+  "view.resultsCount_one": "{{count}} risultato",
+  "view.resultsCount_many": "{{count}} risultati",
+  "view.resultsCount_other": "{{count}} risultati",
+  "view.searchFields": "Campi di ricerca",
+  "view.sort": "Ordina",
+  "view.to": "A",
+  "view.warning": "Avviso vista",
   "widgets.schema.editDescription": "Modifica descrizione",
   "widgets.schema.invalidPropertyDeclaration": "Dichiarazione di proprietà non valida"
 }

package/src/i18n/locales/ja.json

@@ -273,6 +273,7 @@
   "filter.selectRange": "範囲を選択",
   "filter.to": "終了：",
   "form.filter": "フィルター...",
+  "grounded.checkerboard": "チェッカーボード",
   "language.label": "言語",
   "language.placeholder": "言語を選択",
   "layout.pageNotFound": "ページが見つかりません",
@@ -734,6 +735,16 @@
   "user.unnamedGroup": "名前なしグループ",
   "user.user": "ユーザー",
   "user.userId": "ユーザーID",
+  "view.display": "表示",
+  "view.from": "開始",
+  "view.pagination": "結果ページ",
+  "view.ranges": "範囲",
+  "view.removeSelection": "{{value}}を削除",
+  "view.resultsCount_other": "{{count}} 件の結果",
+  "view.searchFields": "検索フィールド",
+  "view.sort": "並べ替え",
+  "view.to": "終了",
+  "view.warning": "ビューのお知らせ",
   "widgets.schema.editDescription": "説明を編集",
   "widgets.schema.invalidPropertyDeclaration": "無効なプロパティ宣言"
 }

package/src/i18n/locales/ko.json

@@ -273,6 +273,7 @@
   "filter.selectRange": "범위 선택",
   "filter.to": "끝:",
   "form.filter": "필터...",
+  "grounded.checkerboard": "체커보드",
   "language.label": "언어",
   "language.placeholder": "언어 선택",
   "layout.pageNotFound": "페이지를 찾을 수 없음",
@@ -734,6 +735,16 @@
   "user.unnamedGroup": "이름 없는 그룹",
   "user.user": "사용자",
   "user.userId": "사용자 ID",
+  "view.display": "표시",
+  "view.from": "시작",
+  "view.pagination": "결과 페이지",
+  "view.ranges": "범위",
+  "view.removeSelection": "{{value}} 제거",
+  "view.resultsCount_other": "{{count}}개 결과",
+  "view.searchFields": "검색 필드",
+  "view.sort": "정렬",
+  "view.to": "종료",
+  "view.warning": "보기 알림",
   "widgets.schema.editDescription": "설명 편집",
   "widgets.schema.invalidPropertyDeclaration": "유효하지 않은 속성 선언"
 }

package/src/i18n/locales/pt.json

@@ -275,6 +275,7 @@
   "filter.selectRange": "Selecionar intervalo",
   "filter.to": "Até:",
   "form.filter": "Filtrar...",
+  "grounded.checkerboard": "Grade quadriculada",
   "language.label": "Idioma",
   "language.placeholder": "Escolher idioma",
   "layout.pageNotFound": "Página não encontrada",
@@ -744,6 +745,18 @@
   "user.unnamedGroup": "Grupo sem nome",
   "user.user": "Usuário",
   "user.userId": "ID do usuário",
+  "view.display": "Exibição",
+  "view.from": "De",
+  "view.pagination": "Páginas de resultados",
+  "view.ranges": "Intervalos",
+  "view.removeSelection": "Remover {{value}}",
+  "view.resultsCount_one": "{{count}} resultado",
+  "view.resultsCount_many": "{{count}} resultados",
+  "view.resultsCount_other": "{{count}} resultados",
+  "view.searchFields": "Campos de pesquisa",
+  "view.sort": "Ordenar",
+  "view.to": "Até",
+  "view.warning": "Aviso de visualização",
   "widgets.schema.editDescription": "Editar descrição",
   "widgets.schema.invalidPropertyDeclaration": "Declaração de propriedade inválida"
 }

package/src/i18n/locales/ru.json

@@ -277,6 +277,7 @@
   "filter.selectRange": "Выбрать диапазон",
   "filter.to": "До:",
   "form.filter": "Фильтр...",
+  "grounded.checkerboard": "Клетчатая сетка",
   "language.label": "Язык",
   "language.placeholder": "Выберите язык",
   "layout.pageNotFound": "Страница не найдена",
@@ -754,6 +755,19 @@
   "user.unnamedGroup": "Группа без названия",
   "user.user": "Пользователь",
   "user.userId": "ID пользователя",
+  "view.display": "Отображение",
+  "view.from": "От",
+  "view.pagination": "Страницы результатов",
+  "view.ranges": "Диапазоны",
+  "view.removeSelection": "Удалить {{value}}",
+  "view.resultsCount_one": "{{count}} результат",
+  "view.resultsCount_few": "{{count}} результата",
+  "view.resultsCount_many": "{{count}} результатов",
+  "view.resultsCount_other": "{{count}} результата",
+  "view.searchFields": "Поля поиска",
+  "view.sort": "Сортировать",
+  "view.to": "До",
+  "view.warning": "Уведомление о представлении",
   "widgets.schema.editDescription": "Редактировать описание",
   "widgets.schema.invalidPropertyDeclaration": "Недопустимое объявление свойства"
 }

package/src/i18n/locales/tr.json

@@ -273,6 +273,7 @@
   "filter.selectRange": "Aralık seçin",
   "filter.to": "Bitiş:",
   "form.filter": "Filtrele...",
+  "grounded.checkerboard": "Damalı ızgara",
   "language.label": "Dil",
   "language.placeholder": "Dil seçin",
   "layout.pageNotFound": "Sayfa Bulunamadı",
@@ -734,6 +735,17 @@
   "user.unnamedGroup": "Adsız Grup",
   "user.user": "Kullanıcı",
   "user.userId": "Kullanıcı ID",
+  "view.display": "Görüntüle",
+  "view.from": "Başlangıç",
+  "view.pagination": "Sonuç sayfaları",
+  "view.ranges": "Aralıklar",
+  "view.removeSelection": "{{value}} seçimini kaldır",
+  "view.resultsCount_one": "{{count}} sonuç",
+  "view.resultsCount_other": "{{count}} sonuç",
+  "view.searchFields": "Arama alanları",
+  "view.sort": "Sırala",
+  "view.to": "Bitiş",
+  "view.warning": "Görünüm bildirimi",
   "widgets.schema.editDescription": "Açıklamayı düzenle",
   "widgets.schema.invalidPropertyDeclaration": "Geçersiz özellik bildirimi"
 }

package/src/i18n/locales/zh-TW.json

@@ -273,6 +273,7 @@
   "filter.selectRange": "選擇範圍",
   "filter.to": "至：",
   "form.filter": "篩選...",
+  "grounded.checkerboard": "棋盤格",
   "language.label": "語言",
   "language.placeholder": "選擇語言",
   "layout.pageNotFound": "頁面未找到",
@@ -734,6 +735,16 @@
   "user.unnamedGroup": "未命名群組",
   "user.user": "使用者",
   "user.userId": "使用者ID",
+  "view.display": "顯示",
+  "view.from": "起始",
+  "view.pagination": "結果頁面",
+  "view.ranges": "範圍",
+  "view.removeSelection": "移除 {{value}}",
+  "view.resultsCount_other": "{{count}} 個結果",
+  "view.searchFields": "搜尋欄位",
+  "view.sort": "排序",
+  "view.to": "結束",
+  "view.warning": "檢視通知",
   "widgets.schema.editDescription": "編輯描述",
   "widgets.schema.invalidPropertyDeclaration": "無效的屬性宣告"
 }

package/src/i18n/locales/zh.json

@@ -273,6 +273,7 @@
   "filter.selectRange": "选择范围",
   "filter.to": "至：",
   "form.filter": "筛选...",
+  "grounded.checkerboard": "棋盘格",
   "language.label": "语言",
   "language.placeholder": "选择语言",
   "layout.pageNotFound": "页面未找到",
@@ -734,6 +735,16 @@
   "user.unnamedGroup": "未命名群组",
   "user.user": "用户",
   "user.userId": "用户ID",
+  "view.display": "显示",
+  "view.from": "起始",
+  "view.pagination": "结果页面",
+  "view.ranges": "范围",
+  "view.removeSelection": "移除 {{value}}",
+  "view.resultsCount_other": "{{count}} 个结果",
+  "view.searchFields": "搜索字段",
+  "view.sort": "排序",
+  "view.to": "结束",
+  "view.warning": "视图通知",
   "widgets.schema.editDescription": "编辑描述",
   "widgets.schema.invalidPropertyDeclaration": "无效的属性声明"
 }

package/src/router/HistoryNavigator.test.ts

@@ -0,0 +1,48 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { HistoryNavigator } from './HistoryNavigator';
+
+describe('HistoryNavigator link interception', () => {
+    afterEach(() => {
+        document.body.replaceChildren();
+        vi.restoreAllMocks();
+    });
+
+    it('leaves targeted internal links to native browser navigation', () => {
+        const navigator = new HistoryNavigator();
+        const navigate = vi.spyOn(navigator as unknown as { _navigate: () => void }, '_navigate');
+        const link = document.createElement('a');
+        const icon = document.createElement('span');
+        link.href = '/store/executions/run-1?p=project&a=account';
+        link.target = '_blank';
+        link.append(icon);
+        document.body.append(link);
+        navigator.start();
+
+        const event = new MouseEvent('click', { bubbles: true, cancelable: true, button: 0 });
+        icon.dispatchEvent(event);
+
+        expect(event.defaultPrevented).toBe(false);
+        expect(navigate).not.toHaveBeenCalled();
+        navigator.stop();
+    });
+
+    it('continues to intercept ordinary same-origin links', () => {
+        const navigator = new HistoryNavigator();
+        const navigate = vi
+            .spyOn(navigator as unknown as { _navigate: () => void }, '_navigate')
+            .mockImplementation(() => undefined);
+        const link = document.createElement('a');
+        const label = document.createElement('span');
+        link.href = '/store/executions/run-1';
+        link.append(label);
+        document.body.append(link);
+        navigator.start();
+
+        const event = new MouseEvent('click', { bubbles: true, cancelable: true, button: 0 });
+        label.dispatchEvent(event);
+
+        expect(event.defaultPrevented).toBe(true);
+        expect(navigate).toHaveBeenCalledOnce();
+        navigator.stop();
+    });
+});

package/src/router/HistoryNavigator.ts

@@ -72,14 +72,16 @@ export interface NavigateOptions {
     title?: string;
 }
 
-function getElementHrefAsUrl(elem: HTMLElement) {
-    if (elem && elem.tagName.toLowerCase() === 'a') {
-        const href = (elem as HTMLAnchorElement)?.href.trim();
-        if (typeof href === 'string' && href.length > 0) {
-            return new URL(href);
-        }
+function getClosestAnchor(target: EventTarget | null): HTMLAnchorElement | null {
+    if (!(target instanceof Element)) {
+        return null;
     }
-    return null;
+    return target.closest<HTMLAnchorElement>('a[href]');
+}
+
+function getElementHrefAsUrl(elem: HTMLAnchorElement) {
+    const href = elem.href.trim();
+    return href.length > 0 ? new URL(href) : null;
 }
 
 export class HistoryNavigator {
@@ -236,16 +238,25 @@ export class HistoryNavigator {
             this.fireLocationChange(new AfterLocationChangeEvent(type, to, state));
         };
         const _linkNavListener = (ev: MouseEvent) => {
-            const target = ev.target as HTMLElement;
-            // Skip anchors with download attribute or blob: URLs - they are file downloads, not navigation
+            // Let the browser handle modifier / non-primary clicks natively (open in new tab/window,
+            // download). Intercepting them here would preventDefault those affordances.
+            if (ev.defaultPrevented || ev.metaKey || ev.altKey || ev.ctrlKey || ev.shiftKey || ev.button !== 0) {
+                return;
+            }
+            const anchor = getClosestAnchor(ev.target);
+            if (!anchor) {
+                return;
+            }
+            const anchorTarget = anchor.getAttribute('target');
+            // Downloads, blob URLs, and explicitly targeted links require native browser navigation.
             if (
-                target.tagName.toLowerCase() === 'a' &&
-                ((target as HTMLAnchorElement).hasAttribute('download') ||
-                    (target as HTMLAnchorElement).href?.startsWith('blob:'))
+                anchor.hasAttribute('download') ||
+                anchor.href.startsWith('blob:') ||
+                (!!anchorTarget && anchorTarget.toLowerCase() !== '_self')
             ) {
                 return;
             }
-            const url = getElementHrefAsUrl(target);
+            const url = getElementHrefAsUrl(anchor);
             if (url && url.origin === window.location.origin) {
                 ev.preventDefault();
                 const to = new URL(this.addStickyParams(url.href));

package/src/router/Nav.tsx

@@ -1,7 +1,16 @@
-import type { SyntheticEvent } from 'react';
+import type { MouseEvent, SyntheticEvent } from 'react';
 import { withMountBasename } from './path';
 import { useNavigate, useRouterContext } from './Router';
 
+/**
+ * True when the click carries a modifier the browser uses for alternate link behavior
+ * (open in new tab/window, download) or is not a primary-button click. Such clicks must fall
+ * through to the native anchor so the browser can handle them instead of the SPA router.
+ */
+function isModifiedClick(ev: MouseEvent): boolean {
+    return ev.metaKey || ev.altKey || ev.ctrlKey || ev.shiftKey || ev.button !== 0;
+}
+
 /**
  * Wraps a <a href="..."> and perform the navigation to href through the router.
  */
@@ -71,19 +80,20 @@ export function NavLink({
     skipStickyParams,
 }: NavLinkProps) {
     const { router } = useRouterContext();
-    // In-app route = not an external URL, `_blank` target, or bare hash. Relative paths count too —
-    // they must be routed, else the global link listener re-applies the module base path (wrong URL).
+    // Resolve internal URLs even when a target makes navigation native. New-tab links still need
+    // the mount path and tenant sticky params, but must not be intercepted by the SPA router.
     const isAnchorOrEmpty = !href || href.startsWith('#');
-    const isExternal = /^[a-z][a-z0-9+.-]*:/i.test(href) || href.startsWith('//') || (!!target && target !== '_self');
-    const isInternal = !isAnchorOrEmpty && !isExternal;
+    const isExternalUrl = /^[a-z][a-z0-9+.-]*:/i.test(href) || href.startsWith('//');
+    const isInternalUrl = !isAnchorOrEmpty && !isExternalUrl;
+    const isNativeNavigation = !!target && target !== '_self';
     // Keep the rendered href under the served `<base href>` mount (correct middle-click / hover /
     // open-in-new-tab); the onClick navigates via the router which applies the same rule. No-op when
     // origin-served (Studio UI). Click handler below passes the raw `href` — navigate() re-bases it.
-    const resolvedHref = isInternal
+    const resolvedHref = isInternalUrl
         ? withMountBasename(!skipStickyParams ? router.getTopRouter().navigator.addStickyParams(href) : href)
         : href;
-    const _onClick = (ev: SyntheticEvent) => {
-        if (ev.defaultPrevented || !isInternal) {
+    const _onClick = (ev: MouseEvent) => {
+        if (ev.defaultPrevented || !isInternalUrl || isNativeNavigation || isModifiedClick(ev)) {
             return;
         }
         ev.stopPropagation();

package/src/session/UserSession.test.ts

@@ -0,0 +1,39 @@
+import type { VertesiaClient } from '@vertesia/client';
+import { describe, expect, it, vi } from 'vitest';
+import { UserSession } from './UserSession';
+
+function createSession(onboardingProgress: () => Promise<Record<string, boolean>>) {
+    const client = {
+        account: { onboardingProgress },
+    } as unknown as VertesiaClient;
+    const session = new UserSession(client);
+    session.setSession = vi.fn();
+    return session;
+}
+
+describe('UserSession.fetchOnboardingStatus', () => {
+    it('does not replace the session when an incomplete status is unchanged', async () => {
+        const session = createSession(async () => ({ project_created: false }));
+        session.onboardingComplete = false;
+
+        await expect(session.fetchOnboardingStatus()).resolves.toBe(false);
+        expect(session.setSession).not.toHaveBeenCalled();
+    });
+
+    it('updates the session and reports when onboarding becomes complete', async () => {
+        const session = createSession(async () => ({ project_created: true }));
+        session.onboardingComplete = false;
+
+        await expect(session.fetchOnboardingStatus()).resolves.toBe(true);
+        expect(session.setSession).toHaveBeenCalledOnce();
+        expect(vi.mocked(session.setSession!).mock.calls[0]?.[0]?.onboardingComplete).toBe(true);
+    });
+
+    it('publishes the initial incomplete status without reporting completion', async () => {
+        const session = createSession(async () => ({ project_created: false }));
+
+        await expect(session.fetchOnboardingStatus()).resolves.toBe(false);
+        expect(session.setSession).toHaveBeenCalledOnce();
+        expect(vi.mocked(session.setSession!).mock.calls[0]?.[0]?.onboardingComplete).toBe(false);
+    });
+});

package/src/session/UserSession.ts

@@ -260,13 +260,15 @@ class UserSession {
             const onboarding = await this.client.account.onboardingProgress();
             this.onboardingComplete = Object.values(onboarding).every((value) => value === true);
             if (previousStatus !== this.onboardingComplete) {
-                return true;
+                this.setSession?.(this.clone());
             }
-            this.setSession?.(this.clone());
+            return previousStatus === false && this.onboardingComplete;
         } catch (error) {
             console.error('Error fetching onboarding status:', error);
             this.onboardingComplete = false;
-            this.setSession?.(this.clone());
+            if (previousStatus !== this.onboardingComplete) {
+                this.setSession?.(this.clone());
+            }
         }
         return false;
     }

package/src/widgets/form/Form.tsx

@@ -184,7 +184,7 @@ function ListItem({ list, object, onDelete, disabled }: ListItemProps) {
     return (
         <div className="flex gap-2 w-full">
             <div className="flex-1">{renderItemProperty(object, editor)}</div>
-            <Button variant="ghost" onClick={onDelete} disabled={disabled} alt="Delete">
+            <Button variant="ghost" onClick={onDelete} disabled={disabled} title="Delete">
                 <Trash2 className="size-4 text-destructive" />
             </Button>
         </div>

package/src/widgets/json-view/JSONSwitcher.tsx

@@ -14,7 +14,7 @@ export function JSONSwitcher({
             <Button
                 variant={viewCode ? 'ghost' : 'primary'}
                 size="sm"
-                alt="Preview properties"
+                title="Preview properties"
                 onClick={() => setViewCode(false)}
             >
                 {title}
@@ -22,7 +22,7 @@ export function JSONSwitcher({
             <Button
                 variant={viewCode ? 'primary' : 'ghost'}
                 size="sm"
-                alt="View in JSON format"
+                title="View in JSON format"
                 onClick={() => setViewCode(true)}
             >
                 JSON

package/src/widgets/json-view/JSONView.tsx

@@ -35,7 +35,7 @@ interface PropertyTitleProps {
     name: string;
 }
 function PropertyTitle({ name }: PropertyTitleProps) {
-    return <div className="text-md font-semibold">{computeTitleFromName(name)}</div>;
+    return <div className="text-sm font-semibold">{computeTitleFromName(name)}</div>;
 }
 
 interface BlockElementProps {
@@ -64,14 +64,14 @@ function PropertyElement({ name, value }: PropertyElementProps) {
     switch (info.type) {
         case ValueType.Inline:
             return (
-                <div className="w-full flex gap-2">
+                <div className="w-full flex gap-2 text-sm">
                     <PropertyTitle name={`${name}:`} />
                     <p>{info.value}</p>
                 </div>
             );
         case ValueType.Paragraph:
             return (
-                <div>
+                <div className="w-full flex flex-col gap-2 text-sm">
                     <PropertyTitle name={name} />
                     <p>{info.value}</p>
                 </div>
@@ -80,14 +80,14 @@ function PropertyElement({ name, value }: PropertyElementProps) {
             return (
                 <div className="prose dark:prose-invert">
                     <PropertyTitle name={name} />
-                    <div className="vprose dark:prose-invert">{info.value}</div>
+                    <div className="vprose prose-sm dark:prose-invert">{info.value}</div>
                 </div>
             );
         case ValueType.Array:
             return <ArrayProperty name={name} value={value as JSONArray} />;
         case ValueType.Object:
             return (
-                <div>
+                <div className="w-full flex flex-col gap-2 text-sm">
                     <PropertyTitle name={name} />
                     <BlockElement className="mt-2">
                         {Object.entries(value as JSONObject).map(([key, value]) => (
@@ -164,8 +164,8 @@ function ItemProperty({ index, value, useBullet }: ItemPropertyProps) {
             break;
     }
     return (
-        <div className="flex gap-4 hover:bg-slate-50 dark:hover:bg-slate-800 py-2 pe-2 ps-4">
-            <div className="font-semibold text-gray-600 dark:text-gray-400">{bullet}</div>
+        <div className="flex gap-4 hover:bg-muted py-2 pe-2 ps-4">
+            <div className="font-semibold text-muted">{bullet}</div>
             <div>{content}</div>
         </div>
     );

package/src/widgets/monacoEditor/MonacoEditor.tsx

@@ -8,6 +8,33 @@ import { registerCustomFoldingProviders } from './foldingProviders.js';
 
 export type Monaco = typeof monaco;
 
+/**
+ * Shared, body-level host for Monaco "overflow widgets" — the suggestion, hover, and
+ * parameter-hint popups. With `fixedOverflowWidgets` enabled these are `position: fixed`; a CSS
+ * `transform` on any ancestor (e.g. a modal centered with `translate(-50%, -50%)`) becomes their
+ * containing block and drags the popups away from the cursor, sometimes off-screen. Hosting them in
+ * an untransformed node appended to `document.body` keeps them anchored to the caret. The node
+ * carries the `monaco-editor` class so Monaco's (global) theme styles apply, and a high z-index so
+ * the popups render above modals/overlays. One shared node is reused by every editor instance.
+ */
+let overflowWidgetsNode: HTMLElement | undefined;
+function getOverflowWidgetsNode(): HTMLElement | undefined {
+    if (typeof document === 'undefined') return undefined;
+    if (!overflowWidgetsNode) {
+        const node = document.createElement('div');
+        node.className = 'monaco-editor';
+        // `absolute` + z-index establishes a stacking context above modals without creating a
+        // containing block for the fixed-positioned popups (only transform/filter/etc. would).
+        node.style.position = 'absolute';
+        node.style.top = '0';
+        node.style.left = '0';
+        node.style.zIndex = '10000';
+        document.body.appendChild(node);
+        overflowWidgetsNode = node;
+    }
+    return overflowWidgetsNode;
+}
+
 export interface IEditorApi {
     getValue(): string;
     setValue(value?: string): void;
@@ -226,6 +253,8 @@ export function MonacoEditor({
         tabSize: 2,
         insertSpaces: true,
         fixedOverflowWidgets: true, // Hover/diagnostic popovers float outside the editor bounds
+        // Host the fixed popups in a body-level node so a modal's CSS transform doesn't offset them.
+        overflowWidgetsDomNode: getOverflowWidgetsNode(),
         glyphMargin: true, // Enable better error reporting
         renderValidationDecorations: 'on', // Show error squiggles
         renderLineHighlight: 'line', // Highlight entire line for errors

package/src/widgets/schema-editor/ManagedSchema.ts

@@ -17,6 +17,11 @@ export interface NodeUpdate {
     isRequired?: boolean;
     editor?: string | null; // use null to force remove editor
     description?: string;
+    /**
+     * When false, the property is marked `"x-extract": false` and is omitted from
+     * extraction result_schema. Default / true = extractable.
+     */
+    extractable?: boolean;
 }
 
 interface SchemaLoader {
@@ -141,6 +146,19 @@ export class SchemaNode {
         this.schema.description = value;
     }
 
+    /** Whether extraction models may fill this field. Default true. */
+    get extractable(): boolean {
+        return (this.schema as Record<string, unknown>)['x-extract'] !== false;
+    }
+
+    set extractable(value: boolean) {
+        if (value) {
+            delete (this.schema as Record<string, unknown>)['x-extract'];
+        } else {
+            (this.schema as Record<string, unknown>)['x-extract'] = false;
+        }
+    }
+
     get isParent() {
         return this.type.isObject;
     }
@@ -300,6 +318,10 @@ export class SchemaNode {
             this.description = data.description;
             updated = true;
         }
+        if (data.extractable != null && this.extractable !== data.extractable) {
+            this.extractable = data.extractable;
+            updated = true;
+        }
 
         return updated;
     }