syntaxmatrix 2.5.7__tar.gz → 2.5.8.1__tar.gz

{syntaxmatrix-2.5.7 → syntaxmatrix-2.5.8.1}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: syntaxmatrix
-Version: 2.5.7
+Version: 2.5.8.1
 Summary: SyntaxMUI: A customizable framework for Python AI Assistant Projects.
 Author: Bob Nti
 Author-email: bob.nti@syntaxmatrix.net

{syntaxmatrix-2.5.7 → syntaxmatrix-2.5.8.1}/SyntaxMatrix.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: syntaxmatrix
-Version: 2.5.7
+Version: 2.5.8.1
 Summary: SyntaxMUI: A customizable framework for Python AI Assistant Projects.
 Author: Bob Nti
 Author-email: bob.nti@syntaxmatrix.net

{syntaxmatrix-2.5.7 → syntaxmatrix-2.5.8.1}/SyntaxMatrix.egg-info/SOURCES.txt

@@ -66,6 +66,7 @@ syntaxmatrix/static/js/widgets.js
 syntaxmatrix/templates/change_password.html
 syntaxmatrix/templates/code_cell.html
 syntaxmatrix/templates/dashboard.html
+syntaxmatrix/templates/dataset_resize.html
 syntaxmatrix/templates/docs.html
 syntaxmatrix/templates/error.html
 syntaxmatrix/templates/login.html

{syntaxmatrix-2.5.7 → syntaxmatrix-2.5.8.1}/setup.py

@@ -8,7 +8,7 @@ with open(os.path.join(this_directory, "README.md"), encoding="utf-8") as f:
 
 setup(
     name="syntaxmatrix",
-    version="2.5.7",
+    version="2.5.8.1",
     author="Bob Nti",
     author_email="bob.nti@syntaxmatrix.net",
     description="SyntaxMUI: A customizable framework for Python AI Assistant Projects.",

{syntaxmatrix-2.5.7 → syntaxmatrix-2.5.8.1}/syntaxmatrix/agentic/agents.py

@@ -139,7 +139,7 @@ def mlearning_agent(user_prompt, system_prompt, coding_profile):
             reasoning_effort, verbosity = "medium", "medium" 
             if _model == "gpt-5-nano":
                 reasoning_effort, verbosity = "low", "low"
-            elif _model in ["gpt-5-mini", "gpt-5-codex-mini"]:
+            elif _model in ["gpt-5-mini", "gpt-5-mini-codex"]:
                 reasoning_effort, verbosity = "medium", "medium"
             elif _model in ["gpt-5", "gpt-5-codex", "gpt-5-pro"]:
                 reasoning_effort, verbosity = "high", "high"
@@ -163,19 +163,7 @@ def mlearning_agent(user_prompt, system_prompt, coding_profile):
 
             code = _out(resp).strip()
             if code: 
-                return code
-
-            # Try to surface any block reason (safety / policy / etc.)
-            block_reason = None
-            output = resp.get("output")
-            for item in output:
-                fr = getattr(item, "finish_reason", None)
-                if fr and fr != "stop":
-                    block_reason = fr
-                    break
-            if block_reason:
-                raise RuntimeError(f"{_model} stopped with reason: {block_reason}")
-            raise RuntimeError(f"{_model} returned an empty response in this section due to insufficient data.")    
+                return code  
 
         except APIError as e:
             # IMPORTANT: return VALID PYTHON so the dashboard can show the error
@@ -263,7 +251,6 @@ def mlearning_agent(user_prompt, system_prompt, coding_profile):
                     {"role": "system", "content": system_prompt},
                     {"role": "user", "content": user_prompt},
                 ],
-                extra_body={"thinking": {"type": "enabled"}},
                 temperature=0,
                 stream=False
             )
@@ -301,6 +288,7 @@ def mlearning_agent(user_prompt, system_prompt, coding_profile):
     else:
         code = openai_sdk_generate_code()
 
+    code = str(code or "")
     return code, usage
     
 
