feat: ingress form in modal & delete relationship

templates/icons/refresh_icon.html

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
+  class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round"
+    d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
+</svg>

templates/index/signed_in/active_jobs.html

@@ -1,6 +1,11 @@
 {% block active_jobs_section %}
-<ul id="active_jobs_section" class="list ">
-  <li class="py-4 text-center font-bold tracking-wide">Active Jobs</li>
+<ul id="active_jobs_section" class="list">
+  <div class="flex justify-center items-center gap-4">
+    <li class="py-4 text-center font-bold tracking-wide">Active Jobs</li>
+    <button class="cursor-pointer scale-75" hx-get="/active-jobs" hx-target="#active_jobs_section" hx-swap="outerHTML">
+      {% include "icons/refresh_icon.html" %}
+    </button>
+  </div>
   {% for item in active_jobs %}
   <li class="list-row">
     <div class="bg-secondary rounded-box size-10 flex justify-center items-center text-secondary-content">

templates/index/signed_in/ingress_modal.html

@@ -0,0 +1,57 @@
+{% extends "modal_base.html" %}
+
+{% block form_attributes %}
+hx-post="/ingress-form"
+enctype="multipart/form-data"
+hx-target="#active_jobs_section"
+hx-swap="outerHTML"
+{% endblock %}
+
+{% block modal_content %}
+<h3 class="text-lg font-bold mb-4">Add new content</h3>
+
+<div class="form-control">
+  <label class="floating-label">
+    <span>Instructions</span>
+    <textarea name="instructions" class="textarea w-full validator"
+      placeholder="Enter instructions for the AI here, help it understand what its seeing or how it should relate to the database"
+      required>{{ instructions }}</textarea>
+    <div class="validator-hint hidden">Instructions are required</div>
+  </label>
+</div>
+
+<div class="form-control mt-4">
+  <label class="floating-label">
+    <span>Content</span>
+    <textarea name="content" class="textarea input-bordered w-full"
+      placeholder="Enter the content you want to ingress, it can be an URL or a text snippet">{{ content }}</textarea>
+  </label>
+</div>
+
+<div class="form-control mt-4">
+  <label class="floating-label">
+    <span>Category</span>
+    <input type="text" name="category" class="input input-bordered validator w-full" value="{{ category }}"
+      list="category-list" required />
+    <datalist id="category-list">
+      {% for category in user_categories %}
+      <option value="{{ category }}" />
+      {% endfor %}
+    </datalist>
+    <div class="validator-hint hidden">Category is required</div>
+  </label>
+</div>
+
+<div class="form-control mt-4">
+  <label class="label label-text">Files</label>
+  <input type="file" name="files" multiple class="file-input file-input-bordered w-full" />
+</div>
+
+<div id="error-message" class="text-error text-center {% if not error %}hidden{% endif %}">{{ error }}</div>
+{% endblock %}
+
+{% block primary_actions %}
+<button type="submit" class="btn btn-primary">
+  Save Changes
+</button>
+{% endblock %}

templates/index/signed_in/quick_actions.html

@@ -1,4 +1,5 @@
-<div class="flex gap-4 flex-col">
+<div class="flex gap-4 flex-col sm:flex-row">
   <a class="btn btn-secondary" href="/knowledge" hx-boost="true">View Knowledge</a>
-  <button class="btn btn-primary" hx-get="/ingress-form" hx-swap="outerHTML">Add Content</button>
+  <button class="btn btn-primary" hx-get="/ingress-form" hx-target="#modal" hx-swap="innerHTML">Add
+    Content</button>
 </div>

templates/ingress_form.html

@@ -1,41 +0,0 @@
-<form id="ingress-form" class="space-y-4 mt-2 w-full" hx-post="/ingress-form" enctype="multipart/form-data">
-  <div class="form-control">
-    <label class="floating-label">
-      <span>Instructions</span>
-      <textarea name="instructions" class="textarea w-full validator"
-        placeholder="Enter instructions for the AI here, help it understand what its seeing or how it should relate to the database"
-        required>{{ instructions }}</textarea>
-      <div class="validator-hint hidden">Instructions are required</div>
-    </label>
-  </div>
-  <div class="form-control">
-    <label class="floating-label">
-      <span>Content</span>
-      <textarea name="content" class="textarea input-bordered w-full"
-        placeholder="Enter the content you want to ingress, it can be an URL or a text snippet">{{ content }}</textarea>
-    </label>
-  </div>
-  <div class="form-control">
-    <label class="floating-label">
-      <span>Category</span>
-      <input type="text" name="category" class="input input-bordered validator w-full" value="{{ category }}"
-        list="category-list" required />
-      <datalist id="category-list">
-        {% for category in user_categories %}
-        <option value="{{ category }}" />
-        {% endfor %}
-      </datalist>
-      <div class="validator-hint hidden">Category is required</div>
-    </label>
-  </div>
-  <div class="form-control">
-    <label class="label label-text">Files</label>
-    <input type="file" name="files" multiple class="file-input file-input-bordered w-full" />
-  </div>
-  <div id="error-message" class="text-error text-center {% if not error %}hidden{% endif %}">{{ error }}</div>
-  <div class="form-control mt-6 flex flex-col sm:flex-row gap-1">
-    <button type="submit" class="btn btn-primary w-full sm:w-fit">Submit</button>
-    <button hx-get="/hide-ingress-form" hx-target="#ingress-form" hx-swap="outerHTML"
-      class="btn btn-outline w-full sm:w-fit">Cancel</button>
-  </div>
-</form>

templates/knowledge/relationship_table.html

@@ -1,4 +1,5 @@
-<div class="overflow-x-auto shadow rounded-box border border-base-content/5 bg-base-100">
+<div id="relationship_table_section"
+  class="overflow-x-auto shadow rounded-box border border-base-content/5 bg-base-100">
   <table class="table">
     <thead>
       <tr>
@@ -39,9 +40,9 @@
 
         <td>{{ relationship.metadata.relationship_type }}</td>
         <td>
-          <button class="btn btn-sm btn-outline" hx-get="/relationship/{{ relationship.id }}/edit"
-            hx-target="#modal_container" hx-swap="innerHTML">
-            Edit
+          <button class="btn btn-sm btn-outline" hx-delete="/knowledge-relationship/{{ relationship.id }}"
+            hx-target="#relationship_table_section" hx-swap="outerHTML">
+            {% include "icons/delete_icon.html" %}
           </button>
         </td>
       </tr>