viveworker 0.4.7 → 0.4.9

package/web/app.css

@@ -524,7 +524,9 @@ code {
 
 .settings-nav-row + .settings-nav-row,
 .settings-info-row + .settings-info-row,
-.settings-choice-row + .settings-choice-row {
+.settings-choice-row + .settings-choice-row,
+.settings-radio-row + .settings-radio-row,
+.settings-info-row + .settings-radio-row {
   border-top: 1px solid rgba(255, 255, 255, 0.06);
 }
 
@@ -533,6 +535,145 @@ code {
   background: rgba(255, 255, 255, 0.035);
 }
 
+.settings-group__description {
+  margin: 0;
+  padding: 0.72rem 1rem;
+  font-size: 0.83rem;
+  line-height: 1.45;
+  color: var(--muted);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.settings-radio-row {
+  display: flex;
+  align-items: center;
+  gap: 0.78rem;
+  padding: 0.82rem 1rem;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.settings-radio-row:active {
+  background: rgba(255, 255, 255, 0.035);
+}
+
+.settings-radio-row input[type="radio"] {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 1.25rem;
+  height: 1.25rem;
+  border: 2px solid rgba(156, 181, 197, 0.32);
+  border-radius: 50%;
+  background: transparent;
+  flex-shrink: 0;
+  position: relative;
+  cursor: pointer;
+  transition: border-color 160ms ease;
+}
+
+.settings-radio-row input[type="radio"]:checked {
+  border-color: rgba(121, 196, 255, 0.92);
+}
+
+.settings-radio-row input[type="radio"]:checked::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 0.52rem;
+  height: 0.52rem;
+  border-radius: 50%;
+  background: rgba(121, 196, 255, 0.92);
+}
+
+.settings-radio-row input[type="radio"]:disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+}
+
+.settings-radio-row__label {
+  font-size: 0.94rem;
+  line-height: 1.25;
+  color: var(--text);
+}
+
+.settings-radio-row__label.muted {
+  color: var(--muted);
+}
+
+.settings-radio-row__badge {
+  margin-left: auto;
+  font-size: 0.74rem;
+  letter-spacing: 0.02em;
+  color: rgba(121, 196, 255, 0.82);
+}
+
+.settings-compose-badge {
+  display: inline-block;
+  align-self: flex-start;
+  padding: 0.12rem 0.42rem;
+  border-radius: 6px;
+  font-size: 0.7rem;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  line-height: 1.3;
+}
+
+.settings-compose-badge--post {
+  background: rgba(67, 160, 255, 0.18);
+  color: rgba(121, 196, 255, 0.92);
+}
+
+.settings-compose-badge--reply {
+  background: rgba(160, 120, 255, 0.18);
+  color: rgba(190, 160, 255, 0.92);
+}
+
+.settings-compose-entry {
+  display: flex;
+  flex-direction: column;
+  gap: 0.32rem;
+  padding: 0.72rem 1rem;
+}
+
+.settings-compose-entry + .settings-compose-entry {
+  border-top: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.settings-compose-entry__title {
+  font-size: 0.88rem;
+  line-height: 1.4;
+  color: var(--text);
+}
+
+.settings-compose-entry__title a {
+  color: var(--accent, #00d4aa);
+  text-decoration: none;
+}
+
+.settings-compose-entry__title a:hover {
+  text-decoration: underline;
+}
+
+.settings-compose-more {
+  display: block;
+  width: 100%;
+  padding: 0.68rem 1rem;
+  background: transparent;
+  border: 0;
+  border-top: 1px solid rgba(255, 255, 255, 0.06);
+  color: rgba(121, 196, 255, 0.82);
+  font-size: 0.83rem;
+  text-align: center;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.settings-compose-more:active {
+  background: rgba(255, 255, 255, 0.035);
+}
+
 .settings-row__icon {
   width: 1.95rem;
   height: 1.95rem;
@@ -2354,6 +2495,24 @@ code {
   border-color: var(--accent, #6ea8ff);
 }
 
+.a2a-task-response {
+  width: 100%;
+  padding: 0.85rem 0.95rem;
+  border-radius: 14px;
+  border: 1px solid var(--line);
+  background: var(--surface, #1a1a2e);
+  color: var(--fg);
+  font-family: "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.85rem;
+  line-height: 1.55;
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-x: auto;
+  max-height: 24rem;
+  overflow-y: auto;
+  margin: 0;
+}
+
 .compose-greeting {
   display: flex;
   align-items: center;
@@ -2655,6 +2814,34 @@ code {
   line-height: 1.45;
 }
 
+.reply-mode-switch--settings {
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: start;
+}
+
+.reply-mode-switch--settings__toggle {
+  grid-column: 2;
+  grid-row: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.32rem;
+}
+
+.reply-mode-switch--settings .reply-mode-switch__hint {
+  grid-column: 1;
+  grid-row: 1;
+}
+
+.reply-mode-switch__input:checked ~ .reply-mode-switch--settings__toggle .reply-mode-switch__track {
+  background: rgba(67, 160, 255, 0.28);
+  border-color: rgba(121, 196, 255, 0.34);
+}
+
+.reply-mode-switch__input:checked ~ .reply-mode-switch--settings__toggle .reply-mode-switch__thumb {
+  transform: translateX(1.06rem);
+}
+
 @keyframes detail-loading-pulse {
   0% {
     background-position: 100% 0;
@@ -3128,6 +3315,67 @@ button:disabled {
   font-size: 0.88rem;
 }
 
+.a2a-executor-picker {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.a2a-executor-picker__option {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 0.62rem 0.8rem;
+  border: 1px solid rgba(156, 181, 197, 0.16);
+  border-radius: 12px;
+  background: rgba(255, 255, 255, 0.035);
+  cursor: pointer;
+  font-size: 0.9rem;
+  color: var(--text);
+  transition: border-color 160ms ease, background 160ms ease;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.a2a-executor-picker__option:has(input:checked) {
+  border-color: rgba(121, 196, 255, 0.5);
+  background: rgba(67, 160, 255, 0.12);
+}
+
+.a2a-executor-picker__option:active {
+  background: rgba(255, 255, 255, 0.06);
+}
+
+.a2a-executor-picker__option input[type="radio"] {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 1.1rem;
+  height: 1.1rem;
+  border: 2px solid rgba(156, 181, 197, 0.32);
+  border-radius: 50%;
+  background: transparent;
+  flex-shrink: 0;
+  position: relative;
+  cursor: pointer;
+  transition: border-color 160ms ease;
+}
+
+.a2a-executor-picker__option input[type="radio"]:checked {
+  border-color: rgba(121, 196, 255, 0.92);
+}
+
+.a2a-executor-picker__option input[type="radio"]:checked::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 0.46rem;
+  height: 0.46rem;
+  border-radius: 50%;
+  background: rgba(121, 196, 255, 0.92);
+}
+
 .field input {
   width: 100%;
   min-height: 3.25rem;