@gbdx/devis 1.0.0 → 1.0.1

package/dist/ui/assets/{index-B3EEPtRc.js → index-CfF4ouPT.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";
@@ -31506,6 +31522,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 +31584,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 makeEntry(content, timestamp) {
+  const segments = Anser.ansiToJson(content, ANSER_OPTS);
+  return { timestamp, segments, text: segments.map((s) => s.content).join("") };
 }
-function LogStream({ openStream, clearSignal, timestamped, loadHistory }) {
+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 +31646,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 +31778,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 +31861,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 +31881,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 +31939,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 +31962,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 +32266,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 +32315,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 +32332,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 +32417,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 +33391,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 +33419,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 +33433,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-CfF4ouPT.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.1",
   "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",