viveworker 0.5.2 → 0.5.5

package/web/app.css

@@ -610,14 +610,27 @@ code {
 }
 
 .settings-compose-badge {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   align-self: flex-start;
+  flex: 0 0 auto;
   padding: 0.12rem 0.42rem;
   border-radius: 6px;
   font-size: 0.7rem;
   font-weight: 600;
   letter-spacing: 0.03em;
   line-height: 1.3;
+  white-space: nowrap;
+}
+
+.settings-compose-badge svg {
+  width: 0.85rem;
+  height: 0.85rem;
+  display: block;
+}
+
+.settings-compose-badge:has(> svg) {
+  padding: 0.18rem 0.3rem;
 }
 
 .settings-compose-badge--post {
@@ -637,6 +650,78 @@ code {
   padding: 0.72rem 1rem;
 }
 
+.settings-icon-entry,
+.settings-share-file-entry {
+  display: grid;
+  grid-template-columns: 1.65rem minmax(0, 1fr);
+  align-items: flex-start;
+  gap: 0.62rem;
+}
+
+.settings-icon-entry__icon,
+.settings-share-file-entry__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.65rem;
+  height: 1.65rem;
+  border-radius: 10px;
+  color: rgba(121, 196, 255, 0.9);
+  background: rgba(121, 196, 255, 0.11);
+  box-shadow: inset 0 0 0 1px rgba(121, 196, 255, 0.14);
+}
+
+.settings-icon-entry__icon--post {
+  color: rgba(121, 196, 255, 0.9);
+  background: rgba(121, 196, 255, 0.11);
+  box-shadow: inset 0 0 0 1px rgba(121, 196, 255, 0.14);
+}
+
+.settings-icon-entry__icon--reply {
+  color: rgba(190, 160, 255, 0.92);
+  background: rgba(160, 120, 255, 0.13);
+  box-shadow: inset 0 0 0 1px rgba(160, 120, 255, 0.16);
+}
+
+.settings-icon-entry__icon--file {
+  color: rgba(121, 196, 255, 0.9);
+  background: rgba(121, 196, 255, 0.11);
+  box-shadow: inset 0 0 0 1px rgba(121, 196, 255, 0.14);
+}
+
+.settings-icon-entry__icon svg,
+.settings-share-file-entry__icon svg {
+  width: 0.95rem;
+  height: 0.95rem;
+}
+
+.settings-icon-entry__body,
+.settings-share-file-entry__body {
+  min-width: 0;
+  display: grid;
+  gap: 0.22rem;
+}
+
+.settings-icon-entry__title-row,
+.settings-share-file-entry__title-row {
+  display: flex;
+  align-items: center;
+  gap: 0.38rem;
+  min-width: 0;
+}
+
+.settings-icon-entry__title-row .settings-compose-entry__title,
+.settings-share-file-entry__title-row .settings-compose-entry__title {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.settings-icon-entry__title-row .settings-compose-badge,
+.settings-share-file-entry__title-row .settings-compose-badge {
+  margin-left: auto;
+}
+
 .settings-compose-entry + .settings-compose-entry {
   border-top: 1px solid rgba(255, 255, 255, 0.06);
 }
@@ -2108,6 +2193,95 @@ code {
   padding-inline: 0.1rem;
 }
 
+.ambient-suggestions {
+  display: grid;
+  gap: 0.95rem;
+}
+
+.ambient-suggestions__intro > :first-child {
+  margin-top: 0;
+}
+
+.ambient-suggestions__intro > :last-child {
+  margin-bottom: 0;
+}
+
+.ambient-suggestions__list {
+  display: grid;
+  gap: 0.8rem;
+}
+
+.ambient-suggestion-card {
+  display: grid;
+  gap: 0.72rem;
+  padding: 0.95rem 1rem;
+  border-radius: 18px;
+  background: rgba(10, 17, 22, 0.54);
+  border: 1px solid rgba(156, 181, 197, 0.12);
+}
+
+.ambient-suggestion-card__header {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 0.7rem;
+  align-items: start;
+}
+
+.ambient-suggestion-card__title,
+.ambient-suggestion-card__description,
+.ambient-suggestion-card__prompt-label,
+.ambient-suggestion-card__prompt {
+  margin: 0;
+}
+
+.ambient-suggestion-card__title {
+  font-size: 1rem;
+  line-height: 1.4;
+  color: var(--text);
+  overflow-wrap: anywhere;
+}
+
+.ambient-suggestion-card__description {
+  color: var(--muted);
+  line-height: 1.55;
+  overflow-wrap: anywhere;
+}
+
+.ambient-suggestion-card__copy-button {
+  min-height: 2.35rem;
+  padding: 0.65rem 0.9rem;
+  border-radius: 14px;
+  font-size: 0.84rem;
+  white-space: nowrap;
+  flex: 0 0 auto;
+}
+
+.ambient-suggestion-card__prompt-wrap {
+  display: grid;
+  gap: 0.42rem;
+}
+
+.ambient-suggestion-card__prompt-label {
+  color: var(--muted);
+  font-size: 0.78rem;
+  font-weight: 700;
+  letter-spacing: 0.01em;
+}
+
+.ambient-suggestion-card__prompt {
+  padding: 0.88rem 0.92rem;
+  border-radius: 15px;
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid rgba(156, 181, 197, 0.12);
+  color: #eef8ff;
+  font-size: 0.9rem;
+  line-height: 1.55;
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+  font-family: "SFMono-Regular", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
 .detail-diff-thread__header {
   width: 100%;
   display: grid;