;
+}
diff --git a/web/src/lib/assets/favicon.svg b/web/src/lib/assets/favicon.svg
new file mode 100644
index 0000000..cc5dc66
--- /dev/null
+++ b/web/src/lib/assets/favicon.svg
@@ -0,0 +1 @@
+svelte-logo
+
+
+
+
+
+
+
+
+
+ Флот
+
+
+
+ {#snippet child({ props })}
+
+ Обзор
+
+ {/snippet}
+
+
+
+
+ {#snippet child({ props })}
+
+ Пользователи
+
+ {/snippet}
+
+
+
+
+ {#snippet child({ props })}
+
+ Уникальные IP
+
+ {/snippet}
+
+
+
+
+ {#if serverAliases.length > 0}
+
+ Серверы
+
+ {#each serverAliases as a (a)}
+
+
+ {#snippet child({ props })}
+
+ {a}
+
+ {/snippet}
+
+
+ {/each}
+
+
+ {/if}
+ {#if serverPath}
+
+ Нода
+
+
+
+ {#snippet child({ props })}
+
+ Dashboard
+
+ {/snippet}
+
+
+
+
+ {#snippet child({ props })}
+
+ Runtime
+
+ {/snippet}
+
+
+
+
+ {#snippet child({ props })}
+
+ Users
+
+ {/snippet}
+
+
+
+
+ {#snippet child({ props })}
+
+ Security
+
+ {/snippet}
+
+
+
+
+ {#snippet child({ props })}
+
+ Upstreams & DCs
+
+ {/snippet}
+
+
+
+
+ {#snippet child({ props })}
+
+ Configuration
+
+ {/snippet}
+
+
+
+
+ {#snippet child({ props })}
+
+ Update
+
+ {/snippet}
+
+
+
+
+ {/if}
+
+
diff --git a/web/src/lib/components/ui/alert/alert-action.svelte b/web/src/lib/components/ui/alert/alert-action.svelte
new file mode 100644
index 0000000..1877d38
--- /dev/null
+++ b/web/src/lib/components/ui/alert/alert-action.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/alert/alert-description.svelte b/web/src/lib/components/ui/alert/alert-description.svelte
new file mode 100644
index 0000000..7ee6039
--- /dev/null
+++ b/web/src/lib/components/ui/alert/alert-description.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/alert/alert-title.svelte b/web/src/lib/components/ui/alert/alert-title.svelte
new file mode 100644
index 0000000..3e339a3
--- /dev/null
+++ b/web/src/lib/components/ui/alert/alert-title.svelte
@@ -0,0 +1,23 @@
+
+
+svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
+ className
+ )}
+ {...restProps}
+>
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/alert/alert.svelte b/web/src/lib/components/ui/alert/alert.svelte
new file mode 100644
index 0000000..abf7487
--- /dev/null
+++ b/web/src/lib/components/ui/alert/alert.svelte
@@ -0,0 +1,43 @@
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/alert/index.ts b/web/src/lib/components/ui/alert/index.ts
new file mode 100644
index 0000000..071b113
--- /dev/null
+++ b/web/src/lib/components/ui/alert/index.ts
@@ -0,0 +1,17 @@
+import Root from "./alert.svelte";
+import Description from "./alert-description.svelte";
+import Title from "./alert-title.svelte";
+import Action from "./alert-action.svelte";
+export { alertVariants, type AlertVariant } from "./alert.svelte";
+
+export {
+ Root,
+ Description,
+ Title,
+ Action,
+ //
+ Root as Alert,
+ Description as AlertDescription,
+ Title as AlertTitle,
+ Action as AlertAction,
+};
diff --git a/web/src/lib/components/ui/badge/badge.svelte b/web/src/lib/components/ui/badge/badge.svelte
new file mode 100644
index 0000000..51bbc23
--- /dev/null
+++ b/web/src/lib/components/ui/badge/badge.svelte
@@ -0,0 +1,49 @@
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/badge/index.ts b/web/src/lib/components/ui/badge/index.ts
new file mode 100644
index 0000000..64e0aa9
--- /dev/null
+++ b/web/src/lib/components/ui/badge/index.ts
@@ -0,0 +1,2 @@
+export { default as Badge } from "./badge.svelte";
+export { badgeVariants, type BadgeVariant } from "./badge.svelte";
diff --git a/web/src/lib/components/ui/button/button.svelte b/web/src/lib/components/ui/button/button.svelte
new file mode 100644
index 0000000..b6f80ef
--- /dev/null
+++ b/web/src/lib/components/ui/button/button.svelte
@@ -0,0 +1,82 @@
+
+
+
+
+{#if href}
+
+ {@render children?.()}
+
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/web/src/lib/components/ui/button/index.ts b/web/src/lib/components/ui/button/index.ts
new file mode 100644
index 0000000..fb585d7
--- /dev/null
+++ b/web/src/lib/components/ui/button/index.ts
@@ -0,0 +1,17 @@
+import Root, {
+ type ButtonProps,
+ type ButtonSize,
+ type ButtonVariant,
+ buttonVariants,
+} from "./button.svelte";
+
+export {
+ Root,
+ type ButtonProps as Props,
+ //
+ Root as Button,
+ buttonVariants,
+ type ButtonProps,
+ type ButtonSize,
+ type ButtonVariant,
+};
diff --git a/web/src/lib/components/ui/card/card-action.svelte b/web/src/lib/components/ui/card/card-action.svelte
new file mode 100644
index 0000000..7c48844
--- /dev/null
+++ b/web/src/lib/components/ui/card/card-action.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/card/card-content.svelte b/web/src/lib/components/ui/card/card-content.svelte
new file mode 100644
index 0000000..4f60ee3
--- /dev/null
+++ b/web/src/lib/components/ui/card/card-content.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/card/card-description.svelte b/web/src/lib/components/ui/card/card-description.svelte
new file mode 100644
index 0000000..9b20ac7
--- /dev/null
+++ b/web/src/lib/components/ui/card/card-description.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/card/card-footer.svelte b/web/src/lib/components/ui/card/card-footer.svelte
new file mode 100644
index 0000000..1efff6d
--- /dev/null
+++ b/web/src/lib/components/ui/card/card-footer.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/card/card-header.svelte b/web/src/lib/components/ui/card/card-header.svelte
new file mode 100644
index 0000000..7eb69e1
--- /dev/null
+++ b/web/src/lib/components/ui/card/card-header.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/card/card-title.svelte b/web/src/lib/components/ui/card/card-title.svelte
new file mode 100644
index 0000000..3f5261e
--- /dev/null
+++ b/web/src/lib/components/ui/card/card-title.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/card/card.svelte b/web/src/lib/components/ui/card/card.svelte
new file mode 100644
index 0000000..2b4f81a
--- /dev/null
+++ b/web/src/lib/components/ui/card/card.svelte
@@ -0,0 +1,22 @@
+
+
+img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", className)}
+ {...restProps}
+>
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/card/index.ts b/web/src/lib/components/ui/card/index.ts
new file mode 100644
index 0000000..4d3fce4
--- /dev/null
+++ b/web/src/lib/components/ui/card/index.ts
@@ -0,0 +1,25 @@
+import Root from "./card.svelte";
+import Content from "./card-content.svelte";
+import Description from "./card-description.svelte";
+import Footer from "./card-footer.svelte";
+import Header from "./card-header.svelte";
+import Title from "./card-title.svelte";
+import Action from "./card-action.svelte";
+
+export {
+ Root,
+ Content,
+ Description,
+ Footer,
+ Header,
+ Title,
+ Action,
+ //
+ Root as Card,
+ Content as CardContent,
+ Description as CardDescription,
+ Footer as CardFooter,
+ Header as CardHeader,
+ Title as CardTitle,
+ Action as CardAction,
+};
diff --git a/web/src/lib/components/ui/dialog/dialog-close.svelte b/web/src/lib/components/ui/dialog/dialog-close.svelte
new file mode 100644
index 0000000..de68f2f
--- /dev/null
+++ b/web/src/lib/components/ui/dialog/dialog-close.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+ {@render children?.()}
+ {#if showCloseButton}
+
+ {#snippet child({ props })}
+
+ Close
+
+ {/snippet}
+
+ {/if}
+
+
diff --git a/web/src/lib/components/ui/dialog/dialog-description.svelte b/web/src/lib/components/ui/dialog/dialog-description.svelte
new file mode 100644
index 0000000..0102d91
--- /dev/null
+++ b/web/src/lib/components/ui/dialog/dialog-description.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {@render children?.()}
+ {#if showCloseButton}
+
+ {#snippet child({ props })}
+ Close
+ {/snippet}
+
+ {/if}
+
diff --git a/web/src/lib/components/ui/dialog/dialog-header.svelte b/web/src/lib/components/ui/dialog/dialog-header.svelte
new file mode 100644
index 0000000..c3ce8a2
--- /dev/null
+++ b/web/src/lib/components/ui/dialog/dialog-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/dialog/dialog-overlay.svelte b/web/src/lib/components/ui/dialog/dialog-overlay.svelte
new file mode 100644
index 0000000..19f69f0
--- /dev/null
+++ b/web/src/lib/components/ui/dialog/dialog-overlay.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {#snippet children({ checked, indeterminate })}
+
+ {#if indeterminate}
+
+ {@render childrenProp?.()}
+ {/snippet}
+
diff --git a/web/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
new file mode 100644
index 0000000..261a5b0
--- /dev/null
+++ b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
@@ -0,0 +1,31 @@
+
+
+
+
diff --git a/web/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
new file mode 100644
index 0000000..433540f
--- /dev/null
+++ b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
@@ -0,0 +1,22 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte
new file mode 100644
index 0000000..274cfef
--- /dev/null
+++ b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte
@@ -0,0 +1,7 @@
+
+
+
+ {#snippet children({ checked })}
+
+ {#if checked}
+
+ {@render childrenProp?.({ checked })}
+ {/snippet}
+
diff --git a/web/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
new file mode 100644
index 0000000..90f1b6f
--- /dev/null
+++ b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
new file mode 100644
index 0000000..b5750d4
--- /dev/null
+++ b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte
new file mode 100644
index 0000000..f044581
--- /dev/null
+++ b/web/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte
@@ -0,0 +1,7 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/scroll-area/scroll-area.svelte b/web/src/lib/components/ui/scroll-area/scroll-area.svelte
new file mode 100644
index 0000000..d4d96d0
--- /dev/null
+++ b/web/src/lib/components/ui/scroll-area/scroll-area.svelte
@@ -0,0 +1,43 @@
+
+
+
+
+ {@render children?.()}
+
+ {#if orientation === "vertical" || orientation === "both"}
+
diff --git a/web/src/lib/components/ui/select/index.ts b/web/src/lib/components/ui/select/index.ts
new file mode 100644
index 0000000..4dec358
--- /dev/null
+++ b/web/src/lib/components/ui/select/index.ts
@@ -0,0 +1,37 @@
+import Root from "./select.svelte";
+import Group from "./select-group.svelte";
+import Label from "./select-label.svelte";
+import Item from "./select-item.svelte";
+import Content from "./select-content.svelte";
+import Trigger from "./select-trigger.svelte";
+import Separator from "./select-separator.svelte";
+import ScrollDownButton from "./select-scroll-down-button.svelte";
+import ScrollUpButton from "./select-scroll-up-button.svelte";
+import GroupHeading from "./select-group-heading.svelte";
+import Portal from "./select-portal.svelte";
+
+export {
+ Root,
+ Group,
+ Label,
+ Item,
+ Content,
+ Trigger,
+ Separator,
+ ScrollDownButton,
+ ScrollUpButton,
+ GroupHeading,
+ Portal,
+ //
+ Root as Select,
+ Group as SelectGroup,
+ Label as SelectLabel,
+ Item as SelectItem,
+ Content as SelectContent,
+ Trigger as SelectTrigger,
+ Separator as SelectSeparator,
+ ScrollDownButton as SelectScrollDownButton,
+ ScrollUpButton as SelectScrollUpButton,
+ GroupHeading as SelectGroupHeading,
+ Portal as SelectPortal,
+};
diff --git a/web/src/lib/components/ui/select/select-content.svelte b/web/src/lib/components/ui/select/select-content.svelte
new file mode 100644
index 0000000..bb1e2ac
--- /dev/null
+++ b/web/src/lib/components/ui/select/select-content.svelte
@@ -0,0 +1,45 @@
+
+
+
+
+
+ {@render children?.()}
+
+
+
diff --git a/web/src/lib/components/ui/select/select-group-heading.svelte b/web/src/lib/components/ui/select/select-group-heading.svelte
new file mode 100644
index 0000000..1fab5f0
--- /dev/null
+++ b/web/src/lib/components/ui/select/select-group-heading.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/select/select-group.svelte b/web/src/lib/components/ui/select/select-group.svelte
new file mode 100644
index 0000000..f666cb2
--- /dev/null
+++ b/web/src/lib/components/ui/select/select-group.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {#snippet children({ selected, highlighted })}
+
+ {#if selected}
+
+ {#if childrenProp}
+ {@render childrenProp({ selected, highlighted })}
+ {:else}
+ {label || value}
+ {/if}
+ {/snippet}
+
diff --git a/web/src/lib/components/ui/select/select-label.svelte b/web/src/lib/components/ui/select/select-label.svelte
new file mode 100644
index 0000000..69bcfdf
--- /dev/null
+++ b/web/src/lib/components/ui/select/select-label.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/select/select-portal.svelte b/web/src/lib/components/ui/select/select-portal.svelte
new file mode 100644
index 0000000..424bcdd
--- /dev/null
+++ b/web/src/lib/components/ui/select/select-portal.svelte
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/web/src/lib/components/ui/select/select-scroll-up-button.svelte b/web/src/lib/components/ui/select/select-scroll-up-button.svelte
new file mode 100644
index 0000000..035ea09
--- /dev/null
+++ b/web/src/lib/components/ui/select/select-scroll-up-button.svelte
@@ -0,0 +1,20 @@
+
+
+
+
diff --git a/web/src/lib/components/ui/select/select-separator.svelte b/web/src/lib/components/ui/select/select-separator.svelte
new file mode 100644
index 0000000..3b24bab
--- /dev/null
+++ b/web/src/lib/components/ui/select/select-separator.svelte
@@ -0,0 +1,18 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/select/select.svelte b/web/src/lib/components/ui/select/select.svelte
new file mode 100644
index 0000000..05eb663
--- /dev/null
+++ b/web/src/lib/components/ui/select/select.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+ {@render children?.()}
+ {#if showCloseButton}
+
+ {#snippet child({ props })}
+
+ Close
+
+ {/snippet}
+
+ {/if}
+
+
diff --git a/web/src/lib/components/ui/sheet/sheet-description.svelte b/web/src/lib/components/ui/sheet/sheet-description.svelte
new file mode 100644
index 0000000..333b17a
--- /dev/null
+++ b/web/src/lib/components/ui/sheet/sheet-description.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/sheet/sheet-header.svelte b/web/src/lib/components/ui/sheet/sheet-header.svelte
new file mode 100644
index 0000000..504465f
--- /dev/null
+++ b/web/src/lib/components/ui/sheet/sheet-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/sheet/sheet-overlay.svelte b/web/src/lib/components/ui/sheet/sheet-overlay.svelte
new file mode 100644
index 0000000..8d33847
--- /dev/null
+++ b/web/src/lib/components/ui/sheet/sheet-overlay.svelte
@@ -0,0 +1,17 @@
+
+
+ = () => T;
+
+export type SidebarStateProps = {
+ /**
+ * A getter function that returns the current open state of the sidebar.
+ * We use a getter function here to support `bind:open` on the `Sidebar.Provider`
+ * component.
+ */
+ open: Getter;
+
+ /**
+ * A function that sets the open state of the sidebar. To support `bind:open`, we need
+ * a source of truth for changing the open state to ensure it will be synced throughout
+ * the sub-components and any `bind:` references.
+ */
+ setOpen: (open: boolean) => void;
+};
+
+class SidebarState {
+ readonly props: SidebarStateProps;
+ open = $derived.by(() => this.props.open());
+ openMobile = $state(false);
+ setOpen: SidebarStateProps["setOpen"];
+ #isMobile: IsMobile;
+ state = $derived.by(() => (this.open ? "expanded" : "collapsed"));
+
+ constructor(props: SidebarStateProps) {
+ this.setOpen = props.setOpen;
+ this.#isMobile = new IsMobile();
+ this.props = props;
+ }
+
+ // Convenience getter for checking if the sidebar is mobile
+ // without this, we would need to use `sidebar.isMobile.current` everywhere
+ get isMobile() {
+ return this.#isMobile.current;
+ }
+
+ // Event handler to apply to the ``
+ handleShortcutKeydown = (e: KeyboardEvent) => {
+ if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {
+ e.preventDefault();
+ this.toggle();
+ }
+ };
+
+ setOpenMobile = (value: boolean) => {
+ this.openMobile = value;
+ };
+
+ toggle = () => {
+ return this.#isMobile.current
+ ? (this.openMobile = !this.openMobile)
+ : this.setOpen(!this.open);
+ };
+}
+
+const SYMBOL_KEY = "scn-sidebar";
+
+/**
+ * Instantiates a new `SidebarState` instance and sets it in the context.
+ *
+ * @param props The constructor props for the `SidebarState` class.
+ * @returns The `SidebarState` instance.
+ */
+export function setSidebar(props: SidebarStateProps): SidebarState {
+ return setContext(Symbol.for(SYMBOL_KEY), new SidebarState(props));
+}
+
+/**
+ * Retrieves the `SidebarState` instance from the context. This is a class instance,
+ * so you cannot destructure it.
+ * @returns The `SidebarState` instance.
+ */
+export function useSidebar(): SidebarState {
+ return getContext(Symbol.for(SYMBOL_KEY));
+}
diff --git a/web/src/lib/components/ui/sidebar/index.ts b/web/src/lib/components/ui/sidebar/index.ts
new file mode 100644
index 0000000..318a341
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/index.ts
@@ -0,0 +1,75 @@
+import { useSidebar } from "./context.svelte.js";
+import Content from "./sidebar-content.svelte";
+import Footer from "./sidebar-footer.svelte";
+import GroupAction from "./sidebar-group-action.svelte";
+import GroupContent from "./sidebar-group-content.svelte";
+import GroupLabel from "./sidebar-group-label.svelte";
+import Group from "./sidebar-group.svelte";
+import Header from "./sidebar-header.svelte";
+import Input from "./sidebar-input.svelte";
+import Inset from "./sidebar-inset.svelte";
+import MenuAction from "./sidebar-menu-action.svelte";
+import MenuBadge from "./sidebar-menu-badge.svelte";
+import MenuButton from "./sidebar-menu-button.svelte";
+import MenuItem from "./sidebar-menu-item.svelte";
+import MenuSkeleton from "./sidebar-menu-skeleton.svelte";
+import MenuSubButton from "./sidebar-menu-sub-button.svelte";
+import MenuSubItem from "./sidebar-menu-sub-item.svelte";
+import MenuSub from "./sidebar-menu-sub.svelte";
+import Menu from "./sidebar-menu.svelte";
+import Provider from "./sidebar-provider.svelte";
+import Rail from "./sidebar-rail.svelte";
+import Separator from "./sidebar-separator.svelte";
+import Trigger from "./sidebar-trigger.svelte";
+import Root from "./sidebar.svelte";
+
+export {
+ Content,
+ Footer,
+ Group,
+ GroupAction,
+ GroupContent,
+ GroupLabel,
+ Header,
+ Input,
+ Inset,
+ Menu,
+ MenuAction,
+ MenuBadge,
+ MenuButton,
+ MenuItem,
+ MenuSkeleton,
+ MenuSub,
+ MenuSubButton,
+ MenuSubItem,
+ Provider,
+ Rail,
+ Root,
+ Separator,
+ //
+ Root as Sidebar,
+ Content as SidebarContent,
+ Footer as SidebarFooter,
+ Group as SidebarGroup,
+ GroupAction as SidebarGroupAction,
+ GroupContent as SidebarGroupContent,
+ GroupLabel as SidebarGroupLabel,
+ Header as SidebarHeader,
+ Input as SidebarInput,
+ Inset as SidebarInset,
+ Menu as SidebarMenu,
+ MenuAction as SidebarMenuAction,
+ MenuBadge as SidebarMenuBadge,
+ MenuButton as SidebarMenuButton,
+ MenuItem as SidebarMenuItem,
+ MenuSkeleton as SidebarMenuSkeleton,
+ MenuSub as SidebarMenuSub,
+ MenuSubButton as SidebarMenuSubButton,
+ MenuSubItem as SidebarMenuSubItem,
+ Provider as SidebarProvider,
+ Rail as SidebarRail,
+ Separator as SidebarSeparator,
+ Trigger as SidebarTrigger,
+ Trigger,
+ useSidebar,
+};
diff --git a/web/src/lib/components/ui/sidebar/sidebar-content.svelte b/web/src/lib/components/ui/sidebar/sidebar-content.svelte
new file mode 100644
index 0000000..2a8d7ea
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-content.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-footer.svelte b/web/src/lib/components/ui/sidebar/sidebar-footer.svelte
new file mode 100644
index 0000000..496c6c0
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-footer.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-group-action.svelte b/web/src/lib/components/ui/sidebar/sidebar-group-action.svelte
new file mode 100644
index 0000000..1d07b97
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-group-action.svelte
@@ -0,0 +1,33 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/web/src/lib/components/ui/sidebar/sidebar-group-content.svelte b/web/src/lib/components/ui/sidebar/sidebar-group-content.svelte
new file mode 100644
index 0000000..7835b0e
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-group-content.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-group-label.svelte b/web/src/lib/components/ui/sidebar/sidebar-group-label.svelte
new file mode 100644
index 0000000..518216c
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-group-label.svelte
@@ -0,0 +1,33 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/web/src/lib/components/ui/sidebar/sidebar-group.svelte b/web/src/lib/components/ui/sidebar/sidebar-group.svelte
new file mode 100644
index 0000000..b5880d7
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-group.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-header.svelte b/web/src/lib/components/ui/sidebar/sidebar-header.svelte
new file mode 100644
index 0000000..b54754a
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-header.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-input.svelte b/web/src/lib/components/ui/sidebar/sidebar-input.svelte
new file mode 100644
index 0000000..19b3666
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-input.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-menu-action.svelte b/web/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
new file mode 100644
index 0000000..26c81ed
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
@@ -0,0 +1,37 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/web/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte b/web/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
new file mode 100644
index 0000000..6cecdb4
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-menu-button.svelte b/web/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
new file mode 100644
index 0000000..8e1668b
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
@@ -0,0 +1,102 @@
+
+
+
+
+{#snippet Button({ props }: { props?: Record })}
+ {@const mergedProps = mergeProps(buttonProps, props)}
+ {#if child}
+ {@render child({ props: mergedProps })}
+ {:else}
+
+ {@render children?.()}
+
+ {/if}
+{/snippet}
+
+{#if !tooltipContent}
+ {@render Button({})}
+{:else}
+
+
+ {#snippet child({ props })}
+ {@render Button({ props })}
+ {/snippet}
+
+
+ {#if typeof tooltipContent === "string"}
+ {tooltipContent}
+ {:else if tooltipContent}
+ {@render tooltipContent()}
+ {/if}
+
+
+{/if}
diff --git a/web/src/lib/components/ui/sidebar/sidebar-menu-item.svelte b/web/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
new file mode 100644
index 0000000..4db4453
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte b/web/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
new file mode 100644
index 0000000..1e1249b
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
@@ -0,0 +1,36 @@
+
+
+
+ {#if showIcon}
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte b/web/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
new file mode 100644
index 0000000..09ff228
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
@@ -0,0 +1,39 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/web/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte b/web/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
new file mode 100644
index 0000000..681d0f1
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte b/web/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
new file mode 100644
index 0000000..29614ee
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-menu.svelte b/web/src/lib/components/ui/sidebar/sidebar-menu.svelte
new file mode 100644
index 0000000..a8cdefd
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-menu.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-provider.svelte b/web/src/lib/components/ui/sidebar/sidebar-provider.svelte
new file mode 100644
index 0000000..5b0d0aa
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-provider.svelte
@@ -0,0 +1,53 @@
+
+
+
+
+ {@render children?.()}
+
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-rail.svelte b/web/src/lib/components/ui/sidebar/sidebar-rail.svelte
new file mode 100644
index 0000000..f65c869
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-rail.svelte
@@ -0,0 +1,36 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-separator.svelte b/web/src/lib/components/ui/sidebar/sidebar-separator.svelte
new file mode 100644
index 0000000..18d791b
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-separator.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar-trigger.svelte b/web/src/lib/components/ui/sidebar/sidebar-trigger.svelte
new file mode 100644
index 0000000..dd2dc50
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar-trigger.svelte
@@ -0,0 +1,36 @@
+
+
+
diff --git a/web/src/lib/components/ui/sidebar/sidebar.svelte b/web/src/lib/components/ui/sidebar/sidebar.svelte
new file mode 100644
index 0000000..9c90d4f
--- /dev/null
+++ b/web/src/lib/components/ui/sidebar/sidebar.svelte
@@ -0,0 +1,108 @@
+
+
+{#if collapsible === "none"}
+
+ {@render children?.()}
+
+{:else if sidebar.isMobile}
+ sidebar.openMobile, (v) => sidebar.setOpenMobile(v)}
+ {...restProps}
+ >
+ button]:hidden",
+ className
+ )}
+ style="--sidebar-width: {SIDEBAR_WIDTH_MOBILE};"
+ {side}
+ >
+
+ Sidebar
+ Displays the mobile sidebar.
+
+
+ {@render children?.()}
+
+
+
+{:else}
+
+{/if}
diff --git a/web/src/lib/components/ui/skeleton/index.ts b/web/src/lib/components/ui/skeleton/index.ts
new file mode 100644
index 0000000..186db21
--- /dev/null
+++ b/web/src/lib/components/ui/skeleton/index.ts
@@ -0,0 +1,7 @@
+import Root from "./skeleton.svelte";
+
+export {
+ Root,
+ //
+ Root as Skeleton,
+};
diff --git a/web/src/lib/components/ui/skeleton/skeleton.svelte b/web/src/lib/components/ui/skeleton/skeleton.svelte
new file mode 100644
index 0000000..1a940ee
--- /dev/null
+++ b/web/src/lib/components/ui/skeleton/skeleton.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/web/src/lib/components/ui/table/index.ts b/web/src/lib/components/ui/table/index.ts
new file mode 100644
index 0000000..14695c8
--- /dev/null
+++ b/web/src/lib/components/ui/table/index.ts
@@ -0,0 +1,28 @@
+import Root from "./table.svelte";
+import Body from "./table-body.svelte";
+import Caption from "./table-caption.svelte";
+import Cell from "./table-cell.svelte";
+import Footer from "./table-footer.svelte";
+import Head from "./table-head.svelte";
+import Header from "./table-header.svelte";
+import Row from "./table-row.svelte";
+
+export {
+ Root,
+ Body,
+ Caption,
+ Cell,
+ Footer,
+ Head,
+ Header,
+ Row,
+ //
+ Root as Table,
+ Body as TableBody,
+ Caption as TableCaption,
+ Cell as TableCell,
+ Footer as TableFooter,
+ Head as TableHead,
+ Header as TableHeader,
+ Row as TableRow,
+};
diff --git a/web/src/lib/components/ui/table/table-body.svelte b/web/src/lib/components/ui/table/table-body.svelte
new file mode 100644
index 0000000..935feae
--- /dev/null
+++ b/web/src/lib/components/ui/table/table-body.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/table/table-caption.svelte b/web/src/lib/components/ui/table/table-caption.svelte
new file mode 100644
index 0000000..4696cff
--- /dev/null
+++ b/web/src/lib/components/ui/table/table-caption.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/table/table-cell.svelte b/web/src/lib/components/ui/table/table-cell.svelte
new file mode 100644
index 0000000..a998bf6
--- /dev/null
+++ b/web/src/lib/components/ui/table/table-cell.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/table/table-footer.svelte b/web/src/lib/components/ui/table/table-footer.svelte
new file mode 100644
index 0000000..b9b14eb
--- /dev/null
+++ b/web/src/lib/components/ui/table/table-footer.svelte
@@ -0,0 +1,20 @@
+
+
+tr]:last:border-b-0", className)}
+ {...restProps}
+>
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/table/table-head.svelte b/web/src/lib/components/ui/table/table-head.svelte
new file mode 100644
index 0000000..267c4e0
--- /dev/null
+++ b/web/src/lib/components/ui/table/table-head.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/table/table-header.svelte b/web/src/lib/components/ui/table/table-header.svelte
new file mode 100644
index 0000000..f47d259
--- /dev/null
+++ b/web/src/lib/components/ui/table/table-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/table/table-row.svelte b/web/src/lib/components/ui/table/table-row.svelte
new file mode 100644
index 0000000..90b4e2a
--- /dev/null
+++ b/web/src/lib/components/ui/table/table-row.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+
diff --git a/web/src/lib/components/ui/table/table.svelte b/web/src/lib/components/ui/table/table.svelte
new file mode 100644
index 0000000..d95a02e
--- /dev/null
+++ b/web/src/lib/components/ui/table/table.svelte
@@ -0,0 +1,17 @@
+
+
+
+
+ {@render children?.()}
+
+
+
+ {@render children?.()}
+
+ {#snippet child({ props })}
+
+ {/snippet}
+
+
+
diff --git a/web/src/lib/components/ui/tooltip/tooltip-portal.svelte b/web/src/lib/components/ui/tooltip/tooltip-portal.svelte
new file mode 100644
index 0000000..d234f7d
--- /dev/null
+++ b/web/src/lib/components/ui/tooltip/tooltip-portal.svelte
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/web/src/lib/format.ts b/web/src/lib/format.ts
new file mode 100644
index 0000000..3a96661
--- /dev/null
+++ b/web/src/lib/format.ts
@@ -0,0 +1,34 @@
+export function formatBytes(octets: number): string {
+ if (octets < 1024) return `${octets} B`;
+ const units = ['KiB', 'MiB', 'GiB', 'TiB'];
+ let n = octets / 1024;
+ let i = 0;
+ while (n >= 1024 && i < units.length - 1) {
+ n /= 1024;
+ i++;
+ }
+ return `${n < 10 && i > 0 ? n.toFixed(1) : Math.round(n)} ${units[i]}`;
+}
+
+export function formatMiB(mib: number): string {
+ if (mib < 1024) return `${mib.toFixed(mib < 10 ? 2 : 1)} MiB`;
+ return `${(mib / 1024).toFixed(2)} GiB`;
+}
+
+export function formatDurationSeconds(sec: number): string {
+ if (sec < 60) return `${Math.round(sec)}s`;
+ if (sec < 3600) {
+ const m = Math.floor(sec / 60);
+ const s = Math.round(sec % 60);
+ return `${m}m ${s}s`;
+ }
+ const h = Math.floor(sec / 3600);
+ const m = Math.floor((sec % 3600) / 60);
+ return `${h}h ${m}m`;
+}
+
+export function flagEmoji(code: string | null | undefined): string {
+ if (!code || code.length !== 2) return '';
+ const u = code.toUpperCase();
+ return String.fromCodePoint(...[...u].map((c) => 127397 + c.charCodeAt(0)));
+}
diff --git a/web/src/lib/hooks/is-mobile.svelte.ts b/web/src/lib/hooks/is-mobile.svelte.ts
new file mode 100644
index 0000000..4829c00
--- /dev/null
+++ b/web/src/lib/hooks/is-mobile.svelte.ts
@@ -0,0 +1,9 @@
+import { MediaQuery } from "svelte/reactivity";
+
+const DEFAULT_MOBILE_BREAKPOINT = 768;
+
+export class IsMobile extends MediaQuery {
+ constructor(breakpoint: number = DEFAULT_MOBILE_BREAKPOINT) {
+ super(`max-width: ${breakpoint - 1}px`);
+ }
+}
diff --git a/web/src/lib/index.ts b/web/src/lib/index.ts
new file mode 100644
index 0000000..856f2b6
--- /dev/null
+++ b/web/src/lib/index.ts
@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.
diff --git a/web/src/lib/utils.ts b/web/src/lib/utils.ts
new file mode 100644
index 0000000..d8411a4
--- /dev/null
+++ b/web/src/lib/utils.ts
@@ -0,0 +1,13 @@
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export type {
+ WithElementRef,
+ WithoutChildren,
+ WithoutChild,
+ WithChildren,
+ WithoutChildrenOrChild
+} from 'bits-ui';
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
new file mode 100644
index 0000000..7b526ce
--- /dev/null
+++ b/web/src/routes/+layout.svelte
@@ -0,0 +1,57 @@
+
+
+
+ Telemt Panel
+
+
+
+
+
+
+ {@render children()}
+
+
+
diff --git a/web/src/routes/+layout.ts b/web/src/routes/+layout.ts
new file mode 100644
index 0000000..a3d1578
--- /dev/null
+++ b/web/src/routes/+layout.ts
@@ -0,0 +1 @@
+export const ssr = false;
diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
new file mode 100644
index 0000000..a090089
--- /dev/null
+++ b/web/src/routes/+page.svelte
@@ -0,0 +1,305 @@
+
+
+
+
+
+ Telemt multi-server overview
+
+
Обзор флота
+ {#if generatedAt}
+
+ Снимок: {new Date(generatedAt).toLocaleString()}
+
+ {/if}
+
+
+
+
+ Частичные данные
+
+ Один или несколько upstream ответили с ошибкой — цифры могут быть неполными.
+
+
+{/if}
+
+{#if err}
+
+ Ошибка
+ {err}
+
+{:else if loading && !summary}
+ Загрузка…
+{:else if summary}
+
+
+
+ Ноды
+
+ {fleet?.servers_all_ok ?? summary.servers_ok}/{fleet?.servers_total ?? summary.servers_total}
+
+
+ успешный опрос
+
+
+
+ Соединения (флот)
+ {summary.fleet_total_connections}
+
+ текущие по stats/users
+
+
+
+ Bad connections
+ {totalBad}
+
+ сумма по нодам (stats/summary)
+
+
+
+ Уникальные IP
+ {uniqueIpCount}
+
+ по снимку unique-ips
+
+
+
+ Трафик флота
+ {formatMiB(summary.fleet_total_megabytes)}
+
+ сумма MiB
+
+
+
+ Read-only API
+ {readOnlyNodes}
+
+ нод с read_only
+
+
+
+
+
+ Активные IP (агрегат)
+ С GeoIP при включённой базе на шлюзе
+
+
+
+ {#each (uniqueIps ?? []).slice(0, 80) as row (row.username)}
+ {#each row.ips ?? [] as ip (`${row.username ?? ''}-${ip.ip ?? ''}`)}
+
+ {chipLabel(ip)}
+
+ {/each}
+ {/each}
+ {#if (uniqueIps?.length ?? 0) === 0}
+ Нет данных
+ {/if}
+
+
+
+
+
+
+ По нодам
+ Health, версия, аптайм, трафик ноды
+
+
+
+
+
+ Сервер
+ Статус
+ Latency
+ Версия
+ Аптайм
+ Bad conn.
+
+
+
+ {#each fleet?.servers ?? [] as srv (srv.alias)}
+
+
+
+ {srv.alias}
+
+
+
+ {#if srv.health_ok && srv.system_info_ok}
+ OK
+ {:else}
+ degraded
+ {/if}
+
+
+ {srv.health_latency_ms ?? '—'} ms
+
+
+ {srv.system_info?.version ?? '—'}
+
+
+ {srv.system_info && srv.system_info.uptime_seconds != null
+ ? formatDurationSeconds(srv.system_info.uptime_seconds)
+ : '—'}
+
+
+ {#if srv.alias}
+ {@const st = nodeStats[srv.alias]}
+ {#if !st}
+ —
+ {:else if 'ok' in st && st.ok === false}
+ —
+ {:else if st && 'bad' in st && st.ok}
+ {st.bad ?? '—'}
+ {:else}
+ —
+ {/if}
+ {:else}
+ —
+ {/if}
+
+
+ {/each}
+
+
+
+
+
+
+
+ Топ пользователей по трафику
+
+
+
+ {#each summary.top_users.slice(0, 10) as t (t.username)}
+
+ {t.username}
+ {formatMiB(t.total_megabytes)}
+
+ {/each}
+
+
+
+{/if}
diff --git a/web/src/routes/ips/+page.svelte b/web/src/routes/ips/+page.svelte
new file mode 100644
index 0000000..e4f16af
--- /dev/null
+++ b/web/src/routes/ips/+page.svelte
@@ -0,0 +1,115 @@
+
+
+
+
+
Уникальные IP
+
Снимок active/recent с шлюза; GeoIP из конфига шлюза.
+
+
+
+
+
+
+
+
+ Частичные данные
+ Не все upstream успешны.
+
+{/if}
+
+{#if err}
+
+ Ошибка
+ {err}
+
+{:else if loading && rows.length === 0}
+ Загрузка…
+{:else}
+
+
+
+
+
+ Пользователь
+ IP
+ Geo
+ Серверы
+
+
+
+ {#each rows as ur (ur.username)}
+ {#each ur.ips ?? [] as ip (ur.username + (ip.ip ?? ''))}
+
+
+
+ {ur.username}
+
+
+ {ip.ip}
+
+ {flagEmoji(ip.country_code ?? undefined)}
+ {ip.country_code ?? '—'}
+ {#if ip.city_name}
+ · {ip.city_name}
+ {/if}
+ {#if ip.asn}
+ AS{ip.asn}
+ {/if}
+
+
+ active: {(ip.active_on_servers ?? []).join(', ') || '—'}
+ {#if (ip.recent_on_servers?.length ?? 0) > 0}
+
+
+ {/each}
+ {/each}
+
+
+
+
+{/if}
diff --git a/web/src/routes/layout.css b/web/src/routes/layout.css
new file mode 100644
index 0000000..d0f76b6
--- /dev/null
+++ b/web/src/routes/layout.css
@@ -0,0 +1,180 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@custom-variant data-open {
+ &:where([data-state='open']), &:where([data-open]:not([data-open='false'])) {
+ @slot;
+ }
+}
+
+@custom-variant data-closed {
+ &:where([data-state='closed']), &:where([data-closed]:not([data-closed='false'])) {
+ @slot;
+ }
+}
+
+@custom-variant data-checked {
+ &:where([data-state='checked']), &:where([data-checked]:not([data-checked='false'])) {
+ @slot;
+ }
+}
+
+@custom-variant data-unchecked {
+ &:where([data-state='unchecked']), &:where([data-unchecked]:not([data-unchecked='false'])) {
+ @slot;
+ }
+}
+
+@custom-variant data-selected {
+ &:where([data-selected]) {
+ @slot;
+ }
+}
+
+@custom-variant data-disabled {
+ &:where([data-disabled='true']), &:where([data-disabled]:not([data-disabled='false'])) {
+ @slot;
+ }
+}
+
+@custom-variant data-active {
+ &:where([data-state='active']), &:where([data-active]:not([data-active='false'])) {
+ @slot;
+ }
+}
+
+@custom-variant data-horizontal {
+ &:where([data-orientation='horizontal']) {
+ @slot;
+ }
+}
+
+@custom-variant data-vertical {
+ &:where([data-orientation='vertical']) {
+ @slot;
+ }
+}
+
+@utility no-scrollbar {
+ -ms-overflow-style: none;
+ scrollbar-width: none;
+ &::-webkit-scrollbar {
+ display: none;
+ }
+}
+
+:root {
+ --radius: 0.625rem;
+ --background: oklch(1 0 0);
+ --foreground: oklch(0.141 0.005 285.823);
+ --card: oklch(1 0 0);
+ --card-foreground: oklch(0.141 0.005 285.823);
+ --popover: oklch(1 0 0);
+ --popover-foreground: oklch(0.141 0.005 285.823);
+ --primary: oklch(0.21 0.006 285.885);
+ --primary-foreground: oklch(0.985 0 0);
+ --secondary: oklch(0.967 0.001 286.375);
+ --secondary-foreground: oklch(0.21 0.006 285.885);
+ --muted: oklch(0.967 0.001 286.375);
+ --muted-foreground: oklch(0.552 0.016 285.938);
+ --accent: oklch(0.967 0.001 286.375);
+ --accent-foreground: oklch(0.21 0.006 285.885);
+ --destructive: oklch(0.577 0.245 27.325);
+ --border: oklch(0.92 0.004 286.32);
+ --input: oklch(0.92 0.004 286.32);
+ --ring: oklch(0.705 0.015 286.067);
+ --chart-1: oklch(0.646 0.222 41.116);
+ --chart-2: oklch(0.6 0.118 184.704);
+ --chart-3: oklch(0.398 0.07 227.392);
+ --chart-4: oklch(0.828 0.189 84.429);
+ --chart-5: oklch(0.769 0.188 70.08);
+ --sidebar: oklch(0.985 0 0);
+ --sidebar-foreground: oklch(0.141 0.005 285.823);
+ --sidebar-primary: oklch(0.21 0.006 285.885);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.967 0.001 286.375);
+ --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+ --sidebar-border: oklch(0.92 0.004 286.32);
+ --sidebar-ring: oklch(0.705 0.015 286.067);
+}
+
+.dark {
+ --background: oklch(0.141 0.005 285.823);
+ --foreground: oklch(0.985 0 0);
+ --card: oklch(0.21 0.006 285.885);
+ --card-foreground: oklch(0.985 0 0);
+ --popover: oklch(0.21 0.006 285.885);
+ --popover-foreground: oklch(0.985 0 0);
+ --primary: oklch(0.92 0.004 286.32);
+ --primary-foreground: oklch(0.21 0.006 285.885);
+ --secondary: oklch(0.274 0.006 286.033);
+ --secondary-foreground: oklch(0.985 0 0);
+ --muted: oklch(0.274 0.006 286.033);
+ --muted-foreground: oklch(0.705 0.015 286.067);
+ --accent: oklch(0.274 0.006 286.033);
+ --accent-foreground: oklch(0.985 0 0);
+ --destructive: oklch(0.704 0.191 22.216);
+ --border: oklch(1 0 0 / 10%);
+ --input: oklch(1 0 0 / 15%);
+ --ring: oklch(0.552 0.016 285.938);
+ --chart-1: oklch(0.488 0.243 264.376);
+ --chart-2: oklch(0.696 0.17 162.48);
+ --chart-3: oklch(0.769 0.188 70.08);
+ --chart-4: oklch(0.627 0.265 303.9);
+ --chart-5: oklch(0.645 0.246 16.439);
+ --sidebar: oklch(0.21 0.006 285.885);
+ --sidebar-foreground: oklch(0.985 0 0);
+ --sidebar-primary: oklch(0.488 0.243 264.376);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.274 0.006 286.033);
+ --sidebar-accent-foreground: oklch(0.985 0 0);
+ --sidebar-border: oklch(1 0 0 / 10%);
+ --sidebar-ring: oklch(0.552 0.016 285.938);
+}
+
+@theme inline {
+ --radius-sm: calc(var(--radius) - 4px);
+ --radius-md: calc(var(--radius) - 2px);
+ --radius-lg: var(--radius);
+ --radius-xl: calc(var(--radius) + 4px);
+ --color-background: var(--background);
+ --color-foreground: var(--foreground);
+ --color-card: var(--card);
+ --color-card-foreground: var(--card-foreground);
+ --color-popover: var(--popover);
+ --color-popover-foreground: var(--popover-foreground);
+ --color-primary: var(--primary);
+ --color-primary-foreground: var(--primary-foreground);
+ --color-secondary: var(--secondary);
+ --color-secondary-foreground: var(--secondary-foreground);
+ --color-muted: var(--muted);
+ --color-muted-foreground: var(--muted-foreground);
+ --color-accent: var(--accent);
+ --color-accent-foreground: var(--accent-foreground);
+ --color-destructive: var(--destructive);
+ --color-border: var(--border);
+ --color-input: var(--input);
+ --color-ring: var(--ring);
+ --color-chart-1: var(--chart-1);
+ --color-chart-2: var(--chart-2);
+ --color-chart-3: var(--chart-3);
+ --color-chart-4: var(--chart-4);
+ --color-chart-5: var(--chart-5);
+ --color-sidebar: var(--sidebar);
+ --color-sidebar-foreground: var(--sidebar-foreground);
+ --color-sidebar-primary: var(--sidebar-primary);
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+ --color-sidebar-accent: var(--sidebar-accent);
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+ --color-sidebar-border: var(--sidebar-border);
+ --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+ * {
+ @apply border-border outline-ring/50;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
+}
diff --git a/web/src/routes/servers/[alias]/+page.svelte b/web/src/routes/servers/[alias]/+page.svelte
new file mode 100644
index 0000000..0ac4a8b
--- /dev/null
+++ b/web/src/routes/servers/[alias]/+page.svelte
@@ -0,0 +1,123 @@
+
+
+
+
+{#if err}
+
+ Ошибка
+ {err}
+
+{:else if loading}
+ Загрузка…
+{:else}
+ {#if health?.status === 'ok'}
+
+ Telemt отвечает
+
+ read_only: {health.read_only ? 'да' : 'нет'}
+
+
+ {/if}
+
+
+
+
+ Аптайм
+
+ {sys ? formatDurationSeconds(sys.uptime_seconds) : '—'}
+
+
+
+
+
+ Соединения (всего)
+ {summary?.connections_total ?? '—'}
+
+
+
+
+ Bad connections
+ {summary?.connections_bad_total ?? '—'}
+
+
+
+
+ Пользователей в конфиге
+ {summary?.configured_users ?? '—'}
+
+
+
+
+ {#if sys}
+
+
+ Система
+
+
+ version {sys.version}
+ OS / arch {sys.target_os} / {sys.target_arch}
+ build {sys.build_profile}
+
+ config {sys.config_path}
+
+
+ hash {sys.config_hash}
+
+ reload count {sys.config_reload_count}
+
+
+ {/if}
+{/if}
diff --git a/web/src/routes/servers/[alias]/config/+page.svelte b/web/src/routes/servers/[alias]/config/+page.svelte
new file mode 100644
index 0000000..e975a00
--- /dev/null
+++ b/web/src/routes/servers/[alias]/config/+page.svelte
@@ -0,0 +1,25 @@
+
+
+
+
Configuration
+
+ Конфигурация Telemt на ноде {alias} не доступна через API
+ — правьте config.toml на сервере.
+
+
+
+ См. docs/API.md
+ (Telemt Control API).
+
+
diff --git a/web/src/routes/servers/[alias]/runtime/+page.svelte b/web/src/routes/servers/[alias]/runtime/+page.svelte
new file mode 100644
index 0000000..46a00f4
--- /dev/null
+++ b/web/src/routes/servers/[alias]/runtime/+page.svelte
@@ -0,0 +1,125 @@
+
+
+
+
Runtime
+
+
+
+
+{#if err}
+
+ Ошибка
+ {err}
+
+{:else if loading}
+ Загрузка…
+{:else}
+
+ {#if gates}
+ accepting: {onOff(gates.accepting_new_connections)}
+ conditional cast: {onOff(gates.conditional_cast_enabled)}
+ me2dc fallback: {onOff(gates.me2dc_fallback_enabled)}
+ ME ready: {onOff(gates.me_runtime_ready)}
+ middle proxy: {onOff(gates.use_middle_proxy)}
+ {/if}
+
+
+ {#if dcs && dcs.middle_proxy_enabled && dcs.dcs}
+
+
+ Datacenter status
+
+
+
+
+
+ DC
+ RTT
+ Writers
+ Coverage
+
+
+
+ {#each dcs.dcs as dc (dc.dc)}
+
+ DC {dc.dc}
+
+ {dc.rtt_ms != null ? `${dc.rtt_ms.toFixed(1)} ms` : '—'}
+
+
+ {dc.alive_writers} / {dc.required_writers}
+
+ {dc.coverage_pct.toFixed(1)}%
+
+ {/each}
+
+
+
+
+ {:else if dcs?.reason}
+
+ DC status: {dcs.reason}
+
+ {/if}
+
+
+
+ ME pool state
+ Сырой JSON
+
+
+ {JSON.stringify(
+ pool,
+ null,
+ 2
+ )}
+
+
+{/if}
diff --git a/web/src/routes/servers/[alias]/security/+page.svelte b/web/src/routes/servers/[alias]/security/+page.svelte
new file mode 100644
index 0000000..d70042a
--- /dev/null
+++ b/web/src/routes/servers/[alias]/security/+page.svelte
@@ -0,0 +1,57 @@
+
+
+
+
Security
+
+
+
+
+{#if err}
+
+ Ошибка
+ {err}
+
+{:else if loading}
+ Загрузка…
+{:else if data}
+
+
+ {JSON.stringify(
+ data,
+ null,
+ 2
+ )}
+
+
+{/if}
diff --git a/web/src/routes/servers/[alias]/update/+page.svelte b/web/src/routes/servers/[alias]/update/+page.svelte
new file mode 100644
index 0000000..0d68b0d
--- /dev/null
+++ b/web/src/routes/servers/[alias]/update/+page.svelte
@@ -0,0 +1,60 @@
+
+
+
+
Update
+
+
+
+
+{#if err}
+
+ Ошибка
+ {err}
+
+{:else if loading}
+ Загрузка…
+{:else if sys}
+
+
+ Версия бинарника
+
+
+ version {sys.version}
+ git {sys.git_commit ?? '—'}
+ build {sys.build_time_utc ?? '—'}
+ rustc {sys.rustc_version ?? '—'}
+
+
+{/if}
diff --git a/web/src/routes/servers/[alias]/upstreams/+page.svelte b/web/src/routes/servers/[alias]/upstreams/+page.svelte
new file mode 100644
index 0000000..0379e5b
--- /dev/null
+++ b/web/src/routes/servers/[alias]/upstreams/+page.svelte
@@ -0,0 +1,57 @@
+
+
+
+
Upstreams & DCs
+
+
+
+
+{#if err}
+
+ Ошибка
+ {err}
+
+{:else if loading}
+ Загрузка…
+{:else if data}
+
+
+ {JSON.stringify(
+ data,
+ null,
+ 2
+ )}
+
+
+{/if}
diff --git a/web/src/routes/servers/[alias]/users/+page.svelte b/web/src/routes/servers/[alias]/users/+page.svelte
new file mode 100644
index 0000000..f69d454
--- /dev/null
+++ b/web/src/routes/servers/[alias]/users/+page.svelte
@@ -0,0 +1,319 @@
+
+
+
+
Users
+
+
(createOpen = true)} disabled={readOnly}>
+
+
+
+
+
+ API только для чтения
+ Изменения на этой ноде отключены.
+
+{/if}
+
+{#if err}
+
+ Ошибка
+ {err}
+
+{:else if loading && users.length === 0}
+ Загрузка…
+{:else}
+
+
+
+
+
+ Имя
+ Ссылки
+ Conn
+ IP
+ Трафик
+
+
+
+ {#each users as u (u.username)}
+
+ {u.username}
+
+
+ {#each u.links?.tls ?? [] as link (link)}
+ copy(link)}>
+ TLS
+ {/each}
+
+
+ {u.current_connections}
+
+ {u.active_unique_ips}
+ {#if u.max_unique_ips != null}
+ / {u.max_unique_ips}
+ {/if}
+
+ {formatBytes(u.total_octets)}
+
+ openEdit(u)}
+ >
+
+ (deleteUserRow = u)}
+ >
+
+
+
+ {/each}
+
+
+
+
+{/if}
+
+
+
+
+ Новый пользователь
+ POST /v1/users на ноде {alias}
+
+
+
+ Имя
+
+
+ Секрет (32 hex, опционально)
+
+ {#if formErr}
+
{formErr}
+ {/if}
+
+ (createOpen = false)}>Отмена
+ Создать
+
+
+
+
+ !o && (editUser = null)}>
+
+
+ Редактировать {editUser?.username}
+
+
+
+ (editUser = null)}>Отмена
+ Сохранить
+
+
+
+
+ !o && (deleteUserRow = null)}>
+
+
+ Удалить {deleteUserRow?.username}?
+ DELETE /v1/users на ноде {alias}
+
+ {#if formErr}
+ {formErr}
+ {/if}
+
+ (deleteUserRow = null)}>Отмена
+ Удалить
+
+
+
diff --git a/web/src/routes/users/+page.svelte b/web/src/routes/users/+page.svelte
new file mode 100644
index 0000000..09e9871
--- /dev/null
+++ b/web/src/routes/users/+page.svelte
@@ -0,0 +1,133 @@
+
+
+
+
+
Пользователи (флот)
+
+ Слияние по имени между серверами; одинаковое имя может быть разной учёткой.
+
+
+
+
+
+
+
+
+
+ Частичные данные
+ Не все upstream ответили успешно.
+
+{/if}
+
+{#if err}
+
+ Ошибка
+ {err}
+
+{:else if loading && rows.length === 0}
+ Загрузка…
+{:else}
+
+
+
+
+
+ Имя
+ Ссылки
+ Трафик
+ IP
+ Квота
+ Истекает
+
+
+
+ {#each rows as row (row.username)}
+
+
+
+ {row.username}
+
+
+
+
+ {#each row.links?.tls ?? [] as link (link)}
+ copy(link)}>
+ TLS
+
+ {/each}
+ {#each row.links?.secure ?? [] as link (link)}
+ copy(link)}>
+ t.me
+
+ {/each}
+
+
+ {formatMiB(row.total_megabytes ?? 0)}
+
+ {row.active_unique_ips ?? 0}
+ {#if row.max_unique_ips != null}
+ / {row.max_unique_ips}
+ {/if}
+
+
+ {row.data_quota_bytes != null ? formatBytes(row.data_quota_bytes) : '—'}
+
+
+ {row.expiration_rfc3339
+ ? new Date(row.expiration_rfc3339).toLocaleString()
+ : '—'}
+
+
+ {/each}
+
+
+
+
+{/if}
diff --git a/web/src/routes/users/[username]/+page.svelte b/web/src/routes/users/[username]/+page.svelte
new file mode 100644
index 0000000..aa9f0b3
--- /dev/null
+++ b/web/src/routes/users/[username]/+page.svelte
@@ -0,0 +1,128 @@
+
+
+
+
Пользователь
+
{username}
+
+ Частичные данные
+
+{/if}
+
+{#if err}
+
+ Ошибка
+ {err}
+
+{:else if loading}
+ Загрузка…
+{:else if row}
+
+
+
+ Лимиты (смержены)
+
+
+
+ Трафик (сумма)
+ {formatMiB(row.total_megabytes ?? 0)}
+
+
+ Активных / недавних IP
+ {row.active_unique_ips ?? 0} / {row.recent_unique_ips ?? 0}
+
+
+ max_unique_ips
+ {row.max_unique_ips ?? '—'}
+
+
+ max_tcp_conns
+ {row.max_tcp_conns ?? '—'}
+
+
+ Квота
+ {row.data_quota_bytes != null ? formatBytes(row.data_quota_bytes) : '—'}
+
+
+ Истекает
+ {row.expiration_rfc3339 ?? '—'}
+
+
+
+
+
+ По серверам
+
+
+ {#each Object.entries(row.by_server ?? {}) as [alias, st] (alias)}
+
+ {alias}
+
+ {formatMiB(st.total_megabytes ?? 0)} · conn {st.current_connections ?? 0}
+
+
+ {/each}
+
+
+
+
+ Ссылки
+
+
+ {#each row.links?.tls ?? [] as link (link)}
+ copy(link)}>
+ TLS
+
+ {/each}
+ {#each row.links?.secure ?? [] as link (link)}
+ copy(link)}>
+ secure
+
+ {/each}
+
+
+{/if}
diff --git a/web/static/robots.txt b/web/static/robots.txt
new file mode 100644
index 0000000..b6dd667
--- /dev/null
+++ b/web/static/robots.txt
@@ -0,0 +1,3 @@
+# allow crawling everything by default
+User-agent: *
+Disallow:
diff --git a/web/svelte.config.js b/web/svelte.config.js
new file mode 100644
index 0000000..8adac92
--- /dev/null
+++ b/web/svelte.config.js
@@ -0,0 +1,23 @@
+import adapter from '@sveltejs/adapter-static';
+import { relative, sep } from 'node:path';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+ compilerOptions: {
+ // defaults to rune mode for the project, execept for `node_modules`. Can be removed in svelte 6.
+ runes: ({ filename }) => {
+ const relativePath = relative(import.meta.dirname, filename);
+ const pathSegments = relativePath.toLowerCase().split(sep);
+ const isExternalLibrary = pathSegments.includes('node_modules');
+
+ return isExternalLibrary ? undefined : true;
+ }
+ },
+ kit: {
+ adapter: adapter({
+ fallback: 'index.html'
+ })
+ }
+};
+
+export default config;
diff --git a/web/tsconfig.json b/web/tsconfig.json
new file mode 100644
index 0000000..2c2ed3c
--- /dev/null
+++ b/web/tsconfig.json
@@ -0,0 +1,20 @@
+{
+ "extends": "./.svelte-kit/tsconfig.json",
+ "compilerOptions": {
+ "rewriteRelativeImportExtensions": true,
+ "allowJs": true,
+ "checkJs": true,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "resolveJsonModule": true,
+ "skipLibCheck": true,
+ "sourceMap": true,
+ "strict": true,
+ "moduleResolution": "bundler"
+ }
+ // Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
+ // except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
+ //
+ // To make changes to top-level options such as include and exclude, we recommend extending
+ // the generated config; see https://svelte.dev/docs/kit/configuration#typescript
+}
diff --git a/web/vite.config.ts b/web/vite.config.ts
new file mode 100644
index 0000000..56f40c7
--- /dev/null
+++ b/web/vite.config.ts
@@ -0,0 +1,5 @@
+import tailwindcss from '@tailwindcss/vite';
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({ plugins: [tailwindcss(), sveltekit()] });