From 145eabbd84dbb798791f523ce012797882c62e83 Mon Sep 17 00:00:00 2001
From: krvspacetime <krv.becinal@gmail.com>
Date: Wed, 2 Apr 2025 05:58:18 +0800
Subject: [PATCH 1/3] feat/direct-max-file-size-input: add input field to
 directly input the max file size

Introduce a text input field for file size in the git form to allow manual entry alongside the slider. Update the slider logic to handle input changes and ensure synchronization between the slider and the input field. This improves user experience by providing more flexibility in setting file size limits.
---
 .../templates/components/git_form.jinja       |  10 +-
 src/static/js/utils.js                        | 370 ++++++++++--------
 2 files changed, 225 insertions(+), 155 deletions(-)

diff --git a/src/server/templates/components/git_form.jinja b/src/server/templates/components/git_form.jinja
index 764fff70..54dbb01b 100644
--- a/src/server/templates/components/git_form.jinja
+++ b/src/server/templates/components/git_form.jinja
@@ -84,8 +84,14 @@
                 </div>
             </div>
             <div class="w-[200px] sm:w-[200px] mt-3">
-                <label for="file_size" class="block text-gray-700 mb-1">
-                    Include files under: <span id="size_value" class="font-bold">50kb</span>
+                <label for="file_size" class="flex gap-2 text-gray-700 mb-1 text-nowrap">
+                    Include files under:
+                    <div class="inline-block relative">
+                        <input type="text"
+                               id="size_value_input"
+                               class="w-16 font-bold bg-transparent border-b-2 border-gray-900 focus:outline-none text-center"
+                               value="50kb">
+                    </div>
                 </label>
                 <input type="range"
                        id="file_size"
diff --git a/src/static/js/utils.js b/src/static/js/utils.js
index be74c916..31bf4469 100644
--- a/src/static/js/utils.js
+++ b/src/static/js/utils.js
@@ -1,80 +1,82 @@
 // Copy functionality
 function copyText(className) {
-    let textToCopy;
-
-    if (className === 'directory-structure') {
-        // For directory structure, get the hidden input value
-        const hiddenInput = document.getElementById('directory-structure-content');
-        if (!hiddenInput) return;
-        textToCopy = hiddenInput.value;
-    } else {
-        // For other elements, get the textarea value
-        const textarea = document.querySelector('.' + className);
-        if (!textarea) return;
-        textToCopy = textarea.value;
-    }
-
-    const button = document.querySelector(`button[onclick="copyText('${className}')"]`);
-    if (!button) return;
-
-    // Copy text
-    navigator.clipboard.writeText(textToCopy)
-        .then(() => {
-            // Store original content
-            const originalContent = button.innerHTML;
-
-            // Change button content
-            button.innerHTML = 'Copied!';
-
-            // Reset after 1 second
-            setTimeout(() => {
-                button.innerHTML = originalContent;
-            }, 1000);
-        })
-        .catch(err => {
-            // Show error in button
-            const originalContent = button.innerHTML;
-            button.innerHTML = 'Failed to copy';
-            setTimeout(() => {
-                button.innerHTML = originalContent;
-            }, 1000);
-        });
+  let textToCopy;
+
+  if (className === "directory-structure") {
+    // For directory structure, get the hidden input value
+    const hiddenInput = document.getElementById("directory-structure-content");
+    if (!hiddenInput) return;
+    textToCopy = hiddenInput.value;
+  } else {
+    // For other elements, get the textarea value
+    const textarea = document.querySelector("." + className);
+    if (!textarea) return;
+    textToCopy = textarea.value;
+  }
+
+  const button = document.querySelector(
+    `button[onclick="copyText('${className}')"]`
+  );
+  if (!button) return;
+
+  // Copy text
+  navigator.clipboard
+    .writeText(textToCopy)
+    .then(() => {
+      // Store original content
+      const originalContent = button.innerHTML;
+
+      // Change button content
+      button.innerHTML = "Copied!";
+
+      // Reset after 1 second
+      setTimeout(() => {
+        button.innerHTML = originalContent;
+      }, 1000);
+    })
+    .catch((err) => {
+      // Show error in button
+      const originalContent = button.innerHTML;
+      button.innerHTML = "Failed to copy";
+      setTimeout(() => {
+        button.innerHTML = originalContent;
+      }, 1000);
+    });
 }
 
