cortex-react-components 3.3.0 → 4.0.2

package/dist/components/Projects/ProjectPage.js

@@ -38,10 +38,10 @@ __export(ProjectPage_exports, {
   default: () => ProjectPage
 });
 module.exports = __toCommonJS(ProjectPage_exports);
-var import_react34 = require("react");
-var import_react35 = require("motion/react");
+var import_react35 = require("react");
+var import_react36 = require("motion/react");
 
-// src/components/DigitalColleagues/DigitalColleageusLayout.tsx
+// src/components/Foundry/foundary-layout.tsx
 var import_react6 = require("react");
 
 // src/utils/cn.ts
@@ -2724,15 +2724,9 @@ var Checkbox = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
-// src/components/DigitalColleagues/test-data.tsx
+// src/components/Foundry/test-data.tsx
 var import_lucide_react3 = require("lucide-react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var createKnowledgeDocument = (title) => ({
-  id: Math.random().toString(36).substr(2, 9),
-  title,
-  format: "markdown",
-  createdAt: /* @__PURE__ */ new Date()
-});
 var mockSidebarItems = [
   {
     id: "home",
@@ -2987,289 +2981,392 @@ var businessUnits = [
 ];
 var mockProjects = [
   {
-    id: "1",
+    id: 1,
     name: "E-commerce Platform",
     description: "Main customer-facing e-commerce application",
-    isSelected: true
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    team: 1
+    // isSelected: true,
   },
   {
-    id: "2",
+    id: 2,
     name: "Admin Dashboard",
     description: "Internal administration and analytics dashboard",
-    isSelected: false
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    team: 1
+    // isSelected: false,
   },
   {
-    id: "3",
+    id: 3,
     name: "Mobile App",
     description: "Native mobile application for iOS and Android",
-    isSelected: false
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    team: 1
+    // isSelected: false,
   }
 ];
 var mockEpics = [
   {
-    id: "1",
+    id: 1,
     name: "User Authentication",
     color: "bg-blue-500",
     description: "Implement secure user authentication system",
     confidence: "high",
     phase: 2,
     // development
-    startDate: /* @__PURE__ */ new Date("2024-01-01"),
-    endDate: /* @__PURE__ */ new Date("2024-02-15"),
-    progress: 75,
-    isSelected: true
+    startDate: (/* @__PURE__ */ new Date()).toString(),
+    endDate: (/* @__PURE__ */ new Date()).toString(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString()
+    // progress: 75,
+    // isSelected: true,
   },
   {
-    id: "2",
+    id: 2,
     name: "Dashboard Features",
     color: "bg-green-500",
     description: "Build comprehensive dashboard functionality",
     confidence: "medium",
     phase: 1,
     // planning
-    startDate: /* @__PURE__ */ new Date("2024-02-01"),
-    endDate: /* @__PURE__ */ new Date("2024-03-15"),
-    progress: 30,
-    isSelected: true
+    startDate: (/* @__PURE__ */ new Date()).toString(),
+    endDate: (/* @__PURE__ */ new Date()).toString(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString()
+    // progress: 30,
+    // isSelected: true,
   },
   {
-    id: "3",
+    id: 3,
     name: "Mobile Optimization",
     color: "bg-purple-500",
     description: "Optimize application for mobile devices",
     confidence: "low",
     phase: 1,
     // planning
-    startDate: /* @__PURE__ */ new Date("2024-03-01"),
-    endDate: /* @__PURE__ */ new Date("2024-04-15"),
-    progress: 10,
-    isSelected: true
+    startDate: (/* @__PURE__ */ new Date()).toString(),
+    endDate: (/* @__PURE__ */ new Date()).toString(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString()
+    // progress: 10,
+    // isSelected: true,
   },
   {
-    id: "4",
+    id: 4,
     name: "Performance Improvements",
     color: "bg-orange-500",
     description: "Enhance application performance and speed",
     confidence: "high",
     phase: 3,
     // testing
-    startDate: /* @__PURE__ */ new Date("2024-01-15"),
-    endDate: /* @__PURE__ */ new Date("2024-02-28"),
-    progress: 90,
-    isSelected: true
+    startDate: (/* @__PURE__ */ new Date()).toString(),
+    endDate: (/* @__PURE__ */ new Date()).toString(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString()
+    // progress: 90,
+    // isSelected: true,
   }
 ];
 var mockSprints = [
   {
-    id: "backlog",
+    id: 1,
     name: "Backlog",
     description: "Tasks not yet assigned to a sprint",
-    startDate: /* @__PURE__ */ new Date("2024-01-01"),
-    endDate: /* @__PURE__ */ new Date("2024-12-31"),
-    isActive: false,
-    isSelected: false
+    startDate: (/* @__PURE__ */ new Date()).toString(),
+    endDate: (/* @__PURE__ */ new Date()).toString(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString()
+    // isActive: false,
+    // isSelected: false,
   },
   {
-    id: "all-tasks",
+    id: 2,
     name: "All Tasks",
     description: "View all tasks across all sprints",
-    startDate: /* @__PURE__ */ new Date("2024-01-01"),
-    endDate: /* @__PURE__ */ new Date("2024-12-31"),
-    isActive: false,
-    isSelected: true
+    startDate: (/* @__PURE__ */ new Date()).toString(),
+    endDate: (/* @__PURE__ */ new Date()).toString(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString()
+    // isActive: false,
+    // isSelected: true,
   },
   {
-    id: "1",
+    id: 3,
     name: "Sprint 1",
     description: "Initial development phase",
-    startDate: /* @__PURE__ */ new Date("2024-01-01"),
-    endDate: /* @__PURE__ */ new Date("2024-01-14"),
-    isActive: false,
-    isSelected: false
+    startDate: (/* @__PURE__ */ new Date()).toString(),
+    endDate: (/* @__PURE__ */ new Date()).toString(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString()
+    // isActive: false,
+    // isSelected: false,
   },
   {
-    id: "2",
+    id: 4,
     name: "Sprint 2",
     description: "Feature development",
-    startDate: /* @__PURE__ */ new Date("2024-01-15"),
-    endDate: /* @__PURE__ */ new Date("2024-01-28"),
-    isActive: true,
-    isSelected: false
+    startDate: (/* @__PURE__ */ new Date()).toString(),
+    endDate: (/* @__PURE__ */ new Date()).toString(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString()
+    // isActive: true,
+    // isSelected: false,
   }
 ];
 var mockTasks = [
   {
-    id: "1",
+    id: 1,
     name: "Design login page",
     description: "Create wireframes and mockups for the login interface",
     status: "todo",
     priority: "high",
     type: "story",
-    points: 5,
-    epicId: "1",
-    sprintId: "2",
-    assignee: "John Doe",
-    createdAt: /* @__PURE__ */ new Date("2024-01-15")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 1,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 5,
+    // epicId: '1',
+    // sprintId: '2',
+    assignee: {
+      relationTo: "users",
+      value: "John Doe"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   },
   {
-    id: "2",
+    id: 2,
     name: "Implement OAuth integration",
     description: "Add Google and GitHub OAuth authentication",
     status: "review",
     priority: "high",
     type: "task",
-    points: 8,
-    epicId: "1",
-    sprintId: "2",
-    assignee: "Jane Smith",
-    createdAt: /* @__PURE__ */ new Date("2024-01-16")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 2,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 8,
+    // epicId: '1',
+    // sprintId: '2',
+    assignee: {
+      relationTo: "users",
+      value: "Jane Smith"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   },
   {
-    id: "3",
+    id: 3,
     name: "Create dashboard widgets",
     description: "Build analytics and metrics widgets for the main dashboard",
     status: "todo",
     priority: "medium",
     type: "story",
-    points: 13,
-    epicId: "2",
-    sprintId: "2",
-    assignee: "Mike Johnson",
-    createdAt: /* @__PURE__ */ new Date("2024-01-17")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 3,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 13,
+    // epicId: '2',
+    // sprintId: '2',
+    assignee: {
+      relationTo: "users",
+      value: "Mike Johnson"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   },
   {
-    id: "4",
+    id: 4,
     name: "Fix login redirect bug",
     description: "Resolve issue where users are not redirected after login",
     status: "done",
     priority: "high",
     type: "bug",
-    points: 3,
-    epicId: "1",
-    sprintId: "1",
-    assignee: "Sarah Wilson",
-    createdAt: /* @__PURE__ */ new Date("2024-01-14")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 4,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 3,
+    // epicId: '1',
+    // sprintId: '1',
+    assignee: {
+      relationTo: "users",
+      value: "Sarah Wilson"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   },
   {
-    id: "5",
+    id: 5,
     name: "Research mobile frameworks",
     description: "Investigate best practices for mobile responsive design",
     status: "in-progress",
     priority: "medium",
     type: "spike",
-    points: 5,
-    epicId: "3",
-    assignee: "Alex Brown",
-    createdAt: /* @__PURE__ */ new Date("2024-01-18")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 5,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 5,
+    // epicId: '3',
+    assignee: {
+      relationTo: "users",
+      value: "Alex Brown"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   },
   {
-    id: "6",
+    id: 6,
     name: "Update user profile page",
     description: "Enhance user profile with new settings and preferences",
     status: "review",
     priority: "medium",
     type: "story",
-    points: 8,
-    epicId: "2",
-    sprintId: "2",
-    assignee: "Emma Davis",
-    createdAt: /* @__PURE__ */ new Date("2024-01-19")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 6,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 8,
+    // epicId: '2',
+    // sprintId: '2',
+    assignee: {
+      relationTo: "users",
+      value: "Emma Davis"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   },
   {
-    id: "7",
+    id: 7,
     name: "Performance optimization",
     description: "Optimize database queries and improve page load times",
     status: "done",
     priority: "high",
     type: "task",
-    points: 13,
-    epicId: "4",
-    sprintId: "1",
-    assignee: "Tom Wilson",
-    createdAt: /* @__PURE__ */ new Date("2024-01-13")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 7,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 13,
+    // epicId: '4',
+    // sprintId: '1',
+    assignee: {
+      relationTo: "users",
+      value: "Tom Wilson"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   }
 ];
 var highDensityTasks = [
   ...mockTasks,
   {
-    id: "8",
+    id: 8,
     name: "Add search functionality",
     description: "Implement search across all dashboard widgets",
     status: "todo",
     priority: "medium",
     type: "story",
-    points: 8,
-    epicId: "2",
-    sprintId: "2",
-    assignee: "Chris Lee",
-    createdAt: /* @__PURE__ */ new Date("2024-01-20")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 8,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 8,
+    // epicId: '2',
+    // sprintId: '2',
+    assignee: {
+      relationTo: "users",
+      value: "1"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   },
   {
-    id: "9",
+    id: 9,
     name: "Fix mobile responsive issues",
     description: "Resolve layout problems on mobile devices",
     status: "in-progress",
     priority: "high",
     type: "bug",
-    points: 5,
-    epicId: "3",
-    sprintId: "2",
-    assignee: "Taylor Swift",
-    createdAt: /* @__PURE__ */ new Date("2024-01-21")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 9,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 5,
+    // epicId: '3',
+    // sprintId: '2',
+    assignee: {
+      relationTo: "users",
+      value: "Taylor Swift"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   },
   {
-    id: "10",
+    id: 10,
     name: "Implement dark mode",
     description: "Add dark theme support across the application",
     status: "review",
     priority: "low",
     type: "story",
-    points: 13,
-    epicId: "2",
-    sprintId: "2",
-    assignee: "Jordan Smith",
-    createdAt: /* @__PURE__ */ new Date("2024-01-22")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 10,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 13,
+    // epicId: '2',
+    // sprintId: '2',
+    assignee: {
+      relationTo: "users",
+      value: "Jordan Smith"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   },
   {
-    id: "11",
+    id: 11,
     name: "API rate limiting",
     description: "Implement rate limiting for API endpoints",
     status: "done",
     priority: "high",
     type: "task",
-    points: 8,
-    epicId: "4",
-    sprintId: "1",
-    assignee: "Morgan Davis",
-    createdAt: /* @__PURE__ */ new Date("2024-01-12")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 11,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 8,
+    // epicId: '4',
+    // sprintId: '1',
+    assignee: {
+      relationTo: "users",
+      value: "Morgan Davis"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   },
   {
-    id: "12",
+    id: 12,
     name: "User onboarding flow",
     description: "Create guided tour for new users",
     status: "todo",
     priority: "medium",
     type: "story",
-    points: 21,
-    epicId: "1",
-    sprintId: "2",
-    assignee: "Casey Johnson",
-    createdAt: /* @__PURE__ */ new Date("2024-01-23")
+    dateLogged: (/* @__PURE__ */ new Date()).toString(),
+    index: 12,
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // points: 21,
+    // epicId: '1',
+    // sprintId: '2',
+    assignee: {
+      relationTo: "users",
+      value: "Casey Johnson"
+    },
+    createdAt: (/* @__PURE__ */ new Date()).toString()
   }
 ];
 var extendedProjects = [
-  ...mockProjects,
+  // ...mockProjects,
   {
-    id: "4",
+    id: 4,
     name: "Analytics Platform",
     description: "Business intelligence and reporting system",
-    isSelected: false
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    team: 1
+    // isSelected: false,
   },
   {
-    id: "5",
+    id: 5,
     name: "API Gateway",
     description: "Microservices API management layer",
-    isSelected: false
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    // isSelected: false,
+    team: 1
   }
 ];
 var emptyStateData = {
@@ -3310,7 +3407,9 @@ var singleEpicData = {
       isSelected: true
     }
   ],
-  tasks: mockTasks.filter((task) => task.epicId === "1")
+  tasks: mockTasks.filter(
+    (task) => typeof task.epic === "object" ? task.epic?.id === 1 : task.epic === 1
+  )
 };
 var testScenarios = {
   empty: {
@@ -3350,243 +3449,322 @@ var mockColleagues = [
     type: "human",
     name: "Sarah Johnson",
     email: "sarah.johnson@company.com",
-    role: "Senior Designer",
-    department: "Design",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2023-01-15"),
-    lastActive: /* @__PURE__ */ new Date(),
-    phone: "+1 (555) 123-4567",
-    location: "San Francisco, CA",
-    timezone: "PST",
-    skills: ["UI/UX Design", "Figma", "Adobe Creative Suite", "Prototyping", "User Research"],
-    bio: "Passionate designer with 8+ years of experience creating user-centered digital experiences."
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString()
+    // role: 'Senior Designer',
+    // department: 'Design',
+    // status: 'active',
+    // joinedDate: new Date('2023-01-15'),
+    // lastActive: new Date(),
+    // phone: '+1 (555) 123-4567',
+    // location: 'San Francisco, CA',
+    // timezone: 'PST',
+    // skills: ['UI/UX Design', 'Figma', 'Adobe Creative Suite', 'Prototyping', 'User Research'],
+    // bio: 'Passionate designer with 8+ years of experience creating user-centered digital experiences.',
   },
   {
-    id: "2",
+    id: 2,
     type: "digital",
     name: "CodeAssist Pro",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2024-01-01"),
-    lastActive: /* @__PURE__ */ new Date(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
     jobDescription: "AI-powered coding assistant that helps with code review, debugging, and documentation generation.",
     workInstructions: "Review pull requests for code quality and best practices. Generate comprehensive documentation for new features. Assist with debugging complex issues. Provide code suggestions and optimizations.",
     capabilities: [
-      "Code Review",
-      "Documentation Generation",
-      "Debugging",
-      "Code Optimization",
-      "Testing"
+      {
+        relationTo: "mcpTools",
+        value: 1
+      },
+      {
+        relationTo: "mcpTools",
+        value: 2
+      }
     ],
-    knowledge: ["JavaScript", "TypeScript", "React", "Node.js", "Python", "Git"].map(
-      createKnowledgeDocument
-    ),
-    coreKnowledge: ["Company coding standards", "Architecture patterns", "Security guidelines"].map(
-      createKnowledgeDocument
-    ),
-    version: "2",
-    lastUpdated: /* @__PURE__ */ new Date("2024-01-15"),
-    isActive: true
+    knowledge: 1,
+    coreKnowledge: 1,
+    capabilityLevel: 1,
+    // version: '2',
+    // lastUpdated: new Date('2024-01-15').toString(),
+    // isActive: true,
+    identity: {
+      id: 1,
+      keycloakClientId: "123",
+      keycloakUserId: "456",
+      secretManagementMode: "manual",
+      keycloakClientSecret: "new-secret",
+      keycloakSecretArn: "arn:aws:secretsmanager:us-east-1:123456789012:secret:mysecret",
+      keycloakSecretLocation: "us-east-1",
+      keycloakSecretLastUpdated: (/* @__PURE__ */ new Date()).toString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toString(),
+      createdAt: (/* @__PURE__ */ new Date()).toString()
+    }
   },
   {
     id: "3",
     type: "human",
     name: "Michael Chen",
     email: "michael.chen@company.com",
-    role: "Product Manager",
-    department: "Product",
-    status: "inactive",
-    joinedDate: /* @__PURE__ */ new Date("2022-08-20"),
-    lastActive: new Date(Date.now() - 2 * 60 * 60 * 1e3),
-    // 2 hours ago
-    phone: "+1 (555) 987-6543",
-    location: "New York, NY",
-    timezone: "EST",
-    skills: ["Product Strategy", "Agile", "Data Analysis", "User Stories", "Roadmapping"],
-    bio: "Strategic product manager focused on driving user engagement and business growth."
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString()
+    // role: 'Product Manager',
+    // department: 'Product',
+    // status: 'inactive',
+    // joinedDate: new Date('2022-08-20'),
+    // lastActive: new Date(Date.now() - 2 * 60 * 60 * 1000), // 2 hours ago
+    // phone: '+1 (555) 987-6543',
+    // location: 'New York, NY',
+    // timezone: 'EST',
+    // skills: ['Product Strategy', 'Agile', 'Data Analysis', 'User Stories', 'Roadmapping'],
+    // bio: 'Strategic product manager focused on driving user engagement and business growth.',
   },
   {
-    id: "4",
+    id: 4,
     type: "digital",
     name: "MarketingBot",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2024-02-01"),
-    lastActive: /* @__PURE__ */ new Date(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
     jobDescription: "Specialized AI assistant for marketing campaigns, content creation, and social media management.",
     workInstructions: "Create engaging social media content. Analyze campaign performance metrics. Generate marketing copy and headlines. Schedule and manage social media posts.",
     capabilities: [
-      "Content Creation",
-      "Social Media Management",
-      "Analytics",
-      "SEO Optimization",
-      "Campaign Management"
+      {
+        relationTo: "mcpTools",
+        value: 1
+      },
+      {
+        relationTo: "mcpTools",
+        value: 2
+      }
     ],
-    knowledge: [
-      "Digital Marketing",
-      "Social Media Platforms",
-      "Content Strategy",
-      "Analytics Tools"
-    ].map(createKnowledgeDocument),
-    coreKnowledge: ["Brand guidelines", "Target audience personas", "Marketing objectives"].map(
-      createKnowledgeDocument
-    ),
-    version: "52",
-    lastUpdated: /* @__PURE__ */ new Date("2024-02-10"),
-    isActive: true
+    knowledge: 1,
+    coreKnowledge: 1,
+    capabilityLevel: 1,
+    // version: '52',
+    // lastUpdated: new Date('2024-02-10'),
+    // isActive: true,
+    identity: {
+      id: 1,
+      keycloakClientId: "123",
+      keycloakUserId: "456",
+      secretManagementMode: "manual",
+      keycloakClientSecret: "new-secret",
+      keycloakSecretArn: "arn:aws:secretsmanager:us-east-1:123456789012:secret:mysecret",
+      keycloakSecretLocation: "us-east-1",
+      keycloakSecretLastUpdated: (/* @__PURE__ */ new Date()).toString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toString(),
+      createdAt: (/* @__PURE__ */ new Date()).toString()
+    }
   },
   {
     id: "5",
     type: "human",
     name: "Emily Rodriguez",
     email: "emily.rodriguez@company.com",
-    role: "UX Researcher",
-    department: "Design",
-    status: "inactive",
-    joinedDate: /* @__PURE__ */ new Date("2023-06-10"),
-    lastActive: new Date(Date.now() - 7 * 24 * 60 * 60 * 1e3),
-    // 7 days ago
-    phone: "+1 (555) 456-7890",
-    location: "Austin, TX",
-    timezone: "CST",
-    skills: [
-      "User Research",
-      "Usability Testing",
-      "Data Analysis",
-      "Survey Design",
-      "Interview Techniques"
-    ],
-    bio: "User researcher dedicated to understanding user needs and improving product experiences."
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString()
+    //  role: 'UX Researcher',
+    // department: 'Design',
+    // status: 'inactive',
+    // joinedDate: new Date('2023-06-10'),
+    // lastActive: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000), // 7 days ago
+    // phone: '+1 (555) 456-7890',
+    // location: 'Austin, TX',
+    // timezone: 'CST',
+    // skills: [
+    //   'User Research',
+    //   'Usability Testing',
+    //   'Data Analysis',
+    //   'Survey Design',
+    //   'Interview Techniques',
+    // ],
+    // bio: 'User researcher dedicated to understanding user needs and improving product experiences.',
   },
   {
-    id: "6",
+    id: 6,
     type: "digital",
     name: "DataAnalyzer Pro",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2024-01-10"),
-    lastActive: /* @__PURE__ */ new Date(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
     jobDescription: "Advanced AI assistant specializing in data analysis, reporting, and business intelligence.",
     workInstructions: "Analyze complex datasets, generate insightful reports, create data visualizations, and provide actionable business recommendations.",
     capabilities: [
-      "Data Analysis",
-      "Report Generation",
-      "Data Visualization",
-      "Business Intelligence",
-      "Statistical Analysis"
+      {
+        relationTo: "mcpTools",
+        value: 1
+      },
+      {
+        relationTo: "mcpTools",
+        value: 2
+      },
+      {
+        relationTo: "mcpTools",
+        value: 3
+      }
     ],
-    knowledge: ["Python", "SQL", "Tableau", "Excel", "R", "Statistics"].map(
-      createKnowledgeDocument
-    ),
-    coreKnowledge: ["Company data sources", "KPI definitions", "Reporting standards"].map(
-      createKnowledgeDocument
-    ),
-    version: "3.1",
-    lastUpdated: /* @__PURE__ */ new Date("2024-02-20"),
-    isActive: true
+    knowledge: 1,
+    coreKnowledge: 1,
+    capabilityLevel: 1,
+    // version: '3.1',
+    // lastUpdated: new Date('2024-02-20'),
+    // isActive: true,
+    identity: {
+      id: 1,
+      keycloakClientId: "123",
+      keycloakUserId: "456",
+      secretManagementMode: "manual",
+      keycloakClientSecret: "new-secret",
+      keycloakSecretArn: "arn:aws:secretsmanager:us-east-1:123456789012:secret:mysecret",
+      keycloakSecretLocation: "us-east-1",
+      keycloakSecretLastUpdated: (/* @__PURE__ */ new Date()).toString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toString(),
+      createdAt: (/* @__PURE__ */ new Date()).toString()
+    }
   },
   {
-    id: "7",
+    id: 7,
     type: "digital",
     name: "ProjectManager AI",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2024-01-05"),
-    lastActive: /* @__PURE__ */ new Date(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
     jobDescription: "Intelligent project management assistant that helps coordinate tasks, track progress, and manage timelines.",
     workInstructions: "Coordinate project activities, track milestones, manage resource allocation, and provide project status updates.",
     capabilities: [
-      "Project Planning",
-      "Task Coordination",
-      "Timeline Management",
-      "Resource Allocation",
-      "Progress Tracking"
+      {
+        relationTo: "mcpTools",
+        value: 1
+      },
+      {
+        relationTo: "mcpTools",
+        value: 2
+      },
+      {
+        relationTo: "mcpTools",
+        value: 4
+      },
+      {
+        relationTo: "mcpTools",
+        value: 5
+      }
     ],
-    knowledge: ["Agile", "Scrum", "Gantt Charts", "Risk Management", "Stakeholder Management"].map(
-      createKnowledgeDocument
-    ),
-    coreKnowledge: [
-      "Company project templates",
-      "Resource availability",
-      "Project methodologies"
-    ].map(createKnowledgeDocument),
-    version: "2.5",
-    lastUpdated: /* @__PURE__ */ new Date("2024-02-15"),
-    isActive: true
+    knowledge: 1,
+    coreKnowledge: 1,
+    capabilityLevel: 1,
+    // version: '2.5',
+    // lastUpdated: new Date('2024-02-15'),
+    // isActive: true,
+    identity: {
+      id: 1,
+      keycloakClientId: "123",
+      keycloakUserId: "456",
+      secretManagementMode: "manual",
+      keycloakClientSecret: "new-secret",
+      keycloakSecretArn: "arn:aws:secretsmanager:us-east-1:123456789012:secret:mysecret",
+      keycloakSecretLocation: "us-east-1",
+      keycloakSecretLastUpdated: (/* @__PURE__ */ new Date()).toString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toString(),
+      createdAt: (/* @__PURE__ */ new Date()).toString()
+    }
   },
   {
-    id: "8",
+    id: 8,
     type: "digital",
     name: "CustomerSupport Bot",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2024-02-01"),
-    lastActive: /* @__PURE__ */ new Date(),
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
     jobDescription: "AI-powered customer support assistant that handles inquiries, resolves issues, and escalates complex problems.",
     workInstructions: "Respond to customer inquiries, troubleshoot common issues, provide product information, and escalate complex cases to human agents.",
     capabilities: [
-      "Customer Support",
-      "Issue Resolution",
-      "Product Knowledge",
-      "Escalation Management",
-      "Chat Support"
+      {
+        relationTo: "mcpTools",
+        value: 1
+      },
+      {
+        relationTo: "mcpTools",
+        value: 2
+      },
+      {
+        relationTo: "mcpTools",
+        value: 5
+      }
     ],
-    knowledge: [
-      "Product Documentation",
-      "FAQ",
-      "Troubleshooting Guides",
-      "Customer Service Best Practices"
-    ].map(createKnowledgeDocument),
-    coreKnowledge: ["Product catalog", "Support processes", "Escalation procedures"].map(
-      createKnowledgeDocument
-    ),
-    version: "1.8",
-    lastUpdated: /* @__PURE__ */ new Date("2024-02-25"),
-    isActive: true
+    knowledge: 1,
+    coreKnowledge: 1,
+    capabilityLevel: 1,
+    // version: '1.8',
+    // lastUpdated: new Date('2024-02-25'),
+    // isActive: true,
+    identity: {
+      id: 1,
+      keycloakClientId: "123",
+      keycloakUserId: "456",
+      secretManagementMode: "manual",
+      keycloakClientSecret: "new-secret",
+      keycloakSecretArn: "arn:aws:secretsmanager:us-east-1:123456789012:secret:mysecret",
+      keycloakSecretLocation: "us-east-1",
+      keycloakSecretLastUpdated: (/* @__PURE__ */ new Date()).toString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toString(),
+      createdAt: (/* @__PURE__ */ new Date()).toString()
+    }
   }
 ];
 var mockReminders = [
   {
-    id: "1",
+    id: 1,
     title: "Review quarterly report",
     description: "Go through Q4 performance metrics and prepare summary for the team meeting",
-    dueDate: new Date(2024, 2, 15),
+    dueDate: new Date(2024, 2, 15).toString(),
     dueTime: "14:30",
-    colleague: mockColleagues.find((c) => c.id === "2" && c.type === "digital"),
-    isCompleted: false,
+    assignedColleague: mockColleagues.find(
+      (c) => c.id === "2" && c.type === "digital"
+    ),
+    // isCompleted: false,
     isRecurring: false,
-    priority: "high",
-    reminderEnabled: true,
-    reminderMinutes: 30,
-    createdAt: new Date(2024, 2, 10),
-    tags: ["quarterly", "review", "urgent"]
+    // priority: 'high',
+    // reminderEnabled: true,
+    // reminderMinutes: 30,
+    createdAt: new Date(2024, 2, 10).toString(),
+    updatedAt: new Date(2024, 2, 10).toString(),
+    project: mockProjects[0]
+    // tags: ['quarterly', 'review', 'urgent'],
   },
   {
-    id: "2",
+    id: 2,
     title: "Weekly team standup",
     description: "Join the weekly team synchronization meeting",
-    dueDate: new Date(2024, 2, 18),
+    dueDate: new Date(2024, 2, 18).toString(),
     dueTime: "10:00",
-    colleague: mockColleagues.find((c) => c.id === "4" && c.type === "digital"),
-    isCompleted: false,
-    isRecurring: true,
-    recurrencePattern: "weekly",
-    recurrenceInterval: 1,
-    priority: "medium",
-    reminderEnabled: true,
-    reminderMinutes: 15,
-    createdAt: new Date(2024, 2, 11),
-    tags: ["meeting", "standup", "weekly"]
+    assignedColleague: mockColleagues.find(
+      (c) => c.id === "4" && c.type === "digital"
+    ),
+    // isCompleted: false,
+    // isRecurring: true,
+    // recurrencePattern: 'weekly',
+    // recurrenceInterval: 1,
+    // priority: 'medium',
+    // reminderEnabled: true,
+    // reminderMinutes: 15,
+    createdAt: new Date(2024, 2, 11).toString(),
+    updatedAt: new Date(2024, 2, 11).toString(),
+    project: mockProjects[0]
+    // tags: ['meeting', 'standup', 'weekly'],
   },
   {
-    id: "3",
+    id: 3,
     title: "Deploy to production",
     description: "Deploy the latest version to production environment",
-    dueDate: /* @__PURE__ */ new Date(),
+    dueDate: (/* @__PURE__ */ new Date()).toString(),
     dueTime: "16:00",
-    colleague: mockColleagues.find((c) => c.id === "2" && c.type === "digital"),
-    isCompleted: false,
-    isRecurring: false,
-    priority: "high",
-    reminderEnabled: true,
-    reminderMinutes: 60,
-    createdAt: /* @__PURE__ */ new Date(),
-    tags: ["deploy", "production", "urgent"]
+    assignedColleague: mockColleagues.find(
+      (c) => c.id === "2" && c.type === "digital"
+    ),
+    // isCompleted: false,
+    // isRecurring: false,
+    // priority: 'high',
+    // reminderEnabled: true,
+    // reminderMinutes: 60,
+    createdAt: (/* @__PURE__ */ new Date()).toString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toString(),
+    project: mockProjects[0]
+    // tags: ['deploy', 'production', 'urgent'],
   }
 ];
 var mockDigitalColleagues = mockColleagues.filter(
@@ -3605,15 +3783,16 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   });
-  const setValue = (value) => {
+  const setValue = (0, import_react.useCallback)((value) => {
     try {
-      setStoredValue(value);
+      const valueToStore = value instanceof Function ? value(storedValue) : value;
+      setStoredValue(valueToStore);
       if (typeof window !== "undefined") {
-        window.localStorage.setItem(key, JSON.stringify(value));
+        window.localStorage.setItem(key, JSON.stringify(valueToStore));
       }
     } catch (error) {
     }
-  };
+  }, [key, storedValue]);
   (0, import_react.useEffect)(() => {
     setValue(storedValue);
   }, []);
@@ -4485,7 +4664,7 @@ function AppHeader({
   ] });
 }
 
-// src/components/DigitalColleagues/DigitalColleageusLayout.tsx
+// src/components/Foundry/foundary-layout.tsx
 var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var businessUnits2 = [
@@ -4498,7 +4677,7 @@ var businessUnits2 = [
     accentColor: "text-orange-600"
   }
 ];
-function DigitalColleageusLayout({
+function FoundryLayout({
   sidebarItems,
   children,
   title = "Digital Colleagues",
@@ -4517,6 +4696,7 @@ function DigitalColleageusLayout({
   onNotificationRemove,
   onRemoveAll,
   logo = "/headerlogo.png",
+  logoLink = "/teams",
   appName = "Nuvia",
   tagline = "Collaboration Platform",
   sidebarInitiallyClosed = false
@@ -4529,7 +4709,13 @@ function DigitalColleageusLayout({
     onBusinessUnitChange?.(unit);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex h-full flex-col overflow-hidden rounded-xl  bg-background w-[]", children: [
-    mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fixed inset-0 z-40 bg-black/50 md:hidden", onClick: () => setMobileMenuOpen(false) }),
+    mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "div",
+      {
+        className: "fixed inset-0 z-40 bg-black/50 md:hidden",
+        onClick: () => setMobileMenuOpen(false)
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       AppSidebar,
       {
@@ -4541,6 +4727,7 @@ function DigitalColleageusLayout({
         onBusinessUnitChange: handleBusinessUnitChange,
         onSearch,
         logo,
+        logoLink,
         appName,
         tagline
       }
@@ -4555,41 +4742,51 @@ function DigitalColleageusLayout({
         onBusinessUnitChange: handleBusinessUnitChange,
         onSearch,
         logo,
+        logoLink,
         appName,
         tagline
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("min-h-screen fixed w-full transition-all duration-300 ease-in-out", sidebarOpen ? "md:pl-64" : "md:pl-0"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        AppHeader,
-        {
-          title,
-          notifications,
-          onToggleSidebar: () => setSidebarOpen(!sidebarOpen),
-          onToggleMobileMenu: () => setMobileMenuOpen(true),
-          sidebarOpen,
-          activeTab,
-          onTabChange,
-          showTabs,
-          onActionClick,
-          actionIcon,
-          actionText,
-          onNotificationRemove,
-          onRemoveAll,
-          logo,
-          appName,
-          tagline
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("main", { className: "flex-1 p-0 flex flex-col h-[calc(100vh-4rem)] overflow-hidden", children })
-    ] })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      "div",
+      {
+        className: cn(
+          "min-h-screen fixed w-full transition-all duration-300 ease-in-out",
+          sidebarOpen ? "md:pl-64" : "md:pl-0"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            AppHeader,
+            {
+              title,
+              notifications,
+              onToggleSidebar: () => setSidebarOpen(!sidebarOpen),
+              onToggleMobileMenu: () => setMobileMenuOpen(true),
+              sidebarOpen,
+              activeTab,
+              onTabChange,
+              showTabs,
+              onActionClick,
+              actionIcon,
+              actionText,
+              onNotificationRemove,
+              onRemoveAll,
+              logo,
+              appName,
+              tagline
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("main", { className: "flex-1 p-0 flex flex-col h-[calc(100vh-4rem)] overflow-y-scroll", children })
+        ]
+      }
+    )
   ] });
 }
 
 // src/components/Projects/ProjectView.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 
-// src/components/DigitalColleagues/ManagementSidebar.tsx
+// src/components/Foundry/ManagementSidebar.tsx
 var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var viewConfig = [
@@ -4628,6 +4825,14 @@ var viewConfig = [
     label: "Tasks",
     color: "bg-brand-cyan",
     title: "Tasks"
+  },
+  {
+    key: "gantt",
+    icon: import_lucide_react10.BarChart2,
+    label: "Gantt",
+    color: "bg-brand-blue",
+    title: "Gantt Chart",
+    hiddenOnMobile: true
   }
 ];
 var ManagementSidebar = ({
@@ -4636,14 +4841,14 @@ var ManagementSidebar = ({
   children
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex w-full h-screen", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-12 h-full bg-sidebar-background flex flex-col flex-shrink-0", children: viewConfig.map((view) => {
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-12 h-full bg-sidebar-background flex flex-col flex-shrink-0 z-50 relative overflow-visible", children: viewConfig.map((view) => {
       const Icon2 = view.icon;
       const isActive = currentView === view.key;
       return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         "button",
         {
           onClick: () => onViewChange(view.key),
-          className: `flex-1 w-12 flex items-center justify-center text-sidebar-foreground transition-all duration-200 relative overflow-hidden group/btn ${isActive ? view.color : `${view.color}/75 hover:${view.color}`} ${view.hiddenOnMobile ? "hidden md:flex" : ""} hover:w-28 hover:justify-start hover:pl-3`,
+          className: `flex-1 w-12 flex items-center justify-center text-sidebar-foreground transition-all duration-200 relative group/btn z-50 hover:w-28 hover:justify-start hover:pl-3 ${isActive ? view.color : `${view.color} brightness-75 hover:brightness-100`} ${view.hiddenOnMobile ? "hidden md:flex" : ""}`,
           title: view.title,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon2, { className: "h-4 w-4 flex-shrink-0" }),
@@ -4653,7 +4858,7 @@ var ManagementSidebar = ({
         view.key
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex-1 min-w-0 px-4 md:px-6 h-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-full h-full", children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex-1 min-w-0 px-4 md:px-6 h-full overflow-auto z-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-full h-full", children }) })
   ] });
 };
 
@@ -6687,8 +6892,8 @@ function ToolbarPlugin() {
         blockNode = curr;
       }
       if (blockNode) {
-        const format2 = blockNode.getFormatType();
-        setAlignment(format2 || "left");
+        const format3 = blockNode.getFormatType();
+        setAlignment(format3 || "left");
       }
       const tag = anchorNode.getTopLevelElement()?.__tag;
       setBlockType(tag || "p");
@@ -7688,7 +7893,7 @@ var markdownToLexical = (markdown) => {
 var convertFileTypeToKnowledgeDocument = async (file) => {
   let content = "";
   let richTextContent = void 0;
-  let format2 = "text";
+  let format3 = "text";
   if (file.url) {
     try {
       let url = file.url;
@@ -7709,18 +7914,18 @@ var convertFileTypeToKnowledgeDocument = async (file) => {
     console.warn("No URL provided for file:", file.name);
   }
   if (file.mimeType === "text/markdown") {
-    format2 = "richText";
+    format3 = "richText";
     richTextContent = markdownToLexical(content);
   } else if (file.mimeType?.startsWith("text/")) {
-    format2 = "text";
+    format3 = "text";
   }
   return {
     id: file.id.toString(),
     title: file.name,
     description: void 0,
-    content: format2 === "richText" ? void 0 : content,
-    richTextContent: format2 === "richText" ? richTextContent : void 0,
-    format: format2,
+    content: format3 === "richText" ? void 0 : content,
+    richTextContent: format3 === "richText" ? richTextContent : void 0,
+    format: format3,
     metadata: {},
     createdAt: typeof file.createdAt === "string" ? new Date(file.createdAt) : file.createdAt,
     updatedAt: /* @__PURE__ */ new Date()
@@ -7770,8 +7975,8 @@ function FileEdit({ document: document2, onCancel, onSave, onFileUpdate }) {
       setRichTextContent(document2.richTextContent);
     }
   }, [document2]);
-  const formatIcon = (format2) => {
-    switch (format2) {
+  const formatIcon = (format3) => {
+    switch (format3) {
       case "markdown":
       case "mdx":
         return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react19.FileText, { className: "h-6 w-6 text-primary" });
@@ -7783,8 +7988,8 @@ function FileEdit({ document: document2, onCancel, onSave, onFileUpdate }) {
         return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react19.File, { className: "h-6 w-6 text-muted-foreground" });
     }
   };
-  const formatBadgeColor = (format2) => {
-    switch (format2) {
+  const formatBadgeColor = (format3) => {
+    switch (format3) {
       case "markdown":
         return "bg-primary/10 text-primary border-primary/20";
       case "mdx":
@@ -9056,17 +9261,25 @@ var import_react27 = require("react");
 var import_lucide_react24 = require("lucide-react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var EpicsView = ({
+  projectId,
   tasks,
   epics,
   sprints,
+  colleagues = [],
   onUpdateTask,
   onTaskClick,
   onAddTaskToEpic,
   onAddEpic,
   onUpdateEpic,
-  onDeleteEpic
+  onDeleteEpic,
+  onDeleteTask,
+  onAddComment,
+  onUploadFile,
+  onDeleteFile,
+  onFileUpdate
 }) => {
   const [availableEpics, setAvailableEpics] = (0, import_react27.useState)(epics);
+  const [availableTasks, setAvailableTasks] = (0, import_react27.useState)(tasks);
   const [draggedTask, setDraggedTask] = (0, import_react27.useState)(null);
   const [editingEpic, setEditingEpic] = (0, import_react27.useState)(null);
   const [editForm, setEditForm] = (0, import_react27.useState)({});
@@ -9074,16 +9287,29 @@ var EpicsView = ({
   const [isAddEpicModalOpen, setIsAddEpicModalOpen] = (0, import_react27.useState)(false);
   const [isAddTaskModalOpen, setIsAddTaskModalOpen] = (0, import_react27.useState)(false);
   const [addTaskEpic, setAddTaskEpic] = (0, import_react27.useState)(null);
+  const [selectedTask, setSelectedTask] = (0, import_react27.useState)(null);
+  const [selectedEpicIds, setSelectedEpicIds] = useLocalStorage(
+    `epicsView_selectedEpics${projectId ? `_${projectId}` : ""}`,
+    []
+  );
+  const [isEpicSelectorOpen, setIsEpicSelectorOpen] = (0, import_react27.useState)(false);
   const heroRef = (0, import_react27.useRef)(null);
   const containerRef = (0, import_react27.useRef)(null);
   (0, import_react27.useEffect)(() => {
     setAvailableEpics(epics);
+    const validIds = new Set(epics.map((e) => e.id.toString()));
+    setSelectedEpicIds((prev) => prev.filter((id) => validIds.has(id)));
   }, [epics]);
+  (0, import_react27.useEffect)(() => {
+    setAvailableTasks(tasks);
+    if (selectedTask) {
+      setSelectedTask(tasks.find((t) => t.id === selectedTask.id) || null);
+    }
+  }, [tasks]);
   (0, import_react27.useEffect)(() => {
     const measureHeroHeight = () => {
       if (heroRef.current) {
-        const height = heroRef.current.offsetHeight;
-        setHeroHeight(height);
+        setHeroHeight(heroRef.current.offsetHeight);
       }
     };
     measureHeroHeight();
@@ -9108,6 +9334,12 @@ var EpicsView = ({
     }, 300);
     return () => clearTimeout(timer);
   }, [editingEpic]);
+  const visibleEpics = selectedEpicIds.length === 0 ? availableEpics : availableEpics.filter((e) => selectedEpicIds.includes(e.id.toString()));
+  const toggleEpicView = (epicId) => {
+    setSelectedEpicIds(
+      (prev) => prev.includes(epicId) ? prev.filter((id) => id !== epicId) : [...prev, epicId]
+    );
+  };
   const handleDragStart = (task) => {
     setDraggedTask(task);
   };
@@ -9117,14 +9349,41 @@ var EpicsView = ({
   const handleDrop = (e, epicId) => {
     e.preventDefault();
     if (draggedTask && extractId(draggedTask.epic).toString() !== epicId) {
-      onUpdateTask(draggedTask.id.toString(), {
-        epic: Number(epicId)
-      });
+      onUpdateTask(draggedTask.id.toString(), { epic: Number(epicId) });
+      setAvailableTasks(
+        (prev) => prev.map((t) => t.id === draggedTask.id ? { ...t, epic: Number(epicId) } : t)
+      );
       setDraggedTask(null);
     }
   };
   const getTasksByEpic = (epicId) => {
-    return tasks.filter((task) => extractId(task.epic).toString() === epicId);
+    return availableTasks.filter((task) => extractId(task.epic).toString() === epicId);
+  };
+  const handleTaskClick = (task) => {
+    setSelectedTask(task);
+    onTaskClick?.(task);
+  };
+  const handleUpdateTask = async (taskId, updates) => {
+    setAvailableTasks(
+      (prev) => prev.map((t) => t.id === Number(taskId) ? { ...t, ...updates } : t)
+    );
+    if (selectedTask?.id === Number(taskId)) {
+      setSelectedTask((prev) => prev ? { ...prev, ...updates } : null);
+    }
+    await onUpdateTask(taskId, updates);
+  };
+  const handleDeleteTask = async (taskId) => {
+    setAvailableTasks((prev) => prev.filter((t) => t.id !== Number(taskId)));
+    if (selectedTask?.id === Number(taskId)) {
+      setSelectedTask(null);
+    }
+    await onDeleteTask?.(taskId);
+  };
+  const handleRemoveFromEpic = (task) => {
+    onUpdateTask(task.id.toString(), { epic: null });
+    setAvailableTasks(
+      (prev) => prev.map((t) => t.id === task.id ? { ...t, epic: null } : t)
+    );
   };
   const handleEditEpic = (epic) => {
     setEditingEpic(epic.id.toString());
@@ -9133,19 +9392,15 @@ var EpicsView = ({
       description: epic.description,
       confidence: epic.confidence,
       phase: epic.phase
-      // progress: epic.progress || 0, // This is a number, not a string
     });
   };
   const handleSaveEdit = async () => {
     if (editingEpic && editForm.name) {
       await onUpdateEpic(editingEpic.toString(), editForm);
       setAvailableEpics(
-        (prev) => prev.map((epic) => {
-          if (epic.id.toString() === editingEpic) {
-            return { ...epic, ...editForm };
-          }
-          return epic;
-        })
+        (prev) => prev.map(
+          (epic) => epic.id.toString() === editingEpic ? { ...epic, ...editForm } : epic
+        )
       );
       setEditingEpic(null);
       setEditForm({});
@@ -9161,6 +9416,7 @@ var EpicsView = ({
     )) {
       await onDeleteEpic(epicId);
       setAvailableEpics((prev) => prev.filter((epic) => epic.id.toString() !== epicId));
+      setSelectedEpicIds((prev) => prev.filter((id) => id !== epicId));
     }
   };
   const getPhaseLabel = (phase) => {
@@ -9203,218 +9459,315 @@ var EpicsView = ({
           }
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
         "div",
         {
-          className: "h-full overflow-y-auto",
+          className: "h-full overflow-y-auto no-scrollbar",
           style: {
             height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 120}px)` : "calc(100vh - 12rem)"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 auto-rows-max", children: availableEpics.map((epic) => {
-            const epicTasks = getTasksByEpic(epic.id.toString());
-            const totalPoints = epicTasks.reduce(
-              (sum, task) => sum + (task.storyPoints || 0),
-              0
-            );
-            const availableHeight = heroHeight > 0 ? `calc(100vh - ${heroHeight + 200}px)` : "calc(100vh - 14rem)";
-            return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-              Card,
-              {
-                className: `flex flex-col ${editingEpic === epic.id.toString() ? "h-auto" : ""} bg-card shadow-sm`,
-                style: {
-                  height: editingEpic === epic.id.toString() ? "auto" : availableHeight,
-                  minHeight: "400px"
-                },
-                onDragOver: handleDragOver,
-                onDrop: (e) => handleDrop(e, epic.id.toString()),
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "p-4 border-b border-border", children: editingEpic === epic.id.toString() ? (
-                    /* Edit Mode */
-                    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "space-y-4", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                          Input,
-                          {
-                            value: editForm.name || "",
-                            onChange: (e) => setEditForm({ ...editForm, name: e.target.value }),
-                            placeholder: "Epic name",
-                            className: "font-semibold"
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex gap-2 ml-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                            Button,
-                            {
-                              size: "sm",
-                              variant: "ghost",
-                              onClick: handleSaveEdit,
-                              className: "p-1 h-8 w-8",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Check, { className: "h-4 w-4" })
-                            }
-                          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "mb-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Card, { className: "p-3 bg-card shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h3", { className: "font-semibold text-foreground text-sm", children: "Epics" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs text-muted-foreground", children: selectedEpicIds.length === 0 ? "All showing" : `${selectedEpicIds.length}/${availableEpics.length} selected` })
+                  ] }),
+                  selectedEpicIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-xs text-muted-foreground", children: "Viewing:" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex flex-wrap gap-1", children: visibleEpics.map((epic) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                      "div",
+                      {
+                        className: "flex items-center gap-1 bg-primary/10 text-primary px-2 py-0.5 rounded text-xs",
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `w-2 h-2 rounded-full ${epic.color}` }),
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "max-w-[80px] truncate", children: epic.name }),
                           /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                            Button,
+                            "button",
                             {
-                              size: "sm",
-                              variant: "ghost",
-                              onClick: handleCancelEdit,
-                              className: "p-1 h-8 w-8",
+                              onClick: () => toggleEpicView(epic.id.toString()),
+                              className: "ml-0.5 hover:bg-primary/20 h-8 rounded p-0.5",
                               children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.X, { className: "h-4 w-4" })
                             }
                           )
-                        ] })
+                        ]
+                      },
+                      epic.id
+                    )) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                  Button,
+                  {
+                    onClick: () => setIsEpicSelectorOpen(!isEpicSelectorOpen),
+                    variant: "outline",
+                    size: "sm",
+                    className: "gap-1",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Layers, { className: "h-3 w-3" }),
+                      isEpicSelectorOpen ? "Close" : "Select"
+                    ]
+                  }
+                )
+              ] }) }),
+              isEpicSelectorOpen && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                "div",
+                {
+                  className: "fixed inset-0 bg-black/20 z-[5]",
+                  onClick: () => setIsEpicSelectorOpen(false)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                "div",
+                {
+                  className: `fixed top-0 right-0 h-full w-80 bg-background border-l shadow-xl z-10 transition-all duration-300 ease-in-out ${isEpicSelectorOpen ? "translate-x-0 opacity-100 visible" : "translate-x-full opacity-0 invisible"}`,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Card, { className: "h-full rounded-none border-0 flex flex-col", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "p-4 border-b bg-muted/30 flex-shrink-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h3", { className: "font-semibold text-foreground text-base", children: "Select Epics" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                          Button,
+                          {
+                            variant: "ghost",
+                            size: "sm",
+                            onClick: () => setIsEpicSelectorOpen(false),
+                            className: "h-8 w-8 p-0",
+                            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.X, { className: "h-4 w-4" })
+                          }
+                        )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                        Textarea,
+                      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-sm text-muted-foreground mt-1", children: "Filter which epics to display. Select none to show all." })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex flex-col flex-1 p-4 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "space-y-2 flex-1 overflow-y-auto no-scrollbar", children: availableEpics.length > 0 ? availableEpics.map((epic) => {
+                      const isSelected = selectedEpicIds.includes(epic.id.toString());
+                      const taskCount = availableTasks.filter(
+                        (t) => extractId(t.epic) === epic.id
+                      ).length;
+                      return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                        "div",
                         {
-                          value: editForm.description || "",
-                          onChange: (e) => setEditForm({ ...editForm, description: e.target.value }),
-                          placeholder: "Epic description",
-                          className: "text-sm min-h-[60px]"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "text-xs text-muted-foreground", children: "Confidence" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-                            "select",
-                            {
-                              value: editForm.confidence || epic.confidence,
-                              onChange: (e) => setEditForm({
-                                ...editForm,
-                                confidence: e.target.value
-                              }),
-                              className: "flex h-8 w-full rounded-md border border-input bg-background px-3 py-2 text-xs ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-                              children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("option", { value: "low", children: "Low" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("option", { value: "medium", children: "Medium" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("option", { value: "high", children: "High" })
-                              ]
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "text-xs text-muted-foreground", children: "Phase" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                            "select",
-                            {
-                              value: editForm.phase?.toString() || epic.phase.toString(),
-                              onChange: (e) => setEditForm({ ...editForm, phase: parseInt(e.target.value) }),
-                              className: "flex h-8 w-full rounded-md border border-input bg-background px-3 py-2 text-xs ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-                              children: [1, 2, 3, 4, 5, 6, 7, 8, 9].map((phase) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("option", { value: phase.toString(), children: [
-                                "Phase ",
-                                phase
-                              ] }, phase))
-                            }
-                          )
-                        ] })
-                      ] })
-                    ] })
-                  ) : (
-                    /* Display Mode */
-                    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `w-4 h-4 rounded-full ${epic.color}` }),
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h3", { className: "font-semibold text-foreground select-none flex-1", children: epic.name }),
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex gap-1", children: [
+                          className: `p-3 rounded-lg border transition-all ${isSelected ? "bg-primary/10 border-primary/30 ring-1 ring-primary/20" : "bg-card border-border"}`,
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center justify-between", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `w-3 h-3 rounded-full flex-shrink-0 ${epic.color}` }),
+                                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "font-medium text-sm text-foreground truncate", children: epic.name })
+                              ] }),
+                              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "ml-2 flex items-center gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge, { variant: "secondary", className: "text-xs", children: taskCount }) })
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                              Button,
+                              {
+                                variant: isSelected ? "default" : "outline",
+                                size: "sm",
+                                className: "w-full mt-2 text-xs h-7",
+                                onClick: () => toggleEpicView(epic.id.toString()),
+                                children: isSelected ? "Deselect" : "Select"
+                              }
+                            )
+                          ]
+                        },
+                        epic.id
+                      );
+                    }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-sm text-muted-foreground text-center py-8", children: "No epics yet. Add one to get started." }) }) })
+                  ] })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-3 auto-rows-max", children: visibleEpics.map((epic) => {
+              const epicTasks = getTasksByEpic(epic.id.toString());
+              const totalPoints = epicTasks.reduce(
+                (sum, task) => sum + (task.storyPoints || 0),
+                0
+              );
+              return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                Card,
+                {
+                  className: "flex flex-col bg-card shadow-sm",
+                  style: { maxHeight: "420px" },
+                  onDragOver: handleDragOver,
+                  onDrop: (e) => handleDrop(e, epic.id.toString()),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "p-3 border-b border-border flex-shrink-0", children: editingEpic === epic.id.toString() ? (
+                      /* Edit Mode */
+                      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "space-y-3", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center justify-between", children: [
                           /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                            Button,
+                            Input,
                             {
-                              size: "sm",
-                              variant: "ghost",
-                              onClick: () => handleEditEpic(epic),
-                              className: "p-1 h-8 w-8",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Edit2, { className: "h-3 w-3" })
+                              value: editForm.name || "",
+                              onChange: (e) => setEditForm({ ...editForm, name: e.target.value }),
+                              placeholder: "Epic name",
+                              className: "font-semibold text-sm"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                            Button,
-                            {
-                              size: "sm",
-                              variant: "ghost",
-                              onClick: () => handleDeleteEpic(epic.id.toString()),
-                              className: "p-1 h-8 w-8 hover:bg-destructive/10 hover:text-destructive",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Trash2, { className: "h-3 w-3" })
-                            }
-                          )
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-wrap gap-2 mb-3", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Badge, { className: `text-xs ${getConfidenceColor(epic.confidence)}`, children: [
-                          epic.confidence,
-                          " confidence"
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Badge, { variant: "outline", className: "text-xs", children: [
-                          "Phase ",
-                          epic.phase
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex gap-1 ml-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: handleSaveEdit,
+                                className: "p-1 h-7 w-7",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Check, { className: "h-3 w-3" })
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: handleCancelEdit,
+                                className: "p-1 h-7 w-7",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.X, { className: "h-3 w-3" })
+                              }
+                            )
+                          ] })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-                          Badge,
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                          Textarea,
                           {
-                            variant: "secondary",
-                            className: "text-xs bg-muted text-muted-foreground",
-                            children: [
-                              epicTasks.length,
-                              " tasks"
-                            ]
+                            value: editForm.description || "",
+                            onChange: (e) => setEditForm({ ...editForm, description: e.target.value }),
+                            placeholder: "Epic description",
+                            className: "text-xs min-h-[50px]"
                           }
                         ),
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "text-xs text-muted-foreground", children: "Confidence" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                              "select",
+                              {
+                                value: editForm.confidence || epic.confidence,
+                                onChange: (e) => setEditForm({
+                                  ...editForm,
+                                  confidence: e.target.value
+                                }),
+                                className: "flex h-7 w-full rounded-md border border-input bg-background px-2 py-1 text-xs ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("option", { value: "low", children: "Low" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("option", { value: "medium", children: "Medium" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("option", { value: "high", children: "High" })
+                                ]
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "text-xs text-muted-foreground", children: "Phase" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                              "select",
+                              {
+                                value: editForm.phase?.toString() || epic.phase.toString(),
+                                onChange: (e) => setEditForm({ ...editForm, phase: parseInt(e.target.value) }),
+                                className: "flex h-7 w-full rounded-md border border-input bg-background px-2 py-1 text-xs ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                                children: [1, 2, 3, 4, 5, 6, 7, 8, 9].map((phase) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("option", { value: phase.toString(), children: [
+                                  "Phase ",
+                                  phase
+                                ] }, phase))
+                              }
+                            )
+                          ] })
+                        ] })
+                      ] })
+                    ) : (
+                      /* Display Mode */
+                      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `w-3 h-3 rounded-full flex-shrink-0 ${epic.color}` }),
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h3", { className: "font-semibold text-foreground text-sm select-none flex-1 truncate", children: epic.name }),
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex gap-0.5", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: () => handleEditEpic(epic),
+                                className: "p-1 h-6 w-6",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Edit2, { className: "h-3 w-3" })
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: () => handleDeleteEpic(epic.id.toString()),
+                                className: "p-1 h-6 w-6 hover:bg-destructive/10 hover:text-destructive",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Trash2, { className: "h-3 w-3" })
+                              }
+                            )
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-wrap gap-1 mb-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge, { className: `text-xs px-1.5 py-0 ${getConfidenceColor(epic.confidence)}`, children: epic.confidence }),
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge, { variant: "outline", className: "text-xs px-1.5 py-0", children: getPhaseLabel(epic.phase) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Badge, { variant: "secondary", className: "text-xs px-1.5 py-0 bg-muted text-muted-foreground", children: [
+                            epicTasks.length,
+                            "t \xB7 ",
+                            totalPoints,
+                            "pt"
+                          ] })
+                        ] }),
+                        epic.description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs text-muted-foreground mb-2 select-none line-clamp-2", children: epic.description }),
                         /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-                          Badge,
+                          Button,
                           {
-                            variant: "secondary",
-                            className: "text-xs bg-muted text-muted-foreground",
+                            onClick: () => {
+                              setIsAddTaskModalOpen(true);
+                              setAddTaskEpic(epic);
+                            },
+                            variant: "outline",
+                            size: "sm",
+                            className: "w-full gap-1 h-7 text-xs",
                             children: [
-                              totalPoints,
-                              " pts"
+                              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Plus, { className: "h-3 w-3" }),
+                              "Add Task"
                             ]
                           }
                         )
-                      ] }),
-                      epic.description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-sm text-muted-foreground mb-3 select-none", children: epic.description }),
-                      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-                        Button,
-                        {
-                          onClick: () => {
-                            setIsAddTaskModalOpen(true);
-                            setAddTaskEpic(epic);
-                          },
-                          variant: "outline",
-                          size: "sm",
-                          className: "w-full gap-2",
-                          children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Plus, { className: "h-4 w-4" }),
-                            "Add Task"
-                          ]
-                        }
-                      )
-                    ] })
-                  ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex-1 p-4 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                    "div",
-                    {
-                      className: `space-y-3 min-h-[200px] border-2 border-dashed rounded p-3 transition-colors ${draggedTask ? "border-primary bg-primary/10" : "border-border"}`,
-                      children: epicTasks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col items-center justify-center h-32 text-muted-foreground border-2 border-dashed border-border rounded-lg", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Move, { className: "h-8 w-8 mb-2" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm select-none", children: "Drop tasks here" })
-                      ] }) : epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                        TaskCard,
-                        {
-                          task,
-                          epic,
-                          onDragStart: handleDragStart,
-                          onTaskClick,
-                          isCompact: true
-                        },
-                        task.id
-                      ))
-                    }
-                  ) })
-                ]
-              },
-              epic.id
-            );
-          }) })
+                      ] })
+                    ) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex-1 p-2 overflow-y-auto no-scrollbar min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                      "div",
+                      {
+                        className: `space-y-2 min-h-[80px] border-2 border-dashed rounded p-2 transition-colors ${draggedTask ? "border-primary bg-primary/10" : "border-border"}`,
+                        children: epicTasks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col items-center justify-center h-16 text-muted-foreground", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Move, { className: "h-5 w-5 mb-1" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-xs select-none", children: "Drop tasks here" })
+                        ] }) : epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "relative group", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                            TaskCard,
+                            {
+                              task,
+                              epic,
+                              onDragStart: handleDragStart,
+                              onTaskClick: handleTaskClick,
+                              isCompact: true
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                            "button",
+                            {
+                              onClick: (e) => {
+                                e.stopPropagation();
+                                handleRemoveFromEpic(task);
+                              },
+                              title: "Remove from epic",
+                              className: "absolute top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity bg-background/80 hover:bg-destructive/10 hover:text-destructive rounded p-0.5",
+                              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.X, { className: "h-3 w-3" })
+                            }
+                          )
+                        ] }, task.id))
+                      }
+                    ) })
+                  ]
+                },
+                epic.id
+              );
+            }) })
+          ]
         }
       ) })
     ] }),
@@ -9437,21 +9790,417 @@ var EpicsView = ({
         defaultEpicId: addTaskEpic?.id.toString() || "",
         sprints
       }
+    ),
+    selectedTask && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      TaskDetailsModal,
+      {
+        isOpen: !!selectedTask,
+        onClose: () => setSelectedTask(null),
+        initialTask: selectedTask,
+        epics: availableEpics,
+        sprints,
+        onUpdateTask: handleUpdateTask,
+        onDeleteTask: handleDeleteTask,
+        onAddComment,
+        colleagues,
+        onUploadFile,
+        onDeleteFile,
+        onFileUpdate
+      }
     )
   ] });
 };
 
-// src/components/Projects/PlanningView.tsx
-var import_react29 = require("react");
-var import_lucide_react26 = require("lucide-react");
-
-// src/components/Projects/AddSprintModal.tsx
+// src/components/Projects/GanttView.tsx
 var import_react28 = require("react");
-var import_lucide_react25 = require("lucide-react");
 var import_date_fns = require("date-fns");
+var import_lucide_react25 = require("lucide-react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
+var PHASE_LABELS = {
+  1: "Plan",
+  2: "Dev",
+  3: "Test",
+  4: "Deploy",
+  5: "Review",
+  6: "Maint.",
+  7: "Complete",
+  8: "Archive",
+  9: "Legacy"
+};
+var ZOOM_LEVELS = [
+  { label: "Quarter", dayWidth: 3 },
+  { label: "Month", dayWidth: 7 },
+  { label: "Week", dayWidth: 14 },
+  { label: "Day", dayWidth: 40 }
+];
+var ROW_HEIGHT = 48;
+var TIME_HEADER_HEIGHT = 60;
+var GanttView = ({
+  tasks,
+  epics,
+  sprints,
+  onTaskClick
+}) => {
+  const [dayWidth, setDayWidth] = (0, import_react28.useState)(7);
+  const [isFullscreen, setIsFullscreen] = (0, import_react28.useState)(false);
+  const scrollRef = (0, import_react28.useRef)(null);
+  const heroRef = (0, import_react28.useRef)(null);
+  const [heroHeight, setHeroHeight] = (0, import_react28.useState)(0);
+  (0, import_react28.useEffect)(() => {
+    const measure = () => {
+      if (heroRef.current) setHeroHeight(heroRef.current.offsetHeight);
+    };
+    const observer = new ResizeObserver(measure);
+    if (heroRef.current) observer.observe(heroRef.current);
+    return () => observer.disconnect();
+  }, []);
+  const { timelineStart, timelineEnd, totalDays } = (0, import_react28.useMemo)(() => {
+    if (epics.length === 0) {
+      const today = /* @__PURE__ */ new Date();
+      const start = (0, import_date_fns.addDays)(today, -14);
+      const end = (0, import_date_fns.addDays)(today, 76);
+      return { timelineStart: start, timelineEnd: end, totalDays: 90 };
+    }
+    const allDates = epics.flatMap((e) => [new Date(e.startDate), new Date(e.endDate)]);
+    const minTime = Math.min(...allDates.map((d) => d.getTime()));
+    const maxTime = Math.max(...allDates.map((d) => d.getTime()));
+    const paddedStart = (0, import_date_fns.addDays)(new Date(minTime), -14);
+    const paddedEnd = (0, import_date_fns.addDays)(new Date(maxTime), 14);
+    return {
+      timelineStart: paddedStart,
+      timelineEnd: paddedEnd,
+      totalDays: (0, import_date_fns.differenceInDays)(paddedEnd, paddedStart)
+    };
+  }, [epics]);
+  const { groups, sortedKeys } = (0, import_react28.useMemo)(() => {
+    const groups2 = {};
+    epics.forEach((epic) => {
+      if (!groups2[epic.name]) groups2[epic.name] = [];
+      groups2[epic.name].push(epic);
+    });
+    Object.values(groups2).forEach((list) => list.sort((a, b) => a.phase - b.phase));
+    const sortedKeys2 = Object.keys(groups2).sort((a, b) => {
+      const aMin = Math.min(...groups2[a].map((e) => new Date(e.startDate).getTime()));
+      const bMin = Math.min(...groups2[b].map((e) => new Date(e.startDate).getTime()));
+      return aMin - bMin;
+    });
+    return { groups: groups2, sortedKeys: sortedKeys2 };
+  }, [epics]);
+  const realSprints = (0, import_react28.useMemo)(
+    () => sprints.filter((s) => {
+      const name = s.name.toLowerCase();
+      return name !== "backlog" && name !== "all tasks";
+    }),
+    [sprints]
+  );
+  const monthHeaders = (0, import_react28.useMemo)(
+    () => (0, import_date_fns.eachMonthOfInterval)({ start: timelineStart, end: timelineEnd }).map((month) => ({
+      month,
+      left: (0, import_date_fns.differenceInDays)(month, timelineStart) * dayWidth
+    })),
+    [timelineStart, timelineEnd, dayWidth]
+  );
+  const totalWidth = Math.max(totalDays * dayWidth, 600);
+  const scrollToToday = (0, import_react28.useCallback)(() => {
+    if (scrollRef.current) {
+      const todayOffset = (0, import_date_fns.differenceInDays)(/* @__PURE__ */ new Date(), timelineStart) * dayWidth;
+      scrollRef.current.scrollLeft = Math.max(0, todayOffset - 200);
+    }
+  }, [timelineStart, dayWidth]);
+  const todayLeft = (0, import_date_fns.differenceInDays)(/* @__PURE__ */ new Date(), timelineStart) * dayWidth;
+  const getEpicStats = (epic) => {
+    const epicTasks = tasks.filter((t) => extractId(t.epic) === epic.id);
+    const done = epicTasks.filter((t) => t.status === "done").length;
+    const pct = epicTasks.length > 0 ? Math.round(done / epicTasks.length * 100) : 0;
+    return { total: epicTasks.length, done, pct };
+  };
+  const getGroupStats = (epicList) => {
+    const allTasks = epicList.flatMap(
+      (e) => tasks.filter((t) => extractId(t.epic) === e.id)
+    );
+    const done = allTasks.filter((t) => t.status === "done").length;
+    const pct = allTasks.length > 0 ? Math.round(done / allTasks.length * 100) : 0;
+    return { total: allTasks.length, done, pct };
+  };
+  const isSprintActive = (sprint) => {
+    const today = /* @__PURE__ */ new Date();
+    try {
+      return (0, import_date_fns.isWithinInterval)(today, {
+        start: new Date(sprint.startDate),
+        end: new Date(sprint.endDate)
+      });
+    } catch {
+      return false;
+    }
+  };
+  const chartContent = /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-1 min-h-0 overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "w-52 flex-shrink-0 border-r bg-background z-10 flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        "div",
+        {
+          className: "border-b flex items-end pb-2 px-3 flex-shrink-0 bg-muted/20",
+          style: { height: TIME_HEADER_HEIGHT },
+          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-xs font-semibold text-muted-foreground tracking-wider uppercase", children: "Epic" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "overflow-y-auto flex-1", children: [
+        sortedKeys.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex items-center justify-center h-24 text-sm text-muted-foreground", children: "No epics" }),
+        sortedKeys.map((name) => {
+          const stats = getGroupStats(groups[name]);
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+            "div",
+            {
+              className: "flex flex-col justify-center px-3 border-b",
+              style: { height: ROW_HEIGHT },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-sm font-medium truncate", title: name, children: name }),
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+                  stats.total,
+                  " task",
+                  stats.total !== 1 ? "s" : "",
+                  " \xB7 ",
+                  stats.pct,
+                  "%"
+                ] })
+              ]
+            },
+            name
+          );
+        })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex-1 overflow-x-auto overflow-y-auto", ref: scrollRef, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { width: totalWidth, position: "relative" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        "div",
+        {
+          className: "sticky top-0 border-b bg-muted/20 z-20 flex-shrink-0",
+          style: { height: TIME_HEADER_HEIGHT, width: totalWidth },
+          children: [
+            monthHeaders.map(({ month, left }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              "div",
+              {
+                className: "absolute top-2 text-xs font-semibold text-muted-foreground select-none",
+                style: { left: left + 4 },
+                children: (0, import_date_fns.format)(month, "MMM yyyy")
+              },
+              month.toISOString()
+            )),
+            realSprints.map((sprint) => {
+              const start = new Date(sprint.startDate);
+              const end = new Date(sprint.endDate);
+              if (start > timelineEnd || end < timelineStart) return null;
+              const left = Math.max(0, (0, import_date_fns.differenceInDays)(start, timelineStart) * dayWidth);
+              const right = Math.min(
+                totalWidth,
+                (0, import_date_fns.differenceInDays)(end, timelineStart) * dayWidth
+              );
+              const width = right - left;
+              if (width <= 0) return null;
+              const active = isSprintActive(sprint);
+              return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                "div",
+                {
+                  className: `absolute bottom-0 border-l border-t text-xs px-1 overflow-hidden whitespace-nowrap select-none flex items-center ${active ? "border-primary/50 bg-primary/10 text-primary font-medium" : "border-border bg-muted/40 text-muted-foreground"}`,
+                  style: { left, width, height: 22 },
+                  title: sprint.name,
+                  children: sprint.name
+                },
+                `header-sprint-${sprint.id}`
+              );
+            })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { position: "relative", width: totalWidth }, children: [
+        realSprints.map((sprint) => {
+          const start = new Date(sprint.startDate);
+          const end = new Date(sprint.endDate);
+          if (start > timelineEnd || end < timelineStart) return null;
+          const left = Math.max(0, (0, import_date_fns.differenceInDays)(start, timelineStart) * dayWidth);
+          const right = Math.min(
+            totalWidth,
+            (0, import_date_fns.differenceInDays)(end, timelineStart) * dayWidth
+          );
+          const width = right - left;
+          if (width <= 0 || !isSprintActive(sprint)) return null;
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            "div",
+            {
+              className: "absolute inset-y-0 bg-primary/5 pointer-events-none",
+              style: { left, width }
+            },
+            `bg-${sprint.id}`
+          );
+        }),
+        realSprints.map((sprint) => {
+          const left = (0, import_date_fns.differenceInDays)(new Date(sprint.startDate), timelineStart) * dayWidth;
+          if (left < 0 || left > totalWidth) return null;
+          const active = isSprintActive(sprint);
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            "div",
+            {
+              className: `absolute inset-y-0 pointer-events-none ${active ? "border-l border-primary/40" : "border-l border-dashed border-border/60"}`,
+              style: { left }
+            },
+            `line-${sprint.id}`
+          );
+        }),
+        todayLeft >= 0 && todayLeft <= totalWidth && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          "div",
+          {
+            className: "absolute inset-y-0 pointer-events-none z-10",
+            style: { left: todayLeft },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "absolute inset-y-0 w-0.5 bg-destructive/50" }),
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "absolute top-1 -translate-x-1/2 w-2 h-2 rounded-full bg-destructive" })
+            ]
+          }
+        ),
+        monthHeaders.map(({ month, left }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          "div",
+          {
+            className: "absolute inset-y-0 border-l border-border/30 pointer-events-none",
+            style: { left }
+          },
+          `grid-${month.toISOString()}`
+        )),
+        sortedKeys.map((name) => {
+          const epicList = groups[name];
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            "div",
+            {
+              className: "border-b relative flex items-center",
+              style: { height: ROW_HEIGHT },
+              children: epicList.map((epic) => {
+                const start = new Date(epic.startDate);
+                const end = new Date(epic.endDate);
+                const left = (0, import_date_fns.differenceInDays)(start, timelineStart) * dayWidth;
+                const width = Math.max(8, (0, import_date_fns.differenceInDays)(end, start) * dayWidth);
+                const stats = getEpicStats(epic);
+                const phaseLabel = PHASE_LABELS[epic.phase] ?? `Phase ${epic.phase}`;
+                const showLabel = width >= 50;
+                const tooltip = [
+                  `${epic.name} \xB7 ${phaseLabel}`,
+                  epic.description ? epic.description : null,
+                  `${(0, import_date_fns.format)(start, "dd MMM yyyy")} \u2192 ${(0, import_date_fns.format)(end, "dd MMM yyyy")}`,
+                  `${stats.total} tasks \xB7 ${stats.pct}% complete`
+                ].filter(Boolean).join("\n");
+                return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                  "div",
+                  {
+                    className: "absolute rounded overflow-hidden cursor-pointer hover:ring-2 hover:ring-white/40 transition-all",
+                    style: { left, width, height: 32, top: 8 },
+                    title: tooltip,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        "div",
+                        {
+                          className: `absolute inset-0 ${epic.color}`,
+                          style: { opacity: 0.2 }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        "div",
+                        {
+                          className: `absolute inset-y-0 left-0 ${epic.color} transition-all`,
+                          style: { width: `${stats.pct}%`, opacity: 0.85 }
+                        }
+                      ),
+                      showLabel && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "absolute inset-0 flex items-center px-2 gap-1.5 z-10", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-xs font-semibold text-white drop-shadow truncate", children: phaseLabel }),
+                        stats.total > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "text-xs text-white/80 drop-shadow shrink-0", children: [
+                          stats.pct,
+                          "%"
+                        ] })
+                      ] })
+                    ]
+                  },
+                  epic.id
+                );
+              })
+            },
+            name
+          );
+        }),
+        sortedKeys.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          "div",
+          {
+            className: "flex items-center justify-center text-sm text-muted-foreground",
+            style: { height: 200 },
+            children: "No epics to display on the timeline"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `flex flex-col ${isFullscreen ? "h-screen" : "h-full"} overflow-hidden`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      DashboardHero,
+      {
+        title: "Gantt Chart",
+        description: "Epic timeline with sprint alignment and phase-based grouping.",
+        gradient: "bg-gradient-to-r from-indigo-600 via-blue-600 to-cyan-600",
+        badge: `${sortedKeys.length} epic${sortedKeys.length !== 1 ? "s" : ""}`
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center gap-2 px-4 py-2 border-b bg-background flex-shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react25.BarChart2, { className: "h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex items-center gap-1", children: ZOOM_LEVELS.map((z) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        Button,
+        {
+          variant: dayWidth === z.dayWidth ? "default" : "outline",
+          size: "sm",
+          className: "h-7 px-2 text-xs",
+          onClick: () => setDayWidth(z.dayWidth),
+          children: z.label
+        },
+        z.label
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 px-2 text-xs",
+          onClick: scrollToToday,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react25.Calendar, { className: "h-3 w-3 mr-1" }),
+            "Today"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 w-7 p-0",
+          onClick: () => setIsFullscreen((v) => !v),
+          title: isFullscreen ? "Exit fullscreen" : "Fullscreen",
+          children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react25.Minimize2, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react25.Maximize2, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    chartContent
+  ] });
+  if (isFullscreen) {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "fixed inset-0 z-50 bg-background overflow-hidden", children: inner });
+  }
+  return inner;
+};
+
+// src/components/Projects/PlanningView.tsx
+var import_react30 = require("react");
+var import_lucide_react27 = require("lucide-react");
+
+// src/components/Projects/AddSprintModal.tsx
+var import_react29 = require("react");
+var import_lucide_react26 = require("lucide-react");
+var import_date_fns2 = require("date-fns");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
-  const [formData, setFormData] = (0, import_react28.useState)({
+  const [formData, setFormData] = (0, import_react29.useState)({
     name: "",
     description: "",
     startDate: void 0,
@@ -9492,12 +10241,12 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
     });
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DialogTitle, { children: "Add New Sprint" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Label3, { htmlFor: "name", children: "Sprint Name *" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DialogTitle, { children: "Add New Sprint" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { htmlFor: "name", children: "Sprint Name *" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           Input,
           {
             id: "name",
@@ -9508,9 +10257,9 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Label3, { htmlFor: "description", children: "Description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { htmlFor: "description", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           Textarea,
           {
             id: "description",
@@ -9521,11 +10270,11 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Label3, { children: "Start Date *" }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Popover, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { children: "Start Date *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Popover, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -9534,12 +10283,12 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
                   !formData.startDate && "text-muted-foreground"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react25.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  formData.startDate ? (0, import_date_fns.format)(formData.startDate, "PPP") : "Pick a date"
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.CalendarIcon, { className: "mr-2 h-4 w-4" }),
+                  formData.startDate ? (0, import_date_fns2.format)(formData.startDate, "PPP") : "Pick a date"
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               Calendar4,
               {
                 mode: "single",
@@ -9550,10 +10299,10 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Label3, { children: "End Date *" }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Popover, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { children: "End Date *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Popover, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -9562,12 +10311,12 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
                   !formData.endDate && "text-muted-foreground"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react25.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  formData.endDate ? (0, import_date_fns.format)(formData.endDate, "PPP") : "Pick a date"
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.CalendarIcon, { className: "mr-2 h-4 w-4" }),
+                  formData.endDate ? (0, import_date_fns2.format)(formData.endDate, "PPP") : "Pick a date"
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               Calendar4,
               {
                 mode: "single",
@@ -9580,9 +10329,9 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex justify-end gap-3 pt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button, { type: "button", variant: "outline", onClick: handleClose, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex justify-end gap-3 pt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button, { type: "button", variant: "outline", onClick: handleClose, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           Button,
           {
             type: "submit",
@@ -9596,7 +10345,7 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
 };
 
 // src/components/Projects/PlanningView.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var PlanningView = ({
   tasks,
   epics,
@@ -9607,25 +10356,25 @@ var PlanningView = ({
   onUpdateSprint,
   onDeleteSprint
 }) => {
-  const [selectedSprintIds, setSelectedSprintIds] = (0, import_react29.useState)([]);
-  const [collapsedEpics, setCollapsedEpics] = (0, import_react29.useState)(/* @__PURE__ */ new Set());
-  const [draggedTask, setDraggedTask] = (0, import_react29.useState)(null);
-  const [isAddSprintModalOpen, setIsAddSprintModalOpen] = (0, import_react29.useState)(false);
-  const [dragOverTarget, setDragOverTarget] = (0, import_react29.useState)(null);
-  const [editingSprintId, setEditingSprintId] = (0, import_react29.useState)(null);
-  const [sprintEditForm, setSprintEditForm] = (0, import_react29.useState)({
+  const [selectedSprintIds, setSelectedSprintIds] = (0, import_react30.useState)([]);
+  const [collapsedEpics, setCollapsedEpics] = (0, import_react30.useState)(/* @__PURE__ */ new Set());
+  const [draggedTask, setDraggedTask] = (0, import_react30.useState)(null);
+  const [isAddSprintModalOpen, setIsAddSprintModalOpen] = (0, import_react30.useState)(false);
+  const [dragOverTarget, setDragOverTarget] = (0, import_react30.useState)(null);
+  const [editingSprintId, setEditingSprintId] = (0, import_react30.useState)(null);
+  const [sprintEditForm, setSprintEditForm] = (0, import_react30.useState)({
     name: "",
     description: "",
     startDate: "",
     endDate: ""
   });
-  const [availableSprints, setAvailableSprints] = (0, import_react29.useState)([]);
-  const [sprintFilter, setSprintFilter] = (0, import_react29.useState)("upcoming");
-  const [isSprintSelectorOpen, setIsSprintSelectorOpen] = (0, import_react29.useState)(false);
-  const [heroHeight, setHeroHeight] = (0, import_react29.useState)(0);
-  const heroRef = (0, import_react29.useRef)(null);
-  const containerRef = (0, import_react29.useRef)(null);
-  (0, import_react29.useEffect)(() => {
+  const [availableSprints, setAvailableSprints] = (0, import_react30.useState)([]);
+  const [sprintFilter, setSprintFilter] = (0, import_react30.useState)("upcoming");
+  const [isSprintSelectorOpen, setIsSprintSelectorOpen] = (0, import_react30.useState)(false);
+  const [heroHeight, setHeroHeight] = (0, import_react30.useState)(0);
+  const heroRef = (0, import_react30.useRef)(null);
+  const containerRef = (0, import_react30.useRef)(null);
+  (0, import_react30.useEffect)(() => {
     const savedSprintIds = localStorage.getItem("planningView_selectedSprints");
     if (savedSprintIds) {
       try {
@@ -9638,10 +10387,10 @@ var PlanningView = ({
       }
     }
   }, []);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     localStorage.setItem("planningView_selectedSprints", JSON.stringify(selectedSprintIds));
   }, [selectedSprintIds]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const updateHeroHeight = () => {
       if (heroRef.current) {
         setHeroHeight(heroRef.current.offsetHeight);
@@ -9702,7 +10451,7 @@ var PlanningView = ({
     });
     return { tasksByEpic, unassignedTasks };
   };
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setAvailableSprints(sprints);
   }, [sprints]);
   const displayedSprints = availableSprints.filter((sprint) => {
@@ -9825,7 +10574,7 @@ var PlanningView = ({
       e.dataTransfer.setData("text/plain", task.id.toString());
       handleDragStart(e, task);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       Card,
       {
         className: "p-3 cursor-grab active:cursor-grabbing hover:shadow-md transition-all duration-200 border border-border bg-card hover:bg-accent/50",
@@ -9833,28 +10582,28 @@ var PlanningView = ({
         onDragStart: handleCardDragStart,
         onClick: handleCardClick,
         style: { userSelect: "none" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2 pointer-events-none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h4", { className: "font-medium text-sm text-foreground line-clamp-1", children: task.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Badge, { className: `text-xs ${getPriorityColor(task.priority || "medium")}`, children: task.priority?.[0]?.toUpperCase() })
+        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2 pointer-events-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h4", { className: "font-medium text-sm text-foreground line-clamp-1", children: task.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge, { className: `text-xs ${getPriorityColor(task.priority || "medium")}`, children: task.priority?.[0]?.toUpperCase() })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-1", children: [
-              epic && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: `w-2 h-2 rounded-full ${epic.color}` }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-muted-foreground truncate", children: epic?.name })
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-1", children: [
+              epic && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: `w-2 h-2 rounded-full ${epic.color}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-muted-foreground truncate", children: epic?.name })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-muted-foreground", children: getDisplayName(task.assignee?.value?.name) })
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-muted-foreground", children: getDisplayName(task.assignee?.value?.name) })
           ] }),
-          showSprint && sprint && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.Calendar, { className: "h-3 w-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: sprint.name })
+          showSprint && sprint && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Calendar, { className: "h-3 w-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: sprint.name })
           ] })
         ] })
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { ref: containerRef, className: "h-full flex flex-col px-2 md:px-4 py-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { ref: containerRef, className: "h-full flex flex-col px-2 md:px-4 py-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       DashboardHero,
       {
         title: "Sprint Planning",
@@ -9866,7 +10615,7 @@ var PlanningView = ({
         }
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
       "div",
       {
         className: "h-full",
@@ -9874,30 +10623,30 @@ var PlanningView = ({
           height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 120}px)` : "calc(100vh - 12rem)"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "mb-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Card, { className: "p-3 bg-card shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h3", { className: "font-semibold text-foreground text-sm", children: "Sprint Board" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Card, { className: "p-3 bg-card shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h3", { className: "font-semibold text-foreground text-sm", children: "Sprint Board" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
                     selectedSprintIds?.length,
                     "/3 selected"
                   ] })
                 ] }),
-                selectedSprintIds?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-xs text-muted-foreground", children: "Viewing:" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex flex-wrap gap-1", children: visibleSprints.map((sprint) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                selectedSprintIds?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-xs text-muted-foreground", children: "Viewing:" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex flex-wrap gap-1", children: visibleSprints.map((sprint) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                     "div",
                     {
                       className: "flex items-center gap-1 bg-primary/10 text-primary px-2 py-0.5 rounded text-xs",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "max-w-[80px] truncate", children: sprint.name }),
-                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "max-w-[80px] truncate", children: sprint.name }),
+                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                           "button",
                           {
                             onClick: () => toggleSprintView(sprint.id.toString()),
                             className: "ml-0.5 hover:bg-primary/20 h-8 rounded p-0.5",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.X, { className: "h-4 w-4" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.X, { className: "h-4 w-4" })
                           }
                         )
                       ]
@@ -9906,20 +10655,20 @@ var PlanningView = ({
                   )) })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                   Button,
                   {
                     onClick: () => setIsAddSprintModalOpen(true),
                     className: "bg-primary hover:bg-primary/90 text-primary-foreground gap-1",
                     size: "sm",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.Plus, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Plus, { className: "h-3 w-3" }),
                       "Add"
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                   Button,
                   {
                     onClick: () => setIsSprintSelectorOpen(!isSprintSelectorOpen),
@@ -9927,43 +10676,43 @@ var PlanningView = ({
                     size: "sm",
                     className: "gap-1",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.Calendar, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Calendar, { className: "h-3 w-3" }),
                       isSprintSelectorOpen ? "Close" : "Select"
                     ]
                   }
                 )
               ] })
             ] }) }),
-            isSprintSelectorOpen && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            isSprintSelectorOpen && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               "div",
               {
                 className: "fixed inset-0 bg-black/20 z-[5]",
                 onClick: () => setIsSprintSelectorOpen(false)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               "div",
               {
                 className: `fixed top-0 right-0 h-full w-80 bg-background border-l shadow-xl z-10 transition-all duration-300 ease-in-out ${isSprintSelectorOpen ? "translate-x-0 opacity-100 visible" : "translate-x-full opacity-0 invisible"}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Card, { className: "h-full rounded-none border-0 flex flex-col", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "p-4 border-b bg-muted/30 flex-shrink-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center justify-between", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h3", { className: "font-semibold text-foreground text-base", children: "Select Sprints" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Card, { className: "h-full rounded-none border-0 flex flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "p-4 border-b bg-muted/30 flex-shrink-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h3", { className: "font-semibold text-foreground text-base", children: "Select Sprints" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                         Button,
                         {
                           variant: "ghost",
                           size: "sm",
                           onClick: () => setIsSprintSelectorOpen(false),
                           className: "h-8 w-8 p-0",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.X, { className: "h-4 w-4" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.X, { className: "h-4 w-4" })
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-sm text-muted-foreground mt-1", children: "Choose up to 3 sprints to view in your planning board" })
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-sm text-muted-foreground mt-1", children: "Choose up to 3 sprints to view in your planning board" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col flex-1 p-4 min-h-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex gap-1 mb-4 bg-muted p-1 rounded-lg", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col flex-1 p-4 min-h-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex gap-1 mb-4 bg-muted p-1 rounded-lg", children: [
                       { key: "all", label: "All", count: sprints.length },
                       {
                         key: "active",
@@ -9975,7 +10724,7 @@ var PlanningView = ({
                         label: "Upcoming"
                         // count: sprints.filter((s) => !s.isActive).length,
                       }
-                    ].map((filter) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                    ].map((filter) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                       Button,
                       {
                         variant: sprintFilter === filter.key ? "default" : "outline",
@@ -9991,18 +10740,18 @@ var PlanningView = ({
                       },
                       filter.key
                     )) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-2 flex-1 overflow-y-auto", children: displayedSprints.length > 0 ? displayedSprints.map((sprint) => {
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "space-y-2 flex-1 overflow-y-auto", children: displayedSprints.length > 0 ? displayedSprints.map((sprint) => {
                       const isSelected = selectedSprintIds.includes(sprint.id.toString());
                       const taskCount = tasks.filter(
                         (task) => extractId(task.sprint) === sprint.id
                       ).length;
                       const canSelect = !isSelected && selectedSprintIds.length < 3;
-                      return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                         "div",
                         {
                           className: `p-3 rounded-lg border transition-all ${isSelected ? "bg-primary/10 border-primary/30" : canSelect ? "bg-card border-border hover:border-primary/50" : "bg-muted/30 border-border/30 opacity-60"}`,
-                          children: editingSprintId === sprint.id.toString() ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-3", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                          children: editingSprintId === sprint.id.toString() ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-3", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                               Input,
                               {
                                 value: sprintEditForm.name,
@@ -10011,7 +10760,7 @@ var PlanningView = ({
                                 placeholder: "Sprint name"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                               Textarea,
                               {
                                 value: sprintEditForm.description,
@@ -10023,10 +10772,10 @@ var PlanningView = ({
                                 placeholder: "Sprint description"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "Start Date" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "Start Date" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                                   Input,
                                   {
                                     type: "date",
@@ -10039,9 +10788,9 @@ var PlanningView = ({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "End Date" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "End Date" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                                   Input,
                                   {
                                     type: "date",
@@ -10055,20 +10804,20 @@ var PlanningView = ({
                                 )
                               ] })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex gap-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                                 Button,
                                 {
                                   size: "sm",
                                   onClick: () => handleSprintEditSave(),
                                   className: "flex-1",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.Check, { className: "h-3 w-3 mr-1" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Check, { className: "h-3 w-3 mr-1" }),
                                     "Save"
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                                 Button,
                                 {
                                   size: "sm",
@@ -10076,18 +10825,18 @@ var PlanningView = ({
                                   onClick: handleSprintEditCancel,
                                   className: "flex-1",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.X, { className: "h-3 w-3 mr-1" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.X, { className: "h-3 w-3 mr-1" }),
                                     "Cancel"
                                   ]
                                 }
                               )
                             ] })
-                          ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-start justify-between", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2 mb-1", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h4", { className: "font-medium text-sm text-foreground truncate", children: sprint.name }),
-                                  isSprintActive(sprint) && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                          ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-start justify-between", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2 mb-1", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h4", { className: "font-medium text-sm text-foreground truncate", children: sprint.name }),
+                                  isSprintActive(sprint) && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                                     Badge,
                                     {
                                       variant: "default",
@@ -10096,43 +10845,43 @@ var PlanningView = ({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xs text-muted-foreground line-clamp-2 mb-2", children: sprint.description }),
-                                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex items-center gap-1", children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.CalendarDays, { className: "h-3 w-3" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xs text-muted-foreground line-clamp-2 mb-2", children: sprint.description }),
+                                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "flex items-center gap-1", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.CalendarDays, { className: "h-3 w-3" }),
                                     new Date(sprint.startDate).toLocaleDateString()
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex items-center gap-1", children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.User, { className: "h-3 w-3" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "flex items-center gap-1", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.User, { className: "h-3 w-3" }),
                                     taskCount,
                                     " tasks"
                                   ] })
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-1 ml-2", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-1 ml-2", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                                   Button,
                                   {
                                     size: "sm",
                                     variant: "ghost",
                                     onClick: () => handleSprintEditStart(sprint),
                                     className: "h-6 w-6 p-0",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.Edit2, { className: "h-3 w-3" })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Edit2, { className: "h-3 w-3" })
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                                   Button,
                                   {
                                     size: "sm",
                                     variant: "ghost",
                                     onClick: () => onDeleteSprint(sprint.id.toString()),
                                     className: "h-6 w-6 p-0 text-destructive hover:text-destructive",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.Trash2, { className: "h-3 w-3" })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Trash2, { className: "h-3 w-3" })
                                   }
                                 )
                               ] })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex items-center justify-between mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex items-center justify-between mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                               Button,
                               {
                                 variant: isSelected ? "default" : "outline",
@@ -10140,21 +10889,21 @@ var PlanningView = ({
                                 className: "text-xs w-full h-8 flex items-center justify-center cursor-pointer",
                                 onClick: () => toggleSprintView(sprint.id.toString()),
                                 disabled: !isSelected && selectedSprintIds?.length >= 3,
-                                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "pointer-events-none select-none", children: isSelected ? "Deselect" : selectedSprintIds?.length >= 3 ? "Limit Reached" : "Select" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "pointer-events-none select-none", children: isSelected ? "Deselect" : selectedSprintIds?.length >= 3 ? "Limit Reached" : "Select" })
                               }
                             ) })
                           ] })
                         },
                         sprint.id
                       );
-                    }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "text-center py-8 text-muted-foreground", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.Calendar, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "text-sm", children: [
+                    }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "text-center py-8 text-muted-foreground", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Calendar, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-sm", children: [
                         'No sprints found for "',
                         sprintFilter,
                         '" filter'
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                         Button,
                         {
                           variant: "link",
@@ -10165,18 +10914,18 @@ var PlanningView = ({
                         }
                       )
                     ] }) }),
-                    selectedSprintIds?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "mt-4 p-4 bg-muted/50 rounded-lg border-2 border-dashed border-border", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "text-center", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.Calendar, { className: "h-6 w-6 mx-auto mb-2 text-muted-foreground" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: "Select sprints to start planning" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: "Choose up to 3 sprints to view alongside your backlog" })
+                    selectedSprintIds?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mt-4 p-4 bg-muted/50 rounded-lg border-2 border-dashed border-border", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "text-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Calendar, { className: "h-6 w-6 mx-auto mb-2 text-muted-foreground" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: "Select sprints to start planning" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: "Choose up to 3 sprints to view alongside your backlog" })
                     ] }) })
                   ] })
                 ] })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6 h-full flex-1 min-h-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "lg:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6 h-full flex-1 min-h-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "lg:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
               Card,
               {
                 className: "p-4 h-full bg-card border-l-4 border-l-gray-400 shadow-sm hover:shadow-md transition-shadow duration-200 flex flex-col",
@@ -10188,78 +10937,78 @@ var PlanningView = ({
                   height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 200}px)` : "calc(100vh - 16rem)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: "Backlog" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Badge, { variant: "secondary", className: "bg-muted text-muted-foreground", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: "Backlog" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Badge, { variant: "secondary", className: "bg-muted text-muted-foreground", children: [
                         backlogTasks?.length,
                         " tasks"
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Badge, { variant: "outline", className: "bg-gray-50 text-gray-700 border-gray-200", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Badge, { variant: "outline", className: "bg-gray-50 text-gray-700 border-gray-200", children: [
                         backlogStoryPoints,
                         " pts"
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "div",
                     {
                       className: `flex-1 overflow-y-auto space-y-3 min-h-0 p-3 rounded transition-colors ${dragOverTarget === "backlog" ? "bg-primary/10" : ""}`,
                       children: (() => {
                         const { tasksByEpic, unassignedTasks } = getTasksByEpic(backlogTasks);
-                        return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+                        return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
                           Object.entries(tasksByEpic).map(([epicId, epicTasks]) => {
                             const epic = getEpicById(epicId);
                             if (!epic) return null;
                             const isCollapsed = collapsedEpics.has(epicId);
-                            return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                                 "div",
                                 {
                                   className: "flex items-center gap-2 px-2 py-1 bg-muted/50 rounded text-xs cursor-pointer hover:bg-muted/70 transition-colors",
                                   onClick: () => toggleEpicCollapse(epicId),
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "text-muted-foreground", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "text-muted-foreground", children: [
                                       "(",
                                       epicTasks?.length,
                                       ")"
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                   ]
                                 }
                               ),
-                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CompactTaskCard, { task }, task.id)) })
+                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CompactTaskCard, { task }, task.id)) })
                             ] }, epicId);
                           }),
                           unassignedTasks?.length > 0 && (() => {
                             const isCollapsed = collapsedEpics.has("no-epic");
-                            return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                                 "div",
                                 {
                                   className: "flex items-center gap-2 px-2 py-1 bg-muted/50 rounded text-xs cursor-pointer hover:bg-muted/70 transition-colors",
                                   onClick: () => toggleEpicCollapse("no-epic"),
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "text-muted-foreground", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "text-muted-foreground", children: [
                                       "(",
                                       unassignedTasks?.length,
                                       ")"
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                   ]
                                 }
                               ),
-                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CompactTaskCard, { task }, task.id)) })
+                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CompactTaskCard, { task }, task.id)) })
                             ] });
                           })(),
-                          backlogTasks?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex items-center justify-center h-32 text-muted-foreground text-sm select-none", children: "Drop tasks here to move to backlog" }),
-                          backlogTasks?.length > 0 && Object.keys(tasksByEpic).length === 0 && unassignedTasks.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "text-xs text-muted-foreground mb-2", children: "Direct backlog tasks:" }),
-                            backlogTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CompactTaskCard, { task }, task.id))
+                          backlogTasks?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex items-center justify-center h-32 text-muted-foreground text-sm select-none", children: "Drop tasks here to move to backlog" }),
+                          backlogTasks?.length > 0 && Object.keys(tasksByEpic).length === 0 && unassignedTasks.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-xs text-muted-foreground mb-2", children: "Direct backlog tasks:" }),
+                            backlogTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CompactTaskCard, { task }, task.id))
                           ] })
                         ] });
                       })()
@@ -10276,7 +11025,7 @@ var PlanningView = ({
                 (sum, task) => sum + (task?.storyPoints || 0),
                 0
               );
-              return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                 Card,
                 {
                   className: "p-4 h-full bg-card border-l-4 border-l-blue-500 shadow-sm hover:shadow-md transition-shadow duration-200 flex flex-col",
@@ -10288,10 +11037,10 @@ var PlanningView = ({
                     height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 200}px)` : "calc(100vh - 16rem)"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: sprint.name }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: sprint.name }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                           Badge,
                           {
                             variant: "secondary",
@@ -10302,7 +11051,7 @@ var PlanningView = ({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                           Badge,
                           {
                             variant: "outline",
@@ -10313,7 +11062,7 @@ var PlanningView = ({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                           Button,
                           {
                             size: "sm",
@@ -10323,73 +11072,73 @@ var PlanningView = ({
                               handleSprintEditStart(sprint);
                             },
                             className: "h-6 px-2",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.Edit2, { className: "h-3 w-3" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Edit2, { className: "h-3 w-3" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                           Button,
                           {
                             size: "sm",
                             variant: "ghost",
                             onClick: () => onDeleteSprint(sprint.id.toString()),
                             className: "h-6 px-2 text-destructive hover:text-destructive",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.Trash2, { className: "h-3 w-3" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Trash2, { className: "h-3 w-3" })
                           }
                         )
                       ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex-1 overflow-y-auto space-y-3 min-h-0", children: (() => {
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex-1 overflow-y-auto space-y-3 min-h-0", children: (() => {
                       const { tasksByEpic, unassignedTasks } = getTasksByEpic(sprintTasksFiltered);
-                      return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+                      return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
                         Object.entries(tasksByEpic).map(([epicId, epicTasks]) => {
                           const epic = getEpicById(epicId);
                           if (!epic) return null;
                           const isCollapsed = collapsedEpics.has(epicId);
-                          return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                               "div",
                               {
                                 className: "flex items-center gap-2 px-2 py-1 bg-muted/50 rounded text-xs cursor-pointer hover:bg-muted/70 transition-colors",
                                 onClick: () => toggleEpicCollapse(epicId),
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "text-muted-foreground", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "text-muted-foreground", children: [
                                     "(",
                                     epicTasks?.length,
                                     ")"
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                 ]
                               }
                             ),
-                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CompactTaskCard, { task }, task.id)) })
+                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CompactTaskCard, { task }, task.id)) })
                           ] }, epicId);
                         }),
                         unassignedTasks?.length > 0 && (() => {
                           const isCollapsed = collapsedEpics.has("no-epic");
-                          return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                               "div",
                               {
                                 className: "flex items-center gap-2 px-2 py-1 bg-muted/50 rounded text-xs cursor-pointer hover:bg-muted/70 transition-colors",
                                 onClick: () => toggleEpicCollapse("no-epic"),
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "text-muted-foreground", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "text-muted-foreground", children: [
                                     "(",
                                     unassignedTasks?.length,
                                     ")"
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react26.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                 ]
                               }
                             ),
-                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CompactTaskCard, { task }, task.id)) })
+                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CompactTaskCard, { task }, task.id)) })
                           ] });
                         })(),
-                        sprintTasksFiltered?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex items-center justify-center h-32 text-muted-foreground text-sm select-none", children: "Drop tasks here" })
+                        sprintTasksFiltered?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex items-center justify-center h-32 text-muted-foreground text-sm select-none", children: "Drop tasks here" })
                       ] });
                     })() })
                   ]
