gaard-api 0.2.11__tar.gz → 0.2.13__tar.gz

{gaard_api-0.2.11/src/gaard_api.egg-info → gaard_api-0.2.13}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: gaard-api
-Version: 0.2.11
+Version: 0.2.13
 Summary: GAARD backend web services providing admin interface
 Requires-Python: >=3.11
 Description-Content-Type: text/markdown

{gaard_api-0.2.11 → gaard_api-0.2.13}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "gaard-api"
-version = "0.2.11"
+version = "0.2.13"
 description = "GAARD backend web services providing admin interface"
 readme = "README.md"
 requires-python = ">=3.11"

{gaard_api-0.2.11 → gaard_api-0.2.13}/src/gaard_api/admin/services.py

@@ -2229,6 +2229,7 @@ def build_table_settings(
         tables[table.name] = {
             "selected": bool(existing.get("selected", True)),
             "description": str(existing.get("description", "")),
+            "view_description": str(existing.get("view_description", "")),
             "primary_key_prompt": str(existing.get("primary_key_prompt", "")),
             "foreign_key_prompt": str(existing.get("foreign_key_prompt", "")),
             "join_logic": str(existing.get("join_logic", "")),

{gaard_api-0.2.11 → gaard_api-0.2.13}/src/gaard_api/admin-web/assets/main.js

@@ -1,6 +1,8 @@
 import { createIdentityModule } from "./identity.js";
 
 var app = document.querySelector("#app");
+var renderedSection = "";
+var scrollRestoreGeneration = 0;
 var licensePackageUpdatePollTimer = null;
 var overviewGridStack = null;
 var overviewGridSaveTimer = null;
@@ -91,6 +93,20 @@ var state = {
   datasourceSchemaSelectedObjectName: "",
   datasourceSchemaShowEnabledOnly: false,
   datasourceSchemaDraftTables: null,
+  datasourceViewDialog: {
+    open: false,
+    mode: "create",
+    originalName: "",
+    loadedName: "",
+    loadedSql: "",
+    name: "",
+    view_description: "",
+    sql: "",
+    error: "",
+    success: "",
+    busy: "",
+    executed: false
+  },
   datasourceDetailTab: "config",
   datasourceSchemaContentTab: "details",
   datasourceSchemaEditorTab: "tables",
@@ -420,24 +436,100 @@ function logout() {
 }
 function render() {
   if (!app) return;
-  if (!state.token) return renderLogin();
-  if (state.mustChangePassword) return renderPasswordChange();
-  renderShell();
+  const scrollSnapshot = captureScrollSnapshot();
+  const restoreGeneration = ++scrollRestoreGeneration;
+  if (!state.token) {
+    renderLogin();
+  } else if (state.mustChangePassword) {
+    renderPasswordChange();
+  } else {
+    renderShell();
+  }
+  restoreScrollSnapshot(scrollSnapshot, restoreGeneration);
 }
 function renderDatasourceSchemaPreservingScroll() {
-  const content = document.querySelector(".content");
-  const schemaObjectListBody = document.querySelector(".schema-object-list-body");
-  const contentScrollTop = content?.scrollTop || 0;
-  const schemaObjectListScrollTop = schemaObjectListBody?.scrollTop || 0;
-
   render();
-
-  const nextContent = document.querySelector(".content");
-  const nextSchemaObjectListBody = document.querySelector(".schema-object-list-body");
-  if (nextContent) nextContent.scrollTop = contentScrollTop;
-  if (nextSchemaObjectListBody) nextSchemaObjectListBody.scrollTop = schemaObjectListScrollTop;
+}
+function collectScrollableElements() {
+  const targets = [];
+  const rootScroller = document.scrollingElement || document.documentElement;
+  if (rootScroller) targets.push(rootScroller);
+  if (!app) return targets;
+  app.querySelectorAll("*").forEach((element) => {
+    if (!(element instanceof HTMLElement)) return;
+    const styles = window.getComputedStyle(element);
+    const canScrollY = ["auto", "scroll", "overlay"].includes(styles.overflowY) && element.scrollHeight > element.clientHeight + 1;
+    const canScrollX = ["auto", "scroll", "overlay"].includes(styles.overflowX) && element.scrollWidth > element.clientWidth + 1;
+    if (canScrollY || canScrollX) targets.push(element);
+  });
+  return targets;
+}
+function getScrollElementKey(element) {
+  const rootScroller = document.scrollingElement || document.documentElement;
+  if (element === rootScroller) return "__document__";
+  const parts = [];
+  let current = element;
+  while (current && current !== app && current instanceof HTMLElement) {
+    let part = current.tagName.toLowerCase();
+    if (current.id) {
+      part += `#${current.id}`;
+    } else {
+      const dataEntry = Object.entries(current.dataset || {}).find(([, value]) => value);
+      if (dataEntry) part += `[data-${dataEntry[0]}="${dataEntry[1]}"]`;
+      const classNames = Array.from(current.classList || []).sort();
+      if (classNames.length) part += `.${classNames.join(".")}`;
+      const parent = current.parentElement;
+      if (parent) {
+        const siblings = Array.from(parent.children).filter((sibling) => sibling.tagName === current.tagName);
+        if (siblings.length > 1) part += `:nth(${siblings.indexOf(current)})`;
+      }
+    }
+    parts.unshift(part);
+    current = current.parentElement;
+  }
+  return parts.join(">");
+}
+function getScrollPosition(element) {
+  const maxTop = Math.max(0, element.scrollHeight - element.clientHeight);
+  const maxLeft = Math.max(0, element.scrollWidth - element.clientWidth);
+  return {
+    top: element.scrollTop,
+    left: element.scrollLeft,
+    atBottom: maxTop > 0 && maxTop - element.scrollTop <= 2,
+    atRight: maxLeft > 0 && maxLeft - element.scrollLeft <= 2
+  };
+}
+function captureScrollSnapshot() {
+  if (!app || !renderedSection) return null;
+  const positions = new Map();
+  collectScrollableElements().forEach((element) => {
+    positions.set(getScrollElementKey(element), getScrollPosition(element));
+  });
+  return { section: renderedSection, positions };
+}
+function restoreScrollSnapshot(snapshot, restoreGeneration) {
+  if (!snapshot || snapshot.section !== renderedSection || !snapshot.positions.size) return;
+  window.requestAnimationFrame(() => {
+    if (restoreGeneration !== scrollRestoreGeneration) return;
+    window.requestAnimationFrame(() => {
+      if (restoreGeneration !== scrollRestoreGeneration) return;
+      const targets = new Map();
+      collectScrollableElements().forEach((element) => {
+        targets.set(getScrollElementKey(element), element);
+      });
+      snapshot.positions.forEach((position, key) => {
+        const element = targets.get(key);
+        if (!element) return;
+        const maxTop = Math.max(0, element.scrollHeight - element.clientHeight);
+        const maxLeft = Math.max(0, element.scrollWidth - element.clientWidth);
+        element.scrollTop = position.atBottom ? maxTop : Math.min(position.top, maxTop);
+        element.scrollLeft = position.atRight ? maxLeft : Math.min(position.left, maxLeft);
+      });
+    });
+  });
 }
 function renderLogin() {
+  renderedSection = "login";
   app.innerHTML = `
     <main class="login-shell">
       <section class="login-panel">
@@ -476,6 +568,7 @@ function renderLogin() {
   });
 }
 function renderPasswordChange() {
+  renderedSection = "password-change";
   app.innerHTML = `
     <main class="login-shell">
       <section class="login-panel">
@@ -519,6 +612,7 @@ function renderPasswordChange() {
 }
 function renderShell() {
   const activeLabel = getSectionLabel(state.section);
+  renderedSection = state.section;
   app.innerHTML = `
     <div class="app-shell">
       ${renderSidebar()}
@@ -1441,7 +1535,8 @@ function renderDatasources() {
         <div class="panel-body datasource-detail-grid">${renderDatasourceForm(selected)}</div>
       </section>
     </div>
-    ${selected ? renderDatasourceSchema() : ""}`;
+    ${selected ? renderDatasourceSchema() : ""}
+    ${renderDatasourceViewDialog()}`;
 }
 function getSelectedDatasource() {
   if (state.selectedDatasourceId === "new") return null;
@@ -1782,7 +1877,13 @@ function renderDatasourceSchema() {
   const activeContentTab = getDatasourceExtensionTab("schema", extensionPanels);
   return `
     <section class="panel">
-      <div class="panel-header"><h2>Schema introspection</h2><span class="badge">${escapeHtml(schema?.introspected_at || "not cached")}</span></div>
+      <div class="panel-header">
+        <h2>Schema introspection</h2>
+        <div class="panel-header-actions">
+          <button type="button" id="create-datasource-view">Create view</button>
+          <span class="badge">${escapeHtml(schema?.introspected_at || "not cached")}</span>
+        </div>
+      </div>
       <div class="panel-body datasource-schema-layout">
         ${state.datasourceSchemaLoading ? `<p class="muted">loading schema</p>` : state.datasourceSchemaError ? `<p class="error">${escapeHtml(state.datasourceSchemaError)}</p>` : schema ? `
           <form id="datasource-schema-form" class="schema-editor mobile-active">
@@ -1808,6 +1909,41 @@ function renderDatasourceSchema() {
       </div>
     </section>`;
 }
+function renderDatasourceViewDialog() {
+  const dialog = state.datasourceViewDialog || {};
+  if (!dialog.open) return "";
+  const busy = dialog.busy || "";
+  const isBusy = Boolean(busy);
+  const isEdit = dialog.mode === "edit";
+  const title = isEdit ? "Edit view" : "Create view";
+  return `
+    <div class="modal-backdrop" data-datasource-view-backdrop>
+      <section class="modal-panel" role="dialog" aria-modal="true" aria-labelledby="datasource-view-dialog-title">
+        <div class="modal-header">
+          <div>
+            <h2 id="datasource-view-dialog-title">${escapeHtml(title)}</h2>
+          </div>
+        </div>
+        <form id="datasource-view-form" class="form-grid">
+          <label>View name<input name="name" value="${escapeHtml(dialog.name || "")}" autocomplete="off" /></label>
+          <label>View description<textarea name="view_description">${escapeHtml(dialog.view_description || "")}</textarea></label>
+          <label>SQL<textarea name="sql" class="textarea-small" spellcheck="false">${escapeHtml(dialog.sql || "")}</textarea></label>
+          ${busy === "load" ? `<p class="muted"><span class="spinner" aria-hidden="true"></span> Loading view definition.</p>` : ""}
+          ${dialog.error ? `<p class="error">${escapeHtml(dialog.error)}</p>` : ""}
+          ${dialog.success ? `<p class="success">${escapeHtml(dialog.success)}</p>` : ""}
+          <div class="form-actions modal-actions">
+            <button type="button" data-datasource-view-cancel ${isBusy ? "disabled" : ""}>Cancel</button>
+            <button type="button" data-datasource-view-generate ${isBusy ? "disabled" : ""}>${renderBusyButtonLabel(busy, "generate", "Generate SQL")}</button>
+            <button type="button" data-datasource-view-execute ${isBusy ? "disabled" : ""}>${renderBusyButtonLabel(busy, "execute", "Execute SQL")}</button>
+            <button type="submit" class="primary" ${isBusy ? "disabled" : ""}>${renderBusyButtonLabel(busy, "save", "Save View")}</button>
+          </div>
+        </form>
+      </section>
+    </div>`;
+}
+function renderBusyButtonLabel(activeBusy, key, label) {
+  return activeBusy === key ? `<span class="spinner" aria-hidden="true"></span><span>${escapeHtml(label)}</span>` : escapeHtml(label);
+}
 function getDatasourceExtensionPanels(slot, arguments_) {
   const renderer = slot === "detail" ? "renderDetail" : "renderSchema";
   const label = slot === "detail" ? "detailLabel" : "schemaLabel";
@@ -1840,6 +1976,7 @@ function getDatasourceSchemaDraftTables(rawTables, tableSettings) {
     state.datasourceSchemaDraftTables[table.name] = {
       selected: settings.selected !== false,
       description: settings.description || "",
+      view_description: settings.view_description || "",
       primary_key_prompt: settings.primary_key_prompt || "",
       foreign_key_prompt: settings.foreign_key_prompt || "",
       join_logic: settings.join_logic || ""
@@ -2035,11 +2172,10 @@ function renderDatasourceObjectDetails(table, settings) {
         <h3>${escapeHtml(table.name)}</h3>
         <span class="badge">${escapeHtml(objectType)}</span>
       </div>
+      ${objectType === "view" ? `<div class="schema-object-actions"><button type="button" data-edit-datasource-view="${escapeHtml(table.name)}">Edit view</button><button type="button" class="danger" data-delete-datasource-view="${escapeHtml(table.name)}">Delete view</button></div>` : ""}
     </div>
     <div class="schema-object-columns">${escapeHtml((table.columns || []).map((column) => `${column.name}:${column.type}${column.primary_key ? " pk" : ""}`).join(", ") || "No columns available.")}</div>
-    <label>Description<input data-schema-detail="description" name="${escapeHtml(table.name)}__description" value="${escapeHtml(settings.description || "")}" /></label>
-    <label>Primary key guidance<input data-schema-detail="primary_key_prompt" name="${escapeHtml(table.name)}__primary_key_prompt" value="${escapeHtml(settings.primary_key_prompt || "")}" /></label>
-    <label>Foreign key guidance<input data-schema-detail="foreign_key_prompt" name="${escapeHtml(table.name)}__foreign_key_prompt" value="${escapeHtml(settings.foreign_key_prompt || "")}" /></label>
+    <label>Datasource logic<textarea data-schema-detail="description" class="textarea-small" name="${escapeHtml(table.name)}__description">${escapeHtml(settings.description || "")}</textarea></label>
     <label>Join logic<textarea data-schema-detail="join_logic" class="textarea-small" name="${escapeHtml(table.name)}__join_logic">${escapeHtml(settings.join_logic || "")}</textarea></label>`;
 }
 function renderSchemaCache() {
@@ -2263,6 +2399,16 @@ function attachSectionHandlers() {
   document.querySelector("#datasource-type")?.addEventListener("change", syncDatasourceTypeFields);
   document.querySelector("[data-connection-field='connection_mode']")?.addEventListener("change", syncOdbcConnectionModeFields);
   document.querySelector("#datasource-schema-form")?.addEventListener("submit", saveDatasourceSchema);
+  document.querySelector("#create-datasource-view")?.addEventListener("click", openDatasourceViewDialog);
+  document.querySelector("#datasource-view-form")?.addEventListener("submit", saveDatasourceView);
+  document.querySelector("[data-datasource-view-generate]")?.addEventListener("click", generateDatasourceViewSql);
+  document.querySelector("[data-datasource-view-execute]")?.addEventListener("click", executeDatasourceViewSql);
+  document.querySelector("[data-datasource-view-cancel]")?.addEventListener("click", closeDatasourceViewDialog);
+  document.querySelector("[data-datasource-view-backdrop]")?.addEventListener("click", (event) => {
+    if (event.target === event.currentTarget && !state.datasourceViewDialog?.busy) {
+      closeDatasourceViewDialog();
+    }
+  });
   document.querySelectorAll("[data-datasource-detail-tab]").forEach((button) => button.addEventListener("click", () => {
     state.datasourceDetailTab = button.dataset.datasourceDetailTab || "config";
     render();
@@ -2294,6 +2440,12 @@ function attachSectionHandlers() {
       render();
     });
   });
+  document.querySelectorAll("[data-delete-datasource-view]").forEach((button) => {
+    button.addEventListener("click", deleteDatasourceView);
+  });
+  document.querySelectorAll("[data-edit-datasource-view]").forEach((button) => {
+    button.addEventListener("click", openEditDatasourceViewDialog);
+  });
   document.querySelector("#invalidate-schema-cache")?.addEventListener("click", invalidateSchemaCache);
   document.querySelector("#test-datasource")?.addEventListener("click", testDatasource);
   document.querySelector("#introspect-datasource")?.addEventListener("click", introspectDatasource);
@@ -2344,6 +2496,7 @@ function attachSectionHandlers() {
     state.datasourceSchemaError = "";
     state.datasourceSchemaSelectedObjectName = "";
     state.datasourceSchemaDraftTables = null;
+    resetDatasourceViewDialog();
     render();
   });
   document.querySelectorAll("[data-prompt]").forEach((button) => {
@@ -2355,6 +2508,7 @@ function attachSectionHandlers() {
   document.querySelectorAll("[data-datasource]").forEach((button) => {
     button.addEventListener("click", async () => {
       state.selectedDatasourceId = Number(button.dataset.datasource);
+      resetDatasourceViewDialog();
       await loadDatasourceExtensions();
       await loadDatasourceSchema();
     });
@@ -3179,6 +3333,269 @@ async function testDatasource() {
     setMessage("error", extractErrorMessage(error));
   }
 }
+function defaultDatasourceViewDialog() {
+  return {
+    open: false,
+    mode: "create",
+    originalName: "",
+    loadedName: "",
+    loadedSql: "",
+    name: "",
+    view_description: "",
+    sql: "",
+    error: "",
+    success: "",
+    busy: "",
+    executed: false
+  };
+}
+function resetDatasourceViewDialog() {
+  state.datasourceViewDialog = defaultDatasourceViewDialog();
+}
+function openDatasourceViewDialog() {
+  state.datasourceViewDialog = {
+    ...defaultDatasourceViewDialog(),
+    mode: "create",
+    open: true
+  };
+  render();
+}
+async function openEditDatasourceViewDialog(event) {
+  const selected = getSelectedDatasource();
+  const viewName = event.currentTarget?.dataset?.editDatasourceView || "";
+  if (!selected || !viewName) return;
+  syncDatasourceSchemaDraftFromForm();
+  const rawTables = state.datasourceSchema?.item?.raw_schema?.tables || [];
+  const tableSettings = state.datasourceSchema?.item?.table_settings?.tables || {};
+  const draftSettings = getDatasourceSchemaDraftTables(rawTables, tableSettings)[viewName] || {};
+  const draftViewDescription = draftSettings.view_description || "";
+  state.datasourceViewDialog = {
+    ...defaultDatasourceViewDialog(),
+    open: true,
+    mode: "edit",
+    originalName: viewName,
+    loadedName: viewName,
+    name: viewName,
+    view_description: draftViewDescription,
+    busy: "load"
+  };
+  render();
+  try {
+    const result = await api(`/api/v1/admin/datasources/${selected.id}/schema/views/${encodeURIComponent(viewName)}`);
+    const item = result.item || {};
+    const viewDescription = draftViewDescription || item.view_description || item.description || "";
+    state.datasourceViewDialog = {
+      ...state.datasourceViewDialog,
+      mode: "edit",
+      originalName: item.name || viewName,
+      loadedName: item.name || viewName,
+      loadedSql: item.sql || "",
+      name: item.name || viewName,
+      view_description: viewDescription,
+      sql: item.sql || "",
+      busy: "",
+      error: "",
+      success: "",
+      executed: true
+    };
+    render();
+  } catch (error) {
+    state.datasourceViewDialog = {
+      ...state.datasourceViewDialog,
+      busy: "",
+      error: error.message,
+      success: ""
+    };
+    render();
+  }
+}
+function closeDatasourceViewDialog() {
+  if (state.datasourceViewDialog?.busy) return;
+  resetDatasourceViewDialog();
+  render();
+}
+function readDatasourceViewDialogPayload() {
+  const form = document.querySelector("#datasource-view-form");
+  if (!form) {
+    const dialog = state.datasourceViewDialog || {};
+    return {
+      name: String(dialog.name || "").trim(),
+      view_description: String(dialog.view_description || ""),
+      sql: String(dialog.sql || "")
+    };
+  }
+  const data = new FormData(form);
+  return {
+    name: String(data.get("name") || "").trim(),
+    view_description: String(data.get("view_description") || ""),
+    sql: String(data.get("sql") || "")
+  };
+}
+function setDatasourceViewDialogBusy(payload, busy) {
+  state.datasourceViewDialog = {
+    ...state.datasourceViewDialog,
+    ...payload,
+    busy,
+    error: "",
+    success: ""
+  };
+  render();
+}
+function validateDatasourceViewPayload(payload, requireSql = false) {
+  if (!payload.name) return "View name is required.";
+  if (!/^[A-Za-z_][A-Za-z0-9_]{0,127}$/.test(payload.name)) {
+    return "View name must start with a letter or underscore and contain only letters, numbers and underscores.";
+  }
+  if (requireSql && !payload.sql.trim()) return "SQL is required.";
+  return "";
+}
+async function generateDatasourceViewSql() {
+  const selected = getSelectedDatasource();
+  if (!selected) return;
+  const dialog = state.datasourceViewDialog || {};
+  const payload = readDatasourceViewDialogPayload();
+  const validationError = validateDatasourceViewPayload(payload);
+  if (validationError) {
+    state.datasourceViewDialog = { ...state.datasourceViewDialog, ...payload, error: validationError, success: "" };
+    render();
+    return;
+  }
+  setDatasourceViewDialogBusy(payload, "generate");
+  try {
+    const result = await api(`/api/v1/admin/datasources/${selected.id}/schema/views/generate-sql`, {
+      method: "POST",
+      body: JSON.stringify({ name: payload.name, view_description: payload.view_description })
+    });
+    state.datasourceViewDialog = {
+      ...state.datasourceViewDialog,
+      ...payload,
+      mode: dialog.mode || "create",
+      sql: result.sql || "",
+      busy: "",
+      error: "",
+      success: "SQL generated.",
+      executed: false
+    };
+    render();
+  } catch (error) {
+    state.datasourceViewDialog = { ...state.datasourceViewDialog, ...payload, busy: "", error: error.message, success: "" };
+    render();
+  }
+}
+async function executeDatasourceViewSql() {
+  const selected = getSelectedDatasource();
+  if (!selected) return;
+  const dialog = state.datasourceViewDialog || {};
+  const payload = readDatasourceViewDialogPayload();
+  const validationError = validateDatasourceViewPayload(payload, true);
+  if (validationError) {
+    state.datasourceViewDialog = { ...state.datasourceViewDialog, ...payload, error: validationError, success: "" };
+    render();
+    return;
+  }
+  setDatasourceViewDialogBusy(payload, "execute");
+  try {
+    const result = dialog.mode === "edit"
+      ? await api(`/api/v1/admin/datasources/${selected.id}/schema/views/${encodeURIComponent(dialog.originalName || payload.name)}/execute`, {
+          method: "PUT",
+          body: JSON.stringify(payload)
+        })
+      : await api(`/api/v1/admin/datasources/${selected.id}/schema/views/execute`, {
+          method: "POST",
+          body: JSON.stringify(payload)
+        });
+    state.datasourceSchema = result;
+    state.datasourceSchemaSelectedObjectName = payload.name;
+    state.datasourceSchemaDraftTables = null;
+    state.datasourceViewDialog = {
+      ...state.datasourceViewDialog,
+      ...payload,
+      originalName: payload.name,
+      loadedName: payload.name,
+      loadedSql: payload.sql,
+      busy: "",
+      error: "",
+      success: "View executed and schema introspection refreshed.",
+      executed: true
+    };
+    render();
+  } catch (error) {
+    state.datasourceViewDialog = { ...state.datasourceViewDialog, ...payload, busy: "", error: error.message, success: "" };
+    render();
+  }
+}
+async function saveDatasourceView(event) {
+  event.preventDefault();
+  const selected = getSelectedDatasource();
+  if (!selected) return;
+  const dialog = state.datasourceViewDialog || {};
+  const payload = readDatasourceViewDialogPayload();
+  const canSaveSettingsOnly = (
+    dialog.executed
+    && (dialog.loadedName || dialog.name) === payload.name
+    && (dialog.loadedSql || dialog.sql) === payload.sql
+  );
+  const validationError = validateDatasourceViewPayload(payload, !canSaveSettingsOnly);
+  if (validationError) {
+    state.datasourceViewDialog = { ...state.datasourceViewDialog, ...payload, error: validationError, success: "" };
+    render();
+    return;
+  }
+  setDatasourceViewDialogBusy(payload, "save");
+  try {
+    const result = canSaveSettingsOnly
+      ? await api(`/api/v1/admin/datasources/${selected.id}/schema/views/${encodeURIComponent(dialog.originalName || payload.name)}`, {
+          method: "PUT",
+          body: JSON.stringify({ view_description: payload.view_description })
+        })
+      : dialog.mode === "edit"
+        ? await api(`/api/v1/admin/datasources/${selected.id}/schema/views/${encodeURIComponent(dialog.originalName || payload.name)}/execute`, {
+            method: "PUT",
+            body: JSON.stringify(payload)
+          })
+        : await api(`/api/v1/admin/datasources/${selected.id}/schema/views/execute`, {
+            method: "POST",
+            body: JSON.stringify(payload)
+          });
+    state.datasourceSchema = result;
+    state.datasourceSchemaSelectedObjectName = payload.name;
+    state.datasourceSchemaDraftTables = null;
+    resetDatasourceViewDialog();
+    setMessage("success", "View saved.");
+    render();
+  } catch (error) {
+    state.datasourceViewDialog = { ...state.datasourceViewDialog, ...payload, busy: "", error: error.message, success: "" };
+    render();
+  }
+}
+async function deleteDatasourceView(event) {
+  const selected = getSelectedDatasource();
+  const viewName = event.currentTarget?.dataset?.deleteDatasourceView || "";
+  if (!selected || !viewName) return;
+  if (!await requestConfirmation({
+    title: "Delete view",
+    message: `Delete view "${viewName}"?`,
+    confirmLabel: "Delete"
+  })) return;
+  try {
+    state.datasourceSchemaLoading = true;
+    state.datasourceSchemaError = "";
+    render();
+    state.datasourceSchema = await api(`/api/v1/admin/datasources/${selected.id}/schema/views/${encodeURIComponent(viewName)}`, {
+      method: "DELETE"
+    });
+    state.datasourceSchemaSelectedObjectName = "";
+    state.datasourceSchemaDraftTables = null;
+    state.datasourceSchemaLoading = false;
+    setMessage("success", "View deleted.");
+    render();
+  } catch (error) {
+    state.datasourceSchemaLoading = false;
+    state.datasourceSchemaError = error.message;
+    setMessage("error", error.message);
+    render();
+  }
+}
 async function introspectDatasource() {
   const selected = getSelectedDatasource();
   if (!selected) return;
@@ -3227,6 +3644,7 @@ async function deleteDatasource() {
     state.datasourceSchemaError = "";
     state.datasourceSchemaSelectedObjectName = "";
     state.datasourceSchemaDraftTables = null;
+    resetDatasourceViewDialog();
     setMessage("success", "Datasource deleted.");
     await loadDatasources();
   } catch (error) {
@@ -3248,10 +3666,14 @@ function syncDatasourceSchemaDraftFromForm() {
   const selectedName = state.datasourceSchemaSelectedObjectName;
   const selectedSettings = selectedName ? draftTables[selectedName] : null;
   if (!selectedSettings) return;
-  selectedSettings.description = form.querySelector("[data-schema-detail='description']")?.value || "";
-  selectedSettings.primary_key_prompt = form.querySelector("[data-schema-detail='primary_key_prompt']")?.value || "";
-  selectedSettings.foreign_key_prompt = form.querySelector("[data-schema-detail='foreign_key_prompt']")?.value || "";
-  selectedSettings.join_logic = form.querySelector("[data-schema-detail='join_logic']")?.value || "";
+  const descriptionInput = form.querySelector("[data-schema-detail='description']");
+  const primaryKeyPromptInput = form.querySelector("[data-schema-detail='primary_key_prompt']");
+  const foreignKeyPromptInput = form.querySelector("[data-schema-detail='foreign_key_prompt']");
+  const joinLogicInput = form.querySelector("[data-schema-detail='join_logic']");
+  if (descriptionInput) selectedSettings.description = descriptionInput.value || "";
+  if (primaryKeyPromptInput) selectedSettings.primary_key_prompt = primaryKeyPromptInput.value || "";
+  if (foreignKeyPromptInput) selectedSettings.foreign_key_prompt = foreignKeyPromptInput.value || "";
+  if (joinLogicInput) selectedSettings.join_logic = joinLogicInput.value || "";
 }
 async function saveDatasourceSchema(event) {
   event.preventDefault();
@@ -3267,6 +3689,7 @@ async function saveDatasourceSchema(event) {
     tables[table.name] = {
       selected: draft.selected !== false,
       description: draft.description || "",
+      view_description: draft.view_description || "",
       primary_key_prompt: draft.primary_key_prompt || "",
       foreign_key_prompt: draft.foreign_key_prompt || "",
       join_logic: draft.join_logic || ""
@@ -3488,6 +3911,7 @@ async function loadDatasourceSchema() {
     state.datasourceSchemaDraftTables = null;
     state.datasourceSchemaLoading = false;
     state.datasourceSchemaError = "";
+    resetDatasourceViewDialog();
     render();
     return;
   }

{gaard_api-0.2.11 → gaard_api-0.2.13}/src/gaard_api/admin-web/assets/styles.css

@@ -447,6 +447,14 @@ label {
   font-size: 16px;
 }
 
+.schema-object-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
 .schema-object-columns {
   padding: 10px;
   border: 1px solid var(--line);
@@ -724,6 +732,12 @@ label {
   animation: spin 0.8s linear infinite;
 }
 
+button .spinner {
+  display: inline-block;
+  margin-right: 6px;
+  vertical-align: -2px;
+}
+
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -763,6 +777,14 @@ label {
   font-size: 16px;
 }
 
+.panel-header-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
 .audit-controls {
   display: flex;
   justify-content: flex-end;