syntaxmatrix 2.3.5__py3-none-any.whl → 2.5.5.4__py3-none-any.whl

syntaxmatrix/settings/model_map.py

@@ -4,32 +4,36 @@ import os
 
 PROVIDERS_MODELS = {
     #1
-    "openai": [                     
+    "openai": [  
+        "gpt-5.1",
+        "gpt-5.1-chat-latest",
+        "gpt-5.1-codex-mini",
+        "gpt-5.1-codex",
+        "gpt-5",
+        "gpt-5-nano",
+        "gpt-5-mini", 
+        "gpt-4.1", 
+        "gpt-4.1-nano",
+        "gpt-4.1-mini",                 
         "gpt-4o-mini",
         "gpt-4o",
-        "gpt-4.1-nano",
-        "gpt-4.1-mini",
-        "gpt-4.1",
-        "gpt-5-chat-latest",
-        "gpt-5-nano",
-        "gpt-5-mini",
-        "gpt-5",
     ],
     #2
-    "google": [      
-        "gemma-3n-e4b-it",               
-        "gemini-2.0-flash-lite",
-        "gemini-2.0-flash",
+    "google": [    
+        "gemini-3-pro-preview",                
         "gemini-2.5-flash-lite",
         "gemini-2.5-flash",
         "gemini-2.5-pro",
+        "gemini-2.0-flash-lite",
+        "gemini-2.0-flash",
     ],
     #3
-    "xai": [                        
+    "xai": [    
+        "grok-4",                    
         "grok-3-mini-fast",
         "grok-3-mini",
         "grok-3",
-        "grok-4",
+        
     ],
     #4
     "deepseek": [                    
@@ -48,7 +52,9 @@ PROVIDERS_MODELS = {
     ],
     #7
     "anthropic": [
+        "claude-opus-4-5",
         "claude-opus-4-1",
+        "claude-sonnet-4-5",
         "claude-sonnet-4-0",
         "claude-3-5-haiku-latest",
         "claude-3-haiku-20240307",
@@ -114,12 +120,12 @@ MODEL_DESCRIPTIONS = {
     # "gpt-o4-mini-high":"Enhanced mini-engine; $2.50/1M in (est.), $10.00/1M out (est.). Suited for interactive assistants with visual reasoning.",
 
     # Google
-    # "gemma-3n-e4b-it":"""Gemma is free.
-    #   Best for:         Use case:  
-    #   - Low latency   | - Visual and text processing 
-    #   - Multilingual  | - Text translation
-    #   - Summarization | - Summarizing text research content
-    # """,
+    "gemma-3n-e4b-it":"""Gemma is free.
+      Best for:         Use case:  
+      - Low latency   | - Visual and text processing 
+      - Multilingual  | - Text translation
+      - Summarization | - Summarizing text research content
+    """,
 
     #2 Google
     "gemma-3n-e4b-it": """
@@ -140,12 +146,11 @@ MODEL_DESCRIPTIONS = {
       - Native tool use          | - Stream images & vids in R time  
     """,
 
-    "gemini-2.5-flash-lite": """($0.10 In, $0.40 Out)/1M (est.) CoD: Jan 2025.
-      Best for:                        Use case:
-      - Large scale processing         - Data transformation
-      - Low latency, high volume       - Translation
-          tasks with thinking          - Summarizationt
-    """,
+    "gemini-2.5-flash-lite": "($0.10 In, $0.40 Out)/1M (est.) CoD: Jan 2025."
+    "  Best for:                        Use case:"
+    "  - Large scale processing         - Data transformation"
+    "  - Low latency, high volume       - Translation"
+    "      tasks with thinking          - Summarizationt",
 
     "gemini-2.5-flash": """$0.30. $2.50 Out CoD: Jan 2024.
       Best for:                           Use case:
@@ -293,13 +298,16 @@ EMBEDDING_MODELS = {
     "openai": [
     "text-embedding-3-small",
     "text-embedding-3-large",
-    ]
+    ],
 }
 
 
 GPT_MODELS_LATEST = [
-    "gpt-5-chat-latest",
-    "gpt-5-nano",
-    "gpt-5-mini",
+    "gpt-5.1",
+    "gpt-5.1-chat-latest",
+    "gpt-5.1-codex-mini",
+    "gpt-5.1-codex",
     "gpt-5",
+    "gpt-5-nano",
+    "gpt-5-mini",         
 ]

syntaxmatrix/templates/dashboard.html

@@ -417,6 +417,179 @@
       }
       .code-copy-btn:hover{ background:#0b5ed7; }
     </style>
+    <style>
+      .eda-grid{
+        display:grid;
+        grid-template-columns:repeat(auto-fit, minmax(360px,1fr));
+        gap:12px;
+        align-items:start;
+      }
+      .eda-card{
+        background:#fff;
+        border:1px solid #e5e7eb;
+        border-radius:12px;
+        padding:14px 16px;
+        box-shadow:0 1px 8px rgba(0,0,0,.04);
+        opacity:0; transform:translateY(6px);
+        animation:edaFade .35s ease forwards;
+        animation-delay: calc(var(--i, 0) * 60ms);
+      }
+      /* 12-column grid */
+      .eda-grid.eda-grid-12{
+        display:grid;
+        grid-auto-flow:dense;
+        grid-template-columns:repeat(12, minmax(0,1fr));
+        gap:12px; align-items:start;
+      }
+      /* Helpers (use these in cell["span"]) */
+       .eda-col-3 { grid-column:span 3; }   /* third width → 3:3:3:3 */
+      .eda-col-4  { grid-column:span 4; }   /* third width → 4:4:4 */
+      .eda-col-5  { grid-column:span 5; }   /* third width → 5:7 */
+      .eda-col-6  { grid-column:span 6; }   /* half width → 6:6 */
+      .eda-col-7  { grid-column:span 7; }   /* third width → 7:5 */
+      .eda-col-8  { grid-column:span 8; }   /* two-thirds → 8:4 */
+      .eda-col-9  { grid-column:span 9; }   /* two-thirds → 9:3 */
+      .eda-col-12 { grid-column:span 12;}   /* full width */
+
+      /* Breakpoints */
+      @media (max-width:960px){
+        .eda-grid.eda-grid-12{ grid-template-columns:repeat(6, minmax(0,1fr)); }
+        .eda-col-9{ grid-column:span 6; }
+        .eda-col-8{ grid-column:span 6; }
+        .eda-col-7{ grid-column:span 6; }
+        .eda-col-6{ grid-column:span 6; }
+        .eda-col-5{ grid-column:span 6; }
+        .eda-col-4{ grid-column:span 6; }
+        .eda-col-3{ grid-column:span 6; }
+      }
+      @media (max-width:540px){
+        .eda-grid.eda-grid-12{ grid-template-columns:repeat(1, 1fr); }
+        .eda-card, .eda-col-3, .eda-col-4, .eda-col-5, .eda-col-6, .eda-col-7, .eda-col-8, .eda-col-9, .eda-col-12 {
+          grid-column:span 12; 
+        }
+      }
+      .eda-card h3{ margin:0 0 .5rem; font-size:1.02rem; }
+      .eda-card .eda-body{ overflow:auto; }
+      .eda-card details summary{ cursor:pointer; color:#0366d6; margin-top:.5rem; }
+      @keyframes edaFade{ to { opacity:1; transform:none; } }
+
+    </style>
+    <style id="smx-theme">
+      :root{
+        --smx-bg: #f3f6fb;
+        --smx-surface: #ffffff;
+        --smx-elev1: #fcfdff;
+        --smx-border: #dfe5ee;
+        --smx-text: #0f172a;
+        --smx-muted: #667085;
+        --smx-accent: #007acc;        /* SyntaxMatrix blue (keeps your current tone) */
+        --smx-accent-2: #14b8a6;      /* teal for subtle gradients */
+      }
+
+      body.smx-theme{
+        background: linear-gradient(180deg, var(--smx-bg) 0%, #eef3f9 60%, #eaf0f7 100%);
+        color: var(--smx-text);
+      }
+
+      /* Sidebar + tabs pick up accent */
+      .dashboard-sidebar{
+        background: linear-gradient(180deg, #f0f5fb 0%, #eaf1f8 100%);
+        border-right: 1px solid var(--smx-border);
+      }
+      .dashboard-sidebar h2{ color: var(--smx-accent); }
+      .dashboard-tabs a{ background:#e9f2fb; border-color: var(--smx-border); color:#1f2a37; }
+      .dashboard-tabs .active a, .dashboard-tabs a.active{
+        background: var(--smx-surface);
+        color: var(--smx-accent);
+        border-color: var(--smx-border);
+      }
+
+      /* Cards: clearer elevation + accent top bar */
+      .eda-card{
+        background: var(--smx-surface);
+        border: 1px solid var(--smx-border);
+        border-radius: 14px;
+        box-shadow: 0 6px 18px rgba(16,24,40,.06);
+        position: relative;
+      }
+      .eda-card::before{
+        content:"";
+        position:absolute; inset:0 0 auto 0; height:4px; border-radius:14px 14px 0 0;
+        background: linear-gradient(90deg, var(--smx-accent), var(--smx-accent-2));
+      }
+      .eda-card h3{
+        margin: 0; padding: 10px 12px;
+        font-size: 1rem; font-weight: 700; color: #1f2937;
+        border-bottom: 1px solid var(--smx-border);
+      }
+      .eda-card .eda-body{ padding: 10px 12px; }
+
+      /* Stat tiles harmonised */
+      .smx-statwrap{ gap: 12px !important; }
+      .smx-stat{
+        background: var(--smx-elev1) !important;
+        border: 1px solid var(--smx-border) !important;
+        box-shadow: 0 2px 10px rgba(16,24,40,.05);
+        border-radius: 12px !important;
+      }
+      .smx-stat h4{ color: var(--smx-muted) !important; letter-spacing:.2px; }
+
+      /* Buttons */
+      button, .btn{
+        background: var(--smx-accent);
+        color: #fff;
+        border: 1px solid #0a66c2;
+        border-radius: 10px;
+      }
+      button:hover, .btn:hover{ background:#0566b1; }
+
+      /* Forms & selects */
+      select, textarea, input[type="text"], input[type="file"]{
+        border:1px solid var(--smx-border);
+        border-radius:10px;
+      }
+
+      /* Content panel */
+      .dashboard-content{
+        background: var(--smx-surface);
+        border: 1px solid var(--smx-border);
+        border-radius: 14px;
+        box-shadow: 0 8px 24px rgba(16,24,40,.05);
+      }
+    </style>
+    <style id="smx-contrast">
+      /* Dark slate backdrop for the whole page */
+      body.smx-theme.smx-contrast{
+        background:
+          radial-gradient(1100px 520px at 15% -10%, #16253a 0%, #0f2036 40%, #0b1628 70%, #0a1424 100%),
+          linear-gradient(180deg, #0a1424 0%, #0c172a 100%);
+        color: #e9eef6;
+      }
+
+      /* Let the dark backdrop show through; keep content readable */
+      .dashboard-main{ background: transparent !important; }
+      .dashboard-content{
+        background: rgba(255,255,255,0.96) !important;
+        border: 1px solid #d4deea !important;
+        border-radius: 14px;
+        box-shadow: 0 10px 28px rgba(8,20,38,0.28);
+      }
+
+      /* Cards sit on a brighter surface with clear edge + shadow */
+      .eda-card{
+        background: #ffffff !important;
+        border: 1px solid #d8e3f0 !important;
+        border-radius: 14px;
+        box-shadow: 0 8px 24px rgba(8,20,38,0.22);
+      }
+      .eda-card::before{
+        background: linear-gradient(90deg, #0b8ae5, #14b8a6);
+      }
+
+      /* Tidy headings/labels inside light surfaces */
+      .eda-card h3{ color: #1f2937 !important; }
+      .smx-stat h4{ color: #64748b !important; }
+    </style>
 
     <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
 </head>
@@ -439,6 +612,7 @@
     <button id="sidebarToggle" class="sidebar-toggle" aria-label="Open menu"></button>
     <ul class="dashboard-tabs">
       <li class="{{ 'active' if section == 'explore' else '' }}"><a href="/dashboard?section=explore">Explore</a></li>
+      
     </ul>
     <div class="dashboard-content">
       <div class="explore-card">
@@ -495,65 +669,85 @@
                     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>
           </form>
-          {% if askai_question %}
-            <div class="askai-qblock" style="margin:20px 5px;">
-                <span class="askai-q-label"><b>Q:</b></span>
-                <span class="askai-q">{{ askai_question }}</span>
-            </div>
-            <!--
-            {% if refined_question and refined_question != askai_question %}
+          <div style="margin-bottom: 36px;">
+            {% if askai_question %}
+              <!--
+              <div class="askai-qblock" style="margin:20px 5px;">
+                  <span class="askai-q-label"><b>Task:</b></span>
+                  <span class="askai-q">{{ askai_question }}</span>
+              </div>
+              -->
+              <br><br>
+              <div class="refined-qblock">
+                  <span class="refined-q-label"><b>My Thought Process:</b></span><br>
+                  <span class="refined-q">{{ refined_question|safe }}</span>
+              </div><br>
+              <div class="refined-qblock">
+                <b>Tasks Performed: </b><br>
+                {% for task in tasks %}
+                  <span class="refined-q">- {{ task.replace('_', ' ').capitalize() + ', ' }}</span><br>
+                {%  endfor %}
+              </div><br>
+              {% if llm_usage %}
                 <div class="refined-qblock">
-                    <span class="refined-q-label"><b>Refined Q:</b></span>
-                    <span class="refined-q">{{ refined_question }}</span>
+                  <b>LLM: </b><span>{{ llm_usage.provider.capitalize() }} | {{ llm_usage.model }}</span><br>
+                  <b>Token Usage: </b>
+                    <li>- Input Tokens: {{ llm_usage.input_tokens }}</li>
+                    <li>- Output Tokens: {{ llm_usage.output_tokens }}</li>
+                    <li>- Total Tokens: {{ llm_usage.total_tokens }}</li>         
+                  </ul>
                 </div>
+              {% endif %}
             {% endif %}
-            -->
-          {% endif %}
-          {% if ai_outputs %}
-            <div class="d-flex align-items-center justify-content-between" style="margin-bottom:8px;">
-              <h3 class="m-0">Result</h3>
-            </div>
-            {% for html_block in ai_outputs %}
-                <div class="ai-output" style="margin-bottom:18px;overflow-x:auto; max-width:100%;">
-                    {{ html_block | safe }}
+            {% if ai_outputs %}
+              <div class="d-flex align-items-center justify-content-between" style="margin: 12px;">
+                <h3 class="m-0">Result</h3>
+              </div>
+              {% for html_block in ai_outputs %}
+                  <div class="ai-output" style="margin-bottom:18px;overflow-x:auto; max-width:100%;">
+                      {{ html_block | safe }}
+                  </div>
+              {% endfor %}
+            {% endif %}
+            {% if ai_code %}
+              <div>
+                  <a href="#" onclick="toggleCode();return false;" id="toggle-link">Show Code</a>
+                  <div id="ai-code-block" class="code-wrap" style="display:none;">
+                    {{ highlighted_ai_code|safe }}
+                    <button type="button" class="code-copy-btn" onclick="copyCode(this)">Copy</button>
+                  </div>
+              </div>
+            {% endif %}
+          </div>
+          <script>
+              function toggleCode() {
+                  var el = document.getElementById('ai-code-block');
+                  var link = document.getElementById('toggle-link');
+                  if (el.style.display === 'none') {
+                      el.style.display = '';
+                      link.innerText = 'Hide Code';
+                  } else {
+                      el.style.display = 'none';
+                      link.innerText = 'Show Code';
+                  }
+              }
+          </script>        
+          <div class="eda-grid eda-grid-12">
+            {% for cell in data_cells %}
+              <section class="eda-card {{ cell.span or '' }}" style="--i: {{ loop.index0 }}">
+                <h3>{{ cell.title }}</h3>
+                <div class="eda-body">
+                  {{ cell.output|safe }}
                 </div>
+                {% if cell.highlighted_code %}
+                <details>
+                  <summary>Show code</summary>
+                  <div style="margin-top:.5rem">{{ cell.highlighted_code|safe }}</div>
+                </details>
+                {% endif %}
+              </section>
             {% endfor %}
-          {% endif %}
-
-          {% if ai_code %}
-            <div>
-                <a href="#" onclick="toggleCode();return false;" id="toggle-link">Show Code</a>
-                <div id="ai-code-block" class="code-wrap" style="display:none;">
-                  {{ highlighted_ai_code|safe }}
-                  <button type="button" class="code-copy-btn" onclick="copyCode(this)">Copy</button>
-                </div>
-            </div>
-            <script>
-                function toggleCode() {
-                    var el = document.getElementById('ai-code-block');
-                    var link = document.getElementById('toggle-link');
-                    if (el.style.display === 'none') {
-                        el.style.display = '';
-                        link.innerText = 'Hide Code';
-                    } else {
-                        el.style.display = 'none';
-                        link.innerText = 'Show Code';
-                    }
-                }
-            </script>
-          {% endif %}
-        
-          {% for cell in data_cells %}
-            <h4>{{ cell.title }}</h4>
-            <div style="overflow-x:auto; max-width:100%;">
-              {{ cell.output|safe }}
-              <a href="#" onclick="toggleCodeCell(this); return false;"><span>Show Code</span></a>
-              <div class="code-wrap code-cell" style="display:none;">
-                {{ cell.highlighted_code|safe }}
-                <button type="button" class="code-copy-btn" onclick="copyCode(this)">Copy</button>
-              </div>
-            </div>
-          {% endfor %}
+          </div>
         {% endif %}
       </div>
     </div>