v0.1.4-p2

frontend/src/modules/dashboard/BotDashboardModule.css

@@ -1203,9 +1203,14 @@
 }
 
 .ops-composer-shell {
-  position: relative;
+  display: grid;
+  grid-template-rows: minmax(96px, auto) auto;
+  gap: 0;
   min-height: 108px;
   overflow: hidden;
+  border: 1px solid color-mix(in oklab, var(--line) 70%, var(--text) 8%);
+  border-radius: 10px;
+  background: var(--panel);
 }
 
 .ops-chat-top-context {
@@ -1258,12 +1263,32 @@
   text-overflow: ellipsis;
 }
 
-.ops-composer-input {
+.ops-composer-shell .ops-composer-input,
+.ops-composer-shell .ops-composer-input.input {
   min-height: 96px;
+  max-height: 220px;
+  overflow: auto;
   resize: none;
   font-size: 14px;
   line-height: 1.45;
-  padding: 14px 120px 42px 14px;
+  padding: 14px 14px 10px 14px;
+  border: 0 !important;
+  border-bottom: 0 !important;
+  border-radius: 10px 10px 0 0;
+  background: var(--panel) !important;
+  box-shadow: none;
+  outline: none;
+}
+
+.ops-composer-shell:focus-within {
+  border-color: var(--brand);
+}
+
+.ops-composer-shell .ops-composer-input.input:focus,
+.ops-composer-shell .ops-composer-input:focus {
+  border: 0 !important;
+  border-bottom: 0 !important;
+  box-shadow: none;
 }
 
 .ops-voice-panel {
@@ -1354,14 +1379,16 @@
 }
 
 .ops-composer-tools-right {
-  position: absolute;
-  bottom: 14px;
-  left: 12px;
-  right: 12px;
+  position: static;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 6px;
+  min-height: 44px;
+  padding: 4px 10px 6px 10px;
+  border-top: 0;
+  background: var(--panel);
+  border-radius: 0 0 10px 10px;
 }
 
 .ops-composer-tools-right {