@@ -10398,7 +11147,7 @@ var PlanningView = ({
               );
             })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             AddSprintModal,
             {
               isOpen: isAddSprintModalOpen,
@@ -10413,9 +11162,9 @@ var PlanningView = ({
 };
 
 // src/components/Projects/TasksView.tsx
-var import_react30 = require("react");
-var import_lucide_react27 = require("lucide-react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_react31 = require("react");
+var import_lucide_react28 = require("lucide-react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var formatDate = (date) => {
   return date.toLocaleDateString("en-US", {
     weekday: "short",
@@ -10453,7 +11202,7 @@ var isTomorrow = (date) => {
   return date.toDateString() === tomorrow.toDateString();
 };
 var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
-  const [formData, setFormData] = (0, import_react30.useState)({
+  const [formData, setFormData] = (0, import_react31.useState)({
     title: "",
     description: "",
     dueDate: "",
@@ -10467,7 +11216,7 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
     reminderMinutes: 15,
     tags: ""
   });
-  const [isColleagueError, setIsColleagueError] = (0, import_react30.useState)(false);
+  const [isColleagueError, setIsColleagueError] = (0, import_react31.useState)(false);
   const handleSubmit = (e) => {
     e.preventDefault();
     const colleague = colleagues.find((c) => c?.id.toString() === formData.colleagueId.toString());
@@ -10512,18 +11261,18 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
       tags: ""
     });
   };
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (formData.colleagueId) {
       setIsColleagueError(false);
     }
   }, [formData.colleagueId]);
   const validColleagues = colleagues.filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogTitle, { children: "Add New Reminder" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "title", children: "Title" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DialogTitle, { children: "Add New Reminder" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "title", children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           Input,
           {
             id: "title",
@@ -10534,9 +11283,9 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "description", children: "Description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "description", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           Textarea,
           {
             id: "description",
@@ -10547,10 +11296,10 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "dueDate", children: "Due Date" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "dueDate", children: "Due Date" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             Input,
             {
               id: "dueDate",
@@ -10561,9 +11310,9 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "dueTime", children: "Due Time (optional)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "dueTime", children: "Due Time (optional)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             Input,
             {
               id: "dueTime",
@@ -10574,9 +11323,9 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { className: `${isColleagueError ? "text-destructive" : ""}`, htmlFor: "colleague", children: "Assigned Colleague" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { className: `${isColleagueError ? "text-destructive" : ""}`, htmlFor: "colleague", children: "Assigned Colleague" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
           Select,
           {
             value: formData.colleagueId,
@@ -10585,11 +11334,11 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
             },
             required: true,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 SelectTrigger,
                 {
                   className: `${isColleagueError ? "text-destructive border-red-500" : ""}`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                     SelectValue,
                     {
                       className: `${isColleagueError ? "text-destructive border-red-500" : ""}`,
@@ -10599,15 +11348,15 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectContent, { children: validColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectItem, { value: colleague.id.toString(), children: colleague.name }, colleague.id)) })
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectContent, { children: validColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectItem, { value: colleague.id.toString(), children: colleague.name }, colleague.id)) })
             ]
           }
         ),
-        isColleagueError && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-destructive text-sm", children: "Please select a digital colleague" })
+        isColleagueError && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-destructive text-sm", children: "Please select a digital colleague" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             "input",
             {
               type: "checkbox",
@@ -10617,12 +11366,12 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
               className: "rounded border-border"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "isRecurring", children: "Make this a recurring reminder" })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "isRecurring", children: "Make this a recurring reminder" })
         ] }),
