@quanta-intellect/vessel-browser 0.1.73 → 0.1.76

package/out/preload/index.js

@@ -61,6 +61,8 @@ const Channels = {
   BOOKMARK_REMOVE: "bookmarks:remove",
   BOOKMARKS_EXPORT_HTML: "bookmarks:export-html",
   BOOKMARKS_EXPORT_JSON: "bookmarks:export-json",
+  BOOKMARKS_IMPORT_HTML: "bookmarks:import-html",
+  BOOKMARKS_IMPORT_JSON: "bookmarks:import-json",
   BOOKMARK_ADD_CONTEXT_TO_CHAT: "bookmarks:add-context-to-chat",
   FOLDER_CREATE: "bookmarks:folder-create",
   FOLDER_REMOVE: "bookmarks:folder-remove",
@@ -84,6 +86,11 @@ const Channels = {
   TAB_ZOOM_IN: "tab:zoom-in",
   TAB_ZOOM_OUT: "tab:zoom-out",
   TAB_ZOOM_RESET: "tab:zoom-reset",
+  // Security indicator
+  SECURITY_STATE_UPDATE: "security:state-update",
+  SECURITY_SHOW_DETAILS: "security:show-details",
+  SECURITY_PROCEED_ANYWAY: "security:proceed-anyway",
+  SECURITY_GO_BACK_TO_SAFETY: "security:go-back-to-safety",
   // Closed tabs / duplication
   TAB_REOPEN_CLOSED: "tab:reopen-closed",
   TAB_DUPLICATE: "tab:duplicate",
@@ -118,6 +125,9 @@ const Channels = {
   HISTORY_SEARCH: "history:search",
   HISTORY_CLEAR: "history:clear",
   HISTORY_UPDATE: "history:update",
+  HISTORY_EXPORT_HTML: "history:export-html",
+  HISTORY_EXPORT_JSON: "history:export-json",
+  HISTORY_IMPORT: "history:import",
   // Downloads
   DOWNLOAD_STARTED: "download:started",
   DOWNLOAD_PROGRESS: "download:progress",
@@ -142,6 +152,13 @@ const Channels = {
   VAULT_UPDATE: "vault:update",
   VAULT_REMOVE: "vault:remove",
   VAULT_AUDIT_LOG: "vault:audit-log",
+  // Human Password Manager
+  HUMAN_VAULT_LIST: "human-vault:list",
+  HUMAN_VAULT_GET: "human-vault:get",
+  HUMAN_VAULT_SAVE: "human-vault:save",
+  HUMAN_VAULT_UPDATE: "human-vault:update",
+  HUMAN_VAULT_REMOVE: "human-vault:remove",
+  HUMAN_VAULT_AUDIT_LOG: "human-vault:audit-log",
   // Automation kits
   AUTOMATION_GET_INSTALLED: "automation:get-installed",
   AUTOMATION_INSTALL_FROM_FILE: "automation:install-from-file",
@@ -164,7 +181,12 @@ const Channels = {
   AUTOFILL_FILL: "autofill:fill",
   PAGE_CHANGED: "page:changed",
   PAGE_DIFF_GET: "page:diff-get",
-  PAGE_DIFF_HISTORY: "page:diff-history"
+  PAGE_DIFF_HISTORY: "page:diff-history",
+  // Clear browsing data
+  CLEAR_BROWSING_DATA: "browsing-data:clear",
+  CLEAR_BROWSING_DATA_OPEN: "browsing-data:open",
+  // Picture-in-Picture
+  TAB_TOGGLE_PIP: "tab:toggle-pip"
 };
 const api = {
   tabs: {
@@ -337,6 +359,8 @@ const api = {
     removeBookmark: (id) => electron.ipcRenderer.invoke(Channels.BOOKMARK_REMOVE, id),
     exportHtml: (options) => electron.ipcRenderer.invoke(Channels.BOOKMARKS_EXPORT_HTML, options),
     exportJson: () => electron.ipcRenderer.invoke(Channels.BOOKMARKS_EXPORT_JSON),
+    importHtml: () => electron.ipcRenderer.invoke(Channels.BOOKMARKS_IMPORT_HTML),
+    importJson: () => electron.ipcRenderer.invoke(Channels.BOOKMARKS_IMPORT_JSON),
     createFolder: (name) => electron.ipcRenderer.invoke(Channels.FOLDER_CREATE, name),
     createFolderWithSummary: (name, summary) => electron.ipcRenderer.invoke(Channels.FOLDER_CREATE, name, summary),
     removeFolder: (id, deleteContents) => electron.ipcRenderer.invoke(Channels.FOLDER_REMOVE, id, deleteContents),
@@ -378,6 +402,9 @@ const api = {
     get: () => electron.ipcRenderer.invoke(Channels.HISTORY_GET),
     search: (query) => electron.ipcRenderer.invoke(Channels.HISTORY_SEARCH, query),
     clear: () => electron.ipcRenderer.invoke(Channels.HISTORY_CLEAR),
+    exportHtml: () => electron.ipcRenderer.invoke(Channels.HISTORY_EXPORT_HTML),
+    exportJson: () => electron.ipcRenderer.invoke(Channels.HISTORY_EXPORT_JSON),
+    importFile: () => electron.ipcRenderer.invoke(Channels.HISTORY_IMPORT),
     onUpdate: (cb) => {
       const handler = (_, state) => cb(state);
       electron.ipcRenderer.on(Channels.HISTORY_UPDATE, handler);
@@ -416,6 +443,14 @@ const api = {
     remove: (id) => electron.ipcRenderer.invoke(Channels.VAULT_REMOVE, id),
     auditLog: (limit) => electron.ipcRenderer.invoke(Channels.VAULT_AUDIT_LOG, limit)
   },
+  humanVault: {
+    list: (domain) => electron.ipcRenderer.invoke(Channels.HUMAN_VAULT_LIST, domain),
+    get: (id) => electron.ipcRenderer.invoke(Channels.HUMAN_VAULT_GET, id),
+    save: (entry) => electron.ipcRenderer.invoke(Channels.HUMAN_VAULT_SAVE, entry),
+    update: (id, updates) => electron.ipcRenderer.invoke(Channels.HUMAN_VAULT_UPDATE, id, updates),
+    remove: (id) => electron.ipcRenderer.invoke(Channels.HUMAN_VAULT_REMOVE, id),
+    auditLog: (limit) => electron.ipcRenderer.invoke(Channels.HUMAN_VAULT_AUDIT_LOG, limit)
+  },
   automation: {
     getInstalled: () => electron.ipcRenderer.invoke(Channels.AUTOMATION_GET_INSTALLED),
     installFromFile: () => electron.ipcRenderer.invoke(Channels.AUTOMATION_INSTALL_FROM_FILE),
@@ -469,6 +504,27 @@ const api = {
     },
     get: () => electron.ipcRenderer.invoke(Channels.PAGE_DIFF_GET),
     getHistory: () => electron.ipcRenderer.invoke(Channels.PAGE_DIFF_HISTORY)
+  },
+  security: {
+    onStateUpdate: (cb) => {
+      const handler = (_, data) => cb(data.tabId, data.state);
+      electron.ipcRenderer.on(Channels.SECURITY_STATE_UPDATE, handler);
+      return () => electron.ipcRenderer.removeListener(Channels.SECURITY_STATE_UPDATE, handler);
+    },
+    showDetails: (state) => electron.ipcRenderer.invoke(Channels.SECURITY_SHOW_DETAILS, state),
+    proceedAnyway: (tabId) => electron.ipcRenderer.invoke(Channels.SECURITY_PROCEED_ANYWAY, tabId),
+    goBackToSafety: (tabId) => electron.ipcRenderer.invoke(Channels.SECURITY_GO_BACK_TO_SAFETY, tabId)
+  },
+  browsingData: {
+    clear: (options) => electron.ipcRenderer.invoke(Channels.CLEAR_BROWSING_DATA, options),
+    onOpenDialog: (cb) => {
+      const handler = () => cb();
+      electron.ipcRenderer.on(Channels.CLEAR_BROWSING_DATA_OPEN, handler);
+      return () => electron.ipcRenderer.removeListener(Channels.CLEAR_BROWSING_DATA_OPEN, handler);
+    }
+  },
+  pip: {
+    toggle: () => electron.ipcRenderer.invoke(Channels.TAB_TOGGLE_PIP)
   }
 };
 electron.contextBridge.exposeInMainWorld("vessel", api);

package/out/renderer/assets/{index-MB-_tN9U.css → index-D3rrgL9t.css}

@@ -1654,6 +1654,283 @@
     background: var(--status-warning-bg);
     color: var(--status-warning);
 }
+
+/* ═══════════════════════════════════════
+   Security indicator
+   ═══════════════════════════════════════ */
+
+.security-indicator-wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+}
+
+.security-indicator {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    border: none;
+    background: transparent;
+    color: #9ca3af;
+    cursor: pointer;
+    border-radius: 4px;
+    transition: background 0.15s;
+}
+
+.security-indicator:hover {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+.security-indicator.secure {
+    color: #4ade80;
+}
+
+.security-indicator.insecure {
+    color: #9ca3af;
+}
+
+.security-indicator.error {
+    color: #f87171;
+}
+
+.security-popup {
+    position: absolute;
+    top: calc(100% + 6px);
+    left: 0;
+    background: #1e1e24;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    border-radius: 8px;
+    padding: 12px 16px;
+    min-width: 220px;
+    z-index: 100;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+}
+
+.security-popup-content {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.security-popup-text {
+    font-size: 12px;
+    color: #e0e0e0;
+    line-height: 1.5;
+    margin: 0;
+}
+
+.security-popup-link {
+    font-size: 12px;
+    color: #60a5fa;
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    text-align: left;
+    text-decoration: underline;
+}
+
+.security-popup-link:hover {
+    color: #93c5fd;
+}
+
+.security-popup-actions {
+    display: flex;
+    gap: 8px;
+    margin-top: 4px;
+}
+
+.security-popup-action-proceed {
+    font-size: 11px;
+    color: #fbbf24;
+    background: rgba(251, 191, 36, 0.1);
+    border: 1px solid rgba(251, 191, 36, 0.3);
+    border-radius: 4px;
+    cursor: pointer;
+    padding: 4px 8px;
+}
+
+.security-popup-action-proceed:hover {
+    background: rgba(251, 191, 36, 0.2);
+}
+
+.security-popup-action-back {
+    font-size: 11px;
+    color: #9ca3af;
+    background: rgba(156, 163, 175, 0.1);
+    border: 1px solid rgba(156, 163, 175, 0.2);
+    border-radius: 4px;
+    cursor: pointer;
+    padding: 4px 8px;
+}
+
+.security-popup-action-back:hover {
+    background: rgba(156, 163, 175, 0.2);
+}
+
+.clear-data-overlay {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 200;
+}
+
+.clear-data-dialog {
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-visible);
+    border-radius: var(--radius-lg);
+    padding: 24px;
+    min-width: 380px;
+    max-width: 440px;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+}
+
+.clear-data-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20px;
+}
+
+.clear-data-header h3 {
+    margin: 0;
+    font-size: 15px;
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.clear-data-close {
+    background: none;
+    border: none;
+    color: var(--text-muted);
+    cursor: pointer;
+    padding: 4px;
+    border-radius: var(--radius-sm);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.clear-data-close:hover {
+    color: var(--text-primary);
+    background: var(--surface-hover);
+}
+
+.clear-data-range {
+    margin-bottom: 16px;
+}
+
+.clear-data-range label {
+    display: block;
+    font-size: 12px;
+    color: var(--text-secondary);
+    margin-bottom: 6px;
+}
+
+.clear-data-select {
+    width: 100%;
+    padding: 6px 10px;
+    font-size: 13px;
+    background: var(--bg-tertiary);
+    color: var(--text-primary);
+    border: 1px solid var(--border-visible);
+    border-radius: var(--radius-sm);
+    outline: none;
+    cursor: pointer;
+    appearance: auto;
+}
+
+.clear-data-select:focus {
+    border-color: var(--accent-primary);
+}
+
+.clear-data-checks {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    margin-bottom: 20px;
+    padding: 12px;
+    background: var(--bg-tertiary);
+    border-radius: var(--radius-md);
+}
+
+.clear-data-check {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    font-size: 13px;
+    color: var(--text-primary);
+    cursor: pointer;
+}
+
+.clear-data-check input[type="checkbox"] {
+    accent-color: var(--accent-primary);
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+}
+
+.clear-data-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 10px;
+}
+
+.clear-data-error {
+    margin: -4px 0 14px;
+    font-size: 12px;
+    color: var(--error);
+}
+
+.clear-data-cancel {
+    padding: 7px 16px;
+    font-size: 13px;
+    background: var(--bg-tertiary);
+    color: var(--text-secondary);
+    border: 1px solid var(--border-visible);
+    border-radius: var(--radius-sm);
+    cursor: pointer;
+}
+
+.clear-data-cancel:hover {
+    background: var(--bg-elevated);
+    color: var(--text-primary);
+}
+
+.clear-data-confirm {
+    padding: 7px 16px;
+    font-size: 13px;
+    background: var(--error);
+    color: #fff;
+    border: none;
+    border-radius: var(--radius-sm);
+    cursor: pointer;
+    font-weight: 500;
+}
+
+.clear-data-confirm:hover:not(:disabled) {
+    opacity: 0.9;
+}
+
+.clear-data-confirm:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+}
+
+.clear-data-done {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    padding: 20px;
+    font-size: 14px;
+    color: var(--accent-secondary);
+}
 /* ═══════════════════════════════════════
    Command bar overlay — cinematic entrance
    ═══════════════════════════════════════ */
@@ -4688,6 +4965,13 @@
     border-bottom: 1px solid var(--border-subtle);
 }
 
+.history-panel-actions {
+    display: flex;
+    gap: 6px;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+}
+
 .history-panel-title {
     font-size: 12px;
     font-weight: 600;