refactor: better separation of dependencies to crates

node stuff to html crate only

html-router/templates/knowledge/base.html

@@ -0,0 +1,19 @@
+{% extends 'body_base.html' %}
+{% block main %}
+<main class="flex justify-center grow mt-2 sm:mt-4 gap-6 mb-10">
+  <div class="container">
+    <h2 class="text-2xl font-bold mb-2">Entities</h2>
+    {% include "knowledge/entity_list.html" %}
+
+
+
+    <h2 class="text-2xl font-bold mb-2 mt-10">Relationships</h2>
+    {% include "knowledge/relationship_table.html" %}
+
+    <div class="rounded-box overflow-clip mt-10 shadow">
+      {{plot_html|safe}}
+    </div>
+
+  </div>
+</main>
+{% endblock %}

html-router/templates/knowledge/edit_knowledge_entity_modal.html

@@ -0,0 +1,43 @@
+{% extends "modal_base.html" %}
+
+{% block form_attributes %}
+hx-patch="/knowledge-entity/{{entity.id}}"
+hx-target="#entity-list"
+hx-swap="outerHTML"
+{% endblock %}
+
+{% block modal_content %}
+<h3 class="text-lg font-bold">Edit Entity</h3>
+
+<div class="form-control">
+  <label class="floating-label">
+    <span class="label-text">Name</span>
+    <input type="text" name="name" value="{{ entity.name }}" class="input input-bordered w-full">
+  </label>
+</div>
+
+<div class="form-control relative" style="margin-top: -1.5rem;">
+  <div class="absolute !left-3 !top-2.5 z-50 p-0.5 bg-white text-xs text-light">Type</div>
+      <select name="entity_type" class="select w-full">
+    <option disabled>You must select a type</option>
+         {% for et in entity_types %}
+          <option value="{{ et }}" {% if entity.entity_type==et %}selected{% endif %}>{{ et }}</option>
+         {% endfor %}
+  </select>
+</div>
+
+<input type="text" name="id" value="{{ entity.id }}" class="hidden">
+
+<div class="form-control">
+  <label class="floating-label">
+    <span class="label-text">Description</span>
+    <textarea name="description" class="w-full textarea textarea-bordered h-32">{{ entity.description }}</textarea>
+  </label>
+</div>
+{% endblock %}
+
+{% block primary_actions %}
+<button type="submit" class="btn btn-primary">
+  Save Changes
+</button>
+{% endblock %}

html-router/templates/knowledge/entity_list.html

@@ -0,0 +1,25 @@
+<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4" id="entity-list">
+  {% for entity in entities %}
+  <div class="card min-w-72 bg-base-100 shadow">
+    <div class="card-body">
+      <h2 class="card-title">{{entity.name}}
+        <span class="badge badge-xs badge-primary">{{entity.entity_type}}</span>
+      </h2>
+      <div class="flex justify-between items-center">
+        <p>{{entity.updated_at | datetimeformat(format="short", tz=user.timezeone)}}</p>
+        <div>
+          <button hx-get="/knowledge-entity/{{entity.id}}" hx-target="#modal" hx-swap="innerHTML"
+            class="btn  btn-square btn-ghost btn-sm">
+            {% include "icons/edit_icon.html" %}
+          </button>
+          <button hx-delete="/knowledge-entity/{{entity.id}}" hx-target="#entity-list" hx-swap="outerHTML"
+            class="btn btn-square btn-ghost btn-sm">
+            {% include "icons/delete_icon.html" %}
+          </button>
+        </div>
+      </div>
+      <p>{{entity.description}}</p>
+    </div>
+  </div>
+  {% endfor %}
+</div>

html-router/templates/knowledge/relationship_table.html

@@ -0,0 +1,85 @@
+<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>
+        <th>Origin</th>
+        <th>Target</th>
+        <th>Type</th>
+        <th>Actions</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for relationship in relationships %}
+      <tr>
+        <!-- Origin column -->
+        <td>
+          {% for entity in entities if entity.id == relationship.in %}
+          <span> {{ entity.name }}
+          </span>
+          {% else %}
+          {{ relationship.in }}
+          {% endfor %}
+        </td>
+        <!-- Target column -->
+        <td>
+          {% for entity in entities if entity.id == relationship.out %}
+          <span>
+            {{ entity.name }}
+          </span>
+          {% else %}
+          {{ relationship.out }}
+          {% endfor %}
+        </td>
+        <td>{{ relationship.metadata.relationship_type }}</td>
+        <td>
+          <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>
+      {% endfor %}
+      <!-- New linking row -->
+      <tr id="new_relationship">
+        <td>
+          <select name="in_" class="select select-bordered w-full new_relationship_input">
+            <option disabled selected>Select Origin</option>
+            {% for entity in entities %}
+            <option value="{{ entity.id }}">
+              {{ entity.name }}
+            </option>
+            {% endfor %}
+          </select>
+        </td>
+        <td>
+          <select name="out" class="select select-bordered w-full new_relationship_input">
+            <option disabled selected>Select Target</option>
+            {% for entity in entities %}
+            <option value="{{ entity.id }}">{{ entity.name }}</option>
+            {% endfor %}
+          </select>
+        </td>
+        <td>
+          <input id="relationship_type_input" name="relationship_type" type="text" placeholder="RelatedTo"
+            class="input input-bordered w-full new_relationship_input" />
+        </td>
+        <td>
+          <button id="save_relationship_button" type="button" class="btn btn-primary btn-sm"
+            hx-post="/knowledge-relationship" hx-target="#relationship_table_section" hx-swap="outerHTML"
+            hx-include=".new_relationship_input">
+            Save
+          </button>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+<script>
+  document.getElementById('relationship_type_input').addEventListener('keydown', function (event) {
+    if (event.key === 'Enter') {
+      event.preventDefault(); // Prevent form submission if within a form
+      document.getElementById('save_relationship_button').click();
+    }
+  });
+</script>