6e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 6f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 5f:["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}] 60:["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-dropdown-menu"}] 61:["$","li","@radix-ui/react-label",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-label","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-label"}]]}]}] 62:["$","li","@radix-ui/react-select",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-select","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-select"}]]}]}] 63:["$","li","@radix-ui/react-separator",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-separator","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-separator"}]]}]}] 64:["$","li","@radix-ui/react-slot",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-slot","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-slot"}]]}]}] 65:["$","li","@radix-ui/react-tabs",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-tabs","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-tabs"}]]}]}] 66:["$","li","@radix-ui/react-tooltip",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-tooltip","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-tooltip"}]]}]}] 67:["$","li","@tabler/icons-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tabler%2Ficons-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@tabler/icons-react"}]]}]}] 68:["$","li","class-variance-authority",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"class-variance-authority"}]]}]}] 69:["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}] 6a:["$","li","react-router-dom",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-router-dom","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"react-router-dom"}]]}]}] 6b:["$","li","recharts",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/recharts","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"recharts"}]]}]}] 6c:["$","$L6e",null,{"namespace":"@watermelon","registryDependencies":["avatar","badge","breadcrumb","button","card","chart","checkbox","collapsible","dialog","dropdown-menu","input","label","select","separator","sheet","sidebar","skeleton","table","tabs","tooltip","utils"]}] 70:T1e17,"use client" import { IconTournament, IconLayoutNavbar, IconHistory, IconFolder, IconPlus, IconSettings, IconClock, IconHourglass, } from "@tabler/icons-react" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { SidebarTrigger } from "@/components/ui/sidebar" import { KanbanColumn } from "./components/active-streams/kanban-column" import { detectedCards, acknowledgedCards, investigatingCards, resolvedCards } from "./components/active-streams/constants" export function ActiveStreamViews() { return (

{/* Header */}

Activity stream

Real-time system activity across teams

{/* Tab List */}

{[ { value: "flowView", label: "Flow view", icon: IconTournament }, { value: "capacityView", label: "Capacity view", icon: IconLayoutNavbar }, { value: "history", label: "History", icon: IconHistory }, { value: "actionLog", label: "Action log", icon: IconFolder }, ].map((tab) => ( {tab.label} ))}

{/* Filters */}

{[ { label: "Assigned unit", value: "unit", options: ["All Units", "Frontend Team", "Backend Team", "DevOps", "Security"] }, { label: "Service type", value: "service", options: ["All Services", "Authentication", "Database", "Payment Gateway", "API Gateway"] }, { label: "Resolution window", value: "resolution", options: ["Any Time", "< 1 Hour", "1-4 Hours", "4-24 Hours", "> 24 Hours"] }, { label: "Impact", value: "impact", options: ["All Levels", "Critical", "High", "Medium", "Low"] }, ].map((filter) => ( ))}

{/* Kanban Grid */}

) }71:T139b,import { IconTrolley, IconDatabase, IconApi, IconCreditCard, IconSettings, IconBolt, IconHourglass, IconBox } from "@tabler/icons-react" import type { StreamCardProps } from "./types" export const detectedCards: StreamCardProps[] = [ { id: "1", title: "Service Flow Interruption", code: "#OPS-129", avatar: "https://github.com/shadcn.png", logo: , logoBg: "bg-orange-500", details: { origin: "Customer Mobile App", priority: "High Impact", handler: "Platform operations", process: "Incident resolution", date: "Jan 24, 2026", }, tags: [ { label: "Time-Sensitive", icon: , color: "text-amber-600", bg: "bg-amber-50" }, { label: "Platform", icon: , color: "text-indigo-600", bg: "bg-indigo-50" }, { label: "Live", icon: , color: "text-orange-600", bg: "bg-orange-50" }, ], messages: 3, time: "22hr ago", }, { id: "2", title: "Database Downtime", code: "#OPS-130", avatar: "https://i.pravatar.cc/150?u=2", logo: , logoBg: "bg-blue-600", details: { origin: "User Management System", priority: "Moderate", handler: "IT Support", process: "Database recovery", date: "Jan 27, 2026", }, tags: [ { label: "Time-Sensitive", icon: , color: "text-amber-600", bg: "bg-amber-50" }, { label: "Platform", icon: , color: "text-indigo-600", bg: "bg-indigo-50" }, ], messages: 5, time: "5hr ago", }, ] export const acknowledgedCards: StreamCardProps[] = [ { id: "3", title: "API Rate Limiting", code: "#OPS-131", avatar: "https://i.pravatar.cc/150?u=3", logo: , logoBg: "bg-emerald-600", details: { origin: "Third-party Integration", priority: "Minor", handler: "Integration Team", process: "Throttling Policy", date: "Jan 26, 2026", }, tags: [ { label: "Time-Sensitive", icon: , color: "text-amber-600", bg: "bg-amber-50" }, { label: "Platform", icon: , color: "text-indigo-600", bg: "bg-indigo-50" }, ], messages: 1, time: "10hr ago", }, { id: "4", title: "Payment Processing Delay", code: "#OPS-132", avatar: "https://i.pravatar.cc/150?u=4", logo: , logoBg: "bg-purple-600", details: { origin: "E-commerce Portal", priority: "Critical", handler: "Finance Ops", process: "Payment Gateway", date: "Jan 28, 2026", }, tags: [ { label: "Platform", icon: , color: "text-indigo-600", bg: "bg-indigo-50" }, { label: "Live", icon: , color: "text-orange-600", bg: "bg-orange-50" }, ], messages: 2, time: "1hr ago", }, ] export const investigatingCards: StreamCardProps[] = [ { id: "5", title: "Worker Node Failure", code: "#OPS-133", avatar: "https://i.pravatar.cc/150?u=5", logo: , logoBg: "bg-rose-600", details: { origin: "Cluster Manager", priority: "High Impact", handler: "SRE Team", process: "Node Replacement", date: "Jan 28, 2026", }, tags: [ { label: "Time-Sensitive", icon: , color: "text-amber-600", bg: "bg-amber-50" }, { label: "Platform", icon: , color: "text-indigo-600", bg: "bg-indigo-50" }, ], messages: 4, time: "30m ago", } ] export const resolvedCards: StreamCardProps[] = [ { id: "6", title: "DNS Resolution Error", code: "#OPS-128", avatar: "https://i.pravatar.cc/150?u=6", logo: , logoBg: "bg-neutral-600", details: { origin: "Internal Network", priority: "Major", handler: "Networking Team", process: "DNS Cache Flush", date: "Jan 23, 2026", }, tags: [ { label: "Platform", icon: , color: "text-indigo-600", bg: "bg-indigo-50" }, ], messages: 12, time: "2d ago", } ] 72:T1855,"use client" import { IconPlus, IconDots } from "@tabler/icons-react" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from "@/components/ui/dialog" import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel } from "@/components/ui/dropdown-menu" import type { StreamCardProps } from "./types" import { StreamCard } from "./stream-card" export const KanbanColumn = ({ title, count, cards, icon: Icon }: { title: string count: number cards: StreamCardProps[] // eslint-disable-next-line @typescript-eslint/no-explicit-any icon: any }) => (

{title}

{count}

Column Actions Edit Column Sort Items Clear All

{cards.map((card) => ( ))}

) 73:T1593,"use client" import { IconUser, IconFlag, IconAlertTriangle, IconTool, IconSettings, IconCalendar, IconMessage, IconClock } from "@tabler/icons-react" import { Card, CardContent, CardFooter, CardHeader } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { cn } from "@/lib/utils" import type { StreamCardProps } from "./types" const getDarkBadgeStyles = (bg: string) => { const colorMap: Record = { amber: "dark:bg-amber-900/10 dark:text-amber-500", indigo: "dark:bg-indigo-900/10 dark:text-indigo-500", orange: "dark:bg-orange-900/10 dark:text-orange-500", emerald: "dark:bg-emerald-900/10 dark:text-emerald-500", rose: "dark:bg-rose-900/10 dark:text-rose-500", blue: "dark:bg-blue-900/10 dark:text-blue-500", purple: "dark:bg-purple-900/10 dark:text-purple-500", }; const colorName = Object.keys(colorMap).find((c) => bg.includes(c)); return colorName ? colorMap[colorName] : "dark:bg-neutral-800 dark:text-neutral-300"; }; export const StreamCard = ({ card }: { card: StreamCardProps }) => (

{card.logo}

{card.title}

{card.code}

{[ { label: "Origin", value: card.details.origin, icon: }, { label: "Priority", value: card.details.priority, icon: }, { label: "Handler", value: card.details.handler, icon: }, { label: "Process", value: card.details.process, icon: }, { label: "Date", value: card.details.date, icon: }, ].map((detail) => (

{detail.icon} {detail.label}

{detail.value}

))}

{card.tags.map((tag, i) => ( {tag.icon} {tag.label} ))}

{card.messages}

{card.time}

) 74:T3aa7,"use client" import * as React from "react" import { Activity, Bot, Users, Network, Cpu, Zap, CalendarClock, ListOrdered, LineChart, AlertOctagon, GitPullRequestArrow, Grid3x3, Settings, HelpCircle, ChevronRight, ChevronsUpDown, ChevronDown } from "lucide-react" import { useLocation } from "react-router-dom" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { DropdownMenu, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarRail, SidebarTrigger, } from "@/components/ui/sidebar" import { SearchForm } from "./search-form" import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/components/ui/collapsible" const data = { user: { name: "Stephen S.", email: "stephen@srotimi.design", avatar: "/avatars/stephen.jpg", }, navMain: [ { title: "Activity stream", url: "/active-streams", icon: Activity, isActive: true, }, { title: "Live operations", url: "#", icon: Bot, isDisabled: true, }, { title: "Participants", url: "#", icon: Users, isDisabled: true, }, { title: "System logic", url: "#", icon: Network, isDisabled: true, items: [ { title: "Rules engine", url: "#", icon: Cpu, isDisabled: true, }, { title: "Triggers", url: "#", icon: Zap, isDisabled: true, }, { title: "Schedules", url: "#", icon: CalendarClock, isDisabled: true, }, ], }, { title: "Action queue", url: "#", icon: ListOrdered, isDisabled: true, }, { title: "Insights", url: "#", icon: LineChart, isDisabled: true, }, ], pinnedMonitors: [ { title: "SLA breaches", url: "#", icon: AlertOctagon, isDisabled: true, }, { title: "Escalated requests", url: "#", icon: GitPullRequestArrow, isDisabled: true, }, { title: "High load zones", url: "#", icon: Grid3x3, isDisabled: true, }, ], operatorConsole: [ { title: "Settings", url: "#", icon: Settings, isDisabled: true, }, { title: "Help Center", url: "#", icon: HelpCircle, isDisabled: true, }, ], } interface AppSidebarProps extends React.ComponentProps { onNavigate?: (view: string) => void; currentView?: string; } export function AppSidebar({ onNavigate, currentView, ...props }: AppSidebarProps) { const [openPinned, setOpenPinned] = React.useState(true) const [openOperator, setOpenOperator] = React.useState(true) const location = useLocation() const pathname = location.pathname return (

OceanLabs

{data.navMain.map((item) => ( {item.items ? ( <> {item.icon && } {item.title} {item.items?.map((subItem) => ( subItem.isDisabled && e.preventDefault()}> {subItem.icon && } {subItem.title} ))} ) : ( { if (item.isDisabled) { e.preventDefault() return } if (item.title === "Activity stream" && onNavigate) { e.preventDefault() onNavigate("Activity Stream") } }} > {item.icon && } {item.title} )} ))}