@@ -397,9 +385,11 @@ def refine_question_agent(raw_question: str, dataset_context: str | None = None)
 
     system_prompt = ("""
         - You are a Machine Learning (ML) and Data Science (DS) expert.
-        - You rewrite user questions into clear ML job specifications to help AI assistant generate Python code that provides solution to the user question when it is run. Most user questions are vague. So, your goal is to ensure that your output guards the assistant agains making potential errors that you anticipated could arise due to the nature of the question. 
-        - If a dataset summary is provided, use it to respect column and help you rewrite the question properly.
-        - DO NOT write andy prelude or preamble"
+        - Your goal is to use the provided dataset summary to convert given question into clear ML job specifications.
+        - Use the provided dataset summary to respect columns and aid you in properly refining the user question.
+        - Include chronological outline in order to guide a code generator to avoid falling off tracks. 
+        - DO NOT include any prelude or preamble. Just the refined tasks.
+        - If and only if the dataset summary columns are not relevant to your desired columns that you deduced by analysing the question, and you suspect that the wrong dataset was used in the dataset summary, stop and just say: 'incompatible'.
     """)
 
     user_prompt = f"User question:\n{raw_question}\n\n"
@@ -532,9 +522,7 @@ def classify_ml_job_agent(refined_question, dataset_profile):
     system_prompt = ("""
         You are a strict machine learning task classifier for an ML workbench.
         Your goal is to correctly label the user's task specifications with the most relevant tags from a fixed list.
-        You Must always have 'data_preprocessing' as the 1st tag. Then add up to 4 more, as needed, to make 5 max. 
-        Your list should be 2-5 tags long. If no relevant tag, default to ["data_preprocessing"]
-        If tasks specs and `df` don't match (of different industries, return ['context mismatch']
+        You Must always have 'data_preprocessing' as the 1st tag. Then add all other relevant tags. 
         You should return only your list of tags, no prelude or preamble.
     """)
 
@@ -554,8 +542,7 @@ def classify_ml_job_agent(refined_question, dataset_profile):
         "generative_modeling", "causal_inference", "risk_modeling", "graph_analysis",
         
         # Foundational/Pipeline Steps
-        "data_preprocessing", "feature_engineering", "statistical_inference", 
-        "model_validation", "hyperparameter_tuning"
+        "data_preprocessing", "feature_engineering", "statistical_inference", "clustering", "hyperparameter_tuning"
     ]
     
     # --- 2. Construct the Generalized Prompt for the LLM ---
@@ -575,7 +562,7 @@ def classify_ml_job_agent(refined_question, dataset_profile):
     ML Jobs List: {', '.join(ml_task_list)}
 
     Respond ONLY with a valid JSON array of strings containing the selected ML job names.
