Update app.py

app.py

@@ -8,7 +8,6 @@ def count_matches(
     find_text: str,
     case_sensitive: bool,
 ) -> str:
-    """Return the number of matching occurrences."""
     if not find_text:
         return "Enter text to find."
 
@@ -19,10 +18,7 @@ def count_matches(
     else:
         count = text.lower().count(find_text.lower())
 
-    if count == 1:
-        return "1 match found."
-
-    return f"{count} matches found."
+    return f"{count} match{'es' if count != 1 else ''} found."
 
 
 def replace_first(
@@ -31,7 +27,6 @@ def replace_first(
     replace_text: str,
     case_sensitive: bool,
 ) -> tuple[str, str]:
-    """Replace the first matching occurrence."""
     text = text or ""
 
     if not find_text:
@@ -48,16 +43,9 @@ def replace_first(
         if not pattern.search(text):
             return text, "No matches found."
 
-        # Lambda prevents backslashes in replacement text from being interpreted.
         updated_text = pattern.sub(lambda _: replace_text, text, count=1)
 
-    remaining = count_matches(
-        updated_text,
-        find_text,
-        case_sensitive,
-    )
-
-    return updated_text, f"Replaced the first match. {remaining}"
+    return updated_text, "Replaced the first match."
 
 
 def replace_all(
@@ -66,7 +54,6 @@ def replace_all(
     replace_text: str,
     case_sensitive: bool,
 ) -> tuple[str, str]:
-    """Replace all matching occurrences."""
     text = text or ""
 
     if not find_text:
@@ -81,36 +68,30 @@ def replace_all(
         updated_text = text.replace(find_text, replace_text)
     else:
         pattern = re.compile(re.escape(find_text), re.IGNORECASE)
-        matches = pattern.findall(text)
-        match_count = len(matches)
+        match_count = len(pattern.findall(text))
 
         if match_count == 0:
             return text, "No matches found."
 
         updated_text = pattern.sub(lambda _: replace_text, text)
 
-    if match_count == 1:
-        status = "Replaced 1 match."
-    else:
-        status = f"Replaced {match_count} matches."
-
-    return updated_text, status
+    return updated_text, f"Replaced {match_count} match{'es' if match_count != 1 else ''}."
 
 
 def clear_editor() -> tuple[str, str, str, str]:
-    """Clear the editor and search fields."""
     return "", "", "", "Editor cleared."
 
 
 CSS = """
 .gradio-container {
-    max-width: 1400px !important;
+    max-width: 1800px !important;
+    width: 98% !important;
     margin: 0 auto !important;
 }
 
 #main-editor textarea {
-    min-height: 600px !important;
-    height: 65vh !important;
+    min-height: 720px !important;
+    height: 78vh !important;
     resize: vertical !important;
     font-family:
         ui-monospace,
@@ -125,63 +106,84 @@ CSS = """
     white-space: pre-wrap !important;
 }
 
+#side-panel {
+    min-width: 260px !important;
+    max-width: 320px !important;
+}
+
 #status-box textarea {
-    min-height: 45px !important;
+    min-height: 70px !important;
 }
 """
 
 
-with gr.Blocks(title="Plain Text Editor") as demo:
+with gr.Blocks(title="Plain Text Editor", css=CSS) as demo:
     gr.Markdown("# Plain Text Editor")
 
-    editor = gr.Textbox(
-        label="Text",
-        placeholder="Type or paste your plain text here...",
-        lines=24,
-        max_lines=1000,
-        elem_id="main-editor",
-        buttons=["copy"],
-        autofocus=True,
-    )
-
-    with gr.Row():
-        paste_button = gr.Button("Paste")
-        clear_button = gr.Button("Clear", variant="stop")
-
-    gr.Markdown("## Find and Replace")
-
-    with gr.Row():
-        find_input = gr.Textbox(
-            label="Find",
-            placeholder="Text to find",
-        )
-
-        replace_input = gr.Textbox(
-            label="Replace with",
-            placeholder="Replacement text",
-        )
-
-    case_sensitive = gr.Checkbox(
-        label="Case sensitive",
-        value=False,
-    )
-
-    with gr.Row():
-        find_button = gr.Button("Find")
-        replace_first_button = gr.Button("Replace First")
-        replace_all_button = gr.Button(
-            "Replace All",
-            variant="primary",
-        )
-
-    status = gr.Textbox(
-        label="Status",
-        value="Ready.",
-        interactive=False,
-        elem_id="status-box",
-    )
+    with gr.Row(equal_height=False):
+        with gr.Column(scale=8, min_width=700):
+            editor = gr.Textbox(
+                label="Text",
+                placeholder="Type or paste your plain text here...",
+                lines=30,
+                max_lines=2000,
+                elem_id="main-editor",
+                buttons=["copy"],
+                autofocus=True,
+            )
+
+        with gr.Column(
+            scale=2,
+            min_width=260,
+            elem_id="side-panel",
+        ):
+            paste_button = gr.Button(
+                "Paste",
+                variant="primary",
+            )
+
+            clear_button = gr.Button(
+                "Clear Text",
+                variant="stop",
+            )
+
+            gr.Markdown("### Find and Replace")
+
+            find_input = gr.Textbox(
+                label="Find",
+                placeholder="Text to find",
+                lines=1,
+            )
+
+            replace_input = gr.Textbox(
+                label="Replace with",
+                placeholder="Replacement text",
+                lines=1,
+            )
+
+            case_sensitive = gr.Checkbox(
+                label="Case sensitive",
+                value=False,
+            )
+
+            find_button = gr.Button("Find")
+
+            replace_first_button = gr.Button(
+                "Replace First"
+            )
+
+            replace_all_button = gr.Button(
+                "Replace All",
+                variant="primary",
+            )
+
+            status = gr.Textbox(
+                label="Status",
+                value="Ready.",
+                interactive=False,
+                elem_id="status-box",
+            )
 
-    # The browser asks for clipboard permission when necessary.
     paste_button.click(
         fn=None,
         inputs=None,
@@ -202,8 +204,10 @@ with gr.Blocks(title="Plain Text Editor") as demo:
                 }
 
                 const currentText = editor.value || "";
-                const start = editor.selectionStart ?? currentText.length;
-                const end = editor.selectionEnd ?? currentText.length;
+                const start =
+                    editor.selectionStart ?? currentText.length;
+                const end =
+                    editor.selectionEnd ?? currentText.length;
 
                 return (
                     currentText.slice(0, start) +
@@ -213,7 +217,7 @@ with gr.Blocks(title="Plain Text Editor") as demo:
             } catch (error) {
                 alert(
                     "Clipboard access was blocked. " +
-                    "Please allow clipboard permission or use Ctrl+V / Cmd+V."
+                    "Please allow clipboard access or use Ctrl+V / Cmd+V."
                 );
 
                 return (
@@ -275,7 +279,6 @@ with gr.Blocks(title="Plain Text Editor") as demo:
         ],
     )
 
-    # Update the match count when Enter is pressed in the Find field.
     find_input.submit(
         fn=count_matches,
         inputs=[
@@ -288,4 +291,4 @@ with gr.Blocks(title="Plain Text Editor") as demo:
 
 
 if __name__ == "__main__":
-    demo.launch(css=CSS)
+    demo.launch()