Fix node regenerate button by providing graphid to node object, fix style.css by providing styled for dialogs

src/components/GraphPanel.ts

@@ -348,7 +348,7 @@ export const GraphPanelComponent: React.FC<GraphPanelProps> = ({
 					title_generated: node.data?.title_generated || false,
 					onNodeDelete: onNodeDelete,
 					isSelected: selectedNodeIds.has(node.id),
-					graphId: node.data && node.data.message && node.data.message.graph_id ? node.data.message.graph_id : 'unknown',
+					graphId: node.graph_id || 'unknown', // пока не передаём id графа с эндпоинтом для экономии трафика - пока так, иначе бы было что-то типо node.data.message.graph_id
 					nodeId: node.id,
 					app: app,
 					is_placeholder: node.data?.is_placeholder || false // НОВОЕ: Передаем статус placeholder

src/css/styles.css

@@ -907,10 +907,10 @@
 
 
 /* Стиль для рёбер */
-.react-flow__edge-path {
+/*.react-flow__edge-path {
     stroke: var(--background-modifier-border);
     stroke-width: 1.5;
-}
+}*/
 
 /* Общие стили для глобальных кнопок действий */
 .graph-view-toolbar {
@@ -959,3 +959,77 @@
   font-size: 0.8em;
   z-index: 100; /* Чтобы быть над всем */
 }
+
+/* ----------------------------------------------- Dialog Styles ------------------------------------------------------------ */
+
+/* Общие стили для сообщения в диалоге */
+.dialog-message {
+	margin-bottom: 15px;
+	font-size: var(--font-text-size);
+	color: var(--text-normal);
+	line-height: 1.5;
+}
+
+/* Стили для поля ввода в диалоге prompt */
+.dialog-input {
+	width: 100%;
+	padding: 10px;
+	margin-bottom: 20px;
+	border: 1px solid var(--border-color-dark);
+	border-radius: var(--node-border-radius);
+	background-color: var(--background-modifier-form-field);
+	color: var(--text-normal);
+	font-size: var(--font-text-size);
+	box-sizing: border-box; /* Учитываем padding и border в общей ширине */
+}
+
+.dialog-input:focus {
+	border-color: var(--interactive-accent);
+	box-shadow: 0 0 0 1px var(--interactive-accent);
+	background-color: var(--background-modifier-form-field-highlighted);
+	outline: none; /* Убираем стандартное свечение фокуса */
+}
+
+
+/* Контейнер для кнопок диалога */
+.dialog-buttons {
+	display: flex;
+	justify-content: center; /* Центрируем кнопки */
+	gap: 15px; /* Увеличиваем отступ между кнопками для лучшего вида */
+}
+
+/* Стили для всех кнопок в диалоге */
+.dialog-buttons button {
+	padding: 15px 20px; /* Увеличиваем внутренние отступы, чтобы кнопки стали больше */
+	border: 1px solid transparent; /* Добавляем прозрачную рамку, которую будем переопределять */
+	border-radius: var(--node-border-radius);
+	cursor: pointer;
+	font-size: var(--node-font-size);
+	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; /* Добавляем transition для border-color */
+	min-width: 100px; /* Добавляем минимальную ширину для единообразия */
+	font-weight: 500; /* Немного уплотняем шрифт */
+}
+
+/* Стили для основной кнопки (OK, Confirm) */
+.dialog-buttons button.mod-cta {
+	background-color: var(--button-primary-background);
+	color: var(--button-primary-text-color);
+	border-color: var(--button-primary-hover-background); /* Делаем рамку чуть темнее фона */
+}
+
+.dialog-buttons button.mod-cta:hover {
+	background-color: var(--button-primary-hover-background);
+	border-color: var(--button-primary-background); /* При наведении рамка может стать светлее */
+}
+
+/* Стили для второстепенной кнопки (Cancel) */
+.dialog-buttons button:not(.mod-cta) {
+	background-color: var(--button-secondary-background);
+	color: var(--button-secondary-text-color);
+	border-color: var(--border-color-dark); /* Темная рамка для второстепенных кнопок */
+}
+
+.dialog-buttons button:not(.mod-cta):hover {
+	background-color: var(--button-secondary-hover-background);
+	border-color: var(--border-color-light); /* При наведении рамка может стать светлее */
+}