local-deep-research 0.1.26__py3-none-any.whl → 0.2.0__py3-none-any.whl

local_deep_research/web/templates/components/mobile_nav.html

@@ -0,0 +1,22 @@
+<nav class="mobile-tab-bar">
+    <ul>
+        <li {% if active_page == 'new-research' %}class="active"{% endif %} data-page="new-research">
+            <a href="{{ url_for('research.index') }}">
+                <i class="fas fa-search"></i>
+                <span>Research</span>
+            </a>
+        </li>
+        <li {% if active_page == 'history' %}class="active"{% endif %} data-page="history">
+            <a href="{{ url_for('research.history_page') }}">
+                <i class="fas fa-history"></i>
+                <span>History</span>
+            </a>
+        </li>
+        <li {% if active_page == 'settings' %}class="active"{% endif %} data-page="settings">
+            <a href="{{ url_for('research.settings_page') }}">
+                <i class="fas fa-cog"></i>
+                <span>Settings</span>
+            </a>
+        </li>
+    </ul>
+</nav> 

local_deep_research/web/templates/components/settings_form.html

@@ -0,0 +1,299 @@
+{% macro render_setting(setting, id_prefix="") %}
+    {% set setting_id = (id_prefix ~ "-" if id_prefix else "") ~ setting.key|replace(".", "-") %}
+
+    <div class="settings-item form-group" data-key="{{ setting.key }}">
+        <div class="settings-item-header">
+            <label for="{{ setting_id }}">{{ setting.name }}</label>
+            {% if setting.description %}
+                <span class="settings-tooltip" title="{{ setting.description }}">
+                    <i class="fas fa-info-circle"></i>
+                </span>
+            {% endif %}
+        </div>
+
+        {% if setting.ui_element == "textarea" %}
+            {# Check if this is JSON content that should be expanded into controls #}
+            {% if setting.value is mapping or (setting.value is string and (setting.value.startswith('{') and setting.value.endswith('}'))) %}
+                <div class="json-expanded-controls">
+                    {% if setting.value is string %}
+                        {% set json_value = setting.value|tojson %}
+                    {% else %}
+                        {% set json_value = setting.value %}
+                    {% endif %}
+
+                    {# Store the original JSON in a hidden field #}
+                    <input type="hidden" id="{{ setting_id }}_original" name="{{ setting.key }}_original" value="{{ setting.value|tojson }}">
+
+                    {# Create individual form controls for each JSON property #}
+                    <div class="json-property-controls">
+                        {% for key, value in json_value.items() %}
+                            <div class="json-property-item">
+                                <label for="{{ setting_id }}_{{ key }}">{{ key|replace("_", " ")|title }}</label>
+
+                                {% if value is boolean %}
+                                    <div class="checkbox-label">
+                                        <input type="checkbox"
+                                               id="{{ setting_id }}_{{ key }}"
+                                               name="{{ setting.key }}_{{ key }}"
+                                               class="json-property-control"
+                                               data-property="{{ key }}"
+                                               data-parent-key="{{ setting.key }}"
+                                               {% if value %}checked{% endif %}
+                                               {% if not setting.editable %}disabled{% endif %}>
+                                        <span class="checkbox-text">{{ key|replace("_", " ")|title }}</span>
+                                    </div>
+                                {% elif value is number %}
+                                    <input type="number"
+                                           id="{{ setting_id }}_{{ key }}"
+                                           name="{{ setting.key }}_{{ key }}"
+                                           class="settings-input form-control json-property-control"
+                                           data-property="{{ key }}"
+                                           data-parent-key="{{ setting.key }}"
+                                           value="{{ value }}"
+                                           {% if not setting.editable %}disabled{% endif %}>
+                                {% elif value is string and value in ["ITERATION", "NONE"] %}
+                                    <select id="{{ setting_id }}_{{ key }}"
+                                            name="{{ setting.key }}_{{ key }}"
+                                            class="settings-select form-control json-property-control"
+                                            data-property="{{ key }}"
+                                            data-parent-key="{{ setting.key }}"
+                                            {% if not setting.editable %}disabled{% endif %}>
+                                        <option value="ITERATION" {% if value == "ITERATION" %}selected{% endif %}>Iteration</option>
+                                        <option value="NONE" {% if value == "NONE" %}selected{% endif %}>None</option>
+                                    </select>
+                                {% else %}
+                                    <input type="text"
+                                           id="{{ setting_id }}_{{ key }}"
+                                           name="{{ setting.key }}_{{ key }}"
+                                           class="settings-input form-control json-property-control"
+                                           data-property="{{ key }}"
+                                           data-parent-key="{{ setting.key }}"
+                                           value="{{ value }}"
+                                           {% if not setting.editable %}disabled{% endif %}>
+                                {% endif %}
+
+                                <div class="input-help">{{ key|replace("_", " ")|title }}</div>
+                            </div>
+                        {% endfor %}
+                    </div>
+                </div>
+            {% else %}
+                <textarea
+                    id="{{ setting_id }}"
+                    name="{{ setting.key }}"
+                    class="settings-textarea form-control"
+                    {% if not setting.editable %}disabled{% endif %}
+                >{{ setting.value if setting.value is not none else "" }}</textarea>
+            {% endif %}
+
+        {% elif setting.ui_element == "select" %}
+            {% if setting.key == "llm.provider" %}
+                {% from "components/custom_dropdown.html" import render_dropdown %}
+                {{ render_dropdown(
+                    input_id=setting.key,
+                    dropdown_id=setting_id + "-dropdown",
+                    placeholder="Select a provider",
+                    label=None,
+                    help_text=setting.description if setting.description else None,
+                    allow_custom=False,
+                    show_refresh=True,
+                    data_setting_key=setting.key
+                ) }}
+            {% else %}
+                <select
+                    id="{{ setting_id }}"
+                    name="{{ setting.key }}"
+                    class="settings-select form-control"
+                    {% if not setting.editable %}disabled{% endif %}
+                >
+                    {% for option in setting.options %}
+                        <option
+                            value="{{ option.value }}"
+                            {% if option.value == setting.value %}selected{% endif %}
+                        >
+                            {{ option.label if option.label else option.value }}
+                        </option>
+                    {% endfor %}
+                </select>
+            {% endif %}
+
+        {% elif setting.ui_element == "checkbox" %}
+            <div class="checkbox-label">
+                <input
+                    type="checkbox"
+                    id="{{ setting_id }}"
+                    name="{{ setting.key }}"
+                    {% if setting.value == true or setting.value == "true" %}checked{% endif %}
+                    {% if not setting.editable %}disabled{% endif %}
+                >
+                <span class="checkbox-text">{{ setting.name }}</span>
+            </div>
+
+        {% elif setting.ui_element == "slider" or setting.ui_element == "range" %}
+            {% set min_value = setting.min_value if setting.min_value is not none else 0 %}
+            {% set max_value = setting.max_value if setting.max_value is not none else 100 %}
+            {% set step = setting.step if setting.step is not none else 1 %}
+
+            <div class="settings-range-container">
+                <input
+                    type="range"
+                    id="{{ setting_id }}"
+                    name="{{ setting.key }}"
+                    class="settings-range form-control"
+                    value="{{ setting.value if setting.value is not none else min_value }}"
+                    min="{{ min_value }}"
+                    max="{{ max_value }}"
+                    step="{{ step }}"
+                    {% if not setting.editable %}disabled{% endif %}
+                >
+                <span class="settings-range-value" id="{{ setting_id }}-value">{{ setting.value if setting.value is not none else min_value }}</span>
+            </div>
+
+        {% elif setting.ui_element == "number" %}
+            {% set min_value = setting.min_value if setting.min_value is not none else "" %}
+            {% set max_value = setting.max_value if setting.max_value is not none else "" %}
+            {% set step = setting.step if setting.step is not none else 1 %}
+
+            <input
+                type="number"
+                id="{{ setting_id }}"
+                name="{{ setting.key }}"
+                class="settings-input form-control"
+                value="{{ setting.value if setting.value is not none else '' }}"
+                min="{{ min_value }}"
+                max="{{ max_value }}"
+                step="{{ step }}"
+                {% if not setting.editable %}disabled{% endif %}
+            >
+
+        {% elif setting.ui_element == "password" %}
+            <input
+                type="password"
+                id="{{ setting_id }}"
+                name="{{ setting.key }}"
+                class="settings-input form-control"
+                value="{{ setting.value if setting.value is not none else '' }}"
+                {% if not setting.editable %}disabled{% endif %}
+            >
+
+        {% elif setting.key == "llm.model" or setting.key == "search.tool" %}
+            {% from "components/custom_dropdown.html" import render_dropdown %}
+            {{ render_dropdown(
+                input_id=setting.key,
+                dropdown_id=setting_id + "-dropdown",
+                placeholder="Select or enter a value",
+                label=None,
+                help_text=setting.description if setting.description else None,
+                allow_custom=setting.key == "llm.model",
+                show_refresh=True,
+                refresh_aria_label="Refresh model list" if setting.key == "llm.model" else "Refresh search engine list",
+                data_setting_key=setting.key
+            ) }}
+
+        {% else %}
+            {% if setting.value is mapping or (setting.value is string and (setting.value.startswith('{') and setting.value.endswith('}'))) %}
+                <div class="json-expanded-controls">
+                    {% if setting.value is string %}
+                        {% set json_value = setting.value|tojson %}
+                    {% else %}
+                        {% set json_value = setting.value %}
+                    {% endif %}
+
+                    {# Store the original JSON in a hidden field #}
+                    <input type="hidden" id="{{ setting_id }}_original" name="{{ setting.key }}_original" value="{{ setting.value|tojson }}">
+
+                    {# Create individual form controls for each JSON property #}
+                    <div class="json-property-controls">
+                        {% for key, value in json_value.items() %}
+                            <div class="json-property-item">
+                                <label for="{{ setting_id }}_{{ key }}">{{ key|replace("_", " ")|title }}</label>
+
+                                {% if value is boolean %}
+                                    <div class="checkbox-label">
+                                        <input type="checkbox"
+                                               id="{{ setting_id }}_{{ key }}"
+                                               name="{{ setting.key }}_{{ key }}"
+                                               class="json-property-control"
+                                               data-property="{{ key }}"
+                                               data-parent-key="{{ setting.key }}"
+                                               {% if value %}checked{% endif %}
+                                               {% if not setting.editable %}disabled{% endif %}>
+                                        <span class="checkbox-text">{{ key|replace("_", " ")|title }}</span>
+                                    </div>
+                                {% elif value is number %}
+                                    <input type="number"
+                                           id="{{ setting_id }}_{{ key }}"
+                                           name="{{ setting.key }}_{{ key }}"
+                                           class="settings-input form-control json-property-control"
+                                           data-property="{{ key }}"
+                                           data-parent-key="{{ setting.key }}"
+                                           value="{{ value }}"
+                                           {% if not setting.editable %}disabled{% endif %}>
+                                {% else %}
+                                    <input type="text"
+                                           id="{{ setting_id }}_{{ key }}"
+                                           name="{{ setting.key }}_{{ key }}"
+                                           class="settings-input form-control json-property-control"
+                                           data-property="{{ key }}"
+                                           data-parent-key="{{ setting.key }}"
+                                           value="{{ value }}"
+                                           {% if not setting.editable %}disabled{% endif %}>
+                                {% endif %}
+
+                                <div class="input-help">{{ key|replace("_", " ")|title }}</div>
+                            </div>
+                        {% endfor %}
+                    </div>
+                </div>
+            {% else %}
+                <input
+                    type="text"
+                    id="{{ setting_id }}"
+                    name="{{ setting.key }}"
+                    class="settings-input form-control"
+                    value="{{ setting.value if setting.value is not none else '' }}"
+                    {% if not setting.editable %}disabled{% endif %}
+                >
+            {% endif %}
+        {% endif %}
+
+        {% if setting.description and setting.key != "llm.model" and setting.key != "search.tool" and setting.key != "llm.provider" %}
+            <div class="input-help">{{ setting.description }}</div>
+        {% endif %}
+    </div>
+{% endmacro %}
+
+{% macro render_settings_section(section_title, section_id, settings, form_id='settings-form') %}
+    <div class="settings-section">
+        <div class="settings-section-header" data-target="{{ section_id }}">
+            <div class="settings-section-title">
+                {{ section_title }}
+            </div>
+            <div class="settings-toggle-icon">
+                <i class="fas fa-chevron-down"></i>
+            </div>
+        </div>
+        <div id="{{ section_id }}" class="settings-section-body">
+            {% for setting in settings %}
+                {{ render_setting(setting, form_id) }}
+            {% endfor %}
+        </div>
+    </div>
+{% endmacro %}
+
+{% macro render_settings_form(settings_by_category, form_id, form_action) %}
+    <form id="{{ form_id }}" action="{{ form_action }}" method="POST" class="settings-form">
+        {% for category, settings in settings_by_category.items() %}
+            {{ render_settings_section(category, category|lower|replace(' ', '-'), settings, form_id) }}
+        {% endfor %}
+
+        <div class="form-actions">
+            <button type="reset" class="btn btn-outline">
+                <i class="fas fa-undo"></i> Reset Changes
+            </button>
+            <button type="submit" class="btn btn-primary">
+                <i class="fas fa-save"></i> Save Changes
+            </button>
+        </div>
+    </form>
+{% endmacro %}

local_deep_research/web/templates/components/sidebar.html

@@ -0,0 +1,21 @@
+<aside class="sidebar">
+    <div class="sidebar-header">
+        <h2 id="logo-link" style="cursor: pointer;"><i class="fas fa-atom"></i> Deep Research</h2>
+    </div>
+    <nav class="sidebar-nav">
+        <ul>
+            <li {% if active_page == 'new-research' %}class="active"{% endif %} data-page="new-research">
+                <a href="{{ url_for('research.index') }}"><i class="fas fa-search"></i> New Research</a>
+            </li>
+            <li {% if active_page == 'history' %}class="active"{% endif %} data-page="history">
+                <a href="{{ url_for('research.history_page') }}"><i class="fas fa-history"></i> History</a>
+            </li>
+            <li {% if active_page == 'settings' %}class="active"{% endif %} data-page="settings">
+                <a href="{{ url_for('research.settings_page') }}"><i class="fas fa-cog"></i> Settings</a>
+            </li>
+        </ul>
+    </nav>
+    <div class="sidebar-footer">
+        <p>v0.2.0 | <i class="fas fa-brain"></i></p>
+    </div>
+</aside>

local_deep_research/web/templates/pages/details.html

@@ -0,0 +1,73 @@
+{% extends "base.html" %}
+
+{% block title %}Research Details - Deep Research System{% endblock %}
+
+{% block content %}
+<div class="page active" id="research-details">
+    <div class="page-header">
+        <div class="results-header">
+            <h1>Research Details</h1>
+            <div class="results-actions">
+                <button class="btn btn-outline" id="back-to-history-from-details"><i class="fas fa-arrow-left"></i> Back to History</button>
+            </div>
+        </div>
+    </div>
+    <div class="card">
+        <div class="card-content">
+            <div class="research-metadata">
+                <div class="metadata-item">
+                    <span class="metadata-label">Query:</span>
+                    <span id="detail-query" class="metadata-value"></span>
+                </div>
+                <div class="metadata-item">
+                    <span class="metadata-label">Status:</span>
+                    <span id="detail-status" class="metadata-value"></span>
+                </div>
+                <div class="metadata-item">
+                    <span class="metadata-label">Mode:</span>
+                    <span id="detail-mode" class="metadata-value"></span>
+                </div>
+                <div class="metadata-item">
+                    <span class="metadata-label">Progress:</span>
+                    <div class="detail-progress-container">
+                        <div class="detail-progress-bar">
+                            <div class="detail-progress-fill" id="detail-progress-fill"></div>
+                        </div>
+                        <span id="detail-progress-percentage">0%</span>
+                    </div>
+                </div>
+            </div>
+
+            <div class="research-log-container">
+                <h3>Research Progress Log</h3>
+                <div class="research-log" id="research-log">
+                    <!-- Will be populated dynamically -->
+                    <div class="loading-spinner centered">
+                        <div class="spinner"></div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="detail-actions" id="detail-actions">
+                <!-- Conditionally shown based on research status -->
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}
+
+{% block templates %}
+<template id="log-entry-template">
+    <div class="log-entry">
+        <div class="log-entry-time"></div>
+        <div class="log-entry-content">
+            <div class="log-entry-message"></div>
+            <div class="log-entry-progress"></div>
+        </div>
+    </div>
+</template>
+{% endblock %}
+
+{% block page_scripts %}
+<script src="{{ url_for('research.serve_static', path='js/components/details.js') }}"></script>
+{% endblock %} 

local_deep_research/web/templates/pages/history.html

@@ -0,0 +1,51 @@
+{% extends "base.html" %}
+
+{% set active_page = 'history' %}
+
+{% block title %}Research History - Deep Research System{% endblock %}
+
+{% block styles %}
+{{ super() }}
+<link rel="stylesheet" href="{{ url_for('research.serve_static', path='css/components/history.css') }}">
+{% endblock %}
+
+{% block content %}
+<div class="page active" id="history">
+    <div class="page-header">
+        <h1>Research History</h1>
+    </div>
+    <div class="card">
+        <div class="card-content">
+            <div class="search-controls" style="margin-bottom: 1rem;">
+                <input type="text" id="history-search" placeholder="Search history..." class="search-input">
+                <button id="clear-history-btn" class="btn btn-danger" style="display: none;">
+                    <i class="fas fa-trash-alt"></i> Clear All
+                </button>
+            </div>
+            <div class="history-list" id="history-items">
+                <!-- Will be populated dynamically -->
+                <div class="loading-spinner centered">
+                    <div class="spinner"></div>
+                </div>
+            </div>
+            <div id="history-empty-message" class="empty-state" style="display: none;">
+                <i class="fas fa-history empty-icon"></i>
+                <p>No research history found.</p>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}
+
+{% block templates %}
+<!-- Template is no longer needed since we build items dynamically in JavaScript -->
+{% endblock %}
+
+{% block page_scripts %}
+<!-- Load utilities first -->
+<script src="{{ url_for('research.serve_static', path='js/services/ui.js') }}"></script>
+<script src="{{ url_for('research.serve_static', path='js/services/formatting.js') }}"></script>
+<script src="{{ url_for('research.serve_static', path='js/services/api.js') }}"></script>
+<!-- Then load the component -->
+<script src="{{ url_for('research.serve_static', path='js/components/history.js') }}"></script>
+{% endblock %} 

local_deep_research/web/templates/pages/progress.html

@@ -0,0 +1,57 @@
+{% extends "base.html" %}
+
+{% block title %}Research in Progress - Deep Research System{% endblock %}
+
+{% block content %}
+<div class="page active" id="research-progress">
+    <div class="page-header">
+        <h1>Research in Progress</h1>
+    </div>
+    <div class="card">
+        <div class="card-content">
+            <div class="progress-info">
+                <div class="current-query-container">
+                    <div class="current-query-label">Current Query:</div>
+                    <div id="current-query" class="current-query"></div>
+                </div>
+                <div class="progress-container">
+                    <div class="progress-bar">
+                        <div id="progress-bar" class="progress-fill"></div>
+                    </div>
+                    <div id="progress-percentage" class="progress-percentage">0%</div>
+                </div>
+                <div class="status-container">
+                    <div class="status-label">Status:</div>
+                    <div id="status-text" class="status-indicator">Initializing</div>
+                </div>
+                <div class="task-container">
+                    <div class="task-label">Current Task:</div>
+                    <div id="current-task" class="task-text">Starting research...</div>
+                </div>
+                <div class="progress-actions">
+                    <button id="cancel-research-btn" class="btn btn-outline terminate-btn">
+                        <i class="fas fa-stop-circle"></i> Cancel Research
+                    </button>
+                    <a id="view-results-btn" class="btn btn-primary" style="display: none;">
+                        <i class="fas fa-eye"></i> View Results
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+    {% include "components/log_panel.html" %}
+</div>
+{% endblock %}
+
+{% block page_scripts %}
+<!-- Load required services -->
+<script src="{{ url_for('research.serve_static', path='js/services/audio.js') }}"></script>
+<script src="{{ url_for('research.serve_static', path='js/services/ui.js') }}"></script>
+<script src="{{ url_for('research.serve_static', path='js/services/formatting.js') }}"></script>
+<script src="{{ url_for('research.serve_static', path='js/services/api.js') }}"></script>
+<script src="{{ url_for('research.serve_static', path='js/services/socket.js') }}"></script>
+
+<!-- Then load the component -->
+<script src="{{ url_for('research.serve_static', path='js/components/progress.js') }}"></script>
+{% endblock %}