v0.15.11

web/css/styles.css

@@ -10463,3 +10463,74 @@ select.select-native-proxy[aria-invalid="true"]+.custom-select .custom-select-tr
   text-align: center;
   white-space: nowrap;
 }
+
+
+/* Visual Flow editor feedback and context menu */
+.flow-editor-notice {
+  display: inline-flex;
+  align-items: center;
+  min-height: 24px;
+  max-width: min(300px, 32vw);
+  padding: 2px 8px;
+  border-radius: 999px;
+  color: var(--muted);
+  background: var(--surface-2);
+  font-size: .72rem;
+  font-weight: 700;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  opacity: 0;
+  transform: translateY(2px);
+  transition: opacity .14s ease, transform .14s ease;
+  pointer-events: none;
+}
+.flow-editor-notice.is-visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+.flow-editor-notice.is-error {
+  color: var(--danger);
+  background: var(--danger-soft);
+}
+.flow-context-menu {
+  position: fixed;
+  z-index: 1200;
+  min-width: 190px;
+  max-width: min(280px, calc(100vw - 16px));
+  padding: 6px;
+  border: 1px solid var(--line-strong);
+  border-radius: 10px;
+  background: var(--surface);
+  box-shadow: 0 16px 38px rgba(0, 0, 0, .28);
+}
+.flow-context-menu[hidden] { display: none; }
+.flow-context-menu button {
+  width: 100%;
+  min-height: 34px;
+  padding: 7px 10px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: var(--text);
+  text-align: left;
+  font: inherit;
+  font-size: .82rem;
+}
+.flow-context-menu button:hover:not(:disabled),
+.flow-context-menu button:focus-visible:not(:disabled) {
+  background: var(--accent-soft);
+  outline: none;
+}
+.flow-context-menu button:disabled {
+  opacity: .45;
+  cursor: default;
+}
+.flow-context-separator {
+  height: 1px;
+  margin: 5px 4px;
+  background: var(--line);
+}
+@media (max-width: 760px) {
+  .flow-editor-notice { max-width: 42vw; }
+}