zaturn 0.2.1__py3-none-any.whl → 0.3.0__py3-none-any.whl

zaturn/studio/templates/css/style.css

@@ -15,11 +15,6 @@
   src: url('/static/fira_code.ttf');
 }
 
-@font-face {
-  font-family: "Noto Emoji";
-  src: url('/static/noto_emoji.ttf');
-}
-
 /* Global Styles */
 * {
   box-sizing: border-box;
@@ -37,7 +32,7 @@
   --red: #d43a3a;
   --fg2: #3a4d74;
   --fg1: #182030;
-	--base-size: clamp(16px, 1.4vw, 32px);
+	--base-size: clamp(16px, 1.3vw, 32px);
 	--max-width: calc(var(--base-size)*36);
 	font-size: var(--base-size);
 	letter-spacing: 0.02rem;
@@ -55,6 +50,7 @@ body {
 	align-content: stretch;
 	height: 99vh;
 	line-height: 170%;
+	overflow-y: hidden;
 }
 
 a {
@@ -80,6 +76,11 @@ header .logo {
   height: 2rem;
 }
 
+header svg {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
 #sidebar {
   grid-area: 2 / 1 / 3 / 2;
   background: var(--bg0);
@@ -120,12 +121,22 @@ section {
 
 section h1 {
   margin-bottom: 2rem;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+section h1 svg {
+  width: 1.5rem;
+  height: 1.5rem;
 }
 
 .btn, button {
   text-decoration: none;
   background: var(--bg2);
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
   padding: 0.5rem 1rem;
   border-radius: 0.2rem;
   color: var(--t1);
@@ -145,6 +156,11 @@ section h1 {
   opacity: 0.8;
 }
 
+.btn svg {
+  width: 1rem;
+  height: 1rem;
+}
+
 code {
   font-family: "Fira Code", monospace;
   font-size: 0.8rem;
@@ -160,6 +176,14 @@ code {
   background: var(--bg0);
   padding: 0.5rem;
   border: 1px solid var(--bg2);
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.alert svg {
+  width: 1rem;
+  height: 1rem;
 }
 
 
@@ -178,6 +202,9 @@ form label {
 
 form small {
   font-size: 0.8rem;
+}
+
+form small:first-child {
   font-weight: bold;
 }
 
@@ -196,8 +223,32 @@ form input:focus {
   border-bottom: 1px solid var(--t1);
 }
 
+form select {
+  border: none;
+  outline: none;
+  background: none;
+  font-family: "Fira Code", monospace;
+  border-bottom: 1px solid var(--fg1);
+  color: var(--fg1);
+  font-size: 0.8rem;
+  padding: 0.2rem;
+}
+
+form select:focus {
+  color: var(--t1);
+  border-bottom: 1px solid var(--t1);
+}
+
 form button {
   justify-self: start;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+form button svg {
+  width: 1.25rem;
+  height: 1.25rem;
 }
 
 form progress[value="0"] {
@@ -205,12 +256,17 @@ form progress[value="0"] {
 }
 
 form textarea {
-  font-size: inherit;
+  font-family: "Fira Code", monospace;
+  font-size: 0.8rem;
   padding: 0.5rem;
   border: none;
   outline: none;
 }
 
+form textarea.large {
+  height: 7rem;
+}
+
 form.htmx-request {
   display: none;
 }
@@ -224,7 +280,14 @@ form ~ .loader {
 }
 
 form.htmx-request + .loader {
-  display: block;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+form ~ .loader svg {
+  width: 1.2rem;
+  height: 1.2rem;
 }
 
 @keyframes loadanim {
@@ -265,12 +328,19 @@ form.htmx-request + .loader {
 #manage-sources .source-card button {
   font-size: 0.75rem;
   padding: 0.25rem 0.5rem;
+  display: inline-flex;
+  align-items: center;
 }
 
 #manage-sources .source-card button.inactive {
   filter: grayscale(100%);
 } 
 
+#manage-sources .source-card button svg {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+
 #manage-sources .row-c2 {
   margin-top: 1.5rem;
 }
@@ -301,10 +371,29 @@ form.htmx-request + .loader {
   padding: 1.5rem 0.5rem;
 }
 
-#chat ul {
+#chat ul, #chat ol {
   list-style-position: inside;
 }
 
+#chat .chat-metadata * {
+  font-family: "Fira Code", monospace;
+  font-size: 0.9rem;
+}
+
+#chat dt, #chat dd {
+  display: inline-block;
+}
+
+#chat dt {
+  font-weight: 700;
+}
+
+
+#chat .system-prompt-message summary {
+  cursor: pointer;
+  margin: 1rem 0;
+}
+
 #chat .user-message {
   display: grid;
   grid-template-columns: auto 1fr;
@@ -314,13 +403,26 @@ form.htmx-request + .loader {
 }
 
 #chat .user-message .sender {
+  font-size: 75%;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  background: none;
+  border: 0.1rem solid var(--t1);
+  padding: 0.125rem 0.75rem;
+  border-radius: 2rem; 
   color: var(--t1);
-  border: 1px solid var(--t1);
-  padding: 0.125rem 0.5rem;
-  font-size: 70%;
+  margin-right: 0.5rem;
 }
 
+#chat .user-message .sender svg {
+  width: 1rem;
+  height: 1rem;
+}
 
+#chat .user-message>p {
+  padding-top: 0.25rem;
+}
 
 #chat .ai-message {
   display: grid;
@@ -332,30 +434,51 @@ form.htmx-request + .loader {
   font-size: 70%;
 }
 
+#chat .ai-message>div>* {
+  margin: 0.25rem 0;
+}
+
 
 #chat .function-call {
   display: grid;
   gap: 0.75rem;
   align-items: center;
+  grid-template-columns: auto 1fr;
 }
 
-#chat .function-name b {
+#chat .function-name {
   font-size: 75%;
-  display: inline-block;
+  justify-self: start;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
   background: var(--t1);
-  padding: 0rem 0.5rem;
+  border: 0.1rem solid var(--t1);
+  padding: 0.125rem 0.75rem;
   border-radius: 2rem; 
   color: var(--bg0);
   margin-right: 0.5rem;
 }
 
