@gbdx/devis 1.0.0 → 1.0.2

package/dist/ui/assets/{index-B3EEPtRc.js → index-0_fn9uMh.js}

@@ -28482,104 +28482,120 @@ const createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [["path", { "d": "M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11", "key": "svg-0" }]];
-const IconBolt = createReactComponent("outline", "bolt", "Bolt", __iconNode$c);
+const __iconNode$e = [["path", { "d": "M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11", "key": "svg-0" }]];
+const IconBolt = createReactComponent("outline", "bolt", "Bolt", __iconNode$e);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [["path", { "d": "M16 3v18l4 -2.5v-13l-4 -2.5", "key": "svg-0" }], ["path", { "d": "M9.165 13.903l-4.165 3.597l-2 -1l4.333 -4.5m1.735 -1.802l6.932 -7.198v5l-4.795 4.141", "key": "svg-1" }], ["path", { "d": "M16 16.5l-11 -10l-2 1l13 13.5", "key": "svg-2" }]];
-const IconBrandVscode = createReactComponent("outline", "brand-vscode", "BrandVscode", __iconNode$b);
+const __iconNode$d = [["path", { "d": "M16 3v18l4 -2.5v-13l-4 -2.5", "key": "svg-0" }], ["path", { "d": "M9.165 13.903l-4.165 3.597l-2 -1l4.333 -4.5m1.735 -1.802l6.932 -7.198v5l-4.795 4.141", "key": "svg-1" }], ["path", { "d": "M16 16.5l-11 -10l-2 1l13 13.5", "key": "svg-2" }]];
+const IconBrandVscode = createReactComponent("outline", "brand-vscode", "BrandVscode", __iconNode$d);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [["path", { "d": "M6 9l6 6l6 -6", "key": "svg-0" }]];
-const IconChevronDown = createReactComponent("outline", "chevron-down", "ChevronDown", __iconNode$a);
+const __iconNode$c = [["path", { "d": "M6 9l6 6l6 -6", "key": "svg-0" }]];
+const IconChevronDown = createReactComponent("outline", "chevron-down", "ChevronDown", __iconNode$c);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [["path", { "d": "M14 3v4a1 1 0 0 0 1 1h4", "key": "svg-0" }], ["path", { "d": "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2", "key": "svg-1" }], ["path", { "d": "M9 9l1 0", "key": "svg-2" }], ["path", { "d": "M9 13l6 0", "key": "svg-3" }], ["path", { "d": "M9 17l6 0", "key": "svg-4" }]];
-const IconFileText = createReactComponent("outline", "file-text", "FileText", __iconNode$9);
+const __iconNode$b = [["path", { "d": "M6 15l6 -6l6 6", "key": "svg-0" }]];
+const IconChevronUp = createReactComponent("outline", "chevron-up", "ChevronUp", __iconNode$b);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [["path", { "d": "M5 19l2.757 -7.351a1 1 0 0 1 .936 -.649h12.307a1 1 0 0 1 .986 1.164l-.996 5.211a2 2 0 0 1 -1.964 1.625h-14.026a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2", "key": "svg-0" }]];
-const IconFolderOpen = createReactComponent("outline", "folder-open", "FolderOpen", __iconNode$8);
+const __iconNode$a = [["path", { "d": "M14 3v4a1 1 0 0 0 1 1h4", "key": "svg-0" }], ["path", { "d": "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2", "key": "svg-1" }], ["path", { "d": "M9 9l1 0", "key": "svg-2" }], ["path", { "d": "M9 13l6 0", "key": "svg-3" }], ["path", { "d": "M9 17l6 0", "key": "svg-4" }]];
+const IconFileText = createReactComponent("outline", "file-text", "FileText", __iconNode$a);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [["path", { "d": "M12 19h-7a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v3.5", "key": "svg-0" }], ["path", { "d": "M16 19h6", "key": "svg-1" }], ["path", { "d": "M19 16v6", "key": "svg-2" }]];
-const IconFolderPlus = createReactComponent("outline", "folder-plus", "FolderPlus", __iconNode$7);
+const __iconNode$9 = [["path", { "d": "M5 19l2.757 -7.351a1 1 0 0 1 .936 -.649h12.307a1 1 0 0 1 .986 1.164l-.996 5.211a2 2 0 0 1 -1.964 1.625h-14.026a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2", "key": "svg-0" }]];
+const IconFolderOpen = createReactComponent("outline", "folder-open", "FolderOpen", __iconNode$9);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M4 12l16 0", "key": "svg-1" }], ["path", { "d": "M4 18l16 0", "key": "svg-2" }]];
-const IconMenu2 = createReactComponent("outline", "menu-2", "Menu2", __iconNode$6);
+const __iconNode$8 = [["path", { "d": "M12 19h-7a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v3.5", "key": "svg-0" }], ["path", { "d": "M16 19h6", "key": "svg-1" }], ["path", { "d": "M19 16v6", "key": "svg-2" }]];
+const IconFolderPlus = createReactComponent("outline", "folder-plus", "FolderPlus", __iconNode$8);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [["path", { "d": "M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454l0 .008", "key": "svg-0" }]];
-const IconMoon = createReactComponent("outline", "moon", "Moon", __iconNode$5);
+const __iconNode$7 = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M4 12l16 0", "key": "svg-1" }], ["path", { "d": "M4 18l16 0", "key": "svg-2" }]];
+const IconMenu2 = createReactComponent("outline", "menu-2", "Menu2", __iconNode$7);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [["path", { "d": "M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4", "key": "svg-0" }], ["path", { "d": "M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4", "key": "svg-1" }]];
-const IconRefresh = createReactComponent("outline", "refresh", "Refresh", __iconNode$4);
+const __iconNode$6 = [["path", { "d": "M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454l0 .008", "key": "svg-0" }]];
+const IconMoon = createReactComponent("outline", "moon", "Moon", __iconNode$6);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [["path", { "d": "M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", "key": "svg-0" }], ["path", { "d": "M21 21l-6 -6", "key": "svg-1" }]];
-const IconSearch = createReactComponent("outline", "search", "Search", __iconNode$3);
+const __iconNode$5 = [["path", { "d": "M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4", "key": "svg-0" }], ["path", { "d": "M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4", "key": "svg-1" }]];
+const IconRefresh = createReactComponent("outline", "refresh", "Refresh", __iconNode$5);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$2 = [["path", { "d": "M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", "key": "svg-0" }], ["path", { "d": "M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7", "key": "svg-1" }]];
-const IconSun = createReactComponent("outline", "sun", "Sun", __iconNode$2);
+const __iconNode$4 = [["path", { "d": "M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", "key": "svg-0" }], ["path", { "d": "M21 21l-6 -6", "key": "svg-1" }]];
+const IconSearch = createReactComponent("outline", "search", "Search", __iconNode$4);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1 = [["path", { "d": "M8 9l3 3l-3 3", "key": "svg-0" }], ["path", { "d": "M13 15l3 0", "key": "svg-1" }], ["path", { "d": "M3 6a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2l0 -12", "key": "svg-2" }]];
-const IconTerminal2 = createReactComponent("outline", "terminal-2", "Terminal2", __iconNode$1);
+const __iconNode$3 = [["path", { "d": "M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", "key": "svg-0" }], ["path", { "d": "M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7", "key": "svg-1" }]];
+const IconSun = createReactComponent("outline", "sun", "Sun", __iconNode$3);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode = [["path", { "d": "M4 7l16 0", "key": "svg-0" }], ["path", { "d": "M10 11l0 6", "key": "svg-1" }], ["path", { "d": "M14 11l0 6", "key": "svg-2" }], ["path", { "d": "M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12", "key": "svg-3" }], ["path", { "d": "M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3", "key": "svg-4" }]];
-const IconTrash = createReactComponent("outline", "trash", "Trash", __iconNode);
+const __iconNode$2 = [["path", { "d": "M8 9l3 3l-3 3", "key": "svg-0" }], ["path", { "d": "M13 15l3 0", "key": "svg-1" }], ["path", { "d": "M3 6a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2l0 -12", "key": "svg-2" }]];
+const IconTerminal2 = createReactComponent("outline", "terminal-2", "Terminal2", __iconNode$2);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$1 = [["path", { "d": "M4 7l16 0", "key": "svg-0" }], ["path", { "d": "M10 11l0 6", "key": "svg-1" }], ["path", { "d": "M14 11l0 6", "key": "svg-2" }], ["path", { "d": "M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12", "key": "svg-3" }], ["path", { "d": "M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3", "key": "svg-4" }]];
+const IconTrash = createReactComponent("outline", "trash", "Trash", __iconNode$1);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode = [["path", { "d": "M18 6l-12 12", "key": "svg-0" }], ["path", { "d": "M6 6l12 12", "key": "svg-1" }]];
+const IconX = createReactComponent("outline", "x", "X", __iconNode);
 const header$2 = "_header_1cfdg_1";
 const headerInner = "_headerInner_1cfdg_6";
 const brand = "_brand_1cfdg_12";
