@syntrologie/adapt-nav 2.2.0-canary.9 → 2.2.0

package/dist/NavWidget.js

@@ -303,7 +303,7 @@ export function NavWidget({ config, runtime, instanceId }) {
     const hasCategories = useMemo(() => visibleTips.some((t) => t.config.category), [visibleTips]);
     // Resolve theme (auto → detect system preference)
     const resolvedTheme = useMemo(() => {
-        if (config.theme !== 'auto')
+        if (config.theme && config.theme !== 'auto')
             return config.theme;
         if (typeof window !== 'undefined') {
             return window.matchMedia?.('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';

package/dist/cdn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,SAA0B,MAAM,UAAU,CAAC;AAGlD;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;2BAsC06Z,CAAC;8BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAtBp8Z,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;CAQjD,CAAC;AAaF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,SAA0B,MAAM,UAAU,CAAC;AAGlD;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;2BAsC07Z,CAAC;8BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAtBp9Z,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;CAQjD,CAAC;AAaF,eAAe,QAAQ,CAAC"}

package/dist/editor.js

@@ -124,7 +124,7 @@ export function NavEditor({ config, onChange, editor }) {
     const typedConfig = config;
     const [dismissedKeys, setDismissedKeys] = useState(() => editor.getDismissedKeys?.() ?? new Set());
     const [editingKey, setEditingKey] = useState(null);
-    const [previewMode, setPreviewMode] = useState('after');
+    const [_previewMode, setPreviewMode] = useState('after');
     const [_hoveredKey, setHoveredKey] = useState(null);
     // Sync dismissed keys back to navigation context on every change
     useEffect(() => {
@@ -209,7 +209,7 @@ export function NavEditor({ config, onChange, editor }) {
         editor.setBackHandler?.(editingKey !== null ? handleBackToList : null);
         return () => editor.setBackHandler?.(null);
     }, [editingKey, handleBackToList, editor]);
-    const handleBeforeAfter = useCallback((mode) => {
+    const _handleBeforeAfter = useCallback((mode) => {
         setPreviewMode(mode);
         if (mode === 'before') {
             const filtered = filterConfig(typedConfig, new Set([editingKey]));

package/dist/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EACV,cAAc,EAEd,cAAc,EAEd,cAAc,EACf,MAAM,SAAS,CAAC;AAMjB;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,cAAc,CA4B1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,cAAc,CAgC1D,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;EAGZ,CAAC;AAMX;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;;;;;IAMlB;;OAEG;;;;;;;;IAGH;;OAEG;;;;;uBAqCs+T,CAAC;0BAA8B,CAAC;;;;;;;;;IAxBzgU;;;;OAIG;0BACmB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;CAgB9C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EACV,cAAc,EAEd,cAAc,EAEd,cAAc,EACf,MAAM,SAAS,CAAC;AAMjB;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,cAAc,CA4B1D,CAAC;AAgBF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,cAAc,CAoC1D,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;EAGZ,CAAC;AAMX;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;;;;;IAMlB;;OAEG;;;;;;;;IAGH;;OAEG;;;;;uBAqCu1S,CAAC;0BAA8B,CAAC;;;;;;;;;IAxB13S;;;;OAIG;0BACmB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;CAgB9C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/runtime.js

@@ -35,6 +35,20 @@ export const executeScrollTo = async (action, context) => {
         },
     };
 };
+/**
+ * Check if a URL is same-origin as the current page.
+ * Relative URLs (e.g. "/dashboard") are always same-origin.
+ */
+function isSameOrigin(url) {
+    try {
+        const parsed = new URL(url, window.location.origin);
+        return parsed.origin === window.location.origin;
+    }
+    catch {
+        // If URL parsing fails, fall back to full navigation
+        return false;
+    }
+}
 /**
  * Execute a navigate action
  */
@@ -55,8 +69,13 @@ export const executeNavigate = async (action, context) => {
         // Open in new tab
         window.open(url, '_blank', 'noopener,noreferrer');
     }
+    else if (!action.forceFullNavigation && isSameOrigin(url)) {
+        // SPA-aware: use pushState for same-origin URLs to avoid full page reload
+        window.history.pushState(null, '', url);
+        window.dispatchEvent(new PopStateEvent('popstate'));
+    }
     else {
-        // Navigate in current tab
+        // Full navigation for cross-origin URLs or when explicitly requested
         window.location.href = url;
     }
     return {

package/dist/types.d.ts

@@ -159,6 +159,8 @@ export interface NavigateAction extends BaseAction {
     kind: 'navigation:navigate';
     url: string;
     target?: '_self' | '_blank';
+    /** When true, always use full page navigation (window.location.href) even for same-origin URLs. */
+    forceFullNavigation?: boolean;
 }
 export declare const ACTION_NAMESPACES: readonly ["nav", "navigation"];
 /**

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/node_modules/@syntro/design-system/dist/tailwind-preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-preset.d.ts","sourceRoot":"","sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,MAAM,CA2bxC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tailwind-preset.d.ts","sourceRoot":"","sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,MAAM,CAgdxC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/node_modules/@syntro/design-system/dist/tailwind-preset.js

@@ -147,29 +147,34 @@ export const syntroPreset = {
                     DEFAULT: colors.pink[4],
                 },
                 // Semantic tokens
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 text: {
                     primary: colors.text.primary,
                     secondary: colors.text.secondary,
                     tertiary: colors.text.tertiary,
                     DEFAULT: colors.text.primary,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 background: {
                     primary: colors.background.primary,
                     secondary: colors.background.secondary,
                     DEFAULT: colors.background.primary,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 border: {
                     primary: colors.border.primary,
                     secondary: colors.border.secondary,
                     DEFAULT: colors.border.primary,
                 },
                 // Component tokens - Button
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'btn-primary': {
                     DEFAULT: colors.button.primary.backgroundDefault,
                     hover: colors.button.primary.backgroundHover,
                     text: colors.button.primary.text,
                     border: colors.button.primary.border,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'btn-neutral': {
                     DEFAULT: colors.button.neutral.background,
                     text: colors.button.neutral.text,
@@ -189,12 +194,14 @@ export const syntroPreset = {
                     hover: colors.button.success.hover,
                 },
                 // Component tokens - Card
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 card: {
                     bg: colors.card.background,
                     content: colors.card.content,
                     border: colors.card.border,
                 },
                 // Component tokens - Modal
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 modal: {
                     bg: colors.modal.background,
                     content: colors.modal.content,
@@ -211,6 +218,7 @@ export const syntroPreset = {
                     'content-tertiary': colors.sidebar.contentTertiary,
                 },
                 // Component tokens - Tab
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 tab: {
                     'active-bg': colors.tab.activeBackground,
                     'active-content': colors.tab.activeContent,
@@ -218,15 +226,17 @@ export const syntroPreset = {
                     border: colors.tab.border,
                 },
                 // Component tokens - Table
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'table-header': {
                     text: colors.table.header.textDefault,
                     'text-hover': colors.table.header.textHover,
                     bg: colors.table.header.backgroundDefault,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'table-cell': {
-                    // biome-ignore lint/plugin: These define semantic token names, not usage of shadcn color classes
+                    // biome-ignore lint: Tailwind preset defines semantic token names, not usage of shadcn color classes
                     'text-primary': colors.table.cell.textPrimary,
-                    // biome-ignore lint/plugin: These define semantic token names, not usage of shadcn color classes
+                    // biome-ignore lint: Tailwind preset defines semantic token names, not usage of shadcn color classes
                     'text-secondary': colors.table.cell.textSecondary,
                     bg: colors.table.cell.backgroundDefault,
                     'bg-hover': colors.table.cell.backgroundHover,
@@ -245,54 +255,63 @@ export const syntroPreset = {
                     'border-error': colors.inputField.borderError,
                 },
                 // Component tokens - Badge (9 variants)
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'badge-slate': {
                     content: colors.badge.slateGrey.content,
                     outline: colors.badge.slateGrey.pillOutline,
                     border: colors.badge.slateGrey.borderPrimary,
                     bg: colors.badge.slateGrey.background,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'badge-brand': {
                     content: colors.badge.brand.content,
                     outline: colors.badge.brand.pillOutline,
                     border: colors.badge.brand.borderPrimary,
                     bg: colors.badge.brand.background,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'badge-green': {
                     content: colors.badge.green.content,
                     outline: colors.badge.green.pillOutline,
                     border: colors.badge.green.borderPrimary,
                     bg: colors.badge.green.background,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'badge-yellow': {
                     content: colors.badge.yellow.content,
                     outline: colors.badge.yellow.pillOutline,
                     border: colors.badge.yellow.borderPrimary,
                     bg: colors.badge.yellow.background,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'badge-red': {
                     content: colors.badge.red.content,
                     outline: colors.badge.red.pillOutline,
                     border: colors.badge.red.borderPrimary,
                     bg: colors.badge.red.background,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'badge-blue': {
                     content: colors.badge.blue.content,
                     outline: colors.badge.blue.pillOutline,
                     border: colors.badge.blue.borderPrimary,
                     bg: colors.badge.blue.background,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'badge-purple': {
                     content: colors.badge.purple.content,
                     outline: colors.badge.purple.pillOutline,
                     border: colors.badge.purple.borderPrimary,
                     bg: colors.badge.purple.background,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'badge-orange': {
                     content: colors.badge.orange.content,
                     outline: colors.badge.orange.pillOutline,
                     border: colors.badge.orange.borderPrimary,
                     bg: colors.badge.orange.background,
                 },
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 'badge-pink': {
                     content: colors.badge.pink.content,
                     outline: colors.badge.pink.pillOutline,
@@ -309,6 +328,7 @@ export const syntroPreset = {
                     'on-bg-hover': colors.toggle.on.backgroundHover,
                 },
                 // Component tokens - Menu
+                // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
                 menu: {
                     DEFAULT: colors.menu.backgroundDefault,
                     hover: colors.menu.backgroundHover,
@@ -380,6 +400,7 @@ export const syntroPreset = {
                 'focus-error': focusRings.error,
             },
             // Backdrop blur — Figma scale
+            // biome-ignore lint: Tailwind preset intentionally maps design tokens from source
             backdropBlur: {
                 sm: backdropBlur.sm,
                 md: backdropBlur.md,

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/BeforeAfterToggle.test.js

@@ -23,6 +23,7 @@ describe('BeforeAfterToggle', () => {
     it('highlights active mode with blue class', () => {
         const { getByText } = render(_jsx(BeforeAfterToggle, { mode: "before", onToggle: () => { } }));
         expect(getByText('Before').className).toContain('se-text-blue-5');
+        expect(getByText('Before').className).toContain('se-bg-blue-5/30');
         expect(getByText('After').className).toContain('se-text-text-secondary');
     });
 });

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/ConditionStatusLine.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ConditionStatusLine.test.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/ConditionStatusLine.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionStatusLine.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/ConditionStatusLine.test.tsx"],"names":[],"mappings":""}

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/ConditionStatusLine.test.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+import { ConditionStatusLine } from '../components/ConditionStatusLine';
+describe('ConditionStatusLine', () => {
+    it('returns null when status is null', () => {
+        const { container } = render(_jsx(ConditionStatusLine, { status: null }));
+        expect(container.innerHTML).toBe('');
+    });
+    it('renders single condition inline', () => {
+        const status = {
+            visible: true,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'page_url',
+                    passed: true,
+                    formatted: { label: '/pricing', instruction: 'Visit /pricing', shortLabel: '/pricing' },
+                },
+            ],
+        };
+        render(_jsx(ConditionStatusLine, { status: status }));
+        expect(screen.getByText('page_url:')).toBeTruthy();
+        expect(screen.getByText('/pricing')).toBeTruthy();
+    });
+    it('uses at least 12px font size for condition rows', () => {
+        const status = {
+            visible: true,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'page_url',
+                    passed: true,
+                    formatted: { label: '/pricing', instruction: 'Visit /pricing', shortLabel: '/pricing' },
+                },
+            ],
+        };
+        const { container } = render(_jsx(ConditionStatusLine, { status: status }));
+        const row = container.firstElementChild;
+        expect(row.className).toContain('se-text-[12px]');
+        expect(row.className).not.toContain('se-text-[10px]');
+    });
+    it('uses secondary text color for readability', () => {
+        const status = {
+            visible: true,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'page_url',
+                    passed: true,
+                    formatted: { label: '/pricing', instruction: 'Visit /pricing', shortLabel: '/pricing' },
+                },
+            ],
+        };
+        const { container } = render(_jsx(ConditionStatusLine, { status: status }));
+        const row = container.firstElementChild;
+        expect(row.className).toContain('se-text-text-secondary');
+    });
+    it('uses medium font weight for small text', () => {
+        const status = {
+            visible: true,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'page_url',
+                    passed: true,
+                    formatted: { label: '/pricing', instruction: 'Visit /pricing', shortLabel: '/pricing' },
+                },
+            ],
+        };
+        const { container } = render(_jsx(ConditionStatusLine, { status: status }));
+        const row = container.firstElementChild;
+        expect(row.className).toContain('se-font-medium');
+    });
+    it('renders multi-condition summary with expand button', () => {
+        const status = {
+            visible: false,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'page_url',
+                    passed: true,
+                    formatted: { label: '/p', instruction: 'A', shortLabel: 'A' },
+                },
+                {
+                    type: 'event_count',
+                    passed: false,
+                    formatted: { label: 'views >= 2', instruction: 'B', shortLabel: 'B' },
+                },
+            ],
+        };
+        render(_jsx(ConditionStatusLine, { status: status }));
+        expect(screen.getByText('1 of 2 conditions met')).toBeTruthy();
+    });
+    it('uses at least 11px for expand indicator', () => {
+        const status = {
+            visible: false,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'a',
+                    passed: true,
+                    formatted: { label: 'a', instruction: 'A', shortLabel: 'A' },
+                },
+                {
+                    type: 'b',
+                    passed: false,
+                    formatted: { label: 'b', instruction: 'B', shortLabel: 'B' },
+                },
+            ],
+        };
+        const { container } = render(_jsx(ConditionStatusLine, { status: status }));
+        // The expand indicator is the last span in the button
+        const button = container.querySelector('button');
+        const indicator = button.querySelector('span:last-child');
+        expect(indicator.className).toContain('se-text-[11px]');
+        expect(indicator.className).not.toContain('se-text-[8px]');
+    });
+    it('expands to show individual condition rows on click', () => {
+        const status = {
+            visible: false,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'page_url',
+                    passed: true,
+                    formatted: { label: '/p', instruction: 'A', shortLabel: 'A' },
+                },
+                {
+                    type: 'event_count',
+                    passed: false,
+                    formatted: { label: 'views >= 2', instruction: 'B', shortLabel: 'B' },
+                },
+            ],
+        };
+        render(_jsx(ConditionStatusLine, { status: status }));
+        fireEvent.click(screen.getByText('1 of 2 conditions met'));
+        expect(screen.getByText('page_url:')).toBeTruthy();
+        expect(screen.getByText('event_count:')).toBeTruthy();
+    });
+    it('uses secondary color (not tertiary) for condition detail labels', () => {
+        const status = {
+            visible: true,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'page_url',
+                    passed: true,
+                    formatted: { label: '/pricing', instruction: 'Visit /pricing', shortLabel: '/pricing' },
+                },
+            ],
+        };
+        render(_jsx(ConditionStatusLine, { status: status }));
+        const label = screen.getByText('/pricing');
+        expect(label.className).toContain('se-text-text-secondary');
+        expect(label.className).not.toContain('se-text-text-tertiary');
+    });
+});

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/DismissedSection.test.js

@@ -12,6 +12,12 @@ describe('DismissedSection', () => {
         fireEvent.click(getByText('Dismissed (2)'));
         expect(queryByText('revealed')).toBeTruthy();
     });
+    it('uses secondary text color for readability', () => {
+        const { getByText } = render(_jsx(DismissedSection, { count: 2, children: _jsx("span", { children: "child" }) }));
+        const button = getByText('Dismissed (2)').closest('[role="button"]');
+        expect(button.className).toContain('se-text-text-secondary');
+        expect(button.className).not.toContain('se-text-text-tertiary');
+    });
     it('collapses again on second click', () => {
         const { getByText, queryByText } = render(_jsx(DismissedSection, { count: 1, children: _jsx("span", { children: "content" }) }));
         fireEvent.click(getByText('Dismissed (1)'));

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/EditorCard.test.js

@@ -15,7 +15,7 @@ describe('EditorCard', () => {
     it('applies green border class when validated is true', () => {
         const { container } = render(_jsx(EditorCard, { itemKey: "k", validated: true, children: "child" }));
         const card = container.firstElementChild;
-        expect(card.className).toContain('se-border-green-4/40');
+        expect(card.className).toContain('se-border-green-4/50');
     });
     it('applies default border class when validated is false', () => {
         const { container } = render(_jsx(EditorCard, { itemKey: "k", validated: false, children: "child" }));

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/EditorHeader.test.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 import { EditorHeader } from '../components/EditorHeader';
 describe('EditorHeader', () => {
@@ -15,10 +15,9 @@ describe('EditorHeader', () => {
         const { queryByText } = render(_jsx(EditorHeader, { title: "T", onBack: () => { } }));
         expect(queryByText('Sub')).toBeNull();
     });
-    it('calls onBack when back button is clicked', () => {
+    it('accepts deprecated onBack prop without rendering a back button', () => {
         const onBack = vi.fn();
-        const { getByText } = render(_jsx(EditorHeader, { title: "T", onBack: onBack }));
-        fireEvent.click(getByText('← Back'));
-        expect(onBack).toHaveBeenCalledOnce();
+        const { queryByText } = render(_jsx(EditorHeader, { title: "T", onBack: onBack }));
+        expect(queryByText('← Back')).toBeNull();
     });
 });

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/EditorPanelShell.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EditorPanelShell.test.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/EditorPanelShell.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorPanelShell.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/EditorPanelShell.test.tsx"],"names":[],"mappings":""}

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/EditorPanelShell.test.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import { EditorPanelShell } from '../components/EditorPanelShell';
+// Mock ResizeObserver and pointer capture for jsdom
+vi.stubGlobal('ResizeObserver', class {
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+});
+Element.prototype.setPointerCapture = vi.fn();
+Element.prototype.releasePointerCapture = vi.fn();
+describe('EditorPanelShell', () => {
+    it('applies antialiased font smoothing to the panel', () => {
+        const { container } = render(_jsx(EditorPanelShell, { isOpen: true, onToggle: () => { }, position: "right", children: _jsx("div", { children: "Content" }) }));
+        const panel = container.querySelector('[data-syntro-editor-panel]');
+        expect(panel).toBeTruthy();
+        expect(panel.className).toContain('se-antialiased');
+    });
+    it('does not render panel when closed', () => {
+        const { container } = render(_jsx(EditorPanelShell, { isOpen: false, onToggle: () => { }, children: _jsx("div", { children: "Content" }) }));
+        const panel = container.querySelector('[data-syntro-editor-panel]');
+        expect(panel).toBeNull();
+    });
+});

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/ElementHighlight.test.js

@@ -92,6 +92,28 @@ describe('ElementHighlight', () => {
         expect(label.textContent).toContain('300');
         expect(label.textContent).toContain('150');
     });
+    it('uses at least 11px font for highlight labels', () => {
+        render(_jsx(ElementHighlight, { element: mockElement, color: "rgba(99,102,241,0.6)", showDimensions: true }));
+        const label = document.body.querySelector('[data-syntro-highlight-label]');
+        expect(label).toBeTruthy();
+        // showDimensions uses the smaller size (11px); non-dimensions uses 12px
+        expect(label.style.fontSize).toBe('11px');
+    });
+    it('uses 12px font for non-dimensions labels', () => {
+        render(_jsx(ElementHighlight, { element: mockElement, color: "#ef4444", label: "Test Label" }));
+        const label = document.body.querySelector('[data-syntro-highlight-label]');
+        expect(label).toBeTruthy();
+        expect(label.style.fontSize).toBe('12px');
+    });
+    it('uses 12px font for remove button', () => {
+        const onRemove = vi.fn();
+        render(_jsx(ElementHighlight, { element: mockElement, color: "#ef4444", label: "Test", showRemove: true, onRemove: onRemove }));
+        const removeBtn = document.body.querySelector('[data-syntro-highlight-remove]');
+        expect(removeBtn).toBeTruthy();
+        expect(removeBtn.style.fontSize).toBe('12px');
+        expect(removeBtn.style.width).toBe('16px');
+        expect(removeBtn.style.height).toBe('16px');
+    });
     it('does not show remove button when showRemove is false', () => {
         render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6", label: "Test" }));
         const removeBtn = document.body.querySelector('[data-syntro-highlight-remove]');