-#chat .function-call pre {
-  overflow-x: auto;
+#chat .function-name svg {
+  width: 1rem;
+  height: 1rem;
 }
 
-#chat .function-name code {
-  color: var(--t1);
-  font-weight: 700;
+#chat .function-call .exec-time {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.8rem;
+}
+
+#chat .function-call .exec-time svg {
+  width: 0.8rem;
+  height: 0.8rem;
+}
+
+#chat .function-call pre {
+  overflow-x: auto;
 }
 
 #chat .function-call .args {
@@ -365,10 +488,12 @@ form.htmx-request + .loader {
   font-family: Fira Code, monospace;
   font-size: 75%;
   line-height: 180%;
+  grid-column: 1 / -1;
 }
 
 #chat .function-output {
   overflow-x: auto;
+  grid-column: 1 / -1;
 }
 
 #chat table {

zaturn/studio/templates/function_call.html

@@ -1,7 +1,8 @@
 <div class="function-call">
-  <pre class="function-name"><b>fn_call</b><code>{{msg['call_details']['name']}}</code></pre>
-  {% if msg['call_details']['arguments'] %}
-    <p class="args">{{msg['call_details']['arguments'] | safe}}</p>
+  <b class="function-name">{% include('icons/wrench.svg') %} {{part['call_details']['name']}}</b>
+  <b class="exec-time">{% include('icons/timer.svg') %} {{part['call_details']['exec_time']}}s</b>
+  {% if part['call_details']['args_html'] %}
+    <p class="args">{{part['call_details']['args_html'] | safe}}</p>
   {% endif %}
-  <div class="function-output">{{ msg['html'] | safe}}</div>
+  <div class="function-output">{{ part['html_content'] | safe}}</div>
 </div>