@@ -29099,6 +29115,75 @@ async function fetchCaddyRouteCount() {
     return null;
   }
 }
+function collectCaddyHosts(match) {
+  if (!Array.isArray(match)) return [];
+  const hosts = [];
+  for (const m of match) {
+    const host = m == null ? void 0 : m.host;
+    if (Array.isArray(host)) {
+      for (const h of host) if (typeof h === "string") hosts.push(h);
+    }
+  }
+  return [...new Set(hosts)];
+}
+function collectCaddyHandlers(handle) {
+  const upstreams = [];
+  const handlers = [];
+  const walk = (arr) => {
+    if (!Array.isArray(arr)) return;
+    for (const h of arr) {
+      if (!h || typeof h !== "object") continue;
+      const obj = h;
+      if (typeof obj.handler === "string") handlers.push(obj.handler);
+      if (Array.isArray(obj.upstreams)) {
+        for (const u of obj.upstreams) {
+          const dial = u == null ? void 0 : u.dial;
+          if (typeof dial === "string") upstreams.push(dial);
+        }
+      }
+      if (Array.isArray(obj.routes)) {
+        for (const r2 of obj.routes) walk(r2 == null ? void 0 : r2.handle);
+      }
+    }
+  };
+  walk(handle);
+  return { upstreams: [...new Set(upstreams)], handlers: [...new Set(handlers)] };
+}
+function parseCaddyRoute(route) {
+  const r2 = route ?? {};
+  const id = typeof r2["@id"] === "string" ? r2["@id"] : null;
+  let slug = null;
+  let appName = null;
+  if (id) {
+    const parts = id.split(":");
+    if (parts.length >= 3 && parts[1] === "route") {
+      slug = parts[0];
+      appName = parts.slice(2).join(":");
+    }
+  }
+  const hosts = collectCaddyHosts(r2.match);
+  const { upstreams, handlers } = collectCaddyHandlers(r2.handle);
+  return { id, slug, appName, hosts, upstreams, handlers };
+}
+async function fetchCaddyRoutes() {
+  var _a, _b;
+  const body2 = await caddyGet("/config/");
+  if (!body2) return [];
+  let cfg;
+  try {
+    cfg = JSON.parse(body2);
+  } catch {
+    return [];
+  }
+  const servers = ((_b = (_a = cfg.apps) == null ? void 0 : _a.http) == null ? void 0 : _b.servers) ?? {};
+  const out = [];
+  for (const srv of Object.values(servers)) {
+    if (Array.isArray(srv == null ? void 0 : srv.routes)) {
+      for (const route of srv.routes) out.push(parseCaddyRoute(route));
+    }
+  }
+  return out;
+}
 function caddyPaths() {
   const home = getGlobalContext().homeDir;
   return {
@@ -29339,6 +29424,75 @@ function statusLabel(info) {
 }
 function CaddyView({ caddy, onLogs, onChanged, openLogKey }) {
   var _a, _b;
+  const [routesOpen, setRoutesOpen] = reactExports.useState(false);
+  const [routes, setRoutes] = reactExports.useState(null);
+  const [routesLoading, setRoutesLoading] = reactExports.useState(false);
+  async function loadRoutes() {
+    setRoutesLoading(true);
+    try {
+      setRoutes(await fetchCaddyRoutes());
+    } catch (err) {
+      notifications.show({ color: "red", message: String(err) });
+      setRoutes([]);
+    } finally {
+      setRoutesLoading(false);
+    }
+  }
+  function openRoutes() {
+    setRoutesOpen(true);
+    void loadRoutes();
+  }
+  function renderRoutesBody() {
+    if (routesLoading && routes === null) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { justify: "center", gap: "xs", p: "lg", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, { size: "sm" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "불러오는 중..." })
+      ] });
+    }
+    const sorted = [...routes ?? []].sort((a, b) => {
+      if (!!a.slug !== !!b.slug) return a.slug ? -1 : 1;
+      const s = (a.slug ?? "").localeCompare(b.slug ?? "");
+      return s !== 0 ? s : (a.appName ?? "").localeCompare(b.appName ?? "");
+    });
+    if (sorted.length === 0) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", p: "md", children: "등록된 라우트가 없습니다." });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { size: "sm", c: "dimmed", children: [
+          "총 ",
+          sorted.length,
+          "개"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "compact-xs", variant: "subtle", loading: routesLoading, onClick: () => void loadRoutes(), children: "새로고침" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Table, { striped: true, highlightOnHover: true, horizontalSpacing: "md", verticalSpacing: "xs", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Thead, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Th, { children: "워크스페이스" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Th, { children: "앱" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Th, { children: "호스트" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Th, { children: "업스트림" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Tbody, { children: sorted.map((r2, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: r2.slug ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "light", color: "grape", children: r2.slug }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "xs", c: "dimmed", children: "(기타)" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", children: r2.appName ?? (r2.handlers.join(", ") || "-") }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: r2.hosts.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "-" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { gap: 2, children: r2.hosts.map((h) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Anchor,
+            {
+              size: "sm",
+              onClick: (e) => {
+                e.preventDefault();
+                void openExternal(`https://${h}`);
+              },
+              children: h
+            },
+            h
+          )) }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: r2.upstreams.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "-" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { gap: 2, children: r2.upstreams.map((u) => /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { children: u }, u)) }) })
+        ] }, r2.id ?? `route-${i}`)) })
+      ] })
+    ] });
+  }
   async function act(action) {
     try {
       await caddyAction(action);
@@ -29403,73 +29557,100 @@ function CaddyView({ caddy, onLogs, onChanged, openLogKey }) {
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { gap: "xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SectionCard, { title: "Caddy (시스템 공유 HTTPS 리버스 프록시)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Table, { verticalSpacing: "sm", horizontalSpacing: "md", layout: "fixed", className: classes$6.table, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tbody, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { w: 200, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "상태" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 8, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBadge, { status, label }),
-        ((_a = caddy.proc) == null ? void 0 : _a.pid) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { size: "xs", c: "dimmed", children: [
-          "PID ",
-          caddy.proc.pid
-        ] }) : null,
-        ((_b = caddy.proc) == null ? void 0 : _b.restarts) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { size: "xs", variant: "light", color: "gray", children: [
-          "재시작 ",
-          caddy.proc.restarts,
-          "회"
-        ] }) : null
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "Admin API" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 8, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Anchor,
-          {
-            size: "sm",
-            onClick: (e) => {
-              e.preventDefault();
-              void openExternal(`${caddy.adminUrl}/config/`);
-            },
-            children: caddy.adminUrl
-          }
-        ),
-        caddy.reachable ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { size: "xs", color: "teal", variant: "light", children: "응답" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { size: "xs", color: "gray", variant: "light", children: "미응답" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "등록 라우트" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: caddy.routeCount === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "-" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { children: caddy.routeCount }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "관리" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 6, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            size: "compact-xs",
-            variant: "default",
-            onClick: () => onLogs({
-              streamKey: caddyStreamKey(),
-              title: "caddy (시스템)",
-              openStream: openCaddyLogStream,
-              actions: acts,
-              onClear: () => clearCaddyLogs(),
-              timestamped: false
-            }),
-            children: "로그"
-          }
-        ),
-        acts.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "compact-xs", variant: "light", color: a.color, onClick: a.run, children: a.label }, a.label))
-      ] }) })
-    ] }),
-    pathRow("데이터 디렉터리", caddy.dataDir),
-    pathRow("부트스트랩 config", caddy.bootstrapFile, true),
-    pathRow("로그 파일", caddy.logFile, true),
-    caddy.error ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "에러" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "red", children: caddy.error }) })
-    ] }) : null
-  ] }) }) }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { gap: "xl", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionCard, { title: "Caddy (시스템 공유 HTTPS 리버스 프록시)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Table, { verticalSpacing: "sm", horizontalSpacing: "md", layout: "fixed", className: classes$6.table, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tbody, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { w: 200, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "상태" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 8, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBadge, { status, label }),
+          ((_a = caddy.proc) == null ? void 0 : _a.pid) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { size: "xs", c: "dimmed", children: [
+            "PID ",
+            caddy.proc.pid
+          ] }) : null,
+          ((_b = caddy.proc) == null ? void 0 : _b.restarts) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { size: "xs", variant: "light", color: "gray", children: [
+            "재시작 ",
+            caddy.proc.restarts,
+            "회"
+          ] }) : null
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "Admin API" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 8, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Anchor,
+            {
+              size: "sm",
+              onClick: (e) => {
+                e.preventDefault();
+                void openExternal(`${caddy.adminUrl}/config/`);
+              },
+              children: caddy.adminUrl
+            }
+          ),
+          caddy.reachable ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { size: "xs", color: "teal", variant: "light", children: "응답" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { size: "xs", color: "gray", variant: "light", children: "미응답" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "등록 라우트" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: caddy.routeCount === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "-" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 6, wrap: "nowrap", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { children: caddy.routeCount }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { label: "등록된 라우트 보기", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ActionIcon,
+            {
+              size: "sm",
+              variant: "subtle",
+              color: "gray",
+              disabled: !caddy.routeCount,
+              onClick: openRoutes,
+              "aria-label": "등록된 라우트 보기",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconSearch, { size: 14 })
+            }
+          ) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "관리" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 6, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              size: "compact-xs",
+              variant: "default",
+              onClick: () => onLogs({
+                streamKey: caddyStreamKey(),
+                title: "caddy (시스템)",
+                openStream: openCaddyLogStream,
+                actions: acts,
+                onClear: () => clearCaddyLogs(),
+                timestamped: false
+              }),
+              children: "로그"
+            }
+          ),
+          acts.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "compact-xs", variant: "light", color: a.color, onClick: a.run, children: a.label }, a.label))
+        ] }) })
+      ] }),
+      pathRow("데이터 디렉터리", caddy.dataDir),
+      pathRow("부트스트랩 config", caddy.bootstrapFile, true),
+      pathRow("로그 파일", caddy.logFile, true),
+      caddy.error ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "에러" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "red", children: caddy.error }) })
+      ] }) : null
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Modal,
+      {
+        opened: routesOpen,
+        onClose: () => setRoutesOpen(false),
+        title: "등록된 Caddy 라우트",
+        size: "min(1000px, 90vw)",
+        centered: true,
+        children: renderRoutesBody()
+      }
+    )
+  ] });
 }
 const bar = "_bar_8l5j4_5";
 const search = "_search_8l5j4_15";
