fix: applies fix for storybook fix

Author: ka1ea6

.storybook/main.ts

@@ -1,19 +1,16 @@
-import { dirname, join } from "path";
-import { StorybookConfig } from '@storybook/nextjs';
+import { dirname, join } from 'path'
+import { StorybookConfig } from '@storybook/nextjs'
 const path = require('path')
 
 const config: StorybookConfig = {
-  stories: [
-    '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)', 
-    '../src/**/*.docs.mdx'
-  ],
+  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)', '../src/**/*.docs.mdx'],
   addons: [
-    getAbsolutePath("@storybook/addon-onboarding"),
-    getAbsolutePath("@storybook/addon-links"),
-    getAbsolutePath("@storybook/addon-essentials"),
+    getAbsolutePath('@storybook/addon-onboarding'),
+    getAbsolutePath('@storybook/addon-links'),
+    getAbsolutePath('@storybook/addon-essentials'),
     // getAbsolutePath("@storybook/addon-docs"),
-    getAbsolutePath("@storybook/addon-interactions"),
-    getAbsolutePath("@storybook/addon-themes"),
+    getAbsolutePath('@storybook/addon-interactions'),
+    getAbsolutePath('@storybook/addon-themes'),
     {
       name: '@storybook/addon-styling-webpack',
 
@@ -43,10 +40,13 @@ const config: StorybookConfig = {
     },
   ],
   framework: {
-    name: getAbsolutePath("@storybook/nextjs"),
+    name: getAbsolutePath('@storybook/nextjs'),
     options: {},
   },
   staticDirs: ['./public', './msw', '../src/images'],
+  core: {
+    disableTelemetry: true,
+  },
   // webpackFinal: async (config) => {
   //   config.resolve.alias.push({
   //     '@/components': path.resolve(__dirname, '../src/components'),
@@ -78,5 +78,5 @@ const config: StorybookConfig = {
 export default config
 
 function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, "package.json")));
+  return dirname(require.resolve(join(value, 'package.json')))
 }

src/components/Foundary/DashboardHeader.stories.tsx

@@ -1,10 +1,9 @@
-
-import type { Meta, StoryObj } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import { DashboardHeader } from './DashboardHeader';
+import type { Meta, StoryObj } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { DashboardHeader } from './DashboardHeader'
 
 const meta: Meta<typeof DashboardHeader> = {
-  title: 'Digital Colleagues/DashboardHeader',
+  title: 'Foundary/DashboardHeader',
   component: DashboardHeader,
   parameters: {
     layout: 'fullscreen',
@@ -19,21 +18,21 @@ const meta: Meta<typeof DashboardHeader> = {
       description: 'Function called when sidebar toggle is clicked',
     },
   },
-};
+}
 
-export default meta;
-type Story = StoryObj<typeof DashboardHeader>;
+export default meta
+type Story = StoryObj<typeof DashboardHeader>
 
 export const Default: Story = {
   args: {
     isRightSidebarOpen: false,
     onToggleRightSidebar: action('onToggleRightSidebar'),
   },
-};
+}
 
 export const SidebarOpen: Story = {
   args: {
     isRightSidebarOpen: true,
     onToggleRightSidebar: action('onToggleRightSidebar'),
   },
-};
+}

src/components/Foundary/DigitalColleageusLayout.stories.tsx

@@ -1,18 +1,18 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { DigitalColleageusLayout } from "./DigitalColleageusLayout"
-import { mockSidebarItems, mockNotifications } from "./test-data"
-import { businessUnits } from "./test-data"
-import { action } from "@storybook/addon-actions"
+import type { Meta, StoryObj } from '@storybook/react'
+import { DigitalColleageusLayout } from './DigitalColleageusLayout'
+import { mockSidebarItems, mockNotifications } from './test-data'
+import { businessUnits } from './test-data'
+import { action } from '@storybook/addon-actions'
 
 const meta: Meta<typeof DigitalColleageusLayout> = {
-  title: "Digital Colleagues/DigitalColleageusLayout",
+  title: 'Foundary/DigitalColleageusLayout',
   component: DigitalColleageusLayout,
   parameters: {
-    layout: "fullscreen",
+    layout: 'fullscreen',
   },
   argTypes: {
     notifications: {
-      control: { type: "number", min: 0, max: 99 },
+      control: { type: 'number', min: 0, max: 99 },
     },
   },
 }