zaturn/studio/templates/icons/arrow-left.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" stroke-width="1.5" fill="none">
+  <path d="M21 12L3 12M3 12L11.5 3.5M3 12L11.5 20.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/arrow-right.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" stroke-width="1.5" fill="none">
+  <path d="M3 12L21 12M21 12L12.5 3.5M21 12L12.5 20.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/chat-bubble.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none">
+  <path d="M17 12.5C17.2761 12.5 17.5 12.2761 17.5 12C17.5 11.7239 17.2761 11.5 17 11.5C16.7239 11.5 16.5 11.7239 16.5 12C16.5 12.2761 16.7239 12.5 17 12.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M7 12.5C7.27614 12.5 7.5 12.2761 7.5 12C7.5 11.7239 7.27614 11.5 7 11.5C6.72386 11.5 6.5 11.7239 6.5 12C6.5 12.2761 6.72386 12.5 7 12.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.8214 2.48697 15.5291 3.33782 17L2.5 21.5L7 20.6622C8.47087 21.513 10.1786 22 12 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/check-circle-solid.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM7.53044 11.9697C7.23755 11.6768 6.76268 11.6768 6.46978 11.9697C6.17689 12.2626 6.17689 12.7374 6.46978 13.0303L9.46978 16.0303C9.76268 16.3232 10.2376 16.3232 10.5304 16.0303L17.5304 9.03033C17.8233 8.73744 17.8233 8.26256 17.5304 7.96967C17.2375 7.67678 16.7627 7.67678 16.4698 7.96967L10.0001 14.4393L7.53044 11.9697Z" fill="currentColor" stroke-width="1.5"></path>
+</svg>

zaturn/studio/templates/icons/database.svg

@@ -0,0 +1,5 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none">
+  <path d="M5 12V18C5 18 5 21 12 21C19 21 19 18 19 18V12" stroke="currentColor" stroke-width="1.5"></path>
+  <path d="M5 6V12C5 12 5 15 12 15C19 15 19 12 19 12V6" stroke="currentColor" stroke-width="1.5"></path>
+  <path d="M12 3C19 3 19 6 19 6C19 6 19 9 12 9C5 9 5 6 5 6C5 6 5 3 12 3Z" stroke="currentColor" stroke-width="1.5"></path>
+</svg>

zaturn/studio/templates/icons/fire-flame.svg

@@ -0,0 +1,4 @@
+<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none">
+  <path d="M8 18C8 20.4148 9.79086 21 12 21C15.7587 21 17 18.5 14.5 13.5C11 18 10.5 11 11 9C9.5 12 8 14.8177 8 18Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M12 21C17.0495 21 20 18.0956 20 13.125C20 8.15444 12 3 12 3C12 3 4 8.15444 4 13.125C4 18.0956 6.95054 21 12 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/floppy-disk.svg

@@ -0,0 +1,5 @@
+<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none">
+  <path d="M3 19V5C3 3.89543 3.89543 3 5 3H16.1716C16.702 3 17.2107 3.21071 17.5858 3.58579L20.4142 6.41421C20.7893 6.78929 21 7.29799 21 7.82843V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19Z" stroke="currentColor" stroke-width="1.5"></path>
+  <path d="M8.6 9H15.4C15.7314 9 16 8.73137 16 8.4V3.6C16 3.26863 15.7314 3 15.4 3H8.6C8.26863 3 8 3.26863 8 3.6V8.4C8 8.73137 8.26863 9 8.6 9Z" stroke="currentColor" stroke-width="1.5"></path>
+  <path d="M6 13.6V21H18V13.6C18 13.2686 17.7314 13 17.4 13H6.6C6.26863 13 6 13.2686 6 13.6Z" stroke="currentColor" stroke-width="1.5"></path>
+</svg>