-    Example Response: ["natural_language_processing", "classification", "feature_engineering"]
+    Example Response: ["data_preprocessing", "regression", "classification", "feature_engineering"]
     """
 
     if dataset_profile:
@@ -583,7 +570,12 @@ def classify_ml_job_agent(refined_question, dataset_profile):
         
     llm_profile =  _prof.get_profile("classification") or _prof.get_profile("admin")
     if not llm_profile:
-        return "ERROR"
+        return (
+            "<div class='smx-alert smx-alert-warn'>"
+                "No LLM profile is configured for Classification. Please, do that in the Admin panel or contact your Administrator."
+            "</div>"
+        )
+
 
     llm_profile['client'] = _prof.get_client(llm_profile)
 

{syntaxmatrix-2.5.7 → syntaxmatrix-2.5.8.1}/syntaxmatrix/core.py

@@ -54,7 +54,7 @@ class SyntaxMUI:
             port="5080", 
             user_icon="👩🏿‍🦲",
             bot_icon="<img src='/static/icons/favicon.png' width=20' alt='bot'/>",
-            favicon="",  # /static/icons/favicon.png",      
+            favicon="/static/icons/favicon.png",      
             site_logo="<img src='/static/icons/logo.png' width='30' alt='logo'/>",           
             site_title="SyntaxMatrix", 
             project_name="smxAI", 

{syntaxmatrix-2.5.7 → syntaxmatrix-2.5.8.1}/syntaxmatrix/routes.py

@@ -65,6 +65,7 @@ _CLIENT_DIR = detect_project_root()
 _stream_q = queue.Queue() 
 _stream_cancelled = {}
 _last_result_html = {}  # { session_id: html_doc }
+_last_resized_csv = {}  # { resize_id: bytes for last resized CSV per browser session }
 
 # single, reused formatter: inline styles, padding, rounded corners, scroll
 _FMT = _HtmlFmt(
@@ -5610,8 +5611,19 @@ def setup_routes(smx):
                 dataset_profile = f"modality: tabular; columns: {columns_summary}"
 
                 refined_question = refine_question_agent(askai_question, dataset_context)
-                tags = classify_ml_job_agent(refined_question, dataset_profile)
-
+                tags = []
+                if refined_question.lower() == "incompatible" or refined_question.lower() == "mismatch":
+                  return ("""
+                      <div style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;">
+                          <h1 style="margin: 0 0 10px 0;">Oops: Context mismatch</h1>
+                          <p style="margin: 0;">Please, upload the proper dataset for solution to your query.</p>
+                          <br>
+                          <a class='button' href='/dashboard' style='text-decoration:none;'>Return</a>
+                      </div>
+                  """)
+                else:
+                  tags = classify_ml_job_agent(refined_question, dataset_profile)
+                
                 ai_code = smx.ai_generate_code(refined_question, tags, df)
                 llm_usage = smx.get_last_llm_usage()
                 ai_code = auto_inject_template(ai_code, tags, df)
@@ -6513,6 +6525,7 @@ def setup_routes(smx):
                 cell["highlighted_code"] = Markup(_pygmentize(cell["code"]))
        
         highlighted_ai_code = _pygmentize(ai_code)
+        smxAI = "smxAI"
         
         return render_template(
           "dashboard.html",
@@ -6525,6 +6538,7 @@ def setup_routes(smx):
           askai_question=smx.sanitize_rough_to_markdown_task(askai_question),  
           refined_question=refined_question,  
           tasks=tags,
+          smxAI=smxAI,
           data_cells=data_cells,
           session_id=session_id,
           llm_usage=llm_usage
@@ -6588,6 +6602,179 @@ def setup_routes(smx):
         # go back to the dashboard; dashboard() will auto-select the next file
         return redirect(url_for("dashboard"))
 
+        # ── DATASET RESIZE (independent helper page) -------------------------
+    
+    
+    @smx.app.route("/dataset/resize", methods=["GET", "POST"])
+    def dataset_resize():
+        """
+        User uploads any CSV and picks a target size (percentage of rows).
+        We keep the last resized CSV in memory and expose a download link.
+        """
+        # One id per browser session to index _last_resized_csv
+        resize_id = session.get("dataset_resize_id")
+        if not resize_id:
+            resize_id = str(uuid.uuid4())
+            session["dataset_resize_id"] = resize_id
+
+        resize_info = None  # stats we pass down to the template
+
+        if request.method == "POST":
+            file = request.files.get("dataset_file")
+            target_pct_raw = (request.form.get("target_pct") or "").strip()
+            strat_col = (request.form.get("strat_col") or "").strip()
+
+            error_msg = None
+            df = None
+
+            # --- Basic validation ---
+            if not file or file.filename == "":
+                error_msg = "Please choose a CSV file."
+            elif not file.filename.lower().endswith(".csv"):
+                error_msg = "Only CSV files are supported."
+
+            # --- Read CSV into a DataFrame ---
+            if not error_msg:
+                try:
+                    df = pd.read_csv(file)
+                except Exception as e:
+                    error_msg = f"Could not read CSV: {e}"
+
+            # --- Parse target percentage ---
+            pct = None
+            if not error_msg:
+                try:
+                    pct = float(target_pct_raw)
+                except Exception:
+                    error_msg = "Target size must be a number between 1 and 100."
+
+            if not error_msg and (pct <= 0 or pct > 100):
+                error_msg = "Target size must be between 1 and 100."
+
+            if error_msg:
+                flash(error_msg, "error")
+            else:
+                frac = pct / 100.0
+                n_orig = len(df)
+                n_target = max(1, int(round(n_orig * frac)))
+
+                df_resized = None
+                used_strat = False
+
+                # --- Advanced: stratified sampling by a column (behind 'Show advanced options') ---
+                if strat_col and strat_col in df.columns and n_orig > 0:
+                    used_strat = True
+                    groups = df.groupby(strat_col, sort=False)
+
+                    # First pass: proportional allocation with rounding and minimum 1 per non-empty group
+                    allocations = {}
+                    total_alloc = 0
+                    for key, group in groups:
+                        size = len(group)
+                        if size <= 0:
+                            allocations[key] = 0
+                            continue
+                        alloc = int(round(size * frac))
+                        if alloc == 0 and size > 0:
+                            alloc = 1
+                        if alloc > size:
+                            alloc = size
+                        allocations[key] = alloc
+                        total_alloc += alloc
+
+                    keys = list(allocations.keys())
+
+                    # Adjust downwards if we overshot
+                    if total_alloc > n_target:
+                        idx = 0
+                        while total_alloc > n_target and any(v > 1 for v in allocations.values()):
+                            k = keys[idx % len(keys)]
+                            if allocations[k] > 1:
+                                allocations[k] -= 1
+                                total_alloc -= 1
+                            idx += 1
+
+                    # Adjust upwards if we undershot and we still have room in groups
+                    if total_alloc < n_target and keys:
+                        idx = 0
+                        while total_alloc < n_target:
+                            k = keys[idx % len(keys)]
+                            group_size = len(groups.get_group(k))
+                            if allocations[k] < group_size:
+                                allocations[k] += 1
+                                total_alloc += 1
+                            idx += 1
+                            if idx > len(keys) * 3:
+                                break
+
+                    sampled_parts = []
+                    for key, group in groups:
+                        n_g = allocations.get(key, 0)
+                        if n_g > 0:
+                            sampled_parts.append(group.sample(n=n_g, random_state=0))
+
+                    if sampled_parts:
+                        df_resized = (
+                            pd.concat(sampled_parts, axis=0)
+                              .sample(frac=1.0, random_state=0)
+                              .reset_index(drop=True)
+                        )
+
+                # --- Default: simple random sample over all rows ---
+                if df_resized is None:
+                    if n_target >= n_orig:
+                        df_resized = df.copy()
+                    else:
+                        df_resized = df.sample(n=n_target, random_state=0).reset_index(drop=True)
+                    if strat_col and strat_col not in df.columns:
+                        flash(
+                            f"Column '{strat_col}' not found. Used simple random sampling instead.",
+                            "warning",
+                        )
+
+                # --- Serialise to CSV in memory and stash in _last_resized_csv ---
+                buf = _std_io.BytesIO()
+                df_resized.to_csv(buf, index=False)
+                buf.seek(0)
+                _last_resized_csv[resize_id] = buf.getvalue()
+
+                resize_info = {
+                    "rows_in": n_orig,
+                    "rows_out": len(df_resized),
+                    "pct": pct,
+                    "used_strat": used_strat,
+                    "strat_col": strat_col if used_strat else "",
+                }
+                flash("Dataset resized successfully. Use the download link below.", "success")
+
+        return render_template("dataset_resize.html", resize_info=resize_info)
+
+    @smx.app.route("/dataset/resize/download", methods=["GET"])
+    def download_resized_dataset():
+        """Download the last resized dataset for this browser session as a CSV."""
+        resize_id = session.get("dataset_resize_id")
+        if not resize_id:
+            return ("No resized dataset available.", 404)
+
+        data = _last_resized_csv.get(resize_id)
+        if not data:
+            return ("No resized dataset available.", 404)
+
+        buf = _std_io.BytesIO(data)
+        buf.seek(0)
+        stamp = datetime.now().strftime("%Y%m%d-%H%M%S-%f")
+        filename = f"resized_dataset_{stamp}.csv"
+
+        # Drop it from memory once downloaded
+        _last_resized_csv.pop(resize_id, None)
+
+        return send_file(
+            buf,
+            mimetype="text/csv; charset=utf-8",
+            as_attachment=True,
+            download_name=filename,
+        )
+
 
     def _pdf_fallback_reportlab(full_html: str):
         """ReportLab fallback: extract text + base64 <img> and lay them out."""

{syntaxmatrix-2.5.7 → syntaxmatrix-2.5.8.1}/syntaxmatrix/settings/model_map.py

@@ -43,7 +43,7 @@ PROVIDERS_MODELS = {
     #5
     "moonshot": [
         "kimi-k2-thinking",
-        "kimi-k2",
+        "kimi-k2-instruct",
     ],
     #6
     "alibaba": [   
@@ -59,7 +59,6 @@ PROVIDERS_MODELS = {
         "claude-sonnet-4-5",
         "claude-sonnet-4-0",
         "claude-3-5-haiku-latest",
-        "claude-3-haiku-20240307",
     ]
 }
 

{syntaxmatrix-2.5.7 → syntaxmatrix-2.5.8.1}/syntaxmatrix/templates/dashboard.html

@@ -160,31 +160,18 @@
         padding:0.2rem;
       }
       .del-btn:hover { opacity:0.8; background:red; }
-   
-      /* full-screen overlay */
-      #loader-overlay {
-        position: fixed;
-        top: 0; left: 0;
-        width: 100%; height: 100%;
-        background: rgba(241, 235, 235, 0);
-        display: none;
+
+      /* Make the Explore Data submit button compact instead of full-width */
+      .eda-submit-btn {
+        align-self: flex-start;      /* stop flex from stretching it to 100% */
+        width: auto;                 /* shrink to content */
+        min-width: 7.5rem;           /* tweak this if you want it smaller/larger */
+        padding: 6px 16px;           /* a bit tighter than the global button */
+        display: inline-flex;
         align-items: center;
         justify-content: center;
-        z-index: 9999;
-      }
-      /* simple spinner */
-      .loader {
-        border: 8px solid #eee;
-        border-top: 8px solid #333;
-        border-radius: 50%;
-        width: 60px; height: 60px;
-        animation: spin 1s linear infinite;
       }
-      @keyframes spin {
-        0% { transform: rotate(0deg); }
-        100% { transform: rotate(360deg); }
-      }
-
+      
       /* --- Mobile fixes --- */
       .dashboard-content img,
       .dashboard-content canvas,
@@ -618,24 +605,92 @@
       details > summary::-webkit-details-marker {
         display: none;
       }
+
+      /* Spinner that sits inside the Explore Data submit button */
+      .eda-btn-spinner {
+        display: none;
+        width: 1.1rem;
+        height: 1.1rem;
+        border-radius: 999px;
+        border: 2px solid currentColor;
+        border-top-color: transparent;
+        border-right-color: transparent;
+        animation: edaBtnSpin 0.7s linear infinite;
+        margin-left: 0;              /* was 0.5rem */
+        vertical-align: middle;
+        box-sizing: border-box;
+      }
+      .eda-btn-label {
+        display: inline-block;
+        margin-right: 0.5rem;        /* space between text and spinner when both are visible */
+      }
+
+      /* While loading: hide the label, show the spinner */
+      .eda-btn-loading .eda-btn-label {
+        display: none;           /* keeps button width stable */
+      }
+
+      .eda-btn-loading .eda-btn-spinner {
+        display: inline-block;
+      }
+
+      @keyframes edaBtnSpin {
+        to {
+          transform: rotate(360deg);
+        }
+      }
+      .sidebar-links {
+        margin-top: 22px;
+      }
+      .sidebar-links a {
+        display: block;
+        padding: 12px 10px 12px 0;
+        color: #333;
+        text-decoration: none;
+        font-size: clamp(0.93rem, 2vw, 1.08rem);
+        border-radius: 6px;
+        margin-bottom: 6px;
+        transition: background 0.2s, color 0.2s;
+      }
+      .sidebar-links a.active,
+      .sidebar-links a:hover {
+        background: #e0e5ee;
+        color: #007acc;
+        font-weight: bold;
+      }
+      /* Sub-links under a main section (e.g. Explore → Resize dataset) */
+      .sidebar-links a.sidebar-sub-link {
+        font-size: clamp(0.80rem, 1.4vw, 0.95rem);  /* smaller than main items */
+        padding: 6px 10px 6px 14px;                  /* slight indent to show hierarchy */
+        margin-bottom: 4px;
+        opacity: 0.95;
+      }
+
+      /* Optional: visual cue arrow for sub-items */
+      .sidebar-links a.sidebar-sub-link::before {
+        content: "↳ ";
+        font-size: 0.8em;
+        opacity: 0.7;
+      }
     </style>
 
     <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
 </head>
 <body>
   <div id="sidebarScrim" class="sidebar-scrim" aria-hidden="true"></div>
-  <div id="loader-overlay">
-    <div class="loader"></div>
-  </div>
   <div class="dashboard-sidebar">
     <button class="sidebar-close" aria-label="Close menu">✕</button>
     <h2>ML&nbsp;Lab</h2>
     <a href="/">return to home</a>
     <div class="sidebar-links">
       <a href="/dashboard?section=explore"{% if section == 'explore' %} class="active"{% endif %}>Explore</a>
-      
+
+      <!-- Explore subsets -->
+      <a href="{{ url_for('dataset_resize') }}" class="sidebar-sub-link">Resize dataset</a>
+
       <!-- Future: more links here -->
     </div>
+
   </div>
   <div class="dashboard-main">
     <button id="sidebarToggle" class="sidebar-toggle" aria-label="Open menu"></button>
@@ -691,11 +746,18 @@
           <h2>Explore Data</h2>
           <form id="form-askai" method="post" action="/dashboard?section=explore" style="margin-top:5px;padding:12px; border:1px solid grey;border-radius:5px;width:70vw;">
             <input type="hidden" name="dataset" value="{{ selected_dataset }}">
-            <label for="askai"><strong>Ask smxAI:</strong></label>
-            <textarea id="askai" name="askai_question" type="text" rows="4"
-                    style="position:relative; width:90%; padding:8px; font-size:0.8em; border-radius:8px;"
-                    placeholder="Ask me about {{ (selected_dataset or 'your dataset. Upload it first.').replace('_', ' ').replace('.csv', '') }}" required></textarea>
-            <button type="submit" style="font-size:1.2rem; width:8rem; padding:4px;">Submit</button>
+            <label for="askai"><strong>Ask {{ smxAI }}:</strong></label>
+            <textarea id="askai" name="askai_question" type="text" rows="5"
+                    style="position:relative; width:90%; padding:16px; font-size:0.8em; border-radius:8px;"
+                    placeholder="Ask me about {{ (selected_dataset or 'your dataset\n. But upload it first.').replace('_', ' ').replace('.csv', '') }}" required></textarea>
+            <!-- <button type="submit" style="font-size:1.2rem; width:8rem; padding:4px;">Submit</button> -->
+            <button
+              type="submit"
+              class="btn btn-primary eda-submit-btn"
+            >
+              <span class="eda-btn-label">Submit</span>
+              <span class="eda-btn-spinner" aria-hidden="true"></span>
+            </button>
           </form>
           <div style="margin-bottom: 36px;">
             {% if askai_question %}
@@ -735,6 +797,7 @@
             {% endif %}
             {% if ai_outputs %}
               <div class="d-flex align-items-center justify-content-between" style="margin: 12px;">
+                <br>
                 <h3 class="m-0">Result</h3>
                 {% for html_block in ai_outputs %}
                     <div class="ai-output" style="margin-bottom:18px;overflow-x:auto; max-width:100%;">
@@ -787,31 +850,31 @@
     </div>
   </div>
   <script>
-  async function copyCode(btn){
-    const pre = btn.parentElement.querySelector('pre');
-    if(!pre) return;
-    const text = pre.innerText;
-
-    try {
-      if (navigator.clipboard && navigator.clipboard.writeText) {
-        await navigator.clipboard.writeText(text);
-      } else {
-        // fallback
-        const range = document.createRange();
-        range.selectNodeContents(pre);
-        const sel = window.getSelection();
-        sel.removeAllRanges(); sel.addRange(range);
-        document.execCommand('copy');
-        sel.removeAllRanges();
-      }
-      btn.textContent = 'Copied!';
-      setTimeout(()=>btn.textContent='Copy', 1200);
-    } catch(e){
-      btn.textContent = 'Failed';
-      setTimeout(()=>btn.textContent='Copy', 1200);
+    async function copyCode(btn){
+      const pre = btn.parentElement.querySelector('pre');
+      if(!pre) return;
+      const text = pre.innerText;
+
+      try {
+        if (navigator.clipboard && navigator.clipboard.writeText) {
+          await navigator.clipboard.writeText(text);
+        } else {
+          // fallback
+          const range = document.createRange();
+          range.selectNodeContents(pre);
+          const sel = window.getSelection();
+          sel.removeAllRanges(); sel.addRange(range);
+          document.execCommand('copy');
+          sel.removeAllRanges();
+        }
+        btn.textContent = 'Copied!';
+        setTimeout(()=>btn.textContent='Copy', 1200);
+      } catch(e){
+        btn.textContent = 'Failed';
+        setTimeout(()=>btn.textContent='Copy', 1200);
+      }
     }
-  }
-</script>
+  </script>
   <script>
     function toggleCodeCell(link) {
       var cell = link.nextElementSibling;
@@ -824,6 +887,7 @@
         link.querySelector("span").innerText = "Show Code";
       }
     }
+
     function copyCodeToClipboard(btn) {
       var pre = btn.parentElement.querySelector("pre");
       if (!pre) return;
@@ -842,13 +906,36 @@
       }
       sel.removeAllRanges();
     }
-  
-    document.addEventListener("DOMContentLoaded", () => {
-      const form = document.getElementById("form-askai");
-      const overlay = document.getElementById("loader-overlay");
-      form.addEventListener("submit", () => {
-        overlay.style.display = "flex";
+
+    document.addEventListener("DOMContentLoaded", function () {
+      var form = document.getElementById("form-askai");
+      if (!form) return;
+
+      var submitBtn = form.querySelector(".eda-submit-btn");
+      if (!submitBtn) return;
+
+      // When the form actually submits, show the spinner and disable the button
+      form.addEventListener("submit", function () {
+        submitBtn.classList.add("eda-btn-loading");
+        submitBtn.disabled = true;
+        // IMPORTANT: no preventDefault here – the browser/htmx still submits normally
       });
+
+      // If htmx is used on this form, reset the spinner once the request completes or errors
+      if (window.htmx) {
+        form.addEventListener("htmx:afterRequest", function () {
+          submitBtn.classList.remove("eda-btn-loading");
+          submitBtn.disabled = false;
+        });
+        form.addEventListener("htmx:responseError", function () {
+          submitBtn.classList.remove("eda-btn-loading");
+          submitBtn.disabled = false;
+        });
+        form.addEventListener("htmx:sendError", function () {
+          submitBtn.classList.remove("eda-btn-loading");
+          submitBtn.disabled = false;
+        });
+      }
     });
   </script>
   <script>