@@ -31506,6 +31687,60 @@ function segStyle(seg) {
     textDecoration: d.includes("underline") ? "underline" : void 0
   };
 }
+const MATCH_STYLE = { background: "var(--mantine-color-yellow-4)", color: "#000" };
+const ACTIVE_MATCH_STYLE = { background: "var(--mantine-color-orange-5)", color: "#000" };
+function highlightSegments(entry, query, activeStart) {
+  const lower = entry.text.toLowerCase();
+  const ranges = [];
+  let from = 0;
+  while (query) {
+    const idx = lower.indexOf(query, from);
+    if (idx === -1) break;
+    ranges.push([idx, idx + query.length]);
+    from = idx + query.length;
+  }
+  if (ranges.length === 0) {
+    return entry.segments.map((seg, i) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: 파싱된 로그 줄은 불변
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: segStyle(seg), children: seg.content }, i)
+    ));
+  }
+  const nodes = [];
+  let offset2 = 0;
+  let key = 0;
+  for (const seg of entry.segments) {
+    const base = segStyle(seg);
+    const text = seg.content;
+    const segStart = offset2;
+    const segEnd = offset2 + text.length;
+    let pos = segStart;
+    while (pos < segEnd) {
+      const range = ranges.find(([, e]) => e > pos);
+      if (!range || range[0] >= segEnd) {
+        nodes.push(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: base, children: text.slice(pos - segStart) }, `s${key++}`)
+        );
+        break;
+      }
+      const [ms, me] = range;
+      if (pos < ms) {
+        nodes.push(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: base, children: text.slice(pos - segStart, ms - segStart) }, `s${key++}`)
+        );
+        pos = ms;
+      } else {
+        const end = Math.min(me, segEnd);
+        const mark = ms === activeStart ? ACTIVE_MATCH_STYLE : MATCH_STYLE;
+        nodes.push(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { ...base, ...mark }, children: text.slice(pos - segStart, end - segStart) }, `s${key++}`)
+        );
+        pos = end;
+      }
+    }
+    offset2 = segEnd;
+  }
+  return nodes;
+}
 const ANSER_OPTS = { json: true, remove_empty: true, use_classes: false };
 const TS_PREFIX = /^\d{4}-\d{2}-\d{2}T\d{2}:/;
 function parseLine(raw, timestamped) {
@@ -31514,13 +31749,17 @@ function parseLine(raw, timestamped) {
     if (sp > 0) {
       const ts = raw.slice(0, sp);
       if (TS_PREFIX.test(ts)) {
-        return { timestamp: ts, segments: Anser.ansiToJson(raw.slice(sp + 1), ANSER_OPTS) };
+        return makeEntry(raw.slice(sp + 1), ts);
       }
     }
   }
-  return { segments: Anser.ansiToJson(raw, ANSER_OPTS) };
+  return makeEntry(raw);
 }
