@syntrologie/adapt-nav 0.0.0-semantically-released

package/dist/NavWidget.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Adaptive Nav - NavWidget Component
+ *
+ * React component that renders a navigation link list with per-item
+ * conditional visibility based on showWhen decision strategies.
+ *
+ * Demonstrates the compositional action pattern where child actions
+ * (nav:link) serve as configuration data for the parent widget.
+ */
+import type { NavWidgetProps, NavConfig, NavWidgetRuntime } from './types';
+/**
+ * NavWidget - Renders a navigation link list with per-item activation.
+ *
+ * This component demonstrates the compositional action pattern:
+ * - Parent (NavWidget) receives `config.actions` array
+ * - Each action has optional `showWhen` for per-item visibility
+ * - Parent evaluates showWhen and filters visible links
+ * - Parent manages re-rendering on context changes
+ */
+export declare function NavWidget({ config, runtime, instanceId }: NavWidgetProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Mountable widget interface for the runtime's WidgetRegistry.
+ */
+export declare const NavMountableWidget: {
+    mount(container: HTMLElement, config?: NavConfig & {
+        runtime?: NavWidgetRuntime;
+        instanceId?: string;
+    }): () => void;
+};
+export default NavWidget;
+//# sourceMappingURL=NavWidget.d.ts.map

package/dist/NavWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavWidget.d.ts","sourceRoot":"","sources":["../src/NavWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAiB,SAAS,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA8G1F;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,cAAc,kDAgFxE;AAMD;;GAEG;AACH,eAAO,MAAM,kBAAkB;qBAEhB,WAAW,WACb,SAAS,GAAG;QAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;CAsC3E,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/NavWidget.js

@@ -0,0 +1,193 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Adaptive Nav - NavWidget Component
+ *
+ * React component that renders a navigation link list with per-item
+ * conditional visibility based on showWhen decision strategies.
+ *
+ * Demonstrates the compositional action pattern where child actions
+ * (nav:link) serve as configuration data for the parent widget.
+ */
+import React, { useEffect, useReducer, useMemo, useCallback } from 'react';
+// ============================================================================
+// Styles
+// ============================================================================
+const baseStyles = {
+    nav: {
+        display: 'flex',
+        gap: '4px',
+        padding: '8px',
+        fontFamily: 'system-ui, -apple-system, sans-serif',
+    },
+    link: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '6px',
+        padding: '8px 12px',
+        borderRadius: '6px',
+        textDecoration: 'none',
+        fontSize: '14px',
+        fontWeight: 500,
+        transition: 'background-color 0.15s ease, color 0.15s ease',
+        cursor: 'pointer',
+        border: 'none',
+        background: 'transparent',
+    },
+    icon: {
+        fontSize: '16px',
+    },
+    externalIcon: {
+        fontSize: '12px',
+        opacity: 0.6,
+    },
+};
+const themeStyles = {
+    light: {
+        nav: {
+            backgroundColor: '#ffffff',
+        },
+        link: {
+            color: '#374151',
+        },
+        linkHover: {
+            backgroundColor: '#f3f4f6',
+            color: '#111827',
+        },
+    },
+    dark: {
+        nav: {
+            backgroundColor: '#1f2937',
+        },
+        link: {
+            color: '#d1d5db',
+        },
+        linkHover: {
+            backgroundColor: '#374151',
+            color: '#f9fafb',
+        },
+    },
+};
+function NavLinkComponent({ link, theme, onNavigate }) {
+    const [isHovered, setIsHovered] = React.useState(false);
+    const { label, href, icon, external } = link.config;
+    const colors = themeStyles[theme];
+    const style = {
+        ...baseStyles.link,
+        ...colors.link,
+        ...(isHovered ? colors.linkHover : {}),
+    };
+    const handleClick = (e) => {
+        e.preventDefault();
+        onNavigate(href, external ?? false);
+    };
+    return (_jsxs("a", { href: href, onClick: handleClick, style: style, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), target: external ? '_blank' : undefined, rel: external ? 'noopener noreferrer' : undefined, children: [icon && _jsx("span", { style: baseStyles.icon, children: icon }), _jsx("span", { children: label }), external && _jsx("span", { style: baseStyles.externalIcon, children: "\u2197" })] }));
+}
+// ============================================================================
+// NavWidget Component
+// ============================================================================
+/**
+ * NavWidget - Renders a navigation link list with per-item activation.
+ *
+ * This component demonstrates the compositional action pattern:
+ * - Parent (NavWidget) receives `config.actions` array
+ * - Each action has optional `showWhen` for per-item visibility
+ * - Parent evaluates showWhen and filters visible links
+ * - Parent manages re-rendering on context changes
+ */
+export function NavWidget({ config, runtime, instanceId }) {
+    // Force re-render when context changes
+    const [, forceUpdate] = useReducer((x) => x + 1, 0);
+    // Subscribe to context changes for reactive updates
+    useEffect(() => {
+        const unsubscribe = runtime.context.subscribe(() => {
+            forceUpdate();
+        });
+        return unsubscribe;
+    }, [runtime.context]);
+    // Filter visible links based on per-item showWhen
+    const visibleLinks = useMemo(() => {
+        return config.actions.filter((link) => {
+            // No showWhen = always visible
+            if (!link.showWhen)
+                return true;
+            // Evaluate the decision strategy
+            const result = runtime.evaluateSync(link.showWhen);
+            return result.value;
+        });
+    }, [config.actions, runtime]);
+    // Resolve theme (auto → detect system preference)
+    const resolvedTheme = useMemo(() => {
+        if (config.theme !== 'auto')
+            return config.theme;
+        // Check system preference (SSR-safe)
+        if (typeof window !== 'undefined') {
+            return window.matchMedia?.('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+        }
+        return 'light';
+    }, [config.theme]);
+    // Handle navigation with event publishing
+    const handleNavigate = useCallback((href, external) => {
+        // Publish navigation event for analytics
+        runtime.events.publish('nav:click', {
+            instanceId,
+            href,
+            external,
+            timestamp: Date.now(),
+        });
+        // Perform navigation
+        if (external) {
+            window.open(href, '_blank', 'noopener,noreferrer');
+        }
+        else {
+            window.location.href = href;
+        }
+    }, [runtime.events, instanceId]);
+    // Compute nav styles
+    const navStyle = {
+        ...baseStyles.nav,
+        ...themeStyles[resolvedTheme].nav,
+        flexDirection: config.layout === 'vertical' ? 'column' : 'row',
+    };
+    // Empty state
+    if (visibleLinks.length === 0) {
+        return null;
+    }
+    return (_jsx("nav", { style: navStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-nav", children: visibleLinks.map((link, index) => (_jsx(NavLinkComponent, { link: link, theme: resolvedTheme, onNavigate: handleNavigate }, link.config.href + index))) }));
+}
+// ============================================================================
+// Mountable Widget Interface
+// ============================================================================
+/**
+ * Mountable widget interface for the runtime's WidgetRegistry.
+ */
+export const NavMountableWidget = {
+    mount(container, config) {
+        // This is a simplified mount for non-React environments
+        // In practice, the runtime handles React rendering
+        const { runtime, instanceId: _instanceId = 'nav-widget', ...navConfig } = config || {
+            layout: 'horizontal',
+            theme: 'auto',
+            actions: [],
+        };
+        // Create simple HTML fallback if no runtime
+        if (!runtime) {
+            const links = navConfig.actions || [];
+            container.innerHTML = `
+        <nav style="display: flex; gap: 8px; padding: 8px; font-family: system-ui;">
+          ${links
+                .map((link) => `
+            <a href="${link.config.href}" style="padding: 8px 12px; text-decoration: none; color: #374151;">
+              ${link.config.icon ? `<span>${link.config.icon}</span>` : ''}
+              ${link.config.label}
+            </a>
+          `)
+                .join('')}
+        </nav>
+      `;
+        }
+        return () => {
+            container.innerHTML = '';
+        };
+    },
+};
+export default NavWidget;

package/dist/cdn.d.ts

@@ -0,0 +1,38 @@
+/**
+ * CDN Entry Point for Adaptive Nav
+ *
+ * This module is bundled for CDN delivery and self-registers with the global
+ * SynOS app registry when loaded dynamically via the AppLoader.
+ */
+/**
+ * App manifest for registry registration.
+ * Follows the AppManifest interface expected by AppLoader/AppRegistry.
+ */
+export declare const manifest: {
+    id: string;
+    version: string;
+    name: string;
+    description: string;
+    runtime: {
+        actions: never[];
+        widgets: {
+            id: string;
+            component: {
+                mount(container: HTMLElement, config?: import("./types").NavConfig & {
+                    runtime?: import("./types").NavWidgetRuntime;
+                    instanceId?: string;
+                }): () => void;
+            };
+            metadata: {
+                name: string;
+                description: string;
+                icon: string;
+            };
+        }[];
+    };
+    metadata: {
+        isBuiltIn: boolean;
+    };
+};
+export default manifest;
+//# sourceMappingURL=cdn.d.ts.map

package/dist/cdn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;2BA2B+iK,CAAC;8BAA8B,CAAC;;;;;;;;;;;;;CAdnmK,CAAC;AAaF,eAAe,QAAQ,CAAC"}

package/dist/cdn.js

@@ -0,0 +1,36 @@
+/**
+ * CDN Entry Point for Adaptive Nav
+ *
+ * This module is bundled for CDN delivery and self-registers with the global
+ * SynOS app registry when loaded dynamically via the AppLoader.
+ */
+import { runtime } from './runtime';
+/**
+ * App manifest for registry registration.
+ * Follows the AppManifest interface expected by AppLoader/AppRegistry.
+ */
+export const manifest = {
+    id: 'nav',
+    version: runtime.version,
+    name: runtime.name,
+    description: runtime.description,
+    runtime: {
+        // Nav is widget-based, no action executors
+        actions: [],
+        widgets: runtime.widgets,
+    },
+    metadata: {
+        isBuiltIn: false,
+    },
+};
+/**
+ * Self-register with global registry if available.
+ * This happens when loaded via script tag (UMD).
+ */
+if (typeof window !== 'undefined') {
+    const globalRegistry = window.__SYNOS_APP_REGISTRY__;
+    if (globalRegistry && typeof globalRegistry.register === 'function') {
+        globalRegistry.register(manifest);
+    }
+}
+export default manifest;

package/dist/editor.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Adaptive Nav - Editor Component
+ *
+ * Visual editor panel for configuring navigation links.
+ */
+import type { EditorPanelProps } from './types';
+export declare function NavEditor({ config, onChange, editor }: EditorPanelProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Editor panel configuration for the app registry.
+ */
+export declare const editorPanel: {
+    title: string;
+    icon: string;
+    description: string;
+};
+export default NavEditor;
+//# sourceMappingURL=editor.d.ts.map

package/dist/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAqLhD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAkMvE;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/editor.js

@@ -0,0 +1,252 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// Editor Styles
+// ============================================================================
+const styles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        fontFamily: 'system-ui, -apple-system, sans-serif',
+    },
+    header: {
+        padding: '16px',
+        borderBottom: '1px solid #334155',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+    },
+    backButton: {
+        padding: '6px 12px',
+        borderRadius: '6px',
+        border: 'none',
+        backgroundColor: 'rgba(255,255,255,0.05)',
+        color: '#94a3b8',
+        fontSize: '13px',
+        cursor: 'pointer',
+    },
+    title: {
+        margin: 0,
+        fontSize: '15px',
+        fontWeight: 600,
+        color: '#f8fafc',
+    },
+    subtitle: {
+        margin: '2px 0 0 0',
+        fontSize: '11px',
+        color: '#64748b',
+    },
+    content: {
+        flex: 1,
+        overflow: 'auto',
+        padding: '16px',
+    },
+    section: {
+        marginBottom: '24px',
+    },
+    sectionTitle: {
+        fontSize: '12px',
+        fontWeight: 600,
+        color: '#94a3b8',
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em',
+        marginBottom: '12px',
+    },
+    select: {
+        width: '100%',
+        padding: '10px 12px',
+        borderRadius: '6px',
+        border: '1px solid rgba(255,255,255,0.1)',
+        backgroundColor: 'rgba(255,255,255,0.05)',
+        color: '#f8fafc',
+        fontSize: '13px',
+        cursor: 'pointer',
+    },
+    addButton: {
+        width: '100%',
+        padding: '12px',
+        borderRadius: '8px',
+        border: '1px dashed rgba(59, 130, 246, 0.3)',
+        background: 'rgba(59, 130, 246, 0.05)',
+        color: '#3b82f6',
+        fontSize: '13px',
+        fontWeight: 600,
+        cursor: 'pointer',
+        marginBottom: '16px',
+    },
+    linkCard: {
+        padding: '12px',
+        borderRadius: '8px',
+        border: '1px solid rgba(255,255,255,0.08)',
+        background: 'rgba(255,255,255,0.02)',
+        marginBottom: '8px',
+    },
+    linkHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+        marginBottom: '12px',
+    },
+    linkIcon: {
+        fontSize: '20px',
+    },
+    linkInfo: {
+        flex: 1,
+    },
+    linkLabel: {
+        fontSize: '14px',
+        fontWeight: 500,
+        color: '#f8fafc',
+    },
+    linkHref: {
+        fontSize: '12px',
+        color: '#64748b',
+    },
+    removeButton: {
+        padding: '4px 8px',
+        borderRadius: '4px',
+        border: 'none',
+        background: 'rgba(239, 68, 68, 0.1)',
+        color: '#ef4444',
+        fontSize: '12px',
+        cursor: 'pointer',
+    },
+    inputGroup: {
+        marginBottom: '8px',
+    },
+    inputLabel: {
+        display: 'block',
+        fontSize: '11px',
+        color: '#94a3b8',
+        marginBottom: '4px',
+    },
+    input: {
+        width: '100%',
+        padding: '8px 10px',
+        borderRadius: '4px',
+        border: '1px solid rgba(255,255,255,0.1)',
+        backgroundColor: 'rgba(255,255,255,0.05)',
+        color: '#f8fafc',
+        fontSize: '13px',
+    },
+    checkbox: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        fontSize: '13px',
+        color: '#d1d5db',
+    },
+    emptyState: {
+        textAlign: 'center',
+        padding: '32px 16px',
+        color: '#64748b',
+        fontSize: '13px',
+    },
+    footer: {
+        padding: '12px 16px',
+        borderTop: '1px solid #334155',
+        display: 'flex',
+        gap: '8px',
+    },
+    saveButton: {
+        flex: 1,
+        padding: '10px',
+        borderRadius: '8px',
+        border: 'none',
+        background: 'rgba(59, 130, 246, 0.15)',
+        color: '#3b82f6',
+        fontSize: '13px',
+        fontWeight: 600,
+        cursor: 'pointer',
+    },
+    publishButton: {
+        flex: 1,
+        padding: '10px',
+        borderRadius: '8px',
+        border: 'none',
+        background: '#22c55e',
+        color: 'white',
+        fontSize: '13px',
+        fontWeight: 600,
+        cursor: 'pointer',
+    },
+};
+// ============================================================================
+// NavEditor Component
+// ============================================================================
+export function NavEditor({ config, onChange, editor }) {
+    const typedConfig = config;
+    const links = typedConfig.actions || [];
+    // Add a new link
+    const handleAddLink = () => {
+        const newLink = {
+            kind: 'nav:link',
+            config: {
+                label: 'New Link',
+                href: '/',
+                icon: '🔗',
+                external: false,
+            },
+            showWhen: null,
+        };
+        onChange({
+            ...config,
+            actions: [...links, newLink],
+        });
+        editor.setDirty(true);
+    };
+    // Remove a link
+    const handleRemoveLink = (index) => {
+        const newLinks = links.filter((_, i) => i !== index);
+        onChange({
+            ...config,
+            actions: newLinks,
+        });
+        editor.setDirty(true);
+    };
+    // Update a link
+    const handleUpdateLink = (index, updates) => {
+        const newLinks = links.map((link, i) => {
+            if (i !== index)
+                return link;
+            return {
+                ...link,
+                config: {
+                    ...link.config,
+                    ...updates,
+                },
+            };
+        });
+        onChange({
+            ...config,
+            actions: newLinks,
+        });
+        editor.setDirty(true);
+    };
+    // Update layout
+    const handleLayoutChange = (e) => {
+        onChange({
+            ...config,
+            layout: e.target.value,
+        });
+        editor.setDirty(true);
+    };
+    // Update theme
+    const handleThemeChange = (e) => {
+        onChange({
+            ...config,
+            theme: e.target.value,
+        });
+        editor.setDirty(true);
+    };
+    return (_jsxs("div", { style: styles.container, children: [_jsxs("div", { style: styles.header, children: [_jsx("button", { onClick: () => editor.navigateHome(), style: styles.backButton, children: "\u2190 Back" }), _jsxs("div", { children: [_jsx("h2", { style: styles.title, children: "Navigation Links" }), _jsx("p", { style: styles.subtitle, children: "Configure navigation with per-item visibility" })] })] }), _jsxs("div", { style: styles.content, children: [_jsxs("div", { style: styles.section, children: [_jsx("div", { style: styles.sectionTitle, children: "Layout" }), _jsxs("select", { value: typedConfig.layout || 'horizontal', onChange: handleLayoutChange, style: styles.select, children: [_jsx("option", { value: "horizontal", children: "Horizontal" }), _jsx("option", { value: "vertical", children: "Vertical" })] })] }), _jsxs("div", { style: styles.section, children: [_jsx("div", { style: styles.sectionTitle, children: "Theme" }), _jsxs("select", { value: typedConfig.theme || 'auto', onChange: handleThemeChange, style: styles.select, children: [_jsx("option", { value: "auto", children: "Auto (System)" }), _jsx("option", { value: "light", children: "Light" }), _jsx("option", { value: "dark", children: "Dark" })] })] }), _jsxs("div", { style: styles.section, children: [_jsx("div", { style: styles.sectionTitle, children: "Navigation Links" }), _jsx("button", { onClick: handleAddLink, style: styles.addButton, children: "+ Add Link" }), links.map((link, index) => (_jsxs("div", { style: styles.linkCard, children: [_jsxs("div", { style: styles.linkHeader, children: [_jsx("span", { style: styles.linkIcon, children: link.config.icon || '🔗' }), _jsxs("div", { style: styles.linkInfo, children: [_jsx("div", { style: styles.linkLabel, children: link.config.label }), _jsx("div", { style: styles.linkHref, children: link.config.href })] }), _jsx("button", { onClick: () => handleRemoveLink(index), style: styles.removeButton, children: "Remove" })] }), _jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "Label" }), _jsx("input", { type: "text", value: link.config.label, onChange: (e) => handleUpdateLink(index, { label: e.target.value }), style: styles.input })] }), _jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "URL" }), _jsx("input", { type: "text", value: link.config.href, onChange: (e) => handleUpdateLink(index, { href: e.target.value }), style: styles.input })] }), _jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "Icon (emoji)" }), _jsx("input", { type: "text", value: link.config.icon || '', onChange: (e) => handleUpdateLink(index, { icon: e.target.value }), style: styles.input, placeholder: "e.g., \uD83C\uDFE0" })] }), _jsxs("label", { style: styles.checkbox, children: [_jsx("input", { type: "checkbox", checked: link.config.external || false, onChange: (e) => handleUpdateLink(index, { external: e.target.checked }) }), "Open in new tab"] })] }, index))), links.length === 0 && (_jsx("div", { style: styles.emptyState, children: "No links configured. Click the button above to add one." }))] })] }), _jsxs("div", { style: styles.footer, children: [_jsx("button", { onClick: () => editor.save(), style: styles.saveButton, children: "Save Draft" }), _jsx("button", { onClick: () => editor.publish(), style: styles.publishButton, children: "Publish" })] })] }));
+}
+/**
+ * Editor panel configuration for the app registry.
+ */
+export const editorPanel = {
+    title: 'Navigation',
+    icon: '🔗',
+    description: 'Navigation link list with per-item visibility',
+};
+export default NavEditor;

