-
- )
-}
-
-// ── Sidebar News ──
-
-export function SidebarNews({ articles }: { articles: NewsArticle[] }) {
- const [dismissedIds, setDismissedIds] = useState
-
-
-
- {title}
-
-
- - {summary} -
-
- {image && (
- 
- )}
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/app-shell-7/components/sidebar-rail-toggle.tsx b/apps/web/src/components/blocks/app-shell-7/components/sidebar-rail-toggle.tsx
deleted file mode 100644
index 416f8dd..0000000
--- a/apps/web/src/components/blocks/app-shell-7/components/sidebar-rail-toggle.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-"use client"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import { useSidebar } from "@evobgp/ui/components/sidebar"
-
-export function SidebarRailToggle() {
- const { state, toggleSidebar } = useSidebar()
- const isExpanded = state === "expanded"
-
- return (
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/app-shell-7/components/system-stats.tsx b/apps/web/src/components/blocks/app-shell-7/components/system-stats.tsx
deleted file mode 100644
index b9ccb3b..0000000
--- a/apps/web/src/components/blocks/app-shell-7/components/system-stats.tsx
+++ /dev/null
@@ -1,441 +0,0 @@
-import {
- useCallback,
- useEffect,
- useId,
- useRef,
- useState,
- type CSSProperties,
-} from "react"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import { Badge } from "@evobgp/ui/components/badge"
-import { Item, ItemMedia } from "@evobgp/ui/components/item"
-import {
- Popover,
- PopoverContent,
- PopoverTrigger,
-} from "@evobgp/ui/components/popover"
-import { Progress } from "@evobgp/ui/components/progress"
-import {
- AGENTS,
- RESOURCE_METRICS,
- type Agent,
- type ResourceMetric,
-} from "./data"
-import { ActivityIcon, ChevronRightIcon } from "lucide-react"
-
-const HISTORY_LENGTH = 20
-const UPDATE_INTERVAL_MS = 1000
-const SPIKE_COLOR = "var(--color-red-500)"
-const STATS_RANDOM_SEED = 1337
-const DEMO_REFERENCE_DATE = new Date("2026-06-12T09:24:00")
-
-const TIME_FORMATTER = new Intl.DateTimeFormat("en-US", {
- hour: "2-digit",
- minute: "2-digit",
- second: "2-digit",
-})
-
-// Seeded PRNG (mulberry32) keeps the demo metrics deterministic across
-// renders and reloads while preserving the organic feel of live jitter.
-function createSeededRandom(seed: number) {
- let state = seed
-
- return function nextRandom() {
- state = (state + 0x6d2b79f5) | 0
- let t = Math.imul(state ^ (state >>> 15), state | 1)
- t = (t + Math.imul(t ^ (t >>> 7), t | 61)) ^ t
- return ((t ^ (t >>> 14)) >>> 0) / 4294967296
- }
-}
-
-const nextRandom = createSeededRandom(STATS_RANDOM_SEED)
-
-function randomInRange(min: number, max: number) {
- return Math.round((min + nextRandom() * (max - min)) * 10) / 10
-}
-
-function seedHistory(min: number, max: number): number[] {
- return Array.from({ length: HISTORY_LENGTH }, () => randomInRange(min, max))
-}
-
-function smoothPath(pts: { x: number; y: number }[]): string {
- if (pts.length === 0) return ""
- if (pts.length === 1) return `M ${pts[0].x} ${pts[0].y}`
- let d = `M ${pts[0].x} ${pts[0].y}`
- for (let i = 1; i < pts.length; i++) {
- const prev = pts[i - 1]
- const curr = pts[i]
- const cx = (prev.x + curr.x) / 2
- d += ` C ${cx} ${prev.y}, ${cx} ${curr.y}, ${curr.x} ${curr.y}`
- }
- return d
-}
-
-// ── Sparkline Area (full-width responsive) ──
-
-function SparklineArea({
- data,
- max,
- color,
- spikeThreshold,
- height = 36,
-}: {
- data: number[]
- max: number
- color: string
- spikeThreshold: number
- height?: number
-}) {
- const gradientId = useId()
- const W = 100
- const H = height
- const currentValue = data[data.length - 1] ?? 0
- const hasSpike = currentValue > spikeThreshold
- const activeColor = hasSpike ? SPIKE_COLOR : color
-
- const pts = data.map((value, i) => ({
- x: data.length < 2 ? 0 : (i / (data.length - 1)) * W,
- y: H - (Math.min(value, max) / max) * (H - 2),
- }))
-
- const linePath = smoothPath(pts)
- const areaPath = pts.length > 1 ? `${linePath} L ${W} ${H} L 0 ${H} Z` : ""
-
- return (
-
- )
-}
-
-// ── Mini Sparkline (for agent rows) ──
-
-function MiniSparkline({ data, color }: { data: number[]; color: string }) {
- const gradientId = useId()
- const W = 40
- const H = 14
- const dataMax = Math.max(...data, 1)
-
- const pts = data.map((value, i) => ({
- x: data.length < 2 ? 0 : (i / (data.length - 1)) * W,
- y: H - (value / dataMax) * (H - 1),
- }))
-
- const linePath = smoothPath(pts)
- const areaPath = pts.length > 1 ? `${linePath} L ${W} ${H} L 0 ${H} Z` : ""
-
- return (
-
- )
-}
-
-// ── Resource Card (grid cell) ──
-
-function ResourceCard({
- metric,
- history,
-}: {
- metric: ResourceMetric
- history: number[]
-}) {
- const current = history[history.length - 1] ?? 0
- const max = metric.id === "memory" ? 16 : 100
- const isHigh = current > metric.spikeThreshold
-
- return (
-
- {cards.toReversed().map(({ href, title, summary, image }, idx) => (
-
- 3
- ? [
- "opacity-0 sm:group-hover:translate-y-(--y) sm:group-hover:opacity-(--opacity)",
- "sm:group-has-[*[data-dragging=true]]:translate-y-(--y) sm:group-has-[*[data-dragging=true]]:opacity-(--opacity)",
- ]
- : "translate-y-(--y) opacity-(--opacity)"
- )}
- style={
- {
- "--y": `-${(cardCount - (idx + 1)) * OFFSET_FACTOR}%`,
- "--scale": 1 - (cardCount - (idx + 1)) * SCALE_FACTOR,
- "--opacity":
- cardCount - (idx + 1) >= 6
- ? 0
- : 1 - (cardCount - (idx + 1)) * OPACITY_FACTOR,
- } as CSSProperties
- }
- aria-hidden={idx !== cardCount - 1}
- {...(idx !== cardCount - 1 ? { inert: true } : {})}
- >
- 2}
- active={idx === cardCount - 1}
- onDismiss={() =>
- setDismissedIds([href, ...dismissedIds.slice(0, 50)])
- }
- />
-
- ))}
-
- {/* Invisible spacer to hold layout height */}
-
-
- {/* All-caught-up state */}
- {showCompleted && !cardCount && (
-
-
- You're all caught up!
-
-
- )}
-
-
- )
-}
-
-// ── Agent Memory Row ──
-
-type AgentWithHistory = Agent & { history: number[] }
-
-function AgentMemoryRow({ agent }: { agent: AgentWithHistory }) {
- const barPercent = Math.min(100, (agent.memoryMb / 512) * 100)
-
- return (
-
-
-
- -
-
- {metric.icon}
-
-
-
- {metric.label}
-
-
-
- {current}
-
- {metric.unit}
-
-
-
-
-
- {agent.name}
-
-
-
- {agent.memoryMb}MB
-
-
- )
-}
-
-// ── Status Badge ──
-
-function StatusBadge({ spiking }: { spiking: boolean }) {
- return (
-
-
- System Monitor
-
-
- {TIME_FORMATTER.format(now)}
-
-
-
- {/* 2×2 Resource Grid */}
-
- {RESOURCE_METRICS.map((metric, i) => (
-
-
- {/* Per-Agent Memory */}
- = 2 && "border-border border-t"
- )}
- >
-
- ))}
-
-
-
- {showAgents && (
-
-
- {agentData.map((agent) => (
-
- )}
-
- {CARDS.map((card) => (
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/card-17/components/card-item.tsx b/apps/web/src/components/blocks/card-17/components/card-item.tsx
deleted file mode 100644
index 01fe6f1..0000000
--- a/apps/web/src/components/blocks/card-17/components/card-item.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { FramePanel } from "@/components/reui/frame"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import { Item, ItemMedia } from "@evobgp/ui/components/item"
-import { CardDotField } from "./card-dot-field"
-import { ICard } from "./data"
-import { ChevronRightIcon } from "lucide-react"
-
-export function CardItem({ card }: { card: ICard }) {
- return (
-
- -
-
- {card.icon}
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/card-18/components/card-grid.tsx b/apps/web/src/components/blocks/card-18/components/card-grid.tsx
deleted file mode 100644
index 27705fe..0000000
--- a/apps/web/src/components/blocks/card-18/components/card-grid.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CardItem } from "./card-item"
-import { CARDS } from "./data"
-
-export function CardGrid() {
- return (
-
- {/* Grid */}
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/card-18/components/card-item.tsx b/apps/web/src/components/blocks/card-18/components/card-item.tsx
deleted file mode 100644
index bc83bf4..0000000
--- a/apps/web/src/components/blocks/card-18/components/card-item.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import {
- Frame,
- FrameHeader,
- FramePanel,
-} from "@/components/reui/frame"
-import { ICard } from "./data"
-import { LinkIcon } from "lucide-react"
-
-export function CardItem({ card }: { card: ICard }) {
- return (
-
- {/* Header */}
-
- {CARDS.map((card) => (
-
-
- {card.icon}
-
- {card.label}
-
-
- {card.description}
- - - {card.link} - -
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/chart-12/components/chart.tsx b/apps/web/src/components/blocks/chart-12/components/chart.tsx
deleted file mode 100644
index 6ded4f5..0000000
--- a/apps/web/src/components/blocks/chart-12/components/chart.tsx
+++ /dev/null
@@ -1,240 +0,0 @@
-"use client"
-
-import { useState, type CSSProperties } from "react"
-import { Cell, Pie, PieChart } from "recharts"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import { Button } from "@evobgp/ui/components/button"
-import {
- Card,
- CardAction,
- CardContent,
- CardHeader,
- CardTitle,
-} from "@evobgp/ui/components/card"
-import {
- ChartContainer,
- ChartTooltip,
- ChartTooltipContent,
-} from "@evobgp/ui/components/chart"
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuGroup,
- DropdownMenuItem,
- DropdownMenuTrigger,
-} from "@evobgp/ui/components/dropdown-menu"
-import { Item, ItemMedia } from "@evobgp/ui/components/item"
-import { Separator } from "@evobgp/ui/components/separator"
-import {
- chartConfig,
- inflowRanges,
- rangeOptions,
- type InflowSource,
- type RangeKey,
-} from "./data"
-import { ChevronDownIcon } from "lucide-react"
-
-function GaugeGrid() {
- const gridPattern =
- "[background-image:linear-gradient(to_right,var(--border)_1px,transparent_1px),linear-gradient(to_bottom,var(--border)_1px,transparent_1px)] [background-size:8px_8px]"
-
- return (
-
- )
-}
-
-function RangeMenu({
- selectedRange,
- onSelectRange,
-}: {
- selectedRange: RangeKey
- onSelectRange: (range: RangeKey) => void
-}) {
- return (
-
-
- )
-}
-
-export function Chart() {
- const [selectedRange, setSelectedRange] = useState
-
- {source.name}
- {source.value}
-
-
-
-
-
-
- (
- <>
- {name}
-
- $
- {Number(value).toLocaleString(undefined, {
- maximumFractionDigits: 1,
- })}
- M
-
-
- )}
- />
- }
- />
-
- {currentRange.sources.map((source) => (
- |
- ))}
-
-
-
-
-
-
- Capital In
- {currentRange.total}
-
-
-
-
- {currentRange.sources.map((source, index) => (
-
-
-
- ))}
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/chart-13/components/chart.tsx b/apps/web/src/components/blocks/chart-13/components/chart.tsx
deleted file mode 100644
index cd9f588..0000000
--- a/apps/web/src/components/blocks/chart-13/components/chart.tsx
+++ /dev/null
@@ -1,262 +0,0 @@
-import { Frame, FramePanel } from "@/components/reui/frame"
-import { Cell, Pie, PieChart } from "recharts"
-
-import { Button } from "@evobgp/ui/components/button"
-import {
- ChartContainer,
- ChartTooltip,
- ChartTooltipContent,
-} from "@evobgp/ui/components/chart"
-import { Separator } from "@evobgp/ui/components/separator"
-import {
- Tabs,
- TabsContent,
- TabsList,
- TabsTrigger,
-} from "@evobgp/ui/components/tabs"
-import {
- Tooltip,
- TooltipContent,
- TooltipProvider,
- TooltipTrigger,
-} from "@evobgp/ui/components/tooltip"
-import {
- chartConfig,
- inflowPeriods,
- type InflowFund,
- type InflowPeriod,
-} from "./data"
-import { InfoIcon } from "lucide-react"
-
-const CHART_REVEAL_STYLE = `
-@keyframes chart-13-reveal-up {
- from {
- clip-path: inset(100% 0 0 0);
- opacity: 0.75;
- }
- to {
- clip-path: inset(0 0 0 0);
- opacity: 1;
- }
-}
-
-.chart-13-reveal-up {
- animation: chart-13-reveal-up 680ms cubic-bezier(0.22, 1, 0.36, 1) both;
-}
-
-@media (prefers-reduced-motion: reduce) {
- .chart-13-reveal-up {
- animation: none;
- clip-path: none;
- opacity: 1;
- }
-}
-`
-
-type DonutSlice =
- | InflowFund
- | {
- key: "reserve"
- name: string
- amount: string
- share: number
- color: string
- fill: string
- }
-
-function getDonutData(period: InflowPeriod) {
- const trackedShare = period.funds.reduce(
- (total, fund) => total + fund.share,
- 0
- )
- const reserveShare = Math.max(100 - trackedShare, 0)
-
- return [
- ...period.funds,
- {
- key: "reserve",
- name: "Other Sources",
- amount: "",
- share: reserveShare,
- color: "var(--muted)",
- fill: "var(--color-reserve)",
- },
- ] satisfies DonutSlice[]
-}
-
-function ChartTooltipFormatter(item: unknown) {
- const fund = item as DonutSlice
- const value = fund.key === "reserve" ? `${fund.share}%` : fund.amount
-
- return (
-
-
- )
-}
-
-function InfoTooltip() {
- return (
-
-
- {fund.name}
-
- {value}
- Tracked capital committed during the selected period.
-
-
-
-
- ChartTooltipFormatter(item.payload)
- }
- />
- }
- />
-
- {chartData.map((item) => (
- |
- ))}
-
-
-
-
-
-
- )
-}
-
-function InflowLegend({ period }: { period: InflowPeriod }) {
- return (
- -
- {period.funds.map((fund, index) => (
-
-
- -- {index < period.funds.length - 1 ? ( -- - {fund.name} -- {fund.amount} - - {fund.share}% - -
- ) : null} -
- ))}
-
-
- )
-}
-
-export function Chart() {
- return (
-
-
- {inflowPeriods.map((period) => (
-
- {period.label}
-
- ))}
-
-
-
- {/* Content */}
- {inflowPeriods.map((period) => (
-
-
-
- Capital Inflows
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/chart-15/components/chart.tsx b/apps/web/src/components/blocks/chart-15/components/chart.tsx
deleted file mode 100644
index 904a633..0000000
--- a/apps/web/src/components/blocks/chart-15/components/chart.tsx
+++ /dev/null
@@ -1,154 +0,0 @@
-"use client"
-
-import { Frame, FramePanel } from "@/components/reui/frame"
-import { Area, AreaChart, ResponsiveContainer, Tooltip } from "recharts"
-import { activeUsersData, customersData, revenueData } from "./data"
-import { CircleDollarSignIcon, UserPlusIcon, TrendingUp } from "lucide-react"
-
-// ── Business metric cards ──
-
-const businessCards = [
- {
- title: "Revenue",
- period: "Last 28 days",
- value: "6.238$",
- timestamp: "",
- data: revenueData,
- color: "var(--color-emerald-500)",
- gradientId: "revenueGradient",
- icon: (
-
- ),
- },
- {
- title: "New Customers",
- period: "Last 28 days",
- value: "6.202",
- timestamp: "3h ago",
- data: customersData,
- color: "var(--color-blue-500)",
- gradientId: "customersGradient",
- icon: (
-
- ),
- },
- {
- title: "Active Users",
- period: "Last 28 days",
- value: "18.945",
- timestamp: "1h ago",
- data: activeUsersData,
- color: "var(--color-violet-500)",
- gradientId: "usersGradient",
- icon: (
-
- ),
- },
-]
-
-export function Chart() {
- return (
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/chart-15/components/data.tsx b/apps/web/src/components/blocks/chart-15/components/data.tsx
deleted file mode 100644
index fff475e..0000000
--- a/apps/web/src/components/blocks/chart-15/components/data.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { ReactNode } from "react"
-
-// ── Types ──
-
-export interface MetricCard {
- title: string
- period: string
- value: string
- timestamp: string
- data: { value: number }[]
- color: string
- icon: ReactNode
- gradientId: string
-}
-
-// ── Data ──
-
-export const revenueData = [
- { value: 1000 },
- { value: 4500 },
- { value: 2000 },
- { value: 5200 },
- { value: 1500 },
- { value: 6100 },
- { value: 3000 },
- { value: 6800 },
- { value: 2000 },
- { value: 1000 },
- { value: 4000 },
- { value: 2000 },
- { value: 3000 },
- { value: 2000 },
- { value: 6238 },
-]
-
-export const customersData = [
- { value: 2000 },
- { value: 4500 },
- { value: 2000 },
- { value: 5200 },
- { value: 1500 },
- { value: 5100 },
- { value: 2500 },
- { value: 6800 },
- { value: 1800 },
- { value: 1000 },
- { value: 3000 },
- { value: 2000 },
- { value: 2700 },
- { value: 2000 },
- { value: 4238 },
-]
-
-export const activeUsersData = [
- { value: 2000 },
- { value: 3500 },
- { value: 2000 },
- { value: 5200 },
- { value: 1200 },
- { value: 4100 },
- { value: 3500 },
- { value: 5800 },
- { value: 2000 },
- { value: 800 },
- { value: 3000 },
- { value: 1000 },
- { value: 4000 },
- { value: 2000 },
- { value: 4238 },
-]
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/chart-15/page.tsx b/apps/web/src/components/blocks/chart-15/page.tsx
deleted file mode 100644
index adfecfa..0000000
--- a/apps/web/src/components/blocks/chart-15/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Chart } from "./components/chart"
-
-export function Page() {
- return (
-
- {businessCards.map((card, i) => (
-
-
- {/* Header */}
-
-
- ))}
-
-
-
- {card.icon}
-
- {card.title}
-
-
- {/* Chart */}
-
- {/* Value */}
-
-
-
-
-
- {card.period}
-
-
- {card.value}
-
-
-
-
-
-
-
-
-
- {
- if (active && payload && payload.length) {
- const value = payload[0].value as number
- const formatValue = (val: number) => {
- if (card.title === "Revenue") {
- return `${(val / 1000).toFixed(1)}k US$`
- }
- return `${(val / 1000).toFixed(1)}k`
- }
- return (
-
-
-
-
-
- )
- }
- return null
- }}
- />
-
-
- - {formatValue(value)} -
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/chart-27/components/chart.tsx b/apps/web/src/components/blocks/chart-27/components/chart.tsx
deleted file mode 100644
index f1e07ea..0000000
--- a/apps/web/src/components/blocks/chart-27/components/chart.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-"use client"
-
-import { useMemo, useState } from "react"
-import { Badge } from "@/components/reui/badge"
-import { Frame, FramePanel } from "@/components/reui/frame"
-import { LabelList, Pie, PieChart } from "recharts"
-
-import { Button } from "@evobgp/ui/components/button"
-import { ChartContainer, ChartTooltip } from "@evobgp/ui/components/chart"
-import { Item, ItemMedia } from "@evobgp/ui/components/item"
-import { Tabs, TabsList, TabsTrigger } from "@evobgp/ui/components/tabs"
-import { browserData, chartConfig, PeriodKey, PERIODS } from "./data"
-import { TrendingUp, PieChartIcon, InfoIcon } from "lucide-react"
-
-// ── Custom tooltip ──
-
-const CustomTooltip = ({
- active,
- payload,
-}: {
- active?: boolean
- payload?: {
- name: string
- color: string
- value: number
- payload: { browser: string }
- }[]
-}) => {
- if (active && payload && payload.length) {
- return (
-
-
- )
- }
- return null
-}
-
-export function Chart() {
- const [selectedPeriod, setSelectedPeriod] = useState
- {payload[0].payload.browser}
-
-
-
-
-
-
- Visitors
-
-
-
- {payload[0].value.toLocaleString()}
-
-
-
-
-
-
-
- +5.2%
-
-
-
- Browser Usage
-
- setSelectedPeriod(value as PeriodKey)}
- className="w-full"
- >
-
- {Object.values(PERIODS).map((period) => (
-
- {period.label}
-
- ))}
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
- Total Visitors
-
-
- {totalVisitors.toLocaleString()}
-
-
-
-
-
-
- value >= 1000 ? `${(value / 1000).toFixed(1)}k` : value
- }
- />
-
-
-
-
-
-
-
- Visitor data based on unique browser signatures.
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-1/components/capacity-chart.tsx b/apps/web/src/components/blocks/dashboard-1/components/capacity-chart.tsx
deleted file mode 100644
index 5a350dd..0000000
--- a/apps/web/src/components/blocks/dashboard-1/components/capacity-chart.tsx
+++ /dev/null
@@ -1,416 +0,0 @@
-import { Frame, FramePanel } from "@/components/reui/frame"
-import { Cell, Pie, PieChart } from "recharts"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import {
- Avatar,
- AvatarFallback,
- AvatarGroup,
- AvatarImage,
-} from "@evobgp/ui/components/avatar"
-import { Button } from "@evobgp/ui/components/button"
-import {
- ChartContainer,
- ChartTooltip,
- ChartTooltipContent,
-} from "@evobgp/ui/components/chart"
-import { Separator } from "@evobgp/ui/components/separator"
-import {
- Tabs,
- TabsContent,
- TabsList,
- TabsTrigger,
-} from "@evobgp/ui/components/tabs"
-import {
- Tooltip,
- TooltipContent,
- TooltipProvider,
- TooltipTrigger,
-} from "@evobgp/ui/components/tooltip"
-import {
- allocationMemberCount,
- allocationMembers,
- allocationPeriods,
- inflowChartConfig,
- inflowPeriods,
- SEGMENT_COUNT,
- type AllocationPeriod,
- type InflowFund,
- type InflowPeriod,
-} from "./data"
-import { InfoIcon } from "lucide-react"
-
-const segments = Array.from({ length: SEGMENT_COUNT }, (_, index) => index)
-
-const CHART_REVEAL_STYLE = `
-@keyframes dashboard-1-flow-reveal-up {
- from {
- clip-path: inset(100% 0 0 0);
- opacity: 0.75;
- }
- to {
- clip-path: inset(0 0 0 0);
- opacity: 1;
- }
-}
-
-.dashboard-1-flow-reveal-up {
- animation: dashboard-1-flow-reveal-up 680ms cubic-bezier(0.22, 1, 0.36, 1) both;
-}
-
-@media (prefers-reduced-motion: reduce) {
- .dashboard-1-flow-reveal-up {
- animation: none;
- clip-path: none;
- opacity: 1;
- }
-}
-`
-
-function AllocationMeter({ period }: { period: AllocationPeriod }) {
- return (
-
- {segments.map((segment) => (
-
- ))}
-
- )
-}
-
-function MemberStack() {
- return (
-
-
- {allocationMembers.map((member) => (
-
- {member.avatar ? (
-
- {member.initials}
-
-
- ))}
-
-
- {allocationMemberCount} Members
-
-
- )
-}
-
-function AllocationChart() {
- return (
-
-
-
- {allocationPeriods.map((period) => (
-
- {period.label}
-
- ))}
-
-
-
- {allocationPeriods.map((period) => (
-
-
-
-
- Fulfillment capacity by selected period.
-
-
-
-
- Capacity Allocation
-
- {/* Metric */}
-
-
-
- {period.allocation}
-
-
- {period.delta}
-
-
- {period.comparison}
-
-
-
- {/* Chart */}
-
-
- - - Queued Orders: - {" "} - - {period.exposure} - -
-
-
- )
-}
-
-function InfoTooltip() {
- return (
-
-
- {fund.name}
-
- {value}
- Tracked decisions entering fulfillment lanes.
-
-
-
-
- ChartTooltipFormatter(item.payload)
- }
- />
- }
- />
-
- {chartData.map((item) => (
- |
- ))}
-
-
-
-
-
-
- )
-}
-
-function InflowLegend({ period }: { period: InflowPeriod }) {
- return (
- -
- {period.funds.map((fund, index) => (
-
-
- -- {index < period.funds.length - 1 ? ( -- - {fund.name} -- {fund.amount} - - {fund.share}% - -
- ) : null} -
- ))}
-
-
- )
-}
-
-function InflowChart() {
- return (
-
-
- {inflowPeriods.map((period) => (
-
- {period.label}
-
- ))}
-
-
-
- {/* Content */}
- {inflowPeriods.map((period) => (
-
-
-
- Decision Flow
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-1/components/chart-cards.tsx b/apps/web/src/components/blocks/dashboard-1/components/chart-cards.tsx
deleted file mode 100644
index 1ade245..0000000
--- a/apps/web/src/components/blocks/dashboard-1/components/chart-cards.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Frame, FramePanel } from "@/components/reui/frame"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import { Item, ItemMedia } from "@evobgp/ui/components/item"
-
-import { FULFILLMENT_CARDS, type FulfillmentCard } from "./data"
-
-function CardItem({ card }: { card: FulfillmentCard }) {
- return (
-
- -
-
- {card.icon}
-
-
-
-
-
- - {card.typeLabel} -
-{card.title}
-
-
- - {card.metricLabel} -
-
-
- {card.balance}
-
-
- {card.change.percent} ({card.change.amount})
-
-
-
- {FULFILLMENT_CARDS.map((card) => (
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-1/components/commander-card.tsx b/apps/web/src/components/blocks/dashboard-1/components/commander-card.tsx
deleted file mode 100644
index bcbd09f..0000000
--- a/apps/web/src/components/blocks/dashboard-1/components/commander-card.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import { Badge } from "@/components/reui/badge"
-import {
- Frame,
- FrameFooter,
- FramePanel,
-} from "@/components/reui/frame"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import { Button } from "@evobgp/ui/components/button"
-import { Progress } from "@evobgp/ui/components/progress"
-import {
- Select,
- SelectContent,
- SelectItem,
- SelectTrigger,
- SelectValue,
-} from "@evobgp/ui/components/select"
-import { Separator } from "@evobgp/ui/components/separator"
-import {
- PERFORMANCE_RANGE_OPTIONS,
- SHIFT_ACTIVITY,
- SHIFT_PERFORMANCE,
- SHIFT_PIPELINE_PROGRESS,
-} from "./data"
-import { TrendingUp, TrendingDown, CircleCheckIcon } from "lucide-react"
-
-export function InvestorCard() {
- return (
-
- {/* Content */}
-
-
-
-
-
- Shift Performance
-
-
-
-
-
-
- {SHIFT_PERFORMANCE.map((item) => (
-
-
-
-
- ))}
-
- {item.value}
-
-
- {item.label}
-
-
- {item.trend === "positive" ? (
-
- ) : (
-
- )}
- {item.delta}
-
-
-
-
-
-
- Pipeline Progress
-
-
- {SHIFT_PIPELINE_PROGRESS}%
-
-
-
-
-
-
- Recent Activity
-
- -
- {SHIFT_ACTIVITY.map((activity) => (
-
-
-
-
-
- {activity.title}
-
-
-
- {activity.status} - -
- ))}
-
-
-
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-1/components/data.tsx b/apps/web/src/components/blocks/dashboard-1/components/data.tsx
deleted file mode 100644
index 3ac5358..0000000
--- a/apps/web/src/components/blocks/dashboard-1/components/data.tsx
+++ /dev/null
@@ -1,676 +0,0 @@
-import { type ReactNode } from "react"
-import { type BadgeProps } from "@/components/reui/badge"
-
-import { type ChartConfig } from "@evobgp/ui/components/chart"
-import { PackageIcon, TruckIcon, TriangleAlertIcon, BotIcon } from "lucide-react"
-
-export type FulfillmentStatus = "On Time" | "At Risk" | "Delayed" | "Blocked"
-export type AutomationLevel = "Autopilot" | "Copilot" | "Manual"
-
-export interface TeamMember {
- name: string
- initials: string
- avatar: string
- role: string
-}
-
-export interface FulfillmentException {
- id: string
- reference: string
- customer: string
- email: string
- avatar: string
- initials: string
- lane: string
- facility: string
- stage: string
- promise: string
- slaMinutes: number
- automation: AutomationLevel
- owner: string
- units: number
- value: number
- risk: string
- status: FulfillmentStatus
-}
-
-export const STATUS_ORDER: FulfillmentStatus[] = [
- "On Time",
- "At Risk",
- "Delayed",
- "Blocked",
-]
-
-export const STATUS_BADGE_VARIANT: Record<
- FulfillmentStatus,
- BadgeProps["variant"]
-> = {
- "On Time": "success-outline",
- "At Risk": "warning-outline",
- Delayed: "info-outline",
- Blocked: "destructive-outline",
-}
-
-export const AUTOMATION_BADGE_VARIANT: Record<
- AutomationLevel,
- BadgeProps["variant"]
-> = {
- Autopilot: "success-light",
- Copilot: "info-light",
- Manual: "warning-light",
-}
-
-export const NAV_MEMBERS: TeamMember[] = [
- {
- name: "Maya Singh",
- initials: "MS",
- avatar:
- "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=96&h=96&dpr=2&q=80",
- role: "Fulfillment lead",
- },
- {
- name: "Leo Martins",
- initials: "LM",
- avatar:
- "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=96&h=96&dpr=2&q=80",
- role: "Automation owner",
- },
- {
- name: "Nora Albright",
- initials: "NA",
- avatar:
- "https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=96&h=96&dpr=2&q=80",
- role: "Capacity planner",
- },
-]
-
-export const TEAM_MEMBERS = NAV_MEMBERS.map((member) => ({
- src: member.avatar,
- initials: member.initials,
- name: member.name,
-}))
-
-export const TEAM_EXTRA_COUNT = 11
-
-export interface FulfillmentCardChange {
- positive: boolean
- percent: string
- amount: string
-}
-
-export interface FulfillmentCard {
- typeLabel: string
- title: string
- metricLabel: string
- balance: string
- change: FulfillmentCardChange
- icon: ReactNode
- iconBg: string
-}
-
-export const FULFILLMENT_CARDS: FulfillmentCard[] = [
- {
- typeLabel: "Outbound",
- title: "Orders Ready",
- metricLabel: "Ready Volume",
- balance: "18,420",
- change: {
- positive: true,
- percent: "+11.8%",
- amount: "1,946",
- },
- iconBg: "bg-neutral-950",
- icon: (
-
- ),
- },
- {
- typeLabel: "Promise",
- title: "Same-Day SLA",
- metricLabel: "Service Level",
- balance: "94.8%",
- change: {
- positive: true,
- percent: "+1.2 pts",
- amount: "shift",
- },
- iconBg: "bg-indigo-600",
- icon: (
-
- ),
- },
- {
- typeLabel: "Inventory",
- title: "Stock Risk",
- metricLabel: "Blocked SKUs",
- balance: "31",
- change: {
- positive: true,
- percent: "13 fewer",
- amount: "since 06:00",
- },
- iconBg: "bg-amber-400",
- icon: (
-
- ),
- },
- {
- typeLabel: "Policy",
- title: "AI Autopilot",
- metricLabel: "Auto Resolved",
- balance: "71.6%",
- change: {
- positive: true,
- percent: "+8.4 pts",
- amount: "policy",
- },
- iconBg: "bg-cyan-600",
- icon: (
-
- ),
- },
-]
-
-export type AllocationPeriod = {
- value: "week" | "month" | "year"
- label: string
- allocation: string
- delta: string
- comparison: string
- exposure: string
- filledSegments: number
-}
-
-export type AllocationMember = {
- name: string
- initials: string
- avatar?: string
-}
-
-export const SEGMENT_COUNT = 56
-export const allocationMemberCount = 6
-
-export const allocationPeriods: AllocationPeriod[] = [
- {
- value: "week",
- label: "Week",
- allocation: "86%",
- delta: "+5.8%",
- comparison: "vs labor plan",
- exposure: "3,840 orders",
- filledSegments: 48,
- },
- {
- value: "month",
- label: "Month",
- allocation: "79%",
- delta: "+2.4%",
- comparison: "vs prior month",
- exposure: "18 priority lanes",
- filledSegments: 44,
- },
- {
- value: "year",
- label: "Year",
- allocation: "74%",
- delta: "+9.2%",
- comparison: "automation lift",
- exposure: "6 facilities",
- filledSegments: 41,
- },
-]
-
-export const allocationMembers: AllocationMember[] = TEAM_MEMBERS.map(
- (member) => ({
- name: member.name,
- initials: member.initials,
- avatar: member.src,
- })
-)
-
-export type PerformanceTrend = "positive" | "negative"
-export type ActivityTone = "success" | "info" | "warning"
-
-export interface PerformanceMetric {
- label: string
- value: string
- trend: PerformanceTrend
- delta: string
-}
-
-export interface ShiftActivity {
- id: string
- title: string
- time: string
- status: string
- tone: ActivityTone
-}
-
-export const PERFORMANCE_RANGE_OPTIONS = [
- { label: "Today", value: "today" },
- { label: "Week", value: "week" },
- { label: "Month", value: "month" },
-]
-
-export const SHIFT_PERFORMANCE: PerformanceMetric[] = [
- {
- label: "Orders Cleared",
- value: "18.4k",
- trend: "positive",
- delta: "+11.8%",
- },
- {
- label: "SLA Recovery",
- value: "94.8%",
- trend: "positive",
- delta: "+1.2 pts",
- },
- {
- label: "Risk Exposure",
- value: "$128k",
- trend: "negative",
- delta: "-9.4%",
- },
-]
-
-export const SHIFT_PIPELINE_PROGRESS = 76
-
-export const SHIFT_ACTIVITY: ShiftActivity[] = [
- {
- id: "wave-release",
- title: "Released priority wave to dock B",
- time: "4 min ago",
- status: "Cleared",
- tone: "success",
- },
- {
- id: "carrier-reprice",
- title: "Carrier mix repriced for zone 6",
- time: "12 min ago",
- status: "Review",
- tone: "info",
- },
- {
- id: "inventory-hold",
- title: "Inventory hold isolated to 3 SKUs",
- time: "23 min ago",
- status: "Watch",
- tone: "warning",
- },
-]
-
-export type InflowFundKey = "autopilot" | "copilot" | "manual" | "reserve"
-
-export interface InflowFund {
- key: Exclude
-
-
-
-
-
- {order.reference}
-
-
- )
-})
-
-const CustomerCell = memo(function CustomerCell({
- row,
-}: {
- row: Row
- {order.facility}
-
-
-
- )
-})
-
-const StageCell = memo(function StageCell({
- row,
-}: {
- row: Row
-
- {order.initials}
-
-
-
-
-
- {order.customer}
-
-
-
- {order.email}
-
-
-
- )
-})
-
-const LaneCell = memo(function LaneCell({
- row,
-}: {
- row: Row
-
-
-
-
-
- {order.stage}
-
-
-
-
-
-
-
- {progress}%
-
-
-
-
- {order.lane}
-
-
- {order.facility}
-
-
- )
-})
-
-const ValueCell = memo(function ValueCell({
- row,
-}: {
- row: Row
-
- {currencyCompact.format(row.original.value)}
-
-
-
-
-
-
- )
-})
-
-function StateCell({ row }: { row: Row
- {valueHint}
-
- {numberCompact.format(row.original.units)} units
-
-
-
-
- )
-}
-
-function RiskCell({ row }: { row: Row
-
-
-
- Actions
-
- }
- />
-
-
-
- toast.success("Export ready", {
- description: "Exception queue export prepared.",
- })
- }
- >
-
- Export CSV
-
-
- toast.message("Queue refreshed", {
- description: "Live data would refresh through your API.",
- })
- }
- >
-
- Refresh
-
-
- toast.info("View settings", {
- description: "Column and density controls are available.",
- })
- }
- >
-
- View settings
-
-
-
-
-
- )
-}
-
-export function ExceptionGrid() {
- const [pagination, setPagination] = useState
-
-
-
-
- onSearchChange(event.target.value)}
- />
- {searchQuery.length > 0 && (
-
- onSearchChange("")}
- >
-
-
-
- )}
-
-
-
-
-
- Status
- {selectedStatuses.length > 0 && (
-
- {selectedStatuses.length}
-
- )}
-
- }
- />
-
-
- Filter by status
-
- {STATUS_ORDER.map((status) => (
-
-
-
- {hasActiveFilters && (
-
- )}
-
-
-
-
- onStatusChange(checked === true, status)
- }
- />
-
-
- ))}
-
- Exception Queue
-
- {filteredData.length} of {FULFILLMENT_ROWS.length} fulfillment
- records
-
-
-
-
-
-
-
-
-
-
- {REPORT_RANGE_PRESETS.map((preset) => {
- const selected = selectedPresetId === preset.id
-
- return (
-
- )
- })}
-
-
-
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-1/components/navbar-breadcrumb.tsx b/apps/web/src/components/blocks/dashboard-1/components/navbar-breadcrumb.tsx
deleted file mode 100644
index c69a80c..0000000
--- a/apps/web/src/components/blocks/dashboard-1/components/navbar-breadcrumb.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import {
- Breadcrumb,
- BreadcrumbItem,
- BreadcrumbLink,
- BreadcrumbList,
- BreadcrumbPage,
- BreadcrumbSeparator,
-} from "@evobgp/ui/components/breadcrumb"
-
-// Navbar breadcrumb
-
-export function NavbarBreadcrumb() {
- return (
-
-
- {TEAM_MEMBERS.map((member, index) => (
-
-
- {member.initials}
-
-
- ))}
-
- +{TEAM_EXTRA_COUNT}
-
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-1/components/navbar.tsx b/apps/web/src/components/blocks/dashboard-1/components/navbar.tsx
deleted file mode 100644
index e8d49ab..0000000
--- a/apps/web/src/components/blocks/dashboard-1/components/navbar.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { NavbarActions } from "./navbar-actions"
-import { NavbarBreadcrumb } from "./navbar-breadcrumb"
-
-// Navbar with breadcrumb and report range actions.
-
-export function Navbar() {
- return (
-
-
- Invite team member
- - setEmail(e.target.value)} - onKeyDown={(e) => e.key === "Enter" && handleInvite()} - /> - -
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-2/components/columns.tsx b/apps/web/src/components/blocks/dashboard-2/components/columns.tsx
deleted file mode 100644
index c75b6dd..0000000
--- a/apps/web/src/components/blocks/dashboard-2/components/columns.tsx
+++ /dev/null
@@ -1,338 +0,0 @@
-import { type ComponentProps } from "react"
-import { Badge } from "@/components/reui/badge"
-import { DataGridColumnHeader } from "@/components/reui/data-grid/data-grid-column-header"
-import { type ColumnDef } from "@tanstack/react-table"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import {
- Avatar,
- AvatarFallback,
- AvatarImage,
-} from "@evobgp/ui/components/avatar"
-import { Button } from "@evobgp/ui/components/button"
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuGroup,
- DropdownMenuItem,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@evobgp/ui/components/dropdown-menu"
-import { type ModuleRecord, type ModuleStatus } from "./data"
-import { CalendarDaysIcon, FileTextIcon, StarIcon, MoreHorizontalIcon, CopyIcon, ArchiveIcon } from "lucide-react"
-
-export type ModuleRowAction = "open" | "favorite" | "duplicate" | "archive"
-
-const moduleStatusVariant: Record<
- ModuleStatus,
- ComponentProps
- {businessCards.map((card) => (
-
-
- {/* Header */}
-
-
- ))}
-
- {card.title}
-
- {/* Chart */}
-
- {/* Value */}
-
-
-
-
-
- {card.period}
-
-
- {card.value}
-
-
-
-
-
-
-
-
-
- {
- if (active && payload && payload.length) {
- const value = payload[0].value as number
- return (
-
-
-
- {card.title}
-
-
- {card.formatValue(value)}
-
-
-
- )
- }
- return null
- }}
- />
-
-
-
-
-
-
-
- )
-}
-
-function ModuleNameCell({ module }: { module: ModuleRecord }) {
- return (
-
-
-
- {value}%
-
-
-
-
- {value}% ready
-
-
- {module.tasksCompleted}/{module.tasksTotal} tasks
-
-
-
-
- {module.name}
-
-
- )
-}
-
-function ModuleDateCell({ module }: { module: ModuleRecord }) {
- return (
-
- {module.kind}
-
- {module.owner.avatar ? (
-
- {module.owner.initials}
-
-
- {module.owner.name}
-
-
-
-
- {getCompactDateRange(module)}
-
-
-
- {getWindowDurationLabel(module)}
-
-
- )
-}
-
-function ModuleStatusCell({ module }: { module: ModuleRecord }) {
- return (
-
-
-
-
- event.stopPropagation()}
- />
- }
- >
-
-
-
-
- onAction("duplicate", module)}>
-
- Duplicate
-
- onAction("archive", module)}
- >
-
- Archive
-
-
-
-
-
- )
-}
-
-export function createModuleGridColumns({
- onAction,
-}: {
- onAction: (action: ModuleRowAction, module: ModuleRecord) => void
-}): ColumnDef
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-2/components/data-grid-view.tsx b/apps/web/src/components/blocks/dashboard-2/components/data-grid-view.tsx
deleted file mode 100644
index 68a4ddf..0000000
--- a/apps/web/src/components/blocks/dashboard-2/components/data-grid-view.tsx
+++ /dev/null
@@ -1,380 +0,0 @@
-import { useCallback, useMemo, useState } from "react"
-import { Badge } from "@/components/reui/badge"
-import { DataGrid } from "@/components/reui/data-grid/data-grid"
-import { DataGridPagination } from "@/components/reui/data-grid/data-grid-pagination"
-import { DataGridScrollArea } from "@/components/reui/data-grid/data-grid-scroll-area"
-import {
- DataGridTable,
- DataGridTableHeader,
-} from "@/components/reui/data-grid/data-grid-table"
-import {
- getCoreRowModel,
- getPaginationRowModel,
- getSortedRowModel,
- useReactTable,
- type PaginationState,
- type SortingState,
-} from "@tanstack/react-table"
-import { toast } from "sonner"
-
-import { Button } from "@evobgp/ui/components/button"
-import {
- DropdownMenu,
- DropdownMenuCheckboxItem,
- DropdownMenuContent,
- DropdownMenuGroup,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@evobgp/ui/components/dropdown-menu"
-import {
- InputGroup,
- InputGroupAddon,
- InputGroupButton,
- InputGroupInput,
-} from "@evobgp/ui/components/input-group"
-import { createModuleGridColumns, type ModuleRowAction } from "./columns"
-import {
- MODULE_RECORDS,
- MODULE_STATUS_OPTIONS,
- type ModuleRecord,
- type ModuleStatus,
-} from "./data"
-import { CircleCheckIcon, FlagIcon, ChevronRightIcon, PackageIcon, SearchIcon, XIcon, ArrowUpDownIcon, ChevronDownIcon, FilterIcon } from "lucide-react"
-
-type ModuleSort = "name" | "dateStart" | "progress" | "status"
-
-const sortLabels: Record- ReUI Operations Dashboard -
- - {/* Metric Charts */} -
-
-
- ) : (
- <>
-
-
-
-
-
-
- {filteredModules.length > 0 ? (
-
-
- ReUI
-
-
-
-
- - Modules -
-
-
-
-
-
- handleSearchChange(event.target.value)}
- placeholder="Search..."
- aria-label="Search modules"
- />
- {searchQuery.length > 0 ? (
-
- handleSearchChange("")}
- >
-
-
-
- ) : null}
-
-
-
-
-
- {sortLabels[sortBy]}
-
-
- }
- />
-
-
- {(["name", "dateStart", "progress", "status"] as const).map(
- (value) => (
- handleSortChange(value)}
- >
- {sortLabels[value]}
-
- )
- )}
-
-
-
-
-
-
-
- Filters
- {activeFilterCount > 0 ? (
-
- {activeFilterCount}
-
- ) : null}
-
- }
- />
-
-
- Status
- {MODULE_STATUS_OPTIONS.map((status) => (
-
- handleStatusToggle(status, checked === true)
- }
- >
- {status}
-
- ))}
-
- {activeFilterCount > 0 ? (
- <>
- {
- setSelectedStatuses([])
- resetPagination()
- }}
- >
- Reset filters
-
-
- ) : null}
-
-
-
-
-
-
- {EMPTY_MODULE_MESSAGE}
-
-
- )}
-
-
- {filteredModules.length > 0 ? (
-
- - 0 modules -
- )} -
-
-
-
-
-
-
-
- Copy link
-
-
-
-
- Share
-
-
-
-
- Export
-
-
-
-
- Settings
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-2/components/navbar-breadcrumb.tsx b/apps/web/src/components/blocks/dashboard-2/components/navbar-breadcrumb.tsx
deleted file mode 100644
index 4732fbb..0000000
--- a/apps/web/src/components/blocks/dashboard-2/components/navbar-breadcrumb.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import {
- Breadcrumb,
- BreadcrumbItem,
- BreadcrumbLink,
- BreadcrumbList,
- BreadcrumbSeparator,
-} from "@evobgp/ui/components/breadcrumb"
-import { HouseIcon, LayoutDashboardIcon } from "lucide-react"
-
-// Navbar breadcrumb
-
-export function NavbarBreadcrumb() {
- return (
-
- {/* List */}
-
- {TEAM_MEMBERS.map((member, index) => (
-
-
- {member.initials}
-
-
- ))}
- +{TEAM_EXTRA_COUNT}
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-2/components/navbar.tsx b/apps/web/src/components/blocks/dashboard-2/components/navbar.tsx
deleted file mode 100644
index 065fb68..0000000
--- a/apps/web/src/components/blocks/dashboard-2/components/navbar.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { NavbarActions } from "./navbar-actions"
-import { NavbarBreadcrumb } from "./navbar-breadcrumb"
-import { NavbarPresence } from "./navbar-presence"
-
-// Navbar with breadcrumb, team presence, and actions
-
-export function Navbar() {
- return (
-
-
- Invite team member
- - setEmail(e.target.value)} - onKeyDown={(e) => e.key === "Enter" && handleInvite()} - /> - -
-
-
- {label}
-
-
- {payload.map((item, index) => (
-
-
-
-
-
- {String(item.name)}
-
-
-
- {Number(item.value ?? 0).toLocaleString()}
-
-
- ))}
-
-
-
-
-
- Cluster Load
-
-
-
- Normal
-
-
-
- Warm
-
-
-
- Critical
-
-
-
- {clusterLoadSummary.details.map((detail) => (
-
-
- {detail.value}
-
- {detail.label}
-
- ))}
-
-
-
-
- (
-
- {loadDistribution.map((entry) => (
- |
- ))}
-
-
-
-
-
- {activeThreats.map((threat) => {
- const tone = toneStyles[threat.tone]
-
- return (
-
-
-
- )
- })}
-
-
-
-
-
-
-
- [{threat.id}] {threat.label}
-
-
-
- {threat.source}
-
- {threat.state}
-
-
- {threat.value.toLocaleString()}
-
-
-
-
-
-
-
- {threat.progress}%
-
-
-
- {metric.title}
-
-
- {metric.label}
-
-
-
-
-
-
-
-
- {metric.value}
-
-
-
- {metric.delta}
-
-
- {metric.detail}
-
-
-
-
-
-
-
- {REPORT_RANGE_PRESETS.map((preset) => {
- const selected = selectedPresetId === preset.id
-
- return (
-
- )
- })}
-
-
-
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-5/components/navbar-breadcrumb.tsx b/apps/web/src/components/blocks/dashboard-5/components/navbar-breadcrumb.tsx
deleted file mode 100644
index eac5435..0000000
--- a/apps/web/src/components/blocks/dashboard-5/components/navbar-breadcrumb.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import {
- Breadcrumb,
- BreadcrumbItem,
- BreadcrumbLink,
- BreadcrumbList,
- BreadcrumbPage,
- BreadcrumbSeparator,
-} from "@evobgp/ui/components/breadcrumb"
-
-export function NavbarBreadcrumb() {
- return (
-
-
- )
-}
-
-function CrosshatchPattern({
- config,
- idPrefix,
-}: {
- config: ChartConfig
- idPrefix: string
-}) {
- const entries = Object.entries(config).filter(([, value]) => value.color)
-
- return (
- <>
- {entries.map(([key, { color }]) => (
-
-
-
- {getChartLabel(config, name)}
-
-
-
- {Number(value ?? 0).toLocaleString()}
-
-
-
-
-
-
-
- Blocked
-
-
-
- Watched
-
-
-
- {value}
-
- )}
- formatter={(value, name) =>
- formatTooltipItem(threatChartConfig, value, name)
- }
- />
- }
- />
-
-
- {networkFlowSummary.change}
-
-
-
-
-
- {value} {networkFlowSummary.year}
-
-
- )}
- formatter={(value, name) =>
- formatTooltipItem(flowChartConfig, value, name)
- }
- />
- }
- />
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-5/components/security-dashboard.tsx b/apps/web/src/components/blocks/dashboard-5/components/security-dashboard.tsx
deleted file mode 100644
index 9b308b2..0000000
--- a/apps/web/src/components/blocks/dashboard-5/components/security-dashboard.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { metricCards } from "./data"
-import { ActiveThreatsPanel, LoadPanel } from "./load-panels"
-import { MetricTile } from "./metric-tile"
-import { Navbar } from "./navbar"
-import { NetworkFlowPanel, ThreatVectorsPanel } from "./network-panels"
-
-/**
- * Dense edge security dashboard inspired by a telemetry wall.
- * The main entry only owns section order; records and panel details stay
- * in focused local files so the block remains easy to adapt.
- */
-export function SecurityDashboard() {
- return (
- {title}
-{description}
-
-
- {metricCards.map((metric) => (
-
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/dashboard-5/components/tone-styles.ts b/apps/web/src/components/blocks/dashboard-5/components/tone-styles.ts
deleted file mode 100644
index 154b587..0000000
--- a/apps/web/src/components/blocks/dashboard-5/components/tone-styles.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { type LoadState, type MetricTone } from "./data"
-
-export const toneStyles: Record<
- MetricTone,
- {
- dot: string
- stroke: string
- bar: string
- }
-> = {
- danger: {
- dot: "bg-red-500",
- stroke: "var(--color-red-500)",
- bar: "bg-red-500",
- },
- success: {
- dot: "bg-emerald-500",
- stroke: "var(--color-emerald-500)",
- bar: "bg-emerald-500",
- },
- warning: {
- dot: "bg-amber-500",
- stroke: "var(--color-amber-500)",
- bar: "bg-amber-500",
- },
- info: {
- dot: "bg-blue-500",
- stroke: "var(--color-blue-500)",
- bar: "bg-blue-500",
- },
-}
-
-export const loadStateColor: Record- Edge Security Telemetry -
- -
-
-
-
-
- )
-}
-
-function MemberCell({
- member,
- onAction,
-}: {
- member: MemberRecord
- onAction: (action: MemberRowAction, member: MemberRecord) => void
-}) {
- return (
-
-
- {member.initials}
-
-
-
- )
-}
-
-function BillingStatusCell({
- billingStatus,
-}: {
- billingStatus: MemberBillingStatus
-}) {
- return (
-
-
-
- {/* Actions */}
- {member.fullName}
-
- {member.displayName}
-
-
-
- {billingStatus}
-
- )
-}
-
-export function createMembersGridColumns({
- onAction,
-}: {
- onAction: (action: MemberRowAction, member: MemberRecord) => void
-}): ColumnDef
-
-
-
-
-
-
-
-
-
- {filteredData.length}
-
-
-
- - Members -
-
-
-
-
-
- handleSearchChange(event.target.value)}
- />
- {searchQuery.length > 0 ? (
-
- handleSearchChange("")}
- >
-
-
-
- ) : null}
-
-
-
-
- Filters
- {activeFilterCount > 0 ? (
-
- {activeFilterCount}
-
- ) : null}
-
-
- }
- />
-
-
-
-
-
-
-
-
-
- {activeFilterCount > 0 ? (
- <>
-
- Reset filters
-
-
- ) : null}
-
-
-
-
-
-
-
-
-
- Role
- Billing
- Auth
-
-
-
- {filteredData.length > 0 ? (
-
- 0 members
- )} -- Members data grid -
-
- {showChecks && canExpand ? (
-
- )
-})
-
-const OwnerCell = memo(function OwnerCell({
- review,
-}: {
- review: IReleaseReview
-}) {
- const owner = review.owner
-
- return (
-
-
- {review.title}
-
-
-
-
- {review.changeKey}
-
-
-
-
- {owner.avatar ? (
- {initials(owner.name)}
-
-
- )
-})
-
-const WindowCell = memo(function WindowCell({
- review,
-}: {
- review: IReleaseReview
-}) {
- return (
-
-
- {owner.name}
-
-
- {owner.role}
-
-
-
-
- {review.windowLabel}
-
-
- )
-})
-
-const ApprovalsCell = memo(function ApprovalsCell({
- review,
-}: {
- review: IReleaseReview
-}) {
- const pending = review.approvalsRequired - review.approvalsApproved
- const isComplete = pending <= 0
-
- return (
-
- {review.windowDurationLabel}
-
-
-
- {review.approvalsApproved}/{review.approvalsRequired}
-
-
- {isComplete ? "Complete" : `${pending} pending`}
-
-
- )
-})
-
-const ReadinessCell = memo(function ReadinessCell({
- review,
-}: {
- review: IReleaseReview
-}) {
- const percent = readinessPercent(review)
- const radius = 9
- const circumference = 2 * Math.PI * radius
- const dashOffset = circumference - (percent / 100) * circumference
- const toneClassName = readinessRingColor(percent)
-
- return (
-
-
- {percent}%
-
- )
-})
-
-const UpdatedCell = memo(function UpdatedCell({
- review,
-}: {
- review: IReleaseReview
-}) {
- return (
- {review.updatedLabel}
- )
-})
-
-function ReviewActionsCell({
- review,
- onAction,
-}: {
- review: IReleaseReview
- onAction: (action: ReviewAction, review: IReleaseReview) => void
-}) {
- const { copyToClipboard } = useCopyToClipboard()
-
- return (
-
-
- }
- >
-
-
-
-
-
-
-
-
-
-
- {
- setSearchQuery(event.target.value)
- resetPagination()
- }}
- />
- {searchQuery.length > 0 ? (
-
- {
- setSearchQuery("")
- resetPagination()
- }}
- >
-
-
-
- ) : null}
-
-
-
-
-
-
- {hasActiveFilters ? (
-
- ) : null}
-
-
-
-
-
-
- View Settings
-
- }
- />
-
-
-
-
-
-
-
-
-
- Ordering
-
-
-
-
-
-
- Direction
-
-
- {ORDER_DIRECTION_OPTIONS.map((option) => (
-
- {option.label}
-
- ))}
-
-
-
-
-
- Density
-
-
-
-
-
-
-
-
- Check cards
-
-
-
-
-
- Include shipped
-
-
-
-
-
-
- Columns
-
- {table
- .getAllColumns()
- .filter((column) => column.getCanHide())
- .map((column) => (
-
-
- {getColumnHeaderLabel(column)}
-
-
- column.toggleVisibility(checked)
- }
- />
-
- ))}
-
-
-
-
- {coverage}%
-
-
- )
-}
-
-function ReleaseCheckCard({ check }: { check: IReleaseCheck }) {
- return (
-
-
-
-
-
-
- - {check.title} -
-
-
-
-
- {check.reviewer?.avatar ? (
-
- {check.reviewer ? initials(check.reviewer.name) : "--"}
-
-
-
- {check.reviewer?.name ?? "Reviewer pending"}
-
-
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/data-grid-expansion-3/components/release-review-card.tsx b/apps/web/src/components/blocks/data-grid-expansion-3/components/release-review-card.tsx
deleted file mode 100644
index b4c45fe..0000000
--- a/apps/web/src/components/blocks/data-grid-expansion-3/components/release-review-card.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { type ReactNode } from "react"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import {
- Card,
- CardAction,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@evobgp/ui/components/card"
-
-interface ReleaseReviewCardProps {
- title: string
- description: ReactNode
- action?: ReactNode
- children: ReactNode
- footer?: ReactNode
- className?: string
- contentClassName?: string
- footerClassName?: string
-}
-
-export function ReleaseReviewCard({
- title,
- description,
- action,
- children,
- footer,
- className,
- contentClassName,
- footerClassName,
-}: ReleaseReviewCardProps) {
- return (
-
- Checklist
-
-
- {/* Cards */}
-
- {visibleChecks.map((check) => (
-
- - Release review data grid -
-
-
-
- {row.original.reference}
-
-
-
-
- {formatDate(row.original.date)}
-
-
- ),
- size: 150,
- enableSorting: true,
- enableHiding: true,
- enableResizing: true,
- meta: {
- headerTitle: "Reference",
- skeleton: (
-
-
- ),
- },
- },
- {
- accessorKey: "description",
- id: "description",
- header: ({ column }) => (
-
- -
-
- {row.original.merchantLogo}
-
-
-
- ),
- minSize: 150,
- enableSorting: true,
- enableHiding: true,
- enableResizing: true,
- meta: {
- headerTitle: "Description",
- skeleton: (
-
-
- {row.original.description}
-
-
- {row.original.merchant} · {row.original.category}
-
-
-
-
- ),
- },
- },
- {
- accessorKey: "country",
- id: "region",
- header: ({ column }) => (
-
-
-
-
- ),
- size: 170,
- enableSorting: true,
- enableHiding: true,
- enableResizing: true,
- meta: {
- headerTitle: "Region",
- skeleton: (
-
- }.svg`})
-
- {row.original.country}
-
-
- {row.original.timezone && (
-
- {row.original.timezone}
-
- )}
-
-
- {row.original.country}
-
-
-
- ),
- },
- },
- {
- accessorKey: "channel",
- id: "channel",
- header: ({ column }) => (
-
-
-
- {option.icon}
- {option.label}
-
- )
- },
- },
- {
- key: "category",
- label: "Category",
- icon: (
-
-
- Transactions
-
-
- Billing ledger(refunds / payouts)
-
-
-
-
-
-
-
-
-
-
- - Billing ledger data grid -
-
-
- )
-}
-
-function OwnerCell({ automation }: { automation: IAutomationRecord }) {
- return (
-
-
- {automation.title}
-
-
-
- {automation.runWindowLabel}
-
- {automation.audienceLabel}
-
-
-
- )
-}
-
-function StateCell({ automation }: { automation: IAutomationRecord }) {
- const stateStyle = stateBadgeStyles[automation.state]
-
- return (
-
-
- {automation.owner.avatar ? (
- {automation.owner.initials}
-
-
-
-
-
-
- {automation.owner.name}
-
-
- {automation.owner.email}
-
-
-
- {stateStyle.dotClassName ? (
-
- ) : null}
- {stateStyle.label}
-
-
- )
-}
-
-function UpdatedCell({ automation }: { automation: IAutomationRecord }) {
- return (
-
-
- {format(parseISO(automation.updatedAt), "MMM d, yyyy")}
-
-
- {updatedBucketLabel[automation.updatedBucket]}
-
-
- )
-}
-
-function RatingCell({ automation }: { automation: IAutomationRecord }) {
- return
-
- ),
- size: 56,
- enableSorting: false,
- meta: {
- headerClassName:
- "[--data-grid-header-cell-pe:var(--frame-panel-header-px)]",
- cellClassName: "[--data-grid-body-cell-pe:var(--frame-panel-px)]",
- },
- },
- ]
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/data-grid-filtering-2/components/data-grid-view.tsx b/apps/web/src/components/blocks/data-grid-filtering-2/components/data-grid-view.tsx
deleted file mode 100644
index bece769..0000000
--- a/apps/web/src/components/blocks/data-grid-filtering-2/components/data-grid-view.tsx
+++ /dev/null
@@ -1,660 +0,0 @@
-import { useCallback, useMemo, useState } from "react"
-import { Badge } from "@/components/reui/badge"
-import { DataGrid } from "@/components/reui/data-grid/data-grid"
-import { DataGridPagination } from "@/components/reui/data-grid/data-grid-pagination"
-import { DataGridScrollArea } from "@/components/reui/data-grid/data-grid-scroll-area"
-import { DataGridTable } from "@/components/reui/data-grid/data-grid-table"
-import {
- createFilter,
- Filters,
- type Filter,
- type FilterFieldConfig,
-} from "@/components/reui/filters"
-import {
- Frame,
- FrameDescription,
- FrameFooter,
- FrameHeader,
- FramePanel,
- FrameTitle,
-} from "@/components/reui/frame"
-import {
- getCoreRowModel,
- getPaginationRowModel,
- getSortedRowModel,
- useReactTable,
- type PaginationState,
- type RowSelectionState,
- type SortingState,
-} from "@tanstack/react-table"
-import { toast } from "sonner"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import {
- AlertDialog,
- AlertDialogAction,
- AlertDialogCancel,
- AlertDialogContent,
- AlertDialogDescription,
- AlertDialogFooter,
- AlertDialogHeader,
- AlertDialogTitle,
-} from "@evobgp/ui/components/alert-dialog"
-import { Button } from "@evobgp/ui/components/button"
-import { Separator } from "@evobgp/ui/components/separator"
-import { Tabs, TabsList, TabsTrigger } from "@evobgp/ui/components/tabs"
-import { createAutomationColumns } from "./columns"
-import {
- AUTOMATION_TABS,
- AUTOMATIONS,
- DELIVERY_FILTER_OPTIONS,
- getAutomationTabFromState,
- OWNER_FILTER_OPTIONS,
- UPDATED_FILTER_OPTIONS,
- type AutomationState,
- type AutomationTab,
- type IAutomationRecord,
-} from "./data"
-import { SearchIcon, UsersIcon, RouteIcon, ClockIcon, PlusIcon, FilterIcon, FunnelXIcon } from "lucide-react"
-
-type ToastTone = "success" | "neutral" | "destructive"
-
-const toneStyles: Record
-
- ))
-}
-
-function getAutomationSearchBlob(automation: IAutomationRecord) {
- return [
- automation.title,
- automation.kind,
- automation.state,
- automation.deliveryMode,
- automation.audienceLabel,
- automation.runWindowLabel,
- automation.owner.name,
- automation.owner.email,
- automation.owner.teamLabel,
- automation.approvalRequired ? "approval required" : "auto-approved",
- automation.enabled ? "enabled" : "disabled",
- ]
- .join(" ")
- .toLowerCase()
-}
-
-function getActiveFilters(filters: Filter[]) {
- return filters.filter((filter) => {
- const { values } = filter
- if (!values || values.length === 0) return false
- if (
- values.every((value) => typeof value === "string" && value.trim() === "")
- ) {
- return false
- }
- if (values.every((value) => value === null || value === undefined)) {
- return false
- }
- if (values.every((value) => Array.isArray(value) && value.length === 0)) {
- return false
- }
- return true
- })
-}
-
-function renderSelectedCount(values: unknown[]) {
- if (values.length === 0) return "Select..."
- if (values.length > 1) return `${values.length} selected`
- return null
-}
-
-function renderSingleSelectedLabel(
- values: unknown[],
- options: { value: string; label: string }[]
-) {
- const state = renderSelectedCount(values)
- if (state) return state
-
- const option = options.find((item) => item.value === values[0])
- return option?.label ?? String(values[0])
-}
-
-function filterFieldValue(
- automation: IAutomationRecord,
- field: string
-): unknown {
- switch (field) {
- case "workflow":
- return getAutomationSearchBlob(automation)
- case "ownerTeam":
- return automation.owner.team
- case "deliveryMode":
- return automation.deliveryMode
- case "updatedBucket":
- return automation.updatedBucket
- default:
- return ""
- }
-}
-
-function applyFiltersToData(
- data: IAutomationRecord[],
- filters: Filter[]
-): IAutomationRecord[] {
- const active = getActiveFilters(filters)
- let result = [...data]
-
- active.forEach((filter) => {
- const { field, operator, values } = filter
-
- result = result.filter((item) => {
- const raw = filterFieldValue(item, field)
- const fieldValue = raw != null ? raw : ""
-
- switch (operator) {
- case "is":
- return values.includes(fieldValue)
- case "is_not":
- return !values.includes(fieldValue)
- case "is_any_of":
- return values.some((value) => fieldValue === value)
- case "is_not_any_of":
- return !values.some((value) => fieldValue === value)
- case "contains": {
- const tokens = values
- .map((value) => String(value).trim())
- .filter(Boolean)
- if (tokens.length === 0) return true
- return tokens.some((token) =>
- String(fieldValue).toLowerCase().includes(token.toLowerCase())
- )
- }
- case "not_contains":
- return !values.some((value) =>
- String(fieldValue)
- .toLowerCase()
- .includes(String(value).toLowerCase())
- )
- case "starts_with":
- return values.some((value) =>
- String(fieldValue)
- .toLowerCase()
- .startsWith(String(value).toLowerCase())
- )
- case "ends_with":
- return values.some((value) =>
- String(fieldValue)
- .toLowerCase()
- .endsWith(String(value).toLowerCase())
- )
- case "empty":
- return fieldValue === "" || fieldValue == null
- case "not_empty":
- return fieldValue !== "" && fieldValue != null
- default:
- return true
- }
- })
- })
-
- return result
-}
-
-const OWNER_TEAM_FILTER_OPTIONS = OWNER_FILTER_OPTIONS.filter(
- (option) => option.value !== "everyone"
-).map((option) => ({
- value: option.value,
- label: option.label,
-}))
-
-const DELIVERY_MODE_FILTER_OPTIONS = DELIVERY_FILTER_OPTIONS.filter(
- (option) => option.value !== "any"
-).map((option) => ({
- value: option.value,
- label: option.label,
-}))
-
-const UPDATED_BUCKET_FILTER_OPTIONS = UPDATED_FILTER_OPTIONS.filter(
- (option) => option.value !== "any"
-).map((option) => ({
- value: option.value,
- label: option.label,
-}))
-
-const filterFields: FilterFieldConfig[] = [
- {
- key: "workflow",
- label: "Workflow",
- icon: (
-
-
-
-
-
- {title}
-- {description} -
-
-
-
-
-
- Automation Library
-
-
-
- {filteredAutomations.length} workflow
- {filteredAutomations.length === 1 ? "" : "s"}
-
-
- {filteredLiveCount} live
-
- {filteredReviewCount} review
- {selectedCount > 0 ? (
- <>
-
- {selectedCount} selected
-
- ) : null}
-
-
-
-
-
- {
- setActiveTab(value as AutomationTab)
- resetPagination()
- }}
- >
-
- {AUTOMATION_TABS.map((tab) => (
-
- {tab.label}
-
- {tabCounts[tab.value]}
-
-
- ))}
-
-
-
-
-
-
-
- Filters
-
- }
- />
-
-
-
-
- {selectedCount > 0 ? (
-
- {selectedCount} selected
-
- ) : null}
-
-
- - Automation library data grid -
-
- -
-
- {row.original.accountLogo}
-
-
-
- )
-})
-
-const RenewalWindowCell = memo(function RenewalWindowCell({
- row,
-}: {
- row: Row
-
-
- {row.original.accountName}
-
-
-
-
- {initials(row.original.ownerName)}
-
-
- {row.original.ownerName}
-
- {row.original.segment}
-
-
-
- {dueSoon
- ? `Due in ${row.original.daysToRenewal}d`
- : `${row.original.daysToRenewal}d out`}
-
-
- {formatRenewalDate(row.original.renewalDate)}
-
-
- )
-})
-
-const RevenueCell = memo(function RevenueCell({
- row,
-}: {
- row: Row
-
- {formatCurrency(row.original.arr)}
-
- 0
- ? "text-emerald-600 dark:text-emerald-400"
- : "text-muted-foreground"
- )}
- >
- {row.original.expansionPotential > 0 ? "+" : ""}
- {formatCurrency(row.original.expansionPotential)} upside
-
-
- )
-})
-
-const HealthCell = memo(function HealthCell({
- row,
-}: {
- row: Row
-
- {label}
-
- )
-})
-
-function buildSmoothLinePath(points: { x: number; y: number }[]) {
- if (points.length === 0) return ""
- if (points.length === 1) return `M ${points[0].x} ${points[0].y}`
-
- let path = `M ${points[0].x} ${points[0].y}`
-
- for (let index = 0; index < points.length - 1; index++) {
- const p0 = points[Math.max(0, index - 1)]
- const p1 = points[index]
- const p2 = points[index + 1]
- const p3 = points[Math.min(points.length - 1, index + 2)]
- const cp1x = p1.x + (p2.x - p0.x) / 6
- const cp1y = p1.y + (p2.y - p0.y) / 6
- const cp2x = p2.x - (p3.x - p1.x) / 6
- const cp2y = p2.y - (p3.y - p1.y) / 6
-
- path += ` C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${p2.x} ${p2.y}`
- }
-
- return path
-}
-
-const UsageTrendCell = memo(function UsageTrendCell({
- row,
-}: {
- row: Row
-
- {deltaLabel}
-
- )
-})
-
-function RenewalActionsCell({
- row,
- onOpenAccount,
- onCreateBrief,
- onEscalateReview,
-}: {
- row: Row
-
- ),
- },
- },
- {
- accessorFn: (row) => row.daysToRenewal,
- id: "renewalWindow",
- header: ({ column }) => (
-
-
-
-
- ),
- },
- },
- {
- accessorKey: "arr",
- id: "arr",
- header: ({ column }) => (
-
-
- ),
- },
- },
- {
- accessorKey: "healthScore",
- id: "health",
- header: ({ column }) => (
-
- {/* Actions */}
-
- )
-}
-
-export function RenewalsCommandGridView() {
- const [renewals, setRenewals] = useState
-
-
- Filters
-
- }
- />
-
- {showClearButton ? (
-
- ) : null}
-
-
-
-
-
-
- Settings
-
- }
- />
-
-
-
-
-
-
-
-
-
-
- Table
-
-
-
-
- Density
-
-
-
-
-
-
- Resizable columns
-
-
-
-
-
- Movable columns
-
-
-
-
-
-
- Display columns
-
-
- {DISPLAY_COLUMNS.map((column) => {
- const active = visibleColumns[column.key]
-
- return (
-
- )
- })}
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/data-grid-filtering-3/components/renewals-command-card.tsx b/apps/web/src/components/blocks/data-grid-filtering-3/components/renewals-command-card.tsx
deleted file mode 100644
index 8e69bd5..0000000
--- a/apps/web/src/components/blocks/data-grid-filtering-3/components/renewals-command-card.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { type ReactNode } from "react"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import {
- Card,
- CardAction,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@evobgp/ui/components/card"
-
-interface RenewalsCommandCardProps {
- title: string
- description?: ReactNode
- meta?: ReactNode
- action?: ReactNode
- children: ReactNode
- footer?: ReactNode
- className?: string
- contentClassName?: string
-}
-
-export function RenewalsCommandCard({
- title,
- description,
- meta,
- action,
- children,
- footer,
- className,
- contentClassName,
-}: RenewalsCommandCardProps) {
- return (
-
-
- {selectedCount} selected
-
-
- Update owner or stage.
-
-
-
-
-
-
-
-
-
-
-
-
- {title}
- {description ? (
- {description}
- ) : null}
- {meta ? (
-
- {action ? (
- {meta}
- ) : null}
- - Renewals command data grid -
- {isReady ? ( -
- {/* Heading */}
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/empty-state-11/page.tsx b/apps/web/src/components/blocks/empty-state-11/page.tsx
deleted file mode 100644
index c64d3ac..0000000
--- a/apps/web/src/components/blocks/empty-state-11/page.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { EmptyState } from "./components/empty-state"
-
-export function Page() {
- return (
-
-
-
- {/* Card */}
-
-
-
-
- - Routing Signals -
-- Shape incoming work before it reaches the roadmap. -
-
-
- Create signals to route new work
-
-
- Define signals so every intake item starts with context.
-
-
- - Signal routing empty state -
-
- {/* Empty State */}
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/empty-state-3/components/projects-empty-illustration.tsx b/apps/web/src/components/blocks/empty-state-3/components/projects-empty-illustration.tsx
deleted file mode 100644
index 95b29bc..0000000
--- a/apps/web/src/components/blocks/empty-state-3/components/projects-empty-illustration.tsx
+++ /dev/null
@@ -1,325 +0,0 @@
-import { cn } from "@evobgp/ui/lib/utils"
-
-export function ProjectsEmptyIllustration({
- variant = "hero",
-}: {
- variant?: "hero" | "compact"
-}) {
- const isCompact = variant === "compact"
-
- return (
-
- )
-}
-
-function HeroView() {
- return (
-
- )
-}
-
-function CompactView() {
- return (
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/empty-state-3/components/quick-start-templates.tsx b/apps/web/src/components/blocks/empty-state-3/components/quick-start-templates.tsx
deleted file mode 100644
index 6550c79..0000000
--- a/apps/web/src/components/blocks/empty-state-3/components/quick-start-templates.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import {
- Item,
- ItemActions,
- ItemContent,
- ItemMedia,
- ItemTitle,
-} from "@evobgp/ui/components/item"
-import { KanbanIcon, ChevronRightIcon, TimerIcon } from "lucide-react"
-
-export function QuickStartTemplates() {
- return (
-
-
- No projects to show
-
-
- Start a project from scratch or pick a template to launch your
- first workspace and begin tracking tasks, goals, and progress.
-
-
-
-
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/empty-state-3/page.tsx b/apps/web/src/components/blocks/empty-state-3/page.tsx
deleted file mode 100644
index 2a38cb1..0000000
--- a/apps/web/src/components/blocks/empty-state-3/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { EmptyState } from "./components/empty-state"
-
-export function Page() {
- return (
- Quick starts
- {/* Grid */} -
-
-
-
-
-
- Task board
-
-
-
-
-
-
-
-
-
-
-
-
- Sprint tracker
-
-
-
-
-
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/schedule-1/components/data.ts b/apps/web/src/components/blocks/schedule-1/components/data.ts
deleted file mode 100644
index 64135e2..0000000
--- a/apps/web/src/components/blocks/schedule-1/components/data.ts
+++ /dev/null
@@ -1,380 +0,0 @@
-import type { BadgeProps } from "@/components/reui/badge"
-
-export type EventStatus = "Upcoming" | "Cancelled" | "Pending" | "Completed"
-
-export interface Attendee {
- id: string
- name: string
- avatar: string
-}
-
-export interface MockEvent {
- id: string
- title: string
- status: EventStatus
- date: string
- time: string
- location: string
- attendees: Attendee[]
-}
-
-export interface ScheduleCalendarProps {
- selected: Date | undefined
- onSelect: (date: Date | undefined) => void
- datesWithEvents?: Set
-
- {event.title}
-
-
-
-
-
- {event.status}
-
-
-
-
- {/* Header */}
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/schedule-1/components/schedule-calendar.tsx b/apps/web/src/components/blocks/schedule-1/components/schedule-calendar.tsx
deleted file mode 100644
index 46cc087..0000000
--- a/apps/web/src/components/blocks/schedule-1/components/schedule-calendar.tsx
+++ /dev/null
@@ -1,190 +0,0 @@
-import { useState } from "react"
-import { DayButton } from "react-day-picker"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import { Button } from "@evobgp/ui/components/button"
-import { Calendar, CalendarDayButton } from "@evobgp/ui/components/calendar"
-import {
- Select,
- SelectContent,
- SelectItem,
- SelectTrigger,
- SelectValue,
-} from "@evobgp/ui/components/select"
-import {
- DEMO_REFERENCE_DATE,
- MONTHS,
- YEARS,
- type ScheduleCalendarProps,
-} from "./data"
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react"
-
-// Weekday header highlight tracks the fixed demo clock, not the live date.
-const TODAY_WEEKDAY_NAME = DEMO_REFERENCE_DATE.toLocaleString("en-US", {
- weekday: "short",
-}).toUpperCase()
-
-export function ScheduleCalendar({
- selected,
- onSelect,
- datesWithEvents = new Set(),
-}: ScheduleCalendarProps) {
- const [month, setMonth] = useState
- {/* Heading */}
-
-
- {/* Events */}
-
-
-
- {/* Filters */}
- - {headingLabel} -
-- {events.length > 0 - ? `${events.length} event${events.length !== 1 ? "s" : ""}` - : "No events found"} -
-
-
-
-
-
-
-
-
-
- {events.length === 0 ? (
-
-
-
-
-
-
-
-
- ) : (
-
-
- - No events found -
-- {dateKey - ? "Nothing scheduled for this day." - : "Try changing the filter."} -
--
- {events.map((event: MockEvent) => (
-
-
-
-
- ))}
-
- {/* ── Custom header ── */}
-
- date.toLocaleString("en-US", { weekday: "short" }).toUpperCase(),
- }}
- classNames={{
- month_caption: "hidden",
- nav: "hidden",
- weekdays: "flex gap-1",
- weekday:
- "flex-1 flex items-center justify-center h-14 text-[0.65rem] font-medium text-muted-foreground",
- week: "flex gap-1 mt-1",
- day: "flex-1 aspect-square p-0",
- day_button: cn(
- "bg-muted/50 hover:bg-muted",
- " rounded-md ",
- "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[selected-single=true]:hover:bg-primary data-[selected-single=true]:hover:text-primary-foreground!"
- ),
- outside: "opacity-60",
- disabled: "opacity-60",
- today: cn("bg-accent text-foreground", " rounded-md "),
- }}
- components={{
- Weekday: ({
- children,
- className: cls,
- ...props
- }: React.ComponentPropsWithoutRef<"th">) => {
- const isToday = children === TODAY_WEEKDAY_NAME
- return (
-
- {children}
-
- )
- },
-
- DayButton: ({
- children,
- modifiers,
- day,
- ...props
- }: React.ComponentProps) => {
- const dateKey = day.date.toISOString().slice(0, 10)
- const hasEvents = !modifiers.outside && datesWithEvents.has(dateKey)
-
- return (
-
- {hasEvents ? (
-
- ) : (
-
- )}
- {children}
-
- )
- },
- }}
- />
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/schedule-1/components/schedule.tsx b/apps/web/src/components/blocks/schedule-1/components/schedule.tsx
deleted file mode 100644
index 90da747..0000000
--- a/apps/web/src/components/blocks/schedule-1/components/schedule.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-"use client"
-
-import { useState } from "react"
-import { Frame, FramePanel } from "@/components/reui/frame"
-
-import {
- DEMO_REFERENCE_DATE,
- EventsFilter,
- getDatesWithEvents,
- MOCK_EVENTS,
-} from "./data"
-import { EventsList } from "./events-list"
-import { ScheduleCalendar } from "./schedule-calendar"
-
-export function Schedule() {
- const [selectedDate, setSelectedDate] = useState
- {/* Prev month */}
-
-
- {/* Month select */}
-
-
- {/* Year select */}
-
-
- {/* Next month */}
-
-
-
- {/* ── Calendar ── */}
-
-
-
- {/* Right - events */}
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/settings-14/components/api-integrations-grid.tsx b/apps/web/src/components/blocks/settings-14/components/api-integrations-grid.tsx
deleted file mode 100644
index 2d76d54..0000000
--- a/apps/web/src/components/blocks/settings-14/components/api-integrations-grid.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-"use client"
-
-import { useMemo, useState } from "react"
-import { DataGrid } from "@/components/reui/data-grid/data-grid"
-import { DataGridPagination } from "@/components/reui/data-grid/data-grid-pagination"
-import { DataGridScrollArea } from "@/components/reui/data-grid/data-grid-scroll-area"
-import { DataGridTable } from "@/components/reui/data-grid/data-grid-table"
-import {
- Frame,
- FrameDescription,
- FrameFooter,
- FrameHeader,
- FramePanel,
- FrameTitle,
-} from "@/components/reui/frame"
-import {
- getCoreRowModel,
- getPaginationRowModel,
- getSortedRowModel,
- useReactTable,
- type PaginationState,
- type SortingState,
- type VisibilityState,
-} from "@tanstack/react-table"
-import { toast } from "sonner"
-
-import { Button } from "@evobgp/ui/components/button"
-import { Switch } from "@evobgp/ui/components/switch"
-import { TooltipProvider } from "@evobgp/ui/components/tooltip"
-import { createColumns } from "./columns"
-import { API_INTEGRATIONS } from "./data"
-import { BriefcaseBusinessIcon } from "lucide-react"
-
-// ── Main component ──
-
-export function ApiIntegrationsGrid() {
- const [rows, setRows] = useState(API_INTEGRATIONS)
- const [pagination, setPagination] = useState
- API Integrations
-
- Oversee endpoints, key rotation, and traffic availability.
-
-
-
-
-
-
-
- Pause all
-
-
-
-
-
- -
-
- {row.original.logo}
-
-
-
- ),
- size: 450,
- enableSorting: true,
- enableHiding: true,
- meta: {
- headerTitle: "Integration",
- skeleton: (
-
-
- {row.original.name}
-
-
- {row.original.provider} · {row.original.description}
-
-
-
-
- ),
- },
- },
- {
- accessorKey: "apiKey",
- id: "apiKey",
- header: ({ column }) => (
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/settings-3/components/color-picker.tsx b/apps/web/src/components/blocks/settings-3/components/color-picker.tsx
deleted file mode 100644
index 7f2af7a..0000000
--- a/apps/web/src/components/blocks/settings-3/components/color-picker.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-"use client"
-
-import { useState } from "react"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import { FieldLegend, FieldSet } from "@evobgp/ui/components/field"
-import { ACCENT_COLORS } from "./data"
-import { CheckIcon } from "lucide-react"
-
-// ── Color Picker ──
-
-export function ColorPicker() {
- const [selected, setSelected] = useState(ACCENT_COLORS[0].value)
-
- return (
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/settings-3/components/data.tsx b/apps/web/src/components/blocks/settings-3/components/data.tsx
deleted file mode 100644
index fad3846..0000000
--- a/apps/web/src/components/blocks/settings-3/components/data.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { type ReactNode } from "react"
-
-// ── Types ──
-
-export type SelectOption = {
- value: string
- label: string
-}
-
-export type Preference = {
- id: string
- label: string
- description: string
- defaultChecked: boolean
-}
-
-export type AccentColorOption = {
- name: string
- value: string
-}
-
-export type SettingBadgeVariant =
- | "primary-light"
- | "destructive-light"
- | "info-light"
-
-export type SettingFieldProps = {
- title: string
- description: string
- badge?: { label: string; variant: SettingBadgeVariant }
- children: ReactNode
- last?: boolean
-}
-
-export type DateFormatOption = {
- value: string
- label: string
-}
-
-// ── Data ──
-
-export const DAYS: SelectOption[] = [
- { value: "monday", label: "Monday" },
- { value: "tuesday", label: "Tuesday" },
- { value: "wednesday", label: "Wednesday" },
- { value: "thursday", label: "Thursday" },
- { value: "friday", label: "Friday" },
- { value: "saturday", label: "Saturday" },
- { value: "sunday", label: "Sunday" },
-]
-
-export const CURRENCIES: SelectOption[] = [
- { value: "usd", label: "USD · US Dollar" },
- { value: "eur", label: "EUR · Euro" },
- { value: "gbp", label: "GBP · British Pound" },
- { value: "jpy", label: "JPY · Japanese Yen" },
-]
-
-export const REGIONS: SelectOption[] = [
- { value: "us", label: "United States" },
- { value: "eu", label: "European Union" },
- { value: "uk", label: "United Kingdom" },
- { value: "jp", label: "Japan" },
- { value: "au", label: "Australia" },
-]
-
-export const ACCENT_COLORS: AccentColorOption[] = [
- { name: "Slate", value: "#64748b" },
- { name: "Rose", value: "#f43f5e" },
- { name: "Orange", value: "#f97316" },
- { name: "Violet", value: "#8b5cf6" },
- { name: "Emerald", value: "#10b981" },
- { name: "Sky", value: "#0ea5e9" },
-]
-
-export const PREFERENCES: Preference[] = [
- {
- id: "keyboard-shortcuts",
- label: "Enable keyboard shortcuts.",
- description: "Use shortcuts to speed up your workflow.",
- defaultChecked: true,
- },
- {
- id: "spellcheck",
- label: "Auto spell-check.",
- description: "Highlight spelling errors in text fields.",
- defaultChecked: true,
- },
- {
- id: "compact-mode",
- label: "Compact Mode.",
- description: "Reduce spacing for a denser interface layout.",
- defaultChecked: false,
- },
- {
- id: "animations",
- label: "Reduce animations.",
- description: "Minimize motion effects throughout the UI.",
- defaultChecked: false,
- },
-]
-
-export const DATE_FORMAT_OPTIONS: DateFormatOption[] = [
- { value: "mdy", label: "MM/DD/YYYY" },
- { value: "dmy", label: "DD/MM/YYYY" },
- { value: "ymd", label: "YYYY/MM/DD" },
-]
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/settings-3/components/editor-preferences.tsx b/apps/web/src/components/blocks/settings-3/components/editor-preferences.tsx
deleted file mode 100644
index 5dcec1a..0000000
--- a/apps/web/src/components/blocks/settings-3/components/editor-preferences.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-"use client"
-
-import { useState } from "react"
-
-import {
- Field,
- FieldContent,
- FieldDescription,
- FieldGroup,
- FieldLabel,
- FieldLegend,
- FieldSet,
-} from "@evobgp/ui/components/field"
-import { Switch } from "@evobgp/ui/components/switch"
-
-import { PREFERENCES } from "./data"
-
-// ── Editor Preferences ──
-
-export function EditorPreferences() {
- const [values, setValues] = useState
-
-
-
-
-
- {description}
-
-
-
- {labelFor ? (
- {title}
- ) : (
- {title}
- )}
-
- {badge ? (
-
- {badge.label}
-
- ) : null}
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/stats-12/components/data.tsx b/apps/web/src/components/blocks/stats-12/components/data.tsx
deleted file mode 100644
index 2d4e891..0000000
--- a/apps/web/src/components/blocks/stats-12/components/data.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { ReactNode } from "react"
-import { Badge } from "@/components/reui/badge"
-import { Headphones, CircleCheckIcon, SmileIcon } from "lucide-react"
-
-// ── Types ──
-
-export interface CardData {
- icon: ReactNode
- iconBg: string
- value: string | number
- label: string
- info: ReactNode
-}
-
-// ── Data ──
-
-export const cards: CardData[] = [
- {
- icon: (
-
- ),
- iconBg: "text-blue-600 dark:text-blue-400",
- value: 320,
- label: "Support Tickets",
- info:
- {/* Grid */}
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/stats-12/page.tsx b/apps/web/src/components/blocks/stats-12/page.tsx
deleted file mode 100644
index 2261885..0000000
--- a/apps/web/src/components/blocks/stats-12/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Stats } from "./components/stats"
-
-export function Page() {
- return (
-
- {cards.map((card, i) => (
-
-
- -
-
- {card.icon}
-
-
-
-
-
- ))}
-
-
-
-
- {card.info}
-
- {card.value}
-
-
- {card.label}
-
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/stats-4/components/data.ts b/apps/web/src/components/blocks/stats-4/components/data.ts
deleted file mode 100644
index 60e0d9a..0000000
--- a/apps/web/src/components/blocks/stats-4/components/data.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export const leadsData = {
- newLeads: 54,
- returningLeads: 198,
- newPercent: 21.43,
- returningPercent: 78.57,
- topSource: "LinkedIn",
- conversionRate: 12.8,
-}
-
-export const rangeOptions = [
- { label: "All Time", value: "all-time" },
- { label: "This Month", value: "this-month" },
- { label: "Last Month", value: "last-month" },
- { label: "This Year", value: "this-year" },
- { label: "Last Year", value: "last-year" },
-]
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/stats-4/components/stats.tsx b/apps/web/src/components/blocks/stats-4/components/stats.tsx
deleted file mode 100644
index 48ff5ab..0000000
--- a/apps/web/src/components/blocks/stats-4/components/stats.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-"use client"
-
-import { Badge } from "@/components/reui/badge"
-import {
- Frame,
- FramePanel,
- FrameTitle,
-} from "@/components/reui/frame"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import { Progress } from "@evobgp/ui/components/progress"
-import {
- Select,
- SelectContent,
- SelectItem,
- SelectTrigger,
- SelectValue,
-} from "@evobgp/ui/components/select"
-import {
- Tooltip,
- TooltipContent,
- TooltipTrigger,
-} from "@evobgp/ui/components/tooltip"
-import { leadsData, rangeOptions } from "./data"
-import { InfoIcon } from "lucide-react"
-
-export function Stats() {
- return (
-
- {/* Content */}
-
- Leads Overview
-
-
-
-
-
-
-
-
-
-
-
- {leadsData.newLeads}
-
- {leadsData.newPercent}%
-
-
- New leads
-
-
-
-
-
-
-
-
- {leadsData.returningLeads}
-
-
-
- Returning leads
-
-
- {Array.from({ length: 30 }).map((_, i) => (
-
- ))}
-
-
-
-
- Top Source
-
- {leadsData.topSource}
-
-
-
-
- Conversion Rate
-
-
-
-
- }
- />
-
-
-
-
-
- {leadsData.conversionRate}%
-
-
- Percentage of leads converted to customers.
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/stats-6/components/data.ts b/apps/web/src/components/blocks/stats-6/components/data.ts
deleted file mode 100644
index f2e0cc7..0000000
--- a/apps/web/src/components/blocks/stats-6/components/data.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-export const rangeOptions = [
- { label: "Q1 - 2024", value: "q1" },
- { label: "Q2 - 2024", value: "q2" },
- { label: "Q3 - 2024", value: "q3" },
- { label: "Q4 - 2024", value: "q4" },
-]
-
-export const performance = [
- { label: "Deals Closed", value: 27, trend: 12, trendDir: "up" as const },
- { label: "Revenue", value: "$182.4k", trend: 6, trendDir: "up" as const },
- { label: "Conversion", value: "72%", trend: 3, trendDir: "down" as const },
-]
-
-export const pipelineProgress = 76
-
-export const activity = [
- {
- text: "Closed deal with FinSight Inc.",
- date: "Today",
- state: "secondary",
- color: "text-emerald-500",
- },
- {
- text: "3 new leads added to Pipeline.",
- date: "Yesterday",
- state: "secondary",
- color: "text-emerald-500",
- },
- {
- text: "Follow-up scheduled.",
- date: "2 days ago",
- state: "destructive",
- color: "text-destructive",
- },
-]
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/stats-6/components/stats.tsx b/apps/web/src/components/blocks/stats-6/components/stats.tsx
deleted file mode 100644
index 2b68d6f..0000000
--- a/apps/web/src/components/blocks/stats-6/components/stats.tsx
+++ /dev/null
@@ -1,186 +0,0 @@
-"use client"
-
-import { Badge } from "@/components/reui/badge"
-import {
- Frame,
- FrameFooter,
- FramePanel,
-} from "@/components/reui/frame"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import { Button } from "@evobgp/ui/components/button"
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuGroup,
- DropdownMenuItem,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@evobgp/ui/components/dropdown-menu"
-import { Progress } from "@evobgp/ui/components/progress"
-import {
- Select,
- SelectContent,
- SelectItem,
- SelectTrigger,
- SelectValue,
-} from "@evobgp/ui/components/select"
-import { Separator } from "@evobgp/ui/components/separator"
-import { activity, performance, pipelineProgress, rangeOptions } from "./data"
-import { MoreHorizontalIcon, SettingsIcon, TriangleAlertIcon, Pin, Share2Icon, Trash2Icon, TrendingUp, TrendingDown, CircleCheckIcon } from "lucide-react"
-
-export function Stats() {
- return (
-
- {/* Content */}
-
-
-
-
-
- Staff Performance
- - Sales Manager - -
-
-
-
-
-
-
- Settings
-
-
-
- Add Alert
-
-
-
- Pin to Dashboard
-
-
-
- Share
-
-
-
- Remove
-
-
-
-
-
-
-
-
- {performance.map((item) => (
-
-
-
-
- ))}
-
- {item.value}
-
-
- {item.label}
-
-
- {item.trendDir === "up" ? (
-
- ) : (
-
- )}
- {item.trendDir === "up" ? "+" : "-"}
- {item.trend}%
-
-
-
-
-
-
- Pipeline Progress
-
-
- {pipelineProgress}%
-
-
-
-
-
-
- Recent Activity
-
- -
- {activity.map((a, i) => (
-
-
-
-
-
- {a.text}
-
-
-
- {a.date} - -
- ))}
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/timeline-3/components/data.ts b/apps/web/src/components/blocks/timeline-3/components/data.ts
deleted file mode 100644
index 7249150..0000000
--- a/apps/web/src/components/blocks/timeline-3/components/data.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-export type ActivityDotBadge = {
- label: string
- dotClass: string
-}
-
-export type ActivityLightBadge = {
- label: string
- variant:
- | "primary-light"
- | "success-light"
- | "warning-light"
- | "info-light"
- | "destructive-light"
-}
-
-export type FinanceActivity = {
- id: number
- user: string
- avatar: string
- action: string
- target: string
- detail: string
- badges: [ActivityDotBadge] | [ActivityDotBadge, ActivityLightBadge]
- attachment?: {
- name: string
- size: string
- }
- participants?: {
- src: string
- fallback: string
- }[]
- participantCount?: number
- actions?: {
- label: string
- variant?: "default" | "outline"
- }[]
- date: string
- dateTime: string
-}
-
-export const financeActivities: FinanceActivity[] = [
- {
- id: 1,
- user: "Nadia Flores",
- avatar:
- "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=96&h=96&dpr=2&q=80",
- action: "approved payout batch",
- target: "ACH-4182",
- detail: "$142,800 routed to 38 merchant accounts",
- badges: [
- { label: "Payout", dotClass: "bg-emerald-500" },
- { label: "Same Day", variant: "success-light" },
- ],
- date: "5 minutes ago",
- dateTime: "2026-05-06T09:45:00+05:00",
- },
- {
- id: 2,
- user: "Theo Ramsey",
- avatar:
- "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=96&h=96&dpr=2&q=80",
- action: "flagged review on",
- target: "Transfer TX-9041",
- detail: "Velocity threshold exceeded for new payee",
- badges: [
- { label: "Risk", dotClass: "bg-amber-500" },
- { label: "High", variant: "warning-light" },
- ],
- actions: [{ label: "Review" }, { label: "Clear", variant: "outline" }],
- date: "18 minutes ago",
- dateTime: "2026-05-06T09:32:00+05:00",
- },
- {
- id: 3,
- user: "Iris Chen",
- avatar:
- "https://images.unsplash.com/photo-1531123897727-8f129e1688ce?w=96&h=96&dpr=2&q=80",
- action: "reconciled ledger entry",
- target: "LDG-7749",
- detail: "Subscription invoice matched to bank settlement",
- badges: [{ label: "Ledger", dotClass: "bg-sky-500" }],
- attachment: {
- name: "settlement-match.csv",
- size: "48kb",
- },
- date: "42 minutes ago",
- dateTime: "2026-05-06T09:08:00+05:00",
- },
- {
- id: 4,
- user: "Marcus Bell",
- avatar:
- "https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?w=96&h=96&dpr=2&q=80",
- action: "raised limit for",
- target: "Northstar Workspace",
- detail: "Monthly card volume increased to $850K",
- badges: [{ label: "Limit Raised", dotClass: "bg-violet-500" }],
- participants: [
- {
- src: "https://images.unsplash.com/photo-1519699047748-de8e457a634e?w=96&h=96&dpr=2&q=80",
- fallback: "SC",
- },
- {
- src: "https://images.unsplash.com/photo-1584308972272-9e4e7685e80f?w=96&h=96&dpr=2&q=80",
- fallback: "MR",
- },
- ],
- participantCount: 2,
- date: "1 hour ago",
- dateTime: "2026-05-06T08:50:00+05:00",
- },
- {
- id: 5,
- user: "Amara Okafor",
- avatar:
- "https://images.unsplash.com/photo-1544723795-3fb6469f5b39?w=96&h=96&dpr=2&q=80",
- action: "sent invoice reminder",
- target: "INV-2098",
- detail: "Net 7 renewal balance due tomorrow",
- badges: [
- { label: "Invoice", dotClass: "bg-orange-500" },
- { label: "Due Tomorrow", variant: "destructive-light" },
- ],
- attachment: {
- name: "invoice-2098.pdf",
- size: "76kb",
- },
- date: "2 hours ago",
- dateTime: "2026-05-06T07:50:00+05:00",
- },
-]
\ No newline at end of file
diff --git a/apps/web/src/components/blocks/timeline-3/components/finance-activity-timeline.tsx b/apps/web/src/components/blocks/timeline-3/components/finance-activity-timeline.tsx
deleted file mode 100644
index 246a94a..0000000
--- a/apps/web/src/components/blocks/timeline-3/components/finance-activity-timeline.tsx
+++ /dev/null
@@ -1,218 +0,0 @@
-import { Badge } from "@/components/reui/badge"
-import {
- Timeline,
- TimelineContent,
- TimelineDate,
- TimelineHeader,
- TimelineIndicator,
- TimelineItem,
- TimelineSeparator,
-} from "@/components/reui/timeline"
-
-import { cn } from "@evobgp/ui/lib/utils"
-import {
- Avatar,
- AvatarFallback,
- AvatarGroup,
- AvatarGroupCount,
- AvatarImage,
-} from "@evobgp/ui/components/avatar"
-import { Button } from "@evobgp/ui/components/button"
-import { ButtonGroup } from "@evobgp/ui/components/button-group"
-import {
- financeActivities,
- type ActivityDotBadge,
- type FinanceActivity,
-} from "./data"
-import { PaperclipIcon, DownloadIcon } from "lucide-react"
-
-function getInitials(name: string) {
- return name
- .split(" ")
- .map((part) => part[0])
- .join("")
-}
-
-function ActivityTarget({ target }: { target: string }) {
- const idMatch = target.match(/^(.*?)([A-Z]+-\d+)$/)
-
- if (!idMatch) {
- return {target}
- }
-
- const [, prefix, id] = idMatch
-
- return (
- <>
- {prefix}
-
- {id}
-
-
- )
-}
-
-function ActivityAttachment({
- attachment,
-}: {
- attachment: NonNullable
-
- {activity.date}
-
- {secondaryBadge.label}
- ) : null}
-
- )
-}
-
-export function FinanceActivityTimeline() {
- return (
-
-
-
- - Finance Activity -
-- Payouts, risk, invoices, and ledger updates. -
-
-
-
-
- {activity.user}
- {" "}
-
- {activity.action}
- {" "}
-
- {activity.detail} -
- {(activity.attachment || - activity.actions?.length || - activity.participants?.length) && ( -
- {activity.attachment ? (
-
- )}
-
-
- )
-}
\ No newline at end of file
diff --git a/apps/web/src/routes/_auth/directories.tsx b/apps/web/src/routes/_auth/directories.tsx
index 1a8da1f..0dcc587 100644
--- a/apps/web/src/routes/_auth/directories.tsx
+++ b/apps/web/src/routes/_auth/directories.tsx
@@ -6,6 +6,10 @@ import { Button } from '@evobgp/ui/components/button'
import { Badge } from '@/components/reui/badge'
import { BadgeTabs, TabsContent } from '@/components/badge-tabs'
import { FrameDataGrid, KpiStatGrid, type KpiStatItem } from '@/components/reui-kit'
+import { DirectoriesCommunitiesGrid } from '@/components/directories/directories-communities-grid'
+import { DirectoriesDohGrid } from '@/components/directories/directories-doh-grid'
+import { PageHeader } from '@/components/page-header'
+import { QueryState } from '@/components/query-state'
import { SectionCardsSkeleton, TableSkeleton } from '@/components/skeletons'
import { directoriesCommunitiesQueryOptions, directoriesDohQueryOptions } from '@/queries/directories'
diff --git a/web-legacy-svelte/.gitignore b/web-legacy-svelte/.gitignore
deleted file mode 100644
index b8a1419..0000000
--- a/web-legacy-svelte/.gitignore
+++ /dev/null
@@ -1,24 +0,0 @@
-node_modules
-
-# Output
-.output
-.vercel
-.netlify
-.wrangler
-/.svelte-kit
-/build
-
-# OS
-.DS_Store
-Thumbs.db
-
-# Env
-.env
-.env.local
-.env.*
-!.env.example
-!.env.test
-
-# Vite
-vite.config.js.timestamp-*
-vite.config.ts.timestamp-*
diff --git a/web-legacy-svelte/.npmrc b/web-legacy-svelte/.npmrc
deleted file mode 100644
index b6f27f1..0000000
--- a/web-legacy-svelte/.npmrc
+++ /dev/null
@@ -1 +0,0 @@
-engine-strict=true
diff --git a/web-legacy-svelte/.prettierignore b/web-legacy-svelte/.prettierignore
deleted file mode 100644
index 7d74fe2..0000000
--- a/web-legacy-svelte/.prettierignore
+++ /dev/null
@@ -1,9 +0,0 @@
-# Package Managers
-package-lock.json
-pnpm-lock.yaml
-yarn.lock
-bun.lock
-bun.lockb
-
-# Miscellaneous
-/static/
diff --git a/web-legacy-svelte/.prettierrc b/web-legacy-svelte/.prettierrc
deleted file mode 100644
index e2076ea..0000000
--- a/web-legacy-svelte/.prettierrc
+++ /dev/null
@@ -1,16 +0,0 @@
-{
- "useTabs": true,
- "singleQuote": true,
- "trailingComma": "none",
- "printWidth": 100,
- "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
- "tailwindStylesheet": "./src/routes/layout.css",
- "overrides": [
- {
- "files": "*.svelte",
- "options": {
- "parser": "svelte"
- }
- }
- ]
-}
diff --git a/web-legacy-svelte/.vscode/extensions.json b/web-legacy-svelte/.vscode/extensions.json
deleted file mode 100644
index 11efe25..0000000
--- a/web-legacy-svelte/.vscode/extensions.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "recommendations": ["svelte.svelte-vscode", "bradlc.vscode-tailwindcss", "esbenp.prettier-vscode"]
-}
diff --git a/web-legacy-svelte/.vscode/settings.json b/web-legacy-svelte/.vscode/settings.json
deleted file mode 100644
index bc31e15..0000000
--- a/web-legacy-svelte/.vscode/settings.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
- "files.associations": {
- "*.css": "tailwindcss"
- }
-}
diff --git a/web-legacy-svelte/README.md b/web-legacy-svelte/README.md
deleted file mode 100644
index cccd220..0000000
--- a/web-legacy-svelte/README.md
+++ /dev/null
@@ -1,43 +0,0 @@
-# EvoBGP WebUI
-
-SvelteKit-приложение панели управления EvoBGP. Запуск — [docs/quickstart.md](../docs/quickstart.md).
-
-Разработка UI **обязательно** следует официальной документации [shadcn-svelte](https://shadcn-svelte.com/docs) и правилам репозитория [.cursor/rules/web-shadcn.mdc](../.cursor/rules/web-shadcn.mdc): максимум нативных компонентов из registry, установка только через CLI в `src/lib/ui/core/`.
-
-## UI-архитектура
-
-| Путь | Назначение |
-| ------------------------ | ------------------------------------------------------------------- |
-| `src/lib/ui/core/` | shadcn-svelte (только через `npx shadcn-svelte@latest add … -y -o`) |
-| `src/lib/ui/app/` | Layout, PageHeader, toast (`notify`) |
-| `src/lib/ui/patterns/` | FormField, AppDataTable, ConfirmDialog, EmptyState |
-| `src/lib/components/ui/` | Re-export на `ui/core` (совместимость) |
-
-Токены темы: `src/routes/layout.css`. Справочник: `src/lib/ui/app/tokens.md`.
-
-## Разработка
-
-```sh
-npm install
-npm run dev
-npm run check
-npm run lint # prettier --check; обязательно перед PR (CI job web)
-```
-
-Из корня репозитория (обе проверки как в CI):
-
-```powershell
-powershell -NoProfile -File scripts/lint-web.ps1
-```
-
-```sh
-sh scripts/lint-web.sh
-```
-
-При падении `lint`: `npx prettier --write .` в каталоге `web/`, затем снова `check` + `lint`.
-
-Добавление компонентов shadcn (из каталога `web/`):
-
-```sh
-npx shadcn-svelte@latest add %sveltekit.body%
-
-
diff --git a/web-legacy-svelte/src/lib/api/client.ts b/web-legacy-svelte/src/lib/api/client.ts
deleted file mode 100644
index ab3bfaf..0000000
--- a/web-legacy-svelte/src/lib/api/client.ts
+++ /dev/null
@@ -1,185 +0,0 @@
-import { browser } from '$app/environment';
-import type {
- AsEntriesResponse,
- CdnSourcesResponse,
- DomainEntriesResponse,
- IpRangeEntriesResponse,
- JobRow,
- ModuleType,
- RevisionPrefix,
- RevisionPrefixesResponse
-} from './types.js';
-
-export const TOKEN_STORAGE_KEY = 'evobgp_api_token';
-
-export type Problem = {
- type?: string;
- title?: string;
- status?: number;
- detail?: string;
-};
-
-function getToken(): string | null {
- if (!browser) return null;
- return localStorage.getItem(TOKEN_STORAGE_KEY);
-}
-
-function mergeHeaders(init?: RequestInit, extraHeaders?: Record
- API-ключи
-
- Управление ключами tenant. Полный токен показывается только при создании и ротации.
-
-
-
-
-
-
-
-
-
-
- {/if}
- {/snippet}
-
-
diff --git a/web-legacy-svelte/src/lib/components/directories/DirectoriesCommunitiesCard.svelte b/web-legacy-svelte/src/lib/components/directories/DirectoriesCommunitiesCard.svelte
deleted file mode 100644
index 330c53f..0000000
--- a/web-legacy-svelte/src/lib/components/directories/DirectoriesCommunitiesCard.svelte
+++ /dev/null
@@ -1,188 +0,0 @@
-
-
-{text}
-
- Сообщества BGP
- Используются для тегирования префиксов в AS- и CDN-модулях
-
-
-
-
-
-
-
-
- {/if}
- {/snippet}
-
- DoH профили
- DNS-over-HTTPS серверы для резолвинга доменных модулей
-
-
-
-
-
-
-
-
- {/if}
- {/snippet}
-
- AS-записи
-
- Номер AS и community; имя, число префиксов и дата обновляются при успешном refresh
- (RIPEstat).
-
-
-
-
-
-
- {#if selectedCount > 0}
-
- {/if}
-
-
- toggleAll(v === true)}
- aria-label="Выбрать все AS-записи"
- />
- Выбрать все
-
- {/if}
- {/snippet}
- {#snippet cell({ row: entry, column })}
- {#if column.id === 'select'}
-
-
-
-
- {/if}
- {/snippet}
-
- CDN-источники
- URL источников для скачивания списков CIDR.
-
-
-
- {#if selectedCount > 0}
-
- {/if}
-
-
- toggleAll(v === true)}
- aria-label="Выбрать все CDN-источники"
- />
- Выбрать все
-
- {/if}
- {/snippet}
- {#snippet cell({ row: src, column })}
- {#if column.id === 'select'}
-
- {normalizeCdnSourceKind(src.source_kind)}
- {#if src.prefix_path?.trim()}
- {src.prefix_path}
- {/if}
-
- {:else if column.id === 'community'}
-
- {communityLabel(src.community_id, communities)}
-
- {:else if column.id === 'interval'}
-
- {src.refresh_interval_sec != null ? `${src.refresh_interval_sec}с` : '—'}
-
- {:else if column.id === 'refreshed'}
-
- {formatDateTime(src.last_refreshed_at)}
-
- {:else if column.id === 'actions'}
-
-
-
-
- {/if}
- {/snippet}
-
-
-
- {#snippet actions()}
-
-
diff --git a/web-legacy-svelte/src/lib/components/modules/ModuleDomainEntriesCard.svelte b/web-legacy-svelte/src/lib/components/modules/ModuleDomainEntriesCard.svelte
deleted file mode 100644
index f8b7853..0000000
--- a/web-legacy-svelte/src/lib/components/modules/ModuleDomainEntriesCard.svelte
+++ /dev/null
@@ -1,302 +0,0 @@
-
-
-
-
-
- {moduleTypeRu(mod.type)}
-
- {moduleEnabledRu(!!mod.enabled)}
-
-
-
-
-
- {/snippet}
-
- Домены
- FQDN для резолвинга через DoH.
-
-
-
-
-
- {#if selectedCount > 0}
-
- {/if}
-
-
- toggleAll(v === true)}
- aria-label="Выбрать все домены"
- />
- Выбрать все
-
- {/if}
- {/snippet}
- {#snippet cell({ row: entry, column })}
- {#if column.id === 'select'}
-
-
-
-
- {/if}
- {/snippet}
-
- IP-диапазоны
- Статические CIDR для анонса.
-
-
-
-
-
- {#if selectedCount > 0}
-
- {/if}
-
-
- toggleAll(v === true)}
- aria-label="Выбрать все диапазоны"
- />
- Выбрать все
-
- {/if}
- {/snippet}
- {#snippet cell({ row: entry, column })}
- {#if column.id === 'select'}
-
-
-
-
- {/if}
- {/snippet}
-
- {#if loading}
- {#each Array(5) as _, i (i)}
-
-
-
- {card.value}
-
-
-
-
-
- {/each}
- {/if}
-
diff --git a/web-legacy-svelte/src/lib/components/modules/ModuleSummaryCard.svelte b/web-legacy-svelte/src/lib/components/modules/ModuleSummaryCard.svelte
deleted file mode 100644
index a0b920e..0000000
--- a/web-legacy-svelte/src/lib/components/modules/ModuleSummaryCard.svelte
+++ /dev/null
@@ -1,115 +0,0 @@
-
-
-- - {card.label} -
-{card.description}
-
-
- {:else if mod.type === 'AS_PREFIXES'}
- Домены и ожидаемые IP
-- После refresh домены резолвятся в IP и конвертируются в префиксы. -
-
- {#each domainEntries.slice(0, 8) as entry (entry.id)}
-
- {entry.fqdn}
- {:else} -Нет доменов
- {/each} - {#if domainEntries.length > 8} -…и ещё {domainEntries.length - 8}
- {/if} -
-
- {:else if mod.type === 'CDN_CIDRS'}
- ASN и число полученных префиксов
-- Счётчик префиксов обновляется после успешного refresh (RIPEstat). -
-
-
- - Всего ASN: {asEntries.length} -
-- Сумма префиксов: {asPrefixTotal} -
-
-
- {:else if mod.type === 'IP_RANGES'}
- CDN ссылки и импортируемые префиксы
-- Каждый URL поставляет список CIDR для агрегации. -
-
- {#each cdnSources.slice(0, 6) as src (src.id)}
-
- {src.url}
- {:else} -Нет CDN источников
- {/each} - {#if cdnSources.length > 6} -…и ещё {cdnSources.length - 6}
- {/if} -
-
- {/if}
- IP ranges для агрегации
-- Статические CIDR, которые попадают в итоговую ревизию. -
-
- {#each ipEntries.slice(0, 8) as entry (entry.id)}
-
- {entry.prefix}
- {:else} -Нет диапазонов
- {/each} - {#if ipEntries.length > 8} -…и ещё {ipEntries.length - 8}
- {/if} -
-
- Результат операции
-- Подробный результат по конкретному запуску refresh смотрите в Операции → Задачи → - module_refresh: там отображаются источники, количество префиксов и итог агрегации. -
- -
- Политики обслуживания
-
- Единственный источник конфигурации retention, vacuum и расписания (UTC cron).
-
-
- {#if isOperator}
-
- {/if}
-
-
- {/if}
-
-
-
-
-
-
-
-
- Выберите шаблоны и создайте политики одним действием или примените шаблон в форме. -
-
- {#each maintenancePolicyPresets as preset (preset.id)}
- {@const applied = isPresetAlreadyApplied(preset, policies)}
- {@const checked = selectedPresetIds.includes(preset.id)}
-
- {/each}
-
- {row.last_run_at}
- {/if} - {:else if column.id === 'actions' && isOperator} -
-
-
-
-
-
- {:else if column.id === 'name'}
- {row.name}
- {:else if column.id === 'table_name'}
- {row.table_name}
- {:else if column.id === 'schedule'}
-
- {describeCron(row.schedule)}
- {row.schedule}
-
- {:else if column.id !== 'actions'}
- —
- {/if}
- {/snippet}
-
-
-
-{#if unavailable}
-
-
-
-
-
-
-
- EVOBGP_DATABASE_URL (не memory backend).
-
-
-
- Подключения
-
-
-
-
-
-
- Cache hit
-
-
-
-
-
-
- TPS (commits)
-
-
-
-
-
-
- Размер БД
-
-
-
-
-
- {#if overview.replication?.length}
- - {overview.connections.active} / {overview.connections.max_connections} -
-
-
-
- - idle {overview.connections.idle}, total {overview.connections.total} -
-- {overview.database.cache_hit_pct ?? '—'}% -
-
-
-
- - {overview.database.xact_commit.toLocaleString()} -
-- rollback {overview.database.xact_rollback.toLocaleString()}, deadlocks {overview - .database.deadlocks} -
-{formatBytes(overview.database_size_bytes)}
-- shared_buffers {overview.memory_settings.shared_buffers} -
-
- {p.timestamp}
- p99 refresh: {p.pipeline_refresh_p99_ms?.toFixed(0) ?? '—'} ms
- cache hit: {p.cache_hit_pct?.toFixed(1) ?? '—'}%
-
- {:else}
- Нет точек за окно
- {/each} -
-
-
- Файлы
- Audit очистки
-
-
-
- {#if filesUnavailable}
-
-
- *.log на хосте
-
- Просмотр хвоста и синхронная очистка (truncate по умолчанию). Очистка — роль operator.
-
-
-
- f.name}
- loading={filesLoading}
- emptyTitle="Нет log-файлов"
- emptyDescription="Sidecar ещё не создал файлы или каталог пуст."
- >
- {#snippet cell({ row, column })}
- {#if column.id === 'name'}
- {row.name}
- {:else if column.id === 'size'}
- {formatBytes(row.size_bytes)}
- {:else if column.id === 'modified'}
- {formatDateTime(row.modified_at)}
- {:else if column.id === 'actions'}
-
-
-
- {/if}
-
-
-
-
-
- История очистки
-
- Записи из
-
-
- {#if auditError && auditItems.length === 0}
-
- {#snippet action()}
-
- {/snippet}
-
- {:else}
- r.id}
- loading={auditLoading && auditItems.length === 0}
- emptyTitle="Записей пока нет"
- emptyDescription="Очистка появится после ручного DELETE или автоочистки. Настройки — Параметры → Файловые логи."
- >
- {#snippet cell({ row, column })}
- {#if column.id === 'created'}
- {formatDateTime(row.created_at)}
- {:else if column.id === 'source'}
-
- {auditSourceLabel(row.actor_prefix)}
-
- {:else if column.id === 'actor'}
- {row.actor_prefix}
- {:else if column.id === 'filename'}
- {row.filename}
- {:else if column.id === 'action'}
- {row.action}
- {:else if column.id === 'sizes'}
-
- {formatBytes(row.size_before)}
- {#if row.size_after != null}
- → {formatBytes(row.size_after)}
- {/if}
-
- {/if}
- {/snippet}
-
- {/if}
- {#if auditHasMore}
-
- {/if}
-
-
-
-
-
-
-
diff --git a/web-legacy-svelte/src/lib/components/network/NetworkAutoRefreshToggle.svelte b/web-legacy-svelte/src/lib/components/network/NetworkAutoRefreshToggle.svelte
deleted file mode 100644
index c1a0ba1..0000000
--- a/web-legacy-svelte/src/lib/components/network/NetworkAutoRefreshToggle.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
-
-
- {#if filesUnavailable}
-
-
-
-
-
-
- Файлов
- {files.length}
-
-
-
-
- Суммарный размер
- {formatBytes(totalBytes)}
-
-
-
- {/if}
-
-
-
- {#if isOperator}
-
-
-
- {#snippet child({ props })}
-
- {/snippet}
-
-
- requestCleanup(row, 'delete')}
- >
-
-
-
- {/if}
-
- {/if}
- {/snippet}
- runtime_log_cleanup_audit (viewer+).
-
-
diff --git a/web-legacy-svelte/src/lib/components/network/NetworkBirdSettingsSummaryCard.svelte b/web-legacy-svelte/src/lib/components/network/NetworkBirdSettingsSummaryCard.svelte
deleted file mode 100644
index 3c81b97..0000000
--- a/web-legacy-svelte/src/lib/components/network/NetworkBirdSettingsSummaryCard.svelte
+++ /dev/null
@@ -1,80 +0,0 @@
-
-
-Загрузка…
- {:else if Object.keys(values).length === 0} -Параметры BIRD ещё не заданы.
- {:else} --
- {#each Object.entries(values) as [key, value] (key)}
-
- {labels[key] ?? key} -
- {value} -
-
- {/each}
-
- {#if !initialLoading && !loading}
- {#if overallStatus === 'ok'}
-
- {networkOverallStatusLabel(overallStatus)}
- {overallHint}
-
- {:else if overallStatus === 'warn'}
-
- {networkOverallStatusLabel(overallStatus)}
-
- {overallHint}
- {#if issues.length > 0}
-
-
- {:else}
-
- {networkOverallStatusLabel(overallStatus)}
-
- {overallHint}
- {#if issues.length > 0}
-
-
- {/if}
- {/if}
-
-
-
-
diff --git a/web-legacy-svelte/src/lib/components/network/NetworkPeersCard.svelte b/web-legacy-svelte/src/lib/components/network/NetworkPeersCard.svelte
deleted file mode 100644
index 0e9f8e9..0000000
--- a/web-legacy-svelte/src/lib/components/network/NetworkPeersCard.svelte
+++ /dev/null
@@ -1,342 +0,0 @@
-
-
--
- {#each issues as issue (issue.id)}
-
- {issue.message} - {/each} -
-
- {#each issues as issue (issue.id)}
-
- {issue.message} - {/each} -
-
-
- {#if speakers.length === 0 && !initialLoading && !loading}
- Ноды
- -Спикеры не зарегистрированы.
- {:else} -
- {#each speakers as speaker (speaker.id)}
- onSpeakerSelect(speaker) : undefined}
- />
- {/each}
-
- {/if}
-
- BGP-пиры
- Настройка BGP-соседей и привязка к спикерам
-
-
-
-
-
- setEnabled(p, v)}
- />
-
- {:else if column.id === 'session_state'}
-
- {p.session_state || '—'}
-
- {peerConnectedLabel(p)}
-
- {#if peerSessionHint(p)}
- {peerSessionHint(p)}
- {/if}
-
- {:else if column.id === 'speaker'}
-
- {p.bgp_speaker_id ? speakerLabelById(p.bgp_speaker_id) : 'Все спикеры'}
-
- {:else if column.id === 'actions'}
-
-
-
-
- {/if}
- {/snippet}
-
-
- {label}
-
- {speaker.role} · {speaker.agent_domain ?? speaker.endpoint}
-
-
-
-
- {dispatchError.title}
- {dispatchError.detail}
-
- {/if}
- {#if agentError}
-
- {agentError.title}
- {agentError.detail}
-
- {/if}
- {#if bgpError}
-
- {bgpError.title}
- {bgpError.detail}
-
- {/if}
-
- {#if onApply && speaker.published_revision_id}
-
- {/if}
-
-
-
-
-
-
-
- {/if}
-
- {#if status}
- {status.label}
- {/if}
- {#if speakerHasDrift(speaker)}
- Drift
- {/if}
-
-
- -
-
- BGP Established -
- - {speaker.live?.bgp_established ?? '—'} / {speaker.live?.bgp_sessions_total ?? '—'} - - {#if speaker.live?.agent_last_sync_at} -
- Последний sync -
- - {formatSyncAt(speaker.live.agent_last_sync_at)} - - {/if} -
- Drift (app / pub) -
- {driftLabel(speaker)} - {#if speaker.last_dispatch_at} -
- Dispatch -
- - {formatSyncAt(speaker.last_dispatch_at)} - - {/if} -
BGP-сессии (live)
- {#if sessions.length === 0} -Нет данных или сессий нет.
- {:else} -
-
-
-
- {/if}
- Пиры на ноде
- {#if relatedPeers.length === 0} -Нет привязанных пиров.
- {:else} --
- {#each relatedPeers as p (p.id)}
-
-
- --
- {p.name?.trim() || p.neighbor} -
- {#if p.session_mismatch} -- Mismatch: сессия не на назначенной ноде -
- {/if} -{p.session_state || '—'} -
- {/each}
-
- {status.label}
-
-
-
-
- {label}
-
- {speaker.role}
-
- -
-
- BGP -
- {speakerBgpText(speaker)} -
- Пиры -
- {peerCount} -
- Drift -
-
-
- {drift ? 'есть' : 'нет'} - -
-
- Спикеры
- Удалённые BIRD-ноды (Remnawave-style Panel→Node + signed bundle)
-
-
-
-
-
- {#if onSpeakerSelect}
-
- {/if}
-
-
-
-
-
- {/if}
- {/snippet}
-
-
-
-
-
-
- {#if diffData}
-
-
- {/if}
-
-
-
-
- +
- Добавлено ({addedSorted.length})
-
-
- {#if addedSorted.length === 0}
-
-
- {#each addedSorted as line, i (`a-${i}-${line}`)}
-
- {/if}
-
- Нет изменений
- {:else} -| - {i + 1} - | -- {line} - | -
-
-
- −
- Удалено ({removedSorted.length})
-
-
- {#if removedSorted.length === 0}
-
-
- {#each removedSorted as line, i (`r-${i}-${line}`)}
-
- {/if}
-
- Нет изменений
- {:else} -| - {i + 1} - | -- {line} - | -
-
diff --git a/web-legacy-svelte/src/lib/components/operations/OperationsJobsTab.svelte b/web-legacy-svelte/src/lib/components/operations/OperationsJobsTab.svelte
deleted file mode 100644
index 8ed3378..0000000
--- a/web-legacy-svelte/src/lib/components/operations/OperationsJobsTab.svelte
+++ /dev/null
@@ -1,463 +0,0 @@
-
-
-
-
- Фильтры задач
-
-
-
-
-
-
-
-
-
- onSearchQChange((e.currentTarget as HTMLInputElement).value)}
- {disabled}
- autocomplete="off"
- aria-label="Текстовый поиск по задачам"
- />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Задачи
-
- Фоновые задачи (ingest, применение, обновление)
- {#if jobsFetchedTotal !== undefined}
-
- · Показано {jobs.length} из {jobsFetchedTotal}
-
- {/if}
-
-
-
-
-
- {:else}
- {#if jobsLoading}
-
-
-
- {#if expandedJobIds.has(job.job_id)}
- {@const detailedJob = jobDetailsById.get(job.job_id) ?? job}
- {@const isDetailsLoading = jobDetailsLoading.has(job.job_id)}
- {@const isReportLoading = jobReportsLoading.has(job.job_id)}
- {@const jobReport = jobReportsById.get(job.job_id)}
- {@const logEntries = getJobLogEntries(detailedJob)}
- {@const logTotal = getJobLogTotal(detailedJob, logEntries)}
-
-
-
-
-
-
-
-
- {jobKindTitle(job, moduleNameById)}
- {#if kindSub} -{kindSub}
- {/if} -{job.job_id}
-
-
- {#if job.status === 'running' || job.status === 'queued'}
-
- {/if}
-
-
-
-
- {jobStatusRu(job.status)}
-
- - - Статус -
-
-
- - - Создана -
-{formatDateTime(job.created_at)}
-
-
- - - Запущена -
-{formatDateTime(job.started_at)}
-
-
- - - Завершена -
-{formatDateTime(job.finished_at)}
-
-
- {/if}
-
- {#if isDetailsLoading}
-
- Догружаем свежие детали задачи…
- {/if} - - {#if detailedJob.error} -
-
- {/if}
-
- {#if logEntries.length > 0}
- Ошибка
-{detailedJob.error}
-
-
- {/if}
-
- {#if isReportLoading}
-
-
- Журнал обработки
-- {logEntries.length} записей, всего {logTotal} префиксов -
-
-
-
- {#each logEntries as entry, idx (`${job.job_id}-${idx}`)}
-
-
-
- {/each}
- - {entry.message} -
-
-
- {#if entry.sample && entry.sample.length > 0}
-
- Источник
-
- - {entry.source} -
-
- Тип
-
- - {logKindRu(entry.kind)} -
-
- Сообщество BGP
-
- - {entry.community_label?.trim() || entry.community} -
-
- Префиксы
-
- - {entry.prefix_count} -
-
-
- {/if}
- - Примеры -
-
-
-
- {#each entry.sample as sampleValue, sampleIdx (`${job.job_id}-${idx}-sample-${sampleIdx}`)}
-
- - {sampleValue} -
- {/each} -- Собираем подробный отчёт по источникам и агрегации… -
- {/if} - - {#if jobReport} -
-
- {/if}
-
-
-
- Операции по модулю
-
- {#if jobReport.module}
- {moduleTypeRu(jobReport.module.type)}
- {jobReport.module.name}
- {/if}
- {#if jobReport.revisionId}
- {jobReport.revisionId.slice(0, 8)}…
- {/if}
-
-
-
- {#if jobReport.aggregationByKind.length > 0}
-
-
- - - Агрегация -
-{jobReport.aggregationTotal} префиксов
-
-
- - - Домены -
-{jobReport.domains.length}
-
-
- - - ASN -
-{jobReport.asn.length}
-
-
- - - CDN / IP-диапазоны -
-- {jobReport.cdn.length}/{jobReport.ipRanges.length} -
-
-
- {/if}
-
- Результат агрегации по типам
-
- {#each jobReport.aggregationByKind as row (`${job.job_id}-agg-${row.kind}`)}
- {logKindRu(row.kind)}: {row.prefixCount}
- {/each}
-
-
-
-
-
- - Домены: какой домен какие IP/префиксы вернул -
-
-
- ASN: сколько префиксов получено по AS
-
-
- - CDN: из каждой ссылки полученные IP/префиксы -
-
-
- - IP-диапазоны: итог по статическим диапазонам -
-
-
- Meta (JSON)
-
-
- {JSON.stringify(
- detailedJob.meta ?? {},
- null,
- 2
- )}
- Загрузка…
- {:else}
-
-
-
-
-
-
-
-
-
-
diff --git a/web-legacy-svelte/src/lib/components/operations/OperationsRevisionsTab.svelte b/web-legacy-svelte/src/lib/components/operations/OperationsRevisionsTab.svelte
deleted file mode 100644
index 83bb606..0000000
--- a/web-legacy-svelte/src/lib/components/operations/OperationsRevisionsTab.svelte
+++ /dev/null
@@ -1,120 +0,0 @@
-
-
-
-
-
-
-
-
-
-
- Применить ко всем спикерам
-- Применить текущую конфигурацию на всех BIRD-спикерах -
-
-
-
-
-
-
-
-
- Перезагрузка BIRD
-- Перезагрузить конфигурацию BIRD на всех спикерах -
-
-
-
-
-
-
-
-
- {birdHealthyShortLabel(birdStatus.healthy)}
-
- {/if}
-
- Состояние BIRD
- {#if birdStatus} -
- Локально на хосте API: birdc show protocols. Не заменяет мониторинг спикеров.
-
Загрузка…
- {:else if birdStatus} - {#if !birdStatus.birdc_configured} -- {birdStatus.message ?? 'birdc не настроен на API.'} -
- {:else if birdStatus.error} -{birdStatus.error}
- {:else} -- BGP сессий: - {birdStatus.bgp_established} - / - {birdStatus.bgp_sessions_total} - установлено / всего -
- {/if} - {:else} -Статус не загружен
- {/if} -
-
- {#if birdStatus?.birdc_configured && birdStatus.protocols_excerpt}
-
- {/if}
-
-
- История ревизий
-
- Создаются задачей module_refresh (CDN / IP / AS и т.д.); в превью есть полный текст BIRD с
- инклюдами
-
-
-
-
-
-
-
-
- {/if}
- {/snippet}
-
-
-
- {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
-
- {#each headerGroup.headers as header (header.id)}
-
- {#if !header.isPlaceholder}
-
- {/each}
-
- {/each}
-
-
- {#each table.getRowModel().rows as row (row.id)}
-
- {#each row.getVisibleCells() as cell (cell.id)}
-
-
- {/each}
-
- {:else}
-
-
- {emptyLabel}
-
-
- {/each}
-
-
-
-{#if table.getPageCount() > 1}
-
-
-{/if}
diff --git a/web-legacy-svelte/src/lib/components/operations/types.ts b/web-legacy-svelte/src/lib/components/operations/types.ts
deleted file mode 100644
index 94de3c5..0000000
--- a/web-legacy-svelte/src/lib/components/operations/types.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { ModuleRow } from '$lib/api/types.js';
-
-export type JobLogEntry = {
- kind: string;
- source: string;
- community: string;
- /** Человекочитаемое имя из справочника (title или BGP community). */
- community_label?: string;
- prefix_count: number;
- sample?: string[];
- message: string;
-};
-
-export type ReportRow = {
- label: string;
- source: string;
- prefixes: string[];
- prefixCount: number;
-};
-
-export type JobDetailedReport = {
- revisionId: string | null;
- module: ModuleRow | null;
- aggregationTotal: number;
- aggregationByKind: Array<{ kind: string; prefixCount: number }>;
- domains: ReportRow[];
- asn: Array<{ asn: string; prefixCount: number }>;
- cdn: ReportRow[];
- ipRanges: ReportRow[];
-};
diff --git a/web-legacy-svelte/src/lib/components/overview/OverviewNetworkStatusCard.svelte b/web-legacy-svelte/src/lib/components/overview/OverviewNetworkStatusCard.svelte
deleted file mode 100644
index 8805d71..0000000
--- a/web-legacy-svelte/src/lib/components/overview/OverviewNetworkStatusCard.svelte
+++ /dev/null
@@ -1,120 +0,0 @@
-
-
-- Стр. {table.getState().pagination.pageIndex + 1} из {table.getPageCount()} ({rows.length} строк) -
- - -
-
-
- Live-статус пиров и спикеров
-
-
- {error}
- {:else if initialLoading || loading} -Загрузка live-метрик…
- {:else if overallStatus === 'ok'} --
- {#each issues as issue (issue.id)}
-
- {issue.message} - {/each} -
-
- {#each issues as issue (issue.id)}
-
- {issue.message} - {/each} -
-
-
-
- Пиры Established
-- {initialLoading ? '—' : `${metrics.peersEstablished}/${metrics.peersEnabled}`} -
-
-
- Спикеры online
-- {initialLoading ? '—' : `${metrics.speakersOnline}/${metrics.speakersTotal}`} -
-
-
- Drift
-{initialLoading ? '—' : metrics.speakersDrift}
-
- Последние задачи
- Фоновые задачи ingest, refresh и apply
-
-
-
- Последние ревизии
- Снимки конфигурации BIRD после обновления модулей
-
-
-
-
-
- Дополнительные параметры
- Произвольные KV-пары в global_settings (operator).
-
- {#if loaded}
-
- {/if}
- Загрузка…
- {:else if !loaded} - - {:else if additionalSettings.length === 0} -
- {#each additionalSettings as entry (entry.id)}
-
-
-
- {/if}
-
-
-
-
-
- {/each}
- PATCH /v1/settings (роль operator).
- Загрузка…
- {:else if !loaded} - - {:else} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {#if hasValidationErrors}
- - Есть ошибки в полях. Исправьте их, чтобы сохранить изменения. -
- {/if} - - - {/if} -Загрузка…
- {:else if !loaded} - - {:else} -
-
- {/if}
-
- {#if hasValidationErrors}
- Оценка очистки по введённому retention
- {#if estimateLoading} -Расчёт…
- {:else if estimate} -- Будет удалено ревизий: {estimate.revision_count} -
-- Освободится ориентировочно: ~{formatBytes(estimate.bytes_estimate)} -
- {#if estimate.prefix_row_count > 0} -- Строк префиксов в снимках: {estimate.prefix_row_count} - {#if estimate.orphan_snapshot_count > 0} - · снимков: {estimate.orphan_snapshot_count} - {/if} -
- {/if} - {:else} -Оценка недоступна
- {/if} -- Учитываются те же правила, что при автоочистке: последняя ревизия и раскатанные на - спикерах не удаляются. -
-- Есть ошибки в полях. Исправьте их, чтобы сохранить изменения. -
- {/if} - -
-
- {#if isOperator}
-
- {/if}
-
- {/if}
- *.log на диске evobgp-all (sidecar
- stack-runtime-logs). Требуется volume EVOBGP_RUNTIME_LOGS_DIR.
- Загрузка…
- {:else if !loaded} - - {:else} -- FS API недоступен (не evobgp-all или нет volume). Оценка и «Запустить сейчас» недоступны; - настройки сохраняются для будущего прогона scheduler. -
- {:else if parsedMaxMb !== null} -
-
- {/if}
-
- {#if hasValidationErrors}
- Оценка по текущему порогу
- {#if estimateLoading} -Расчёт…
- {:else if estimate} -- Файлов к очистке: {estimate.would_count ?? 0} -
- {#if estimate.items?.length} --
- {#each estimate.items.filter((i) => i.would_cleanup) as item (item.filename)}
-
- - {item.filename} · {formatBytes(item.size_bytes)} - - {/each} -
Оценка недоступна
- {/if} -Исправьте ошибки в полях перед сохранением.
- {/if} - -
- {#if isOperator}
-
-
- {/if}
-
- {/if}
-
-
- Operator-only
-
- Изменение значений через
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/web-legacy-svelte/src/lib/components/ui/alert-dialog/index.ts b/web-legacy-svelte/src/lib/components/ui/alert-dialog/index.ts
deleted file mode 100644
index 18f963c..0000000
--- a/web-legacy-svelte/src/lib/components/ui/alert-dialog/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/alert-dialog/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/alert/index.ts b/web-legacy-svelte/src/lib/components/ui/alert/index.ts
deleted file mode 100644
index 099653e..0000000
--- a/web-legacy-svelte/src/lib/components/ui/alert/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/alert/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/badge/index.ts b/web-legacy-svelte/src/lib/components/ui/badge/index.ts
deleted file mode 100644
index a274438..0000000
--- a/web-legacy-svelte/src/lib/components/ui/badge/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/badge/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/button/index.ts b/web-legacy-svelte/src/lib/components/ui/button/index.ts
deleted file mode 100644
index 06ff5d3..0000000
--- a/web-legacy-svelte/src/lib/components/ui/button/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/button/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/card/index.ts b/web-legacy-svelte/src/lib/components/ui/card/index.ts
deleted file mode 100644
index 7ddc276..0000000
--- a/web-legacy-svelte/src/lib/components/ui/card/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/card/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/checkbox/index.ts b/web-legacy-svelte/src/lib/components/ui/checkbox/index.ts
deleted file mode 100644
index c89e035..0000000
--- a/web-legacy-svelte/src/lib/components/ui/checkbox/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/checkbox/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/data-table/index.ts b/web-legacy-svelte/src/lib/components/ui/data-table/index.ts
deleted file mode 100644
index 12c5fb1..0000000
--- a/web-legacy-svelte/src/lib/components/ui/data-table/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/data-table/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/dialog/index.ts b/web-legacy-svelte/src/lib/components/ui/dialog/index.ts
deleted file mode 100644
index 767e160..0000000
--- a/web-legacy-svelte/src/lib/components/ui/dialog/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/dialog/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/dropdown-menu/index.ts b/web-legacy-svelte/src/lib/components/ui/dropdown-menu/index.ts
deleted file mode 100644
index c6bae74..0000000
--- a/web-legacy-svelte/src/lib/components/ui/dropdown-menu/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/dropdown-menu/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/form/index.ts b/web-legacy-svelte/src/lib/components/ui/form/index.ts
deleted file mode 100644
index bf35b9b..0000000
--- a/web-legacy-svelte/src/lib/components/ui/form/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/form/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/input/index.ts b/web-legacy-svelte/src/lib/components/ui/input/index.ts
deleted file mode 100644
index d660ada..0000000
--- a/web-legacy-svelte/src/lib/components/ui/input/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/input/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/label/index.ts b/web-legacy-svelte/src/lib/components/ui/label/index.ts
deleted file mode 100644
index 729cf3b..0000000
--- a/web-legacy-svelte/src/lib/components/ui/label/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/label/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/popover/index.ts b/web-legacy-svelte/src/lib/components/ui/popover/index.ts
deleted file mode 100644
index 857995c..0000000
--- a/web-legacy-svelte/src/lib/components/ui/popover/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/popover/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/scroll-area/index.ts b/web-legacy-svelte/src/lib/components/ui/scroll-area/index.ts
deleted file mode 100644
index 4f5f5a7..0000000
--- a/web-legacy-svelte/src/lib/components/ui/scroll-area/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/scroll-area/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/select/index.ts b/web-legacy-svelte/src/lib/components/ui/select/index.ts
deleted file mode 100644
index a428280..0000000
--- a/web-legacy-svelte/src/lib/components/ui/select/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/select/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/separator/index.ts b/web-legacy-svelte/src/lib/components/ui/separator/index.ts
deleted file mode 100644
index e7333ee..0000000
--- a/web-legacy-svelte/src/lib/components/ui/separator/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/separator/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/sheet/index.ts b/web-legacy-svelte/src/lib/components/ui/sheet/index.ts
deleted file mode 100644
index e23e688..0000000
--- a/web-legacy-svelte/src/lib/components/ui/sheet/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/sheet/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/skeleton/index.ts b/web-legacy-svelte/src/lib/components/ui/skeleton/index.ts
deleted file mode 100644
index d05becd..0000000
--- a/web-legacy-svelte/src/lib/components/ui/skeleton/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/skeleton/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/switch/index.ts b/web-legacy-svelte/src/lib/components/ui/switch/index.ts
deleted file mode 100644
index 8d48016..0000000
--- a/web-legacy-svelte/src/lib/components/ui/switch/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/switch/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/table/index.ts b/web-legacy-svelte/src/lib/components/ui/table/index.ts
deleted file mode 100644
index 71ac428..0000000
--- a/web-legacy-svelte/src/lib/components/ui/table/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/table/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/tabs/index.ts b/web-legacy-svelte/src/lib/components/ui/tabs/index.ts
deleted file mode 100644
index c26ef99..0000000
--- a/web-legacy-svelte/src/lib/components/ui/tabs/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/tabs/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/textarea/index.ts b/web-legacy-svelte/src/lib/components/ui/textarea/index.ts
deleted file mode 100644
index 3ece123..0000000
--- a/web-legacy-svelte/src/lib/components/ui/textarea/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/textarea/index.js';
diff --git a/web-legacy-svelte/src/lib/components/ui/tooltip/index.ts b/web-legacy-svelte/src/lib/components/ui/tooltip/index.ts
deleted file mode 100644
index e6a87c4..0000000
--- a/web-legacy-svelte/src/lib/components/ui/tooltip/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '$lib/ui/core/tooltip/index.js';
diff --git a/web-legacy-svelte/src/lib/dialog-layout.ts b/web-legacy-svelte/src/lib/dialog-layout.ts
deleted file mode 100644
index 4a4f2ab..0000000
--- a/web-legacy-svelte/src/lib/dialog-layout.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Общая разметка для модалок с прокручиваемым контентом (превью BIRD, вывод birdc, логи).
- * DialogContent по умолчанию — grid + p-4; здесь переопределяем на flex-колонку без внешних отступов.
- */
-export const dialogContentDocument =
- '!flex w-[min(100vw-2rem,56rem)] max-h-[min(92vh,880px)] flex-col gap-0 overflow-hidden !p-0 sm:max-w-4xl';
-
-export const dialogHeaderDocument =
- 'shrink-0 space-y-1.5 border-b border-border/70 px-6 pt-5 pb-3 pr-14 text-left';
-
-export const dialogBodyDocument =
- 'flex min-h-0 min-w-0 flex-1 flex-col gap-3 overflow-hidden px-6 py-4';
-
-/** Компактные модалки (детали задачи, формы): единая шапка и тело */
-export const dialogContentPanel =
- '!flex max-h-[min(90vh,40rem)] w-full max-w-lg flex-col gap-0 overflow-hidden !p-0 sm:max-w-lg';
-
-export const dialogHeaderPanel =
- 'shrink-0 space-y-1.5 border-b border-border/70 px-6 pt-5 pb-3 pr-14 text-left';
-
-export const dialogBodyPanel = 'min-h-0 flex-1 overflow-y-auto px-6 py-4';
diff --git a/web-legacy-svelte/src/lib/index.ts b/web-legacy-svelte/src/lib/index.ts
deleted file mode 100644
index 856f2b6..0000000
--- a/web-legacy-svelte/src/lib/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-// place files you want to import through the `$lib` alias in this folder.
diff --git a/web-legacy-svelte/src/lib/maintenance/policy-api.ts b/web-legacy-svelte/src/lib/maintenance/policy-api.ts
deleted file mode 100644
index 4a6cd72..0000000
--- a/web-legacy-svelte/src/lib/maintenance/policy-api.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { apiJSON, apiMutate } from '$lib/api/client.js';
-
-export type MaintenancePolicy = {
- id: string;
- name: string;
- table_name: string;
- condition: string;
- retention_period_sec?: number;
- max_rows?: number;
- vacuum_strategy: string;
- schedule: string;
- enabled: boolean;
- dry_run_enabled: boolean;
- last_run_at?: string;
- last_status?: string;
- last_error?: string;
- created_at?: string;
- updated_at?: string;
-};
-
-export type MaintenancePolicyHints = {
- table_name: string;
- n_dead_tup: number;
- bloat_ratio?: number;
- last_autovacuum?: string;
- recommend_vacuum: boolean;
- detail?: string;
-};
-
-export type MaintenancePoliciesResponse = {
- items: MaintenancePolicy[];
- next_cursor?: string;
- has_more?: boolean;
-};
-
-export async function listMaintenancePolicies(limit = 100): PromisePATCH /v1/settings требует роли operator.
- При отсутствии прав API вернёт 403.
-