-function LogStream({ openStream, clearSignal, timestamped, loadHistory }) {
+function makeEntry(content, timestamp) {
+  const segments = Anser.ansiToJson(content, ANSER_OPTS);
+  return { timestamp, segments, text: segments.map((s) => s.content).join("") };
+}
+const LogStream = reactExports.forwardRef(function LogStream2({ openStream, clearSignal, timestamped, loadHistory, query = "", onMatchState }, ref) {
   const [lines, setLines] = reactExports.useState([]);
   const [reachedStart, setReachedStart] = reactExports.useState(false);
   const [loadingHistory, setLoadingHistory] = reactExports.useState(false);
@@ -31572,12 +31811,59 @@ function LogStream({ openStream, clearSignal, timestamped, loadHistory }) {
     estimateSize: () => LINE_HEIGHT,
     overscan: 24
   });
+  const q = query.trim().toLowerCase();
+  const matches = reactExports.useMemo(() => {
+    if (!q) return [];
+    const out = [];
+    for (let i = 0; i < lines.length; i++) {
+      const lower = lines[i].text.toLowerCase();
+      let pos = lower.indexOf(q);
+      while (pos !== -1) {
+        out.push({ line: i, start: pos });
+        pos = lower.indexOf(q, pos + q.length);
+      }
+    }
+    return out;
+  }, [lines, q]);
+  const matchLineSet = reactExports.useMemo(() => new Set(matches.map((m) => m.line)), [matches]);
+  const matchesRef = reactExports.useRef(matches);
+  matchesRef.current = matches;
+  const [cursor, setCursor] = reactExports.useState(0);
+  const total = matches.length;
+  const safeCursor = total === 0 ? 0 : Math.min(cursor, total - 1);
+  const activeMatch = total === 0 ? null : matches[safeCursor];
+  const cursorRef = reactExports.useRef(safeCursor);
+  cursorRef.current = safeCursor;
+  reactExports.useEffect(() => {
+    onMatchState == null ? void 0 : onMatchState({ current: total === 0 ? 0 : safeCursor + 1, total });
+  }, [total, safeCursor, onMatchState]);
+  reactExports.useEffect(() => {
+    cursorRef.current = 0;
+    setCursor(0);
+    if (q && matchesRef.current.length > 0) {
+      stick.current = false;
+      virtualizer.scrollToIndex(matchesRef.current[0].line, { align: "center" });
+    }
+  }, [q]);
+  const navigate = reactExports.useCallback(
+    (dir) => {
+      const items = matchesRef.current;
+      if (items.length === 0) return;
+      const nextC = (cursorRef.current + dir + items.length) % items.length;
+      cursorRef.current = nextC;
+      stick.current = false;
+      setCursor(nextC);
+      virtualizer.scrollToIndex(items[nextC].line, { align: "center" });
+    },
+    [virtualizer]
+  );
+  reactExports.useImperativeHandle(ref, () => ({ next: () => navigate(1), prev: () => navigate(-1) }), [navigate]);
   reactExports.useEffect(() => {
     if (restoreToIndex.current !== null) return;
-    if (stick.current && lines.length > 0) {
+    if (!q && stick.current && lines.length > 0) {
       virtualizer.scrollToIndex(lines.length - 1, { align: "end" });
     }
-  }, [lines.length, virtualizer]);
+  }, [lines.length, virtualizer, q]);
   reactExports.useEffect(() => {
     if (restoreToIndex.current === null) return;
     const idx = restoreToIndex.current;
@@ -31657,35 +31943,69 @@ function LogStream({ openStream, clearSignal, timestamped, loadHistory }) {
             ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "↑ 위로 스크롤하면 과거 로그를 불러옵니다" })
           }
         ) : null,
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: virtualizer.getTotalSize(), position: "relative" }, children: virtualizer.getVirtualItems().map((vi) => (
-          // data-index + measureElement ref — 줄바꿈된 긴 로그의 실제 높이를 측정해
-          // 가상 스크롤 위치를 맞춘다 (고정 높이로 두면 긴 줄이 겹쳐 보인다).
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              "data-index": vi.index,
-              ref: virtualizer.measureElement,
-              style: {
-                position: "absolute",
-                top: 0,
-                left: 0,
-                width: "100%",
-                transform: `translateY(${vi.start}px)`,
-                whiteSpace: "pre-wrap",
-                wordBreak: "break-all",
-                padding: "0 12px"
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: virtualizer.getTotalSize(), position: "relative" }, children: virtualizer.getVirtualItems().map((vi) => {
+          const activeStart = activeMatch && activeMatch.line === vi.index ? activeMatch.start : -1;
+          return (
+            // data-index + measureElement ref — 줄바꿈된 긴 로그의 실제 높이를 측정해
+            // 가상 스크롤 위치를 맞춘다 (고정 높이로 두면 긴 줄이 겹쳐 보인다).
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                "data-index": vi.index,
+                ref: virtualizer.measureElement,
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  transform: `translateY(${vi.start}px)`,
+                  whiteSpace: "pre-wrap",
+                  wordBreak: "break-all",
+                  padding: "0 12px",
+                  background: activeStart !== -1 ? "var(--mantine-color-yellow-light)" : void 0
+                },
+                children: q && matchLineSet.has(vi.index) ? highlightSegments(lines[vi.index], q, activeStart) : lines[vi.index].segments.map((seg, i) => (
+                  // biome-ignore lint/suspicious/noArrayIndexKey: 파싱된 로그 줄은 불변이라 세그먼트 순서가 바뀌지 않는다
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: segStyle(seg), children: seg.content }, i)
+                ))
               },
-              children: lines[vi.index].segments.map((seg, i) => (
-                // biome-ignore lint/suspicious/noArrayIndexKey: 파싱된 로그 줄은 불변이라 세그먼트 순서가 바뀌지 않는다
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: segStyle(seg), children: seg.content }, i)
-              ))
-            },
-            vi.key
-          )
-        )) })
+              vi.key
+            )
+          );
+        }) })
       ]
     }
   );