package/dist/runtime.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Adaptive Nav - Runtime Module
+ *
+ * Runtime manifest for the navigation link list adaptive.
+ * This is a widget-based adaptive with no action executors.
+ */
+/**
+ * Runtime manifest for adaptive-nav.
+ *
+ * Note: This adaptive is widget-based, not action-based.
+ * The `nav:link` actions are compositional - they're rendered by
+ * the widget, not executed by the runtime.
+ */
+export declare const runtime: {
+    id: string;
+    version: string;
+    name: string;
+    description: string;
+    /**
+     * No action executors - nav:link actions are compositional,
+     * meaning they serve as configuration for the NavWidget.
+     */
+    executors: never[];
+    /**
+     * Widget definitions for the runtime's WidgetRegistry.
+     */
+    widgets: {
+        id: string;
+        component: {
+            mount(container: HTMLElement, config?: import("./types").NavConfig & {
+                runtime?: import("./types").NavWidgetRuntime;
+                instanceId?: string;
+            }): () => void;
+        };
+        metadata: {
+            name: string;
+            description: string;
+            icon: string;
+        };
+    }[];
+};
+export default runtime;
+//# sourceMappingURL=runtime.d.ts.map

package/dist/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;;;;;IAMlB;;;OAGG;;IAGH;;OAEG;;;;;uBAeuwJ,CAAC;0BAA8B,CAAC;;;;;;;;;CAH3yJ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/runtime.js

