Merge branch 'dev' into Experiments-api

Author: Manik-Khajuria-5

.github/workflows/deploy-docs.yml

@@ -26,7 +26,7 @@ jobs:
         working-directory: ./website
     steps:
       - uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0
-      - uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020
         with:
           node-version: 24
           cache: npm

.github/workflows/process-changes.yml

@@ -13,7 +13,7 @@ jobs:
     - name: "Checkout Repository"
       uses: actions/checkout@v7.0.0
     - name: "Install Node"
-      uses: actions/setup-node@v6.4.0
+      uses: actions/setup-node@v7.0.0
       with:
           node-version: '24'
     - name: "Install Dependencies"
@@ -148,6 +148,76 @@ jobs:
           name: cypress-screenshots-visual
           path: cypress/screenshots
 
+  playwright-visual-regression-test-init:
+    name: "Initialize Playwright Visual Regression Test"
+    runs-on: ubuntu-latest
+    needs: install-and-build
+    steps:
+      - name: "Checkout Repository"
+        uses: actions/checkout@v7.0.0
+
+      - name: "Save current Head-Ref as PR-branch"
+        shell: bash
+        run: git checkout -B PR-HEAD
+
+      - uses: ./.github/actions/prepare
+        with:
+          usebasebranch: true
+          loadprbuild: false
+
+      - name: "Checkout Playwright tests from Head-Ref"
+        shell: bash
+        run: |
+          git checkout PR-HEAD -- ./playwright
+          git checkout PR-HEAD -- ./example
+          git checkout PR-HEAD -- ./package.json
+          git checkout PR-HEAD -- ./playwright.config.js
+          git checkout PR-HEAD -- ./playwright.init.config.js
+          git checkout PR-HEAD -- ./playwright.visual.config.js
+
+      - name: "Install PR npm dependencies"
+        run: ELECTRON_SKIP_BINARY_DOWNLOAD=1 npm install
+
+      - name: "Install Playwright Chromium"
+        run: npx playwright install --with-deps chromium
+
+      - name: "Generate Playwright baseline screenshots"
+        run: npm run test:pw:init
+
+      - uses: actions/upload-artifact@v7
+        with:
+          name: playwright-init-screenshots
+          path: playwright/screenshots_init
+
+  playwright-visual-regression-test:
+    name: "Playwright Visual Regression Test"
+    runs-on: ubuntu-latest
+    needs: playwright-visual-regression-test-init
+    steps:
+      - name: "Checkout Repository"
+        uses: actions/checkout@v7.0.0
+
+      - uses: ./.github/actions/prepare
+
+      - name: "Install Playwright Chromium"
+        run: npx playwright install --with-deps chromium
+
+      - uses: actions/download-artifact@v8
+        with:
+          name: playwright-init-screenshots
+          path: playwright/screenshots_init
+
+      - name: "Run Playwright visual regression tests"
+        run: npm run test:pw:visual
+
+      - uses: actions/upload-artifact@v7
+        if: failure()
+        with:
+          name: playwright-screenshots-visual
+          path: |
+            playwright/test-results/
+            playwright/playwright-report/
+
   functional-test:
     name: "Functional Test (Websocket)"
     runs-on: ubuntu-latest

.github/workflows/pypi.yml

@@ -38,7 +38,7 @@ jobs:
           generate_release_notes: true
       - name: Set up Python
         if: ${{ steps.version.outputs.TAG_EXISTS == '0' }}
-        uses: actions/setup-python@v6
+        uses: actions/setup-python@v7
         with:
             python-version: '3.x'
       - name: Install dependencies

.github/workflows/python-tests.yml

@@ -19,7 +19,7 @@ jobs:
       - name: Checkout Repository
         uses: actions/checkout@v7.0.0
       - name: Set up Python
-        uses: actions/setup-python@v6
+        uses: actions/setup-python@v7
         with:
           python-version: ${{ matrix.python-version }}
       - name: Install package and test dependencies

.github/workflows/update-js-build-files.yml

@@ -22,7 +22,7 @@ jobs:
         # see: https://stackoverflow.com/questions/57921401/push-to-origin-from-github-action/58393457#58393457
         # with:
         #   token: ${{ secrets.PAT }}
