@notebook-intelligence/notebook-intelligence 4.3.0 → 4.3.1

package/lib/chat-sidebar.js

@@ -1338,7 +1338,7 @@ function SidebarComponent(props) {
                         msg.from === 'copilot' &&
                         copilotRequestInProgress }))),
                 React.createElement("div", { ref: messagesEndRef })))),
-        chatEnabled && (React.createElement("div", { className: `sidebar-user-input ${copilotRequestInProgress ? 'generating' : ''}` },
+        chatEnabled && (React.createElement("div", { id: "sidebar-user-input", className: `sidebar-user-input ${copilotRequestInProgress ? 'generating' : ''}` },
             React.createElement("textarea", { ref: promptInputRef, rows: 3, onChange: onPromptChange, onKeyDown: onPromptKeyDown, placeholder: "Ask Notebook Intelligence...", spellCheck: false, value: prompt }),
             (activeDocumentInfo === null || activeDocumentInfo === void 0 ? void 0 : activeDocumentInfo.filename) && (React.createElement("div", { className: "user-input-context-row" },
                 React.createElement("div", { className: `user-input-context user-input-context-active-file ${contextOn ? 'on' : 'off'}` },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@notebook-intelligence/notebook-intelligence",
-    "version": "4.3.0",
+    "version": "4.3.1",
     "description": "AI coding assistant for JupyterLab",
     "keywords": [
         "AI",

package/src/chat-sidebar.tsx

@@ -2007,6 +2007,7 @@ function SidebarComponent(props: any) {
         ))}
       {chatEnabled && (
         <div
+          id="sidebar-user-input"
           className={`sidebar-user-input ${copilotRequestInProgress ? 'generating' : ''}`}
         >
           <textarea

package/style/base.css

@@ -29,6 +29,12 @@
   padding: 5px;
 }
 
+#sidebar-user-input {
+  /* stylelint-disable */
+  anchor-name: --sidebaruserinput;
+  /* stylelint-enable */
+}
+
 .sidebar-user-input {
   height: auto;
   padding: 5px;
@@ -355,8 +361,11 @@ pre:has(.code-block-header) {
   border: 1px solid var(--jp-border-color1);
   flex-direction: column;
   position: absolute;
-  bottom: 80px;
-  left: 4px;
+  /* stylelint-disable */
+  position-anchor: --sidebaruserinput;
+  position-area: top;
+  /* stylelint-enable */
+  width: calc(100% - 16px);
   gap: 2px;
   /* stylelint-disable */
   max-height: min(calc(100% - 120px), 400px);