zaturn/studio/templates/icons/link.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none">
+  <path d="M14 11.9976C14 9.5059 11.683 7 8.85714 7C8.52241 7 7.41904 7.00001 7.14286 7.00001C4.30254 7.00001 2 9.23752 2 11.9976C2 14.376 3.70973 16.3664 6 16.8714C6.36756 16.9525 6.75006 16.9952 7.14286 16.9952" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M10 11.9976C10 14.4893 12.317 16.9952 15.1429 16.9952C15.4776 16.9952 16.581 16.9952 16.8571 16.9952C19.6975 16.9952 22 14.7577 22 11.9976C22 9.6192 20.2903 7.62884 18 7.12383C17.6324 7.04278 17.2499 6.99999 16.8571 6.99999" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/play.svg

@@ -0,0 +1,3 @@
+<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M6.90588 4.53682C6.50592 4.2998 6 4.58808 6 5.05299V18.947C6 19.4119 6.50592 19.7002 6.90588 19.4632L18.629 12.5162C19.0211 12.2838 19.0211 11.7162 18.629 11.4838L6.90588 4.53682Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/settings.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none">
+  <path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M19.6224 10.3954L18.5247 7.7448L20 6L18 4L16.2647 5.48295L13.5578 4.36974L12.9353 2H10.981L10.3491 4.40113L7.70441 5.51596L6 4L4 6L5.45337 7.78885L4.3725 10.4463L2 11V13L4.40111 13.6555L5.51575 16.2997L4 18L6 20L7.79116 18.5403L10.397 19.6123L11 22H13L13.6045 19.6132L16.2551 18.5155C16.6969 18.8313 18 20 18 20L20 18L18.5159 16.2494L19.6139 13.598L21.9999 12.9772L22 11L19.6224 10.3954Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/timer.svg

@@ -0,0 +1,5 @@
+<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none">
+  <path d="M9 2L15 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M12 10L12 14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M12 22C16.4183 22 20 18.4183 20 14C20 9.58172 16.4183 6 12 6C7.58172 6 4 9.58172 4 14C4 18.4183 7.58172 22 12 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/trash.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M21 6L15.375 6M3 6L8.625 6M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6L15.375 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/upload.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none">
+  <path d="M6 20L18 20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M12 16V4M12 4L15.5 7.5M12 4L8.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/user.svg

@@ -0,0 +1,4 @@
+<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none">
+  <path d="M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/warning-triangle.svg

@@ -0,0 +1,5 @@
+<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.0429 21H3.95705C2.41902 21 1.45658 19.3364 2.22324 18.0031L10.2662 4.01533C11.0352 2.67792 12.9648 2.67791 13.7338 4.01532L21.7768 18.0031C22.5434 19.3364 21.581 21 20.0429 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+  <path d="M12 9V13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+  <path d="M12 17.01L12.01 16.9989" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/icons/wrench.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" stroke-width="1.5" fill="none">
+  <path d="M10.0503 10.6066L2.97923 17.6777C2.19818 18.4587 2.19818 19.725 2.97923 20.5061V20.5061C3.76027 21.2871 5.0266 21.2871 5.80765 20.5061L12.8787 13.435" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M10.0502 10.6066C9.20638 8.45358 9.37134 5.6286 11.1109 3.88909C12.8504 2.14957 16.0606 1.76777 17.8284 2.82843L14.7877 5.8691L14.5051 8.98014L17.6161 8.69753L20.6568 5.65685C21.7175 7.42462 21.3357 10.6349 19.5961 12.3744C17.8566 14.1139 15.0316 14.2789 12.8786 13.435" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>

zaturn/studio/templates/loader.html

@@ -1 +1 @@
-<p class="loader">💆‍♀️ Relax, Zaturn is running...</p>
+<p class="loader">{% include('icons/play.svg') %} Relax, Zaturn is running...</p>

zaturn/studio/templates/manage_sources.html

@@ -1,13 +1,13 @@
 <section id="manage-sources">
   {% if sources %}
-    <h1>🔗 Your Data Sources</h1>
+    <h1>{% include('icons/database.svg') %} Your Data Sources</h1>
     {% for key in sources %}
       {% with key=key, active=sources[key]['active'] %}
         {% include('c_source_card.html') %}
       {% endwith %}
     {% endfor %}
   {% else %}
