diff --git a/app/static/js/app.jsx b/app/static/js/app.jsx
index 3fa9d44..877a349 100644
--- a/app/static/js/app.jsx
+++ b/app/static/js/app.jsx
@@ -8665,7 +8665,7 @@ const App = () => {
       }, /*#__PURE__*/React.createElement("i", {
         "data-lucide": "rotate-ccw",
         className: "w-3 h-3"
-      }), "Undo")), /*#__PURE__*/React.createElement("div", {
+      }), "Undo"))), /*#__PURE__*/React.createElement("div", {
         className: "flex-1 min-h-0 flex flex-col overflow-hidden mt-1"
       }, /*#__PURE__*/React.createElement("div", {
         className: "text-[10px] font-bold text-zinc-400 uppercase shrink-0 pb-0.5"
@@ -8737,7 +8737,7 @@ const App = () => {
         className: "px-2 py-1 bg-zinc-800 hover:bg-zinc-700 text-zinc-400 rounded text-xs border border-zinc-700"
       }, "Clear")), /*#__PURE__*/React.createElement("div", {
         className: "text-xs text-zinc-600 shrink-0"
-      }, "Enter để gửi nhanh")));
+      }, "Enter để gửi nhanh"));
       if (panelId === 'python_tools') return /*#__PURE__*/React.createElement("div", {
         className: "flex flex-col h-full gap-1.5"
       }, /*#__PURE__*/React.createElement("div", {
@@ -8960,7 +8960,7 @@ const App = () => {
       const highlight = panelDragRef.current && panelDropZone === pos;
       if (pos === 'right') return /*#__PURE__*/React.createElement("div", {
         id: "right-sidebar",
-        className: `${borderClass} ${bgClass} flex flex-col overflow-hidden select-none`,
+        className: `${borderClass} ${bgClass} flex flex-col overflow-hidden select-none h-full`,
         style: {
           width: `${rightSidebarWidth}px`,
           minWidth: '200px',
@@ -8968,11 +8968,11 @@ const App = () => {
           flexShrink: 0
         }
       }, /*#__PURE__*/React.createElement("div", {
-        className: "flex-1 flex flex-col gap-2 p-2 overflow-hidden"
+        className: "flex-1 flex flex-col gap-2 p-2 overflow-hidden h-full"
       }, panels.map((p, idx) => /*#__PURE__*/React.createElement(React.Fragment, {
         key: p
       }, /*#__PURE__*/React.createElement("div", {
-        className: 'flex flex-col flex-1 min-h-0 border border-zinc-700 rounded-lg bg-[#262626] shadow-sm'
+        className: 'flex flex-col flex-1 min-h-0 border border-zinc-700 rounded-lg bg-[#262626] shadow-sm p-3'
       }, renderPanelContent(p)), idx < panels.length - 1 && /*#__PURE__*/React.createElement("div", {
         className: "h-1.5 cursor-ns-resize hover:bg-cyan-500/50 transition-colors rounded shrink-0",
         onMouseDown: startRowResize
diff --git a/app/static/js/app.precompiled.js b/app/static/js/app.precompiled.js
index de7fdc5..73d0588 100644
--- a/app/static/js/app.precompiled.js
+++ b/app/static/js/app.precompiled.js
@@ -9098,7 +9098,7 @@ const App = () => {
       }, /*#__PURE__*/React.createElement("i", {
         "data-lucide": "rotate-ccw",
         className: "w-3 h-3"
-      }), "Undo")), /*#__PURE__*/React.createElement("div", {
+      }), "Undo"))), /*#__PURE__*/React.createElement("div", {
         className: "flex-1 min-h-0 flex flex-col overflow-hidden mt-1"
       }, /*#__PURE__*/React.createElement("div", {
         className: "text-[10px] font-bold text-zinc-400 uppercase shrink-0 pb-0.5"
@@ -9170,7 +9170,7 @@ const App = () => {
         className: "px-2 py-1 bg-zinc-800 hover:bg-zinc-700 text-zinc-400 rounded text-xs border border-zinc-700"
       }, "Clear")), /*#__PURE__*/React.createElement("div", {
         className: "text-xs text-zinc-600 shrink-0"
-      }, "Enter để gửi nhanh")));
+      }, "Enter để gửi nhanh"));
       if (panelId === 'python_tools') return /*#__PURE__*/React.createElement("div", {
         className: "flex flex-col h-full gap-1.5"
       }, /*#__PURE__*/React.createElement("div", {
@@ -9393,7 +9393,7 @@ const App = () => {
       const highlight = panelDragRef.current && panelDropZone === pos;
       if (pos === 'right') return /*#__PURE__*/React.createElement("div", {
         id: "right-sidebar",
-        className: `${borderClass} ${bgClass} flex flex-col overflow-hidden select-none`,
+        className: `${borderClass} ${bgClass} flex flex-col overflow-hidden select-none h-full`,
         style: {
           width: `${rightSidebarWidth}px`,
           minWidth: '200px',
@@ -9401,11 +9401,11 @@ const App = () => {
           flexShrink: 0
         }
       }, /*#__PURE__*/React.createElement("div", {
-        className: "flex-1 flex flex-col gap-2 p-2 overflow-hidden"
+        className: "flex-1 flex flex-col gap-2 p-2 overflow-hidden h-full"
       }, panels.map((p, idx) => /*#__PURE__*/React.createElement(React.Fragment, {
         key: p
       }, /*#__PURE__*/React.createElement("div", {
-        className: 'flex flex-col flex-1 min-h-0 border border-zinc-700 rounded-lg bg-[#262626] shadow-sm'
+        className: 'flex flex-col flex-1 min-h-0 border border-zinc-700 rounded-lg bg-[#262626] shadow-sm p-3'
       }, renderPanelContent(p)), idx < panels.length - 1 && /*#__PURE__*/React.createElement("div", {
         className: "h-1.5 cursor-ns-resize hover:bg-cyan-500/50 transition-colors rounded shrink-0",
         onMouseDown: startRowResize
diff --git a/app/storage/sonicforge.db b/app/storage/sonicforge.db
index 171b9dc..4fabc1f 100644
Binary files a/app/storage/sonicforge.db and b/app/storage/sonicforge.db differ