@termix-ssh/plugin-sdk 1.0.0 → 1.0.1

package/dist/host/ui.js

@@ -5,6 +5,7 @@ import {
   Anchor2,
   ArrowLeft,
   BackButton,
+  Button,
   Cancel,
   Check,
   Checkbox,
@@ -95,15 +96,15 @@ import {
   ViewToggle,
   Viewport,
   X,
+  buttonVariants,
   challengeSecondFactor,
   changeAppLanguage,
-  clsx,
   cn,
   createPluginApp,
+  cva,
   dist_exports,
   dist_exports2,
   dist_exports3,
-  dist_exports4,
   getLoginMethods,
   getPlugins,
   getPollingEnvironmentMultiplier,
@@ -131,11 +132,12 @@ import {
   usePluginScope,
   useSecondFactors,
   useSettingsComponents,
+  useSurfaceClose,
   useSurfaceKind,
   useTheme,
   verifySecondFactor
-} from "./chunk-XH5NXL6Y.js";
-import "./chunk-XGWE7BTJ.js";
+} from "./chunk-7GL25GFS.js";
+import "./chunk-3KG44G55.js";
 import {
   TabProvider,
   buildOriginWsUrl,
@@ -151,6 +153,7 @@ import {
   getPasswordLoginAllowed,
   getPasswordResetAllowed,
   getPluginRecord,
+  getPluginStoreState,
   getRecentActivity,
   getRegistrationAllowed,
   getSSHHosts,
@@ -173,51 +176,9 @@ import {
   useTabs,
   useTabsSafe,
   verifyPasswordResetCode
-} from "./chunk-F3SDZDDG.js";
+} from "./chunk-COGRSHKO.js";
 import "./chunk-YC2MAKSP.js";
 
-// node_modules/class-variance-authority/dist/index.mjs
-var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-var cx = clsx;
-var cva = (base2, config2) => (props) => {
-  var _config_compoundVariants;
-  if ((config2 === null || config2 === void 0 ? void 0 : config2.variants) == null) return cx(base2, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-  const { variants, defaultVariants } = config2;
-  const getVariantClassNames = Object.keys(variants).map((variant) => {
-    const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-    const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
-    if (variantProp === null) return null;
-    const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-    return variants[variant][variantKey];
-  });
-  const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
-    let [key, value] = param;
-    if (value === void 0) {
-      return acc;
-    }
-    acc[key] = value;
-    return acc;
-  }, {});
-  const getCompoundVariantClassNames = config2 === null || config2 === void 0 ? void 0 : (_config_compoundVariants = config2.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
-    let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
-    return Object.entries(compoundVariantOptions).every((param2) => {
-      let [key, value] = param2;
-      return Array.isArray(value) ? value.includes({
-        ...defaultVariants,
-        ...propsWithoutUndefined
-      }[key]) : {
-        ...defaultVariants,
-        ...propsWithoutUndefined
-      }[key] === value;
-    }) ? [
-      ...acc,
-      cvClass,
-      cvClassName
-    ] : acc;
-  }, []);
-  return cx(base2, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-};
-
 // src/ui/components/alert.tsx
 import { jsx } from "react/jsx-runtime";
 var alertVariants = cva(
@@ -279,79 +240,28 @@ function AlertDescription({
   );
 }
 
-// src/ui/components/button.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-none border border-transparent bg-clip-padding text-xs font-medium whitespace-nowrap transition-[color,background-color,border-color,opacity,box-shadow,transform] outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        xs: "h-6 gap-1 rounded-none px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-7 gap-1 rounded-none px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        icon: "size-8",
-        "icon-xs": "size-6 rounded-none [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-7 rounded-none",
-        "icon-lg": "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? dist_exports.Root : "button";
-  return /* @__PURE__ */ jsx2(
-    Comp,
-    {
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-
 // src/ui/components/alert-dialog.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function AlertDialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(Root2, { "data-slot": "alert-dialog", ...props });
+  return /* @__PURE__ */ jsx2(Root2, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(Trigger2, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx2(Trigger2, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(Portal2, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ jsx2(Portal2, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     Overlay2,
     {
       "data-slot": "alert-dialog-overlay",
@@ -368,8 +278,8 @@ function AlertDialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx3(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx2(
       Content2,
       {
         "data-slot": "alert-dialog-content",
@@ -386,7 +296,7 @@ function AlertDialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -399,7 +309,7 @@ function AlertDialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -415,7 +325,7 @@ function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     Title2,
     {
       "data-slot": "alert-dialog-title",
@@ -428,7 +338,7 @@ function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     Description2,
     {
       "data-slot": "alert-dialog-description",
@@ -441,7 +351,7 @@ function AlertDialogAction({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     Action,
     {
       className: cn(buttonVariants(), className),
@@ -453,7 +363,7 @@ function AlertDialogCancel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     Cancel,
     {
       className: cn(buttonVariants({ variant: "outline" }), className),
@@ -463,7 +373,7 @@ function AlertDialogCancel({
 }
 
 // src/ui/components/badge.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var badgeVariants = cva(
   "inline-flex items-center justify-center rounded-none border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -487,7 +397,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     Comp,
     {
       "data-slot": "badge",
@@ -498,13 +408,13 @@ function Badge({
 }
 
 // src/ui/components/card.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Card({
   className,
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       "data-slot": "card",
@@ -518,7 +428,7 @@ function Card({
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       "data-slot": "card-header",
@@ -531,7 +441,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       "data-slot": "card-title",
@@ -544,7 +454,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       "data-slot": "card-description",
@@ -554,7 +464,7 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       "data-slot": "card-action",
@@ -567,7 +477,7 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       "data-slot": "card-content",
@@ -577,7 +487,7 @@ function CardContent({ className, ...props }) {
   );
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       "data-slot": "card-footer",
@@ -591,12 +501,12 @@ function CardFooter({ className, ...props }) {
 }
 
 // src/ui/components/checkbox.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Checkbox2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     Checkbox,
     {
       "data-slot": "checkbox",
@@ -605,12 +515,12 @@ function Checkbox2({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx6(
+      children: /* @__PURE__ */ jsx5(
         CheckboxIndicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ jsx6(Check, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx5(Check, { className: "size-3.5" })
         }
       )
     }
@@ -619,33 +529,33 @@ function Checkbox2({
 
 // src/ui/components/dialog.tsx
 import { useTranslation } from "react-i18next";
-import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(dist_exports2.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx6(dist_exports.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(dist_exports2.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx6(dist_exports.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(dist_exports2.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx6(dist_exports.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(dist_exports2.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx6(dist_exports.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
-    dist_exports2.Overlay,
+  return /* @__PURE__ */ jsx6(
+    dist_exports.Overlay,
     {
       "data-slot": "dialog-overlay",
       className: cn(
@@ -664,9 +574,9 @@ function DialogContent({
 }) {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ jsxs2(DialogPortal, { children: [
-    /* @__PURE__ */ jsx7(DialogOverlay, {}),
+    /* @__PURE__ */ jsx6(DialogOverlay, {}),
     /* @__PURE__ */ jsxs2(
-      dist_exports2.Content,
+      dist_exports.Content,
       {
         "data-slot": "dialog-content",
         className: cn(
@@ -676,15 +586,15 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsx7(dist_exports2.Close, { "data-slot": "dialog-close", asChild: true, children: /* @__PURE__ */ jsxs2(
+          showCloseButton && /* @__PURE__ */ jsx6(dist_exports.Close, { "data-slot": "dialog-close", asChild: true, children: /* @__PURE__ */ jsxs2(
             Button,
             {
               variant: "ghost",
               className: "absolute top-2 right-2",
               size: "icon-sm",
               children: [
-                /* @__PURE__ */ jsx7(X, {}),
-                /* @__PURE__ */ jsx7("span", { className: "sr-only", children: t2("common.close") })
+                /* @__PURE__ */ jsx6(X, {}),
+                /* @__PURE__ */ jsx6("span", { className: "sr-only", children: t2("common.close") })
               ]
             }
           ) })
@@ -694,7 +604,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       "data-slot": "dialog-header",
@@ -721,7 +631,7 @@ function DialogFooter({
       ...props,
       children: [
         children,
-        showCloseButton && /* @__PURE__ */ jsx7(dist_exports2.Close, { asChild: true, children: /* @__PURE__ */ jsx7(Button, { variant: "outline", children: t2("common.close") }) })
+        showCloseButton && /* @__PURE__ */ jsx6(dist_exports.Close, { asChild: true, children: /* @__PURE__ */ jsx6(Button, { variant: "outline", children: t2("common.close") }) })
       ]
     }
   );
@@ -730,8 +640,8 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
-    dist_exports2.Title,
+  return /* @__PURE__ */ jsx6(
+    dist_exports.Title,
     {
       "data-slot": "dialog-title",
       className: cn("font-heading text-sm font-medium", className),
@@ -743,8 +653,8 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
-    dist_exports2.Description,
+  return /* @__PURE__ */ jsx6(
+    dist_exports.Description,
     {
       "data-slot": "dialog-description",
       className: cn(
@@ -757,22 +667,22 @@ function DialogDescription({
 }
 
 // src/ui/components/dropdown-menu.tsx
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(dist_exports3.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx7(dist_exports2.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(dist_exports3.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ jsx7(dist_exports2.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
-    dist_exports3.Trigger,
+  return /* @__PURE__ */ jsx7(
+    dist_exports2.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
       ...props
@@ -785,8 +695,8 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(dist_exports3.Portal, { children: /* @__PURE__ */ jsx8(
-    dist_exports3.Content,
+  return /* @__PURE__ */ jsx7(dist_exports2.Portal, { children: /* @__PURE__ */ jsx7(
+    dist_exports2.Content,
     {
       "data-slot": "dropdown-menu-content",
       sideOffset,
@@ -802,7 +712,7 @@ function DropdownMenuContent({
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(dist_exports3.Group, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx7(dist_exports2.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuItem({
   className,
@@ -810,8 +720,8 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
-    dist_exports3.Item,
+  return /* @__PURE__ */ jsx7(
+    dist_exports2.Item,
     {
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
@@ -832,7 +742,7 @@ function DropdownMenuCheckboxItem({
   ...props
 }) {
   return /* @__PURE__ */ jsxs3(
-    dist_exports3.CheckboxItem,
+    dist_exports2.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
       "data-inset": inset,
@@ -843,12 +753,12 @@ function DropdownMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           "span",
           {
             className: "pointer-events-none absolute right-2 flex items-center justify-center",
             "data-slot": "dropdown-menu-checkbox-item-indicator",
-            children: /* @__PURE__ */ jsx8(dist_exports3.ItemIndicator, { children: /* @__PURE__ */ jsx8(Check, {}) })
+            children: /* @__PURE__ */ jsx7(dist_exports2.ItemIndicator, { children: /* @__PURE__ */ jsx7(Check, {}) })
           }
         ),
         children
@@ -859,8 +769,8 @@ function DropdownMenuCheckboxItem({
 function DropdownMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
-    dist_exports3.RadioGroup,
+  return /* @__PURE__ */ jsx7(
+    dist_exports2.RadioGroup,
     {
       "data-slot": "dropdown-menu-radio-group",
       ...props
@@ -874,7 +784,7 @@ function DropdownMenuRadioItem({
   ...props
 }) {
   return /* @__PURE__ */ jsxs3(
-    dist_exports3.RadioItem,
+    dist_exports2.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
       "data-inset": inset,
@@ -884,12 +794,12 @@ function DropdownMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           "span",
           {
             className: "pointer-events-none absolute right-2 flex items-center justify-center",
             "data-slot": "dropdown-menu-radio-item-indicator",
-            children: /* @__PURE__ */ jsx8(dist_exports3.ItemIndicator, { children: /* @__PURE__ */ jsx8(Check, {}) })
+            children: /* @__PURE__ */ jsx7(dist_exports2.ItemIndicator, { children: /* @__PURE__ */ jsx7(Check, {}) })
           }
         ),
         children
@@ -902,8 +812,8 @@ function DropdownMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
-    dist_exports3.Label,
+  return /* @__PURE__ */ jsx7(
+    dist_exports2.Label,
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
@@ -919,8 +829,8 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
-    dist_exports3.Separator,
+  return /* @__PURE__ */ jsx7(
+    dist_exports2.Separator,
     {
       "data-slot": "dropdown-menu-separator",
       className: cn("-mx-1 h-px bg-border", className),
@@ -932,7 +842,7 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -947,7 +857,7 @@ function DropdownMenuShortcut({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(dist_exports3.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx7(dist_exports2.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -956,7 +866,7 @@ function DropdownMenuSubTrigger({
   ...props
 }) {
   return /* @__PURE__ */ jsxs3(
-    dist_exports3.SubTrigger,
+    dist_exports2.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
@@ -967,7 +877,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx8(ChevronRight, { className: "ml-auto" })
+        /* @__PURE__ */ jsx7(ChevronRight, { className: "ml-auto" })
       ]
     }
   );
@@ -978,8 +888,8 @@ function DropdownMenuSubContent({
   alignOffset = -4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
-    dist_exports3.SubContent,
+  return /* @__PURE__ */ jsx7(
+    dist_exports2.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
       sideOffset,
@@ -994,9 +904,9 @@ function DropdownMenuSubContent({
 }
 
 // src/ui/components/input.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "input",
     {
       type,
@@ -1012,12 +922,12 @@ function Input({ className, type, ...props }) {
 }
 
 // src/ui/components/label.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     Root,
     {
       "data-slot": "label",
@@ -1032,11 +942,11 @@ function Label({
 
 // src/ui/components/password-input.tsx
 import * as React from "react";
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var PasswordInput = React.forwardRef(({ className, ...props }, ref) => {
   const [showPassword, setShowPassword] = React.useState(false);
   return /* @__PURE__ */ jsxs4("div", { className: "relative w-full", children: [
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx10(
       Input,
       {
         ref,
@@ -1045,14 +955,14 @@ var PasswordInput = React.forwardRef(({ className, ...props }, ref) => {
         ...props
       }
     ),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx10(
       "button",
       {
         type: "button",
         onClick: () => setShowPassword((prev) => !prev),
         className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition",
         "aria-label": showPassword ? "Hide password" : "Show password",
-        children: showPassword ? /* @__PURE__ */ jsx11(EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx11(Eye, { className: "h-5 w-5" })
+        children: showPassword ? /* @__PURE__ */ jsx10(EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx10(Eye, { className: "h-5 w-5" })
       }
     )
   ] });
@@ -1060,16 +970,16 @@ var PasswordInput = React.forwardRef(({ className, ...props }, ref) => {
 PasswordInput.displayName = "PasswordInput";
 
 // src/ui/components/popover.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(Root22, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx11(Root22, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx11(Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1077,7 +987,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(Portal, { children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(Portal, { children: /* @__PURE__ */ jsx11(
     Content22,
     {
       "data-slot": "popover-content",
@@ -1094,11 +1004,11 @@ function PopoverContent({
 function PopoverAnchor({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(Anchor2, { "data-slot": "popover-anchor", ...props });
+  return /* @__PURE__ */ jsx11(Anchor2, { "data-slot": "popover-anchor", ...props });
 }
 
 // src/ui/components/scroll-area.tsx
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
@@ -1111,7 +1021,7 @@ function ScrollArea({
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx12(
           Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -1119,8 +1029,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx13(ScrollBar, {}),
-        /* @__PURE__ */ jsx13(Corner, {})
+        /* @__PURE__ */ jsx12(ScrollBar, {}),
+        /* @__PURE__ */ jsx12(Corner, {})
       ]
     }
   );
@@ -1130,7 +1040,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -1142,7 +1052,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsx12(
         ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -1154,21 +1064,21 @@ function ScrollBar({
 }
 
 // src/ui/components/select.tsx
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 function Select2({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(Select, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx13(Select, { "data-slot": "select", ...props });
 }
 function SelectGroup2({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(SelectGroup, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx13(SelectGroup, { "data-slot": "select-group", ...props });
 }
 function SelectValue2({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(SelectValue, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx13(SelectValue, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger2({
   className,
@@ -1188,7 +1098,7 @@ function SelectTrigger2({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx14(SelectIcon, { asChild: true, children: /* @__PURE__ */ jsx14(ChevronDown, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx13(SelectIcon, { asChild: true, children: /* @__PURE__ */ jsx13(ChevronDown, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -1199,7 +1109,7 @@ function SelectContent2({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(SelectPortal, { children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx13(SelectPortal, { children: /* @__PURE__ */ jsxs6(
     SelectContent,
     {
       "data-slot": "select-content",
@@ -1211,8 +1121,8 @@ function SelectContent2({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx14(SelectScrollUpButton2, {}),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx13(SelectScrollUpButton2, {}),
+        /* @__PURE__ */ jsx13(
           SelectViewport,
           {
             className: cn(
@@ -1222,7 +1132,7 @@ function SelectContent2({
             children
           }
         ),
-        /* @__PURE__ */ jsx14(SelectScrollDownButton2, {})
+        /* @__PURE__ */ jsx13(SelectScrollDownButton2, {})
       ]
     }
   ) });
@@ -1231,7 +1141,7 @@ function SelectLabel2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     SelectLabel,
     {
       "data-slot": "select-label",
@@ -1255,8 +1165,8 @@ function SelectItem2({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx14("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(SelectItemIndicator, { children: /* @__PURE__ */ jsx14(Check, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx14(SelectItemText, { children })
+        /* @__PURE__ */ jsx13("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(SelectItemIndicator, { children: /* @__PURE__ */ jsx13(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx13(SelectItemText, { children })
       ]
     }
   );
@@ -1265,7 +1175,7 @@ function SelectSeparator2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     SelectSeparator,
     {
       "data-slot": "select-separator",
@@ -1278,7 +1188,7 @@ function SelectScrollUpButton2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     SelectScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -1287,7 +1197,7 @@ function SelectScrollUpButton2({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx14(ChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ jsx13(ChevronUp, { className: "size-4" })
     }
   );
 }
@@ -1295,7 +1205,7 @@ function SelectScrollDownButton2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     SelectScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -1304,7 +1214,7 @@ function SelectScrollDownButton2({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx14(ChevronDown, { className: "size-4" })
+      children: /* @__PURE__ */ jsx13(ChevronDown, { className: "size-4" })
     }
   );
 }
@@ -1312,7 +1222,7 @@ function SelectScrollDownButton2({
 // src/ui/components/select2.tsx
 import { useTranslation as useTranslation2 } from "react-i18next";
 import * as React2 from "react";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 function getText(children) {
   return React2.Children.toArray(children).map((child) => {
     if (typeof child === "string" || typeof child === "number") {
@@ -1392,7 +1302,7 @@ function Select22({
     if (!open) setQuery("");
   }, [open]);
   return /* @__PURE__ */ jsxs7(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx14(
       "select",
       {
         name: name2,
@@ -1406,7 +1316,7 @@ function Select22({
         children
       }
     ),
-    /* @__PURE__ */ jsx15(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsx14(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs7(
       "button",
       {
         type: "button",
@@ -1429,7 +1339,7 @@ function Select22({
         },
         ...props,
         children: [
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx14(
             "span",
             {
               className: cn(
@@ -1439,7 +1349,7 @@ function Select22({
               children: selected?.label || placeholder2 || "Select an option"
             }
           ),
-          /* @__PURE__ */ jsx15(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground opacity-70" })
+          /* @__PURE__ */ jsx14(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground opacity-70" })
         ]
       }
     ) }),
@@ -1453,8 +1363,8 @@ function Select22({
         ),
         children: [
           /* @__PURE__ */ jsxs7("div", { className: "flex items-center border-b border-border px-2", children: [
-            /* @__PURE__ */ jsx15(Search, { className: "mr-2 size-4 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx14(Search, { className: "mr-2 size-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx14(
               "input",
               {
                 value: query,
@@ -1465,16 +1375,16 @@ function Select22({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx14(
             "div",
             {
               role: "listbox",
               className: "max-h-64 overflow-y-auto p-1 thin-scrollbar",
-              children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx15("div", { className: "px-2 py-6 text-center text-sm text-muted-foreground", children: t2("common.noResults") }) : filteredOptions.map((option, index) => {
+              children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx14("div", { className: "px-2 py-6 text-center text-sm text-muted-foreground", children: t2("common.noResults") }) : filteredOptions.map((option, index) => {
                 const showGroup = option.group && filteredOptions.slice(0, index).every((previous) => previous.group !== option.group);
                 const isSelected = option.value === currentValue;
                 return /* @__PURE__ */ jsxs7(React2.Fragment, { children: [
-                  showGroup && /* @__PURE__ */ jsx15("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children: option.group }),
+                  showGroup && /* @__PURE__ */ jsx14("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children: option.group }),
                   /* @__PURE__ */ jsxs7(
                     "button",
                     {
@@ -1488,8 +1398,8 @@ function Select22({
                       ),
                       onClick: () => selectValue(option.value),
                       children: [
-                        /* @__PURE__ */ jsx15("span", { className: "min-w-0 flex-1 truncate", children: option.label }),
-                        isSelected && /* @__PURE__ */ jsx15(Check, { className: "size-4 shrink-0" })
+                        /* @__PURE__ */ jsx14("span", { className: "min-w-0 flex-1 truncate", children: option.label }),
+                        isSelected && /* @__PURE__ */ jsx14(Check, { className: "size-4 shrink-0" })
                       ]
                     }
                   )
@@ -1504,9 +1414,9 @@ function Select22({
 }
 
 // src/ui/components/skeleton.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       "data-slot": "skeleton",
@@ -1518,7 +1428,7 @@ function Skeleton({ className, ...props }) {
 
 // src/ui/components/slider.tsx
 import * as React3 from "react";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 function Slider2({
   className,
   defaultValue,
@@ -1545,14 +1455,14 @@ function Slider2({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx16(
           SliderTrack,
           {
             "data-slot": "slider-track",
             className: cn(
               "bg-input relative grow overflow-hidden rounded-none data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ jsx17(
+            children: /* @__PURE__ */ jsx16(
               SliderRange,
               {
                 "data-slot": "slider-range",
@@ -1564,7 +1474,7 @@ function Slider2({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx17(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx16(
           SliderThumb,
           {
             "data-slot": "slider-thumb",
@@ -1579,12 +1489,12 @@ function Slider2({
 }
 
 // src/ui/components/switch.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Switch2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     Switch,
     {
       "data-slot": "switch",
@@ -1593,7 +1503,7 @@ function Switch2({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx17(
         SwitchThumb,
         {
           "data-slot": "switch-thumb",
@@ -1608,10 +1518,10 @@ function Switch2({
 
 // src/ui/components/textarea.tsx
 import * as React4 from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var Textarea = React4.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx18(
       "textarea",
       {
         className: cn(
@@ -1627,13 +1537,13 @@ var Textarea = React4.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/ui/components/tooltip.tsx
-import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
-    dist_exports4.Provider,
+  return /* @__PURE__ */ jsx19(
+    dist_exports3.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration,
@@ -1644,12 +1554,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(dist_exports4.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ jsx19(dist_exports3.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(dist_exports4.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx19(dist_exports3.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -1657,8 +1567,8 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(dist_exports4.Portal, { children: /* @__PURE__ */ jsxs9(
-    dist_exports4.Content,
+  return /* @__PURE__ */ jsx19(dist_exports3.Portal, { children: /* @__PURE__ */ jsxs9(
+    dist_exports3.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset,
@@ -1669,7 +1579,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx20(dist_exports4.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-none bg-foreground fill-foreground" })
+        /* @__PURE__ */ jsx19(dist_exports3.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-none bg-foreground fill-foreground" })
       ]
     }
   ) });
@@ -1678,7 +1588,7 @@ function TooltipContent({
 // src/ui/lib/host-defaults-context.tsx
 import { createContext, useContext } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
-import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 var HostDefaultsContext = createContext(null);
 function useHostDefaults() {
   return useContext(HostDefaultsContext);
@@ -1728,14 +1638,14 @@ function HostDefaultBadge({ settingKey }) {
         title: defaults3 ? t2("hostDefaults.clearTitle", { source: from }) : t2("hostDefaults.resetTitle", { source: from }),
         className: "inline-flex items-center gap-0.5 border border-accent-brand/40 px-1 text-[10px] font-medium normal-case tracking-normal text-accent-brand hover:bg-accent-brand/10",
         children: [
-          defaults3 ? /* @__PURE__ */ jsx21(X, { className: "size-2.5" }) : /* @__PURE__ */ jsx21(RotateCcw, { className: "size-2.5" }),
+          defaults3 ? /* @__PURE__ */ jsx20(X, { className: "size-2.5" }) : /* @__PURE__ */ jsx20(RotateCcw, { className: "size-2.5" }),
           defaults3 ? t2("hostDefaults.setHere") : t2("hostDefaults.custom")
         ]
       }
     );
   }
   if (own || source?.level === "builtin") return null;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "span",
     {
       title: source ? t2("hostDefaults.inheritedTitle", { source: from }) : t2("hostDefaults.notSetTitle"),
@@ -1753,12 +1663,12 @@ function DefaultsOnly({
   if (context?.mode === "defaults" && fullKey && !context.isAvailable(fullKey)) {
     return null;
   }
-  return /* @__PURE__ */ jsx21(Fragment2, { children });
+  return /* @__PURE__ */ jsx20(Fragment2, { children });
 }
 
 // src/ui/components/section-card.tsx
 import { useState as useState3 } from "react";
-import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function SectionCard({
   title,
   icon,
@@ -1774,11 +1684,11 @@ function SectionCard({
       className: `flex flex-col border border-border bg-card overflow-hidden ${className ?? ""}`,
       children: [
         /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 px-4 py-2.5 border-b border-border shrink-0", children: [
-          /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", children: icon }),
-          /* @__PURE__ */ jsx22("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground flex-1", children: title }),
-          action && /* @__PURE__ */ jsx22("div", { className: "ml-auto", children: action })
+          /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: icon }),
+          /* @__PURE__ */ jsx21("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground flex-1", children: title }),
+          action && /* @__PURE__ */ jsx21("div", { className: "ml-auto", children: action })
         ] }),
-        /* @__PURE__ */ jsx22("div", { className: "px-3 md:px-4 py-1", children })
+        /* @__PURE__ */ jsx21("div", { className: "px-3 md:px-4 py-1", children })
       ]
     }
   );
@@ -1791,21 +1701,21 @@ function SettingRow({
   rowId,
   children
 }) {
-  return /* @__PURE__ */ jsx22(DefaultsOnly, { settingKey: defaultKey ?? "", children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx21(DefaultsOnly, { settingKey: defaultKey ?? "", children: /* @__PURE__ */ jsxs11(
     "div",
     {
-      "data-setting-row": rowId,
+      "data-setting-row": rowId ?? "",
       className: "flex items-center justify-between gap-3 py-3 border-b border-border last:border-0 [.gap-4>&]:py-0 [.gap-4>&]:border-0",
       children: [
         /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-0.5 min-w-0 flex-1", children: [
           /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
-            /* @__PURE__ */ jsx22("span", { className: "text-sm font-medium leading-snug", children: label }),
-            badge && /* @__PURE__ */ jsx22("span", { className: "text-[10px] font-bold text-warning border border-warning/40 px-1 shrink-0", children: badge }),
-            defaultKey && /* @__PURE__ */ jsx22(HostDefaultBadge, { settingKey: defaultKey })
+            /* @__PURE__ */ jsx21("span", { className: "text-sm font-medium leading-snug", children: label }),
+            badge && /* @__PURE__ */ jsx21("span", { className: "text-[10px] font-bold text-warning border border-warning/40 px-1 shrink-0", children: badge }),
+            defaultKey && /* @__PURE__ */ jsx21(HostDefaultBadge, { settingKey: defaultKey })
           ] }),
-          description && /* @__PURE__ */ jsx22("span", { className: "text-xs text-muted-foreground leading-snug", children: description })
+          description && /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground leading-snug", children: description })
         ] }),
-        /* @__PURE__ */ jsx22("div", { className: "shrink-0", children })
+        /* @__PURE__ */ jsx21("div", { className: "shrink-0", children })
       ]
     }
   ) });
@@ -1818,7 +1728,7 @@ function FakeSwitch({
 }) {
   const [internalOn, setInternalOn] = useState3(defaultChecked);
   const on = checked !== void 0 ? checked : internalOn;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     "button",
     {
       type: "button",
@@ -1831,7 +1741,7 @@ function FakeSwitch({
         onChange?.(next);
       },
       className: `relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center border-2 transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${on ? "bg-accent-brand border-accent-brand" : "bg-muted border-border"}`,
-      children: /* @__PURE__ */ jsx22(
+      children: /* @__PURE__ */ jsx21(
         "span",
         {
           className: `pointer-events-none inline-block h-3 w-3 bg-background shadow-sm transition-transform ${on ? "translate-x-4" : "translate-x-0.5"}`
@@ -1842,7 +1752,7 @@ function FakeSwitch({
 }
 
 // src/ui/components/metric-card.tsx
-import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 var DEFAULT_SCROLL_MAX = 360;
 function MetricCard({
   title,
@@ -1855,11 +1765,11 @@ function MetricCard({
 }) {
   return /* @__PURE__ */ jsxs12("div", { className: "flex min-h-0 flex-col overflow-hidden border border-border bg-card", children: [
     /* @__PURE__ */ jsxs12("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-4 py-2.5", children: [
-      /* @__PURE__ */ jsx23("span", { className: "text-muted-foreground", children: icon }),
-      /* @__PURE__ */ jsx23("span", { className: "flex-1 truncate text-xs font-semibold uppercase tracking-widest text-muted-foreground", children: title }),
-      action && /* @__PURE__ */ jsx23("div", { className: "ml-auto shrink-0", children: action })
+      /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", children: icon }),
+      /* @__PURE__ */ jsx22("span", { className: "flex-1 truncate text-xs font-semibold uppercase tracking-widest text-muted-foreground", children: title }),
+      action && /* @__PURE__ */ jsx22("div", { className: "ml-auto shrink-0", children: action })
     ] }),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx22(
       "div",
       {
         className: cn(
@@ -1913,7 +1823,7 @@ function gaugeArc(value, radius, sweepDeg = 270) {
 }
 
 // src/ui/components/charts/Sparkline.tsx
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 function Sparkline({
   data,
   domain,
@@ -1929,7 +1839,7 @@ function Sparkline({
     domain
   );
   const last2 = coords[coords.length - 1];
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       className: cn(
@@ -1946,12 +1856,12 @@ function Sparkline({
           preserveAspectRatio: "none",
           "aria-hidden": "true",
           children: [
-            /* @__PURE__ */ jsx24("defs", { children: /* @__PURE__ */ jsxs13("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-              /* @__PURE__ */ jsx24("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "0.28" }),
-              /* @__PURE__ */ jsx24("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0" })
+            /* @__PURE__ */ jsx23("defs", { children: /* @__PURE__ */ jsxs13("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+              /* @__PURE__ */ jsx23("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "0.28" }),
+              /* @__PURE__ */ jsx23("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0" })
             ] }) }),
-            /* @__PURE__ */ jsx24("path", { d: areaPath, fill: `url(#${gradientId})` }),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx23("path", { d: areaPath, fill: `url(#${gradientId})` }),
+            /* @__PURE__ */ jsx23(
               "path",
               {
                 d: linePath,
@@ -1964,7 +1874,7 @@ function Sparkline({
                 className: "opacity-80"
               }
             ),
-            showLastDot && last2 && /* @__PURE__ */ jsx24(
+            showLastDot && last2 && /* @__PURE__ */ jsx23(
               "circle",
               {
                 cx: last2[0],
@@ -1982,7 +1892,7 @@ function Sparkline({
 }
 
 // src/ui/components/charts/RadialGauge.tsx
-import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 function RadialGauge({
   value,
   label,
@@ -1994,7 +1904,7 @@ function RadialGauge({
 }) {
   const pct = value === null ? 0 : Math.min(100, Math.max(0, value));
   const radius = (size - strokeWidth) / 2;
-  const cx2 = size / 2;
+  const cx = size / 2;
   const cy = size / 2;
   const startAngle = 135;
   const { trackLen, valueLen, circumference } = gaugeArc(value, radius, 270);
@@ -2015,10 +1925,10 @@ function RadialGauge({
             style: { transform: `rotate(${startAngle}deg)` },
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx24(
                 "circle",
                 {
-                  cx: cx2,
+                  cx,
                   cy,
                   r: radius,
                   fill: "none",
@@ -2028,10 +1938,10 @@ function RadialGauge({
                   strokeLinecap: "round"
                 }
               ),
-              /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx24(
                 "circle",
                 {
-                  cx: cx2,
+                  cx,
                   cy,
                   r: radius,
                   fill: "none",
@@ -2046,7 +1956,7 @@ function RadialGauge({
           }
         ),
         /* @__PURE__ */ jsxs14("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx24(
             "span",
             {
               className: cn(
@@ -2056,7 +1966,7 @@ function RadialGauge({
               children: display
             }
           ),
-          caption && /* @__PURE__ */ jsx25("span", { className: "mt-1 text-[10px] font-semibold uppercase tracking-widest text-muted-foreground", children: caption })
+          caption && /* @__PURE__ */ jsx24("span", { className: "mt-1 text-[10px] font-semibold uppercase tracking-widest text-muted-foreground", children: caption })
         ] })
       ]
     }
@@ -2064,7 +1974,7 @@ function RadialGauge({
 }
 
 // src/ui/components/charts/BarSeries.tsx
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 function BarSeries({
   items,
   max,
@@ -2072,14 +1982,14 @@ function BarSeries({
   colorClassName = "bg-accent-brand"
 }) {
   const domainMax = max ?? Math.max(1, ...items.map((i2) => i2.value));
-  return /* @__PURE__ */ jsx26("div", { className: cn("flex flex-col gap-2", className), children: items.map((item, i2) => {
+  return /* @__PURE__ */ jsx25("div", { className: cn("flex flex-col gap-2", className), children: items.map((item, i2) => {
     const pct = Math.min(100, Math.max(0, item.value / domainMax * 100));
     return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx26("span", { className: "truncate text-xs text-muted-foreground", children: item.label }),
-        /* @__PURE__ */ jsx26("span", { className: "shrink-0 font-mono text-[11px] font-semibold", children: item.valueLabel ?? item.value })
+        /* @__PURE__ */ jsx25("span", { className: "truncate text-xs text-muted-foreground", children: item.label }),
+        /* @__PURE__ */ jsx25("span", { className: "shrink-0 font-mono text-[11px] font-semibold", children: item.valueLabel ?? item.value })
       ] }),
-      /* @__PURE__ */ jsx26("div", { className: "h-1.5 w-full overflow-hidden bg-muted", children: /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx25("div", { className: "h-1.5 w-full overflow-hidden bg-muted", children: /* @__PURE__ */ jsx25(
         "div",
         {
           className: cn(
@@ -2094,7 +2004,7 @@ function BarSeries({
 }
 
 // src/ui/components/charts/StatRow.tsx
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 function StatRow({
   label,
   value,
@@ -2109,8 +2019,8 @@ function StatRow({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx27("span", { className: "shrink-0 text-muted-foreground", children: label }),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx26("span", { className: "shrink-0 text-muted-foreground", children: label }),
+        /* @__PURE__ */ jsx26(
           "span",
           {
             className: cn(
@@ -2131,14 +2041,14 @@ function MiniStat({
   className
 }) {
   return /* @__PURE__ */ jsxs16("div", { className: cn("flex flex-col gap-0.5", className), children: [
-    /* @__PURE__ */ jsx27("span", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: caption }),
-    /* @__PURE__ */ jsx27("span", { className: cn("text-sm font-bold leading-none", valueClassName), children: value })
+    /* @__PURE__ */ jsx26("span", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: caption }),
+    /* @__PURE__ */ jsx26("span", { className: cn("text-sm font-bold leading-none", valueClassName), children: value })
   ] });
 }
 
 // src/ui/components/charts/LineChart.tsx
 import { useRef, useState as useState4, useEffect as useEffect2, useCallback } from "react";
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var Y_LABEL_W = 44;
 var X_LABEL_H = 20;
 var TOP_PAD = 6;
@@ -2248,7 +2158,7 @@ function LineChart({
               yTicks.map((tick, ti) => {
                 const y = valToY(tick, drawH, domain);
                 return /* @__PURE__ */ jsxs17("g", { children: [
-                  /* @__PURE__ */ jsx28(
+                  /* @__PURE__ */ jsx27(
                     "line",
                     {
                       x1: Y_LABEL_W,
@@ -2260,7 +2170,7 @@ function LineChart({
                       strokeOpacity: 0.6
                     }
                   ),
-                  /* @__PURE__ */ jsx28(
+                  /* @__PURE__ */ jsx27(
                     "text",
                     {
                       x: Y_LABEL_W - 6,
@@ -2273,7 +2183,7 @@ function LineChart({
                   )
                 ] }, ti);
               }),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx27(
                 "line",
                 {
                   x1: Y_LABEL_W,
@@ -2284,7 +2194,7 @@ function LineChart({
                   strokeWidth: 1
                 }
               ),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx27(
                 "line",
                 {
                   x1: Y_LABEL_W,
@@ -2298,7 +2208,7 @@ function LineChart({
               chartW > 0 && series.map((s) => {
                 const d = buildLinePath(s.data, chartW, drawH, domain);
                 if (!d) return null;
-                return /* @__PURE__ */ jsx28(
+                return /* @__PURE__ */ jsx27(
                   "path",
                   {
                     d,
@@ -2312,7 +2222,7 @@ function LineChart({
                   s.key
                 );
               }),
-              tooltip !== null && timestamps.length > 1 && chartW > 0 && /* @__PURE__ */ jsx28(
+              tooltip !== null && timestamps.length > 1 && chartW > 0 && /* @__PURE__ */ jsx27(
                 "line",
                 {
                   x1: Y_LABEL_W + tooltip.index / (timestamps.length - 1) * chartW,
@@ -2329,7 +2239,7 @@ function LineChart({
                 const isFirst = li === 0;
                 const isLast = li === xTickIndices.length - 1;
                 const x = Y_LABEL_W + i2 / Math.max(1, timestamps.length - 1) * chartW;
-                return /* @__PURE__ */ jsx28(
+                return /* @__PURE__ */ jsx27(
                   "text",
                   {
                     x,
@@ -2355,11 +2265,11 @@ function LineChart({
               transform: tooltip.x > width / 2 ? "translateX(-100%)" : void 0
             },
             children: [
-              /* @__PURE__ */ jsx28("div", { className: "mb-1 font-medium text-muted-foreground", children: formatTimestamp(timestamps[tooltip.index], rangeMs) }),
+              /* @__PURE__ */ jsx27("div", { className: "mb-1 font-medium text-muted-foreground", children: formatTimestamp(timestamps[tooltip.index], rangeMs) }),
               series.map((s) => {
                 const v = s.data[tooltip.index];
                 return /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx28(
+                  /* @__PURE__ */ jsx27(
                     "span",
                     {
                       className: "inline-block h-1.5 w-3 rounded-full shrink-0",
@@ -2370,7 +2280,7 @@ function LineChart({
                     s.label,
                     ":"
                   ] }),
-                  /* @__PURE__ */ jsx28("span", { className: "font-medium", children: v != null ? yFormatter(v) : "--" })
+                  /* @__PURE__ */ jsx27("span", { className: "font-medium", children: v != null ? yFormatter(v) : "--" })
                 ] }, s.key);
               })
             ]
@@ -2480,7 +2390,7 @@ function heightToRowSpan(height, rowUnit, rowGap) {
 }
 
 // src/ui/components/card-grid/CardGridCanvas.tsx
-import { Fragment as Fragment3, jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
 var ROW_UNIT = 8;
 var ROW_GAP = 12;
 function DropZone({
@@ -2491,7 +2401,7 @@ function DropZone({
 }) {
   const [over, setOver] = useState6(false);
   if (!active2) return null;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       className: cn(
@@ -2519,42 +2429,42 @@ function TileChrome({
 }) {
   const { t: t2 } = useTranslation4();
   return /* @__PURE__ */ jsxs18(Fragment3, { children: [
-    /* @__PURE__ */ jsx29("div", { className: "pointer-events-none absolute inset-0 z-10 border-2 border-dashed border-accent-brand/30" }),
+    /* @__PURE__ */ jsx28("div", { className: "pointer-events-none absolute inset-0 z-10 border-2 border-dashed border-accent-brand/30" }),
     /* @__PURE__ */ jsxs18("div", { className: "absolute top-2 right-2 z-20 flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx28(
         "div",
         {
           className: "flex size-6 cursor-grab items-center justify-center border border-border bg-card active:cursor-grabbing",
           title: t2("cardGrid.dragToMove"),
-          children: /* @__PURE__ */ jsx29(GripVertical, { className: "size-3 text-muted-foreground" })
+          children: /* @__PURE__ */ jsx28(GripVertical, { className: "size-3 text-muted-foreground" })
         }
       ),
-      columns > 1 && /* @__PURE__ */ jsx29(
+      columns > 1 && /* @__PURE__ */ jsx28(
         "button",
         {
           onClick: onCycleWidth,
           className: "flex size-6 items-center justify-center border border-border bg-card transition-colors hover:border-accent-brand/40 hover:bg-accent-brand/10",
           title: t2("cardGrid.changeWidth"),
-          children: /* @__PURE__ */ jsx29(Columns2, { className: "size-3 text-muted-foreground" })
+          children: /* @__PURE__ */ jsx28(Columns2, { className: "size-3 text-muted-foreground" })
         }
       ),
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx28(
         "button",
         {
           onClick: onRemove,
           className: "flex size-6 items-center justify-center border border-border bg-card transition-colors hover:border-destructive/40 hover:bg-destructive/10",
           title: t2("cardGrid.removeCard", { label }),
-          children: /* @__PURE__ */ jsx29(Trash, { className: "size-3 text-muted-foreground" })
+          children: /* @__PURE__ */ jsx28(Trash, { className: "size-3 text-muted-foreground" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx28(
       "div",
       {
         onMouseDown: onResizeStart,
         className: "group/resize absolute bottom-0 left-0 right-0 z-20 flex h-2.5 cursor-row-resize items-center justify-center",
         title: t2("cardGrid.dragToResize"),
-        children: /* @__PURE__ */ jsx29("div", { className: "h-0.5 w-12 rounded-full bg-border transition-colors group-hover/resize:bg-accent-brand/60" })
+        children: /* @__PURE__ */ jsx28("div", { className: "h-0.5 w-12 rounded-full bg-border transition-colors group-hover/resize:bg-accent-brand/60" })
       }
     )
   ] });
@@ -2568,7 +2478,7 @@ function AddTray({
   const available = catalog.filter((c) => !presentIds.has(c.id));
   if (available.length === 0) return null;
   return /* @__PURE__ */ jsxs18("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ jsx29("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground", children: t2("cardGrid.addCard") }),
+    /* @__PURE__ */ jsx28("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground", children: t2("cardGrid.addCard") }),
     available.map((card) => /* @__PURE__ */ jsxs18(
       "button",
       {
@@ -2576,7 +2486,7 @@ function AddTray({
         title: card.description,
         className: "flex items-center gap-1.5 border border-dashed border-border px-2.5 py-1 text-xs text-muted-foreground transition-colors hover:border-accent-brand/60 hover:bg-accent-brand/5 hover:text-foreground",
         children: [
-          /* @__PURE__ */ jsx29(Plus, { className: "size-3 text-accent-brand" }),
+          /* @__PURE__ */ jsx28(Plus, { className: "size-3 text-accent-brand" }),
           card.label
         ]
       },
@@ -2637,7 +2547,7 @@ function MasonryTile({
         gridRow: `span ${rows} / span ${rows}`
       },
       children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           "div",
           {
             ref: innerRef,
@@ -2649,7 +2559,7 @@ function MasonryTile({
             children
           }
         ),
-        editMode && /* @__PURE__ */ jsx29(
+        editMode && /* @__PURE__ */ jsx28(
           TileChrome,
           {
             columns: effectiveColumns,
@@ -2751,11 +2661,11 @@ function CardGridCanvas({
   );
   const handleDragOver = (e) => e.preventDefault();
   if (isMobile) {
-    return /* @__PURE__ */ jsx29("div", { className: cn("flex flex-col gap-3", className), children: sorted.map((slot) => /* @__PURE__ */ jsx29("div", { className: "w-full", children: renderCard(slot.id) }, slot.id)) });
+    return /* @__PURE__ */ jsx28("div", { className: cn("flex flex-col gap-3", className), children: sorted.map((slot) => /* @__PURE__ */ jsx28("div", { className: "w-full", children: renderCard(slot.id) }, slot.id)) });
   }
   const effectiveColumns = clampColumns(columns);
   return /* @__PURE__ */ jsxs18("div", { className: cn("flex flex-col", className), children: [
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx28(
       "div",
       {
         className: "grid items-start",
@@ -2770,7 +2680,7 @@ function CardGridCanvas({
           const span = Math.min(slot.colSpan, effectiveColumns);
           const isDragging = dragState?.id === slot.id;
           const rows = rowSpans[slot.id] ?? 24;
-          return /* @__PURE__ */ jsx29(
+          return /* @__PURE__ */ jsx28(
             MasonryTile,
             {
               slot,
@@ -2799,8 +2709,8 @@ function CardGridCanvas({
       }
     ),
     editMode && /* @__PURE__ */ jsxs18(Fragment3, { children: [
-      sorted.length === 0 && /* @__PURE__ */ jsx29("div", { className: "flex items-center justify-center border border-dashed border-border/40 py-10 text-xs text-muted-foreground/40", children: t2("cardGrid.empty") }),
-      /* @__PURE__ */ jsx29(
+      sorted.length === 0 && /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-center border border-dashed border-border/40 py-10 text-xs text-muted-foreground/40", children: t2("cardGrid.empty") }),
+      /* @__PURE__ */ jsx28(
         AddTray,
         {
           catalog: cardCatalog,
@@ -2809,7 +2719,7 @@ function CardGridCanvas({
         }
       )
     ] }),
-    editMode && /* @__PURE__ */ jsx29(
+    editMode && /* @__PURE__ */ jsx28(
       DropZone,
       {
         order: sorted.length,
@@ -2826,10 +2736,10 @@ function ColumnCountStepper({
 }) {
   const { t: t2 } = useTranslation4();
   return /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx29(StretchHorizontal, { className: "size-3.5 text-muted-foreground" }),
-    /* @__PURE__ */ jsx29("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground", children: t2("cardGrid.columns") }),
+    /* @__PURE__ */ jsx28(StretchHorizontal, { className: "size-3.5 text-muted-foreground" }),
+    /* @__PURE__ */ jsx28("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground", children: t2("cardGrid.columns") }),
     /* @__PURE__ */ jsxs18("div", { className: "flex items-center border border-border", children: [
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx28(
         "button",
         {
           className: "flex size-6 items-center justify-center text-muted-foreground transition-colors hover:bg-muted disabled:opacity-30",
@@ -2838,8 +2748,8 @@ function ColumnCountStepper({
           children: "\u2212"
         }
       ),
-      /* @__PURE__ */ jsx29("span", { className: "w-6 text-center text-xs font-bold tabular-nums", children: columns }),
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx28("span", { className: "w-6 text-center text-xs font-bold tabular-nums", children: columns }),
+      /* @__PURE__ */ jsx28(
         "button",
         {
           className: "flex size-6 items-center justify-center text-muted-foreground transition-colors hover:bg-muted disabled:opacity-30",
@@ -2860,7 +2770,7 @@ import { useEffect as useEffect5, useRef as useRef3, useState as useState8 } fro
 
 // src/ui/ssh/connection-log/ConnectionLogContext.tsx
 import { createContext as createContext2, useContext as useContext2, useState as useState7, useCallback as useCallback3 } from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var ConnectionLogContext = createContext2(void 0);
 function ConnectionLogProvider({
   children
@@ -2899,7 +2809,7 @@ function ConnectionLogProvider({
   const toggleExpanded = useCallback3(() => {
     setIsExpanded((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     ConnectionLogContext.Provider,
     {
       value: {
@@ -3001,7 +2911,7 @@ function legacyPaste() {
 
 // src/ui/components/connection/ConnectionLogPanel.tsx
 import { toast } from "sonner";
-import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 var COLLAPSED_HEIGHT = "h-[136px]";
 var EXPANDED_HEIGHT = "h-[46%] min-h-[220px]";
 var DOT = {
@@ -3020,7 +2930,6 @@ function ConnectionLogPanel({
   isConnecting,
   isConnected,
   hasConnectionError,
-  position = "bottom",
   className
 }) {
   const { t: t2 } = useTranslation5();
@@ -3077,13 +2986,13 @@ function ConnectionLogPanel({
     {
       className: cn(
         "relative z-10 flex shrink-0 flex-col bg-surface-dim/60",
-        position === "bottom" ? "border-t border-border" : "border-b border-border",
+        "border-t border-border",
         expanded ? EXPANDED_HEIGHT : COLLAPSED_HEIGHT,
         "transition-[height] duration-200",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs19("div", { className: "flex h-9 shrink-0 items-center gap-2 border-b border-border/60 px-2 pr-1.5", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "flex h-9 shrink-0 items-center gap-2 border-b border-border px-2 pr-1.5", children: [
           /* @__PURE__ */ jsxs19(
             "button",
             {
@@ -3092,13 +3001,13 @@ function ConnectionLogPanel({
               "aria-expanded": expanded,
               className: "flex min-w-0 items-center gap-1.5 px-1.5 py-1 text-foreground-secondary transition-colors hover:text-foreground",
               children: [
-                expanded ? /* @__PURE__ */ jsx31(ChevronDown, { className: "size-3.5 shrink-0" }) : /* @__PURE__ */ jsx31(ChevronUp, { className: "size-3.5 shrink-0" }),
-                /* @__PURE__ */ jsx31("span", { className: "text-[10px] font-semibold uppercase tracking-widest", children: t2("sshAuth.connectionLogTitle") })
+                expanded ? /* @__PURE__ */ jsx30(ChevronDown, { className: "size-3.5 shrink-0" }) : /* @__PURE__ */ jsx30(ChevronUp, { className: "size-3.5 shrink-0" }),
+                /* @__PURE__ */ jsx30("span", { className: "text-[10px] font-semibold uppercase tracking-widest", children: t2("sshAuth.connectionLogTitle") })
               ]
             }
           ),
-          /* @__PURE__ */ jsx31("span", { className: "text-xs tabular-nums text-muted-foreground", children: logs.length }),
-          logs.length > 0 && /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx30("span", { className: "text-xs tabular-nums text-muted-foreground", children: logs.length }),
+          logs.length > 0 && /* @__PURE__ */ jsx30(
             Button,
             {
               variant: "ghost",
@@ -3106,18 +3015,18 @@ function ConnectionLogPanel({
               onClick: copyLogsToClipboard,
               title: t2("sshAuth.connectionLogCopy"),
               className: "ml-auto text-muted-foreground",
-              children: copied ? /* @__PURE__ */ jsx31(Check, { className: "size-3.5 text-accent-brand" }) : /* @__PURE__ */ jsx31(Copy, { className: "size-3.5" })
+              children: copied ? /* @__PURE__ */ jsx30(Check, { className: "size-3.5 text-accent-brand" }) : /* @__PURE__ */ jsx30(Copy, { className: "size-3.5" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx31("div", { className: "thin-scrollbar min-h-0 flex-1 overflow-y-auto overflow-x-hidden", children: logs.length === 0 ? /* @__PURE__ */ jsx31("p", { className: "px-3 py-4 text-xs text-muted-foreground", children: isConnecting ? t2("sshAuth.connectionLogWaiting") : t2("sshAuth.connectionLogEmpty") }) : /* @__PURE__ */ jsx31("div", { className: "px-2 py-1.5 font-mono text-[11px] leading-[1.7]", children: logs.map((log, index) => /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsx30("div", { className: "thin-scrollbar min-h-0 flex-1 overflow-y-auto overflow-x-hidden", children: logs.length === 0 ? /* @__PURE__ */ jsx30("p", { className: "px-3 py-4 text-xs text-muted-foreground", children: isConnecting ? t2("sshAuth.connectionLogWaiting") : t2("sshAuth.connectionLogEmpty") }) : /* @__PURE__ */ jsx30("div", { className: "px-2 py-1.5 font-mono text-[11px] leading-[1.7]", children: logs.map((log, index) => /* @__PURE__ */ jsxs19(
           "div",
           {
             ref: index === logs.length - 1 ? lastLogRef : null,
             className: "flex items-baseline gap-2 px-1 hover:bg-foreground/[0.03]",
             children: [
-              /* @__PURE__ */ jsx31("span", { className: "shrink-0 tabular-nums text-muted-foreground/70", children: log.timestamp.toLocaleTimeString([], { hour12: false }) }),
-              /* @__PURE__ */ jsx31(
+              /* @__PURE__ */ jsx30("span", { className: "shrink-0 tabular-nums text-muted-foreground/70", children: log.timestamp.toLocaleTimeString([], { hour12: false }) }),
+              /* @__PURE__ */ jsx30(
                 "span",
                 {
                   className: cn(
@@ -3126,7 +3035,7 @@ function ConnectionLogPanel({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx31(
+              /* @__PURE__ */ jsx30(
                 "span",
                 {
                   className: cn(
@@ -3146,12 +3055,11 @@ function ConnectionLogPanel({
 }
 
 // src/ui/components/connection/ConnectionScreen.tsx
-import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 function ConnectionScreen({
   status,
   message,
   detail,
-  errorMessage,
   errorDetail,
   unavailable,
   backgroundColor,
@@ -3159,29 +3067,34 @@ function ConnectionScreen({
   maxAttempts = 0,
   nextRetryInMs = null,
   onManualRetry,
-  retryLabel,
   disconnectedMessage,
+  onClose,
   extraActions,
   logPosition = "bottom",
   emptyState,
   className
 }) {
   const { t: t2 } = useTranslation6();
+  const surfaceClose = useSurfaceClose();
+  const logs = useOptionalConnectionLog()?.logs;
+  const close = onClose === false ? null : onClose ?? surfaceClose;
   if (status === "connected" && !emptyState && !unavailable) {
     return null;
   }
   const connecting = status === "connecting" && !unavailable;
   const failed = status === "error" || status === "disconnected";
   const retrying = status === "error" && attempt > 0 && !!nextRetryInMs && nextRetryInMs > 0;
-  const showRetryButton = (failed || !!unavailable) && !!onManualRetry;
+  const stopped = failed || !!unavailable;
+  const showRetryButton = stopped && !!onManualRetry;
+  const showClose = stopped && !!close;
+  const reason = errorDetail || [...logs ?? []].reverse().find((entry) => entry.type === "error")?.message || null;
   const showLog = !emptyState && (status !== "connected" || !!unavailable);
   let headline = message;
   if (unavailable) headline = unavailable.title;
-  else if (status === "disconnected")
-    headline = disconnectedMessage || t2("connection.disconnected");
   else if (retrying) headline = t2("connection.failedRetrying");
-  else if (status === "error")
-    headline = errorMessage || t2("connection.failed");
+  else if (status === "disconnected" && disconnectedMessage)
+    headline = disconnectedMessage;
+  else if (failed) headline = t2("connection.failed");
   const showCountdown = attempt > 0 && (connecting || retrying);
   return /* @__PURE__ */ jsxs20(
     "div",
@@ -3195,19 +3108,19 @@ function ConnectionScreen({
       ),
       style: { backgroundColor: backgroundColor || "var(--bg-base)" },
       children: [
-        /* @__PURE__ */ jsx32("div", { className: "flex min-h-0 flex-1 items-center justify-center p-6", children: emptyState ? emptyState : /* @__PURE__ */ jsxs20("div", { className: "flex max-w-md flex-col items-center gap-3.5 text-center", children: [
-          /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx31("div", { className: "flex min-h-0 flex-1 items-center justify-center p-6", children: emptyState ? emptyState : /* @__PURE__ */ jsxs20("div", { className: "flex max-w-md flex-col items-center gap-3.5 text-center", children: [
+          /* @__PURE__ */ jsx31(
             ConnectionMark,
             {
               state: unavailable ? "unavailable" : connecting || retrying ? "busy" : "failed"
             }
           ),
           /* @__PURE__ */ jsxs20("div", { className: "space-y-1.5", children: [
-            headline && /* @__PURE__ */ jsx32("p", { className: "text-sm font-semibold tracking-tight text-foreground", children: headline }),
-            detail && /* @__PURE__ */ jsx32("p", { className: "font-mono text-xs text-muted-foreground", children: detail }),
-            unavailable?.hint && /* @__PURE__ */ jsx32("p", { className: "text-xs leading-snug text-muted-foreground", children: unavailable.hint }),
-            failed && !unavailable && errorDetail && /* @__PURE__ */ jsx32("p", { className: "line-clamp-3 text-xs leading-snug text-destructive/80", children: errorDetail }),
-            showCountdown && /* @__PURE__ */ jsx32("p", { className: "text-xs tabular-nums text-muted-foreground", children: nextRetryInMs && nextRetryInMs > 0 ? t2("connection.retryingIn", {
+            headline && /* @__PURE__ */ jsx31("p", { className: "text-sm font-semibold tracking-tight text-foreground", children: headline }),
+            detail && /* @__PURE__ */ jsx31("p", { className: "font-mono text-xs text-muted-foreground", children: detail }),
+            unavailable?.hint && /* @__PURE__ */ jsx31("p", { className: "text-xs leading-snug text-muted-foreground", children: unavailable.hint }),
+            failed && !unavailable && reason && /* @__PURE__ */ jsx31("p", { className: "line-clamp-3 text-xs leading-snug text-destructive/80", children: reason }),
+            showCountdown && /* @__PURE__ */ jsx31("p", { className: "text-xs tabular-nums text-muted-foreground", children: nextRetryInMs && nextRetryInMs > 0 ? t2("connection.retryingIn", {
               seconds: Math.ceil(nextRetryInMs / 1e3),
               attempt,
               max: maxAttempts
@@ -3216,7 +3129,7 @@ function ConnectionScreen({
               max: maxAttempts
             }) })
           ] }),
-          (showRetryButton || (failed || unavailable) && extraActions || unavailable?.action) && /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap justify-center gap-2 pt-0.5", children: [
+          (showRetryButton || showClose || stopped && extraActions || unavailable?.action) && /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap justify-center gap-2 pt-0.5", children: [
             showRetryButton && /* @__PURE__ */ jsxs20(
               Button,
               {
@@ -3225,21 +3138,34 @@ function ConnectionScreen({
                 onClick: onManualRetry,
                 className: "gap-2 font-semibold",
                 children: [
-                  /* @__PURE__ */ jsx32(RefreshCw, { className: "size-3.5" }),
-                  retrying ? t2("connection.retryNow") : retryLabel || t2("connection.reconnect")
+                  /* @__PURE__ */ jsx31(RefreshCw, { className: "size-3.5" }),
+                  retrying ? t2("connection.retryNow") : t2("connection.reconnect")
                 ]
               }
             ),
             unavailable?.action,
-            (failed || unavailable) && extraActions
+            stopped && extraActions,
+            showClose && /* @__PURE__ */ jsxs20(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: close,
+                className: "gap-2 font-semibold",
+                children: [
+                  /* @__PURE__ */ jsx31(X, { className: "size-3.5" }),
+                  t2("connection.close")
+                ]
+              }
+            )
           ] })
         ] }) }),
-        showLog && /* @__PURE__ */ jsx32(
+        showLog && /* @__PURE__ */ jsx31(
           ConnectionLogPanel,
           {
             isConnecting: connecting,
             isConnected: false,
-            hasConnectionError: failed || !!unavailable,
+            hasConnectionError: stopped,
             position: logPosition
           }
         )
@@ -3252,7 +3178,7 @@ function ConnectionMark({
 }) {
   return /* @__PURE__ */ jsxs20("div", { className: "relative size-9", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsxs20("svg", { viewBox: "0 0 36 36", className: "size-full", children: [
-      /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsx31(
         "circle",
         {
           cx: "18",
@@ -3263,7 +3189,7 @@ function ConnectionMark({
           className: "stroke-border"
         }
       ),
-      state === "busy" && /* @__PURE__ */ jsx32(
+      state === "busy" && /* @__PURE__ */ jsx31(
         "circle",
         {
           cx: "18",
@@ -3277,7 +3203,7 @@ function ConnectionMark({
         }
       )
     ] }),
-    state !== "busy" && /* @__PURE__ */ jsx32(
+    state !== "busy" && /* @__PURE__ */ jsx31(
       "span",
       {
         className: cn(
@@ -3298,31 +3224,31 @@ import * as React7 from "react";
 
 // src/ui/components/sheet.tsx
 import { useTranslation as useTranslation7 } from "react-i18next";
-import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx33(dist_exports2.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx32(dist_exports.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(dist_exports2.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx32(dist_exports.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(dist_exports2.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx32(dist_exports.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(dist_exports2.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx32(dist_exports.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
-    dist_exports2.Overlay,
+  return /* @__PURE__ */ jsx32(
+    dist_exports.Overlay,
     {
       "data-slot": "sheet-overlay",
       className: cn(
@@ -3342,9 +3268,9 @@ function SheetContent({
 }) {
   const { t: t2 } = useTranslation7();
   return /* @__PURE__ */ jsxs21(SheetPortal, { children: [
-    /* @__PURE__ */ jsx33(SheetOverlay, {}),
+    /* @__PURE__ */ jsx32(SheetOverlay, {}),
     /* @__PURE__ */ jsxs21(
-      dist_exports2.Content,
+      dist_exports.Content,
       {
         "data-slot": "sheet-content",
         "data-side": side,
@@ -3355,15 +3281,15 @@ function SheetContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsx33(dist_exports2.Close, { "data-slot": "sheet-close", asChild: true, children: /* @__PURE__ */ jsxs21(
+          showCloseButton && /* @__PURE__ */ jsx32(dist_exports.Close, { "data-slot": "sheet-close", asChild: true, children: /* @__PURE__ */ jsxs21(
             Button,
             {
               variant: "ghost",
               className: "absolute top-3 right-3",
               size: "icon-sm",
               children: [
-                /* @__PURE__ */ jsx33(X, {}),
-                /* @__PURE__ */ jsx33("span", { className: "sr-only", children: t2("common.close") })
+                /* @__PURE__ */ jsx32(X, {}),
+                /* @__PURE__ */ jsx32("span", { className: "sr-only", children: t2("common.close") })
               ]
             }
           ) })
@@ -3373,7 +3299,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       "data-slot": "sheet-header",
@@ -3383,7 +3309,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -3396,8 +3322,8 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
-    dist_exports2.Title,
+  return /* @__PURE__ */ jsx32(
+    dist_exports.Title,
     {
       "data-slot": "sheet-title",
       className: cn(
@@ -3412,8 +3338,8 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
-    dist_exports2.Description,
+  return /* @__PURE__ */ jsx32(
+    dist_exports.Description,
     {
       "data-slot": "sheet-description",
       className: cn("text-xs/relaxed text-muted-foreground", className),
@@ -3423,7 +3349,7 @@ function SheetDescription({
 }
 
 // src/ui/components/sidebar.tsx
-import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -3481,7 +3407,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx34(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -3520,6 +3446,21 @@ var sidebarMenuButtonVariants = cva(
   }
 );
 
+// src/ui/lib/embedded-frame.ts
+function isInMobileWebView() {
+  return /Termix-Mobile\/(Android|iOS)/.test(navigator.userAgent) || !!window.ReactNativeWebView;
+}
+function isInElectronWebView() {
+  if (isInMobileWebView()) return false;
+  if (window.IS_ELECTRON_WEBVIEW) return true;
+  try {
+    if (window.self !== window.top) return true;
+  } catch {
+    return true;
+  }
+  return false;
+}
+
 // src/ui/auth/Auth.tsx
 import { useState as useState13, useEffect as useEffect10, useCallback as useCallback6, useRef as useRef4 } from "react";
 import { toast as toast2 } from "sonner";
@@ -3541,13 +3482,13 @@ async function getEmbeddedServerFailure() {
 }
 
 // src/ui/lib/plugin-icon.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function PluginIcon({
   name: name2,
   ...props
 }) {
   const Icon = name2 && icons_exports[name2] || Puzzle;
-  return /* @__PURE__ */ jsx35(Icon, { ...props });
+  return /* @__PURE__ */ jsx34(Icon, { ...props });
 }
 
 // src/ui/settings/HostPluginSections.tsx
@@ -3556,7 +3497,7 @@ import { useTranslation as useTranslation10 } from "react-i18next";
 
 // src/ui/settings/SettingsFields.tsx
 import { useTranslation as useTranslation9 } from "react-i18next";
-import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
 function SettingsFieldRow({
   pluginId,
   field,
@@ -3573,7 +3514,7 @@ function SettingsFieldRow({
   if (field.type === "custom") {
     const Component = getSettingsComponent(pluginId, field.component);
     if (!Component) return null;
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx35(
       Component,
       {
         pluginId,
@@ -3587,9 +3528,9 @@ function SettingsFieldRow({
   const readOnly2 = disabled || !running;
   const description = field.descriptionKey ? /* @__PURE__ */ jsxs23(Fragment4, { children: [
     label(field.descriptionKey),
-    error && /* @__PURE__ */ jsx36("span", { className: "block text-destructive mt-0.5", children: error })
-  ] }) : error ? /* @__PURE__ */ jsx36("span", { className: "text-destructive", children: error }) : void 0;
-  const control = /* @__PURE__ */ jsx36(
+    error && /* @__PURE__ */ jsx35("span", { className: "block text-destructive mt-0.5", children: error })
+  ] }) : error ? /* @__PURE__ */ jsx35("span", { className: "text-destructive", children: error }) : void 0;
+  const control = /* @__PURE__ */ jsx35(
     FieldControl,
     {
       pluginId,
@@ -3600,7 +3541,7 @@ function SettingsFieldRow({
     }
   );
   if (field.type === "boolean") {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx35(
       SettingRow,
       {
         label: label(field.labelKey),
@@ -3611,14 +3552,14 @@ function SettingsFieldRow({
       }
     );
   }
-  return /* @__PURE__ */ jsx36(DefaultsOnly, { settingKey: defaultKey ?? "", children: /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-1.5 py-3 border-b border-border last:border-0 min-w-0", children: [
+  return /* @__PURE__ */ jsx35(DefaultsOnly, { settingKey: defaultKey ?? "", children: /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-1.5 py-3 border-b border-border last:border-0 min-w-0", children: [
     /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
-      /* @__PURE__ */ jsx36("span", { className: "text-sm font-medium leading-snug", children: label(field.labelKey) }),
-      error && /* @__PURE__ */ jsx36("span", { className: "text-[10px] font-bold text-warning border border-warning/40 px-1 shrink-0", children: t2("common.error") }),
-      defaultKey && /* @__PURE__ */ jsx36(HostDefaultBadge, { settingKey: defaultKey })
+      /* @__PURE__ */ jsx35("span", { className: "text-sm font-medium leading-snug", children: label(field.labelKey) }),
+      error && /* @__PURE__ */ jsx35("span", { className: "text-[10px] font-bold text-warning border border-warning/40 px-1 shrink-0", children: t2("common.error") }),
+      defaultKey && /* @__PURE__ */ jsx35(HostDefaultBadge, { settingKey: defaultKey })
     ] }),
-    description && /* @__PURE__ */ jsx36("span", { className: "text-xs text-muted-foreground leading-snug", children: description }),
-    /* @__PURE__ */ jsx36("div", { className: "min-w-0", children: control })
+    description && /* @__PURE__ */ jsx35("span", { className: "text-xs text-muted-foreground leading-snug", children: description }),
+    /* @__PURE__ */ jsx35("div", { className: "min-w-0", children: control })
   ] }) });
 }
 function FieldControl({
@@ -3633,7 +3574,7 @@ function FieldControl({
   const placeholder2 = field.placeholderKey ? label(field.placeholderKey) : void 0;
   switch (field.type) {
     case "boolean":
-      return /* @__PURE__ */ jsx36(
+      return /* @__PURE__ */ jsx35(
         FakeSwitch,
         {
           checked: value === true,
@@ -3642,7 +3583,7 @@ function FieldControl({
         }
       );
     case "number":
-      return /* @__PURE__ */ jsx36(
+      return /* @__PURE__ */ jsx35(
         Input,
         {
           type: "number",
@@ -3666,19 +3607,19 @@ function FieldControl({
           value: typeof value === "string" ? value : "",
           onValueChange: (next) => setValue(field.key, next),
           children: [
-            /* @__PURE__ */ jsx36(SelectTrigger2, { className: "h-8 w-full min-w-0 text-sm", children: /* @__PURE__ */ jsx36(SelectValue2, { placeholder: placeholder2 }) }),
-            /* @__PURE__ */ jsx36(SelectContent2, { children: (field.options ?? []).map((option) => /* @__PURE__ */ jsx36(SelectItem2, { value: option.value, children: label(option.labelKey) }, option.value)) })
+            /* @__PURE__ */ jsx35(SelectTrigger2, { className: "h-8 w-full min-w-0 text-sm", children: /* @__PURE__ */ jsx35(SelectValue2, { placeholder: placeholder2 }) }),
+            /* @__PURE__ */ jsx35(SelectContent2, { children: (field.options ?? []).map((option) => /* @__PURE__ */ jsx35(SelectItem2, { value: option.value, children: label(option.labelKey) }, option.value)) })
           ]
         }
       );
     case "multiselect": {
       const selected = Array.isArray(value) ? value : [];
-      return /* @__PURE__ */ jsx36("div", { className: "flex flex-col gap-1.5", children: (field.options ?? []).map((option) => /* @__PURE__ */ jsxs23(
+      return /* @__PURE__ */ jsx35("div", { className: "flex flex-col gap-1.5", children: (field.options ?? []).map((option) => /* @__PURE__ */ jsxs23(
         "label",
         {
           className: "flex items-center gap-2 text-xs text-muted-foreground",
           children: [
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx35(
               Checkbox2,
               {
                 disabled: readOnly2,
@@ -3689,14 +3630,14 @@ function FieldControl({
                 )
               }
             ),
-            /* @__PURE__ */ jsx36("span", { children: label(option.labelKey) })
+            /* @__PURE__ */ jsx35("span", { children: label(option.labelKey) })
           ]
         },
         option.value
       )) });
     }
     case "secret":
-      return /* @__PURE__ */ jsx36(
+      return /* @__PURE__ */ jsx35(
         SecretControl,
         {
           field,
@@ -3708,7 +3649,7 @@ function FieldControl({
       );
     case "textarea":
     case "json":
-      return /* @__PURE__ */ jsx36(
+      return /* @__PURE__ */ jsx35(
         Textarea,
         {
           className: "w-full text-sm font-mono min-h-16",
@@ -3719,7 +3660,7 @@ function FieldControl({
         }
       );
     default:
-      return /* @__PURE__ */ jsx36(
+      return /* @__PURE__ */ jsx35(
         Input,
         {
           className: "h-8 w-full text-sm",
@@ -3743,8 +3684,8 @@ function SecretControl({
   const stored = redacted && value.set;
   if (redacted) {
     return /* @__PURE__ */ jsxs23("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsx36("span", { className: "text-xs text-muted-foreground", children: stored ? t2("settings.secretSet") : t2("settings.secretNotSet") }),
-      /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx35("span", { className: "text-xs text-muted-foreground", children: stored ? t2("settings.secretSet") : t2("settings.secretNotSet") }),
+      /* @__PURE__ */ jsx35(
         Button,
         {
           variant: "outline",
@@ -3758,7 +3699,7 @@ function SecretControl({
     ] });
   }
   return /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 min-w-0", children: [
-    /* @__PURE__ */ jsx36("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx35("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx35(
       PasswordInput,
       {
         className: "h-8 w-full text-sm",
@@ -3768,7 +3709,7 @@ function SecretControl({
         onChange: (event) => setValue(field.key, event.target.value)
       }
     ) }),
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx35(
       Button,
       {
         variant: "ghost",
@@ -3791,7 +3732,7 @@ function hasVisibleFields(fields) {
 }
 
 // src/ui/settings/HostPluginSections.tsx
-import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
 function usePluginHostSections() {
   const [plugins, setPlugins] = useState10([]);
   useEffect7(() => {
@@ -3829,7 +3770,7 @@ function HostPluginSections({
   setValue
 }) {
   if (plugins.length === 0) return null;
-  return /* @__PURE__ */ jsx37("div", { className: "flex flex-col gap-2", children: plugins.map((plugin) => /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36("div", { className: "flex flex-col gap-2", children: plugins.map((plugin) => /* @__PURE__ */ jsx36(
     HostPluginSection,
     {
       plugin,
@@ -3847,7 +3788,7 @@ function HostFeatureFields({
   const plugin = usePluginHostSections().find((p) => p.id === pluginId);
   if (!plugin) return null;
   const values = form?.pluginSettings ?? {};
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     HostPluginSection,
     {
       plugin,
@@ -3881,10 +3822,10 @@ function HostPluginSection({
     SectionCard,
     {
       title: plugin.name,
-      icon: /* @__PURE__ */ jsx37(PluginIcon, { name: plugin.icon, className: "size-3.5" }),
+      icon: /* @__PURE__ */ jsx36(PluginIcon, { name: plugin.icon, className: "size-3.5" }),
       children: [
-        !running && /* @__PURE__ */ jsx37("div", { className: "my-3 border border-warning/40 bg-warning/10 px-3 py-2 text-xs text-warning", children: t2("settings.featureUnavailable", { name: plugin.name }) }),
-        enableKey && /* @__PURE__ */ jsx37(
+        !running && /* @__PURE__ */ jsx36("div", { className: "my-3 border border-warning/40 bg-warning/10 px-3 py-2 text-xs text-warning", children: t2("settings.featureUnavailable", { name: plugin.name }) }),
+        enableKey && /* @__PURE__ */ jsx36(
           SettingsFieldRow,
           {
             pluginId: plugin.id,
@@ -3900,7 +3841,7 @@ function HostPluginSection({
             defaultKey: `${plugin.id}.${enableKey}`
           }
         ),
-        enabled && host.fields.filter((field) => isFieldShown(field, shown)).map((field) => /* @__PURE__ */ jsx37(
+        enabled && host.fields.filter((field) => isFieldShown(field, shown)).map((field) => /* @__PURE__ */ jsx36(
           SettingsFieldRow,
           {
             pluginId: plugin.id,
@@ -4141,7 +4082,7 @@ var CORE_EDITOR_KEYS = CORE_HOST_DEFAULTS.map(
 );
 
 // src/ui/settings/host-feature-tabs.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var TAB_PREFIX = "feature:";
 function hostFeatureTabId(pluginId) {
   return `${TAB_PREFIX}${pluginId}`;
@@ -4195,8 +4136,8 @@ function syncHostFeatureTabs(plugins) {
       label: plugin.name,
       // Nothing but the plugin's host settings, so it works for defaults too.
       defaults: ownSections.has(plugin.id) ? "only" : true,
-      icon: icon ? ({ className }) => /* @__PURE__ */ jsx38(PluginIcon, { name: icon, className }) : void 0,
-      component: ({ form, setField }) => /* @__PURE__ */ jsx38(
+      icon: icon ? ({ className }) => /* @__PURE__ */ jsx37(PluginIcon, { name: icon, className }) : void 0,
+      component: ({ form, setField }) => /* @__PURE__ */ jsx37(
         HostPluginSections,
         {
           plugins: [plugin],
@@ -4450,6 +4391,26 @@ function enqueue(task) {
   queue = queue.then(task, task);
   return queue;
 }
+function syncPlugins(summaries) {
+  return enqueue(async () => {
+    let list = summaries;
+    if (!list) {
+      try {
+        list = await currentDeps().fetchPlugins();
+      } catch (error) {
+        console.error("[plugins] could not load the plugin list", error);
+        if (!getPluginStoreState().loaded) setPluginSummaries([]);
+        markPluginsSettled();
+        return;
+      }
+    }
+    await reconcile(list);
+    markPluginsSettled();
+  });
+}
+import.meta.hot?.on("termix:plugins-reloaded", () => {
+  if (started) void syncPlugins();
+});
 async function fetchPreLoginPlugins() {
   const response = await fetch(getBackendUrl("/plugins/public-manifest"));
   if (!response.ok) return [];
@@ -4489,7 +4450,7 @@ import {
   useMemo as useMemo6,
   useState as useState12
 } from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var DEFAULT_APP_NAME = "Termix";
 var BrandingContext = createContext4({
   ready: false,
@@ -4504,14 +4465,14 @@ function useBranding() {
 }
 
 // src/ui/auth/auth-bits.tsx
-import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
 function BrandPanel({
   logo,
   appName,
   tagline
 }) {
   return /* @__PURE__ */ jsxs25("div", { className: "relative hidden w-[46%] max-w-[560px] shrink-0 select-none flex-col justify-between overflow-hidden border-r border-border bg-sidebar p-10 lg:flex", children: [
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx39(
       "div",
       {
         className: "absolute inset-0 opacity-70",
@@ -4521,16 +4482,16 @@ function BrandPanel({
         }
       }
     ),
-    /* @__PURE__ */ jsx40("div", { className: "absolute inset-x-0 top-0 h-px bg-accent-brand/60" }),
+    /* @__PURE__ */ jsx39("div", { className: "absolute inset-x-0 top-0 h-px bg-accent-brand/60" }),
     /* @__PURE__ */ jsxs25("div", { className: "relative flex items-center gap-3", children: [
-      logo && /* @__PURE__ */ jsx40("img", { src: logo, alt: "", className: "size-8 object-contain" }),
-      /* @__PURE__ */ jsx40("span", { className: "font-mono text-lg font-bold uppercase tracking-[0.35em]", children: appName })
+      logo && /* @__PURE__ */ jsx39("img", { src: logo, alt: "", className: "size-8 object-contain" }),
+      /* @__PURE__ */ jsx39("span", { className: "font-mono text-lg font-bold uppercase tracking-[0.35em]", children: appName })
     ] }),
     /* @__PURE__ */ jsxs25("div", { className: "relative max-w-[380px]", children: [
-      /* @__PURE__ */ jsx40("h2", { className: "text-2xl font-semibold leading-tight tracking-tight", children: tagline }),
-      /* @__PURE__ */ jsx40("div", { className: "mt-4 h-px w-10 bg-accent-brand" })
+      /* @__PURE__ */ jsx39("h2", { className: "text-2xl font-semibold leading-tight tracking-tight", children: tagline }),
+      /* @__PURE__ */ jsx39("div", { className: "mt-4 h-px w-10 bg-accent-brand" })
     ] }),
-    /* @__PURE__ */ jsx40("div", { className: "relative h-3" })
+    /* @__PURE__ */ jsx39("div", { className: "relative h-3" })
   ] });
 }
 function CompactBrand({
@@ -4538,8 +4499,8 @@ function CompactBrand({
   appName
 }) {
   return /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2.5 lg:hidden", children: [
-    logo && /* @__PURE__ */ jsx40("img", { src: logo, alt: "", className: "size-7 object-contain" }),
-    /* @__PURE__ */ jsx40("span", { className: "font-mono text-sm font-bold uppercase tracking-[0.3em]", children: appName })
+    logo && /* @__PURE__ */ jsx39("img", { src: logo, alt: "", className: "size-7 object-contain" }),
+    /* @__PURE__ */ jsx39("span", { className: "font-mono text-sm font-bold uppercase tracking-[0.3em]", children: appName })
   ] });
 }
 
@@ -4563,7 +4524,7 @@ function removeSilentSigninFromSearch(search) {
 }
 
 // src/ui/auth/Auth.tsx
-import { Fragment as Fragment5, jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
 var LANGUAGES = [
   { code: "en", label: "English" },
   { code: "af", label: "Afrikaans" },
@@ -4608,8 +4569,8 @@ function LanguageRow({
   className
 }) {
   return /* @__PURE__ */ jsxs26("div", { className: cn("flex items-center justify-between gap-4", className), children: [
-    /* @__PURE__ */ jsx41("span", { className: "text-xs text-muted-foreground shrink-0", children: label }),
-    /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx40("span", { className: "text-xs text-muted-foreground shrink-0", children: label }),
+    /* @__PURE__ */ jsx40(
       Select22,
       {
         value,
@@ -4618,7 +4579,7 @@ function LanguageRow({
         align: "end",
         contentClassName: "w-56",
         className: "h-8 w-40 shrink-0 px-2.5 text-xs",
-        children: LANGUAGES.map((lang) => /* @__PURE__ */ jsx41("option", { value: lang.code, children: lang.label }, lang.code))
+        children: LANGUAGES.map((lang) => /* @__PURE__ */ jsx40("option", { value: lang.code, children: lang.label }, lang.code))
       }
     )
   ] });
@@ -4641,17 +4602,6 @@ function storeAuth(username) {
     JSON.stringify({ loggedIn: true, username })
   );
 }
-var isInMobileWebView = () => /Termix-Mobile\/(Android|iOS)/.test(navigator.userAgent) || !!window.ReactNativeWebView;
-var isInElectronWebView = () => {
-  if (isInMobileWebView()) return false;
-  if (window.IS_ELECTRON_WEBVIEW) return true;
-  try {
-    if (window.self !== window.top) return true;
-  } catch {
-    return true;
-  }
-  return false;
-};
 function PasswordInput2({
   value,
   onChange,
@@ -4661,7 +4611,7 @@ function PasswordInput2({
 }) {
   const [show, setShow] = useState13(false);
   return /* @__PURE__ */ jsxs26("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx40(
       Input,
       {
         id,
@@ -4673,14 +4623,14 @@ function PasswordInput2({
         className: "pr-9 font-mono"
       }
     ),
-    /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx40(
       "button",
       {
         type: "button",
         tabIndex: -1,
         onClick: () => setShow((o) => !o),
         className: "absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors",
-        children: show ? /* @__PURE__ */ jsx41(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx41(Eye, { className: "size-4" })
+        children: show ? /* @__PURE__ */ jsx40(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx40(Eye, { className: "size-4" })
       }
     )
   ] });
@@ -4689,7 +4639,7 @@ function FieldLabel({
   htmlFor,
   children
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(
     "label",
     {
       htmlFor,
@@ -4704,7 +4654,7 @@ function Field({
   children
 }) {
   return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ jsx41(FieldLabel, { htmlFor, children: label }),
+    /* @__PURE__ */ jsx40(FieldLabel, { htmlFor, children: label }),
     children
   ] });
 }
@@ -5326,10 +5276,10 @@ function Auth({ onLogin }) {
     };
     if (ui) {
       const Component = ui.component;
-      return /* @__PURE__ */ jsx41(Component, { ...props }, method.id);
+      return /* @__PURE__ */ jsx40(Component, { ...props }, method.id);
     }
     if (method.kind === "redirect") {
-      return method.instances.map((instance) => /* @__PURE__ */ jsx41(
+      return method.instances.map((instance) => /* @__PURE__ */ jsx40(
         Button,
         {
           onClick: () => void startRedirect(method.id, instance.id),
@@ -5374,12 +5324,12 @@ function Auth({ onLogin }) {
     const detail = embeddedServerFailure.reason === "port-in-use" ? embeddedServerFailure.port !== null ? t2("messages.embeddedServerPortInUse", {
       port: embeddedServerFailure.port
     }) : t2("messages.embeddedServerPortInUseUnknownPort") : t2("messages.embeddedServerCrashed");
-    return /* @__PURE__ */ jsx41("div", { className: "fixed inset-0 flex items-center justify-center bg-background p-6", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-5 p-6 border border-border bg-card max-w-sm w-full", children: [
+    return /* @__PURE__ */ jsx40("div", { className: "fixed inset-0 flex items-center justify-center bg-background p-6", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-5 p-6 border border-border bg-card max-w-sm w-full", children: [
       /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx41("p", { className: "font-bold text-destructive", children: t2("errors.embeddedServerFailed") }),
-        /* @__PURE__ */ jsx41("p", { className: "text-sm text-muted-foreground", children: detail })
+        /* @__PURE__ */ jsx40("p", { className: "font-bold text-destructive", children: t2("errors.embeddedServerFailed") }),
+        /* @__PURE__ */ jsx40("p", { className: "text-sm text-muted-foreground", children: detail })
       ] }),
-      /* @__PURE__ */ jsx41(
+      /* @__PURE__ */ jsx40(
         LanguageRow,
         {
           label: t2("common.language"),
@@ -5391,21 +5341,29 @@ function Auth({ onLogin }) {
     ] }) });
   }
   if (isElectron() && !isInElectronWebView() && desktopAutoSessionDone === null) {
-    return /* @__PURE__ */ jsx41("div", { className: "fixed inset-0 flex items-center justify-center bg-background", children: /* @__PURE__ */ jsx41("div", { className: "w-5 h-5 border-2 border-primary border-t-transparent rounded-full animate-spin" }) });
+    return /* @__PURE__ */ jsx40("div", { className: "fixed inset-0 flex items-center justify-center bg-background", children: /* @__PURE__ */ jsx40("div", { className: "w-5 h-5 border-2 border-primary border-t-transparent rounded-full animate-spin" }) });
   }
   if (webviewAuthSuccess || isInElectronWebView() && webviewAuthSuccess)
-    return /* @__PURE__ */ jsx41("div", { className: "fixed inset-0 flex items-center justify-center bg-background", children: /* @__PURE__ */ jsxs26("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx41(CircleCheck, { className: "size-12 text-accent-brand mx-auto mb-4" }),
-      /* @__PURE__ */ jsx41("p", { className: "text-muted-foreground", children: t2("auth.redirectingToApp") })
+    return /* @__PURE__ */ jsx40("div", { className: "fixed inset-0 flex items-center justify-center bg-background", children: /* @__PURE__ */ jsxs26("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx40(CircleCheck, { className: "size-12 text-accent-brand mx-auto mb-4" }),
+      /* @__PURE__ */ jsx40("p", { className: "text-muted-foreground", children: t2("auth.redirectingToApp") })
     ] }) });
   if (dbConnectionFailed)
-    return /* @__PURE__ */ jsx41("div", { className: "fixed inset-0 flex items-center justify-center bg-background p-6", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-5 p-6 border border-border bg-card max-w-sm w-full", children: [
+    return /* @__PURE__ */ jsx40("div", { className: "fixed inset-0 flex items-center justify-center bg-background p-6", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-5 p-6 border border-border bg-card max-w-sm w-full", children: [
       /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx41("p", { className: "font-bold text-destructive", children: t2("errors.databaseConnection") }),
-        /* @__PURE__ */ jsx41("p", { className: "text-sm text-muted-foreground", children: t2("messages.databaseConnectionFailed") })
+        /* @__PURE__ */ jsx40("p", { className: "font-bold text-destructive", children: t2("errors.databaseConnection") }),
+        /* @__PURE__ */ jsx40("p", { className: "text-sm text-muted-foreground", children: t2("messages.databaseConnectionFailed") })
       ] }),
-      /* @__PURE__ */ jsx41(Button, { onClick: () => window.location.reload(), children: t2("common.refresh") }),
-      /* @__PURE__ */ jsx41(
+      /* @__PURE__ */ jsx40(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => window.location.reload(),
+          className: "border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
+          children: t2("common.refresh")
+        }
+      ),
+      /* @__PURE__ */ jsx40(
         LanguageRow,
         {
           label: t2("common.language"),
@@ -5416,10 +5374,10 @@ function Auth({ onLogin }) {
       )
     ] }) });
   if (dbHealthChecking)
-    return /* @__PURE__ */ jsx41("div", { className: "fixed inset-0 flex items-center justify-center bg-background", children: /* @__PURE__ */ jsx41("div", { className: "w-5 h-5 border-2 border-primary border-t-transparent rounded-full animate-spin" }) });
+    return /* @__PURE__ */ jsx40("div", { className: "fixed inset-0 flex items-center justify-center bg-background", children: /* @__PURE__ */ jsx40("div", { className: "w-5 h-5 border-2 border-primary border-t-transparent rounded-full animate-spin" }) });
   if (localDesktopAuth)
-    return /* @__PURE__ */ jsx41("div", { className: "fixed inset-0 flex flex-col bg-background overflow-hidden", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-1 overflow-hidden", children: [
-      /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx40("div", { className: "fixed inset-0 flex flex-col bg-background overflow-hidden", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ jsx40(
         BrandPanel,
         {
           logo: branding.logo,
@@ -5427,14 +5385,14 @@ function Auth({ onLogin }) {
           tagline: branding.tagline || t2("auth.tagline")
         }
       ),
-      /* @__PURE__ */ jsx41("div", { className: "flex flex-1 items-center justify-center p-6 overflow-y-auto relative", children: /* @__PURE__ */ jsxs26("div", { className: "w-full max-w-[380px] flex flex-col gap-6 border border-border bg-card p-5", children: [
-        /* @__PURE__ */ jsx41(CompactBrand, { logo: branding.logo, appName: branding.appName }),
+      /* @__PURE__ */ jsx40("div", { className: "flex flex-1 items-center justify-center p-6 overflow-y-auto relative", children: /* @__PURE__ */ jsxs26("div", { className: "w-full max-w-[380px] flex flex-col gap-6 border border-border bg-card p-5", children: [
+        /* @__PURE__ */ jsx40(CompactBrand, { logo: branding.logo, appName: branding.appName }),
         /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-5", children: [
           /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx41("h1", { className: "text-xl font-bold", children: desktopManualLogoutActive ? t2("auth.localDesktopSignedOut") : t2("auth.localDesktopUnavailable") }),
-            /* @__PURE__ */ jsx41("p", { className: "text-xs text-muted-foreground leading-relaxed", children: desktopManualLogoutActive ? t2("auth.localDesktopSignedOutDesc") : t2("auth.localDesktopUnavailableDesc") })
+            /* @__PURE__ */ jsx40("h1", { className: "text-xl font-bold", children: desktopManualLogoutActive ? t2("auth.localDesktopSignedOut") : t2("auth.localDesktopUnavailable") }),
+            /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground leading-relaxed", children: desktopManualLogoutActive ? t2("auth.localDesktopSignedOutDesc") : t2("auth.localDesktopUnavailableDesc") })
           ] }),
-          /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx40(
             Button,
             {
               type: "button",
@@ -5444,8 +5402,8 @@ function Auth({ onLogin }) {
               children: desktopManualLogoutActive ? t2("auth.continueLocalDesktop") : t2("auth.retryLocalDesktop")
             }
           ),
-          /* @__PURE__ */ jsx41(Separator, {}),
-          /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx40(Separator, {}),
+          /* @__PURE__ */ jsx40(
             LanguageRow,
             {
               label: t2("common.language"),
@@ -5474,8 +5432,8 @@ function Auth({ onLogin }) {
       show: externalMethods.length > 0
     }
   ];
-  return /* @__PURE__ */ jsx41("div", { className: "fixed inset-0 flex flex-col bg-background overflow-hidden", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-1 overflow-hidden", children: [
-    /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40("div", { className: "fixed inset-0 flex flex-col bg-background overflow-hidden", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-1 overflow-hidden", children: [
+    /* @__PURE__ */ jsx40(
       BrandPanel,
       {
         logo: branding.logo,
@@ -5483,18 +5441,18 @@ function Auth({ onLogin }) {
         tagline: branding.tagline || t2("auth.tagline")
       }
     ),
-    /* @__PURE__ */ jsx41("div", { className: "flex flex-1 items-center justify-center p-6 overflow-y-auto relative", children: /* @__PURE__ */ jsxs26("div", { className: "w-full max-w-[380px] flex flex-col gap-6 border border-border bg-card p-5", children: [
-      /* @__PURE__ */ jsx41(CompactBrand, { logo: branding.logo, appName: branding.appName }),
+    /* @__PURE__ */ jsx40("div", { className: "flex flex-1 items-center justify-center p-6 overflow-y-auto relative", children: /* @__PURE__ */ jsxs26("div", { className: "w-full max-w-[380px] flex flex-col gap-6 border border-border bg-card p-5", children: [
+      /* @__PURE__ */ jsx40(CompactBrand, { logo: branding.logo, appName: branding.appName }),
       view === "second-factor" && /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-5", children: [
         /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx41("h1", { className: "text-xl font-bold", children: t2("auth.twoFactorAuth") }),
-          /* @__PURE__ */ jsx41("p", { className: "text-xs text-muted-foreground", children: t2("auth.enterCode") })
+          /* @__PURE__ */ jsx40("h1", { className: "text-xl font-bold", children: t2("auth.twoFactorAuth") }),
+          /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground", children: t2("auth.enterCode") })
         ] }),
-        shownFactors.length > 1 && /* @__PURE__ */ jsx41("div", { className: "flex border border-border overflow-hidden", children: shownFactors.map((factor) => {
+        shownFactors.length > 1 && /* @__PURE__ */ jsx40("div", { className: "flex border border-border overflow-hidden", children: shownFactors.map((factor) => {
           const ui = secondFactorUIs.find(
             (candidate) => candidate.id === factor.id
           );
-          return /* @__PURE__ */ jsx41(
+          return /* @__PURE__ */ jsx40(
             "button",
             {
               type: "button",
@@ -5511,23 +5469,25 @@ function Auth({ onLogin }) {
           );
           if (!ui) {
             return /* @__PURE__ */ jsxs26("div", { className: "space-y-2", "aria-live": "polite", children: [
-              /* @__PURE__ */ jsx41("p", { className: "text-xs text-muted-foreground", children: t2(
+              /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground", children: t2(
                 authPluginsLoading ? "common.loading" : "auth.secondFactorNoUI"
               ) }),
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(
                 Button,
                 {
+                  variant: "outline",
                   type: "button",
                   disabled: authPluginsLoading,
                   onClick: () => void retryAuthPlugins().catch(() => {
                   }),
+                  className: "border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
                   children: t2("auth.retrySecondFactorUI")
                 }
               )
             ] });
           }
           const Component = ui.component;
-          return /* @__PURE__ */ jsx41(
+          return /* @__PURE__ */ jsx40(
             Component,
             {
               factorId: currentFactorId,
@@ -5551,16 +5511,16 @@ function Auth({ onLogin }) {
             onClick: () => switchView("login"),
             className: "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors w-fit",
             children: [
-              /* @__PURE__ */ jsx41(ArrowLeft, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx40(ArrowLeft, { className: "size-3.5" }),
               t2("common.back")
             ]
           }
         ),
         /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx41("h1", { className: "text-xl font-bold", children: t2("auth.forgotPassword") }),
-          /* @__PURE__ */ jsx41("p", { className: "text-xs text-muted-foreground", children: t2("auth.resetCodeDesc") })
+          /* @__PURE__ */ jsx40("h1", { className: "text-xl font-bold", children: t2("auth.forgotPassword") }),
+          /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground", children: t2("auth.resetCodeDesc") })
         ] }),
-        /* @__PURE__ */ jsx41("div", { className: "flex items-center gap-2", children: ["email", "code", "newpass"].map(
+        /* @__PURE__ */ jsx40("div", { className: "flex items-center gap-2", children: ["email", "code", "newpass"].map(
           (step, i2) => {
             const stepIdx = ["email", "code", "newpass"].indexOf(
               resetStep
@@ -5572,14 +5532,14 @@ function Auth({ onLogin }) {
               {
                 className: "flex items-center gap-2 flex-1",
                 children: [
-                  /* @__PURE__ */ jsx41(
+                  /* @__PURE__ */ jsx40(
                     "div",
                     {
                       className: `size-5 flex items-center justify-center text-[10px] font-bold border transition-colors ${done ? "bg-accent-brand border-accent-brand text-background" : active2 ? "border-accent-brand text-accent-brand" : "border-border text-muted-foreground"}`,
-                      children: done ? /* @__PURE__ */ jsx41(CircleCheck, { className: "size-3" }) : i2 + 1
+                      children: done ? /* @__PURE__ */ jsx40(CircleCheck, { className: "size-3" }) : i2 + 1
                     }
                   ),
-                  i2 < 2 && /* @__PURE__ */ jsx41(
+                  i2 < 2 && /* @__PURE__ */ jsx40(
                     "div",
                     {
                       className: `h-px flex-1 transition-colors ${done ? "bg-accent-brand" : "bg-border"}`
@@ -5597,7 +5557,7 @@ function Auth({ onLogin }) {
             onSubmit: handleResetInitiate,
             className: "flex flex-col gap-4",
             children: [
-              /* @__PURE__ */ jsx41(Field, { label: t2("common.username"), htmlFor: "reset-user", children: /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(Field, { label: t2("common.username"), htmlFor: "reset-user", children: /* @__PURE__ */ jsx40(
                 Input,
                 {
                   id: "reset-user",
@@ -5607,7 +5567,7 @@ function Auth({ onLogin }) {
                   disabled: loading
                 }
               ) }),
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(
                 Button,
                 {
                   type: "submit",
@@ -5625,7 +5585,7 @@ function Auth({ onLogin }) {
             onSubmit: handleResetVerify,
             className: "flex flex-col gap-4",
             children: [
-              /* @__PURE__ */ jsx41(Field, { label: t2("auth.resetCode"), htmlFor: "reset-code", children: /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(Field, { label: t2("auth.resetCode"), htmlFor: "reset-code", children: /* @__PURE__ */ jsx40(
                 Input,
                 {
                   id: "reset-code",
@@ -5637,7 +5597,7 @@ function Auth({ onLogin }) {
                   disabled: loading
                 }
               ) }),
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(
                 Button,
                 {
                   type: "submit",
@@ -5646,7 +5606,7 @@ function Auth({ onLogin }) {
                   children: loading ? t2("common.loading") : t2("auth.verifyCodeButton")
                 }
               ),
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(
                 Button,
                 {
                   type: "button",
@@ -5666,7 +5626,7 @@ function Auth({ onLogin }) {
             onSubmit: handleResetComplete,
             className: "flex flex-col gap-4",
             children: [
-              /* @__PURE__ */ jsx41(Field, { label: t2("auth.newPassword"), htmlFor: "new-pass", children: /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(Field, { label: t2("auth.newPassword"), htmlFor: "new-pass", children: /* @__PURE__ */ jsx40(
                 PasswordInput2,
                 {
                   id: "new-pass",
@@ -5675,12 +5635,12 @@ function Auth({ onLogin }) {
                   disabled: loading
                 }
               ) }),
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(
                 Field,
                 {
                   label: t2("auth.confirmNewPassword"),
                   htmlFor: "confirm-new-pass",
-                  children: /* @__PURE__ */ jsx41(
+                  children: /* @__PURE__ */ jsx40(
                     PasswordInput2,
                     {
                       id: "confirm-new-pass",
@@ -5691,7 +5651,7 @@ function Auth({ onLogin }) {
                   )
                 }
               ),
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(
                 Button,
                 {
                   type: "submit",
@@ -5705,7 +5665,7 @@ function Auth({ onLogin }) {
         )
       ] }),
       (view === "login" || view === "register" || view === "external") && /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ jsx41("div", { className: "flex border border-border overflow-hidden", children: TAB_ITEMS.filter((item) => item.show).map((item) => /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx40("div", { className: "flex border border-border overflow-hidden", children: TAB_ITEMS.filter((item) => item.show).map((item) => /* @__PURE__ */ jsx40(
           "button",
           {
             onClick: () => switchView(item.id),
@@ -5715,12 +5675,12 @@ function Auth({ onLogin }) {
           item.id
         )) }),
         /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx41("h1", { className: "text-xl font-bold", children: view === "login" ? t2("auth.loginTitle") : view === "register" ? t2("auth.registerTitle") : t2("auth.loginWithExternal") }),
-          /* @__PURE__ */ jsx41("p", { className: "text-xs text-muted-foreground", children: view === "login" ? t2("auth.loginSubtitle", "") : view === "register" ? t2("auth.registerSubtitle", "") : t2("auth.loginWithExternalDesc") })
+          /* @__PURE__ */ jsx40("h1", { className: "text-xl font-bold", children: view === "login" ? t2("auth.loginTitle") : view === "register" ? t2("auth.registerTitle") : t2("auth.loginWithExternal") }),
+          /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground", children: view === "login" ? t2("auth.loginSubtitle", "") : view === "register" ? t2("auth.registerSubtitle", "") : t2("auth.loginWithExternalDesc") })
         ] }),
         view === "external" && /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
           /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx41(
+            /* @__PURE__ */ jsx40(
               Checkbox2,
               {
                 id: "rememberSSO",
@@ -5728,7 +5688,7 @@ function Auth({ onLogin }) {
                 onCheckedChange: (v) => setRememberMe(v === true)
               }
             ),
-            /* @__PURE__ */ jsx41(
+            /* @__PURE__ */ jsx40(
               "label",
               {
                 htmlFor: "rememberSSO",
@@ -5745,9 +5705,9 @@ function Auth({ onLogin }) {
           ] })
         ] }),
         view === "login" && /* @__PURE__ */ jsxs26("form", { onSubmit: handleLogin, className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsx41(Field, { label: t2("common.username"), htmlFor: "login-user", children: /* @__PURE__ */ jsxs26("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx41(User, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 size-4 text-muted-foreground pointer-events-none" }),
-            /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx40(Field, { label: t2("common.username"), htmlFor: "login-user", children: /* @__PURE__ */ jsxs26("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx40(User, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 size-4 text-muted-foreground pointer-events-none" }),
+            /* @__PURE__ */ jsx40(
               Input,
               {
                 id: "login-user",
@@ -5760,7 +5720,7 @@ function Auth({ onLogin }) {
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx41(Field, { label: t2("common.password"), htmlFor: "login-pass", children: /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx40(Field, { label: t2("common.password"), htmlFor: "login-pass", children: /* @__PURE__ */ jsx40(
             PasswordInput2,
             {
               id: "login-pass",
@@ -5771,7 +5731,7 @@ function Auth({ onLogin }) {
           ) }),
           /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(
                 Checkbox2,
                 {
                   id: "rememberMe",
@@ -5780,7 +5740,7 @@ function Auth({ onLogin }) {
                   disabled: loading
                 }
               ),
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(
                 "label",
                 {
                   htmlFor: "rememberMe",
@@ -5789,7 +5749,7 @@ function Auth({ onLogin }) {
                 }
               )
             ] }),
-            passwordResetAllowed && /* @__PURE__ */ jsx41(
+            passwordResetAllowed && /* @__PURE__ */ jsx40(
               "button",
               {
                 type: "button",
@@ -5799,14 +5759,14 @@ function Auth({ onLogin }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx40(
             Button,
             {
               type: "submit",
               className: "w-full bg-accent-brand hover:bg-accent-brand/90 text-background font-bold h-10",
               disabled: loading,
               children: loading ? t2("common.loading") : /* @__PURE__ */ jsxs26("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx41(KeyRound, { className: "size-4" }),
+                /* @__PURE__ */ jsx40(KeyRound, { className: "size-4" }),
                 t2("common.login")
               ] })
             }
@@ -5819,9 +5779,9 @@ function Auth({ onLogin }) {
             onSubmit: handleRegister,
             className: "flex flex-col gap-4",
             children: [
-              /* @__PURE__ */ jsx41(Field, { label: t2("common.username"), htmlFor: "reg-user", children: /* @__PURE__ */ jsxs26("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx41(User, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 size-4 text-muted-foreground pointer-events-none" }),
-                /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(Field, { label: t2("common.username"), htmlFor: "reg-user", children: /* @__PURE__ */ jsxs26("div", { className: "relative", children: [
+                /* @__PURE__ */ jsx40(User, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 size-4 text-muted-foreground pointer-events-none" }),
+                /* @__PURE__ */ jsx40(
                   Input,
                   {
                     id: "reg-user",
@@ -5834,7 +5794,7 @@ function Auth({ onLogin }) {
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx41(Field, { label: t2("common.password"), htmlFor: "reg-pass", children: /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(Field, { label: t2("common.password"), htmlFor: "reg-pass", children: /* @__PURE__ */ jsx40(
                 PasswordInput2,
                 {
                   id: "reg-pass",
@@ -5844,12 +5804,12 @@ function Auth({ onLogin }) {
                   disabled: loading
                 }
               ) }),
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(
                 Field,
                 {
                   label: t2("common.confirmPassword"),
                   htmlFor: "reg-confirm",
-                  children: /* @__PURE__ */ jsx41(
+                  children: /* @__PURE__ */ jsx40(
                     PasswordInput2,
                     {
                       id: "reg-confirm",
@@ -5860,14 +5820,14 @@ function Auth({ onLogin }) {
                   )
                 }
               ),
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx40(
                 Button,
                 {
                   type: "submit",
                   className: "w-full bg-accent-brand hover:bg-accent-brand/90 text-background font-bold h-10",
                   disabled: loading,
                   children: loading ? t2("common.loading") : /* @__PURE__ */ jsxs26("span", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx41(Shield, { className: "size-4" }),
+                    /* @__PURE__ */ jsx40(Shield, { className: "size-4" }),
                     t2("auth.signUp")
                   ] })
                 }
@@ -5875,11 +5835,11 @@ function Auth({ onLogin }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx41(Separator, {}),
-        /* @__PURE__ */ jsx41("p", { className: "text-center text-xs text-muted-foreground", children: view === "login" && registrationAllowed ? /* @__PURE__ */ jsxs26(Fragment5, { children: [
+        /* @__PURE__ */ jsx40(Separator, {}),
+        /* @__PURE__ */ jsx40("p", { className: "text-center text-xs text-muted-foreground", children: view === "login" && registrationAllowed ? /* @__PURE__ */ jsxs26(Fragment5, { children: [
           t2("auth.noAccount", "Don't have an account?"),
           " ",
-          /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx40(
             "button",
             {
               onClick: () => switchView("register"),
@@ -5890,7 +5850,7 @@ function Auth({ onLogin }) {
         ] }) : view === "register" && passwordLoginAllowed && !firstUser ? /* @__PURE__ */ jsxs26(Fragment5, { children: [
           t2("auth.hasAccount", "Already have an account?"),
           " ",
-          /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx40(
             "button",
             {
               onClick: () => switchView("login"),
@@ -5899,7 +5859,7 @@ function Auth({ onLogin }) {
             }
           )
         ] }) : null }),
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx40(
           LanguageRow,
           {
             label: t2("common.language"),
@@ -5915,10 +5875,10 @@ function Auth({ onLogin }) {
 
 // src/ui/components/sonner.tsx
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme: theme2 = "system" } = useTheme();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx41(
     Sonner,
     {
       theme: theme2,
@@ -5956,7 +5916,7 @@ var Toaster = ({ ...props }) => {
 
 // src/ui/components/FullScreenAppWrapper.tsx
 import { useTranslation as useTranslation12 } from "react-i18next";
-import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
 var FullScreenAppWrapper = ({
   hostId,
   children
@@ -6060,17 +6020,17 @@ var FullScreenAppWrapper = ({
     window.location.reload();
   };
   if (authLoading) {
-    return /* @__PURE__ */ jsx43("div", { className: "relative w-full h-screen overflow-hidden", children: /* @__PURE__ */ jsx43(ConnectionScreen, { status: "connecting", message: t2("common.loading") }) });
+    return /* @__PURE__ */ jsx42("div", { className: "relative w-full h-screen overflow-hidden", children: /* @__PURE__ */ jsx42(ConnectionScreen, { status: "connecting", message: t2("common.loading") }) });
   }
   if (!isAuthenticated) {
-    return /* @__PURE__ */ jsx43(SidebarProvider, { children: /* @__PURE__ */ jsx43(TabProvider, { children: /* @__PURE__ */ jsx43(Fragment6, { children: /* @__PURE__ */ jsxs27(
+    return /* @__PURE__ */ jsx42(SidebarProvider, { children: /* @__PURE__ */ jsx42(TabProvider, { children: /* @__PURE__ */ jsx42(Fragment6, { children: /* @__PURE__ */ jsxs27(
       "div",
       {
         className: "w-full h-screen overflow-hidden flex items-center justify-center",
         style: { backgroundColor: "var(--bg-base)" },
         children: [
-          /* @__PURE__ */ jsx43(Auth, { onLogin: handleAuthSuccess }),
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx42(Auth, { onLogin: handleAuthSuccess }),
+          /* @__PURE__ */ jsx42(
             Toaster,
             {
               position: "bottom-right",
@@ -6085,7 +6045,7 @@ var FullScreenAppWrapper = ({
     ) }) }) });
   }
   const phase = loading ? "loading" : !hostConfig && hostId ? "not-found" : "ready";
-  return /* @__PURE__ */ jsx43(SidebarProvider, { children: /* @__PURE__ */ jsx43(TabProvider, { children: /* @__PURE__ */ jsx43(Fragment6, { children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx42(SidebarProvider, { children: /* @__PURE__ */ jsx42(TabProvider, { children: /* @__PURE__ */ jsx42(Fragment6, { children: /* @__PURE__ */ jsx42(
     "div",
     {
       className: "w-full h-screen overflow-hidden",
@@ -6098,7 +6058,7 @@ var FullScreenAppWrapper = ({
 // src/ui/ssh/dialogs/TOTPDialog.tsx
 import { useEffect as useEffect12, useState as useState15 } from "react";
 import { useTranslation as useTranslation13 } from "react-i18next";
-import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
 var CODE_INPUT = "rounded-none bg-muted/50 border-border text-center text-sm tracking-widest";
 function TOTPDialog({
   isOpen,
@@ -6138,24 +6098,24 @@ function TOTPDialog({
   };
   const title = isPush ? t2("sshAuth.mfaPushRequired") : isMenu ? t2("sshAuth.mfaPromptRequired") : t2("sshAuth.totpRequired");
   const label = prompt || (isTotp ? t2("sshAuth.totpCodeLabel") : void 0);
-  const cancel = /* @__PURE__ */ jsx44("button", { type: "button", onClick: onCancel, className: PROMPT_BUTTON, children: t2("common.cancel") });
-  return /* @__PURE__ */ jsx44(
+  const cancel = /* @__PURE__ */ jsx43("button", { type: "button", onClick: onCancel, className: PROMPT_BUTTON, children: t2("common.cancel") });
+  return /* @__PURE__ */ jsx43(
     PanePrompt,
     {
       open: true,
       layer: "connection",
       backgroundColor,
-      icon: /* @__PURE__ */ jsx44(Shield, { className: "size-4" }),
+      icon: /* @__PURE__ */ jsx43(Shield, { className: "size-4" }),
       title,
       description: label,
       children: showWaiting ? /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-3", children: [
         /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3 py-1", children: [
-          /* @__PURE__ */ jsx44(LoaderCircle, { className: "size-4 animate-spin text-accent-brand shrink-0" }),
-          /* @__PURE__ */ jsx44("p", { className: "text-xs text-muted-foreground", children: t2("sshAuth.mfaWaitingApproval") })
+          /* @__PURE__ */ jsx43(LoaderCircle, { className: "size-4 animate-spin text-accent-brand shrink-0" }),
+          /* @__PURE__ */ jsx43("p", { className: "text-xs text-muted-foreground", children: t2("sshAuth.mfaWaitingApproval") })
         ] }),
-        /* @__PURE__ */ jsx44("div", { className: "flex justify-end gap-2", children: cancel })
+        /* @__PURE__ */ jsx43("div", { className: "flex justify-end gap-2", children: cancel })
       ] }) : /* @__PURE__ */ jsxs28("form", { onSubmit: handleSubmit, className: "flex flex-col gap-3", children: [
-        isPush ? null : isMenu ? /* @__PURE__ */ jsx44(
+        isPush ? null : isMenu ? /* @__PURE__ */ jsx43(
           Input,
           {
             id: "totpCode",
@@ -6165,7 +6125,7 @@ function TOTPDialog({
             placeholder: t2("sshAuth.mfaMenuPlaceholder"),
             className: CODE_INPUT
           }
-        ) : allowsPushKeyword ? /* @__PURE__ */ jsx44(
+        ) : allowsPushKeyword ? /* @__PURE__ */ jsx43(
           Input,
           {
             id: "totpCode",
@@ -6175,7 +6135,7 @@ function TOTPDialog({
             placeholder: t2("sshAuth.mfaCodeOrPushPlaceholder"),
             className: CODE_INPUT
           }
-        ) : /* @__PURE__ */ jsx44(
+        ) : /* @__PURE__ */ jsx43(
           Input,
           {
             id: "totpCode",
@@ -6191,7 +6151,7 @@ function TOTPDialog({
         ),
         /* @__PURE__ */ jsxs28("div", { className: "flex justify-end gap-2", children: [
           cancel,
-          /* @__PURE__ */ jsx44("button", { type: "submit", className: PROMPT_PRIMARY_BUTTON, children: isPush ? t2("sshAuth.mfaSendRequest") : t2("sshAuth.totpVerify") })
+          /* @__PURE__ */ jsx43("button", { type: "submit", className: PROMPT_PRIMARY_BUTTON, children: isPush ? t2("sshAuth.mfaSendRequest") : t2("sshAuth.totpVerify") })
         ] })
       ] })
     }
@@ -6202,12 +6162,12 @@ function TOTPDialog({
 import { useState as useState17 } from "react";
 
 // src/ui/components/tabs.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Tabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(
     Root23,
     {
       "data-slot": "tabs",
@@ -6220,7 +6180,7 @@ function TabsList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(
     List,
     {
       "data-slot": "tabs-list",
@@ -6236,7 +6196,7 @@ function TabsTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(
     Trigger3,
     {
       "data-slot": "tabs-trigger",
@@ -6252,7 +6212,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(
     Content,
     {
       "data-slot": "tabs-content",
@@ -20399,25 +20359,25 @@ var gutterView = /* @__PURE__ */ ViewPlugin.fromClass(class {
         for (let b of line.type) {
           if (b.type == BlockType.Text && first) {
             advanceCursor(lineClasses, classSet, b.from);
-            for (let cx2 of contexts)
-              cx2.line(this.view, b, classSet);
+            for (let cx of contexts)
+              cx.line(this.view, b, classSet);
             first = false;
           } else if (b.widget) {
-            for (let cx2 of contexts)
-              cx2.widget(this.view, b);
+            for (let cx of contexts)
+              cx.widget(this.view, b);
           }
         }
       } else if (line.type == BlockType.Text) {
         advanceCursor(lineClasses, classSet, line.from);
-        for (let cx2 of contexts)
-          cx2.line(this.view, line, classSet);
+        for (let cx of contexts)
+          cx.line(this.view, line, classSet);
       } else if (line.widget) {
-        for (let cx2 of contexts)
-          cx2.widget(this.view, line);
+        for (let cx of contexts)
+          cx.widget(this.view, line);
       }
     }
-    for (let cx2 of contexts)
-      cx2.finish();
+    for (let cx of contexts)
+      cx.finish();
     if (detach) {
       this.view.scrollDOM.insertBefore(this.dom, after);
       if (this.domAfter)
@@ -23371,12 +23331,12 @@ var ParseContext = class _ParseContext {
         let parser = {
           parsedPos: from,
           advance() {
-            let cx2 = currentContext;
-            if (cx2) {
+            let cx = currentContext;
+            if (cx) {
               for (let r of ranges)
-                cx2.tempSkipped.push(r);
+                cx.tempSkipped.push(r);
               if (until)
-                cx2.scheduleOn = cx2.scheduleOn ? Promise.all([cx2.scheduleOn, until]) : until;
+                cx.scheduleOn = cx.scheduleOn ? Promise.all([cx.scheduleOn, until]) : until;
             }
             this.parsedPos = to;
             return new Tree(NodeType.none, [], [], to - from);
@@ -23475,15 +23435,15 @@ var parseWorker = /* @__PURE__ */ ViewPlugin.fromClass(class ParseWorker {
     this.scheduleWork();
   }
   update(update) {
-    let cx2 = this.view.state.field(Language.state).context;
-    if (cx2.updateViewport(update.view.viewport) || this.view.viewport.to > cx2.treeLen)
+    let cx = this.view.state.field(Language.state).context;
+    if (cx.updateViewport(update.view.viewport) || this.view.viewport.to > cx.treeLen)
       this.scheduleWork();
     if (update.docChanged || update.selectionSet) {
       if (this.view.hasFocus)
         this.chunkBudget += 50;
       this.scheduleWork();
     }
-    this.checkAsyncSchedule(cx2);
+    this.checkAsyncSchedule(cx);
   }
   scheduleWork() {
     if (this.working)
@@ -23521,11 +23481,11 @@ var parseWorker = /* @__PURE__ */ ViewPlugin.fromClass(class ParseWorker {
       this.scheduleWork();
     this.checkAsyncSchedule(field.context);
   }
-  checkAsyncSchedule(cx2) {
-    if (cx2.scheduleOn) {
+  checkAsyncSchedule(cx) {
+    if (cx.scheduleOn) {
       this.workScheduled++;
-      cx2.scheduleOn.then(() => this.scheduleWork()).catch((err) => logException(this.view.state, err)).then(() => this.workScheduled--);
-      cx2.scheduleOn = null;
+      cx.scheduleOn.then(() => this.scheduleWork()).catch((err) => logException(this.view.state, err)).then(() => this.workScheduled--);
+      cx.scheduleOn = null;
     }
   }
   destroy() {
@@ -23673,7 +23633,7 @@ var IndentContext = class {
   }
 };
 var indentNodeProp = /* @__PURE__ */ new NodeProp();
-function syntaxIndentation(cx2, ast, pos) {
+function syntaxIndentation(cx, ast, pos) {
   let stack = ast.resolveStack(pos);
   let inner = ast.resolveInner(pos, -1).resolve(pos, 0).enterUnfinishedNodesBefore(pos);
   if (inner != stack.node) {
@@ -23683,18 +23643,18 @@ function syntaxIndentation(cx2, ast, pos) {
     for (let i2 = add2.length - 1; i2 >= 0; i2--)
       stack = { node: add2[i2], next: stack };
   }
-  return indentFor(stack, cx2, pos);
+  return indentFor(stack, cx, pos);
 }
-function indentFor(stack, cx2, pos) {
+function indentFor(stack, cx, pos) {
   for (let cur2 = stack; cur2; cur2 = cur2.next) {
     let strategy = indentStrategy(cur2.node);
     if (strategy)
-      return strategy(TreeIndentContext.create(cx2, pos, cur2));
+      return strategy(TreeIndentContext.create(cx, pos, cur2));
   }
   return 0;
 }
-function ignoreClosed(cx2) {
-  return cx2.pos == cx2.options.simulateBreak && cx2.options.simulateDoubleBreak;
+function ignoreClosed(cx) {
+  return cx.pos == cx.options.simulateBreak && cx.options.simulateDoubleBreak;
 }
 function indentStrategy(tree) {
   let strategy = tree.type.prop(indentNodeProp);
@@ -23703,7 +23663,7 @@ function indentStrategy(tree) {
   let first = tree.firstChild, close;
   if (first && (close = first.type.prop(NodeProp.closedBy))) {
     let last2 = tree.lastChild, closed = last2 && close.indexOf(last2.name) > -1;
-    return (cx2) => delimitedStrategy(cx2, true, 1, void 0, closed && !ignoreClosed(cx2) ? last2.from : void 0);
+    return (cx) => delimitedStrategy(cx, true, 1, void 0, closed && !ignoreClosed(cx) ? last2.from : void 0);
   }
   return tree.parent == null ? topIndent : null;
 }
@@ -25511,8 +25471,8 @@ function newlineAndIndent(atEof) {
       let explode = !atEof && from == to && isBetweenBrackets(state, from);
       if (atEof)
         from = to = (to <= line.to ? line : state.doc.lineAt(to)).to;
-      let cx2 = new IndentContext(state, { simulateBreak: from, simulateDoubleBreak: !!explode });
-      let indent = getIndentation(cx2, from);
+      let cx = new IndentContext(state, { simulateBreak: from, simulateDoubleBreak: !!explode });
+      let indent = getIndentation(cx, from);
       if (indent == null)
         indent = countColumn(/^\s*/.exec(state.doc.lineAt(from).text)[0], state.tabSize);
       while (to < line.to && /\s/.test(line.text[to - line.from]))
@@ -25523,7 +25483,7 @@ function newlineAndIndent(atEof) {
         from = line.from;
       let insert2 = ["", indentString(state, indent)];
       if (explode)
-        insert2.push(indentString(state, cx2.lineIndent(line.from, -1)));
+        insert2.push(indentString(state, cx.lineIndent(line.from, -1)));
       return {
         changes: { from, to, insert: Text.of(insert2) },
         range: EditorSelection.cursor(from + 1 + insert2[1].length)
@@ -29539,7 +29499,7 @@ ReactCodeMirror.displayName = "CodeMirror";
 var esm_default = ReactCodeMirror;
 
 // src/ui/ssh/dialogs/SSHAuthDialog.tsx
-import { jsx as jsx46, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
 function SSHAuthDialog({
   isOpen,
   reason,
@@ -29610,15 +29570,15 @@ function SSHAuthDialog({
       }
     }
   };
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx45(
     PanePrompt,
     {
       open: true,
       layer: "connection",
       backgroundColor,
-      icon: /* @__PURE__ */ jsx46(Shield, { className: "size-4" }),
+      icon: /* @__PURE__ */ jsx45(Shield, { className: "size-4" }),
       title: t2("auth.sshAuthenticationRequired"),
-      description: /* @__PURE__ */ jsx46("span", { className: "font-mono", children: hostDisplay }),
+      description: /* @__PURE__ */ jsx45("span", { className: "font-mono", children: hostDisplay }),
       className: "max-w-xl",
       children: /* @__PURE__ */ jsxs29("form", { onSubmit: handleSubmit, children: [
         /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-3", children: [
@@ -29627,21 +29587,21 @@ function SSHAuthDialog({
             {
               className: `flex items-start gap-3 p-3 border ${reason === "auth_failed" ? "border-destructive/20 bg-destructive/10" : "border-border bg-muted/10"}`,
               children: [
-                /* @__PURE__ */ jsx46(
+                /* @__PURE__ */ jsx45(
                   CircleAlert,
                   {
                     className: `size-4 shrink-0 mt-0.5 ${reason === "auth_failed" ? "text-destructive" : "text-accent-brand"}`
                   }
                 ),
                 /* @__PURE__ */ jsxs29("div", { children: [
-                  /* @__PURE__ */ jsx46(
+                  /* @__PURE__ */ jsx45(
                     "p",
                     {
                       className: `text-[10px] font-bold uppercase tracking-widest ${reason === "auth_failed" ? "text-destructive" : ""}`,
                       children: getReasonMessage()
                     }
                   ),
-                  /* @__PURE__ */ jsx46(
+                  /* @__PURE__ */ jsx45(
                     "p",
                     {
                       className: `text-xs mt-1 ${reason === "auth_failed" ? "text-destructive/80" : "text-muted-foreground"}`,
@@ -29659,7 +29619,7 @@ function SSHAuthDialog({
               onValueChange: (v) => setAuthTab(v),
               children: [
                 /* @__PURE__ */ jsxs29(TabsList, { className: "w-full rounded-none", children: [
-                  /* @__PURE__ */ jsx46(
+                  /* @__PURE__ */ jsx45(
                     TabsTrigger,
                     {
                       value: "password",
@@ -29667,7 +29627,7 @@ function SSHAuthDialog({
                       children: t2("credentials.password")
                     }
                   ),
-                  /* @__PURE__ */ jsx46(
+                  /* @__PURE__ */ jsx45(
                     TabsTrigger,
                     {
                       value: "key",
@@ -29677,8 +29637,8 @@ function SSHAuthDialog({
                   )
                 ] }),
                 /* @__PURE__ */ jsxs29(TabsContent, { value: "password", className: "mt-3 flex flex-col gap-2", children: [
-                  /* @__PURE__ */ jsx46(Label, { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: t2("credentials.password") }),
-                  /* @__PURE__ */ jsx46(
+                  /* @__PURE__ */ jsx45(Label, { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: t2("credentials.password") }),
+                  /* @__PURE__ */ jsx45(
                     PasswordInput,
                     {
                       placeholder: t2("placeholders.enterPassword"),
@@ -29688,13 +29648,13 @@ function SSHAuthDialog({
                       className: "rounded-none bg-muted/50 border-border text-xs"
                     }
                   ),
-                  /* @__PURE__ */ jsx46("p", { className: "text-[10px] text-muted-foreground", children: t2("auth.sshPasswordDescription") })
+                  /* @__PURE__ */ jsx45("p", { className: "text-[10px] text-muted-foreground", children: t2("auth.sshPasswordDescription") })
                 ] }),
                 /* @__PURE__ */ jsxs29(TabsContent, { value: "key", className: "mt-3 flex flex-col gap-3", children: [
                   /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-2", children: [
-                    /* @__PURE__ */ jsx46(Label, { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: t2("credentials.sshPrivateKey") }),
+                    /* @__PURE__ */ jsx45(Label, { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: t2("credentials.sshPrivateKey") }),
                     /* @__PURE__ */ jsxs29("div", { className: "relative", children: [
-                      /* @__PURE__ */ jsx46(
+                      /* @__PURE__ */ jsx45(
                         "input",
                         {
                           id: "key-upload",
@@ -29711,13 +29671,13 @@ function SSHAuthDialog({
                           variant: "outline",
                           className: "w-full justify-start rounded-none text-[10px] font-bold uppercase tracking-widest border-border",
                           children: [
-                            /* @__PURE__ */ jsx46(Upload, { className: "size-3.5 mr-2" }),
-                            /* @__PURE__ */ jsx46("span", { className: "truncate", children: t2("credentials.uploadPrivateKeyFile") })
+                            /* @__PURE__ */ jsx45(Upload, { className: "size-3.5 mr-2" }),
+                            /* @__PURE__ */ jsx45("span", { className: "truncate", children: t2("credentials.uploadPrivateKeyFile") })
                           ]
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx46(
+                    /* @__PURE__ */ jsx45(
                       esm_default,
                       {
                         value: sshKey,
@@ -29754,7 +29714,7 @@ function SSHAuthDialog({
                       t2("common.optional"),
                       ")"
                     ] }),
-                    /* @__PURE__ */ jsx46(
+                    /* @__PURE__ */ jsx45(
                       PasswordInput,
                       {
                         placeholder: t2("placeholders.keyPassword"),
@@ -29763,7 +29723,7 @@ function SSHAuthDialog({
                         className: "rounded-none bg-muted/50 border-border text-xs"
                       }
                     ),
-                    /* @__PURE__ */ jsx46("p", { className: "text-[10px] text-muted-foreground", children: t2("auth.sshKeyPasswordDescription") })
+                    /* @__PURE__ */ jsx45("p", { className: "text-[10px] text-muted-foreground", children: t2("auth.sshKeyPasswordDescription") })
                   ] }),
                   /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-2", children: [
                     /* @__PURE__ */ jsxs29(Label, { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: [
@@ -29772,7 +29732,7 @@ function SSHAuthDialog({
                       t2("common.optional"),
                       ")"
                     ] }),
-                    /* @__PURE__ */ jsx46(
+                    /* @__PURE__ */ jsx45(
                       PasswordInput,
                       {
                         placeholder: t2("placeholders.enterPassword"),
@@ -29788,7 +29748,7 @@ function SSHAuthDialog({
           )
         ] }),
         /* @__PURE__ */ jsxs29("div", { className: "flex justify-end gap-2 pt-3", children: [
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx45(
             "button",
             {
               type: "button",
@@ -29798,7 +29758,7 @@ function SSHAuthDialog({
               children: t2("common.cancel")
             }
           ),
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx45(
             "button",
             {
               type: "submit",
@@ -29817,7 +29777,7 @@ function SSHAuthDialog({
 import { useState as useState18 } from "react";
 import { useTranslation as useTranslation15 } from "react-i18next";
 import { toast as toast3 } from "sonner";
-import { jsx as jsx47, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
 function BrowserSignInDialog({
   isOpen,
   label,
@@ -29841,24 +29801,24 @@ function BrowserSignInDialog({
       toast3.error(t2("common.copyFailed"));
     }
   };
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     PanePrompt,
     {
       open: true,
       layer: "connection",
       backgroundColor,
-      icon: /* @__PURE__ */ jsx47(Shield, { className: "size-4" }),
+      icon: /* @__PURE__ */ jsx46(Shield, { className: "size-4" }),
       title: t2("sshAuth.browserSignInRequired", { provider: label }),
       className: "max-w-md",
       children: /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-3", children: [
         code2 && code2 !== "N/A" && /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx47("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: t2("sshAuth.browserSignInCode") }),
-          /* @__PURE__ */ jsx47("div", { className: "border border-border bg-muted/10 p-4 text-center", children: /* @__PURE__ */ jsx47("div", { className: "text-2xl font-mono font-bold tracking-wider text-accent-brand", children: code2 }) })
+          /* @__PURE__ */ jsx46("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: t2("sshAuth.browserSignInCode") }),
+          /* @__PURE__ */ jsx46("div", { className: "border border-border bg-muted/10 p-4 text-center", children: /* @__PURE__ */ jsx46("div", { className: "text-2xl font-mono font-bold tracking-wider text-accent-brand", children: code2 }) })
         ] }),
         /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx47("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: t2("sshAuth.browserSignInUrl") }),
+          /* @__PURE__ */ jsx46("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: t2("sshAuth.browserSignInUrl") }),
           /* @__PURE__ */ jsxs30("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx47(
+            /* @__PURE__ */ jsx46(
               Input,
               {
                 type: "text",
@@ -29867,7 +29827,7 @@ function BrowserSignInDialog({
                 className: "rounded-none bg-muted/50 border-border text-xs font-mono flex-1"
               }
             ),
-            /* @__PURE__ */ jsx47(
+            /* @__PURE__ */ jsx46(
               "button",
               {
                 type: "button",
@@ -29875,13 +29835,13 @@ function BrowserSignInDialog({
                 className: `${PROMPT_BUTTON} h-9 w-9 shrink-0 px-0`,
                 title: t2("common.copy"),
                 "aria-label": t2("common.copy"),
-                children: copied ? /* @__PURE__ */ jsx47(Check, { className: "size-4 text-accent-brand" }) : /* @__PURE__ */ jsx47(Copy, { className: "size-4" })
+                children: copied ? /* @__PURE__ */ jsx46(Check, { className: "size-4 text-accent-brand" }) : /* @__PURE__ */ jsx46(Copy, { className: "size-4" })
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ jsxs30("div", { className: "flex flex-wrap justify-end gap-2", children: [
-          /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx46(
             "button",
             {
               type: "button",
@@ -29890,7 +29850,7 @@ function BrowserSignInDialog({
               children: t2("common.cancel")
             }
           ),
-          /* @__PURE__ */ jsx47("button", { type: "button", onClick: onContinue, className: PROMPT_BUTTON, children: t2("sshAuth.browserSignInContinue") }),
+          /* @__PURE__ */ jsx46("button", { type: "button", onClick: onContinue, className: PROMPT_BUTTON, children: t2("sshAuth.browserSignInContinue") }),
           /* @__PURE__ */ jsxs30(
             "button",
             {
@@ -29898,7 +29858,7 @@ function BrowserSignInDialog({
               onClick: onOpenUrl,
               className: PROMPT_PRIMARY_BUTTON,
               children: [
-                /* @__PURE__ */ jsx47(ExternalLink, { className: "size-3.5" }),
+                /* @__PURE__ */ jsx46(ExternalLink, { className: "size-3.5" }),
                 t2("sshAuth.browserSignInOpen")
               ]
             }
@@ -29930,7 +29890,7 @@ var FOLDER_COLORS = [
 
 // src/ui/components/manager-card.tsx
 import { useTranslation as useTranslation16 } from "react-i18next";
-import { jsx as jsx48, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
 function ManagerCardShell({
   title,
   icon,
@@ -29943,7 +29903,7 @@ function ManagerCardShell({
   headerExtra
 }) {
   const { t: t2 } = useTranslation16();
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx47(
     MetricCard,
     {
       title,
@@ -29951,21 +29911,21 @@ function ManagerCardShell({
       scroll: true,
       action: /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1", children: [
         headerExtra,
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx47(
           "button",
           {
             onClick: onRefresh,
             className: "flex size-6 items-center justify-center text-muted-foreground transition-colors hover:text-foreground",
             title: t2("managerCard.refresh"),
-            children: /* @__PURE__ */ jsx48(RefreshCw, { className: `size-3 ${loading ? "animate-spin" : ""}` })
+            children: /* @__PURE__ */ jsx47(RefreshCw, { className: `size-3 ${loading ? "animate-spin" : ""}` })
           }
         )
       ] }),
       children: error ? /* @__PURE__ */ jsxs31("div", { className: "flex flex-col items-center gap-2 py-6 text-center", children: [
-        /* @__PURE__ */ jsx48(TriangleAlert, { className: "size-6 text-warning" }),
-        /* @__PURE__ */ jsx48("span", { className: "text-xs text-muted-foreground", children: error.message }),
-        error.code === "SUDO_REQUIRED" && /* @__PURE__ */ jsx48("span", { className: "text-[10px] text-muted-foreground", children: t2("managerCard.sudoHint") }),
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx47(TriangleAlert, { className: "size-6 text-warning" }),
+        /* @__PURE__ */ jsx47("span", { className: "text-xs text-muted-foreground", children: error.message }),
+        error.code === "SUDO_REQUIRED" && /* @__PURE__ */ jsx47("span", { className: "text-[10px] text-muted-foreground", children: t2("managerCard.sudoHint") }),
+        /* @__PURE__ */ jsx47(
           Button,
           {
             variant: "outline",
@@ -29975,7 +29935,7 @@ function ManagerCardShell({
             children: t2("managerCard.retry")
           }
         )
-      ] }) : empty2 ? /* @__PURE__ */ jsx48("div", { className: "flex items-center justify-center py-8 text-xs text-muted-foreground/50", children: emptyMessage ?? t2("managerCard.noData") }) : children
+      ] }) : empty2 ? /* @__PURE__ */ jsx47("div", { className: "flex items-center justify-center py-8 text-xs text-muted-foreground/50", children: emptyMessage ?? t2("managerCard.noData") }) : children
     }
   );
 }
@@ -29989,8 +29949,8 @@ function ManagerSearch({
   const { t: t2 } = useTranslation16();
   return /* @__PURE__ */ jsxs31("div", { className: "mb-2 flex items-center gap-1.5", children: [
     /* @__PURE__ */ jsxs31("div", { className: "relative flex-1", children: [
-      /* @__PURE__ */ jsx48(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-3 -translate-y-1/2 text-muted-foreground/60" }),
-      /* @__PURE__ */ jsx48(
+      /* @__PURE__ */ jsx47(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-3 -translate-y-1/2 text-muted-foreground/60" }),
+      /* @__PURE__ */ jsx47(
         "input",
         {
           value,
@@ -30000,7 +29960,7 @@ function ManagerSearch({
         }
       )
     ] }),
-    count != null && /* @__PURE__ */ jsx48("span", { className: "shrink-0 text-[10px] tabular-nums text-muted-foreground", children: count }),
+    count != null && /* @__PURE__ */ jsx47("span", { className: "shrink-0 text-[10px] tabular-nums text-muted-foreground", children: count }),
     extra
   ] });
 }
@@ -30050,13 +30010,13 @@ function useAdaptivePolling(poll, policy, enabled = true, options = {}) {
 }
 
 // src/ui/lib/widget-title.tsx
-import { jsx as jsx49, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
 function WidgetTitle({ title, icon, fallback }) {
   const label = title || fallback;
   if (!label) return null;
   return /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1.5 px-2 py-1.5 border-b border-border/50 shrink-0", children: [
-    icon && /* @__PURE__ */ jsx49("span", { className: "text-accent-brand shrink-0", children: icon }),
-    /* @__PURE__ */ jsx49("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider truncate", children: label })
+    icon && /* @__PURE__ */ jsx48("span", { className: "text-accent-brand shrink-0", children: icon }),
+    /* @__PURE__ */ jsx48("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider truncate", children: label })
   ] });
 }
 
@@ -30098,7 +30058,7 @@ function runVisibleInterval(tick, intervalMs) {
 }
 
 // src/ui/components/empty-state.tsx
-import { jsx as jsx50, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
 function EmptyState({
   icon: Icon,
   title,
@@ -30113,9 +30073,9 @@ function EmptyState({
     {
       className: `flex flex-col items-center justify-center gap-2 px-4 py-8 text-center ${className ?? ""}`,
       children: [
-        Icon && /* @__PURE__ */ jsx50(Icon, { className: "size-5 shrink-0 text-muted-foreground/40" }),
-        /* @__PURE__ */ jsx50("span", { className: "text-xs text-muted-foreground", children: title }),
-        guided && hint && /* @__PURE__ */ jsx50("span", { className: "max-w-xs text-[11px] leading-snug text-muted-foreground/70", children: hint }),
+        Icon && /* @__PURE__ */ jsx49(Icon, { className: "size-5 shrink-0 text-muted-foreground/40" }),
+        /* @__PURE__ */ jsx49("span", { className: "text-xs text-muted-foreground", children: title }),
+        guided && hint && /* @__PURE__ */ jsx49("span", { className: "max-w-xs text-[11px] leading-snug text-muted-foreground/70", children: hint }),
         guided && action
       ]
     }
@@ -30124,7 +30084,7 @@ function EmptyState({
 
 // src/ui/ssh/dialogs/PassphraseDialog.tsx
 import { useTranslation as useTranslation17 } from "react-i18next";
-import { jsx as jsx51, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
 function PassphraseDialog({
   isOpen,
   onSubmit,
@@ -30144,18 +30104,18 @@ function PassphraseDialog({
       onSubmit(input.value);
     }
   };
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx50(
     PanePrompt,
     {
       open: true,
       layer: "connection",
       backgroundColor,
-      icon: /* @__PURE__ */ jsx51(KeyRound, { className: "size-4" }),
+      icon: /* @__PURE__ */ jsx50(KeyRound, { className: "size-4" }),
       title: t2("auth.passphraseRequired"),
-      description: /* @__PURE__ */ jsx51("span", { className: "font-mono", children: hostDisplay }),
+      description: /* @__PURE__ */ jsx50("span", { className: "font-mono", children: hostDisplay }),
       children: /* @__PURE__ */ jsxs34("form", { onSubmit: handleSubmit, className: "flex flex-col gap-3", children: [
         /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx50(
             PasswordInput,
             {
               id: "passphrase",
@@ -30165,11 +30125,11 @@ function PassphraseDialog({
               className: "rounded-none bg-muted/50 border-border text-xs"
             }
           ),
-          /* @__PURE__ */ jsx51("p", { className: "text-[10px] text-muted-foreground", children: t2("auth.passphraseRequiredDescription") })
+          /* @__PURE__ */ jsx50("p", { className: "text-[10px] text-muted-foreground", children: t2("auth.passphraseRequiredDescription") })
         ] }),
         /* @__PURE__ */ jsxs34("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx51("button", { type: "button", onClick: onCancel, className: PROMPT_BUTTON, children: t2("common.cancel") }),
-          /* @__PURE__ */ jsx51("button", { type: "submit", className: PROMPT_PRIMARY_BUTTON, children: t2("common.connect") })
+          /* @__PURE__ */ jsx50("button", { type: "button", onClick: onCancel, className: PROMPT_BUTTON, children: t2("common.cancel") }),
+          /* @__PURE__ */ jsx50("button", { type: "submit", className: PROMPT_PRIMARY_BUTTON, children: t2("common.connect") })
         ] })
       ] })
     }
@@ -30179,7 +30139,7 @@ function PassphraseDialog({
 // src/ui/ssh/dialogs/HostKeyVerificationDialog.tsx
 import { useState as useState19 } from "react";
 import { useTranslation as useTranslation18 } from "react-i18next";
-import { Fragment as Fragment7, jsx as jsx52, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
 var formatFingerprint = (fp) => fp.match(/.{1,2}/g)?.join(":") || fp;
 function FingerprintRow({
   label,
@@ -30189,10 +30149,10 @@ function FingerprintRow({
 }) {
   const { t: t2 } = useTranslation18();
   return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ jsx52("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx51("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: label }),
     /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx52("div", { className: "flex-1 bg-muted/50 border border-border p-3 font-mono text-xs break-all", children: formatFingerprint(value) }),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx51("div", { className: "flex-1 bg-muted/50 border border-border p-3 font-mono text-xs break-all", children: formatFingerprint(value) }),
+      /* @__PURE__ */ jsx51(
         "button",
         {
           type: "button",
@@ -30200,7 +30160,7 @@ function FingerprintRow({
           title: t2("common.copy"),
           "aria-label": t2("common.copy"),
           className: `${PROMPT_BUTTON} size-8 shrink-0 px-0`,
-          children: copied ? /* @__PURE__ */ jsx52(Check, { className: "size-4 text-accent-brand" }) : /* @__PURE__ */ jsx52(Copy, { className: "size-4" })
+          children: copied ? /* @__PURE__ */ jsx51(Check, { className: "size-4 text-accent-brand" }) : /* @__PURE__ */ jsx51(Copy, { className: "size-4" })
         }
       )
     ] })
@@ -30234,14 +30194,14 @@ function HostKeyVerificationDialog({
     }
   };
   const changed = scenario === "changed";
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     PanePrompt,
     {
       open: true,
       layer: "connection",
       backgroundColor,
       tone: changed ? "destructive" : "default",
-      icon: changed ? /* @__PURE__ */ jsx52(TriangleAlert, { className: "size-4" }) : /* @__PURE__ */ jsx52(Shield, { className: "size-4" }),
+      icon: changed ? /* @__PURE__ */ jsx51(TriangleAlert, { className: "size-4" }) : /* @__PURE__ */ jsx51(Shield, { className: "size-4" }),
       title: changed ? t2("hostKey.keyChangedWarning") : t2("hostKey.verifyNewHost"),
       description: /* @__PURE__ */ jsxs35("span", { className: "font-mono", children: [
         hostname || ip,
@@ -30250,8 +30210,8 @@ function HostKeyVerificationDialog({
       ] }),
       className: "max-w-lg",
       actions: /* @__PURE__ */ jsxs35(Fragment7, { children: [
-        /* @__PURE__ */ jsx52("button", { type: "button", onClick: onReject, className: PROMPT_BUTTON, children: t2("common.cancel") }),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx51("button", { type: "button", onClick: onReject, className: PROMPT_BUTTON, children: t2("common.cancel") }),
+        /* @__PURE__ */ jsx51(
           "button",
           {
             type: "button",
@@ -30261,15 +30221,15 @@ function HostKeyVerificationDialog({
           }
         )
       ] }),
-      children: /* @__PURE__ */ jsx52("div", { className: "flex flex-col gap-3", children: changed ? /* @__PURE__ */ jsxs35(Fragment7, { children: [
+      children: /* @__PURE__ */ jsx51("div", { className: "flex flex-col gap-3", children: changed ? /* @__PURE__ */ jsxs35(Fragment7, { children: [
         /* @__PURE__ */ jsxs35("div", { className: "flex items-start gap-3 p-3 border border-destructive/20 bg-destructive/10", children: [
-          /* @__PURE__ */ jsx52(TriangleAlert, { className: "size-4 text-destructive shrink-0 mt-0.5" }),
+          /* @__PURE__ */ jsx51(TriangleAlert, { className: "size-4 text-destructive shrink-0 mt-0.5" }),
           /* @__PURE__ */ jsxs35("div", { children: [
-            /* @__PURE__ */ jsx52("p", { className: "text-[10px] font-bold uppercase tracking-widest text-destructive", children: t2("hostKey.securityWarning") }),
-            /* @__PURE__ */ jsx52("p", { className: "text-xs text-destructive/80 mt-1", children: t2("hostKey.keyChangedDescription") })
+            /* @__PURE__ */ jsx51("p", { className: "text-[10px] font-bold uppercase tracking-widest text-destructive", children: t2("hostKey.securityWarning") }),
+            /* @__PURE__ */ jsx51("p", { className: "text-xs text-destructive/80 mt-1", children: t2("hostKey.keyChangedDescription") })
           ] })
         ] }),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx51(
           FingerprintRow,
           {
             label: t2("hostKey.previousKey"),
@@ -30278,7 +30238,7 @@ function HostKeyVerificationDialog({
             onCopy: () => copyFingerprint(oldFingerprint || "", true)
           }
         ),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx51(
           FingerprintRow,
           {
             label: t2("hostKey.newFingerprint"),
@@ -30289,13 +30249,13 @@ function HostKeyVerificationDialog({
         )
       ] }) : /* @__PURE__ */ jsxs35(Fragment7, { children: [
         /* @__PURE__ */ jsxs35("div", { className: "flex items-start gap-3 p-3 border border-border bg-muted/10", children: [
-          /* @__PURE__ */ jsx52(Shield, { className: "size-4 text-accent-brand shrink-0 mt-0.5" }),
+          /* @__PURE__ */ jsx51(Shield, { className: "size-4 text-accent-brand shrink-0 mt-0.5" }),
           /* @__PURE__ */ jsxs35("div", { children: [
-            /* @__PURE__ */ jsx52("p", { className: "text-[10px] font-bold uppercase tracking-widest", children: t2("hostKey.firstConnectionTitle") }),
-            /* @__PURE__ */ jsx52("p", { className: "text-xs text-muted-foreground mt-1", children: t2("hostKey.firstConnectionDescription") })
+            /* @__PURE__ */ jsx51("p", { className: "text-[10px] font-bold uppercase tracking-widest", children: t2("hostKey.firstConnectionTitle") }),
+            /* @__PURE__ */ jsx51("p", { className: "text-xs text-muted-foreground mt-1", children: t2("hostKey.firstConnectionDescription") })
           ] })
         ] }),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx51(
           FingerprintRow,
           {
             label: `${t2("hostKey.fingerprint")} (${algorithm.toUpperCase()})`,
@@ -30304,7 +30264,7 @@ function HostKeyVerificationDialog({
             onCopy: () => copyFingerprint(fingerprint)
           }
         ),
-        /* @__PURE__ */ jsx52("p", { className: "text-[10px] text-muted-foreground", children: t2("hostKey.verifyInstructions") })
+        /* @__PURE__ */ jsx51("p", { className: "text-[10px] text-muted-foreground", children: t2("hostKey.verifyInstructions") })
       ] }) })
     }
   );
@@ -30402,10 +30362,10 @@ function isTabJumpHotkey(e) {
 
 // src/ui/components/kbd.tsx
 import * as React12 from "react";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var Kbd = React12.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx52(
       "kbd",
       {
         ref,
@@ -30422,12 +30382,12 @@ Kbd.displayName = "Kbd";
 var KbdKey = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx53("span", { className: cn("", className), ...props });
+}) => /* @__PURE__ */ jsx52("span", { className: cn("", className), ...props });
 KbdKey.displayName = "KbdKey";
 var KbdSeparator = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx53("span", { className: cn("text-muted-foreground/50", className), ...props, children: "+" });
+}) => /* @__PURE__ */ jsx52("span", { className: cn("text-muted-foreground/50", className), ...props, children: "+" });
 KbdSeparator.displayName = "KbdSeparator";
 
 // src/ui/lib/local-adaptive-engine.ts
@@ -30801,8 +30761,325 @@ function createQuickConnectHost(input) {
   };
 }
 
+// src/ui/components/list-kit.tsx
+import { useState as useState20 } from "react";
+import { useTranslation as useTranslation19 } from "react-i18next";
+import { jsx as jsx53, jsxs as jsxs36 } from "react/jsx-runtime";
+var STRIPE = {
+  brand: "bg-accent-brand/60",
+  muted: "bg-muted-foreground/30",
+  success: "bg-green-500/70",
+  warning: "bg-warning/70",
+  destructive: "bg-destructive/70",
+  none: "bg-transparent"
+};
+function PanelList({
+  empty: empty2,
+  className,
+  children
+}) {
+  const hasRows = Array.isArray(children) ? children.flat().some(Boolean) : Boolean(children);
+  return /* @__PURE__ */ jsx53(
+    "div",
+    {
+      className: cn(
+        "flex min-h-0 flex-1 flex-col overflow-y-auto thin-scrollbar",
+        className
+      ),
+      children: hasRows ? children : empty2
+    }
+  );
+}
+function ListRow({
+  title,
+  icon,
+  badges,
+  meta: meta2,
+  stripe = 0,
+  tone = "brand",
+  color,
+  selected,
+  active: active2,
+  dimmed,
+  leading,
+  trailing,
+  actions,
+  onClick,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs36(
+    "div",
+    {
+      ...rest,
+      role: onClick ? "button" : rest.role,
+      tabIndex: onClick ? 0 : rest.tabIndex,
+      onClick,
+      onKeyDown: (e) => {
+        rest.onKeyDown?.(e);
+        if (!onClick || e.defaultPrevented || e.target !== e.currentTarget)
+          return;
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      },
+      "data-selected": selected || void 0,
+      className: cn(
+        "group/row relative flex items-stretch select-none border-b border-border/40 transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring",
+        onClick && "cursor-pointer",
+        selected ? "bg-accent-brand/10 hover:bg-accent-brand/15" : active2 ? "bg-muted/50" : stripe % 2 === 1 && "bg-muted/15",
+        dimmed && "opacity-60",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx53(
+          "div",
+          {
+            className: cn(
+              "w-[3px] shrink-0",
+              selected ? "bg-accent-brand" : !color && STRIPE[tone]
+            ),
+            style: color && !selected ? { backgroundColor: color } : void 0
+          }
+        ),
+        leading,
+        /* @__PURE__ */ jsxs36("div", { className: "flex min-w-0 flex-1 flex-col gap-[3.5px] py-[7px] pl-[8.75px] pr-[7px]", children: [
+          /* @__PURE__ */ jsxs36("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+            icon && /* @__PURE__ */ jsx53("span", { className: "flex shrink-0 text-muted-foreground/60 [&_svg]:size-3", children: icon }),
+            /* @__PURE__ */ jsx53("span", { className: "truncate text-[13px] font-semibold leading-none tracking-tight text-foreground", children: title }),
+            badges
+          ] }),
+          meta2 && /* @__PURE__ */ jsx53("div", { className: "min-w-0 truncate text-[11px] leading-tight text-muted-foreground/80", children: meta2 }),
+          children,
+          actions && /* @__PURE__ */ jsx53(
+            "div",
+            {
+              onClick: (e) => e.stopPropagation(),
+              className: cn(
+                "flex-wrap items-center gap-[1.75px] border-t border-border/30 pt-[3.5px]",
+                active2 ? "flex" : "hidden group-hover/row:flex group-focus-within/row:flex pointer-coarse:flex"
+              ),
+              children: actions
+            }
+          )
+        ] }),
+        trailing && /* @__PURE__ */ jsx53("div", { className: "flex shrink-0 items-center pr-2", children: trailing })
+      ]
+    }
+  );
+}
+function ListRowAction({
+  label,
+  tone = "default",
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx53(
+    "button",
+    {
+      type: "button",
+      title: label,
+      "aria-label": label,
+      ...rest,
+      className: cn(
+        "flex size-[22.75px] items-center justify-center transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-40 [&_svg]:size-3.5",
+        tone === "brand" ? "text-accent-brand/80 hover:text-accent-brand" : tone === "destructive" ? "text-muted-foreground/60 hover:bg-destructive/10 hover:text-destructive" : "text-muted-foreground/60 hover:text-foreground",
+        className
+      ),
+      children
+    }
+  );
+}
+function ListBadge({
+  tone = "muted",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx53(
+    "span",
+    {
+      className: cn(
+        "flex shrink-0 items-center gap-0.5 border px-1 py-px text-[9px] uppercase leading-none tracking-wider [&_svg]:size-2.5",
+        tone === "brand" && "border-accent-brand/30 bg-accent-brand/10 text-accent-brand",
+        tone === "warning" && "border-warning/30 bg-warning/10 text-warning",
+        tone === "destructive" && "border-destructive/30 bg-destructive/10 text-destructive",
+        tone === "success" && "border-green-500/30 bg-green-500/10 text-green-500",
+        tone === "muted" && "border-border bg-muted/40 text-muted-foreground",
+        className
+      ),
+      children
+    }
+  );
+}
+function ListRowFolder({
+  name: name2,
+  icon,
+  count,
+  open,
+  onToggle,
+  stripe = 0,
+  actions,
+  dropActive,
+  onDropItem,
+  emptyText,
+  className,
+  children
+}) {
+  const [dragOver, setDragOver] = useState20(false);
+  const empty2 = count === 0;
+  return /* @__PURE__ */ jsxs36("div", { className: cn("border-b border-border/40", className), children: [
+    /* @__PURE__ */ jsxs36(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": open,
+        onClick: onToggle,
+        onKeyDown: (e) => {
+          if (e.target !== e.currentTarget) return;
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onToggle();
+          }
+        },
+        onDragOver: (e) => {
+          if (!dropActive) return;
+          e.preventDefault();
+          setDragOver(true);
+        },
+        onDragLeave: (e) => {
+          if (e.currentTarget === e.target) setDragOver(false);
+        },
+        onDrop: (e) => {
+          if (!dropActive) return;
+          e.preventDefault();
+          setDragOver(false);
+          onDropItem?.();
+        },
+        className: cn(
+          "group/folder flex w-full cursor-pointer select-none items-center gap-2 py-1.5 pl-2.5 pr-2 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring",
+          open ? "bg-muted/40" : "hover:bg-muted/30",
+          stripe % 2 === 1 && !open && "bg-muted/[0.08]",
+          dragOver && dropActive && "bg-accent-brand/10 ring-1 ring-inset ring-accent-brand"
+        ),
+        children: [
+          /* @__PURE__ */ jsx53(
+            ChevronRight,
+            {
+              className: cn(
+                "size-3.5 shrink-0 text-muted-foreground/60 transition-transform",
+                open && "rotate-90"
+              )
+            }
+          ),
+          icon && /* @__PURE__ */ jsx53(
+            "span",
+            {
+              className: cn(
+                "flex shrink-0 [&_svg]:size-4",
+                open ? "text-accent-brand" : "text-muted-foreground/70"
+              ),
+              children: icon
+            }
+          ),
+          /* @__PURE__ */ jsx53("span", { className: "min-w-0 flex-1 truncate text-[13px] font-bold tracking-tight text-foreground", children: name2 }),
+          count !== void 0 && /* @__PURE__ */ jsx53("span", { className: "shrink-0 bg-muted/70 px-1.5 py-[1px] text-[10px] tabular-nums text-muted-foreground/70", children: count }),
+          actions && /* @__PURE__ */ jsx53(
+            "div",
+            {
+              onClick: (e) => e.stopPropagation(),
+              className: "flex shrink-0 items-center opacity-0 transition-opacity focus-within:opacity-100 group-hover/folder:opacity-100 pointer-coarse:opacity-100 has-[[data-state=open]]:opacity-100",
+              children: actions
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx53("div", { className: "ml-[27px] border-l border-t border-border/50 border-t-border/40 [&>*:last-child]:border-b-0", children: empty2 && emptyText ? /* @__PURE__ */ jsx53("div", { className: "px-3 py-2 text-[11px] text-muted-foreground/60", children: emptyText }) : children })
+  ] });
+}
+function AddButton({
+  label,
+  compact,
+  className,
+  ...rest
+}) {
+  const { t: t2 } = useTranslation19();
+  const text = label ?? t2("common.new");
+  return /* @__PURE__ */ jsxs36(
+    Button,
+    {
+      variant: "outline",
+      size: compact ? "icon" : "default",
+      title: text,
+      "aria-label": text,
+      ...rest,
+      className: cn(
+        "shrink-0 border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx53(Plus, { className: "size-3.5" }),
+        !compact && /* @__PURE__ */ jsx53("span", { children: text })
+      ]
+    }
+  );
+}
+function FormFooter({
+  onCancel,
+  onSave,
+  saveLabel,
+  cancelLabel,
+  saving,
+  dirty,
+  status,
+  disabled,
+  onDelete,
+  deleteLabel,
+  extra,
+  saveType = "button",
+  form
+}) {
+  const { t: t2 } = useTranslation19();
+  return /* @__PURE__ */ jsxs36("div", { className: "flex w-full min-w-0 items-center gap-2", children: [
+    onDelete && /* @__PURE__ */ jsxs36(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: onDelete,
+        disabled: saving,
+        className: "text-destructive hover:bg-destructive/10 hover:text-destructive dark:hover:bg-destructive/10",
+        children: [
+          /* @__PURE__ */ jsx53(Trash, {}),
+          deleteLabel ?? t2("common.delete")
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx53("div", { className: "min-w-0 flex-1 truncate text-[11px]", children: status ?? (dirty && /* @__PURE__ */ jsx53("span", { className: "text-warning", children: t2("common.unsavedChanges") })) }),
+    onCancel && /* @__PURE__ */ jsx53(Button, { variant: "ghost", size: "sm", onClick: onCancel, disabled: saving, children: cancelLabel ?? t2("common.cancel") }),
+    extra,
+    (onSave || saveType === "submit") && /* @__PURE__ */ jsx53(
+      Button,
+      {
+        type: saveType,
+        form,
+        variant: "outline",
+        size: "sm",
+        onClick: onSave,
+        disabled: disabled || saving,
+        className: "border-accent-brand/40 px-6 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
+        children: saving ? t2("common.saving") : saveLabel ?? t2("common.save")
+      }
+    )
+  ] });
+}
+
 // src/ui/components/data-view.tsx
-import { jsx as jsx54, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
 var COLS = {
   1: "grid-cols-1",
   2: "grid-cols-2",
@@ -30856,7 +31133,7 @@ function DataView({
   }
   const template = listColumns.map((c) => c.width).join(" ");
   const rowHeight = density === "compact" ? "h-7" : "h-9";
-  return /* @__PURE__ */ jsxs36("div", { className: cn("border border-border bg-card", className), role: "table", children: [
+  return /* @__PURE__ */ jsxs37("div", { className: cn("border border-border bg-card", className), role: "table", children: [
     /* @__PURE__ */ jsx54(
       "div",
       {
@@ -30918,7 +31195,7 @@ import {
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo7,
   useRef as useRef7,
-  useState as useState20
+  useState as useState21
 } from "react";
 import { jsx as jsx55 } from "react/jsx-runtime";
 var COLUMN_STEPS = {
@@ -30949,7 +31226,7 @@ function CardMasonry({
   children
 }) {
   const ref = useRef7(null);
-  const [width, setWidth] = useState20(0);
+  const [width, setWidth] = useState21(0);
   useLayoutEffect3(() => {
     const el = ref.current;
     if (!el) return;
@@ -31001,7 +31278,7 @@ function usageBarColor(percent) {
 }
 
 // src/ui/components/meter.tsx
-import { jsx as jsx56, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs38 } from "react/jsx-runtime";
 function Meter({
   percent,
   className
@@ -31021,7 +31298,7 @@ function UsagePair({
   detail
 }) {
   const clamped = Math.min(100, Math.max(0, percent));
-  return /* @__PURE__ */ jsxs37("div", { className: "flex min-w-0 items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs38("div", { className: "flex min-w-0 items-center gap-2", children: [
     label && /* @__PURE__ */ jsx56("span", { className: "w-10 shrink-0 text-[10px] uppercase text-muted-foreground", children: label }),
     /* @__PURE__ */ jsx56(Meter, { percent: clamped, className: "flex-1" }),
     /* @__PURE__ */ jsx56(
@@ -31038,9 +31315,9 @@ function UsagePair({
 }
 
 // src/ui/components/form-fields.tsx
-import { useState as useState21 } from "react";
-import { useTranslation as useTranslation19 } from "react-i18next";
-import { jsx as jsx57, jsxs as jsxs38 } from "react/jsx-runtime";
+import { useState as useState22 } from "react";
+import { useTranslation as useTranslation20 } from "react-i18next";
+import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
 function Field2({
   label,
   hint,
@@ -31050,8 +31327,8 @@ function Field2({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs38("div", { className: cn("flex flex-col gap-1.5", className), children: [
-    (label || aside) && /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs39("div", { "data-setting-row": "", className: cn("flex flex-col gap-1.5", className), children: [
+    (label || aside) && /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx57(
         "label",
         {
@@ -31148,7 +31425,7 @@ function SecretField({
   disabled,
   className
 }) {
-  const { t: t2 } = useTranslation19();
+  const { t: t2 } = useTranslation20();
   const saved = isSecretSentinel(value);
   return /* @__PURE__ */ jsx57(
     Field2,
@@ -31182,7 +31459,7 @@ function SelectField({
   placeholder: placeholder2
 }) {
   const EMPTY = "__empty__";
-  return /* @__PURE__ */ jsx57(Field2, { label, hint, error, className, children: /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsx57(Field2, { label, hint, error, className, children: /* @__PURE__ */ jsxs39(
     Select2,
     {
       value: value === "" ? EMPTY : value,
@@ -31273,11 +31550,11 @@ function Repeater({
   hint,
   renderItem
 }) {
-  const { t: t2 } = useTranslation19();
-  return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-2 py-3", children: [
-    /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+  const { t: t2 } = useTranslation20();
+  return /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-2 py-3", children: [
+    /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx57("span", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: label }),
-      /* @__PURE__ */ jsxs38(
+      /* @__PURE__ */ jsxs39(
         Button,
         {
           type: "button",
@@ -31293,7 +31570,7 @@ function Repeater({
       )
     ] }),
     hint && /* @__PURE__ */ jsx57("span", { className: "text-[10px] text-muted-foreground", children: hint }),
-    items.length === 0 ? /* @__PURE__ */ jsx57("span", { className: "border border-dashed border-border px-3 py-2 text-[10px] text-muted-foreground", children: empty2 }) : /* @__PURE__ */ jsx57("div", { className: "flex flex-col gap-2", children: items.map((item, index) => /* @__PURE__ */ jsxs38(
+    items.length === 0 ? /* @__PURE__ */ jsx57("span", { className: "border border-dashed border-border px-3 py-2 text-[10px] text-muted-foreground", children: empty2 }) : /* @__PURE__ */ jsx57("div", { className: "flex flex-col gap-2", children: items.map((item, index) => /* @__PURE__ */ jsxs39(
       "div",
       {
         className: "flex items-start gap-2 border border-border bg-muted/10 p-2",
@@ -31327,9 +31604,9 @@ function TagInput({
   onTagsChange,
   onInputChange
 }) {
-  const { t: t2 } = useTranslation19();
-  return /* @__PURE__ */ jsxs38("div", { className: "flex min-h-8 flex-wrap items-center gap-1 border border-input bg-background px-2 py-1 focus-within:border-ring focus-within:ring-1 focus-within:ring-ring/50 dark:bg-input/30", children: [
-    tags2.map((tag) => /* @__PURE__ */ jsxs38(
+  const { t: t2 } = useTranslation20();
+  return /* @__PURE__ */ jsxs39("div", { className: "flex min-h-8 flex-wrap items-center gap-1 border border-input bg-background px-2 py-1 focus-within:border-ring focus-within:ring-1 focus-within:ring-ring/50 dark:bg-input/30", children: [
+    tags2.map((tag) => /* @__PURE__ */ jsxs39(
       "span",
       {
         className: "flex items-center gap-0.5 border border-border/60 bg-muted px-1.5 py-0.5 text-[10px] text-foreground",
@@ -31381,10 +31658,10 @@ import {
   useContext as useContext5,
   useMemo as useMemo8,
   useRef as useRef8,
-  useState as useState22
+  useState as useState23
 } from "react";
 import { useConnectionRetry } from "@termix-ssh/plugin-sdk/frontend";
-import { jsx as jsx58, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
 function messageOf(err) {
   return typeof err === "string" ? err : getErrorMessage(err);
 }
@@ -31412,11 +31689,11 @@ function Gate({
   children
 }) {
   const { addLog, clearLogs } = useConnectionLog();
-  const [error, setError] = useState22(null);
-  const [unavailable, setUnavailable] = useState22(
+  const [error, setError] = useState23(null);
+  const [unavailable, setUnavailable] = useState23(
     null
   );
-  const [dropped, setDropped] = useState22(false);
+  const [dropped, setDropped] = useState23(false);
   const maxAttempts = retry?.maxAttempts ?? 8;
   const gateRef = useRef8(null);
   const write = useCallback8(
@@ -31534,7 +31811,7 @@ function Gate({
   gateRef.current = controller;
   const up = status === "connected" && !unavailable;
   const content2 = typeof children === "function" ? children(controller) : children;
-  return /* @__PURE__ */ jsx58(GateContext.Provider, { value: controller, children: /* @__PURE__ */ jsxs39("div", { className: `relative h-full w-full ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsx58(GateContext.Provider, { value: controller, children: /* @__PURE__ */ jsxs40("div", { className: `relative h-full w-full ${className ?? ""}`, children: [
     (up || keepMounted) && content2,
     /* @__PURE__ */ jsx58(
       ConnectionScreen,
@@ -31558,6 +31835,7 @@ function Gate({
 }
 export {
   ActionSlot,
+  AddButton,
   Alert,
   AlertDescription,
   AlertDialog,
@@ -31625,6 +31903,7 @@ export {
   FakeSwitch,
   Field2 as Field,
   FieldPair,
+  FormFooter,
   FullScreenAppWrapper,
   GroupHeading,
   HostDefaultBadge,
@@ -31638,6 +31917,10 @@ export {
   KbdSeparator,
   Label,
   LineChart,
+  ListBadge,
+  ListRow,
+  ListRowAction,
+  ListRowFolder,
   ManagerCardShell,
   ManagerSearch,
   Meter,
@@ -31649,6 +31932,7 @@ export {
   PROMPT_DESTRUCTIVE_BUTTON,
   PROMPT_PRIMARY_BUTTON,
   PanePrompt,
+  PanelList,
   PanelSearch,
   PanelShell,
   PassphraseDialog,