+});
+function LogSearchControls({ query, onQueryChange, match, onPrev, onNext }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      TextInput,
+      {
+        size: "xs",
+        w: 180,
+        placeholder: "로그 찾기",
+        leftSection: /* @__PURE__ */ jsxRuntimeExports.jsx(IconSearch, { size: 14 }),
+        value: query,
+        onChange: (e) => onQueryChange(e.currentTarget.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            if (e.shiftKey) onPrev();
+            else onNext();
+          } else if (e.key === "Escape") {
+            onQueryChange("");
+          }
+        },
+        rightSection: query ? /* @__PURE__ */ jsxRuntimeExports.jsx(ActionIcon, { size: "sm", variant: "subtle", color: "gray", onClick: () => onQueryChange(""), "aria-label": "검색어 지우기", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconX, { size: 14 }) }) : null
+      }
+    ),
+    query ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 4, wrap: "nowrap", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "xs", c: "dimmed", style: { fontVariantNumeric: "tabular-nums", minWidth: 36, textAlign: "right" }, children: match.total ? `${match.current}/${match.total}` : "0/0" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ActionIcon, { size: "sm", variant: "default", disabled: !match.total, onClick: onPrev, "aria-label": "이전 매치", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronUp, { size: 14 }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ActionIcon, { size: "sm", variant: "default", disabled: !match.total, onClick: onNext, "aria-label": "다음 매치", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronDown, { size: 14 }) })
+    ] }) : null
+  ] });
 }
 const ROOT_FONT_PX = 16;
 const MIN_HEIGHT_PX = 15 * ROOT_FONT_PX;
