@quanta-intellect/vessel-browser 0.1.71 → 0.1.74

package/out/preload/index.js

@@ -59,6 +59,10 @@ const Channels = {
   BOOKMARK_SAVE: "bookmarks:save",
   BOOKMARK_UPDATE: "bookmarks:update-item",
   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",
@@ -82,10 +86,32 @@ 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",
   TAB_CONTEXT_MENU: "tab:context-menu",
+  // Pin tabs
+  TAB_PIN: "tab:pin",
+  TAB_UNPIN: "tab:unpin",
+  // Tab groups
+  TAB_GROUP_CREATE: "tab-group:create",
+  TAB_GROUP_ADD_TAB: "tab-group:add-tab",
+  TAB_GROUP_REMOVE_TAB: "tab-group:remove-tab",
+  TAB_GROUP_TOGGLE_COLLAPSED: "tab-group:toggle-collapsed",
+  TAB_GROUP_SET_COLOR: "tab-group:set-color",
+  TAB_GROUP_CONTEXT_MENU: "tab-group:context-menu",
+  // Audio / mute
+  TAB_TOGGLE_MUTE: "tab:toggle-mute",
+  // Print
+  TAB_PRINT: "tab:print",
+  TAB_PRINT_TO_PDF: "tab:print-to-pdf",
+  // Windows
+  OPEN_NEW_WINDOW: "window:open-new",
   // Private browsing
   OPEN_PRIVATE_WINDOW: "private:open-window",
   IS_PRIVATE_MODE: "private:is-private",
@@ -99,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",
@@ -123,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",
@@ -145,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: {
@@ -165,6 +206,18 @@ const api = {
     showContextMenu: (id) => electron.ipcRenderer.send(Channels.TAB_CONTEXT_MENU, id),
     openPrivateWindow: () => electron.ipcRenderer.invoke(Channels.OPEN_PRIVATE_WINDOW),
     isPrivateMode: () => electron.ipcRenderer.invoke(Channels.IS_PRIVATE_MODE),
+    pin: (id) => electron.ipcRenderer.invoke(Channels.TAB_PIN, id),
+    unpin: (id) => electron.ipcRenderer.invoke(Channels.TAB_UNPIN, id),
+    createGroup: (id) => electron.ipcRenderer.invoke(Channels.TAB_GROUP_CREATE, id),
+    addToGroup: (id, groupId) => electron.ipcRenderer.invoke(Channels.TAB_GROUP_ADD_TAB, id, groupId),
+    removeFromGroup: (id) => electron.ipcRenderer.invoke(Channels.TAB_GROUP_REMOVE_TAB, id),
+    toggleGroupCollapsed: (groupId) => electron.ipcRenderer.invoke(Channels.TAB_GROUP_TOGGLE_COLLAPSED, groupId),
+    setGroupColor: (groupId, color) => electron.ipcRenderer.invoke(Channels.TAB_GROUP_SET_COLOR, groupId, color),
+    showGroupContextMenu: (groupId) => electron.ipcRenderer.send(Channels.TAB_GROUP_CONTEXT_MENU, groupId),
+    toggleMute: (id) => electron.ipcRenderer.invoke(Channels.TAB_TOGGLE_MUTE, id),
+    print: (id) => electron.ipcRenderer.invoke(Channels.TAB_PRINT, id),
+    printToPdf: (id) => electron.ipcRenderer.invoke(Channels.TAB_PRINT_TO_PDF, id),
+    openNewWindow: () => electron.ipcRenderer.invoke(Channels.OPEN_NEW_WINDOW),
     getState: () => electron.ipcRenderer.invoke(Channels.TAB_STATE_GET),
     onStateUpdate: (cb) => {
       const handler = (_, tabs, activeId) => cb(tabs, activeId);
@@ -304,6 +357,10 @@ const api = {
     ),
     updateBookmark: (id, updates) => electron.ipcRenderer.invoke(Channels.BOOKMARK_UPDATE, id, updates),
     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),
@@ -345,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);
@@ -383,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),
@@ -436,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-wmYomTVM.css → index-D3rrgL9t.css}

@@ -195,6 +195,19 @@
     }
 }
 
+.tab-item.pinned {
+    max-width: 40px;
+    min-width: 36px;
+    padding: 0 10px;
+    justify-content: center;
+}
+
+.tab-item.pinned .tab-favicon,
+.tab-item.pinned .tab-favicon-fallback {
+    width: 14px;
+    height: 14px;
+}
+
 .tab-item:hover {
     background: var(--surface-hover);
     color: var(--text-secondary);
@@ -206,6 +219,85 @@
     font-weight: 500;
 }
 