-        formData.isRecurring && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "grid grid-cols-2 gap-4 pl-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "recurrencePattern", children: "Frequency" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        formData.isRecurring && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "grid grid-cols-2 gap-4 pl-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "recurrencePattern", children: "Frequency" }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
               Select,
               {
                 value: formData.recurrencePattern,
@@ -10631,20 +11380,20 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
                   recurrencePattern: value
                 }),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectValue, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(SelectContent, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectItem, { value: "daily", children: "Daily" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectItem, { value: "weekly", children: "Weekly" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectItem, { value: "monthly", children: "Monthly" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectItem, { value: "yearly", children: "Yearly" })
+                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectValue, {}) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(SelectContent, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectItem, { value: "daily", children: "Daily" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectItem, { value: "weekly", children: "Weekly" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectItem, { value: "monthly", children: "Monthly" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectItem, { value: "yearly", children: "Yearly" })
                   ] })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "recurrenceInterval", children: "Every" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "recurrenceInterval", children: "Every" }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               Input,
               {
                 id: "recurrenceInterval",
@@ -10657,15 +11406,15 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex justify-end space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, { type: "button", variant: "outline", onClick: () => setOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, { type: "submit", children: "Add Reminder" })
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex justify-end space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { type: "button", variant: "outline", onClick: () => setOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { type: "submit", children: "Add Reminder" })
       ] })
     ] })
   ] }) });
 };
 var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose }) => {
-  const [formData, setFormData] = (0, import_react30.useState)({
+  const [formData, setFormData] = (0, import_react31.useState)({
     title: reminder.title,
     description: reminder.description,
     dueDate: reminder.dueDate?.toString().split("T")[0],
@@ -10699,12 +11448,12 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
     onClose();
   };
   const validColleagues = colleagues.filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Dialog, { open, onOpenChange: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogTitle, { children: "Edit Reminder" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "edit-title", children: "Title" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Dialog, { open, onOpenChange: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DialogTitle, { children: "Edit Reminder" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "edit-title", children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           Input,
           {
             id: "edit-title",
@@ -10715,9 +11464,9 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "edit-description", children: "Description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "edit-description", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           Textarea,
           {
             id: "edit-description",
@@ -10728,10 +11477,10 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "edit-dueDate", children: "Due Date" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "edit-dueDate", children: "Due Date" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             Input,
             {
               id: "edit-dueDate",
@@ -10742,9 +11491,9 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "edit-dueTime", children: "Due Time (optional)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "edit-dueTime", children: "Due Time (optional)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             Input,
             {
               id: "edit-dueTime",
@@ -10755,8 +11504,8 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "input",
           {
             type: "checkbox",
@@ -10766,17 +11515,17 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
             className: "rounded border-border"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label3, { htmlFor: "edit-isRecurring", children: "Make this a recurring reminder" })
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label3, { htmlFor: "edit-isRecurring", children: "Make this a recurring reminder" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex justify-end space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, { type: "submit", children: "Save Changes" })
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex justify-end space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { type: "submit", children: "Save Changes" })
       ] })
     ] })
   ] }) });
 };
 var ReminderCard = ({ reminder, colleagues, onUpdateReminder, onDeleteReminder }) => {
-  const [isEditing, setIsEditing] = (0, import_react30.useState)(false);
+  const [isEditing, setIsEditing] = (0, import_react31.useState)(false);
   if (!reminder || !reminder.id) {
     return null;
   }
@@ -10794,8 +11543,8 @@ var ReminderCard = ({ reminder, colleagues, onUpdateReminder, onDeleteReminder }
     if (tomorrow) return "Tomorrow";
     return formatDate(new Date(reminder.dueDate || ""));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       EditReminderModal,
       {
         reminder,
@@ -10805,61 +11554,61 @@ var ReminderCard = ({ reminder, colleagues, onUpdateReminder, onDeleteReminder }
         onClose: () => setIsEditing(false)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       Card,
       {
-        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CardContent, { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-start justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-start space-x-3 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CardContent, { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-start justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-start space-x-3 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               "button",
               {
                 onClick: handleToggleComplete,
                 className: "mt-1 text-primary hover:text-primary/80"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex items-center space-x-2 mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex items-center space-x-2 mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 "h3",
                 {
                   children: reminder.title
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: reminder.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center space-x-4 text-sm text-muted-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center space-x-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Calendar, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: overdue ? "text-destructive font-medium" : "", children: getDateLabel() })
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: reminder.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-4 text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react28.Calendar, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: overdue ? "text-destructive font-medium" : "", children: getDateLabel() })
                 ] }),
-                reminder.dueTime && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center space-x-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Clock, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: formatTime(reminder.dueTime) })
+                reminder.dueTime && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react28.Clock, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: formatTime(reminder.dueTime) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center space-x-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.User, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: typeof reminder.assignedColleague !== "number" ? reminder.assignedColleague.name : "Unknown Colleague" })
+                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react28.User, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: typeof reminder.assignedColleague !== "number" ? reminder.assignedColleague.name : "Unknown Colleague" })
                 ] })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center space-x-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 onClick: () => setIsEditing(true),
                 className: "h-8 w-8 p-0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Edit2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react28.Edit2, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 onClick: () => onDeleteReminder(reminder.id.toString()),
                 className: "h-8 w-8 p-0 text-destructive hover:text-destructive/80",
