diff --git a/.github/workflows/nightly_lock.yaml b/.github/workflows/nightly_lock.yaml
index e4be7855fb..4e93224379 100644
--- a/.github/workflows/nightly_lock.yaml
+++ b/.github/workflows/nightly_lock.yaml
@@ -9,13 +9,13 @@ env:
 
 jobs:
   pixi_lock:
+    if: ${{ !github.event.repository.fork }}
     name: Pixi lock
     runs-on: ubuntu-latest
     timeout-minutes: 5
     steps:
       - uses: holoviz-dev/holoviz_tasks/pixi_lock@v0
       - name: Upload lock-file to S3
-        if: '!github.event.pull_request.head.repo.fork'
         env:
           AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
           AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
diff --git a/.github/workflows/test.yaml b/.github/workflows/test.yaml
index 42da8c341f..f0c6a3fe39 100644
--- a/.github/workflows/test.yaml
+++ b/.github/workflows/test.yaml
@@ -101,7 +101,7 @@ jobs:
         run: |
           MATRIX=$(jq -nsc '{
               "os": ["ubuntu-latest", "macos-latest", "windows-latest"],
-              "environment": ["test-310", "test-312"]
+              "environment": ["test-310", "test-313"]
           }')
           echo "MATRIX=$MATRIX" >> $GITHUB_ENV
       - name: Set test matrix with 'full' option
@@ -109,7 +109,7 @@ jobs:
         run: |
           MATRIX=$(jq -nsc '{
               "os": ["ubuntu-latest", "macos-latest", "windows-latest"],
-              "environment": ["test-310", "test-311", "test-312"]
+              "environment": ["test-310", "test-311", "test-312", "test-313"]
           }')
           echo "MATRIX=$MATRIX" >> $GITHUB_ENV
       - name: Set test matrix with 'downstream' option
@@ -170,7 +170,7 @@ jobs:
       matrix:
         os: ["ubuntu-latest", "macos-latest", "windows-latest"]
         environment: ["test-ui"]
-    timeout-minutes: 120
+    timeout-minutes: 60
     env:
       PANEL_LOG_LEVEL: info
       OAUTH_COOKIE_SECRET: ${{ secrets.OAUTH_COOKIE_SECRET }}
@@ -181,11 +181,6 @@ jobs:
       AUTH0_OAUTH_EXTRA_PARAMS: ${{ secrets.AUTH0_OAUTH_EXTRA_PARAMS }}
       AUTH0_OAUTH_USER: ${{ secrets.AUTH0_OAUTH_USER }}
       AUTH0_OAUTH_PASSWORD: ${{ secrets.AUTH0_OAUTH_PASSWORD }}
-      AZURE_PORT: "5702"
-      AZURE_OAUTH_KEY: ${{ secrets.AZURE_OAUTH_KEY }}
-      AZURE_OAUTH_SECRET: ${{ secrets.AZURE_OAUTH_SECRET }}
-      AZURE_OAUTH_USER: ${{ secrets.AZURE_OAUTH_USER }}
-      AZURE_OAUTH_PASSWORD: ${{ secrets.AZURE_OAUTH_PASSWORD }}
       OKTA_PORT: "5703"
       OKTA_OAUTH_KEY: ${{ secrets.OKTA_OAUTH_KEY }}
       OKTA_OAUTH_SECRET: ${{ secrets.OKTA_OAUTH_SECRET }}
@@ -212,6 +207,10 @@ jobs:
         with:
           resource: http-get://localhost:8887/lab
           timeout: 180000
+      - name: Check if auth should run
+        if: '!github.event.pull_request.head.repo.fork'
+        run: |
+          echo "PANEL_TEST_AUTH=1" >> $GITHUB_ENV
       - name: Test UI
         run: |
           # Create a .uicoveragerc file to set the concurrency library to greenlet
@@ -243,8 +242,8 @@ jobs:
       fail-fast: false
       matrix:
         os: ["ubuntu-latest"]
-        environment: ["test-core", "test-minimum"]
-    timeout-minutes: 120
+        environment: ["test-core", "test-bokeh35", "test-bokeh36"]
+    timeout-minutes: 30
     steps:
       - uses: holoviz-dev/holoviz_tasks/pixi_install@v0
         with:
@@ -263,11 +262,12 @@ jobs:
       matrix:
         os: ["ubuntu-latest"]
         environment: ["test-type"]
-    timeout-minutes: 120
+    timeout-minutes: 30
     steps:
       - uses: holoviz-dev/holoviz_tasks/pixi_install@v0
         with:
           environments: ${{ matrix.environment }}
+          install: false
       - name: Test Type
         run: |
           pixi run -e ${{ matrix.environment }} test-type
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 1d019b4f9a..5753a08ddb 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -14,29 +14,29 @@ repos:
         exclude: \.min\.js$
       - id: trailing-whitespace
   - repo: https://github.com/astral-sh/ruff-pre-commit
-    rev: v0.8.6
+    rev: v0.11.4
     hooks:
       - id: ruff
         files: panel/
   - repo: https://github.com/pycqa/isort
-    rev: 5.13.2
+    rev: 6.0.1
     hooks:
       - id: isort
         name: isort (python)
   - repo: https://github.com/hoxbro/clean_notebook
-    rev: v0.1.15
+    rev: v0.1.17
     hooks:
       - id: clean-notebook
         args: [-i, tags]
         exclude: '^lite/files/.*/'
   - repo: https://github.com/codespell-project/codespell
-    rev: v2.3.0
+    rev: v2.4.1
     hooks:
       - id: codespell
         additional_dependencies:
           - tomli
   - repo: https://github.com/hoxbro/prettier-pre-commit
-    rev: v3.4.2
+    rev: v3.5.3
     hooks:
       - id: prettier
         entry: prettier --write --ignore-unknown --no-error-on-unmatched-pattern
@@ -47,7 +47,7 @@ repos:
       - id: oxipng
         stages: [manual]
   - repo: https://github.com/pre-commit/mirrors-eslint
-    rev: v9.17.0
+    rev: v9.24.0
     hooks:
       - id: eslint
         args: ['-c', 'panel/.eslintrc.js', 'panel/*.ts', 'panel/models/**/*.ts', '--fix']
diff --git a/CHANGELOG.md b/CHANGELOG.md
index a7d4e6f22c..165799f9a4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,202 @@
 # Releases
 
+## Version 1.7.1
+
+This patch release adds a new option to disable `FileDropper` previews
+and fixes a regression when updating `Column` children in Bokeh<3.7.
+Additionally it includes a number of documentation improvements.
+Many thanks to our returning contributors @dalthviz, @emmanuel-ferdman, @MarcSkovMadsen, and @hoxbro
+
+### Enhancements
+
+-  Add option to disable FileDropper previews ([#7944](https://github.com/holoviz/panel/pull/7944))
+- `--index-titles` help string typo fix and don't call `title` on user input ([#7935](https://github.com/holoviz/panel/pull/7935))
+
+### Bug fixes
+
+- Migrate to correct logger interface ([#7931](https://github.com/holoviz/panel/pull/7931))
+- Column updates not working for Bokeh<3.7 ([#7948](https://github.com/holoviz/panel/pull/7948))
+
+### Documentation
+
+- Fix image links in Azure documentation ([#7938](https://github.com/holoviz/panel/pull/7938))
+
+
+## Version 1.7.0
+
+This minor release is not as jam-packed as previous minor releases but adds a number of quality of life improvements, bug fixes and features along with version and compatibility updates for a number of JS dependencies. Many thanks to some of our more frequent contributors @dalthviz, @etihwo, our new contributor @emmanuel-ferdman and our maintainers @Hoxbro, @MarcSkovMadsen and @philippjfr.
+
+### Features
+
+- Add a secondary (right) sidebar to the `FastListTemplate` ([#7774](https://github.com/holoviz/panel/pull/7774))
+- Add `Date(Time)Picker.allowInput` option ([#7886](https://github.com/holoviz/panel/pull/7886))
+- Add `Markdown.disable_anchors` option ([#7902](https://github.com/holoviz/panel/pull/7902))
+- Add `config.cache_path` variable to configure default location for diskcache ([#7903](https://github.com/holoviz/panel/pull/7903))
+- Support custom cookie path ([#7911](https://github.com/holoviz/panel/pull/7911))
+- Allow customizing index page titles with `--index-titles` CLI option ([#7916](https://github.com/holoviz/panel/pull/7916))
+- Add `Image.target` option to configure where to open `link_url` ([#7924](https://github.com/holoviz/panel/pull/7924))
+
+### Enhancements
+
+- Display parameter name in error messages ([#7879](https://github.com/holoviz/panel/pull/7879))
+- Improve Material design styling ([#7891](https://github.com/holoviz/panel/pull/7891), [#7917](https://github.com/holoviz/panel/pull/7917))
+- Improve logic for computing Tabulator page size automatically ([#7915](https://github.com/holoviz/panel/pull/7915))
+
+### Versions and Compatibility
+
+- Bump Ace `CodeEditor` version 1.40.1 and add themes ([#7874](https://github.com/holoviz/panel/pull/7874))
+- Bump pyodide version to 0.27.5 ([#7905](https://github.com/holoviz/panel/pull/7905))
+- Bump `ECharts` version to 5.6.0 ([#7905](https://github.com/holoviz/panel/pull/7905))
+- Bump `JSONEditor` version to 10.2.0 ([#7905](https://github.com/holoviz/panel/pull/7905))
+- Bump `Perspective` version to 3.6.1 ([#7919](https://github.com/holoviz/panel/pull/7919))
+
+### Bug fixes
+
+- Deduplicate components before compiling ([#7887](https://github.com/holoviz/panel/pull/7887))
+- Avoid boomeranging of events after `hold` is applied ([#7892](https://github.com/holoviz/panel/pull/7892))
+- Handle .ico image base64 mime-type correctly ([#7894](https://github.com/holoviz/panel/pull/7894))
+- Ensure `FileDropper` height is not limited ([#7898](https://github.com/holoviz/panel/pull/7898))
+- Ensure correct stylesheet cache is used by theme hooks when component is shared between sessions ([#7896](https://github.com/holoviz/panel/pull/7896))
+- Reset `BaseTemplate._documents` correctly on autoreload ([#7897](https://github.com/holoviz/panel/pull/7897))
+- Ensure widget CSS is loaded correctly when server path is prefixed ([#7900](https://github.com/holoviz/panel/pull/7900))
+- Correct display `Tabulator` with multi index and multi index column ([#7907](https://github.com/holoviz/panel/pull/7907))
+- Ensure stretch and scale sizing_mode does not cause overflow in container ([#7928](https://github.com/holoviz/panel/pull/7928))
+
+### Documentation
+
+- Document caching of dependencies by combining `cache` with `depends` ([#7876](https://github.com/holoviz/panel/pull/7876))
+- Remove deprecated keyword in doc for `DateRangeSlider` and `DateTimeRangSlider` ([#7893](https://github.com/holoviz/panel/pull/7893))
+- Add guidance on troubleshooting OAuth issues ([#7921](https://github.com/holoviz/panel/pull/7921))
+
+## Version 1.6.3
+
+This release introduces a number of performance improvements related to rendering of children in layouts and ESM components, a number of bug fixes and a number of documentation improvements. We are pleased to welcome @malemburg as a new contributor and want to thank @s-alexey, @Coderambling, @etihwo and our core maintainer team including @hoxbro, @ahuang11, @MarcSkovMadsen and @philippjfr for their contributions to this release.
+
+### Enhancements
+
+- Implement smarter `Column` child rendering [#7846](https://github.com/holoviz/panel/pull/7846)
+- Optimize `ReactComponent` child renders [#7828](https://github.com/holoviz/panel/pull/7828)
+- Add `indent` and `soft_tabs` options to `CodeEditor` [#7831](https://github.com/holoviz/panel/pull/7831)
+- Allow creating `Param.widget` without instantiating object, speeding up `Widget.from_param` [#7867](https://github.com/holoviz/panel/pull/7867)
+
+### Bug fixes
+
+- Fix handling of React based `AnyWidgetComponent` types [#7820](https://github.com/holoviz/panel/pull/7820)
+- Cache ESM render modules [#7827](https://github.com/holoviz/panel/pull/7827)
+- Check for `None` in `select` function for `PyComponent` [#7837](https://github.com/holoviz/panel/pull/7837)
+- Fix for `AttributeError` in `auth.py:CodeChallenge` OAuth login [#7844](https://github.com/holoviz/panel/pull/7844)
+- Fix error when `old_objects` is empty in `_get_objects()` [#7842](https://github.com/holoviz/panel/pull/7842)
+- Ensure `ReactiveESM` renders elements [#7853](https://github.com/holoviz/panel/pull/7853)
+- Ensure ESM shared resources are watched properly [#7856](https://github.com/holoviz/panel/pull/7856)
+- Fix Material design `Tabulator` header color [#7855](https://github.com/holoviz/panel/pull/7855)
+- Ensure current view and selection lookups on `Tabulator` handle `None` case [#7858](https://github.com/holoviz/panel/pull/7858)
+- Ensure `Modal` events are targeted to correct model [#7860](https://github.com/holoviz/panel/pull/7860)
+- Ensure `ChatFeed` has inherent height [#7861](https://github.com/holoviz/panel/pull/7861)
+- Ensure `Markdown` code blocks are always left aligned [#7862](https://github.com/holoviz/panel/pull/7862)
+- Gracefully handle `ECharts` delayed rendering [#7869](https://github.com/holoviz/panel/pull/7869)
+
+### Documentation
+
+- List version agnostic wheel URLs in WASM standalone docs [#7857](https://github.com/holoviz/panel/pull/7857)
+- Correct `ClassSelector` keyword in `build_todo.md` [#7819](https://github.com/holoviz/panel/pull/7819)
+- Fix documentation of `--oauth-extra-params` [#7865](https://github.com/holoviz/panel/pull/7865)
+- Fix minor issues in FastAPI docs [#7866](https://github.com/holoviz/panel/pull/7866)
+- Clarify OAuth redirect uri [#7868](https://github.com/holoviz/panel/pull/7868)
+- Add section in load balancing about Bokeh extensions ([#7832](https://github.com/holoviz/panel/pull/7832))
+
+## Version 1.6.2
+
+This release primarily introduces improvements for ESM and React components and refactoring to make it easy to subclass existing components. This is an effort to make it easier to provide alternative implementations for Panel components. Additionally this release includes compatibility for Bokeh 3.7, bug fixes for `TextEditor` and a variety of other bug fixes. Many thanks to our new contributor @s-alexey, our returning contributors @Coderambling and the core maintainer team including @Hoxbro, @ahuang11 and @philippjfr.
+
+### Enhancements
+
+- Make it easier to subclass components ([#7730](https://github.com/holoviz/panel/pull/7730), [#7744](https://github.com/holoviz/panel/pull/7744), [#7785](https://github.com/holoviz/panel/pull/7785))
+- Allow `model.useState` in `ReactComponent`s  to reference nested parameter values ([#7743](https://github.com/holoviz/panel/pull/7743))
+- Allow providing shared ESM modules ([#7757](https://github.com/holoviz/panel/pull/7757))
+- Allow defining root node for `ReactComponent` ([#7787](https://github.com/holoviz/panel/pull/7787))
+- Improve pretty printing in `HoloViews` pane ([#7775](https://github.com/holoviz/panel/pull/7775))
+- Allow serializing joint dict/Parameterized types on `DataModel` ([#7789](https://github.com/holoviz/panel/pull/7789))
+- Improve ListLike and NamedListLike to better match Python list behavior ([#7794](https://github.com/holoviz/panel/pull/7794))
+- Improve rendering of ReactComponent children ([#7802](https://github.com/holoviz/panel/pull/7802))
+- Allow overriding Param input widgets ([#7813](https://github.com/holoviz/panel/pull/7813))
+
+### Performance
+
+- Avoid redundant list operations in ListLike ([#7764](https://github.com/holoviz/panel/pull/7764))
+- Optimize ipywidget reference transform ([#7778](https://github.com/holoviz/panel/pull/7778))
+
+### Bug fixes
+
+- Correctly handle empty source files ([#7732](https://github.com/holoviz/panel/pull/7732))
+- Add extra guard around `get_ipython` check ([#7734](https://github.com/holoviz/panel/pull/7734))
+- Ensure `ReactComponent` children are sized correctly ([#7741](https://github.com/holoviz/panel/pull/7741))
+- Ensure `ChatStep` does not toggle from failed to success ([#7742](https://github.com/holoviz/panel/pull/7742))
+- Ensure `Feed` and scrollable layout children heights are not fixed ([#7747](https://github.com/holoviz/panel/pull/7747))
+- Declare more `Child` parameters on various components ([#7749](https://github.com/holoviz/panel/pull/7749))
+- Do not sync parameters mapped to None on on ESM components ([#7750](https://github.com/holoviz/panel/pull/7750), [#7753](https://github.com/holoviz/panel/pull/7753))
+- Always include esm.css for ESM components ([#7752](https://github.com/holoviz/panel/pull/7752))
+- Do not duplicate stylesheets (d133eb9)
+- Ensure `ChatStep` text does not overflow container ([#7770](https://github.com/holoviz/panel/pull/7770))
+- Refactor `ChatFeed` post hook ensuring it processes correct message ([#7722](https://github.com/holoviz/panel/pull/7722))
+- Ensure hooks are applied to root components with `Fast` design ([#7777](https://github.com/holoviz/panel/pull/7777))
+- Ensure resource mode is set in notebooks ([#7776](https://github.com/holoviz/panel/pull/7776))
+- Clear state cookie if OAuth access token expired and can't be refreshed ([#7780](https://github.com/holoviz/panel/pull/7780))
+- Fix formatting in `TextEditor` widget ([#7739](https://github.com/holoviz/panel/pull/7739))
+- Use Ace version with no require.js dependency ([#7781](https://github.com/holoviz/panel/pull/7781))
+- Ensure multiple sequential notifications render ([#7790](https://github.com/holoviz/panel/pull/7790))
+- Style correct column when frozen `Tabulator` column is an index ([#7792](https://github.com/holoviz/panel/pull/7792))
+- Ensure IconButton tooltip timer is cleared on multiple mouseenter events ([#7798](https://github.com/holoviz/panel/pull/7798))
+- Ensure pre-processors are applied to ESM children ([#7799](https://github.com/holoviz/panel/pull/7799))
+- Ensure outputs are laid out correctly after initial render of `EditableTemplate` ([#7816](https://github.com/holoviz/panel/pull/7816))
+- Fix regressiong related to providing Path to ESM component stylesheets ([#7809](https://github.com/holoviz/panel/pull/7809))
+
+### Compatibility
+
+- Compatibility with Bokeh 3.7 ([#7724](https://github.com/holoviz/panel/pull/7724), [#7815](https://github.com/holoviz/panel/pull/7815))
+- Update `TextEditor` widget to Quill.js 2.0.2 ([#7739](https://github.com/holoviz/panel/pull/7739))
+- Update `Plotly` pane to Plotly.js 3.0.1 ([#7731](https://github.com/holoviz/panel/pull/7731))
+
+### Documentation
+
+- Incorrect hover text for max_width and max_height: both said Minimum instead of Maximum ([#7729](https://github.com/holoviz/panel/pull/7729))
+- Various minor documentation updates ([#7719](https://github.com/holoviz/panel/pull/7719), [#7738](https://github.com/holoviz/panel/pull/7738), [#7746](https://github.com/holoviz/panel/pull/7746), [#7755](https://github.com/holoviz/panel/pull/7755), [#7760](https://github.com/holoviz/panel/pull/7760), [#7761](https://github.com/holoviz/panel/pull/7761), [#7763](https://github.com/holoviz/panel/pull/7763))
+
+## Version 1.6.1
+
+This patch release primarily addresses issues running Panel behind a reverse proxy, improves the developer experience of working with custom ESM bundles and adds compatibility for Plotly 6.0. Congratulations to @fabiovincenzi and @pankajp for their first contribution fixing inlining of stylesheets. Many thanks to to our returning contributors @ceball, @Azaya89 and @Coderambling as well as our core developer team including @ahuang11, @Maximlt, @hoxbro and @philippjfr for contributing to this release.
+
+### Enhancements
+
+- Add `ChatFeed.scroll_to` method ([#7671](https://github.com/holoviz/panel/pull/7671))
+- Implement watch feature for `panel compile` command ([#7683](https://github.com/holoviz/panel/pull/7683))
+- Allow ESM components to load CSS bundles ([#7685](https://github.com/holoviz/panel/pull/7685), [#7691](https://github.com/holoviz/panel/pull/7691))
+- Generalize `ReactiveESM.select` so children are automatically detected ([#7699](https://github.com/holoviz/panel/pull/7699))
+
+### Bug fixes
+
+- Ensure errors in sync periodic callbacks are logged ([#7665](https://github.com/holoviz/panel/pull/7665))
+- Reset `visible_range` when `Feed.objects` are updated ([#7673](https://github.com/holoviz/panel/pull/7673))
+- Ensure ESM bundles correctly resolve component implementations ([#7684](https://github.com/holoviz/panel/pull/7684), [#7698](https://github.com/holoviz/panel/pull/7698))
+- Fix default avatar in send/stream ([#7677](https://github.com/holoviz/panel/pull/7677))
+- Ensure index redirects are relative to fix index page behind a reverse proxy ([#7704](https://github.com/holoviz/panel/pull/7704))
+- Ensure root_url is correctly determined during auth ([#7680](https://github.com/holoviz/panel/pull/7680))
+- Ensure the modal is on top in EditableTemplate ([#7710](https://github.com/holoviz/panel/pull/7710))
+- Ensure Tabulator selection is recalculated after filtering ([#7712](https://github.com/holoviz/panel/pull/7712))
+- Fix custom login endpoints ([#7714](https://github.com/holoviz/panel/pull/7714))
+- Ensure type checkers can correctly infer extension argument types ([#7709](https://github.com/holoviz/panel/pull/7709))
+- Ensure custom components and extensions respect resource mode in notebooks ([#7701](https://github.com/holoviz/panel/pull/7701), [#7716](https://github.com/holoviz/panel/pull/7716))
+- Ensure in process events are cleaned up after they are applied ([#7717](https://github.com/holoviz/panel/pull/7717))
+
+### Compatibility
+
+- Compatibility with Plotly 6.0 ([#7681](https://github.com/holoviz/panel/pull/7681), [#7682](https://github.com/holoviz/panel/pull/7682))
+- Bump pyodide version to 0.27.2 and PyScript version to 2025.2.1 ([#7718](https://github.com/holoviz/panel/pull/7718))
+
+### Docs
+
+- Add links to other HoloViz libraries to the sidebar ([#7674](https://github.com/holoviz/panel/pull/7674))
+- Minor documentation fixes ([#7664](https://github.com/holoviz/panel/pull/7664), [#7668](https://github.com/holoviz/panel/pull/7668), [#7692](https://github.com/holoviz/panel/pull/7692))
+
 ## Version 1.6.0
 
 This release adds a number of features including a standalone `Modal` component, the ability to infer widget parameters from values, and the ability to easily edit a `ChatMessage`. Additionally it includes a number of enhancements for styling, particularly in dark themes, other enhancements for chat components and a large number of bug fixes. Many thanks for our returning contributor @kdheepak, our new contributors @pgierz, @jonatantreijs and @etihwo, and of course the whole maintainer team including @ahuang11, @MarcSkovMadsen @hoxbro, @maximlt and @philippjfr.
diff --git a/doc/_static/images/azure_oauth_app_registration.png b/doc/_static/images/azure_oauth_app_registration.png
new file mode 100644
index 0000000000..1e3a0bd19f
Binary files /dev/null and b/doc/_static/images/azure_oauth_app_registration.png differ
diff --git a/doc/_static/images/azure_oauth_client_secret.png b/doc/_static/images/azure_oauth_client_secret.png
new file mode 100644
index 0000000000..f69d55a86b
Binary files /dev/null and b/doc/_static/images/azure_oauth_client_secret.png differ
diff --git a/doc/_static/images/azure_oauth_uris.png b/doc/_static/images/azure_oauth_uris.png
new file mode 100644
index 0000000000..52a5b35ee7
Binary files /dev/null and b/doc/_static/images/azure_oauth_uris.png differ
diff --git a/doc/_static/images/oauth_debugging.png b/doc/_static/images/oauth_debugging.png
new file mode 100644
index 0000000000..f6b319cb0c
Binary files /dev/null and b/doc/_static/images/oauth_debugging.png differ
diff --git a/doc/_static/toggle.js b/doc/_static/toggle.js
deleted file mode 100644
index d49442cf13..0000000000
--- a/doc/_static/toggle.js
+++ /dev/null
@@ -1,97 +0,0 @@
-function clone(node) {
-  var new_element = node.cloneNode(true);
-  node.parentNode.replaceChild(new_element, node);
-  return new_element
-}
-
-function documentReady(callback) {
-  if (document.readyState != "loading") callback();
-  else document.addEventListener("DOMContentLoaded", callback);
-}
-
-let loaded = false
-
-function setupMobileSidebarKeyboardHandlers() {
-  if (loaded) {
-    return
-  }
-  loaded = true
-
-  // These are hidden checkboxes at the top of the page whose :checked property
-  // allows the mobile sidebars to be hidden or revealed via CSS.
-  const primaryToggle = document.getElementById("pst-primary-sidebar-checkbox");
-  const secondaryToggle = document.getElementById(
-    "pst-secondary-sidebar-checkbox",
-  );
-  const primarySidebar = document.querySelector(".bd-sidebar-primary");
-  const secondarySidebar = document.querySelector(".bd-sidebar-secondary");
-
-  // Toggle buttons -
-  //
-  // These are the hamburger-style buttons in the header nav bar. When the user
-  // clicks, the button transmits the click to the hidden checkboxes used by the
-  // CSS to control whether the sidebar is open or closed.
-  const primaryClickTransmitter = document.querySelector(".primary-toggle");
-  const secondaryClickTransmitter = document.querySelector(".secondary-toggle");
-  [
-    [primaryClickTransmitter, primaryToggle, primarySidebar],
-    [secondaryClickTransmitter, secondaryToggle, secondarySidebar],
-  ].forEach(([clickTransmitter, toggle, sidebar]) => {
-    if (!clickTransmitter) {
-      return;
-    }
-    const cloned = clone(clickTransmitter)
-    cloned.addEventListener("click", (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-      toggle.checked = !toggle.checked;
-
-      // If we are opening the sidebar, move focus to the first focusable item
-      // in the sidebar
-      if (toggle.checked) {
-        // Note: this selector is not exhaustive, and we may need to update it
-        // in the future
-        const tabStop = sidebar.querySelector("a, button");
-        // use setTimeout because you cannot move focus synchronously during a
-        // click in the handler for the click event
-        setTimeout(() => tabStop.focus(), 100);
-      }
-    });
-  });
-
-  // Escape key -
-  //
-  // When sidebar is open, user should be able to press escape key to close the
-  // sidebar.
-  [
-    [primarySidebar, primaryToggle, primaryClickTransmitter],
-    [secondarySidebar, secondaryToggle, secondaryClickTransmitter],
-  ].forEach(([sidebar, toggle, transmitter]) => {
-    if (!sidebar) {
-      return;
-    }
-    sidebar.addEventListener("keydown", (event) => {
-      if (event.key === "Escape") {
-        event.preventDefault();
-        event.stopPropagation();
-        toggle.checked = false;
-        transmitter.focus();
-      }
-    });
-  });
-
-  // When the <label> overlay is clicked to close the sidebar, return focus to
-  // the opener button in the nav bar.
-  [
-    [primaryToggle, primaryClickTransmitter],
-    [secondaryToggle, secondaryClickTransmitter],
-  ].forEach(([toggle, transmitter]) => {
-    toggle.addEventListener("change", (event) => {
-      if (!event.currentTarget.checked) {
-        transmitter.focus();
-      }
-    });
-  });
-}
-
-documentReady(setupMobileSidebarKeyboardHandlers)
diff --git a/doc/about/releases.md b/doc/about/releases.md
index ec20630f4e..eee54520aa 100644
--- a/doc/about/releases.md
+++ b/doc/about/releases.md
@@ -2,6 +2,187 @@
 
 See [the HoloViz blog](https://blog.holoviz.org/#category=panel) for a visual summary of the major features added in each release.
 
+## Version 1.7.0
+
+This minor release is not as jam-packed as previous minor releases but adds a number of quality of life improvements, bug fixes and features along with version and compatibility updates for a number of JS dependencies. Many thanks to some of our more frequent contributors @dalthviz, @etiwho, our new contributor @emmanuel-ferdman and our maintainers @Hoxbro, @MarcSkovMadsen and @philippjfr.
+
+### Features
+
+- Add a secondary (right) sidebar to the `FastListTemplate` ([#7774](https://github.com/holoviz/panel/pull/7774))
+- Add `Date(Time)Picker.allowInput` option ([#7886](https://github.com/holoviz/panel/pull/7886))
+- Add `Markdown.disable_anchors` option ([#7902](https://github.com/holoviz/panel/pull/7902))
+- Add `config.cache_path` variable to configure default location for diskcache ([#7903](https://github.com/holoviz/panel/pull/7903))
+- Support custom cookie path ([#7911](https://github.com/holoviz/panel/pull/7911))
+- Allow customizing index page titles with `--index-titles` CLI option ([#7912](https://github.com/holoviz/panel/pull/7916))
+- Add `Image.target` option to configure where to open `link_url` ([#7924](https://github.com/holoviz/panel/pull/7924))
+
+### Enhancements
+
+- Display parameter name in error messages ([#7879](https://github.com/holoviz/panel/pull/7879))
+- Improve Material design styling ([#7891](https://github.com/holoviz/panel/pull/7891), [#7917](https://github.com/holoviz/panel/pull/7917))
+- Improve logic for computing Tabulator page size automatically ([#7915](https://github.com/holoviz/panel/pull/7915))
+
+### Versions and Compatibility
+
+- Bump Ace `CodeEditor` version 1.40.1 and add themes ([#7874](https://github.com/holoviz/panel/pull/7874))
+- Bump pyodide version to 0.27.5 ([#7905](https://github.com/holoviz/panel/pull/7905))
+- Bump `ECharts` version to 5.6.0 ([#7905](https://github.com/holoviz/panel/pull/7905))
+- Bump `JSONEditor` version to 10.2.0 ([#7905](https://github.com/holoviz/panel/pull/7905))
+- Bump `Perspective` version to 3.6.1 ([#7919](https://github.com/holoviz/panel/pull/7919))
+
+### Bug fixes
+
+- Deduplicate components before compiling ([#7887](https://github.com/holoviz/panel/pull/7887))
+- Avoid boomeranging of events after `hold` is applied ([#7892](https://github.com/holoviz/panel/pull/7892))
+- Handle .ico image base64 mime-type correctly ([#7894](https://github.com/holoviz/panel/pull/7894))
+- Ensure `FileDropper` height is not limited ([#7898](https://github.com/holoviz/panel/pull/7898))
+- Ensure correct stylesheet cache is used by theme hooks when component is shared between sessions ([#7896](https://github.com/holoviz/panel/pull/7896))
+- Reset `BaseTemplate._documents` correctly on autoreload ([#7897](https://github.com/holoviz/panel/pull/7897))
+- Ensure widget CSS is loaded correctly when server path is prefixed ([#7900](https://github.com/holoviz/panel/pull/7900))
+- Correct display `Tabulator` with multi index and multi index column ([#7907](https://github.com/holoviz/panel/pull/7907))
+- Ensure stretch and scale sizing_mode does not cause overflow in container ([#7928](https://github.com/holoviz/panel/pull/7928))
+
+### Documentation
+
+- Document caching of dependencies by combining `cache` with `depends` ([#7876](https://github.com/holoviz/panel/pull/7876))
+- Remove deprecated keyword in doc for `DateRangeSlider` and `DateTimeRangSlider` ([#7893](https://github.com/holoviz/panel/pull/7893))
+- Add guidance on troubleshooting OAuth issues ([#7921](https://github.com/holoviz/panel/pull/7921))
+
+## Version 1.6.3
+
+Date: 2025-04-23
+
+This release introduces a number of performance improvements related to rendering of children in layouts and ESM components, a number of bug fixes and a number of documentation improvements. We are pleased to welcome @malemburg as a new contributor and want to thank @s-alexey, @Coderambling, @etihwo and our core maintainer team including @hoxbro, @ahuang11, @MarcSkovMadsen and @philippjfr for their contributions to this release.
+
+### Enhancements
+
+- Implement smarter `Column` child rendering ([#7846](https://github.com/holoviz/panel/pull/7846))
+- Optimize `ReactComponent` child renders ([#7828](https://github.com/holoviz/panel/pull/7828))
+- Add `indent` and `soft_tabs` options to `CodeEditor` ([#7831](https://github.com/holoviz/panel/pull/7831))
+- Allow creating `Param.widget` without instantiating object, speeding up `Widget.from_param` ([#7867](https://github.com/holoviz/panel/pull/7867))
+
+### Bug fixes
+
+- Fix handling of React based `AnyWidgetComponent` types ([#7820](https://github.com/holoviz/panel/pull/7820))
+- Cache ESM render modules ([#7827](https://github.com/holoviz/panel/pull/7827))
+- Check for `None` in `select` function for `PyComponent` ([#7837](https://github.com/holoviz/panel/pull/7837))
+- Fix for `AttributeError` in `auth.py:CodeChallenge` OAuth login ([#7844](https://github.com/holoviz/panel/pull/7844))
+- Fix error when `old_objects` is empty in `_get_objects()` ([#7842](https://github.com/holoviz/panel/pull/7842))
+- Ensure `ReactiveESM` renders elements ([#7853](https://github.com/holoviz/panel/pull/7853))
+- Ensure ESM shared resources are watched properly ([#7856](https://github.com/holoviz/panel/pull/7856))
+- Fix Material design `Tabulator` header color ([#7855](https://github.com/holoviz/panel/pull/7855))
+- Ensure current view and selection lookups on `Tabulator` handle `None` case ([#7858](https://github.com/holoviz/panel/pull/7858))
+- Ensure `Modal` events are targeted to correct model ([#7860](https://github.com/holoviz/panel/pull/7860))
+- Ensure `ChatFeed` has inherent height ([#7861](https://github.com/holoviz/panel/pull/7861))
+- Ensure `Markdown` code blocks are always left aligned ([#7862](https://github.com/holoviz/panel/pull/7862))
+- Gracefully handle `ECharts` delayed rendering ([#7869](https://github.com/holoviz/panel/pull/7869))
+
+### Documentation
+
+- List version agnostic wheel URLs in WASM standalone docs ([#7857](https://github.com/holoviz/panel/pull/7857))
+- Correct `ClassSelector` keyword in `build_todo.md` ([#7819](https://github.com/holoviz/panel/pull/7819))
+- Fix documentation of `--oauth-extra-params` ([#7865](https://github.com/holoviz/panel/pull/7865))
+- Fix minor issues in FastAPI docs ([#7866](https://github.com/holoviz/panel/pull/7866))
+- Clarify OAuth redirect uri ([#7868](https://github.com/holoviz/panel/pull/7868))
+- Add section in load balancing about Bokeh extensions ([#7832](https://github.com/holoviz/panel/pull/7832))
+
+## Version 1.6.2
+
+Date: 2025-03-28
+
+This release primarily introduces improvements for ESM and React components and refactoring to make it easy to subclass existing components. This is an effort to make it easier to provide alternative implementations for Panel components. Additionally this release includes compatibility for Bokeh 3.7, bug fixes for `TextEditor` and a variety of other bug fixes. Many thanks to our new contributor @s-alexey, our returning contributors @Coderambling and the core maintainer team including @Hoxbro, @ahuang11 and @philippjfr.
+
+### Enhancements
+
+- Make it easier to subclass components ([#7730](https://github.com/holoviz/panel/pull/7730), [#7744](https://github.com/holoviz/panel/pull/7744), [#7785](https://github.com/holoviz/panel/pull/7785))
+- Allow `model.useState` in `ReactComponent`s  to reference nested parameter values ([#7743](https://github.com/holoviz/panel/pull/7743))
+- Allow providing shared ESM modules ([#7757](https://github.com/holoviz/panel/pull/7757))
+- Allow defining root node for `ReactComponent` ([#7787](https://github.com/holoviz/panel/pull/7787))
+- Improve pretty printing in `HoloViews` pane ([#7775](https://github.com/holoviz/panel/pull/7775))
+- Allow serializing joint dict/Parameterized types on `DataModel` ([#7789](https://github.com/holoviz/panel/pull/7789))
+- Improve ListLike and NamedListLike to better match Python list behavior ([#7794](https://github.com/holoviz/panel/pull/7794))
+- Improve rendering of ReactComponent children ([#7802](https://github.com/holoviz/panel/pull/7802))
+- Allow overriding Param input widgets ([#7813](https://github.com/holoviz/panel/pull/7813))
+
+### Performance
+
+- Avoid redundant list operations in ListLike ([#7764](https://github.com/holoviz/panel/pull/7764))
+- Optimize ipywidget reference transform ([#7778](https://github.com/holoviz/panel/pull/7778))
+
+### Bug fixes
+
+- Correctly handle empty source files ([#7732](https://github.com/holoviz/panel/pull/7732))
+- Add extra guard around `get_ipython` check ([#7734](https://github.com/holoviz/panel/pull/7734))
+- Ensure `ReactComponent` children are sized correctly ([#7741](https://github.com/holoviz/panel/pull/7741))
+- Ensure `ChatStep` does not toggle from failed to success ([#7742](https://github.com/holoviz/panel/pull/7742))
+- Ensure `Feed` and scrollable layout children heights are not fixed ([#7747](https://github.com/holoviz/panel/pull/7747))
+- Declare more `Child` parameters on various components ([#7749](https://github.com/holoviz/panel/pull/7749))
+- Do not sync parameters mapped to None on on ESM components ([#7750](https://github.com/holoviz/panel/pull/7750), [#7753](https://github.com/holoviz/panel/pull/7753))
+- Always include esm.css for ESM components ([#7752](https://github.com/holoviz/panel/pull/7752))
+- Do not duplicate stylesheets (d133eb9)
+- Ensure `ChatStep` text does not overflow container ([#7770](https://github.com/holoviz/panel/pull/7770))
+- Refactor `ChatFeed` post hook ensuring it processes correct message ([#7722](https://github.com/holoviz/panel/pull/7722))
+- Ensure hooks are applied to root components with `Fast` design ([#7777](https://github.com/holoviz/panel/pull/7777))
+- Ensure resource mode is set in notebooks ([#7776](https://github.com/holoviz/panel/pull/7776))
+- Clear state cookie if OAuth access token expired and can't be refreshed ([#7780](https://github.com/holoviz/panel/pull/7780))
+- Fix formatting in `TextEditor` widget ([#7739](https://github.com/holoviz/panel/pull/7739))
+- Use Ace version with no require.js dependency ([#7781](https://github.com/holoviz/panel/pull/7781))
+- Ensure multiple sequential notifications render ([#7790](https://github.com/holoviz/panel/pull/7790))
+- Style correct column when frozen `Tabulator` column is an index ([#7792](https://github.com/holoviz/panel/pull/7792))
+- Ensure IconButton tooltip timer is cleared on multiple mouseenter events ([#7798](https://github.com/holoviz/panel/pull/7798))
+- Ensure pre-processors are applied to ESM children ([#7799](https://github.com/holoviz/panel/pull/7799))
+- Ensure outputs are laid out correctly after initial render of `EditableTemplate` ([#7816](https://github.com/holoviz/panel/pull/7816))
+- Fix regressiong related to providing Path to ESM component stylesheets ([#7809](https://github.com/holoviz/panel/pull/7809))
+
+### Compatibility
+
+- Compatibility with Bokeh 3.7 ([#7724](https://github.com/holoviz/panel/pull/7724), [#7815](https://github.com/holoviz/panel/pull/7815))
+- Update `TextEditor` widget to Quill.js 2.0.2 ([#7739](https://github.com/holoviz/panel/pull/7739))
+- Update `Plotly` pane to Plotly.js 3.0.1 ([#7731](https://github.com/holoviz/panel/pull/7731))
+
+### Documentation
+
+- Incorrect hover text for max_width and max_height: both said Minimum instead of Maximum ([#7729](https://github.com/holoviz/panel/pull/7729))
+- Various minor documentation updates ([#7719](https://github.com/holoviz/panel/pull/7719), [#7738](https://github.com/holoviz/panel/pull/7738), [#7746](https://github.com/holoviz/panel/pull/7746), [#7755](https://github.com/holoviz/panel/pull/7755), [#7760](https://github.com/holoviz/panel/pull/7760), [#7761](https://github.com/holoviz/panel/pull/7761), [#7763](https://github.com/holoviz/panel/pull/7763))
+
+## Version 1.6.1
+
+Date: 2025-02-14
+
+This patch release primarily addresses issues running Panel behind a reverse proxy, improves the developer experience of working with custom ESM bundles and adds compatibility for Plotly 6.0. Congratulations to @fabiovincenzi and @pankajp for their first contribution fixing inlining of stylesheets. Next we want to thank our returning contributors @ceball, @Azaya89 and @Coderambling as well as our core developer team including @ahuang11, @Maximlt, @hoxbro and @philippjfr for contributing to this release.
+
+### Enhancements
+
+- Add `ChatFeed.scroll_to` method ([#7671](https://github.com/holoviz/panel/pull/7671))
+- Implement watch feature for `panel compile` command ([#7683](https://github.com/holoviz/panel/pull/7683))
+- Allow ESM components to load CSS bundles ([#7685](https://github.com/holoviz/panel/pull/7685), [#7691](https://github.com/holoviz/panel/pull/7691))
+- Generalize `ReactiveESM.select` so children are automatically detected ([#7699](https://github.com/holoviz/panel/pull/7699))
+
+### Bug fixes
+
+- Ensure errors in sync periodic callbacks are logged ([#7665](https://github.com/holoviz/panel/pull/7665))
+- Reset `visible_range` when `Feed.objects` are updated ([#7673](https://github.com/holoviz/panel/pull/7673))
+- Ensure ESM bundles correctly resolve component implementations ([#7684](https://github.com/holoviz/panel/pull/7684), [#7698](https://github.com/holoviz/panel/pull/7698))
+- Fix default avatar in send/stream ([#7677](https://github.com/holoviz/panel/pull/7677))
+- Ensure index redirects are relative to fix index page behind a reverse proxy ([#7704](https://github.com/holoviz/panel/pull/7704))
+- Ensure root_url is correctly determined during auth ([#7680](https://github.com/holoviz/panel/pull/7680))
+- Ensure the modal is on top in EditableTemplate ([#7710](https://github.com/holoviz/panel/pull/7710))
+- Ensure Tabulator selection is recalculated after filtering ([#7712](https://github.com/holoviz/panel/pull/7712))
+- Fix custom login endpoints ([#7714](https://github.com/holoviz/panel/pull/7714))
+- Ensure type checkers can correctly infer extension argument types ([#7709](https://github.com/holoviz/panel/pull/7709))
+- Ensure custom components and extensions respect resource mode in notebooks ([#7701](https://github.com/holoviz/panel/pull/7701), [#7716](https://github.com/holoviz/panel/pull/7716))
+- Ensure in process events are cleaned up after they are applied ([#7717](https://github.com/holoviz/panel/pull/7717))
+
+### Compatibility
+
+- Compatibility with Plotly 6.0 ([#7681](https://github.com/holoviz/panel/pull/7681), [#7682](https://github.com/holoviz/panel/pull/7682))
+- Bump pyodide version to 0.27.2 and PyScript version to 2025.2.1 ([#7718](https://github.com/holoviz/panel/pull/7718))
+
+### Docs
+
+- Add links to other HoloViz libraries to the sidebar ([#7674](https://github.com/holoviz/panel/pull/7674))
+- Minor documentation fixes ([#7664](https://github.com/holoviz/panel/pull/7664), [#7668](https://github.com/holoviz/panel/pull/7668), [#7692](https://github.com/holoviz/panel/pull/7692))
+
 ## Version 1.6.0
 
 Date: 2025-01-25
@@ -1272,7 +1453,7 @@ The three main features we want to highlight as part of this release are:
 - Add unified Design and Theme system ([#4413](https://github.com/holoviz/panel/pull/4413), [#4475](https://github.com/holoviz/panel/pull/4475), [#4466](https://github.com/holoviz/panel/pull/4466), [#4540](https://github.com/holoviz/panel/pull/4540), [#4548](https://github.com/holoviz/panel/pull/4548), [#4770](https://github.com/holoviz/panel/pull/4770), [#4792](https://github.com/holoviz/panel/pull/4792), [#4793](https://github.com/holoviz/panel/pull/4793), [#4801](https://github.com/holoviz/panel/pull/4801))
 - Implement support for passing parameters, widgets and bound functions by reference for simple and powerful reactivity ([#4495](https://github.com/holoviz/panel/pull/4495), [#4505](https://github.com/holoviz/panel/pull/4505), [#4603](https://github.com/holoviz/panel/pull/4603), [#4606](https://github.com/holoviz/panel/pull/4606))
 
-Some of the changes related to the new layout engine and design system will require small updates to your existing applications. To make this transition as smooth as possible we have provided an [upgrade/migration guide](https://panel.holoviz.org/panel/upgrade.html).
+Some of the changes related to the new layout engine and design system will require small updates to your existing applications. To make this transition as smooth as possible we have provided an [upgrade/migration guide](https://panel.holoviz.org/upgrade.html).
 
 ### New Components
 
diff --git a/doc/api/config.md b/doc/api/config.md
index ed99432620..e288559169 100644
--- a/doc/api/config.md
+++ b/doc/api/config.md
@@ -109,6 +109,16 @@ from Javascript in the notebook.
 
 Default: 'accumulate' | Type: Literal | Options: 'accumulate', 'replace', 'disable', 'False'
 
+### `cookie_path` (`PANEL_COOKIE_PATH`)
+
+Path setting that controls the scope of cookies. Specifies the URL path
+prefix that must exist in the requested URL for the browser to send the
+Cookie header. The default value '/' allows cookies to be sent to all paths.
+A more restrictive path like '/app1/' would limit cookies to only be sent
+to URLs under that path.
+
+Default: '/' | Type: String
+
 ### `cookie_secret` (`PANEL_COOKIE_SECRET`)
 
 Configure to enable getting/setting secure cookies.
diff --git a/doc/conf.py b/doc/conf.py
index cb5afd5b16..55fae07e61 100644
--- a/doc/conf.py
+++ b/doc/conf.py
@@ -192,7 +192,6 @@ def get_requirements():
 html_js_files = [
     (None, {'body': '{"shimMode": true}', 'type': 'esms-options'}),
     f'https://cdn.holoviz.org/panel/{js_version}/dist/bundled/reactiveesm/es-module-shims@^1.10.0/dist/es-module-shims.min.js',
-    'toggle.js'
 ]
 
 nbsite_pyodide_conf = {
diff --git a/doc/developer_guide/index.md b/doc/developer_guide/index.md
index 0ec10701f0..b200813979 100644
--- a/doc/developer_guide/index.md
+++ b/doc/developer_guide/index.md
@@ -84,6 +84,16 @@ The first time you run it, it will create a `pixi.lock` file with information fo
 
 All available tasks can be found by running `pixi task list`, the following sections will give a brief introduction to the most common tasks.
 
+:::{admonition} Note
+:class: info
+
+If a pixi command fails to lock or install an environment, you can try to limit the number of [concurrent solves](https://pixi.sh/latest/reference/cli/pixi/install/#arg---concurrent-solves) and/or [concurrent downloads](https://pixi.sh/latest/reference/cli/pixi/install/#arg---concurrent-downloads), An example of this is:
+
+```bash
+pixi install --concurrent-solves 4 --concurrent-downloads 4
+```
+:::
+
 ### Editable install
 
 It can be advantageous to install Panel in [editable mode](https://pip.pypa.io/en/stable/topics/local-project-installs/#editable-installs):
diff --git a/doc/explanation/api/examples/stocks_callbacks.md b/doc/explanation/api/examples/stocks_callbacks.md
index cf953268f9..0d2877fcdc 100644
--- a/doc/explanation/api/examples/stocks_callbacks.md
+++ b/doc/explanation/api/examples/stocks_callbacks.md
@@ -55,7 +55,7 @@ This example demonstrates how APIs in Panel differ, to see the same app implemen
 - [Declarative API](stocks_declarative)
 - [Reactive API](stocks_reactive)
 
-Other APIs in Panel are all reactive in some way, triggering actions whenever manipulating a widget causes a parameter to change, without users writing code to trigger callbacks explicitly. The callback based API on the other allows complete low-level control of precisely how the different components of the app are updated, but they can quickly become unmaintainable because the complexity increases dramatically as more callbacks are added. The approach works by defining callbacks using the ``.param.watch`` API that either updates or replaces	 the already rendered components when a watched parameter changes:
+Other APIs in Panel are all reactive in some way, triggering actions whenever manipulating a widget causes a parameter to change, without users writing code to trigger callbacks explicitly. On the other hand, the callback based API allows complete low-level control of precisely how the different components of the app are updated, but this can quickly become unmaintainable because the complexity increases dramatically as more callbacks are added. The approach works by defining callbacks using the ``.param.watch`` API that either updates or replaces	 the already rendered components when a watched parameter changes:
 
 ```{pyodide}
 backend = pn.widgets.Select(name='Backend', options=plot_fns)
diff --git a/doc/explanation/api/index.md b/doc/explanation/api/index.md
index b5df4f94cc..7620b021c4 100644
--- a/doc/explanation/api/index.md
+++ b/doc/explanation/api/index.md
@@ -1,4 +1,4 @@
-# APIs
+# Overview of Panel APIs
 
 Panel can be used to make a simple app in minutes, but you can also create complex apps with fully customized behavior and appearance. You can even flexibly integrate GUI support into long-term, large-scale software projects, while keeping your GUI code fully separate from the core code for your project.
 
diff --git a/doc/explanation/api/param.md b/doc/explanation/api/param.md
index c86c4f2ee9..6f2ab883a8 100644
--- a/doc/explanation/api/param.md
+++ b/doc/explanation/api/param.md
@@ -62,7 +62,7 @@ class TextFormatter(param.Parameterized):
 
     text = param.String(allow_refs=True)
 
-    def __str__(self):
+    def __repr__(self):
         return f'**{self.text}**'
 
 text_input = pn.widgets.TextInput(value='A string!')
diff --git a/doc/explanation/api/reactivity.md b/doc/explanation/api/reactivity.md
index a838a9545b..fd7baca50b 100644
--- a/doc/explanation/api/reactivity.md
+++ b/doc/explanation/api/reactivity.md
@@ -278,7 +278,7 @@ def update(_=None):
 
 button.on_click(update)
 
-pn.Column(a_slider, b_slider, button, str_pane)
+pn.Column(a, b, button, str_pane)
 ```
 
 Defining a click handler using the `on_click` method to trigger the computation feels natural, but we again struggle with the fact that we have to access the state from multiple widgets. The reactive approaches therefore do provide alternatives here, e.g. when using function level binding we can determine if the button has been clicked and raise `Skip` error if it hasn't, causing the update event to be skipped:
diff --git a/doc/explanation/comparisons/compare_dash.md b/doc/explanation/comparisons/compare_dash.md
index 7cc08e6440..9a9848409a 100644
--- a/doc/explanation/comparisons/compare_dash.md
+++ b/doc/explanation/comparisons/compare_dash.md
@@ -12,4 +12,4 @@ Panel and Dash can both be used to create dashboards in Python, but take very di
 
   * Dash's approach is more highly scalable in some cases, allowing many simultaneous client sessions without necessarily using up resources on the server for each new client.
 
-  * Panel's approach makes it easy to do server-side caching of intermediate computations for each user, which can make complex processing pipelines much more responsive. For instance, when used with a Datashader pipeline where the server renders an image from data that is never transmitted to the client, only the stages that have actually changed need to be re-run when a user interacts with the plot, making rendering changes like selecting a colormap almost instantaneous because the already aggregated data can be reused. With Dash, the server does not retain a copy of the intermediate data in such a pipeline, so when a new request comes in, it has to recompute each of the stages even when the data involved has not changed.  The [Datashader example dashboard](https://examples.pyviz.org/datashader_dashboard/dashboard.html) shows how to use this intermediate-value caching to provide the fastest possible updates for a given user action, only re-running the computation actually needed to satisfy the request, re-using cached values stored on the server when appropriate.
+  * Panel's approach makes it easy to do server-side caching of intermediate computations for each user, which can make complex processing pipelines much more responsive. For instance, when used with a Datashader pipeline where the server renders an image from data that is never transmitted to the client, only the stages that have actually changed need to be re-run when a user interacts with the plot, making rendering changes like selecting a colormap almost instantaneous because the already aggregated data can be reused. With Dash, the server does not retain a copy of the intermediate data in such a pipeline, so when a new request comes in, it has to recompute each of the stages even when the data involved has not changed.  The [Datashader example dashboard](https://examples.pyviz.org/datashader_dashboard/dashboard.html) shows how to use this intermediate-value caching to provide the fastest possible updates for a given user action, only re-running the computation actually needed to satisfy the request, reusing cached values stored on the server when appropriate.
diff --git a/doc/how_to/authentication/configuration.md b/doc/how_to/authentication/configuration.md
index 09779b92c2..bc3909aea4 100644
--- a/doc/how_to/authentication/configuration.md
+++ b/doc/how_to/authentication/configuration.md
@@ -6,7 +6,7 @@ The OAuth component will stop any user from accessing the application before fir
 
 The first step in configuring a OAuth is to specify a specific OAuth provider. Panel ships with a number of providers by default:
 
-* `azure`: Azure Active Directory
+* `azure`: Azure Entra ID. Previously known as Azure Active Directory.
 * `bitbucket`: Bitbucket
 * `github`: GitHub
 * `gitlab`: GitLab
@@ -37,7 +37,7 @@ pn.serve(app, oauth_provider=...)
 The login and logout endpoints are configurable:
 
 ```
-panel serve oauth_example.py --login-endpoint="/signin" --logout-endpoint="/signoff"
+panel serve oauth_example.py --login-endpoint /signin --logout-endpoint /signoff ...
 ```
 
 or in Python:
@@ -81,7 +81,7 @@ Some OAuth providers will require some additional configuration options which wi
 Examples:
 
 ```
-panel serve oauth_example.py --oauth-extra-params={'tenant_id': ...}
+panel serve oauth_example.py --oauth-extra-params="{'tenant_id': ...}"
 
 PANEL_OAUTH_EXTRA_PARAMS={'tenant_id': ...} panel serve oauth_example.py ...
 ```
@@ -114,6 +114,32 @@ or in Python:
 pn.serve(app, cookie_secret="my-super-secret-secret", ...)
 ```
 
+## `cookie_path`
+
+Path setting that controls the scope of cookies. Specifies the URL path
+prefix that must exist in the requested URL for the browser to send the
+Cookie header. The default value '/' allows cookies to be sent to all paths.
+A more restrictive path like '/app1/' would limit cookies to only be sent
+to URLs under that path.
+
+If you are serving multiple individual Panel apps at the same domain you may want the cookie to apply to only an individual app or a subset of apps like `/sub/path/app1` or `/sub/path/`.
+
+You can set the `cookie_path` by supplying the `--cookie-path` as a CLI argument or set the `PANEL_COOKIE_PATH` environment variable.
+
+Examples:
+
+```
+panel serve oauth_example.py --cookie-path=/sub/path
+
+PANEL_COOKIE_PATH=/sub/path panel serve oauth_example.py ...
+```
+
+or in Python:
+
+```python
+pn.serve(app, cookie_path="/sub/path", ...)
+```
+
 ## `oauth_expiry`
 
 The OAuth expiry configuration value determines for how long an OAuth token will be valid once it has been issued. By default it is valid for 1 day, but may be overwritten by providing the duration in the number of days (decimal values are allowed).
@@ -150,7 +176,7 @@ pn.serve(app, oauth_encryption_key=...)
 
 ## Redirect URI
 
-Once the OAuth provider has authenticated a user it has to redirect them back to the application, this is what is known as the redirect URI. For security reasons this has to match the URL registered with the OAuth provider exactly. By default Panel will redirect the user straight back to the original URL of your app, e.g. when you're hosting your app at `https://myapp.myprovider.com` Panel will use that as the redirect URI. However in certain scenarios you may override this to provide a specific redirect URI. This can be achieved with the `--oauth-redirect-uri` CLI argument or the `PANEL_OAUTH_REDIRECT_URI` environment variable.
+Once the OAuth provider has authenticated a user it has to redirect them back to the application, this is what is known as the redirect URI. For security reasons this has to match the URL registered with the OAuth provider exactly. By default Panel will redirect the user straight back to the original URL of your app, e.g. when you're hosting your app at `https://myapp.myprovider.com` Panel will use that as the redirect URI. However in certain scenarios you may override this to provide a specific redirect URI (simply the protocol and domain `https://myapp.otherprovider.com` without the suffix `/oauth2/...`). This can be achieved with the `--oauth-redirect-uri` CLI argument or the `PANEL_OAUTH_REDIRECT_URI` environment variable.
 
 Examples:
 
@@ -167,7 +193,7 @@ OAuth allows the application to request specific scopes to perform certain actio
 Examples:
 
 ```
-panel serve oauth_example.py --oauth-extra-params {'scope': 'openid'}
+panel serve oauth_example.py --oauth-extra-params="{'scope': 'openid'}"
 
 PANEL_OAUTH_SCOPE=openid panel serve oauth_example.py
 ```
@@ -183,9 +209,9 @@ pn.serve(app, ..., oauth_extra_params={'scope': 'openid'})
 A fully configured OAuth configuration may look like this:
 
 ```
-panel serve oauth_example.py --oauth-provider=github --oauth-key=... --oauth-secret=... --cookie-secret=... --oauth-encryption-key=...
+panel serve oauth_example.py --oauth-provider=github --oauth-key=... --oauth-secret=... --cookie-secret=... --oauth-encryption-key=... --oauth-redirect-uri=...
 
-PANEL_OAUTH_PROVIDER=... PANEL_OAUTH_KEY=... PANEL_OAUTH_SECRET=... PANEL_COOKIE_SECRET=... PANEL_OAUTH_ENCRYPTION=... panel serve oauth_example.py ...`
+PANEL_OAUTH_PROVIDER=... PANEL_OAUTH_KEY=... PANEL_OAUTH_SECRET=... PANEL_COOKIE_SECRET=... PANEL_OAUTH_ENCRYPTION=... PANEL_OAUTH_REDIRECT_URI=... panel serve oauth_example.py ...`
 ```
 
 or in Python:
diff --git a/doc/how_to/authentication/index.md b/doc/how_to/authentication/index.md
index db7d73f864..af40293612 100644
--- a/doc/how_to/authentication/index.md
+++ b/doc/how_to/authentication/index.md
@@ -1,6 +1,6 @@
 # Configuring Authentication
 
-Authentication is a difficult topic fraught with potential pitfalls and complicated configuration options. Panel aims to be a "batteries-included" package for building applications and dashboards and therefore ships with a number of inbuilt providers for authentication in an application.
+Authentication is a difficult topic fraught with potential pitfalls and complicated configuration options. Panel aims to be a "batteries-included" package for building applications and dashboards and therefore ships with a number of built-in providers for authentication in an application.
 
 The primary mechanism by which Panel performs authentication is [OAuth 2.0](https://oauth.net/2/). The official specification for OAuth 2.0 describes the protocol as follows:
 
@@ -10,7 +10,7 @@ The primary mechanism by which Panel performs authentication is [OAuth 2.0](http
     between the resource owner and the HTTP service, or by allowing the
     third-party application to obtain access on its own behalf.
 
-In other words OAuth outsources authentication to a third party provider, e.g. GitHub, Google or Azure AD, to authenticate the user credentials and give limited access to the APIs of that service.
+In other words, OAuth delegates authentication to a third-party provider, such as GitHub, Google, or Azure Entra ID, to authenticate user credentials and grant limited access to the APIs of that service.
 
 ::::{grid} 1 2 2 3
 :gutter: 1 1 1 2
@@ -19,25 +19,25 @@ In other words OAuth outsources authentication to a third party provider, e.g. G
 :link: basic
 :link-type: doc
 
-Discover how to add basic password based authentication to your application.
+Discover how to add basic password-based authentication to your application.
 :::
 
-:::{grid-item-card} {octicon}`unlock;2.5em;sd-mr-1 sd-animate-grow50` Configuring PAM Authentication
-:link: pam
+:::{grid-item-card} {octicon}`gear;2.5em;sd-mr-1 sd-animate-grow50` Configuring OAuth
+:link: configuration
 :link-type: doc
 
-Discover how to configure Panel apps to configure against your system credentials (using PAM).
+Discover how to configure OAuth from the command line.
 :::
 
-:::{grid-item-card} {octicon}`gear;2.5em;sd-mr-1 sd-animate-grow50` Configuring OAuth
-:link: configuration
+:::{grid-item-card} {octicon}`unlock;2.5em;sd-mr-1 sd-animate-grow50` Configuring PAM Authentication
+:link: pam
 :link-type: doc
 
-Discover how to configure OAuth from the commandline.
+Discover how to configure Panel apps to authenticate against your system credentials (using PAM).
 :::
 
 :::{grid-item-card} {octicon}`shield;2.5em;sd-mr-1 sd-animate-grow50` OAuth Providers
-:link: providers
+:link: providers/index
 :link-type: doc
 
 A list of OAuth providers and how to configure them.
@@ -54,7 +54,7 @@ Discover how to configure error and logout templates to match the design of your
 :link: user_info
 :link-type: doc
 
-Discover how to make use of the user information and access tokens returned by the OAuth provider.
+Discover how to access and use the user information provided by your OAuth provider.
 :::
 
 
@@ -65,7 +65,7 @@ Discover how to make use of the user information and access tokens returned by t
 Discover how to use OAuth access tokens and ensure they are automatically refreshed when they expire.
 :::
 
-:::{grid-item-card} {octicon}`verified;2.5em;sd-mr-1 sd-animate-grow50` Authorization callbacks
+:::{grid-item-card} {octicon}`verified;2.5em;sd-mr-1 sd-animate-grow50` Authorization Callbacks
 :link: authorization
 :link-type: doc
 
@@ -76,12 +76,19 @@ Discover how to configure a callback to implement custom authorization logic.
 :link: guest_users
 :link-type: doc
 
-Discover how to configure Auth to allow guest users to access specific endpoints or the entire application.
+Discover how to allow guest users to access specific endpoints or the entire application.
+:::
+
+:::{grid-item-card} {octicon}`bug-fill;2.5em;sd-mr-1 sd-animate-grow50` Troubleshooting
+:link: trouble_shooting
+:link-type: doc
+
+Discover solutions for common OAuth configuration and connection issues.
 :::
 
 ::::
 
-Note that since Panel is built on Bokeh server and Tornado it is also possible to implement your own authentication independent of the OAuth components shipped with Panel, [see the Bokeh documentation](https://docs.bokeh.org/en/latest/docs/user_guide/server.html#authentication) for further information.
+Note that since Panel is built on Bokeh server and Tornado, it is also possible to implement your own authentication independent of the OAuth components shipped with Panel. [See the Bokeh documentation](https://docs.bokeh.org/en/latest/docs/user_guide/server.html#authentication) for further information.
 
 ```{toctree}
 :titlesonly:
@@ -89,12 +96,13 @@ Note that since Panel is built on Bokeh server and Tornado it is also possible t
 :maxdepth: 2
 
 basic
-pam
 configuration
-providers
+pam
+providers/index
 templates
 user_info
 access_tokens
 authorization
 guest_users
+trouble_shooting
 ```
diff --git a/doc/how_to/authentication/pam.md b/doc/how_to/authentication/pam.md
index d9d2e0d693..f6c453e50a 100644
--- a/doc/how_to/authentication/pam.md
+++ b/doc/how_to/authentication/pam.md
@@ -2,7 +2,8 @@
 
 For scenarios where you want to leverage your system's existing user credentials, configuring PAM (Pluggable Authentication Modules) authentication is an effective solution. PAM authentication allows your application to authenticate users using the operating system's user database, eliminating the need to manage separate credentials.
 
-```{admonition} Prerequisites
+## Prerequisites
+
 PAM authentication requires the [`pamela` library](https://github.com/minrk/pamela). Install it with:
 
 :::::{tab-set}
@@ -25,8 +26,6 @@ conda install -c conda-forge pamela
 
 :::::
 
-```
-
 ## Setting up PAM authentication
 
 PAM authentication can be set up by specifying the --oauth-provider pam command-line argument (despite PAM not being an OAuth provider). User credentials are inherited directly from the system, simplifying the authentication process. Here’s how to configure it:
diff --git a/doc/how_to/authentication/providers.md b/doc/how_to/authentication/providers.md
deleted file mode 100644
index 7710f318ab..0000000000
--- a/doc/how_to/authentication/providers.md
+++ /dev/null
@@ -1,59 +0,0 @@
-# OAuth Providers
-
-Panel supports a number of OAuth providers out-of-the-box. Follow the guide for setting up an OAuth application specific to your provider and then refer to the [Configuring OAuth guide](configuration) to add OAuth to your application.
-
-## **Azure Active Directory**
-
-To set up OAuth2.0 authentication for Azure Active directory follow [these instructions](https://docs.microsoft.com/en-us/azure/api-management/api-management-howto-protect-backend-with-aad). In addition to the `oauth_key` and `oauth_secret` ensure that you also supply the tenant ID using `oauth_extra_params`, e.g.:
-
-```
-panel serve oauth_test.py --oauth-extra-params="{'tenant': '...'}"
-
-PANEL_OAUTH_EXTRA_PARAMS="{'tenant': '...'}" panel serve oauth_example.py ...
-```
-
-## **Bitbucket**
-
-Bitbucket provides instructions about setting [setting up an OAuth consumer](https://support.atlassian.com/bitbucket-cloud/docs/use-oauth-on-bitbucket-cloud/). Follow these and then supply the `oauth_key` and `oauth_secret` to Panel as described above.
-
-## **GitHub**
-
-GitHub provides detailed instructions on [creating an OAuth app](https://developer.github.com/apps/building-oauth-apps/creating-an-oauth-app/). Follow these and then supply the `oauth_key` and `oauth_secret` to Panel as described above.
-
-## **GitLab**
-
-GitLab provides a detailed guide on [configuring an OAuth](https://docs.gitlab.com/ee/api/oauth2.html) application. In addition to the `oauth_key` and `oauth_secret` you will also have to supply a custom url using the `oauth_extra_params` if you have a custom GitLab instance (the default `oauth_extra_params={'url': 'gitlab.com'}`).
-
-## **Google**
-
-Google provides a guide about [configuring a OAuth application](https://developers.google.com/identity/protocols/oauth2/native-app). By default nothing except the `oauth_key` and `oauth_secret` are required but to access Google services you may also want to override the default `scope` via the `oauth_extra_params`.
-
-## **Okta**
-
-Okta provides a guide about [configuring OAuth2](https://developer.okta.com/docs/concepts/oauth-openid/). You must provide an `oauth_key` and `oauth_secret` but in most other ordinary setups you will also have to provide a `url` via the `oauth_extra_params` and if you have set up a custom authentication server (i.e. not 'default') with Okta you must also provide 'server', the `oauth_extra_params` should then look something like this: `{'server': 'custom', 'url': 'dev-***.okta.com'}`
-
-## **Auth0**
-
-Auth0 provides detailed documentation about [configuring a OAuth application](https://auth0.com/docs/get-started/applications/application-settings). In addition to the `oauth_key` and `oauth_secret` you must also provide a `subdomain` via the `oauth_extra_params`, i.e. you must provide something like: `{'subdomain': 'dev-....us'}` and we also recommend you obtain the `audience` for your Auth0 API and provide that along with the subdomain.
-
-## **Generic**/**Password**/**Code**
-
-The `'generic'`, `'password'` and `'code'` OAuth providers allows you to provide custom authentication endpoints using the `--oauth-extra-param` or using environment variables. Specifically you must provide:
-
-- `AUTHORIZE_URL`: The authorization endpoint of the authentication server, may also be provided using the `PANEL_OAUTH_AUTHORIZE_URL` environment variable.
-- `TOKEN_URL`: The token endpoint of the authentication server, may also be provided using the `PANEL_OAUTH_TOKEN_URL` environment variable.
-- `USER_URL`: The user information endpoint of the authentication server, may also be provided using the `PANEL_OAUTH_USER_URL` environment variable.
-
-The difference between these three providers is the authentication flow they perform. The `generic` provider uses the standard authentication flow, which requests authorization using the client secret, while the `password` based workflow lets the user log in via a form served on the server (only recommended for testing and development), and the `code` uses a code challenge based auth flow.
-
-## Plugins
-
-The Panel OAuth providers are pluggable, in other words downstream libraries may define their own Tornado `RequestHandler` to be used with Panel. To register such a component the `setup.py` of the downstream package should register an entry_point that Panel can discover. To read more about entry points see the [Python documentation](https://packaging.python.org/specifications/entry-points/). A custom OAuth request handler in your library may be registered as follows:
-
-```python
-entry_points={
-    'panel.auth': [
-        "custom = my_library.auth:MyCustomOAuthRequestHandler"
-    ]
-}
-```
diff --git a/doc/how_to/authentication/providers/azure.md b/doc/how_to/authentication/providers/azure.md
new file mode 100644
index 0000000000..8e90e5056d
--- /dev/null
+++ b/doc/how_to/authentication/providers/azure.md
@@ -0,0 +1,42 @@
+## **Azure Entra ID**
+
+Previously known as Azure Active Directory.
+
+To set up OAuth2.0 authentication for Azure Entra ID follow [these instructions](https://docs.microsoft.com/en-us/azure/api-management/api-management-howto-protect-backend-with-aad). Ensure that you supply the tenant ID using `oauth_extra_params`, a configuration may look like:
+
+```bash
+panel serve app.py \
+--oauth-provider=azure \
+--oauth-key='CLIENT_ID' \
+--oauth-secret='CLIENT_SECRET' \
+--cookie-secret='COOKIE_SECRET' \
+--oauth-encryption-key='ENCRYPTION_KEY' \
+--oauth-redirect-uri=REDIRECT_URI \
+--oauth-extra-params "{'tenant': 'TENANT_ID'}" \
+...
+```
+
+or with environment variables
+
+```bash
+PANEL_OAUTH_PROVIDER=azure \
+PANEL_OAUTH_KEY=CLIENT_ID \
+PANEL_OAUTH_SECRET=CLIENT_SECRET \
+PANEL_COOKIE_SECRET=COOKIE_SECRET \
+PANEL_OAUTH_ENCRYPTION=ENCRYPTION_KEY \
+PANEL_OAUTH_REDIRECT_URI=REDIRECT_URI \
+PANEL_OAUTH_EXTRA_PARAMS="{'tenant': 'TENANT_ID'}" \
+panel serve app.py ...
+```
+
+The `CLIENT_ID` corresponds to the `Application (client) ID` and the `TENANT_ID` to the `Directory (tenant) ID` below:
+
+![CLIENT_ID and TENANT_ID](../../../_static/images/azure_oauth_app_registration.png)
+
+The `CLIENT_SECRET` corresponds to the `Value` below:
+
+![CLIENT_SECRET](../../../_static/images/azure_oauth_client_secret.png)
+
+The `REDIRECT_URI` should be included in the list of Web Redirect URIs:
+
+![REDIRECT_URI](../../../_static/images/azure_oauth_uris.png)
diff --git a/doc/how_to/authentication/providers/index.md b/doc/how_to/authentication/providers/index.md
new file mode 100644
index 0000000000..20522fd12d
--- /dev/null
+++ b/doc/how_to/authentication/providers/index.md
@@ -0,0 +1,63 @@
+# OAuth Providers
+
+Panel supports a number of OAuth providers out-of-the-box. Follow the guide for setting up an OAuth application specific to your provider and then refer to the [Configuring OAuth guide](configuration) to add OAuth to your application.
+
+If you experience issues check out the [OAuth Troubleshooting](trouble_shooting.md) guide for further guidance.
+
+## **Azure Entra ID**
+
+Previously known as Azure Active Directory. See [Azure Entra ID](azure.md).
+
+## **Bitbucket**
+
+Bitbucket provides instructions about [setting up an OAuth consumer](https://support.atlassian.com/bitbucket-cloud/docs/use-oauth-on-bitbucket-cloud/). Follow these and then supply the `oauth_key` and `oauth_secret` to Panel as described above.
+
+## **GitHub**
+
+GitHub provides detailed instructions on [creating an OAuth app](https://developer.github.com/apps/building-oauth-apps/creating-an-oauth-app/). Follow these and then supply the `oauth_key` and `oauth_secret` to Panel as described above.
+
+## **GitLab**
+
+GitLab provides a detailed guide on [configuring an OAuth](https://docs.gitlab.com/ee/api/oauth2.html) application. In addition to the `oauth_key` and `oauth_secret`, you will also have to supply a custom URL using the `oauth_extra_params` if you have a custom GitLab instance (the default is `oauth_extra_params="{'url': 'gitlab.com'}"`).
+
+## **Google**
+
+Google provides a guide about [configuring an OAuth application](https://developers.google.com/identity/protocols/oauth2/native-app). By default, nothing except the `oauth_key` and `oauth_secret` are required, but to access Google services, you may also want to override the default `scope` via the `oauth_extra_params`.
+
+## **Okta**
+
+Okta provides a guide about [configuring OAuth2](https://developer.okta.com/docs/concepts/oauth-openid/). You must provide an `oauth_key` and `oauth_secret`, but in most standard setups, you will also have to provide a `url` via the `oauth_extra_params`. If you have set up a custom authentication server (i.e., not 'default') with Okta, you must also provide 'server'. The `oauth_extra_params` should then look something like this: `{'server': 'custom', 'url': 'dev-***.okta.com'}`
+
+## **Auth0**
+
+Auth0 provides detailed documentation about [configuring an OAuth application](https://auth0.com/docs/get-started/applications/application-settings). In addition to the `oauth_key` and `oauth_secret`, you must also provide a `subdomain` via the `oauth_extra_params`, i.e., you must provide something like: `{'subdomain': 'dev-....us'}`. We also recommend you obtain the `audience` for your Auth0 API and provide that along with the subdomain.
+
+## **Generic**/**Password**/**Code**
+
+The `'generic'`, `'password'` and `'code'` OAuth providers allow you to provide custom authentication endpoints using the `--oauth-extra-params` or using environment variables. Specifically, you must provide:
+
+- `AUTHORIZE_URL`: The authorization endpoint of the authentication server, may also be provided using the `PANEL_OAUTH_AUTHORIZE_URL` environment variable.
+- `TOKEN_URL`: The token endpoint of the authentication server, may also be provided using the `PANEL_OAUTH_TOKEN_URL` environment variable.
+- `USER_URL`: The user information endpoint of the authentication server, may also be provided using the `PANEL_OAUTH_USER_URL` environment variable.
+
+The difference between these three providers is the authentication flow they perform. The `generic` provider uses the standard authentication flow, which requests authorization using the client secret, while the `password` based workflow lets the user log in via a form served on the server (only recommended for testing and development), and the `code` uses a code challenge based auth flow.
+
+## Plugins
+
+The Panel OAuth providers are pluggable, in other words, downstream libraries may define their own Tornado `RequestHandler` to be used with Panel. To register such a component, the `setup.py` of the downstream package should register an entry_point that Panel can discover. To read more about entry points, see the [Python documentation](https://packaging.python.org/specifications/entry-points/). A custom OAuth request handler in your library may be registered as follows:
+
+```python
+entry_points={
+    'panel.auth': [
+        "custom = my_library.auth:MyCustomOAuthRequestHandler"
+    ]
+}
+```
+
+```{toctree}
+:titlesonly:
+:hidden:
+:maxdepth: 2
+
+azure
+```
diff --git a/doc/how_to/authentication/trouble_shooting.md b/doc/how_to/authentication/trouble_shooting.md
new file mode 100644
index 0000000000..3778b2d6be
--- /dev/null
+++ b/doc/how_to/authentication/trouble_shooting.md
@@ -0,0 +1,94 @@
+# Troubleshooting OAuth
+
+## Debugging
+
+In order to learn about, configure and debug OAuth configuration, it can be useful to follow the example below.
+
+Create the `script.py` file:
+
+```python
+print("Start of script ...")
+
+import panel as pn
+
+pn.extension()
+
+user = pn.state.user or "Guest User"
+access_token = pn.state.access_token or "No access token"
+refresh_token = pn.state.refresh_token or "No refresh token"
+user_info = pn.state.user_info or "No user info"
+pn.Column(
+    "Hello World\n\n[logout](./logout)",
+    user,
+    access_token,
+    refresh_token,
+    user_info,
+).servable()
+print("End of script ...")
+```
+
+Depending on your OAuth provider and setup, you may run a command similar to the one below to get extensive debugging information:
+
+```bash
+BOKEH_LOG_LEVEL=trace \
+BOKEH_PY_LOG_LEVEL=debug \
+PANEL_LOG_LEVEL=debug \
+panel serve script.py \
+--oauth-provider=azure \
+--oauth-key='CLIENT_ID' \
+--oauth-secret='CLIENT_SECRET' \
+--cookie-secret='COOKIE_SECRET' \
+--oauth-encryption-key='ENCRYPTION_KEY' \
+--oauth-redirect-uri=REDIRECT_URI \
+--oauth-extra-params "{'tenant': 'TENANT_ID'}" \
+--address 0.0.0.0 \
+--port 5006 \
+--allow-websocket-origin=localhost:5006 \
+--prefix=apps/debug-panel-oauth
+```
+
+Try opening your app in a new private/incognito browser window. Your debugging app should look something like this:
+
+![OAuth Debugging App](../../_static/images/oauth_debugging.png)
+
+## Known Issues
+
+As always, try to search our [GitHub Issue tracker](https://github.com/holoviz/panel/issues) or [Discord community](https://discord.gg/rb6gPXbdAr) to see if someone else has experienced the same issue. If you need further assistance, reach out to the [community](../../community.md).
+
+### Could not open websocket
+
+If the websocket cannot connect, you will see an error like this in the browser console:
+
+```bash
+WebSocket connection to 'wss://example.org/apps/panel-oauth-app/script/ws' failed
+[bokeh 3.7.2] Failed to connect to Bokeh server: Could not open websocket
+[bokeh 3.7.2] Failed to load Bokeh session XXXXXXXXXXXXXXXXXXXXXXXXXXXX: Error: Could not open websocket
+Error rendering Bokeh items: Error: Could not open websocket
+[bokeh 3.7.2] Lost websocket 0 connection, 1006 ()
+[bokeh 3.7.2] Websocket connection 0 disconnected, will not attempt to reconnect
+```
+
+#### Cause: Token Too Big
+
+You may experience this issue when the *token* used by the client to create the WebSocket connection to the Panel server has grown larger than allowed by your proxy settings.
+This is particularly common when using the `--oauth-encryption-key` parameter, which significantly increases the token size.
+
+To troubleshoot, try removing the `--oauth-encryption-key` parameter or `PANEL_OAUTH_ENCRYPTION` environment variable to see if encryption is the cause of the issue.
+
+Potential solutions include:
+
+1. **Update your proxy settings** to allow larger header sizes (recommended for production environments).
+
+2. **Run without an encryption key** (less secure, but works with default proxy configurations)
+
+For more details on this issue, see [Issue #7909](https://github.com/holoviz/panel/issues/7909).
+
+#### Cause: Multiple Accounts
+
+You may experience this issue when using multiple accounts (for example corporate and personal) in the same browser. Try opening your Panel application in a private/incognito browser window to test if this might be the cause.
+
+If this confirms that browser history or configuration is causing the issue, try one or more of these steps:
+
+1. Clear your browser cache and cookies (select `Delete ALL browsing data` in your browser settings)
+2. Log out from all accounts before accessing your Panel application.
+3. Use a dedicated browser profile for your Panel application
diff --git a/doc/how_to/caching/memoization.md b/doc/how_to/caching/memoization.md
index d076de3e30..7e48cb0c66 100644
--- a/doc/how_to/caching/memoization.md
+++ b/doc/how_to/caching/memoization.md
@@ -1,14 +1,16 @@
 # Automatically Cache
 
-This guide addresses how to use the `panel.cache` decorator to memoize (i.e. cache the output of) functions automatically.
+This guide addresses how to use the `panel.cache` decorator to memoize (i.e., cache the output of) functions automatically.
 
 ---
 
-The `pn.cache` decorator provides an easy way to cache the outputs of a function depending on its inputs (i.e. `memoization`). If you've ever used the Python `@lru_cache` decorator you will be familiar with this concept. However the `pn.cache` functions support additional cache `policy`s apart from LRU (least-recently used), including `LFU` (least-frequently-used) and 'FIFO' (first-in-first-out). This means that if the specified number of `max_items` is reached Panel will automatically evict items from the cache based on this `policy`. Additionally items can be deleted from the cache based on a `ttl` (time-to-live) value given in seconds.
+The `pn.cache` decorator provides an easy way to cache the outputs of a function depending on its inputs and/ or Parameter dependencies (i.e., `memoization`).
 
-## Caching in memory
+If you've ever used the Python `@lru_cache` decorator, you will be familiar with this concept. However, the `pn.cache` functions support additional cache `policy`s apart from LRU (least-recently used), including `LFU` (least-frequently-used) and 'FIFO' (first-in-first-out). This means that if the specified number of `max_items` is reached, Panel will automatically evict items from the cache based on this `policy`. Additionally, items can be deleted from the cache based on a `ttl` (time-to-live) value given in seconds.
 
-The `pn.cache` decorator can easily be combined with the different Panel APIs including `pn.bind` and `pn.depends` providing a powerful way to speed up your applications.
+## Caching Functions
+
+The `pn.cache` decorator can easily be combined with the different Panel APIs, including `pn.bind` and `pn.depends`, providing a powerful way to speed up your applications.
 
 ```python
 @pn.cache(max_items=10, policy='LRU')
@@ -16,9 +18,9 @@ def load_data(path):
     return ... # Load some data
 ```
 
-Once you have decorated your function with `pn.cache` any call to `load_data` will be cached in memory until `max_items` value is reached (i.e. you have loaded 10 different `path` values). At that point the `policy` will determine which item is evicted.
+Once you have decorated your function with `pn.cache`, any call to `load_data` will be cached in memory until the `max_items` value is reached (i.e., you have loaded 10 different `path` values). At that point, the `policy` will determine which item is evicted.
 
-The `pn.cache` decorator can easily be combined with `pn.bind` to speed up rendering of your reactive components:
+The `pn.cache` decorator can easily be combined with `pn.bind` to speed up the rendering of your reactive components:
 
 ```{pyodide}
 import pandas as pd
@@ -26,12 +28,14 @@ import panel as pn
 
 pn.extension('tabulator')
 
-select = pn.widgets.Select(options={
+DATASETS = {
     'Penguins': 'https://raw.githubusercontent.com/mwaskom/seaborn-data/master/penguins.csv',
-    'Diamonds': 'https://raw.githucbusercontent.com/mwaskom/seaborn-data/master/diamonds.csv',
+    'Diamonds': 'https://raw.githubusercontent.com/mwaskom/seaborn-data/master/diamonds.csv',
     'Titanic': 'https://raw.githubusercontent.com/mwaskom/seaborn-data/master/titanic.csv',
-    'MPG': 'https://raw.githubusercontent.com/mwaskom/seaborn-data/mastser/mpg.csv'
-})
+    'MPG': 'https://raw.githubusercontent.com/mwaskom/seaborn-data/master/mpg.csv'
+}
+
+select = pn.widgets.Select(options=DATASETS)
 
 @pn.cache
 def fetch_data(url):
@@ -40,16 +44,50 @@ def fetch_data(url):
 pn.Column(select, pn.bind(pn.widgets.Tabulator, pn.bind(fetch_data, select), page_size=10))
 ```
 
-## Disk caching
+## Caching Functions with Dependencies
+
+The `pn.cache` decorator can easily be combined with `pn.depends` to speed up the rendering of your reactive components:
+
+```{pyodide}
+select = pn.widgets.Select(options=DATASETS)
+
+@pn.cache
+@pn.depends(select)
+def fetch_data(url):
+    return pd.read_csv(url)
+
+pn.Column(select, pn.widgets.Tabulator(fetch_data, page_size=10))
+```
+
+## Caching Methods with Dependencies
+
+```{pyodide}
+import param
+
+class DataExplorer(pn.viewable.Viewer):
+    dataset = param.Selector(objects=DATASETS)
+
+    @pn.cache
+    @param.depends("dataset")
+    def fetch_data(self):
+        return pd.read_csv(self.dataset)
+
+    def __panel__(self):
+        return pn.Column(self.param.dataset, pn.widgets.Tabulator(self.fetch_data, page_size=10))
+
+DataExplorer().servable()
+```
+
+## Disk Caching
 
-If you have `diskcache` installed you can also cache the results to disk by setting `to_disk=True`. The `diskcache` library will then cache the value to the supplied `cache_path` (defaulting to `./cache`). Making use of disk caching allows you to cache items even if the server is restarted.
+If you have `diskcache` installed, you can also cache the results to disk by setting `to_disk=True`. The `diskcache` library will then cache the value to the supplied `cache_path` (defaulting to `./cache`). Making use of disk caching allows you to cache items even if the server is restarted. You can configure the `cache_path` inline or globally by setting `pn.extension(cache_path=...)` or `pn.config.cache_path = ...`.
 
-## Clearing the cache
+## Clearing the Cache
 
-Once a function has been decorated with `pn.cache` you can easily clear the cache by calling `.clear()` on that function, e.g. in the example above you could call `load_data.clear()`. If you want to clear all caches you may also call `pn.state.clear_caches()`.
+Once a function has been decorated with `pn.cache`, you can easily clear the cache by calling `.clear()` on that function, e.g., in the example above, you could call `load_data.clear()`. If you want to clear all caches, you may also call `pn.state.clear_caches()`.
 
-## Per-session caching
+## Per-session Caching
 
-By default any functions decorated or wrapped with `pn.cache` will use a global cache that will be reused across multiple sessions, i.e. multiple users visiting your app will all share the same cache. If instead you want a session-local cache, that only reuses cached outputs for the duration of each visit to your application, you can set `pn.cache(..., per_session=True)`.
+By default, any functions decorated or wrapped with `pn.cache` will use a global cache that will be reused across multiple sessions, i.e., multiple users visiting your app will all share the same cache. If instead, you want a session-local cache that only reuses cached outputs for the duration of each visit to your application, you can set `pn.cache(..., per_session=True)`.
 
 ## Related Resources
diff --git a/doc/how_to/concurrency/load_balancing.md b/doc/how_to/concurrency/load_balancing.md
index 9cb84b26b9..6b0a213990 100644
--- a/doc/how_to/concurrency/load_balancing.md
+++ b/doc/how_to/concurrency/load_balancing.md
@@ -1,12 +1,158 @@
 # Load balancing
 
-Setting up load balancing is a huge topic dependent on the precise system you are using so we won't go into any specific implementation here. In most cases you set up a reverse proxy (like NGINX) to distribute the load across multiple application servers. If you are using a system like Kubernetes it will also handle spinning up the servers for you and can even do so dynamically depending on the amount of concurrent users to ensure that you are not wasting resources when there are fewer users.
+Setting up load balancing is a huge topic, dependent on the precise system you
+are using, so the example below will be very generic. In most cases
+you set up a reverse proxy (like NGINX) to distribute the load across multiple
+application servers. If you are using a system like Kubernetes, it will also
+handle spinning up and shutting down the servers for you, and can even do so dynamically, depending
+on the amount of concurrent users to ensure that you are not wasting resources
+when there are fewer users, and / or when there is less computing demand.
 
 <figure>
-<img src="https://www.nginx.com/wp-content/uploads/2014/07/what-is-load-balancing-diagram-NGINX-1024x518.png" width="768"></img>
+<img src="https://assets.holoviz.org/panel/how_to/concurrency/what-is-load-balancing-diagram-NGINX.png" width="768"></img>
 <figcaption>Diagram showing concept of load balancing (NGINX)</figcaption>
 </figure>
 
-Load balancing is the most complex approach to set up but is guaranteed to improve concurrent usage of your application since different users are not contending for access to the same process or even necessarily the same physical compute and memory resources. At the same time it is more wasteful of resources since it potentially occupies multiple machines and since each process is isolated there is no sharing of cached data or global state.
+Load balancing is the most complex approach to set up but is guaranteed to
+improve concurrent usage of your application since different users are not
+contending for access to the same process or even necessarily the same physical
+compute and memory resources. At the same time it is more wasteful of resources
+since it potentially occupies multiple machines and since each process is
+isolated there is no sharing of cached data or global state.
 
-To get started configuring a load balancer take a look at the [Bokeh documentation](https://docs.bokeh.org/en/latest/docs/user_guide/server/deploy.html#load-balancing) which provides example configurations for Apache and NGINX.
+To get started configuring a load balancer take a look at the [Bokeh
+documentation](https://docs.bokeh.org/en/latest/docs/user_guide/server/deploy.html#load-balancing).
+
+## Use NGINX and Containers with Panel along with other Bokeh extensions
+
+Panel is built on top of Bokeh and uses the Bokeh server to serve applications. To serve Panel-specific resources, Panel is defined as a Bokeh extension.
+While Panel's resources are available via a CDN, other Bokeh extensions may require being served directly by the Bokeh server.
+To enable this, set the `BOKEH_RESOURCES` environment variable to `server`.
+
+An example is given below with [ipywidget_bokeh](https://github.com/bokeh/ipywidgets_bokeh) as a Bokeh extension - but this will also work for other Bokeh extensions.
+
+### Files
+
+::::{tab-set}
+
+:::{tab-item} app.py
+
+```python
+import ipywidgets
+import panel as pn
+
+pn.Row(ipywidgets.HTML("This is an IPywidget served with Panel")).servable()
+```
+
+:::
+
+:::{tab-item} Containerfile
+
+```Dockerfile
+FROM ubuntu:latest
+
+# Linux Packages
+RUN apt-get update && \
+    apt-get install -y build-essential wget nginx && \
+    apt-get clean && \
+    rm -rf /var/lib/apt/lists/*
+
+# Python Packages
+ENV CONDA_DIR /opt/conda
+RUN wget --quiet https://github.com/conda-forge/miniforge/releases/latest/download/Miniforge3-Linux-x86_64.sh -O ~/conda.sh && \
+    /bin/bash ~/conda.sh -b -p $CONDA_DIR && rm ~/conda.sh
+ENV PATH=$CONDA_DIR/bin:$PATH
+RUN conda install python ipywidgets ipywidgets_bokeh panel -y
+
+# Bokeh
+ENV BOKEH_RESOURCES server
+ENV BOKEH_ALLOW_WS_ORIGIN localhost
+
+# Nginx
+RUN rm /etc/nginx/sites-available/default
+COPY nginx.conf /etc/nginx/sites-available/default
+
+# App
+COPY app.py .
+COPY panel-serve.sh .
+RUN chmod +x panel-serve.sh
+WORKDIR /
+CMD ["/bin/bash", "panel-serve.sh"]
+```
+
+:::
+
+:::{tab-item} panel-serve.sh
+
+```bash
+#!/bin/bash
+
+nginx
+
+# Serve the panel apps
+panel serve app.py --port 5100 &
+panel serve app.py --port 5101 &
+panel serve app.py --port 5102 &
+
+# Never stop
+wait -n
+```
+
+:::
+
+:::{tab-item} nginx.conf
+
+```nginx
+upstream app {
+    # Should match what is defined in panel-serve.sh
+    least_conn;
+    server 127.0.0.1:5100;
+    server 127.0.0.1:5101;
+    server 127.0.0.1:5102;
+}
+
+server {
+    listen 80 default_server;
+    server_name _;
+
+    access_log /tmp/bokeh.access.log;
+    error_log /tmp/bokeh.error.log debug;
+
+    location = /proxy {
+        return 301 http://$http_host/proxy/;
+    }
+
+    location /proxy/ {
+        rewrite ^/proxy/(.*)$ /$1 break;
+        proxy_pass http://app/;
+
+        proxy_set_header Host $host:$server_port;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+
+    location ~ ^/proxy/(.*)/ws$ {
+        rewrite ^/proxy/(.*)/ws$ /$1/ws break;
+        proxy_pass http://app;
+
+        proxy_http_version 1.1;
+        proxy_set_header Connection "Upgrade";
+        proxy_set_header Host $host:$server_port;
+        proxy_set_header Upgrade $http_upgrade;
+    }
+}
+```
+
+:::
+
+::::
+
+### Launching the app
+
+You can use any container framework to run the app. The commands below are for Podman, but you can use Docker as well.
+First, build the container with `podman build -t my-container .` and the run it `podman run -dt -p 8000:80 localhost/my-container`
+
+:::{seealso}
+[admin](../profiling/admin): An app for monitoring resource usage and user behavior.
+
+[profile](../profiling/profile): To profile an application in terms of execution time and memory usage.
+:::
diff --git a/doc/how_to/custom_components/esm/build.md b/doc/how_to/custom_components/esm/build.md
index d951ee6b49..c57410efd8 100644
--- a/doc/how_to/custom_components/esm/build.md
+++ b/doc/how_to/custom_components/esm/build.md
@@ -256,6 +256,35 @@ panel compile my_package.my_module my_package.subpackage.other_module
 
 you will end up with a single `custom.bundle.js` file placed in the `my_package/dist` directory.
 
+### Shared Modules
+
+When developing multiple components you may also have some shared code for utilities that will be reused. Such shared modules can be included by defining a dictionary of modules under `_esm_shared` variable:
+
+```python
+class Base(JSComponent):
+    _bundle = './dist/custom.bundle.js'
+
+    _esm_shared = {
+        'utils': pathlib.Path(__file__).parent / 'utilities.js'
+    }
+```
+
+Inside `utilities.js` you might export a few functions:
+
+```javascript
+export function log(msg) {
+  console.log(msg)
+}
+```
+
+You can import from the shared bundle by name:
+
+```javascript
+import {log} from "./utils"
+```
+
+When running the `panel compile` command the shared code will be included in the bundle.
+
 (build-dir)=
 #### Using the `--build-dir` Option
 
diff --git a/doc/how_to/custom_components/esm/callbacks.md b/doc/how_to/custom_components/esm/callbacks.md
index a2ffa5dac1..daebaa94a8 100644
--- a/doc/how_to/custom_components/esm/callbacks.md
+++ b/doc/how_to/custom_components/esm/callbacks.md
@@ -36,7 +36,9 @@ class Slideshow(JSComponent):
 Slideshow(width=500, height=200).servable()
 ```
 
-This approach lets you quickly build custom components with complex interactivity. However if you do not need any complex computations in Python you can also construct a pure JS equivalent:
+This approach lets you quickly build custom components with complex interactivity.
+
+However, if you do not need any complex computations in Python you can also construct a pure JS equivalent:
 
 ## Slideshow with Javascript Callback
 
@@ -69,4 +71,4 @@ class JSSlideshow(JSComponent):
 JSSlideshow(width=800, height=300).servable()
 ```
 
-By using Javascript callbacks instead of Python callbacks you can achieve higher performance, components that can be *js linked* and components that will also work when your app is saved to static html.
+By using Javascript callbacks instead of Python callbacks you can achieve higher performance components, that can be *js linked* and components that will also work when your app is saved to static html.
diff --git a/doc/how_to/custom_components/examples/table_viewer.md b/doc/how_to/custom_components/examples/table_viewer.md
index 35c5d27754..58f865fd63 100644
--- a/doc/how_to/custom_components/examples/table_viewer.md
+++ b/doc/how_to/custom_components/examples/table_viewer.md
@@ -1,54 +1,85 @@
-# Reactive Tables
+# How to Create Reactive Tables with Panel
 
-```{pyodide}
+This guide will walk you through creating reactive tables using Panel's powerful reactive programming paradigm. You'll learn how to use Python methods, parameter dependencies, and caching to build interactive and efficient data visualizations.
+
+## Introduction
+
+Panel's reactive programming paradigm allows you to create dynamic applications that respond to user input. By leveraging Python methods, parameter dependencies, and caching, you can efficiently update views without unnecessary recomputation.
+
+In this guide, we'll demonstrate how to create a reactive table viewer component. This component will allow users to select different datasets and control the number of rows displayed.
+
+## Step-by-Step Guide
+
+### Step 1: Import Required Libraries
+
+First, import the necessary libraries:
+
+```python
 import param
 import panel as pn
-
-from bokeh.sampledata.iris import flowers
-from bokeh.sampledata.autompg import autompg_clean
-from bokeh.sampledata.population import data
+import pandas as pd
 from panel.viewable import Viewer
 
 pn.extension(template='fast')
-```
 
-This example demonstrates Panel's reactive programming paradigm using the Param library to express parameters, plus methods with computation depending on those parameters. This pattern can be used to update the displayed views whenever a parameter value changes, without re-running computation unnecessarily.
+DATASETS = {
+    'Penguins': 'https://raw.githubusercontent.com/mwaskom/seaborn-data/master/penguins.csv',
+    'Diamonds': 'https://raw.githubusercontent.com/mwaskom/seaborn-data/master/diamonds.csv',
+    'Titanic': 'https://raw.githubusercontent.com/mwaskom/seaborn-data/master/titanic.csv',
+    'MPG': 'https://raw.githubusercontent.com/mwaskom/seaborn-data/master/mpg.csv'
+}
+```
 
-```{pyodide}
-class ReactiveTables(Viewer):
+### Step 2: Define the Viewer Class
 
-    dataset = param.Selector(default='iris', objects=['iris', 'autompg', 'population'])
+Create a class `ReactiveTables` that inherits from `Viewer`. This class will manage the dataset selection and row display:
 
+```python
+class ReactiveTables(Viewer):
+    dataset = param.Selector(objects=DATASETS)
     rows = param.Integer(default=10, bounds=(0, 19))
 
-    @param.depends('dataset')
+    @pn.cache(max_items=3)
+    @param.depends("dataset")
     def data(self):
-        if self.dataset == 'iris':
-            return flowers
-        elif self.dataset == 'autompg':
-            return autompg_clean
-        else:
-            return data
-
-    @param.depends('data')
+        # Each dataset will only be read once across all user session
+        return pd.read_csv(self.dataset)
+
+    @param.depends("data")
     def summary(self):
         return self.data().describe()
 
-    @param.depends('data', 'rows')
+    @param.depends("data", "rows")
     def table(self):
-        return self.data().iloc[:self.rows]
+        return self.data().iloc[: self.rows]
 
     def __panel__(self):
         return pn.Row(
             pn.Param(self, name="Settings", width=300),
-			pn.Spacer(width=10),
+            pn.Spacer(width=10),
             pn.Column(
-			    "## Description",
-				pn.pane.DataFrame(self.summary, sizing_mode='stretch_width'),
-				"## Table",
-				pn.pane.DataFrame(self.table, sizing_mode='stretch_width'),
-			)
+                "## Description",
+                pn.pane.DataFrame(self.summary, sizing_mode="stretch_width"),
+                "## Table",
+                pn.pane.DataFrame(self.table, sizing_mode="stretch_width"),
+            ),
         )
+```
+
+### Step 3: Serve the Application
+
+Finally, make the `ReactiveTables` class servable:
 
+```python
 ReactiveTables().servable()
 ```
+
+## Conclusion
+
+By following this guide, you've created a reactive table viewer using Panel. This application allows users to interactively select datasets and control the number of rows displayed, with efficient updates based on parameter changes.
+
+Feel free to experiment with different datasets and parameters to further explore Panel's capabilities.
+
+## Additional Notes
+
+- The `max_items=3` argument in `@pn.cache` is an example. You can adjust this value or explore other supported arguments to suit your needs.
diff --git a/doc/how_to/editor/vscode_configure.md b/doc/how_to/editor/vscode_configure.md
index 1f3bc609f5..2629369434 100644
--- a/doc/how_to/editor/vscode_configure.md
+++ b/doc/how_to/editor/vscode_configure.md
@@ -37,7 +37,9 @@ pip install panel watchfiles jupyter_bokeh ipykernel
 
 ::::{tab-item} conda
 
+```bash
 conda install -c conda-forge panel watchfiles jupyter_bokeh ipykernel
+```
 
 ::::
 
diff --git a/doc/how_to/integrations/FastAPI.md b/doc/how_to/integrations/FastAPI.md
index 3529f07125..ee64e5ce29 100644
--- a/doc/how_to/integrations/FastAPI.md
+++ b/doc/how_to/integrations/FastAPI.md
@@ -8,7 +8,7 @@ By the end of this guide, you'll be able to run a FastAPI application that serve
 
 ## Setup
 
-Following FastAPI's [Tutorial - User Guide](https://fastapi.tiangolo.com/tutorial/) make sure you first have [FastAPI](https://fastapi.tiangolo.com/) and [bokeh-fastapi] installed using:
+Following FastAPI's [Tutorial - User Guide](https://fastapi.tiangolo.com/tutorial/) make sure you first have [FastAPI](https://fastapi.tiangolo.com/) and [bokeh-fastapi](https://github.com/bokeh/bokeh-fastapi) installed using:
 
 ::::{tab-set}
 
@@ -48,9 +48,9 @@ Next we will define a simple Panel application that allows you to control the nu
 ```python
 import panel as pn
 
-from panel.io.fastapi import add_panel_app
+from panel.io.fastapi import add_application
 
-@add_panel_app('/panel', app=app, title='My Panel App')
+@add_application('/panel', app=app, title='My Panel App')
 def create_panel_app():
     slider = pn.widgets.IntSlider(name='Slider', start=0, end=10, value=3)
     return slider.rx() * '⭐'
diff --git a/doc/how_to/param/dependencies.md b/doc/how_to/param/dependencies.md
index c46b4a1d79..f94d55eb17 100644
--- a/doc/how_to/param/dependencies.md
+++ b/doc/how_to/param/dependencies.md
@@ -28,7 +28,7 @@ class Sine(param.Parameterized):
     @param.depends('phase', 'frequency')
     def view(self):
         y = np.sin(np.linspace(0, np.pi * 3, 40) * self.frequency + self.phase)
-        y = ((y - y.min()) / y.ptp()) * 20
+        y = (y - y.min()) / np.ptp(y) * 20
         array = np.array(
             [list((' ' * (int(round(d)) - 1) + '*').ljust(20)) for d in y])
         return pn.pane.Str('\n'.join([''.join(r) for r in array.T]), height=380, width=500)
diff --git a/doc/how_to/server/commandline.md b/doc/how_to/server/commandline.md
index cd0eb5fa2b..d07a3324dd 100644
--- a/doc/how_to/server/commandline.md
+++ b/doc/how_to/server/commandline.md
@@ -74,6 +74,8 @@ options:
                         A list of request headers to make available in the session context (by default all headers are included).
   --include-cookies INCLUDE_COOKIES [INCLUDE_COOKIES ...]
                         A list of request cookies to make available in the session context (by default all cookies are included).
+  --cookie-path COOKIE_PATH
+                        Configure to control which sub path of the domain the cookie applies to.
   --cookie-secret COOKIE_SECRET
                         Configure to enable getting/setting secure cookies
   --index INDEX         Path to a template to use for the site index
diff --git a/doc/how_to/server/proxy.md b/doc/how_to/server/proxy.md
index 3e3bf44485..986184615b 100644
--- a/doc/how_to/server/proxy.md
+++ b/doc/how_to/server/proxy.md
@@ -1,3 +1,27 @@
 # Configuring a reverse proxy
 
-If the goal is to serve an web application to the general Internet, it is often desirable to host the application on an internal network, and proxy connections to it through some dedicated HTTP server. For some basic configurations to set up a Bokeh server behind some common reverse proxies, including Nginx and Apache, refer to the [Bokeh documentation](https://bokeh.pydata.org/en/latest/docs/user_guide/server.html#basic-reverse-proxy-setup).
+If the goal is to serve an web application to the general Internet, it is often desirable to host the application on an internal network, and proxy connections to it through some dedicated HTTP server. For some basic configurations to set up a Bokeh server behind some common reverse proxies, including Nginx and Apache, refer to the [Bokeh documentation](https://docs.bokeh.org/en/latest/docs/user_guide/server/deploy.html#basic-reverse-proxy-setup).
+
+Two important things that can cause issues when deploying a Panel app behind a reverse proxy are issues with large client headers and handling of the root path.
+
+## Client Headers
+
+To communicate cookies and headers across processes, Panel may include this information in a JSON web token, sending it via a WebSocket. In certain cases this token can grow very large causing Nginx (or another reverse proxy) to drop the request. You may have to work around this by overriding the default Nginx setting `large_client_header_buffers`:
+
+```
+large_client_header_buffers 4 24k;
+```
+
+### Proxy with a stripped path prefixes
+
+Configuring a proxy with a stripped path prefix, which is one common use of a proxy, means that you might serve a Panel app on `/app`, but then configure the proxy to serve the app under a path prefix like `/api/v1`. Unless you configure the proxy to forward appropriate headers Panel will have no idea that it is being served on a path prefix and may incorrectly configure internal redirects. To avoid this provide `panel` with a `root_path` when serving:
+
+```bash
+panel serve app.py --root-path /proxy/
+```
+
+Additionally, should you have configured an OAuth provider you **must** also declare an explicit `--oauth-redirect-uri` that includes the proxied path, e.g.:
+
+```bash
+panel serve app.py --root-path /api/v1/ ... --oauth-redirect-uri https://<my-host>/api/v1/login
+```
diff --git a/doc/how_to/streamlit_migration/multipage_apps.md b/doc/how_to/streamlit_migration/multipage_apps.md
index 1b981af547..7a510e7b80 100644
--- a/doc/how_to/streamlit_migration/multipage_apps.md
+++ b/doc/how_to/streamlit_migration/multipage_apps.md
@@ -7,8 +7,27 @@ that you *serve*
 panel serve home.py page1.py page2.ipynb
 ```
 
-You can specify the *home* page with the `--index` flag.
+Besides that, a couple of useful flags to further configure a multi-page deployment are:
 
-```bash
-panel serve home.py page1.py page2.ipynb --index=home
-```
+* `--index`: Set as site index the application page of your preference. For example, to leave
+  the *home* application page as index you can pass `--index=home`
+
+  ```bash
+  panel serve home.py page1.py page2.ipynb --index=app
+  ```
+
+  The `--index` flag also supports a path to a custom Jinja template to be used as index.
+  For this template, the following variables will be available:
+
+  * `PANEL_CDN`: URL to the Holoviz Panel CDN.
+  * `prefix`: The base URL from where applications are being served.
+  * `items`: List of tuples with the application page slug and title to display.
+
+* `--index-titles`: Set the titles for the application items shown in the default index page as cards.
+  By default, the titles shown are the applications page slug as a title (without slash and first
+  letter to uppercase). You can use this flag to, for example, show instead of `Page1` and `Page2`
+  different titles like `Page 1` and `Page 2`
+
+  ```bash
+  panel serve home.py page1.py page2.ipynb --index-titles /page1="Page 1" /page2="Page 2"
+  ```
diff --git a/doc/how_to/styling/apply_css.md b/doc/how_to/styling/apply_css.md
index 570e76f272..7760c9e9b9 100644
--- a/doc/how_to/styling/apply_css.md
+++ b/doc/how_to/styling/apply_css.md
@@ -119,7 +119,7 @@ pn.widgets.FloatSlider(
 
 ### CSS Classes
 
-When building complex stylesheets you will sometimes want to have multiple styles for one component. While it is possible to include a separate stylesheet for each you can also use CSS classes to distinguish between different components. The `css_classes` parameter will apply the CSS class to the shadow root (or container). Let us create two sliders with different CSS classes:
+When building complex stylesheets you will sometimes want to have multiple styles for one component. While it is possible to include a separate stylesheet for each you can also use CSS classes to distinguish between different components. The `css_classes` parameter will apply the CSS class to the shadow root (or container). Let us create three sliders with different CSS classes:
 
 ```{pyodide}
 color_stylesheet = """
diff --git a/doc/how_to/wasm/standalone.md b/doc/how_to/wasm/standalone.md
index 2e63c81c6e..25ca90361f 100644
--- a/doc/how_to/wasm/standalone.md
+++ b/doc/how_to/wasm/standalone.md
@@ -61,8 +61,8 @@ The app should look like this:
 The default Bokeh and Panel packages are very large. Therefore we recommend installing specialized wheels:
 
 ```javascript
-const bk_whl = "https://cdn.holoviz.org/panel/{{PANEL_VERSION}}/dist/wheels/bokeh-{{BOKEH_VERSION}}-py3-none-any.whl";
-const pn_whl = "https://cdn.holoviz.org/panel/{{PANEL_VERSION}}/dist/wheels/panel-{{PANEL_VERSION}}-py3-none-any.whl";
+const bk_whl = "https://cdn.holoviz.org/panel/wheels/bokeh-{{BOKEH_VERSION}}-py3-none-any.whl";
+const pn_whl = "https://cdn.holoviz.org/panel/wheels/panel-{{PANEL_VERSION}}-py3-none-any.whl";
 await micropip.install(bk_whl, pn_whl);
 ```
 
diff --git a/doc/tutorials/intermediate/build_todo.md b/doc/tutorials/intermediate/build_todo.md
index 47fed2a554..8546e0aa82 100644
--- a/doc/tutorials/intermediate/build_todo.md
+++ b/doc/tutorials/intermediate/build_todo.md
@@ -102,7 +102,7 @@ class TaskList(param.Parameterized):
 class TaskInput(pn.viewable.Viewer):
     """A Widget that provides tasks as input"""
 
-    value: Task = param.ClassSelector(item_type=Task, doc="""The Task input by the user""")
+    value: Task = param.ClassSelector(class_=Task, doc="""The Task input by the user""")
 
     def _no_value(self, value):
         return not bool(value)
diff --git a/doc/tutorials/intermediate/serve.md b/doc/tutorials/intermediate/serve.md
index 2991175b11..1d7fc1a9da 100644
--- a/doc/tutorials/intermediate/serve.md
+++ b/doc/tutorials/intermediate/serve.md
@@ -56,6 +56,31 @@ It will look something like
 
 ![Panel serve multi page app](../../_static/images/panel-serve-multipage-app.png)
 
+Besides that, a couple of useful flags to further configure a multi-page deployment are:
+
+* `--index`: Set as site index the application page of your preference. For example, to leave
+  the *app* application page as index you can pass `--index=app`
+
+  ```bash
+  panel serve app.py app2.ipynb --dev --index=app
+  ```
+
+  The `--index` flag also supports a path to a custom Jinja template to be used as index.
+  For this template, the following variables will be available:
+
+  * `PANEL_CDN`: URL to the Holoviz Panel CDN.
+  * `prefix`: The base URL from where applications are being served.
+  * `items`: List of tuples with the application page slug and title to display.
+
+* `--index-titles`: Set the titles for the application items shown in the default index page as cards.
+  By default, the titles shown are the applications page slug as a title (without slash and first
+  letter to uppercase). You can use this flag to, for example, show instead of `App` and `App2`
+  different titles like `Application 1` and `Application 2`
+
+  ```bash
+  panel serve app.py app2.ipynb --dev --index-titles /page1="Application 1" /page2="Application 2"
+  ```
+
 :::{note}
 You can also use one or more [*globs*](https://en.wikipedia.org/wiki/Glob_(programming)) to serve a long or dynamic list of apps. For example `apps/*`, `pages/*.py`, `examples/*.ipynb` or `docs/*.md`.
 :::
@@ -77,10 +102,10 @@ usage: panel serve [-h] [--port PORT] [--address ADDRESS] [--unix-socket UNIX-SO
                    [--mem-log-frequency MILLISECONDS] [--use-xheaders] [--ssl-certfile CERTFILE] [--ssl-keyfile KEYFILE] [--session-ids MODE]
                    [--auth-module AUTH_MODULE] [--enable-xsrf-cookies] [--exclude-headers EXCLUDE_HEADERS [EXCLUDE_HEADERS ...]]
                    [--exclude-cookies EXCLUDE_COOKIES [EXCLUDE_COOKIES ...]] [--include-headers INCLUDE_HEADERS [INCLUDE_HEADERS ...]]
-                   [--include-cookies INCLUDE_COOKIES [INCLUDE_COOKIES ...]] [--cookie-secret COOKIE_SECRET] [--index INDEX]
+                   [--include-cookies INCLUDE_COOKIES [INCLUDE_COOKIES ...]] [--cookie-path COOKIE_PATH] [--cookie-secret COOKIE_SECRET] [--index INDEX]
                    [--disable-index] [--disable-index-redirect] [--num-procs N] [--session-token-expiration N]
                    [--websocket-max-message-size BYTES] [--websocket-compression-level LEVEL] [--websocket-compression-mem-level LEVEL]
-                   [--glob] [--static-dirs KEY=VALUE [KEY=VALUE ...]] [--basic-auth BASIC_AUTH] [--oauth-provider OAUTH_PROVIDER]
+                   [--glob] [--index-titles KEY=VALUE [KEY=VALUE ...]] [--static-dirs KEY=VALUE [KEY=VALUE ...]] [--basic-auth BASIC_AUTH] [--oauth-provider OAUTH_PROVIDER]
                    [--oauth-key OAUTH_KEY] [--oauth-secret OAUTH_SECRET] [--oauth-redirect-uri OAUTH_REDIRECT_URI]
                    [--oauth-extra-params OAUTH_EXTRA_PARAMS] [--oauth-jwt-user OAUTH_JWT_USER] [--oauth-encryption-key OAUTH_ENCRYPTION_KEY]
                    [--oauth-error-template OAUTH_ERROR_TEMPLATE] [--oauth-expiry-days OAUTH_EXPIRY_DAYS] [--oauth-refresh-tokens]
@@ -151,6 +176,8 @@ options:
                         A list of request headers to make available in the session context (by default all headers are included).
   --include-cookies INCLUDE_COOKIES [INCLUDE_COOKIES ...]
                         A list of request cookies to make available in the session context (by default all cookies are included).
+  --cookie-path COOKIE_PATH
+                        Configure to enable controlling the sub path of the domain the cookie applies to.
   --cookie-secret COOKIE_SECRET
                         Configure to enable getting/setting secure cookies
   --index INDEX         Path to a template to use for the site index
@@ -168,6 +195,10 @@ options:
   --websocket-compression-mem-level LEVEL
                         Set the Tornado WebSocket compression mem_level
   --glob                Process all filename arguments as globs
+  --index-titles KEY=VALUE [KEY=VALUE ...]
+                        Custom titles to use for Multi Page Apps specified as key=value pairs mapping
+                        from the application page slug to the title to show on the Multi Page App index
+                        page.
   --static-dirs KEY=VALUE [KEY=VALUE ...]
                         Static directories to serve specified as key=value pairs mapping from URL route to static file directory.
   --basic-auth BASIC_AUTH
diff --git a/examples/apps/django/requirements.txt b/examples/apps/django/requirements.txt
index 4834d8def2..bab3d9b244 100644
--- a/examples/apps/django/requirements.txt
+++ b/examples/apps/django/requirements.txt
@@ -1,5 +1,5 @@
-django==4.2.18
+django==4.2.21
 channels==2.2.0
 panel==0.9.3
 bokeh==2.0.2
-jinja2==3.1.5
+jinja2==3.1.6
diff --git a/examples/apps/django_multi_apps/requirements.txt b/examples/apps/django_multi_apps/requirements.txt
index 61bf81512a..cacc7d2023 100644
--- a/examples/apps/django_multi_apps/requirements.txt
+++ b/examples/apps/django_multi_apps/requirements.txt
@@ -1,4 +1,4 @@
-setuptools==70.0.0
+setuptools==78.1.1
 asgiref==3.2.10
 attrs==19.3.0
 autobahn==20.12.3
@@ -8,15 +8,15 @@ cffi==1.13.2
 channels==2.4.0
 colorcet==2.0.5
 constantly==15.1.0
-cryptography==43.0.1
+cryptography==44.0.1
 daphne==2.4.1
-Django==4.2.18
+Django==4.2.21
 holoviews==1.13.2
 hvplot==0.5.2
 hyperlink==20.0.1
 idna==3.7
 incremental==21.3.0
-Jinja2==3.1.5
+Jinja2==3.1.6
 Markdown==3.1.1
 MarkupSafe==1.1.1
 numpy==1.22.0
@@ -39,7 +39,7 @@ PyYAML==5.4
 service-identity==18.1.0
 six==1.13.0
 sqlparse==0.5.0
-tornado==6.4.2
+tornado==6.5.1
 Twisted==24.7.0
 txaio==20.4.1
 zope.interface==4.7.1
diff --git a/examples/gallery/webllm.ipynb b/examples/gallery/webllm.ipynb
index f63f9b6679..231cd04f1f 100644
--- a/examples/gallery/webllm.ipynb
+++ b/examples/gallery/webllm.ipynb
@@ -124,7 +124,6 @@
     "\n",
     "    async def create_completion(self, msgs):\n",
     "        self._send_msg({'type': 'completion', 'messages': msgs})\n",
-    "        latest = None\n",
     "        while True:\n",
     "            await asyncio.sleep(0.01)\n",
     "            if not self._buffer:\n",
@@ -149,7 +148,7 @@
     "        self.running = False\n",
     "        self._buffer.clear()\n",
     "        message = \"\"\n",
-    "        async for chunk in llm.create_completion([{'role': 'user', 'content': contents}]):\n",
+    "        async for chunk in self.create_completion([{'role': 'user', 'content': contents}]):\n",
     "            message += chunk['delta'].get('content', '')\n",
     "            yield message\n",
     "\n",
diff --git a/examples/reference/chat/ChatFeed.ipynb b/examples/reference/chat/ChatFeed.ipynb
index e6ee1e5f4b..2457e40c5f 100644
--- a/examples/reference/chat/ChatFeed.ipynb
+++ b/examples/reference/chat/ChatFeed.ipynb
@@ -74,7 +74,8 @@
     "##### Other\n",
     "\n",
     "* **`clear`**: Clears the chat log and returns the messages that were cleared.\n",
-    "* **`respond`**: Executes the callback with the latest message in the chat log.\n",
+    "* **`respond`**: Executes the callback with the latest message in the chat log. Typically called after streaming is completed, i.e. after a for loop where `stream` is called multiple times. If not streaming, use the `respond` keyword argument inside the `send` method instead.\n",
+    "* **`trigger_post_hook`**: Triggers the post hook with the latest message in the chat log. Typically called after streaming is completed, i.e. after a for loop where `stream` is called multiple times. If not streaming, use the `trigger_post_hook` keyword argument inside the `send` method instead.\n",
     "* **`stop`**: Cancels the current callback task if possible.\n",
     "* **`scroll_to(index: int)`**: Column will scroll to the object at the specified index.\n",
     "* **`undo`**: Removes the last `count` of messages from the chat log and returns them. Default `count` is 1.\n",
diff --git a/examples/reference/custom_components/ReactComponent.ipynb b/examples/reference/custom_components/ReactComponent.ipynb
index 8fcebc277a..458fef3cb2 100644
--- a/examples/reference/custom_components/ReactComponent.ipynb
+++ b/examples/reference/custom_components/ReactComponent.ipynb
@@ -281,6 +281,70 @@
     "pn.Column(button, button.param.value)"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "id": "b821b14e",
+   "metadata": {},
+   "source": [
+    "## Send Events from Python to JavaScript\n",
+    "\n",
+    "Equivalently, events from Python can be sent to JavaScript using the `ReactComponent._send_msg` method. To define a handler to receive these messages register a callback with `model.on('msg:custom', callback)`:\n",
+    "\n",
+    "In this simple example, we send a message containing the current date and time and display it in the component (note the serializer turns our datetime object into a timestamp):"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "dbaaf046",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import datetime\n",
+    "\n",
+    "from panel.custom import ReactComponent\n",
+    "\n",
+    "\n",
+    "class PythonToJSExample(ReactComponent):\n",
+    "\n",
+    "    _esm = \"\"\"\n",
+    "    export function render({ model }) {\n",
+    "      const [value, setValue] = React.useState(null)\n",
+    "\n",
+    "      model.on('msg:custom', (msg) => {\n",
+    "        setValue(new Date(msg).toLocaleString())\n",
+    "      })\n",
+    "\n",
+    "      return <div>{value}</div>\n",
+    "    }\n",
+    "    \"\"\"\n",
+    "\n",
+    "    def send_event(self):\n",
+    "        self._send_msg(datetime.datetime.now())\n",
+    "\n",
+    "py2js = PythonToJSExample()\n",
+    "\n",
+    "py2js"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "1ac07d2e",
+   "metadata": {},
+   "source": [
+    "Sending messages as events rather than state changes provides more control over state synchronization between Python and JavaScript."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "28aabb6e",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "py2js.send_event()"
+   ]
+  },
   {
    "cell_type": "markdown",
    "id": "8dd62b24-2a26-49ff-8aad-386178128167",
@@ -571,12 +635,55 @@
   },
   {
    "cell_type": "markdown",
-   "id": "bf8087ea-c135-4edb-bb3a-e864f7b7be3e",
+   "id": "06dc3bd5",
    "metadata": {},
    "source": [
     ":::note\n",
     "You can change the `item_type` to a specific subtype of `Viewable` or a tuple of `Viewable` subtypes.\n",
     ":::\n",
+    "\n",
+    "## Rendering into a specific DOM element\n",
+    "\n",
+    "You can render the component into a specific DOM element by providing a `root_node` to the underlying `ReactComponent` model. This allows you to render things outside of the regular DOM hierarchy.\n",
+    "\n",
+    "The `root_node` should be a valid CSS selector for the DOM element you want to render into, if it doesn't exist it will be created and appended to the document body.\n",
+    "\n",
+    "In this example we render the component into a div with the id `custom-root` which we then place in the upper right corner of the document."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "2076e701",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import panel as pn\n",
+    "\n",
+    "from panel.custom import ReactComponent\n",
+    "\n",
+    "\n",
+    "class RootNodeExample(ReactComponent):\n",
+    "\n",
+    "    _esm = \"\"\"\n",
+    "    export function render({ model }) {\n",
+    "      return <div style={{backgroundColor: \"red\", position: \"absolute\", top: 0, right: 0}}>Hello</div>\n",
+    "    }\n",
+    "    \"\"\"\n",
+    "\n",
+    "    def _get_properties(self, doc):\n",
+    "        props = super()._get_properties(doc)\n",
+    "        props[\"root_node\"] = \"#custom-root\"\n",
+    "        return props\n",
+    "    \n",
+    "RootNodeExample()"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "bf8087ea-c135-4edb-bb3a-e864f7b7be3e",
+   "metadata": {},
+   "source": [
     "\n",
     "## Using React Hooks\n",
     "\n",
diff --git a/examples/reference/layouts/Card.ipynb b/examples/reference/layouts/Card.ipynb
index 15ee78ec52..1df3526ed0 100644
--- a/examples/reference/layouts/Card.ipynb
+++ b/examples/reference/layouts/Card.ipynb
@@ -204,7 +204,7 @@
     "p2 = figure(height=250, sizing_mode='stretch_width', margin=5)\n",
     "\n",
     "p1.line([1, 2, 3], [1, 2, 3])\n",
-    "p2.circle([1, 2, 3], [1, 2, 3])\n",
+    "p2.scatter([1, 2, 3], [1, 2, 3])\n",
     "\n",
     "pn.Card(p1, pn.layout.Divider(), p2, title=\"Responsive\", sizing_mode='stretch_width')"
    ]
diff --git a/examples/reference/layouts/Column.ipynb b/examples/reference/layouts/Column.ipynb
index 23d4a32d52..ce13e6f666 100644
--- a/examples/reference/layouts/Column.ipynb
+++ b/examples/reference/layouts/Column.ipynb
@@ -127,7 +127,7 @@
     "p2 = figure(height=150, sizing_mode='stretch_width')\n",
     "\n",
     "p1.line([1, 2, 3], [1, 2, 3])\n",
-    "p2.circle([1, 2, 3], [1, 2, 3])\n",
+    "p2.scatter([1, 2, 3], [1, 2, 3])\n",
     "\n",
     "pn.Column(p1, p2)"
    ]
diff --git a/examples/reference/layouts/Row.ipynb b/examples/reference/layouts/Row.ipynb
index 852c0b87d3..36a863f387 100644
--- a/examples/reference/layouts/Row.ipynb
+++ b/examples/reference/layouts/Row.ipynb
@@ -119,7 +119,7 @@
     "p2 = figure(height=200, sizing_mode='stretch_width')\n",
     "\n",
     "p1.line([1, 2, 3], [1, 2, 3])\n",
-    "p2.circle([1, 2, 3], [1, 2, 3])\n",
+    "p2.scatter([1, 2, 3], [1, 2, 3])\n",
     "\n",
     "pn.Row(p1, p2)"
    ]
diff --git a/examples/reference/panes/JPG.ipynb b/examples/reference/panes/JPG.ipynb
index e12ee8e049..84ef06b510 100644
--- a/examples/reference/panes/JPG.ipynb
+++ b/examples/reference/panes/JPG.ipynb
@@ -27,6 +27,7 @@
     "* **``link_url``** (str, default=None): A link URL to make the image clickable and link to some other website.\n",
     "* **``object``** (str or object): The JPEG file to display.  Can be a string pointing to a local or remote file, or an object with a ``_repr_jpeg_`` method.\n",
     "* **``styles``** (dict): Dictionary specifying CSS styles\n",
+    "* **``target``** (str, default=\"_blank\"): Where to open the document linked in the link_url.\n",
     "\n",
     "___"
    ]
diff --git a/examples/reference/panes/Markdown.ipynb b/examples/reference/panes/Markdown.ipynb
index 1f1a311215..8da0af2ffd 100644
--- a/examples/reference/panes/Markdown.ipynb
+++ b/examples/reference/panes/Markdown.ipynb
@@ -24,6 +24,7 @@
     "For details on other options for customizing the component see the [layout](../../how_to/layout/index.md) and [styling](../../how_to/styling/index.md) how-to guides.\n",
     "\n",
     "* **`dedent`** (bool, `default=True`): Whether to dedent common whitespace across all lines.\n",
+    "* **`disable_anchors`** (boolean, `default=False`): Whether to disable automatically adding anchors to headings.\n",
     "* **`disable_math`** (boolean, `default=False`): Whether to disable MathJax math rendering for strings escaped with `$$` delimiters.\n",
     "* **`enable_streaming`** (boolean, `default=False`): Whether to enable streaming of text snippets. This will diff the `object` when it is updated and only send the trailing chunk that was added.\n",
     "* **`extensions`** (list): A list of [Python-Markdown extensions](https://python-markdown.github.io/extensions/) to use (does not apply for 'markdown-it' and 'myst' renderers).\n",
diff --git a/examples/reference/panes/PNG.ipynb b/examples/reference/panes/PNG.ipynb
index 121d584e61..58c5f80770 100644
--- a/examples/reference/panes/PNG.ipynb
+++ b/examples/reference/panes/PNG.ipynb
@@ -27,6 +27,7 @@
     "* **``link_url``** (str, default=None): A link URL to make the image clickable and link to some other website.\n",
     "* **``object``** (str or object): The PNG file to display. Can be a string pointing to a local or remote file, or an object with a ``_repr_png_`` method.\n",
     "* **``styles``** (dict): Dictionary specifying CSS styles\n",
+    "* **``target``** (str, default=\"_blank\"): Where to open the document linked in the link_url.\n",
     "\n",
     "___"
    ]
diff --git a/examples/reference/panes/SVG.ipynb b/examples/reference/panes/SVG.ipynb
index 7f990fb28d..2e81f4563b 100644
--- a/examples/reference/panes/SVG.ipynb
+++ b/examples/reference/panes/SVG.ipynb
@@ -28,6 +28,7 @@
     "* **``encode``** (bool, default=True): Whether to base64 encode the SVG, when enabled SVG links may not work while disabling encoding will prevent image scaling from working.\n",
     "* **``object``** (str or object): The svg file to display. Can be a string pointing to a local or remote file, or an object with a ``_repr_svg_`` method.\n",
     "* **``styles``** (dict): Dictionary specifying CSS styles\n",
+    "* **``target``** (str, default=\"_blank\"): Where to open the document linked in the link_url.\n",
     "\n",
     "___"
    ]
diff --git a/examples/reference/panes/WebP.ipynb b/examples/reference/panes/WebP.ipynb
index bec9e03502..92ea1fb68a 100644
--- a/examples/reference/panes/WebP.ipynb
+++ b/examples/reference/panes/WebP.ipynb
@@ -27,6 +27,7 @@
     "* **``link_url``** (str, default=None): A link URL to make the image clickable and link to some other website.\n",
     "* **``object``** (str or object): The PNG file to display. Can be a string pointing to a local or remote file, or an object with a ``_repr_png_`` method.\n",
     "* **``styles``** (dict): Dictionary specifying CSS styles\n",
+    "* **``target``** (str, default=\"_blank\"): Where to open the document linked in the link_url.\n",
     "\n",
     "___"
    ]
diff --git a/examples/reference/templates/FastListTemplate.ipynb b/examples/reference/templates/FastListTemplate.ipynb
index 05b91e5bf9..869a9d2d17 100644
--- a/examples/reference/templates/FastListTemplate.ipynb
+++ b/examples/reference/templates/FastListTemplate.ipynb
@@ -13,9 +13,10 @@
     "* **`header`**: The header area of the HTML page\n",
     "* **`sidebar`**: A collapsible sidebar\n",
     "* **`main`**: The main area of the application\n",
+    "* **`right_sidebar`**: A collapsible secondary sidebar (on the right side)\n",
     "* **`modal`**: A modal area which can be opened and closed from Python\n",
     "\n",
-    "These four areas behave very similarly to other Panel layout components and have list-like semantics. This means we can easily append new components into these areas. Unlike other layout components however, the contents of the areas is fixed once rendered. If you need a dynamic layout you should therefore insert a regular Panel layout component (e.g. a `Column` or `Row`) and modify it in place once added to one of the content areas. \n",
+    "These five areas behave very similarly to other Panel layout components and have list-like semantics. This means we can easily append new components into these areas. Unlike other layout components however, the contents of the areas is fixed once rendered. If you need a dynamic layout you should therefore insert a regular Panel layout component (e.g. a `Column` or `Row`) and modify it in place once added to one of the content areas. \n",
     "\n",
     "Templates can allow for us to quickly and easily create web apps for displaying our data. Panel comes with a default Template, and includes multiple Templates that extend the default which add some customization for a better display.\n",
     "\n",
@@ -28,7 +29,8 @@
     "* **`logo`** (str): URI of logo to add to the header (if local file, logo is base64 encoded as URI).\n",
     "* **`title`** (str): A title to show in the header. Also added to the document head meta settings and as the browser tab title.\n",
     "* **`favicon`** (str): URI of favicon to add to the document head (if local file, favicon is base64 encoded as URI).\n",
-    "* **`sidebar_footer`** (str): Can be used to insert additional HTML. For example a menu, some additional info, links etc.\n",
+    "* **`sidebar_footer`** (str): Can be used to insert additional HTML over the sidebar. For example a menu, some additional info, links etc.\n",
+    "* **`right_sidebar_footer`** (str): Can be used to insert additional HTML over the secondary sidebar (right sidebar). For example a menu, some additional info, links etc.\n",
     "* **`config`** (TemplateConfig): Contains configuration options similar to `pn.config` but applied to the current Template only. (Currently only `css_files` is supported)\n",
     "* **`busy_indicator`** (BooleanIndicator): Visual indicator of application busy state.\n",
     "\n",
@@ -56,7 +58,9 @@
     "For **layout** you can use\n",
     "\n",
     "* **`collapsed_sidebar`** (str, `default=False`): Whether the sidebar (if present) is initially collapsed.\n",
+    "* **`collapsed_right_sidebar`** (str, `default=False`): Whether the secondary sidebar on the right (if present) is initially collapsed.\n",
     "* **`sidebar_width`** (int): The width of the sidebar in pixels. Default is 330.\n",
+    "* **`right_sidebar_width`** (int): The width of the secondary sidebar (right sidebar) in pixels. Default is 330.\n",
     "* **`main_max_width`** (str): The maximum width of the main area. For example '800px' or '80%'. If the string is '' (default) no max width is set.\n",
     "\n",
     "For **meta** and **base** values you can use\n",
diff --git a/examples/reference/templates/Slides.ipynb b/examples/reference/templates/Slides.ipynb
index 8950b69277..422dc2989a 100644
--- a/examples/reference/templates/Slides.ipynb
+++ b/examples/reference/templates/Slides.ipynb
@@ -4,7 +4,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "The `SlidesTemplate` is a simple extension of the basic template that uses the [reveal.js](https://revealjs.com/) presentation framework to present the published outputs as a set of slides. It is a list-like variant where the `main` area acts like a list-like container but unlike other list-like templates the individual items are published as separate slides (unless marked as a fragment).\n",
+    "The `SlidesTemplate` is a simple extension of the basic template that uses the [reveal.js](https://revealjs.com/) presentation framework to present the published outputs as a set of slides. It is a list-like variant where the `main` area acts like a list-like container, but unlike other list-like templates, the individual items are published as separate slides (unless marked as a fragment).\n",
     "\n",
     "## Basic Templates\n",
     "\n",
@@ -15,13 +15,13 @@
     "* **`main`**: The main area of the application\n",
     "* **`modal`**: A modal area which can be opened and closed from Python\n",
     "\n",
-    "These four areas behave very similarly to other Panel layout components and have list-like semantics. This means we can easily append new components into these areas. Unlike other layout components however, the contents of the areas is fixed once rendered. If you need a dynamic layout you should therefore insert a regular Panel layout component (e.g. a `Column` or `Row`) and modify it in place once added to one of the content areas. \n",
+    "These four areas behave very similarly to other Panel layout components and have list-like semantics. This means we can easily append new components into these areas. Unlike other layout components however, the contents of the areas are fixed once rendered. If you need a dynamic layout you should therefore insert a regular Panel layout component (e.g. a `Column` or `Row`) and modify it in place once added to one of the content areas. \n",
     "\n",
-    "Templates can allow for us to quickly and easily create web apps for displaying our data. Panel comes with a default Template, and includes multiple Templates that extend the default which add some customization for a better display.\n",
+    "Templates can allow for us to quickly and easily create web apps for displaying our data. Panel comes with a default Template, and includes multiple Templates that extend the default, which add some customization for a better display.\n",
     "\n",
     "#### Parameters:\n",
     "\n",
-    "In addition to the four different areas we can populate the default templates also provide a few additional parameters:\n",
+    "In addition to the four different areas we can populate, the default templates provide some additional parameters:\n",
     "\n",
     "* **`busy_indicator`** (BooleanIndicator): Visual indicator of application busy state.\n",
     "* **`collapsed_sidebar`** (str, `default=True`): Whether the sidebar (if present) is initially collapsed.\n",
@@ -36,7 +36,7 @@
     "\n",
     "##### reveal.js parameters\n",
     "\n",
-    "The `SlideTemplate` which is based on reveal.js additionally has some additional:\n",
+    "The `SlideTemplate` which is based on reveal.js, has some additional parameters:\n",
     "\n",
     "* **`reveal_config`** (`dict`): The reveal.js [config](https://revealjs.com/config/) options to apply\n",
     "* **`reveal_theme`** (str): The reveal.js theme to apply (one of `black | white | league | beige | night | solarized | simple`)\n",
@@ -49,7 +49,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "In this case we are using the `SlidesTemplate`, built on top of reveal.js. It differs slightly to other templates so we will start by setting up the code and then go through the template configuration step-by-step."
+    "In this case we are using the `SlidesTemplate`, built on top of reveal.js. It differs slightly from other templates, so we will start by setting up the code and then go through the template configuration step-by-step."
    ]
   },
   {
diff --git a/examples/reference/widgets/Checkbox.ipynb b/examples/reference/widgets/Checkbox.ipynb
index 7e46ff4677..3e86812c28 100644
--- a/examples/reference/widgets/Checkbox.ipynb
+++ b/examples/reference/widgets/Checkbox.ipynb
@@ -14,7 +14,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "The ``Checkbox`` widget allows toggling a single condition between ``True``/``False`` states by ticking a checkbox. This widget is interchangeable with the ``Toggle`` widget.\n",
+    "The ``Checkbox`` widget allows toggling a single condition between ``True``/``False`` states by ticking a checkbox. The `Checkbox` widget allows toggling a single condition between `True`/`False` states by ticking a checkbox. The [``Checkbox``](Checkbox.ipynb), [``Toggle``](Toggle.ipynb), and [``Switch``](Switch.ipynb) widgets are interchangeable.\n",
     "\n",
     "Discover more on using widgets to add interactivity to your applications in the [how-to guides on interactivity](../../how_to/interactivity/index.md). Alternatively, learn [how to set up callbacks and (JS-)links between parameters](../../how_to/links/index.md) or [how to use them as part of declarative UIs with Param](../../how_to/param/index.md).\n",
     "\n",
diff --git a/examples/reference/widgets/CodeEditor.ipynb b/examples/reference/widgets/CodeEditor.ipynb
index 3b095cc5b7..4a8b35a835 100644
--- a/examples/reference/widgets/CodeEditor.ipynb
+++ b/examples/reference/widgets/CodeEditor.ipynb
@@ -36,9 +36,11 @@
     "    - `'text'`: text displayed when hovering over the annotation\n",
     "    - `'type'`: type of annotation and the icon displayed {`warning` | `error`}\n",
     "* **``filename``** (str): If filename is provided the file extension will be used to determine the language\n",
+    "* **``indent``** (int): Number of spaces to use for default indentation.\n",
     "* **``language``** (str): A string declaring which language to use for code syntax highlighting (default: 'text')\n",
     "* **``on_keyup``** (bool): Whether to update the value on every key press or only upon loss of focus / hotkeys.\n",
     "* **``print_margin``** (boolean): Whether to show a print margin in the editor\n",
+    "* **``soft_tabs``** (boolean): Whether to use spaces instead of tabs for indentation.\n",
     "* **``theme``** (str): If no value is provided, it defaults to the current theme set by pn.config.theme, as specified in the CodeEditor.THEME_CONFIGURATION dictionary. If not defined there, it falls back to the default parameter value ('chrome').\n",
     "* **``readonly``** (boolean): Whether the editor should be opened in read-only mode\n",
     "* **``value``** (str): State of the current code in the editor if `on_keyup`. Otherwise, only upon loss of focus, i.e. clicking outside the editor, or pressing <Ctrl+Enter> or <Cmd+Enter>.\n",
diff --git a/examples/reference/widgets/DateRangeSlider.ipynb b/examples/reference/widgets/DateRangeSlider.ipynb
index 130bf45da7..a75f6a9a59 100644
--- a/examples/reference/widgets/DateRangeSlider.ipynb
+++ b/examples/reference/widgets/DateRangeSlider.ipynb
@@ -36,10 +36,9 @@
     "##### Display\n",
     "\n",
     "* **``bar_color``** (color): Color of the slider bar as a hexadecimal RGB value\n",
-    "* **``callback_policy``** (str, **DEPRECATED**): Policy to determine when slider events are triggered (one of 'continuous', 'throttle', 'mouseup')\n",
-    "* **``callback_throttle``** (int): Number of milliseconds to pause between callback calls as the slider is moved\n",
     "* **``direction``** (str): Whether the slider should go from left to right ('ltr') or right to left ('rtl')\n",
     "* **``disabled``** (boolean): Whether the widget is editable\n",
+    "* **``format``** (str): Formatter to apply to the slider value\n",
     "* **``name``** (str): The title of the widget\n",
     "* **``orientation``** (str): Whether the slider should be displayed in a 'horizontal' or 'vertical' orientation.\n",
     "* **``tooltips``** (boolean): Whether to display tooltips on the slider handle\n",
@@ -82,6 +81,29 @@
     "date_range_slider.value"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "A custom format string may be used to format the slider values:"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "str_format = pn.widgets.DateRangeSlider(\n",
+    "    name='Date Range Slider',\n",
+    "    start=dt.datetime(2017, 1, 1), end=dt.datetime(2019, 1, 1),\n",
+    "    value=(dt.datetime(2017, 1, 1), dt.datetime(2018, 1, 10)),\n",
+    "    step=2,\n",
+    "    format='%Y-%m-%d'\n",
+    ")\n",
+    "str_format"
+   ]
+  },
   {
    "cell_type": "markdown",
    "metadata": {},
diff --git a/examples/reference/widgets/DatetimePicker.ipynb b/examples/reference/widgets/DatetimePicker.ipynb
index b3c2b64572..69fa9304db 100644
--- a/examples/reference/widgets/DatetimePicker.ipynb
+++ b/examples/reference/widgets/DatetimePicker.ipynb
@@ -35,6 +35,8 @@
     "* **`enable_time`** (boolean): Enable editing of the time in the widget, default is True\n",
     "* **`enable_seconds`** (boolean): Enable editing of seconds in the widget, default is True\n",
     "* **`military_time`** (boolean): Enable 24 hours time in the widget, default is True\n",
+    "* **``allow_input``** (boolean): Whether the user can enter a date directly into the input field, default is False\n",
+    "\n",
     "\n",
     "##### Display\n",
     "\n",
diff --git a/examples/reference/widgets/DatetimeRangePicker.ipynb b/examples/reference/widgets/DatetimeRangePicker.ipynb
index 843674ae83..8d19b9cc0a 100644
--- a/examples/reference/widgets/DatetimeRangePicker.ipynb
+++ b/examples/reference/widgets/DatetimeRangePicker.ipynb
@@ -35,6 +35,7 @@
     "* **`enable_time:`** (boolean): Enable editing of the time in the widget, default is True\n",
     "* **`enable_seconds`** (boolean): Enable editing of seconds in the widget, default is True\n",
     "* **`military_time`** (boolean): Whether to display time in 24 hour format, default is True\n",
+    "* **``allow_input``** (boolean): Whether the user can enter a date directly into the input field, default is False\n",
     "\n",
     "##### Display\n",
     "\n",
diff --git a/examples/reference/widgets/DatetimeRangeSlider.ipynb b/examples/reference/widgets/DatetimeRangeSlider.ipynb
index 4ea7d30467..a0080176d0 100644
--- a/examples/reference/widgets/DatetimeRangeSlider.ipynb
+++ b/examples/reference/widgets/DatetimeRangeSlider.ipynb
@@ -36,10 +36,9 @@
     "##### Display\n",
     "\n",
     "* **``bar_color``** (color): Color of the slider bar as a hexadecimal RGB value\n",
-    "* **``callback_policy``** (str, **DEPRECATED**): Policy to determine when slider events are triggered (one of 'continuous', 'throttle', 'mouseup')\n",
-    "* **``callback_throttle``** (int): Number of milliseconds to pause between callback calls as the slider is moved\n",
     "* **``direction``** (str): Whether the slider should go from left to right ('ltr') or right to left ('rtl')\n",
     "* **``disabled``** (boolean): Whether the widget is editable\n",
+    "* **``format``** (str): Formatter to apply to the slider value\n",
     "* **``name``** (str): The title of the widget\n",
     "* **``orientation``** (str): Whether the slider should be displayed in a 'horizontal' or 'vertical' orientation.\n",
     "* **``tooltips``** (boolean): Whether to display tooltips on the slider handle\n",
@@ -81,6 +80,30 @@
     "datetime_range_slider.value"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "A custom format string may be used to format the slider values:"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "str_format = pn.widgets.DatetimeRangeSlider(\n",
+    "    name='Datetime Range Slider',\n",
+    "    start=dt.datetime(2017, 1, 1), end=dt.datetime(2019, 1, 1),\n",
+    "    value=(dt.datetime(2017, 1, 1), dt.datetime(2018, 1, 10)),\n",
+    "    step=10000,\n",
+    "    format='%Y-%m-%dT%H:%M:%S'\n",
+    ")\n",
+    "\n",
+    "str_format"
+   ]
+  },
   {
    "cell_type": "markdown",
    "metadata": {},
diff --git a/examples/reference/widgets/FileDropper.ipynb b/examples/reference/widgets/FileDropper.ipynb
index c431be94d9..d9c5eea7e8 100644
--- a/examples/reference/widgets/FileDropper.ipynb
+++ b/examples/reference/widgets/FileDropper.ipynb
@@ -32,6 +32,9 @@
     "* **`max_files`** (int): Maximum number of files that can be uploaded if `multiple=True`.\n",
     "* **`max_total_file_size`** (str): Maximum size of all uploaded files, as a string with units given in KB or MB, e.g. 5MB or 750KB.\n",
     "* **`mime_type`** (dict[str, str]): A dictionary containing the mimetypes for each of the uploaded files indexed by their filename.\n",
+    "* **`previews`** (list[str]): List of previews to enable in the FileDropper. The following previews are available:\n",
+    "    * `image`: Adds support for image previews.\n",
+    "    * `pdf`: Adds support for PDF previews.\n",
     "* **`multiple`** (bool): Whether to allow uploading multiple files.\n",
     "* **`value`** (dict[str, str | bytes]): A dictionary containing the uploaded file(s) as bytes or string objects indexed by the filename. Files that have a `text/*` mimetype will automatically be decoded as `utf-8`.\n",
     "\n",
diff --git a/examples/reference/widgets/Switch.ipynb b/examples/reference/widgets/Switch.ipynb
index 73e194d8e1..eda75bf789 100644
--- a/examples/reference/widgets/Switch.ipynb
+++ b/examples/reference/widgets/Switch.ipynb
@@ -14,7 +14,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "The ``Switch`` widget allows toggling a single condition between ``True``/``False`` states by ticking a switch. This widget is interchangeable with the ``Toggle`` widget.\n",
+    "The ``Switch`` widget allows toggling a single condition between ``True``/``False`` states by ticking a switch. The [``Checkbox``](Checkbox.ipynb), [``Toggle``](Toggle.ipynb), and [``Switch``](Switch.ipynb) widgets are interchangeable.\n",
     "\n",
     "Discover more on using widgets to add interactivity to your applications in the [how-to guides on interactivity](../../how_to/interactivity/index.md). Alternatively, learn [how to set up callbacks and (JS-)links between parameters](../../how_to/links/index.md) or [how to use them as part of declarative UIs with Param](../../how_to/param/index.md).\n",
     "\n",
diff --git a/examples/reference/widgets/Tabulator.ipynb b/examples/reference/widgets/Tabulator.ipynb
index 961494eb70..ef5fbf752b 100644
--- a/examples/reference/widgets/Tabulator.ipynb
+++ b/examples/reference/widgets/Tabulator.ipynb
@@ -851,7 +851,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "pn.widgets.Tabulator(date_df.iloc[:3], groups={'Group 1': ['A', 'B'], 'Group 2': ['C', 'D']})"
+    "pn.widgets.Tabulator(style_df.iloc[:3], groups={'Group 1': ['A', 'B'], 'Group 2': ['C', 'D']})"
    ]
   },
   {
diff --git a/examples/reference/widgets/Toggle.ipynb b/examples/reference/widgets/Toggle.ipynb
index c01912fa9f..bd9d4f11b3 100644
--- a/examples/reference/widgets/Toggle.ipynb
+++ b/examples/reference/widgets/Toggle.ipynb
@@ -14,7 +14,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "The ``Toggle`` widget allows toggling a single condition between ``True``/``False`` states. This widget is interchangeable with the ``Checkbox`` widget.\n",
+    "The ``Toggle`` widget allows toggling a single condition between ``True``/``False`` states. The [``Checkbox``](Checkbox.ipynb), [``Toggle``](Toggle.ipynb), and [``Switch``](Switch.ipynb) widgets are interchangeable.\n",
     "\n",
     "Discover more on using widgets to add interactivity to your applications in the [how-to guides on interactivity](../../how_to/interactivity/index.md). Alternatively, learn [how to set up callbacks and (JS-)links between parameters](../../how_to/links/index.md) or [how to use them as part of declarative UIs with Param](../../how_to/param/index.md).\n",
     "\n",
diff --git a/panel/_templates/basic_login.html b/panel/_templates/basic_login.html
index 992b80f71c..b51c148ab4 100644
--- a/panel/_templates/basic_login.html
+++ b/panel/_templates/basic_login.html
@@ -77,7 +77,7 @@
 </head>
 <body>
   <div class="wrap">
-    <form class="login-form" action="./login" method="post">
+    <form class="login-form" action=".{{ login_endpoint }}" method="post">
       <div class="form-header">
         <h3><img id="logo" src="{{ PANEL_CDN }}images/logo_stacked.png" width="150" height="120"></h3>
         <br>
diff --git a/panel/_templates/index.html b/panel/_templates/index.html
index b8c6f7ef4b..8add607a5b 100644
--- a/panel/_templates/index.html
+++ b/panel/_templates/index.html
@@ -191,18 +191,18 @@
     </section>
     <section id="cards">
       <ul class="cards-grid">
-        {% for item in sorted(items, key=lambda item: item[1:].replace("_", " ").title()) %}
+        {% for slug, title in items %}
         <li class="card">
-          <a class="card-link" href=".{{ item }}" id="{{ item }}">
+          <a class="card-link" href=".{{ slug }}" id="{{ slug }}">
             <div class="gallery-item">
-              <object data="thumbnails{{ item }}.png" type="image/png">
+              <object data="thumbnails{{ slug }}.png" type="image/png">
                 <svg class="card-image" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-window" viewBox="0 0 16 16">
                   <path d="M2.5 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
                   <path d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2zm13 2v2H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zM2 14a1 1 0 0 1-1-1V6h14v7a1 1 0 0 1-1 1H2z"/>
                 </svg>
               </object>
               <div class="card-content">
-                <h2 class="card-header">{{ item[1:].replace("_", " ").title() }}</h2>
+                <h2 class="card-header">{{ title }}</h2>
               </div>
             </div>
           </a>
diff --git a/panel/auth.py b/panel/auth.py
index d9a55e18b8..20dc3a662b 100644
--- a/panel/auth.py
+++ b/panel/auth.py
@@ -119,6 +119,12 @@ def _SCOPE(self):
             return self._DEFAULT_SCOPES
         return [scope for scope in os.environ['PANEL_OAUTH_SCOPE'].split(',')]
 
+    @property
+    def _redirect_uri(self):
+        if config.oauth_redirect_uri:
+            return config.oauth_redirect_uri
+        return f"{self.request.protocol}://{self.request.host}{state.base_url[:-1]}"
+
     async def get_authenticated_user(self, redirect_uri, client_id, state,
                                      client_secret=None, code=None):
         """
@@ -306,8 +312,13 @@ def set_state_cookie(self, state):
         )
 
     def get_state(self):
-        root_url = self.request.uri.replace(self._login_endpoint, '')
+        # Determine root url by removing login subpath and query parameters
+        root_url = self.request.uri.replace(self._login_endpoint, '').split('?')[0]
+        if not root_url.endswith('/'):
+            root_url += '/'
         next_url = original_next_url = self.get_argument('next', root_url)
+        if state.base_url and not next_url.startswith(state.base_url):
+            next_url = original_next_url = next_url.replace('/', state.base_url, 1)
         if next_url:
             # avoid browsers treating \ as /
             next_url = next_url.replace('\\', urlparse.quote('\\'))
@@ -322,7 +333,7 @@ def get_state(self):
                     "Ignoring next_url %r, using %r", original_next_url, next_url
                 )
         return _serialize_state(
-            {'state_id': uuid.uuid4().hex, 'next_url': next_url or '/'}
+            {'state_id': uuid.uuid4().hex, 'next_url': next_url or state.base_url}
         )
 
     def get_code(self):
@@ -338,17 +349,13 @@ def get_code_cookie(self):
 
     def set_code_cookie(self, code):
         self.set_secure_cookie(
-            CODE_COOKIE_NAME, code, expires_days=config.oauth_expiry, httponly=True
+            CODE_COOKIE_NAME, code, expires_days=config.oauth_expiry, httponly=True, path=config.cookie_path
         )
 
     async def get(self):
         log.debug("%s received login request", type(self).__name__)
-        if config.oauth_redirect_uri:
-            redirect_uri = config.oauth_redirect_uri
-        else:
-            redirect_uri = f"{self.request.protocol}://{self.request.host}"
         params = {
-            'redirect_uri': redirect_uri,
+            'redirect_uri': self._redirect_uri,
             'client_id':    config.oauth_key,
         }
 
@@ -381,7 +388,7 @@ async def get(self):
                 log.warning("OAuth state mismatch: %s != %s", cookie_state, url_state)
                 raise HTTPError(401, "OAuth state mismatch. Please restart the authentication flow.", reason='state mismatch')
 
-            state = _deserialize_state(url_state)
+            decoded_state = _deserialize_state(url_state)
             # For security reason, the state value (cross-site token) will be
             # retrieved from the query string.
             params.update({
@@ -393,11 +400,11 @@ async def get(self):
             if user is None:
                 raise HTTPError(403, "Permissions unknown.")
             log.debug("%s authorized user, redirecting to app.", type(self).__name__)
-            self.redirect(state.get('next_url', '/'))
+            self.redirect(decoded_state.get('next_url', state.base_url))
         else:
             # Redirect for user authentication
-            params['state'] = state = self.get_state()
-            self.set_state_cookie(state)
+            params['state'] = decoded_state = self.get_state()
+            self.set_state_cookie(decoded_state)
             await self.get_authenticated_user(**params)
 
     @staticmethod
@@ -416,7 +423,7 @@ def set_auth_cookies(handler, id_token, access_token, refresh_token=None, expire
                           type(handler).__name__, user_key)
                 raise HTTPError(401, "OAuth token payload missing user information")
             handler.clear_cookie('is_guest')
-            handler.set_secure_cookie('user', user, expires_days=config.oauth_expiry, httponly=True)
+            handler.set_secure_cookie('user', user, expires_days=config.oauth_expiry, httponly=True, path=config.cookie_path)
         else:
             user = None
 
@@ -426,14 +433,14 @@ def set_auth_cookies(handler, id_token, access_token, refresh_token=None, expire
                 id_token = state.encryption.encrypt(id_token.encode('utf-8'))
             if refresh_token:
                 refresh_token = state.encryption.encrypt(refresh_token.encode('utf-8'))
-        handler.set_secure_cookie('access_token', access_token, expires_days=config.oauth_expiry, httponly=True)
+        handler.set_secure_cookie('access_token', access_token, expires_days=config.oauth_expiry, httponly=True, path=config.cookie_path)
         if id_token:
-            handler.set_secure_cookie('id_token', id_token, expires_days=config.oauth_expiry, httponly=True)
+            handler.set_secure_cookie('id_token', id_token, expires_days=config.oauth_expiry, httponly=True, path=config.cookie_path)
         if expires_in:
             now_ts = dt.datetime.now(dt.timezone.utc).timestamp()
-            handler.set_secure_cookie('oauth_expiry', str(int(now_ts + expires_in)), expires_days=config.oauth_expiry, httponly=True)
+            handler.set_secure_cookie('oauth_expiry', str(int(now_ts + expires_in)), expires_days=config.oauth_expiry, httponly=True, path=config.cookie_path)
         if refresh_token:
-            handler.set_secure_cookie('refresh_token', refresh_token, expires_days=config.oauth_expiry, httponly=True)
+            handler.set_secure_cookie('refresh_token', refresh_token, expires_days=config.oauth_expiry, httponly=True, path=config.cookie_path)
         if user and user in state._oauth_user_overrides:
             state._oauth_user_overrides.pop(user, None)
         return user
@@ -528,6 +535,8 @@ def get(self):
 
         next_url = self.get_argument('next', None)
         if next_url:
+            if state.base_url and not next_url.startswith(state.base_url):
+                next_url = next_url.replace('/', state.base_url, 1)
             self.set_cookie("next_url", next_url)
         html = self._login_template.render(
             errormessage=errormessage,
@@ -538,19 +547,14 @@ def get(self):
     async def post(self):
         username = self.get_argument("username", "")
         password = self.get_argument("password", "")
-        if config.oauth_redirect_uri:
-            redirect_uri = config.oauth_redirect_uri
-        else:
-            redirect_uri = f"{self.request.protocol}://{self.request.host}{self._login_endpoint}"
         user, _, _, _ = await self._fetch_access_token(
             client_id=config.oauth_key,
-            redirect_uri=redirect_uri,
+            redirect_uri=self._redirect_uri,
             username=username,
             password=password
         )
-        if not user:
-            return
-        self.redirect('/')
+        next_url = self.get_cookie("next_url", state.base_url)
+        self.redirect(next_url)
 
 
 class CodeChallengeLoginHandler(GenericLoginHandler):
@@ -558,11 +562,7 @@ class CodeChallengeLoginHandler(GenericLoginHandler):
     async def get(self):
         code = self.get_argument("code", "")
         url_state = self.get_argument("state", "")
-        if config.oauth_redirect_uri:
-            redirect_uri = config.oauth_redirect_uri
-        else:
-            redirect_uri = f"{self.request.protocol}://{self.request.host}{self._login_endpoint}"
-
+        redirect_uri = self._redirect_uri
         if not code or not url_state:
             self._authorize_redirect(redirect_uri)
             return
@@ -572,12 +572,12 @@ async def get(self):
             log.warning("OAuth state mismatch: %s != %s", cookie_state, url_state)
             raise HTTPError(400, "OAuth state mismatch")
 
-        state = _deserialize_state(url_state)
+        decoded_state = _deserialize_state(url_state)
         user = await self.get_authenticated_user(redirect_uri, config.oauth_key, url_state, code=code)
         if user is None:
             raise HTTPError(403)
         log.debug("%s authorized user, redirecting to app.", type(self).__name__)
-        self.redirect(state.get('next_url', '/'))
+        self.redirect(decoded_state.get('next_url', state.base_url))
 
     def _authorize_redirect(self, redirect_uri):
         state = self.get_state()
@@ -807,6 +807,8 @@ class GoogleLoginHandler(OAuthLoginHandler):
 
 class BasicLoginHandler(RequestHandler):
 
+    _login_endpoint = '/login'
+
     _login_template = BASIC_LOGIN_TEMPLATE
 
     def get(self):
@@ -814,11 +816,13 @@ def get(self):
             errormessage = self.get_argument("error")
         except Exception:
             errormessage = ""
-
-        next_url = self.get_argument('next', None)
+        next_url = self.get_argument('next', state.base_url)
         if next_url:
+            if state.base_url and not next_url.startswith(state.base_url):
+                next_url = next_url.replace('/', state.base_url, 1)
             self.set_cookie("next_url", next_url)
         html = self._login_template.render(
+            login_endpoint=self._login_endpoint,
             errormessage=errormessage,
             PANEL_CDN=CDN_DIST
         )
@@ -846,7 +850,7 @@ def post(self):
         auth = self._validate(username, password)
         if auth:
             self.set_current_user(username)
-            next_url = self.get_cookie("next_url", "/")
+            next_url = self.get_cookie("next_url", state.base_url)
             self.redirect(next_url)
         else:
             error_msg = "?error=" + tornado.escape.url_escape("Invalid username or password!")
@@ -858,11 +862,11 @@ def set_current_user(self, user):
             self.clear_cookie("user")
             return
         self.clear_cookie("is_guest")
-        self.set_secure_cookie("user", user, expires_days=config.oauth_expiry, httponly=True)
+        self.set_secure_cookie("user", user, expires_days=config.oauth_expiry, httponly=True, path=config.cookie_path)
         id_token = base64url_encode(json.dumps({'user': user}))
         if state.encryption:
             id_token = state.encryption.encrypt(id_token.encode('utf-8'))
-        self.set_secure_cookie('id_token', id_token, expires_days=config.oauth_expiry, httponly=True)
+        self.set_secure_cookie('id_token', id_token, expires_days=config.oauth_expiry, httponly=True, path=config.cookie_path)
 
 
 class LogoutHandler(tornado.web.RequestHandler):
@@ -951,7 +955,7 @@ def get_user(request_handler):
                 user = "guest"
                 request_handler.request.cookies["is_guest"] = "1"
                 if not isinstance(request_handler, WebSocketHandler):
-                    request_handler.set_cookie("is_guest", "1", expires_days=config.oauth_expiry)
+                    request_handler.set_cookie("is_guest", "1", expires_days=config.oauth_expiry, path=config.cookie_path)
 
             if user and isinstance(request_handler, WebSocketHandler):
                 state._active_users[user] += 1
@@ -1077,6 +1081,7 @@ async def get_user(handler):
                     pass
 
             if refresh_token is None:
+                handler.clear_cookie('state')
                 log.debug("%s access_token is expired and refresh_token not available, forcing user to reauthenticate.", type(self).__name__)
                 return
 
diff --git a/panel/chat/feed.py b/panel/chat/feed.py
index 70cf1a0fcb..49f2e41723 100644
--- a/panel/chat/feed.py
+++ b/panel/chat/feed.py
@@ -10,6 +10,7 @@
 
 from collections.abc import Callable
 from enum import Enum
+from functools import partial
 from inspect import (
     getfullargspec, isasyncgen, isasyncgenfunction, isawaitable,
     iscoroutinefunction, isgenerator, isgeneratorfunction, ismethod,
@@ -27,11 +28,10 @@
     Column, Feed, ListPanel, WidgetBox,
 )
 from ..layout.card import Card
-from ..layout.spacer import VSpacer
 from ..pane.image import SVG, ImageBase
 from ..pane.markup import HTML, Markdown
 from ..util import to_async_gen
-from ..viewable import Children
+from ..viewable import Children, Viewable
 from ..widgets import Widget
 from ..widgets.button import Button
 from ._param import CallbackException
@@ -66,6 +66,12 @@ class StopCallback(Exception):
     pass
 
 
+def _stretches_height(obj: Viewable) -> param.rx:
+    return obj.param.sizing_mode.rx().rx.pipe(
+        lambda sm: 'max' if sm is not None and ('height' in sm or 'both' in sm) else 'auto'
+    )
+
+
 class ChatFeed(ListPanel):
     """
     A ChatFeed holds a list of `ChatMessage` objects and provides convenient APIs.
@@ -220,11 +226,13 @@ class ChatFeed(ListPanel):
 
     _callback_trigger = param.Event(doc="Triggers the callback to respond.")
 
-    _post_hook_trigger = param.Event(doc="Triggers the append callback.")
-
     _disabled_stack = param.List(doc="""
         The previous disabled state of the feed.""")
 
+    _card_type: ClassVar[type[Card]] = Card
+    _message_type: ClassVar[type[ChatMessage]] = ChatMessage
+    _step_type: ClassVar[type[ChatStep]] = ChatStep
+
     _stylesheets: ClassVar[list[str]] = [f"{CDN_DIST}css/chat_feed.css"]
 
     def __init__(self, *objects, **params):
@@ -238,7 +246,7 @@ def __init__(self, *objects, **params):
         # forward message params to ChatMessage for convenience
         message_params = params.get("message_params", {})
         for param_key in params.copy():
-            if param_key not in self.param and param_key in ChatMessage.param:
+            if param_key not in self.param and param_key in self._message_type.param:
                 message_params[param_key] = params.pop(param_key)
         params["message_params"] = message_params
 
@@ -246,7 +254,7 @@ def __init__(self, *objects, **params):
 
         if self.help_text:
             self.objects = [
-                ChatMessage(
+                self._message_type(
                     self.help_text,
                     user="Help",
                     show_edit_icon=False,
@@ -263,7 +271,7 @@ def __init__(self, *objects, **params):
             width=self.param.width,
             max_width=self.param.max_width,
             min_width=self.param.min_width,
-            visible=self.param.visible
+            visible=self.param.visible,
         )
         # we separate out chat log for the auto scroll feature
         self._chat_log = Feed(
@@ -271,12 +279,13 @@ def __init__(self, *objects, **params):
             load_buffer=self.load_buffer,
             auto_scroll_limit=self.auto_scroll_limit,
             scroll_button_threshold=self.scroll_button_threshold,
+            height=None,
             view_latest=self.view_latest,
             css_classes=["chat-feed-log"],
             stylesheets=self._stylesheets,
+            height_policy=_stretches_height(self),
             **linked_params
         )
-        self._chat_log.height = None
         card_params = linked_params.copy()
         card_stylesheets = (
             self._stylesheets +
@@ -284,34 +293,33 @@ def __init__(self, *objects, **params):
             self.param.card_params.rx().get('stylesheets', [])
         )
         card_params.update(
-            margin=self.param.margin,
             align=self.param.align,
-            header=self.param.header,
-            height=self.param.height,
-            hide_header=self.param.header.rx().rx.in_((None, "")),
             collapsible=False,
             css_classes=["chat-feed"] + self.param.css_classes.rx(),
+            header=self.header,
             header_css_classes=["chat-feed-header"],
+            height=self.param.height,
+            hide_header=self.param.header.rx().rx.in_((None, "")),
+            margin=self.param.margin,
             max_height=self.param.max_height,
             min_height=self.param.min_height,
-            title_css_classes=["chat-feed-title"],
             styles={"padding": "0px"},
-            stylesheets=card_stylesheets
+            stylesheets=card_stylesheets,
+            title_css_classes=["chat-feed-title"],
         )
         card_overrides = self.card_params.copy()
         card_overrides.pop('stylesheets', None)
         card_params.update(card_overrides)
         self.link(self._chat_log, objects='objects', bidirectional=True)
         # we have a card for the title
-        self._card = Card(
+        self._card = self._card_type(
             self._chat_log,
-            VSpacer(),
             **card_params
         )
+        self.link(self._card, header='header')
 
         # handle async callbacks using this trick
         self.param.watch(self._prepare_response, '_callback_trigger')
-        self.param.watch(self._after_append_completed, '_post_hook_trigger')
 
     def _get_model(
         self, doc: Document, root: Model | None = None,
@@ -359,7 +367,7 @@ def _update_placeholder(self):
             PLACEHOLDER_SVG, sizing_mode="fixed", width=35, height=35,
             css_classes=["rotating-placeholder"]
         )
-        self._placeholder = ChatMessage(
+        self._placeholder = self._message_type(
             self.placeholder_text,
             avatar=loading_avatar,
             css_classes=["message"],
@@ -436,7 +444,7 @@ def _build_message(
                 (isinstance(user, str) and user.lower() not in (self.callback_user.lower(), "help"))
             )
 
-        message = ChatMessage(**message_params)
+        message = self._message_type(**message_params)
         message.param.watch(self._on_edit_message, "edited")
         return message
 
@@ -545,7 +553,8 @@ async def _serialize_response(self, response: Any) -> ChatMessage | None:
                 response_message = self._upsert_message(await response, response_message)
             else:
                 response_message = self._upsert_message(response, response_message)
-            self.param.trigger("_post_hook_trigger")
+            if response_message is not None:
+                self._run_post_hook(response_message)
         finally:
             if response_message:
                 response_message.show_activity_dot = False
@@ -662,6 +671,7 @@ def send(
         user: str | None = None,
         avatar: str | bytes | BytesIO | None = None,
         respond: bool = True,
+        trigger_post_hook: bool = True,
         **message_params
     ) -> ChatMessage | None:
         """
@@ -679,6 +689,8 @@ def send(
             The avatar to use; overrides the message message's avatar if provided.
         respond : bool
             Whether to execute the callback.
+        trigger_post_hook: bool
+            Whether to trigger the post hook after sending.
         message_params : dict
             Additional parameters to pass to the ChatMessage.
 
@@ -698,7 +710,8 @@ def send(
                 value = {"object": value}
             message = self._build_message(value, user=user, avatar=avatar, **message_params)
         self.append(message)
-        self.param.trigger("_post_hook_trigger")
+        if trigger_post_hook:
+            self._run_post_hook(message)
         if respond:
             self.respond()
         return message
@@ -710,6 +723,7 @@ def stream(
         avatar: str | bytes | BytesIO | None = None,
         message: ChatMessage | None = None,
         replace: bool = False,
+        trigger_post_hook: bool = False,
         **message_params
     ) -> ChatMessage | None:
         """
@@ -733,6 +747,8 @@ def stream(
             The message to update.
         replace : bool
             Whether to replace the existing text when streaming a string or dict.
+        trigger_post_hook: bool
+            Whether to trigger the post hook after streaming.
         message_params : dict
             Additional parameters to pass to the ChatMessage.
 
@@ -761,6 +777,8 @@ def stream(
             if message_params:
                 message.param.update(**message_params)
             self._chat_log.scroll_to_latest(scroll_limit=self.auto_scroll_limit)
+            if trigger_post_hook:
+                self._run_post_hook(message)
             return message
 
         if isinstance(value, ChatMessage):
@@ -770,11 +788,51 @@ def stream(
                 value = {"object": value}
             message = self._build_message(value, user=user, avatar=avatar, **message_params)
         self._replace_placeholder(message)
-
-        self.param.trigger("_post_hook_trigger")
         self._chat_log.scroll_to_latest(scroll_limit=self.auto_scroll_limit)
+        if trigger_post_hook:
+            self._run_post_hook(message)
         return message
 
+    def _match_step_status(self, event):
+        """
+        Matches the status of the ChatStep with the ChatFeed.
+        """
+        if event.new in ("running", "pending"):
+            self._callback_state = CallbackState.RUNNING
+        elif event.new in ("failed", "success"):
+            self._callback_state = CallbackState.IDLE
+            self._run_post_hook(event.obj)
+
+    def _build_steps_layout(self, step, layout_params, default_layout):
+        layout_params = layout_params or {}
+        input_layout_params = dict(
+            min_width=100,
+            styles={
+                "margin-inline": "10px",
+            },
+            css_classes=["chat-steps"],
+            stylesheets=[f"{CDN_DIST}css/chat_steps.css"]
+        )
+        if default_layout == "column":
+            layout = Column
+        elif default_layout == "card":
+            layout = self._card_type
+            input_layout_params["header_css_classes"] = ["card-header"]
+            title = layout_params.pop("title", None)
+            input_layout_params["header"] = HTML(
+                title or "🪜 Steps",
+                css_classes=["card-title"],
+                stylesheets=[f"{CDN_DIST}css/chat_steps.css"]
+            )
+        else:
+            raise ValueError(
+                f"Invalid default_layout {default_layout!r}; "
+                f"expected 'column' or 'card'."
+            )
+        if layout_params:
+            input_layout_params.update(layout_params)
+        return layout(step, **input_layout_params)
+
     def add_step(
         self,
         step: str | list[str] | ChatStep | None = None,
@@ -817,6 +875,7 @@ def add_step(
         step_params : dict
             Parameters to pass to the ChatStep.
         """
+        self._callback_state = CallbackState.RUNNING
         if not isinstance(step, ChatStep):
             if step is None:
                 step = []
@@ -834,9 +893,10 @@ def add_step(
             ]
             if "context_exception" not in step_params:
                 step_params["context_exception"] = self.callback_exception
-            step = ChatStep(**step_params)
+            step = self._step_type(**step_params)
 
         step._instance = self
+        step.param.watch(self._match_step_status, "status")
 
         if append:
             for i in range(1, last_messages + 1):
@@ -851,38 +911,12 @@ def add_step(
                     steps_layout = last.object
 
         if steps_layout is None:
-            layout_params = layout_params or {}
-            input_layout_params = dict(
-                min_width=100,
-                styles={
-                    "margin-inline": "10px",
-                },
-                css_classes=["chat-steps"],
-                stylesheets=[f"{CDN_DIST}css/chat_steps.css"]
-            )
-            if default_layout == "column":
-                layout = Column
-            elif default_layout == "card":
-                layout = Card
-                input_layout_params["header_css_classes"] = ["card-header"]
-                title = layout_params.pop("title", None)
-                input_layout_params["header"] = HTML(
-                    title or "🪜 Steps",
-                    css_classes=["card-title"],
-                    stylesheets=[f"{CDN_DIST}css/chat_steps.css"]
-                )
-            else:
-                raise ValueError(
-                    f"Invalid default_layout {default_layout!r}; "
-                    f"expected 'column' or 'card'."
-                )
-            if layout_params:
-                input_layout_params.update(layout_params)
-            steps_layout = layout(step, **input_layout_params)
-            self.stream(steps_layout, user=user or self.callback_user, avatar=avatar)
+            steps_layout = self._build_steps_layout(step, layout_params, default_layout)
+            self.stream(steps_layout, user=user or self.callback_user, avatar=avatar, trigger_post_hook=False)
         else:
             steps_layout.append(step)
             self._chat_log.scroll_to_latest(scroll_limit=self.auto_scroll_limit)
+        step._layout = steps_layout
         return step
 
     def prompt_user(
@@ -964,9 +998,22 @@ async def _prepare_prompt(*args) -> None:
 
         param.parameterized.async_executor(_prepare_prompt)
 
+    def trigger_post_hook(self):
+        """
+        Triggers the post hook with the latest message in the chat log.
+
+        Typically called after streaming is completed, i.e. after a for loop where `stream` is called multiple times.
+        If not streaming, use the `trigger_post_hook` keyword argument inside the `send` method instead.
+        """
+        message = self._chat_log.objects[-1]
+        self._run_post_hook(message)
+
     def respond(self):
         """
         Executes the callback with the latest message in the chat log.
+
+        Typically called after streaming is completed, i.e. after a for loop where `stream` is called multiple times.
+        If not streaming, use the `respond` keyword argument inside the `send` method instead.
         """
         self.param.trigger("_callback_trigger")
 
@@ -1077,16 +1124,23 @@ def _serialize_for_transformers(
             serialized_messages.append({"role": role, "content": content})
         return serialized_messages
 
-    async def _after_append_completed(self, message):
+    def _run_post_hook(self, message: ChatMessage | ChatStep | None):
         """
-        Trigger the append callback after a message is added to the chat feed.
+        Runs the post hook callback, only if idle or stopped.
         """
         if self.post_hook is None:
             return
 
-        message = self._chat_log.objects[-1]
+        if isinstance(message, ChatStep):
+            for obj in self._chat_log.objects[::-1]:
+                if obj.object is message._layout:
+                    message = obj
+                    break
+            else:
+                raise ValueError("Could not find the ChatStep layout in the chat log.")
+
         if iscoroutinefunction(self.post_hook):
-            await self.post_hook(message, self)
+            param.parameterized.async_executor(partial(self.post_hook, message, self))
         else:
             self.post_hook(message, self)
 
diff --git a/panel/chat/interface.py b/panel/chat/interface.py
index 76271718d3..7a755c0b7b 100644
--- a/panel/chat/interface.py
+++ b/panel/chat/interface.py
@@ -163,11 +163,12 @@ class ChatInterface(ChatFeed):
         The rendered buttons.""")
 
     _stylesheets: ClassVar[list[str]] = [f"{CDN_DIST}css/chat_interface.css"]
+    _input_type: ClassVar[type[WidgetBase]] = ChatAreaInput
 
     def __init__(self, *objects, **params):
         widgets = params.get("widgets")
         if widgets is None:
-            params["widgets"] = [ChatAreaInput(placeholder="Send a message")]
+            params["widgets"] = [self._input_type(placeholder="Send a message")]
         elif not isinstance(widgets, list):
             params["widgets"] = [widgets]
         active = params.pop("active", None)
@@ -204,15 +205,7 @@ def _update_input_width(self):
         if self.show_button_name is None:
             self.show_button_name = self.width is None or self.width >= 400
 
-    @param.depends("widgets", "button_properties", watch=True)
-    def _init_widgets(self):
-        """
-        Initialize the input widgets.
-
-        Returns
-        -------
-        The input widgets.
-        """
+    def _init_button_data(self):
         default_button_properties = {
             "send": {"icon": "send", "_default_callback": self._click_send},
             "stop": {"icon": "player-stop", "_default_callback": self._click_stop},
@@ -221,7 +214,6 @@ def _init_widgets(self):
             "clear": {"icon": "trash", "_default_callback": self._click_clear},
         }
         self._allow_revert = len(self.button_properties) == 0
-
         button_properties = {**default_button_properties, **self.button_properties}
         for index, (name, properties) in enumerate(button_properties.items()):
             name = name.lower()
@@ -256,6 +248,16 @@ def _init_widgets(self):
                 js_on_click=js_on_click,
             )
 
+    @param.depends("widgets", "button_properties", watch=True)
+    def _init_widgets(self):
+        """
+        Initialize the input widgets.
+
+        Returns
+        -------
+        The input widgets.
+        """
+        self._init_button_data()
         widgets = self.widgets
         if isinstance(self.widgets, WidgetBase):
             widgets = [self.widgets]
@@ -290,7 +292,7 @@ def _init_widgets(self):
             # TextAreaInput will trigger auto send!
             auto_send = (
                 isinstance(widget, tuple(self.auto_send_types)) or
-                type(widget) in (TextInput, ChatAreaInput)
+                type(widget) in (TextInput, self._input_type)
             )
             if auto_send and widget in new_widgets:
                 callback = partial(self._button_data["send"].callback, self)
@@ -299,7 +301,7 @@ def _init_widgets(self):
                 sizing_mode="stretch_width",
                 css_classes=["chat-interface-input-widget"]
             )
-            if isinstance(widget, ChatAreaInput):
+            if isinstance(widget, self._input_type):
                 self.link(widget, disabled="disabled_enter")
 
             self._buttons = {}
@@ -639,13 +641,11 @@ def _serialize_for_transformers(
     async def _update_input_disabled(self):
         busy_states = (CallbackState.RUNNING, CallbackState.GENERATING)
         if not self.show_stop or self._callback_state not in busy_states or self._callback_future is None:
-            with param.parameterized.batch_call_watchers(self):
-                self._buttons["send"].visible = True
-                self._buttons["stop"].visible = False
+            self._buttons["send"].visible = True
+            self._buttons["stop"].visible = False
         else:
-            with param.parameterized.batch_call_watchers(self):
-                self._buttons["send"].visible = False
-                self._buttons["stop"].visible = True
+            self._buttons["send"].visible = False
+            self._buttons["stop"].visible = True
 
     async def _cleanup_response(self):
         """
@@ -660,6 +660,7 @@ def send(
         user: str | None = None,
         avatar: str | bytes | BytesIO | None = None,
         respond: bool = True,
+        trigger_post_hook: bool = True,
         **message_params
     ) -> ChatMessage | None:
 
@@ -680,6 +681,8 @@ def send(
             Will default to the avatar parameter.
         respond : bool
             Whether to execute the callback.
+        trigger_post_hook: bool
+            Whether to trigger the post hook after sending.
         message_params : dict
             Additional parameters to pass to the ChatMessage.
 
@@ -690,11 +693,13 @@ def send(
         if not isinstance(value, ChatMessage):
             if user is None:
                 user = self.user
-            if avatar is None:
+            if avatar is None and user == self.user:
                 avatar = self.avatar
         message_params["show_edit_icon"] = message_params.get(
             "show_edit_icon", user == self.user and self.edit_callback is not None)
-        return super().send(value, user=user, avatar=avatar, respond=respond, **message_params)
+        return super().send(
+            value, user=user, avatar=avatar, respond=respond,
+            trigger_post_hook=trigger_post_hook, **message_params)
 
     def stream(
         self,
@@ -703,6 +708,7 @@ def stream(
         avatar: str | bytes | BytesIO | None = None,
         message: ChatMessage | None = None,
         replace: bool = False,
+        trigger_post_hook: bool = False,
         **message_params
     ) -> ChatMessage | None:
         """
@@ -728,6 +734,8 @@ def stream(
             The message to update.
         replace : bool
             Whether to replace the existing text when streaming a string or dict.
+        trigger_post_hook: bool
+            Whether to trigger the post hook after streaming.
         message_params : dict
             Additional parameters to pass to the ChatMessage.
 
@@ -739,6 +747,9 @@ def stream(
             # ChatMessage cannot set user or avatar when explicitly streaming
             # so only set to the default when not a ChatMessage
             user = user or self.user
-            avatar = avatar or self.avatar
+            if avatar is None and user == self.user:
+                avatar = self.avatar
         message_params["show_edit_icon"] = message_params.get("show_edit_icon", user == self.user and self.edit_callback is not None)
-        return super().stream(value, user=user, avatar=avatar, message=message, replace=replace, **message_params)
+        return super().stream(
+            value, user=user, avatar=avatar, message=message, replace=replace,
+            trigger_post_hook=trigger_post_hook, **message_params)
diff --git a/panel/chat/message.py b/panel/chat/message.py
index a9671725f2..d335e2c87a 100644
--- a/panel/chat/message.py
+++ b/panel/chat/message.py
@@ -31,8 +31,8 @@
 )
 from ..pane.media import Audio, Video
 from ..pane.placeholder import Placeholder
-from ..param import ParamFunction
-from ..viewable import ServableMixin, Viewable
+from ..param import ParamFunction, ParamRef
+from ..viewable import Children, ServableMixin, Viewable
 from ..widgets.base import Widget
 from ..widgets.icon import ToggleIcon
 from .icon import ChatCopyIcon, ChatReactionIcons
@@ -188,10 +188,10 @@ class ChatMessage(Pane):
     edited = param.Event(doc="""
         An event that is triggered when the message is edited.""")
 
-    footer_objects = param.List(doc="""
+    footer_objects = Children(default=[], doc="""
         A list of objects to display in the column of the footer of the message.""")
 
-    header_objects = param.List(doc="""
+    header_objects = Children(default=[], doc="""
         A list of objects to display in the row of the header of the message.""")
 
     max_width = param.Integer(default=1200, bounds=(0, None), allow_None=True)
@@ -449,48 +449,33 @@ def _select_renderer(
                 contents = contents.decode("utf-8")
         return contents, renderer
 
-    def _include_stylesheets_inplace(self, obj):
-        if hasattr(obj, "objects"):
-            obj.objects[:] = [
-                self._include_stylesheets_inplace(o) for o in obj.objects
-            ]
-        else:
-            obj = _panel(obj)
-        obj.stylesheets = [
-            stylesheet for stylesheet in self._stylesheets + self.stylesheets
-            if stylesheet not in obj.stylesheets
-        ] + obj.stylesheets
-        return obj
-
-    def _include_message_css_class_inplace(self, obj):
-        if hasattr(obj, "objects"):
-            obj.objects[:] = [
-                self._include_message_css_class_inplace(o)
-                for o in obj.objects
-            ]
-        else:
-            obj = _panel(obj)
-        is_markup = isinstance(obj, HTMLBasePane) and not isinstance(obj, FileBase)
-        if obj.css_classes or not is_markup:
-            return obj
-        if len(str(obj.object)) > 0:  # only show a background if there is content
-            obj.css_classes = [*(css for css in obj.css_classes if css != "message"), "message"]
-        obj.sizing_mode = None
-        return obj
+    def _include_styles(self, obj):
+        obj = _panel(obj)
+        for o in obj.select():
+            params = {
+                "stylesheets": [
+                    stylesheet for stylesheet in self._stylesheets + self.stylesheets
+                    if stylesheet not in o.stylesheets
+                ] + o.stylesheets
+            }
+            is_markup = isinstance(o, HTMLBasePane) and not isinstance(o, FileBase)
+            if is_markup:
+                params["sizing_mode"] = None
+                if not o.css_classes and len(str(o.object)) > 0:  # only show a background if there is content
+                    params["css_classes"] = [
+                        *(css for css in o.css_classes if css != "message"), "message"
+                    ]
+            o.param.update(**params)
 
     def _set_params(self, obj, **params):
         """
         Set the sizing mode and height of the object.
         """
-        self._include_stylesheets_inplace(obj)
-        is_markup = isinstance(obj, HTMLBasePane) and not isinstance(obj, FileBase)
-        if is_markup:
-            self._include_message_css_class_inplace(obj)
-        else:
+        self._include_styles(obj)
+        if not isinstance(obj, (FileBase, HTMLBasePane)):
             if obj.sizing_mode is None and not obj.width:
                 params['sizing_mode'] = "stretch_width"
-
-            if obj.height is None and not isinstance(obj, ParamFunction):
+            if obj.height is None and not isinstance(obj, (ParamFunction, ParamRef)):
                 params['height'] = 500
         obj.param.update(params)
 
@@ -504,8 +489,7 @@ def _create_panel(self, value, old=None):
         """
         if isinstance(value, Viewable):
             self._internal = False
-            self._include_stylesheets_inplace(value)
-            self._include_message_css_class_inplace(value)
+            self._include_styles(value)
             return value
 
         renderer = None
diff --git a/panel/chat/step.py b/panel/chat/step.py
index e98bcfb172..9b9c819303 100644
--- a/panel/chat/step.py
+++ b/panel/chat/step.py
@@ -13,16 +13,17 @@
 from ..pane.markup import HTML, HTMLBasePane, Markdown
 from ..pane.placeholder import Placeholder
 from ..util import edit_readonly
+from ..viewable import Child
 from ..widgets.indicators import BooleanStatus
 from .utils import (
     avatar_lookup, build_avatar_pane, serialize_recursively, stream_to,
 )
 
 DEFAULT_STATUS_BADGES = {
-    "pending": BooleanStatus(value=False, margin=0, color="primary"),
-    "running": BooleanStatus(value=True, margin=0, color="warning"),
-    "success": BooleanStatus(value=True, margin=0, color="success"),
-    "failed": BooleanStatus(value=True, margin=0, color="danger"),
+    "pending": lambda: BooleanStatus(value=False, margin=0, color="primary"),
+    "running": lambda: BooleanStatus(value=True, margin=0, color="warning"),
+    "success": lambda: BooleanStatus(value=True, margin=0, color="success"),
+    "failed": lambda: BooleanStatus(value=True, margin=0, color="danger"),
 }
 
 
@@ -53,9 +54,6 @@ class ChatStep(Card):
         If "ignore", the exception will be ignored.
         """)
 
-    success_title = param.String(default=None, doc="""
-        Title to display when status is success.""")
-
     default_badges = param.Dict(default=DEFAULT_STATUS_BADGES, doc="""
         Mapping from status to default status badge; keys must be one of
         'pending', 'running', 'success', 'failed'.
@@ -67,7 +65,7 @@ class ChatStep(Card):
     failed_title = param.String(default=None, doc="""
         Title to display when status is failed.""")
 
-    header = param.Parameter(doc="""
+    header = Child(doc="""
         A Panel component to display in the header bar of the Card.
         Will override the given title if defined.""", readonly=True)
 
@@ -85,6 +83,9 @@ class ChatStep(Card):
     status = param.Selector(default="pending", objects=[
         "pending", "running", "success", "failed"])
 
+    success_title = param.String(default=None, doc="""
+        Title to display when status is success.""")
+
     title = param.String(default="", constant=True, doc="""
         The title of the chat step. Will redirect to default_title on init.
         After, it cannot be set directly; instead use the *_title params.""")
@@ -98,8 +99,7 @@ class ChatStep(Card):
         "running_title": None,
         "success_title": None,
         "failed_title": None,
-        "status": None,
-        **Card._rename,
+        "status": None
     }
 
     _stylesheets: ClassVar[list[str]] = [f"{CDN_DIST}css/chat_step.css"]
@@ -157,7 +157,7 @@ def __exit__(self, exc_type, exc_value, tb):
             self.status = "failed"
             if self.context_exception == "raise":
                 return False
-        else:
+        elif self.status in ("pending", "running"):
             self.status = "success"
         return True  # suppress exception if any
 
diff --git a/panel/chat/utils.py b/panel/chat/utils.py
index c1fda59ae6..0259136e5f 100644
--- a/panel/chat/utils.py
+++ b/panel/chat/utils.py
@@ -5,6 +5,7 @@
 from collections.abc import Iterable
 from io import BytesIO
 from textwrap import indent
+from types import FunctionType
 from typing import Any, Union
 
 import param
@@ -48,6 +49,8 @@ def avatar_lookup(
 
     # now lookup the avatar
     avatar = updated_avatars.get(alpha_numeric_key, avatar)
+    if isinstance(avatar, FunctionType):
+        avatar = avatar()
     if isinstance(avatar, str):
         avatar = avatar.format(dist_path=CDN_DIST)
     return avatar
diff --git a/panel/command/__init__.py b/panel/command/__init__.py
index ce5bb913bb..1ff71fd5fc 100644
--- a/panel/command/__init__.py
+++ b/panel/command/__init__.py
@@ -91,7 +91,7 @@ def main(args: list[str] | None = None):
             try:
                 ret = parsed_args.invoke(parsed_args)
             except Exception as e:
-                if config.autoreload:
+                if config.autoreload or config.log_level in ("DEBUG", "INFO"):
                     raise e
                 die("ERROR: " + str(e))
         else:
diff --git a/panel/command/compile.py b/panel/command/compile.py
index a5780552e9..8164815870 100644
--- a/panel/command/compile.py
+++ b/panel/command/compile.py
@@ -136,7 +136,11 @@ def invoke(self, args):
                     mod = sys.modules[component.__module__]
                     mod_path = pathlib.Path(mod.__file__)
                     paths_to_watch.add(mod_path)
-                    paths_to_watch.add(mod_path.parent / component._esm_path(compiled=False))
+                    paths_to_watch.add(mod_path.parent / component._esm_path(compiled='compiling'))
+                    for shared in component._esm_shared.values():
+                        if isinstance(shared, os.PathLike):
+                            paths_to_watch.add(shared)
+
             for _changes in watch(*paths_to_watch):
                 errors = run_compile(
                     bundles, args.build_dir, args.unminified, args.skip_npm, args.file_loaders, args.verbose
diff --git a/panel/command/serve.py b/panel/command/serve.py
index 3abdb7d418..364d291d78 100644
--- a/panel/command/serve.py
+++ b/panel/command/serve.py
@@ -40,7 +40,7 @@
 from ..io.rest import REST_PROVIDERS
 from ..io.server import INDEX_HTML, get_static_routes, set_curdoc
 from ..io.state import state
-from ..util import fullpath
+from ..util import edit_readonly, fullpath
 
 log = logging.getLogger(__name__)
 
@@ -104,6 +104,14 @@ class Serve(_BkServe):
 
     args = (
         tuple((arg, arg_obj) for arg, arg_obj in _BkServe.args if arg != '--dev') + (
+        ('--index-titles', Argument(
+            metavar="KEY=VALUE",
+            nargs='+',
+            help= ("Custom titles to use for Multi Page Apps specified as "
+                   "key=value pairs mapping from the application page slug "
+                   "to the title to show on the Multi Page App index page."
+                   ),
+        )),
         ('--static-dirs', Argument(
             metavar="KEY=VALUE",
             nargs='+',
@@ -115,6 +123,11 @@ class Serve(_BkServe):
             type   = str,
             help   = "Password or filepath to use with Basic Authentication."
         )),
+        ('--cookie-path', Argument(
+            action = 'store',
+            type   = str,
+            help   = "The path the cookies should apply to ."
+        )),
         ('--oauth-provider', Argument(
             action = 'store',
             type   = str,
@@ -177,6 +190,11 @@ class Serve(_BkServe):
                 "or if they can access all applications as a guest."
             )
         )),
+        ('--root-path', Argument(
+            action  = 'store',
+            type    = str,
+            help    = "The root path can be used to handle cases where Panel is served behind a proxy."
+        )),
         ('--login-endpoint', Argument(
             action  = 'store',
             type    = str,
@@ -370,6 +388,12 @@ def customize_kwargs(self, args, server_kwargs):
                     "found."
                 )
 
+        # Handle custom titles for Multi Page Apps index
+        if args.index_titles:
+            for item in args.index_titles:
+                slug, title = item.split('=', 1)
+                config.index_titles[slug] = title
+
         # Handle tranquilized functions in the supplied functions
         if args.rest_provider in REST_PROVIDERS:
             pattern = REST_PROVIDERS[args.rest_provider](files, args.rest_endpoint)
@@ -380,6 +404,17 @@ def customize_kwargs(self, args, server_kwargs):
         config.global_loading_spinner = args.global_loading_spinner
         config.reuse_sessions = args.reuse_sessions
 
+        if args.root_path:
+            root_path = args.root_path
+            if not root_path.endswith('/'):
+                root_path += '/'
+            if not root_path.startswith('/'):
+                raise ValueError(
+                    '--root-path must start with a leading slash (`/`).'
+                )
+            with edit_readonly(state):
+                state.base_url = args.root_path
+
         if config.autoreload:
             for f in files:
                 watch(f)
@@ -559,6 +594,14 @@ def setup_file():
         elif args.cookie_secret:
             config.cookie_secret = args.cookie_secret
 
+        if args.cookie_path and "PANEL_COOKIE_PATH" in os.environ:
+            raise ValueError(
+                "Supply cookie path either using environment "
+                "variable or via explicit argument, not both."
+            )
+        elif args.cookie_path:
+            config.cookie_path = args.cookie_path
+
         # Check only one auth is used.
         if args.oauth_provider and config.oauth_provider:
                 raise ValueError(
@@ -699,6 +742,9 @@ def setup_file():
             elif args.oauth_jwt_user:
                 config.oauth_jwt_user = args.oauth_jwt_user
 
+        if config.cookie_path:
+            kwargs['cookie_path'] = config.cookie_path
+
         if config.cookie_secret:
             kwargs['cookie_secret'] = config.cookie_secret
 
diff --git a/panel/config.py b/panel/config.py
index 140f48a937..9b2269f79a 100644
--- a/panel/config.py
+++ b/panel/config.py
@@ -6,11 +6,13 @@
 from __future__ import annotations
 
 import ast
+import builtins
 import copy
 import importlib
 import inspect
 import os
 import sys
+import typing
 import warnings
 
 from concurrent.futures import ThreadPoolExecutor
@@ -133,6 +135,9 @@ class _config(_base_config):
     browser_info = param.Boolean(default=True, doc="""
         Whether to request browser info from the frontend.""")
 
+    cache_path = param.Path(default="./cache", check_exists=False, doc="""
+        Path the cache decorator will write to if diskcache is enabled.""")
+
     defer_load = param.Boolean(default=False, doc="""
         Whether to defer load of rendered functions.""")
 
@@ -241,6 +246,13 @@ class _config(_base_config):
     _cookie_secret = param.String(default=None, doc="""
         Configure to enable getting/setting secure cookies.""")
 
+    _cookie_path = param.String(default="/", doc="""
+        Path setting that controls the scope of cookies. Specifies the URL path
+        prefix that must exist in the requested URL for the browser to send the
+        Cookie header. The default value '/' allows cookies to be sent to all paths.
+        A more restrictive path like '/app1/' would limit cookies to only be sent
+        to URLs under that path.""")
+
     _embed = param.Boolean(default=False, allow_None=True, doc="""
         Whether plot data will be embedded.""")
 
@@ -271,6 +283,9 @@ class _config(_base_config):
         Whenever an event arrives from the frontend it will be
         dispatched to the thread pool to be processed.""")
 
+    _index_titles = param.Dict(default={}, doc="""
+        Custom titles to use for Multi Page Apps index page.""")
+
     _basic_auth = param.ClassSelector(default=None, class_=(dict, str), allow_None=True, doc="""
         Password, dictionary with a mapping from username to password
         or filepath containing JSON to use with the basic auth
@@ -320,12 +335,12 @@ class _config(_base_config):
 
     # Global parameters that are shared across all sessions
     _globals: ClassVar[set[str]] = {
-        'admin_plugins', 'autoreload', 'comms', 'cookie_secret',
+        'admin_plugins', 'autoreload', 'comms', 'cookie_path', 'cookie_secret',
         'nthreads', 'oauth_provider', 'oauth_expiry', 'oauth_key',
         'oauth_secret', 'oauth_jwt_user', 'oauth_redirect_uri',
         'oauth_encryption_key', 'oauth_extra_params', 'npm_cdn',
         'layout_compatibility', 'oauth_refresh_tokens', 'oauth_guest_endpoints',
-        'oauth_optional', 'admin'
+        'oauth_optional', 'admin', 'index_titles'
     }
 
     _truthy = ['True', 'true', '1', True, 1]
@@ -355,12 +370,14 @@ def _set_thread_pool(self):
 
     @param.depends('notifications', watch=True)
     def _setup_notifications(self):
-        from .io.notifications import NotificationArea
-        from .reactive import ReactiveHTMLMetaclass
-        if self.notifications and 'notifications' not in ReactiveHTMLMetaclass._loaded_extensions:
-            ReactiveHTMLMetaclass._loaded_extensions.add('notifications')
+        if state._notification_type is None:
+            from .io.notifications import NotificationArea
+            from .reactive import ReactiveHTMLMetaclass
+            state._notification_type = NotificationArea
+            if self.notifications and 'notifications' not in ReactiveHTMLMetaclass._loaded_extensions:
+                ReactiveHTMLMetaclass._loaded_extensions.add('notifications')
         if not state.curdoc:
-            state._notification = NotificationArea()
+            state._notification = state._notification_type()
 
     @param.depends('disconnect_notification', 'ready_notification', watch=True)
     def _enable_notifications(self):
@@ -514,6 +531,10 @@ def embed_save_path(self):
     def embed_load_path(self):
         return os.environ.get('PANEL_EMBED_LOAD_PATH', _config._embed_load_path)
 
+    @property
+    def index_titles(self):
+        return self._index_titles
+
     @property
     def inline(self):
         return os.environ.get('PANEL_INLINE', _config._inline) in self._truthy
@@ -558,6 +579,11 @@ def cookie_secret(self):
             os.environ.get('BOKEH_COOKIE_SECRET', self._cookie_secret)
         )
 
+    @property
+    def cookie_path(self):
+        """The sub path of the domain the cookie applies to."""
+        return os.environ.get('PANEL_COOKIE_PATH', self._cookie_path)
+
     @property
     def oauth_secret(self):
         return os.environ.get('PANEL_OAUTH_SECRET', self._oauth_secret)
@@ -627,18 +653,17 @@ def theme(self):
 
 class panel_extension(_pyviz_extension):
     """
-    Initializes and configures Panel. You should always run `pn.extension`.
-    This will
+    Initializes and configures Panel. You should always run `pn.extension`
+    as it declares which components should be loaded in your app or notebook.
 
-    - Initialize the `pyviz` notebook extension to enable bi-directional
-    communication and for example plotting with Bokeh.
+    - Initialize the notebook extension to enable bi-directional
+      communication and loading JS and CSS resources.
     - Load `.js` libraries (positional arguments).
-    - Update the global configuration `pn.config`
-    (keyword arguments).
+    - Update the global configuration `pn.config` (keyword arguments).
 
     Parameters
     ----------
-    *args : list[str]
+    *args : tuple[str]
         Positional arguments listing the extension to load. For example "plotly",
         "tabulator".
     **params : dict[str,Any]
@@ -652,11 +677,11 @@ class panel_extension(_pyviz_extension):
 
     This will
 
-    - Initialize the `pyviz` notebook extension.
+    - Initialize the notebook extension.
     - Enable you to use the `Plotly` pane by loading `plotly.js`.
     - Set the default `sizing_mode` to `stretch_width` instead of `fixed`.
     - Set the global configuration `pn.config.template` to `fast`, i.e. you
-    will be using the `FastListTemplate`.
+      will be using the `FastListTemplate`.
     """
 
     _loaded: bool = False
@@ -707,12 +732,22 @@ class panel_extension(_pyviz_extension):
 
     _comms_detected_before: bool = False
 
-    def __call__(self, *args, **params):
+    @typing.overload  # type: ignore
+    def __init__(
+        self, *extensions: str, **params: Any
+    ):
+        # Typing overload to ensure that type checkers
+        # handle the ParameterizedFunction call signature
+        ...
+
+    def __call__(self, *args: str, **params: Any):
         from bokeh.core.has_props import _default_resolver
         from bokeh.model import Model
         from bokeh.settings import settings as bk_settings
 
         from .reactive import ReactiveHTML, ReactiveHTMLMetaclass
+
+        _in_ipython = hasattr(builtins, '__IPYTHON__')
         reactive_exts = {
             v._extension_name: v for k, v in param.concrete_descendents(ReactiveHTML).items()
         }
@@ -730,12 +765,8 @@ def __call__(self, *args, **params):
                 from .io.resources import CSS_URLS
                 params['css_files'] = params.get('css_files', []) + [CSS_URLS['font-awesome']]
             if arg in self._imports:
-                try:
-                    if (arg == 'ipywidgets' and get_ipython() and # noqa (get_ipython)
-                        "PANEL_IPYWIDGET" not in os.environ):
-                        continue
-                except Exception:
-                    pass
+                if arg == 'ipywidgets' and _in_ipython and "PANEL_IPYWIDGET" not in os.environ:
+                    continue
 
                 # Ensure all models are registered
                 module = self._imports[arg]
@@ -818,13 +849,14 @@ def __call__(self, *args, **params):
             self._load_entry_points()
 
         # Abort if IPython not found
+        if not (_in_ipython or 'ip' in params):
+            return
         try:
-            ip = params.pop('ip', None) or get_ipython() # noqa (get_ipython)
+            ip = params.get('ip') or get_ipython()  # type: ignore # noqa
         except Exception:
             return
 
         from .io.notebook import load_notebook
-
         self._detect_comms(params)
 
         panel_extension._loaded_extensions += newly_loaded
diff --git a/panel/custom.py b/panel/custom.py
index 22d88c7d21..5958f01b49 100644
--- a/panel/custom.py
+++ b/panel/custom.py
@@ -22,8 +22,10 @@
 
 from .config import config
 from .io.datamodel import construct_data_model
+from .io.document import freeze_doc, hold
 from .io.resources import component_resource_path
 from .io.state import state
+from .layout.base import Panel
 from .models import (
     AnyWidgetComponent as _BkAnyWidgetComponent,
     ReactComponent as _BkReactComponent, ReactiveESM as _BkReactiveESM,
@@ -44,7 +46,8 @@
 if TYPE_CHECKING:
     from bokeh.document import Document
     from bokeh.events import Event
-    from bokeh.model import Model, UIElement
+    from bokeh.model import Model
+    from bokeh.models import UIElement
     from pyviz_comms import Comm
 
     ExportSpec = dict[str, list[str | tuple[str, ...]]]
@@ -157,6 +160,8 @@ def _get_model(
     def select(
         self, selector: type | Callable[[Viewable], bool] | None = None
     ) -> list[Viewable]:
+        if self._view__ is None:
+            self._view__ = self._create__view()
         return super().select(selector) + self._view__.select(selector)
 
 
@@ -170,7 +175,10 @@ def __init__(mcs, name: str, bases: tuple[type, ...], dict_: Mapping[str, Any]):
         # Create model with unique name
         ReactiveMetaBase._name_counter[name] += 1
         model_name = f'{name}{ReactiveMetaBase._name_counter[name]}'
-        ignored = [p for p in Reactive.param if not issubclass(type(mcs.param[p].owner), ReactiveESMMetaclass)]
+        ignored = [
+            p for p in Reactive.param
+            if not issubclass(type(mcs.param[p].owner), ReactiveESMMetaclass)
+        ]
         mcs._data_model = construct_data_model(
             mcs, name=model_name, ignore=ignored, extras={'esm_constants': param.Dict}
         )
@@ -226,6 +234,8 @@ class CounterButton(pn.custom.ReactiveESM):
 
     _esm: ClassVar[str | os.PathLike] = ""
 
+    _esm_shared: ClassVar[dict[str, str | os.PathLike]] = {}
+
     # Specifies exports to make available to JS in a bundled file
     # 1. Default export: "<export>"
     # 2. Import all (`* as`): "*<export>"
@@ -318,7 +328,7 @@ def _bundle_css(cls):
         return []
 
     @classmethod
-    def _esm_path(cls, compiled: bool = True) -> os.PathLike | None:
+    def _esm_path(cls, compiled: bool | Literal['compiling'] = True) -> os.PathLike | None:
         if compiled or not cls._esm:
             bundle_path = cls._bundle_path
             if bundle_path:
@@ -355,7 +365,8 @@ def _render_esm(cls, compiled: bool | Literal['compiling'] = True, server: bool
         esm_path = cls._esm_path(compiled=compiled is True)
         if esm_path:
             if esm_path == cls._bundle_path and cls.__module__ in sys.modules and server:
-                esm = cls._component_resource_path(esm_path, compiled)
+                # Generate relative path to handle apps served on subpaths
+                esm = (state.rel_path or './') + cls._component_resource_path(esm_path, compiled)
                 if config.autoreload:
                     modified = hashlib.sha256(str(esm_path.stat().st_mtime).encode('utf-8')).hexdigest()
                     esm += f'?{modified}'
@@ -393,8 +404,23 @@ def _cleanup(self, root: Model | None = None) -> None:
     async def _watch_esm(self):
         import watchfiles
         path = self._esm_path(compiled=False)
-        async for _ in watchfiles.awatch(path, stop_event=self._watching_esm):
-            self._update_esm()
+        async for changes in watchfiles.awatch(path, stop_event=self._watching_esm):
+            update = False
+            for (change, path) in changes:
+                if change != watchfiles.Change.modified:
+                    continue
+                # Ensure that the file exists (in case filesystem write is not atomic)
+                retries = 0
+                while not os.path.exists(path):
+                    await asyncio.sleep(0.1)
+                    retries += 1
+                    if retries == 5:
+                        break
+                # Ignore change if file is not written within 0.5 seconds
+                if retries != 5:
+                    update = True
+            if update:
+                self._update_esm()
 
     def _update_esm(self):
         for ref, (model, _) in self._models.copy().items():
@@ -425,10 +451,10 @@ def _get_properties(self, doc: Document | None) -> dict[str, Any]:
         ]
         for k, v in self.param.values().items():
             p = self.param[k]
-            is_viewable = is_viewable_param(p)
-            if (k in ignored and k != 'name') or ((p.precedence or 0) < 0) or is_viewable:
-                if is_viewable and k in props:
-                    props.pop(k)
+            if is_viewable_param(p) or type(self)._property_mapping.get(k, "") is None:
+                props.pop(k, None)
+                continue
+            elif (k in ignored and k != 'name') or ((p.precedence or 0) < 0):
                 continue
             if k in props:
                 props.pop(k)
@@ -468,27 +494,38 @@ def _process_importmap(cls):
 
     def _get_child_model(
         self, child: Viewable, doc: Document, root: Model, parent: Model, comm: Comm | None
-    ) -> list[UIElement] | UIElement | None:
+    ) -> tuple[list[UIElement] | UIElement | None, list[UIElement]]:
         if child is None:
-            return None
+            return None, []
         ref = root.ref['id']
+        old = []
         if isinstance(child, list):
-            return [
-                sv._models[ref][0] if ref in sv._models else sv._get_model(doc, root, parent, comm)
-                for sv in child
-            ]
+            models = []
+            for sv in child:
+                if ref in sv._models:
+                    model = sv._models[ref][0]
+                    old.append(model)
+                else:
+                    model = sv._get_model(doc, root, parent, comm)
+                models.append(model)
+            return models, old
         elif ref in child._models:
-            return child._models[ref][0]
-        return child._get_model(doc, root, parent, comm)
+            model = child._models[ref][0]
+            old.append(model)
+        else:
+            model = child._get_model(doc, root, parent, comm)
+        return model, old
 
-    def _get_children(self, data_model, doc, root, parent, comm) -> dict[str, list[UIElement] | UIElement | None]:
+    def _get_children(self, data_model, doc, root, parent, comm) -> tuple[dict[str, list[UIElement] | UIElement | None], list[UIElement]]:
         children = {}
+        old_models = []
         for k, v in self.param.values().items():
             p = self.param[k]
-            if not is_viewable_param(p):
+            if not is_viewable_param(p) or type(self)._property_mapping.get(k, "") is None:
                 continue
-            children[k] = self._get_child_model(v, doc, root, parent, comm)
-        return children
+            children[k], old = self._get_child_model(v, doc, root, parent, comm)
+            old_models += old
+        return children, old_models
 
     def _setup_autoreload(self):
         from .config import config
@@ -507,10 +544,12 @@ def _get_model(
         props = self._get_properties(doc)
         model = self._bokeh_model(**props)
         root = root or model
-        children = self._get_children(model.data, doc, root, model, comm)
+        children, _ = self._get_children(model.data, doc, root, model, comm)
         model.data.update(**children)
         model.children = list(children)  # type: ignore
-        self._models[root.ref['id']] = (model, parent)
+        ref = root.ref['id']
+        self._models[ref] = (model, parent)
+        self._patch_datamodel_ref(model.data, ref)
         self._link_props(props['data'], self._linked_properties, doc, root, comm)
         self._register_events('dom_event', 'data_event', model=model, doc=doc, comm=comm)
         self._setup_autoreload()
@@ -550,12 +589,33 @@ def _update_model(
                 if old is None or old is new or (isinstance(new, list) and old in new):
                     continue
                 old._cleanup(root)
-        if any(e in model.children for e in events):
-            children = self._get_children(model.data, doc, root, model, comm)
+
+        update_children = any(e in model.children for e in events)
+        if update_children:
+            children, old_children = self._get_children(model.data, doc, root, model, comm)
             data_msg.update(children)
             model_msg['children'] = list(children)
-        self._set_on_model(model_msg, root, model)
-        self._set_on_model(data_msg, root, model.data)
+
+
+        ref = root.ref['id']
+        prev_changing = self._changing.get(ref, [])
+        try:
+            update = Panel._batch_update
+            Panel._batch_update = True
+            with hold(doc):
+                changing = []
+                with freeze_doc(doc, model, msg, force=update_children):
+                    changing += self._set_on_model(model_msg, root, model)
+                    changing += self._set_on_model(data_msg, root, model.data)
+                    if update and update_children and ref in state._views:
+                        state._views[ref][0]._preprocess(root, self, old_children)
+                self._changing[ref] = changing
+        finally:
+            Panel._batch_update = update
+            if prev_changing:
+                self._changing[ref] = prev_changing
+            elif ref in self._changing:
+                del self._changing[ref]
 
     def _handle_msg(self, data: Any) -> None:
         """
@@ -571,7 +631,7 @@ def _handle_msg(self, data: Any) -> None:
     def _send_msg(self, data: Any) -> None:
         """
         Sends data to the frontend which can be observed on the frontend
-        with the `model.on_msg("msg:custom", callback)` API.
+        with the `model.on("msg:custom", callback)` API.
 
         Parameters
         ----------
@@ -608,6 +668,42 @@ def on_event(self, event: str, callback: Callable) -> None:
         """
         self._event__callbacks[event].append(callback)
 
+    def select(
+        self, selector: type | Callable[[Viewable], bool] | None = None
+    ) -> list[Viewable]:
+        """
+        Iterates over the Viewable and any potential children in the
+        applying the Selector.
+
+        Parameters
+        ----------
+        selector: type or callable or None
+          The selector allows selecting a subset of Viewables by
+          declaring a type or callable function to filter by.
+
+        Returns
+        -------
+        viewables: list(Viewable)
+        """
+        selected = super().select(selector)
+        if (selector is None or
+            (isinstance(selector, type) and isinstance(self, selector)) or
+            (callable(selector) and not isinstance(selector, type) and selector(self))):
+            selected = [self]
+        else:
+            selected = []
+        for p, pobj in self.param.objects(instance='existing').items():
+            if isinstance(pobj, Children):
+                p_children = getattr(self, p, []) or []
+                for child in p_children:
+                    selected += child.select(selector)
+            elif isinstance(pobj, Child):
+                p_child = getattr(self, p, None)
+                if p_child is not None:
+                    selected += p_child.select(selector)
+        return selected
+
+
 
 class JSComponent(ReactiveESM):
     '''
@@ -756,6 +852,7 @@ def _process_importmap(cls):
             'scopes': cls._importmap.get('scopes', {})
         }
 
+
 class AnyWidgetComponent(ReactComponent):
     '''
     The `AnyWidgetComponent` allows you to create custom Panel components
@@ -800,6 +897,8 @@ class CounterWidget(pn.custom.AnyWidgetComponent):
 
     _bokeh_model = _BkAnyWidgetComponent
 
+    _react_version = "19"
+
     def send(self, msg: dict):
         """
         Sends a custom event containing the provided message to the frontend.
diff --git a/panel/dist/bundled/datatabulator/tabulator-tables@6.3.1/dist/css/tabulator_fast.min.css b/panel/dist/bundled/datatabulator/tabulator-tables@6.3.1/dist/css/tabulator_fast.min.css
index 6ded229fe5..72dba47cae 100644
--- a/panel/dist/bundled/datatabulator/tabulator-tables@6.3.1/dist/css/tabulator_fast.min.css
+++ b/panel/dist/bundled/datatabulator/tabulator-tables@6.3.1/dist/css/tabulator_fast.min.css
@@ -868,7 +868,7 @@
   position: absolute;
   display: inline-block;
   box-sizing: border-box;
-  background: var(--fill-color);
+  background: var(--background-color);
   border: 1px solid var(--neutral-divider-rest);
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
   font-size: 14px;
diff --git a/panel/dist/css/chat_feed.css b/panel/dist/css/chat_feed.css
index b06b7f24ca..a19e30c8fa 100644
--- a/panel/dist/css/chat_feed.css
+++ b/panel/dist/css/chat_feed.css
@@ -7,5 +7,5 @@
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: var(--panel-secondary-color, #f1f1f1);
+  background-color: var(--panel-surface-color, #f1f1f1);
 }
diff --git a/panel/dist/css/chat_step.css b/panel/dist/css/chat_step.css
index 1aa8cedad0..7d7592f578 100644
--- a/panel/dist/css/chat_step.css
+++ b/panel/dist/css/chat_step.css
@@ -30,6 +30,7 @@
   font-size: 1.25em;
   padding-block: 0px;
   padding-inline: 7px;
+  word-break: break-word;
 }
 
 .step-avatar-container {
diff --git a/panel/dist/css/listpanel.css b/panel/dist/css/listpanel.css
index b77a6a2302..19be991106 100644
--- a/panel/dist/css/listpanel.css
+++ b/panel/dist/css/listpanel.css
@@ -1,9 +1,12 @@
-:host(.scrollable) {
+:host(.scrollable),
+:host(.scrollable-vertical) {
   overflow: auto;
 }
 
-:host(.scrollable-vertical) {
-  overflow-y: auto;
+:host(.scrollable) > div,
+:host(.scroll) > div,
+:host(.scroll-vertical) > div {
+  max-height: unset;
 }
 
 :host(.scrollable-horizontal) {
diff --git a/panel/dist/css/loadingspinner.css b/panel/dist/css/loadingspinner.css
index 361eb17f08..17ad37a134 100644
--- a/panel/dist/css/loadingspinner.css
+++ b/panel/dist/css/loadingspinner.css
@@ -42,82 +42,98 @@
 }
 
 :host(.loader.spin.primary-light) div::after {
-  background: linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
     linear-gradient(45deg, #f0f0f0 50%, var(--primary-bg-color) 50%);
 }
 
 :host(.loader.spin.secondary-light) div::after {
-  background: linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
     linear-gradient(45deg, #f0f0f0 50%, var(--secondary-bg-color) 50%);
 }
 
 :host(.loader.spin.success-light) div::after {
-  background: linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
     linear-gradient(45deg, #f0f0f0 50%, var(--success-bg-color) 50%);
 }
 
 :host(.loader.spin.danger-light) div::after {
-  background: linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
     linear-gradient(45deg, #f0f0f0 50%, var(--danger-bg-color) 50%);
 }
 
 :host(.loader.spin.warning-light) div::after {
-  background: linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
     linear-gradient(45deg, #f0f0f0 50%, var(--warning-bg-color) 50%);
 }
 
 :host(.loader.spin.info-light) div::after {
-  background: linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
     linear-gradient(45deg, #f0f0f0 50%, var(--info-bg-color) 50%);
 }
 
 :host(.loader.spin.light-light) div::after {
-  background: linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
     linear-gradient(45deg, #f0f0f0 50%, var(--light-bg-color) 50%);
 }
 
 :host(.loader.dark-light) div::after {
-  background: linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #f0f0f0 50%, transparent 50%),
     linear-gradient(45deg, #f0f0f0 50%, #343a40 50%);
 }
 
 :host(.loader.spin.primary-dark) div::after {
-  background: linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
     linear-gradient(45deg, #0f0f0f 50%, var(--primary-bg-color) 50%);
 }
 
 :host(.loader.spin.secondary-dark) div::after {
-  background: linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
     linear-gradient(45deg, #0f0f0f 50%, var(--secondary-bg-color) 50%);
 }
 
 :host(.loader.spin.success-dark) div::after {
-  background: linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
     linear-gradient(45deg, #0f0f0f 50%, var(--success-bg-color) 50%);
 }
 
 :host(.loader.spin.danger-dark) div::after {
-  background: linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
     linear-gradient(45deg, #0f0f0f 50%, var(--danger-bg-color) 50%);
 }
 
 :host(.loader.spin.warning-dark) div::after {
-  background: linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
     linear-gradient(45deg, #0f0f0f 50%, var(--warning-bg-color) 50%);
 }
 
 :host(.loader.spin.info-dark) div::after {
-  background: linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
     linear-gradient(45deg, #0f0f0f 50%, var(--info-bg-color) 50%);
 }
 
 :host(.loader.spin.light-dark) div::after {
-  background: linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
     linear-gradient(45deg, #0f0f0f 50%, var(--light-bg-color) 50%);
 }
 
 :host(.loader.spin.dark-dark) div::after {
-  background: linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
+  background:
+    linear-gradient(135deg, #0f0f0f 50%, transparent 50%),
     linear-gradient(45deg, #0f0f0f 50%, var(--dark-bg-color) 50%);
 }
 
diff --git a/panel/dist/css/markdown.css b/panel/dist/css/markdown.css
index f82f241016..5bb06a68df 100644
--- a/panel/dist/css/markdown.css
+++ b/panel/dist/css/markdown.css
@@ -337,6 +337,7 @@ p {
 }
 
 pre {
+  text-align: left;
   white-space: nowrap;
 }
 
diff --git a/panel/dist/post_require.js b/panel/dist/post_require.js
deleted file mode 100644
index 98aaf1aea1..0000000000
--- a/panel/dist/post_require.js
+++ /dev/null
@@ -1,20 +0,0 @@
-if (window.ace != null) {
-  window._define_requirejs = window.define
-  window._require_requirejs = window.require
-  function custom_define (e, t, i) {
-	if (e.startsWith != null && e.startsWith("ace")) {
-      window._define_ace(e, t, i);
-	} else {
-      window._define_requirejs(e, t, i);
-	}
-  }
-  function custom_require (e, t, i, r) {
-	if (e.length && e[0].startsWith("ace")) {
-      window._require_ace(e, t, i, r);
-	} else {
-      window._require_requirejs(e, t, i, r);
-	}
-  }
-  window.define = custom_define
-  window.require = custom_require
-}
diff --git a/panel/dist/pre_require.js b/panel/dist/pre_require.js
deleted file mode 100644
index b504aab248..0000000000
--- a/panel/dist/pre_require.js
+++ /dev/null
@@ -1,7 +0,0 @@
-if (window.ace != null) {
-  ace.config.set('basePath', 'https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/')
-  window._require_ace = window.require
-  window._define_ace = window.define
-  delete window.require
-  delete window.define
-}
diff --git a/panel/io/cache.py b/panel/io/cache.py
index f8de277066..be76dbe6ac 100644
--- a/panel/io/cache.py
+++ b/panel/io/cache.py
@@ -26,6 +26,7 @@
 
 from param.parameterized import iscoroutinefunction
 
+from ..config import config
 from .state import state
 
 #---------------------------------------------------------------------
@@ -378,7 +379,7 @@ def cache(
     policy: Literal['FIFO', 'LRU', 'LFU'] = ...,
     ttl: float | None = ...,
     to_disk: bool = ...,
-    cache_path: str | os.PathLike = ...,
+    cache_path: str | os.PathLike | None = ...,
     per_session: bool = ...,
 ) -> Callable[[Callable[_P, _R]], _CachedFunc[Callable[_P, _R]]]:
     ...
@@ -391,7 +392,7 @@ def cache(
     policy: Literal['FIFO', 'LRU', 'LFU'] = ...,
     ttl: float | None = ...,
     to_disk: bool = ...,
-    cache_path: str | os.PathLike = ...,
+    cache_path: str | os.PathLike | None = ...,
     per_session: bool = ...,
 ) -> _CachedFunc[Callable[_P, _R]]:
     ...
@@ -403,7 +404,7 @@ def cache(
     policy: Literal['FIFO', 'LRU', 'LFU'] = 'LRU',
     ttl: float | None = None,
     to_disk: bool = False,
-    cache_path: str | os.PathLike = './cache',
+    cache_path: str | os.PathLike | None = None,
     per_session: bool = False
 ) -> _CachedFunc[Callable[_P, _R]] | Callable[[Callable[_P, _R]], _CachedFunc[Callable[_P, _R]]]:
     """
@@ -433,7 +434,8 @@ def cache(
     to_disk: bool
         Whether to cache to disk using diskcache.
     cache_path: str
-        Directory to cache to on disk.
+        Directory to cache to on disk (if not provided default will be
+        inherited from config.cache_path).
     per_session: bool
         Whether to cache data only for the current session.
     """
@@ -442,6 +444,9 @@ def cache(
             f"Cache policy must be one of 'FIFO', 'LRU' or 'LFU', not {policy}."
         )
 
+    if cache_path is None:
+        cache_path = config.cache_path
+
     hash_funcs = hash_funcs or {}
     if func is None:
         def decorator(func: Callable[_P, _R]) -> _CachedFunc[Callable[_P, _R]]:
@@ -541,14 +546,9 @@ def clear(func_hashes=func_hashes):
         # clear called before anything is cached.
         if func_hashes[0] is None:
             return
-        func_hash = func_hashes[0]
-        if to_disk:
-            from diskcache import Index
-            cache = Index(os.path.join(cache_path, func_hash))
+        cache = state._memoize_cache.get(func_hashes[0])
+        if cache:
             cache.clear()
-        else:
-            cache = state._memoize_cache.get(func_hash, {})
-        cache.clear()
 
     wrapped_func.clear = clear  # type: ignore[attr-defined]
 
diff --git a/panel/io/compile.py b/panel/io/compile.py
index 0f20a50b1c..b8f79795ee 100644
--- a/panel/io/compile.py
+++ b/panel/io/compile.py
@@ -76,8 +76,7 @@ def check_cli_tool(tool_name: str) -> bool:
     if cmd:
         return True
     if sys.platform == 'win32':
-        tool_name = f'{tool_name}.cmd'
-        return check_cli_tool(tool_name)
+        return shutil.which(f'{tool_name}.cmd')
     return False
 
 
@@ -158,7 +157,7 @@ def find_module_bundles(module_spec: str) -> dict[pathlib.Path, list[type[Reacti
         module_file = module
     assert module_file is not None
 
-    bundles = defaultdict(list)
+    bundles: defaultdict[pathlib.Path, list[type[ReactiveESM]]] = defaultdict(list)
     module_path = pathlib.Path(module_file).parent
     for component in components:
         if component._bundle:
@@ -167,12 +166,13 @@ def find_module_bundles(module_spec: str) -> dict[pathlib.Path, list[type[Reacti
                 path = (module_path / bundle_path).absolute()
             else:
                 path = bundle_path.absolute()
-            bundles[path].append(component)
         elif len(components) > 1 and not classes:
             component_module = module_name or component.__module__
-            bundles[module_path / f'{component_module}.bundle.js'].append(component)
+            path = module_path / f'{component_module}.bundle.js'
         else:
-            bundles[component._module_path / f'{component.__name__}.bundle.js'].append(component)
+            path = component._module_path / f'{component.__name__}.bundle.js'
+        if component not in bundles[path]:
+            bundles[path].append(component)
 
     return dict(bundles)
 
@@ -404,27 +404,42 @@ def generate_project(
     component_names = []
     dependencies = {}
     export_spec: ExportSpec = {}
+    shared_modules = {}
     index = ''
     for component in components:
+        try:
+            esm_path = component._esm_path(compiled='compiling')
+        except Exception:
+            esm_path = None
         name = component.__name__
-        esm_path = component._esm_path(compiled=False)
         if esm_path:
+            imprt = esm_path.stem
             ext = esm_path.suffix.lstrip('.')
         else:
+            imprt = name
             ext = 'jsx' if issubclass(component, ReactComponent) else 'js'
         code, component_deps = extract_dependencies(component)
         # Detect default export in component code and handle import accordingly
         if _EXPORT_DEFAULT_RE.search(code):
-            index += f'import {name} from "./{name}"\n'
+            index += f'import {name} from "./{imprt}"\n'
         else:
-            index += f'import * as {name} from "./{name}"\n'
+            index += f'import * as {name} from "./{imprt}"\n'
 
-        with open(path / f'{name}.{ext}', 'w') as component_file:
+        with open(path / f'{imprt}.{ext}', 'w') as component_file:
             component_file.write(code)
         # TODO: Improve merging of dependencies
         dependencies.update(component_deps)
         merge_exports(export_spec, component._exports__)
         component_names.append(name)
+        shared_modules.update(component._esm_shared)
+
+    for name, shared_module in shared_modules.items():
+        if isinstance(shared_module, os.PathLike):
+            code = shared_module.read_text(encoding='utf-8')
+        else:
+            code = shared_module
+        with open(path / f'{name}.js', 'w') as shared_file:
+            shared_file.write(code)
 
     # Create package.json and write to temp directory
     package_json = {"dependencies": dependencies}
diff --git a/panel/io/convert.py b/panel/io/convert.py
index 5f9a14c727..1cae16e6aa 100644
--- a/panel/io/convert.py
+++ b/panel/io/convert.py
@@ -41,8 +41,8 @@
 PANEL_ROOT = pathlib.Path(__file__).parent.parent
 BOKEH_VERSION = base_version(bokeh.__version__)
 PY_VERSION = base_version(__version__)
-PYODIDE_VERSION = 'v0.27.0'
-PYSCRIPT_VERSION = '2024.10.2'
+PYODIDE_VERSION = 'v0.27.5'
+PYSCRIPT_VERSION = '2025.2.1'
 WHL_PATH = DIST_DIR / 'wheels'
 PANEL_LOCAL_WHL = WHL_PATH / f'panel-{__version__.replace("-dirty", "")}-py3-none-any.whl'
 BOKEH_LOCAL_WHL = WHL_PATH / f'bokeh-{BOKEH_VERSION}-py3-none-any.whl'
diff --git a/panel/io/datamodel.py b/panel/io/datamodel.py
index 0246d270be..f98b7ea831 100644
--- a/panel/io/datamodel.py
+++ b/panel/io/datamodel.py
@@ -91,7 +91,9 @@ def color_param_to_ppt(p, kwargs):
 
 def list_param_to_ppt(p, kwargs):
     item_type = bp.Any
-    if not isinstance(p.item_type, type):
+    if isinstance(p.item_type, tuple) and all(issubclass(t, pm.Parameterized) or t is dict for t in p.item_type):
+        return bp.List(bp.Either(bp.Dict(bp.String, bp.Any), bp.Instance(DataModel))), [(ParameterizedList, lambda ps: [create_linked_datamodel(p) for p in ps])]
+    elif not isinstance(p.item_type, type):
         pass
     elif issubclass(p.item_type, Viewable):
         item_type = bp.Instance(Model)
@@ -155,7 +157,7 @@ def construct_data_model(parameterized, name=None, ignore=[], types={}, extras={
 
     Parameters
     ----------
-    parameterized: param.Parameterized
+    parameterized: param.Parameterized | type[param.Parameterized]
         The Parameterized class or instance from which to create the
         DataModel
     name: str or None
@@ -172,7 +174,6 @@ def construct_data_model(parameterized, name=None, ignore=[], types={}, extras={
     -------
     DataModel
     """
-
     properties = {}
     for pname in parameterized.param:
         if pname in ignore:
@@ -182,8 +183,8 @@ def construct_data_model(parameterized, name=None, ignore=[], types={}, extras={
             continue
         ptype = types.get(pname, type(p))
         prop = PARAM_MAPPING.get(ptype)
-        if isinstance(parameterized, Syncable):
-            pname = parameterized._rename.get(pname, pname)
+        if isinstance(parameterized, Syncable) or (isinstance(parameterized, type) and issubclass(parameterized, Syncable)):
+            pname = parameterized._property_mapping.get(pname, pname)
         if pname == 'name' or pname is None:
             continue
         nullable = getattr(p, 'allow_None', False)
diff --git a/panel/io/document.py b/panel/io/document.py
index 821d7dcc01..bb72395111 100644
--- a/panel/io/document.py
+++ b/panel/io/document.py
@@ -132,7 +132,7 @@ def _cleanup_doc(doc, destroy=True):
     # Clean up templates
     if doc in state._templates:
         tmpl = state._templates[doc]
-        tmpl._documents = {}
+        tmpl._documents = []
         del state._templates[doc]
 
     # Destroy document
@@ -569,7 +569,10 @@ def hold(doc: Document | None = None, policy: HoldPolicyType = 'combine', comm:
             if comm is not None:
                 from .notebook import push
                 push(doc, comm)
-            doc.unhold()
+            if state._loaded.get(doc):
+                doc.unhold()
+            else:
+                doc.callbacks._hold = None
 
 @contextmanager
 def immediate_dispatch(doc: Document | None = None):
diff --git a/panel/io/handlers.py b/panel/io/handlers.py
index 7da9f711d1..60b5f19bca 100644
--- a/panel/io/handlers.py
+++ b/panel/io/handlers.py
@@ -180,7 +180,7 @@ def capture_code_cell(cell):
 
     if not parses:
         # Skip cell if it cannot be parsed
-        log.warn(
+        log.warning(
             "The following cell did not contain valid Python syntax "
             f"and was skipped:\n\n{cell['source']}"
         )
@@ -448,7 +448,7 @@ def __init__(
 
         if runner:
             self._runner = runner
-        elif source:
+        elif source is not None:
             self._runner = PanelCodeRunner(source, filename, argv, package=package)
         else:
             raise ValueError("Must provide source code to PanelCodeHandler")
diff --git a/panel/io/notebook.py b/panel/io/notebook.py
index fc43e19ea0..3db639000f 100644
--- a/panel/io/notebook.py
+++ b/panel/io/notebook.py
@@ -26,9 +26,10 @@
 from bokeh.embed.elements import div_for_render_item, script_for_render_items
 from bokeh.embed.util import standalone_docs_json_and_render_items
 from bokeh.embed.wrappers import wrap_in_script_tag
-from bokeh.models import Model
+from bokeh.models import (
+    ImportedStyleSheet, InlineStyleSheet, Model, UIElement,
+)
 from bokeh.resources import CDN, INLINE
-from bokeh.settings import _Unset, settings
 from bokeh.util.serialization import make_id
 from param.display import (
     register_display_accessor, unregister_display_accessor,
@@ -42,7 +43,8 @@
 from .embed import embed_state
 from .model import add_to_doc, diff
 from .resources import (
-    PANEL_DIR, Resources, _env, bundle_resources, patch_model_css,
+    CDN_DIST, DIST_DIR, PANEL_DIR, Resources, _env, bundle_resources,
+    patch_model_css, set_resource_mode,
 )
 from .state import state
 
@@ -364,6 +366,23 @@ def __init__(self, mimebundle):
     def _repr_mimebundle_(self, include=None, exclude=None):
         return self._mimebundle
 
+def replace_inline_css(stylesheet: ImportedStyleSheet):
+    if not stylesheet.url.startswith(CDN_DIST):
+        return stylesheet
+    path = DIST_DIR / stylesheet.url.replace(CDN_DIST, '')  # type: ignore
+    if not path.exists():
+        return stylesheet
+    return InlineStyleSheet(css=path.read_text(encoding='utf-8'))
+
+def patch_inline_stylesheets(model: UIElement):
+    stylesheets = []
+    for sts in model.stylesheets:
+        if isinstance(sts, ImportedStyleSheet):
+            sts = replace_inline_css(sts)
+        stylesheets.append(sts)
+    if stylesheets != model.stylesheets:
+        model.stylesheets = stylesheets
+
 #---------------------------------------------------------------------
 # Public API
 #---------------------------------------------------------------------
@@ -402,11 +421,9 @@ def load_notebook(
     from IPython.display import publish_display_data
 
     resources = INLINE if inline and not state._is_pyodide else CDN
-    prev_resources = settings.resources(default="server")
-    user_resources = settings.resources._user_value is not _Unset
     nb_endpoint = not state._is_pyodide
-    resources = Resources.from_bokeh(resources, notebook=nb_endpoint)
-    try:
+    with set_resource_mode(resources.mode):
+        resources = Resources.from_bokeh(resources, notebook=nb_endpoint)
         bundle = bundle_resources(
             None, resources, notebook=nb_endpoint, reloading=reloading,
             enable_mathjax=enable_mathjax
@@ -423,11 +440,6 @@ def load_notebook(
             reloading=reloading,
             load_timeout=load_timeout
         )
-    finally:
-        if user_resources:
-            settings.resources = prev_resources
-        else:
-            settings.resources.unset_value()
 
     CSS = (PANEL_DIR / '_templates' / 'jupyter.css').read_text(encoding='utf-8')
     shim = '<script type="esms-options">{"shimMode": true}</script>'
diff --git a/panel/io/notifications.py b/panel/io/notifications.py
index 7b60a411ba..7118efff0a 100644
--- a/panel/io/notifications.py
+++ b/panel/io/notifications.py
@@ -45,7 +45,7 @@ def destroy(self) -> None:
             push_on_root(ref)
 
 
-class NotificationAreaBase(ReactiveHTML):
+class NotificationAreaBase(param.Parameterized):
 
     js_events = param.Dict(default={}, doc="""
         A dictionary that configures notifications for specific Bokeh Document
@@ -55,6 +55,9 @@ class NotificationAreaBase(ReactiveHTML):
 
         will trigger a warning on the Bokeh ConnectionLost event.""")
 
+    max_notifications = param.Integer(default=5, doc="""
+        The maximum number of notifications to display at once.""")
+
     notifications = param.List(item_type=Notification)
 
     position = param.Selector(default='bottom-right', objects=[
@@ -62,59 +65,29 @@ class NotificationAreaBase(ReactiveHTML):
         'top-right', 'top-center', 'center-center', 'center-left',
         'center-right'])
 
-    _clear = param.Integer(default=0)
-
-    _notification_type = Notification
-
-    _template = """
-    <div id="pn-notifications" class="notifications" style="position: absolute; bottom: 0; ${position}: 0;">
-    ${notifications}
-    </div>
-    """
-
-    _extension_name = 'notifications'
-
     __abstract = True
 
-    def __init__(self, **params):
-        super().__init__(**params)
-        self._notification_watchers = {}
-
-    def get_root(
-        self, doc: Document | None = None, comm: Comm | None = None,
-        preprocess: bool = True
-    ) -> Model:
-        doc = create_doc_if_none_exists(doc)
-        root = super().get_root(doc, comm, preprocess)
-        for event, notification in self.js_events.items():
-            doc.js_on_event(event, CustomJS(code=f"""
-            var config = {{
-              message: {notification['message']!r},
-              duration: {notification.get('duration', 0)},
-              notification_type: {notification['type']!r},
-              _destroyed: false
-            }}
-            notifications.data.notifications.push(config)
-            notifications.data.properties.notifications.change.emit()
-            """, args={'notifications': root}))
-        self._documents[doc] = root
-        state._views[root.ref['id']] = (self, root, doc, comm)
-        return root
+    def clear(self):
+        raise NotImplementedError
 
     def send(self, message, duration=3000, type=None, background=None, icon=None):
         """
         Sends a notification to the frontend.
+
+        Parameters
+        ----------
+        message: str
+            The message to display in the notification.
+        duration: int
+            The duration of the notification in milliseconds.
+        type: str
+            The type of the notification.
+        background: str
+            The background color of the notification.
+        icon: str
+            The icon of the notification.
         """
-        notification = self._notification_type(
-            message=message, duration=duration, notification_type=type,
-            notification_area=self, background=background, icon=icon
-        )
-        self._notification_watchers[notification] = (
-            notification.param.watch(self._remove_notification, '_destroyed')
-        )
-        self.notifications.append(notification)
-        self.param.trigger('notifications')
-        return notification
+        raise NotImplementedError
 
     def error(self, message, duration=3000):
         return self.send(message, duration, type='error')
@@ -128,17 +101,13 @@ def success(self, message, duration=3000):
     def warning(self, message, duration=3000):
         return self.send(message, duration, type='warning')
 
-    def clear(self):
-        self._clear += 1
-        self.notifications[:] = []
-
-    def _remove_notification(self, event):
-        if event.obj in self.notifications:
-            self.notifications.remove(event.obj)
-        event.obj.param.unwatch(self._notification_watchers.pop(event.obj))
 
+class NotificationArea(NotificationAreaBase, ReactiveHTML):
+    """
+    A notification area that displays notifications using the Notyf library.
+    """
 
-class NotificationArea(NotificationAreaBase):
+    _clear = param.Integer(default=0)
 
     types = param.List(default=[
         {'type': 'warning',
@@ -182,6 +151,10 @@ def __js_skip__(cls):
     def __css__(cls):
         return bundled_files(cls, 'css')
 
+    _extension_name = 'notifications'
+
+    _notification_type = Notification
+
     _stylesheets = [f"{CDN_DIST}css/notifications.css"]
 
     _template = ""
@@ -196,9 +169,9 @@ def __css__(cls):
         })
       """,
       "notifications": """
-        for (notification of data.notifications) {
+      for (notification of [...data.notifications]) {
           if (notification._destroyed || notification._rendered) {
-            return
+            continue
           }
           var config = {
             duration: notification.duration,
@@ -238,24 +211,64 @@ def __css__(cls):
       """
     }
 
+    def __init__(self, **params):
+        super().__init__(**params)
+        self._notification_watchers = {}
+
+    def _remove_notification(self, event):
+        if event.obj in self.notifications:
+            self.notifications.remove(event.obj)
+        event.obj.param.unwatch(self._notification_watchers.pop(event.obj))
+
+    def get_root(
+        self, doc: Document | None = None, comm: Comm | None = None,
+        preprocess: bool = True
+    ) -> Model:
+        doc = create_doc_if_none_exists(doc)
+        root = super().get_root(doc, comm, preprocess)
+        for event, notification in self.js_events.items():
+            doc.js_on_event(event, CustomJS(code=f"""
+            var config = {{
+              message: {notification['message']!r},
+              duration: {notification.get('duration', 0)},
+              notification_type: {notification['type']!r},
+              _destroyed: false
+            }}
+            notifications.data.notifications.push(config)
+            notifications.data.properties.notifications.change.emit()
+            """, args={'notifications': root}))
+        self._documents[doc] = root
+        state._views[root.ref['id']] = (self, root, doc, comm)
+        return root
+
     @classmethod
-    def demo(cls):
+    def demo(cls, **params):
         """
         Generates a layout which allows demoing the component.
+
+        Parameters
+        ----------
+        **params: dict
+            Additional parameters to pass to the component.
+
+        Returns
+        -------
+        layout: Layout
+            A layout containing the demo components.
         """
         from ..layout import Column
         from ..widgets import (
             Button, ColorPicker, NumberInput, Select, TextInput,
         )
 
-        msg = TextInput(name='Message', value='This is a message')
-        duration = NumberInput(name='Duration', value=0, end=10000)
+        msg = TextInput(name='Message', value='This is a message', **params)
+        duration = NumberInput(name='Duration', value=0, end=10000, **params)
         ntype = Select(
             name='Type', options=['info', 'warning', 'error', 'success', 'custom'],
-            value='info'
+            value='info', **params
         )
-        background = ColorPicker(name='Color', value='#000000')
-        button = Button(name='Notify')
+        background = ColorPicker(name='Color', value='#000000', **params)
+        button = Button(name='Notify', **params)
         notifications = cls()
         button.js_on_click(
             args={
@@ -278,6 +291,37 @@ def demo(cls):
 
         return Column(msg, duration, ntype, background, button, notifications)
 
+    def clear(self):
+        self._clear += 1
+        self.notifications[:] = []
+
+    def send(self, message, duration=3000, type=None, background=None, icon=None):
+        """
+        Sends a notification to the frontend.
+
+        Parameters
+        ----------
+        message: str
+            The message to display in the notification.
+        duration: int
+            The duration of the notification in milliseconds.
+        type: str
+            The type of the notification.
+        background: str
+            The background color of the notification.
+        icon: str
+            The icon of the notification.
+        """
+        notification = self._notification_type(
+            message=message, duration=duration, notification_type=type,
+            notification_area=self, background=background, icon=icon
+        )
+        self._notification_watchers[notification] = (
+            notification.param.watch(self._remove_notification, '_destroyed')
+        )
+        self.notifications.append(notification)
+        self.param.trigger('notifications')
+        return notification
 
 # Construct a DataModel for Notification
 _DATA_MODELS[Notification] = construct_data_model(Notification)
diff --git a/panel/io/pyodide.py b/panel/io/pyodide.py
index 2d59951047..b91dcbfa1d 100644
--- a/panel/io/pyodide.py
+++ b/panel/io/pyodide.py
@@ -244,7 +244,7 @@ def _serialize_buffers(obj, buffers={}):
 def _process_document_events(doc: Document, events: list[Any]):
     serializer = Serializer(references=doc.models.synced_references)
     patch_json = PatchJson(events=serializer.encode(events))
-    doc.models.flush_synced()
+    doc.models.flush_synced(lambda model: not serializer.has_ref(model))
 
     buffer_map = {}
     for buffer in serializer.buffers:
diff --git a/panel/io/resources.py b/panel/io/resources.py
index 7d72914c27..6faf605ce4 100644
--- a/panel/io/resources.py
+++ b/panel/io/resources.py
@@ -32,7 +32,7 @@
 from bokeh.model import Model
 from bokeh.models import ImportedStyleSheet
 from bokeh.resources import Resources as BkResources, _get_server_urls
-from bokeh.settings import settings as _settings
+from bokeh.settings import _Unset, settings as _settings
 from jinja2.environment import Environment
 from jinja2.loaders import FileSystemLoader
 from markupsafe import Markup
@@ -180,7 +180,10 @@ def set_resource_mode(mode):
         yield
     finally:
         RESOURCE_MODE = old_mode
-        _settings.resources.set_value(old_resources)
+        if old_resources is _Unset:
+            _settings.resources.unset_value()
+        else:
+            _settings.resources.set_value(old_resources)
 
 def use_cdn() -> bool:
     return _settings.resources(default="server") != 'server' or state._is_pyodide
@@ -671,6 +674,8 @@ def extra_resources(self, resources, resource_type):
                 if supcls_files == cls_files:
                     model = cls
             for resource in getattr(model, resource_type, []):
+                if isinstance(resource, pathlib.PurePath):
+                    continue
                 if state.rel_path:
                     resource = resource.lstrip(state.rel_path+'/')
                 if not isurl(resource) and not resource.lstrip('./').startswith('static/extensions'):
@@ -808,17 +813,6 @@ def js_files(self):
         js_files = self.adjust_paths([
             js for js in files if self.mode != 'inline' or not is_cdn_url(js)
         ])
-
-        # Load requirejs last to avoid interfering with other libraries
-        dist_dir = self.dist_dir
-        require_index = [i for i, jsf in enumerate(js_files) if 'require' in jsf]
-        if require_index:
-            requirejs = js_files.pop(require_index[0])
-            if any('ace' in jsf for jsf in js_files):
-                js_files.append(dist_dir + 'pre_require.js')
-            js_files.append(requirejs)
-            if any('ace' in jsf for jsf in js_files):
-                js_files.append(dist_dir + 'post_require.js')
         return js_files
 
     @property
diff --git a/panel/io/server.py b/panel/io/server.py
index 0e838512b3..894b990115 100644
--- a/panel/io/server.py
+++ b/panel/io/server.py
@@ -57,7 +57,7 @@
 
 # Internal imports
 from ..config import config
-from ..util import fullpath
+from ..util import edit_readonly, fullpath
 from ..util.warnings import warn
 from .application import build_applications
 from .document import (  # noqa
@@ -79,9 +79,9 @@
 
 if TYPE_CHECKING:
     from bokeh.application.application import SessionContext
-    from bokeh.bundle import Bundle
     from bokeh.core.types import ID
     from bokeh.document.document import DocJson
+    from bokeh.embed.bundle import Bundle
     from bokeh.server.session import ServerSession
     from jinja2 import Template
 
@@ -422,7 +422,7 @@ def _generate_token_payload(self) -> TokenPayload:
         payload.update(self.application_context.application.process_request(self.request))  # type: ignore
         return payload
 
-    def _authorize(self, session: bool = False) -> tuple[bool, str | None]:
+    def _authorize(self, session: bool = False) -> tuple[bool | None, str | None]:
         """
         Determine if user is authorized to access this application.
         """
@@ -577,6 +577,33 @@ class RootHandler(LoginUrlMixin, BkRootHandler):
     template variable.
     """
 
+    @authenticated
+    async def get(self, *args, **kwargs):
+        if self.use_redirect and len(self.applications) == 1:
+            app_names = list(self.applications.keys())
+            redirect_to = f".{app_names[0]}"
+            self.redirect(redirect_to)
+        else:
+            if self.index is None:
+                apps = sorted(self.applications.keys())
+                index = "app_index.html"
+            else:
+                index = self.index
+                apps = []
+                for slug in self.applications.keys():
+                    slug = (
+                        slug
+                        if self.request.uri.endswith("/") or not self.prefix
+                        else f"{self.prefix}{slug}"
+                    )
+                    # Try to get custom application page card title from config
+                    # using as default value the application page slug
+                    default_title = slug[1:].replace("_", " ").title()
+                    title = config.index_titles.get(slug, default_title)
+                    apps.append((slug, title))
+                apps = sorted(apps, key=lambda app: app[1])
+            self.render(index, prefix=self.prefix, items=apps)
+
     def render(self, *args, **kwargs):
         kwargs['PANEL_CDN'] = CDN_DIST
         return super().render(*args, **kwargs)
@@ -855,12 +882,14 @@ def get_server(
     oauth_redirect_uri: str | None = None,
     oauth_extra_params: Mapping[str, str] = {},
     oauth_error_template: str | None = None,
+    cookie_path: str  = "/",
     cookie_secret: str | None = None,
     oauth_encryption_key: str | None = None,
     oauth_jwt_user: str | None = None,
     oauth_refresh_tokens: str | None = None,
     oauth_guest_endpoints: list[str] | None = None,
     oauth_optional: bool | None = None,
+    root_path: str | None = None,
     login_endpoint: str | None = None,
     logout_endpoint: str | None = None,
     login_template: str | None = None,
@@ -919,24 +948,29 @@ def get_server(
       The client secret for the OAuth provider
     oauth_redirect_uri: Optional[str] = None,
       Overrides the default OAuth redirect URI
-    oauth_jwt_user: Optional[str] = None,
-      Key that identifies the user in the JWT id_token.
     oauth_extra_params: dict (optional, default={})
       Additional information for the OAuth provider
     oauth_error_template: str (optional, default=None)
       Jinja2 template used when displaying authentication errors.
+    cookie_path: str (optional, default='/')
+      The sub path of the domain the cookie is valid for.
     cookie_secret: str (optional, default=None)
       A random secret string to sign cookies (required for OAuth)
     oauth_encryption_key: str (optional, default=None)
       A random encryption key used for encrypting OAuth user
       information and access tokens.
+    oauth_jwt_user: Optional[str] = None,
+      Key that identifies the user in the JWT id_token.
+    oauth_refresh_tokens: bool (optional, default=None)
+      Whether to automatically refresh OAuth access tokens when they expire.
     oauth_guest_endpoints: list (optional, default=None)
       List of endpoints that can be accessed as a guest without authenticating.
     oauth_optional: bool (optional, default=None)
       Whether the user will be forced to go through login flow or if
       they can access all applications as a guest.
-    oauth_refresh_tokens: bool (optional, default=None)
-      Whether to automatically refresh OAuth access tokens when they expire.
+    root_path: str (optional, default=None)
+      Root path the application is being served on when behind
+      a reverse proxy.
     login_endpoint: str (optional, default=None)
       Overrides the default login endpoint `/login`
     logout_endpoint: str (optional, default=None)
@@ -1064,6 +1098,8 @@ def flask_handler(slug, app):
         config.oauth_secret = oauth_secret # type: ignore
     if oauth_extra_params:
         config.oauth_extra_params = oauth_extra_params # type: ignore
+    if cookie_path:
+        config.cookie_path = cookie_path # type: ignore
     if cookie_secret:
         config.cookie_secret = cookie_secret # type: ignore
     if oauth_redirect_uri:
@@ -1076,6 +1112,10 @@ def flask_handler(slug, app):
         config.oauth_guest_endpoints = oauth_guest_endpoints  # type: ignore
     if oauth_jwt_user is not None:
         config.oauth_jwt_user = oauth_jwt_user  # type: ignore
+    if root_path:
+        with edit_readonly(state):
+            state.base_url = root_path  # type: ignore
+    opts['cookie_path'] = config.cookie_path
     opts['cookie_secret'] = config.cookie_secret
 
     server = Server(apps, port=port, **opts)
diff --git a/panel/io/state.py b/panel/io/state.py
index dd4764c378..df8a5952c5 100644
--- a/panel/io/state.py
+++ b/panel/io/state.py
@@ -34,7 +34,7 @@
 from param.parameterized import Event, Parameterized
 from pyviz_comms import CommManager as _CommManager
 
-from ..util import decode_token, parse_timedelta
+from ..util import decode_token, edit_readonly, parse_timedelta
 from .logging import LOG_SESSION_RENDERED, LOG_USER_MSG
 
 _state_logger = logging.getLogger('panel.state')
@@ -59,7 +59,7 @@
     from .cache import _Stack
     from .callbacks import PeriodicCallback
     from .location import Location
-    from .notifications import NotificationArea
+    from .notifications import NotificationAreaBase
     from .server import StoppableThread
 
     T = TypeVar("T")
@@ -158,8 +158,8 @@ class _state(param.Parameterized):
     _locations: ClassVar[WeakKeyDictionary[Document, Location]] = WeakKeyDictionary() # Server locations indexed by document
 
     # Notifications
-    _notification: ClassVar[NotificationArea | None] = None # Global location, e.g. for notebook context
-    _notifications: ClassVar[WeakKeyDictionary[Document, NotificationArea]] = WeakKeyDictionary() # Server notifications indexed by document
+    _notification: ClassVar[NotificationAreaBase | None] = None # Global location, e.g. for notebook context
+    _notifications: ClassVar[WeakKeyDictionary[Document, NotificationAreaBase]] = WeakKeyDictionary() # Server notifications indexed by document
 
     # Templates
     _template: ClassVar[BaseTemplate | None] = None
@@ -235,6 +235,9 @@ class _state(param.Parameterized):
     # Watchers
     _watch_events: ClassVar[list[asyncio.Event]] = []
 
+    # Types
+    _notification_type: ClassVar[type[NotificationAreaBase] | None] = None
+
     def __repr__(self) -> str:
         server_info = []
         for server, panel, _docs in self._servers.values():
@@ -304,7 +307,8 @@ def _unblocked(self, doc: Document) -> bool:
 
     @param.depends('_busy_counter', watch=True)
     def _update_busy_counter(self):
-        self.busy = self._busy_counter >= 1
+        with edit_readonly(self):
+            self.busy = self._busy_counter >= 1
 
     @param.depends('busy', watch=True)
     def _update_busy(self) -> None:
@@ -729,7 +733,7 @@ def onload(self, callback: Callable[[], None | Coroutine[Any, Any, None]], threa
         """
         if self.curdoc is None or self._is_pyodide or self.loaded:
             if self._thread_pool:
-                self.execute(callback, schedule='threaded')
+                self.execute(callback, schedule='thread')
             else:
                 self.execute(callback, schedule=False)
         elif self.curdoc in self._onload:
@@ -1119,7 +1123,7 @@ def log_terminal(self):
         return log_terminal
 
     @property
-    def notifications(self) -> NotificationArea | None:
+    def notifications(self) -> NotificationAreaBase | None:
         if self.curdoc is None:
             return self._notification
 
@@ -1131,13 +1135,17 @@ def notifications(self) -> NotificationArea | None:
         if not (config.notifications and is_session):
             return None if is_session else self._notification
 
-        from panel.io.notifications import NotificationArea
         js_events = {}
         if config.ready_notification:
             js_events['document_ready'] = {'type': 'success', 'message': config.ready_notification, 'duration': 3000}
         if config.disconnect_notification:
             js_events['connection_lost'] = {'type': 'error', 'message': config.disconnect_notification}
-        self._notifications[self.curdoc] = notifications = NotificationArea(js_events=js_events)
+
+        if _state._notification_type is None:
+            from panel.io.notifications import NotificationArea
+            _state._notification_type = NotificationArea
+        notifications = _state._notification_type(js_events=js_events)
+        self._notifications[self.curdoc] = notifications
         return notifications
 
     @property
diff --git a/panel/layout/base.py b/panel/layout/base.py
index ea061aeda5..025a82f5f3 100644
--- a/panel/layout/base.py
+++ b/panel/layout/base.py
@@ -8,7 +8,9 @@
 from collections.abc import (
     Generator, Iterable, Iterator, Mapping,
 )
-from typing import TYPE_CHECKING, Any, ClassVar
+from typing import (
+    TYPE_CHECKING, Any, ClassVar, overload,
+)
 
 import param
 
@@ -20,7 +22,7 @@
 from ..models.layout import Column as PnColumn, ScrollToEvent
 from ..reactive import Reactive
 from ..util import param_name, param_reprs
-from ..viewable import Children
+from ..viewable import Children, Viewable
 
 if TYPE_CHECKING:
     from bokeh.document import Document
@@ -42,7 +44,137 @@
 _col = namedtuple("col", ["children"]) # type: ignore
 
 
-class Panel(Reactive):
+class SizingModeMixin:
+    """
+    Mixin class to add support for computing sizing modes from the children
+    based on the direction the layout flows in.
+    """
+
+    # Direction the layout flows in
+    _direction: ClassVar[str | None] = None
+
+    def _compute_sizing_mode(self, children, props):
+        """
+        Handles inference of correct layout sizing mode by inspecting
+        the children and adapting to their layout properties. This
+        aims to provide a layer of backward compatibility for the
+        layout behavior before v1.0 and provide general usability
+        improvements.
+
+        The code iterates over the children and extracts their sizing_mode,
+        width and height. Based on these values we infer a few overrides
+        for the container sizing_mode, width and height:
+
+        - If a child is responsive in width then the container should
+          also be responsive in width (unless it has a fixed size).
+        - If a container is vertical (e.g. a Column) and a child is
+          responsive in height then the container should also be
+          responsive.
+        - If a container is horizontal (e.g. a Row) and all children
+          are responsive in height then the container should also be
+          responsive. This behavior is asymmetrical with height
+          because there isn't always vertical space to expand into
+          and it is better for the component to match the height of
+          the other children.
+        - Always compute the fixed sizes of the children (if available)
+          and provide this as min_width and min_height settings to
+          ensure sufficient space is available.
+        """
+        margin = props.get('margin', self.margin)
+        if margin is None:
+            margin = 0
+        sizing_mode = props.get('sizing_mode', self.sizing_mode)
+        if sizing_mode == 'fixed':
+            return {}
+
+        # Iterate over children and determine responsiveness along
+        # each axis, scaling and the widths of each component.
+        heights, widths = [], []
+        all_expand_height, expand_width, expand_height, scale = True, self.width_policy=="max", self.height_policy=="max", False
+
+        for child in children:
+            smode = child.sizing_mode
+            if smode and 'scale' in smode:
+                scale = True
+
+            width_expanded = smode in ('stretch_width', 'stretch_both', 'scale_width', 'scale_both')
+            height_expanded = smode in ('stretch_height', 'stretch_both', 'scale_height', 'scale_both')
+            expand_width |= width_expanded
+            expand_height |= height_expanded
+            if width_expanded:
+                width = child.min_width
+            else:
+                width = child.width
+                if not child.width:
+                    width = child.min_width
+            if width:
+                if isinstance(margin, tuple):
+                    if len(margin) == 2:
+                        width += margin[1]*2
+                    else:
+                        width += margin[1] + margin[3]
+                else:
+                    width += margin*2
+                widths.append(width)
+
+            if height_expanded:
+                height = child.min_height
+            else:
+                height = child.height
+                if height:
+                    all_expand_height = False
+                else:
+                    height = child.min_height
+            if height:
+                if isinstance(margin, tuple):
+                    if len(margin) == 2:
+                        height += margin[0]*2
+                    else:
+                        height += margin[0] + margin[2]
+                else:
+                    height += margin*2
+                heights.append(height)
+
+        # Infer new sizing mode based on children
+        mode = 'scale' if scale else 'stretch'
+        if self._direction == 'horizontal':
+            allow_height_scale = all_expand_height
+        else:
+            allow_height_scale = True
+
+        if expand_width and expand_height and not self.width and not self.height:
+            if allow_height_scale or 'both' in (sizing_mode or ''):
+                sizing_mode = f'{mode}_both'
+            else:
+                sizing_mode = f'{mode}_width'
+        elif expand_width and not self.width:
+            sizing_mode = f'{mode}_width'
+        elif expand_height and not self.height and allow_height_scale:
+            sizing_mode = f'{mode}_height'
+        if sizing_mode is None:
+            return {'sizing_mode': props.get('sizing_mode')}
+
+        properties = {'sizing_mode': sizing_mode}
+        if (sizing_mode.endswith(("_width", "_both")) and
+            widths and 'min_width' not in properties):
+            width_op = max if self._direction in ('vertical', None) else sum
+            min_width = width_op(widths)
+            op_widths = [min_width]
+            if 'max_width' in properties:
+                op_widths.append(properties['max_width'])
+            properties['min_width'] = min(op_widths)
+        if (sizing_mode.endswith(("_height", "_both")) and
+            heights and 'min_height' not in properties):
+            height_op = max if self._direction in ('horizontal', None) else sum
+            min_height = height_op(heights)
+            op_heights = [min_height]
+            if 'max_height' in properties:
+                op_heights.append(properties['max_height'])
+            properties['min_height'] = min(op_heights)
+        return properties
+
+
+class Panel(Reactive, SizingModeMixin):
     """
     Abstract baseclass for a layout of Viewables.
     """
@@ -53,9 +185,6 @@ class Panel(Reactive):
     # Bokeh model used to render this Panel
     _bokeh_model: ClassVar[type[Model]]
 
-    # Direction the layout flows in
-    _direction: ClassVar[str | None] = None
-
     # Parameters which require the preprocessors to be re-run
     _preprocess_params: ClassVar[list[str]] = []
 
@@ -189,124 +318,6 @@ def _get_model(
         self._link_props(model, self._linked_properties, doc, root, comm)
         return model
 
-    def _compute_sizing_mode(self, children, props):
-        """
-        Handles inference of correct layout sizing mode by inspecting
-        the children and adapting to their layout properties. This
-        aims to provide a layer of backward compatibility for the
-        layout behavior before v1.0 and provide general usability
-        improvements.
-
-        The code iterates over the children and extracts their sizing_mode,
-        width and height. Based on these values we infer a few overrides
-        for the container sizing_mode, width and height:
-
-        - If a child is responsive in width then the container should
-          also be responsive in width (unless it has a fixed size).
-        - If a container is vertical (e.g. a Column) and a child is
-          responsive in height then the container should also be
-          responsive.
-        - If a container is horizontal (e.g. a Row) and all children
-          are responsive in height then the container should also be
-          responsive. This behavior is asymmetrical with height
-          because there isn't always vertical space to expand into
-          and it is better for the component to match the height of
-          the other children.
-        - Always compute the fixed sizes of the children (if available)
-          and provide this as min_width and min_height settings to
-          ensure sufficient space is available.
-        """
-        margin = props.get('margin', self.margin)
-        if margin is None:
-            margin = 0
-        sizing_mode = props.get('sizing_mode', self.sizing_mode)
-        if sizing_mode == 'fixed':
-            return {}
-
-        # Iterate over children and determine responsiveness along
-        # each axis, scaling and the widths of each component.
-        heights, widths = [], []
-        all_expand_height, expand_width, expand_height, scale = True, False, False, False
-        for child in children:
-            smode = child.sizing_mode
-            if smode and 'scale' in smode:
-                scale = True
-
-            width_expanded = smode in ('stretch_width', 'stretch_both', 'scale_width', 'scale_both')
-            height_expanded = smode in ('stretch_height', 'stretch_both', 'scale_height', 'scale_both')
-            expand_width |= width_expanded
-            expand_height |= height_expanded
-            if width_expanded:
-                width = child.min_width
-            else:
-                width = child.width
-                if not child.width:
-                    width = child.min_width
-            if width:
-                if isinstance(margin, tuple):
-                    if len(margin) == 2:
-                        width += margin[1]*2
-                    else:
-                        width += margin[1] + margin[3]
-                else:
-                    width += margin*2
-                widths.append(width)
-
-            if height_expanded:
-                height = child.min_height
-            else:
-                height = child.height
-                if height:
-                    all_expand_height = False
-                else:
-                    height = child.min_height
-            if height:
-                if isinstance(margin, tuple):
-                    if len(margin) == 2:
-                        height += margin[0]*2
-                    else:
-                        height += margin[0] + margin[2]
-                else:
-                    height += margin*2
-                heights.append(height)
-
-        # Infer new sizing mode based on children
-        mode = 'scale' if scale else 'stretch'
-        if self._direction == 'horizontal':
-            allow_height_scale = all_expand_height
-        else:
-            allow_height_scale = True
-        if expand_width and expand_height and not self.width and not self.height:
-            if allow_height_scale or 'both' in (sizing_mode or ''):
-                sizing_mode = f'{mode}_both'
-            else:
-                sizing_mode = f'{mode}_width'
-        elif expand_width and not self.width:
-            sizing_mode = f'{mode}_width'
-        elif expand_height and not self.height and allow_height_scale:
-            sizing_mode = f'{mode}_height'
-        if sizing_mode is None:
-            return {'sizing_mode': props.get('sizing_mode')}
-
-        properties = {'sizing_mode': sizing_mode}
-        if (sizing_mode.endswith(("_width", "_both")) and
-            widths and 'min_width' not in properties):
-            width_op = max if self._direction in ('vertical', None) else sum
-            min_width = width_op(widths)
-            op_widths = [min_width]
-            if 'max_width' in properties:
-                op_widths.append(properties['max_width'])
-            properties['min_width'] = min(op_widths)
-        if (sizing_mode.endswith(("_height", "_both")) and
-            heights and 'min_height' not in properties):
-            height_op = max if self._direction in ('horizontal', None) else sum
-            min_height = height_op(heights)
-            op_heights = [min_height]
-            if 'max_height' in properties:
-                op_heights.append(properties['max_height'])
-            properties['min_height'] = min(op_heights)
-        return properties
-
     #----------------------------------------------------------------
     # Public API
     #----------------------------------------------------------------
@@ -379,59 +390,25 @@ def __iadd__(self, other: Iterable[Any]) -> ListLike:
     def __add__(self, other: Iterable[Any]) -> ListLike:
         if isinstance(other, ListLike):
             other = other.objects
-        else:
-            other = list(other)
-        return self.clone(*(self.objects+other))
+        return self.clone(*self.objects, *other)
 
     def __radd__(self, other: Iterable[Any]) -> ListLike:
         if isinstance(other, ListLike):
             other = other.objects
-        else:
-            other = list(other)
-        return self.clone(*(other+self.objects))
+        return self.clone(*other, *self.objects)
 
     def __contains__(self, obj: Viewable) -> bool:
         return obj in self.objects
 
-    def __setitem__(self, index: int | slice, panes: Iterable[Any]) -> None:
-        new_objects = list(self)
-        name = type(self).__name__
-        if not isinstance(index, slice):
-            start, end = index, index+1
-            if start > len(self.objects):
-                raise IndexError(
-                    f'Index {end} out of bounds on {name} containing '
-                    f'{len(self.objects)} objects.'
-                )
-            panes = [panes]
-        else:
-            start = index.start or 0
-            end = len(self) if index.stop is None else index.stop
-            if index.start is None and index.stop is None:
-                if not isinstance(panes, list):
-                    raise IndexError(
-                        'Expected a list of objects to replace the '
-                        f'objects in the {name}, got a '
-                        f'{type(panes).__name__} type.'
-                    )
-                expected = len(panes)
-                new_objects = [None]*expected # type: ignore
-                end = expected
-            elif end > len(self.objects):
-                raise IndexError(
-                    f'Index {end} out of bounds on {name} containing '
-                    f'{len(self.objects)} objects.'
-                )
-            else:
-                expected = end-start
-            if not isinstance(panes, list) or len(panes) != expected:
-                raise IndexError(
-                    f'Expected a list of {expected} objects to set '
-                    f'on the {name} to match the supplied slice.'
-                )
-        for i, pane in zip(range(start, end), panes):
-            new_objects[i] = pane
+    @overload
+    def __setitem__(self, index: int, panes: Any) -> None: ...
 
+    @overload
+    def __setitem__(self, index: slice, panes: Iterable[Any]) -> None: ...
+
+    def __setitem__(self, index, panes) -> None:
+        new_objects = list(self)
+        new_objects[index] = panes
         self.objects = new_objects
 
     def clone(self, *objects: Any, **params: Any) -> ListLike:
@@ -497,19 +474,19 @@ def extend(self, objects: Iterable[Any]) -> None:
         new_objects.extend(objects)
         self.objects = new_objects
 
-    def index(self, object) -> int:
+    def index(self, obj: Viewable) -> int:
         """
         Returns the integer index of the supplied object in the list of objects.
 
         Parameters
         ----------
-        obj (object): Panel component to look up the index for.
+        obj (Viewable): Panel component to look up the index for.
 
         Returns
         -------
         index (int): Integer index of the object in the layout.
         """
-        return self.objects.index(object)
+        return self.objects.index(obj)
 
     def insert(self, index: int, obj: Any) -> None:
         """
@@ -524,7 +501,7 @@ def insert(self, index: int, obj: Any) -> None:
         new_objects.insert(index, obj)
         self.objects = new_objects
 
-    def pop(self, index: int) -> Viewable:
+    def pop(self, index: int = -1) -> Viewable:
         """
         Pops an item from the layout by index.
 
@@ -634,65 +611,39 @@ def __iadd__(self, other: Iterable[Any]) -> NamedListLike:
         return self
 
     def __add__(self, other: Iterable[Any]) -> NamedListLike:
+        added: Iterable
         if isinstance(other, NamedListLike):
-            added = list(zip(other._names, other.objects))
+            added = zip(other._names, other.objects)
         elif isinstance(other, ListLike):
             added = other.objects
         else:
-            added = list(other)
-        objects = list(zip(self._names, self.objects))
-        return self.clone(*(objects+added))
+            added = other
+        objects = zip(self._names, self.objects)
+        return self.clone(*objects, *added)
 
     def __radd__(self, other: Iterable[Any]) -> NamedListLike:
+        added: Iterable
         if isinstance(other, NamedListLike):
-            added = list(zip(other._names, other.objects))
+            added = zip(other._names, other.objects)
         elif isinstance(other, ListLike):
             added = other.objects
         else:
-            added = list(other)
-        objects = list(zip(self._names, self.objects))
-        return self.clone(*(added+objects))
+            added = other
+        objects = zip(self._names, self.objects)
+        return self.clone(*added, *objects)
+
+    @overload
+    def __setitem__(self, index: int, panes: Any) -> None: ...
+
+    @overload
+    def __setitem__(self, index: slice, panes: Iterable[Any]) -> None: ...
 
-    def __setitem__(self, index: int | slice, panes: Iterable[Any]) -> None:
+    def __setitem__(self, index, panes):
         new_objects = list(self)
-        name = type(self).__name__
-        if not isinstance(index, slice):
-            if index > len(self.objects):
-                raise IndexError(
-                    f'Index {index} out of bounds on {name} '
-                    f'containing {len(self.objects)} objects.'
-                )
-            start, end = index, index+1
-            panes = [panes]
+        if isinstance(index, slice):
+            new_objects[index], self._names[index] = self._to_objects_and_names(panes)
         else:
-            start = index.start or 0
-            end = len(self.objects) if index.stop is None else index.stop
-            if index.start is None and index.stop is None:
-                if not isinstance(panes, list):
-                    raise IndexError(
-                        'Expected a list of objects to replace '
-                        f'the objects in the {name}, got a '
-                        f'{type(panes).__name__} type.'
-                    )
-                expected = len(panes)
-                new_objects = [None]*expected # type: ignore
-                self._names = [None]*len(panes)
-                end = expected
-            else:
-                expected = end-start
-                nobjs = len(self.objects)
-                if end > nobjs:
-                    raise IndexError(
-                        f'Index {end} out of bounds on {name} '
-                        'containing {nobjs} objects.'
-                    )
-            if not isinstance(panes, list) or len(panes) != expected:
-                raise IndexError(
-                    f'Expected a list of {expected} objects to set '
-                    f'on the {name} to match the supplied slice.'
-                )
-        for i, pane in zip(range(start, end), panes):
-            new_objects[i], self._names[i] = self._to_object_and_name(pane)
+            new_objects[index], self._names[index] = self._to_object_and_name(panes)
         self.objects = new_objects
 
     def clone(self, *objects: Any, **params: Any) -> NamedListLike:
@@ -710,11 +661,11 @@ def clone(self, *objects: Any, **params: Any) -> NamedListLike:
         """
         if objects:
             overrides = objects
-        elif 'objects' in params:
-            raise ValueError(
-                'Tabs objects should be supplied either as positional '
-                'arguments or as a keyword, not both.'
-            )
+            if 'objects' in params:
+                raise ValueError(
+                    'Tabs objects should be supplied either as positional '
+                    'arguments or as a keyword, not both.'
+                )
         elif 'objects' in params:
             overrides = params.pop('objects')
         else:
@@ -773,7 +724,7 @@ def insert(self, index: int, pane: Any) -> None:
         self._names.insert(index, new_name)
         self.objects = new_objects
 
-    def pop(self, index: int) -> Viewable:
+    def pop(self, index: int = -1) -> Viewable:
         """
         Pops an item from the tabs by index.
 
@@ -798,9 +749,11 @@ def remove(self, pane: Viewable) -> None:
         new_objects = list(self)
         if pane in new_objects:
             index = new_objects.index(pane)
-        new_objects.remove(pane)
-        self._names.pop(index)
-        self.objects = new_objects
+            new_objects.remove(pane)
+            self._names.pop(index)
+            self.objects = new_objects
+        else:
+            raise ValueError(f'{pane!r} is not in list')
 
     def reverse(self) -> None:
         """
diff --git a/panel/layout/card.py b/panel/layout/card.py
index 3111885bc3..45c2d1fbb2 100644
--- a/panel/layout/card.py
+++ b/panel/layout/card.py
@@ -6,6 +6,7 @@
 import param
 
 from ..models import Card as BkCard
+from ..viewable import Child
 from .base import Column, Row
 
 if TYPE_CHECKING:
@@ -44,7 +45,7 @@ class Card(Column):
     css_classes = param.List(default=['card'], doc="""
         CSS classes to apply to the overall Card.""")
 
-    header = param.Parameter(doc="""
+    header = Child(doc="""
         A Panel component to display in the header bar of the Card.
         Will override the given title if defined.""")
 
diff --git a/panel/layout/feed.py b/panel/layout/feed.py
index eeec31dfc9..77addc8852 100644
--- a/panel/layout/feed.py
+++ b/panel/layout/feed.py
@@ -6,7 +6,7 @@
 import param
 
 from ..models.feed import Feed as PnFeed, ScrollButtonClick, ScrollLatestEvent
-from ..util import edit_readonly
+from ..util import edit_readonly, isIn
 from .base import Column
 
 if TYPE_CHECKING:
@@ -154,6 +154,12 @@ def _get_objects(
         self, model: Model, old_objects: list[Viewable], doc: Document,
         root: Model, comm: Comm | None = None
     ):
+        # If no previously visible objects are visible now, reset the visible range
+        events = self._in_process__events.get(doc, {})
+        if self._last_synced and 'visible_range' not in events and not any(isIn(obj, self.objects) for obj in old_objects[slice(*self._last_synced)]):
+            with edit_readonly(self):
+                self.visible_range = None
+
         from ..pane.base import RerenderError
         new_models, old_models = [], []
         self._last_synced = self._synced_range
diff --git a/panel/layout/gridstack.py b/panel/layout/gridstack.py
index 379ef6a285..87f98de043 100644
--- a/panel/layout/gridstack.py
+++ b/panel/layout/gridstack.py
@@ -12,7 +12,7 @@
 from .grid import GridSpec
 
 
-class GridStack(ReactiveHTML, GridSpec):  # type: ignore[misc]
+class GridStack(ReactiveHTML, GridSpec):  # type: ignore[override]
     """
     The `GridStack` layout allows arranging multiple Panel objects in a grid
     using a simple API to assign objects to individual grid cells or to a grid
diff --git a/panel/layout/modal.py b/panel/layout/modal.py
index 2c93e3c626..9e84b19e36 100644
--- a/panel/layout/modal.py
+++ b/panel/layout/modal.py
@@ -60,16 +60,14 @@ def _open(self):
     def create_button(self, action: Literal["show", "hide", "toggle"], **kwargs):
         """Create a button to show, hide or toggle the modal."""
         from panel.widgets import Button
-
-        button = Button(**kwargs)
         match action:
             case "show":
-                button.on_click(lambda *e: self.show())
+                kwargs["on_click"] = lambda *e: self.show()
             case "hide":
-                button.on_click(lambda *e: self.hide())
+                kwargs["on_click"] = lambda *e: self.hide()
             case "toggle":
-                button.on_click(lambda *e: self.toggle())
+                kwargs["on_click"] = lambda *e: self.toggle()
             case _:
                 raise TypeError(f"Invalid action: {action}")
-
+        button = Button(**kwargs)
         return button
diff --git a/panel/layout/swipe.py b/panel/layout/swipe.py
index 3ea5675208..18d94762a6 100644
--- a/panel/layout/swipe.py
+++ b/panel/layout/swipe.py
@@ -9,6 +9,7 @@
 
 from ..io.resources import CDN_DIST
 from ..reactive import ReactiveHTML
+from ..viewable import Children
 from .base import ListLike
 
 
@@ -20,7 +21,7 @@ class Swipe(ListLike, ReactiveHTML):
     the other side.
     """
 
-    objects = param.List(default=[], bounds=(0, 2), doc="""
+    objects = Children(default=[], bounds=(0, 2), doc="""
         The list of child objects that make up the layout.""", precedence=-1)
 
     slider_width = param.Integer(default=5, bounds=(0, 25), doc="""
diff --git a/panel/links.py b/panel/links.py
index 329b358f8b..ee25a3280b 100644
--- a/panel/links.py
+++ b/panel/links.py
@@ -8,7 +8,9 @@
 import weakref
 
 from collections.abc import Iterable, Sequence
-from typing import TYPE_CHECKING, Any, TypeAlias
+from typing import (
+    TYPE_CHECKING, Any, TypeAlias, cast,
+)
 
 import param
 
@@ -23,12 +25,9 @@
 
 if TYPE_CHECKING:
     from bokeh.model import Model
+    from holoviews.core.dimension import Dimensioned
 
-    try:
-        from holoviews.core.dimension import Dimensioned
-        JSLinkTarget: TypeAlias = Reactive | BkModel | Dimensioned
-    except Exception:
-        JSLinkTarget: TypeAlias = Reactive | BkModel # type: ignore
+    JSLinkTarget: TypeAlias = Reactive | BkModel | Dimensioned
     SourceModelSpec = tuple[str | None, str]
     TargetModelSpec = tuple[str | None, str | None]
 
@@ -70,6 +69,10 @@ def assert_source_syncable(source: Reactive, properties: Iterable[str]) -> None:
 def assert_target_syncable(
     source: Reactive, target: JSLinkTarget, properties: dict[str, str]
 ) -> None:
+    if not hasattr(target, "_rename") and not hasattr(target, "param"):
+        return
+
+    target = cast(Reactive, target)
     for k, p in properties.items():
         if k.startswith('event:'):
             continue
@@ -388,16 +391,16 @@ def _resolve_model(
 
         model = None
         if 'holoviews' in sys.modules and is_bokeh_element_plot(obj):
-            if model_spec is None:
+            if model_spec is None and hasattr(obj, "state"):
                 return obj.state
             else:
-                model_specs = model_spec.split('.')
+                model_specs = str(model_spec).split('.')
                 handle_spec = model_specs[0]
                 if len(model_specs) > 1:
                     model_spec = '.'.join(model_specs[1:])
                 else:
                     model_spec = None
-                model = obj.handles[handle_spec]
+                model = obj.handles[handle_spec]  # type: ignore
         elif isinstance(obj, Viewable):
             model, _ = obj._models.get(root_model.ref['id'], (None, None))
         elif isinstance(obj, BkModel):
@@ -422,15 +425,7 @@ def _init_callback(
         if src_model is None:
             return
         ref = root_model.ref['id']
-
         link_id = (id(link), src_spec, tgt_spec)
-        callbacks = (
-            list(src_model.js_property_callbacks.values()) + # type: ignore
-            list(src_model.js_event_callbacks.values()) # type: ignore
-        )
-        # Skip registering callback if already registered
-        if any(link_id in cb.tags for cbs in callbacks for cb in cbs):
-            return
 
         references['source'] = src_model
 
@@ -482,6 +477,14 @@ def _init_callback(
             if tgt_spec[1] in tgt_model.data.properties(): # type: ignore
                 references['target'] = tgt_model = tgt_model.data # type: ignore
 
+        callbacks = (
+            list(src_model.js_property_callbacks.values()) + # type: ignore
+            list(src_model.js_event_callbacks.values()) # type: ignore
+        )
+        # Skip registering callback if already registered
+        if any(link_id in cb.tags for cbs in callbacks for cb in cbs):
+            return
+
         self._initialize_models(link, source, src_model, src_spec[1], target, tgt_model, tgt_spec[1])
         self._process_references(references)
 
@@ -587,7 +590,7 @@ def _get_specs(
                 src_prop = src_specs[0]
                 if isinstance(source, Reactive):
                     src_prop = source._rename.get(src_prop, src_prop)
-                src_spec = (None, src_prop)
+                src_spec = (None, cast("str", src_prop))
         return [(src_spec, (None, None), link.code[spec])]
 
 
diff --git a/panel/models/ace.py b/panel/models/ace.py
index 0943f0b0ef..a007a8a7be 100644
--- a/panel/models/ace.py
+++ b/panel/models/ace.py
@@ -2,9 +2,10 @@
 Defines custom AcePlot bokeh model to render Ace editor.
 """
 from bokeh.core.properties import (
-    Any, Bool, Dict, Enum, List, Nullable, Override, String,
+    Any, Bool, Dict, Enum, Int, List, Nullable, Override, String,
 )
 
+from ..config import config
 from ..io.resources import bundled_files
 from ..util import classproperty
 from .enums import ace_themes
@@ -18,15 +19,15 @@ class AcePlot(HTMLBox):
     """
 
     __javascript_raw__ = [
-        'https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.11/ace.js',
-        'https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.11/ext-language_tools.js',
-        'https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.11/ext-modelist.js'
+        f"{config.npm_cdn}/ace-builds@1.40.1/src-min-noconflict/ace.js",
+        f"{config.npm_cdn}/ace-builds@1.40.1/src-min-noconflict/ext-language_tools.js",
+        f"{config.npm_cdn}/ace-builds@1.40.1/src-min-noconflict/ext-modelist.js"
     ]
 
     __tarball__ = {
-        'tar': 'https://registry.npmjs.org/ace-builds/-/ace-builds-1.4.11.tgz',
+        'tar': 'https://registry.npmjs.org/ace-builds/-/ace-builds-1.40.1.tgz',
         'src': 'package/src-min/',
-        'dest': 'ajax/libs/1.4.11',
+        'dest': 'ajax/libs/1.40.1',
         'exclude': ['*snippets/*']
     }
 
@@ -40,31 +41,35 @@ def __js_skip__(cls):
 
     __js_require__ = {
         'paths': {
-            ('ace', ('ace/ace', 'ace/ext-language_tools', 'ace/ext-modelist')): '//cdnjs.cloudflare.com/ajax/libs/ace/1.4.7'},
-        'exports': {'ace/ace': 'ace'},
+            ('ace', ('ace/ace', 'ace/ext-language_tools', 'ace/ext-modelist')): "//cdn.jsdelivr.net/npm/ace-builds@1.40.1/src-min-noconflict"},
+        'exports': {'ace': 'ace/ace'},
         'shim': {
             'ace/ext-language_tools': { 'deps': ["ace/ace"] },
             'ace/ext-modelist': { 'deps': ["ace/ace"] }
         }
     }
 
+    annotations = List(Dict(String, Any), default=[])
+
     code = String(default='')
 
     code_input = String(default='')
 
-    on_keyup = Bool(default=True)
-
-    theme = Enum(ace_themes, default='chrome')
-
     filename = Nullable(String())
 
+    indent = Int(default=4)
+
     language = String(default='')
 
-    annotations = List(Dict(String, Any), default=[])
+    on_keyup = Bool(default=True)
+
+    print_margin = Bool(default=False)
 
     readonly = Bool(default=False)
 
-    print_margin = Bool(default=False)
+    soft_tabs = Bool(default=False)
+
+    theme = Enum(ace_themes, default='github_light_default')
 
     height = Override(default=300)  # type: ignore
 
diff --git a/panel/models/ace.ts b/panel/models/ace.ts
index 79281ab2c9..003b9870e5 100644
--- a/panel/models/ace.ts
+++ b/panel/models/ace.ts
@@ -23,13 +23,15 @@ export class AcePlotView extends HTMLBoxView {
   override connect_signals(): void {
     super.connect_signals()
 
-    const {code, theme, language, filename, print_margin, annotations, readonly} = this.model.properties
+    const {code, theme, language, filename, print_margin, annotations, soft_tabs, indent, readonly} = this.model.properties
     this.on_change(code, () => this._update_code_from_model())
     this.on_change(theme, () => this._update_theme())
     this.on_change(language, () => this._update_language())
     this.on_change(filename, () => this._update_filename())
     this.on_change(print_margin, () => this._update_print_margin())
     this.on_change(annotations, () => this._add_annotations())
+    this.on_change(indent, () => this._editor.setOptions({tabSize: this.model.indent}))
+    this.on_change(soft_tabs, () => this._editor.setOptions({useSoftTabs: this.model.soft_tabs}))
     this.on_change(readonly, () => {
       this._editor.setReadOnly(this.model.readonly)
     })
@@ -50,10 +52,12 @@ export class AcePlotView extends HTMLBoxView {
     this._container.textContent = this.model.code
     this._editor = ace.edit(this._container)
     this._editor.renderer.attachToShadowRoot()
-    this._langTools = ace.require("ace/ext/language_tools")
-    this._modelist = ace.require("ace/ext/modelist")
+    this._langTools = (ace as any).require("ace/ext/language_tools")
+    this._modelist = (ace as any).require("ace/ext/modelist")
     this._editor.setOptions({
       enableBasicAutocompletion: true,
+      tabSize: this.model.indent,
+      useSoftTabs: this.model.soft_tabs,
       enableSnippets: true,
       fontFamily: "monospace", //hack for cursor position
     })
@@ -137,10 +141,12 @@ export namespace AcePlot {
     on_keyup: p.Property<boolean>
     language: p.Property<string>
     filename: p.Property<string | null>
+    indent: p.Property<number>
     theme: p.Property<string>
     annotations: p.Property<any[]>
     print_margin: p.Property<boolean>
     readonly: p.Property<boolean>
+    soft_tabs: p.Property<boolean>
   }
 }
 
@@ -158,16 +164,18 @@ export class AcePlot extends HTMLBox {
   static {
     this.prototype.default_view = AcePlotView
 
-    this.define<AcePlot.Props>(({Any, List, Bool, Str, Nullable}) => ({
-      code:         [ Str,       "" ],
-      code_input:   [ Str,       "" ],
-      on_keyup:     [ Bool,       true ],
-      filename:     [ Nullable(Str), null],
-      language:     [ Str,       "" ],
-      theme:        [ Str, "chrome" ],
-      annotations:  [ List(Any),   [] ],
-      readonly:     [ Bool,   false ],
-      print_margin: [ Bool,   false ],
+    this.define<AcePlot.Props>(({Any, Bool, Int, List, Str, Nullable}) => ({
+      annotations:  [ List(Any),      []  ],
+      code:         [ Str,            ""  ],
+      code_input:   [ Str,            ""  ],
+      filename:     [ Nullable(Str), null ],
+      indent:       [ Int,              4 ],
+      language:     [ Str,             "" ],
+      on_keyup:     [ Bool,          true ],
+      print_margin: [ Bool,         false ],
+      theme:        [ Str, "github_light_default" ],
+      readonly:     [ Bool,         false ],
+      soft_tabs:    [ Bool,         false ],
     }))
 
     this.override<AcePlot.Props>({
diff --git a/panel/models/anywidget_component.ts b/panel/models/anywidget_component.ts
index a580fe72d3..564dc35e8c 100644
--- a/panel/models/anywidget_component.ts
+++ b/panel/models/anywidget_component.ts
@@ -1,4 +1,5 @@
 import type * as p from "@bokehjs/core/properties"
+import type {Transform} from "sucrase"
 
 import {ReactiveESM, ReactiveESMView} from "./reactive_esm"
 
@@ -17,19 +18,34 @@ class AnyWidgetModelAdapter {
 
   get(name: any) {
     let value
-    if (name in this.model.data.attributes) {
-      value = this.model.data.attributes[name]
+    const propPath = name.split(".")
+    let targetModel: any = this.model.data
+
+    for (let i = 0; i < propPath.length - 1; i++) {
+      if (targetModel && targetModel.attributes && propPath[i] in targetModel.attributes) {
+        targetModel = targetModel.attributes[propPath[i]]
+      } else {
+        // Stop if any part of the path is missing
+        targetModel = null
+        break
+      }
+    }
+
+    if (targetModel && targetModel.attributes && propPath[propPath.length - 1] in targetModel.attributes) {
+      value = targetModel.attributes[propPath[propPath.length - 1]]
     } else {
       value = this.model.attributes[name]
     }
+
     if (value instanceof ArrayBuffer) {
       value = new DataView(value)
     }
+
     return value
   }
 
   set(name: string, value: any) {
-    if (name in this.model.data.attributes) {
+    if (name.split(".")[0] in this.model.data.attributes) {
       this.data_changes = {...this.data_changes, [name]: value}
     } else if (name in this.model.attributes) {
       this.model_changes = {...this.model_changes, [name]: value}
@@ -39,7 +55,24 @@ class AnyWidgetModelAdapter {
   save_changes() {
     this.model.setv(this.model_changes)
     this.model_changes = {}
-    this.model.data.setv(this.data_changes)
+    for (const key in this.data_changes) {
+      const propPath = key.split(".")
+      let targetModel: any = this.model.data
+      for (let i = 0; i < propPath.length - 1; i++) {
+        if (targetModel && targetModel.attributes && propPath[i] in targetModel.attributes) {
+          targetModel = targetModel.attributes[propPath[i]]
+        } else {
+          console.warn(`Skipping '${key}': '${propPath[i]}' does not exist.`)
+          targetModel = null
+          break
+        }
+      }
+      if (targetModel && targetModel.attributes && propPath[propPath.length - 1] in targetModel.attributes) {
+        targetModel.setv({[propPath[propPath.length - 1]]: this.data_changes[key]})
+      } else {
+        console.warn(`Skipping '${key}': Final property '${propPath[propPath.length - 1]}' not found.`)
+      }
+    }
     this.data_changes = {}
   }
 
@@ -107,21 +140,6 @@ export class AnyWidgetComponentView extends ReactiveESMView {
     }
   }
 
-  protected override _render_code(): string {
-    return `
-const view = Bokeh.index.find_one_by_id('${this.model.id}')
-
-function render() {
-  const out = Promise.resolve(view.render_fn({
-    view, model: view.adapter, data: view.model.data, el: view.container
-  }) || null)
-  view.destroyer = out
-  out.then(() => view.after_rendered())
-}
-
-export default {render}`
-  }
-
   override after_rendered(): void {
     this.render_children()
     this._rendered = true
@@ -138,11 +156,28 @@ export interface AnyWidgetComponent extends AnyWidgetComponent.Attrs {}
 
 export class AnyWidgetComponent extends ReactiveESM {
   declare properties: AnyWidgetComponent.Props
+  override sucrase_transforms: Transform[] = ["typescript", "jsx"]
 
   constructor(attrs?: Partial<AnyWidgetComponent.Attrs>) {
     super(attrs)
   }
 
+  protected override _render_code(): string {
+    return `
+function render(id) {
+  const view = Bokeh.index.find_one_by_id(id)
+  if (!view) { return }
+
+  const out = Promise.resolve(view.render_fn({
+    view, model: view.adapter, data: view.model.data, el: view.container
+  }) || null)
+  view.destroyer = out
+  out.then(() => view.after_rendered())
+}
+
+export default {render}`
+  }
+
   protected override _run_initializer(initialize: (props: any) => void): void {
     const props = {model: new AnyWidgetModelAdapter(this)}
     initialize(props)
diff --git a/panel/models/card.ts b/panel/models/card.ts
index 01f4654912..8ec9c3f66a 100644
--- a/panel/models/card.ts
+++ b/panel/models/card.ts
@@ -1,8 +1,9 @@
-import {Column, ColumnView} from "./column"
 import type {StyleSheetLike} from "@bokehjs/core/dom"
 import * as DOM from "@bokehjs/core/dom"
 import type * as p from "@bokehjs/core/properties"
 
+import {Column, ColumnView} from "./column"
+
 import card_css from "styles/models/card.css"
 
 const CHEVRON_RIGHT = `
@@ -42,7 +43,7 @@ export class CardView extends ColumnView {
     return [...super.stylesheets(), card_css]
   }
 
-  protected override *_stylesheets(): Iterable<DOM.StyleSheet> {
+  protected override *_stylesheets(): Iterable<DOM.StyleSheetLike> {
     yield* super._stylesheets()
     yield this.collapsed_style
   }
@@ -99,7 +100,7 @@ export class CardView extends ColumnView {
       header_el.style.color = header_color != null ? header_color : ""
       this.shadow_el.appendChild(header_el)
       header.render()
-      header.after_render()
+      header.r_after_render()
     }
 
     if (this.model.collapsed) {
@@ -109,7 +110,7 @@ export class CardView extends ColumnView {
     for (const child_view of this.child_views.slice(1)) {
       this.shadow_el.appendChild(child_view.el)
       child_view.render()
-      child_view.after_render()
+      child_view.r_after_render()
     }
   }
 
diff --git a/panel/models/column.ts b/panel/models/column.ts
index e5a0cf8f7f..8c51483e7c 100644
--- a/panel/models/column.ts
+++ b/panel/models/column.ts
@@ -141,6 +141,48 @@ export class ColumnView extends BkColumnView {
     })
   }
 
+  override async update_children(): Promise<void> {
+    const created = await this.build_child_views()
+    const created_views = new Set(created)
+
+    // Find index up to which the order of the existing views
+    // matches the order of the new views. This allows us to
+    // skip re-inserting the views up to this point
+    const current_views = Array.from(this.shadow_el.children).flatMap(el => {
+      const view = this.child_views.find(view => view.el === el)
+      return view === undefined ? [] : [view]
+    })
+    let matching_index = null
+    for (let i = 0; i < current_views.length; i++) {
+      if (current_views[i] === this.child_views[i]) {
+        matching_index = i
+      } else {
+        break
+      }
+    }
+
+    // Since appending to a DOM node will move the node to the end if it has
+    // already been added appending all the children in order will result in
+    // correct ordering.
+    for (let i = 0; i < this.child_views.length; i++) {
+      const view = this.child_views[i]
+      const is_new = created_views.has(view)
+      // this.shadow_el is needed for Bokeh < 3.7.0 as this.self_target is not defined
+      // can be removed when our minimum version is Bokeh 3.7.0
+      // https://github.com/holoviz/panel/pull/7948
+      const target = view.rendering_target() ?? this.self_target ?? this.shadow_el
+      if (is_new) {
+        view.render_to(target)
+      } else if (matching_index === null || i > matching_index) {
+        target.append(view.el)
+      }
+    }
+
+    this.r_after_render()
+    this._update_children()
+    this.invalidate_layout()
+  }
+
   override after_render(): void {
     super.after_render()
     requestAnimationFrame(() => {
diff --git a/panel/models/datetime_picker.py b/panel/models/datetime_picker.py
index 97b34e0a7b..71d1091c3f 100644
--- a/panel/models/datetime_picker.py
+++ b/panel/models/datetime_picker.py
@@ -10,6 +10,10 @@ class DatetimePicker(InputWidget):
 
     '''
 
+    allow_input = Bool(default=False, help="""
+    Enable manual date input in the widget.
+    """)
+
     value = Nullable(String, help="""
     The initial or picked date.
     """)
diff --git a/panel/models/datetime_picker.ts b/panel/models/datetime_picker.ts
index 3228e6cbfc..c01fb15e2f 100644
--- a/panel/models/datetime_picker.ts
+++ b/panel/models/datetime_picker.ts
@@ -88,6 +88,7 @@ export class DatetimePickerView extends InputWidgetView {
     super.render()
 
     const options: flatpickr.Options.Options = {
+      allowInput: this.model.allow_input,
       appendTo: this.group_el,
       positionElement: this.input_el,
       defaultDate: this.model.value!,
@@ -232,6 +233,7 @@ export namespace DatetimePicker {
   export type Attrs = p.AttrsOf<Props>
 
   export type Props = InputWidget.Props & {
+    allow_input:    p.Property<boolean>
     value:          p.Property<string | null>
     min_date:       p.Property<string | null>
     max_date:       p.Property<string | null>
@@ -266,6 +268,7 @@ export class DatetimePicker extends InputWidget {
       const DateStr = Str
       const DatesList = List(Or(DateStr, Tuple(DateStr, DateStr)))
       return {
+        allow_input:    [ Bool, false ],
         value:          [ Nullable(Str), null ],
         min_date:       [ Nullable(Str), null ],
         max_date:       [ Nullable(Str), null ],
diff --git a/panel/models/deckgl.ts b/panel/models/deckgl.ts
index fa5312aa01..12662d614d 100644
--- a/panel/models/deckgl.ts
+++ b/panel/models/deckgl.ts
@@ -51,7 +51,7 @@ export class DeckGLPlotView extends LayoutDOMView {
   override connect_signals(): void {
     super.connect_signals()
     const {data, mapbox_api_key, tooltip, configuration, layers, initialViewState, data_sources} = this.model.properties
-    this.on_change([mapbox_api_key, tooltip, configuration], () => this.render())
+    this.on_change([mapbox_api_key, tooltip, configuration], () => this.rerender_())
     this.on_change([data, initialViewState], () => this.updateDeck())
     this.on_change([layers], () => this._update_layers())
     this.on_change([data_sources], () => this._connect_sources(true))
@@ -193,9 +193,19 @@ export class DeckGLPlotView extends LayoutDOMView {
     this._view_cb(event)
   }
 
+  rerender_(): void {
+    // Can be removed when Bokeh>3.7 (see https://github.com/holoviz/panel/pull/7815)
+    if (this.rerender) {
+      this.rerender()
+    } else {
+      this.render()
+      this.r_after_render()
+    }
+  }
+
   updateDeck(): void {
     if (!this.deckGL) {
-      this.render()
+      this.rerender_()
       return
     }
     const data = this.getData()
diff --git a/panel/models/echarts.py b/panel/models/echarts.py
index 6186057f0a..82919e2c01 100644
--- a/panel/models/echarts.py
+++ b/panel/models/echarts.py
@@ -30,7 +30,7 @@ class ECharts(LayoutDOM):
     """
 
     __javascript_raw__ = [
-        f"{config.npm_cdn}/echarts@5.4.1/dist/echarts.min.js",
+        f"{config.npm_cdn}/echarts@5.6.0/dist/echarts.min.js",
         f"{config.npm_cdn}/echarts-gl@2.0.9/dist/echarts-gl.min.js"
     ]
 
@@ -46,7 +46,7 @@ def __js_skip__(cls):
 
     __js_require__ = {
         'paths': {
-            "echarts":  f"{config.npm_cdn}/echarts@5.4.1/dist/echarts.min",
+            "echarts":  f"{config.npm_cdn}/echarts@5.6.0/dist/echarts.min",
             "echarts-gl": f"{config.npm_cdn}/echarts-gl@2.0.9/dist/echarts-gl.min"
         },
         'exports': {}
diff --git a/panel/models/echarts.ts b/panel/models/echarts.ts
index 0a76b894b4..64bf6bff6f 100644
--- a/panel/models/echarts.ts
+++ b/panel/models/echarts.ts
@@ -80,7 +80,9 @@ export class EChartsView extends HTMLBoxView {
 
   override after_layout(): void {
     super.after_layout()
-    this._chart.resize()
+    if (this._chart != null) {
+      this._chart.resize()
+    }
   }
 
   _plot(): void {
diff --git a/panel/models/enums.py b/panel/models/enums.py
index ffb39c5704..158079f854 100644
--- a/panel/models/enums.py
+++ b/panel/models/enums.py
@@ -4,11 +4,14 @@
 from bokeh.core.enums import enumeration
 
 ace_themes = enumeration(
-    'ambiance', 'chaos', 'chrome', 'clouds', 'clouds_midnight', 'cobalt',
-    'crimson_editor', 'dawn', 'dracula', 'dreamweaver', 'eclipse', 'github', 'gob',
-    'gruvbox', 'idle_fingers', 'iplastic', 'katzenmilch', 'kr_theme', 'kuroir',
-    'merbivore', 'merbivore_soft', 'mono_industrial', 'monokai', 'pastel_on_dark',
-    'solarized_dark', 'solarized_light', 'sqlserver', 'terminal', 'textmate',
-    'tomorrow', 'tomorrow_night', 'tomorrow_night_blue', 'tomorrow_night_bright',
-    'tomorrow_night_eighties', 'twilight', 'vibrant_ink', 'xcode'
+    'ambiance', 'chaos', 'chrome', 'cloud9_day', 'cloud9_night', 'clouds',
+    'clouds_midnight', 'cobalt', 'crimson_editor', 'dawn', 'dracula',
+    'dreamweaver', 'eclipse', 'github', 'github_dark',
+    'github_light_default', 'gob', 'gruvbox', 'idle_fingers',
+    'iplastic', 'katzenmilch', 'kr_theme', 'kuroir', 'merbivore',
+    'merbivore_soft', 'mono_industrial', 'monokai', 'nord_dark',
+    'one_dark', 'pastel_on_dark', 'solarized_dark', 'solarized_light',
+    'sqlserver', 'terminal', 'textmate', 'tomorrow', 'tomorrow_night',
+    'tomorrow_night_blue', 'tomorrow_night_bright',
+    'tomorrow_night_eighties', 'twilight', 'vibrant_ink', 'xcode',
 )
diff --git a/panel/models/esm.py b/panel/models/esm.py
index 5b6036b4fd..1d2950f5e4 100644
--- a/panel/models/esm.py
+++ b/panel/models/esm.py
@@ -62,6 +62,8 @@ class ReactComponent(ReactiveESM):
     Renders jsx/tsx based ESM bundles using React.
     """
 
+    root_node = bp.Nullable(bp.String)
+
 
 class AnyWidgetComponent(ReactComponent):
     """
diff --git a/panel/models/feed.ts b/panel/models/feed.ts
index d4a4a4aaf8..54f0390e3c 100644
--- a/panel/models/feed.ts
+++ b/panel/models/feed.ts
@@ -124,6 +124,7 @@ export class FeedView extends ColumnView {
       } else {
         if (is_new) {
           child_view.render()
+          child_view.r_after_render()
           if (is_appended) {
             target.append(child_view.el)
           } else if (is_prepended) {
@@ -171,6 +172,11 @@ export class FeedView extends ColumnView {
     return created
   }
 
+  override _update_layout(): void {
+    super._update_layout()
+    this.style.append(":host > div", {max_height: "unset"})
+  }
+
   override render(): void {
     this._rendered = false
     super.render()
diff --git a/panel/models/file_dropper.py b/panel/models/file_dropper.py
index 44f6f4a64b..80d0dd43c9 100644
--- a/panel/models/file_dropper.py
+++ b/panel/models/file_dropper.py
@@ -44,6 +44,8 @@ class FileDropper(InputWidget):
 
     layout = Nullable(Enum("integrated", "compact", "circle", default="compact"))
 
+    previews = List(String)
+
     __javascript_raw__ = [
         f"{config.npm_cdn}/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.js",
         f"{config.npm_cdn}/filepond-plugin-file-validate-size/dist/filepond-plugin-file-validate-size.js",
diff --git a/panel/models/file_dropper.ts b/panel/models/file_dropper.ts
index 1ba10ddd2c..a4d2acee74 100644
--- a/panel/models/file_dropper.ts
+++ b/panel/models/file_dropper.ts
@@ -44,9 +44,14 @@ export class FileDropperView extends InputWidgetView {
   _transfer_in_process: string | null = null
 
   override initialize(): void {
-    super.initialize();
-    (window as any).FilePond.registerPlugin((window as any).FilePondPluginImagePreview);
-    (window as any).FilePond.registerPlugin((window as any).FilePondPluginPdfPreview);
+    super.initialize()
+    const {previews} = this.model
+    if (previews.includes("image")) {
+      (window as any).FilePond.registerPlugin((window as any).FilePondPluginImagePreview)
+    }
+    if (previews.includes("pdf")) {
+      (window as any).FilePond.registerPlugin((window as any).FilePondPluginPdfPreview)
+    }
     (window as any).FilePond.registerPlugin((window as any).FilePondPluginFileValidateType);
     (window as any).FilePond.registerPlugin((window as any).FilePondPluginFileValidateSize)
   }
@@ -165,6 +170,7 @@ export namespace FileDropper {
     max_total_file_size: p.Property<string | null>
     mime_type: p.Property<any>
     multiple: p.Property<boolean>
+    previews: p.Property<string[]>
   }
 }
 
@@ -190,6 +196,7 @@ export class FileDropper extends InputWidget {
       mime_type:           [ Any,                  {} ],
       multiple:            [ Bool,               true ],
       layout:              [ Nullable(DropperLayout), null ],
+      previews:            [ List(Str), [ "image", "pdf" ]],
     }))
   }
 }
diff --git a/panel/models/html.ts b/panel/models/html.ts
index 42744b4e8d..38058f8edd 100644
--- a/panel/models/html.ts
+++ b/panel/models/html.ts
@@ -123,13 +123,8 @@ export class HTMLView extends PanelMarkupView {
     return [...super.stylesheets(), html_css]
   }
 
-  protected rerender() {
-    this.render()
-    this.invalidate_layout()
-  }
-
   set_html(html: string | null): void {
-    if (html === null) {
+    if (html === null || this.container == null) {
       return
     }
     this.container.innerHTML = html
diff --git a/panel/models/icon.ts b/panel/models/icon.ts
index 45af58693f..3f1acbb439 100644
--- a/panel/models/icon.ts
+++ b/panel/models/icon.ts
@@ -92,10 +92,14 @@ export class ClickableIconView extends ControlView {
     }
     let timer: ReturnType<typeof setTimeout> | undefined
     this.el.addEventListener("mouseenter", () => {
+      if (timer) {
+        clearTimeout(timer)
+      }
       timer = setTimeout(() => toggle_tooltip(true), this.model.tooltip_delay)
     })
-    this.el.addEventListener("mouseleave", () => {
+    this.el.addEventListener("pointerleave", () => {
       clearTimeout(timer)
+      timer = undefined
       toggle_tooltip(false)
     })
   }
diff --git a/panel/models/json.ts b/panel/models/json.ts
index dc14ae031a..e26d775cd0 100644
--- a/panel/models/json.ts
+++ b/panel/models/json.ts
@@ -10,7 +10,7 @@ export class JSONView extends PanelMarkupView {
   override connect_signals(): void {
     super.connect_signals()
     const {depth, hover_preview, text, theme} = this.model.properties
-    this.on_change([depth, hover_preview, text, theme], () => this.render())
+    this.on_change([depth, hover_preview, text, theme], () => this.rerender_())
   }
 
   override render(): void {
diff --git a/panel/models/jsoneditor.py b/panel/models/jsoneditor.py
index ced18a45bf..6a9b513d2a 100644
--- a/panel/models/jsoneditor.py
+++ b/panel/models/jsoneditor.py
@@ -43,15 +43,15 @@ class JSONEditor(HTMLBox):
     templates = List(Any)
 
     __javascript_raw__ = [
-        f"{config.npm_cdn}/jsoneditor@10.0.1/dist/jsoneditor.min.js"
+        f"{config.npm_cdn}/jsoneditor@10.2.0/dist/jsoneditor.min.js"
     ]
 
     __css_raw__ = [
-        f"{config.npm_cdn}/jsoneditor@10.0.1/dist/jsoneditor.min.css"
+        f"{config.npm_cdn}/jsoneditor@10.2.0/dist/jsoneditor.min.css"
     ]
 
     __resources__ = [
-        f"{config.npm_cdn}/jsoneditor@10.0.1/dist/img/jsoneditor-icons.svg"
+        f"{config.npm_cdn}/jsoneditor@10.2.0/dist/img/jsoneditor-icons.svg"
     ]
 
     @classproperty
@@ -68,7 +68,7 @@ def __js_skip__(cls):
 
     __js_require__ = {
         'paths': {
-            'jsoneditor': "//cdn.jsdelivr.net/npm/jsoneditor@10.0.1/dist/jsoneditor.min"
+            'jsoneditor': "//cdn.jsdelivr.net/npm/jsoneditor@10.2.0/dist/jsoneditor.min"
         },
         'exports': {'jsoneditor': 'JSONEditor'},
         'shim': {
diff --git a/panel/models/layout.ts b/panel/models/layout.ts
index 2eb4147fbf..cb21abcab0 100644
--- a/panel/models/layout.ts
+++ b/panel/models/layout.ts
@@ -1,4 +1,5 @@
 import {div, px} from "@bokehjs/core/dom"
+import type {DOMView} from "@bokehjs/core/dom_view"
 import {isArray} from "@bokehjs/core/util/types"
 import {unreachable} from "@bokehjs/core/util/assert"
 import {WidgetView} from "@bokehjs/models/widgets/widget"
@@ -44,7 +45,7 @@ export class PanelMarkupView extends WidgetView {
         style_el.addEventListener("load", () => {
           this._initialized_stylesheets.set(style_el.href, true)
           if ([...this._initialized_stylesheets.values()].every((v) => v)) {
-            this.style_redraw()
+            requestAnimationFrame(() => this.style_redraw())
           }
         })
       }
@@ -54,6 +55,17 @@ export class PanelMarkupView extends WidgetView {
     }
   }
 
+  rerender_(view: DOMView | null = null): void {
+    // Can be removed when Bokeh>3.7 (see https://github.com/holoviz/panel/pull/7815)
+    view = view == null ? this : view
+    if (view.rerender) {
+      view.rerender()
+    } else {
+      view.render()
+      view.r_after_render()
+    }
+  }
+
   style_redraw(): void {}
 
   has_math_disabled(): boolean {
@@ -169,6 +181,17 @@ export abstract class HTMLBoxView extends LayoutDOMView {
     set_size(this.el, this.model)
   }
 
+  rerender_(view: DOMView | null = null): void {
+    // Can be removed when Bokeh>3.7 (see https://github.com/holoviz/panel/pull/7815)
+    view = view == null ? this : view
+    if (view.rerender) {
+      view.rerender()
+    } else {
+      view.render()
+      view.r_after_render()
+    }
+  }
+
   watch_stylesheets(): void {
     this._initialized_stylesheets = new Map()
     for (const stylesheet of this._applied_stylesheets) {
@@ -184,6 +207,9 @@ export abstract class HTMLBoxView extends LayoutDOMView {
         })
       }
     }
+    if (Object.keys(this._initialized_stylesheets).length === 0) {
+      requestAnimationFrame(() => this.style_redraw())
+    }
   }
 
   style_redraw(): void {}
diff --git a/panel/models/mathjax.ts b/panel/models/mathjax.ts
index cd300f5897..8b7fd827dc 100644
--- a/panel/models/mathjax.ts
+++ b/panel/models/mathjax.ts
@@ -9,7 +9,7 @@ export class MathJaxView extends PanelMarkupView {
     super.connect_signals()
 
     const {text} = this.model.properties
-    this.on_change(text, () => this.render())
+    this.on_change(text, () => this.rerender_())
   }
 
   override render(): void {
diff --git a/panel/models/modal.ts b/panel/models/modal.ts
index d782ea14f6..f6d3dfe8e1 100644
--- a/panel/models/modal.ts
+++ b/panel/models/modal.ts
@@ -21,20 +21,19 @@ declare const A11yDialog: A11yDialogInterface
 
 @server_event("modal-dialog-event")
 export class ModalDialogEvent extends ModelEvent {
-  open: boolean
-
-  constructor(open: boolean) {
+  constructor(readonly model: Modal, readonly open: boolean) {
     super()
     this.open = open
+    this.origin = model
   }
 
   protected override get event_values(): Attrs {
-    return {open: this.open}
+    return {open: this.open, origin: this.origin}
   }
 
   static override from_values(values: object) {
-    const {open} = values as {open: boolean}
-    return new ModalDialogEvent(open)
+    const {open, model} = values as {open: boolean, model: Modal}
+    return new ModalDialogEvent(model, open)
   }
 }
 
diff --git a/panel/models/perspective.py b/panel/models/perspective.py
index 3a63f83e50..242cd634c5 100644
--- a/panel/models/perspective.py
+++ b/panel/models/perspective.py
@@ -14,7 +14,7 @@
     'pro', 'pro-dark', 'gruvbox', 'gruvbox-dark',
 ]
 
-PERSPECTIVE_VERSION = '2.9.0'
+PERSPECTIVE_VERSION = '3.6.1'
 
 THEME_PATH = f"@finos/perspective-viewer@{PERSPECTIVE_VERSION}/dist/css/"
 THEME_URL = f"{config.npm_cdn}/{THEME_PATH}"
@@ -80,21 +80,24 @@ class Perspective(HTMLBox):
 
     title = Either(String(), Null())
 
-    __javascript_module_exports__ = ['perspective']
+    __javascript_module_exports__ = ['perspective', 'perspective_viewer']
 
     __javascript_modules_raw__ = [
         f"{config.npm_cdn}/@finos/perspective@{PERSPECTIVE_VERSION}/dist/cdn/perspective.js",
-        f"{config.npm_cdn}/@finos/perspective@{PERSPECTIVE_VERSION}/dist/cdn/perspective.worker.js",
-        f"{config.npm_cdn}/@finos/perspective@{PERSPECTIVE_VERSION}/dist/cdn/perspective.cpp.wasm",
         f"{config.npm_cdn}/@finos/perspective-viewer@{PERSPECTIVE_VERSION}/dist/cdn/perspective-viewer.js",
-        f"{config.npm_cdn}/@finos/perspective-viewer@{PERSPECTIVE_VERSION}/dist/cdn/perspective_bg.wasm",
         f"{config.npm_cdn}/@finos/perspective-viewer-datagrid@{PERSPECTIVE_VERSION}/dist/cdn/perspective-viewer-datagrid.js",
         f"{config.npm_cdn}/@finos/perspective-viewer-d3fc@{PERSPECTIVE_VERSION}/dist/cdn/perspective-viewer-d3fc.js",
+        f"{config.npm_cdn}/@finos/perspective@{PERSPECTIVE_VERSION}/dist/wasm/perspective-js.js",
+        f"{config.npm_cdn}/@finos/perspective@{PERSPECTIVE_VERSION}/dist/wasm/perspective-js.wasm",
+        f"{config.npm_cdn}/@finos/perspective-viewer@{PERSPECTIVE_VERSION}/dist/wasm/perspective-viewer.js",
+        f"{config.npm_cdn}/@finos/perspective-viewer@{PERSPECTIVE_VERSION}/dist/wasm/perspective-viewer.wasm",
+        f"{config.npm_cdn}/@finos/perspective@{PERSPECTIVE_VERSION}/dist/wasm/perspective-server.wasm",
+        f"{config.npm_cdn}/@finos/perspective@{PERSPECTIVE_VERSION}/dist/wasm/perspective-server.js"
     ]
 
     @classproperty
     def __javascript_modules__(cls):
-        return [js for js in bundled_files(cls, 'javascript_modules') if 'wasm' not in js and 'worker' not in js]
+        return [js for js in bundled_files(cls, 'javascript_modules') if 'wasm' not in js]
 
     @classproperty
     def __js_skip__(cls):
diff --git a/panel/models/perspective.ts b/panel/models/perspective.ts
index ded33860ff..7ad6b0b0e5 100644
--- a/panel/models/perspective.ts
+++ b/panel/models/perspective.ts
@@ -162,7 +162,6 @@ export class PerspectiveView extends HTMLBoxView {
 
   override render(): void {
     super.render()
-    this.worker = (window as any).perspective.worker()
     const container = div({
       class: "pnx-perspective-viewer",
       style: {
@@ -170,53 +169,73 @@ export class PerspectiveView extends HTMLBoxView {
       },
     })
     this._current_plugin = this.model.plugin
-    container.innerHTML = "<perspective-viewer style='height:100%; width:100%;'></perspective-viewer>"
-    this.perspective_element = container.children[0]
-
-    const themesArray = Object.values(THEMES)
-    const filteredThemes = themesArray.filter(t => t !== this.model.theme)
-    const orderedThemes = [this.model.theme, ...filteredThemes]
-    this.perspective_element.resetThemes(orderedThemes).catch(() => {})
 
     set_size(container, this.model)
     this.shadow_el.appendChild(container)
 
-    this.worker.table(this.model.schema).then((table: any) => {
-      this.table = table
-      this.table.update(this.data)
-      this.perspective_element.load(this.table)
-
-      const plugin_config = {
-        ...this.model.plugin_config,
-        editable: this.model.editable,
-        selectable: this.model.selectable,
+    new Promise((resolve, reject) => {
+      const start = Date.now()
+      const timeout = 5000
+      const interval = 100
+
+      const check = () => {
+        if ((window as any).perspective_viewer !== undefined) {
+          resolve(null)
+        } else if (Date.now() - start > timeout) {
+          reject(new Error("Timed out waiting for window.perspective_viewer"))
+        } else {
+          setTimeout(check, interval)
+        }
       }
-
-      this.perspective_element.restore({
-        aggregates: this.model.aggregates,
-        columns: this.model.columns,
-        columns_config: this.model.columns_config,
-        expressions: this.model.expressions,
-        filter: this.model.filters,
-        split_by: this.model.split_by,
-        group_by: this.model.group_by,
-        plugin: PLUGINS[this.model.plugin],
-        plugin_config,
-        settings: this.model.settings,
-        sort: this.model.sort,
-        theme: THEMES[this.model.theme ],
-        title: this.model.title,
-      }).catch(() => {})
-
-      this.perspective_element.save().then((config: any) => {
-        this._current_config = config
-      })
-      this._config_listener = () => this.sync_config()
-      this.perspective_element.addEventListener("perspective-config-update", this._config_listener)
-      this.perspective_element.addEventListener("perspective-click", (event: any) => {
-        this.model.trigger_event(new PerspectiveClickEvent(event.detail.config, event.detail.column_names, event.detail.row))
+      check()
+    }).then(() => {
+      (window as any).perspective.worker().then((worker: any) => {
+        this.worker = worker
+        worker.table(this.model.schema).then((table: any) => {
+          this.table = table
+          this.table.update(this.data)
+          container.innerHTML = "<perspective-viewer style='height:100%; width:100%;'></perspective-viewer>"
+          this.perspective_element = container.children[0]
+
+          const themesArray = Object.values(THEMES)
+          const filteredThemes = themesArray.filter(t => t !== this.model.theme)
+          const orderedThemes = [this.model.theme, ...filteredThemes]
+          this.perspective_element.resetThemes(orderedThemes).catch(() => {})
+
+          this.perspective_element.load(this.table)
+          const plugin_config = {
+            ...this.model.plugin_config,
+            editable: this.model.editable,
+            selectable: this.model.selectable,
+          }
+
+          this.perspective_element.restore({
+            aggregates: this.model.aggregates,
+            columns: this.model.columns,
+            columns_config: this.model.columns_config,
+            expressions: this.model.expressions,
+            filter: this.model.filters,
+            split_by: this.model.split_by,
+            group_by: this.model.group_by,
+            plugin: PLUGINS[this.model.plugin],
+            plugin_config,
+            settings: this.model.settings,
+            sort: this.model.sort,
+            theme: THEMES[this.model.theme ],
+            title: this.model.title,
+          }).catch(() => {})
+
+          this.perspective_element.save().then((config: any) => {
+            this._current_config = config
+          })
+          this._config_listener = () => this.sync_config()
+          this.perspective_element.addEventListener("perspective-config-update", this._config_listener)
+          this.perspective_element.addEventListener("perspective-click", (event: any) => {
+            this.model.trigger_event(new PerspectiveClickEvent(event.detail.config, event.detail.column_names, event.detail.row))
+          })
+          this._loaded = true
+        })
       })
-      this._loaded = true
     })
   }
 
diff --git a/panel/models/player.ts b/panel/models/player.ts
index 8a95462471..2b37431f13 100644
--- a/panel/models/player.ts
+++ b/panel/models/player.ts
@@ -55,7 +55,7 @@ export class PlayerView extends WidgetView {
     this.on_change(title, () => this.update_title_and_value())
     this.on_change(value_align, () => this.set_value_align())
     this.on_change(direction, () => this.set_direction())
-    this.on_change(value, () => this.render())
+    this.on_change(value, () => this.update_value())
     this.on_change(loop_policy, () => this.set_loop_state(this.model.loop_policy))
     this.on_change(disabled, () => this.toggle_disable())
     this.on_change(show_loop_controls, () => {
@@ -140,15 +140,15 @@ export class PlayerView extends WidgetView {
     }
   }
 
-  override render(): void {
-    if (this.sliderEl == null) {
-      super.render()
-    } else {
+  update_value(): void {
+    if (this.sliderEl != null) {
       this.sliderEl.min = String(this.model.start)
       this.sliderEl.max = String(this.model.end)
       this.sliderEl.value = String(this.model.value)
-      return
     }
+  }
+  override render(): void {
+    super.render()
 
     // Layout to group the elements
     this.groupEl = div()
diff --git a/panel/models/plotly.py b/panel/models/plotly.py
index d4d18b8004..0b5f61f023 100644
--- a/panel/models/plotly.py
+++ b/panel/models/plotly.py
@@ -11,7 +11,7 @@
 from ..io.resources import bundled_files
 from ..util import classproperty
 
-PLOTLY_VERSION = '3.0.0'
+PLOTLY_VERSION = '3.0.1'
 
 
 class PlotlyEvent(ModelEvent):
diff --git a/panel/models/progress.ts b/panel/models/progress.ts
index efd2f308f9..274bdfbfdf 100644
--- a/panel/models/progress.ts
+++ b/panel/models/progress.ts
@@ -16,7 +16,7 @@ export class ProgressView extends HTMLBoxView {
       active, bar_color, css_classes, value, max,
     } = this.model.properties
 
-    this.on_change([width, height, height_policy, width_policy, sizing_mode], () => this.render())
+    this.on_change([width, height, height_policy, width_policy, sizing_mode], () => this.rerender_())
     this.on_change([active, bar_color, css_classes], () => this.setCSS())
     this.on_change(value, () => this.setValue())
     this.on_change(max, () => this.setMax())
diff --git a/panel/models/quill.py b/panel/models/quill.py
index 49e2664c1f..e35d6a1649 100644
--- a/panel/models/quill.py
+++ b/panel/models/quill.py
@@ -13,12 +13,12 @@ class QuillInput(HTMLBox):
     """
 
     __css_raw__ = [
-        'https://cdn.quilljs.com/1.3.7/quill.bubble.css',
-        'https://cdn.quilljs.com/1.3.7/quill.snow.css'
+        'https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.bubble.css',
+        'https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css',
     ]
 
     __javascript_raw__ = [
-        'https://cdn.quilljs.com/1.3.7/quill.js',
+        'https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.js',
     ]
 
     @classproperty
@@ -35,7 +35,7 @@ def __js_skip__(cls):
 
     __js_require__ = {
         'paths': {
-            'Quill': 'https://cdn.quilljs.com/1.3.7/quill',
+            'Quill': 'https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill',
         },
         'exports': {
             'Quill': 'Quill'
diff --git a/panel/models/quill.ts b/panel/models/quill.ts
index bfbea7f697..bf92d7823f 100644
--- a/panel/models/quill.ts
+++ b/panel/models/quill.ts
@@ -110,18 +110,19 @@ export class QuillInputView extends HTMLBoxView {
      **/
     this.quill.selection.getNativeRange = () => {
       const rootNode = (this.quill.root.getRootNode() as ShadowRoot)
-      const nativeRange = getNativeRange(rootNode)
-      return !!nativeRange ? this.quill.selection.normalizeNative(nativeRange) : null
+      const range = getNativeRange(rootNode)
+      return !!range ? this.quill.selection.normalizeNative(range) : null
     }
 
     /**
      * Original implementation relies on Selection.addRange to programmatically set the range, which does not work
      * in Webkit with Native Shadow. Selection.addRange works fine in Chromium and Gecko.
      **/
-    this.quill.selection.setNativeRange = (startNode: Element, startOffset: number) => {
-      let endNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : startNode
-      let endOffset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : startOffset
-      const force = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false
+    this.quill.selection.setNativeRange = (startNode: Element, startOffset: number, endNode: any = undefined, endOffset: any = undefined, force: boolean = false) => {
+      endNode = endNode === undefined ? startNode : endNode
+      endOffset = endOffset === undefined ? startOffset : endOffset
+      force = force || false
+
       if (startNode != null && (this.quill.selection.root.parentNode == null || startNode.parentNode == null || endNode.parentNode == null)) {
         return
       }
@@ -155,7 +156,7 @@ export class QuillInputView extends HTMLBoxView {
     this._editor = (this.shadow_el.querySelector(".ql-editor") as HTMLDivElement)
     this._toolbar = (this.shadow_el.querySelector(".ql-toolbar") as HTMLDivElement)
 
-    const delta = this.quill.clipboard.convert(this.model.text)
+    const delta = this.quill.clipboard.convert({html: this.model.text})
     this.quill.setContents(delta)
 
     this.quill.on("text-change", () => {
@@ -163,7 +164,7 @@ export class QuillInputView extends HTMLBoxView {
         return
       }
       this._editing = true
-      this.model.text = this._editor.innerHTML
+      this.model.text = this.quill.getSemanticHTML()
       this._editing = false
     })
     if (!this.model.disabled) {
@@ -181,7 +182,7 @@ export class QuillInputView extends HTMLBoxView {
       this.container.style.visibility = "visible"
     }
 
-    const delta = this.quill.clipboard.convert(this.model.text)
+    const delta = this.quill.clipboard.convert({html: this.model.text})
     this.quill.setContents(delta)
 
     this.invalidate_layout()
diff --git a/panel/models/react_component.ts b/panel/models/react_component.ts
index c6a6219892..30851a79e1 100644
--- a/panel/models/react_component.ts
+++ b/panel/models/react_component.ts
@@ -10,13 +10,112 @@ export class ReactComponentView extends ReactiveESMView {
   declare style_cache: HTMLHeadElement
   model_getter = model_getter
   model_setter = model_setter
+  react_root: any
+
+  _force_update_callbacks: (() => void)[] = []
 
   override render_esm(): void {
+    if (this.model.compiled === null || this.model.render_module === null) {
+      return
+    }
     if (this.model.usesMui) {
-      this.style_cache = document.createElement("head")
-      this.shadow_el.insertBefore(this.style_cache, this.container)
+      if (this.model.root_node) {
+        this.style_cache = document.head
+      } else {
+        this.style_cache = document.createElement("head")
+        this.shadow_el.insertBefore(this.style_cache, this.container)
+      }
+    }
+    this.accessed_properties = []
+    for (const lf of this._lifecycle_handlers.keys()) {
+      (this._lifecycle_handlers.get(lf) || []).splice(0)
+    }
+    this.model.disconnect_watchers(this)
+    this.model.render_module.then((mod: any) => {
+      this.react_root = mod.default.render(this.model.id)
+    })
+  }
+
+  on_force_update(cb: () => void): void {
+    this._force_update_callbacks.push(cb)
+  }
+
+  force_update(): void {
+    for (const cb of this._force_update_callbacks) {
+      cb()
+    }
+  }
+
+  override remove(): void {
+    super.remove()
+    this._force_update_callbacks = []
+    if (this.react_root) {
+      this.react_root.then((root: any) => root.unmount())
+    }
+  }
+
+  override render(): void {
+    if (this.react_root) {
+      this.react_root.then((root: any) => root.unmount())
+    }
+    this._force_update_callbacks = []
+    super.render()
+  }
+
+  override r_after_render(): void {
+    // If the DOM node was re-inserted, e.g. due to the parent
+    // children changing order we must force an update in the
+    // React component to ensure anything depending on the DOM
+    // structure (e.g. emotion caches) is updated
+    super.r_after_render()
+    this.force_update()
+  }
+
+  override _update_layout(): void {
+    super._update_layout()
+    const handlers = (this._lifecycle_handlers.get("update_layout") || [])
+    for (const cb of handlers) {
+      cb()
+    }
+  }
+
+  override async update_children(): Promise<void> {
+    const created_children = new Set(await this.build_child_views())
+
+    const all_views = this.child_views
+    const new_views = new Map()
+    for (const child_view of this.child_views) {
+      if (!created_children.has(child_view)) {
+        continue
+      }
+      const child = this._lookup_child(child_view)
+      if (!child) {
+        continue
+      }
+
+      if (new_views.has(child)) {
+        new_views.get(child).push(child_view)
+      } else {
+        new_views.set(child, [child_view])
+      }
+    }
+
+    for (const view of this._child_rendered.keys()) {
+      if (!all_views.includes(view)) {
+        this._child_rendered.delete(view)
+        view.el.remove()
+      }
+    }
+
+    for (const child of this.model.children) {
+      const callbacks = this._child_callbacks.get(child) || []
+      const new_children = new_views.get(child) || []
+      for (const callback of callbacks) {
+        callback(new_children)
+      }
     }
-    super.render_esm()
+    this._update_children()
+    this.invalidate_layout()
   }
 
   override after_rendered(): void {
@@ -31,160 +130,224 @@ export class ReactComponentView extends ReactiveESMView {
     }
     this._rendered = true
   }
+}
 
-  protected override _render_code(): string {
-    let render_code = `
-if (rendered) {
-  view._changing = true
-  const root = createRoot(view.container)
-  try {
-    root.render(rendered)
-  } catch(e) {
-    view.render_error(e)
+export namespace ReactComponent {
+  export type Attrs = p.AttrsOf<Props>
+
+  export type Props = ReactiveESM.Props & {
+    root_node: p.Property<string | null>
   }
-}`
-    let import_code
-    const cache_key = (this.model.bundle === "url") ? this.model.esm : (this.model.bundle || `${this.model.class_name}-${this.model.esm.length}`)
-    if (this.model.bundle) {
-      import_code = `
-const ns = await view._module_cache.get("${cache_key}")
-const {React, createRoot} = ns.default`
+}
+
+export interface ReactComponent extends ReactComponent.Attrs {}
+
+export class ReactComponent extends ReactiveESM {
+  declare properties: ReactComponent.Props
+  override sucrase_transforms: Transform[] = ["typescript", "jsx"]
+
+  constructor(attrs?: Partial<ReactComponent.Attrs>) {
+    super(attrs)
+  }
+
+  get usesMui(): boolean {
+    if (this.importmap?.imports) {
+      return Object.keys(this.importmap?.imports).some(k => k.startsWith("@mui"))
+    }
+    return false
+  }
+
+  protected override _render_code(): string {
+    let [import_code, bundle_code] = ["", ""]
+    const cache_key = (this.bundle === "url") ? this.esm : (this.bundle || `${this.class_name}-${this.esm.length}`)
+    if (this.bundle) {
+      bundle_code = `
+  const ns = await view._module_cache.get("${cache_key}")
+  const {React, createRoot} = ns.default`
     } else {
       import_code = `
 import * as React from "react"
 import { createRoot } from "react-dom/client"`
     }
-    if (this.model.usesMui) {
-      if (this.model.bundle) {
-        import_code = `
-const ns = await view._module_cache.get("${cache_key}")
-const {CacheProvider, React, createCache, createRoot} = ns.default`
+    let init_code = ""
+    let render_code = ""
+    if (this.usesMui) {
+      if (this.bundle) {
+        bundle_code = `
+  const ns = await view._module_cache.get("${cache_key}")
+  const {CacheProvider, React, createCache, createRoot} = ns.default`
       } else {
         import_code = `
 ${import_code}
 import createCache from "@emotion/cache"
 import { CacheProvider } from "@emotion/react"`
       }
+      init_code = `
+  const css_key = id.replace("-", "").replace(/\d/g, (digit) => String.fromCharCode(digit.charCodeAt(0) + 49)).toLowerCase()
+  this.mui_cache = createCache({
+    key: 'css-'+css_key,
+    prepend: true,
+    container: view.style_cache,
+  })`
       render_code = `
   if (rendered) {
-    const cache = createCache({
-      key: 'css-${this.model.id.replace("-", "").replace(/\d/g, (digit) => String.fromCharCode(digit.charCodeAt(0) + 49)).toLowerCase()}',
-      prepend: true,
-      container: view.style_cache,
-    })
-    rendered = React.createElement(CacheProvider, {value: cache}, rendered)
-  }
-  ${render_code}`
+    rendered = React.createElement(CacheProvider, {value: this.mui_cache}, rendered)
+  }`
     }
     return `
-const view = Bokeh.index.find_one_by_id('${this.model.id}')
-
 ${import_code}
 
-class Child extends React.Component {
-
-  get view() {
-    const model = this.props.parent.model.data[this.props.name]
-    const models = Array.isArray(model) ? model : [model]
-    return this.props.parent.get_child_view(models[this.props.index])
+async function render(id) {
+  const view = Bokeh.index.find_one_by_id(id)
+  if (view == null) {
+    return null
   }
 
-  get element() {
-    const view = this.view
-    return view == null ? null : view.el
-  }
+  ${bundle_code}
 
-  componentDidMount() {
-    this.view.render()
-    this.view.after_render()
-    this.props.parent.on_child_render(this.props.name, (new_views) => {
-      this.forceUpdate()
-      const view = this.view
-      if (new_views.includes(view)) {
-        view.render()
-        view.after_render()
+  class Child extends React.PureComponent {
+
+    constructor(props) {
+      super(props)
+      this.render_callback = null
+      this.containerRef = React.createRef()
+    }
+
+    updateElement() {
+      const childView = this.view
+      const el = childView?.el
+      if (el && this.containerRef.current && !this.containerRef.current.contains(el)) {
+        this.containerRef.current.innerHTML = ""
+        this.containerRef.current.appendChild(el)
       }
-    })
-  }
+    }
 
-  append_child(ref) {
-    if (ref != null) {
-       const view = this.view
-       if (view != null) {
-         ref.appendChild(this.element)
-       }
+    get view() {
+      const child = this.props.parent.model.data[this.props.name]
+      const model = this.props.id == null ? child : child.find(item => item.id === this.props.id)
+      return this.props.parent.get_child_view(model)
     }
-  }
 
-  render() {
-    return React.createElement('div', {className: "child-wrapper", ref: (ref) => this.append_child(ref)})
-  }
-}
+    get element() {
+      const view = this.view
+      return view == null ? null : view.el
+    }
 
-function react_getter(target, name) {
-  if (name == "useState") {
-    return (prop) => {
-      const data_model = target.model.data
-      if (Reflect.has(data_model, prop)) {
-        const [value, setValue] = React.useState(data_model.attributes[prop]);
-        react_proxy.on(prop, () => setValue(data_model.attributes[prop]))
-        React.useEffect(() => data_model.setv({[prop]: value}), [value])
-        return [value, setValue]
+    componentDidMount() {
+      const view = this.view
+      if (view == null) { return }
+      this.updateElement()
+      this.props.parent.rerender_(view)
+      this.render_callback = (new_views) => {
+        const view = this.view
+        if (!view) {
+          return
+        }
+        this.updateElement()
+        if (new_views.includes(view)) {
+          this.props.parent.rerender_(view)
+        }
       }
-      return undefined
+      this.props.parent.on_child_render(this.props.name, this.render_callback)
+      this.props.parent.notify_mount(this.props.name, view.model.id)
+    }
+
+    componentWillUnmount() {
+      if (this.render_callback) {
+        this.props.parent.remove_on_child_render(this.props.name, this.render_callback)
+      }
+    }
+
+    componentDidUpdate() {
+      this.updateElement()
     }
-  } else if (name === "get_child") {
-    return (child) => {
-      const data_model = target.model.data
-      const value = data_model.attributes[child]
-      if (Array.isArray(value)) {
-        const children = []
-        for (let i = 0; i<value.length; i++) {
-          children.push(
-            React.createElement(Child, {parent: target, name: child, index: i, key: child+i})
-          )
+
+    render() {
+      return React.createElement('div', {className: "child-wrapper", ref: this.containerRef})
+    }
+  }
+
+  function react_getter(target, name) {
+    if (name === "useMount") {
+      return (callback) => React.useEffect(() => {
+        target.model_proxy.on('lifecycle:mounted', callback)
+        return () => target.model_proxy.off('lifecycle:mounted', callback)
+      }, [])
+    } if (name == "useState") {
+      return (prop) => {
+        const data_model = target.model.data
+        const propPath = prop.split(".")
+        let targetModel = data_model
+        let resolvedProp = null
+
+        for (let i = 0; i < propPath.length - 1; i++) {
+          if (targetModel && targetModel.properties && propPath[i] in targetModel.properties) {
+            targetModel = targetModel[propPath[i]]
+          } else {
+            // Stop if any part of the path is missing
+            targetModel = null
+            break
+          }
+        }
+        if (targetModel && targetModel.attributes && propPath[propPath.length - 1] in targetModel.attributes) {
+          resolvedProp = propPath[propPath.length - 1]
+        }
+        if (resolvedProp && targetModel) {
+          const [value, setValue] = React.useState(targetModel.attributes[resolvedProp])
+
+          react_proxy.on(prop, () => setValue(targetModel.attributes[resolvedProp]))
+
+          React.useEffect(() => {
+              targetModel.setv({ [resolvedProp]: value })
+          }, [value])
+
+          return [value, setValue]
         }
-        const [children_state, set_children] = React.useState(children);
-        target.on_child_render(child, (new_views) => {
-          const value = data_model.attributes[child]
-          if (new_views.length && children_state.length !== value.length) {
-            const children = []
-            for (let i = 0; i<value.length; i++) {
-              let new_child
-              if (i < children_state.length) {
-                new_child = children_state[i]
-              } else {
-                new_child = React.createElement(Child, {parent: target, name: child, index: i, key: child+i})
+        throw ReferenceError("Could not resolve " + prop + " on " + target.model.class_name)
+      }
+    } else if (name === "get_child") {
+      return (child) => {
+        const data_model = target.model.data
+        const value = data_model.attributes[child]
+        if (Array.isArray(value)) {
+          const [children_state, set_children] = React.useState(value.map((model) =>
+            React.createElement(Child, { parent: target, name: child, key: model.id, id: model.id })
+          ))
+          React.useEffect(() => {
+            target.on_child_render(child, () => {
+              const current_models = data_model.attributes[child]
+              const previous_models = children_state.map(child => child.props.index)
+              if (current_models.some((model, i) => model.id !== previous_models[i])) {
+                set_children(current_models.map((model, i) => (
+                  React.createElement(Child, { parent: target, name: child, key: model.id, id: model.id })
+                )))
               }
-              children.push(new_child)
-            }
-            set_children(children)
-          }
-        })
-        return children_state
-      } else {
-        return React.createElement(Child, {parent: target, name: child, index: 0})
+            })
+          }, [])
+          return children_state
+        } else {
+          return React.createElement(Child, {parent: target, name: child})
+        }
       }
     }
+    return target.model_getter(target, name)
   }
-  return target.model_getter(target, name)
-}
 
-const react_proxy = new Proxy(view, {
-  get: react_getter,
-  set: view.model_setter
-})
+  const react_proxy = new Proxy(view, {
+    get: react_getter,
+    set: view.model_setter
+  })
 
-class ErrorBoundary extends React.Component {
+  class ErrorBoundary extends React.Component {
   constructor(props) {
-    super(props);
+    super(props)
     // initialize the error state
-    this.state = { hasError: false };
+    this.state = { hasError: false }
   }
 
   // if an error happened, set the state to true
   static getDerivedStateFromError(error) {
-    return { hasError: true };
+    return { hasError: true }
   }
 
   componentDidCatch(error) {
@@ -195,58 +358,62 @@ class ErrorBoundary extends React.Component {
     if (this.state.hasError) {
       return React.createElement('div')
     }
-    return React.createElement('div', {className: "error-wrapper"}, this.props.children);
+    return React.createElement('div', {className: "error-wrapper"}, this.props.children)
+  }
   }
-}
 
-class Component extends React.Component {
+  class Component extends React.Component {
 
-  componentDidMount() {
-    this.props.view._changing = false
-    this.props.view.after_rendered()
-  }
+    constructor(props) {
+      super(props)
+      ${init_code}
+    }
 
-  render() {
-    let rendered = React.createElement(this.props.view.render_fn, this.props)
-    if (this.props.view.model.dev) {
-       rendered = React.createElement(ErrorBoundary, {view}, rendered)
+    componentDidMount() {
+      this.props.view.on_force_update(() => {
+        ${init_code}
+        this.forceUpdate()
+      })
+      this.props.view._changing = false
+      this.props.view.after_rendered()
+    }
+
+    render() {
+      let rendered = React.createElement(this.props.view.render_fn, this.props)
+      if (this.props.view.model.dev) {
+        rendered = React.createElement(ErrorBoundary, {view}, rendered)
+      }
+      ${render_code}
+      return rendered
     }
-    return rendered
   }
-}
 
-function render() {
   const props = {view, model: react_proxy, data: view.model.data, el: view.container}
-  let rendered = React.createElement(Component, props)
-
-  ${render_code}
-}
-
-export default {render}`
+  const rendered = React.createElement(Component, props)
+  if (rendered) {
+    view._changing = true
+    let container
+    if (view.model.root_node) {
+      container = document.querySelector(view.model.root_node)
+      if (container == null) {
+        container = document.createElement("div")
+        container.id = view.model.root_node.replace("#", "")
+        document.body.append(container)
+      }
+    } else {
+      container = view.container
+    }
+    const root = createRoot(container)
+    try {
+      root.render(rendered)
+    } catch(e) {
+      view.render_error(e)
+    }
+    return root
   }
 }
 
-export namespace ReactComponent {
-  export type Attrs = p.AttrsOf<Props>
-
-  export type Props = ReactiveESM.Props
-}
-
-export interface ReactComponent extends ReactComponent.Attrs {}
-
-export class ReactComponent extends ReactiveESM {
-  declare properties: ReactComponent.Props
-  override sucrase_transforms: Transform[] = ["typescript", "jsx"]
-
-  constructor(attrs?: Partial<ReactComponent.Attrs>) {
-    super(attrs)
-  }
-
-  get usesMui(): boolean {
-    if (this.importmap?.imports) {
-      return Object.keys(this.importmap?.imports).some(k => k.startsWith("@mui"))
-    }
-    return false
+export default {render}`
   }
 
   override compile(): string | null {
@@ -262,9 +429,17 @@ import * as React from "react"
 ${compiled}`
   }
 
+  protected override get _render_cache_key() {
+    const cache_key = (this.bundle === "url") ? this.esm : (this.bundle || `${this.class_name}-${this.esm.length}`)
+    return `react-${this.usesMui}-${cache_key}`
+  }
+
   static override __module__ = "panel.models.esm"
 
   static {
     this.prototype.default_view = ReactComponentView
+    this.define<ReactComponent.Props>(({Nullable, Str}) => ({
+      root_node:  [ Nullable(Str),     null ],
+    }))
   }
 }
diff --git a/panel/models/reactive_esm.ts b/panel/models/reactive_esm.ts
index 06a0bbd38b..ed1b32d769 100644
--- a/panel/models/reactive_esm.ts
+++ b/panel/models/reactive_esm.ts
@@ -16,7 +16,7 @@ import {DOMEvent} from "./html"
 import {HTMLBox, HTMLBoxView, set_size} from "./layout"
 import {convertUndefined, formatError} from "./util"
 
-import error_css from "styles/models/esm.css"
+import esm_css from "styles/models/esm.css"
 
 const MODULE_CACHE = new Map()
 
@@ -81,7 +81,7 @@ export function model_getter(target: ReactiveESMView, name: string) {
         if (p.startsWith("change:")) {
           p = p.slice("change:".length)
         }
-        if (p in model.attributes || p in model.data.attributes) {
+        if (p in model.attributes || p.split(".")[0] in model.data.attributes) {
           model.unwatch(target, p, callback)
           continue
         } else if (p === "msg:custom") {
@@ -108,7 +108,7 @@ export function model_getter(target: ReactiveESMView, name: string) {
         if (p.startsWith("change:")) {
           p = p.slice("change:".length)
         }
-        if (p in model.attributes || p in model.data.attributes) {
+        if (p in model.attributes || p.split(".")[0] in model.data.attributes) {
           model.watch(target, p, callback)
           continue
         } else if (p === "msg:custom") {
@@ -170,23 +170,27 @@ export class ReactiveESMView extends HTMLBoxView {
   accessed_children: string[] = []
   compiled_module: any = null
   model_proxy: any
-  render_module: Promise<any> | null = null
   _changing: boolean = false
   _child_callbacks: Map<string, ((new_views: UIElementView[]) => void)[]>
   _child_rendered: Map<UIElementView, boolean> = new Map()
   _event_handlers: ((data: unknown) => void)[] = []
-  _lifecycle_handlers: Map<string, (() => void)[]> =  new Map([
+  _lifecycle_handlers: Map<string, ((...args: any[]) => void)[]> =  new Map([
+    ["update_layout", []],
     ["after_layout", []],
     ["after_render", []],
     ["resize", []],
     ["remove", []],
+    ["mounted", []],
   ])
-  _module_cache: Map<string, any> = MODULE_CACHE
+  _module_cache: Map<string, any>
   _rendered: boolean = false
   _stale_children: boolean = false
+  _mounted: Map<string, Set<string>> = new Map()
 
   override initialize(): void {
     super.initialize()
+    this._module_cache = MODULE_CACHE
+    this._child_callbacks = new Map()
     this.model_proxy = new Proxy(this, {
       get: model_getter,
       set: model_setter,
@@ -200,9 +204,7 @@ export class ReactiveESMView extends HTMLBoxView {
 
   override stylesheets(): StyleSheetLike[] {
     const stylesheets = super.stylesheets()
-    if (this.model.dev) {
-      stylesheets.push(error_css)
-    }
+    stylesheets.push(esm_css)
     if (this.model.css_bundle) {
       if (this.model.bundle === "url") {
         stylesheets.push(new ImportedStyleSheet(this.model.css_bundle))
@@ -240,6 +242,26 @@ export class ReactiveESMView extends HTMLBoxView {
     this.model.disconnect_watchers(this)
   }
 
+  notify_mount(child: string, id: string, remove: boolean): void {
+    if (!this._mounted.has(child)) {
+      this._mounted.set(child, new Set())
+    }
+    if (remove) {
+      this._mounted.get(child)?.delete(id)
+    } else {
+      this._mounted.get(child)?.add(id)
+    }
+    let children = this.model.data[child]
+    if (!isArray(children)) {
+      children = [children]
+    }
+    if (children.every((model: UIElement) => this._mounted.get(child)?.has(model.id))) {
+      for (const cb of this._lifecycle_handlers.get("mounted") || []) {
+        cb(child)
+      }
+    }
+  }
+
   on_event(callback: (data: unknown) => void): void {
     this._event_handlers.push(callback)
   }
@@ -292,6 +314,7 @@ export class ReactiveESMView extends HTMLBoxView {
     this._update_stylesheets()
     this._update_css_classes()
     this._apply_styles()
+    this._update_css_variables()
     this._apply_visible()
 
     this._child_callbacks = new Map()
@@ -300,40 +323,21 @@ export class ReactiveESMView extends HTMLBoxView {
     this._rendered = false
     set_size(this.el, this.model)
     this.container = div()
-    this.container.className = this.model.class_name
+    this.container.className = this.model.class_name.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()
     set_size(this.container, this.model, false)
     this.shadow_el.append(this.container)
     if (this.model.compile_error) {
       this.render_error(this.model.compile_error)
     } else {
-      const code = this._render_code()
-      const render_url = URL.createObjectURL(
-        new Blob([code], {type: "text/javascript"}),
-      )
-      // @ts-ignore
-      this.render_module = importShim(render_url)
       this.render_esm()
     }
-  }
-
-  protected _render_code(): string {
-    return `
-const view = Bokeh.index.find_one_by_id('${this.model.id}')
-
-function render() {
-  const output = view.render_fn({
-    view: view, model: view.model_proxy, data: view.model.data, el: view.container
-  })
-
-  Promise.resolve(output).then((out) => {
-    if (out instanceof Element) {
-      view.container.replaceChildren(out)
+    for (const element_view of this.element_views) {
+      // this.shadow_el is needed for Bokeh < 3.7.0 as this.self_target is not defined
+      // can be removed when our minimum version is Bokeh 3.7.0
+      // https://github.com/holoviz/panel/pull/7948
+      const target = element_view.rendering_target() ?? this.self_target ?? this.shadow_el
+      element_view.render_to(target)
     }
-    view.after_rendered()
-  })
-}
-
-export default {render}`
   }
 
   after_rendered(): void {
@@ -352,7 +356,7 @@ export default {render}`
   }
 
   render_esm(): void {
-    if (this.model.compiled === null || this.render_module === null) {
+    if (this.model.compiled === null || this.model.render_module === null) {
       return
     }
     this.accessed_properties = []
@@ -360,7 +364,7 @@ export default {render}`
       (this._lifecycle_handlers.get(lf) || []).splice(0)
     }
     this.model.disconnect_watchers(this)
-    this.render_module.then((mod: any) => mod.default.render())
+    this.model.render_module.then((mod: any) => mod.default.render(this.model.id))
   }
 
   render_children() {
@@ -374,12 +378,12 @@ export default {render}`
         }
         const parent = view.el.parentNode
         if (parent && !this._child_rendered.has(view)) {
-          view.render()
+          this.rerender_(view)
           this._child_rendered.set(view, true)
         }
       }
     }
-    this.r_after_render()
+    this.after_render()
   }
 
   override remove(): void {
@@ -389,6 +393,7 @@ export default {render}`
     }
     this._child_callbacks.clear()
     this._child_rendered.clear()
+    this._mounted.clear()
   }
 
   override after_resize(): void {
@@ -476,8 +481,17 @@ export default {render}`
     callbacks.push(callback)
   }
 
-  remove_on_child_render(child: string): void {
-    this._child_callbacks.delete(child)
+  remove_on_child_render(child: string, callback?: (new_views: UIElementView[]) => void): void {
+    if (!this._child_callbacks.has(child)) {
+      return
+    }
+    if (callback === undefined) {
+      this._child_callbacks.delete(child)
+    } else {
+      let callbacks = this._child_callbacks.get(child) || []
+      callbacks = callbacks.filter((cb) => cb !== callback)
+      this._child_callbacks.set(child, callbacks)
+    }
   }
 }
 
@@ -504,6 +518,7 @@ export class ReactiveESM extends HTMLBox {
   compiled_module: Promise<any> | null = null
   compile_error: Error | null = null
   model_proxy: any
+  render_module: Promise<any> | null = null
   sucrase_transforms: Transform[] = ["typescript"]
   _destroyer: any | null = null
   _esm_watchers: any = {}
@@ -533,8 +548,27 @@ export class ReactiveESM extends HTMLBox {
     } else {
       this._esm_watchers[prop] = [[view, cb]]
     }
-    if (prop in this.data.properties) {
-      this.data.property(prop).change.connect(cb)
+
+    const propPath = prop.split(".")
+    let target: any = this.data
+    let resolvedProp: string | null = null
+    for (let i = 0; i < propPath.length - 1; i++) {
+      if (target && target.properties && propPath[i] in target.properties) {
+        target = target[propPath[i]]
+      } else {
+        // Break if any level of the path is invalid
+        target = null
+        break
+      }
+    }
+
+    if (target && target.properties && propPath[propPath.length - 1] in target.properties) {
+      resolvedProp = propPath[propPath.length - 1]
+    }
+
+    // Attach watcher if property is found
+    if (resolvedProp && target) {
+      target.property(resolvedProp).change.connect(cb)
     } else if (prop in this.properties) {
       this.property(prop).change.connect(cb)
     }
@@ -544,22 +578,48 @@ export class ReactiveESM extends HTMLBox {
     if (!(prop in this._esm_watchers)) {
       return false
     }
+
+    // Filter out the specific callback for this view
     const remaining = []
     for (const [wview, wcb] of this._esm_watchers[prop]) {
       if (wview !== view || wcb !== cb) {
-        remaining.push([wview, cb])
+        remaining.push([wview, wcb])
       }
     }
+
+    // Update or delete watcher list
     if (remaining.length > 0) {
       this._esm_watchers[prop] = remaining
     } else {
       delete this._esm_watchers[prop]
     }
-    if (prop in this.data.properties) {
-      return this.data.property(prop).change.disconnect(cb)
+
+    // Resolve nested properties
+    const propPath = prop.split(".")
+    let target: any = this.data
+    let resolvedProp: string | null = null
+
+    for (let i = 0; i < propPath.length - 1; i++) {
+      if (target && target.properties && propPath[i] in target.properties) {
+        target = target[propPath[i]]
+      } else {
+        // Stop if the path does not exist
+        target = null
+        break
+      }
+    }
+
+    if (target && target.properties && propPath[propPath.length - 1] in target.properties) {
+      resolvedProp = propPath[propPath.length - 1]
+    }
+
+    // Detach watcher if property is found
+    if (resolvedProp && target) {
+      return target.property(resolvedProp).change.disconnect(cb)
     } else if (prop in this.properties) {
       return this.property(prop).change.disconnect(cb)
     }
+
     return false
   }
 
@@ -569,7 +629,7 @@ export class ReactiveESM extends HTMLBox {
       const remaining = []
       for (const [wview, cb] of this._esm_watchers[p]) {
         if (wview === view) {
-          prop.change.disconnect(cb)
+          prop?.change.disconnect(cb)
         } else {
           remaining.push([wview, cb])
         }
@@ -606,6 +666,49 @@ export class ReactiveESM extends HTMLBox {
     }
   }
 
+  init_module(): void {
+    if (this.compile_error) {
+      return
+    } else if (MODULE_CACHE.has(this._render_cache_key)) {
+      this.render_module = MODULE_CACHE.get(this._render_cache_key)
+    } else {
+      const code = this._render_code()
+      const render_url = URL.createObjectURL(
+        new Blob([code], {type: "text/javascript"}),
+      )
+      // @ts-ignore
+      this.render_module = importShim(render_url)
+      MODULE_CACHE.set(this.data.type, this.render_module)
+    }
+  }
+
+  protected _render_code(): string {
+    return `
+function render(id) {
+  const view = Bokeh.index.find_one_by_id(id)
+  if (view == null) {
+    return null
+  }
+
+  const output = view.render_fn({
+    view: view, model: view.model_proxy, data: view.model.data, el: view.container
+  })
+
+  Promise.resolve(output).then((out) => {
+    if (out instanceof Element) {
+      view.container.replaceChildren(out)
+    }
+    view.after_rendered()
+  })
+}
+
+export default {render}`
+  }
+
+  protected get _render_cache_key() {
+    return "reactive_esm"
+  }
+
   compile(): string | null {
     if (this.bundle != null) {
       return this.esm
@@ -650,12 +753,7 @@ export class ReactiveESM extends HTMLBox {
       }
       let url
       if (this.bundle === "url") {
-        const parts = location.pathname.split("/")
-        let path = parts.slice(0, parts.length-1).join("/")
-        if (path.length) {
-          path += "/"
-        }
-        url = `${location.origin}/${path}${this.esm}`
+        url = this.esm
       } else {
         url = URL.createObjectURL(new Blob([this.compiled], {type: "text/javascript"}))
       }
@@ -682,6 +780,7 @@ export class ReactiveESM extends HTMLBox {
         if (initialize) {
           this._run_initializer(initialize)
         }
+        this.init_module()
         return mod
       } catch (e: any) {
         if (this.dev) {
diff --git a/panel/models/reactive_html.ts b/panel/models/reactive_html.ts
index eda843f2ba..b02e2a10e7 100644
--- a/panel/models/reactive_html.ts
+++ b/panel/models/reactive_html.ts
@@ -285,7 +285,7 @@ export class ReactiveHTMLView extends HTMLBoxView {
       } else {
         el.appendChild(view.el)
         view.render()
-        view.after_render()
+        view.r_after_render()
       }
     }
   }
diff --git a/panel/models/singleselect.ts b/panel/models/singleselect.ts
index abe1082b46..19c3cd0ff4 100644
--- a/panel/models/singleselect.ts
+++ b/panel/models/singleselect.ts
@@ -15,10 +15,10 @@ export class SingleSelectView extends InputWidgetView {
 
     const {value, options, disabled_options, size, disabled} = this.model.properties
     this.on_change(value, () => this.render_selection())
-    this.on_change(options, () => this.render())
-    this.on_change(disabled_options, () => this.render())
-    this.on_change(size, () => this.render())
-    this.on_change(disabled, () => this.render())
+    this.on_change(options, () => this.rerender_())
+    this.on_change(disabled_options, () => this.rerender_())
+    this.on_change(size, () => this.rerender_())
+    this.on_change(disabled, () => this.rerender_())
   }
 
   override render(): void {
@@ -26,6 +26,16 @@ export class SingleSelectView extends InputWidgetView {
     this.render_selection()
   }
 
+  rerender_(): void {
+    // Can be removed when Bokeh>3.7 (see https://github.com/holoviz/panel/pull/7815)
+    if (this.rerender) {
+      this.rerender()
+    } else {
+      this.render()
+      this.r_after_render()
+    }
+  }
+
   _render_input(): HTMLElement {
     const options = this.model.options.map((opt) => {
       let value, _label
diff --git a/panel/models/tabulator.ts b/panel/models/tabulator.ts
index 5922a5c4d1..bde64cbff1 100644
--- a/panel/models/tabulator.ts
+++ b/panel/models/tabulator.ts
@@ -375,6 +375,7 @@ export class DataTabulatorView extends HTMLBoxView {
   _updating_page: boolean = false
   _updating_expanded: boolean = false
   _updating_sort: boolean = false
+  _updating_page_size: boolean = false
   _selection_updating: boolean = false
   _last_selected_row: any = null
   _initializing: boolean
@@ -387,6 +388,7 @@ export class DataTabulatorView extends HTMLBoxView {
   _restore_scroll: boolean | "horizontal" | "vertical" = false
   _updating_scroll: boolean = false
   _is_scrolling: boolean = false
+  _automatic_page_size: boolean = false
 
   override connect_signals(): void {
     super.connect_signals()
@@ -520,7 +522,7 @@ export class DataTabulatorView extends HTMLBoxView {
   override invalidate_render(): void {
     this.tabulator.destroy()
     this.tabulator = null
-    this.render()
+    this.rerender_()
   }
 
   redraw(columns: boolean = true, rows: boolean = true): void {
@@ -569,6 +571,7 @@ export class DataTabulatorView extends HTMLBoxView {
     }
     this.redraw(true, true)
     this.restore_scroll()
+    this.recompute_page_size()
   }
 
   override stylesheets(): StyleSheetLike[] {
@@ -707,30 +710,6 @@ export class DataTabulatorView extends HTMLBoxView {
     }
 
     if (this.model.pagination) {
-      if (this.model.page_size == null) {
-        const table = this.shadow_el.querySelector(".tabulator-table")
-        if (table != null && holder != null) {
-          const table_height = holder.clientHeight
-          let height = 0
-          let page_size = null
-          const heights = []
-          for (let i = 0; i<table.children.length; i++) {
-            const row_height = table.children[i].clientHeight
-            heights.push(row_height)
-            height += row_height
-            if (height > table_height) {
-              page_size = i
-              break
-            }
-          }
-          if (height < table_height) {
-            page_size = table.children.length
-            const remaining = table_height - height
-            page_size += Math.floor(remaining / Math.min(...heights))
-          }
-          this.model.page_size = Math.max(page_size || 1, 1)
-        }
-      }
       this.setMaxPage()
       this.tabulator.setPage(this.model.page)
     }
@@ -741,7 +720,49 @@ export class DataTabulatorView extends HTMLBoxView {
       if (initializing) {
         this._resize_redraw()
       }
-    }, () => this.root.has_finished())
+    }, () => this.root.has_finished() && [...this._initialized_stylesheets.values()].every(v => v))
+  }
+
+  recompute_page_size(): void {
+    if (!this.model.pagination || this.model.page_size !== null || this._automatic_page_size) {
+      return
+    }
+    this._automatic_page_size = true
+    const responsive = this.model.sizing_mode && (this.model.sizing_mode.includes("height") || this.model.sizing_mode.includes("both"))
+    const holder = this.shadow_el.querySelector(".tabulator-tableholder")
+    const table = this.shadow_el.querySelector(".tabulator-table")
+    if (table != null && holder != null) {
+      const table_height = holder.clientHeight
+      let height = 0
+      let page_size = null
+      const heights = []
+      for (let i = 0; i<table.children.length; i++) {
+        const row_height = table.children[i].clientHeight
+        heights.push(row_height)
+        height += row_height
+        if (height > table_height) {
+          page_size = i
+          if (responsive) {
+            page_size -= 1
+          }
+          break
+        }
+      }
+      if (height < table_height) {
+        page_size = table.children.length
+        const remaining = table_height - height
+        page_size += Math.floor(remaining / Math.min(...heights))
+        if (responsive) {
+          page_size -= 2
+        }
+      }
+      this._updating_page_size = true
+      try {
+        this.model.page_size = Math.max(page_size || 1, 1)
+      } finally {
+        this._updating_page_size = false
+      }
+    }
   }
 
   requestPage(page: number, sorters: any[]): Promise<void> {
@@ -898,8 +919,7 @@ export class DataTabulatorView extends HTMLBoxView {
       display(view.el)
       viewEl.appendChild(view.el)
       if (view.shadow_el.children.length === 0) {
-        view.render()
-        view.after_render()
+        this.rerender_(view)
       }
       if (resize) {
         this._update_children()
@@ -1316,6 +1336,9 @@ export class DataTabulatorView extends HTMLBoxView {
   }
 
   setPageSize(): void {
+    if (!this._updating_page_size) {
+      this._automatic_page_size = false
+    }
     this.tabulator.setPageSize(this.model.page_size)
     if (this.model.pagination === "local") {
       this.setStyles()
diff --git a/panel/models/trend.ts b/panel/models/trend.ts
index 0205e407d1..ac3b5f1bf8 100644
--- a/panel/models/trend.ts
+++ b/panel/models/trend.ts
@@ -54,7 +54,7 @@ export class TrendIndicatorView extends HTMLBoxView {
     } = this.model.properties
 
     this.on_change([pos_color, neg_color], () => this.updateValueChange())
-    this.on_change([plot_color, plot_type, width, height, sizing_mode], () => this.render())
+    this.on_change([plot_color, plot_type, width, height, sizing_mode], () => this.rerender_())
     this.on_change(title, () => this.updateTitle(true))
     this.on_change(value, () => this.updateValue(true))
     this.on_change(value_change, () => this.updateValue2(true))
diff --git a/panel/package-lock.json b/panel/package-lock.json
index a3ed7de314..64e116c550 100644
--- a/panel/package-lock.json
+++ b/panel/package-lock.json
@@ -1,24 +1,24 @@
 {
   "name": "@holoviz/panel",
-  "version": "1.6.0",
+  "version": "1.7.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@holoviz/panel",
-      "version": "1.6.0",
+      "version": "1.7.1",
       "license": "BSD-3-Clause",
       "dependencies": {
-        "@bokeh/bokehjs": "3.6.2",
+        "@bokeh/bokehjs": "^3.7.3",
         "@types/debounce": "^1.2.0",
         "@types/gl-matrix": "^2.4.5",
-        "ace-code": "^1.24.1",
+        "ace-code": "^1.40.1",
         "debounce": "^1.2.0",
-        "gl-matrix": "^3.1.0",
+        "gl-matrix": "^3.4.3",
         "htm": "^3.1.1",
         "json-formatter-js": "^2.2.1",
-        "preact": "^10.22.0",
-        "sucrase": "^3.30.0"
+        "preact": "^10.26.6",
+        "sucrase": "^3.35.0"
       },
       "devDependencies": {
         "@stylistic/eslint-plugin": "^1.6.3",
@@ -30,9 +30,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.25.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.6.tgz",
-      "integrity": "sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==",
+      "version": "7.26.10",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.10.tgz",
+      "integrity": "sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==",
       "license": "MIT",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -42,9 +42,10 @@
       }
     },
     "node_modules/@bokeh/bokehjs": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/@bokeh/bokehjs/-/bokehjs-3.6.2.tgz",
-      "integrity": "sha512-nFJfH6A2U+y8szyLR5xTZALF8+PdbczduiViPGFPGkXdZ2Epr9f/+RzcVMF0A4ktvZELew6xzRnyUTT2Zud3Sg==",
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/@bokeh/bokehjs/-/bokehjs-3.7.3.tgz",
+      "integrity": "sha512-Zy/ad5E0FCNtAyhZ8Lx1W9wNS7UPKZUB+2GGwBySZvgAHQsO1NjgdnEXUkFwXeG/okUExp670d7O6AOPDS9iNA==",
+      "license": "BSD-3-Clause",
       "workspaces": [
         "./make",
         "./src/compiler",
@@ -68,7 +69,7 @@
         "regl": "^2.1.0",
         "sprintf-js": "^1.1.3",
         "timezone": "^1.0.23",
-        "tslib": "^2.7.0",
+        "tslib": "^2.8.1",
         "underscore.template": "^0.1.7"
       },
       "engines": {
@@ -916,9 +917,9 @@
       "license": "ISC"
     },
     "node_modules/ace-code": {
-      "version": "1.36.2",
-      "resolved": "https://registry.npmjs.org/ace-code/-/ace-code-1.36.2.tgz",
-      "integrity": "sha512-UeB7s95eP5MuFmjSzSRhmX5bAgAJ7Mpz84E+GYbGjzMmjeHrrv4IIZ3li6Ti4tRLS6SsLZ0V9iXtqorhdAYBwg==",
+      "version": "1.41.0",
+      "resolved": "https://registry.npmjs.org/ace-code/-/ace-code-1.41.0.tgz",
+      "integrity": "sha512-bNUCPxA2wxj9nvGPual5rSwrZ6lTuu9gopKRzvWHDDXo4JXXKkPXIGVQ3gJMWYxS4EyHCPdL8Iy5+NPB7+Wj7g==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">= 0.6.0"
@@ -2236,9 +2237,9 @@
       }
     },
     "node_modules/preact": {
-      "version": "10.24.1",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.24.1.tgz",
-      "integrity": "sha512-PnBAwFI3Yjxxcxw75n6VId/5TFxNW/81zexzWD9jn1+eSrOP84NdsS38H5IkF/UH3frqRPT+MvuCoVHjTDTnDw==",
+      "version": "10.26.6",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.26.6.tgz",
+      "integrity": "sha512-5SRRBinwpwkaD+OqlBDeITlRgvd8I8QlxHJw9AxSdMNV6O+LodN9nUyYGpSF7sadHjs6RzeFShMexC6DbtWr9g==",
       "license": "MIT",
       "funding": {
         "type": "opencollective",
@@ -2689,9 +2690,9 @@
       "license": "Apache-2.0"
     },
     "node_modules/tslib": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz",
-      "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==",
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
     },
     "node_modules/type-check": {
diff --git a/panel/package.json b/panel/package.json
index ea38ab4a11..a4635b8082 100644
--- a/panel/package.json
+++ b/panel/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@holoviz/panel",
-  "version": "1.6.0",
+  "version": "1.7.1",
   "description": "The powerful data exploration & web app framework for Python.",
   "license": "BSD-3-Clause",
   "repository": {
@@ -8,16 +8,16 @@
     "url": "https://github.com/holoviz/panel.git"
   },
   "dependencies": {
-    "@bokeh/bokehjs": "3.6.2",
+    "@bokeh/bokehjs": "^3.7.3",
     "@types/debounce": "^1.2.0",
     "@types/gl-matrix": "^2.4.5",
-    "ace-code": "^1.24.1",
+    "ace-code": "^1.40.1",
     "debounce": "^1.2.0",
-    "gl-matrix": "^3.1.0",
+    "gl-matrix": "^3.4.3",
     "htm": "^3.1.1",
     "json-formatter-js": "^2.2.1",
-    "preact": "^10.22.0",
-    "sucrase": "^3.30.0"
+    "preact": "^10.26.6",
+    "sucrase": "^3.35.0"
   },
   "devDependencies": {
     "@stylistic/eslint-plugin": "^1.6.3",
diff --git a/panel/pane/base.py b/panel/pane/base.py
index b00870e819..7ddcb2624f 100644
--- a/panel/pane/base.py
+++ b/panel/pane/base.py
@@ -7,7 +7,7 @@
 from collections.abc import Callable, Mapping
 from functools import partial
 from typing import (
-    TYPE_CHECKING, Any, ClassVar, TypeVar,
+    TYPE_CHECKING, Any, ClassVar, TypeVar, cast,
 )
 
 import numpy as np
@@ -386,6 +386,7 @@ def _update_object(
                         parent.children[node] = new_models  # type: ignore
                         break
             elif isinstance(parent, _BkTabs):
+                parent.tabs = cast(list[_BkTabPanel], parent.tabs)
                 index = [tab.child for tab in parent.tabs].index(old_model)
                 old_tab = parent.tabs[index]  # type: ignore
                 props = dict(old_tab.properties_with_values(), child=new_model)
diff --git a/panel/pane/deckgl.py b/panel/pane/deckgl.py
index 091674028d..a9d3545e1e 100644
--- a/panel/pane/deckgl.py
+++ b/panel/pane/deckgl.py
@@ -162,7 +162,8 @@ def _update_sources(cls, json_data, sources: list[ColumnDataSource]):
         # Create index of sources by columns
         source_columns = defaultdict(list)
         for i, source in enumerate(sources):
-            key = tuple(sorted(source.data.keys()))
+            # source.data = cast("DataDict", source.data)
+            key = tuple(sorted(source.data.keys()))  # type: ignore[operator]
             source_columns[key].append((i, source))
 
         # Process
@@ -187,7 +188,8 @@ def _update_sources(cls, json_data, sources: list[ColumnDataSource]):
                     if not np.array_equal(data[col], cds.data[col]):
                         updates[col] = values
                 if updates:
-                    cds.data.update(updates)
+                    # cds.data = cast("DataDict", cds.data)
+                    cds.data.update(updates)  # type: ignore[arg-type]
                 unused.remove(cds)
             else:
                 unprocessed.append((layer, data))
diff --git a/panel/pane/holoviews.py b/panel/pane/holoviews.py
index a10fae6439..4ab7b7c704 100644
--- a/panel/pane/holoviews.py
+++ b/panel/pane/holoviews.py
@@ -661,11 +661,15 @@ def widgets_from_dimensions(cls, object, widget_types=None, widgets_type='indivi
             widget_kwargs.update(kwargs)
 
             if vals:
-                if all(isnumeric(v) or isinstance(v, datetime_types) for v in vals) and len(vals) > 1:
+                if len(vals) > 1 and all(isnumeric(v) or isinstance(v, datetime_types) for v in vals):
                     vals = sorted(vals)
                     labels = [str(dim.pprint_value(v)) for v in vals]
                     options = dict(zip(labels, vals))
                     widget_type = widget_type or DiscreteSlider
+                elif len(vals) == 1:
+                    val = next(iter(vals))
+                    options = {str(dim.pprint_value(val)): val}
+                    widget_type = widget_type or Select
                 else:
                     options = list(vals)
                     widget_type = widget_type or Select
diff --git a/panel/pane/image.py b/panel/pane/image.py
index 0ca141557e..87936dac03 100644
--- a/panel/pane/image.py
+++ b/panel/pane/image.py
@@ -150,12 +150,16 @@ class ImageBase(FileBase):
         A link URL to make the image clickable and link to some other
         website.""")
 
+    target = param.String(default="_blank", doc="""
+        The target attribute specifies where to open the linked document.
+        It can be `_self` (default), `_blank`, etc.""")
+
     _rerender_params: ClassVar[list[str]] = [
-        'alt_text', 'caption', 'link_url', 'embed', 'object', 'styles', 'width', 'height'
+        'alt_text', 'caption', 'link_url', 'embed', 'object', 'styles', 'width', 'height', 'target'
     ]
 
     _rename: ClassVar[Mapping[str, str | None ]] = {
-        'alt_text': None, 'fixed_aspect': None, 'link_url': None, 'caption': None,
+        'alt_text': None, 'fixed_aspect': None, 'link_url': None, 'caption': None, "target": None
     }
 
     _target_transforms: ClassVar[Mapping[str, str | None]] = {
@@ -178,7 +182,7 @@ def _format_html(
         object_fit = "contain" if self.fixed_aspect else "fill"
         html = f'<img src="{src}" {alt} style="max-width: 100%; max-height: 100%; object-fit: {object_fit};{width}{height}"></img>'
         if self.link_url:
-            html = f'<a href="{self.link_url}" target="_blank">{html}</a>'
+            html = f'<a href="{self.link_url}" target="{self.target}">{html}</a>'
         if self.caption:
             html = f'<figure>{html}<figcaption>{self.caption}</figcaption></figure>'
         return escape(html)
@@ -345,6 +349,12 @@ class ICO(ImageBase):
 
     filetype: ClassVar[str] = 'ico'
 
+    def _b64(self, data: str | bytes) -> str:
+        if not isinstance(data, bytes):
+            data = data.encode('utf-8')
+        b64 = base64.b64encode(data).decode("utf-8")
+        return f"data:image/x-icon;base64,{b64}"
+
     @classmethod
     def _imgshape(cls, data):
         import struct
diff --git a/panel/pane/ipywidget.py b/panel/pane/ipywidget.py
index 2d27fdec06..86aa812f86 100644
--- a/panel/pane/ipywidget.py
+++ b/panel/pane/ipywidget.py
@@ -6,6 +6,7 @@
 
 import param
 
+from bokeh.model import Model
 from param.parameterized import register_reference_transform
 from pyviz_comms import JupyterComm
 
@@ -15,7 +16,6 @@
 
 if TYPE_CHECKING:
     from bokeh.document import Document
-    from bokeh.model import Model
     from pyviz_comms import Comm
 
 
@@ -130,7 +130,7 @@ def _ipywidget_transform(obj):
     Transforms an ipywidget into a Parameter that listens updates
     when the ipywidget updates.
     """
-    if not (IPyWidget.applies(obj) and hasattr(obj, 'value')):
+    if isinstance(obj, Model) or not (IPyWidget.applies(obj) and hasattr(obj, 'value')):
         return obj
     name = type(obj).__name__
     if name in _ipywidget_classes:
diff --git a/panel/pane/markup.py b/panel/pane/markup.py
index 18a3bd0ef2..9511e02c91 100644
--- a/panel/pane/markup.py
+++ b/panel/pane/markup.py
@@ -348,6 +348,9 @@ class Markdown(HTMLBasePane):
     dedent = param.Boolean(default=True, doc="""
         Whether to dedent common whitespace across all lines.""")
 
+    disable_anchors = param.Boolean(default=False, doc="""
+        Whether to disable automatically adding anchors to headings.""")
+
     disable_math = param.Boolean(default=False, doc="""
         Whether to disable support for MathJax math rendering for
         strings escaped with $$ delimiters.""")
@@ -376,13 +379,13 @@ class Markdown(HTMLBasePane):
     priority: ClassVar[float | bool | None] = None
 
     _rename: ClassVar[Mapping[str, str | None]] = {
-        'hard_line_break': None,
+        'hard_line_break': None, 'disable_anchors': None,
         'dedent': None, 'disable_math': None, 'extensions': None,
         'plugins': None, 'renderer': None, 'renderer_options': None
     }
 
     _rerender_params: ClassVar[list[str]] = [
-        'object', 'dedent', 'extensions', 'css_classes', 'plugins',
+        'object', 'dedent', 'extensions', 'css_classes', 'plugins', 'disable_anchors'
     ]
 
     _target_transforms: ClassVar[Mapping[str, str | None]] = {
@@ -404,7 +407,7 @@ def applies(cls, obj: Any) -> float | bool | None:
 
     @classmethod
     @functools.cache
-    def _get_parser(cls, renderer, plugins, hard_line_break, **renderer_options):
+    def _get_parser(cls, renderer, plugins, hard_line_break=False, disable_anchors=True, **renderer_options):
         if renderer == 'markdown':
             return None
         from markdown_it import MarkdownIt
@@ -442,8 +445,10 @@ def hilite(token, langname, attrs):
         parser = (
             parser
             .enable('strikethrough').enable('table')
-            .use(anchors_plugin, permalink=True).use(deflist_plugin).use(footnote_plugin).use(tasklists_plugin)
+            .use(deflist_plugin).use(footnote_plugin).use(tasklists_plugin)
         )
+        if not disable_anchors:
+            parser = parser.use(anchors_plugin, permalink=True)
         for plugin in plugins:
             parser = parser.use(plugin)
         try:
@@ -473,7 +478,7 @@ def _transform_object(self, obj: Any) -> dict[str, Any]:
             )
         else:
             parser = self._get_parser(
-                self.renderer, tuple(self.plugins), self.hard_line_break, **self.renderer_options
+                self.renderer, tuple(self.plugins), self.hard_line_break, self.disable_anchors, **self.renderer_options
             )
             try:
                 html = parser.render(obj)
diff --git a/panel/pane/media.py b/panel/pane/media.py
index 4777aac43c..5a8344044e 100644
--- a/panel/pane/media.py
+++ b/panel/pane/media.py
@@ -4,6 +4,7 @@
 from __future__ import annotations
 
 import os
+import pathlib
 
 from base64 import b64encode
 from collections.abc import Mapping
@@ -81,12 +82,13 @@ class _MediaBase(ModelPane):
 
     @classmethod
     def applies(cls, obj: Any) -> float | bool | None:
-        if isinstance(obj, str):
-            if isfile(obj) and any(obj.endswith('.'+fmt) for fmt in cls._formats):
+        if isinstance(obj, (pathlib.Path, str)):
+            path = str(obj)
+            if isfile(path) and any(path.endswith('.'+fmt) for fmt in cls._formats):
                 return True
-            if isurl(obj, cls._formats):
+            if isurl(path, cls._formats):
                 return True
-        if hasattr(obj, 'read'):  # Check for file like object
+        if hasattr(obj, 'read') or isinstance(obj, bytes):  # Check for file like object (or bytes)
             return True
         return False
 
@@ -116,16 +118,27 @@ def _process_property_change(self, msg):
             del msg['js_property_callbacks']
         return msg
 
+    @classmethod
+    def _detect_format(cls, data: bytes):
+        return cls._default_mime
+
     def _transform_object(self, obj: Any) -> dict[str, Any]:
         fmt = self._default_mime
         if obj is None:
             data = b''
+        elif isinstance(obj, bytes):
+            fmt = self._detect_format(obj)
+            data = b64encode(obj)
         elif isinstance(obj, (np.ndarray, TensorLike)):
             fmt = 'wav'
             buffer = self._to_buffer(obj)
             data = b64encode(buffer.getvalue())
+        elif isinstance(obj, BytesIO):
+            bffr = obj.read()
+            fmt = self._detect_format(bffr)
+            data = b64encode(bffr)
         elif os.path.isfile(obj):
-            fmt = obj.split('.')[-1]
+            fmt = str(obj).split('.')[-1]
             with open(obj, 'rb') as f:
                 data = f.read()
             data = b64encode(data)
@@ -161,6 +174,29 @@ def _is_1dim_int_or_float_ndarray(obj: Any)->bool:
         obj.dtype in _VALID_NUMPY_DTYPES_FOR_AUDIO
     )
 
+def _detect_audio_format(data: bytes) -> str | None:
+    """
+    Detect the audio format of a byte stream.
+
+    Parameters
+    ----------
+    data: bytes
+       The audio data as bytes.
+
+    Returns
+    -------
+    "mp3", "wav", "ogg", or None if unknown.
+    """
+    # MP3: ID3 tag or MPEG frame sync (0xFFEx or 0xFFFx)
+    if data.startswith(b"ID3") or (len(data) > 2 and data[0] == 0xFF and (data[1] & 0xE0) == 0xE0):
+        return "mp3"
+    elif data.startswith(b"RIFF") and data[8:12] == b"WAVE":
+        return "wav"
+    elif data.startswith(b"OggS"):
+        return "ogg"
+    else:
+        return None
+
 class Audio(_MediaBase):
     """
     The `Audio` pane displays an audio player given a local or remote audio
@@ -188,9 +224,10 @@ class Audio(_MediaBase):
     >>> Audio('http://ccrma.stanford.edu/~jos/mp3/pno-cs.mp3', name='Audio')
     """
 
-    object = param.ClassSelector(default='', class_=(str, np.ndarray, TensorLike),
+    object = param.ClassSelector(default='', class_=(str, bytes, pathlib.Path, BytesIO, np.ndarray, TensorLike),
                                  allow_None=True, doc="""
-        The audio file either local or remote, a 1-dim NumPy ndarray or a 1-dim Torch Tensor.""")
+        The audio file either local or remote, a 1-dim NumPy ndarray or a 1-dim Torch Tensor
+        or a bytes or BytesIO object.""")
 
     sample_rate = param.Integer(default=44100, doc="""
         The sample_rate of the audio when given a NumPy array or Torch tensor.""")
@@ -210,6 +247,35 @@ def applies(cls, obj: Any) -> float | bool | None:
             or _is_1dim_int_or_float_tensor(obj)
         )
 
+    @classmethod
+    def _detect_format(cls, data: bytes):
+        return _detect_audio_format(data) or cls._default_mime
+
+
+def _detect_video_format(data: bytes) -> str | None:
+    """
+    Detects whether the given bytes represent an MP4, WebM, or OGG container.
+
+    Parameters
+    ----------
+    data: bytes
+       The audio data as bytes.
+
+    Returns
+    -------
+    "mp4", "webm", "ogg", or None if unknown.
+    """
+    # OGG: starts with "OggS"
+    if data.startswith(b'OggS'):
+        return 'ogg'
+    # MP4: contains "ftyp" at byte offset 4
+    elif len(data) > 12 and data[4:8] == b'ftyp':
+        return 'mp4'  # Fallback — most 'ftyp' indicate MP4
+    # WebM: EBML signature — starts with 0x1A45DFA3
+    elif data.startswith(b'\x1A\x45\xDF\xA3'):
+        return 'webm'
+    return None
+
 
 class Video(_MediaBase):
     """
@@ -232,6 +298,10 @@ class Video(_MediaBase):
     ...     width=640, height=360, loop=True
     ... )
     """
+
+    object = param.ClassSelector(default='', class_=(str, pathlib.Path, BytesIO, bytes), allow_None=True, doc="""
+        The video file either local or remote as a string or URL or as a bytes or BytesIO object.""")
+
     volume = param.Integer(default=100, bounds=(0, 100), doc="""
         The volume of the media player.""")
 
@@ -242,3 +312,7 @@ class Video(_MediaBase):
     _formats = ['mp4', 'webm', 'ogg']
 
     _media_type = 'video'
+
+    @classmethod
+    def _detect_format(cls, data: bytes):
+        return _detect_video_format(data) or cls._default_mime
diff --git a/panel/param.py b/panel/param.py
index 866ef589e5..653dc910b6 100644
--- a/panel/param.py
+++ b/panel/param.py
@@ -17,6 +17,7 @@
 from collections.abc import Callable, Generator
 from contextlib import contextmanager
 from functools import partial
+from types import FunctionType
 from typing import TYPE_CHECKING, Any, ClassVar
 
 import param
@@ -29,7 +30,7 @@ class Skip(Exception):  # type: ignore
         Exception that allows skipping an update for function-level updates.
         """
 from param.parameterized import (
-    Undefined, classlist, discard_events, eval_function_with_deps,
+    Undefined, bothmethod, classlist, discard_events, eval_function_with_deps,
     get_method_owner, iscoroutinefunction, resolve_ref, resolve_value,
 )
 from param.reactive import rx
@@ -37,7 +38,7 @@ class Skip(Exception):  # type: ignore
 from .config import config
 from .io import state
 from .layout import (
-    Column, HSpacer, Panel, Row, Spacer, Tabs, WidgetBox,
+    Column, HSpacer, ListLike, Panel, Row, Spacer, Tabs, WidgetBox,
 )
 from .pane import DataFrame as DataFramePane
 from .pane.base import Pane, ReplacementPane
@@ -143,7 +144,7 @@ class Param(Pane):
     display_threshold = param.Number(default=0, precedence=-10, doc="""
         Parameters with precedence below this value are not displayed.""")
 
-    default_layout = param.ClassSelector(default=Column, class_=Panel,
+    default_layout = param.ClassSelector(default=Column, class_=ListLike,
                                          is_instance=False)
 
     default_precedence = param.Number(default=1e-8, precedence=-10, doc="""
@@ -231,6 +232,12 @@ class Param(Pane):
         param.String:            TextInput,
     }
 
+    input_widgets: ClassVar[dict[Any, type[WidgetBase] | Callable[[param.Parameter], type[WidgetBase]]]]  = {
+        float: FloatInput,
+        int: IntInput,
+        "literal": LiteralInput,
+    }
+
     if hasattr(param, 'Event'):
         mapping[param.Event] = Button
 
@@ -427,36 +434,40 @@ def update_pane(change, parameter=pname, toggle=toggle):
                 else:
                     toggle_pane(namedtuple('Change', 'new')(True))
 
-    def widget(self, p_name):
+    @bothmethod
+    def widget(self_or_cls, p_name: str, parameterized: param.Parameterized | None = None, widget_spec: type[WidgetBase] | dict | None = None):
         """Get widget for param_name"""
-        p_obj = self.object.param[p_name]
+        parameterized = self_or_cls.object if parameterized is None else parameterized
+        p_obj = parameterized.param[p_name]
         kw_widget = {}
 
         widget_class_overridden = True
-        if self.widgets is None or p_name not in self.widgets:
+        if widget_spec is None and self_or_cls.widgets is not None:
+            widget_spec = self_or_cls.widgets.get(p_name)
+        if widget_spec is None:
             widget_class_overridden = False
-            widget_class = self.widget_type(p_obj)
-        elif isinstance(self.widgets[p_name], dict):
-            kw_widget = dict(self.widgets[p_name])
-            if 'widget_type' in self.widgets[p_name]:
+            widget_class = self_or_cls.widget_type(p_obj)
+        elif isinstance(widget_spec, dict):
+            kw_widget = dict(widget_spec)
+            if 'widget_type' in widget_spec:
                 widget_class = kw_widget.pop('widget_type')
-            elif 'type' in self.widgets[p_name]:
+            elif 'type' in widget_spec:
                 widget_class = kw_widget.pop('type')
             else:
                 widget_class_overridden = False
-                widget_class = self.widget_type(p_obj)
+                widget_class = self_or_cls.widget_type(p_obj)
         else:
-            widget_class = self.widgets[p_name]
+            widget_class = widget_spec
 
-        if not self.show_labels and not issubclass(widget_class, _ButtonBase):
+        if not self_or_cls.show_labels and not issubclass(widget_class, _ButtonBase):
             label = ''
         else:
             label = p_obj.label
         kw = dict(disabled=p_obj.constant, name=label)
-        if self.hide_constant:
+        if self_or_cls.hide_constant:
             kw['visible'] = not p_obj.constant
 
-        value = getattr(self.object, p_name)
+        value = getattr(parameterized, p_name)
         allow_None = p_obj.allow_None or False
         if isinstance(widget_class, type) and issubclass(widget_class, WidgetBase):
             allow_None &= widget_class.param.value.allow_None
@@ -484,11 +495,13 @@ def widget(self, p_name):
                 # Do not change widget class if mapping was overridden
                 if not widget_class_overridden:
                     if isinstance(p_obj, param.Number):
-                        widget_class = FloatInput
+                        widget_class = self_or_cls.input_widgets[float]
                         if isinstance(p_obj, param.Integer):
-                            widget_class = IntInput
+                            widget_class = self_or_cls.input_widgets[int]
                     elif not issubclass(widget_class, LiteralInput):
-                        widget_class = LiteralInput
+                        widget_class = self_or_cls.input_widgets['literal']
+                    if isinstance(widget_class, FunctionType):
+                        widget_class = widget_class(p_obj)
             if hasattr(widget_class, 'step') and getattr(p_obj, 'step', None):
                 kw['step'] = p_obj.step
             if hasattr(widget_class, 'fixed_start') and getattr(p_obj, 'bounds', None):
@@ -513,27 +526,33 @@ def widget(self, p_name):
             widget = widget_class
         else:
             widget = widget_class(**kwargs, **non_param_kwargs)
-        widget._param_pane = self
+        widget._param_pane = self_or_cls
         widget._param_name = p_name
 
-        watchers = self._internal_callbacks
+        is_instance = isinstance(self_or_cls, param.Parameterized)
+        if is_instance:
+            watchers = self_or_cls._internal_callbacks
+            updating = self_or_cls._updating
+        else:
+            watchers, updating = [], []
+            widgets = {p_name: widget}
 
         def link_widget(change):
-            if p_name in self._updating:
+            if p_name in updating:
                 return
             try:
-                self._updating.append(p_name)
-                self.object.param.update(**{p_name: change.new})
+                updating.append(p_name)
+                parameterized.param.update(**{p_name: change.new})
             finally:
-                self._updating.remove(p_name)
+                updating.remove(p_name)
 
         if hasattr(param, 'Event') and isinstance(p_obj, param.Event):
             def event(change):
-                self.object.param.trigger(p_name)
+                parameterized.param.trigger(p_name)
             watcher = widget.param.watch(event, 'clicks')
         elif isinstance(p_obj, param.Action):
             def action(change):
-                value(self.object)
+                value(parameterized)
             watcher = widget.param.watch(action, 'clicks')
         elif onkeyup and hasattr(widget, 'value_input'):
             watcher = widget.param.watch(link_widget, 'value_input')
@@ -545,23 +564,26 @@ def action(change):
 
         def link(change, watchers=[watcher]):
             updates = {}
-            if p_name not in self._widgets:
+            if is_instance and p_name not in self_or_cls._widgets:
                 return
-            widget = self._widgets[p_name]
+            if is_instance:
+                widget = self_or_cls._widgets[p_name]
+            else:
+                widget = widgets[p_name]
             if change.what == 'constant':
                 updates['disabled'] = change.new
-                if self.hide_constant:
+                if self_or_cls.hide_constant:
                     updates['visible'] = not change.new
             elif change.what == 'precedence':
-                if change.new is change.old:
+                if change.new is change.old or not is_instance:
                     return
                 elif change.new is None:
-                    self._rerender()
-                elif (change.new < self.display_threshold and
-                      widget in self._widget_box.objects):
-                    self._widget_box.remove(widget)
-                elif change.new >= self.display_threshold:
-                    self._rerender()
+                    self_or_cls._rerender()
+                elif (change.new < self_or_cls.display_threshold and
+                      widget in self_or_cls._widget_box.objects):
+                    self_or_cls._widget_box.remove(widget)
+                elif change.new >= self_or_cls.display_threshold:
+                    self_or_cls._rerender()
                 return
             elif change.what == 'objects':
                 options = p_obj.get_range()
@@ -579,14 +601,14 @@ def link(change, watchers=[watcher]):
                 if supports_bounds:
                     updates['start'] = start
                     updates['end'] = end
-                if rerender:
-                    self._rerender_widget(p_name)
+                if rerender and is_instance:
+                    self_or_cls._rerender_widget(p_name)
                     return
             elif change.what == 'step':
                 updates['step'] = p_obj.step
             elif change.what == 'label':
                 updates['name'] = p_obj.label
-            elif p_name in self._updating:
+            elif p_name in updating:
                 return
             elif hasattr(param, 'Event') and isinstance(p_obj, param.Event):
                 return
@@ -594,10 +616,10 @@ def link(change, watchers=[watcher]):
                 prev_watcher = watchers[0]
                 widget.param.unwatch(prev_watcher)
                 def action(event):
-                    change.new(self.object)
+                    change.new(parameterized)
                 watchers[0] = widget.param.watch(action, 'clicks')
-                idx = self._internal_callbacks.index(prev_watcher)
-                self._internal_callbacks[idx] = watchers[0]
+                idx = self_or_cls._internal_callbacks.index(prev_watcher)
+                self_or_cls._internal_callbacks[idx] = watchers[0]
                 return
             elif throttled and hasattr(widget, 'value_throttled'):
                 updates['value_throttled'] = change.new
@@ -609,7 +631,7 @@ def action(event):
                 updates['value'] = change.new
 
             try:
-                self._updating.append(p_name)
+                updating.append(p_name)
                 if change.type == 'triggered':
                     with discard_events(widget):
                         widget.param.update(**updates)
@@ -617,25 +639,25 @@ def action(event):
                 else:
                     widget.param.update(**updates)
             finally:
-                self._updating.remove(p_name)
+                updating.remove(p_name)
 
         # Set up links to parameterized object
-        watchers.append(self.object.param.watch(link, p_name, 'constant'))
-        watchers.append(self.object.param.watch(link, p_name, 'precedence'))
-        watchers.append(self.object.param.watch(link, p_name, 'label'))
+        watchers.append(parameterized.param.watch(link, p_name, 'constant'))
+        watchers.append(parameterized.param.watch(link, p_name, 'precedence'))
+        watchers.append(parameterized.param.watch(link, p_name, 'label'))
         if hasattr(p_obj, 'get_range'):
-            watchers.append(self.object.param.watch(link, p_name, 'objects'))
+            watchers.append(parameterized.param.watch(link, p_name, 'objects'))
         if hasattr(p_obj, 'get_soft_bounds'):
-            watchers.append(self.object.param.watch(link, p_name, 'bounds'))
+            watchers.append(parameterized.param.watch(link, p_name, 'bounds'))
         if 'step' in kw:
-            watchers.append(self.object.param.watch(link, p_name, 'step'))
-        watchers.append(self.object.param.watch(link, p_name))
+            watchers.append(parameterized.param.watch(link, p_name, 'step'))
+        watchers.append(parameterized.param.watch(link, p_name))
 
         options = resolve_value(kwargs.get('options', []), recursive=False)
         if isinstance(options, dict):
             options = options.values()
         if ((is_parameterized(value) or any(is_parameterized(o) for o in options))
-            and (self.expand_button or (self.expand_button is None and not self.expand))):
+            and (self_or_cls.expand_button or (self_or_cls.expand_button is None and not self_or_cls.expand))):
             toggle = Toggle(
                 name='\u22EE', button_type='primary',
                 disabled=not is_parameterized(value), max_height=30,
@@ -1113,8 +1135,8 @@ class ReactiveExpr(Pane):
     show_widgets = param.Boolean(default=True, doc="""
         Whether to display the widget inputs.""")
 
-    widget_layout = param.Selector(
-        objects=[WidgetBox, Row, Column], constant=True, default=WidgetBox, doc="""
+    widget_layout = param.ClassSelector(
+        class_=ListLike, constant=True, is_instance=False, default=WidgetBox, doc="""
         The layout object to display the widgets in.""")
 
     widget_location = param.Selector(default='left_top', objects=[
diff --git a/panel/reactive.py b/panel/reactive.py
index 8d536265d2..58261e32e0 100644
--- a/panel/reactive.py
+++ b/panel/reactive.py
@@ -201,6 +201,12 @@ def _process_param_change(self, msg: dict[str, Any]) -> dict[str, Any]:
             if self._property_mapping.get(k, False) is not None and
             k not in self._manual_params
         }
+        if 'sizing_mode' in properties:
+            sm = properties['sizing_mode']
+            if sm and ('width' in sm or 'both' in sm) and self.min_width is None:
+                properties['min_width'] = 0
+            if sm and ('height' in sm or 'both' in sm) and self.min_height is None:
+                properties['min_height'] = 0
         if 'width' in properties and self.sizing_mode is None:
             properties['min_width'] = properties['width']
         if 'height' in properties and self.sizing_mode is None:
@@ -218,16 +224,17 @@ def _process_param_change(self, msg: dict[str, Any]) -> dict[str, Any]:
             ]
             stylesheets += properties['stylesheets']
             wrapped = []
+            if state.curdoc:
+                css_cache = state._stylesheets.get(state.curdoc, {})
+            else:
+                css_cache = {}
             for stylesheet in stylesheets:
                 if isinstance(stylesheet, str) and (stylesheet.split('?')[0].endswith('.css') or stylesheet.startswith('http')):
-                    if state.curdoc:
-                        cache = state._stylesheets.get(state.curdoc, {})
-                    else:
-                        cache = {}
-                    if stylesheet in cache:
-                        stylesheet = cache[stylesheet]
+                    if stylesheet in css_cache:
+                        conv_stylesheet = css_cache[stylesheet]
                     else:
-                        cache[stylesheet] = stylesheet = ImportedStyleSheet(url=stylesheet)
+                        css_cache[stylesheet] = conv_stylesheet = ImportedStyleSheet(url=stylesheet)
+                    stylesheet = conv_stylesheet
                 wrapped.append(stylesheet)
             properties['stylesheets'] = wrapped
         return properties
@@ -443,27 +450,21 @@ async def _watch_stylesheets(self):
 
     def _param_change(self, *events: param.parameterized.Event) -> None:
         named_events = {event.name: event for event in events}
-        applied = False
         for ref, (model, _) in self._models.copy().items():
             properties = self._update_properties(*events, doc=model.document)
             if not properties:
                 return
-            applied &= self._apply_update(named_events, properties, model, ref)
-            if ref not in state._views:
-                continue
-            doc = state._views[ref][2]
-            if applied and doc in self._in_process__events:
-                del self._in_process__events[doc]
+            self._apply_update(named_events, properties, model, ref)
 
     def _process_events(self, events: dict[str, Any]) -> None:
         self._log('received events %s', events)
         if any(e for e in events if e not in self._busy__ignore):
             with edit_readonly(state):
                 state._busy_counter += 1
-        if events:
-            self._in_process__events[state.curdoc] = events
-        params = self._process_property_change(events)
         try:
+            if events and state.curdoc:
+                self._in_process__events[state.curdoc] = events
+            params = self._process_property_change(events)
             with edit_readonly(self):
                 self_params = {k: v for k, v in params.items() if '.' not in k}
                 with _syncing(self, list(self_params)):
@@ -478,7 +479,7 @@ def _process_events(self, events: dict[str, Any]) -> None:
                 with edit_readonly(obj):
                     with _syncing(obj, [p]):
                         obj.param.update(**{p: v})
-        except Exception:
+        except Exception as e:
             if len(params) > 1:
                 msg_end = f"changing properties {pformat(params)} \n"
             elif len(params) == 1:
@@ -486,8 +487,10 @@ def _process_events(self, events: dict[str, Any]) -> None:
             else:
                 msg_end = "\n"
             log.exception(f'Callback failed for object named {self.name!r} {msg_end}')
-            raise
+            raise e
         finally:
+            if state.curdoc and state.curdoc in self._in_process__events:
+                del self._in_process__events[state.curdoc]
             self._log('finished processing events %s', events)
             if any(e for e in events if e not in self._busy__ignore):
                 with edit_readonly(state):
@@ -669,9 +672,9 @@ def _get_properties(self, doc: Document | None) -> dict[str, Any]:
         if 'stylesheets' not in properties:
             return properties
         if doc:
-            state._stylesheets[doc] = cache = state._stylesheets.get(doc, {})
+            state._stylesheets[doc] = css_cache = state._stylesheets.get(doc, {})
         else:
-            cache = {}
+            css_cache = {}
         if doc and 'dist_url' in doc._template_variables:
             dist_url = doc._template_variables['dist_url']
         else:
@@ -680,10 +683,20 @@ def _get_properties(self, doc: Document | None) -> dict[str, Any]:
         for stylesheet in properties['stylesheets']:
             if isinstance(stylesheet, ImportedStyleSheet):
                 url = str(stylesheet.url)
-                if url in cache:
-                    stylesheet = cache[url]
+                if url in css_cache:
+                    cached = css_cache[url]
+                    # Confirm if stylesheet is valid, sometimes
+                    # the URL is seemingly set to None so we
+                    # replace the cached stylesheet if there is
+                    # a unset property error
+                    try:
+                        cached.url  # noqa
+                    except Exception:
+                        css_cache[url] = stylesheet
+                    else:
+                        stylesheet = cached
                 else:
-                    cache[url] = stylesheet
+                    css_cache[url] = stylesheet
                 patch_stylesheet(stylesheet, dist_url)
             stylesheets.append(stylesheet)
         properties['stylesheets'] = stylesheets
@@ -1595,9 +1608,20 @@ def _process_param_change(self, params):
             ] + props['stylesheets']
         return props
 
-    def _set_on_model(self, msg: Mapping[str, Any], root: Model, model: Model) -> None:
+    @classmethod
+    def _patch_datamodel_ref(cls, props, ref):
+        """
+        Ensure all DataModels have reference to the root model to ensure
+        that they can be cleaned up correctly.
+        """
+        ref_str = f"__ref:{ref}"
+        for m in props.select({'type': DataModel}):
+            if ref_str not in m.tags:
+                m.tags.append(ref_str)
+
+    def _set_on_model(self, msg: Mapping[str, Any], root: Model, model: Model) -> list[str]:
         if not msg:
-            return
+            return []
         prev_changing = self._changing.get(root.ref['id'], [])
         changing = []
         transformed = {}
@@ -1622,11 +1646,13 @@ def _set_on_model(self, msg: Mapping[str, Any], root: Model, model: Model) -> No
         try:
             model.update(**transformed)
         finally:
-            if old:
+            if prev_changing:
                 self._changing[root.ref['id']] = prev_changing
             else:
                 del self._changing[root.ref['id']]
-
+        if isinstance(model, DataModel):
+            self._patch_datamodel_ref(model, root.ref['id'])
+        return changing
 
 
 class ReactiveHTML(ReactiveCustomBase, metaclass=ReactiveHTMLMetaclass):
@@ -2067,21 +2093,6 @@ def _linked_properties(self) -> tuple[str, ...]:
                 linked_properties.append(children_param)
         return tuple(linked_properties)
 
-    @classmethod
-    def _patch_datamodel_ref(cls, props, ref):
-        """
-        Ensure all DataModels have reference to the root model to ensure
-        that they can be cleaned up correctly.
-        """
-        if isinstance(props, dict):
-            for v in props.values():
-                cls._patch_datamodel_ref(v, ref)
-        elif isinstance(props, list):
-            for v in props:
-                cls._patch_datamodel_ref(v, ref)
-        elif isinstance(props, DataModel):
-            props.tags.append(f"__ref:{ref}")
-
     def _get_model(
         self, doc: Document, root: Model | None = None,
         parent: Model | None = None, comm: Comm | None = None
@@ -2109,10 +2120,7 @@ def _get_model(
 
         ref = root.ref['id']
         data_model: DataModel = model.data # type: ignore
-        for v in data_model.properties_with_values():
-            if isinstance(v, DataModel):
-                v.tags.append(f"__ref:{ref}")
-        self._patch_datamodel_ref(data_model.properties_with_values(), ref)
+        self._patch_datamodel_ref(data_model, ref)
         model.update(children=self._get_children(doc, root, model, comm))
         self._register_events('dom_event', model=model, doc=doc, comm=comm)
         self._link_props(data_model, self._linked_properties, doc, root, comm)
@@ -2142,11 +2150,6 @@ def match(node, pattern):
         for cb in event_cbs:
             cb(event)
 
-    def _set_on_model(self, msg: Mapping[str, Any], root: Model, model: Model) -> None:
-        super()._set_on_model(msg, root, model)
-        if isinstance(model, DataModel):
-            self._patch_datamodel_ref(model.properties_with_values(), root.ref['id'])
-
     def _update_model(
         self, events: dict[str, param.parameterized.Event], msg: dict[str, Any],
         root: Model, model: Model, doc: Document, comm: Comm | None
diff --git a/panel/styles/models/esm.less b/panel/styles/models/esm.less
index 03a614c0e7..276e5c8be3 100644
--- a/panel/styles/models/esm.less
+++ b/panel/styles/models/esm.less
@@ -1,4 +1,4 @@
-.error-wrapper {
+.error-wrapper, .child-wrapper {
   display: contents;
 }
 
diff --git a/panel/template/base.py b/panel/template/base.py
index 9f7ab282d0..596227d915 100644
--- a/panel/template/base.py
+++ b/panel/template/base.py
@@ -11,7 +11,7 @@
 from functools import partial
 from pathlib import Path, PurePath
 from typing import (
-    IO, TYPE_CHECKING, Any, ClassVar, Literal,
+    IO, TYPE_CHECKING, Any, ClassVar, Literal, cast,
 )
 
 import jinja2
@@ -26,7 +26,7 @@
 from ..io.document import init_doc
 from ..io.model import add_to_doc
 from ..io.notebook import render_template
-from ..io.notifications import NotificationArea
+from ..io.notifications import NotificationArea, NotificationAreaBase
 from ..io.resources import (
     BUNDLE_DIR, CDN_DIST, JS_VERSION, ResourceComponent, _env,
     component_resource_path, get_dist_path, loading_css, parse_template,
@@ -375,7 +375,7 @@ def resolve_resources(
                 resource_types[rname].update(res)  # type: ignore
             else:
                 resource_types[rname] += [  # type: ignore
-                    r for r in res if res not in resource_types[rname]  # type: ignore
+                    r for r in res if r not in resource_types[rname]  # type: ignore
                 ]
 
         for rname, js in self.config.js_files.items():
@@ -410,7 +410,7 @@ def resolve_resources(
             if (BUNDLE_DIR / tmpl_name / css_file).is_file():
                 css_files[f'base_{css_file}'] = f'{dist_path}bundled/{tmpl_name}/{css_file}{version_suffix}'
             elif isurl(css):
-                css_files[f'base_{css_file}'] = css
+                css_files[f'base_{css_file}'] = cast("str", css)
             elif resolve_custom_path(self, css):
                 css_files[f'base_{css_file}' ] = component_resource_path(self, '_css', css)
 
@@ -432,7 +432,7 @@ def resolve_resources(
             if (BUNDLE_DIR / tmpl_name / js_name).is_file():
                 js_files[f'base_{js_name}'] = dist_path + f'bundled/{tmpl_name}/{js_name}'
             elif isurl(js):
-                js_files[f'base_{js_name}'] = js
+                js_files[f'base_{js_name}'] = cast("str", js)
             elif resolve_custom_path(self, js):
                 js_files[f'base_{js_name}'] = component_resource_path(self, '_js', js)
 
@@ -621,7 +621,7 @@ class BasicTemplate(BaseTemplate):
     modal = param.ClassSelector(class_=ListLike, constant=True, doc="""
         A list-like container which populates the modal""")
 
-    notifications = param.ClassSelector(class_=NotificationArea, constant=True, doc="""
+    notifications = param.ClassSelector(class_=NotificationAreaBase, constant=True, doc="""
         The NotificationArea instance attached to this template.
         Automatically added if config.notifications is set, but may
         also be provided explicitly.""")
diff --git a/panel/template/bootstrap/bootstrap.css b/panel/template/bootstrap/bootstrap.css
index 64babe8f96..07de4a5df0 100644
--- a/panel/template/bootstrap/bootstrap.css
+++ b/panel/template/bootstrap/bootstrap.css
@@ -24,9 +24,10 @@
     --design-surface-text-color,
     var(--panel-on-surface-color)
   );
-  --bokeh-base-font: system-ui, -apple-system, 'Segoe UI', Roboto,
-    'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --bokeh-base-font:
+    system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',
+    'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
 }
 
 html {
diff --git a/panel/template/editable/__init__.py b/panel/template/editable/__init__.py
index cf0c512b64..3d42e03cae 100644
--- a/panel/template/editable/__init__.py
+++ b/panel/template/editable/__init__.py
@@ -140,6 +140,7 @@ def _init_doc(
           }
           window.muuriGrid.refreshItems();
           window.muuriGrid.layout();
+          window.dispatchEvent(new Event('resize'));
         """, args={'roots': [root for root in doc.roots if 'main' in root.tags]}))
         return doc
 
diff --git a/panel/template/editable/editable.css b/panel/template/editable/editable.css
index 251853ff53..48ab74b590 100644
--- a/panel/template/editable/editable.css
+++ b/panel/template/editable/editable.css
@@ -116,3 +116,7 @@
   left: 8px;
   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE2IDEzbDYuOTY0IDQuMDYyLTIuOTczLjg1IDIuMTI1IDMuNjgxLTEuNzMyIDEtMi4xMjUtMy42OC0yLjIyMyAyLjE1TDE2IDEzem0tMi03aDJ2Mmg1YTEgMSAwIDAgMSAxIDF2NGgtMnYtM0gxMHYxMGg0djJIOWExIDEgMCAwIDEtMS0xdi01SDZ2LTJoMlY5YTEgMSAwIDAgMSAxLTFoNVY2ek00IDE0djJIMnYtMmgyem0wLTR2Mkgydi0yaDJ6bTAtNHYySDJWNmgyem0wLTR2MkgyVjJoMnptNCAwdjJINlYyaDJ6bTQgMHYyaC0yVjJoMnptNCAwdjJoLTJWMmgyeiIvPjwvc3ZnPg==');
 }
+
+.pn-modal {
+  z-index: 999;
+}
diff --git a/panel/template/fast/list/__init__.py b/panel/template/fast/list/__init__.py
index 18ca98eafd..7504e4d52c 100644
--- a/panel/template/fast/list/__init__.py
+++ b/panel/template/fast/list/__init__.py
@@ -5,12 +5,16 @@
 """
 import pathlib
 
+import param
+
+from ....layout import ListLike
+from ....pane import HoloViews
 from ..base import FastBaseTemplate
 
 
 class FastListTemplate(FastBaseTemplate):
     """
-    The `FastListTemplate` is a list based Template with a header, sidebar, main and modal area.
+    The `FastListTemplate` is a list based Template with a header, sidebar, main, secondary (right) sidebar and modal area.
     It is based on the fast.design style and works well in both default (light) and dark mode.
 
     Reference: https://panel.holoviz.org/reference/templates/FastListTemplate.html
@@ -40,8 +44,64 @@ class FastListTemplate(FastBaseTemplate):
     Please note the `FastListTemplate` cannot display in a notebook output cell.
     """
 
+    collapsed_right_sidebar = param.Selector(default=False, constant=True, doc="""
+       Whether the secondary sidebar on the right (if present) is initially collapsed.""")
+
+    right_sidebar = param.ClassSelector(class_=ListLike, constant=True, doc="""
+        A list-like container which populates a secondary sidebar (on the right).""")
+
+    right_sidebar_footer = param.String("", doc="""
+        A HTML string appended to a secondary sidebar (right sidebar).""")
+
+    right_sidebar_width = param.Integer(default=330, doc="""
+        The width of the secondary sidebar (right sidebar) in pixels. Default is 330.""")
+
     _css = FastBaseTemplate._css + [
         pathlib.Path(__file__).parent / "fast_list_template.css"
     ]
 
     _template = pathlib.Path(__file__).parent / "fast_list_template.html"
+
+    def __init__(self, **params):
+        if "right_sidebar" not in params:
+            params["right_sidebar"] = ListLike()
+        else:
+            params["right_sidebar"] = self._get_params(params["right_sidebar"], self.param.right_sidebar.class_)
+        super().__init__(**params)
+        self.right_sidebar.param.watch(self._update_right_sidebar_render_items, ['objects'])
+        self.right_sidebar.param.trigger('objects')
+
+    def _update_vars(self):
+        super()._update_vars()
+        self._render_variables["right_sidebar_width"] = self.right_sidebar_width
+        self._render_variables["right_sidebar_footer"] = self.right_sidebar_footer
+        self._render_variables['collapsed_right_sidebar'] = self.collapsed_right_sidebar
+
+    def _update_right_sidebar_render_items(self, event: param.parameterized.Event) -> None:
+        if event.obj is self.right_sidebar:
+            tag = 'right_nav'
+
+        old = event.old if isinstance(event.old, list) else list(event.old.values())
+        for obj in old:
+            ref = f'{tag}-{str(id(obj))}'
+            if ref in self._render_items:
+                del self._render_items[ref]
+
+        new = event.new if isinstance(event.new, list) else event.new.values()
+        if self._design.theme.bokeh_theme:
+            for o in new:
+                if o in old:
+                    continue
+                for hvpane in o.select(HoloViews):
+                    hvpane.theme = self._design.theme.bokeh_theme
+
+        labels = {}
+        for obj in new:
+            ref = f'{tag}-{str(id(obj))}'
+            if obj.name.startswith(type(obj).__name__):
+                labels[ref] = 'Content'
+            else:
+                labels[ref] = obj.name
+            self._render_items[ref] = (obj, [tag])
+        tags = [tags for _, tags in self._render_items.values()]
+        self._render_variables['right_nav'] = any('right_nav' in ts for ts in tags)
diff --git a/panel/template/fast/list/fast_list_template.css b/panel/template/fast/list/fast_list_template.css
index 00755f9674..e637519810 100644
--- a/panel/template/fast/list/fast_list_template.css
+++ b/panel/template/fast/list/fast_list_template.css
@@ -1,3 +1,40 @@
 .card-margin {
   margin: 1em 0;
 }
+
+#right-sidebar-button {
+  font-size: 30px;
+  cursor: pointer;
+  opacity: 0.9;
+}
+
+#right-sidebar-button:hover {
+  opacity: 1;
+}
+
+#right-sidebar-button {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+#right-sidebar {
+  border-right: 2px solid var(--neutral-fill-rest);
+  transition: all 0.2s cubic-bezier(0.945, 0.02, 0.27, 0.665);
+  transform-origin: center left;
+  height: calc(100vh - 76px);
+  overflow-y: auto;
+  padding: 15px 10px 5px 5px;
+}
+
+#right-sidebar.hidden {
+  border: 0px;
+  margin: 0px;
+  max-width: 0px;
+  min-width: 0px;
+  overflow: hidden;
+  padding: 0px;
+}
+
+#right-sidebar.shadow {
+  box-shadow: 2px 2px 10px silver;
+}
diff --git a/panel/template/fast/list/fast_list_template.html b/panel/template/fast/list/fast_list_template.html
index 4aa9e9140a..a4e7ce90da 100644
--- a/panel/template/fast/list/fast_list_template.html
+++ b/panel/template/fast/list/fast_list_template.html
@@ -9,6 +9,7 @@
     --header-background: {{ style.header_background }};
     --header-color: {{ style.header_color }};
     --sidebar-width: {{ sidebar_width }}px;
+    --right-sidebar-width:  {{ right_sidebar_width }}px;
   }
   body {
     color: {{ style.color }};
@@ -34,6 +35,13 @@
     background-color: var(--panel-surface-color);
     {% endif %}
   }
+  #right-sidebar {
+    min-width: var(--right-sidebar-width);
+    max-width: var(--right-sidebar-width);
+    {% if not main_layout %}
+    background-color: var(--panel-surface-color);
+    {% endif %}
+  }
 </style>
 {% endblock %}
 
@@ -117,6 +125,16 @@
 	  Busy Indicator
 	</fast-tooltip>
 	{% endif %}
+	{% if right_nav or right_sidebar_footer %}
+	<span onclick="{{ 'openNavRight()' if collapsed_right_sidebar else 'closeNavRight()' }}" id="right-sidebar-button">
+	  <div class="pn-bar"></div>
+	  <div class="pn-bar"></div>
+	  <div class="pn-bar"></div>
+	</span>
+	<fast-tooltip anchor="right-sidebar-button" position="left">
+	  Toggle the Secondary Sidebar
+	</fast-tooltip>
+	{% endif %}
       </nav>
     </fast-design-system-provider>
 
@@ -172,6 +190,24 @@
 	</div>
 	{% endif %}
       </div>
+      {% if right_nav or right_sidebar_footer %}
+      <div class="sidenav {{'hidden' if collapsed_right_sidebar else ''}}" id="right-sidebar">
+	<ul class="nav flex-column">
+      {% if right_nav %}
+      {% for doc in docs %}
+      {% for root in doc.roots %}
+      {% if "right_nav" in root.tags %}
+      {{ embed(root) | indent(8) }}
+      {% endif %}
+      {% endfor %}
+      {% endfor %}
+      {% endif %}
+      {% if right_sidebar_footer %}
+      {{ right_sidebar_footer }}
+      {% endif %}
+	</ul>
+      </div>
+      {% endif %}
       <fast-dialog id="pn-Modal" hidden>
         <fast-button class="pn-modal-close" id="pn-closeModal">&times;</fast-button>
         <div class="pn-modal-content">
@@ -203,6 +239,16 @@
     document.getElementById("sidebar-button").onclick = openNav;
   }
 
+  function openNavRight() {
+    document.getElementById("right-sidebar").classList.remove("hidden");
+    document.getElementById("right-sidebar-button").onclick = closeNavRight;
+  }
+
+  function closeNavRight() {
+    document.getElementById("right-sidebar").classList.add("hidden");
+    document.getElementById("right-sidebar-button").onclick = openNavRight;
+  }
+
   var modal = document.getElementById("pn-Modal");
   var span = document.getElementById("pn-closeModal");
 
diff --git a/panel/tests/chat/test_feed.py b/panel/tests/chat/test_feed.py
index bc61d6d393..dd6fee4026 100644
--- a/panel/tests/chat/test_feed.py
+++ b/panel/tests/chat/test_feed.py
@@ -48,9 +48,9 @@ def test_init_with_loading(self):
 
     def test_update_header(self):
         chat_feed = ChatFeed(header="1")
-        assert chat_feed._card.header == "1"
+        assert chat_feed._card.header.object == "1"
         chat_feed.header = "2"
-        assert chat_feed._card.header == "2"
+        assert chat_feed._card.header.object == "2"
         chat_feed.header = HTML("<b>3</b>")
         assert chat_feed._card.header.object == "<b>3</b>"
 
@@ -73,7 +73,7 @@ def test_card_params(self, chat_feed):
             "hide_header": False
         }
         assert chat_feed._card.header_background == "red"
-        assert chat_feed._card.header == "Test"
+        assert chat_feed._card.header.object == "Test"
         assert not chat_feed._card.hide_header
 
     async def test_send(self, chat_feed):
@@ -1615,9 +1615,10 @@ async def append_callback(message, instance):
 
     async def test_stream(self, chat_feed):
         def callback(contents, user, instance):
-            message = instance.stream("Echo: ")
+            message = instance.stream("Echo: ", trigger_post_hook=True)
             for char in contents:
                 message = instance.stream(char, message=message)
+            instance.trigger_post_hook()
 
         def append_callback(message, instance):
             logs.append(message.object)
@@ -1629,6 +1630,18 @@ def append_callback(message, instance):
         await async_wait_until(lambda: chat_feed.objects[-1].object == "Echo: AB")
         await async_wait_until(lambda: logs == ["AB", "Echo: ", "Echo: AB"])
 
+    async def test_add_chat_step(self, chat_feed):
+        def append_callback(message, instance):
+            step = message.object[-1]
+            logs.append(f"# {step.title}\n{step.objects[0].object}")
+
+        logs = []
+        chat_feed.post_hook = append_callback
+        with chat_feed.add_step(title="Steps") as step:
+            for c in range(2):
+                step.stream(str(c))
+        await async_wait_until(lambda: logs == ["# Steps\n01"])
+
 
 @pytest.mark.xdist_group("chat")
 class TestChatFeedEditCallback:
diff --git a/panel/tests/chat/test_interface.py b/panel/tests/chat/test_interface.py
index cfd06b2f88..94b75b83eb 100644
--- a/panel/tests/chat/test_interface.py
+++ b/panel/tests/chat/test_interface.py
@@ -465,6 +465,18 @@ async def test_prevent_stream_override_message_user_avatar(self, chat_interface)
         assert msg.user == "Welcoming User"
         assert msg.avatar == "👋"
 
+    @pytest.mark.parametrize("method", ["send", "stream"])
+    async def test_send_stream_auto_avatar(self, chat_interface, method):
+        chat_interface.user = "A"
+        chat_interface.avatar = "H"
+        getattr(chat_interface, method)("Hello", user="S")
+        # will default to first letter on UI
+        assert chat_interface.objects[0].avatar == ""
+
+        getattr(chat_interface, method)("Hello", user="A")
+        assert chat_interface.objects[1].avatar == "H"
+
+
 class TestChatInterfaceWidgetsSizingMode:
     def test_none(self):
         chat_interface = ChatInterface()
diff --git a/panel/tests/chat/test_step.py b/panel/tests/chat/test_step.py
index 017353d85d..885da32f22 100644
--- a/panel/tests/chat/test_step.py
+++ b/panel/tests/chat/test_step.py
@@ -94,6 +94,12 @@ def test_repeated_error(self):
         assert step.title == "Error: 'RuntimeError'", "Title should update to 'Error: 'RuntimeError'' on failure again"
         assert step.objects[0].object == "Testing\nSecond Testing", "Error message should be streamed to the message pane"
 
+    def test_context_manually_set_failed(self):
+        step = ChatStep()
+        with step:
+            step.status = "failed"
+        assert step.status == "failed", "Status should be 'failed' after manually setting it to 'failed'"
+
     def test_context_exception_ignore(self):
         step = ChatStep(context_exception="ignore")
         with step:
diff --git a/panel/tests/command/test_compile.py b/panel/tests/command/test_compile.py
index 60ae44755a..dbd03754c2 100644
--- a/panel/tests/command/test_compile.py
+++ b/panel/tests/command/test_compile.py
@@ -12,6 +12,13 @@ class JSTestComponent(JSComponent):
     _esm = "export function render() { console.log('foo') }"
 
 
+class JSTestComponentWithShared(JSComponent):
+
+    _esm = "import {log} from './utils'\n\nexport function render() { log('foo') }"
+    _esm_shared = {
+        'utils': "export function log(msg) { console.log(msg) }"
+    }
+
 def test_compile_component(py_file):
     cmd = [sys.executable, "-m", "panel", "compile", "panel.tests.command.test_compile:JSTestComponent", "--unminified"]
     p = subprocess.Popen(cmd, shell=False, cwd=CWD)
@@ -24,3 +31,18 @@ def test_compile_component(py_file):
     finally:
         bundle.unlink()
         p.kill()
+
+
+def test_compile_component_with_shared_file(py_file):
+    cmd = [sys.executable, "-m", "panel", "compile", "panel.tests.command.test_compile:JSTestComponentWithShared", "--unminified"]
+    p = subprocess.Popen(cmd, shell=False, cwd=CWD)
+    p.wait()
+
+    bundle = CWD / "JSTestComponentWithShared.bundle.js"
+    try:
+        assert bundle.is_file()
+        assert 'function log(msg) {\n  console.log(msg);\n}' in bundle.read_text()
+        assert 'function render() {\n  log("foo");\n}' in bundle.read_text()
+    finally:
+        bundle.unlink()
+        p.kill()
diff --git a/panel/tests/conftest.py b/panel/tests/conftest.py
index 735304e906..7ca241cbe3 100644
--- a/panel/tests/conftest.py
+++ b/panel/tests/conftest.py
@@ -52,7 +52,7 @@
 
 
 for e in os.environ:
-    if e.startswith(('BOKEH_', "PANEL_")) and e not in ("PANEL_LOG_LEVEL", ):
+    if e.startswith(('BOKEH_', "PANEL_")) and e not in ("PANEL_LOG_LEVEL", "PANEL_TEST_AUTH"):
         os.environ.pop(e, None)
 
 @cache
diff --git a/panel/tests/io/test_cache.py b/panel/tests/io/test_cache.py
index d0bb5bf21b..49331ec4f5 100644
--- a/panel/tests/io/test_cache.py
+++ b/panel/tests/io/test_cache.py
@@ -17,6 +17,7 @@
     diskcache = None
 diskcache_available = pytest.mark.skipif(diskcache is None, reason="requires diskcache")
 
+from panel.config import config
 from panel.io.cache import _generate_hash, cache, is_equal
 from panel.io.state import set_curdoc, state
 from panel.tests.util import serve_and_wait
@@ -296,6 +297,20 @@ def test_disk_cache(tmp_path):
     fn.clear()
     assert fn(0, 0) == 1
 
+@diskcache_available
+def test_disk_cache_global_default(tmp_path):
+    global OFFSET
+    OFFSET.clear()
+    with config.set(cache_path=tmp_path):
+        fn = cache(function_with_args, to_disk=True)
+
+    assert fn(0, 0) == 0
+    assert tmp_path.exists()
+    assert list(tmp_path.glob('*'))
+    assert fn(0, 0) == 0
+    fn.clear()
+    assert fn(0, 0) == 1
+
 @pytest.mark.parametrize('to_disk', (True, False))
 def test_cache_fifo(to_disk, tmp_path):
     if to_disk and diskcache is None:
diff --git a/panel/tests/io/test_notebook.py b/panel/tests/io/test_notebook.py
index 245c132610..04df6cfd40 100644
--- a/panel/tests/io/test_notebook.py
+++ b/panel/tests/io/test_notebook.py
@@ -1,9 +1,28 @@
+import pytest
+
+pytest.importorskip("IPython")
+
+from bokeh.models import ImportedStyleSheet, InlineStyleSheet
+
+from panel.config import config, panel_extension
 from panel.io.notebook import ipywidget
+from panel.io.resources import CDN_ROOT, set_resource_mode
 from panel.pane import Str
+from panel.widgets import TextEditor
 
 from ..util import jb_available
 
 
+@pytest.fixture
+def nb_loaded():
+    old = panel_extension._loaded
+    panel_extension._loaded = True
+    try:
+        yield
+    finally:
+        panel_extension._loaded = old
+
+
 @jb_available
 def test_ipywidget(document):
     pane = Str('A')
@@ -37,3 +56,23 @@ def test_ipywidget(document):
 
     assert prev_id in pane._models
     assert len(pane._models) == 1
+
+def test_notebook_cdn_css_stylesheets(nb_loaded):
+    widget = TextEditor()
+    with config.set(inline=False):
+        widget._repr_mimebundle_()
+    with set_resource_mode('cdn'):
+        stylesheets = widget._widget_type.__css__
+    model = list(widget._models.values())[0][0]
+    for stylesheet, url in zip(model.stylesheets, stylesheets):
+        assert isinstance(stylesheet, ImportedStyleSheet)
+        assert url.startswith(CDN_ROOT)
+        assert stylesheet.url == url
+
+def test_notebook_inline_css_stylesheets(nb_loaded):
+    widget = TextEditor()
+    with config.set(inline=True):
+        widget._repr_mimebundle_()
+    model = list(widget._models.values())[0][0]
+    for stylesheet in model.stylesheets[:len(model.__css__)]:
+        assert isinstance(stylesheet, InlineStyleSheet)
diff --git a/panel/tests/layout/test_base.py b/panel/tests/layout/test_base.py
index 20097b282b..46f39af36b 100644
--- a/panel/tests/layout/test_base.py
+++ b/panel/tests/layout/test_base.py
@@ -108,7 +108,7 @@ def test_layout_radd_list(panel, document, comm):
     assert model.children == [div3, div4, div1, div2]
 
 
-@pytest.mark.parametrize('panel', [Column, Row])
+@pytest.mark.parametrize('panel', [Column, Row, Accordion, Tabs])
 def test_layout_add_error(panel, document, comm):
     div1 = Div()
     div2 = Div()
@@ -285,8 +285,11 @@ def test_layout_setitem_replace_all(panel, document, comm):
     assert p1._models == {}
     assert p2._models == {}
 
+    layout[:] = [div3]
+    assert model.children == [div3]
 
-@pytest.mark.parametrize('panel', [Column, Row])
+
+@pytest.mark.parametrize('panel', [Column, Row, Tabs])
 def test_layout_setitem_replace_all_error(panel, document, comm):
     div1 = Div()
     div2 = Div()
@@ -294,7 +297,7 @@ def test_layout_setitem_replace_all_error(panel, document, comm):
     layout.get_root(document, comm=comm)
 
     div3 = Div()
-    with pytest.raises(IndexError):
+    with pytest.raises(TypeError):
         layout[:] = div3
 
 
@@ -318,16 +321,17 @@ def test_layout_setitem_replace_slice(panel, document, comm):
 
 
 @pytest.mark.parametrize('panel', [Column, Row])
-def test_layout_setitem_replace_slice_error(panel, document, comm):
+def test_layout_setitem_replace_slice_resize(panel, document, comm):
     div1 = Div()
     div2 = Div()
     div3 = Div()
     layout = panel(div1, div2, div3)
-    layout.get_root(document, comm=comm)
+    model = layout.get_root(document, comm=comm)
 
     div3 = Div()
-    with pytest.raises(IndexError):
-        layout[1:] = [div3]
+    layout[1:] = [div3]
+    assert len(layout) == 2
+    assert model.children == [div1, div3]
 
 
 @pytest.mark.parametrize('panel', [Column, Row])
@@ -337,11 +341,12 @@ def test_layout_setitem_replace_slice_out_of_bounds(panel, document, comm):
     div3 = Div()
     layout = panel(div1, div2, div3)
     layout.get_root(document, comm=comm)
+    model = layout.get_root(document, comm=comm)
 
-    div3 = Div()
-    with pytest.raises(IndexError):
-        layout[3:4] = [div3]
-
+    div4 = Div()
+    layout[3:4] = [div4]
+    assert len(layout) == 4
+    assert model.children == [div1, div2, div3, div4]
 
 @pytest.mark.parametrize('panel', [Column, Row])
 def test_layout_pop(panel, document, comm):
@@ -388,7 +393,7 @@ def test_layout_clear(panel, document, comm):
     assert p1._models == p2._models == {}
 
 
-@pytest.mark.parametrize('panel', [Column, Row])
+@pytest.mark.parametrize('panel', [Column, Row, Accordion, Tabs])
 def test_layout_clone_args(panel):
     div1 = Div()
     div2 = Div()
@@ -399,7 +404,7 @@ def test_layout_clone_args(panel):
     assert layout.objects[1].object is clone.objects[0].object
 
 
-@pytest.mark.parametrize('panel', [Column, Row])
+@pytest.mark.parametrize('panel', [Column, Row, Accordion, Tabs])
 def test_layout_clone_kwargs(panel):
     div1 = Div()
     div2 = Div()
diff --git a/panel/tests/layout/test_tabs.py b/panel/tests/layout/test_tabs.py
index 3843a3c3f6..837741bc73 100644
--- a/panel/tests/layout/test_tabs.py
+++ b/panel/tests/layout/test_tabs.py
@@ -573,17 +573,6 @@ def test_tabs_setitem_replace_all(document, comm):
     assert p2._models == {}
 
 
-def test_tabs_setitem_replace_all_error(document, comm):
-    div1 = Div()
-    div2 = Div()
-    layout = Tabs(div1, div2)
-    layout.get_root(document, comm=comm)
-
-    div3 = Div()
-    with pytest.raises(IndexError):
-        layout[:] = div3
-
-
 def test_tabs_setitem_replace_slice(document, comm):
     div1 = Div()
     div2 = Div()
@@ -608,29 +597,29 @@ def test_tabs_setitem_replace_slice(document, comm):
     assert p3._models == {}
 
 
-def test_tabs_setitem_replace_slice_error(document, comm):
+def test_tabs_setitem_replace_slice_resize(document, comm):
     div1 = Div()
     div2 = Div()
     div3 = Div()
     layout = Tabs(div1, div2, div3)
-    layout.get_root(document, comm=comm)
+    model = layout.get_root(document, comm=comm)
 
     div3 = Div()
-    with pytest.raises(IndexError):
-        layout[1:] = [div3]
-
+    layout[1:] = [div3]
+    assert len(layout) == 2
+    assert [t.child for t in model.tabs] == [div1, div3]
 
 def test_tabs_setitem_replace_slice_out_of_bounds(document, comm):
     div1 = Div()
     div2 = Div()
     div3 = Div()
     layout = Tabs(div1, div2, div3)
-    layout.get_root(document, comm=comm)
-
-    div3 = Div()
-    with pytest.raises(IndexError):
-        layout[3:4] = [div3]
+    model = layout.get_root(document, comm=comm)
 
+    div4 = Div()
+    layout[3:4] = [div4]
+    assert len(layout) == 4
+    assert [t.child for t in model.tabs] == [div1, div2, div3, div4]
 
 def test_tabs_pop(document, comm):
     div1 = Div()
diff --git a/panel/tests/pane/test_holoviews.py b/panel/tests/pane/test_holoviews.py
index cc70cdad69..9e5946dc24 100644
--- a/panel/tests/pane/test_holoviews.py
+++ b/panel/tests/pane/test_holoviews.py
@@ -781,3 +781,15 @@ def test_holoviews_datetime_picker_widget(document, comm):
     assert isinstance(layout, pn.Row)
     assert isinstance(widget_box, pn.WidgetBox)
     assert isinstance(widget_box[0], pn.widgets.DatetimePicker)
+
+
+@hv_available
+def test_single_datetime_value():
+    ts = np.datetime64("2020-01-01T12:15:54.293837280")
+    dmap = hv.DynamicMap(lambda x: hv.Curve([]), kdims=["timestamp"]).redim.values(
+        timestamp=[ts]
+    )
+    widget = pn.panel(dmap)[0][1][0]
+    assert isinstance(widget, Select)
+    assert widget.options == {"2020-01-01 12:15:54": ts}
+    assert widget.value == ts
diff --git a/panel/tests/pane/test_markup.py b/panel/tests/pane/test_markup.py
index eb0cd4edae..9876c2b22d 100644
--- a/panel/tests/pane/test_markup.py
+++ b/panel/tests/pane/test_markup.py
@@ -88,6 +88,17 @@ def test_markdown_pane_dedent(document, comm):
     pane.dedent = False
     assert model.text.startswith('&lt;pre&gt;&lt;code&gt;ABC')
 
+def test_markdown_pane_disable_anchors(document, comm):
+    pane = Markdown("# ABC")
+
+    # Create pane
+    model = pane.get_root(document, comm=comm)
+    assert pane._models[model.ref['id']][0] is model
+    assert model.text == '&lt;h1 id=&quot;abc&quot;&gt;ABC &lt;a class=&quot;header-anchor&quot; href=&quot;#abc&quot;&gt;¶&lt;/a&gt;&lt;/h1&gt;\n'
+
+    pane.disable_anchors = True
+    assert model.text == '&lt;h1&gt;ABC&lt;/h1&gt;\n'
+
 @pytest.mark.parametrize('renderer', ('markdown-it', 'markdown'))
 def test_markdown_pane_hard_line_break_default(document, comm, renderer):
     assert Markdown.hard_line_break is False
diff --git a/panel/tests/pane/test_media.py b/panel/tests/pane/test_media.py
index f4be382d84..8187730bd2 100644
--- a/panel/tests/pane/test_media.py
+++ b/panel/tests/pane/test_media.py
@@ -19,7 +19,6 @@
 scipy_available = pytest.mark.skipif(wavfile is None, reason="requires scipy")
 
 
-
 def test_video_url(document, comm):
     url = 'https://file-examples-com.github.io/uploads/2017/04/file_example_MP4_640_3MG.mp4'
     video = Video(url)
@@ -28,13 +27,29 @@ def test_video_url(document, comm):
     # To check if url is send to the bokeh model
     assert model.value == url
 
-
 def test_local_video(document, comm):
     video = Video(str(ASSETS / 'mp4.mp4'))
     model = video.get_root(document, comm=comm)
 
     assert model.value == 'data:video/mp4;base64,AAAAIGZ0eXBpc29tAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAAAAhtZGF0AAAA1m1vb3YAAABsbXZoZAAAAAAAAAAAAAAAAAAAA+gAAAAAAAEAAAEAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAABidWR0YQAAAFptZXRhAAAAAAAAACFoZGxyAAAAAAAAAABtZGlyYXBwbAAAAAAAAAAAAAAAAC1pbHN0AAAAJal0b28AAAAdZGF0YQAAAAEAAAAATGF2ZjU3LjQxLjEwMA==' # noqa
 
+def test_local_video_path(document, comm):
+    video = Video(ASSETS / 'mp4.mp4')
+    model = video.get_root(document, comm=comm)
+
+    assert model.value == 'data:video/mp4;base64,AAAAIGZ0eXBpc29tAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAAAAhtZGF0AAAA1m1vb3YAAABsbXZoZAAAAAAAAAAAAAAAAAAAA+gAAAAAAAEAAAEAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAABidWR0YQAAAFptZXRhAAAAAAAAACFoZGxyAAAAAAAAAABtZGlyYXBwbAAAAAAAAAAAAAAAAC1pbHN0AAAAJal0b28AAAAdZGF0YQAAAAEAAAAATGF2ZjU3LjQxLjEwMA==' # noqa
+
+def test_local_video_bytes(document, comm):
+    video = Video((ASSETS / 'mp4.mp4').read_bytes())
+    model = video.get_root(document, comm=comm)
+
+    assert model.value == 'data:video/mp4;base64,AAAAIGZ0eXBpc29tAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAAAAhtZGF0AAAA1m1vb3YAAABsbXZoZAAAAAAAAAAAAAAAAAAAA+gAAAAAAAEAAAEAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAABidWR0YQAAAFptZXRhAAAAAAAAACFoZGxyAAAAAAAAAABtZGlyYXBwbAAAAAAAAAAAAAAAAC1pbHN0AAAAJal0b28AAAAdZGF0YQAAAAEAAAAATGF2ZjU3LjQxLjEwMA==' # noqa
+
+def test_local_video_bytesio(document, comm):
+    video = Video(BytesIO((ASSETS / 'mp4.mp4').read_bytes()))
+    model = video.get_root(document, comm=comm)
+
+    assert model.value == 'data:video/mp4;base64,AAAAIGZ0eXBpc29tAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAAAAhtZGF0AAAA1m1vb3YAAABsbXZoZAAAAAAAAAAAAAAAAAAAA+gAAAAAAAEAAAEAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAABidWR0YQAAAFptZXRhAAAAAAAAACFoZGxyAAAAAAAAAABtZGlyYXBwbAAAAAAAAAAAAAAAAC1pbHN0AAAAJal0b28AAAAdZGF0YQAAAAEAAAAATGF2ZjU3LjQxLjEwMA==' # noqa
 
 def test_video_autoplay(document, comm):
     video = Video(str(ASSETS / 'mp4.mp4'), autoplay=True)
@@ -48,13 +63,29 @@ def test_video_muted(document, comm):
 
     assert model.muted
 
-
 def test_local_audio(document, comm):
     audio = Audio(str(ASSETS / 'mp3.mp3'))
     model = audio.get_root(document, comm=comm)
 
     assert model.value == 'data:audio/mp3;base64,/+MYxAAAAANIAAAAAExBTUUzLjk4LjIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' # noqa
 
+def test_local_audio_path(document, comm):
+    audio = Audio(ASSETS / 'mp3.mp3')
+    model = audio.get_root(document, comm=comm)
+
+    assert model.value == 'data:audio/mp3;base64,/+MYxAAAAANIAAAAAExBTUUzLjk4LjIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' # noqa
+
+def test_local_audio_bytes(document, comm):
+    audio = Audio((ASSETS / 'mp3.mp3').read_bytes())
+    model = audio.get_root(document, comm=comm)
+
+    assert model.value == 'data:audio/mp3;base64,/+MYxAAAAANIAAAAAExBTUUzLjk4LjIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' # noqa
+
+def test_local_audio_bytesio(document, comm):
+    audio = Audio(BytesIO((ASSETS / 'mp3.mp3').read_bytes()))
+    model = audio.get_root(document, comm=comm)
+
+    assert model.value == 'data:audio/mp3;base64,/+MYxAAAAANIAAAAAExBTUUzLjk4LjIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' # noqa
 
 @scipy_available
 def test_numpy_audio(document, comm):
@@ -78,7 +109,6 @@ def test_numpy_audio(document, comm):
 
     assert model.value == 'data:audio/wav;base64,UklGRsQAAABXQVZFZm10IBAAAAABAAEAQB8AAIA+AAACABAAZGF0YaAAAAAAAF4ErQjgDOgQuBRDGH0bXB7WIOMifCScJT8mYyYHJi0l1yMLIs0fJR0dGr4WFBMqDw4LzQZ1Ahf+vfl59VfxZu2z6UrmN+OD4DjeXNz42g7aotm22UjaWNvi3ODeTOEe5E3nzuqU7pXywvYO+2v/yAMZCFAMXhA1FMoXDxv7HYMgoCJJJHolLyZlJhwmVSURJFciKiCTHZoaSBeqE8oP' # noqa
 
-
 @scipy_available
 def test_audio_array(document, comm):
     data = np.random.randint(-100,100, 100).astype('int16')
@@ -94,7 +124,6 @@ def test_audio_array(document, comm):
     assert model_value.split(',')[1] == b64_encoded
     assert model.value.startswith('data:audio/wav;base64')
 
-
 def test_audio_url(document, comm):
     audio_url = 'http://ccrma.stanford.edu/~jos/mp3/pno-cs.mp3'
     audio = Audio(audio_url)
@@ -137,7 +166,6 @@ def test_audio_float32(document, comm):
     model = audio.get_root(document, comm=comm)
     assert model.value == 'data:audio/wav;base64,UklGRpYDAABXQVZFZm10IBAAAAABAAEARKwAAIhYAQACABAAZGF0YXIDAAAAAAIEAAj3C+EPuxOCFzEbxB45Iosltyi7K5IuOzGyM/U1AjjWOXE7zzzxPdQ+dz/cP/8/4z+GP+k+DT7zPJs7CDo6ODM29jOFMeIuECwRKeklmyIqH5ob7hcqFFIQaQx0CHYEdABz/HT4fPSQ8LTs6+g55aLhKt7U2qPXm9S+0RDPk8xKyjfIXMa7xFbDLcJDwZjALcABwBfAbMACwdbB6sI6xMfFj8ePycbLMc7P0JzTlta52QPdcOD946bnZ+s97yTzGPcV+xf/GQMZBxEL/g7dEqgWXRr3HXMhzSQCKA8r8S2kMCczdjWPN3E5GTuFPLQ9pj5YP8o//T/vP6E/Ez9FPjk97ztpOqg4rjZ9NBgygC+4LMMppCZfI/UfbBzGGAcVMxFODVsJXwVeAVz9XPli9XPxk+3F6Q7mceLx3pPbWdhI1WHSqM8gzcvKq8jDxhXFosNrwnPBucA/wAbADMBTwNrAoMGmwunDaMUixxbJQMugzTPQ9dLl1f/YQNym3yzjzuaL6lzuQPIx9i36Lv4wAjAGKwobDv0RzRWHGSgdqyANJEsnYSpNLQswmTL0NBo3CDm9Ojc8dT10PjU/tj/3P/g/uD85P3k+ez0/PMc6EzkmNwE1qDIbMF4tcypdJyAkvyA8HZ0Z4xUUEjIOQgpIBkcCRf5E+kj2V/Jz7qHq5OZA47rfVNwR2fbVBtNC0K/NTssiyS3HccXxw6zCpsHewFXADcAFwD3AtsBuwWXCmsMMxbnGn8i+yhHNmc9Q0jbVR9iA293eXOL55a/pfe1c8Uv1RPlE/UYBSAVECTcNHRHxFLEYVxzhH0sjkiaxKacscC8JMnA0ojadOF865zsyPUA+Dz+eP+4//T/MP1s/qj66PYw8ITt7OZs3gzU1M7MwAS4gKxQo4CSGIQsechq+FvMSFQ8oCzAHMAMu/yz7L/c781Tvfeu75xLkhOAW3czZqNat09/QQM7Ty5vJmsfRxUPE8cLcwQbBb8AYwAHAK8CVwD7BJ8JOw7LEUsYsyD7KhcwBz67RitSR18HaFt6O4STl1eie7HrwZfRc+Fv8XQBfBF0IUgw7EBQU2ReFGxYfhyLWJf8o/yvSLnYx6TMnNi84/jmTO+w8CD7lPoM/4T//P90/ej/YPvY91jx5O+A5DTgBNsAzSjGiLswrySg='  # noqa
 
-
 class TensorMock:
     def __init__(self, duration=2.0):
         self._data = get_audio_np_float32(duration=duration)
diff --git a/panel/tests/template/fast/test_fast_list_template.py b/panel/tests/template/fast/test_fast_list_template.py
index cd970c2ae3..c673324e0f 100644
--- a/panel/tests/template/fast/test_fast_list_template.py
+++ b/panel/tests/template/fast/test_fast_list_template.py
@@ -2,6 +2,7 @@
 
 from panel.template.fast.list import FastListTemplate
 from panel.theme.fast import FastDarkTheme
+from panel.widgets import Button
 
 
 def test_template_theme_parameter():
@@ -29,3 +30,12 @@ def test_accent():
     template = FastListTemplate(accent=accent)
     assert template.accent_base_color==accent
     assert template.header_background==accent
+
+
+def test_template_right_sidebar():
+    tmpl = FastListTemplate()
+    button = Button(name="Click me", button_type="primary")
+    tmpl.right_sidebar.append(button)
+
+    assert len(tmpl._render_items) == 5
+    assert f"right_nav-{id(button)}" in tmpl._render_items
diff --git a/panel/tests/test_links.py b/panel/tests/test_links.py
index 1cfa18de66..67db934de9 100644
--- a/panel/tests/test_links.py
+++ b/panel/tests/test_links.py
@@ -3,10 +3,12 @@
 except ImportError:
     hv = None
 
+import param
 import pytest
 
 from bokeh.plotting import figure
 
+from panel.custom import JSComponent
 from panel.layout import Row
 from panel.links import Link
 from panel.pane import Bokeh, HoloViews
@@ -17,6 +19,11 @@
 )
 
 
+class MockJSComponent(JSComponent):
+
+    value = param.Parameter()
+
+
 def test_widget_link_bidirectional():
     t1 = TextInput()
     t2 = TextInput()
@@ -31,7 +38,6 @@ def test_widget_link_bidirectional():
     assert t1.value == 'DEF'
     assert t2.value == 'DEF'
 
-
 def test_widget_jslink_bidirectional(document, comm):
     t1 = TextInput()
     t2 = TextInput()
@@ -44,14 +50,53 @@ def test_widget_jslink_bidirectional(document, comm):
 
     tm1, tm2 = model.children
 
-    link1_customjs = tm1.js_property_callbacks['change:value'][-1]
-    link2_customjs = tm2.js_property_callbacks['change:value'][-1]
+    callbacks1 = tm1.js_property_callbacks['change:value']
+    callbacks2 = tm2.js_property_callbacks['change:value']
+    assert len(callbacks1) == 1
+    assert len(callbacks2) == 1
+
+    link1_customjs = callbacks1[0]
+    link2_customjs = callbacks2[0]
 
     assert link1_customjs.args['source'] is tm1
     assert link2_customjs.args['source'] is tm2
     assert link1_customjs.args['target'] is tm2
     assert link2_customjs.args['target'] is tm1
 
+    row[:] = row[::-1]
+
+    assert len(callbacks1) == 1
+    assert len(callbacks2) == 1
+
+def test_widget_link_bidirectional_esm(document, comm):
+    t1 = TextInput()
+    t2 = MockJSComponent()
+
+    t1.jslink(t2, value='value', bidirectional=True)
+
+    row = Row(t1, t2)
+
+    model = row.get_root(document, comm)
+
+    tm1, tm2 = model.children
+
+    callbacks1 = tm1.js_property_callbacks['change:value']
+    callbacks2 = tm2.data.js_property_callbacks['change:value']
+    assert len(callbacks1) == 1
+    assert len(callbacks2) == 1
+
+    link1_customjs = callbacks1[0]
+    link2_customjs = callbacks2[0]
+
+    assert link1_customjs.args['source'] is tm1
+    assert link2_customjs.args['source'] is tm2.data
+    assert link1_customjs.args['target'] is tm2.data
+    assert link2_customjs.args['target'] is tm1
+
+    row[:] = row[::-1]
+
+    assert len(callbacks1) == 1
+    assert len(callbacks2) == 1
 
 def test_widget_link_source_param_not_found():
     t1 = TextInput()
diff --git a/panel/tests/test_reactive.py b/panel/tests/test_reactive.py
index f3d9755705..e8556bc133 100644
--- a/panel/tests/test_reactive.py
+++ b/panel/tests/test_reactive.py
@@ -383,6 +383,17 @@ def test_property_change_does_not_boomerang(document, comm):
     assert model.value == 'B'
     assert text_input.value == 'C'
 
+def test_in_process_change_event_cleaned_up(document, comm):
+    checkbox = Checkbox(value=True)
+
+    model = checkbox.get_root(document, comm)
+    assert model.ref['id'] in checkbox._models
+
+    with set_curdoc(document):
+        checkbox._process_events({'active': True})
+
+    assert document not in checkbox._in_process__events
+
 def test_reactive_html_basic():
 
     class Test(ReactiveHTML):
diff --git a/panel/tests/ui/io/test_notifications.py b/panel/tests/ui/io/test_notifications.py
index ac532c309f..c08c948bcf 100644
--- a/panel/tests/ui/io/test_notifications.py
+++ b/panel/tests/ui/io/test_notifications.py
@@ -30,6 +30,26 @@ def app():
     expect(page.locator('.notyf__message')).to_have_text('MyError')
 
 
+def test_notifications_multiple(page):
+    def callback(event):
+        state.notifications.error('MyError')
+        state.notifications.error('MyError2')
+
+    def app():
+        config.notifications = True
+        button = Button(name='Display error')
+        button.on_click(callback)
+        return button
+
+    serve_component(page, app)
+
+    page.click('.bk-btn')
+
+    expect(page.locator('.notyf__message')).to_have_count(2)
+    expect(page.locator('.notyf__message').nth(0)).to_have_text('MyError')
+    expect(page.locator('.notyf__message').nth(1)).to_have_text('MyError2')
+
+
 def test_notifications_with_template(page):
     def callback(event):
         state.notifications.error('MyError')
diff --git a/panel/tests/ui/io/test_server.py b/panel/tests/ui/io/test_server.py
index 357c09bded..43f030aa94 100644
--- a/panel/tests/ui/io/test_server.py
+++ b/panel/tests/ui/io/test_server.py
@@ -11,6 +11,41 @@
 pytestmark = pytest.mark.ui
 
 
+@pytest.mark.parametrize('prefix', ['', '/prefix/'])
+def test_server_index_redirect(page, prefix):
+    serve_component(page, '### App', prefix=prefix, suffix=prefix)
+
+    expect(page.locator("h3")).to_have_text('App')
+
+@pytest.mark.parametrize('prefix', ['', '/prefix/'])
+def test_server_index_redirect_via_proxy(page, prefix, reverse_proxy):
+    port, proxy = reverse_proxy
+    serve_component(page, '### App', prefix=prefix, suffix=f"/proxy{prefix or '/'}", port=port, proxy=proxy)
+
+    expect(page.locator("h3")).to_have_text('App')
+
+@pytest.mark.parametrize('prefix', ['', '/prefix/'])
+def test_server_index_page_links(page, prefix):
+    serve_component(page, {'app1': '### App1', 'app2': '### App2'}, prefix=prefix, suffix=prefix, wait=False)
+
+    card = page.locator('.card-link').nth(0)
+    expect(card).to_be_attached()
+    card.click()
+
+    expect(page.locator("h3")).to_have_text('App1')
+
+@pytest.mark.parametrize('prefix', ['', '/prefix/'])
+def test_server_index_page_links_via_proxy(page, prefix, reverse_proxy):
+    port, proxy = reverse_proxy
+    serve_component(page, {'app1': '### App1', 'app2': '### App2'}, prefix=prefix, suffix=f"/proxy{prefix or '/'}", port=port, proxy=proxy, wait=False)
+
+    card = page.locator('.card-link').nth(0)
+    expect(card).to_be_attached()
+    card.click()
+
+    expect(page.locator("h3")).to_have_text('App1')
+
+
 def test_server_reuse_sessions(page, reuse_sessions):
     def app(counts=[0]):
         content = f'### Count {counts[0]}'
diff --git a/panel/tests/ui/layout/test_column.py b/panel/tests/ui/layout/test_column.py
index ce8ba6b129..8072346719 100644
--- a/panel/tests/ui/layout/test_column.py
+++ b/panel/tests/ui/layout/test_column.py
@@ -6,6 +6,7 @@
 
 from panel.layout.base import _SCROLL_MAPPING, Column
 from panel.layout.spacer import Spacer
+from panel.pane.markup import Markdown
 from panel.tests.util import serve_component, wait_until
 
 pytestmark = pytest.mark.ui
@@ -201,6 +202,7 @@ def test_column_scroll_position_init(page):
 
     # assert scroll position can be used to initialize scroll location
     column = page.locator('.bk-panel-models-layout-Column')
+    expect(column).to_be_attached()
     expect(column).to_have_js_property('scrollTop', 100)
 
 
@@ -238,7 +240,6 @@ def test_column_scroll_position_param_updated(page):
     expect(column).to_have_js_property('scrollTop', 175)
 
 
-@pytest.mark.flaky(reruns=3)
 def test_column_scroll_to(page):
     col = Column(
         *list(range(100)),
@@ -257,12 +258,109 @@ def test_column_scroll_to(page):
 
     # scroll to 50
     col.scroll_to(50)
+    page.wait_for_timeout(200)
     expect(column_el).to_have_js_property('scrollTop', 1362)
 
     # scroll away using mouse wheel
     column_el.evaluate('(el) => el.scrollTo({top: 1000})')
+    page.wait_for_timeout(200)
     expect(column_el).to_have_js_property('scrollTop', 1000)
 
     # scroll to 50 again
     col.scroll_to(50)
+    page.wait_for_timeout(200)
     expect(column_el).to_have_js_property('scrollTop', 1362)
+
+
+def test_column_reordering(page):
+    objects = [Markdown(str(i)) for i in range(10)]
+    col = Column(*objects, height=300, sizing_mode="fixed")
+    serve_component(page, col)
+
+    # Check initial order
+    items = page.locator(".markdown")
+    expect(items).to_have_count(10)
+    for i in range(10):
+        expect(items.nth(i)).to_have_text(str(i))
+
+    # Test reordering by reversing
+    col[:] = list(reversed(objects))
+    items = page.locator(".markdown")
+    for i in range(10):
+        expect(items.nth(i)).to_have_text(str(9-i))
+
+    # Test reordering by moving first item to end
+    first = objects[0]
+    col.objects = objects[1:] + [first]
+    items = page.locator(".markdown")
+    for i in range(9):
+        expect(items.nth(i)).to_have_text(str(i+1))
+    expect(items.nth(9)).to_have_text("0")
+
+    # Test removing items
+    col.objects = objects[:5]
+    items = page.locator(".markdown")
+    expect(items).to_have_count(5)
+    for i in range(5):
+        expect(items.nth(i)).to_have_text(str(i))
+
+    # Test inserting items
+    col.objects = objects[:3] + [Markdown("new")] + objects[3:5]
+    items = page.locator(".markdown")
+    expect(items).to_have_count(6)
+    for i in range(3):
+        expect(items.nth(i)).to_have_text(str(i))
+    expect(items.nth(3)).to_have_text("new")
+    expect(items.nth(4)).to_have_text("3")
+    expect(items.nth(5)).to_have_text("4")
+
+    # Test clearing all items
+    col.objects = []
+    items = page.locator(".markdown")
+    expect(items).to_have_count(0)
+
+    # Test adding items back
+    col.objects = objects[:3]
+    items = page.locator(".markdown")
+    expect(items).to_have_count(3)
+    for i in range(3):
+        expect(items.nth(i)).to_have_text(str(i))
+
+def test_column_dynamic_updates(page):
+    objects = [Markdown(str(i)) for i in range(5)]
+    col = Column(*objects, height=300, sizing_mode="fixed")
+    serve_component(page, col)
+
+    items = page.locator(".markdown")
+    expect(items).to_have_count(5)
+
+    # Test append
+    col.append(Markdown("new"))
+    items = page.locator(".markdown")
+    expect(items).to_have_count(6)
+    expect(items.nth(5)).to_have_text("new")
+
+    # Test extend
+    col.extend([Markdown("a"), Markdown("b")])
+    items = page.locator(".markdown")
+    expect(items).to_have_count(8)
+    expect(items.nth(6)).to_have_text("a")
+    expect(items.nth(7)).to_have_text("b")
+
+    # Test insert
+    col.insert(2, Markdown("inserted"))
+    items = page.locator(".markdown")
+    expect(items).to_have_count(9)
+    expect(items.nth(2)).to_have_text("inserted")
+
+    # Test pop
+    col.pop(2)
+    items = page.locator(".markdown")
+    expect(items).to_have_count(8)
+    expect(items.nth(2)).to_have_text("2")
+
+    # Test remove
+    col.remove(objects[0])
+    items = page.locator(".markdown")
+    expect(items).to_have_count(7)
+    expect(items.nth(0)).to_have_text("1")
diff --git a/panel/tests/ui/layout/test_feed.py b/panel/tests/ui/layout/test_feed.py
index 4e6e6fe1ff..73f9176a58 100644
--- a/panel/tests/ui/layout/test_feed.py
+++ b/panel/tests/ui/layout/test_feed.py
@@ -8,7 +8,7 @@
 from panel.layout.spacer import Spacer
 from panel.tests.util import serve_component, wait_until
 
-pytestmark = [pytest.mark.ui, pytest.mark.flaky(max_runs=3)]
+pytestmark = [pytest.mark.ui, pytest.mark.flaky(max_runs=3, reruns_delay=2)]
 
 ITEMS = 100  # 1000 items make the CI flaky
 
@@ -40,6 +40,7 @@ def test_feed_view_latest(page):
     serve_component(page, feed)
 
     feed_el = page.locator(".bk-panel-models-feed-Feed")
+    expect(feed_el).to_be_attached()
 
     bbox = feed_el.bounding_box()
     assert bbox["height"] == 250
@@ -49,7 +50,10 @@ def test_feed_view_latest(page):
     # Assert scroll is not at 0 (view_latest)
     wait_until(lambda: feed_el.evaluate('(el) => el.scrollTop') > 0, page)
 
-    wait_until(lambda: int(page.locator('pre').last.inner_text() or 0) > 0.9 * ITEMS, page)
+    def test():
+        assert int(page.locator('pre').last.inner_text() or 0) > 0.9 * ITEMS
+
+    wait_until(test, page)
 
 
 def test_feed_view_scroll_to_latest(page):
@@ -57,6 +61,7 @@ def test_feed_view_scroll_to_latest(page):
     serve_component(page, feed)
 
     feed_el = page.locator(".bk-panel-models-feed-Feed")
+    expect(feed_el).to_be_attached()
 
     bbox = feed_el.bounding_box()
     assert bbox["height"] == 250
@@ -68,7 +73,10 @@ def test_feed_view_scroll_to_latest(page):
 
     feed.scroll_to_latest()
 
-    wait_until(lambda: int(page.locator('pre').last.inner_text() or 0) > 0.9 * ITEMS, page)
+    def test():
+        assert int(page.locator('pre').last.inner_text() or 0) > 0.9 * ITEMS
+
+    wait_until(test, page)
 
 
 def test_feed_scroll_to_latest_disabled_when_limit_zero(page):
@@ -77,10 +85,15 @@ def test_feed_scroll_to_latest_disabled_when_limit_zero(page):
     serve_component(page, feed)
 
     feed_el = page.locator(".bk-panel-models-feed-Feed")
+    expect(feed_el).to_be_attached()
+    page.wait_for_timeout(200)
     initial_scroll = feed_el.evaluate('(el) => el.scrollTop')
 
     # Try to scroll to latest
     feed.scroll_to_latest(scroll_limit=0)
+    # FIXME: Tests fails when we set timeout
+    # which is likely a bug
+    # page.wait_for_timeout(200)
 
     # Verify scroll position hasn't changed
     final_scroll = feed_el.evaluate('(el) => el.scrollTop')
@@ -112,8 +125,10 @@ def test_feed_scroll_to_latest_within_limit(page):
     expect(feed_el).to_have_js_property('scrollTop', 0)
 
     feed.scroll_to_latest(scroll_limit=100)
+    page.wait_for_timeout(200)
 
     feed.append(Spacer(styles=dict(background='yellow'), width=200, height=200))
+    page.wait_for_timeout(200)
 
     # assert scroll location is still at top
     expect(feed_el.locator('div')).to_have_count(5)
@@ -160,3 +175,26 @@ def test_feed_dynamic_objects(page):
 
     wait_until(lambda: expect(page.locator('pre').first).to_have_text('0'))
     wait_until(lambda: page.locator('pre').count() > 10, page)
+
+
+def test_feed_reset_visible_range(page):
+    feed = Feed(*list(range(ITEMS)), load_buffer=20, height=50, view_latest=True)
+    serve_component(page, feed)
+
+    pre = page.locator('pre')
+    expect(pre.last).to_be_attached()
+    page.wait_for_timeout(500)
+
+    # FIXME: Sometimes the text is 98
+    # expect(pre.last).to_have_text("99")
+    def test():
+        text = pre.last.text_content()
+        assert text in ("98", "99")
+    wait_until(test, page)
+
+    # set objects to 20
+    feed.objects = feed.objects[:20]
+
+    # assert view reset
+    page.wait_for_timeout(500)
+    expect(pre.last).to_have_text("19")
diff --git a/panel/tests/ui/pane/test_plotly.py b/panel/tests/ui/pane/test_plotly.py
index 39fae0bfeb..2acd5648f6 100644
--- a/panel/tests/ui/pane/test_plotly.py
+++ b/panel/tests/ui/pane/test_plotly.py
@@ -177,8 +177,11 @@ def test_plotly_click_data(page, plotly_2d_plot):
 
     # Select and click on points
     for i in range(2):
-        point = page.locator('.js-plotly-plot .plot-container.plotly path.point').nth(i)
-        point.click(force=True)
+        for _ in range(3):
+            # Simulating click is unreliable
+            point = page.locator('.js-plotly-plot .plot-container.plotly path.point').nth(i)
+            point.click(force=True)
+            time.sleep(0.1)
 
         def check_click(i=i):
             assert plotly_2d_plot.click_data == {
@@ -200,10 +203,10 @@ def check_click(i=i):
                 }]
             }
         wait_until(check_click, page)
-        time.sleep(0.2)
 
 
-def test_plotly_click_data_figure_widget(page, plotly_2d_figure_widget):
+# Can't reliably simulate the clicks so disabling
+def _test_plotly_click_data_figure_widget(page, plotly_2d_figure_widget):
     fig = go.FigureWidget(plotly_2d_figure_widget)
     serve_component(page, fig)
 
@@ -217,13 +220,16 @@ def test_plotly_click_data_figure_widget(page, plotly_2d_figure_widget):
 
     # Select and click on points
     for i in range(2):
-        point = page.locator('.js-plotly-plot .plot-container.plotly path.point').nth(i)
-        point.click(force=True)
+        for _ in range(5):
+            # Simulating click is unreliable
+            point = page.locator('.js-plotly-plot .plot-container.plotly path.point').nth(i)
+            point.click(force=True)
+            time.sleep(0.1)
 
         def check_click(i=i):
-            if len(events) < (i+1):
+            if len(events) < ((i+1)*5):
                 return False
-            click_trace, points, device_state = events[i]
+            click_trace, points, device_state = events[-1 if i else 4]
             assert click_trace is trace
             assert points.xs == [0+i]
             assert points.ys == [2+i]
diff --git a/panel/tests/ui/test_auth.py b/panel/tests/ui/test_auth.py
index f5b82b2395..34f1562bce 100644
--- a/panel/tests/ui/test_auth.py
+++ b/panel/tests/ui/test_auth.py
@@ -12,14 +12,13 @@
 from panel.io.state import state
 from panel.pane import Markdown
 from panel.tests.util import (
-    linux_only, run_panel_serve, serve_component, wait_for_port, wait_until,
-    write_file,
+    linux_only, reverse_proxy, run_panel_serve, serve_component, wait_for_port,
+    wait_until, write_file,
 )
 
 pytestmark = pytest.mark.ui
 auth_check = pytest.mark.skipif('PANEL_TEST_AUTH' not in os.environ, reason='PANEL_TEST_AUTH environment variable is required to run this test')
 
-
 @linux_only
 @pytest.mark.parametrize('prefix', ['', 'prefix'])
 def test_basic_auth(py_file, page, prefix):
@@ -42,9 +41,36 @@ def test_basic_auth(py_file, page, prefix):
 
         expect(page.locator('.markdown')).to_have_text('test_user', timeout=10000)
 
+@linux_only
+@pytest.mark.parametrize('prefix', ['', 'prefix'])
+def test_basic_auth_via_proxy(py_file, page, prefix, reverse_proxy):
+    app = "import panel as pn; pn.pane.Markdown(pn.state.user).servable(title='A')"
+    write_file(app, py_file.file)
+
+    app_name = os.path.basename(py_file.name)[:-3]
+
+    port, proxy = reverse_proxy
+    cmd = [
+        "--port", str(port), "--basic-auth", "my_password", "--cookie-secret", "secret", py_file.name,
+        "--root-path", "/proxy/", "--allow-websocket-origin", f"localhost:{proxy}"
+    ]
+    if prefix:
+        app_name = f'{prefix}/{app_name}'
+        cmd += ['--prefix', prefix]
+    with run_panel_serve(cmd) as p:
+        wait_for_port(p.stdout)
+        page.goto(f"http://localhost:{proxy}/proxy/{app_name}")
+        page.locator('input[name="username"]').fill("test_user")
+        page.locator('input[name="password"]').fill("my_password")
+        page.get_by_role("button").click(force=True)
+
+        expect(page.locator('.markdown')).to_have_text('test_user', timeout=10000)
+
 
 @linux_only
 @auth_check
+@pytest.mark.skipif('OKTA_OAUTH_KEY' not in os.environ, reason='OKTA_OAUTH_KEY environment variable is required to run this test')
+@pytest.mark.xdist_group("auth")
 def test_okta_oauth(py_file, page):
     app = "import panel as pn; pn.pane.Markdown(pn.state.user).servable(title='A')"
     write_file(app, py_file.file)
@@ -76,6 +102,8 @@ def test_okta_oauth(py_file, page):
 
 @linux_only
 @auth_check
+@pytest.mark.skipif('AZURE_OAUTH_KEY' not in os.environ, reason='AZURE_OAUTH_KEY environment variable is required to run this test')
+@pytest.mark.xdist_group("auth")
 def test_azure_oauth(py_file, page):
     app = "import panel as pn; pn.pane.Markdown(pn.state.user).servable(title='A')"
     write_file(app, py_file.file)
@@ -110,6 +138,8 @@ def test_azure_oauth(py_file, page):
 
 @linux_only
 @auth_check
+@pytest.mark.skipif('AUTH0_OAUTH_KEY' not in os.environ, reason='AUTH0_OAUTH_KEY environment variable is required to run this test')
+@pytest.mark.xdist_group("auth")
 def test_auth0_oauth(py_file, page):
     app = "import panel as pn; pn.pane.Markdown(pn.state.user).servable(title='A')"
     write_file(app, py_file.file)
@@ -139,6 +169,41 @@ def test_auth0_oauth(py_file, page):
         expect(page.locator('.markdown')).to_have_text(auth0_user, timeout=10000)
 
 
+@linux_only
+@auth_check
+@pytest.mark.skipif('AUTH0_OAUTH_KEY' not in os.environ, reason='AUTH0_OAUTH_KEY environment variable is required to run this test')
+@pytest.mark.xdist_group("auth")
+def test_auth0_oauth_via_proxy(py_file, page):
+    app = "import panel as pn; pn.pane.Markdown(pn.state.user).servable(title='A')"
+    write_file(app, py_file.file)
+
+    proxy = os.environ.get('AUTH0_PORT', '5701')
+    cookie_secret = os.environ['OAUTH_COOKIE_SECRET']
+    encryption_key = os.environ['OAUTH_ENCRYPTION_KEY']
+    oauth_key = os.environ['AUTH0_OAUTH_KEY']
+    oauth_secret = os.environ['AUTH0_OAUTH_SECRET']
+    extra_params = os.environ['AUTH0_OAUTH_EXTRA_PARAMS']
+    auth0_user = os.environ['AUTH0_OAUTH_USER']
+    auth0_password = os.environ['AUTH0_OAUTH_PASSWORD']
+    with reverse_proxy(proxy_port=proxy) as (port, _):
+        cmd = [
+            "--port", port, "--oauth-provider", "auth0", "--oauth-key", oauth_key,
+            "--oauth-secret", oauth_secret, "--cookie-secret", cookie_secret,
+            "--oauth-encryption-key", encryption_key, "--oauth-extra-params", extra_params,
+            "--allow-websocket-origin", f"localhost:{proxy}", "--root-path", "/proxy/",
+            "--oauth-redirect-uri", f"http://localhost:{proxy}/proxy/login",
+            py_file.name
+        ]
+        with run_panel_serve(cmd) as p:
+            port = wait_for_port(p.stdout)
+            page.goto(f"http://localhost:{port}")
+
+            page.locator('input[name="username"]').fill(auth0_user)
+            page.locator('input[name="password"]').fill(auth0_password)
+            page.get_by_role("button", name="Continue", exact=True).click(force=True)
+
+            expect(page.locator('.markdown')).to_have_text(auth0_user, timeout=10000)
+
 @linux_only
 @pytest.mark.parametrize('logout_template', [None, (pathlib.Path(__file__).parent / 'logout.html').absolute()])
 def test_basic_auth_logout(py_file, page, logout_template):
@@ -173,6 +238,45 @@ def test_basic_auth_logout(py_file, page, logout_template):
         assert 'id_token' not in cookies
 
 
+@linux_only
+@pytest.mark.parametrize('logout_template', [None, (pathlib.Path(__file__).parent / 'logout.html').absolute()])
+def test_basic_auth_logout_via_proxy(py_file, page, logout_template, reverse_proxy):
+    app = "import panel as pn; pn.pane.Markdown(pn.state.user).servable(title='A')"
+    write_file(app, py_file.file)
+
+    app_name = os.path.basename(py_file.name)[:-3]
+
+    port, proxy = reverse_proxy
+    cmd = [
+        "--port", str(port), "--basic-auth", "my_password", "--cookie-secret",
+        "secret", py_file.name, "--root-path", "/proxy/", "--allow-websocket-origin",
+        f"localhost:{proxy}"
+    ]
+    if logout_template:
+        cmd += ['--logout-template', str(logout_template)]
+    with run_panel_serve(cmd) as p:
+        wait_for_port(p.stdout)
+        page.goto(f"http://localhost:{proxy}/proxy/{app_name}")
+
+        page.locator('input[name="username"]').fill("test_user")
+        page.locator('input[name="password"]').fill("my_password")
+        page.get_by_role("button").click(force=True)
+
+        expect(page.locator('.markdown')).to_have_text('test_user', timeout=10000)
+
+        cookies = [cookie['name'] for cookie in page.context.cookies()]
+        assert 'user' in cookies
+        assert 'id_token' in cookies
+
+        page.goto(f"http://localhost:{proxy}/proxy/logout")
+
+        assert page.title() == ('Test Logout Page' if logout_template else 'Panel App | Logout')
+
+        cookies = [cookie['name'] for cookie in page.context.cookies()]
+        assert 'user' not in cookies
+        assert 'id_token' not in cookies
+
+
 @linux_only
 def test_authorize_callback_redirect(page):
 
diff --git a/panel/tests/ui/test_custom.py b/panel/tests/ui/test_custom.py
index bc37cf005e..5f931cb390 100644
--- a/panel/tests/ui/test_custom.py
+++ b/panel/tests/ui/test_custom.py
@@ -1,4 +1,6 @@
+import os
 import pathlib
+import time
 
 import param
 import pytest
@@ -23,7 +25,7 @@
 @pytest.fixture(scope="module", autouse=True)
 def set_expect_timeout():
     timeout = expect._timeout
-    expect.set_options(timeout=10_000)
+    expect.set_options(timeout=30_000)
     try:
         yield
     finally:
@@ -71,7 +73,32 @@ class AnyWidgetUpdate(AnyWidgetComponent):
     }
     """
 
-@pytest.mark.parametrize('component', [JSUpdate, ReactUpdate, AnyWidgetUpdate])
+class AnyWidgetReactUpdate(AnyWidgetComponent):
+
+    text = param.String()
+
+    _importmap = {
+        "imports": {
+            "@anywidget/react": "https://esm.sh/@anywidget/react",
+            "react": "https://esm.sh/react",
+        }
+    }
+
+    _esm = """
+    import * as React from "react"
+    import { createRender, useModelState } from "@anywidget/react"
+
+    function H1() {
+      let [text] = useModelState("text")
+      return <h1>{text}</h1>
+    }
+
+    const render = createRender(H1)
+
+    export default { render }
+    """
+
+@pytest.mark.parametrize('component', [JSUpdate, ReactUpdate, AnyWidgetUpdate, AnyWidgetReactUpdate])
 def test_update(page, component):
     example = component(text='Hello World!')
 
@@ -281,6 +308,70 @@ def test_unwatch(page, component):
     expect(page.locator('h2')).to_have_text('Foo!')
 
 
+class Nested(param.Parameterized):
+
+    text = param.String()
+
+
+class JSParent(JSComponent):
+
+    child = param.ClassSelector(class_=Nested)
+
+    _esm = """
+    export function render({ model, el }) {
+      const h1 = document.createElement('h1')
+      h1.textContent = model.child.text
+      const cb = () => {
+        h1.textContent = model.child.text
+      }
+      model.on("change:child.text", cb)
+      el.append(h1)
+    }
+    """
+
+
+class ReactParent(ReactComponent):
+
+    child = param.ClassSelector(class_=Nested)
+
+    _esm = """
+    export function render({ model, el }) {
+      const [text] = model.useState("child.text")
+      return <h1>{text}</h1>
+    }
+    """
+
+
+class AnyWidgetParent(AnyWidgetComponent):
+
+    child = param.ClassSelector(class_=Nested)
+
+    _esm = """
+    export function render({ model, el }) {
+      const h1 = document.createElement('h1')
+      h1.textContent = model.get("child.text")
+      const cb = () => {
+        h1.textContent = model.get("child.text")
+      }
+      model.on("change:child.text", cb)
+      el.append(h1)
+    }
+    """
+
+
+@pytest.mark.parametrize('component', [JSParent, ReactParent, AnyWidgetParent])
+def test_nested_update(page, component):
+    example = component(child=Nested(text='Hello World!'))
+
+    serve_component(page, example)
+
+    expect(page.locator('h1')).to_have_text('Hello World!')
+
+    example.child.text = "Foo!"
+
+    expect(page.locator('h1')).to_have_text('Foo!')
+
+
 class JSInput(JSComponent):
 
     text = param.String()
@@ -297,6 +388,24 @@ class JSInput(JSComponent):
     }
     """
 
+
+class AnyWidgetInput(AnyWidgetComponent):
+
+    text = param.String()
+
+    _esm = """
+    export function render({ model, el }) {
+      const inp = document.createElement('input')
+      inp.id = 'input'
+      inp.value = model.get("text")
+      inp.addEventListener('change', (event) => {
+        model.set("text", event.target.value)
+        model.save_changes()
+      })
+      el.append(inp)
+    }
+    """
+
 class ReactInput(ReactComponent):
 
     text = param.String()
@@ -314,7 +423,7 @@ class ReactInput(ReactComponent):
     }
     """
 
-@pytest.mark.parametrize('component', [JSInput, ReactInput])
+@pytest.mark.parametrize('component', [JSInput, ReactInput, AnyWidgetInput])
 def test_gather_input(page, component):
     example = component(text='Hello World!')
 
@@ -331,6 +440,73 @@ def test_gather_input(page, component):
     wait_until(lambda: example.text == 'Foo!', page)
 
 
+class JSNestedInput(JSComponent):
+
+    child = param.ClassSelector(class_=Nested)
+
+    _esm = """
+    export function render({ model }) {
+      const inp = document.createElement('input')
+      inp.id = 'input'
+      inp.value = model.child.text
+      inp.addEventListener('change', (event) => {
+        model.child.text = event.target.value;
+      })
+      return inp
+    }
+    """
+
+class AnyWidgetNestedInput(AnyWidgetComponent):
+
+    child = param.ClassSelector(class_=Nested)
+
+    _esm = """
+    export function render({ model, el }) {
+      const inp = document.createElement('input')
+      inp.id = 'input'
+      inp.value = model.get("child.text")
+      inp.addEventListener('change', (event) => {
+        model.set("child.text", event.target.value)
+        model.save_changes()
+      })
+      el.append(inp)
+    }
+    """
+
+class ReactNestedInput(ReactComponent):
+
+    child = param.ClassSelector(class_=Nested)
+
+    _esm = """
+    export function render({ model }) {
+      const [text, setText ] = model.useState("child.text")
+      return (
+        <input
+          id="input"
+          value={text}
+          onChange={e => setText(e.target.value)}
+        />
+      )
+    }
+    """
+
+@pytest.mark.parametrize('component', [JSNestedInput, ReactNestedInput, AnyWidgetNestedInput])
+def test_gather_nested_input(page, component):
+    example = component(child=Nested(text='Hello World!'))
+
+    serve_component(page, example)
+
+    inp = page.locator('#input')
+
+    inp.click()
+    for _ in example.child.text:
+        inp.press('Backspace')
+    inp.press_sequentially('Foo!')
+    inp.press('Enter')
+
+    wait_until(lambda: example.child.text == 'Foo!', page)
+
+
 class JSSendEvent(JSComponent):
 
     clicks = param.Integer(default=0)
@@ -451,12 +627,14 @@ def test_child(page, component):
     example = component(child='A Markdown pane!')
 
     serve_component(page, example)
+    button = page.locator('button')
+    expect(button).to_be_attached()
 
-    expect(page.locator('button')).to_have_text('A Markdown pane!')
+    expect(button).to_have_text('A Markdown pane!')
 
     example.child = 'A different Markdown pane!'
 
-    expect(page.locator('button')).to_have_text('A different Markdown pane!')
+    expect(button).to_have_text('A different Markdown pane!')
 
     wait_until(lambda: example.render_count == (2 if component is JSChild else 1), page)
 
@@ -504,12 +682,14 @@ def test_children(page, component):
     example = component(objects=['A Markdown pane!'])
 
     serve_component(page, example)
+    container = page.locator('#container')
+    expect(container).to_be_attached()
 
-    expect(page.locator('#container')).to_have_text('A Markdown pane!')
+    expect(container).to_have_text('A Markdown pane!')
 
     example.objects = ['A different Markdown pane!']
 
-    expect(page.locator('#container')).to_have_text('A different Markdown pane!')
+    expect(container).to_have_text('A different Markdown pane!')
 
     example.objects = ['<div class="foo">1</div>', '<div class="foo">2</div>']
 
@@ -518,20 +698,22 @@ def test_children(page, component):
 
     page.wait_for_timeout(400)
 
-    assert example.render_count == (3 if issubclass(component, JSChildren) else 2)
+    assert example.render_count == (3 if issubclass(component, (JSChildren, ReactChildren)) else 2)
 
 @pytest.mark.parametrize('component', [JSChildren, JSChildrenNoReturn, ReactChildren])
 def test_children_add_and_remove_without_error(page, component):
     example = component(objects=['A Markdown pane!'])
 
     msgs, _ = serve_component(page, example)
+    container = page.locator('#container')
+    expect(container).to_be_attached()
 
-    expect(page.locator('#container')).to_have_text('A Markdown pane!')
+    expect(container).to_have_text('A Markdown pane!')
 
     example.append('A different Markdown pane!')
     example.pop(-1)
 
-    expect(page.locator('#container')).to_have_text('A Markdown pane!')
+    expect(container).to_have_text('A Markdown pane!')
 
     expect(page.locator('.markdown')).to_have_count(1)
 
@@ -588,13 +770,14 @@ def test_children_append_without_rerender(page, component):
   return <h1>bar</h1>
 }"""
 
-@pytest.mark.parametrize('component,before,after', [
+@pytest.mark.parametrize(['component', 'before', 'after'], [
     (JSComponent, JS_CODE_BEFORE, JS_CODE_AFTER),
     (ReactChildren, REACT_CODE_BEFORE, REACT_CODE_AFTER),
-])
+], ids=["JSComponent", "ReactChildren"])
 def test_reload(page, js_file, component, before, after):
     js_file.file.write(before)
     js_file.file.flush()
+    os.fsync(js_file.file.fileno())
     js_file.file.seek(0)
 
     class CustomReload(component):
@@ -604,15 +787,20 @@ class CustomReload(component):
 
     with config.set(autoreload=True):
         serve_component(page, example)
+        h1 = page.locator("h1")
+        expect(h1).to_be_attached()
 
-        expect(page.locator('h1')).to_have_text('foo')
+        expect(h1).to_have_text('foo')
 
         js_file.file.write(after)
         js_file.file.flush()
+        os.fsync(js_file.file.fileno())
         js_file.file.seek(0)
+        while not pathlib.Path(js_file.name).exists():
+            time.sleep(0.1)
         example._update_esm()
 
-        expect(page.locator('h1')).to_have_text('bar')
+        expect(h1).to_have_text('bar')
 
 
 def test_anywidget_custom_event(page):
diff --git a/panel/tests/ui/widgets/test_tabulator.py b/panel/tests/ui/widgets/test_tabulator.py
index 869aaeac1a..f5fd422cda 100644
--- a/panel/tests/ui/widgets/test_tabulator.py
+++ b/panel/tests/ui/widgets/test_tabulator.py
@@ -574,10 +574,10 @@ def test_tabulator_editors_panel_date(page, df_mixed):
     cell_edit = page.locator('input[type="date"]')
     new_date = "1980-01-01"
     cell_edit.fill(new_date)
-    page.wait_for_timeout(100)
     # Need to Enter to validate the change
     page.locator('input[type="date"]').press('Enter')
     expect(page.locator(f'text="{new_date}"')).to_have_count(1)
+    page.wait_for_timeout(200)
     new_date = dt.datetime.strptime(new_date, '%Y-%m-%d').date()
     assert new_date in widget.value['date'].tolist()
 
@@ -586,10 +586,10 @@ def test_tabulator_editors_panel_date(page, df_mixed):
     cell_edit = page.locator('input[type="date"]')
     new_date2 = "1990-01-01"
     cell_edit.fill(new_date2)
-    page.wait_for_timeout(100)
     # Escape invalidates the change
     page.locator('input[type="date"]').press('Escape')
     expect(page.locator(f'text="{new_date2}"')).to_have_count(0)
+    page.wait_for_timeout(200)
     new_date2 = dt.datetime.strptime(new_date2, '%Y-%m-%d').date()
     assert new_date2 not in widget.value['date'].tolist()
 
@@ -1067,6 +1067,7 @@ def test_tabulator_frozen_rows(page):
     assert Y_bb == page.locator('text="Y"').bounding_box()
 
 
+@pytest.mark.flaky(reruns=3, reruns_delays=2)
 def test_tabulator_patch_no_horizontal_rescroll(page, df_mixed):
     widths = 100
     width = int(((df_mixed.shape[1] + 1) * widths) / 2)
@@ -1076,9 +1077,10 @@ def test_tabulator_patch_no_horizontal_rescroll(page, df_mixed):
     serve_component(page, widget)
 
     cell = page.locator('text="target"')
+    expect(cell).to_be_attached()
+
     # Scroll to the right
     cell.scroll_into_view_if_needed()
-    page.wait_for_timeout(200)
     bb = page.locator('text="tomodify"').bounding_box()
     # Patch a cell in the latest column
     widget.patch({'tomodify': [(0, 'target-modified')]}, as_index=False)
@@ -1577,6 +1579,35 @@ def test_tabulator_selection_on_multi_index(page, pagination):
     wait_until(lambda: widget.selection == [0, 16], page)
 
 
+def test_tabulator_selection_add_filter(page):
+    # https://github.com/holoviz/panel/issues/7505
+    df = pd.DataFrame(
+        {"col": ["a", "aa", "b", "bb", "bbb"]},
+        index=["idx0", "idx1", "idx2", "idx3", "idx4"],
+    )
+    w_col = Select(value="b", options=["a", "b"])
+    widget = Tabulator(df, selectable=1)
+
+    def f(df, pattern):
+        return df[df['col'].str.contains(pattern)]
+
+    widget.add_filter(bind(f, pattern=w_col))
+
+    serve_component(page, widget)
+
+    # Click on the first row of the index column to select the row
+    rows = page.locator('.tabulator-row')
+    c0 = page.locator('text="idx2"')
+    c0.wait_for()
+    c0.click()
+    wait_until(lambda: widget.selection == [2], page)
+    assert 'tabulator-selected' in rows.first.get_attribute('class')
+    for i in range(1, rows.count()):
+        assert 'tabulator-selected' not in rows.nth(i).get_attribute('class')
+    expected_selected = df.loc[['idx2'], :]
+    assert widget.selected_dataframe.equals(expected_selected)
+
+
 @pytest.mark.parametrize('embed_content', [False, True])
 def test_tabulator_row_content(page, df_mixed, embed_content):
     widget = Tabulator(
@@ -2408,7 +2439,11 @@ def edit(e):
     editable_cell.fill("120")
     editable_cell.press('Enter')
 
-    wait_until(lambda: table.value.iloc[7, 0] == 10, page)
+    def test():
+        assert table.value.shape[0] > 7
+        assert table.value.iloc[7, 0] == 10
+
+    wait_until(test, page)
 
 
 def color_false(val):
@@ -3513,19 +3548,15 @@ def test_tabulator_sorter_default_number(page):
 
     serve_component(page, widget)
     expect(page.locator('.tabulator-cell')).to_have_count(0)
+    page.wait_for_timeout(200)
 
     df2 = pd.DataFrame({'x': [0, 96, 116]})
     widget.value = df2
 
     def x_values():
-        try:
-            table_values = [int(v) for v in tabulator_column_values(page, 'x')]
-        except Exception:
-            return False
-        if table_values:
-            assert table_values == list(df2['x'].sort_values(ascending=False))
-        else:
-            return False
+        table_values = [int(v) for v in tabulator_column_values(page, 'x')]
+        assert table_values == [116, 96, 0]
+
     wait_until(x_values, page)
 
 
@@ -3573,7 +3604,7 @@ def test_tabulator_remote_pagination_auto_page_size_grow(page, df_mixed):
 
 def test_tabulator_remote_pagination_auto_page_size_shrink(page, df_mixed):
     nrows, ncols = df_mixed.shape
-    widget = Tabulator(df_mixed, pagination='remote', initial_page_size=10, height=150)
+    widget = Tabulator(df_mixed, pagination='remote', initial_page_size=10, height=160)
 
     serve_component(page, widget)
 
diff --git a/panel/tests/ui/widgets/test_texteditor.py b/panel/tests/ui/widgets/test_texteditor.py
index d491b84e23..b1711b5748 100644
--- a/panel/tests/ui/widgets/test_texteditor.py
+++ b/panel/tests/ui/widgets/test_texteditor.py
@@ -62,7 +62,7 @@ def test_texteditor_enter_value(page):
     wait_until(lambda: widget.value == '<p>test</p>', page)
 
 
-def test_texteditor_regression_copy_paste(page):
+def test_texteditor_regression_copy_paste(page, browser):
     # https://github.com/holoviz/panel/issues/5545
     widget = TextEditor()
     html = HTML('test')
@@ -77,7 +77,13 @@ def test_texteditor_regression_copy_paste(page):
     page.locator('.ql-editor').press(f'{ctrl_key}+KeyV')
 
     expect(page.locator('.ql-container')).to_have_text('test')
-    wait_until(lambda: widget.value == '<p>test</p>', page)
+    # Quill v2 changed the way copied content is parsed and can preserve
+    # more of the copied html.
+    expected = '<p><span style="color: rgb(33, 37, 41);">test</span></p>'
+    if browser.browser_type.name == 'firefox':
+        # Copy/paste on firefox works a bit differently
+        expected = '<p>test</p>'
+    wait_until(lambda: widget.value == expected, page)
 
 
 def test_texteditor_regression_preserve_formatting_on_view_change(page):
@@ -102,7 +108,10 @@ def update_view(i):
     wait_until(lambda: widget.value == expected, page)
 
     html = page.locator('.ql-editor').inner_html()
-    assert html == expected
+    # inner_html() in Quill v2 not longer contains the semantic HTML but:
+    # <ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>aaa</li>...
+    # We just count the number of closed li tags
+    assert html.count('</li>') == expected.count('</li>')
 
     page.locator('button', has_text='1').click()
     wait_until(lambda: w_radio.value == 1, page)
@@ -111,7 +120,7 @@ def update_view(i):
     wait_until(lambda: w_radio.value == 0, page)
 
     html = page.locator('.ql-editor').inner_html()
-    assert html == expected
+    assert html.count('</li>') == expected.count('</li>')
     wait_until(lambda: widget.value == expected, page)
 
 
@@ -127,3 +136,69 @@ def test_texteditor_regression_click_toolbar_cursor_stays_in_place(page):
     page.locator('.ql-bold').click()
     editor.press('B')
     wait_until(lambda: widget.value == '<p>A</p><p><strong>B</strong></p>', page)
+
+
+def test_texteditor_space(page):
+    # Quill 2.0.3 has &nbsp; instead of white spaces, this tests aims
+    # at preventing us from introducing this weird behavior.
+    # https://github.com/slab/quill/issues/4509
+    text = 'text with space'
+    widget = TextEditor(value=text)
+
+    serve_component(page, widget)
+
+    wait_until(lambda: widget.value == f'<p>{text}</p>', page)
+
+
+def test_texteditor_nested_lists(page):
+    nested_bullets = """
+    <ul>
+    <li>Coffee</li>
+    <li>Tea
+        <ul>
+        <li>Black</li>
+        <li>Green</li>
+        </ul>
+    </li>
+    <li>Milk</li>
+    </ul>
+    """
+
+    widget = TextEditor(value=nested_bullets)
+
+    serve_component(page, widget)
+
+    expected = '<ul><li>Coffee</li><li>Tea<ul><li>Black</li><li>Green</li></ul></li><li>Milk</li></ul>'
+    wait_until(lambda: widget.value == expected, page)
+
+
+def test_texteditor_select_and_style(page):
+    widget = TextEditor(value='<p>xxx</p></br><p>yyy</p>')
+
+    serve_component(page, widget)
+
+    # Select yyy
+    page.get_by_text('yyy').dblclick()
+    # Bold and underline
+    page.locator('.ql-bold').click()
+    page.locator('.ql-underline').click()
+    wait_until(lambda: widget.value == '<p>xxx</p><p></p><p><strong><u>yyy</u></strong></p>', page)
+
+
+def test_texteditor_link(page):
+    widget = TextEditor(value='<p>xxx</p></br><p>yyy</p>')
+
+    serve_component(page, widget)
+
+    # Select yyy
+    page.get_by_text('yyy').dblclick()
+    # Enter and save link
+    page.locator('.ql-link').click()
+    inp = page.locator('input')
+    inp.fill('http://example.com')
+    inp.press('Enter')
+
+    wait_until(
+        lambda: widget.value == '<p>xxx</p><p></p><p><a href="http://example.com" rel="noopener noreferrer" target="_blank">yyy</a></p>',
+        page
+    )
diff --git a/panel/tests/ui/widgets/test_time_picker.py b/panel/tests/ui/widgets/test_time_picker.py
index b8688958ae..e63d7e48f7 100644
--- a/panel/tests/ui/widgets/test_time_picker.py
+++ b/panel/tests/ui/widgets/test_time_picker.py
@@ -29,13 +29,13 @@ def test_time_picker(page):
 
     # test str value change
     time_picker.value = "04:08"
-    wait_until(lambda: time_picker.value == "04:08")
     locator = page.locator("#input")
+    page.wait_for_timeout(200)
     assert locator.get_attribute("value") == "04:08:00"
 
     # test datetime.time value change
     time_picker.value = datetime.time(18, 8)
-    wait_until(lambda: time_picker.value == datetime.time(18, 8))
+    page.wait_for_timeout(200)
     locator = page.locator("#input")
     assert locator.get_attribute("value") == "18:08:00"
 
diff --git a/panel/tests/util.py b/panel/tests/util.py
index 9c58f8249a..dfbf67417f 100644
--- a/panel/tests/util.py
+++ b/panel/tests/util.py
@@ -3,6 +3,7 @@
 import asyncio
 import contextlib
 import http.server
+import json
 import os
 import platform
 import re
@@ -300,6 +301,8 @@ def serve_and_wait(app, page=None, prefix=None, port=None, proxy=None, **kwargs)
         port = port or get_open_ports()[0]
     else:
         serve_app = serve
+    if proxy:
+        kwargs['websocket_origin'] = [f'localhost:{proxy}']
     serve_app(app, port=port or 0, threaded=True, show=False, liveness=True, server_id=server_id, prefix=prefix or "", **kwargs)
     wait_until(lambda: server_id in state._servers, page)
     server = state._servers[server_id][0]
@@ -310,6 +313,8 @@ def serve_and_wait(app, page=None, prefix=None, port=None, proxy=None, **kwargs)
     else:
         port = server.port
     wait_for_server(port, prefix=prefix)
+    if page:
+        page.wait_for_function("document.readyState === 'complete'", timeout=5000)
     return port
 
 serve_and_wait.server_implementation = 'tornado'
@@ -318,11 +323,13 @@ def serve_component(page, app, suffix='', wait=True, **kwargs):
     msgs = []
     page.on("console", lambda msg: msgs.append(msg))
     port = serve_and_wait(app, page, **kwargs)
-    page.goto(f"http://localhost:{port}{suffix}")
+    page.goto(f"http://localhost:{port}{suffix}", wait_until="domcontentloaded")
 
     if wait:
         wait_until(lambda: any("Websocket connection 0 is now open" in str(msg) for msg in msgs), page, interval=10)
 
+    if page and wait:
+        page.wait_for_function("document.readyState === 'complete'", timeout=5000)
     return msgs, port
 
 
@@ -338,7 +345,9 @@ def serve_and_request(app, suffix="", n=1, port=None, proxy=None, **kwargs):
 def wait_for_server(port, prefix=None, timeout=3):
     start = time.time()
     prefix = prefix or ""
-    url = f"http://localhost:{port}{prefix}/liveness"
+    if not prefix.endswith('/'):
+        prefix += '/'
+    url = f"http://localhost:{port}{prefix}liveness"
     while True:
         try:
             if requests.get(url).ok:
@@ -502,28 +511,58 @@ def end_headers(self):
 
 
 @contextlib.contextmanager
-def reverse_proxy():
-    port, proxy_port = get_open_ports(2)
+def reverse_proxy(port=None, proxy_port=None):
+    if port is None and proxy_port is None:
+        port, proxy_port = get_open_ports(2)
+    elif proxy_port is None:
+        proxy_port, = get_open_ports(1)
+    elif port is None:
+        port, = get_open_ports(1)
+    headers = {
+        "request": {
+            "set": {
+                "Connection": ["Upgrade"],
+                "Upgrade": ["websocket"]
+            }
+        }
+    }
     route_config = {
-        "match": [{"path": ["/proxy/*"]}],
+        "match": [
+            {"path": ["/proxy/*"]},
+            {"path_regexp": {
+                "name": "proxy_path",
+                "pattern": "^/proxy/([^/]+)"
+            }}
+        ],
         "handle": [
             {"handler": "rewrite", "strip_path_prefix": "/proxy"},
             {"handler": "reverse_proxy", "upstreams": [{"dial": f"localhost:{port}"}]}
         ]
     }
+    ws_config = {
+        "match": [
+            {"path_regexp": {
+                "name": "ws_path",
+                "pattern": "^/proxy/([^/]+)/ws"
+            }}
+        ],
+        "handle": [
+            {"handler": "rewrite", "strip_path_prefix": "/proxy"},
+            {"handler": "reverse_proxy", "upstreams": [{"dial": f"localhost:{port}"}], "headers": headers}
+        ]
+    }
     proxy_config = {
         "listen": [f":{proxy_port}"],
-        "routes": [route_config]
+        "routes": [route_config, ws_config]
     }
     config = {
         "admin": {"disabled": True},
-        "apps": {"http": {"servers": {"srv0": proxy_config}}}
+        "apps": {"http": {"servers": {"srv0": proxy_config}}},
     }
     process = subprocess.Popen(
         ['caddy', 'run', '--config', '-'],
         stdin=subprocess.PIPE, close_fds=ON_POSIX, text=True
     )
-    import json
     process.stdin.write(json.dumps(config))
     process.stdin.close()
     try:
diff --git a/panel/tests/widgets/test_file_selector.py b/panel/tests/widgets/test_file_selector.py
index 2671f81667..c7605bdbbe 100644
--- a/panel/tests/widgets/test_file_selector.py
+++ b/panel/tests/widgets/test_file_selector.py
@@ -4,18 +4,11 @@
 
 import pytest
 
-try:
-    import s3fs
-except Exception:
-    s3fs = None
-
 from panel.models.widgets import DoubleClickEvent
 from panel.widgets.file_selector import (
     FileSelector, LocalFileProvider, RemoteFileProvider,
 )
 
-s3fs_available = pytest.mark.skipif(s3fs is None, reason='s3fs not available')
-
 FILE_PATH = Path(__file__)
 
 
@@ -35,11 +28,11 @@ def test_dir(tmp_path):
     yield str(test_dir)
 
 @pytest.fixture
-async def s3_filesystem():
-    fs = s3fs.S3FileSystem(anon=True)
+async def fs():
+    pytest.importorskip("fsspec")
+    from fsspec.implementations.local import LocalFileSystem
+    fs = LocalFileSystem()
     yield fs
-    s3 = await fs.get_s3()
-    await s3.close()
 
 def test_local_file_provider_is_dir():
     provider = LocalFileProvider()
@@ -51,20 +44,17 @@ def test_local_file_provider_ls():
     dirs, files = provider.ls(FILE_PATH.parent, '*test_file_selector*')
     assert files == [str(FILE_PATH)]
 
-@s3fs_available
-def test_remote_file_provider_is_dir(s3_filesystem):
-    provider = RemoteFileProvider(fs=s3_filesystem)
-    assert not provider.isdir('s3://datasets.holoviz.org/stocks/v1/stocks.csv')
-    assert provider.isdir('s3://datasets.holoviz.org/stocks/v1/')
-
-@s3fs_available
-def test_remote_file_provider_ls(s3_filesystem):
-    provider = RemoteFileProvider(fs=s3_filesystem)
-    dirs, _ = provider.ls('s3://datasets.holoviz.org/stocks/')
-    assert dirs == ['s3://datasets.holoviz.org/stocks/v1/']
-    _, files = provider.ls('s3://datasets.holoviz.org/stocks/v1')
-    assert files == ['s3://datasets.holoviz.org/stocks/v1/stocks.csv']
+def test_remote_file_provider_is_dir(fs):
+    provider = RemoteFileProvider(fs=fs)
+    provider.sep = os.sep
+    assert not provider.isdir(FILE_PATH)
+    assert provider.isdir(FILE_PATH.parent)
 
+def test_remote_file_provider_ls(fs):
+    provider = RemoteFileProvider(fs=fs)
+    provider.sep = os.sep
+    dirs, files = provider.ls(os.fspath(FILE_PATH.parent), '*test_file_selector*')
+    assert files == [os.fspath(FILE_PATH).replace(os.sep, "/")]
 
 def test_file_selector_init(test_dir):
     selector = FileSelector(test_dir)
diff --git a/panel/tests/widgets/test_tables.py b/panel/tests/widgets/test_tables.py
index 8b3a91fbd1..a0701e2013 100644
--- a/panel/tests/widgets/test_tables.py
+++ b/panel/tests/widgets/test_tables.py
@@ -1,5 +1,7 @@
 import asyncio
 import datetime as dt
+import random
+import string
 
 from zoneinfo import ZoneInfo
 
@@ -315,6 +317,18 @@ def test_tabulator_multi_index(document, comm):
     assert np.array_equal(model.source.data['C'], np.array(['foo1', 'foo2', 'foo3', 'foo4', 'foo5']))
 
 
+def test_tabulator_multi_index_hide_index(document, comm):
+    df = makeMixedDataFrame()
+    table = Tabulator(df.set_index(['A', 'C']), show_index=False)
+
+    model = table.get_root(document, comm)
+
+    assert model.configuration['columns'] == [
+        {'field': 'B', 'sorter': 'number'},
+        {'field': 'D', 'sorter': 'timestamp'}
+    ]
+
+
 def test_tabulator_multi_index_remote_pagination(document, comm):
     df = makeMixedDataFrame()
     table = Tabulator(df.set_index(['A', 'C']), pagination='remote', page_size=3)
@@ -343,7 +357,7 @@ def test_tabulator_multi_index_columns(document, comm):
     # Create a DataFrame with this MultiIndex as columns
     df = pd.DataFrame(np.random.randn(4, 6), columns=multi_index)
 
-    table = Tabulator(df)
+    table = Tabulator(df, show_index=True)
 
     model = table.get_root(document, comm)
 
@@ -368,6 +382,137 @@ def test_tabulator_multi_index_columns(document, comm):
             ]},
         ]}
     ]
+    for field in ("index", "A_one_X", "A_one_Y", "A_two_X", "B_two_Y", "B_three_X", "B_three_Y"):
+        assert field in model.source.data
+
+
+def test_tabulator_multi_index_columns_hide_index(document, comm):
+    level_1 = ['A', 'A', 'A', 'B', 'B', 'B']
+    level_2 = ['one', 'one', 'two', 'two', 'three', 'three']
+    level_3 = ['X', 'Y', 'X', 'Y', 'X', 'Y']
+
+    # Combine these into a MultiIndex
+    multi_index = pd.MultiIndex.from_arrays([level_1, level_2, level_3], names=['Level 1', 'Level 2', 'Level 3'])
+
+    # Create a DataFrame with this MultiIndex as columns
+    df = pd.DataFrame(np.random.randn(4, 6), columns=multi_index)
+
+    table = Tabulator(df, show_index=False)
+
+    model = table.get_root(document, comm)
+
+    assert model.configuration['columns'] == [
+        {'title': 'A', 'columns': [
+            {'title': 'one', 'columns': [
+                {'field': 'A_one_X', 'sorter': 'number'},
+                {'field': 'A_one_Y', 'sorter': 'number'},
+            ]},
+            {'title': 'two', 'columns': [
+                {'field': 'A_two_X', 'sorter': 'number'}
+            ]},
+        ]},
+        {'title': 'B', 'columns': [
+            {'title': 'two', 'columns': [
+                {'field': 'B_two_Y', 'sorter': 'number'},
+            ]},
+            {'title': 'three', 'columns': [
+                {'field': 'B_three_X', 'sorter': 'number'},
+                {'field': 'B_three_Y', 'sorter': 'number'}
+            ]},
+        ]}
+    ]
+    for field in ("A_one_X", "A_one_Y", "A_two_X", "B_two_Y", "B_three_X", "B_three_Y"):
+        assert field in model.source.data
+
+
+def test_tabulator_multi_index_multi_index_columns(document, comm):
+    level_1 = ['A', 'A', 'A', 'B', 'B', 'B']
+    level_2 = ['one', 'one', 'two', 'two', 'three', 'three']
+    level_3 = ['X', 'Y', 'X', 'Y', 'X', 'Y']
+
+    # Combine these into a MultiIndex
+    multi_columns = pd.MultiIndex.from_arrays([level_1, level_2, level_3], names=['Level 1', 'Level 2', 'Level 3'])
+
+    # Create multiIndex
+    numbers = [0, 1, 2]
+    colors = ['green', 'purple']
+    multi_index = pd.MultiIndex.from_product([numbers, colors], names=['number', 'color'])
+
+    # Create a DataFrame with MultiIndex as columns and MultiIndex as index
+    df = pd.DataFrame(np.random.randn(6, 6), index=multi_index, columns=multi_columns)
+
+    table = Tabulator(df, show_index=True)
+
+    model = table.get_root(document, comm)
+
+    assert model.configuration['columns'] == [
+        {'field': 'number__', 'sorter': 'number'},
+        {'field': 'color__'},
+        {'title': 'A', 'columns': [
+            {'title': 'one', 'columns': [
+                {'field': 'A_one_X', 'sorter': 'number'},
+                {'field': 'A_one_Y', 'sorter': 'number'},
+            ]},
+            {'title': 'two', 'columns': [
+                {'field': 'A_two_X', 'sorter': 'number'}
+            ]},
+        ]},
+        {'title': 'B', 'columns': [
+            {'title': 'two', 'columns': [
+                {'field': 'B_two_Y', 'sorter': 'number'},
+            ]},
+            {'title': 'three', 'columns': [
+                {'field': 'B_three_X', 'sorter': 'number'},
+                {'field': 'B_three_Y', 'sorter': 'number'}
+            ]},
+        ]}
+    ]
+    for field in ("number__", "color__", "A_one_X", "A_one_Y", "A_two_X", "B_two_Y", "B_three_X", "B_three_Y"):
+        assert field in model.source.data
+
+
+def test_tabulator_multi_index_multi_index_columns_hide_index(document, comm):
+    level_1 = ['A', 'A', 'A', 'B', 'B', 'B']
+    level_2 = ['one', 'one', 'two', 'two', 'three', 'three']
+    level_3 = ['X', 'Y', 'X', 'Y', 'X', 'Y']
+
+    # Combine these into a MultiIndex
+    multi_columns = pd.MultiIndex.from_arrays([level_1, level_2, level_3], names=['Level 1', 'Level 2', 'Level 3'])
+
+    # Create multiIndex
+    numbers = [0, 1, 2]
+    colors = ['green', 'purple']
+    multi_index = pd.MultiIndex.from_product([numbers, colors], names=['number', 'color'])
+
+    # Create a DataFrame with MultiIndex as columns and MultiIndex as index
+    df = pd.DataFrame(np.random.randn(6, 6), index=multi_index, columns=multi_columns)
+
+    table = Tabulator(df, show_index=False)
+
+    model = table.get_root(document, comm)
+
+    assert model.configuration['columns'] == [
+        {'title': 'A', 'columns': [
+            {'title': 'one', 'columns': [
+                {'field': 'A_one_X', 'sorter': 'number'},
+                {'field': 'A_one_Y', 'sorter': 'number'},
+            ]},
+            {'title': 'two', 'columns': [
+                {'field': 'A_two_X', 'sorter': 'number'}
+            ]},
+        ]},
+        {'title': 'B', 'columns': [
+            {'title': 'two', 'columns': [
+                {'field': 'B_two_Y', 'sorter': 'number'},
+            ]},
+            {'title': 'three', 'columns': [
+                {'field': 'B_three_X', 'sorter': 'number'},
+                {'field': 'B_three_Y', 'sorter': 'number'}
+            ]},
+        ]}
+    ]
+    for field in ("A_one_X", "A_one_Y", "A_two_X", "B_two_Y", "B_three_X", "B_three_Y"):
+        assert field in model.source.data
 
 
 def test_tabulator_expanded_content(document, comm):
@@ -2174,6 +2319,47 @@ def filter_c(df, value):
     for col, values in model.source.data.items():
         np.testing.assert_array_equal(values, expected[col])
 
+def test_tabulator_function_filter_selection(document, comm):
+    # issue https://github.com/holoviz/panel/issues/7695
+    def generate_random_string(min_length=5, max_length=20):
+        length = random.randint(min_length, max_length)
+        return ''.join(random.choices(string.ascii_letters + string.digits, k=length))
+
+    def df_strings():
+        num_strings = 12
+        randomized_descr = [generate_random_string() for _ in range(num_strings)]
+        code = [f'{i:02d}' for i in range(num_strings)]
+        return pd.DataFrame(dict(code=code, descr=randomized_descr))
+
+    df = df_strings()
+    tbl = Tabulator(df)
+
+    descr_filter = TextInput(name='descr', value='')
+
+    def contains_filter(df, pattern=None):
+        if not pattern:
+            return df
+        return df[df.descr.str.contains(pattern, case=False)]
+
+    filter_fn = param.bind(contains_filter, pattern=descr_filter)
+
+    tbl.add_filter(filter_fn)
+
+    model = tbl.get_root(document, comm)
+
+    tbl.selection = [0, 1, 2]
+
+    assert model.source.selected.indices == [0, 1, 2]
+
+    descr_filter.value = df.iloc[5, -1]
+
+    assert model.source.selected.indices == []
+
+    descr_filter.value = ""
+
+    assert model.source.selected.indices == [0, 1, 2]
+
+
 def test_tabulator_function_mask_filter(document, comm):
     df = makeMixedDataFrame()
     table = Tabulator(df)
@@ -2574,6 +2760,39 @@ def test_tabulator_style_background_gradient_with_frozen_columns_left_and_right(
 
     assert list(model.cell_styles['data'][0]) == [1, 6, 4]
 
+@mpl_available
+def test_tabulator_style_background_with_frozen_index(document, comm):
+    df = pd.DataFrame([[1, 2, 3, 4, 5]], columns=list("abcde")).set_index("a")
+    table = Tabulator(df, frozen_columns=["a"])
+    table.style.background_gradient(vmin=0, vmax=1, subset=["c"])
+
+    model = table.get_root(document, comm)
+
+    assert list(model.cell_styles['data'][0]) == [3]
+
+
+@mpl_available
+def test_tabulator_style_background_with_frozen_indexes(document, comm):
+    df = pd.DataFrame([[1, 2, 3, 4, 5]], columns=list("abcde")).set_index(["a", "b"])
+    table = Tabulator(df, frozen_columns=["a", "b"])
+    table.style.background_gradient(vmin=0, vmax=1, subset=["c"])
+
+    model = table.get_root(document, comm)
+
+    assert list(model.cell_styles['data'][0]) == [3]
+
+
+@mpl_available
+def test_tabulator_style_background_with_frozen_index_and_column(document, comm):
+    df = pd.DataFrame([[1, 2, 3, 4, 5]], columns=list("abcde")).set_index(["a", "d"])
+    table = Tabulator(df, frozen_columns=["a", "b"])
+    table.style.background_gradient(vmin=0, vmax=1, subset=["c"])
+
+    model = table.get_root(document, comm)
+
+    assert list(model.cell_styles['data'][0]) == [4]
+
+
 @mpl_available
 def test_tabulator_style_background_gradient(document, comm):
     df = pd.DataFrame(np.random.rand(3, 5), columns=list("ABCDE"))
diff --git a/panel/theme/base.py b/panel/theme/base.py
index bccb7b2f3b..4de019ee9a 100644
--- a/panel/theme/base.py
+++ b/panel/theme/base.py
@@ -18,7 +18,7 @@
     JS_VERSION, ResourceComponent, component_resource_path, get_dist_path,
     resolve_custom_path,
 )
-from ..io.state import state
+from ..io.state import set_curdoc, state
 from ..util import relative_to
 
 if TYPE_CHECKING:
@@ -135,7 +135,13 @@ def _reapply(
                 if (old_models and model in old_models) or model in seen:
                     continue
                 seen.add(model)
-            self._apply_modifiers(o, ref, self.theme, isolated, cache, document)
+            if document:
+                # Theme hook may be applied during callback triggered from a different document
+                # we must set_curdoc to ensure style caches are not shared across documents
+                with set_curdoc(document):
+                    self._apply_modifiers(o, ref, self.theme, isolated, cache, document)
+            else:
+                self._apply_modifiers(o, ref, self.theme, isolated, cache, document)
 
     def _apply_hooks(self, viewable: Viewable, root: Model, changed: Viewable, old_models=None) -> None:
         from ..io.state import state
@@ -163,7 +169,8 @@ def _resolve_stylesheets(cls, value, defining_cls, inherited):
                 stylesheets.extend(inherited)
                 continue
             resolved = resolve_stylesheet(defining_cls, stylesheet, 'modifiers')
-            stylesheets.append(resolved)
+            if resolved not in stylesheets:
+                stylesheets.append(resolved)
         return stylesheets
 
     @classmethod
diff --git a/panel/theme/css/bootstrap.css b/panel/theme/css/bootstrap.css
index 1792eddb85..bcae83cfca 100644
--- a/panel/theme/css/bootstrap.css
+++ b/panel/theme/css/bootstrap.css
@@ -77,9 +77,10 @@
       )
     )
   );
-  --bokeh-base-font: system-ui, -apple-system, 'Segoe UI', Roboto,
-    'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --bokeh-base-font:
+    system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',
+    'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
 }
 
 :host {
@@ -410,8 +411,8 @@ textarea.bk-input {
   --bs-btn-hover-border-color: transparent;
   --bs-btn-hover-color: var(--bs-body-color);
   --bs-btn-hover-bg: var(--bs-body-bg);
-  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
-    0 1px 1px rgba(0, 0, 0, 0.075);
+  --bs-btn-box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
   --bs-btn-disabled-opacity: 0.65;
   --bs-btn-focus-box-shadow: 0 0 0 0.25rem
     rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
@@ -651,8 +652,8 @@ select.bk-input {
   line-height: 1.5;
   color: var(--bs-body-color);
   background-color: var(--bs-form-control-bg);
-  background-image: var(--bs-form-select-bg-img),
-    var(--bs-form-select-bg-icon, none);
+  background-image:
+    var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
   background-size: 16px 12px;
diff --git a/panel/theme/css/bootstrap_dark.css b/panel/theme/css/bootstrap_dark.css
index 197562d676..61cf50f4da 100644
--- a/panel/theme/css/bootstrap_dark.css
+++ b/panel/theme/css/bootstrap_dark.css
@@ -68,11 +68,13 @@
   --bs-black-rgb: 0, 0, 0;
   --bs-body-color-rgb: 33, 37, 41;
   --bs-body-bg-rgb: 255, 255, 255;
-  --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto,
-    'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
-    'Liberation Mono', 'Courier New', monospace;
+  --bs-font-sans-serif:
+    system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',
+    'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+  --bs-font-monospace:
+    SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
   --bs-gradient: linear-gradient(
     180deg,
     rgba(255, 255, 255, 0.15),
diff --git a/panel/theme/css/bootstrap_default.css b/panel/theme/css/bootstrap_default.css
index 8a332abce3..f1c5a2740f 100644
--- a/panel/theme/css/bootstrap_default.css
+++ b/panel/theme/css/bootstrap_default.css
@@ -68,11 +68,13 @@
   --bs-black-rgb: 0, 0, 0;
   --bs-body-color-rgb: 33, 37, 41;
   --bs-body-bg-rgb: 255, 255, 255;
-  --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto,
-    'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
-    'Liberation Mono', 'Courier New', monospace;
+  --bs-font-sans-serif:
+    system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',
+    'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+  --bs-font-monospace:
+    SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
   --bs-gradient: linear-gradient(
     180deg,
     rgba(255, 255, 255, 0.15),
diff --git a/panel/theme/css/fast.css b/panel/theme/css/fast.css
index 2d98b60d60..7304885fe3 100644
--- a/panel/theme/css/fast.css
+++ b/panel/theme/css/fast.css
@@ -450,6 +450,12 @@ input[type='file']:active {
   border: 3px dashed var(--neutral-stroke-active);
 }
 
+/* FileDropper */
+
+.filepond--root {
+  height: auto;
+}
+
 /* Buttons */
 
 .bk-btn {
diff --git a/panel/theme/css/material.css b/panel/theme/css/material.css
index 5bca10494d..d4273c448c 100644
--- a/panel/theme/css/material.css
+++ b/panel/theme/css/material.css
@@ -285,6 +285,28 @@ textarea.bk-input:not([type='file']) {
   border-bottom: 5px solid var(--mdc-theme-on-background);
 }
 
+/* FileDropper */
+
+.bk-input.filepond--root {
+  box-shadow:
+    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
+    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
+  height: auto;
+}
+
+.bk-input.filepond--root:not([disabled]):hover {
+  border: none;
+  box-shadow:
+    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
+    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
+}
+
+.filepond--panel-root {
+  background-color: var(--mdc-theme-surface);
+}
+
 /* Select widgets */
 
 select:not([multiple]).bk-input,
@@ -531,13 +553,29 @@ div .tabulator .tabulator-header .tabulator-col {
   color: var(--mdc-theme-on-surface);
 }
 
+.pnx-tabulator.tabulator
+  .tabulator-tableholder
+  .tabulator-table
+  .tabulator-row {
+  min-height: 35px;
+}
+
+.pnx-tabulator.tabulator
+  .tabulator-tableholder
+  .tabulator-table
+  .tabulator-row
+  .tabulator-cell {
+  min-height: 35px;
+  padding: 6px 10px;
+}
+
 .pnx-tabulator.tabulator
   .tabulator-tableholder
   .tabulator-table
   .tabulator-row.tabulator-selectable:hover {
   background-color: color-mix(
     in srgb,
-    var(--mdc-theme-primary) 25%,
+    var(--mdc-theme-primary) 75%,
     transparent
   );
   color: var(--mdc-theme-on-primary);
@@ -566,6 +604,18 @@ div .tabulator .tabulator-header .tabulator-col {
   color: var(--mdc-theme-on-primary);
 }
 
+.pnx-tabulator.tabulator .tabulator-header {
+  background-color: var(--mdc-theme-surface);
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .pnx-tabulator.tabulator
+    .tabulator-header
+    .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
+    background-color: var(--mdc-theme-surface);
+  }
+}
+
 .tabulator-row .tabulator-cell.tabulator-editing {
   border: 1px solid var(--mdc-theme-on-background);
 }
@@ -574,6 +624,16 @@ div .tabulator .tabulator-header .tabulator-col {
   color: var(--mdc-theme-on-background);
 }
 
+.pnx-tabulator.tabulator .tabulator-footer .tabulator-page:not(disabled):hover {
+  background-color: var(--mdc-theme-primary-lightened);
+  color: var(--mdc-theme-on-background);
+}
+
+.pnx-tabulator.tabulator .tabulator-footer .tabulator-page.active {
+  background-color: var(--mdc-theme-primary);
+  color: var(--mdc-theme-on-primary);
+}
+
 /* Quill editor */
 
 .ql-editor,
diff --git a/panel/theme/fast.py b/panel/theme/fast.py
index b03743bc4b..c4398a968e 100644
--- a/panel/theme/fast.py
+++ b/panel/theme/fast.py
@@ -2,6 +2,8 @@
 
 import pathlib
 
+from collections.abc import Callable
+
 import param
 
 from bokeh.themes import Theme as _BkTheme
@@ -10,7 +12,7 @@
 from ..io.resources import CDN_DIST
 from ..layout import Accordion
 from ..reactive import ReactiveHTML
-from ..viewable import Viewable
+from ..viewable import Child, Viewable
 from ..widgets import Tabulator
 from ..widgets.indicators import Dial, Number, String
 from .base import (
@@ -137,7 +139,7 @@ class FastWrapper(ReactiveHTML):
     using the Fast design system have access to the Fast CSS variables.
     """
 
-    object = param.ClassSelector(class_=Viewable, allow_refs=False)
+    object = Child()
 
     style = param.ClassSelector(class_=FastStyle)
 
@@ -169,6 +171,10 @@ class FastWrapper(ReactiveHTML):
         """
     }
 
+    def select(
+        self, selector: type | Callable[[Viewable], bool] | None = None
+    ) -> list[Viewable]:
+        return [] if self.object is None else self.object.select(selector)
 
 DEFAULT_STYLE = FastStyle()
 
diff --git a/panel/util/parameters.py b/panel/util/parameters.py
index ba2b9153a3..cd6d57acc0 100644
--- a/panel/util/parameters.py
+++ b/panel/util/parameters.py
@@ -68,7 +68,7 @@ def extract_dependencies(function):
             for subp in subps:
                 owner = getattr(owner, subp, None)
                 if owner is None:
-                    raise ValueError('Cannot depend on undefined sub-parameter {p!r}.')
+                    raise ValueError(f'Cannot depend on undefined sub-parameter {p!r}.')
             if p in owner.param:
                 pobj = owner.param[p]
                 if pobj not in params:
diff --git a/panel/viewable.py b/panel/viewable.py
index 956b77fbdd..00d5ea012d 100644
--- a/panel/viewable.py
+++ b/panel/viewable.py
@@ -30,6 +30,7 @@
 
 from bokeh.core.serialization import DeserializationError
 from bokeh.document import Document
+from bokeh.models import UIElement
 from bokeh.resources import Resources
 from jinja2 import Template
 from param import Undefined
@@ -44,9 +45,10 @@
 from .io.loading import start_loading_spinner, stop_loading_spinner
 from .io.model import add_to_doc, patch_cds_msg
 from .io.notebook import (
-    JupyterCommManagerBinary as JupyterCommManager, ipywidget, render_embed,
-    render_mimebundle, render_model,
+    JupyterCommManagerBinary as JupyterCommManager, ipywidget,
+    patch_inline_stylesheets, render_embed, render_mimebundle, render_model,
 )
+from .io.resources import set_resource_mode
 from .io.save import save
 from .io.state import curdoc_locked, set_curdoc, state
 from .util import escape, param_reprs
@@ -104,10 +106,10 @@ class Layoutable(param.Parameterized):
         Minimal height of the component (in pixels) if height is adjustable.""")
 
     max_width = param.Integer(default=None, bounds=(0, None), doc="""
-        Minimal width of the component (in pixels) if width is adjustable.""")
+        Maximum width of the component (in pixels) if width is adjustable.""")
 
     max_height = param.Integer(default=None, bounds=(0, None), doc="""
-        Minimal height of the component (in pixels) if height is adjustable.""")
+        Maximum height of the component (in pixels) if height is adjustable.""")
 
     margin = Margin(default=0, doc="""
         Allows to create additional space around the component. May
@@ -536,7 +538,10 @@ def _render_mimebundle(self, model: Model, doc: Document, comm: Comm, location:
         )
         self._comms[ref] = (comm, client_comm)
         manager.client_comm_id = client_comm.id
-        return render_mimebundle(model, doc, comm, manager, location)
+        return render_mimebundle(
+            model, doc, comm, manager, location,
+            resources='inline' if config.inline else 'cdn'
+        )
 
 
 class Renderable(param.Parameterized, MimeRenderMixin):
@@ -612,6 +617,13 @@ def _preprocess(self, root: Model, changed=None, old_models=None) -> None:
         Panel object that was changed and any old, unchanged models
         so they can be skipped (see https://github.com/holoviz/panel/pull/4989)
         """
+        ref = root.ref['id']
+        if changed is not None and ref in changed._models and ref in state._views:
+            _, _, _, comm = state._views[ref]
+            if comm is not None and config.inline:
+                for model in changed._models[ref][0].select({'type': UIElement}):
+                    patch_inline_stylesheets(model)
+
         changed = self if changed is None else changed
         hooks = self._preprocessing_hooks+self._hooks
         for hook in hooks:
@@ -835,10 +847,19 @@ def _repr_mimebundle_(self, include=None, exclude=None):
 
         doc = Document()
         comm = state._comm_manager.get_server_comm()
-        model = self._render_model(doc, comm)
+
+        resources = 'inline' if config.inline and not state._is_pyodide else 'cdn'
+        with set_resource_mode(resources):
+            model = self._render_model(doc, comm)
         if config.embed:
             return render_model(model)
 
+        if resources == 'inline':
+            for submodel in model.select({'type': UIElement}):
+                if not isinstance(submodel, UIElement):
+                    continue
+                patch_inline_stylesheets(submodel)
+
         bundle, meta = self._render_mimebundle(model, doc, comm, location)
 
         if config.console_output != 'disable' and not state._is_pyodide:
@@ -1244,7 +1265,7 @@ def is_viewable_param(parameter: param.Parameter) -> bool:
     """
     if isinstance(parameter, (Child, Children)):
         return True
-    if isinstance(parameter, param.ClassSelector) and _is_viewable_class_selector(parameter):
+    if isinstance(parameter, param.ClassSelector) and _is_viewable_class_selector(parameter) and parameter.is_instance:
         return True
     if isinstance(parameter, param.List) and _is_viewable_list(parameter):
         return True
diff --git a/panel/widgets/base.py b/panel/widgets/base.py
index a37ab19d9d..d66f237707 100644
--- a/panel/widgets/base.py
+++ b/panel/widgets/base.py
@@ -5,8 +5,6 @@
 """
 from __future__ import annotations
 
-import math
-
 from collections.abc import Callable, Mapping
 from typing import (
     TYPE_CHECKING, Any, ClassVar, TypeVar,
@@ -20,6 +18,7 @@
 from param.parameterized import register_reference_transform
 
 from .._param import Margin
+from ..io.state import state
 from ..layout.base import Row
 from ..reactive import Reactive
 from ..util import unique_iterator
@@ -65,11 +64,7 @@ def from_param(cls: type[T], parameter: param.Parameter, **params) -> T:
         Widget instance linked to the supplied parameter
         """
         from ..param import Param
-        layout = Param(
-            parameter, widgets={parameter.name: dict(type=cls, **params)},
-            display_threshold=-math.inf
-        )
-        return layout[0]
+        return Param.widget(parameter.name, parameter.owner, dict(type=cls, **params))
 
     @classmethod
     def _infer_params(cls, values, **params):
@@ -168,7 +163,7 @@ def _process_param_change(self, params: dict[str, Any]) -> dict[str, Any]:
         if self._widget_type is not None and 'stylesheets' in params:
             css = getattr(self._widget_type, '__css__', [])
             params['stylesheets'] = [
-                ImportedStyleSheet(url=ss) for ss in css
+                ImportedStyleSheet(url=(f'{state.rel_path}/' if state.rel_path else '') + ss) for ss in css
             ] + params['stylesheets']
         if "description" in params:
             description = params["description"]
diff --git a/panel/widgets/codeeditor.py b/panel/widgets/codeeditor.py
index d6a92e0b02..f5027a4672 100644
--- a/panel/widgets/codeeditor.py
+++ b/panel/widgets/codeeditor.py
@@ -39,6 +39,8 @@ class CodeEditor(Widget):
 
     language = param.String(default='text', doc="Language of the editor")
 
+    indent = param.Integer(default=4, doc="The default indent size.")
+
     on_keyup = param.Boolean(default=True, doc="""
         Whether to update the value on every key press or only upon loss of focus / hotkeys.""")
 
@@ -48,7 +50,9 @@ class CodeEditor(Widget):
     readonly = param.Boolean(default=False, doc="""
         Define if editor content can be modified. Alias for disabled.""")
 
-    theme = param.Selector(default="chrome", objects=list(ace_themes), doc="""
+    soft_tabs = param.Boolean(default=False, doc="Whether to use spaces instead of tabs.")
+
+    theme = param.Selector(default="github_light_default", objects=list(ace_themes), doc="""
         If no value is provided, it defaults to the current theme
         set by pn.config.theme, as specified in the
         CodeEditor.THEME_CONFIGURATION dictionary. If not defined there, it
@@ -63,7 +67,7 @@ class CodeEditor(Widget):
 
     _rename: ClassVar[Mapping[str, str | None]] = {"value": "code", "value_input": "code_input", "name": None}
 
-    THEME_CONFIGURATION: ClassVar[dict[str,str]] = {"dark": "chaos"}
+    THEME_CONFIGURATION: ClassVar[dict[str,str]] = {"dark": "github_dark", "default": "github_light_default"}
 
     def __init__(self, **params):
         if 'readonly' in params:
diff --git a/panel/widgets/file_selector.py b/panel/widgets/file_selector.py
index 42f83b11e6..92c6f4ca1a 100644
--- a/panel/widgets/file_selector.py
+++ b/panel/widgets/file_selector.py
@@ -144,9 +144,11 @@ def ls(self, path: str, file_pattern: str = "[!.]*"):
         prefix = ''
         if scheme:= urlparse(path).scheme:
             prefix = f'{scheme}://'
-        dirs = [f"{prefix}{d['name']}/" for d in raw_ls if d['type'] == 'directory' ]
+        dirs_fn = lambda x: f"{prefix}{x}{self.sep}" if ":" not in x else f"{x}{self.sep}"
+        dirs = [dirs_fn(d['name']) for d in raw_ls if d['type'] == 'directory' ]
         raw_glob = self.fs.glob(path+file_pattern, detail=True)
-        files = [f"{prefix}{d['name']}" for d in raw_glob.values() if d['type'] == 'file' ]
+        files_fn = lambda x: f"{prefix}{x}" if ":" not in x else x
+        files = [files_fn(d['name']) for d in raw_glob.values() if d['type'] == 'file' ]
         return dirs, files
 
 
diff --git a/panel/widgets/input.py b/panel/widgets/input.py
index 495a6beb04..ab00e4c90c 100644
--- a/panel/widgets/input.py
+++ b/panel/widgets/input.py
@@ -364,6 +364,13 @@ class FileDropper(Widget):
     multiple = param.Boolean(default=False, doc="""
         Whether to allow uploading multiple files.""")
 
+    previews = param.ListSelector(default=["image", "pdf"],
+        objects=["image", "pdf"], doc="""
+        List of previews to enable in the FileDropper.
+        The following previews are available:
+        - image: Adds support for image previews.
+        - pdf: Adds support for PDF previews.""")
+
     value = param.Dict(default={}, doc="""
         A dictionary containing the uploaded file(s) as bytes or string
         objects indexed by the filename. Files that have a text/* mimetype
@@ -630,6 +637,9 @@ def _convert_date_to_string(v):
 
 class _DatetimePickerBase(Widget):
 
+    allow_input = param.Boolean(default=False, doc="""
+      Enable manual date input in the widget.""")
+
     disabled_dates = param.List(default=None, item_type=(date, str), doc="""
       Dates to make unavailable for selection.""")
 
diff --git a/panel/widgets/select.py b/panel/widgets/select.py
index 6949a34b8a..6a55a2fad6 100644
--- a/panel/widgets/select.py
+++ b/panel/widgets/select.py
@@ -275,7 +275,7 @@ def _validate_options_groups(self, *events):
             )
 
     def _process_param_change(self, msg: dict[str, Any]) -> dict[str, Any]:
-        groups_provided = 'groups' in msg
+        groups_provided = msg.get('groups') is not None
         msg = super()._process_param_change(msg)
         if groups_provided or 'options' in msg and self.groups:
             groups: dict[str, list[str | tuple[str, str]]] = self.groups
diff --git a/panel/widgets/tables.py b/panel/widgets/tables.py
index 5eaad033fa..b0e4419ecc 100644
--- a/panel/widgets/tables.py
+++ b/panel/widgets/tables.py
@@ -228,13 +228,17 @@ def _get_column_definitions(self, col_names: list[str], df: pd.DataFrame) -> lis
             elif col in self.indexes:
                 if len(self.indexes) == 1:
                     data = df.index
+                elif df.index.nlevels == 1:
+                    # Look in the column with the tuple format
+                    index_col = tuple([col[: -(df.columns.nlevels - 1)]] + [""] * (df.columns.nlevels - 1))
+                    data = df[index_col]
                 else:
                     data = df.index.get_level_values(self.indexes.index(col))
 
             if isinstance(data, pd.DataFrame):
                 raise ValueError("DataFrame contains duplicate column names.")
 
-            col_kwargs = {}
+            col_kwargs: dict[str, Any] = {}
             kind = data.dtype.kind
             editor: CellEditor
             formatter: CellFormatter | None = self.formatters.get(col)
@@ -271,7 +275,7 @@ def _get_column_definitions(self, col_names: list[str], df: pd.DataFrame) -> lis
                         date_format = '%Y-%m-%d %H:%M:%S'
                     formatter = DateFormatter(format=date_format, text_align='right')
                 else:
-                    params = {}
+                    params: dict[str, Any] = {}
                     if BOKEH_GE_3_6:
                         params['null_format'] = ''
                     formatter = StringFormatter(**params)
@@ -314,9 +318,11 @@ def _get_column_definitions(self, col_names: list[str], df: pd.DataFrame) -> lis
             elif col in self.indexes and col.startswith('level_'):
                 title = ''
 
+            if formatter:
+                col_kwargs["formatter"] = formatter
+
             column = TableColumn(field=str(col_name), title=title,
-                                 editor=editor, formatter=formatter,
-                                 **col_kwargs)
+                                 editor=editor, **col_kwargs)
             columns.append(column)
         return columns
 
@@ -385,7 +391,7 @@ def _get_model(
         parent: Model | None = None, comm: Comm | None = None
     ) -> Model:
         properties = self._get_properties(doc)
-        model = self._widget_type(**properties)  # type: ignore
+        model = cast(Model, self._widget_type(**properties))  # type: ignore[misc]
         root = root or model
         self._link_props(model.source, ['data'], doc, root, comm)
         self._link_props(model.source.selected, ['indices'], doc, root, comm)
@@ -673,6 +679,7 @@ def _process_df_and_convert_to_cds(self, df: pd.DataFrame) -> tuple[pd.DataFrame
         df = self._filter_dataframe(df, header_filters=False)
         if df is None:
             return [], {}
+        indexes: list[Any]
         if isinstance(self.value.index, pd.MultiIndex):
             indexes = [
                 f'level_{i}' if n is None else n
@@ -681,6 +688,8 @@ def _process_df_and_convert_to_cds(self, df: pd.DataFrame) -> tuple[pd.DataFrame
         else:
             default_index = ('level_0' if 'index' in df.columns else 'index')
             indexes = [df.index.name or default_index]
+        if df.columns.nlevels > 1 and len(indexes) > 1:
+            indexes = [i + "_" * (df.columns.nlevels - 1) for i in indexes]
         data = ColumnDataSource.from_df(df.reset_index() if len(indexes) > 1 else df)
         if not self.show_index and len(indexes) > 1:
             data = {k: v for k, v in data.items() if k not in indexes}
@@ -704,10 +713,13 @@ def indexes(self):
         if self.value is None or not self.show_index:
             return []
         elif isinstance(self.value.index, pd.MultiIndex):
-            return [
+            indexes = [
                 f'level_{i}' if n is None else n
                 for i, n in enumerate(self.value.index.names)
             ]
+            if self.value.columns.nlevels > 1:
+                indexes = [i + "_" * (self.value.columns.nlevels - 1) for i in indexes]
+            return indexes
         default_index = ('level_0' if 'index' in self.value.columns else 'index')
         return [self.value.index.name or default_index]
 
@@ -879,7 +891,7 @@ def patch(self, patch_value, as_index=True):
         if not isinstance(self.value, pd.DataFrame):
             raise ValueError(
                 f"Patching an object of type {type(self.value).__name__} "
-                "is not supported. Please provide a dict."
+                "is not supported. Please provide a DataFrame."
             )
 
         if isinstance(patch_value, pd.DataFrame):
@@ -935,6 +947,8 @@ def current_view(self):
         Returns the current view of the table after filtering and
         sorting are applied.
         """
+        if self.value is None:
+            return
         df = self._processed
         return self._sort_df(df)
 
@@ -943,7 +957,9 @@ def selected_dataframe(self):
         """
         Returns a DataFrame of the currently selected rows.
         """
-        if not self.selection:
+        if self.value is None:
+            return
+        elif not self.selection:
             return self.current_view.iloc[:0]
         df = self.value.iloc[self.selection]
         return self._filter_dataframe(df)
@@ -1517,7 +1533,10 @@ def _get_style_data(self, recompute=True):
         frozen_cols = self.frozen_columns
         column_mapper = {}
         if isinstance(frozen_cols, list):
-            nfrozen = len(frozen_cols)
+            if len(self.indexes) > 1:
+                nfrozen = len(frozen_cols)
+            else:
+                nfrozen = len([col for col in frozen_cols if col not in self.indexes])
             non_frozen = [col for col in df.columns if col not in frozen_cols]
             for i, col in enumerate(df.columns):
                 if col in frozen_cols:
@@ -1711,7 +1730,7 @@ def _update_cds(self, *events):
         super()._update_cds(*events)
         if self.pagination:
             self._update_max_page()
-            self._update_selected()
+        self._update_selected()
         self._update_style(recompute)
         self._update_selectable()
 
@@ -1735,7 +1754,7 @@ def _clear_selection_remote_pagination(self, event):
 
     def _update_selected(self, *events: param.parameterized.Event, indices=None):
         kwargs = {}
-        if self.pagination == 'remote' and self.value is not None:
+        if self.value is not None:
             # Compute integer indexes of the selected rows
             # on the displayed page
             index = self.value.iloc[self.selection].index
@@ -1743,16 +1762,20 @@ def _update_selected(self, *events: param.parameterized.Event, indices=None):
             for ind in index.values:
                 try:
                     iloc = self._processed.index.get_loc(ind)
-                    self._validate_iloc(ind ,iloc)
+                    self._validate_iloc(ind, iloc)
                     indices.append((ind, iloc))
                 except KeyError:
                     continue
-            nrows = self.page_size or self.initial_page_size
-            start = (self.page - 1) * nrows
-            end = start+nrows
-            p_range = self._processed.index[start:end]
-            kwargs['indices'] = [iloc - start for ind, iloc in indices
-                                 if ind in p_range]
+            if self.pagination == 'remote':
+                nrows = self.page_size or self.initial_page_size
+                start = (self.page - 1) * nrows
+                end = start+nrows
+                p_range = self._processed.index[start:end]
+                indices = [iloc - start for ind, iloc in indices
+                           if ind in p_range]
+            else:
+                indices = [iloc for _, iloc in indices]
+            kwargs['indices'] = indices
         super()._update_selected(*events, **kwargs)
 
     def _update_column(self, column: str, array: TDataColumn) -> None:
@@ -2050,24 +2073,23 @@ def _config_columns(self, column_objs: list[TableColumn]) -> Sequence[ColumnSpec
                 col_dict["headerTooltip"] = self.header_tooltips[field]
 
             if isinstance(index, tuple):
-                if columns:
-                    children = columns
+                children = columns
+                last = cast(GroupSpec, children[-1] if len(children) > 0 else {})
+                for group in index[:-1]:
+                    if 'title' in last and last['title'] == group:
+                        new = False
+                        children = last['columns']
+                    else:
+                        new = True
+                        children.append({
+                            'columns': [],
+                            'title': group,
+                        })
                     last = cast(GroupSpec, children[-1])
-                    for group in index[:-1]:
-                        if 'title' in last and last['title'] == group:
-                            new = False
-                            children = last['columns']
-                        else:
-                            new = True
-                            children.append({
-                                'columns': [],
-                                'title': group,
-                            })
-                        last = cast(GroupSpec, children[-1])
-                        if new:
-                            children = last['columns']
-                    children.append(col_dict)
-                    column.title = index[-1]
+                    if new:
+                        children = last['columns']
+                children.append(col_dict)
+                column.title = index[-1]
             elif matching_groups:
                 group = matching_groups[0]
                 if group in groups:
diff --git a/pixi.toml b/pixi.toml
index 0dca08e2ed..8a59d8aa0a 100644
--- a/pixi.toml
+++ b/pixi.toml
@@ -14,9 +14,11 @@ install = 'python -m pip install --no-deps --disable-pip-version-check -e .'
 test-310 = ["py310", "test-core", "test", "example", "test-example", "test-unit-task"]
 test-311 = ["py311", "test-core", "test", "example", "test-example", "test-unit-task"]
 test-312 = ["py312", "test-core", "test", "example", "test-example", "test-unit-task"]
+test-313 = ["py313", "test-core", "test", "example", "test-example", "test-unit-task"]
 test-ui = ["py312", "test-core", "test", "test-ui"]
 test-core = ["py313", "test-core", "test-unit-task"]
-test-minimum = ["py310", "test-core", "test-unit-task", "test-minimum"]
+test-bokeh35 = ["py310", "test-core", "test-unit-task", "bokeh35"]
+test-bokeh36 = ["py310", "test-core", "test-unit-task", "bokeh36"]
 test-type = ["py311", "type", "example", "test"]
 docs = ["py311", "example", "doc"]
 build = ["py311", "build"]
@@ -30,7 +32,7 @@ nomkl = "*"
 pip = "*"
 # Required
 bleach = "*"
-bokeh = ">=3.5.0,<3.7.0"
+bokeh = ">=3.5.0,<3.8.0a0"
 linkify-it-py = "*"
 markdown = "*"
 markdown-it-py = "*"
@@ -78,24 +80,26 @@ dask-expr = "*"
 datashader = "*"
 fastparquet = "*"
 folium = "*"
+fsspec = "*"
 graphviz = "*"
 hvplot = "*"
 ipyleaflet = "*"
 ipympl = "*"
+ipython_genutils = "*"  # 2025-03: https://github.com/widgetti/ipyvolume/pull/446 (interim dependency)
 ipyvolume = "*"
 ipyvuetify = "*"
 ipywidgets = "*"
 ipywidgets_bokeh = "*"
 jupyter_bokeh = ">=3.0.7"
 networkx = ">=2.5"
-pydeck = ">=0.8"
+# pydeck = ">=0.8"  # Add back when it support ipywidgets 8.0
 pyecharts = "*"
 pygraphviz = "*"
 pyinstrument = ">=4.0"
 python-graphviz = "*"
 pyvista = "*"
 reacton = "*"
-s3fs = ">=2023"  # Python 3.9 pull in 0.6.0
+s3fs = "*"
 scikit-image = "*"
 scikit-learn = "*"
 seaborn = "*"
@@ -119,14 +123,11 @@ pytest-github-actions-annotate-failures = "*"
 pytest-rerunfailures = "*"
 pytest-xdist = "*"
 
-[feature.test-minimum.dependencies]
-# Lower pin of required dependencies
+[feature.bokeh35.dependencies]
 bokeh = "3.5.*"
-# numpy = "1.21.*"
-# pandas = "1.3.*"  # Pandas 1.2 is not available for Python 3.10
-# param = "2.1.*"
-# pyviz_comms = "2.0.*"
-# tqdm = "4.48.*"
+
+[feature.bokeh36.dependencies]
+bokeh = "3.6.*"
 
 [feature.test.dependencies]
 # Optional dependencies - recommended
@@ -171,7 +172,7 @@ nbval = "*"
 channels = ["microsoft"]
 
 [feature.test-ui.dependencies]
-playwright = { version = "*", channel = "microsoft" }
+playwright = { version = "!=1.51.0", channel = "microsoft" }  # https://github.com/microsoft/playwright-python/issues/2791
 pytest-playwright = { version = "*", channel = "microsoft" }
 pytest-asyncio = "*"
 jupyter_server = "*"
@@ -217,6 +218,7 @@ lxml = "*"
 nbsite = ">=0.8.6rc9"
 selenium = "*"
 numpydoc = "*"
+pydeck = ">=0.8"  # Add back to examples, when it support ipywidgets 8.0
 
 [feature.doc.tasks]
 _docs-refmanual = 'sphinx-apidoc -e -o doc/api/ panel/ --ext-autodoc --ext-intersphinx'
diff --git a/pyproject.toml b/pyproject.toml
index f3c23341a8..395b2fcfc5 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -3,7 +3,7 @@ requires = [
     "hatchling",
     "hatch-vcs",
     "param >=2.1.0",
-    "bokeh >=3.5.0,<3.7.0",
+    "bokeh >=3.7.0,<3.8.0",
     "pyviz_comms >=0.7.4",
     "requests",
     "packaging",
@@ -48,7 +48,7 @@ classifiers = [
 ]
 
 dependencies = [
-    'bokeh >=3.5.0,<3.7.0',
+    'bokeh >=3.5.0,<3.8.0',
     'param >=2.1.0,<3.0',
     'pyviz_comms >=2.0.0',
     'markdown',
@@ -229,7 +229,18 @@ filterwarnings = [
     "ignore:websockets.legacy is deprecated:DeprecationWarning", # https://github.com/encode/uvicorn/issues/1908
     "ignore:websockets.server.WebSocketServerProtocol is deprecated:DeprecationWarning", # https://github.com/encode/uvicorn/issues/1908
     # 2025-01 `plotly` 6.0 triggers warnings
-    "ignore:\\*scattermapbox\\* is deprecated! Use \\*scattermap\\* instead" # https://github.com/plotly/plotly.py/issues/4997
+    "ignore:\\*scattermapbox\\* is deprecated! Use \\*scattermap\\* instead", # https://github.com/plotly/plotly.py/issues/4997
+    # 2025-06
+    "ignore:Failed to generate report", # OK, CovReportWarning: Failed to generate report: No data to report.
+    "ignore:Couldn't parse", # OK, CoverageWarning: Couldn't parse
+    "ignore:unclosed <socket.socket:ResourceWarning", # Windows Python 3.10 test-example
+]
+
+[tool.coverage.run]
+disable_warnings = [
+    "module-not-imported",
+    "couldnt-parse",
+    "no-data-collected",
 ]
 
 [tool.mypy]
diff --git a/scripts/jupyterlite/extra_packages.json b/scripts/jupyterlite/extra_packages.json
index 40be660e8a..a58ad2ad6a 100644
--- a/scripts/jupyterlite/extra_packages.json
+++ b/scripts/jupyterlite/extra_packages.json
@@ -1,4 +1,3 @@
 [
-  "https://cdn.holoviz.org/panel/wheels/panel-1.5.5-py3-none-any.whl",
-  "pyodide-http"
+  "https://cdn.holoviz.org/panel/wheels/panel-1.5.5-py3-none-any.whl"
 ]
diff --git a/scripts/jupyterlite/package-lock.json b/scripts/jupyterlite/package-lock.json
index 9181738be6..12495d04de 100644
--- a/scripts/jupyterlite/package-lock.json
+++ b/scripts/jupyterlite/package-lock.json
@@ -9,9 +9,10 @@
       }
     },
     "node_modules/pyodide": {
-      "version": "0.27.0",
-      "resolved": "https://registry.npmjs.org/pyodide/-/pyodide-0.27.0.tgz",
-      "integrity": "sha512-0O992noCKqv8lPw4+QFWw8d8yrNWVtQ6zPhWNg/RNYbFohiwmV6SGlVh5fWk/4pOxyhgHbayq+ur8JoR/r5U9A==",
+      "version": "0.27.5",
+      "resolved": "https://registry.npmjs.org/pyodide/-/pyodide-0.27.5.tgz",
+      "integrity": "sha512-nXErpLzEdtQolt+sNQ/5mKuN9XTUwhxR2MRhRhZ6oDRGpYLXrOp5+kkTPGEwK+wn1ZA8+poNmoxKTj2sq/p9og==",
+      "license": "Apache-2.0",
       "dependencies": {
         "ws": "^8.5.0"
       },
@@ -20,9 +21,10 @@
       }
     },
     "node_modules/ws": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
-      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
+      "version": "8.18.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.2.tgz",
+      "integrity": "sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=10.0.0"
       },
diff --git a/scripts/jupyterlite/patch_lock.py b/scripts/jupyterlite/patch_lock.py
index cb083c2873..615bd2515b 100644
--- a/scripts/jupyterlite/patch_lock.py
+++ b/scripts/jupyterlite/patch_lock.py
@@ -17,9 +17,9 @@ def calculate_sha256(file_path):
     return sha256_hash.hexdigest()
 
 
-with open("package.json") as f:
+with open("package-lock.json") as f:
     package = json.load(f)
-pyodide_version = package["dependencies"]["pyodide"].removeprefix("^")
+pyodide_version = package["packages"]["node_modules/pyodide"]["version"]
 
 path = "pyodide-lock.json"
 url = f"https://cdn.jsdelivr.net/pyodide/v{pyodide_version}/full"
@@ -42,6 +42,11 @@ def calculate_sha256(file_path):
     package["sha256"] = calculate_sha256(whl_file)
     package["imports"] = [name]
 
+# Can be removed when micropip 0.9.0 is part of pyodide
+bokeh_req = data["packages"]["bokeh"]["depends"]
+if "narwhals" not in bokeh_req:
+    bokeh_req.append("narwhals")
+
 
 with open(path, "w") as f:
     data = json.dump(data, f)
diff --git a/scripts/verify_build_size.py b/scripts/verify_build_size.py
index b71384d1c9..3822773707 100644
--- a/scripts/verify_build_size.py
+++ b/scripts/verify_build_size.py
@@ -5,8 +5,8 @@
 EXPECTED_SIZES_MB = {
     "conda": 25,
     "npm": 25,
-    "sdist": 30,
-    "whl": 30,
+    "sdist": 31,
+    "whl": 31,
 }
 
 GLOB_PATH = {