+.tab-item.group-blue,
+.tab-group-chip.group-blue { --tab-group-color: #4b8dff; }
+.tab-item.group-green,
+.tab-group-chip.group-green { --tab-group-color: #45b36b; }
+.tab-item.group-yellow,
+.tab-group-chip.group-yellow { --tab-group-color: #d9b441; }
+.tab-item.group-orange,
+.tab-group-chip.group-orange { --tab-group-color: #df8742; }
+.tab-item.group-red,
+.tab-group-chip.group-red { --tab-group-color: #e35d6a; }
+.tab-item.group-purple,
+.tab-group-chip.group-purple { --tab-group-color: #9b73f0; }
+.tab-item.group-gray,
+.tab-group-chip.group-gray { --tab-group-color: #8b95a1; }
+
+.tab-item[class*="group-"] {
+    box-shadow: inset 0 2px 0 color-mix(in srgb, var(--tab-group-color) 78%, transparent);
+}
+
+.tab-group-chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    height: 24px;
+    max-width: 150px;
+    margin-bottom: 3px;
+    padding: 0 8px;
+    border-radius: 6px;
+    color: var(--text-secondary);
+    background: color-mix(in srgb, var(--tab-group-color) 18%, var(--bg-secondary));
+    border: 1px solid color-mix(in srgb, var(--tab-group-color) 48%, transparent);
+    flex-shrink: 0;
+    transition:
+        background var(--duration-fast) var(--ease-in-out),
+        color var(--duration-fast) var(--ease-in-out),
+        transform var(--duration-fast) var(--ease-out-expo);
+}
+
+.tab-group-chip:hover {
+    color: var(--text-primary);
+    background: color-mix(in srgb, var(--tab-group-color) 26%, var(--bg-secondary));
+}
+
+.tab-group-chip:active {
+    transform: scale(0.96);
+}
+
+.tab-group-chip.collapsed {
+    background: color-mix(in srgb, var(--tab-group-color) 12%, var(--bg-secondary));
+}
+
+.tab-group-dot {
+    width: 7px;
+    height: 7px;
+    border-radius: 999px;
+    background: var(--tab-group-color);
+    flex-shrink: 0;
+}
+
+.tab-group-name {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 10.5px;
+    font-weight: 600;
+}
+
+.tab-group-count {
+    min-width: 14px;
+    height: 14px;
+    padding: 0 4px;
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--tab-group-color) 28%, transparent);
+    color: var(--text-muted);
+    font-size: 9px;
+    font-weight: 700;
+    line-height: 14px;
+}
+
 /* Subtle top accent line on active tab */
 .tab-item.active::before {
     content: '';
@@ -302,6 +394,42 @@
     color: var(--text-primary);
 }
 
+.tab-audio {
+    width: 18px;
+    height: 18px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--radius-sm);
+    color: var(--accent-primary);
+    flex-shrink: 0;
+    margin-right: -2px;
+    transition:
+        background var(--duration-fast) var(--ease-in-out),
+        color var(--duration-fast) var(--ease-in-out),
+        transform var(--duration-fast) var(--ease-out-expo);
+}
+
+.tab-audio:hover {
+    background: var(--surface-active);
+    color: var(--text-primary);
+}
+
+.tab-audio:active {
+    transform: scale(0.9);
+}
+
+.tab-audio-pinned {
+    position: absolute;
+    right: 0;
+    bottom: 1px;
+    width: 14px;
+    height: 14px;
+    margin: 0;
+    background: var(--bg-primary);
+    box-shadow: 0 0 0 1px var(--border-subtle);
+}
+
 .tab-loading {
     width: 8px;
     height: 8px;
@@ -1526,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
    ═══════════════════════════════════════ */
@@ -2055,6 +2460,7 @@
 }
 
 .bookmark-save-card,
+.bookmark-export-card,
 .bookmark-folder-section {
     display: flex;
     flex-direction: column;
@@ -2065,6 +2471,19 @@
     border: 1px solid var(--border-glass);
 }
 
+.bookmark-export-actions {
+    display: flex;
+    gap: 6px;
+    flex-wrap: wrap;
+}
+
+.bookmark-export-message {
+    font-size: 11px;
+    color: var(--text-secondary);
+    line-height: 1.4;
+    overflow-wrap: anywhere;
+}
+
 .bookmark-save-shell {
     display: flex;
     flex-direction: column;
@@ -4546,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;