-    <h1>➕ Add Some Data</h1>
+    <h1>{% include('icons/database.svg') %} Add Some Data</h1>
   {% endif %}
 
   <div class="row-c2">
@@ -22,7 +22,7 @@
         <input type="file" name="datafile" accept=".csv,.db,.sqlite,.sqlite3,.duckdb,.parquet,.pq" placeholder="" required>
         <small><em>CSV / SQLite / DuckDB / Parquet</em></small>
       </label>
-      <button>⬆ Upload</button>
+      <button>{% include('icons/upload.svg') %} Upload</button>
       <progress value='0' max='100'></progress>
     </form>
   
@@ -36,9 +36,9 @@
       <label>
         <small>Or Link A Database Using URL</small>
         <input type="text" name="db_url" required>
-        <small><em>PostgreSQL / MySQL / Clickhouse</em></small>
+        <small><em>PostgreSQL / MySQL / Clickhouse / MSSQL</em></small>
       </label>
-      <button>🔗 Connect</button>
+      <button>{% include('icons/link.svg') %} Connect</button>
     </form>
   </div>
   

zaturn/studio/templates/new_conversation.html

@@ -1,5 +1,5 @@
 <section id="new-conversation">
-  <h1>Vamos! ᯓ★</h1>
+  <h1>Vamos!</h1>
   <p>An AMA Session With Your Data</p>
   <form action="/create_new_chat" method="POST">
     <textarea 
@@ -7,7 +7,7 @@
       name="question" 
       placeholder="Type your question here...&#10E.g.: Explore the linked data and tell me something useful."
     ></textarea>
-    <button>➡</button>
+    <button>{% include('icons/arrow-right.svg') %}</button>
   </form>
   {% include('loader.html') %}
 </section>

zaturn/studio/templates/settings.html

@@ -1,13 +1,13 @@
 <section id="settings">
   <h1>
-    <a href="/">⬅</a>
+    <a href="/">{% include('icons/arrow-left.svg') %}</a>
     Settings
   </h1>
   
   {% if updated %}
   <p class="alert">
     <code>{{updated}}</code> 
-    ✅ Settings Updated!
+    {% include('icons/check-circle-solid.svg') %} Settings Updated!
   </p>
   {% endif %}
   
@@ -24,6 +24,27 @@
       <small>OPENAI API ENDPOINT (Leave blank to use default)</small>
       <input type="text" name="api_endpoint" value="{{current['api_endpoint']}}">
     </label>
-    <button>💾 Save</button>
+    <label>
+      <small>REASONING EFFORT</small>
+      <select name="reasoning_effort">
+        <option value="none" {% if current['reasoning_effort']=='none' %}selected{% endif %}>
+          none
+        </option>
+        <option value="low" {% if current['reasoning_effort']=='low' %}selected{% endif %}>
+          low
+        </option>
+        <option value="medium" {% if current['reasoning_effort']=='medium' %}selected{% endif %}>
+          medium
+        </option>
+        <option value="high" {% if current['reasoning_effort']=='high' %}selected{% endif %}>
+          high
+        </option>
+      </select>
+    </label>
+    <label>
+      <small>SYSTEM PROMPT</small>
+      <textarea name="system_prompt" class="large" required>{{current['system_prompt']}}</textarea>
+    </label>
+    <button>{% include('icons/floppy-disk.svg') %} Save</button>
   </form>
 </section>

zaturn/studio/templates/setup_prompt.html

@@ -1,6 +1,7 @@
 <section id="setup-prompt">
-  <h1>Are You Ready? 🔥</h1>
+  <h1>Are You Ready? {% include('icons/fire-flame.svg') %}</h1>
   <p>We need to set you up though.</p>
   <p>Head over to <a href="/settings">settings</a> and add your LLM API Key.</p>
-  <p><a href="/settings" class="btn">⚙ Open Settings</a>
+  <br>
+  <p><a href="/settings" class="btn">{% include('icons/settings.svg') %} Open Settings</a>
 </section>

zaturn/studio/templates/user_message.html

@@ -1,4 +1,4 @@
 <div class="user-message">