@@ -0,0 +1,43 @@
+/**
+ * Adaptive Nav - Runtime Module
+ *
+ * Runtime manifest for the navigation link list adaptive.
+ * This is a widget-based adaptive with no action executors.
+ */
+import { NavMountableWidget } from './NavWidget';
+// ============================================================================
+// App Runtime Manifest
+// ============================================================================
+/**
+ * Runtime manifest for adaptive-nav.
+ *
+ * Note: This adaptive is widget-based, not action-based.
+ * The `nav:link` actions are compositional - they're rendered by
+ * the widget, not executed by the runtime.
+ */
+export const runtime = {
+    id: 'adaptive-nav',
+    version: '1.0.0',
+    name: 'Navigation Links',
+    description: 'Widget-based navigation link list with per-item conditional visibility',
+    /**
+     * No action executors - nav:link actions are compositional,
+     * meaning they serve as configuration for the NavWidget.
+     */
+    executors: [],
+    /**
+     * Widget definitions for the runtime's WidgetRegistry.
+     */
+    widgets: [
+        {
+            id: 'adaptive-nav:links',
+            component: NavMountableWidget,
+            metadata: {
+                name: 'Navigation Links',
+                description: 'Horizontal or vertical navigation link list',
+                icon: '🔗',
+            },
+        },
+    ],
+};
+export default runtime;