pinokiod 7.3.9 → 7.3.11

package/server/views/terminals.ejs

@@ -4049,7 +4049,8 @@ body.dark .swal2-popup.pinokio-diff-modal .pinokio-modal-footer--commit .pinokio
 .swal2-popup.pinokio-diff-modal .pinokio-modal-tabs,
 .swal2-popup.pinokio-history-modal .pinokio-modal-tabs {
   gap: 5px;
-  padding: 0 14px 7px;
+  padding: 0 14px;
+  margin-bottom: 16px;
 }
 
 .swal2-popup.pinokio-diff-modal .pinokio-modal-tab,
@@ -4158,15 +4159,46 @@ body.dark .swal2-popup.pinokio-diff-modal .pinokio-modal-footer--commit .pinokio
 
 .swal2-popup.pinokio-diff-modal .pinokio-git-history-list,
 .swal2-popup.pinokio-history-modal .pinokio-git-history-list {
-  gap: 6px;
-  padding: 0 14px 10px;
+  gap: 0;
+  padding: 0 14px 14px;
 }
 
 .swal2-popup.pinokio-diff-modal .pinokio-git-commit-item,
 .swal2-popup.pinokio-history-modal .pinokio-git-commit-item {
-  border-radius: 6px;
-  padding: 7px 8px;
-  gap: 8px;
+  align-items: center;
+  border: 0;
+  border-bottom: 1px solid var(--pinokio-modal-border);
+  border-radius: 0;
+  background: transparent;
+  gap: 10px;
+  min-height: 52px;
+  padding: 8px 10px;
+}
+
+.swal2-popup.pinokio-history-modal .pinokio-modal-body--history {
+  padding: 0;
+  background: var(--pinokio-modal-bg);
+}
+
+.swal2-popup.pinokio-history-modal .pinokio-history-latest-banner {
+  border-radius: 4px;
+  margin: 0 14px 10px;
+  padding: 8px 10px;
+}
+
+.swal2-popup.pinokio-history-modal .pinokio-history-latest-btn,
+.swal2-popup.pinokio-history-modal .pinokio-history-branch-select.pinokio-modal-input {
+  box-sizing: border-box;
+  height: 32px;
+  min-height: 32px;
+  padding: 0 10px !important;
+}
+
+.swal2-popup.pinokio-history-modal .pinokio-git-commit-avatar {
+  width: 28px;
+  height: 28px;
+  border-radius: 4px;
+  font-size: 13px;
 }
 
 .swal2-popup.pinokio-diff-modal .pinokio-git-commit-message,
@@ -4194,6 +4226,314 @@ body.dark .swal2-popup.pinokio-diff-modal .pinokio-modal-footer--commit .pinokio
   color: var(--pinokio-modal-icon-color);
 }
 
