pinokiod 8.0.41 → 8.0.44

package/server/public/vault.css

@@ -128,9 +128,6 @@ body[data-vault-mode="app"] .vault-overview {
   justify-content: center;
   width: 14px;
   height: 14px;
-  padding: 0;
-  border: 0;
-  background: transparent;
   color: var(--task-muted);
   font-size: 9px;
   cursor: help;
@@ -141,10 +138,11 @@ body[data-vault-mode="app"] .vault-overview {
   border-radius: 50%;
 }
 .vault-compare-tooltip {
-  position: fixed;
+  position: absolute;
   z-index: 30;
-  width: 220px;
-  max-width: calc(100vw - 16px);
+  top: calc(100% + 6px);
+  left: 0;
+  width: min(220px, calc(100vw - var(--vault-inline) - var(--vault-inline)));
   padding: 7px 9px;
   border: 1px solid var(--task-border-strong);
   border-radius: 6px;
@@ -154,10 +152,19 @@ body[data-vault-mode="app"] .vault-overview {
   font-size: 10.5px;
   font-weight: 400;
   line-height: 1.4;
+  opacity: 0;
   pointer-events: none;
-  transform: translateX(-50%);
+  transform: translateY(-2px);
+  transition: opacity 100ms ease, transform 100ms ease, visibility 100ms;
+  visibility: hidden;
   white-space: normal;
 }
+.vault-compare-info:hover .vault-compare-tooltip,
+.vault-compare-info:focus .vault-compare-tooltip {
+  opacity: 1;
+  transform: translateY(0);
+  visibility: visible;
+}
 .vault-compare-value { font-variant-numeric: tabular-nums; text-align: right; }
 .vault-compare-track {
   position: relative;
@@ -204,37 +211,6 @@ body[data-vault-mode="app"] .vault-overview {
   gap: 8px;
   flex: 0 0 auto;
 }
-.vault-candidate-size {
-  display: inline-flex;
-  min-height: var(--vault-control-height);
-  align-items: center;
-  overflow: hidden;
-  border: 1px solid var(--task-border-strong);
-  border-radius: 7px;
-  background: color-mix(in srgb, var(--task-panel) 94%, var(--task-soft));
-  color: var(--task-muted);
-  font-size: 11px;
-  line-height: 1;
-  white-space: nowrap;
-}
-.vault-candidate-size > span { padding-left: 10px; }
-.vault-candidate-size select {
-  height: calc(var(--vault-control-height) - 2px);
-  max-width: 142px;
-  padding: 0 24px 0 6px;
-  border: 0;
-  outline: 0;
-  background: transparent;
-  color: var(--task-text);
-  font: inherit;
-  font-weight: 600;
-  cursor: pointer;
-}
-.vault-candidate-size:focus-within {
-  border-color: color-mix(in srgb, var(--task-accent) 55%, var(--task-border-strong));
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--task-accent) 14%, transparent);
-}
-.vault-candidate-size select:disabled { cursor: default; opacity: .55; }
 .vault-button,
 .vault-icon-button,
 .vault-text-button {
@@ -258,12 +234,6 @@ body[data-vault-mode="app"] .vault-overview {
   white-space: nowrap;
 }
 .vault-button:hover { background: var(--task-soft); }
-.vault-button.primary {
-  border-color: var(--task-accent-surface);
-  background: var(--task-accent-surface);
-  color: var(--task-accent-contrast);
-}
-.vault-button.primary:hover { background: var(--task-accent-hover); }
 .vault-button.review-primary {
   border-color: var(--task-accent-contrast);
   background: var(--task-accent-contrast);
@@ -313,9 +283,7 @@ body[data-vault-mode="app"] .vault-overview {
 .vault-button:focus-visible,
 .vault-icon-button:focus-visible,
 .vault-text-button:focus-visible,
-.vault-sharing-switch:focus-visible,
 .vault-rail-add:focus-visible,
-.vault-source-remove:focus-visible,
 .vault-result-toggle:focus-visible,
 .vault-nav-row:focus-visible,
 .vault-sort-button:focus-visible,
@@ -326,6 +294,7 @@ body[data-vault-mode="app"] .vault-overview {
   outline-offset: 2px;
 }
 .vault-scan-state,
+.vault-action-state,
 .vault-result,
 .vault-feedback,
 .vault-cloud-warning {
@@ -337,19 +306,25 @@ body[data-vault-mode="app"] .vault-overview {
   border-bottom: 1px solid var(--task-border);
   font-size: 12.5px;
 }
-.vault-scan-state {
+.vault-scan-state,
+.vault-action-state {
   position: relative;
   overflow: hidden;
 }
+.vault-action-state { background: color-mix(in srgb, var(--task-accent) 5%, var(--task-panel)); }
 .vault-scan-state.show,
+.vault-action-state.show,
 .vault-result.show,
 .vault-feedback.show,
 .vault-cloud-warning.show { display: flex; }
 .vault-scan-state i,
+.vault-action-state i,
 .vault-result > i { color: var(--task-accent); }
+.vault-action-state strong,
 .vault-result strong { font-weight: 650; }
 .vault-result-detail,
-.vault-scan-detail { color: var(--task-muted); }
+.vault-scan-detail,
+.vault-action-detail { color: var(--task-muted); }
 .vault-result.incomplete {
   display: block;
   flex: 0 0 auto;
@@ -442,7 +417,8 @@ body[data-vault-mode="app"] .vault-overview {
   overflow-wrap: anywhere;
   white-space: normal;
 }
-.vault-scan-detail {
+.vault-scan-detail,
+.vault-action-detail {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -622,7 +598,6 @@ body[data-vault-mode="app"] .vault-overview {
 }
 .vault-source-line.depth-1 { padding-left: 12px; }
 .vault-source-line.depth-2 { padding-left: 24px; }
-.vault-source-line.removable { grid-template-columns: 18px minmax(0, 1fr) 20px; }
 .vault-source-toggle {
   width: 18px;
   height: 100%;
@@ -634,19 +609,6 @@ body[data-vault-mode="app"] .vault-overview {
   font-size: 10px;
 }
 .vault-source-toggle.placeholder { cursor: default; }
-.vault-source-remove {
-  width: 20px;
-  height: 100%;
-  padding: 0;
-  border: 0;
-  border-radius: 5px;
-  background: transparent;
-  color: var(--task-muted);
-  cursor: pointer;
-  font-size: 10px;
-}
-.vault-source-remove:hover { background: var(--task-soft); color: var(--task-text); }
-.vault-source-remove:disabled { opacity: .45; cursor: default; }
 .vault-source-line .vault-nav-row { grid-template-columns: 18px minmax(0, 1fr) auto; }
 .vault-source-line.has-path .vault-nav-row {
   height: var(--vault-tree-path-row);
@@ -662,6 +624,7 @@ body[data-vault-mode="app"] .vault-overview {
   font-size: 11.5px;
 }
 .vault-text-button:hover { color: var(--task-text); }
+.vault-text-button:disabled { cursor: progress; opacity: .55; }
 .vault-pane {
   display: grid;
   min-width: 0;
@@ -729,8 +692,16 @@ body[data-vault-mode="app"] .vault-overview {
   font-weight: 600;
 }
 .vault-display-mode button:focus-visible { outline-offset: -2px; }
-.vault-toolbar-count { margin-left: auto; color: var(--task-muted); font-size: 11.5px; white-space: nowrap; }
-.vault-toolbar-action { flex: 0 0 auto; }
+.vault-toolbar-description {
+  min-width: 0;
+  flex: 1 1 auto;
+  overflow: hidden;
+  color: var(--task-muted);
+  font-size: 11.5px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vault-toolbar-count { color: var(--task-muted); font-size: 11.5px; white-space: nowrap; }
 .vault-table { min-width: 660px; }
 .vault-table-wrap {
   min-height: 0;
@@ -823,27 +794,6 @@ body[data-vault-mode="app"] .vault-overview {
 .vault-group-meta { margin: 2px 0 0 23px; color: var(--task-muted); font-size: 10px; }
 .vault-group-action { grid-column: 5; justify-self: end; }
 .vault-group-action .vault-button { min-height: 28px; padding: 4px 9px; }
-.vault-deduplicate-button {
-  position: relative;
-  min-width: 142px;
-  overflow: hidden;
-}
-.vault-deduplicate-button:disabled { opacity: 1; }
-.vault-deduplicate-progress {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: 3px;
-  background: color-mix(in srgb, currentColor 22%, transparent);
-}
-.vault-deduplicate-progress > span {
-  display: block;
-  width: var(--vault-deduplicate-progress);
-  height: 100%;
-  background: currentColor;
-  transition: width 120ms linear;
-}
 .vault-name-cell { display: flex; min-width: 0; align-items: center; gap: 8px; }
 .vault-name-cell.indent-1 { padding-left: 18px; }
 .vault-name-cell.indent-2 { padding-left: 36px; }
@@ -911,95 +861,33 @@ body[data-vault-mode="app"] .vault-overview {
   justify-content: space-between;
   gap: 12px;
 }
-.vault-status-cell.busy { justify-content: stretch; }
-.vault-file-action-queued {
-  display: inline-flex;
-  flex: 0 0 auto;
-  align-items: center;
-  gap: 5px;
-  color: var(--task-muted);
-  font-size: 10px;
-  font-weight: 600;
-  white-space: nowrap;
-}
-.vault-file-action-queued i { width: 11px; text-align: center; }
-.vault-file-action-progress {
-  display: grid;
-  width: min(100%, 300px);
-  gap: 4px;
-}
-.vault-file-action-head {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 10px;
-  color: var(--task-muted);
-  font-size: 10px;
-  font-variant-numeric: tabular-nums;
-}
-.vault-file-action-head strong { color: var(--task-text); font-weight: 600; }
-.vault-file-action-track {
-  display: block;
-  height: 3px;
-  overflow: hidden;
-  border-radius: 999px;
-  background: var(--task-soft);
-}
-.vault-file-action-track > span {
-  display: block;
-  width: var(--vault-file-action-progress);
-  height: 100%;
-  border-radius: inherit;
-  background: var(--task-accent);
-  transition: width 120ms linear;
-}
-.vault-status-cell > .vault-text-button { flex: 0 0 auto; }
-.vault-sharing-switch {
-  position: relative;
-  width: 44px;
-  height: 28px;
-  flex: 0 0 44px;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  cursor: pointer;
+.vault-status-cell > .vault-text-button { min-height: 24px; flex: 0 0 auto; }
+.vault-row-action { justify-self: end; }
+.vault-row-action .vault-text-button { min-height: 24px; color: var(--task-text); font-size: 11.5px; }
+.vault-status-cell > .vault-text-button,
+.vault-row-action .vault-text-button {
+  padding: 3px 8px;
+  border: 1px solid var(--task-border);
+  border-radius: 5px;
+  background: color-mix(in srgb, var(--task-panel) 95%, var(--task-soft));
+  color: var(--task-text);
+  line-height: 1;
 }
-.vault-sharing-switch::before {
-  position: absolute;
-  top: 5px;
-  left: 6px;
-  width: 32px;
-  height: 18px;
-  box-sizing: border-box;
-  border: 1px solid var(--task-border-strong);
-  border-radius: 999px;
+.vault-status-cell > .vault-text-button:hover:not(:disabled),
+.vault-row-action .vault-text-button:hover:not(:disabled) {
+  border-color: var(--task-border-strong);
   background: var(--task-soft);
-  content: "";
 }
-.vault-sharing-thumb {
-  position: absolute;
-  z-index: 1;
-  top: 8px;
-  left: 9px;
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  background: var(--task-muted);
-  transition: transform 130ms ease-out, background 130ms ease-out;
+body.dark .vault-status-cell > .vault-text-button,
+body.dark .vault-row-action .vault-text-button {
+  border-color: color-mix(in srgb, var(--task-text) 24%, transparent);
+  background: color-mix(in srgb, var(--task-text) 7%, var(--task-panel));
 }
-.vault-sharing-switch.on::before {
-  border-color: var(--task-text);
-  background: var(--task-text);
+body.dark .vault-status-cell > .vault-text-button:hover:not(:disabled),
+body.dark .vault-row-action .vault-text-button:hover:not(:disabled) {
+  border-color: color-mix(in srgb, var(--task-text) 36%, transparent);
+  background: color-mix(in srgb, var(--task-text) 11%, var(--task-panel));
 }
-.vault-sharing-switch.on .vault-sharing-thumb {
-  background: var(--task-panel);
-  transform: translateX(14px);
-}
-.vault-sharing-switch:hover::before { border-color: var(--task-muted); }
-.vault-sharing-switch.on:hover::before { background: color-mix(in srgb, var(--task-text) 86%, var(--task-panel)); }
-.vault-sharing-switch:disabled { opacity: .55; cursor: progress; }
-.vault-row-action { justify-self: end; }
-.vault-row-action .vault-text-button { color: var(--task-text); font-size: 11.5px; }
 .vault-detail {
   padding: 8px var(--vault-inline) 9px 56px;
   border-bottom: 1px solid var(--task-border);
@@ -1042,7 +930,6 @@ body[data-vault-mode="app"] .vault-overview {
   .vault-metrics { width: 100%; overflow-x: auto; }
   .vault-metrics.summary { grid-template-columns: minmax(0, 1fr); gap: 11px; overflow: visible; }
   .vault-summary-side { justify-content: flex-start; flex-wrap: wrap; white-space: normal; }
-  .vault-overview-actions { flex-wrap: wrap; }
   .vault-comparison { max-width: 100%; }
   .vault-explorer { display: block; overflow: visible; }
   .vault-rail { max-height: 330px; border-right: 0; border-bottom: 1px solid var(--task-border); }
@@ -1066,10 +953,10 @@ body[data-vault-mode="app"] .vault-overview {
   .vault-rail-add { width: 44px; height: 44px; flex-basis: 44px; }
   .vault-rail-heading { height: 44px; }
   .vault-source-line { grid-template-columns: 44px minmax(0, 1fr); }
-  .vault-source-line.removable { grid-template-columns: 44px minmax(0, 1fr) 44px; }
   .vault-source-toggle,
-  .vault-source-remove,
   .vault-disclosure { width: 44px; min-height: 44px; flex-basis: 44px; }
+  .vault-status-cell > .vault-text-button,
+  .vault-row-action .vault-text-button { min-height: 44px; }
 }
 @media (prefers-reduced-motion: reduce) {
   .vault-page * { scroll-behavior: auto !important; }