-  <b class="sender">You</b>
-  <p>{{msg['content']}}</p>
+  <b class="sender">{% include('icons/user.svg') %} User</b>
+  <p>{{part['content']}}</p>
 </div>

zaturn/tools/config.py

@@ -1,8 +1,5 @@
-import argparse
 import os
 import platformdirs
-import pkg_resources
-import sys
 
 # Basic Setup
 USER_DATA_DIR = platformdirs.user_data_dir('zaturn', 'zaturn')
@@ -13,83 +10,3 @@ SOURCES_FILE = os.path.join(USER_DATA_DIR, 'sources.txt')
 os.makedirs(QUERIES_DIR, exist_ok=True)
 os.makedirs(VISUALS_DIR, exist_ok=True)
 
-# Parse command line args
-parser = argparse.ArgumentParser(
-    description="Zaturn: A read-only BI tool for analyzing various data sources"
-)
-parser.add_argument('--noimg', action='store_const', 
-    const=True, default=False, 
-    help='Return image file paths instead of images for visuals. Use when MCP client cannot render images.',
-)
-parser.add_argument('sources', nargs=argparse.REMAINDER, default=[], 
-    help='Data source (can be specified multiple times). Can be SQLite, MySQL, PostgreSQL connection string, or a path to CSV, Parquet, or DuckDB file.'
-)
-args = parser.parse_args()
-
-# Read and parse sources
-source_list = []
-if os.path.exists(SOURCES_FILE):
-    with open(SOURCES_FILE) as f:
-        source_list = [line.strip('\n') for line in f.readlines() if line.strip('\n')]
-
-if not source_list:
-    source_list = args.sources
-
-if not source_list:
-    source_list = [
-        pkg_resources.resource_filename(
-            'zaturn',
-            os.path.join('mcp', 'example_data', 'all_pokemon_data.csv')
-        )
-    ]
-    print("No data sources provided. Loading example dataset for demonstration.")
-    print(f"\nTo load your datasets, add them to {SOURCES_FILE} (one source URL or full file path per line)")
-    print("\nOr use command line args to specify data sources:")
-    print("zaturn_mcp sqlite:///path/to/mydata.db /path/to/my_file.csv")
-    print(f"\nNOTE: Sources in command line args will be ignored if sources are found in {SOURCES_FILE}")
-    
-CLI_SOURCES = {}
-for s in source_list:
-    source = s.lower()
-    if source.startswith('sqlite://'):
-        source_type = 'sqlite'
-        source_name = source.split('/')[-1].split('?')[0].split('.db')[0]
-    elif source.startswith('postgresql://'):
-        source_type = 'postgresql'
-        source_name = source.split('/')[-1].split('?')[0]
-    elif source.startswith("mysql://") or source.startswith("mysql+pymysql://"):
-        source_type = 'mysql'
-        s = s.replace('mysql://', 'mysql+pymysql://')
-        source_name = source.split('/')[-1].split('?')[0]
-    elif source.startswith('clickhouse://'):
-        source_type = 'clickhouse'
-        source_name = source.split('/')[-1].split('?')[0]
-    elif source.endswith(".duckdb"):
-        source_type = "duckdb"
-        source_name = source.split('/')[-1].split('.')[0]
-    elif source.endswith(".csv"):
-        source_type = "csv"
-        source_name = source.split('/')[-1].split('.')[0]
-    elif source.endswith(".parquet") or source.endswith(".pq"):
-        source_type = "parquet"
-        source_name = source.split('/')[-1].split('.')[0]
-    else:
-        continue
-
-    source_id = f'{source_name}-{source_type}'
-    if source_id in CLI_SOURCES:
-        i = 2
-        while True:
-            source_id = f'{source_name}{i}-{source_type}'
-            if source_id not in SOURCES:
-                break
-            i += 1
-
-    CLI_SOURCES[source_id] = {'url': s, 'type': source_type}
-
-
-# Other Settings
-CLI_RETURN_IMAGES = not args.noimg
-
-
-