[Refactor]: AI 모달 리팩토링

.storybook/main.ts

@@ -1,6 +1,7 @@
 import type { StorybookConfig } from '@storybook/react-vite';
 import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
 import svgr from 'vite-plugin-svgr';
+import path from 'node:path';
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
@@ -22,6 +23,21 @@ const config: StorybookConfig = {
       ...(config.optimizeDeps || {}),
       include: ['@vanilla-extract/css'],
     };
+    config.resolve = {
+      ...(config.resolve || {}),
+      alias: {
+        ...(config.resolve?.alias || {}),
+        '@': path.resolve(__dirname, '../src'),
+        '@api': path.resolve(__dirname, '../src/api'),
+        '@assets': path.resolve(__dirname, '../src/assets'),
+        '@common': path.resolve(__dirname, '../src/common'),
+        '@page': path.resolve(__dirname, '../src/page'),
+        '@route': path.resolve(__dirname, '../src/route'),
+        '@shared': path.resolve(__dirname, '../src/shared'),
+        '@style': path.resolve(__dirname, '../src/style'),
+        '@type': path.resolve(__dirname, '../src/type'),
+      },
+    };
     return config;
   },
 };

.storybook/preview.ts

@@ -1,6 +1,11 @@
 import type { Preview } from '@storybook/react';
-import '../src/style/reset.css';
-import '../src/style/global.css';
+import React from 'react';
+import { OverlayProvider } from 'overlay-kit';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import '../src/style/reset.css.ts';
+import '../src/style/global.css.ts';
+
+const queryClient = new QueryClient();
 
 const preview: Preview = {
   parameters: {
@@ -31,6 +36,14 @@ const preview: Preview = {
       test: 'todo',
     },
   },
+  decorators: [
+    (Story) =>
+      React.createElement(
+        QueryClientProvider,
+        { client: queryClient },
+        React.createElement(OverlayProvider, null, React.createElement(Story)),
+      ),
+  ],
 };
 
 export default preview;

eslint.config.js

@@ -40,7 +40,7 @@ export default tseslint.config(
       ...reactHooks.configs.recommended.rules,
       ...jsxA11y.configs.recommended.rules,
       'react/react-in-jsx-scope': 'off',
-      'no-console': 'warn',
+      'no-console': 'off',
       'no-unused-vars': 'off',
       '@typescript-eslint/no-unused-vars': 'warn',
       curly: 'error',
@@ -52,7 +52,7 @@ export default tseslint.config(
         },
       ],
       'react/self-closing-comp': 'warn',
-      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-explicit-any': 'off',
       'react/jsx-pascal-case': 'error',
       'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
       'prettier/prettier': [

package.json

@@ -26,6 +26,7 @@
     "clsx": "^2.1.1",
     "lottie-react": "^2.4.1",
     "openapi-typescript": "^7.8.0",
+    "overlay-kit": "^1.8.5",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-redux": "^9.2.0",
@@ -43,6 +44,7 @@
     "@storybook/preview-api": "^8.6.14",
     "@storybook/react": "^9.0.15",
     "@storybook/react-vite": "^9.0.15",
+    "@storybook/test": "8.6.14",
     "@storybook/types": "^8.6.14",
     "@tanstack/react-query-devtools": "^5.81.5",
     "@types/react": "^19.1.2",