-
 function handleSubmit(event, showLoading = false) {
-    event.preventDefault();
-    const form = event.target || document.getElementById('ingestForm');
-    if (!form) return;
-
-    const submitButton = form.querySelector('button[type="submit"]');
-    if (!submitButton) return;
-
-    const formData = new FormData(form);
-
-    // Update file size
-    const slider = document.getElementById('file_size');
-    if (slider) {
-        formData.delete('max_file_size');
-        formData.append('max_file_size', slider.value);
-    }
-
-    // Update pattern type and pattern
-    const patternType = document.getElementById('pattern_type');
-    const pattern = document.getElementById('pattern');
-    if (patternType && pattern) {
-        formData.delete('pattern_type');
-        formData.delete('pattern');
-        formData.append('pattern_type', patternType.value);
-        formData.append('pattern', pattern.value);
-    }
-
-    const originalContent = submitButton.innerHTML;
-    const currentStars = document.getElementById('github-stars')?.textContent;
-
-    if (showLoading) {
-        submitButton.disabled = true;
-        submitButton.innerHTML = `
+  event.preventDefault();
+  const form = event.target || document.getElementById("ingestForm");
+  if (!form) return;
+
+  const submitButton = form.querySelector('button[type="submit"]');
+  if (!submitButton) return;
+
+  const formData = new FormData(form);
+
+  // Update file size
+  const slider = document.getElementById("file_size");
+  if (slider) {
+    formData.delete("max_file_size");
+    formData.append("max_file_size", slider.value);
+  }
+
+  // Update pattern type and pattern
+  const patternType = document.getElementById("pattern_type");
+  const pattern = document.getElementById("pattern");
+  if (patternType && pattern) {
+    formData.delete("pattern_type");
+    formData.delete("pattern");
+    formData.append("pattern_type", patternType.value);
+    formData.append("pattern", pattern.value);
+  }
+
+  const originalContent = submitButton.innerHTML;
+  const currentStars = document.getElementById("github-stars")?.textContent;
+
+  if (showLoading) {
+    submitButton.disabled = true;
+    submitButton.innerHTML = `
             <div class="flex items-center justify-center">
                 <svg class="animate-spin h-5 w-5 text-gray-900" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                     <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
@@ -83,109 +85,171 @@ function handleSubmit(event, showLoading = false) {
                 <span class="ml-2">Processing...</span>
             </div>
         `;
-        submitButton.classList.add('bg-[#ffb14d]');
-    }
+    submitButton.classList.add("bg-[#ffb14d]");
+  }
+
+  // Submit the form
+  fetch(form.action, {
+    method: "POST",
+    body: formData,
+  })
+    .then((response) => response.text())
+    .then((html) => {
+      // Store the star count before updating the DOM
+      const starCount = currentStars;
+
+      // Replace the entire body content with the new HTML
+      document.body.innerHTML = html;
+
+      // Wait for next tick to ensure DOM is updated
+      setTimeout(() => {
+        // Reinitialize slider functionality
+        initializeSlider();
+
+        const starsElement = document.getElementById("github-stars");
+        if (starsElement && starCount) {
+          starsElement.textContent = starCount;
+        }
 
-    // Submit the form
-    fetch(form.action, {
-        method: 'POST',
-        body: formData
+        // Scroll to results if they exist
+        const resultsSection = document.querySelector("[data-results]");
+        if (resultsSection) {
+          resultsSection.scrollIntoView({ behavior: "smooth", block: "start" });
+        }
+      }, 0);
     })
-        .then(response => response.text())
-        .then(html => {
-            // Store the star count before updating the DOM
-            const starCount = currentStars;
-
-            // Replace the entire body content with the new HTML
-            document.body.innerHTML = html;
-
-            // Wait for next tick to ensure DOM is updated
-            setTimeout(() => {
-                // Reinitialize slider functionality
-                initializeSlider();
-
-                const starsElement = document.getElementById('github-stars');
-                if (starsElement && starCount) {
-                    starsElement.textContent = starCount;
-                }
-
-                // Scroll to results if they exist
-                const resultsSection = document.querySelector('[data-results]');
-                if (resultsSection) {
-                    resultsSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
-                }
-            }, 0);
-        })
-        .catch(error => {
-            submitButton.disabled = false;
-            submitButton.innerHTML = originalContent;
-        });
+    .catch((error) => {
+      submitButton.disabled = false;
+      submitButton.innerHTML = originalContent;
+    });
 }
 
 function copyFullDigest() {
-    const directoryStructure = document.getElementById('directory-structure-content').value;
-    const filesContent = document.querySelector('.result-text').value;
-    const fullDigest = `${directoryStructure}\n\nFiles Content:\n\n${filesContent}`;
-    const button = document.querySelector('[onclick="copyFullDigest()"]');
-    const originalText = button.innerHTML;
-
-    navigator.clipboard.writeText(fullDigest).then(() => {
-        button.innerHTML = `
+  const directoryStructure = document.getElementById(
+    "directory-structure-content"
+  ).value;
+  const filesContent = document.querySelector(".result-text").value;
+  const fullDigest = `${directoryStructure}\n\nFiles Content:\n\n${filesContent}`;
+  const button = document.querySelector('[onclick="copyFullDigest()"]');
+  const originalText = button.innerHTML;
+
+  navigator.clipboard
+    .writeText(fullDigest)
+    .then(() => {
+      button.innerHTML = `
             <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
             </svg>
             Copied!
         `;
 
-        setTimeout(() => {
-            button.innerHTML = originalText;
-        }, 2000);
-    }).catch(err => {
-        console.error('Failed to copy text: ', err);
+      setTimeout(() => {
+        button.innerHTML = originalText;
+      }, 2000);
+    })
+    .catch((err) => {
+      console.error("Failed to copy text: ", err);
     });
 }
 
 // Add the logSliderToSize helper function
 function logSliderToSize(position) {
-    const minp = 0;
-    const maxp = 500;
-    const minv = Math.log(1);
-    const maxv = Math.log(102400);
+  const minp = 0;
+  const maxp = 500;
+  const minv = Math.log(1);
+  const maxv = Math.log(102400);
 
-    const value = Math.exp(minv + (maxv - minv) * Math.pow(position / maxp, 1.5));
-    return Math.round(value);
+  const value = Math.exp(minv + (maxv - minv) * Math.pow(position / maxp, 1.5));
+  return Math.round(value);
 }
 
 // Move slider initialization to a separate function
 function initializeSlider() {
-    const slider = document.getElementById('file_size');
-    const sizeValue = document.getElementById('size_value');
+  const slider = document.getElementById("file_size");
+  const sizeValueInput = document.getElementById("size_value_input");
 
-    if (!slider || !sizeValue) return;
+  if (!slider || !sizeValueInput) return;
 
-    function updateSlider() {
-        const value = logSliderToSize(slider.value);
-        sizeValue.textContent = formatSize(value);
-        slider.style.backgroundSize = `${(slider.value / slider.max) * 100}% 100%`;
+  function updateSliderFromInput() {
+    // Parse the input value to extract the number and unit
+    const inputValue = sizeValueInput.value.trim();
+    const numericMatch = inputValue.match(/^(\d+(?:\.\d+)?)\s*(kb|mb|k|m|)$/i);
+
+    if (!numericMatch) {
+      // Reset to current slider value if invalid input
+      updateSliderUI();
+      return;
+    }
+
+    let value = parseFloat(numericMatch[1]);
+    const unit = numericMatch[2].toLowerCase();
+
+    // Convert to KB if necessary
+    if (unit === "m" || unit === "mb") {
+      value = value * 1024;
     }
 
-    // Update on slider change
-    slider.addEventListener('input', updateSlider);
+    // Find the slider position that corresponds to this KB value
+    // Inverse of the logSliderToSize function
+    const minv = Math.log(1);
+    const maxv = Math.log(102400);
+    const maxp = 500;
+
+    // Solve for position: value = exp(minv + (maxv - minv) * (position/maxp)^1.5)
+    // Taking log of both sides: log(value) = minv + (maxv - minv) * (position/maxp)^1.5
+    // Rearranging: (log(value) - minv) / (maxv - minv) = (position/maxp)^1.5
+    // Taking the 1/1.5 power of both sides: ((log(value) - minv) / (maxv - minv))^(1/1.5) = position/maxp
+    // Solving for position: position = maxp * ((log(value) - minv) / (maxv - minv))^(1/1.5)
+
+    const logValue = Math.log(value);
+    const position =
+      maxp * Math.pow((logValue - minv) / (maxv - minv), 1 / 1.5);
+
+    // Update slider value
+    slider.value = Math.min(Math.max(Math.round(position), 0), maxp);
+
+    // Update slider UI
+    updateSliderUI();
+  }
 
-    // Initialize slider position
-    updateSlider();
+  function updateSliderUI() {
+    const value = logSliderToSize(slider.value);
+    const formattedSize = formatSize(value);
+
+    // Update the input value
+    sizeValueInput.value = formattedSize;
+
+    // Update slider background
+    slider.style.backgroundSize = `${(slider.value / slider.max) * 100}% 100%`;
+  }
+
+  // Update on slider change
+  slider.addEventListener("input", updateSliderUI);
+
+  // Update on input field change
+  sizeValueInput.addEventListener("change", updateSliderFromInput);
+  sizeValueInput.addEventListener("blur", updateSliderFromInput);
+  sizeValueInput.addEventListener("keydown", function (e) {
+    if (e.key === "Enter") {
+      updateSliderFromInput();
+      e.preventDefault();
+    }
+  });
+
+  // Initialize slider position
+  updateSliderUI();
 }
 
 // Add helper function for formatting size
 function formatSize(sizeInKB) {
-    if (sizeInKB >= 1024) {
-        return Math.round(sizeInKB / 1024) + 'mb';
-    }
-    return Math.round(sizeInKB) + 'kb';
+  if (sizeInKB >= 1024) {
+    return Math.round(sizeInKB / 1024) + "mb";
+  }
+  return Math.round(sizeInKB) + "kb";
 }
 
 // Initialize slider on page load
-document.addEventListener('DOMContentLoaded', initializeSlider);
+document.addEventListener("DOMContentLoaded", initializeSlider);
 
 // Make sure these are available globally
 window.copyText = copyText;
@@ -196,18 +260,18 @@ window.formatSize = formatSize;
 
 // Add this new function
 function setupGlobalEnterHandler() {
-    document.addEventListener('keydown', function (event) {
-        if (event.key === 'Enter' && !event.target.matches('textarea')) {
-            const form = document.getElementById('ingestForm');
-            if (form) {
-                handleSubmit(new Event('submit'), true);
-            }
-        }
-    });
+  document.addEventListener("keydown", function (event) {
+    if (event.key === "Enter" && !event.target.matches("textarea")) {
+      const form = document.getElementById("ingestForm");
+      if (form) {
+        handleSubmit(new Event("submit"), true);
+      }
+    }
+  });
 }
 
 // Add to the DOMContentLoaded event listener
-document.addEventListener('DOMContentLoaded', () => {
-    initializeSlider();
-    setupGlobalEnterHandler();
+document.addEventListener("DOMContentLoaded", () => {
+  initializeSlider();
+  setupGlobalEnterHandler();
 });

From 833de74f921d7ceeb41bdbda0b0323f7b46bc40b Mon Sep 17 00:00:00 2001
From: krvspacetime <krv.becinal@gmail.com>
Date: Wed, 2 Apr 2025 21:42:33 +0800
Subject: [PATCH 2/3] feat/non-int-file-size: support decimal precision for
 file size input

- Add support for decimal precision in file size input by converting max_file_size from int to loat. This allows users to specify exact file sizes with decimal values, improving flexibility and accuracy.
- Update the schema, form handling, and UI elements to ensure consistent behavior and proper formatting of decimal values.
---
 src/gitingest/entrypoint.py                   |   8 +-
 src/gitingest/query_parsing.py                |   4 +-
 src/gitingest/schemas/ingestion_schema.py     |   2 +-
 src/server/query_processor.py                 |  39 +++++--
 src/server/routers/dynamic.py                 |   8 +-
 src/server/routers/index.py                   |   9 +-
 .../templates/components/git_form.jinja       |   3 +-
 src/static/js/utils.js                        | 108 ++++++++++++++++--
 8 files changed, 148 insertions(+), 33 deletions(-)

diff --git a/src/gitingest/entrypoint.py b/src/gitingest/entrypoint.py
index 0af4a4ba..b9a50477 100644
--- a/src/gitingest/entrypoint.py
+++ b/src/gitingest/entrypoint.py
@@ -13,7 +13,7 @@
 
 async def ingest_async(
     source: str,
-    max_file_size: int = 10 * 1024 * 1024,  # 10 MB
+    max_file_size: float = 10 * 1024 * 1024,  # 10 MB
     include_patterns: Optional[Union[str, Set[str]]] = None,
     exclude_patterns: Optional[Union[str, Set[str]]] = None,
     branch: Optional[str] = None,
@@ -30,7 +30,7 @@ async def ingest_async(
     ----------
     source : str
         The source to analyze, which can be a URL (for a Git repository) or a local directory path.
-    max_file_size : int
+    max_file_size : float
         Maximum allowed file size for file ingestion. Files larger than this size are ignored, by default
         10*1024*1024 (10 MB).
     include_patterns : Union[str, Set[str]], optional
@@ -98,7 +98,7 @@ async def ingest_async(
 
 def ingest(
     source: str,
-    max_file_size: int = 10 * 1024 * 1024,  # 10 MB
+    max_file_size: float = 10 * 1024 * 1024,  # 10 MB
     include_patterns: Optional[Union[str, Set[str]]] = None,
     exclude_patterns: Optional[Union[str, Set[str]]] = None,
     branch: Optional[str] = None,
@@ -115,7 +115,7 @@ def ingest(
     ----------
     source : str
         The source to analyze, which can be a URL (for a Git repository) or a local directory path.
-    max_file_size : int
+    max_file_size : float
         Maximum allowed file size for file ingestion. Files larger than this size are ignored, by default
         10*1024*1024 (10 MB).
     include_patterns : Union[str, Set[str]], optional
diff --git a/src/gitingest/query_parsing.py b/src/gitingest/query_parsing.py
index 5d547356..08f7cc45 100644
--- a/src/gitingest/query_parsing.py
+++ b/src/gitingest/query_parsing.py
@@ -25,7 +25,7 @@
 
 async def parse_query(
     source: str,
-    max_file_size: int,
+    max_file_size: float,
     from_web: bool,
     include_patterns: Optional[Union[str, Set[str]]] = None,
     ignore_patterns: Optional[Union[str, Set[str]]] = None,
@@ -41,7 +41,7 @@ async def parse_query(
     ----------
     source : str
         The source URL or file path to parse.
-    max_file_size : int
+    max_file_size : float
         The maximum file size in bytes to include.
     from_web : bool
         Flag indicating whether the source is a web URL.
diff --git a/src/gitingest/schemas/ingestion_schema.py b/src/gitingest/schemas/ingestion_schema.py
index 02b1c678..edf484ab 100644
--- a/src/gitingest/schemas/ingestion_schema.py
+++ b/src/gitingest/schemas/ingestion_schema.py
@@ -54,7 +54,7 @@ class IngestionQuery(BaseModel):  # pylint: disable=too-many-instance-attributes
     type: Optional[str] = None
     branch: Optional[str] = None
     commit: Optional[str] = None
-    max_file_size: int = Field(default=MAX_FILE_SIZE)
+    max_file_size: float = Field(default=MAX_FILE_SIZE)
     ignore_patterns: Optional[Set[str]] = None
     include_patterns: Optional[Set[str]] = None
 
diff --git a/src/server/query_processor.py b/src/server/query_processor.py
index 00b1c640..89eb84b1 100644
--- a/src/server/query_processor.py
+++ b/src/server/query_processor.py
@@ -19,6 +19,7 @@ async def process_query(
     pattern_type: str = "exclude",
     pattern: str = "",
     is_index: bool = False,
+    exact_file_size: str = None,
 ) -> _TemplateResponse:
     """
     Process a query by parsing input, cloning a repository, and generating a summary.
@@ -40,7 +41,8 @@ async def process_query(
         Pattern to include or exclude in the query, depending on the pattern type.
     is_index : bool
         Flag indicating whether the request is for the index page (default is False).
-
+    exact_file_size : str
+        The exact file size value in KB, which preserves decimal precision.
     Returns
     -------
     _TemplateResponse
@@ -62,7 +64,17 @@ async def process_query(
 
     template = "index.jinja" if is_index else "git.jinja"
     template_response = partial(templates.TemplateResponse, name=template)
-    max_file_size = log_slider_to_size(slider_position)
+
+    # Use exact_file_size if provided, otherwise use the slider position
+    if exact_file_size is not None and exact_file_size.strip():
+        try:
+            # Convert exact_file_size from KB to bytes
+            max_file_size = float(exact_file_size) * 1024
+        except ValueError:
+            # If conversion fails, fall back to slider position
+            max_file_size = log_slider_to_size(slider_position)
+    else:
+        max_file_size = log_slider_to_size(slider_position)
 
     context = {
         "request": request,
@@ -125,13 +137,14 @@ async def process_query(
             "tree": tree,
             "content": content,
             "ingest_id": query.id,
+            "exact_file_size": exact_file_size,  # Pass the exact file size back to the template
         }
     )
 
     return template_response(context=context)
 
 
-def _print_query(url: str, max_file_size: int, pattern_type: str, pattern: str) -> None:
+def _print_query(url: str, max_file_size: float, pattern_type: str, pattern: str) -> None:
     """
     Print a formatted summary of the query details, including the URL, file size,
     and pattern information, for easier debugging or logging.
@@ -140,7 +153,7 @@ def _print_query(url: str, max_file_size: int, pattern_type: str, pattern: str)
     ----------
     url : str
         The URL associated with the query.
-    max_file_size : int
+    max_file_size : float
         The maximum file size allowed for the query, in bytes.
     pattern_type : str
         Specifies the type of pattern to use, either "include" or "exclude".
@@ -149,14 +162,22 @@ def _print_query(url: str, max_file_size: int, pattern_type: str, pattern: str)
     """
     print(f"{Colors.WHITE}{url:<20}{Colors.END}", end="")
     if int(max_file_size / 1024) != 50:
-        print(f" | {Colors.YELLOW}Size: {int(max_file_size/1024)}kb{Colors.END}", end="")
+        # Format with up to 2 decimal places for KB values
+        kb_value = max_file_size / 1024
+        # If it's a whole number, display as integer
+        if kb_value == int(kb_value):
+            kb_display = f"{int(kb_value)}kb"
+        else:
+            # Otherwise show up to 2 decimal places, removing trailing zeros
+            kb_display = f"{kb_value:.2f}".rstrip("0").rstrip(".") + "kb"
+        print(f" | {Colors.YELLOW}Size: {kb_display}{Colors.END}", end="")
     if pattern_type == "include" and pattern != "":
         print(f" | {Colors.YELLOW}Include {pattern}{Colors.END}", end="")
     elif pattern_type == "exclude" and pattern != "":
         print(f" | {Colors.YELLOW}Exclude {pattern}{Colors.END}", end="")
 
 
-def _print_error(url: str, e: Exception, max_file_size: int, pattern_type: str, pattern: str) -> None:
+def _print_error(url: str, e: Exception, max_file_size: float, pattern_type: str, pattern: str) -> None:
     """
     Print a formatted error message including the URL, file size, pattern details, and the exception encountered,
     for debugging or logging purposes.
@@ -167,7 +188,7 @@ def _print_error(url: str, e: Exception, max_file_size: int, pattern_type: str,
         The URL associated with the query that caused the error.
     e : Exception
         The exception raised during the query or process.
-    max_file_size : int
+    max_file_size : float
         The maximum file size allowed for the query, in bytes.
     pattern_type : str
         Specifies the type of pattern to use, either "include" or "exclude".
@@ -179,7 +200,7 @@ def _print_error(url: str, e: Exception, max_file_size: int, pattern_type: str,
     print(f" | {Colors.RED}{e}{Colors.END}")
 
 
-def _print_success(url: str, max_file_size: int, pattern_type: str, pattern: str, summary: str) -> None:
+def _print_success(url: str, max_file_size: float, pattern_type: str, pattern: str, summary: str) -> None:
     """
     Print a formatted success message, including the URL, file size, pattern details, and a summary with estimated
     tokens, for debugging or logging purposes.
@@ -188,7 +209,7 @@ def _print_success(url: str, max_file_size: int, pattern_type: str, pattern: str
     ----------
     url : str
         The URL associated with the successful query.
-    max_file_size : int
+    max_file_size : float
         The maximum file size allowed for the query, in bytes.
     pattern_type : str
         Specifies the type of pattern to use, either "include" or "exclude".
diff --git a/src/server/routers/dynamic.py b/src/server/routers/dynamic.py
index bfa31f68..8cced93e 100644
--- a/src/server/routers/dynamic.py
+++ b/src/server/routers/dynamic.py
@@ -47,9 +47,10 @@ async def catch_all(request: Request, full_path: str) -> HTMLResponse:
 async def process_catch_all(
     request: Request,
     input_text: str = Form(...),
-    max_file_size: int = Form(...),
+    max_file_size: float = Form(...),
     pattern_type: str = Form(...),
     pattern: str = Form(...),
+    exact_file_size: str = Form(None),
 ) -> HTMLResponse:
     """
     Process the form submission with user input for query parameters.
@@ -63,12 +64,14 @@ async def process_catch_all(
         The incoming request object, which provides context for rendering the response.
     input_text : str
         The input text provided by the user for processing, by default taken from the form.
-    max_file_size : int
+    max_file_size : float
         The maximum allowed file size for the input, specified by the user.
     pattern_type : str
         The type of pattern used for the query, specified by the user.
     pattern : str
         The pattern string used in the query, specified by the user.
+    exact_file_size : str
+        The exact file size value in KB, which preserves decimal precision.
 
     Returns
     -------
@@ -83,4 +86,5 @@ async def process_catch_all(
         pattern_type,
         pattern,
         is_index=False,
+        exact_file_size=exact_file_size,
     )
diff --git a/src/server/routers/index.py b/src/server/routers/index.py
index 01b84730..80ada539 100644
--- a/src/server/routers/index.py
+++ b/src/server/routers/index.py
@@ -44,9 +44,10 @@ async def home(request: Request) -> HTMLResponse:
 async def index_post(
     request: Request,
     input_text: str = Form(...),
-    max_file_size: int = Form(...),
+    max_file_size: float = Form(...),
     pattern_type: str = Form(...),
     pattern: str = Form(...),
+    exact_file_size: str = Form(None),
 ) -> HTMLResponse:
     """
     Process the form submission with user input for query parameters.
@@ -61,13 +62,14 @@ async def index_post(
         The incoming request object, which provides context for rendering the response.
     input_text : str
         The input text provided by the user for processing, by default taken from the form.
-    max_file_size : int
+    max_file_size : float
         The maximum allowed file size for the input, specified by the user.
     pattern_type : str
         The type of pattern used for the query, specified by the user.
     pattern : str
         The pattern string used in the query, specified by the user.
-
+    exact_file_size : str
+        The exact file size value in KB, which preserves decimal precision.
     Returns
     -------
     HTMLResponse
@@ -81,4 +83,5 @@ async def index_post(
         pattern_type,
         pattern,
         is_index=True,
+        exact_file_size=exact_file_size,
     )
diff --git a/src/server/templates/components/git_form.jinja b/src/server/templates/components/git_form.jinja
index 54dbb01b..42bf3f13 100644
--- a/src/server/templates/components/git_form.jinja
+++ b/src/server/templates/components/git_form.jinja
@@ -90,7 +90,8 @@
                         <input type="text"
                                id="size_value_input"
                                class="w-16 font-bold bg-transparent border-b-2 border-gray-900 focus:outline-none text-center"
-                               value="50kb">
+                               value="{{ exact_file_size ~ 'kb' if exact_file_size else '50kb' }}"
+                               data-exact-value="{{ exact_file_size if exact_file_size else '' }}">
                     </div>
                 </label>
                 <input type="range"
diff --git a/src/static/js/utils.js b/src/static/js/utils.js
index 31bf4469..22aaf62d 100644
--- a/src/static/js/utils.js
+++ b/src/static/js/utils.js
@@ -54,11 +54,46 @@ function handleSubmit(event, showLoading = false) {
 
   const formData = new FormData(form);
 
-  // Update file size
+  // Update file size - check if we're using direct input or slider
   const slider = document.getElementById("file_size");
-  if (slider) {
-    formData.delete("max_file_size");
-    formData.append("max_file_size", slider.value);
+  const sizeValueInput = document.getElementById("size_value_input");
+
+  if (slider && sizeValueInput) {
+    // Check if we have an exact value stored in the data attribute
+    if (sizeValueInput.dataset.exactValue) {
+      // Use the exact value that was directly entered by the user
+      formData.delete("max_file_size");
+      formData.delete("exact_file_size");
+      formData.append("max_file_size", slider.value); // Still send slider position for backward compatibility
+      formData.append("exact_file_size", sizeValueInput.dataset.exactValue); // Send the exact value in KB
+    } else {
+      // Get the direct input value if it exists
+      const directInputValue = sizeValueInput.value.trim();
+      const numericMatch = directInputValue.match(
+        /^(\d+(?:\.\d+)?)\s*(kb|mb|k|m|)$/i
+      );
+
+      if (numericMatch) {
+        // If we have a valid direct input, use that value directly
+        let value = parseFloat(numericMatch[1]);
+        const unit = numericMatch[2].toLowerCase();
+
+        // Convert to KB
+        if (unit === "m" || unit === "mb") {
+          value = value * 1024;
+        }
+
+        // Store the exact value in KB in a hidden field
+        formData.delete("max_file_size");
+        formData.delete("exact_file_size");
+        formData.append("max_file_size", slider.value); // Still send slider position for backward compatibility
+        formData.append("exact_file_size", value.toString()); // Send the exact value in KB
+      } else {
+        // If input is invalid, fall back to slider value
+        formData.delete("max_file_size");
+        formData.append("max_file_size", slider.value);
+      }
+    }
   }
 
   // Update pattern type and pattern
@@ -189,6 +224,9 @@ function initializeSlider() {
       value = value * 1024;
     }
 
+    // Store the exact value as a data attribute for form submission
+    sizeValueInput.dataset.exactValue = value.toString();
+
     // Find the slider position that corresponds to this KB value
     // Inverse of the logSliderToSize function
     const minv = Math.log(1);
@@ -208,15 +246,20 @@ function initializeSlider() {
     // Update slider value
     slider.value = Math.min(Math.max(Math.round(position), 0), maxp);
 
-    // Update slider UI
-    updateSliderUI();
+    // Update slider background without changing the input value
+    slider.style.backgroundSize = `${(slider.value / slider.max) * 100}% 100%`;
   }
 
   function updateSliderUI() {
     const value = logSliderToSize(slider.value);
+
+    // Always update the exact value when slider changes
+    sizeValueInput.dataset.exactValue = value.toString();
+
+    // Format the size for display
     const formattedSize = formatSize(value);
 
-    // Update the input value
+    // Always update the input value when the slider changes
     sizeValueInput.value = formattedSize;
 
     // Update slider background
@@ -224,10 +267,31 @@ function initializeSlider() {
   }
 
   // Update on slider change
-  slider.addEventListener("input", updateSliderUI);
+  slider.addEventListener("input", function () {
+    updateSliderUI();
+  });
 
   // Update on input field change
-  sizeValueInput.addEventListener("change", updateSliderFromInput);
+  sizeValueInput.addEventListener("change", function () {
+    // Parse the input value to extract the number and unit
+    const inputValue = sizeValueInput.value.trim();
+    const numericMatch = inputValue.match(/^(\d+(?:\.\d+)?)\s*(kb|mb|k|m|)$/i);
+
+    if (numericMatch) {
+      let value = parseFloat(numericMatch[1]);
+      const unit = numericMatch[2].toLowerCase();
+
+      // Convert to KB if necessary
+      if (unit === "m" || unit === "mb") {
+        value = value * 1024;
+      }
+
+      // Store the exact value for form submission
+      sizeValueInput.dataset.exactValue = value.toString();
+    }
+
+    updateSliderFromInput();
+  });
   sizeValueInput.addEventListener("blur", updateSliderFromInput);
   sizeValueInput.addEventListener("keydown", function (e) {
     if (e.key === "Enter") {
@@ -242,10 +306,32 @@ function initializeSlider() {
 
 // Add helper function for formatting size
 function formatSize(sizeInKB) {
+  // For slider-driven updates, always use the provided sizeInKB parameter
+  // and ignore the dataset.exactValue which is only for manual input tracking
+
+  // Format based on size
   if (sizeInKB >= 1024) {
-    return Math.round(sizeInKB / 1024) + "mb";
+    const mbValue = sizeInKB / 1024;
+    // If it's a whole number, display as integer
+    if (mbValue === Math.floor(mbValue)) {
+      return mbValue + "mb";
+    }
+    // Otherwise limit to 2 decimal places for display
+    // Convert to fixed 2 decimal places
+    let formattedValue = mbValue.toFixed(2);
+    // Remove trailing zeros (e.g., 1.50 -> 1.5, 2.00 -> 2)
+    formattedValue = formattedValue.replace(/\.?0+$/, "");
+    return formattedValue + "mb";
+  }
+
+  // For KB values, also limit to 2 decimal places if needed
+  if (sizeInKB === Math.floor(sizeInKB)) {
+    return sizeInKB + "kb";
+  } else {
+    let formattedValue = parseFloat(sizeInKB).toFixed(2);
+    formattedValue = formattedValue.replace(/\.?0+$/, "");
+    return formattedValue + "kb";
   }
-  return Math.round(sizeInKB) + "kb";
 }
 
 // Initialize slider on page load

From 4921809131257302204048f0daa5963170cfca3a Mon Sep 17 00:00:00 2001
From: krvspacetime <krv.becinal@gmail.com>
Date: Sun, 6 Apr 2025 21:38:50 +0800
Subject: [PATCH 3/3] fix: Make max file size support decimal values
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Modify slider_position and xact_file_size to handle float values in query processing
- Adjust slider step to ny  in the template to allow decimal increments
- Refactor logSliderToSize and related functions in utils.js  to support decimal precision
---
 src/server/query_processor.py                 |  17 +-
 src/server/routers/index.py                   |   2 +-
 .../templates/components/git_form.jinja       |   7 +-
 src/static/js/utils.js                        | 185 ++++++++----------
 4 files changed, 96 insertions(+), 115 deletions(-)

diff --git a/src/server/query_processor.py b/src/server/query_processor.py
index 89eb84b1..1d5f08a7 100644
--- a/src/server/query_processor.py
+++ b/src/server/query_processor.py
@@ -1,6 +1,7 @@
 """Process a query by parsing input, cloning a repository, and generating a summary."""
 
 from functools import partial
+from typing import Optional
 
 from fastapi import Request
 from starlette.templating import _TemplateResponse
@@ -15,11 +16,11 @@
 async def process_query(
     request: Request,
     input_text: str,
-    slider_position: int,
+    slider_position: float,
     pattern_type: str = "exclude",
     pattern: str = "",
     is_index: bool = False,
-    exact_file_size: str = None,
+    exact_file_size: Optional[str] = None,
 ) -> _TemplateResponse:
     """
     Process a query by parsing input, cloning a repository, and generating a summary.
@@ -33,7 +34,7 @@ async def process_query(
         The HTTP request object.
     input_text : str
         Input text provided by the user, typically a Git repository URL or slug.
-    slider_position : int
+    slider_position : float
         Position of the slider, representing the maximum file size in the query.
     pattern_type : str
         Type of pattern to use, either "include" or "exclude" (default is "exclude").
@@ -72,9 +73,9 @@ async def process_query(
             max_file_size = float(exact_file_size) * 1024
         except ValueError:
             # If conversion fails, fall back to slider position
-            max_file_size = log_slider_to_size(slider_position)
+            max_file_size = log_slider_to_size(int(slider_position))
     else:
-        max_file_size = log_slider_to_size(slider_position)
+        max_file_size = log_slider_to_size(int(slider_position))
 
     context = {
         "request": request,
@@ -137,7 +138,9 @@ async def process_query(
             "tree": tree,
             "content": content,
             "ingest_id": query.id,
-            "exact_file_size": exact_file_size,  # Pass the exact file size back to the template
+            "exact_file_size": (
+                exact_file_size if max_file_size < 1024 else max_file_size / 1024
+            ),  # Pass the exact file size back to the template
         }
     )
 
@@ -161,7 +164,7 @@ def _print_query(url: str, max_file_size: float, pattern_type: str, pattern: str
         The actual pattern string to include or exclude in the query.
     """
     print(f"{Colors.WHITE}{url:<20}{Colors.END}", end="")
-    if int(max_file_size / 1024) != 50:
+    if max_file_size / 1024 != 50.00:
         # Format with up to 2 decimal places for KB values
         kb_value = max_file_size / 1024
         # If it's a whole number, display as integer
diff --git a/src/server/routers/index.py b/src/server/routers/index.py
index 80ada539..fbfbd6df 100644
--- a/src/server/routers/index.py
+++ b/src/server/routers/index.py
@@ -34,7 +34,7 @@ async def home(request: Request) -> HTMLResponse:
         {
             "request": request,
             "examples": EXAMPLE_REPOS,
-            "default_file_size": 243,
+            "default_file_size": 243.14,
         },
     )
 
diff --git a/src/server/templates/components/git_form.jinja b/src/server/templates/components/git_form.jinja
index 42bf3f13..c05c0d6d 100644
--- a/src/server/templates/components/git_form.jinja
+++ b/src/server/templates/components/git_form.jinja
@@ -89,14 +89,15 @@
                     <div class="inline-block relative">
                         <input type="text"
                                id="size_value_input"
-                               class="w-16 font-bold bg-transparent border-b-2 border-gray-900 focus:outline-none text-center"
-                               value="{{ exact_file_size ~ 'kb' if exact_file_size else '50kb' }}"
-                               data-exact-value="{{ exact_file_size if exact_file_size else '' }}">
+                               class="w-24 font-bold bg-transparent border-b-2 border-gray-900 focus:outline-none text-center"
+                               value="{{ exact_file_size ~ 'kb' }}"
+                               data-exact-value="{{ exact_file_size }}">
                     </div>
                 </label>
                 <input type="range"
                        id="file_size"
                        name="max_file_size"
+                       step="any"
                        min="0"
                        max="500"
                        required
diff --git a/src/static/js/utils.js b/src/static/js/utils.js
index 22aaf62d..3824ca39 100644
--- a/src/static/js/utils.js
+++ b/src/static/js/utils.js
@@ -1,3 +1,7 @@
+const MAXP = 500;
+const MINV = Math.log(1);
+const MAXV = Math.log(102400);
+
 // Copy functionality
 function copyText(className) {
   let textToCopy;
@@ -58,6 +62,9 @@ function handleSubmit(event, showLoading = false) {
   const slider = document.getElementById("file_size");
   const sizeValueInput = document.getElementById("size_value_input");
 
+  // Check if slider is being used
+  let isSliding = false;
+
   if (slider && sizeValueInput) {
     // Check if we have an exact value stored in the data attribute
     if (sizeValueInput.dataset.exactValue) {
@@ -189,13 +196,8 @@ function copyFullDigest() {
 
 // Add the logSliderToSize helper function
 function logSliderToSize(position) {
-  const minp = 0;
-  const maxp = 500;
-  const minv = Math.log(1);
-  const maxv = Math.log(102400);
-
-  const value = Math.exp(minv + (maxv - minv) * Math.pow(position / maxp, 1.5));
-  return Math.round(value);
+  const value = Math.exp(MINV + (MAXV - MINV) * Math.pow(position / MAXP, 1.5));
+  return value.toFixed(2);
 }
 
 // Move slider initialization to a separate function
@@ -203,135 +205,110 @@ function initializeSlider() {
   const slider = document.getElementById("file_size");
   const sizeValueInput = document.getElementById("size_value_input");
 
+  // Set initial value using the `default_file_size` from server passed to the slider
+  sizeValueInput.value = logSliderToSize(slider.value) + "kb";
+
   if (!slider || !sizeValueInput) return;
 
-  function updateSliderFromInput() {
-    // Parse the input value to extract the number and unit
-    const inputValue = sizeValueInput.value.trim();
-    const numericMatch = inputValue.match(/^(\d+(?:\.\d+)?)\s*(kb|mb|k|m|)$/i);
+  // Check if we have an exact value from server response
+  if (sizeValueInput.dataset.exactValue) {
+    const exactValue = parseFloat(sizeValueInput.dataset.exactValue);
+    setSliderPosition(exactValue);
+  }
 
-    if (!numericMatch) {
-      // Reset to current slider value if invalid input
-      updateSliderUI();
-      return;
-    }
+  // Extract numeric value from input
+  function extractNumericValue() {
+    const numericMatch = sizeValueInput.value
+      .trim()
+      .match(/^(\d+(?:\.\d+)?)\s*(kb|mb|k|m|)$/i);
 
-    let value = parseFloat(numericMatch[1]);
-    const unit = numericMatch[2].toLowerCase();
+    if (numericMatch) {
+      let value = parseFloat(numericMatch[1]);
+      const unit = numericMatch[2].toLowerCase();
 
-    // Convert to KB if necessary
-    if (unit === "m" || unit === "mb") {
-      value = value * 1024;
+      // Convert to KB
+      if (unit === "m" || unit === "mb") {
+        value = value * 1024;
+      }
+      return value;
     }
+  }
+  // Add input change handler for direct edits
+  sizeValueInput.addEventListener("input", function () {
+    isSliding = false;
+    const value = extractNumericValue();
 
-    // Store the exact value as a data attribute for form submission
-    sizeValueInput.dataset.exactValue = value.toString();
-
-    // Find the slider position that corresponds to this KB value
-    // Inverse of the logSliderToSize function
-    const minv = Math.log(1);
-    const maxv = Math.log(102400);
-    const maxp = 500;
-
-    // Solve for position: value = exp(minv + (maxv - minv) * (position/maxp)^1.5)
-    // Taking log of both sides: log(value) = minv + (maxv - minv) * (position/maxp)^1.5
-    // Rearranging: (log(value) - minv) / (maxv - minv) = (position/maxp)^1.5
-    // Taking the 1/1.5 power of both sides: ((log(value) - minv) / (maxv - minv))^(1/1.5) = position/maxp
-    // Solving for position: position = maxp * ((log(value) - minv) / (maxv - minv))^(1/1.5)
+    // Update the exact value data attribute
+    this.dataset.exactValue = value;
+  });
 
-    const logValue = Math.log(value);
+  // Helper function to set slider position
+  function setSliderPosition(value) {
     const position =
-      maxp * Math.pow((logValue - minv) / (maxv - minv), 1 / 1.5);
-
-    // Update slider value
-    slider.value = Math.min(Math.max(Math.round(position), 0), maxp);
-
-    // Update slider background without changing the input value
-    slider.style.backgroundSize = `${(slider.value / slider.max) * 100}% 100%`;
+      MAXP * Math.pow((Math.log(value) - MINV) / (MAXV - MINV), 1 / 1.5);
+    slider.value = position;
   }
 
-  function updateSliderUI() {
-    const value = logSliderToSize(slider.value);
-
-    // Always update the exact value when slider changes
-    sizeValueInput.dataset.exactValue = value.toString();
+  // Listen for keydown with "Enter" key
+  sizeValueInput.addEventListener("keydown", function (event) {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      const value = extractNumericValue();
+      setSliderPosition(value);
+      updateSliderUI();
+    }
+  });
+  sizeValueInput.addEventListener("focusout", function (event) {
+    event.preventDefault();
 
-    // Format the size for display
-    const formattedSize = formatSize(value);
+    const value = extractNumericValue();
+    setSliderPosition(value);
+    updateSliderUI();
+  });
 
-    // Always update the input value when the slider changes
-    sizeValueInput.value = formattedSize;
+  function updateSliderUI() {
+    // Get the dataset value if it is set
+    let exactValue;
+    if (!isSliding) {
+      exactValue = sizeValueInput.dataset.exactValue;
+    } else {
+      exactValue = logSliderToSize(slider.value);
+    }
 
+    // Update input value
+    sizeValueInput.value =
+      exactValue < 1024
+        ? `${exactValue}kb`
+        : `${(exactValue / 1024).toFixed(2)}mb`;
+    sizeValueInput.dataset.exactValue = exactValue;
     // Update slider background
     slider.style.backgroundSize = `${(slider.value / slider.max) * 100}% 100%`;
   }
 
-  // Update on slider change
+  // Remove input change handler to prevent interference with server value
   slider.addEventListener("input", function () {
+    isSliding = true;
     updateSliderUI();
   });
 
-  // Update on input field change
-  sizeValueInput.addEventListener("change", function () {
-    // Parse the input value to extract the number and unit
-    const inputValue = sizeValueInput.value.trim();
-    const numericMatch = inputValue.match(/^(\d+(?:\.\d+)?)\s*(kb|mb|k|m|)$/i);
-
-    if (numericMatch) {
-      let value = parseFloat(numericMatch[1]);
-      const unit = numericMatch[2].toLowerCase();
-
-      // Convert to KB if necessary
-      if (unit === "m" || unit === "mb") {
-        value = value * 1024;
-      }
-
-      // Store the exact value for form submission
-      sizeValueInput.dataset.exactValue = value.toString();
-    }
-
-    updateSliderFromInput();
-  });
-  sizeValueInput.addEventListener("blur", updateSliderFromInput);
-  sizeValueInput.addEventListener("keydown", function (e) {
-    if (e.key === "Enter") {
-      updateSliderFromInput();
-      e.preventDefault();
-    }
-  });
-
   // Initialize slider position
   updateSliderUI();
 }
 
 // Add helper function for formatting size
 function formatSize(sizeInKB) {
-  // For slider-driven updates, always use the provided sizeInKB parameter
-  // and ignore the dataset.exactValue which is only for manual input tracking
+  // Convert to float to handle both string and number inputs
+  const value = parseFloat(sizeInKB);
 
   // Format based on size
-  if (sizeInKB >= 1024) {
-    const mbValue = sizeInKB / 1024;
-    // If it's a whole number, display as integer
-    if (mbValue === Math.floor(mbValue)) {
-      return mbValue + "mb";
-    }
-    // Otherwise limit to 2 decimal places for display
-    // Convert to fixed 2 decimal places
-    let formattedValue = mbValue.toFixed(2);
-    // Remove trailing zeros (e.g., 1.50 -> 1.5, 2.00 -> 2)
-    formattedValue = formattedValue.replace(/\.?0+$/, "");
-    return formattedValue + "mb";
+  if (value >= 1024) {
+    const mbValue = value / 1024;
+    // Return with exactly 2 decimal places
+    return mbValue.toFixed(2).replace(/\.?0+$/, "") + "mb";
   }
 
-  // For KB values, also limit to 2 decimal places if needed
-  if (sizeInKB === Math.floor(sizeInKB)) {
-    return sizeInKB + "kb";
-  } else {
-    let formattedValue = parseFloat(sizeInKB).toFixed(2);
-    formattedValue = formattedValue.replace(/\.?0+$/, "");
-    return formattedValue + "kb";
-  }
+  // For KB values
+  return value.toFixed(2).replace(/\.?0+$/, "") + "kb";
 }
 
 // Initialize slider on page load