@@ -31706,6 +32026,9 @@ function writeStoredHeight(px2) {
 function LogDrawer({ target, onClose }) {
   var _a;
   const [clearSignal, setClearSignal] = reactExports.useState(0);
+  const [query, setQuery] = reactExports.useState("");
+  const [match, setMatch] = reactExports.useState({ current: 0, total: 0 });
+  const streamRef = reactExports.useRef(null);
   const [height, setHeight] = reactExports.useState(() => {
     if (typeof window === "undefined") return 480;
     const stored = readStoredHeight();
@@ -31723,6 +32046,9 @@ function LogDrawer({ target, onClose }) {
     if (resizing) return;
     writeStoredHeight(height);
   }, [resizing, height]);
+  reactExports.useEffect(() => {
+    setQuery("");
+  }, [target == null ? void 0 : target.streamKey]);
   async function handleClear() {
     var _a2;
     setClearSignal((n) => n + 1);
@@ -31778,6 +32104,22 @@ function LogDrawer({ target, onClose }) {
           (_a = target == null ? void 0 : target.actions) == null ? void 0 : _a.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "compact-xs", variant: "light", color: a.color, onClick: a.run, children: a.label }, a.label))
         ] }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            LogSearchControls,
+            {
+              query,
+              onQueryChange: setQuery,
+              match,
+              onPrev: () => {
+                var _a2;
+                return (_a2 = streamRef.current) == null ? void 0 : _a2.prev();
+              },
+              onNext: () => {
+                var _a2;
+                return (_a2 = streamRef.current) == null ? void 0 : _a2.next();
+              }
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "compact-xs", variant: "default", onClick: () => void handleClear(), children: "Clear" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer.CloseButton, {})
         ] })
