ddf8e76ad6
- Pie charts (Purity, Kind) ahora reciben plot_h explicito para que respeten el panel contenedor y no desborden cuando la ventana se reduce. - Nueva pestana "Explorer": split layout con lista filtrable a la izquierda (search por nombre/descripcion + combos lang/domain) y panel de detalle a la derecha con tabs Code (read-only multiline), Documentation (selectable text), Tests (con dropdown si la funcion tiene varios tests, muestra lang + file_path + codigo) y Metadata (id, version, file_path, returns, uses_functions, uses_types, params_schema, example, notes). - Reorganizacion de navegacion: TabBar movido arriba, justo debajo de la toolbar. Tabs: Dashboard | Explorer | Projects | Apps | Analysis | Types. Cada tab ocupa toda la zona de contenido. Dashboard incluye KPIs + charts + tabla de Recent Functions. - Cache del Explorer (lista de funciones) invalidado en trigger_reload. - Nuevas funciones HTTP: load_function_detail_http, load_all_functions_http, load_unit_tests_http (todas usan /api/databases/registry/query con escape defensivo de comilla simple en IDs). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
945 lines
38 KiB
C++
945 lines
38 KiB
C++
#include "views.h"
|
|
#include "data_http.h"
|
|
#include <filesystem>
|
|
#include "imgui.h"
|
|
#include "implot.h"
|
|
|
|
#include "viz/kpi_card.h"
|
|
#include "viz/bar_chart.h"
|
|
#include "viz/pie_chart.h"
|
|
#include "viz/table_view.h"
|
|
#include "viz/sparkline.h"
|
|
#include "core/icons_tabler.h"
|
|
#include "core/dashboard_panel.h"
|
|
#include "core/dashboard_grid.h"
|
|
#include "core/fullscreen_window.h"
|
|
#include "core/tokens.h"
|
|
#include "core/page_header.h"
|
|
#include "core/empty_state.h"
|
|
#include "core/badge.h"
|
|
#include "core/button.h"
|
|
#include "core/icon_button.h"
|
|
#include "core/toolbar.h"
|
|
#include "core/modal_dialog.h"
|
|
#include "core/text_input.h"
|
|
#include "core/select.h"
|
|
#include "core/toast.h"
|
|
#include "core/process_runner.h"
|
|
#include "core/tree_view.h"
|
|
#include "core/selectable_text.h"
|
|
|
|
#include <cstdio>
|
|
#include <cstring>
|
|
#include <cctype>
|
|
#include <string>
|
|
#include <vector>
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// Shared state
|
|
// ---------------------------------------------------------------------------
|
|
|
|
static std::string g_api_url;
|
|
static fn_ui::ProcessRunner g_reindex_runner;
|
|
static fn_ui::ProcessRunner g_add_runner;
|
|
|
|
// Add modal state
|
|
enum class AddKind : int { App = 0, Analysis = 1, Vault = 2 };
|
|
static bool g_show_add = false;
|
|
static int g_add_kind_idx = static_cast<int>(AddKind::App);
|
|
static int g_add_project_idx = -1; // -1 = (none / sin project)
|
|
static int g_add_lang_idx = 0;
|
|
static int g_add_domain_idx = 0;
|
|
static char g_add_name[128] = {};
|
|
static char g_add_desc[256] = {};
|
|
static char g_add_packages[256] = {};
|
|
static char g_add_vault_path[512] = {};
|
|
|
|
void views_set_api_url(const std::string& url) { g_api_url = url; }
|
|
|
|
static std::vector<const char*> to_cstr(const std::vector<std::string>& v) {
|
|
std::vector<const char*> out;
|
|
out.reserve(v.size());
|
|
for (auto& s : v) out.push_back(s.c_str());
|
|
return out;
|
|
}
|
|
|
|
// Cache del Explorer: forward declarado aqui para que trigger_reload pueda
|
|
// invalidarlo (la lista completa de funciones se cachea hasta que el usuario
|
|
// dispara Reload o Reindex).
|
|
static std::vector<FunctionRow> g_explorer_funcs;
|
|
static bool g_explorer_loaded = false;
|
|
static std::string g_explorer_selected_id;
|
|
static FunctionDetail g_explorer_detail;
|
|
static std::vector<UnitTestRow> g_explorer_tests;
|
|
static int g_explorer_test_idx = 0;
|
|
static char g_explorer_filter[128] = {};
|
|
static int g_explorer_lang_idx = 0;
|
|
static int g_explorer_domain_idx = 0;
|
|
|
|
static void trigger_reload() {
|
|
ImGui::GetIO().UserData = reinterpret_cast<void*>(1);
|
|
g_explorer_loaded = false;
|
|
}
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// KPI row
|
|
// ---------------------------------------------------------------------------
|
|
|
|
void draw_kpi_row(const RegistryData& data) {
|
|
const RegistryStats& stats = data.stats;
|
|
float tested_pct = stats.total_functions > 0
|
|
? 100.0f * stats.tested_functions / stats.total_functions : 0.0f;
|
|
float pure_pct = stats.total_functions > 0
|
|
? 100.0f * stats.pure_functions / stats.total_functions : 0.0f;
|
|
|
|
const ImGuiTableFlags flags = ImGuiTableFlags_SizingStretchSame
|
|
| ImGuiTableFlags_NoPadOuterX;
|
|
|
|
// Sparkline shared: ultimos 30 dias de creacion de funciones (timeline real
|
|
// del registry). Si no hay datos cargados, queda vacio y el card mostrara
|
|
// solo valor + delta placeholder.
|
|
const float* spark_data = data.date_values.empty() ? nullptr : data.date_values.data();
|
|
const int spark_count = static_cast<int>(data.date_values.size());
|
|
|
|
if (ImGui::BeginTable("##kpi_grid", 4, flags)) {
|
|
struct KPI { const char* label; float value; const char* fmt; const char* icon; };
|
|
const KPI cards[8] = {
|
|
{"Functions", static_cast<float>(stats.total_functions), "%.0f", TI_FUNCTION},
|
|
{"Types", static_cast<float>(stats.total_types), "%.0f", TI_HEXAGON},
|
|
{"Apps", static_cast<float>(stats.total_apps), "%.0f", TI_APPS},
|
|
{"Analysis", static_cast<float>(stats.total_analysis), "%.0f", TI_FLASK},
|
|
{"Unit Tests", static_cast<float>(stats.total_unit_tests), "%.0f", TI_TEST_PIPE},
|
|
{"Proposals", static_cast<float>(stats.total_proposals), "%.0f", TI_BULB},
|
|
{"Tested", tested_pct, "%.0f%%", TI_CIRCLE_CHECK},
|
|
{"Pure", pure_pct, "%.0f%%", TI_HEART},
|
|
};
|
|
for (int i = 0; i < 8; i++) {
|
|
if (i % 4 == 0) ImGui::TableNextRow();
|
|
ImGui::TableSetColumnIndex(i % 4);
|
|
kpi_card(cards[i].label, cards[i].value, 0.0f,
|
|
spark_data, spark_count,
|
|
cards[i].fmt, cards[i].icon);
|
|
}
|
|
ImGui::EndTable();
|
|
}
|
|
}
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// Charts
|
|
// ---------------------------------------------------------------------------
|
|
|
|
static bool chart_panel_begin(const char* title, const ImVec2& size) {
|
|
using namespace fn_tokens;
|
|
ImGui::PushStyleColor(ImGuiCol_ChildBg, colors::surface);
|
|
ImGui::PushStyleColor(ImGuiCol_Border, colors::border);
|
|
ImGui::PushStyleVar(ImGuiStyleVar_ChildRounding, radius::md);
|
|
ImGui::PushStyleVar(ImGuiStyleVar_ChildBorderSize, 1.0f);
|
|
ImGui::PushStyleVar(ImGuiStyleVar_WindowPadding, ImVec2(spacing::md, spacing::md));
|
|
|
|
ImGui::BeginChild(title, size, ImGuiChildFlags_Borders,
|
|
ImGuiWindowFlags_NoScrollbar | ImGuiWindowFlags_NoScrollWithMouse);
|
|
|
|
ImGui::PushStyleColor(ImGuiCol_Text, colors::text_muted);
|
|
ImGui::TextUnformatted(title);
|
|
ImGui::PopStyleColor();
|
|
ImGui::Separator();
|
|
return true;
|
|
}
|
|
|
|
static void chart_panel_end() {
|
|
ImGui::EndChild();
|
|
ImGui::PopStyleVar(3);
|
|
ImGui::PopStyleColor(2);
|
|
}
|
|
|
|
void draw_charts(RegistryData& data, float height) {
|
|
const ImGuiTableFlags flags = ImGuiTableFlags_SizingStretchSame
|
|
| ImGuiTableFlags_NoPadOuterX;
|
|
const float plot_h = height - 48.0f;
|
|
|
|
if (ImGui::BeginTable("##chart_grid", 4, flags)) {
|
|
ImGui::TableNextRow();
|
|
|
|
ImGui::TableSetColumnIndex(0);
|
|
{
|
|
ImVec2 sz(ImGui::GetContentRegionAvail().x, height);
|
|
chart_panel_begin("By Language", sz);
|
|
auto labels = to_cstr(data.lang_labels);
|
|
if (!labels.empty())
|
|
bar_chart("##lang", labels.data(), data.lang_values.data(),
|
|
static_cast<int>(labels.size()), 0.67f, plot_h);
|
|
chart_panel_end();
|
|
}
|
|
ImGui::TableSetColumnIndex(1);
|
|
{
|
|
ImVec2 sz(ImGui::GetContentRegionAvail().x, height);
|
|
chart_panel_begin("By Domain", sz);
|
|
auto labels = to_cstr(data.domain_labels);
|
|
if (!labels.empty())
|
|
bar_chart("##domain", labels.data(), data.domain_values.data(),
|
|
static_cast<int>(labels.size()), 0.67f, plot_h);
|
|
chart_panel_end();
|
|
}
|
|
ImGui::TableSetColumnIndex(2);
|
|
{
|
|
ImVec2 sz(ImGui::GetContentRegionAvail().x, height);
|
|
chart_panel_begin("Purity", sz);
|
|
const char* labels[] = {"Pure", "Impure"};
|
|
float values[] = {static_cast<float>(data.stats.pure_functions),
|
|
static_cast<float>(data.stats.impure_functions)};
|
|
pie_chart("##purity", labels, values, 2, 0.0f, plot_h);
|
|
chart_panel_end();
|
|
}
|
|
ImGui::TableSetColumnIndex(3);
|
|
{
|
|
ImVec2 sz(ImGui::GetContentRegionAvail().x, height);
|
|
chart_panel_begin("Kind", sz);
|
|
auto labels = to_cstr(data.kind_labels);
|
|
if (!labels.empty())
|
|
pie_chart("##kind", labels.data(), data.kind_values.data(),
|
|
static_cast<int>(labels.size()), 0.0f, plot_h);
|
|
chart_panel_end();
|
|
}
|
|
ImGui::EndTable();
|
|
}
|
|
}
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// Tables
|
|
// ---------------------------------------------------------------------------
|
|
|
|
void draw_recent_functions(const std::vector<FunctionRow>& funcs) {
|
|
if (funcs.empty()) {
|
|
empty_state("( no data )", "No functions yet",
|
|
"Run 'fn index' to populate the registry");
|
|
return;
|
|
}
|
|
const char* headers[] = {"Name", "Lang", "Domain", "Kind", "Purity", "Tested", "Created"};
|
|
constexpr int cols = 7;
|
|
std::vector<std::string> cell_strings;
|
|
cell_strings.reserve(funcs.size() * cols);
|
|
for (auto& f : funcs) {
|
|
cell_strings.push_back(f.name);
|
|
cell_strings.push_back(f.lang);
|
|
cell_strings.push_back(f.domain);
|
|
cell_strings.push_back(f.kind);
|
|
cell_strings.push_back(f.purity);
|
|
cell_strings.push_back(f.tested ? "yes" : "no");
|
|
cell_strings.push_back(f.created_at.substr(0, 10));
|
|
}
|
|
auto cells = to_cstr(cell_strings);
|
|
table_view("##recent", headers, cols, cells.data(), static_cast<int>(funcs.size()));
|
|
}
|
|
|
|
void draw_apps_list(const std::vector<AppRow>& apps) {
|
|
if (apps.empty()) {
|
|
empty_state("( no data )", "No apps registered",
|
|
"Use the + Add button above or run 'fn sync'");
|
|
return;
|
|
}
|
|
const char* headers[] = {"Name", "Lang", "Domain", "Framework", "Git", "Description"};
|
|
constexpr int cols = 6;
|
|
std::vector<std::string> cell_strings;
|
|
cell_strings.reserve(apps.size() * cols);
|
|
for (auto& a : apps) {
|
|
cell_strings.push_back(a.name);
|
|
cell_strings.push_back(a.lang);
|
|
cell_strings.push_back(a.domain);
|
|
cell_strings.push_back(a.framework);
|
|
// Indicador de git: tiene repo remoto (gitea), solo local, o ninguno.
|
|
// - "remote": repo_url poblado en el frontmatter del app.md
|
|
// - "local": hay .git/ en dir_path pero sin repo_url
|
|
// - "-": ni .git ni repo_url
|
|
std::string git_status;
|
|
if (!a.repo_url.empty()) {
|
|
git_status = "remote";
|
|
} else if (!a.dir_path.empty()) {
|
|
std::error_code ec;
|
|
if (std::filesystem::exists(std::filesystem::path(a.dir_path) / ".git", ec)) {
|
|
git_status = "local";
|
|
} else {
|
|
git_status = "-";
|
|
}
|
|
} else {
|
|
git_status = "-";
|
|
}
|
|
cell_strings.push_back(git_status);
|
|
cell_strings.push_back(a.description);
|
|
}
|
|
auto cells = to_cstr(cell_strings);
|
|
table_view("##apps", headers, cols, cells.data(), static_cast<int>(apps.size()));
|
|
}
|
|
|
|
void draw_analysis_list(const std::vector<AnalysisRow>& analyses) {
|
|
if (analyses.empty()) {
|
|
empty_state("( no data )", "No analysis yet",
|
|
"Use the + Add button above with kind = Analysis");
|
|
return;
|
|
}
|
|
const char* headers[] = {"Name", "Lang", "Domain", "Description"};
|
|
constexpr int cols = 4;
|
|
std::vector<std::string> cell_strings;
|
|
cell_strings.reserve(analyses.size() * cols);
|
|
for (auto& a : analyses) {
|
|
cell_strings.push_back(a.name);
|
|
cell_strings.push_back(a.lang);
|
|
cell_strings.push_back(a.domain);
|
|
cell_strings.push_back(a.description);
|
|
}
|
|
auto cells = to_cstr(cell_strings);
|
|
table_view("##analysis", headers, cols, cells.data(), static_cast<int>(analyses.size()));
|
|
}
|
|
|
|
void draw_types_list(const std::vector<TypeRow>& types) {
|
|
if (types.empty()) {
|
|
empty_state("( no data )", "No types yet",
|
|
"Types are indexed from the registry alongside functions");
|
|
return;
|
|
}
|
|
const char* headers[] = {"Name", "Lang", "Domain", "Algebraic", "Description"};
|
|
constexpr int cols = 5;
|
|
std::vector<std::string> cell_strings;
|
|
cell_strings.reserve(types.size() * cols);
|
|
for (auto& t : types) {
|
|
cell_strings.push_back(t.name);
|
|
cell_strings.push_back(t.lang);
|
|
cell_strings.push_back(t.domain);
|
|
cell_strings.push_back(t.algebraic);
|
|
cell_strings.push_back(t.description);
|
|
}
|
|
auto cells = to_cstr(cell_strings);
|
|
table_view("##types", headers, cols, cells.data(), static_cast<int>(types.size()));
|
|
}
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// Projects view
|
|
// ---------------------------------------------------------------------------
|
|
|
|
static std::string g_selected_project_id = "";
|
|
static ProjectDetail g_project_detail;
|
|
|
|
static void refresh_project_detail() {
|
|
g_project_detail = ProjectDetail{};
|
|
if (g_selected_project_id.empty() || g_api_url.empty()) return;
|
|
load_project_detail_http(g_api_url, g_selected_project_id, g_project_detail);
|
|
}
|
|
|
|
void draw_projects_list(RegistryData& data) {
|
|
if (data.projects.empty() && data.orphan_apps == 0
|
|
&& data.orphan_analyses == 0 && data.orphan_vaults == 0) {
|
|
empty_state("( no data )", "No projects yet",
|
|
"Create a project under projects/{name}/ with project.md and reindex");
|
|
return;
|
|
}
|
|
|
|
// Dos columnas: izquierda arbol, derecha detalle.
|
|
const ImGuiTableFlags flags = ImGuiTableFlags_Resizable
|
|
| ImGuiTableFlags_SizingStretchProp;
|
|
if (!ImGui::BeginTable("##proj_layout", 2, flags)) return;
|
|
|
|
ImGui::TableSetupColumn("tree", ImGuiTableColumnFlags_WidthStretch, 1.0f);
|
|
ImGui::TableSetupColumn("detail", ImGuiTableColumnFlags_WidthStretch, 2.5f);
|
|
ImGui::TableNextRow();
|
|
|
|
// --- Left column: tree ---
|
|
ImGui::TableSetColumnIndex(0);
|
|
ImGui::BeginChild("##proj_tree", ImVec2(0, 0), ImGuiChildFlags_Borders);
|
|
for (const auto& p : data.projects) {
|
|
bool sel = (g_selected_project_id == p.id);
|
|
char label[256];
|
|
std::snprintf(label, sizeof(label), "%s [%d/%d/%d]",
|
|
p.name.c_str(), p.apps_count, p.analyses_count, p.vaults_count);
|
|
fn_ui::tree_leaf(p.id.c_str(), label, sel);
|
|
if (fn_ui::tree_node_clicked()) {
|
|
g_selected_project_id = p.id;
|
|
refresh_project_detail();
|
|
}
|
|
}
|
|
// Orphans
|
|
if (data.orphan_apps + data.orphan_analyses + data.orphan_vaults > 0) {
|
|
bool sel = (g_selected_project_id == "orphans");
|
|
char label[128];
|
|
std::snprintf(label, sizeof(label), "(orphans) [%d/%d/%d]",
|
|
data.orphan_apps, data.orphan_analyses, data.orphan_vaults);
|
|
fn_ui::tree_leaf("orphans", label, sel);
|
|
if (fn_ui::tree_node_clicked()) {
|
|
g_selected_project_id = "orphans";
|
|
refresh_project_detail();
|
|
}
|
|
}
|
|
ImGui::EndChild();
|
|
|
|
// --- Right column: detail ---
|
|
ImGui::TableSetColumnIndex(1);
|
|
ImGui::BeginChild("##proj_detail", ImVec2(0, 0), ImGuiChildFlags_Borders);
|
|
if (g_selected_project_id.empty()) {
|
|
empty_state("\xe2\x86\x90", "Select a project",
|
|
"Click a project on the left to see its apps, analyses and vaults");
|
|
} else {
|
|
const auto& d = g_project_detail;
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text);
|
|
if (!d.name.empty())
|
|
ImGui::TextUnformatted(d.name.c_str());
|
|
else
|
|
ImGui::TextUnformatted(g_selected_project_id.c_str());
|
|
ImGui::PopStyleColor();
|
|
if (!d.description.empty()) {
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text_muted);
|
|
ImGui::TextWrapped("%s", d.description.c_str());
|
|
ImGui::PopStyleColor();
|
|
}
|
|
ImGui::Separator();
|
|
|
|
if (ImGui::BeginTabBar("##proj_tabs")) {
|
|
char tab_apps[64]; std::snprintf(tab_apps, sizeof(tab_apps), "Apps (%zu)", d.apps.size());
|
|
char tab_analyses[64]; std::snprintf(tab_analyses, sizeof(tab_analyses), "Analysis (%zu)", d.analyses.size());
|
|
char tab_vaults[64]; std::snprintf(tab_vaults, sizeof(tab_vaults), "Vaults (%zu)", d.vaults.size());
|
|
|
|
if (ImGui::BeginTabItem(tab_apps)) {
|
|
draw_apps_list(d.apps);
|
|
ImGui::EndTabItem();
|
|
}
|
|
if (ImGui::BeginTabItem(tab_analyses)) {
|
|
draw_analysis_list(d.analyses);
|
|
ImGui::EndTabItem();
|
|
}
|
|
if (ImGui::BeginTabItem(tab_vaults)) {
|
|
if (d.vaults.empty()) {
|
|
empty_state("( no data )", "No vaults in this project",
|
|
"Use the + Add button with kind = Vault (requires a project)");
|
|
} else {
|
|
const char* headers[] = {"Name", "Path", "Symlink", "Description"};
|
|
std::vector<std::string> cells;
|
|
cells.reserve(d.vaults.size() * 4);
|
|
for (auto& v : d.vaults) {
|
|
cells.push_back(v.name);
|
|
cells.push_back(v.path);
|
|
cells.push_back(v.symlink ? "yes" : "no");
|
|
cells.push_back(v.description);
|
|
}
|
|
auto cp = to_cstr(cells);
|
|
table_view("##vaults", headers, 4, cp.data(),
|
|
static_cast<int>(d.vaults.size()));
|
|
}
|
|
ImGui::EndTabItem();
|
|
}
|
|
ImGui::EndTabBar();
|
|
}
|
|
}
|
|
ImGui::EndChild();
|
|
|
|
ImGui::EndTable();
|
|
}
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// Actions bar (Reindex + Add button) + Add modal
|
|
// ---------------------------------------------------------------------------
|
|
|
|
static const char* kLangs[] = {"go", "py", "ts", "sh", "cpp"};
|
|
static const char* kDomains[] = {"core", "infra", "finance", "datascience",
|
|
"cybersecurity", "shell", "tui", "pipelines",
|
|
"browser", "viz", "gfx", "notebook"};
|
|
|
|
static void submit_add() {
|
|
if (g_api_url.empty()) {
|
|
fn_ui::toast_push(fn_ui::ToastKind::Error, "API URL not set");
|
|
return;
|
|
}
|
|
std::string name = g_add_name;
|
|
std::string desc = g_add_desc;
|
|
std::string project;
|
|
if (g_add_project_idx >= 0) {
|
|
// g_add_project_idx indexa la lista live de projects (resolved en el modal)
|
|
// guardada en g_project_ids_cache — ver draw_add_modal
|
|
}
|
|
|
|
// Resolvemos project en draw_add_modal y lo pasamos via g_add_project_resolved
|
|
extern std::string g_add_project_resolved;
|
|
project = g_add_project_resolved;
|
|
|
|
AddKind kind = static_cast<AddKind>(g_add_kind_idx);
|
|
std::string url = g_api_url;
|
|
|
|
fn_ui::runner_trigger(g_add_runner,
|
|
[kind, url, name, desc, project,
|
|
lang_idx = g_add_lang_idx, domain_idx = g_add_domain_idx,
|
|
packages = std::string(g_add_packages),
|
|
vault_path = std::string(g_add_vault_path)
|
|
](std::string& out) -> bool {
|
|
std::string body;
|
|
bool ok = false;
|
|
switch (kind) {
|
|
case AddKind::App:
|
|
ok = http_post_add_app(url, name, kLangs[lang_idx],
|
|
kDomains[domain_idx], project, desc, body);
|
|
break;
|
|
case AddKind::Analysis:
|
|
ok = http_post_add_analysis(url, name, project, packages, desc, body);
|
|
break;
|
|
case AddKind::Vault:
|
|
ok = http_post_add_vault(url, name, project, vault_path, desc, body);
|
|
break;
|
|
}
|
|
out = body;
|
|
return ok;
|
|
});
|
|
}
|
|
|
|
std::string g_add_project_resolved = "";
|
|
|
|
static void draw_add_modal(RegistryData& data) {
|
|
if (!fn_ui::modal_dialog_begin("Add...", &g_show_add, ImVec2(460, 0))) {
|
|
fn_ui::modal_dialog_end();
|
|
return;
|
|
}
|
|
|
|
// Kind selector
|
|
const char* kinds[] = {"App", "Analysis", "Vault"};
|
|
fn_ui::select("Kind", &g_add_kind_idx, kinds, 3);
|
|
|
|
// Project selector (del registro vivo)
|
|
std::vector<std::string> proj_labels;
|
|
std::vector<std::string> proj_ids;
|
|
for (auto& p : data.projects) {
|
|
proj_labels.push_back(p.name);
|
|
proj_ids.push_back(p.id);
|
|
}
|
|
std::vector<const char*> proj_cstr;
|
|
for (auto& s : proj_labels) proj_cstr.push_back(s.c_str());
|
|
|
|
AddKind kind = static_cast<AddKind>(g_add_kind_idx);
|
|
fn_ui::select("Project", &g_add_project_idx, proj_cstr.data(),
|
|
static_cast<int>(proj_cstr.size()),
|
|
kind != AddKind::Vault /* vault obliga a project */);
|
|
g_add_project_resolved = (g_add_project_idx >= 0 && g_add_project_idx < (int)proj_ids.size())
|
|
? proj_ids[g_add_project_idx] : "";
|
|
|
|
fn_ui::text_input("Name", g_add_name, sizeof(g_add_name),
|
|
"snake_case, a-z0-9_");
|
|
fn_ui::text_input("Description", g_add_desc, sizeof(g_add_desc));
|
|
|
|
// Campos especificos segun kind
|
|
if (kind == AddKind::App) {
|
|
fn_ui::select("Lang", &g_add_lang_idx, kLangs, 5);
|
|
fn_ui::select("Domain", &g_add_domain_idx, kDomains, 12);
|
|
} else if (kind == AddKind::Analysis) {
|
|
fn_ui::text_input("Packages (CSV)", g_add_packages, sizeof(g_add_packages),
|
|
"polars,scikit-learn,torch");
|
|
} else if (kind == AddKind::Vault) {
|
|
fn_ui::text_input("Path (abs, opcional)", g_add_vault_path, sizeof(g_add_vault_path),
|
|
"/home/lucas/vaults/my_data");
|
|
}
|
|
|
|
ImGui::Dummy(ImVec2(0, fn_tokens::spacing::sm));
|
|
|
|
// Status del runner en curso
|
|
fn_ui::runner_status(g_add_runner, "Creating...");
|
|
|
|
// Detectar transicion running->done para cerrar y notificar
|
|
static fn_ui::RunnerState last_state = fn_ui::RunnerState::Idle;
|
|
fn_ui::RunnerState now = g_add_runner.state();
|
|
if (last_state == fn_ui::RunnerState::Running
|
|
&& (now == fn_ui::RunnerState::Success || now == fn_ui::RunnerState::Error)) {
|
|
const bool ok = (now == fn_ui::RunnerState::Success);
|
|
fn_ui::toast_push(ok ? fn_ui::ToastKind::Success : fn_ui::ToastKind::Error,
|
|
ok ? "Created OK — reloading" : g_add_runner.message().c_str());
|
|
if (ok) {
|
|
g_show_add = false;
|
|
g_add_name[0] = '\0';
|
|
g_add_desc[0] = '\0';
|
|
g_add_packages[0] = '\0';
|
|
g_add_vault_path[0] = '\0';
|
|
trigger_reload();
|
|
}
|
|
}
|
|
last_state = now;
|
|
|
|
ImGui::Separator();
|
|
if (fn_ui::button("Cancel", fn_ui::ButtonVariant::Subtle)) g_show_add = false;
|
|
ImGui::SameLine();
|
|
const bool disabled = g_add_runner.is_busy() || g_add_name[0] == '\0';
|
|
if (disabled) ImGui::BeginDisabled();
|
|
if (fn_ui::button("Create", fn_ui::ButtonVariant::Primary)) {
|
|
submit_add();
|
|
}
|
|
if (disabled) ImGui::EndDisabled();
|
|
|
|
fn_ui::modal_dialog_end();
|
|
}
|
|
|
|
static void draw_actions_bar() {
|
|
if (g_api_url.empty()) return;
|
|
|
|
fn_ui::toolbar_begin();
|
|
if (fn_ui::button("Reindex", fn_ui::ButtonVariant::Primary)
|
|
&& !g_reindex_runner.is_busy()) {
|
|
const std::string url = g_api_url;
|
|
fn_ui::runner_trigger(g_reindex_runner, [url](std::string& out) -> bool {
|
|
return http_post_reindex(url, out);
|
|
});
|
|
}
|
|
ImGui::SameLine();
|
|
if (fn_ui::button("+ Add", fn_ui::ButtonVariant::Secondary)) {
|
|
g_show_add = true;
|
|
g_add_runner.reset();
|
|
}
|
|
ImGui::SameLine();
|
|
if (fn_ui::button("Reload", fn_ui::ButtonVariant::Subtle)) {
|
|
trigger_reload();
|
|
}
|
|
ImGui::SameLine();
|
|
fn_ui::toast_inbox_button("##inbox");
|
|
fn_ui::toolbar_end();
|
|
|
|
// Status del reindex debajo del toolbar
|
|
static fn_ui::RunnerState last_reindex_state = fn_ui::RunnerState::Idle;
|
|
fn_ui::RunnerState now = g_reindex_runner.state();
|
|
if (now != fn_ui::RunnerState::Idle) {
|
|
fn_ui::runner_status(g_reindex_runner, "Reindexing...");
|
|
}
|
|
if (last_reindex_state == fn_ui::RunnerState::Running
|
|
&& (now == fn_ui::RunnerState::Success || now == fn_ui::RunnerState::Error)) {
|
|
const bool ok = (now == fn_ui::RunnerState::Success);
|
|
fn_ui::toast_push(ok ? fn_ui::ToastKind::Success : fn_ui::ToastKind::Error,
|
|
g_reindex_runner.message().c_str());
|
|
if (ok) trigger_reload();
|
|
}
|
|
last_reindex_state = now;
|
|
}
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// Functions Explorer
|
|
// ---------------------------------------------------------------------------
|
|
// Pestana con dos columnas: a la izquierda lista filtrable de funciones del
|
|
// registry; a la derecha codigo + documentacion + metadata de la funcion
|
|
// seleccionada. La lista se carga en el primer render (lazy) y se cachea —
|
|
// el boton "Reload" del toolbar fuerza recarga al disparar trigger_reload
|
|
// (que pone g_explorer_loaded = false).
|
|
|
|
static const char* kExplorerLangs[] = {"all", "go", "py", "ts", "sh", "cpp"};
|
|
static const char* kExplorerDomains[] = {"all", "core", "infra", "finance",
|
|
"datascience", "cybersecurity",
|
|
"shell", "tui", "pipelines",
|
|
"browser", "viz", "gfx", "notebook"};
|
|
|
|
static bool str_contains_ci(const std::string& haystack, const char* needle) {
|
|
if (!needle || !*needle) return true;
|
|
std::string h = haystack;
|
|
std::string n = needle;
|
|
for (auto& c : h) c = static_cast<char>(std::tolower(static_cast<unsigned char>(c)));
|
|
for (auto& c : n) c = static_cast<char>(std::tolower(static_cast<unsigned char>(c)));
|
|
return h.find(n) != std::string::npos;
|
|
}
|
|
|
|
static void explorer_select(const std::string& id) {
|
|
g_explorer_selected_id = id;
|
|
g_explorer_detail = FunctionDetail{};
|
|
g_explorer_tests.clear();
|
|
g_explorer_test_idx = 0;
|
|
if (!g_api_url.empty() && !id.empty()) {
|
|
load_function_detail_http(g_api_url, id, g_explorer_detail);
|
|
load_unit_tests_http(g_api_url, id, g_explorer_tests);
|
|
}
|
|
}
|
|
|
|
static void explorer_reload_list() {
|
|
g_explorer_funcs.clear();
|
|
g_explorer_loaded = false;
|
|
if (g_api_url.empty()) return;
|
|
if (load_all_functions_http(g_api_url, g_explorer_funcs)) {
|
|
g_explorer_loaded = true;
|
|
}
|
|
}
|
|
|
|
void draw_functions_explorer() {
|
|
if (!g_explorer_loaded) {
|
|
explorer_reload_list();
|
|
}
|
|
|
|
if (g_explorer_funcs.empty()) {
|
|
empty_state("( no data )", "No functions to explore",
|
|
"Run 'fn index' or check the API connection");
|
|
return;
|
|
}
|
|
|
|
const ImGuiTableFlags flags = ImGuiTableFlags_Resizable
|
|
| ImGuiTableFlags_SizingStretchProp;
|
|
if (!ImGui::BeginTable("##explorer_layout", 2, flags)) return;
|
|
|
|
ImGui::TableSetupColumn("list", ImGuiTableColumnFlags_WidthStretch, 1.0f);
|
|
ImGui::TableSetupColumn("detail", ImGuiTableColumnFlags_WidthStretch, 2.4f);
|
|
ImGui::TableNextRow();
|
|
|
|
// --- Left: filter + list ---
|
|
ImGui::TableSetColumnIndex(0);
|
|
ImGui::BeginChild("##explorer_left", ImVec2(0, 0), ImGuiChildFlags_Borders);
|
|
|
|
fn_ui::text_input("Search", g_explorer_filter, sizeof(g_explorer_filter),
|
|
"name or description");
|
|
|
|
ImGui::PushItemWidth(120.0f);
|
|
ImGui::Combo("##lang", &g_explorer_lang_idx, kExplorerLangs,
|
|
IM_ARRAYSIZE(kExplorerLangs));
|
|
ImGui::SameLine();
|
|
ImGui::Combo("##domain", &g_explorer_domain_idx, kExplorerDomains,
|
|
IM_ARRAYSIZE(kExplorerDomains));
|
|
ImGui::PopItemWidth();
|
|
ImGui::Spacing();
|
|
|
|
// Conteo de resultados visibles + lista
|
|
int visible = 0;
|
|
ImGui::BeginChild("##explorer_list", ImVec2(0, 0));
|
|
for (const auto& f : g_explorer_funcs) {
|
|
if (g_explorer_lang_idx > 0
|
|
&& f.lang != kExplorerLangs[g_explorer_lang_idx]) continue;
|
|
if (g_explorer_domain_idx > 0
|
|
&& f.domain != kExplorerDomains[g_explorer_domain_idx]) continue;
|
|
if (g_explorer_filter[0] != '\0'
|
|
&& !str_contains_ci(f.name, g_explorer_filter)
|
|
&& !str_contains_ci(f.description, g_explorer_filter)) continue;
|
|
|
|
visible++;
|
|
bool sel = (g_explorer_selected_id == f.id);
|
|
char label[256];
|
|
std::snprintf(label, sizeof(label), "%s [%s/%s]",
|
|
f.name.c_str(), f.lang.c_str(), f.domain.c_str());
|
|
if (ImGui::Selectable(label, sel, ImGuiSelectableFlags_AllowOverlap)) {
|
|
explorer_select(f.id);
|
|
}
|
|
}
|
|
ImGui::EndChild();
|
|
(void)visible;
|
|
|
|
ImGui::EndChild();
|
|
|
|
// --- Right: detail ---
|
|
ImGui::TableSetColumnIndex(1);
|
|
ImGui::BeginChild("##explorer_right", ImVec2(0, 0), ImGuiChildFlags_Borders);
|
|
|
|
if (g_explorer_selected_id.empty()) {
|
|
empty_state("\xe2\x86\x90", "Select a function",
|
|
"Click a function on the left to see its code and documentation");
|
|
} else {
|
|
const auto& d = g_explorer_detail;
|
|
|
|
// Header: nombre + signature
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text);
|
|
ImGui::TextUnformatted(d.name.empty()
|
|
? g_explorer_selected_id.c_str() : d.name.c_str());
|
|
ImGui::PopStyleColor();
|
|
|
|
// Badges meta (lang/domain/kind/purity/tested)
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text_muted);
|
|
ImGui::Text("%s · %s · %s · %s%s",
|
|
d.lang.c_str(), d.domain.c_str(),
|
|
d.kind.c_str(), d.purity.c_str(),
|
|
d.tested ? " · tested" : "");
|
|
ImGui::PopStyleColor();
|
|
|
|
if (!d.description.empty()) {
|
|
ImGui::Spacing();
|
|
fn_ui::selectable_text_wrapped(d.description.c_str());
|
|
}
|
|
|
|
if (!d.signature.empty()) {
|
|
ImGui::Spacing();
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text_muted);
|
|
ImGui::TextUnformatted("Signature:");
|
|
ImGui::PopStyleColor();
|
|
fn_ui::selectable_text_wrapped(d.signature.c_str());
|
|
}
|
|
|
|
ImGui::Separator();
|
|
|
|
// Tabs Code / Documentation / Notes / Example
|
|
if (ImGui::BeginTabBar("##fn_detail_tabs")) {
|
|
if (ImGui::BeginTabItem("Code")) {
|
|
if (d.code.empty()) {
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text_dim);
|
|
ImGui::TextUnformatted("(no code stored)");
|
|
ImGui::PopStyleColor();
|
|
} else {
|
|
// InputTextMultiline read-only — permite seleccion y copia,
|
|
// y maneja scroll horizontal/vertical para codigo largo.
|
|
ImVec2 sz = ImGui::GetContentRegionAvail();
|
|
ImGui::InputTextMultiline("##code",
|
|
const_cast<char*>(d.code.c_str()),
|
|
d.code.size() + 1, sz,
|
|
ImGuiInputTextFlags_ReadOnly);
|
|
}
|
|
ImGui::EndTabItem();
|
|
}
|
|
if (ImGui::BeginTabItem("Documentation")) {
|
|
if (d.documentation.empty()) {
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text_dim);
|
|
ImGui::TextUnformatted("(no documentation)");
|
|
ImGui::PopStyleColor();
|
|
} else {
|
|
ImGui::BeginChild("##doc_scroll", ImVec2(0, 0));
|
|
fn_ui::selectable_text_wrapped(d.documentation.c_str());
|
|
ImGui::EndChild();
|
|
}
|
|
ImGui::EndTabItem();
|
|
}
|
|
// Tests: caja con dropdown si hay varios + visor del codigo del
|
|
// test seleccionado. Nombre del tab incluye el conteo para que se
|
|
// vea de un vistazo si la funcion tiene tests o no.
|
|
char tests_tab_label[32];
|
|
std::snprintf(tests_tab_label, sizeof(tests_tab_label),
|
|
"Tests (%zu)", g_explorer_tests.size());
|
|
if (ImGui::BeginTabItem(tests_tab_label)) {
|
|
if (g_explorer_tests.empty()) {
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text_dim);
|
|
ImGui::TextUnformatted("(no unit tests for this function)");
|
|
ImGui::PopStyleColor();
|
|
} else {
|
|
// Combo para elegir entre los varios tests (la mayoria
|
|
// de funciones solo tienen 1, pero algunas tienen varios
|
|
// ficheros de tests).
|
|
if (g_explorer_test_idx >= (int)g_explorer_tests.size())
|
|
g_explorer_test_idx = 0;
|
|
std::vector<std::string> names;
|
|
names.reserve(g_explorer_tests.size());
|
|
for (auto& t : g_explorer_tests) names.push_back(t.name);
|
|
std::vector<const char*> name_cstr;
|
|
for (auto& n : names) name_cstr.push_back(n.c_str());
|
|
|
|
ImGui::PushItemWidth(-FLT_MIN);
|
|
ImGui::Combo("##test_select", &g_explorer_test_idx,
|
|
name_cstr.data(),
|
|
static_cast<int>(name_cstr.size()));
|
|
ImGui::PopItemWidth();
|
|
|
|
const auto& t = g_explorer_tests[g_explorer_test_idx];
|
|
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text_muted);
|
|
ImGui::Text("%s · %s", t.lang.c_str(),
|
|
t.file_path.empty() ? "(no path)" : t.file_path.c_str());
|
|
ImGui::PopStyleColor();
|
|
ImGui::Separator();
|
|
|
|
if (t.code.empty()) {
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text_dim);
|
|
ImGui::TextUnformatted("(no code stored for this test)");
|
|
ImGui::PopStyleColor();
|
|
} else {
|
|
ImVec2 sz = ImGui::GetContentRegionAvail();
|
|
ImGui::InputTextMultiline("##test_code",
|
|
const_cast<char*>(t.code.c_str()),
|
|
t.code.size() + 1, sz,
|
|
ImGuiInputTextFlags_ReadOnly);
|
|
}
|
|
}
|
|
ImGui::EndTabItem();
|
|
}
|
|
if (ImGui::BeginTabItem("Metadata")) {
|
|
ImGui::BeginChild("##meta_scroll", ImVec2(0, 0));
|
|
auto kv = [](const char* k, const std::string& v) {
|
|
if (v.empty()) return;
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text_muted);
|
|
ImGui::TextUnformatted(k);
|
|
ImGui::PopStyleColor();
|
|
fn_ui::selectable_text_wrapped(v.c_str());
|
|
ImGui::Spacing();
|
|
};
|
|
kv("ID:", d.id);
|
|
kv("Version:", d.version);
|
|
kv("File path:", d.file_path);
|
|
kv("Created:", d.created_at);
|
|
kv("Returns:", d.returns);
|
|
kv("Error type:", d.error_type);
|
|
kv("Uses functions:", d.uses_functions);
|
|
kv("Uses types:", d.uses_types);
|
|
kv("Params schema:", d.params_schema);
|
|
kv("Example:", d.example);
|
|
kv("Notes:", d.notes);
|
|
ImGui::EndChild();
|
|
ImGui::EndTabItem();
|
|
}
|
|
ImGui::EndTabBar();
|
|
}
|
|
}
|
|
ImGui::EndChild();
|
|
|
|
ImGui::EndTable();
|
|
}
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// Main draw
|
|
// ---------------------------------------------------------------------------
|
|
|
|
void draw_dashboard(RegistryData& data) {
|
|
// Tema aplicado por fn::run_app() (app_base.h, ThemeMode::FnDark default).
|
|
// FPS overlay lo dibuja app_base.cpp segun settings().show_fps — no llamarlo aqui.
|
|
|
|
fullscreen_window_begin("##dashboard");
|
|
|
|
char subtitle[128];
|
|
std::snprintf(subtitle, sizeof(subtitle),
|
|
"%d functions · %d types · %d apps · %d analyses · %zu projects",
|
|
data.stats.total_functions, data.stats.total_types,
|
|
data.stats.total_apps, data.stats.total_analysis,
|
|
data.projects.size());
|
|
|
|
page_header_begin("fn_registry Dashboard", subtitle);
|
|
page_header_end();
|
|
|
|
draw_actions_bar();
|
|
ImGui::Dummy(ImVec2(0, fn_tokens::spacing::sm));
|
|
|
|
// Navegacion top-level: cada tab ocupa toda la zona de contenido. El
|
|
// primero ("Dashboard") incluye los KPIs + charts + tabla de recientes;
|
|
// los demas son vistas dedicadas a su entidad.
|
|
if (ImGui::BeginTabBar("##main_tabs", ImGuiTabBarFlags_FittingPolicyScroll)) {
|
|
if (ImGui::BeginTabItem("Dashboard")) {
|
|
draw_kpi_row(data);
|
|
ImGui::Dummy(ImVec2(0, fn_tokens::spacing::md));
|
|
|
|
// Altura del bloque de charts proporcional al espacio disponible:
|
|
// ~32% del espacio restante despues de KPIs (clamped a [200, 360]).
|
|
const float remaining_h = ImGui::GetContentRegionAvail().y;
|
|
float chart_h = remaining_h * 0.40f;
|
|
if (chart_h < 200.0f) chart_h = 200.0f;
|
|
if (chart_h > 360.0f) chart_h = 360.0f;
|
|
draw_charts(data, chart_h);
|
|
ImGui::Dummy(ImVec2(0, fn_tokens::spacing::md));
|
|
|
|
// Tabla de funciones recientes para que el Dashboard tenga algo
|
|
// accionable abajo sin tener que cambiar de pestana.
|
|
ImGui::PushStyleColor(ImGuiCol_Text, fn_tokens::colors::text_muted);
|
|
ImGui::TextUnformatted("Recent Functions");
|
|
ImGui::PopStyleColor();
|
|
draw_recent_functions(data.recent_funcs);
|
|
ImGui::EndTabItem();
|
|
}
|
|
if (ImGui::BeginTabItem("Explorer")) {
|
|
draw_functions_explorer();
|
|
ImGui::EndTabItem();
|
|
}
|
|
if (ImGui::BeginTabItem("Projects")) {
|
|
draw_projects_list(data);
|
|
ImGui::EndTabItem();
|
|
}
|
|
if (ImGui::BeginTabItem("Apps")) {
|
|
draw_apps_list(data.apps);
|
|
ImGui::EndTabItem();
|
|
}
|
|
if (ImGui::BeginTabItem("Analysis")) {
|
|
draw_analysis_list(data.analyses);
|
|
ImGui::EndTabItem();
|
|
}
|
|
if (ImGui::BeginTabItem("Types")) {
|
|
draw_types_list(data.types);
|
|
ImGui::EndTabItem();
|
|
}
|
|
ImGui::EndTabBar();
|
|
}
|
|
|
|
draw_add_modal(data);
|
|
|
|
fullscreen_window_end();
|
|
|
|
// Toasts encima de todo
|
|
fn_ui::toast_render();
|
|
}
|