+/* Minimal modal normalization for terminal SweetAlert shells. */
+:root {
+  --pinokio-modal-bg: #ffffff;
+  --pinokio-modal-surface-bg: #ffffff;
+  --pinokio-modal-text: #18181b;
+  --pinokio-modal-title-color: #18181b;
+  --pinokio-modal-subtitle-color: #71717a;
+  --pinokio-modal-border: rgba(24, 24, 27, 0.12);
+  --pinokio-modal-border-strong: rgba(24, 24, 27, 0.2);
+  --pinokio-modal-body-bg: rgba(24, 24, 27, 0.03);
+  --pinokio-modal-body-border: rgba(24, 24, 27, 0.1);
+  --pinokio-modal-body-iframe-bg: #ffffff;
+  --pinokio-modal-body-text-color: #3f3f46;
+  --pinokio-modal-label-color: #52525b;
+  --pinokio-modal-input-bg: #ffffff;
+  --pinokio-modal-input-border: rgba(24, 24, 27, 0.16);
+  --pinokio-modal-input-text: #18181b;
+  --pinokio-modal-input-focus-border: rgba(24, 24, 27, 0.42);
+  --pinokio-modal-input-focus-shadow: rgba(24, 24, 27, 0.12);
+  --pinokio-modal-icon-bg: rgba(24, 24, 27, 0.04);
+  --pinokio-modal-icon-color: #52525b;
+  --pinokio-modal-primary-bg: #18181b;
+  --pinokio-modal-primary-hover: #27272a;
+  --pinokio-modal-primary-text: #ffffff;
+  --pinokio-modal-secondary-hover-bg: rgba(24, 24, 27, 0.06);
+  --pinokio-modern-shadow: 0 18px 50px rgba(15, 23, 42, 0.16);
+  --pinokio-modern-close-color: #71717a;
+  --pinokio-modern-close-hover-bg: rgba(24, 24, 27, 0.06);
+  --pinokio-modern-close-hover-color: #18181b;
+  --pinokio-modern-cancel-bg: transparent;
+  --pinokio-modern-cancel-color: #52525b;
+  --pinokio-modern-cancel-hover-bg: rgba(24, 24, 27, 0.06);
+}
+
+body.dark {
+  --pinokio-modal-bg: #1b1c1d;
+  --pinokio-modal-surface-bg: #1b1c1d;
+  --pinokio-modal-text: rgba(250, 250, 250, 0.94);
+  --pinokio-modal-title-color: rgba(250, 250, 250, 0.94);
+  --pinokio-modal-subtitle-color: rgba(229, 231, 235, 0.62);
+  --pinokio-modal-border: rgba(255, 255, 255, 0.1);
+  --pinokio-modal-border-strong: rgba(255, 255, 255, 0.18);
+  --pinokio-modal-body-bg: rgba(255, 255, 255, 0.04);
+  --pinokio-modal-body-border: rgba(255, 255, 255, 0.09);
+  --pinokio-modal-body-iframe-bg: #161718;
+  --pinokio-modal-body-text-color: rgba(229, 231, 235, 0.78);
+  --pinokio-modal-label-color: rgba(229, 231, 235, 0.76);
+  --pinokio-modal-input-bg: rgba(255, 255, 255, 0.04);
+  --pinokio-modal-input-border: rgba(255, 255, 255, 0.14);
+  --pinokio-modal-input-text: rgba(250, 250, 250, 0.94);
+  --pinokio-modal-input-focus-border: rgba(255, 255, 255, 0.38);
+  --pinokio-modal-input-focus-shadow: rgba(255, 255, 255, 0.14);
+  --pinokio-modal-icon-bg: rgba(255, 255, 255, 0.055);
+  --pinokio-modal-icon-color: rgba(229, 231, 235, 0.76);
+  --pinokio-modal-primary-bg: rgba(250, 250, 250, 0.94);
+  --pinokio-modal-primary-hover: #ffffff;
+  --pinokio-modal-primary-text: #1b1c1d;
+  --pinokio-modal-secondary-hover-bg: rgba(255, 255, 255, 0.07);
+  --pinokio-modern-shadow: 0 24px 72px rgba(0, 0, 0, 0.42);
+  --pinokio-modern-close-color: rgba(229, 231, 235, 0.58);
+  --pinokio-modern-close-hover-bg: rgba(255, 255, 255, 0.07);
+  --pinokio-modern-close-hover-color: rgba(250, 250, 250, 0.94);
+  --pinokio-modern-cancel-bg: transparent;
+  --pinokio-modern-cancel-color: rgba(229, 231, 235, 0.7);
+  --pinokio-modern-cancel-hover-bg: rgba(255, 255, 255, 0.07);
+}
+
+.swal2-popup.terminals-confirm-modal,
+.swal2-popup.pinokio-modern-modal,
+.swal2-popup.terminals-workspace-create-modal {
+  background: var(--pinokio-modal-bg) !important;
+  color: var(--pinokio-modal-text) !important;
+  border: 1px solid var(--pinokio-modal-border) !important;
+  border-radius: 8px !important;
+  box-shadow: var(--pinokio-modern-shadow) !important;
+}
+
+body.dark .swal2-popup.terminals-confirm-modal,
+body.dark .swal2-popup.pinokio-modern-modal,
+body.dark .swal2-popup.terminals-workspace-create-modal {
+  background: var(--pinokio-modal-bg) !important;
+  color: var(--pinokio-modal-text) !important;
+  border-color: var(--pinokio-modal-border) !important;
+  box-shadow: var(--pinokio-modern-shadow) !important;
+}
+
+.swal2-popup.terminals-confirm-modal {
+  padding: 18px !important;
+}
+
+.swal2-popup.terminals-confirm-modal .swal2-title,
+.swal2-popup.terminals-workspace-create-modal .swal2-title {
+  color: var(--pinokio-modal-title-color) !important;
+  font-size: 16px !important;
+  line-height: 1.25 !important;
+  font-weight: 600 !important;
+  margin-bottom: 6px !important;
+}
+
+.swal2-popup.terminals-confirm-modal .swal2-html-container {
+  color: var(--pinokio-modal-subtitle-color) !important;
+  font-size: 13px !important;
+  line-height: 1.45 !important;
+}
+
+.swal2-popup.terminals-confirm-modal .swal2-styled.swal2-confirm,
+.pinokio-modern-confirm.swal2-confirm,
+.swal2-popup.terminals-workspace-create-modal .swal2-actions .swal2-confirm {
+  min-height: 32px !important;
+  padding: 0 12px !important;
+  border: 1px solid var(--pinokio-modal-primary-bg) !important;
+  border-radius: 6px !important;
+  background: var(--pinokio-modal-primary-bg) !important;
+  background-color: var(--pinokio-modal-primary-bg) !important;
+  color: var(--pinokio-modal-primary-text) !important;
+  box-shadow: none !important;
+  font-size: 13px !important;
+  font-weight: 600 !important;
+}
+
+.swal2-popup.terminals-confirm-modal .swal2-styled.swal2-confirm:hover,
+.pinokio-modern-confirm.swal2-confirm:hover,
+.swal2-popup.terminals-workspace-create-modal .swal2-actions .swal2-confirm:hover {
+  border-color: var(--pinokio-modal-primary-hover) !important;
+  background: var(--pinokio-modal-primary-hover) !important;
+  background-color: var(--pinokio-modal-primary-hover) !important;
+}
+
+.swal2-popup.terminals-confirm-modal .swal2-styled.swal2-cancel,
+.pinokio-modern-cancel.swal2-cancel,
+.swal2-popup.terminals-workspace-create-modal .swal2-actions .swal2-cancel,
+.swal2-popup.terminals-workspace-create-modal .pinokio-modern-cancel.swal2-cancel,
+body.dark .swal2-popup.terminals-workspace-create-modal .swal2-actions .swal2-cancel,
+body.dark .swal2-popup.terminals-workspace-create-modal .pinokio-modern-cancel.swal2-cancel {
+  min-height: 32px !important;
+  padding: 0 12px !important;
+  border: 1px solid var(--pinokio-modal-border) !important;
+  border-radius: 6px !important;
+  background: transparent !important;
+  color: var(--pinokio-modern-cancel-color) !important;
+  box-shadow: none !important;
+  font-size: 13px !important;
+  font-weight: 600 !important;
+}
+
+.swal2-popup.terminals-confirm-modal .swal2-styled.swal2-cancel:hover,
+.pinokio-modern-cancel.swal2-cancel:hover,
+.swal2-popup.terminals-workspace-create-modal .swal2-actions .swal2-cancel:hover {
+  border-color: var(--pinokio-modal-border-strong) !important;
+  background: var(--pinokio-modern-cancel-hover-bg) !important;
+  color: var(--pinokio-modal-title-color) !important;
+}
+
+.pinokio-modern-close.swal2-close,
+.swal2-popup.terminals-workspace-create-modal .swal2-close {
+  top: 12px !important;
+  right: 12px !important;
+  width: 28px !important;
+  height: 28px !important;
+  border-radius: 6px !important;
+  color: var(--pinokio-modern-close-color) !important;
+  font-size: 18px !important;
+}
+
+.pinokio-modern-close.swal2-close:hover,
+.pinokio-modern-close.swal2-close:focus-visible,
+.swal2-popup.terminals-workspace-create-modal .swal2-close:hover,
+.swal2-popup.terminals-workspace-create-modal .swal2-close:focus-visible {
+  background: var(--pinokio-modern-close-hover-bg) !important;
+  color: var(--pinokio-modern-close-hover-color) !important;
+  outline: none !important;
+}
+
+.pinokio-modal-surface {
+  color: var(--pinokio-modal-text) !important;
+}
+
+.pinokio-modal-header {
+  gap: 10px !important;
+  padding: 14px !important;
+}
+
+.pinokio-modal-icon {
+  width: 32px !important;
+  height: 32px !important;
+  border-radius: 7px !important;
+  background: var(--pinokio-modal-icon-bg) !important;
+  color: var(--pinokio-modal-icon-color) !important;
+  font-size: 14px !important;
+}
+
+.pinokio-modal-title {
+  color: var(--pinokio-modal-title-color) !important;
+  font-size: 16px !important;
+  line-height: 1.25 !important;
+  font-weight: 600 !important;
+}
+
+.pinokio-modal-subtitle {
+  color: var(--pinokio-modal-subtitle-color) !important;
+  font-size: 12px !important;
+  line-height: 1.45 !important;
+}
+
+.pinokio-modal-body {
+  border-top: 1px solid var(--pinokio-modal-body-border) !important;
+  background: var(--pinokio-modal-body-bg) !important;
+  color: var(--pinokio-modal-body-text-color) !important;
+}
+
+.pinokio-modal-body--iframe,
+.pinokio-modal-body--diff {
+  padding: 0 !important;
+}
+
+.terminals-workspace-create-input.swal2-input,
+body.dark .terminals-workspace-create-input.swal2-input,
+.pinokio-modal-input {
+  border-radius: 6px !important;
+  border: 1px solid var(--pinokio-modal-input-border) !important;
+  background: var(--pinokio-modal-input-bg) !important;
+  color: var(--pinokio-modal-input-text) !important;
+  box-shadow: none !important;
+  font-size: 13px !important;
+}
+
+.terminals-workspace-create-input.swal2-input:focus,
+.pinokio-modal-input:focus {
+  border-color: var(--pinokio-modal-input-focus-border) !important;
+  box-shadow: 0 0 0 3px var(--pinokio-modal-input-focus-shadow) !important;
+}
+
+.terminals-workspace-create-label.swal2-input-label,
+body.dark .terminals-workspace-create-label.swal2-input-label {
+  color: var(--pinokio-modal-label-color) !important;
+}
+
+.pinokio-modal-tab,
+.pinokio-history-inline-btn,
+.pinokio-history-latest-btn,
+.pinokio-git-diff-open-file,
+.pinokio-git-diff-revert-btn,
+.pinokio-save-version-btn,
+body.dark .pinokio-save-version-btn,
+body.dark .swal2-popup.pinokio-diff-modal .pinokio-save-version-btn,
+body.dark .swal2-popup.pinokio-history-modal .pinokio-save-version-btn {
+  border: 1px solid var(--pinokio-modal-border) !important;
+  border-radius: 6px !important;
+  background: transparent !important;
+  background-color: transparent !important;
+  color: var(--pinokio-modal-body-text-color) !important;
+  box-shadow: none !important;
+}
+
+.pinokio-git-diff-revert-btn,
+.pinokio-save-version-btn,
+body.dark .pinokio-save-version-btn,
+body.dark .swal2-popup.pinokio-diff-modal .pinokio-save-version-btn,
+body.dark .swal2-popup.pinokio-history-modal .pinokio-save-version-btn {
+  border-color: var(--pinokio-modal-primary-bg) !important;
+  background: var(--pinokio-modal-primary-bg) !important;
+  background-color: var(--pinokio-modal-primary-bg) !important;
+  color: var(--pinokio-modal-primary-text) !important;
+}
+
+.swal2-popup.pinokio-diff-modal .pinokio-modal-footer--commit .pinokio-commit-message-container {
+  align-items: stretch !important;
+}
+
+.swal2-popup.pinokio-diff-modal .pinokio-modal-footer--commit .pinokio-commit-actions {
+  display: flex !important;
+  align-items: stretch !important;
+}
+
+.swal2-popup.pinokio-diff-modal .pinokio-modal-footer--commit .pinokio-commit-message-input,
+.swal2-popup.pinokio-diff-modal .pinokio-modal-footer--commit .pinokio-save-version-btn {
+  box-sizing: border-box !important;
+  height: 44px !important;
+  min-height: 44px !important;
+}
+
+.swal2-popup.pinokio-diff-modal .pinokio-modal-footer--commit .pinokio-save-version-btn {
+  align-self: stretch !important;
+  padding: 0 16px !important;
+}
+
+.pinokio-modal-tab:hover,
+.pinokio-modal-tab.pinokio-modal-tab--active,
+.pinokio-history-inline-btn:hover,
+.pinokio-history-latest-btn:hover,
+.pinokio-git-diff-open-file:hover {
+  border-color: var(--pinokio-modal-border-strong) !important;
+  background: var(--pinokio-modal-secondary-hover-bg) !important;
+  color: var(--pinokio-modal-title-color) !important;
+  transform: none !important;
+}
+
+body.dark .pinokio-modal-footer--commit,
+body.dark .pinokio-git-commit-actions {
+  background: var(--pinokio-modal-bg) !important;
+  border-color: var(--pinokio-modal-border) !important;
+}
+
+body.dark .pinokio-git-commit-item {
+  border-color: var(--pinokio-modal-border) !important;
+  background: var(--pinokio-modal-body-bg) !important;
+}
+
 /* User preference: force 4px radius across terminal git modals */
 .swal2-popup.pinokio-diff-modal,
 .swal2-popup.pinokio-history-modal,