@@ -31785,10 +32127,13 @@ function LogDrawer({ target, onClose }) {
       /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer.Body, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$2.streamContainer, style: { height: `${height - 80}px` }, children: target !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
         LogStream,
         {
+          ref: streamRef,
           openStream: target.openStream,
           clearSignal,
           timestamped: target.timestamped,
-          loadHistory: target.loadHistory
+          loadHistory: target.loadHistory,
+          query,
+          onMatchState: setMatch
         },
         target.streamKey
       ) }) })
@@ -32086,17 +32431,27 @@ function ProjectDetail({ opened, entry, workspaceRoot, initialSelection, procAct
   var _a, _b;
   const [selection, setSelection] = reactExports.useState(initialSelection ?? "log");
   const [, force] = reactExports.useReducer((x) => x + 1, 0);
+  const [query, setQuery] = reactExports.useState("");
+  const [match, setMatch] = reactExports.useState({ current: 0, total: 0 });
+  const streamRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
-    if (opened) setSelection(initialSelection ?? "log");
+    if (opened) {
+      setSelection(initialSelection ?? "log");
+      setQuery("");
+    }
   }, [opened, initialSelection]);
   reactExports.useEffect(() => {
     return subscribe(() => force());
   }, []);
+  reactExports.useEffect(() => {
+    setQuery("");
+  }, [selection]);
   if (!entry) return null;
   const procName = (_a = entry.proc) == null ? void 0 : _a.name;
   const procDisplayName = (_b = entry.proc) == null ? void 0 : _b.displayName;
   const projectKey = procDisplayName ?? entry.name.split("/").pop() ?? entry.name;
   const processes = listProcesses(projectKey);
