sqlite-hub 1.1.1 → 1.1.2

package/frontend/js/components/queryEditor.js

@@ -1,3 +1,4 @@
+import { renderDropdownButton } from "./dropdownButton.js";
 import { escapeHtml, highlightSql } from "../utils/format.js";
 
 function renderLineNumbers(query) {
@@ -57,21 +58,29 @@ export function renderQueryEditor({
   `;
 
   const center = `
-    <button
-      class="${secondaryButtonClass}"
-      data-action="format-current-query"
-      type="button"
-    >
-      <span class="material-symbols-outlined text-sm">format_align_left</span>
-      Format
-    </button>
-    <button
-      class="${secondaryButtonClass}"
-      data-action="clear-query"
-      type="button"
-    >
-      Clear
-    </button>
+    ${renderDropdownButton({
+      icon: "edit_note",
+      label: "Editor",
+      title: "Editor actions",
+      items: [
+        {
+          action: "format-current-query",
+          icon: "format_align_left",
+          label: "Format",
+        },
+        {
+          action: "clear-query",
+          icon: "delete_sweep",
+          label: "Clear",
+          danger: true,
+        },
+        {
+          action: "copy-current-query",
+          icon: "content_copy",
+          label: "Copy to Clipboard",
+        },
+      ],
+    })}
     <button
       class="${secondaryButtonClass}"
       data-action="open-query-export-modal"

package/frontend/js/components/queryHistoryDetail.js

@@ -35,11 +35,30 @@ function getQueryTypeTone(queryType) {
   return "muted";
 }
 
+function getExecutionSourceTone(source) {
+  if (source === "api") {
+    return "primary";
+  }
+
+  if (source === "cli") {
+    return "warning";
+  }
+
+  if (source === "mcp") {
+    return "muted";
+  }
+
+  return "success";
+}
+
 function renderRunItem(run) {
+  const executedBy = String(run.executedBy ?? "user").trim().toLowerCase() || "user";
+
   return `
     <div class="border border-outline-variant/10 bg-surface-container px-3 py-3">
       <div class="flex flex-wrap items-center gap-2">
         ${renderStatusBadge(run.status, run.status === "error" ? "alert" : "success")}
+        ${renderStatusBadge(executedBy, getExecutionSourceTone(executedBy))}
         <span class="text-[10px] font-mono uppercase tracking-[0.16em] text-on-surface-variant/55">
           ${escapeHtml(formatCompactDateTime(run.executedAt))}
         </span>
@@ -199,7 +218,7 @@ export function renderQueryHistoryDetail({
     "</button>",
     '<button class="delete-button" data-action="open-delete-query-history-modal" data-history-id="',
     escapeHtml(item.id),
-    '" type="button">Delete</button></div>',
+    '" type="button"><span class="material-symbols-outlined text-sm">delete</span>Delete</button></div>',
     '<div class="mt-6"><div class="text-[10px] font-mono uppercase tracking-[0.16em] text-on-surface-variant/55">SQL</div>',
     '<pre class="query-history-detail-sql custom-scrollbar mt-2 overflow-auto border border-outline-variant/10 bg-surface-container-lowest p-4 font-mono text-sm leading-6 text-on-surface"><code>',
     highlightSql(item.rawSql),

package/frontend/js/components/queryHistoryHeader.js

@@ -34,10 +34,11 @@ export function renderQueryHistorySearch({
     placeholder = 'Search SQL, titles, notes...',
 } = {}) {
     return `
-      <label class="mt-4 block">
+      <label class="query-history-search">
         <span class="sr-only">Search query history</span>
+        <span class="material-symbols-outlined query-history-search__icon" aria-hidden="true">search</span>
         <input
-          class="control-input w-full border border-outline-variant/20 bg-surface-container text-sm text-on-surface outline-none placeholder:text-on-surface-variant/35 focus:border-primary-container"
+          class="control-input query-history-search__input w-full border border-outline-variant/20 bg-surface-container text-sm text-on-surface outline-none placeholder:text-on-surface-variant/35 focus:border-primary-container"
           data-bind="${escapeHtml(bind)}"
           placeholder="${escapeHtml(placeholder)}"
           type="search"

package/frontend/js/components/rowEditorPanel.js

@@ -521,6 +521,7 @@ export function renderRowEditorPanel({
           ' type="button" ',
           saving || deleting ? "disabled" : "",
           ">",
+          '<span class="material-symbols-outlined text-sm">delete</span>',
           escapeHtml(deleting ? "Deleting..." : deleteLabel),
           "</button>",
         ].join("")

package/frontend/js/components/sidebar.js

@@ -19,6 +19,7 @@ const sidebarItems = [
             { label: 'TAGGING_QUEUE', href: '#/media-tagging/queue', key: 'mediaTaggingQueue' },
         ],
     },
+    { label: 'Backups', href: '#/backups', key: 'backups', icon: 'inventory_2' },
     { label: 'Settings', href: '#/settings', key: 'settings', icon: 'settings' },
 ];
 

package/frontend/js/router.js

@@ -11,6 +11,8 @@ export function parseHash(hash = window.location.hash) {
     switch (segments[0]) {
         case 'connections':
             return { name: 'connections', path: '/connections', params: {} };
+        case 'backups':
+            return { name: 'backups', path: '/backups', params: {} };
         case 'overview':
             return { name: 'overview', path: '/overview', params: {} };
         case 'charts':