From d1bd4b0561f3d14bdf89e8f8652fd1f38b005602 Mon Sep 17 00:00:00 2001
From: wowlikon <wowlikon@gmail.com>
Date: Wed, 25 Feb 2026 15:08:29 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D1=82=D1=83=D0=BB=D1=82=D0=B8=D0=BF=D0=B0?=
 =?UTF-8?q?=20=D0=BE=D1=87=D0=B8=D1=81=D1=82=D0=BA=D0=B8=20=D0=98=D0=98-?=
 =?UTF-8?q?=D1=87=D0=B0=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 library_service/templates/create_book.html | 48 +++++++++++++++-------
 library_service/templates/edit_book.html   | 48 +++++++++++++++-------
 2 files changed, 66 insertions(+), 30 deletions(-)

diff --git a/library_service/templates/create_book.html b/library_service/templates/create_book.html
index 0d2eac9..ecda914 100644
--- a/library_service/templates/create_book.html
+++ b/library_service/templates/create_book.html
@@ -47,20 +47,38 @@
         </div>
         <form id="create-book-form" class="space-y-6">
 
-          <div id="ai-widget" class="hidden border border-gray-200 rounded-lg overflow-hidden bg-white shadow-sm transition-shadow hover:shadow-md">
-              <div class="bg-gray-50 border-b border-gray-200 px-4 py-2.5 flex justify-between items-center select-none">
+          <div id="ai-widget" class="hidden border border-gray-200 rounded-lg bg-white shadow-sm transition-shadow hover:shadow-md">
+              <div class="bg-gray-50 border-b border-gray-200 px-4 py-2.5 flex justify-between items-center select-none rounded-t-lg">
                   <div class="flex items-center gap-2.5">
-                      <div id="ai-logo" class="cursor-pointer p-1 bg-white border border-gray-200 rounded shadow-sm">
-                        <svg class="w-5 h-5 text-gray-800" fill="currentColor" viewBox="0 0 24 24">
-                            <rect x="2" y="19" width="20" height="3" rx="0.8" fill="currentColor" opacity="0.9"/>
-                            <path d="M12 17V7c0 0-2.5-2-6-2-1.8 0-3 .4-3.5.6V17c.8-.3 2-.5 3.5-.5 3.2 0 6 1.5 6 1.5z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
-                            <path d="M12 17V7c0 0 2.5-2 6-2 1.8 0 3 .4 3.5.6V17c-.8-.3-2-.5-3.5-.5-3.2 0-6 1.5-6 1.5z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
-                            <circle cx="12" cy="2.8" r="2" fill="currentColor"/>
-                            <circle cx="7.5" cy="3.8" r="1" fill="currentColor"/>
-                            <circle cx="16.5" cy="3.8" r="1" fill="currentColor"/>
-                            <line x1="10.2" y1="3" x2="8.4" y2="3.6" stroke="currentColor" stroke-width="1"/>
-                            <line x1="13.8" y1="3" x2="15.6" y2="3.6" stroke="currentColor" stroke-width="1"/>
-                        </svg>
+                      <div class="relative group">
+                          <div id="ai-logo" class="cursor-pointer p-1 bg-white border border-gray-200 rounded shadow-sm">
+                              <svg class="w-5 h-5 text-gray-800" fill="currentColor" viewBox="0 0 24 24">
+                                  <rect x="2" y="19" width="20" height="3" rx="0.8" fill="currentColor" opacity="0.9"/>
+                                  <path d="M12 17V7c0 0-2.5-2-6-2-1.8 0-3 .4-3.5.6V17c.8-.3 2-.5 3.5-.5 3.2 0 6 1.5 6 1.5z"
+                                        fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
+                                  <path d="M12 17V7c0 0 2.5-2 6-2 1.8 0 3 .4 3.5.6V17c-.8-.3-2-.5-3.5-.5-3.2 0-6 1.5-6 1.5z"
+                                        fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
+                                  <circle cx="12" cy="2.8" r="2" fill="currentColor"/>
+                                  <circle cx="7.5" cy="3.8" r="1" fill="currentColor"/>
+                                  <circle cx="16.5" cy="3.8" r="1" fill="currentColor"/>
+                                  <line x1="10.2" y1="3" x2="8.4" y2="3.6" stroke="currentColor" stroke-width="1"/>
+                                  <line x1="13.8" y1="3" x2="15.6" y2="3.6" stroke="currentColor" stroke-width="1"/>
+                              </svg>
+                          </div>
+
+                          <div class="absolute bottom-full left-1/2 -translate-x-1/2 mb-2
+                                  px-3 py-1.5 rounded-md
+                                  bg-gray-900 text-white text-[11px] font-medium
+                                  whitespace-nowrap
+                                  opacity-0 invisible
+                                  group-hover:opacity-100 group-hover:visible
+                                  transition-all duration-200 ease-out
+                                  pointer-events-none
+                                  select-none">
+                          Сбросить чат
+                          <div class="absolute top-full left-1/2 -translate-x-1/2
+                                    border-4 border-transparent border-t-gray-900"></div>
+                          </div>
                       </div>
                       <span class="text-xs font-bold text-gray-700 tracking-[0.15em] uppercase">ИИ-помощник</span>
                   </div>
@@ -77,7 +95,7 @@
                   <div id="ai-log-entries"></div>
               </div>
 
-              <div class="flex relative bg-white">
+              <div class="flex relative bg-white rounded-b-lg">
                   <input
                       type="text"
                       id="ai-input"
@@ -85,7 +103,7 @@
                       placeholder="Напишите задачу (например: 'Придумай драматичное описание')..."
                       autocomplete="off"
                   />
