@vibes.diy/base 14.3.114 → 14.3.116

package/components/vibe-menu/vibe-menu.styles.js

@@ -24,6 +24,8 @@ export const VIBE_MENU_LIGHT_VARS = `
   --on-share: var(--menu-ink);
   --badge: var(--section-account);
   --on-badge: var(--vibes-cream);
+  --cancel-cap: #f3d6d2;
+  --on-cancel-cap: #9c2318;
   --obsidian-fill: rgba(6, 9, 10, 0.94);
   --obsidian-edge: rgba(255, 255, 255, 0.17);
   --obsidian-highlight: rgba(255, 255, 255, 0.32);
@@ -99,6 +101,8 @@ export const VIBE_MENU_DARK_VARS = `
   --line-card: #e0e0e0;
   --line-hairline: #e0e0e02e;
   --suggest-border: #e0e0e073;
+  --cancel-cap: #4a2420;
+  --on-cancel-cap: #f1b5ad;
   --swatch-selected: 0 0 0 2px #1a1a1a, 0 0 0 4px #e0e0e0;`;
 export const VIBE_MENU_CSS = `
 /* ---------- tokens (tokens.json), light, then both dark arms ----------
@@ -599,10 +603,29 @@ export const VIBE_MENU_CSS = `
   cursor: pointer;
 }
 [data-vibe-menu] .vm-suggest:hover,
