@syntrologie/adapt-nav 0.0.0-semantically-released → 1.0.0

package/dist/NavWidget.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"NavWidget.d.ts","sourceRoot":"","sources":["../src/NavWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,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,kDAkFxE;AAMD;;GAEG;AACH,eAAO,MAAM,kBAAkB;qBAEhB,WAAW,WACb,SAAS,GAAG;QAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;CA8C3E,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/NavWidget.js

@@ -9,6 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * (nav:link) serve as configuration data for the parent widget.
  */
 import React, { useEffect, useReducer, useMemo, useCallback } from 'react';
+import { createRoot } from 'react-dom/client';
 // ============================================================================
 // Styles
 // ============================================================================
@@ -105,16 +106,14 @@ export function NavWidget({ config, runtime, instanceId }) {
         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]);
+    const visibleLinks = useMemo(() => 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')
@@ -162,29 +161,35 @@ export function NavWidget({ config, runtime, instanceId }) {
  */
 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 || {
+        const { runtime, 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>
-      `;
+        // React rendering when runtime + ReactDOM are available
+        if (runtime && typeof createRoot === 'function') {
+            const root = createRoot(container);
+            root.render(React.createElement(NavWidget, {
+                config: navConfig,
+                runtime: runtime,
+                instanceId,
+            }));
+            return () => { root.unmount(); };
         }
+        // HTML fallback for non-React environments
+        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 = '';
         };

package/dist/cdn.d.ts

@@ -4,6 +4,7 @@
  * This module is bundled for CDN delivery and self-registers with the global
  * SynOS app registry when loaded dynamically via the AppLoader.
  */
+import NavEditor from './editor';
 /**
  * App manifest for registry registration.
  * Follows the AppManifest interface expected by AppLoader/AppRegistry.
@@ -14,7 +15,10 @@ export declare const manifest: {
     name: string;
     description: string;
     runtime: {
-        actions: never[];
+        actions: {
+            kind: "navigation:scrollTo" | "navigation:navigate";
+            executor: import("./types").ActionExecutor<import("./types").ScrollToAction> | import("./types").ActionExecutor<import("./types").NavigateAction>;
+        }[];
         widgets: {
             id: string;
             component: {
@@ -30,6 +34,14 @@ export declare const manifest: {
             };
         }[];
     };
+    editor: {
+        component: typeof NavEditor;
+        panel: {
+            title: string;
+            icon: string;
+            description: string;
+        };
+    };
     metadata: {
         isBuiltIn: boolean;
     };

package/dist/cdn.d.ts.map

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;2BA8B8+J,CAAC;8BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;CAdliK,CAAC;AAaF,eAAe,QAAQ,CAAC"}

package/dist/cdn.js

@@ -4,21 +4,25 @@
  * 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';
+import NavEditor, { editorPanel } from './editor';
+import { executors, runtime } from './runtime';
 /**
  * App manifest for registry registration.
  * Follows the AppManifest interface expected by AppLoader/AppRegistry.
  */
 export const manifest = {
-    id: 'nav',
+    id: 'adaptive-nav',
     version: runtime.version,
     name: runtime.name,
     description: runtime.description,
     runtime: {
-        // Nav is widget-based, no action executors
-        actions: [],
+        actions: executors.map(({ kind, executor }) => ({
+            kind,
+            executor,
+        })),
         widgets: runtime.widgets,
     },
+    editor: { component: NavEditor, panel: editorPanel },
     metadata: {
         isBuiltIn: false,
     },
@@ -28,9 +32,9 @@ export const manifest = {
  * 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);
+    const registry = window.SynOS?.appRegistry;
+    if (registry && typeof registry.register === 'function') {
+        registry.register(manifest);
     }
 }
 export default manifest;

package/dist/editor.d.ts

@@ -1,9 +1,11 @@
 /**
  * Adaptive Nav - Editor Component
  *
- * Visual editor panel for configuring navigation links.
+ * Review & tweak editor for AI-generated navigation link decisions.
+ * Displays a scannable list of link cards with trigger, rationale,
+ * and inline editing. Includes detection badges and hover-to-highlight.
  */
-import type { EditorPanelProps } from './types';
+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.
@@ -13,5 +15,13 @@ export declare const editorPanel: {
     icon: string;
     description: string;
 };
+export declare const editor: {
+    panel: {
+        title: string;
+        icon: string;
+        description: string;
+    };
+    component: typeof NavEditor;
+};
 export default NavEditor;
 //# sourceMappingURL=editor.d.ts.map

package/dist/editor.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,EAAmD,KAAK,gBAAgB,EAAqB,MAAM,SAAS,CAAC;AAmapH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAiXvE;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAGlB,CAAC;AAEF,eAAe,SAAS,CAAC"}