|
31 | 31 | <span class="icon">📂</span> Open File |
32 | 32 | </button> |
33 | 33 | <div class="separator"></div> |
34 | | - <div class="search-container"> |
35 | | - <input type="text" id="search-input" placeholder="Search..." class="toolbar-input"> |
36 | | - <label class="checkbox-label"> |
37 | | - <input type="checkbox" id="search-regex"> Regex |
38 | | - </label> |
39 | | - <label class="checkbox-label"> |
40 | | - <input type="checkbox" id="search-wildcard"> Wildcard |
41 | | - </label> |
42 | | - <label class="checkbox-label"> |
43 | | - <input type="checkbox" id="search-case"> Match Case |
44 | | - </label> |
45 | | - <label class="checkbox-label"> |
46 | | - <input type="checkbox" id="search-whole-word"> Whole Word |
47 | | - </label> |
48 | | - <button id="btn-search" class="toolbar-btn" title="Search">Search</button> |
49 | | - <div class="search-options-wrapper"> |
50 | | - <button id="btn-search-options" class="toolbar-btn small" title="Search options">⚙</button> |
51 | | - <div id="search-options-popup" class="search-options-popup hidden"> |
52 | | - <div class="search-option-row"> |
53 | | - <label class="search-option-label">Direction</label> |
54 | | - <button id="search-direction" class="toolbar-btn small search-direction-btn" title="Toggle search direction">↓ Top to Bottom</button> |
55 | | - </div> |
56 | | - <div class="search-option-row"> |
57 | | - <label class="search-option-label" for="search-start-line">Start from line</label> |
58 | | - <input type="number" id="search-start-line" class="search-start-line-input" placeholder="1" min="1"> |
59 | | - </div> |
60 | | - </div> |
61 | | - </div> |
62 | | - <button id="btn-prev-result" class="toolbar-btn small" title="Previous result" disabled><</button> |
63 | | - <span id="search-result-count" class="result-count"></span> |
64 | | - <span id="search-engine-badge" class="search-engine-badge" title="Search engine"></span> |
65 | | - <span id="hidden-matches-badge" class="hidden-matches-badge hidden" title="Click to see matches in filtered-out lines"></span> |
66 | | - <button id="btn-next-result" class="toolbar-btn small" title="Next result" disabled>></button> |
67 | | - </div> |
| 34 | + <button id="btn-search-toggle" class="toolbar-btn" title="Search (Ctrl+F)"> |
| 35 | + <span class="icon">🔍</span> Search |
| 36 | + </button> |
68 | 37 | <div class="separator"></div> |
69 | 38 | <button id="btn-filter" class="toolbar-btn" title="Filter settings">Filter</button> |
70 | 39 | <button id="btn-split" class="toolbar-btn" title="Split file into parts" disabled>Split</button> |
@@ -347,6 +316,80 @@ <h2>LOGAN</h2> |
347 | 316 | </div> |
348 | 317 | </div> |
349 | 318 |
|
| 319 | + <!-- Search Results Panel (slide-up from bottom) --> |
| 320 | + <div id="search-results-overlay" class="search-results-overlay hidden"> |
| 321 | + <div id="search-results-panel" class="search-results-panel"> |
| 322 | + <div id="search-results-resize-handle" class="search-results-resize-handle"></div> |
| 323 | + <div class="search-panel-tabs"> |
| 324 | + <button class="search-panel-tab active" data-search-tab="file">File</button> |
| 325 | + <button class="search-panel-tab" data-search-tab="folder">Folder</button> |
| 326 | + <div class="search-panel-tabs-spacer"></div> |
| 327 | + <button id="btn-search-results-close" class="search-results-close-btn" title="Close (Esc)">×</button> |
| 328 | + </div> |
| 329 | + <!-- File Search Tab --> |
| 330 | + <div id="search-tab-file" class="search-tab-content active"> |
| 331 | + <div class="search-results-header"> |
| 332 | + <div class="search-results-input-row"> |
| 333 | + <input type="text" id="search-input" placeholder="Search in file..." class="search-panel-input"> |
| 334 | + <button id="btn-search" class="toolbar-btn small" title="Search">Search</button> |
| 335 | + <button id="btn-prev-result" class="toolbar-btn small" title="Previous result (Shift+F3)" disabled><</button> |
| 336 | + <span id="search-result-count" class="result-count"></span> |
| 337 | + <button id="btn-next-result" class="toolbar-btn small" title="Next result (F3)" disabled>></button> |
| 338 | + <span id="search-engine-badge" class="search-engine-badge" title="Search engine"></span> |
| 339 | + <span id="hidden-matches-badge" class="hidden-matches-badge hidden" title="Click to see matches in filtered-out lines"></span> |
| 340 | + </div> |
| 341 | + <div class="search-results-options-row"> |
| 342 | + <label class="checkbox-label"> |
| 343 | + <input type="checkbox" id="search-regex"> Regex |
| 344 | + </label> |
| 345 | + <label class="checkbox-label"> |
| 346 | + <input type="checkbox" id="search-wildcard"> Wildcard |
| 347 | + </label> |
| 348 | + <label class="checkbox-label"> |
| 349 | + <input type="checkbox" id="search-case"> Match Case |
| 350 | + </label> |
| 351 | + <label class="checkbox-label"> |
| 352 | + <input type="checkbox" id="search-whole-word"> Whole Word |
| 353 | + </label> |
| 354 | + <div class="search-options-wrapper"> |
| 355 | + <button id="btn-search-options" class="toolbar-btn small" title="Search options">⚙</button> |
| 356 | + <div id="search-options-popup" class="search-options-popup hidden"> |
| 357 | + <div class="search-option-row"> |
| 358 | + <label class="search-option-label">Direction</label> |
| 359 | + <button id="search-direction" class="toolbar-btn small search-direction-btn" title="Toggle search direction">↓ Top to Bottom</button> |
| 360 | + </div> |
| 361 | + <div class="search-option-row"> |
| 362 | + <label class="search-option-label" for="search-start-line">Start from line</label> |
| 363 | + <input type="number" id="search-start-line" class="search-start-line-input" placeholder="1" min="1"> |
| 364 | + </div> |
| 365 | + </div> |
| 366 | + </div> |
| 367 | + <span id="search-results-badge" class="search-results-badge"></span> |
| 368 | + </div> |
| 369 | + </div> |
| 370 | + <div id="search-results-list" class="search-results-list"></div> |
| 371 | + </div> |
| 372 | + <!-- Folder Search Tab --> |
| 373 | + <div id="search-tab-folder" class="search-tab-content"> |
| 374 | + <div class="search-results-header"> |
| 375 | + <div class="search-results-input-row"> |
| 376 | + <input type="text" id="folder-search-panel-input" placeholder="Search in folders..." class="search-panel-input"> |
| 377 | + <label class="checkbox-label"> |
| 378 | + <input type="checkbox" id="folder-search-regex"> Regex |
| 379 | + </label> |
| 380 | + <label class="checkbox-label"> |
| 381 | + <input type="checkbox" id="folder-search-case"> Match Case |
| 382 | + </label> |
| 383 | + <button id="btn-folder-search-panel" class="toolbar-btn small" title="Search">Search</button> |
| 384 | + <button id="btn-folder-search-panel-cancel" class="toolbar-btn small hidden" title="Cancel search">Cancel</button> |
| 385 | + <span id="folder-search-status" class="result-count"></span> |
| 386 | + </div> |
| 387 | + </div> |
| 388 | + <div id="folder-search-panel-results" class="search-results-list"></div> |
| 389 | + </div> |
| 390 | + </div> |
| 391 | + </div> |
| 392 | + |
350 | 393 | <!-- Status Bar --> |
351 | 394 | <footer class="status-bar"> |
352 | 395 | <div class="status-left"> |
@@ -590,6 +633,7 @@ <h4>Terminal & Notes</h4> |
590 | 633 | <div class="shortcut-list"> |
591 | 634 | <div class="shortcut-item"><kbd>Ctrl</kbd>+<kbd>`</kbd><span>Toggle terminal panel</span></div> |
592 | 635 | <div class="shortcut-item"><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>N</kbd><span>Toggle notes drawer</span></div> |
| 636 | + <div class="shortcut-item"><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R</kbd><span>Toggle search results panel</span></div> |
593 | 637 | <div class="shortcut-item"><kbd>Esc</kbd><span>Close terminal/notes (when focused)</span></div> |
594 | 638 | </div> |
595 | 639 | </div> |
|
0 commit comments