-      - uses: actions/setup-node@v6.4.0
+      - uses: actions/setup-node@v7.0.0
         with:
           node-version: '24'
       - run: ELECTRON_SKIP_BINARY_DOWNLOAD=1 npm install

.gitignore

@@ -2,6 +2,9 @@ cypress/screenshots
 cypress/screenshots_init
 cypress/downloads
 cypress/fixtures
+playwright/screenshots
+playwright/screenshots_init
+playwright/screenshots_diff
 node_modules
 build
 th/CMakeLists.txt

README.md

@@ -227,6 +227,32 @@ VISDOM_USE_ENV_CREDENTIALS=1 visdom -enable_login
 You can also use `VISDOM_COOKIE` variable to provide cookies value if the cookie file wasn't generated, or the
 flag `-force_new_cookie` was set.
 
+#### HTTPS Support
+
+To run the visdom server over HTTPS,user need to provide an SSL certificate and key file:
+
+```bash
+# Generate a self-signed certificate (for development only)
+openssl req -x509 -newkey rsa:4096 -keyout key.pem -out cert.pem -days 365 -nodes
+
+# Start the server with HTTPS
+python -m visdom.server -ssl_certfile cert.pem -ssl_keyfile key.pem
+```
+
+Access the server at `https://localhost:8097`.
+
+Connect via the Python client:
+```python
+# For Production - real CA-signed certificate (default)
+vis = visdom.Visdom(server="https://myserver.com")
+
+# For Development - self signed certificate
+vis = visdom.Visdom(server="https://localhost", ssl_verify=False)
+```
+
+> **Note**: `ssl_verify=False` disables certificate verification and should only be used in development with self-signed certificates. Do not use in production.
+
+
 #### Python example
 ```python
 import visdom
@@ -382,6 +408,49 @@ with VisdomLogger(viz, env="my_run", log_every=50) as tracker:
 
 Each unique name passed to `tracker.log()` gets its own window. The first call creates it; subsequent calls append. See `example/train_example.py` for a full working example.
 
+### scikit-learn
+
+`visdom.loggers.VisdomSklearnLogger` patches all sklearn `fit()` calls so every estimator trained after `autolog()` logs to Visdom automatically — no per-estimator code needed.
+
+**Plain estimators** (classifiers, regressors, clusterers) produce a text pane with the estimator name, dataset shape, training score, fit time, and all hyperparameters.
+
+**GridSearchCV / RandomizedSearchCV** produce a bar chart of `mean_test_score` per parameter combination and a text pane with `best_score_`, `best_params_`, and fit time.
+
+```python
+import visdom
+from visdom.loggers import VisdomSklearnLogger
+from sklearn.ensemble import RandomForestClassifier
+from sklearn.linear_model import Ridge
+from sklearn.model_selection import GridSearchCV
+
+viz = visdom.Visdom()
+VisdomSklearnLogger.autolog()
+
+clf = RandomForestClassifier(n_estimators=100)
+clf.fit(X_train, y_train)        # -> text pane
+
+reg = Ridge(alpha=1.0)
+reg.fit(X_train, y_train)        # -> text pane
+
+gs = GridSearchCV(clf, param_grid, cv=3)
+gs.fit(X_train, y_train)         # -> bar chart + text pane
+```
+
+If you have a custom Visdom connection (non-default port, remote server, auth), pass it explicitly:
+
+```python
+import visdom
+
+viz = visdom.Visdom(port=8098, server="http://myserver")
+VisdomSklearnLogger.autolog(viz, env="sklearn_run")
+```
+
+**Parameters:**
+- `viz`: a connected `visdom.Visdom()` instance (optional — created internally if not passed)
+- `env`: environment name (default: `viz.env` if set, otherwise auto-generated from timestamp)
+
+See `example/train_sklearn_example.py` for a full working example covering plain estimators and grid search.
+
 ## Details
 <img src="https://user-images.githubusercontent.com/19650074/198747904-7a8a580f-851a-45fb-8f45-94e54a910ee2.png"/>
 

download.sh

@@ -5,7 +5,7 @@ wget https://unpkg.com/jquery@3.1.1/dist/jquery.min.js -O py/static/js/jquery.mi
 wget https://unpkg.com/bootstrap@3.3.7/dist/js/bootstrap.min.js -O py/static/js/bootstrap.min.js
 wget https://unpkg.com/react@16.2.0/umd/react.production.min.js -O py/static/js/react-react.min.js
 wget https://unpkg.com/react-dom@16.2.0/umd/react-dom.production.min.js -O py/static/js/react-dom.min.js
-wget "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_SVG" -O py/static/js/mathjax-MathJax.js
+wget "https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-svg.js" -O py/static/js/mathjax-tex-mml-svg.js
 wget https://cdn.rawgit.com/plotly/plotly.js/master/dist/plotly.min.js -O py/static/js/plotly-plotly.min.js
 wget https://unpkg.com/sjcl@1.0.7/sjcl.js -O py/static/js/sjcl.js
 wget https://cdnjs.cloudflare.com/ajax/libs/react-modal/3.6.1/react-modal.min.js -o py/static/js/react-modal.min.js

example/train_sklearn_example.py

@@ -0,0 +1,63 @@
+from sklearn.datasets import make_classification, make_regression
+from sklearn.ensemble import RandomForestClassifier
+from sklearn.linear_model import Ridge
+from sklearn.model_selection import GridSearchCV, train_test_split
+
+import visdom
+from visdom.loggers import VisdomSklearnLogger
+
+
+def main():
+    # synthetic classification: 500 samples, 20 features, 2 classes
+    X_clf, y_clf = make_classification(
+        n_samples=500,
+        n_features=20,
+        n_informative=10,
+        random_state=42,
+    )
+    X_train_clf, X_test_clf, y_train_clf, y_test_clf = train_test_split(
+        X_clf, y_clf, test_size=0.2, random_state=42
+    )
+
+    # synthetic regression: 500 samples, 20 features
+    X_reg, y_reg = make_regression(
+        n_samples=500,
+        n_features=20,
+        noise=0.1,
+        random_state=42,
+    )
+    X_train_reg, X_test_reg, y_train_reg, y_test_reg = train_test_split(
+        X_reg, y_reg, test_size=0.2, random_state=42
+    )
+
+    viz = visdom.Visdom()
+    VisdomSklearnLogger.autolog(viz, env="sklearn_run")
+
+    # plain classifier -> text pane (dataset, train_score, fit_time, params)
+    clf = RandomForestClassifier(n_estimators=100, random_state=42)
+    clf.fit(X_train_clf, y_train_clf)
+
+    # plain regressor -> text pane (dataset, train_score, fit_time, params)
+    reg = Ridge(alpha=1.0)
+    reg.fit(X_train_reg, y_train_reg)
+
+    # grid search -> bar chart of mean_test_score + best params text pane
+    param_grid = {
+        "n_estimators": [50, 100, 200],
+        "max_depth": [3, 5, None],
+    }
+    gs = GridSearchCV(
+        RandomForestClassifier(random_state=42),
+        param_grid,
+        cv=3,
+        scoring="accuracy",
+    )
+    gs.fit(X_train_clf, y_train_clf)
+
+    print("RF accuracy:     {:.4f}".format(clf.score(X_test_clf, y_test_clf)))
+    print("Ridge R2:        {:.4f}".format(reg.score(X_test_reg, y_test_reg)))
+    print("GridSearch best: {:.4f}  params: {}".format(gs.best_score_, gs.best_params_))
+
+
+if __name__ == "__main__":
+    main()

js/api/ApiProvider.js

@@ -336,6 +336,18 @@ const ApiProvider = ({ children }) => {
     });
   };
 
+  const sendCommentUpdate = (envID, win, comment) => {
+    if (win === null || sessionInfo.readonly) {
+      return;
+    }
+    sendSocketMessage({
+      cmd: 'update_comment',
+      eid: envID,
+      win: win,
+      data: comment,
+    });
+  };
+
   // Save layout lists to the server
   const sendLayoutsSave = (layoutLists) => {
     // pushes layouts to the server
@@ -387,6 +399,7 @@ const ApiProvider = ({ children }) => {
       value={{
         apiHandlers,
         connected,
+        sendCommentUpdate,
         sendEmbeddingPop,
         sendEnvDelete,
         sendEnvQuery,