-                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Trash2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react28.Trash2, { className: "h-4 w-4" })
               }
             )
           ] })
@@ -10875,15 +11624,15 @@ var TasksView = ({
   onUpdateReminder,
   onDeleteReminder
 }) => {
-  const [reminders, setReminders] = (0, import_react30.useState)(initialReminders.filter(Boolean));
-  const [colleagues, setColleagues] = (0, import_react30.useState)(initialColleagues.filter(Boolean));
-  const [filter, setFilter] = (0, import_react30.useState)("all");
-  const [searchTerm, setSearchTerm] = (0, import_react30.useState)("");
-  const [openAddReminderModal, setOpenAddReminderModal] = (0, import_react30.useState)(false);
-  (0, import_react30.useEffect)(() => {
+  const [reminders, setReminders] = (0, import_react31.useState)(initialReminders.filter(Boolean));
+  const [colleagues, setColleagues] = (0, import_react31.useState)(initialColleagues.filter(Boolean));
+  const [filter, setFilter] = (0, import_react31.useState)("all");
+  const [searchTerm, setSearchTerm] = (0, import_react31.useState)("");
+  const [openAddReminderModal, setOpenAddReminderModal] = (0, import_react31.useState)(false);
+  (0, import_react31.useEffect)(() => {
     setReminders(initialReminders.filter(Boolean));
   }, [initialReminders]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     setColleagues(initialColleagues.filter(Boolean));
   }, [initialColleagues]);
   const handleAddReminder = (newReminder) => {
@@ -10971,8 +11720,8 @@ var TasksView = ({
     // lastUpdated: new Date(),
     // isActive: true,
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       DashboardHero,
       {
         title: "Task Reminders",
@@ -10986,8 +11735,8 @@ var TasksView = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "h-full bg-background", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "h-full bg-background", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         AddReminderModal,
         {
           colleagues,
@@ -10996,48 +11745,48 @@ var TasksView = ({
           setOpen: setOpenAddReminderModal
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "p-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h1", { className: "text-2xl font-bold text-foreground", children: "Task Reminders" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-muted-foreground", children: "Manage your digital colleague task reminders" })
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "p-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center justify-between mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h1", { className: "text-2xl font-bold text-foreground", children: "Task Reminders" }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-muted-foreground", children: "Manage your digital colleague task reminders" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
             Button,
             {
               className: "flex items-center space-x-2",
               onClick: () => setOpenAddReminderModal(true),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react27.Plus, { className: "h-4 w-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: "Add Reminder" })
+                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react28.Plus, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Add Reminder" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "grid grid-cols-5 gap-4 mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-2xl font-bold text-foreground", children: stats.total }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-sm text-muted-foreground", children: "Total" })
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "grid grid-cols-5 gap-4 mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-2xl font-bold text-foreground", children: stats.total }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-sm text-muted-foreground", children: "Total" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-2xl font-bold text-primary", children: stats.overdue }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-sm text-muted-foreground", children: "Pending" })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-2xl font-bold text-primary", children: stats.overdue }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-sm text-muted-foreground", children: "Pending" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-2xl font-bold text-success", children: stats.today }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-sm text-muted-foreground", children: "Completed" })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-2xl font-bold text-success", children: stats.today }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-sm text-muted-foreground", children: "Completed" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-2xl font-bold text-destructive", children: stats.overdue }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-sm text-muted-foreground", children: "Overdue" })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-2xl font-bold text-destructive", children: stats.overdue }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-sm text-muted-foreground", children: "Overdue" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-2xl font-bold text-warning", children: stats.today }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-sm text-muted-foreground", children: "Today" })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-2xl font-bold text-warning", children: stats.today }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-sm text-muted-foreground", children: "Today" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center space-x-4 mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-4 mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             Input,
             {
               placeholder: "Search reminders...",
@@ -11046,25 +11795,25 @@ var TasksView = ({
               className: "max-w-md"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Select, { value: filter, onValueChange: (value) => setFilter(value), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectValue, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(SelectContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(SelectItem, { value: "all", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Select, { value: filter, onValueChange: (value) => setFilter(value), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectValue, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(SelectItem, { value: "all", children: [
                 "All (",
                 stats.total,
                 ")"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(SelectItem, { value: "overdue", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(SelectItem, { value: "overdue", children: [
                 "Overdue (",
                 stats.overdue,
                 ")"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(SelectItem, { value: "overdue", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(SelectItem, { value: "overdue", children: [
                 "Overdue (",
                 stats.overdue,
                 ")"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(SelectItem, { value: "today", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(SelectItem, { value: "today", children: [
                 "Today (",
                 stats.today,
                 ")"
@@ -11072,11 +11821,11 @@ var TasksView = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "space-y-4", children: sortedReminders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Card, { className: "p-8 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-muted-foreground", children: searchTerm || filter !== "all" ? "No reminders match your filters" : "No reminders yet" }),
-          !searchTerm && filter === "all" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-sm text-muted-foreground/60 mt-2", children: "Create your first reminder to get started" })
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "space-y-4", children: sortedReminders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Card, { className: "p-8 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "text-muted-foreground", children: searchTerm || filter !== "all" ? "No reminders match your filters" : "No reminders yet" }),
+          !searchTerm && filter === "all" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-sm text-muted-foreground/60 mt-2", children: "Create your first reminder to get started" })
         ] }) : sortedReminders.map(
-          (reminder) => reminder && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          (reminder) => reminder && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             ReminderCard,
             {
               reminder,
@@ -11093,10 +11842,10 @@ var TasksView = ({
 };
 
 // src/components/Projects/FileView.tsx
-var import_react31 = require("react");
-var import_lucide_react28 = require("lucide-react");
-var import_react32 = require("motion/react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_react32 = require("react");
+var import_lucide_react29 = require("lucide-react");
+var import_react33 = require("motion/react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function FileView({
   initialFiles = [],
   onFileAdd,
@@ -11107,18 +11856,18 @@ function FileView({
   compactView = false,
   className
 }) {
-  const [files, setFiles] = (0, import_react31.useState)(initialFiles);
-  const [searchTerm, setSearchTerm] = (0, import_react31.useState)("");
-  const [appFilter, setAppFilter] = (0, import_react31.useState)("all");
-  const [activeTab, setActiveTab] = (0, import_react31.useState)("all");
-  const [isAddFileModalOpen, setIsAddFileModalOpen] = (0, import_react31.useState)(false);
-  const prevFilesHash = (0, import_react31.useRef)("");
+  const [files, setFiles] = (0, import_react32.useState)(initialFiles);
+  const [searchTerm, setSearchTerm] = (0, import_react32.useState)("");
+  const [appFilter, setAppFilter] = (0, import_react32.useState)("all");
+  const [activeTab, setActiveTab] = (0, import_react32.useState)("all");
+  const [isAddFileModalOpen, setIsAddFileModalOpen] = (0, import_react32.useState)(false);
+  const prevFilesHash = (0, import_react32.useRef)("");
   const getHash = (list) => {
     return list.map(
       (item) => `${item.id}-${new Date(item.createdAt).getTime()}-${new Date(item.updatedAt).getTime()}`
     ).join("-");
   };
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     const next = getHash(
       initialFiles.map((el) => ({
         ...el,
@@ -11155,16 +11904,16 @@ function FileView({
     setSearchTerm("");
     setAppFilter("all");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react32.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-      import_react32.motion.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react33.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      import_react33.motion.div,
       {
         initial: { opacity: 0, y: 10 },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -10 },
         transition: { duration: 0.2 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `space-y-6 ${className || ""}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: `space-y-6 ${className || ""}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             DashboardHero,
             {
               title: "Files",
@@ -11180,10 +11929,10 @@ function FileView({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col md:flex-row gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react28.Search, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-col md:flex-row gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react29.Search, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 Input,
                 {
                   placeholder: "Search files...",
@@ -11193,13 +11942,13 @@ function FileView({
                 }
               )
             ] }) }),
-            (searchTerm || appFilter !== "all") && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Button, { variant: "outline", onClick: clearFilters, className: "gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react28.Filter, { className: "h-4 w-4" }),
+            (searchTerm || appFilter !== "all") && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Button, { variant: "outline", onClick: clearFilters, className: "gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react29.Filter, { className: "h-4 w-4" }),
               "Clear"
             ] })
           ] }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               NavigationTabs,
               {
                 activeTab,
@@ -11213,7 +11962,7 @@ function FileView({
                 gridCols: 3
               }
             ),
-            activeTab === "all" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            activeTab === "all" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               FileList,
               {
                 files: filteredFiles,
@@ -11223,7 +11972,7 @@ function FileView({
                 showHeader: !compactView
               }
             ),
-            activeTab === "recent" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            activeTab === "recent" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               FileList,
               {
                 files: recentFiles,
@@ -11233,7 +11982,7 @@ function FileView({
                 showHeader: !compactView
               }
             ),
-            activeTab === "shared" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            activeTab === "shared" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               FileList,
               {
                 files: sharedFiles,
@@ -11244,12 +11993,12 @@ function FileView({
               }
             )
           ] }),
-          filteredFiles.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "text-center py-8", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react28.File, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h3", { className: "text-lg font-semibold mb-2", children: "No files found" }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-muted-foreground mb-4", children: searchTerm || appFilter !== "all" ? "Try adjusting your filters to see more results." : "Get started by uploading your first file." }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Button, { onClick: handleAddFile, className: "gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react28.Plus, { className: "h-4 w-4" }),
+          filteredFiles.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "text-center py-8", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react29.File, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h3", { className: "text-lg font-semibold mb-2", children: "No files found" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-muted-foreground mb-4", children: searchTerm || appFilter !== "all" ? "Try adjusting your filters to see more results." : "Get started by uploading your first file." }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Button, { onClick: handleAddFile, className: "gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react29.Plus, { className: "h-4 w-4" }),
               "Upload File"
             ] })
           ] }) }) })
@@ -11257,7 +12006,7 @@ function FileView({
       },
       "files-view"
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       AddFileModal,
       {
         isOpen: isAddFileModalOpen,
@@ -11270,7 +12019,7 @@ function FileView({
 
 // src/components/Projects/ProjectView.tsx
 var import_navigation = require("next/navigation");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function ProjectView({
   title = "",
   initialTasks = [],
@@ -11318,47 +12067,47 @@ function ProjectView({
   onCopilotClick,
   handleAddComment
 }) {
-  const [tasks, setTasks] = (0, import_react33.useState)(initialTasks);
-  const [epics, setEpics] = (0, import_react33.useState)(initialEpics);
-  const [sprints, setSprints] = (0, import_react33.useState)(initialSprints);
-  const [projects, setProjects] = (0, import_react33.useState)(initialProjects);
-  const [reminders, setReminders] = (0, import_react33.useState)(initialReminders);
-  const [colleagues, setColleagues] = (0, import_react33.useState)(initialColleagues);
-  const [users, setUsers] = (0, import_react33.useState)(initialUsers);
-  const [files, setFiles] = (0, import_react33.useState)(initialFiles);
-  const [isAddTaskModalOpen, setIsAddTaskModalOpen] = (0, import_react33.useState)(false);
-  const [isAddEpicModalOpen, setIsAddEpicModalOpen] = (0, import_react33.useState)(false);
-  const [selectedTask, setSelectedTask] = (0, import_react33.useState)(null);
-  const [selectedEpicForTask, setSelectedEpicForTask] = (0, import_react33.useState)(null);
-  const [draggedTask, setDraggedTask] = (0, import_react33.useState)(null);
-  const [currentView, setCurrentView] = (0, import_react33.useState)(initialView || "kanban");
-  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react33.useState)(false);
+  const [tasks, setTasks] = (0, import_react34.useState)(initialTasks);
+  const [epics, setEpics] = (0, import_react34.useState)(initialEpics);
+  const [sprints, setSprints] = (0, import_react34.useState)(initialSprints);
+  const [projects, setProjects] = (0, import_react34.useState)(initialProjects);
+  const [reminders, setReminders] = (0, import_react34.useState)(initialReminders);
+  const [colleagues, setColleagues] = (0, import_react34.useState)(initialColleagues);
+  const [users, setUsers] = (0, import_react34.useState)(initialUsers);
+  const [files, setFiles] = (0, import_react34.useState)(initialFiles);
+  const [isAddTaskModalOpen, setIsAddTaskModalOpen] = (0, import_react34.useState)(false);
+  const [isAddEpicModalOpen, setIsAddEpicModalOpen] = (0, import_react34.useState)(false);
+  const [selectedTask, setSelectedTask] = (0, import_react34.useState)(null);
+  const [selectedEpicForTask, setSelectedEpicForTask] = (0, import_react34.useState)(null);
+  const [draggedTask, setDraggedTask] = (0, import_react34.useState)(null);
+  const [currentView, setCurrentView] = (0, import_react34.useState)(initialView || "kanban");
+  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react34.useState)(false);
   const router = (0, import_navigation.useRouter)();
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setTasks(initialTasks);
   }, [initialTasks]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setSprints(initialSprints);
   }, [initialSprints]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setEpics(initialEpics);
   }, [initialEpics]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setProjects(initialProjects);
   }, [initialProjects]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setFiles(initialFiles);
   }, [initialFiles]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setUsers(initialUsers);
   }, [initialUsers]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setColleagues(initialColleagues);
   }, [initialColleagues]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setReminders(initialReminders);
   }, [initialReminders]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setCurrentView(initialView);
   }, [initialView]);
   const filteredTasks = tasks.filter((task) => {
@@ -11564,6 +12313,8 @@ function ProjectView({
         return "Documentation";
       case "epics":
         return "Epic Planning";
+      case "gantt":
+        return "Gantt Chart";
       default:
         return "Project Board";
     }
@@ -11579,8 +12330,8 @@ function ProjectView({
   const recentTeams = mockTeams.sort((a, b) => b.lastUsed.getTime() - a.lastUsed.getTime()).slice(0, 3);
   const hasMoreTeams = mockTeams.length > 3;
   const additionalTeams = mockTeams.slice(3);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(ManagementSidebar, { currentView, onViewChange: handleViewChange, children: [
-    currentView === "kanban" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "h-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(ManagementSidebar, { currentView, onViewChange: handleViewChange, children: [
+    currentView === "kanban" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "h-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       KanbanBoardView,
       {
         initialProjects: projects,
@@ -11597,7 +12348,7 @@ function ProjectView({
         onAddComment: handleAddComment
       }
     ) }),
-    currentView === "planning" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "hidden md:block h-full", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    currentView === "planning" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "hidden md:block h-full", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       PlanningView,
       {
         tasks,
@@ -11610,7 +12361,7 @@ function ProjectView({
         onDeleteSprint: handleDeleteSprint
       }
     ) }),
-    currentView === "tasks" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    currentView === "tasks" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       TasksView,
       {
         initialReminders: reminders,
@@ -11620,7 +12371,7 @@ function ProjectView({
         onDeleteReminder: handleDeleteReminder
       }
     ) }),
-    currentView === "files" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    currentView === "files" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       FileView,
       {
         initialFiles: files,
@@ -11631,7 +12382,7 @@ function ProjectView({
         compactView: false
       }
     ) }),
-    currentView === "epics" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    currentView === "epics" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       EpicsView,
       {
         tasks,
@@ -11645,7 +12396,17 @@ function ProjectView({
         onDeleteEpic: handleDeleteEpic
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    currentView === "gantt" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "hidden md:block h-full", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      GanttView,
+      {
+        tasks,
+        epics,
+        sprints,
+        onUpdateEpic: handleUpdateEpic,
+        onTaskClick: handleTaskClick
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       AddTaskModal,
       {
         isOpen: isAddTaskModalOpen,
@@ -11657,7 +12418,7 @@ function ProjectView({
         defaultEpicId: selectedEpicForTask || void 0
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       AddEpicModal,
       {
         isOpen: isAddEpicModalOpen,
@@ -11669,7 +12430,7 @@ function ProjectView({
 }
 
 // src/components/Projects/ProjectPage.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function ProjectPage({
   title = "",
   projects,
@@ -11705,8 +12466,8 @@ function ProjectPage({
   onTeamChange,
   onCopilotClick
 }) {
-  const [activeTab, setActiveTab] = (0, import_react34.useState)("projects");
-  const [currentBusinessUnit, setCurrentBusinessUnit] = (0, import_react34.useState)(businessUnits3[0]);
+  const [activeTab, setActiveTab] = (0, import_react35.useState)("projects");
+  const [currentBusinessUnit, setCurrentBusinessUnit] = (0, import_react35.useState)(businessUnits3[0]);
   const handleAppOpen = (app) => {
     console.log("Opening app:", app.name);
   };
@@ -11731,7 +12492,7 @@ function ProjectPage({
   const renderTabContent = () => {
     switch (activeTab) {
       case "projects":
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           ProjectView,
           {
             initialProjects: projects,
@@ -11763,8 +12524,8 @@ function ProjectPage({
         return null;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-    DigitalColleageusLayout,
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    FoundryLayout,
     {
       sidebarItems: mockSidebarItems,
       title,
@@ -11775,8 +12536,8 @@ function ProjectPage({
       activeTab,
       onTabChange: setActiveTab,
       showTabs: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react35.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-        import_react35.motion.div,
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react36.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        import_react36.motion.div,
         {
           initial: { opacity: 0, y: 10 },
           animate: { opacity: 1, y: 0 },