+  const streamShown = selection === "log" ? Boolean(procName) : Boolean(getProcess(selection));
   function handleSelectScript(scriptName) {
     if (!(entry == null ? void 0 : entry.dir)) return;
     const id = startScript(
@@ -32125,9 +32480,12 @@ function ProjectDetail({ opened, entry, workspaceRoot, initialSelection, procAct
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         LogStream,
         {
+          ref: streamRef,
           openStream: () => openPm2LogStream(procName),
           clearSignal: 0,
-          timestamped: false
+          timestamped: false,
+          query,
+          onMatchState: setMatch
         },
         "pm2-log"
       );
@@ -32139,9 +32497,12 @@ function ProjectDetail({ opened, entry, workspaceRoot, initialSelection, procAct
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       LogStream,
       {
+        ref: streamRef,
         openStream: () => openScriptStream(proc.id),
         clearSignal: 0,
-        timestamped: false
+        timestamped: false,
+        query,
+        onMatchState: setMatch
       },
       `script-${proc.id}`
     );
@@ -32221,7 +32582,35 @@ function ProjectDetail({ opened, entry, workspaceRoot, initialSelection, procAct
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { style: { flex: "1 1 auto", minWidth: 0, minHeight: 0, display: "flex", flexDirection: "column" }, children: renderContent() })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { style: { flex: "1 1 auto", minWidth: 0, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
+          streamShown ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Group,
+            {
+              justify: "flex-end",
+              gap: "xs",
+              px: "xs",
+              py: 6,
+              style: { flex: "0 0 auto", borderBottom: "1px solid var(--mantine-color-default-border)" },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                LogSearchControls,
+                {
+                  query,
+                  onQueryChange: setQuery,
+                  match,
+                  onPrev: () => {
+                    var _a2;
+                    return (_a2 = streamRef.current) == null ? void 0 : _a2.prev();
+                  },
+                  onNext: () => {
+                    var _a2;
+                    return (_a2 = streamRef.current) == null ? void 0 : _a2.next();
+                  }
+                }
+              )
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { style: { flex: "1 1 auto", minHeight: 0 }, children: renderContent() })
+        ] })
       ] })
     }
   );
@@ -33167,6 +33556,13 @@ function isEditable(el) {
   if (el.tagName === "INPUT" || el.tagName === "TEXTAREA") return true;
   return el.isContentEditable;
 }
+function setNativeValue(el, value) {
+  var _a;
+  const proto = el instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
+  const setter = (_a = Object.getOwnPropertyDescriptor(proto, "value")) == null ? void 0 : _a.set;
+  if (setter) setter.call(el, value);
+  else el.value = value;
+}
 async function doCopy() {
   var _a;
   const text = (_a = window.getSelection()) == null ? void 0 : _a.toString();
@@ -33188,7 +33584,7 @@ async function doCut(el) {
   } catch {
     return false;
   }
-  el.value = el.value.slice(0, start) + el.value.slice(end);
+  setNativeValue(el, el.value.slice(0, start) + el.value.slice(end));
   el.selectionStart = el.selectionEnd = start;
   el.dispatchEvent(new Event("input", { bubbles: true }));
   return true;
@@ -33202,7 +33598,7 @@ async function doPaste(el) {
   }
   const start = el.selectionStart ?? el.value.length;
   const end = el.selectionEnd ?? el.value.length;
-  el.value = el.value.slice(0, start) + text + el.value.slice(end);
+  setNativeValue(el, el.value.slice(0, start) + text + el.value.slice(end));
   el.selectionStart = el.selectionEnd = start + text.length;
   el.dispatchEvent(new Event("input", { bubbles: true }));
   return true;

package/dist/ui/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Devis</title>
-    <script type="module" crossorigin src="./assets/index-B3EEPtRc.js"></script>
+    <script type="module" crossorigin src="./assets/index-0_fn9uMh.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BDxL9RBN.css">
   </head>
   <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gbdx/devis",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Local development dashboard for pnpm monorepos — workspace scanning, process management, HTTPS proxy, Docker, and more.",
   "license": "AGPL-3.0-or-later",
   "author": "gibigspub@gmail.com",