fix: export AppSidebar

Author: rob-at-cortex

per-item-favorites-demo.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react"
-import { Sidebar } from "./src/components/DigitalColleagues/sidebar"
+import { Sidebar } from "./src/components/AdvancedComponents/AppSidebar"
 import { Home, Users, Layers, Bot, FileText, TrendingUp, Wrench, DollarSign, Scale, Package, Zap } from "lucide-react"
 
 // Example demonstrating per-item maxItems functionality

sidebar-favorites-demo.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react"
-import { Sidebar } from "./src/components/DigitalColleagues/sidebar"
+import { Sidebar } from "./src/components/AdvancedComponents/AppSidebar"
 import { Home, Users, Layers, Bot, FileText, TrendingUp, Wrench, DollarSign, Scale, Package, Zap } from "lucide-react"
 
 // Example of using the enhanced Sidebar component with favorites

…ts/DigitalColleagues/sidebar.stories.tsx …dvancedComponents/AppSidebar.stories.tsxsrc/components/DigitalColleagues/sidebar.stories.tsx renamed to src/components/AdvancedComponents/AppSidebar.stories.tsx src/components/DigitalColleagues/sidebar.stories.tsx renamed to src/components/AdvancedComponents/AppSidebar.stories.tsx

@@ -1,11 +1,11 @@
 import type { Meta, StoryObj } from "@storybook/react"
 import { action } from "@storybook/addon-actions"
-import { Sidebar } from "./sidebar"
-import { mockSidebarItems } from "./test-data"
+import { AppSidebar } from "./AppSidebar"
+import { mockSidebarItems } from "../DigitalColleagues/test-data"
 
-const meta: Meta<typeof Sidebar> = {
-  title: "Digital Colleagues/Sidebar",
-  component: Sidebar,
+const meta: Meta<typeof AppSidebar> = {
+  title: "Digital Colleagues/AppSidebar",
+  component: AppSidebar,
   parameters: {
     layout: "fullscreen",
   },
@@ -23,7 +23,7 @@ const meta: Meta<typeof Sidebar> = {
 }
 
 export default meta
-type Story = StoryObj<typeof Sidebar>
+type Story = StoryObj<typeof AppSidebar>
 
 export const Default: Story = {
   args: {

…components/DigitalColleagues/sidebar.tsx …onents/AdvancedComponents/AppSidebar.tsxsrc/components/DigitalColleagues/sidebar.tsx renamed to src/components/AdvancedComponents/AppSidebar.tsx src/components/DigitalColleagues/sidebar.tsx renamed to src/components/AdvancedComponents/AppSidebar.tsx

@@ -12,8 +12,8 @@ import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from
 import { Checkbox } from "@/components/ui/checkbox"
 import { BusinessUnitSwitcher } from "../Projects/business-unit-switcher"
 import { cn } from "@/lib/utils"
-import { businessUnits } from "./test-data"
-import type { BusinessUnit, SidebarItem } from "./types"
+import { businessUnits } from "../DigitalColleagues/test-data"
+import type { BusinessUnit, SidebarItem } from "../DigitalColleagues/types"
 import { useLocalStorage } from "@/hooks/use-local-storage"
 
 interface SidebarProps {
@@ -30,7 +30,7 @@ interface SidebarProps {
   tagline?: string
 }
 
-export function Sidebar({
+export function AppSidebar({
   items,
   isOpen,
   isMobile = false,

src/components/AdvancedComponents/index.ts

@@ -1,4 +1,7 @@
 export * from './navigation-tabs';
 export * from './switch';
 export * from './CommentSection';
-export * from './EditableField';
+export * from './EditableField';
+export * from './AppSidebar';
+export * from './app-header';
+export * from './notifications-panel';

src/components/AdvancedComponents/sidebar.stories.tsx

@@ -5,7 +5,7 @@ import type React from "react"
 import { useState } from "react"
 import { motion } from "framer-motion"
 import { cn } from "@/lib/utils"
-import { Sidebar } from "./sidebar"
+import { AppSidebar } from "../AdvancedComponents/AppSidebar"
 import { AppHeader } from "../AdvancedComponents/app-header"
 import type { SidebarItem, BusinessUnit } from "./types"
 import type { Notification } from "../AdvancedComponents/notifications-panel"
@@ -101,7 +101,7 @@ export function DigitalColleageusLayout({
 
       {/* Sidebar - Mobile */}
       <div className="md:hidden">
-        <Sidebar
+        <AppSidebar
           items={sidebarItems}
           isOpen={mobileMenuOpen}
           isMobile={true}
@@ -117,7 +117,7 @@ export function DigitalColleageusLayout({
 
       {/* Sidebar - Desktop */}
       <div className="hidden md:block">
-        <Sidebar
+        <AppSidebar
           items={sidebarItems}
           isOpen={sidebarOpen}
           isMobile={false}