Pinned monitors

{data.pinnedMonitors.map((item) => ( item.isDisabled && e.preventDefault()}> {item.title} ))}

Operator console

{data.operatorConsole.map((item) => ( item.isDisabled && e.preventDefault()}> {item.title} ))} SS

{data.user.name} {data.user.email}

) } 75:T6fb,import { CommandIcon, Search } from "lucide-react" import { Label } from "@/components/ui/label" import { SidebarGroup, SidebarGroupContent, SidebarInput, } from "@/components/ui/sidebar" export function SearchForm({ ...props }: React.ComponentProps<"form">) { return ( ) } 6d:["$","$L6f",null,{"files":[{"path":"src/components/dashboards/incident-management/activeStreamViews.tsx","content":"$70","type":"registry:component","target":"components/watermelon/incident-management/activeStreamViews.tsx"},{"path":"src/components/dashboards/incident-management/components/active-streams/constants.tsx","content":"$71","type":"registry:component","target":"components/watermelon/incident-management/components/active-streams/constants.tsx"},{"path":"src/components/dashboards/incident-management/components/active-streams/kanban-column.tsx","content":"$72","type":"registry:component","target":"components/watermelon/incident-management/components/active-streams/kanban-column.tsx"},{"path":"src/components/dashboards/incident-management/components/active-streams/stream-card.tsx","content":"$73","type":"registry:component","target":"components/watermelon/incident-management/components/active-streams/stream-card.tsx"},{"path":"src/components/dashboards/incident-management/components/active-streams/types.ts","content":"export interface StreamCardProps {\n id: string\n title: string\n code: string\n avatar: string\n logo: React.ReactNode\n logoBg: string\n details: {\n origin: string\n priority: string\n handler: string\n process: string\n date: string\n }\n tags: { label: string; icon: React.ReactNode; color: string; bg: string }[]\n messages: number\n time: string\n} \n","type":"registry:component","target":"components/watermelon/incident-management/components/active-streams/types.ts"},{"path":"src/components/dashboards/incident-management/components/app-sidebar.tsx","content":"$74","type":"registry:component","target":"components/watermelon/incident-management/components/app-sidebar.tsx"},{"path":"src/components/dashboards/incident-management/components/search-form.tsx","content":"$75","type":"registry:component","target":"components/watermelon/incident-management/components/search-form.tsx"},{"path":"src/components/dashboards/incident-management/dashboardLayout.tsx","content":"import { AppSidebar } from \"./components/app-sidebar\"\nimport {\n SidebarInset,\n SidebarProvider,\n} from \"@/components/ui/sidebar\"\n\n\nexport const DashboardLayout = ({ children, onNavigate, currentView }: { children: React.ReactNode; onNavigate?: (view: string) => void; currentView?: string }) => {\n return (\n \n \n \n {children}\n \n \n )\n}","type":"registry:component","target":"components/watermelon/incident-management/dashboardLayout.tsx"},{"path":"src/components/dashboards/incident-management/demo.tsx","content":"import { useState } from 'react'\nimport { DashboardLayout } from './dashboardLayout'\nimport { ActiveStreamViews } from './activeStreamViews'\n\nexport default function IncidentManagementDashboardDemo() {\n const [currentView, setCurrentView] = useState(\"Activity Stream\");\n\n const renderContent = () => {\n switch (currentView) {\n case \"Activity Stream\":\n return ;\n default:\n return ;\n }\n };\n\n return (\n \n {renderContent()}\n \n )\n}\n","type":"registry:component","target":"components/watermelon/incident-management/demo.tsx"}],"className":"h-[70svh] min-h-80"}]