@notebook-intelligence/notebook-intelligence 1.3.1 → 1.3.2

package/lib/chat-sidebar.js

@@ -151,9 +151,11 @@ function ChatResponse(props) {
     };
     const markFormConfirmed = (contentId) => {
         answeredForms.set(contentId, 'confirmed');
+        setRenderCount(prev => prev + 1);
     };
     const markFormCanceled = (contentId) => {
         answeredForms.set(contentId, 'canceled');
+        setRenderCount(prev => prev + 1);
     };
     const runCommand = (commandId, args) => {
         props.getApp().commands.execute(commandId, args);
@@ -272,7 +274,7 @@ function ChatResponse(props) {
                             React.createElement("a", { href: item.content.uri, target: "_blank" }, item.content.title)));
                     case ResponseStreamDataType.Progress:
                         // show only if no more message available
-                        return index === groupedContents.length - 1 ? (React.createElement("div", { key: `key-${index}` },
+                        return index === groupedContents.length - 1 ? (React.createElement("div", { className: "chat-response-progress", key: `key-${index}` },
                             "\u2713 ",
                             item.content)) : null;
                     case ResponseStreamDataType.Confirmation:

package/package.json

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

package/src/chat-sidebar.tsx

@@ -314,9 +314,11 @@ function ChatResponse(props: any) {
 
   const markFormConfirmed = (contentId: string) => {
     answeredForms.set(contentId, 'confirmed');
+    setRenderCount(prev => prev + 1);
   };
   const markFormCanceled = (contentId: string) => {
     answeredForms.set(contentId, 'canceled');
+    setRenderCount(prev => prev + 1);
   };
 
   const runCommand = (commandId: string, args: any) => {
@@ -517,7 +519,9 @@ function ChatResponse(props: any) {
             case ResponseStreamDataType.Progress:
               // show only if no more message available
               return index === groupedContents.length - 1 ? (
-                <div key={`key-${index}`}>&#x2713; {item.content}</div>
+                <div className="chat-response-progress" key={`key-${index}`}>
+                  &#x2713; {item.content}
+                </div>
               ) : null;
             case ResponseStreamDataType.Confirmation:
               return answeredForms.get(item.id) ===

package/style/base.css

@@ -275,6 +275,10 @@ pre:has(.code-block-header) {
   margin: 5px 0;
 }
 
+.chat-response-progress {
+  margin: 5px 0;
+}
+
 .chat-confirmation-form {
   border: 1px solid var(--jp-border-color1);
   padding: 5px;