-[data-vibe-menu] .vm-suggest.is-hover {
+[data-vibe-menu] .vm-suggest.is-hover,
+[data-vibe-menu] .vm-suggest[aria-busy="true"] {
   border-color: var(--line-card);
   background: color-mix(in srgb, var(--accent) 35%, transparent);
 }
+/* A pressed chip holds the row while its answer is on the way (a lookup, a
+   fork): it stays lit, and the row takes no second press. */
+[data-vibe-menu] .vm-suggest:disabled {
+  cursor: default;
+}
+[data-vibe-menu] .vm-suggest:disabled:not([aria-busy="true"]) {
+  opacity: 0.5;
+}
+/* The pressed one is disabled too (the row takes no second press), so it
+   must outrank the app's global button:disabled dim (theme/global-styles.ts). */
+[data-vibe-menu] .vm-suggest[aria-busy="true"] {
+  opacity: 1;
+}
+/* The same hold on the inline links at the end of the chat: the pressed link
+   keeps its lit underline, the others read as disabled (dimmed above). */
+[data-vibe-menu] .vm-suggestions.is-inline .vm-suggest[aria-busy="true"] {
+  text-decoration-color: currentColor;
+}
 /* The gold option (#6768): the one capability the agent offered, a chip in the
    same row and the same order as the others. It wears the lit state the others
    take on hover, a full-ink outline and a filled star before the label, so it
@@ -703,6 +726,45 @@ export const VIBE_MENU_CSS = `
 [data-vibe-menu] .vm-composer.is-building:has(textarea:not(:placeholder-shown)) .vm-cap[data-send] {
   display: flex;
 }
+/* Rewrite mode (the settings tab's sharing rewrite): no attach button, so the
+   field takes the attach's inset; a dim red X cap sits left of the action cap. */
+[data-vibe-menu] .vm-composer.is-rewrite {
+  position: relative;
+}
+[data-vibe-menu] .vm-composer.is-rewrite textarea {
+  margin-left: var(--space-24);
+}
+[data-vibe-menu] .vm-cap[data-cancel] {
+  padding: 0 var(--space-16);
+  background: var(--cancel-cap);
+  color: var(--on-cancel-cap);
+}
+[data-vibe-menu] .vm-cap[data-cancel]:hover {
+  background: color-mix(in oklch, var(--cancel-cap), var(--on-cancel-cap) 12%);
+}
+[data-vibe-menu] .vm-rewrite-shimmer {
+  position: absolute;
+  left: var(--space-24);
+  top: 50%;
+  width: 28%;
+  height: var(--space-12);
+  margin-top: calc(var(--space-12) / -2);
+  border-radius: var(--radius-full);
+  background: var(--placeholder);
+  opacity: 0.3;
+  pointer-events: none;
+  animation: vm-rewrite-shimmer 1.4s ease-in-out infinite;
+}
+@keyframes vm-rewrite-shimmer {
+  50% {
+    opacity: 0.12;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-vibe-menu] .vm-rewrite-shimmer {
+    animation: none;
+  }
+}
 [data-vibe-menu] .vm-queue-note {
   display: none;
   margin: -10px 0 12px 18px;
@@ -1010,6 +1072,74 @@ export const VIBE_MENU_CSS = `
 [data-vibe-menu] .vm-log-clip[data-open="true"]::-webkit-scrollbar {
   display: none;
 }
+/* The fold over the full chat (slots.agentLog): the history caps and scrolls
+   itself (AgentLogHistory's compact box), so the clip drops the flat log's cap. */
+[data-vibe-menu] .vm-log-clip[data-open="true"][data-history] {
+  max-height: none;
+  overflow: hidden;
+}
+[data-vibe-menu] .vm-log-history {
+  margin-top: var(--space-8);
+  border-top: var(--stroke-hairline) solid var(--line-hairline);
+  border-bottom: var(--stroke-hairline) solid var(--line-hairline);
+}
+/* One scroller: the tab-row card with the full chat open. The history's own
+   cap (AgentLogHistory's compact box) knows nothing of what else the card
+   holds, and the first build's request headline can take a third of it: the
+   card then overflowed and scrolled too, the composer slid under the row, and
+   the chat's end was out of reach. Here the card is a column whose fold gives
+   up exactly what the card lacks, so the history scrolls and the card never
+   does. Everything else in the card keeps its own height. */
+[data-vibe-menu] .vm-card:has(.vm-ctab .vm-log-clip[data-open="true"][data-history]) {
+  display: flex;
+  flex-direction: column;
+}
+[data-vibe-menu] .vm-card:has(.vm-ctab .vm-log-clip[data-open="true"][data-history])::before {
+  flex: none;
+}
+[data-vibe-menu] .vm-card:has(.vm-ctab .vm-log-clip[data-open="true"][data-history]) .vm-card-body,
+[data-vibe-menu] .vm-ctab:has(.vm-log-clip[data-open="true"][data-history]),
+[data-vibe-menu] .vm-ctab .vm-moments:has(.vm-log-clip[data-open="true"][data-history]),
+[data-vibe-menu] .vm-ctab .vm-live:has(.vm-log-clip[data-open="true"][data-history]),
+[data-vibe-menu] .vm-ctab .vm-log-clip[data-open="true"][data-history],
+[data-vibe-menu] .vm-ctab .vm-log-clip[data-open="true"][data-history] .vm-log-history {
+  display: flex;
+  flex-direction: column;
+  flex: 0 1 auto;
+  min-height: 0;
+}
+[data-vibe-menu] .vm-ctab .vm-log-clip[data-open="true"][data-history] .vm-log-history > * {
+  min-height: 0;
+}
+[data-vibe-menu] .vm-ctab:has(.vm-log-clip[data-open="true"][data-history]) > :not(.vm-moments),
+[data-vibe-menu] .vm-ctab .vm-live:has(.vm-log-clip[data-open="true"][data-history]) > :not(.vm-log-clip) {
+  flex-shrink: 0;
+}
+[data-vibe-menu] .vm-agent-history-tail {
+  padding: var(--space-10) 4px var(--space-14) var(--space-24);
+}
+/* Suggestions at the end of the chat: wrapped inline links, not chips. */
+[data-vibe-menu] .vm-suggestions.is-inline {
+  gap: var(--space-6) var(--space-14);
+  margin-bottom: 0;
+}
+[data-vibe-menu] .vm-suggestions.is-inline .vm-suggest {
+  min-height: 0;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  background: none;
+  text-decoration: underline;
+  text-decoration-color: var(--suggest-border);
+  text-decoration-thickness: 1px;
+  text-underline-offset: 3px;
+}
+[data-vibe-menu] .vm-suggestions.is-inline .vm-suggest:hover,
+[data-vibe-menu] .vm-suggestions.is-inline .vm-suggest.is-hover,
+[data-vibe-menu] .vm-suggestions.is-inline .vm-suggest.is-gold {
+  background: none;
+  text-decoration-color: currentColor;
+}
 [data-vibe-menu] .vm-log {
   max-height: var(--size-log-max);
   overflow-y: auto;

package/components/vibe-menu/vibe-menu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"vibe-menu.styles.js","sourceRoot":"","sources":["../../../jsr/components/vibe-menu/vibe-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiC/B,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2FJ,CAAC;AAEjC,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;2DAQwB,CAAC;AAE5D,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;6BAKA,oBAAoB;;;;+BAIlB,mBAAmB;;;;mCAIf,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6yCrD,CAAC;AAGF,MAAM,UAAU,cAAc;IAC5B,OAAO,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,uBAAuB,EAAE,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC;AACtF,CAAC"}
+{"version":3,"file":"vibe-menu.styles.js","sourceRoot":"","sources":["../../../jsr/components/vibe-menu/vibe-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiC/B,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA6FJ,CAAC;AAEjC,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;;;2DAUwB,CAAC;AAE5D,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;6BAKA,oBAAoB;;;;+BAIlB,mBAAmB;;;;mCAIf,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA26CrD,CAAC;AAGF,MAAM,UAAU,cAAc;IAC5B,OAAO,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,uBAAuB,EAAE,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC;AACtF,CAAC"}

package/hooks/img-gen/use-img-gen.d.ts

@@ -6,6 +6,7 @@ import { Result } from "@adviser/cement";
 import { type LocalFileUrl } from "./local-pictures.js";
 import type { PictureStore } from "./picture-bytes.js";
 export declare function __setImgGenProbeDeadlineMsForTests(ms: number | undefined): void;
+export declare function __resetImgGenLeasesForTests(): void;
 export declare function __setImgGenCommitReprobeDelaysMsForTests(ms: readonly number[] | undefined): void;
 interface InjectedDeps {
     temporaryDraft?: boolean;