viveworker 0.8.5 → 0.8.6

package/web/app.css

@@ -1061,6 +1061,69 @@ pre code {
   text-align: left;
 }
 
+.wallet-agent-defaults-summary-wrap {
+  min-width: 0;
+  max-width: min(100%, 15.5rem);
+}
+
+.wallet-agent-defaults-summary-button {
+  max-width: 100%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 0.32rem;
+  min-width: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.wallet-agent-default-pill {
+  min-width: 0;
+  display: inline-flex;
+  align-items: center;
+  min-height: 1.62rem;
+  padding: 0.16rem 0.52rem;
+  border-radius: 999px;
+  border: 1px solid rgba(112, 202, 157, 0.24);
+  background: rgba(112, 202, 157, 0.12);
+  color: rgba(185, 239, 208, 0.96);
+  font-size: 0.74rem;
+  font-weight: 800;
+  letter-spacing: 0.04em;
+  line-height: 1;
+  text-transform: uppercase;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.wallet-agent-default-more {
+  flex: 0 0 auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 1.62rem;
+  padding: 0.16rem 0.46rem;
+  border-radius: 999px;
+  border: 1px solid rgba(121, 196, 255, 0.22);
+  background: rgba(121, 196, 255, 0.1);
+  color: rgba(198, 232, 255, 0.96);
+  font-size: 0.74rem;
+  font-weight: 800;
+  letter-spacing: 0.03em;
+  line-height: 1;
+}
+
+.wallet-agent-defaults-summary-button:focus-visible {
+  outline: 2px solid rgba(121, 196, 255, 0.55);
+  outline-offset: 3px;
+  border-radius: 999px;
+}
+
 .settings-info-row__value--mono {
   font-family: ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   font-size: 0.82rem;
@@ -1122,6 +1185,17 @@ pre code {
   color: #79c4ff;
 }
 
+.settings-choice-row__input {
+  width: 1.05rem;
+  height: 1.05rem;
+  margin: 0;
+  accent-color: #70ca9d;
+}
+
+.settings-choice-row--checkbox {
+  cursor: pointer;
+}
+
 .settings-copy-block {
   padding: 0.95rem 1rem;
 }
@@ -1451,6 +1525,68 @@ pre code {
   line-height: 1.5;
 }
 
+.wallet-agent-draft-notice {
+  border-color: rgba(240, 180, 40, 0.18);
+  background: rgba(42, 34, 22, 0.52);
+}
+
+.wallet-agent-draft-notice p {
+  color: rgba(255, 220, 140, 0.9);
+  font-size: 0.84rem;
+  line-height: 1.5;
+}
+
+.app-toast {
+  position: fixed;
+  left: 50%;
+  bottom: max(1rem, calc(env(safe-area-inset-bottom, 0px) + 0.9rem));
+  z-index: 80;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: center;
+  gap: 0.68rem;
+  width: min(calc(100vw - 2rem), 28rem);
+  padding: 0.78rem 0.92rem;
+  border: 1px solid rgba(112, 202, 157, 0.3);
+  border-radius: 18px;
+  background: linear-gradient(135deg, rgba(24, 41, 34, 0.98), rgba(18, 27, 31, 0.98));
+  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
+  color: #ecfff5;
+  transform: translateX(-50%);
+}
+
+.app-toast--error {
+  border-color: rgba(255, 140, 140, 0.28);
+  background: linear-gradient(135deg, rgba(55, 28, 31, 0.98), rgba(22, 28, 33, 0.98));
+  color: #fff0f0;
+}
+
+.app-toast__icon {
+  width: 1.4rem;
+  height: 1.4rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: #7fe0a8;
+}
+
+.app-toast--error .app-toast__icon {
+  color: #ff9e9e;
+}
+
+.app-toast__icon svg {
+  width: 100%;
+  height: 100%;
+}
+
+.app-toast__message {
+  min-width: 0;
+  font-size: 0.9rem;
+  font-weight: 700;
+  line-height: 1.45;
+  overflow-wrap: anywhere;
+}
+
 .settings-update-notice {
   margin-top: 0.85rem;
   border-color: rgba(121, 196, 255, 0.22);
@@ -1503,6 +1639,12 @@ pre code {
   outline: none;
 }
 
+.wallet-agent-actions {
+  display: grid;
+  gap: 0.65rem;
+  padding: 0.8rem;
+}
+
 /* Wraps the banner + notice + step list on the wallet settings page.
    Pulled out of `renderSettingsGroup`'s `.settings-list` so each child card
    renders on the page background instead of nested inside another frame. */
@@ -1749,6 +1891,22 @@ pre code {
   box-shadow: 0 0 0 3px rgba(47, 143, 103, 0.22);
 }
 
+.wallet-step-card__field-input--error {
+  border-color: rgba(255, 140, 140, 0.55);
+  background: rgba(53, 26, 29, 0.42);
+}
+
+.wallet-step-card__field-input--error:focus {
+  border-color: rgba(255, 165, 165, 0.78);
+  box-shadow: 0 0 0 3px rgba(255, 92, 92, 0.16);
+}
+
+.wallet-step-card__field-error {
+  color: #ffb6b6;
+  font-size: 0.78rem;
+  line-height: 1.4;
+}
+
 .wallet-step-card__field-input--mono {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   letter-spacing: 0.14em;
@@ -5050,6 +5208,43 @@ button:disabled {
   gap: 0.9rem;
 }
 
+.modal-card--wallet-defaults {
+  display: grid;
+  gap: 0.9rem;
+}
+
+.wallet-agent-defaults-modal-list {
+  display: grid;
+  overflow: hidden;
+  border: 1px solid rgba(156, 181, 197, 0.1);
+  border-radius: 18px;
+  background: rgba(255, 255, 255, 0.03);
+}
+
+.wallet-agent-defaults-modal-row {
+  display: grid;
+  gap: 0.22rem;
+  padding: 0.85rem 0.92rem;
+}
+
+.wallet-agent-defaults-modal-row + .wallet-agent-defaults-modal-row {
+  border-top: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.wallet-agent-defaults-modal-title {
+  color: var(--text);
+  font-size: 0.98rem;
+  font-weight: 760;
+  line-height: 1.35;
+}
+
+.wallet-agent-defaults-modal-meta {
+  color: var(--muted);
+  font-size: 0.84rem;
+  line-height: 1.35;
+  overflow-wrap: anywhere;
+}
+
 .logout-option {
   display: grid;
   gap: 0.8rem;