Backport PR #18554 on branch 4.5.x (Hide code input in CodeConsole when configured) (#18565)

meeseeksmachine · agriyakhetarpal · web-flow · commit da80d67c2805 · 2026-02-25T12:10:58.000Z
Backport PR #18554: Hide `code` input in `CodeConsole` when configured Co-authored-by: Agriya Khetarpal <74401230+agriyakhetarpal@users.noreply.github.com>
diff --git a/packages/console/src/widget.ts b/packages/console/src/widget.ts
@@ -429,6 +429,9 @@ export class CodeConsole extends Widget {
       cell.model.setMetadata(key, metadata[key]);
     }
     this.addCell(cell);
+    if (this._config.hideCodeInput) {
+      cell.inputArea?.setHidden(true);
+    }
     return this._execute(cell);
   }
 
diff --git a/packages/console/test/widget.spec.ts b/packages/console/test/widget.spec.ts
@@ -219,6 +219,25 @@ describe('console/widget', () => {
         await widget.inject(code);
         expect(widget.cells.length).toBeGreaterThan(0);
       });
+
+      it('should hide code input when hideCodeInput is true', async () => {
+        Widget.attach(widget, document.body);
+        await widget.sessionContext.initialize();
+
+        // Set config to hide input
+        widget.setConfig({ hideCodeInput: true });
+
+        // Inject some code
+        const testCode = 'print(1 + 1)';
+        await widget.inject(testCode);
+
+        // Check the input is not visible in the executed cells
+        for (const cell of widget.cells) {
+          expect(cell.inputArea!.node.classList.contains('lm-mod-hidden')).toBe(
+            true
+          );
+        }
+      });
     });
 
     describe('#insertLinebreak()', () => {

Original file line number	Diff line number	Diff line change
`@@ -429,6 +429,9 @@ export class CodeConsole extends Widget {`
`429`	`429`	`cell.model.setMetadata(key, metadata[key]);`
`430`	`430`	`}`
`431`	`431`	`this.addCell(cell);`
	`432`	`+ if (this._config.hideCodeInput) {`
	`433`	`+ cell.inputArea?.setHidden(true);`
	`434`	`+ }`
`432`	`435`	`return this._execute(cell);`
`433`	`436`	`}`
`434`	`437`