Improve chat experience and begin search implementation

core/templates/partials/osint/search-panel.html

@@ -0,0 +1,78 @@
+<div class="box">
+  <form
+    class="osint-search-form"
+    method="get"
+    action="{{ osint_search_url }}"
+    hx-get="{{ osint_search_url }}"
+    hx-target="#osint-search-results"
+    hx-swap="innerHTML">
+    <div class="columns is-multiline">
+      <div class="column is-4">
+        <label class="label">Scope</label>
+        <div class="select is-fullwidth">
+          <select name="scope">
+            {% for option in scope_options %}
+              <option
+                value="{{ option.value }}"
+                {% if option.value == selected_scope %}selected{% endif %}>
+                {{ option.label }}
+              </option>
+            {% endfor %}
+          </select>
+        </div>
+      </div>
+      <div class="column is-4">
+        <label class="label">Field</label>
+        <div class="select is-fullwidth">
+          <select name="field">
+            <option value="__all__" {% if selected_field == "__all__" %}selected{% endif %}>
+              All Fields
+            </option>
+            {% for option in field_options %}
+              <option
+                value="{{ option.value }}"
+                {% if option.value == selected_field %}selected{% endif %}>
+                {{ option.label }}
+              </option>
+            {% endfor %}
+          </select>
+        </div>
+      </div>
+      <div class="column is-4">
+        <label class="label">Rows Per Page</label>
+        <div class="select is-fullwidth">
+          <select name="per_page">
+            <option value="10" {% if selected_per_page == 10 %}selected{% endif %}>10</option>
+            <option value="20" {% if selected_per_page == 20 %}selected{% endif %}>20</option>
+            <option value="50" {% if selected_per_page == 50 %}selected{% endif %}>50</option>
+            <option value="100" {% if selected_per_page == 100 %}selected{% endif %}>100</option>
+          </select>
+        </div>
+      </div>
+      <div class="column is-9">
+        <label class="label">Search Query</label>
+        <input
+          class="input"
+          type="text"
+          name="q"
+          value="{{ search_query }}"
+          placeholder="Search text, values, or relation names...">
+      </div>
+      <div class="column is-3">
+        <label class="label">&nbsp;</label>
+        <div class="buttons">
+          <button class="button is-link is-light is-fullwidth" type="submit">
+            Search
+          </button>
+          <a class="button is-light is-fullwidth" href="{{ osint_search_url }}">
+            Reset
+          </a>
+        </div>
+      </div>
+    </div>
+  </form>
+
+  <div id="osint-search-results">
+    {% include "partials/results_table.html" %}
+  </div>
+</div>