feat(storybook): BaseNode V2 & LoopNode V2 — iterative design proposals

apps/storybook/.storybook/main.ts

@@ -113,6 +113,7 @@ const config: StorybookConfig = {
       plugins: [...(config.plugins || []), tailwindcss()],
       resolve: {
         ...config.resolve,
+        extensions: ['.tsx', '.ts', '.mts', '.jsx', '.js', '.mjs', '.json'],
         alias: mergeAlias(config.resolve?.alias, [
           // ── Apollo Wind → source for HMR ──
           { find: '@', replacement: apolloWindSrc },

apps/storybook/.storybook/preview.tsx

@@ -165,7 +165,7 @@ const preview: Preview = {
             '*',
           ],
           'Canvas',
-          ['Components', ['All Components', '*'], '*'],
+          ['Components', ['All Components', 'BaseNode', 'BaseNode V2', ['Anatomy', '*'], 'LoopNode', 'LoopNode V2', ['Anatomy', '*'], '*'], '*'],
         ],
       },
     },

apps/storybook/package.json

@@ -13,7 +13,6 @@
   },
   "dependencies": {
     "@mui/material": "^5.18.0",
-    "@uipath/ap-chat": "workspace:*",
     "@uipath/apollo-core": "workspace:*",
     "@uipath/apollo-react": "workspace:*",
     "@uipath/apollo-wind": "workspace:*",

packages/apollo-react/rslib.config.ts

@@ -30,7 +30,10 @@ export default defineConfig({
         },
         externals,
       },
-      dts: true,
+      dts: {
+        build: true,
+        abortOnError: false,
+      },
       bundle: false,
     },
     {

packages/apollo-react/src/canvas/components/BaseNode/BaseNode.tsx

@@ -24,7 +24,7 @@ import { useNodeTypeRegistry } from '../../core';
 import { useElementValidationStatus, useNodeExecutionState } from '../../hooks';
 import type { NodeShape } from '../../schema';
 import type { HandleGroupManifest } from '../../schema/node-definition';
-import { resolveAdornments } from '../../utils/adornment-resolver';
+import { useAdornmentResolver } from '../../utils/adornment-resolver';
 import { getIcon } from '../../utils/icon-registry';
 import { resolveDisplay, resolveHandles } from '../../utils/manifest-resolver';
 import { selectIsConnecting } from '../../utils/NodeUtils';
@@ -241,7 +241,9 @@ const BaseNodeComponent = (props: NodeProps<Node<BaseNodeData>>) => {
     return manifest ? resolveToolbar(manifest, statusContext) : undefined;
   }, [toolbarConfigProp, manifest, statusContext]);
 
-  // Adornments resolution: use default resolver, then override with props if provided
+  // Adornments resolution: use default resolver, then override with props if provided.
+  // The resolver can be swapped per-story via AdornmentResolverProvider (V2 prototype use).
+  const resolveAdornments = useAdornmentResolver();
   const adornments: NodeAdornments = useMemo(() => {
     const adornmentsFromProps = adornmentsProp ?? {};
     const adornmentsFromResolver = resolveAdornments(statusContext);
@@ -250,7 +252,7 @@ const BaseNodeComponent = (props: NodeProps<Node<BaseNodeData>>) => {
       ...adornmentsFromResolver,
       ...adornmentsFromProps,
     };
-  }, [adornmentsProp, statusContext]);
+  }, [adornmentsProp, resolveAdornments, statusContext]);
 
   // Compute height: max of base height (user-specified or measured) and handle minimum.
   // baseHeightRef is updated above from external height changes; handle inflation