-                  <div class="flex border-l border-gray-100 items-center">
+                  <div class="flex border-l border-gray-100 items-center rounded-br-lg overflow-hidden">
                       <button type="button" id="ai-btn-stop"
                               class="hidden px-5 py-2 h-full bg-white text-red-600 text-xs font-bold tracking-widest hover:bg-red-50 transition-colors flex items-center gap-2">
                           <span>СТОП</span>
diff --git a/library_service/templates/edit_book.html b/library_service/templates/edit_book.html
index 231b899..2f7a8e5 100644
--- a/library_service/templates/edit_book.html
+++ b/library_service/templates/edit_book.html
@@ -40,20 +40,38 @@
 
         <form id="edit-book-form" class="hidden space-y-6">
 
-            <div id="ai-widget" class="hidden border border-gray-200 rounded-lg overflow-hidden bg-white shadow-sm transition-shadow hover:shadow-md">
-                <div class="bg-gray-50 border-b border-gray-200 px-4 py-2.5 flex justify-between items-center select-none">
+            <div id="ai-widget" class="hidden border border-gray-200 rounded-lg bg-white shadow-sm transition-shadow hover:shadow-md">
+                <div class="bg-gray-50 border-b border-gray-200 px-4 py-2.5 flex justify-between items-center select-none rounded-t-lg">
                     <div class="flex items-center gap-2.5">
-                        <div id="ai-logo" class="cursor-pointer p-1 bg-white border border-gray-200 rounded shadow-sm">
-                          <svg class="w-5 h-5 text-gray-800" fill="currentColor" viewBox="0 0 24 24">
-                              <rect x="2" y="19" width="20" height="3" rx="0.8" fill="currentColor" opacity="0.9"/>
-                              <path d="M12 17V7c0 0-2.5-2-6-2-1.8 0-3 .4-3.5.6V17c.8-.3 2-.5 3.5-.5 3.2 0 6 1.5 6 1.5z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
-                              <path d="M12 17V7c0 0 2.5-2 6-2 1.8 0 3 .4 3.5.6V17c-.8-.3-2-.5-3.5-.5-3.2 0-6 1.5-6 1.5z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
-                              <circle cx="12" cy="2.8" r="2" fill="currentColor"/>
-                              <circle cx="7.5" cy="3.8" r="1" fill="currentColor"/>
-                              <circle cx="16.5" cy="3.8" r="1" fill="currentColor"/>
-                              <line x1="10.2" y1="3" x2="8.4" y2="3.6" stroke="currentColor" stroke-width="1"/>
-                              <line x1="13.8" y1="3" x2="15.6" y2="3.6" stroke="currentColor" stroke-width="1"/>
-                          </svg>
+                        <div class="relative group">
+                            <div id="ai-logo" class="cursor-pointer p-1 bg-white border border-gray-200 rounded shadow-sm">
+                                <svg class="w-5 h-5 text-gray-800" fill="currentColor" viewBox="0 0 24 24">
+                                    <rect x="2" y="19" width="20" height="3" rx="0.8" fill="currentColor" opacity="0.9"/>
+                                    <path d="M12 17V7c0 0-2.5-2-6-2-1.8 0-3 .4-3.5.6V17c.8-.3 2-.5 3.5-.5 3.2 0 6 1.5 6 1.5z"
+                                          fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
+                                    <path d="M12 17V7c0 0 2.5-2 6-2 1.8 0 3 .4 3.5.6V17c-.8-.3-2-.5-3.5-.5-3.2 0-6 1.5-6 1.5z"
+                                          fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
+                                    <circle cx="12" cy="2.8" r="2" fill="currentColor"/>
+                                    <circle cx="7.5" cy="3.8" r="1" fill="currentColor"/>
+                                    <circle cx="16.5" cy="3.8" r="1" fill="currentColor"/>
+                                    <line x1="10.2" y1="3" x2="8.4" y2="3.6" stroke="currentColor" stroke-width="1"/>
+                                    <line x1="13.8" y1="3" x2="15.6" y2="3.6" stroke="currentColor" stroke-width="1"/>
+                                </svg>
+                            </div>
+
+                            <div class="absolute bottom-full left-1/2 -translate-x-1/2 mb-2
+                                    px-3 py-1.5 rounded-md
+                                    bg-gray-900 text-white text-[11px] font-medium
+                                    whitespace-nowrap
+                                    opacity-0 invisible
+                                    group-hover:opacity-100 group-hover:visible
+                                    transition-all duration-200 ease-out
+                                    pointer-events-none
+                                    select-none">
+                            Сбросить чат
+                            <div class="absolute top-full left-1/2 -translate-x-1/2
+                                      border-4 border-transparent border-t-gray-900"></div>
+                            </div>
                         </div>
                         <span class="text-xs font-bold text-gray-700 tracking-[0.15em] uppercase">ИИ-помощник</span>
                     </div>
@@ -70,7 +88,7 @@
                     <div id="ai-log-entries"></div>
                 </div>
 
-                <div class="flex relative bg-white">
+                <div class="flex relative bg-white rounded-b-lg">
                     <input
                         type="text"
                         id="ai-input"
@@ -78,7 +96,7 @@
                         placeholder="Напишите задачу (например: 'Придумай драматичное описание')..."
                         autocomplete="off"
                     />
-                    <div class="flex border-l border-gray-100 items-center">
+                    <div class="flex border-l border-gray-100 items-center rounded-br-lg overflow-hidden">
                         <button type="button" id="ai-btn-stop"
                                 class="hidden px-5 py-2 h-full bg-white text-red-600 text-xs font-bold tracking-widest hover:bg-red-50 transition-colors flex items-center gap-2">
                             <span>СТОП</span>