@@ -23,7 +23,7 @@ type Story = StoryObj<typeof DigitalColleageusLayout>
 export const Default: Story = {
   args: {
     sidebarItems: mockSidebarItems,
-    title: "Digital Colleagues",
+    title: 'Digital Colleagues',
     notifications: mockNotifications,
     onTabChange: action('onTabChange'),
     activeTab: 'Home',
@@ -39,7 +39,9 @@ export const Default: Story = {
           {[1, 2, 3, 4, 5, 6].map((i) => (
             <div key={i} className="rounded-2xl border p-6">
               <h3 className="font-semibold mb-2">Sample Card {i}</h3>
-              <p className="text-muted-foreground">This is sample content for demonstration purposes.</p>
+              <p className="text-muted-foreground">
+                This is sample content for demonstration purposes.
+              </p>
             </div>
           ))}
         </div>
@@ -51,7 +53,7 @@ export const Default: Story = {
 export const NoNotifications: Story = {
   args: {
     sidebarItems: mockSidebarItems,
-    title: "Digital Colleagues",
+    title: 'Digital Colleagues',
     notifications: mockNotifications,
     businessUnits,
     children: (

src/components/Foundary/MainPage.stories.tsx

@@ -32,7 +32,7 @@ import { fn } from '@storybook/test'
 import { PhoneIcon, PlayCircleIcon, RectangleGroupIcon } from '@heroicons/react/20/solid'
 import { ChartPieIcon, CursorArrowRaysIcon, FingerPrintIcon } from '@heroicons/react/24/outline'
 import { DynamicIcon } from '@/components/Images'
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react'
 
 const GithubIcon = () => (
   // <FontAwesomeIcon icon={faGithub} size="10x" />
@@ -52,7 +52,7 @@ const ServiceIcon = () => <DynamicIcon iconName="cloud-network-sharing" size="4x
 const ProductIcon = () => <DynamicIcon iconName="development" size="4x" type="kit" />
 
 export default {
-  title: 'Digital Colleagues/Main Page',
+  title: 'Foundary/Main Page',
   component: MainPage,
   decorators: [
     (Story: React.FC) => (
@@ -141,8 +141,6 @@ export const Default: StoryObj = {
             },
           ],
         },
-   
-       
       ],
       mainNav: [
         {
@@ -162,7 +160,7 @@ export const Default: StoryObj = {
           url: '#',
           icon: Squad,
           isActive: true,
-        },  
+        },
       ],
       secondaryNav: [
         {

src/components/Foundary/ManagementSidebar.stories.tsx

@@ -1,9 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import { ManagementSidebar } from './ManagementSidebar';
+import type { Meta, StoryObj } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { ManagementSidebar } from './ManagementSidebar'
 
 const meta: Meta<typeof ManagementSidebar> = {
-  title: 'Digital Colleagues/ManagementSidebar',
+  title: 'Foundary/ManagementSidebar',
   component: ManagementSidebar,
   parameters: {
     layout: 'fullscreen',
@@ -14,10 +14,10 @@ const meta: Meta<typeof ManagementSidebar> = {
       options: ['kanban', 'planning', 'tasks', 'files', 'epics'],
     },
   },
-};
+}
 
-export default meta;
-type Story = StoryObj<typeof ManagementSidebar>;
+export default meta
+type Story = StoryObj<typeof ManagementSidebar>
 
 export const KanbanView: Story = {
   args: {
@@ -32,7 +32,7 @@ export const KanbanView: Story = {
       </div>
     ),
   },
-};
+}
 
 export const PlanningView: Story = {
   args: {
@@ -47,7 +47,7 @@ export const PlanningView: Story = {
       </div>
     ),
   },
-};
+}
 
 export const TasksView: Story = {
   args: {
@@ -62,7 +62,7 @@ export const TasksView: Story = {
       </div>
     ),
   },
-};
+}
 
 export const FilesView: Story = {
   args: {
@@ -77,7 +77,7 @@ export const FilesView: Story = {
       </div>
     ),
   },
-};
+}
 
 export const EpicsView: Story = {
   args: {
@@ -92,7 +92,7 @@ export const EpicsView: Story = {
       </div>
     ),
   },
-};
+}
 
 export const InteractiveDemo: Story = {
   args: {
@@ -104,24 +104,24 @@ export const InteractiveDemo: Story = {
           <h1 className="text-3xl font-bold mb-2">Project Management Dashboard</h1>
           <p className="text-gray-600">Switch between different views using the sidebar</p>
         </div>
-        
+
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
           <div className="bg-white p-6 rounded-lg shadow-sm border">
             <h3 className="font-semibold mb-2">Active Tasks</h3>
             <div className="text-2xl font-bold text-blue-600">23</div>
           </div>
-          
+
           <div className="bg-white p-6 rounded-lg shadow-sm border">
             <h3 className="font-semibold mb-2">Completed</h3>
             <div className="text-2xl font-bold text-green-600">142</div>
           </div>
-          
+
           <div className="bg-white p-6 rounded-lg shadow-sm border">
             <h3 className="font-semibold mb-2">In Progress</h3>
             <div className="text-2xl font-bold text-orange-600">8</div>
           </div>
         </div>
-        
+
         <div className="mt-8 bg-white p-6 rounded-lg shadow-sm border">
           <h3 className="font-semibold mb-4">Recent Activity</h3>
           <div className="space-y-3">
@@ -142,4 +142,4 @@ export const InteractiveDemo: Story = {
       </div>
     ),
   },
-};
+}

src/components/Foundary/Pages/dashboardpage.stories.tsx

@@ -1,19 +1,19 @@
-import React from "react";
-import Home from "./dashboardpage";
-import { 
-  businessUnits, 
-  mockProjectSummary, 
-  mockSidebarItems, 
+import React from 'react'
+import Home from './dashboardpage'
+import {
+  businessUnits,
+  mockProjectSummary,
+  mockSidebarItems,
   mockColleagues,
-  mockDigitalColleagues 
-} from "../test-data";
-import type { Meta, StoryObj } from "@storybook/react";
+  mockDigitalColleagues,
+} from '../test-data'
+import type { Meta, StoryObj } from '@storybook/react'
 
 const meta: Meta<typeof Home> = {
-  title: "Digital Colleagues/Pages/DashboardPage",
+  title: 'Foundary/Pages/DashboardPage',
   component: Home,
   parameters: {
-    layout: "fullscreen",
+    layout: 'fullscreen',
   },
   argTypes: {
     onCreateProject: { action: 'create project clicked' },
@@ -22,10 +22,10 @@ const meta: Meta<typeof Home> = {
     onColleagueEdit: { action: 'colleague edited' },
     onColleagueDelete: { action: 'colleague deleted' },
   },
-};
-export default meta;
+}
+export default meta
 
-type Story = StoryObj<typeof Home>;
+type Story = StoryObj<typeof Home>
 
 // Default props for all stories
 const defaultProps = {
@@ -35,22 +35,24 @@ const defaultProps = {
   teamMemberCount: 8,
   sidebarItems: mockSidebarItems,
   initialColleagues: mockColleagues,
-  users: mockColleagues.filter(c => c.type === 'human'),
+  users: mockColleagues.filter((c) => c.type === 'human'),
   onCreateProject: () => console.log('Create project clicked'),
   onOpenProject: () => console.log('Open project clicked'),
   onColleagueAdd: () => console.log('Colleague added'),
   onColleagueEdit: () => console.log('Colleague edited'),
   onColleagueDelete: () => console.log('Colleague deleted'),
-};
+}
 
 export const Default: Story = {
   render: () => <Home title="Nuvia" {...defaultProps} />,
-};
+}
 
 export const CustomTitle: Story = {
   render: () => <Home title="Creative Workspace" {...defaultProps} />,
-};
+}
 
 export const MinimalBusinessUnits: Story = {
-  render: () => <Home title="Design Hub" {...defaultProps} businessUnits={businessUnits.slice(0, 2)} />,
-};
+  render: () => (
+    <Home title="Design Hub" {...defaultProps} businessUnits={businessUnits.slice(0, 2)} />
+  ),
+}