Enhance Copilot instructions with comprehensive best practices

Co-authored-by: thomasnordquist <7721625+thomasnordquist@users.noreply.github.com>
Initial plan
2026-09-11 17:13:53 +00:00 · 2025-12-19 20:55:44 +00:00 · 2025-12-19 20:51:53 +00:00 · 2025-12-19 21:46:43 +01:00 · 2025-08-22 21:19:01 +02:00 · 2025-08-21 12:54:21 -07:00
43 changed files with 838 additions and 737 deletions
@@ -0,0 +1,238 @@
+# GitHub Copilot Agent Instructions for MQTT Explorer
+
+## Overview
+
+MQTT Explorer is an Electron-based desktop application for exploring MQTT brokers. It provides a comprehensive UI for connecting to MQTT brokers, browsing topics, and analyzing message flows.
+
+## Technology Stack
+
+- **Frontend**: React 16.x with Material-UI
+- **Backend**: Node.js with TypeScript
+- **Desktop Framework**: Electron 29.x
+- **MQTT Client**: [mqttjs](https://github.com/mqttjs/MQTT.js) v4.x
+- **State Management**: Redux with redux-thunk
+- **Build Tools**: webpack, TypeScript compiler
+- **Testing**: Mocha + Chai for unit tests, Playwright for MCP introspection tests
+
+## Project Setup
+
+### Building and Running
+
+```bash
+# Install dependencies
+yarn install
+
+# Build the project
+yarn build
+
+# Start the application
+yarn start
+
+# Start in development mode
+yarn dev
+```
+
+### Running with MCP Introspection (for testing)
+
+```bash
+# Build first
+yarn build
+
+# Start with MCP introspection enabled
+electron . --enable-mcp-introspection
+
+# Or with custom port
+electron . --enable-mcp-introspection --remote-debugging-port=9223
+```
+
+## Writing Tests
+
+### Requirements for All Tests
+
+1. **Tests MUST be deterministic** - They should produce the same results every time they run
+2. **Tests MUST be independent** - Each test should be able to run in isolation without depending on other tests
+3. **Include screenshots** - Visual verification is required for UI changes
+4. **Handle asynchronous operations properly** - This is an MQTT message queue tool
+
+### Handling MQTT Asynchronous Operations
+
+MQTT is inherently asynchronous. When writing tests:
+
+- **Wait for message propagation**: Use proper wait strategies (e.g., `await page.waitForSelector()`, `await sleep()`)
+- **Don't assume immediate updates**: Messages take time to send, receive, and update the UI
+- **Use event-based waiting**: Wait for specific UI elements or state changes rather than fixed timeouts when possible
+- **Account for network latency**: MQTT broker communication involves network round trips
+
+### Example Test Pattern
+
+```typescript
+// 1. Perform action (e.g., publish message)
+await publishMessage(topic, payload)
+
+// 2. Wait for UI to update (not just arbitrary sleep)
+await page.waitForSelector(`text="${expectedValue}"`, { timeout: 5000 })
+
+// 3. Verify state
+const value = await page.textContent('.message-value')
+expect(value).toBe(expectedValue)
+
+// 4. Take screenshot for verification
+await page.screenshot({ path: 'test-result.png' })
+```
+
+### Running Tests
+
+```bash
+# Run all tests
+yarn test
+
+# Run specific test suites
+yarn test:app
+yarn test:backend
+yarn test:mcp
+
+# Run linters
+yarn lint
+yarn lint:fix
+```
+
+## MCP Introspection Testing
+
+The project supports MCP (Model Context Protocol) for automated testing with Playwright:
+
+- Use `yarn test:mcp` to run automated UI tests
+- Tests launch the app with remote debugging enabled on port 9222
+- Connect to `http://localhost:9222` via Chrome DevTools Protocol
+
+## Project Structure
+
+- `app/` - Frontend React application
+- `backend/` - Backend models, tests, and connection management
+- `src/` - Electron main process and bindings
+- `src/spec/` - Test specifications including MCP introspection tests
+
+## Code Style and Formatting
+
+### Linting
+
+The project uses TSLint with Airbnb config and Prettier for code formatting:
+
+```bash
+# Run all linters
+yarn lint
+
+# Run linters individually
+yarn lint:prettier    # Check Prettier formatting
+yarn lint:tslint      # Check TSLint rules
+yarn lint:spellcheck  # Check spelling in code
+
+# Auto-fix issues
+yarn lint:fix         # Fix TSLint and Prettier issues
+yarn lint:tslint:fix  # Fix TSLint issues only
+yarn lint:prettier:fix # Fix Prettier issues only
+```
+
+### Code Style Rules
+
+- **Semicolons**: Never use semicolons (enforced by TSLint and Prettier)
+- **Quotes**: Single quotes for strings
+- **Indentation**: 2 spaces
+- **Line length**: Maximum 120 characters (Prettier) / 200 characters (TSLint)
+- **Arrow functions**: No parentheses for single parameters (`x => x + 1`)
+- **Trailing commas**: Required for multiline objects and arrays (ES5 compatible)
+
+### TypeScript Guidelines
+
+- Enable strict null checks and no implicit any
+- Use TypeScript interfaces for data structures
+- Prefer `const` over `let`, avoid `var`
+- Use type inference when possible, explicit types when clarity is needed
+
+## Dependency Management
+
+### Adding Dependencies
+
+```bash
+# Add to root project
+yarn add <package-name>
+
+# Add to app (frontend)
+cd app && yarn add <package-name>
+
+# Add to backend
+cd backend && yarn add <package-name>
+
+# Add dev dependencies
+yarn add -D <package-name>
+```
+
+### Important Dependency Notes
+
+- Main dependencies are in the root `package.json`
+- Frontend React app has its own dependencies in `app/package.json`
+- Backend models and logic have dependencies in `backend/package.json`
+- Always use `--frozen-lockfile` in CI to ensure reproducible builds
+- Run `yarn install` after pulling changes that modify `yarn.lock`
+
+## Debugging
+
+### Development Mode
+
+```bash
+# Start with hot reload for frontend
+yarn dev
+
+# This runs two processes in parallel:
+# 1. webpack-dev-server for the React app (port varies)
+# 2. Electron in development mode with the --development flag
+```
+
+### Debugging TypeScript
+
+- Source maps are enabled in `tsconfig.json`
+- Use `ts-node` for running TypeScript files directly
+- Backend tests can be debugged with: `cd backend && yarn test-inspect`
+
+### Common Issues
+
+- **Build fails**: Clear `dist/` and `app/build/` directories, then rebuild
+- **Electron won't start**: Ensure `yarn build` completed successfully
+- **Tests fail**: Check if MQTT broker (mosquitto) is running for integration tests
+- **UI not updating**: In dev mode, ensure webpack-dev-server is running
+
+## Deployment and Packaging
+
+### Creating Releases
+
+```bash
+# Prepare release (updates version, changelog)
+yarn prepare-release
+
+# Package the application for distribution
+yarn package
+
+# Package with Docker (for consistent builds)
+yarn package-with-docker
+```
+
+### Release Workflow
+
+- **Beta releases**: Create PR to `beta` branch with "feat:" or "fix:" commits
+- **Production releases**: Create PR to `release` branch with "feat:" or "fix:" commits
+- Semantic release automatically handles versioning and changelog
+- Builds are created for Windows, macOS, and Linux
+
+### Build Artifacts
+
+- Output directory: `build/`
+- Supported formats: DMG (macOS), EXE/NSIS (Windows), AppImage/Snap (Linux), AppX (Windows Store)
+- Code signing is configured via `res/` directory certificates and provisioning profiles
+
+## Important Notes
+
+- Always run `yarn build` before starting the application
+- The app uses Electron (see `package.json` for version)
+- MQTT communication is handled via [mqttjs](https://github.com/mqttjs/MQTT.js)
+- All code changes should pass linting (`yarn lint`)
+- Node.js version requirement: >= 18
+- The project uses workspace-like structure with separate package.json files for app and backend
@@ -0,0 +1,39 @@
+name: Copilot Agent Setup
+
+on:
+  workflow_call:
+
+jobs:
+  setup:
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+      
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
+      
+      - name: Cache yarn dependencies
+        uses: actions/cache@v4
+        id: yarn-cache
+        with:
+          path: |
+            ${{ steps.yarn-cache-dir-path.outputs.dir }}
+            node_modules
+            app/node_modules
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+      
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+      
+      - name: Build project
+        run: yarn build
@@ -35,4 +35,4 @@ jobs:
      - name: Show URL
        run: echo '${{ steps.upload.outputs.file-url }}'
        id: artifact-upload-step
-      - run: echo '![test](${{ steps.upload.outputs.file-url }})' >> $GITHUB_STEP_SUMMARY
+      - run: echo '<picture><img src="${{ steps.upload.outputs.file-url }}"></picture>' >> $GITHUB_STEP_SUMMARY
@@ -9,3 +9,8 @@ test.png
 .awcache
 .scannerwork
 screen*.png
+
+# MCP introspection artifacts
+mqtt-explorer-mcp-screenshot.png
+screenshot-mcp-*.png
+test-mcp-introspection.js
@@ -1,10 +1,8 @@
-## creative commons
-
-# Attribution-NoDerivatives 4.0 International
+# Creative Commons Attribution-NonCommercial 4.0 International

 Creative Commons Corporation (“Creative Commons”) is not a law firm and does not provide legal services or legal advice. Distribution of Creative Commons public licenses does not create a lawyer-client or other relationship. Creative Commons makes its licenses and related information available on an “as-is” basis. Creative Commons gives no warranties regarding its licenses, any material licensed under their terms and conditions, or any related information. Creative Commons disclaims all liability for damages resulting from their use to the fullest extent possible.

-### Using Creative Commons Public Licenses
+**Using Creative Commons Public Licenses**

 Creative Commons public licenses provide a standard set of terms and conditions that creators and other rights holders may use to share original works of authorship and other material subject to copyright and certain other rights specified in the public license below. The following considerations are for informational purposes only, are not exhaustive, and do not form part of our licenses.

@@ -12,31 +10,35 @@ Creative Commons public licenses provide a standard set of terms and conditions

 * __Considerations for the public:__ By using one of our public licenses, a licensor grants the public permission to use the licensed material under specified terms and conditions. If the licensor’s permission is not necessary for any reason–for example, because of any applicable exception or limitation to copyright–then that use is not regulated by the license. Our licenses grant only permissions under copyright and certain other rights that a licensor has authority to grant. Use of the licensed material may still be restricted for other reasons, including because others have copyright or other rights in the material. A licensor may make special requests, such as asking that all changes be marked or described. Although not required by our licenses, you are encouraged to respect those requests where reasonable. [More considerations for the public](http://wiki.creativecommons.org/Considerations_for_licensors_and_licensees#Considerations_for_licensees).

-## Creative Commons Attribution-NoDerivatives 4.0 International Public License
+## Creative Commons Attribution-NonCommercial 4.0 International Public License

-By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution-NoDerivatives 4.0 International Public License ("Public License"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions.
+By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution-NonCommercial 4.0 International Public License ("Public License"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions.

 ### Section 1 – Definitions.

 a. __Adapted Material__ means material subject to Copyright and Similar Rights that is derived from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged, transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work, performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in timed relation with a moving image.

-b. __Copyright and Similar Rights__ means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights.
+b. __Adapter's License__ means the license You apply to Your Copyright and Similar Rights in Your contributions to Adapted Material in accordance with the terms and conditions of this Public License.

-c. __Effective Technological Measures__ means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements.
+c. __Copyright and Similar Rights__ means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights.

-d. __Exceptions and Limitations__ means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material.
+d. __Effective Technological Measures__ means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements.

-e. __Licensed Material__ means the artistic or literary work, database, or other material to which the Licensor applied this Public License.
+e. __Exceptions and Limitations__ means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material.

-f. __Licensed Rights__ means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license.
+f. __Licensed Material__ means the artistic or literary work, database, or other material to which the Licensor applied this Public License.

-g. __Licensor__ means the individual(s) or entity(ies) granting rights under this Public License.
+g. __Licensed Rights__ means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license.

-h. __Share__ means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them.
+h. __Licensor__ means the individual(s) or entity(ies) granting rights under this Public License.

-i. __Sui Generis Database Rights__ means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world.
+i. __NonCommercial__ means not primarily intended for or directed towards commercial advantage or monetary compensation. For purposes of this Public License, the exchange of the Licensed Material for other material subject to Copyright and Similar Rights by digital file-sharing or similar means is NonCommercial provided there is no payment of monetary compensation in connection with the exchange.

-j. __You__ means the individual or entity exercising the Licensed Rights under this Public License. Your has a corresponding meaning.
+j. __Share__ means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them.
+
+k. __Sui Generis Database Rights__ means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world.
+
+l. __You__ means the individual or entity exercising the Licensed Rights under this Public License. __Your__ has a corresponding meaning.

 ### Section 2 – Scope.

@@ -44,9 +46,9 @@ a. ___License grant.___

   1. Subject to the terms and conditions of this Public License, the Licensor hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to exercise the Licensed Rights in the Licensed Material to:

-       A. reproduce and Share the Licensed Material, in whole or in part; and
+       A. reproduce and Share the Licensed Material, in whole or in part, for NonCommercial purposes only; and

-       B. produce and reproduce, but not Share, Adapted Material.
+       B. produce, reproduce, and Share Adapted Material for NonCommercial purposes only.

   2. __Exceptions and Limitations.__ For the avoidance of doubt, where Exceptions and Limitations apply to Your use, this Public License does not apply, and You do not need to comply with its terms and conditions.

@@ -56,9 +58,9 @@ a. ___License grant.___

   5. __Downstream recipients.__

-       A. __Offer from the Licensor – Licensed Material.__ Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License.
+        A. __Offer from the Licensor – Licensed Material.__ Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License.

-       B. __No downstream restrictions.__ You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material.
+        B. __No downstream restrictions.__ You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material.

   6. __No endorsement.__ Nothing in this Public License constitutes or may be construed as permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution as provided in Section 3(a)(1)(A)(i).

@@ -68,7 +70,7 @@ b. ___Other rights.___

   2. Patent and trademark rights are not licensed under this Public License.

-   3. To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties.
+   3. To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties, including when the Licensed Material is used other than for NonCommercial purposes.

 ### Section 3 – License Conditions.

@@ -76,7 +78,7 @@ Your exercise of the Licensed Rights is expressly made subject to the following

 a. ___Attribution.___

-   1. If You Share the Licensed Material, You must:
+   1. If You Share the Licensed Material (including in modified form), You must:

       A. retain the following if it is supplied by the Licensor with the Licensed Material:

@@ -94,17 +96,17 @@ a. ___Attribution.___

       C. indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI or hyperlink to, this Public License.

-       For the avoidance of doubt, You do not have permission under this Public License to Share Adapted Material.
-
   2. You may satisfy the conditions in Section 3(a)(1) in any reasonable manner based on the medium, means, and context in which You Share the Licensed Material. For example, it may be reasonable to satisfy the conditions by providing a URI or hyperlink to a resource that includes the required information.

   3. If requested by the Licensor, You must remove any of the information required by Section 3(a)(1)(A) to the extent reasonably practicable.

+   4. If You Share Adapted Material You produce, the Adapter's License You apply must not prevent recipients of the Adapted Material from complying with this Public License.
+
 ### Section 4 – Sui Generis Database Rights.

 Where the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material:

-a. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database, provided You do not Share Adapted Material;
+a. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database for NonCommercial purposes only;

 b. if You include all or a substantial portion of the database contents in a database in which You have Sui Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual contents) is Adapted Material; and

@@ -99,7 +99,7 @@ The readme will be generated from the docs.

 ## License

-![CC-BY-ND 4.0](https://img.shields.io/badge/License-CC%20BY--ND%204.0-blue.svg)  
-[CC-BY-ND 4.0](https://creativecommons.org/licenses/by-nd/4.0/)
+![CC-BY-Nc 4.0](https://img.shields.io/badge/License-CC%20BY--NC%204.0-blue.svg)  
+[CC-BY-Nc 4.0](https://creativecommons.org/licenses/by-nC/4.0/)

-The license is a little restrictive to distributing derived work, this may change in the future if the interest arises or more people work on this project.
+The license allows for anyone to adapt, share, and redistribute the material, as long as it is non-commercial.
@@ -47,7 +47,6 @@
    "react-split-pane": "^0.1.85",
    "react-transition-group": "^4",
    "react-vis": "^1.11.6",
-    "react-window": "^1.8.10",
    "redux": "^4.0.1",
    "redux-batched-actions": "0.5",
    "redux-thunk": "^2.3.0",
@@ -66,8 +65,6 @@
    "@types/react-dom": "^16.0.11",
    "@types/react-redux": "^7.0.9",
    "@types/react-resize-detector": "^4.0.1",
-    "@types/react-virtualized": "^9.21.30",
-    "@types/react-window": "^1.8.8",
    "@types/sha1": "^1.1.1",
    "@types/socket.io-client": "^1.4.32",
    "@types/uuid": "^7.0.2",
@@ -83,7 +80,7 @@
    "node-loader": "^0.6.0",
    "source-map-loader": "^0.2.4",
    "style-loader": "^1",
-    "ts-loader": "^9.2.6",
+    "ts-loader": "^9.5.1",
    "typescript": "^4.5.5",
    "webpack": "^5.91.0",
    "webpack-bundle-analyzer": "^4.5.0",
@@ -9,12 +9,11 @@ import {
 import { default as persistentStorage, StorageIdentifier } from '../utils/PersistentStorage'
 import { Dispatch } from 'redux'
 import { showError } from './Global'
-import { promises as fsPromise } from 'fs'
 import * as path from 'path'
 import { ActionTypes, Action } from '../reducers/ConnectionManager'
 import { Subscription } from '../../../backend/src/DataSource/MqttSource'
 import { connectionsMigrator } from './migrations/Connection'
-import { rendererRpc } from '../../../events'
+import { rendererRpc, readFromFile } from '../../../events'
 import { makeOpenDialogRpc } from '../../../events/OpenDialogRequest'

 export interface ConnectionDictionary {
@@ -81,7 +80,7 @@ async function openCertificate(): Promise<CertificateParameters> {
    throw rejectReasons.noCertificateSelected
  }

-  const data = await fsPromise.readFile(selectedFile)
+  const data = await rendererRpc.call(readFromFile, { filePath: selectedFile })
  if (data.length > 16_384 || data.length < 64) {
    throw rejectReasons.certificateSizeDoesNotMatch
  }
@@ -2,7 +2,10 @@ import { Action, ActionTypes } from '../reducers/Publish'
 import { AppState } from '../reducers'
 import { Base64Message } from '../../../backend/src/Model/Base64Message'
 import { Dispatch } from 'redux'
-import { MqttMessage, makePublishEvent, rendererEvents } from '../../../events'
+import { MqttMessage, makePublishEvent, rendererEvents, rendererRpc, readFromFile } from '../../../events'
+import { makeOpenDialogRpc } from '../../../events/OpenDialogRequest'
+import { showError } from './Global'
+import { Base64 } from 'js-base64'

 export const setTopic = (topic?: string): Action => {
  return {
@@ -11,6 +14,49 @@ export const setTopic = (topic?: string): Action => {
  }
 }

+export const openFile = (encoding: 'utf8' = 'utf8') => async (dispatch: Dispatch<any>, getState: () => AppState) => {
+  try {
+    const file = await getFileContent(encoding)
+    if (file) {
+      dispatch(
+        setPayload(file.data))
+    }
+  } catch (error) {
+    dispatch(showError(error))
+  }
+}
+
+type FileParameters = {
+  name: string,
+  data: string
+}
+async function getFileContent(encoding: string): Promise<FileParameters | undefined> {
+  const rejectReasons = {
+    noFileSelected: 'No file selected',
+    errorReadingFile: 'Error reading file'
+  }
+
+  const { canceled, filePaths } = await rendererRpc.call(makeOpenDialogRpc(), {
+    properties: ['openFile'],
+    securityScopedBookmarks: true,
+  })
+
+  if (canceled) {
+    return
+  }
+
+  const selectedFile = filePaths[0]
+  if (!selectedFile) {
+    throw rejectReasons.noFileSelected
+  }
+  try {
+    const data = await rendererRpc.call(readFromFile, { filePath: selectedFile, encoding })
+    return { name: selectedFile, data: data.toString(encoding) }
+  } catch (error) {
+    throw rejectReasons.errorReadingFile
+  }
+}
+
 export const setPayload = (payload?: string): Action => {
  return {
    payload,
@@ -1,5 +1,5 @@
 import Editor from './Editor'
-import FormatAlignLeft from '@material-ui/icons/FormatAlignLeft'
+import { AttachFileOutlined, FormatAlignLeft } from '@material-ui/icons'
 import Message from './Model/Message'
 import Navigation from '@material-ui/icons/Navigation'
 import PublishHistory from './PublishHistory'
@@ -116,6 +116,10 @@ const EditorMode = memo(function EditorMode(props: {
    props.actions.setEditorMode(value)
  }, [])

+  const openFile = useCallback(() => {
+    props.actions.openFile()
+  }, [])
+
  const formatJson = useCallback(() => {
    if (props.payload) {
      try {
@@ -132,6 +136,7 @@ const EditorMode = memo(function EditorMode(props: {
      <div style={{ width: '100%', lineHeight: '64px', textAlign: 'center' }}>
        <EditorModeSelect value={props.editorMode} onChange={updateMode} focusEditor={props.focusEditor} />
        <FormatJsonButton editorMode={props.editorMode} focusEditor={props.focusEditor} formatJson={formatJson} />
+        <OpenFileButton editorMode={props.editorMode} openFile={openFile} />
        <div style={{ float: 'right' }}>
          <PublishButton publish={props.publish} focusEditor={props.focusEditor} />
        </div>
@@ -163,6 +168,20 @@ const FormatJsonButton = React.memo(function FormatJsonButton(props: {
  )
 })

+const OpenFileButton = React.memo(function OpenFileButton(props: { editorMode: string; openFile: () => void }) {
+  return (
+    <Tooltip title="Open file">
+      <Fab
+        style={{ width: '36px', height: '36px', margin: '0 8px' }}
+        onClick={props.openFile}
+        id="sidebar-publish-open-file"
+      >
+        <AttachFileOutlined style={{ fontSize: '20px' }} />
+      </Fab>
+    </Tooltip>
+  )
+})
+
 const PublishButton = memo(function PublishButton(props: { publish: () => void; focusEditor: () => void }) {
  const handleClickPublish = useCallback(
    (e: React.MouseEvent) => {
@@ -1,6 +1,7 @@
 import * as q from '../../../../../backend/src/Model'
 import ActionButtons from './ActionButtons'
 import Copy from '../../helper/Copy'
+import Save from '../../helper/Save'
 import DateFormatter from '../../helper/DateFormatter'
 import MessageHistory from './MessageHistory'
 import Panel from '../Panel'
@@ -59,6 +60,12 @@ function ValuePanel(props: Props) {
    return node?.message && decodeMessage(node.message)?.message?.toUnicodeString()
  }, [node, decodeMessage])

+  const getData = () => {
+    if (node?.message && node.message.payload) {
+      return node.message.payload.base64Message
+    }
+  }
+
  function messageMetaInfo() {
    if (!props.node || !props.node.message) {
      return null
@@ -93,10 +100,13 @@ function ValuePanel(props: Props) {
  const [value] =
    node && node.message && node.message.payload ? node.message.payload?.format(node.type) : [null, undefined]
  const copyValue = value ? <Copy getValue={getDecodedValue} /> : null
+  const saveValue = value ? <Save getData={getData} /> : null

  return (
    <Panel>
-      <span>Value {copyValue}</span>
+      <span>
+        Value {copyValue} {saveValue}
+      </span>
      <span style={{ width: '100%' }}>
        {renderViewOptions()}
        <div style={{ marginBottom: '-8px', marginTop: '8px' }}>
@@ -1,117 +0,0 @@
-import * as q from '../../../../backend/src/Model'
-import React, { MutableRefObject, RefObject, useCallback, useMemo, useRef } from 'react'
-import { FixedSizeList as List, ListOnItemsRenderedProps, ListOnScrollProps } from 'react-window'
-import { AutoSizer } from 'react-virtualized'
-import TreeNode from './TreeNode'
-import { TopicViewModel } from '../../model/TopicViewModel'
-
-class TreeList {
-  tree: q.TreeNode<TopicViewModel>
-
-  constructor(tree: q.TreeNode<TopicViewModel>) {
-    this.tree = tree
-  }
-
-  getVisibleChildAt(index: number): [q.TreeNode<TopicViewModel>, number] | undefined {
-    return this.tree.viewModel?.visibleChildAt(index, 1)
-  }
-
-  get length(): number {
-    return this.tree.viewModel?.visibleChildren() ?? 0
-  }
-}
-
-const InfinitreeComponent: React.FC<{
-  tree: q.TreeNode<TopicViewModel>
-  actions: any
-  selectTopicAction: any
-  settings: any
-  listRef: RefObject<List>
-  lastUpdate: number
-  name: string
-  fixedOnTreeNodeRef: MutableRefObject<q.TreeNode<TopicViewModel> | null>
-}> = ({ tree, actions, settings, listRef, fixedOnTreeNodeRef, name }) => {
-  const list = useMemo(() => new TreeList(tree), [tree])
-  const lastIndex = useRef<number | undefined>(0)
-  const lastScroll = useRef<number>(Date.now())
-  const getKey = useCallback(
-    (index: number) => {
-      let [treeNode] = list.getVisibleChildAt(index) ?? []
-
-      return treeNode?.hash() ?? index.toString()
-    },
-    [list]
-  )
-
-  const afterRender = useCallback(
-    ({ visibleStartIndex }: ListOnItemsRenderedProps) => {
-      if (!visibleStartIndex) {
-        return
-      }
-
-      let [treeNode] = list.getVisibleChildAt(visibleStartIndex) ?? []
-
-      if (treeNode) {
-        fixedOnTreeNodeRef.current = treeNode
-      }
-    },
-    [list]
-  )
-
-  const indexOfItem = fixedOnTreeNodeRef.current?.viewModel?.getIndex()
-
-  if (indexOfItem && lastIndex.current !== indexOfItem && Date.now() - lastScroll.current > 300) {
-    // Kind of dangerous to mutate scroll state directly, useEffect causes glitches
-    indexOfItem && listRef.current?.scrollToItem(indexOfItem, 'start')
-  }
-  lastIndex.current = indexOfItem
-
-  const disableScroll = useCallback((args: ListOnScrollProps) => {
-    if (!args.scrollUpdateWasRequested) {
-      lastScroll.current = Date.now()
-    }
-  }, [])
-
-  return (
-    <AutoSizer>
-      {({ width, height }) => (
-        <List
-          ref={listRef}
-          width={width}
-          height={height}
-          itemSize={20}
-          itemCount={list.length}
-          itemKey={getKey}
-          onItemsRendered={afterRender}
-          onScroll={disableScroll}
-          overscanCount={3}
-        >
-          {({ index, style }) => {
-            let [treeNode, depth = 0] = list.getVisibleChildAt(index) ?? []
-            if (!treeNode) {
-              return null
-            }
-
-            return (
-              <div style={{ ...style, paddingLeft: 12 * (depth - 1) }}>
-                <TreeNode
-                  treeNode={treeNode}
-                  isRoot={index === 0}
-                  doNotRenderSubnodes={true}
-                  name={index === 0 ? name : undefined}
-                  collapsed={false}
-                  settings={settings}
-                  lastUpdate={treeNode.lastUpdate}
-                  actions={actions}
-                  selectTopicAction={actions.selectTopic}
-                />
-              </div>
-            )
-          }}
-        </List>
-      )}
-    </AutoSizer>
-  )
-}
-
-export const Infinitree = InfinitreeComponent
@@ -4,9 +4,9 @@ import { TopicViewModel } from '../../../../model/TopicViewModel'

 export function useViewModel(treeNode: q.TreeNode<TopicViewModel> | undefined) {
  useEffect(() => {
-    // if (treeNode && !treeNode?.viewModel) {
-    //   treeNode.viewModel = new TopicViewModel(treeNode)
-    // }
+    if (treeNode && !treeNode?.viewModel) {
+      treeNode.viewModel = new TopicViewModel(treeNode)
+    }
    treeNode?.viewModel?.retain()

    return function cleanup() {
@@ -18,7 +18,6 @@ export interface Props {
  treeNode: q.TreeNode<TopicViewModel>
  name?: string | undefined
  collapsed?: boolean | undefined
-  doNotRenderSubnodes?: boolean
  classes: any
  lastUpdate: number
  actions: typeof treeActions
@@ -28,8 +27,8 @@ export interface Props {
 }

 function TreeNodeComponent(props: Props) {
-  const { actions, classes, settings, theme, treeNode, lastUpdate, name, doNotRenderSubnodes } = props
-  const [collapsedOverride, setCollapsedOverride] = useState<boolean | undefined>(!treeNode.viewModel?.isExpanded())
+  const { actions, classes, settings, theme, treeNode, lastUpdate, name } = props
+  const [collapsedOverride, setCollapsedOverride] = useState<boolean | undefined>(undefined)
  const [selected, selectionLastUpdate, setSelected] = useSelectionState(false)
  const nodeRef = useRef<HTMLDivElement>()
  const isAllowedToAutoExpand = useIsAllowedToAutoExpandState(props)
@@ -95,7 +94,7 @@ function TreeNodeComponent(props: Props) {

  return useMemo(() => {
    function renderNodes() {
-      if (isCollapsed || doNotRenderSubnodes) {
+      if (isCollapsed) {
        return null
      }

@@ -135,7 +134,7 @@ function TreeNodeComponent(props: Props) {
        {renderNodes()}
      </div>
    )
-  }, [treeNode.lastUpdate, treeNode, name, isCollapsed, selected, theme, mouseOver, settings, doNotRenderSubnodes])
+  }, [treeNode.lastUpdate, treeNode, name, isCollapsed, selected, theme, mouseOver, settings])
 }

 export default withStyles(styles, { withTheme: true })(React.memo(TreeNodeComponent))
@@ -1,6 +1,6 @@
 import * as q from '../../../../backend/src/Model'
-import React, { useCallback, useMemo, useRef } from 'react'
-import { Infinitree } from './Infinitree'
+import React from 'react'
+import TreeNode from './TreeNode'
 import { AppState } from '../../reducers'
 import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
@@ -8,8 +8,6 @@ import { KeyCodes } from '../../utils/KeyCodes'
 import { SettingsState } from '../../reducers/Settings'
 import { TopicViewModel } from '../../model/TopicViewModel'
 import { treeActions } from '../../actions'
-import { FixedSizeList as List } from 'react-window'
-import { useSubscription } from '../hooks/useSubscription'
 const MovingAverage = require('moving-average')

 const averagingTimeInterval = 10 * 1000
@@ -26,64 +24,84 @@ interface Props {
  settings: SettingsState
 }

-function useArrowKeyEventHandler(actions: typeof treeActions) {
-  return useCallback(
-    (event: React.KeyboardEvent) => {
-      switch (event.keyCode) {
-        case KeyCodes.arrow_down:
-          actions.moveSelectionUpOrDownwards('next')
-          event.preventDefault()
-          break
-        case KeyCodes.arrow_up:
-          actions.moveSelectionUpOrDownwards('previous')
-          event.preventDefault()
-          break
-        case KeyCodes.arrow_left:
-          actions.moveOutward()
-          event.preventDefault()
-          break
-        case KeyCodes.arrow_right:
-          actions.moveInward()
-          event.preventDefault()
-          break
-      }
-    },
-    [actions]
-  )
+interface State {
+  lastUpdate: number
 }

-const TreeComponent: React.FC<Props> = props => {
-  const keyEventHandler = useArrowKeyEventHandler(props.actions)
-  const performanceCallback = useCallback((ms: number) => {
+function useArrowKeyEventHandler(actions: typeof treeActions) {
+  return (event: React.KeyboardEvent) => {
+    switch (event.keyCode) {
+      case KeyCodes.arrow_down:
+        actions.moveSelectionUpOrDownwards('next')
+        event.preventDefault()
+        break
+      case KeyCodes.arrow_up:
+        actions.moveSelectionUpOrDownwards('previous')
+        event.preventDefault()
+        break
+      case KeyCodes.arrow_left:
+        actions.moveOutward()
+        event.preventDefault()
+        break
+      case KeyCodes.arrow_right:
+        actions.moveInward()
+        event.preventDefault()
+        break
+    }
+  }
+}
+
+class TreeComponent extends React.PureComponent<Props, State> {
+  private updateTimer?: any
+  private perf: number = 0
+  private renderTime = 0
+
+  constructor(props: any) {
+    super(props)
+    this.state = { lastUpdate: 0 }
+  }
+
+  private keyEventHandler = useArrowKeyEventHandler(this.props.actions)
+  private performanceCallback = (ms: number) => {
    average.push(Date.now(), ms)
-  }, [])
+  }

-  const updateTimer = useRef<NodeJS.Timeout | number>()
-  const perf = useRef<number>(performance.now())
-  const renderTime = useRef<number>(0)
-  const listRef = useRef<List>(null)
-  const [lastUpdate, triggerUpdate] = React.useState(0)
+  public componentWillReceiveProps(nextProps: Props) {
+    if (this.props.tree !== nextProps.tree) {
+      if (this.props.tree) {
+        this.props.tree.didUpdate.unsubscribe(this.throttledTreeUpdate)
+      }
+      if (nextProps.tree) {
+        nextProps.tree.didUpdate.subscribe(this.throttledTreeUpdate)
+      }
+      this.setState(this.state)
+    }
+  }

-  const throttledTreeUpdate = useCallback(() => {
-    if (updateTimer.current) {
+  public componentWillUnmount() {
+    this.props.tree && this.props.tree.didUpdate.unsubscribe(this.throttledTreeUpdate)
+  }
+
+  public throttledTreeUpdate = () => {
+    if (this.updateTimer) {
      return
    }

    const expectedRenderTime = average.forecast()
-    const updateInterval = Math.max(expectedRenderTime * 7, 500)
-    const timeUntilNextUpdate = updateInterval - (performance.now() - renderTime.current)
+    const updateInterval = Math.max(expectedRenderTime * 7, 300)
+    const timeUntilNextUpdate = updateInterval - (performance.now() - this.renderTime)

-    updateTimer.current = setTimeout(
+    this.updateTimer = setTimeout(
      () => {
        window.requestIdleCallback(
          () => {
-            updateTimer.current && clearTimeout(updateTimer.current)
-            updateTimer.current = undefined
-            renderTime.current = performance.now()
+            this.updateTimer && clearTimeout(this.updateTimer)
+            this.updateTimer = undefined
+            this.renderTime = performance.now()

            window.requestIdleCallback(
              () => {
-                triggerUpdate(renderTime.current)
+                this.setState({ lastUpdate: this.renderTime })
              },
              { timeout: 100 }
            )
@@ -93,52 +111,49 @@ const TreeComponent: React.FC<Props> = props => {
      },
      Math.max(0, timeUntilNextUpdate)
    )
-  }, [])
+  }

-  perf.current = performance.now()
-  window.requestIdleCallback(() => {
-    performanceCallback(performance.now() - perf.current)
-  })
-  const fixedOnTreeNodeRef = useRef<q.TreeNode<TopicViewModel> | null>(null)
+  public componentWillUpdate() {
+    this.perf = performance.now()
+  }

-  useSubscription(props.tree?.didUpdate, throttledTreeUpdate)
+  public componentDidUpdate() {
+    this.performanceCallback(performance.now() - this.perf)
+  }

-  const style: React.CSSProperties = useMemo(
-    () => ({
+  public render() {
+    const { tree } = this.props
+    if (!tree) {
+      return null
+    }
+
+    const style: React.CSSProperties = {
      lineHeight: '1.1',
      cursor: 'default',
-      // overflowY: 'scroll',
-      // overflowX: 'hidden',
+      overflowY: 'scroll',
+      overflowX: 'hidden',
      height: '100%',
      width: '100%',
      outline: '24px black !important',
      paddingBottom: '16px', // avoid conflict with chart panel Resizer
-    }),
-    []
-  )
+    }

-  const { tree } = props
-  if (!tree) {
-    return null
+    return (
+      <div style={style} tabIndex={0} onKeyDown={this.keyEventHandler}>
+        <TreeNode
+          key={tree.hash()}
+          isRoot={true}
+          treeNode={tree}
+          name={this.props.host}
+          collapsed={false}
+          settings={this.props.settings}
+          lastUpdate={tree.lastUpdate}
+          actions={this.props.actions}
+          selectTopicAction={this.props.actions.selectTopic}
+        />
+      </div>
+    )
  }
-
-  const rendered = (
-    <div style={style} tabIndex={0} onKeyDown={keyEventHandler}>
-      <Infinitree
-        lastUpdate={lastUpdate}
-        listRef={listRef}
-        key={tree.hash()}
-        fixedOnTreeNodeRef={fixedOnTreeNodeRef}
-        tree={tree}
-        name={props.host ?? ''}
-        actions={props.actions}
-        selectTopicAction={props.actions.selectTopic}
-        settings={props.settings}
-      />
-    </div>
-  )
-
-  return rendered
 }

 const mapStateToProps = (state: AppState) => {
@@ -0,0 +1,85 @@
+import * as React from 'react'
+import { connect } from 'react-redux'
+import Check from '@material-ui/icons/Check'
+import CustomIconButton from './CustomIconButton'
+
+import { SaveAlt } from '@material-ui/icons'
+import { bindActionCreators } from 'redux'
+import { rendererRpc, writeToFile } from '../../../../events'
+import { makeSaveDialogRpc } from '../../../../events/OpenDialogRequest'
+
+import { globalActions } from '../../actions'
+
+export async function saveToFile(data: string): Promise<string | undefined> {
+  const rejectReasons = {
+    errorWritingFile: 'Error writing file',
+  }
+
+  const { canceled, filePath } = await rendererRpc.call(makeSaveDialogRpc(), {
+    securityScopedBookmarks: true,
+  })
+
+  if (!canceled && filePath !== undefined) {
+    try {
+      const filename = await rendererRpc.call(writeToFile, { filePath, data })
+      return filePath
+    } catch (error) {
+      throw rejectReasons.errorWritingFile
+    }
+  }
+}
+
+interface Props {
+  getData: () => string | undefined
+  actions: {
+    global: typeof globalActions
+  }
+}
+
+interface State {
+  didSave: boolean
+}
+
+class Save extends React.PureComponent<Props, State> {
+  constructor(props: Props) {
+    super(props)
+    this.state = { didSave: false }
+  }
+
+  private handleClick = async (event: React.MouseEvent) => {
+    event.stopPropagation()
+    const data = this.props.getData()
+    if (data != undefined) {
+      const filename = await saveToFile(data)
+      this.props.actions.global.showNotification(`Saved to ${filename}`)
+      this.setState({ didSave: true })
+      setTimeout(() => {
+        this.setState({ didSave: false })
+      }, 1500)
+    }
+  }
+
+  public render() {
+    const icon = !this.state.didSave ? (
+      <SaveAlt fontSize="inherit" />
+    ) : (
+      <Check fontSize="inherit" style={{ cursor: 'default' }} />
+    )
+
+    return (
+      <CustomIconButton onClick={this.handleClick} tooltip="Save to file">
+        <div style={{ marginTop: '2px' }}>{icon}</div>
+      </CustomIconButton>
+    )
+  }
+}
+
+const mapDispatchToProps = (dispatch: any) => {
+  return {
+    actions: {
+      global: bindActionCreators(globalActions, dispatch),
+    },
+  }
+}
+
+export default connect(undefined, mapDispatchToProps)(Save)
@@ -1,9 +1,9 @@
 import * as q from '../../../backend/src/Model'
-import { Destroyable, MemoryLifecycle } from '../../../backend/src/Model/Destroyable'
+import { Destroyable } from '../../../backend/src/Model/Destroyable'
 import { MessageDecoder, decoders } from '../decoders'
 import { EventDispatcher } from '../../../events'

-function findDecoder<T extends Destroyable & MemoryLifecycle>(node: q.TreeNode<T>): TopicDecoder | undefined {
+function findDecoder<T extends Destroyable>(node: q.TreeNode<T>): TopicDecoder | undefined {
  const decoder = decoders.find(
    decoder =>
      decoder.canDecodeTopic?.(node.path()) || (node.message?.payload && decoder.canDecodeData?.(node.message?.payload))
@@ -19,7 +19,7 @@ function findDecoder<T extends Destroyable & MemoryLifecycle>(node: q.TreeNode<T

 type TopicDecoder = { decoder: MessageDecoder; format: string | undefined }

-export class TopicViewModel implements Destroyable, MemoryLifecycle {
+export class TopicViewModel implements Destroyable {
  private selected: boolean
  private expanded: boolean
  private owner: q.TreeNode<TopicViewModel> | undefined
@@ -46,89 +46,10 @@ export class TopicViewModel implements Destroyable, MemoryLifecycle {
    this.onDecoderChange.dispatch(override)
  }

-  private clearCache = () => {
-    if (this._cachedChildTopicCount) {
-      this._cachedChildTopicCount = undefined
-      // when child changes, parents are affected as well
-      this.owner?.sourceEdge?.source?.viewModel?.clearCache()
-    }
-  }
-
  public constructor(treeNode: q.TreeNode<TopicViewModel>) {
    this.owner = treeNode
    this.selected = false
-    this.expanded = true
-    treeNode.onMerge.subscribe(this.clearCache)
-  }
-
-  private _cachedChildTopicCount: number | undefined = undefined
-
-  /**
-   * This function only returns valid values if parents are expanded
-   * @returns
-   */
-  public getIndex(): number {
-    if (!this.owner) {
-      throw new Error('integrity error')
-    }
-
-    const source = this.owner.sourceEdge?.source
-
-    const parentIndex = source?.viewModel?.getIndex()
-    // If we have a parent, we have its index + 1 (at least)
-    const parentIndexWithDepth = parentIndex !== undefined ? parentIndex + 1 : 0
-    let position = 0
-    const edgeToMatch = this.owner.sourceEdge
-    for (const edge of source?.edgeArray ?? []) {
-      if (edge === edgeToMatch) {
-        break
-      }
-      position += edge.target.viewModel?.visibleChildren() ?? 1
-    }
-
-    return parentIndexWithDepth + position
-  }
-
-  public visibleChildAt(
-    index: number,
-    depth: number = 0,
-    parentOffset: number = 0
-  ): [q.TreeNode<TopicViewModel>, number] | undefined {
-    if (!this.owner) {
-      throw new Error('integrity error')
-    }
-    const node = this.owner
-
-    if (parentOffset === index) {
-      return [node, depth]
-    }
-
-    let position = parentOffset + 1
-    for (const edge of node.edgeArray) {
-      let viewModel = edge.target.viewModel
-      const nextPosition = position + (viewModel?.visibleChildren() ?? 0)
-      if (nextPosition > index) {
-        return viewModel?.visibleChildAt(index, depth + 1, position)
-      }
-      position = nextPosition
-    }
-  }
-
-  public visibleChildren(): number {
-    if (!this.owner) {
-      throw new Error('integrity error')
-    }
-
-    if (this._cachedChildTopicCount === undefined) {
-      if (!this.expanded) {
-        return 1
-      }
-
-      this._cachedChildTopicCount =
-        1 + this.owner.edgeArray.map(e => e.target.viewModel?.visibleChildren() ?? 1).reduce((a, b) => a + b, 0)
-    }
-
-    return this._cachedChildTopicCount as number
+    this.expanded = false
  }

  public retain() {
@@ -143,8 +64,7 @@ export class TopicViewModel implements Destroyable, MemoryLifecycle {
  }

  public destroy() {
-    // console.log('destroy', this.owner?.path(), this.referenceCounter)
-    this.owner?.onMerge.unsubscribe(this.clearCache)
+    console.log('destroy', this.referenceCounter)
    if (this.owner) {
      this.owner.viewModel = undefined
      this.owner = undefined
@@ -170,8 +90,6 @@ export class TopicViewModel implements Destroyable, MemoryLifecycle {
  public setExpanded(expanded: boolean, fireEvent: boolean) {
    const didChange = this.expanded !== expanded
    this.expanded = expanded
-    this.clearCache()
-
    if (didChange && fireEvent) {
      this.expandedChange.dispatch()
    }
@@ -41,6 +41,7 @@ module.exports = {
  devServer: {
    // contentBase: './dist', // content not from webpack
    hot: true,
+    liveReload: true,
  },
  target: 'electron-renderer',
  mode: 'production',
@@ -89,7 +90,6 @@ module.exports = {
  plugins: [
    new HtmlWebpackPlugin({ template: './index.html', file: './build/index.html', inject: false }),
    // new BundleAnalyzerPlugin(),
-    new webpack.HotModuleReplacementPlugin(),
    // new webpack.IgnorePlugin({
    //   resourceRegExp: /\.\/build\/Debug\/addon/,
    //   contextRegExp: /heapdump$/
@@ -107,4 +107,7 @@ module.exports = {
  cache: {
    type: 'filesystem',
  },
+  optimization: {
+    runtimeChunk: 'single',
+  },
 }
@@ -2,13 +2,6 @@
 # yarn lockfile v1


-"@babel/runtime@^7.0.0":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.5.tgz#230946857c053a36ccc66e1dd03b17dd0c4ed02c"
-  integrity sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==
-  dependencies:
-    regenerator-runtime "^0.14.0"
-
 "@babel/runtime@^7.15.4", "@babel/runtime@^7.17.2", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
  version "7.24.0"
  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.0.tgz#584c450063ffda59697021430cb47101b085951e"
@@ -607,21 +600,6 @@
  dependencies:
    "@types/react" "*"

-"@types/react-virtualized@^9.21.30":
-  version "9.21.30"
-  resolved "https://registry.yarnpkg.com/@types/react-virtualized/-/react-virtualized-9.21.30.tgz#ba39821bcb2487512a8a2cdd9fbdb5e6fc87fedb"
-  integrity sha512-4l2TFLQ8BCjNDQlvH85tU6gctuZoEdgYzENQyZHpgTHU7hoLzYgPSOALMAeA58LOWua8AzC6wBivPj1lfl6JgQ==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/react" "*"
-
-"@types/react-window@^1.8.8":
-  version "1.8.8"
-  resolved "https://registry.yarnpkg.com/@types/react-window/-/react-window-1.8.8.tgz#c20645414d142364fbe735818e1c1e0a145696e3"
-  integrity sha512-8Ls660bHR1AUA2kuRvVG9D/4XpRC6wjAaPT9dil7Ckc76eP9TKWZwwmgfq8Q1LANX3QNDnoU4Zp48A3w+zK69Q==
-  dependencies:
-    "@types/react" "*"
-
 "@types/react@*":
  version "18.2.64"
  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.64.tgz#3700fbb6b2fa60a6868ec1323ae4cbd446a2197d"
@@ -3153,11 +3131,6 @@ memfs@^4.6.0:
    sonic-forest "^1.0.0"
    tslib "^2.0.0"

-"memoize-one@>=3.1.1 <6":
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
-  integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
-
 merge-descriptors@1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
@@ -3846,14 +3819,6 @@ react-vis@^1.11.6:
    prop-types "^15.5.8"
    react-motion "^0.5.2"

-react-window@^1.8.10:
-  version "1.8.10"
-  resolved "https://registry.yarnpkg.com/react-window/-/react-window-1.8.10.tgz#9e6b08548316814b443f7002b1cf8fd3a1bdde03"
-  integrity sha512-Y0Cx+dnU6NLa5/EvoHukUD0BklJ8qITCtVEPY1C/nL8wwoZ0b5aEw8Ff1dOVHw7fCzMt55XfJDd8S8W8LCaUCg==
-  dependencies:
-    "@babel/runtime" "^7.0.0"
-    memoize-one ">=3.1.1 <6"
-
 react@^16.11:
  version "16.14.0"
  resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d"
@@ -4503,7 +4468,7 @@ tree-dump@^1.0.0:
  resolved "https://registry.yarnpkg.com/tree-dump/-/tree-dump-1.0.1.tgz#b448758da7495580e6b7830d6b7834fca4c45b96"
  integrity sha512-WCkcRBVPSlHHq1dc/px9iOfqklvzCbdRwvlNfxGZsrHqf6aZttfPrd7DJTt6oR10dwUfpFFQeVTkPbBIZxX/YA==

-ts-loader@^9.2.6:
+ts-loader@^9.5.1:
  version "9.5.1"
  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.5.1.tgz#63d5912a86312f1fbe32cef0859fb8b2193d9b89"
  integrity sha512-rNH3sK9kGZcH9dYzC7CewQm4NtxJTjSEVRJ2DyBZR7f8/wcta+iV44UPCXc5+nzDzivKtlzV6c9P4e+oFhDLYg==
@@ -1,8 +1,3 @@
 export interface Destroyable {
  destroy(): void
 }
-
-export interface MemoryLifecycle {
-  retain(): void
-  release(): void
-}
@@ -1,8 +1,8 @@
-import { Destroyable, MemoryLifecycle } from './Destroyable'
+import { Destroyable } from './Destroyable'
 import { Hashable, TreeNode } from './'
 const sha1 = require('sha1')

-export class Edge<ViewModel extends Destroyable & MemoryLifecycle> implements Hashable {
+export class Edge<ViewModel extends Destroyable> implements Hashable {
  public name: string

  public target!: TreeNode<ViewModel>
@@ -1,10 +1,10 @@
 import { ChangeBuffer } from './ChangeBuffer'
-import { Destroyable, MemoryLifecycle } from './Destroyable'
+import { Destroyable } from './Destroyable'
 import { EventDispatcher, makeConnectionMessageEvent, MqttMessage, EventBusInterface } from '../../../events'
 import { TreeNode } from './'
 import { TreeNodeFactory } from './TreeNodeFactory'

-export class Tree<ViewModel extends Destroyable & MemoryLifecycle> extends TreeNode<ViewModel> {
+export class Tree<ViewModel extends Destroyable> extends TreeNode<ViewModel> {
  public connectionId?: string
  public updateSource?: EventBusInterface
  public nodeFilter?: (node: TreeNode<ViewModel>) => boolean
@@ -1,11 +1,10 @@
-import { Destroyable, MemoryLifecycle } from './Destroyable'
+import { Destroyable } from './Destroyable'
 import { Edge, Message, RingBuffer, MessageHistory } from './'
 import { EventDispatcher } from '../../../events'
-import { TopicViewModel } from '../../../app/src/model/TopicViewModel'

 export type TopicDataType = 'string' | 'json' | 'hex'

-export class TreeNode<ViewModel extends Destroyable & MemoryLifecycle> {
+export class TreeNode<ViewModel extends Destroyable> {
  public sourceEdge?: Edge<ViewModel>
  public message?: Message
  public messageHistory: MessageHistory = new RingBuffer<Message>(20000, 100)
@@ -49,8 +48,6 @@ export class TreeNode<ViewModel extends Destroyable & MemoryLifecycle> {
    this.onMessage.subscribe(() => {
      this.lastUpdate = Date.now()
    })
-    this.viewModel = new TopicViewModel(this as any) as any
-    this.viewModel?.retain()
  }

  private previous(): TreeNode<ViewModel> | undefined {
@@ -120,7 +117,7 @@ export class TreeNode<ViewModel extends Destroyable & MemoryLifecycle> {
    for (const edge of this.edgeArray) {
      edge.target.destroy()
    }
-    this.viewModel?.release()
+    this.viewModel && this.viewModel.destroy()
    this.viewModel = undefined
    this.edgeArray = []
    this.edges = {}
@@ -150,7 +147,7 @@ export class TreeNode<ViewModel extends Destroyable & MemoryLifecycle> {
  }

  public hash(): string {
-    return `N${this.sourceEdge?.hash() ?? ''}`
+    return `N${this.sourceEdge ? this.sourceEdge.hash() : ''}`
  }

  public firstNode(): TreeNode<ViewModel> {
@@ -1,11 +1,11 @@
-import { Destroyable, MemoryLifecycle } from './Destroyable'
+import { Destroyable } from './Destroyable'
 import { Edge, Tree, TreeNode } from './'
 import { MqttMessage } from '../../../events'
 import { Base64Message } from './Base64Message'

 export abstract class TreeNodeFactory {
  private static messageCounter = 0
-  public static insertNodeAtPosition<ViewModel extends Destroyable & MemoryLifecycle>(
+  public static insertNodeAtPosition<ViewModel extends Destroyable>(
    edgeNames: Array<string>,
    node: TreeNode<ViewModel>
  ) {
@@ -21,7 +21,7 @@ export abstract class TreeNodeFactory {
    node.sourceEdge!.target = node
  }

-  public static fromMessage<ViewModel extends Destroyable & MemoryLifecycle>(
+  public static fromMessage<ViewModel extends Destroyable>(
    mqttMessage: MqttMessage,
    receiveDate: Date = new Date()
  ): TreeNode<ViewModel> {
@@ -1,67 +0,0 @@
-import 'mocha'
-
-import { expect } from 'chai'
-import { makeTreeNode } from './makeTreeNode'
-
-describe('TreeNode', () => {
-  const leaf1 = makeTreeNode('foo/bar', 'foo')
-  const leaf2 = makeTreeNode('foo/bar/baz', 'bar')
-  const leaf3 = makeTreeNode('foo/biz/baz', 'bar')
-  const leaf4 = makeTreeNode('bar/biz', 'bar')
-  const root = leaf1.firstNode()
-
-  root.updateWithNode(leaf2.firstNode())
-  root.updateWithNode(leaf3.firstNode())
-  root.updateWithNode(leaf4.firstNode())
-
-  describe('expanding the root should count the children', () => {
-    it('nothing expanded', () => {
-      expect(root?.viewModel?.visibleChildren()).to.eq(1)
-    })
-
-    it('root expanded', () => {
-      root.viewModel?.setExpanded(true)
-      expect(root?.viewModel?.visibleChildren()).to.eq(3)
-    })
-
-    it('root and "foo" expanded', () => {
-      root.viewModel?.setExpanded(true)
-      root.findNode('foo')!.viewModel!.setExpanded(true)
-      expect(root?.viewModel?.visibleChildren()).to.eq(5)
-    })
-  })
-
-  describe('visibleChildAt', () => {
-    it('nothing expanded', () => {
-      expect(root?.viewModel?.visibleChildAt(0)?.[0].path()).to.eq('')
-    })
-
-    it('root expanded', () => {
-      root.viewModel?.setExpanded(true)
-      expect(root?.viewModel?.visibleChildAt(1)?.[0].path()).to.eq('foo')
-    })
-
-    it('root and "foo" expanded', () => {
-      root.viewModel?.setExpanded(true)
-      root.findNode('foo')!.viewModel!.setExpanded(true)
-      expect(root?.viewModel?.visibleChildAt(4)?.[0].path()).to.eq('bar')
-    })
-  })
-
-  describe('getIndex', () => {
-    it('nothing expanded', () => {
-      expect(root?.viewModel?.getIndex()).to.eq(0)
-    })
-
-    it('root expanded', () => {
-      root.viewModel?.setExpanded(true)
-      expect(root?.viewModel?.visibleChildAt(1)?.[0].viewModel?.getIndex()).to.eq(1)
-    })
-
-    it('root and "foo" expanded', () => {
-      root.viewModel?.setExpanded(true)
-      root.findNode('foo')!.viewModel!.setExpanded(true)
-      expect(root?.viewModel?.visibleChildAt(4)?.[0].viewModel?.getIndex()).to.eq(4)
-    })
-  })
-})
@@ -1,15 +0,0 @@
-const eslint = require('@eslint/js')
-const hooksPlugin = require('eslint-plugin-react-hooks')
-
-module.export = [
-  // eslint.configs.recommended,
-  {
-    // files: ['app/src/**/*'],
-    plugins: {
-      'react-hooks': hooksPlugin,
-    },
-    ignores: ['build/**/*', 'dist/**/*', 'node_modules/**/*', 'app/build/**/*'],
-    ignorePatterns: ['build/**/*', 'dist/**/*', 'node_modules/**/*', 'app/build/**/*'],
-    rules: hooksPlugin.configs.recommended.rules,
-  },
-]
@@ -54,3 +54,11 @@ export function makeConnectionMessageEvent(connectionId: string): Event<MqttMess
 export const getAppVersion: RpcEvent<void, string> = {
  topic: 'getAppVersion',
 }
+
+export const writeToFile: RpcEvent<{ filePath: string, data: string, encoding?: string }, void> = {
+  topic: 'writeFile',
+}
+
+export const readFromFile: RpcEvent<{ filePath: string, encoding?: string }, Buffer> = {
+  topic: 'readFromFile',
+}
@@ -1,4 +1,4 @@
-import { OpenDialogOptions, OpenDialogReturnValue } from 'electron'
+import { OpenDialogOptions, OpenDialogReturnValue, SaveDialogOptions, SaveDialogReturnValue } from 'electron'
 import { RpcEvent } from './EventSystem/Rpc'

 export function makeOpenDialogRpc(): RpcEvent<OpenDialogOptions, OpenDialogReturnValue> {
@@ -6,3 +6,9 @@ export function makeOpenDialogRpc(): RpcEvent<OpenDialogOptions, OpenDialogRetur
    topic: 'openDialog',
  }
 }
+
+export function makeSaveDialogRpc(): RpcEvent<SaveDialogOptions, SaveDialogReturnValue> {
+  return {
+    topic: 'saveDialog',
+  }
+}
@@ -0,0 +1,14 @@
+{
+  "mcpServers": {
+    "playwright": {
+      "command": "npx",
+      "args": [
+        "-y",
+        "@modelcontextprotocol/server-playwright"
+      ],
+      "env": {
+        "PLAYWRIGHT_BROWSERS_PATH": "0"
+      }
+    }
+  }
+}
@@ -12,6 +12,7 @@
    "test": "yarn test:app && yarn test:backend",
    "test:app": "cd app && yarn test",
    "test:backend": "cd backend && yarn test",
+    "test:mcp": "tsc && node dist/src/spec/testMcpIntrospection.js",
    "install": "cd app && yarn && cd ..",
    "dev": "npm-run-all --parallel dev:*",
    "dev:app": "cd app && npm run dev",
@@ -32,3 +32,22 @@ export function isDev() {
 export function runningUiTestOnCi() {
  return Boolean(process.argv.find(arg => arg === '--runningUiTestOnCi'))
 }
+
+export function enableMcpIntrospection() {
+  return Boolean(process.argv.find(arg => arg === '--enable-mcp-introspection'))
+}
+
+export function getRemoteDebuggingPort() {
+  const portArg = process.argv.find(arg => arg.startsWith('--remote-debugging-port='))
+  if (portArg) {
+    const parts = portArg.split('=')
+    if (parts.length === 2 && parts[1]) {
+      const port = parseInt(parts[1], 10)
+      // Return the port only if it's a valid number between 1 and 65535
+      if (!isNaN(port) && port > 0 && port <= 65535) {
+        return port
+      }
+    }
+  }
+  return enableMcpIntrospection() ? 9222 : undefined
+}
@@ -4,14 +4,22 @@ import ConfigStorage from '../backend/src/ConfigStorage'
 import { app, BrowserWindow, Menu, dialog } from 'electron'
 import { autoUpdater } from 'electron-updater'
 import { ConnectionManager } from '../backend/src/index'
+import { promises as fsPromise } from 'fs'
 // import { electronTelemetryFactory } from 'electron-telemetry'
 import { menuTemplate } from './MenuTemplate'
 import buildOptions from './buildOptions'
-import { waitForDevServer, isDev, runningUiTestOnCi, loadDevTools } from './development'
+import {
+  waitForDevServer,
+  isDev,
+  runningUiTestOnCi,
+  loadDevTools,
+  enableMcpIntrospection,
+  getRemoteDebuggingPort,
+} from './development'
 import { shouldAutoUpdate, handleAutoUpdate } from './autoUpdater'
 import { registerCrashReporter } from './registerCrashReporter'
-import { makeOpenDialogRpc } from '../events/OpenDialogRequest'
-import { backendRpc, getAppVersion } from '../events'
+import { makeOpenDialogRpc, makeSaveDialogRpc } from '../events/OpenDialogRequest'
+import { backendRpc, getAppVersion, writeToFile, readFromFile } from '../events'

 registerCrashReporter()

@@ -21,11 +29,32 @@ registerCrashReporter()

 // disable-dev-shm-usage is required to run the debug console
 app.commandLine.appendSwitch('--no-sandbox --disable-dev-shm-usage')
+
+// Enable remote debugging for MCP introspection
+const remoteDebuggingPort = getRemoteDebuggingPort()
+if (remoteDebuggingPort) {
+  app.commandLine.appendSwitch('--remote-debugging-port', remoteDebuggingPort.toString())
+  log.info(`Remote debugging enabled on port ${remoteDebuggingPort}`)
+}
+
 app.whenReady().then(() => {
  backendRpc.on(makeOpenDialogRpc(), async request => {
    return dialog.showOpenDialog(BrowserWindow.getFocusedWindow() ?? BrowserWindow.getAllWindows()[0], request)
  })
+
+  backendRpc.on(makeSaveDialogRpc(), async request => {
+    return dialog.showSaveDialog(BrowserWindow.getFocusedWindow() ?? BrowserWindow.getAllWindows()[0], request)
+  })
+
  backendRpc.on(getAppVersion, async () => app.getVersion())
+
+  backendRpc.on(writeToFile, async ({ filePath, data, encoding }) => {
+    await fsPromise.writeFile(filePath, Buffer.from(data, 'base64'), { encoding })
+  })
+
+  backendRpc.on(readFromFile, async ({ filePath, encoding }) => {
+    return fsPromise.readFile(filePath, { encoding })
+  })
 })

 autoUpdater.logger = log
@@ -19,6 +19,7 @@ export type SceneNames =
  | 'settings'
  | 'customize_subscriptions'
  | 'keyboard_shortcuts'
+  | 'sparkplugb-decoding'
  | 'end'

 export class SceneBuilder {
@@ -21,6 +21,7 @@ import { showMenu } from './scenarios/showMenu'
 import { showNumericPlot } from './scenarios/showNumericPlot'
 import { showOffDiffCapability } from './scenarios/showOffDiffCapability'
 import { showZoomLevel } from './scenarios/showZoomLevel'
+import { showSparkPlugDecoding } from './scenarios/showSparkplugDecoding'

 /**
 *  A convenience method that handles gracefully cleaning up the test run.
@@ -120,6 +121,11 @@ async function doStuff() {
    await sleep(1000)
  })

+  await scenes.record('sparkplugb-decoding', async () => {
+    await showText('SparkplugB Decoding', 2000, page, 'top')
+    await showSparkPlugDecoding(page)
+  })
+
  // disable this scenario for now until expandTopic is sorted out
  // await scenes.record('delete_retained_topics', async () => {
  //   await hideText(page)
@@ -2,6 +2,6 @@ import { Page } from 'playwright'
 import { clickOn } from '../util'

 export async function copyValueToClipboard(browser: Page) {
-  const copyButton = await browser.locator('//span[contains(text(), "Value")]//button')
+  const copyButton = await browser.getByRole('button', { name: 'Value' }).getByRole('button').first()
  await clickOn(copyButton, 1)
 }
@@ -14,7 +14,7 @@ export async function publishTopic(browser: Page) {
  const topicInput = await browser.locator('//input[contains(@value,"kitchen/lamp/state")][1]')
  await clickOn(topicInput)
  await deleteTextWithBackspaces(topicInput, 120, 5)
-  await writeText('set', topicInput, 300)
+  await writeText('set', topicInput)

  const payloadInput = await browser.locator('//*[contains(@class, "ace_text-input")]')
  await writeTextPayload(payloadInput, 'off')
@@ -34,5 +34,6 @@ export async function publishTopic(browser: Page) {
 }

 async function writeTextPayload(payloadInput: Locator, text: string) {
-  await payloadInput.fill(text)
+  await clickOn(payloadInput)
+  await writeText(text, payloadInput)
 }
@@ -4,7 +4,7 @@ import { clickOn, deleteTextWithBackspaces, showText, sleep, writeText } from '.
 export async function searchTree(text: string, browser: Page) {
  const searchField = await browser.locator('//input[contains(@placeholder, "Search")]')
  await clickOn(searchField, 1)
-  await writeText(text, searchField, 100)
+  await writeText(text, searchField)
  await sleep(1500)
 }

@@ -1,5 +1,5 @@
 import { Page } from 'playwright'
-import { moveToCenterOfElement, clickOn, clickOnHistory, expandTopic, sleep, writeText } from '../util'
+import { moveToCenterOfElement, clickOn, clickOnHistory, expandTopic, sleep } from '../util'

 export async function showNumericPlot(browser: Page) {
  await expandTopic('kitchen/coffee_maker', browser)
@@ -45,12 +45,12 @@ export async function showNumericPlot(browser: Page) {
 async function valuePreviewGuttersShowChartIcon(name: string, browser: Page) {
  for (let retries = 0; retries < 2; retries += 1) {
    try {
-      return await browser.locator(`//*[contains(@data-test-type, "ShowChart")][contains(@data-test, "${name}")]`)
+      return await browser.locator(`//*[contains(@data-test-type, "ShowChart")][contains(@data-test, "${name}")]`).first()
    } catch {
      // ignore
    }
  }
-  return browser.locator(`//*[contains(@data-test-type, "ShowChart")][contains(@data-test, "${name}")]`)
+  return browser.locator(`//*[contains(@data-test-type, "ShowChart")][contains(@data-test, "${name}")]`).first()
 }

 async function chartSettings(name: string, browser: Page) {
@@ -0,0 +1,9 @@
+import { Page } from 'playwright'
+import { expandTopic, sleep } from '../util'
+
+export async function showSparkPlugDecoding(browser: Page) {
+    // spell-checker: disable-next-line
+    await expandTopic('spBv1.0/Sparkplug Devices/DDATA/JavaScript Edge Node/Emulated Device', browser)
+    await browser.screenshot({ path: 'screen_sparkplugb_decoding.png' })
+    await sleep(1000)
+}
@@ -0,0 +1,85 @@
+import * as fs from 'fs'
+import * as path from 'path'
+import { ElectronApplication, _electron as electron } from 'playwright'
+
+// Constants
+const DEFAULT_REMOTE_DEBUGGING_PORT = 9222
+const PROJECT_ROOT = path.join(__dirname, '../../..')
+
+async function sleep(ms: number) {
+  return new Promise(resolve => setTimeout(resolve, ms))
+}
+
+async function main() {
+  console.log('=== MCP Introspection Demo ===')
+  console.log('Starting MQTT Explorer with MCP introspection flags...')
+  
+  // Launch Electron app with MCP introspection enabled
+  const electronApp: ElectronApplication = await electron.launch({
+    args: [
+      PROJECT_ROOT,
+      '--enable-mcp-introspection',
+      `--remote-debugging-port=${DEFAULT_REMOTE_DEBUGGING_PORT}`,
+      '--no-sandbox'
+    ],
+    timeout: 30000
+  })
+
+  console.log('✓ App launched with MCP introspection')
+  console.log(`✓ Remote debugging enabled on port ${DEFAULT_REMOTE_DEBUGGING_PORT}`)
+  
+  // Get the first window
+  const page = await electronApp.firstWindow({ timeout: 10000 })
+  
+  const title = await page.title()
+  console.log(`✓ Window ready, title: ${title}`)
+  
+  // Check console logs for remote debugging message
+  const logs: string[] = []
+  page.on('console', msg => {
+    const text = msg.text()
+    logs.push(text)
+    if (text.includes('Remote debugging enabled')) {
+      console.log(`✓ ${text}`)
+    }
+  })
+  
+  // Wait for app to load
+  await sleep(3000)
+  
+  // Take screenshot 1: Main app window showing MCP introspection is working
+  console.log('\nTaking screenshots...')
+  const screenshot1Path = path.join(PROJECT_ROOT, 'screenshot-mcp-app-running.png')
+  await page.screenshot({ 
+    path: screenshot1Path,
+    fullPage: false
+  })
+  console.log(`✓ Screenshot 1 saved: ${screenshot1Path}`)
+  
+  // Take screenshot 2: Connection form (showing the app is interactive)
+  await sleep(1000)
+  const screenshot2Path = path.join(PROJECT_ROOT, 'screenshot-mcp-connection-form.png')
+  await page.screenshot({ 
+    path: screenshot2Path,
+    fullPage: true
+  })
+  console.log(`✓ Screenshot 2 saved: ${screenshot2Path}`)
+  
+  console.log('\n=== MCP Introspection Test Results ===')
+  console.log('✓ Application started successfully with MCP introspection')
+  console.log(`✓ Remote debugging port: ${DEFAULT_REMOTE_DEBUGGING_PORT}`)
+  console.log(`✓ Chrome DevTools Protocol is accessible at: http://localhost:${DEFAULT_REMOTE_DEBUGGING_PORT}`)
+  console.log('✓ Screenshots captured successfully')
+  console.log('\nThe MCP introspection implementation is working correctly!')
+  console.log('External tools can now connect to the app via CDP for automated testing.')
+  
+  // Close the app
+  await electronApp.close()
+  
+  process.exit(0)
+}
+
+main().catch(error => {
+  console.error('Error during MCP introspection test:', error)
+  process.exit(1)
+})
@@ -19,15 +19,14 @@ export function sleep(ms: number, required = false) {
  })
 }

-export async function writeText(text: string, element: Locator, delay = 0) {
-  return element.fill(text)
+export async function writeText(text: string, element: Locator, delay = 30) {
+  element.pressSequentially(text, { delay })
 }

-export async function deleteTextWithBackspaces(element: Locator, delay = 0, count = 0) {
-  // @ts-ignore
-  const length = count > 0 ? count : (await element.textContent()).length
+export async function deleteTextWithBackspaces(element: Locator, delay = 30, count = 0) {
+  const length = count > 0 ? count : (await element.inputValue()).length
  for (let i = 0; i < length; i += 1) {
-    await element.press('Backspace')
+    await element.press('Backspace', { delay: 30 })
    await sleep(delay)
  }
 }
@@ -20,6 +20,7 @@
    "src/spec/electron.ts",
    "src/spec/demoVideo.ts",
    "src/spec/leakTest.ts",
+    "src/spec/testMcpIntrospection.ts",
    "scripts/*.ts"
  ],
  "exclude": ["node_modules"]
@@ -659,38 +659,6 @@
    minimatch "^3.0.4"
    plist "^3.0.4"

-"@eslint-community/eslint-utils@^4.2.0":
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
-  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
-  dependencies:
-    eslint-visitor-keys "^3.3.0"
-
-"@eslint-community/regexpp@^4.6.1":
-  version "4.10.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
-  integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
-
-"@eslint/eslintrc@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.1.0.tgz#dbd3482bfd91efa663cbe7aa1f506839868207b6"
-  integrity sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==
-  dependencies:
-    ajv "^6.12.4"
-    debug "^4.3.2"
-    espree "^10.0.1"
-    globals "^14.0.0"
-    ignore "^5.2.0"
-    import-fresh "^3.2.1"
-    js-yaml "^4.1.0"
-    minimatch "^3.1.2"
-    strip-json-comments "^3.1.1"
-
-"@eslint/js@9.3.0":
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.3.0.tgz#2e8f65c9c55227abc4845b1513c69c32c679d8fe"
-  integrity sha512-niBqk8iwv96+yuTwjM6bWg8ovzAPF9qkICsGtcoa5/dmqcEMfdwNAX7+/OHcJHc7wj7XqPxH98oAHytFYlw6Sw==
-
 "@fastify/busboy@^2.0.0":
  version "2.1.1"
  resolved "https://registry.yarnpkg.com/@fastify/busboy/-/busboy-2.1.1.tgz#b9da6a878a371829a0502c9b6c1c143ef6663f4d"
@@ -715,30 +683,6 @@
    reflect-metadata "^0.1.12"
    tslib "^1.8.1"

-"@humanwhocodes/config-array@^0.13.0":
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.13.0.tgz#fb907624df3256d04b9aa2df50d7aa97ec648748"
-  integrity sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==
-  dependencies:
-    "@humanwhocodes/object-schema" "^2.0.3"
-    debug "^4.3.1"
-    minimatch "^3.0.5"
-
-"@humanwhocodes/module-importer@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
-  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
-
-"@humanwhocodes/object-schema@^2.0.3":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
-  integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
-
-"@humanwhocodes/retry@^0.3.0":
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.3.0.tgz#6d86b8cb322660f03d3f0aa94b99bdd8e172d570"
-  integrity sha512-d2CGZR2o7fS6sWB7DG/3a95bGKQyHMACZ5aW8qGkkqQpUoZV6C0X7Pc7l4ZNMZkfNBf4VWNe9E1jRsf0G146Ew==
-
 "@isaacs/cliui@^8.0.2":
  version "8.0.2"
  resolved "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz"
@@ -842,7 +786,7 @@
  resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==

-"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+"@nodelib/fs.walk@^1.2.3":
  version "1.2.8"
  resolved "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz"
  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
@@ -1570,17 +1514,12 @@ about-window@^1.12.1:
  resolved "https://registry.npmjs.org/about-window/-/about-window-1.15.2.tgz"
  integrity sha512-31mDAnLUfKm4uShfMzeEoS6a3nEto2tUt4zZn7qyAKedaTV4p0dGiW1n+YG8vtRh78mZiewghWJmoxDY+lHyYg==

-acorn-jsx@^5.3.2:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
-  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
-
 acorn-walk@^8.1.1:
  version "8.3.2"
  resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.2.tgz"
  integrity sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==

-acorn@^8.11.3, acorn@^8.4.1:
+acorn@^8.4.1:
  version "8.11.3"
  resolved "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz"
  integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
@@ -1620,7 +1559,7 @@ ajv-keywords@^3.4.1:
  resolved "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz"
  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==

-ajv@^6.10.0, ajv@^6.12.0, ajv@^6.12.4:
+ajv@^6.10.0, ajv@^6.12.0:
  version "6.12.6"
  resolved "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz"
  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -2536,7 +2475,7 @@ cross-spawn@^6.0.5:
    shebang-command "^1.2.0"
    which "^1.2.9"

-cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.3:
  version "7.0.3"
  resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz"
  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@@ -2735,11 +2674,6 @@ deep-extend@^0.6.0:
  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==

-deep-is@^0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
-  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
-
 default-require-extensions@^3.0.0:
  version "3.0.1"
  resolved "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-3.0.1.tgz"
@@ -3135,112 +3069,16 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz"
  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==

-eslint-plugin-react-hooks@^4.6.2:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz#c829eb06c0e6f484b3fbb85a97e57784f328c596"
-  integrity sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==
-
-eslint-scope@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.0.1.tgz#a9601e4b81a0b9171657c343fb13111688963cfc"
-  integrity sha512-pL8XjgP4ZOmmwfFE8mEhSxA7ZY4C+LWyqjQ3o4yWkkmD0qcMT9kkW3zWHOczhWcjTSgqycYAgwSlXvZltv65og==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^5.2.0"
-
-eslint-visitor-keys@^3.3.0:
-  version "3.4.3"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
-  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
-
-eslint-visitor-keys@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.0.0.tgz#e3adc021aa038a2a8e0b2f8b0ce8f66b9483b1fb"
-  integrity sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==
-
-eslint@^9.3.0:
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.3.0.tgz#36a96db84592618d6ed9074d677e92f4e58c08b9"
-  integrity sha512-5Iv4CsZW030lpUqHBapdPo3MJetAPtejVW8B84GIcIIv8+ohFaddXsrn1Gn8uD9ijDb+kcYKFUVmC8qG8B2ORQ==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.6.1"
-    "@eslint/eslintrc" "^3.1.0"
-    "@eslint/js" "9.3.0"
-    "@humanwhocodes/config-array" "^0.13.0"
-    "@humanwhocodes/module-importer" "^1.0.1"
-    "@humanwhocodes/retry" "^0.3.0"
-    "@nodelib/fs.walk" "^1.2.8"
-    ajv "^6.12.4"
-    chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.3.2"
-    escape-string-regexp "^4.0.0"
-    eslint-scope "^8.0.1"
-    eslint-visitor-keys "^4.0.0"
-    espree "^10.0.1"
-    esquery "^1.4.2"
-    esutils "^2.0.2"
-    fast-deep-equal "^3.1.3"
-    file-entry-cache "^8.0.0"
-    find-up "^5.0.0"
-    glob-parent "^6.0.2"
-    ignore "^5.2.0"
-    imurmurhash "^0.1.4"
-    is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
-    lodash.merge "^4.6.2"
-    minimatch "^3.1.2"
-    natural-compare "^1.4.0"
-    optionator "^0.9.3"
-    strip-ansi "^6.0.1"
-    text-table "^0.2.0"
-
-espree@^10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-10.0.1.tgz#600e60404157412751ba4a6f3a2ee1a42433139f"
-  integrity sha512-MWkrWZbJsL2UwnjxTX3gG8FneachS/Mwg7tdGXce011sJd5b0JG54vat5KHnfSBODZ3Wvzd2WnjxyzsRoVv+ww==
-  dependencies:
-    acorn "^8.11.3"
-    acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^4.0.0"
-
 esprima@^4.0.0, esprima@^4.0.1:
  version "4.0.1"
  resolved "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz"
  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==

-esquery@^1.4.2:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
-  integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
-  dependencies:
-    estraverse "^5.1.0"
-
-esrecurse@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
-  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
-  dependencies:
-    estraverse "^5.2.0"
-
-estraverse@^5.1.0, estraverse@^5.2.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
-  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
-
 esutils@^1.1.6:
  version "1.1.6"
  resolved "https://registry.npmjs.org/esutils/-/esutils-1.1.6.tgz"
  integrity sha512-RG1ZkUT7iFJG9LSHr7KDuuMSlujfeTtMNIcInURxKAxhMtwQhI3NrQhz26gZQYlsYZQKzsnwtpKrFKj9K9Qu1A==

-esutils@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
-  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
-
 event-stream@=3.3.4:
  version "3.3.4"
  resolved "https://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz"
@@ -3323,7 +3161,7 @@ extsprintf@^1.2.0:
  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
  integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==

-fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+fast-deep-equal@^3.1.1:
  version "3.1.3"
  resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
@@ -3349,11 +3187,6 @@ fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
  resolved "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz"
  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==

-fast-levenshtein@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
-
 fastest-levenshtein@^1.0.16:
  version "1.0.16"
  resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz#210e61b6ff181de91ea9b3d1b84fdedd47e034e5"
@@ -3422,7 +3255,7 @@ find-up-simple@^1.0.0:
  resolved "https://registry.npmjs.org/find-up-simple/-/find-up-simple-1.0.0.tgz"
  integrity sha512-q7Us7kcjj2VMePAa02hDAF6d+MzsdsAWEwYyOpwUtlerRBkOEPBCRZrAV4XfcSN8fHAgaD0hP7miwoay6DCprw==

-find-up@5.0.0, find-up@^5.0.0:
+find-up@5.0.0:
  version "5.0.0"
  resolved "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz"
  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
@@ -3724,13 +3557,6 @@ glob-parent@^5.1.2, glob-parent@~5.1.2:
  dependencies:
    is-glob "^4.0.1"

-glob-parent@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
-  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
-  dependencies:
-    is-glob "^4.0.3"
-
 glob@8.1.0:
  version "8.1.0"
  resolved "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz"
@@ -3800,11 +3626,6 @@ globals@^11.1.0:
  resolved "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz"
  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==

-globals@^14.0.0:
-  version "14.0.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-14.0.0.tgz#898d7413c29babcf6bafe56fcadded858ada724e"
-  integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
-
 globalthis@^1.0.1, globalthis@^1.0.3:
  version "1.0.3"
  resolved "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz"
@@ -4076,12 +3897,12 @@ ignore-walk@^6.0.4:
  dependencies:
    minimatch "^9.0.0"

-ignore@^5.2.0, ignore@^5.2.4:
+ignore@^5.2.4:
  version "5.3.1"
  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
  integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==

-import-fresh@^3.2.1, import-fresh@^3.3.0:
+import-fresh@^3.3.0:
  version "3.3.0"
  resolved "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz"
  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
@@ -4283,7 +4104,7 @@ is-fullwidth-code-point@^3.0.0:
  resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz"
  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==

-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+is-glob@^4.0.1, is-glob@~4.0.1:
  version "4.0.3"
  resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz"
  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
@@ -4317,11 +4138,6 @@ is-obj@^2.0.0:
  resolved "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz"
  integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==

-is-path-inside@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
-  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
-
 is-plain-obj@^2.1.0:
  version "2.1.0"
  resolved "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz"
@@ -4622,11 +4438,6 @@ json-schema-traverse@^0.4.1:
  resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz"
  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==

-json-stable-stringify-without-jsonify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
-
 json-stringify-nice@^1.1.4:
  version "1.1.4"
  resolved "https://registry.yarnpkg.com/json-stringify-nice/-/json-stringify-nice-1.1.4.tgz#2c937962b80181d3f317dd39aa323e14f5a60a67"
@@ -4698,14 +4509,6 @@ leven@^2.1.0:
  resolved "https://registry.npmjs.org/leven/-/leven-2.1.0.tgz"
  integrity sha512-nvVPLpIHUxCUoRLrFqTgSxXJ614d8AgQoWl7zPe/2VadE8+1dpU3LBhowRuBAcuwruWtOdD8oYC9jDNJjXDPyA==

-levn@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
-  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
-  dependencies:
-    prelude-ls "^1.2.1"
-    type-check "~0.4.0"
-
 libnpmaccess@^8.0.1:
  version "8.0.5"
  resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-8.0.5.tgz#ef14fecab8385669e91d6be27971ae448064211f"
@@ -4900,11 +4703,6 @@ lodash.isstring@^4.0.1:
  resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451"
  integrity sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==

-lodash.merge@^4.6.2:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
-  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
-
 lodash.uniqby@^4.7.0:
  version "4.7.0"
  resolved "https://registry.yarnpkg.com/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz#d99c07a669e9e6d24e1362dfe266c67616af1302"
@@ -5126,7 +4924,7 @@ minimatch@5.0.1:
  dependencies:
    brace-expansion "^2.0.1"

-minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
  version "3.1.2"
  resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -5328,11 +5126,6 @@ mz@^2.4.0:
    object-assign "^4.0.1"
    thenify-all "^1.0.0"

-natural-compare@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
-
 negotiator@^0.6.3:
  version "0.6.3"
  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
@@ -5706,18 +5499,6 @@ onetime@^6.0.0:
  dependencies:
    mimic-fn "^4.0.0"

-optionator@^0.9.3:
-  version "0.9.4"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
-  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
-  dependencies:
-    deep-is "^0.1.3"
-    fast-levenshtein "^2.0.6"
-    levn "^0.4.1"
-    prelude-ls "^1.2.1"
-    type-check "^0.4.0"
-    word-wrap "^1.2.5"
-
 p-cancelable@^2.0.0:
  version "2.1.1"
  resolved "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.1.1.tgz"
@@ -6127,11 +5908,6 @@ postcss-selector-parser@^6.0.10:
    cssesc "^3.0.0"
    util-deprecate "^1.0.2"

-prelude-ls@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
-  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
-
 prettier@^3.2.5:
  version "3.2.5"
  resolved "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz"
@@ -6993,7 +6769,16 @@ stream-shift@^1.0.2:
  resolved "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.3.tgz"
  integrity sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==

-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
  version "4.2.3"
  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -7063,7 +6848,7 @@ string_decoder@~1.1.1:
  dependencies:
    safe-buffer "~5.1.0"

-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
  version "6.0.1"
  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -7077,6 +6862,13 @@ strip-ansi@^3.0.0:
  dependencies:
    ansi-regex "^2.0.0"

+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
 strip-ansi@^7.0.1, strip-ansi@^7.1.0:
  version "7.1.0"
  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz"
@@ -7116,7 +6908,7 @@ strip-final-newline@^4.0.0:
  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-4.0.0.tgz#35a369ec2ac43df356e3edd5dcebb6429aa1fa5c"
  integrity sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==

-strip-json-comments@3.1.1, strip-json-comments@^3.1.1:
+strip-json-comments@3.1.1:
  version "3.1.1"
  resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz"
  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
@@ -7234,7 +7026,7 @@ text-extensions@^2.0.0:
  resolved "https://registry.yarnpkg.com/text-extensions/-/text-extensions-2.4.0.tgz#a1cfcc50cf34da41bfd047cc744f804d1680ea34"
  integrity sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==

-text-table@^0.2.0, text-table@~0.2.0:
+text-table@~0.2.0:
  version "0.2.0"
  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
@@ -7452,13 +7244,6 @@ tunnel@^0.0.6:
  resolved "https://registry.yarnpkg.com/tunnel/-/tunnel-0.0.6.tgz#72f1314b34a5b192db012324df2cc587ca47f92c"
  integrity sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==

-type-check@^0.4.0, type-check@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
-  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
-  dependencies:
-    prelude-ls "^1.2.1"
-
 type-detect@^4.0.0, type-detect@^4.0.8:
  version "4.0.8"
  resolved "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz"
@@ -7765,11 +7550,6 @@ which@^4.0.0:
  dependencies:
    isexe "^3.1.1"

-word-wrap@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
-  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
-
 wordwrap@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
@@ -7780,7 +7560,7 @@ workerpool@6.2.1:
  resolved "https://registry.npmjs.org/workerpool/-/workerpool-6.2.1.tgz"
  integrity sha512-ILEIE97kDZvF9Wb9f6h5aXK4swSlKGUcOEGiIYb2OOu/IrDU9iwj0fD//SsA6E5ibwJxpEvhullJY4Sl4GcpAw==

-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
  version "7.0.0"
  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -7798,6 +7578,15 @@ wrap-ansi@^6.2.0:
    string-width "^4.1.0"
    strip-ansi "^6.0.0"

+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrap-ansi@^8.1.0:
  version "8.1.0"
  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"
Author	SHA1	Message	Date
copilot-swe-agent[bot]andthomasnordquist	7e6783af03	Enhance Copilot instructions with comprehensive best practices Co-authored-by: thomasnordquist <7721625+thomasnordquist@users.noreply.github.com>	2025-12-19 20:55:44 +00:00
copilot-swe-agent[bot]	831eeee985	Initial plan	2025-12-19 20:51:53 +00:00
Copilot	4843b2ec18	Add MCP introspection support for Electron frontend with Copilot agent integration (#916 )	2025-12-19 21:46:43 +01:00
Thomas Nordquist	803413a087	Merge pull request #897 from scubanarc/license Update license to CC by-nd	2025-08-22 21:19:01 +02:00
Jason Bauer	b457559b4a	Update license	2025-08-21 12:54:21 -07:00
Björn Dalfors	03ba43038c	Merge pull request #812 from thomasnordquist/chore/fix-broken-test-locators fix broken test locators	2024-06-17 09:31:25 +00:00
Björn Dalfors	8975e7b641	Merge pull request #813 from thomasnordquist/chore/dont-use-pull-request-target-for-untrusted-code dont use pull_request_target as it opens the repo for pwnage..	2024-06-17 09:30:23 +00:00
Björn Dalfors	efc9fb9736	dont use pull_request_target as it opens the repo for pwnage..	2024-06-17 11:25:07 +02:00
Björn Dalfors	61f2389c1c	fix broken test locators	2024-06-17 10:01:34 +02:00
Thomas Nordquist	f539e03c7e	Merge pull request #801 from thomasnordquist/feat/set-payload-from-file feat: support save and load payload from file	2024-06-02 08:35:53 +02:00
Thomas Nordquist	724ea5acbf	Merge pull request #804 from thomasnordquist/chore/add-sparkplug-to-demovideo add sparkplug decoding to demo video	2024-06-02 08:34:48 +02:00
Björn Dalfors	e009940530	fix inputs not being cleared	2024-06-01 22:24:41 +02:00
Björn Dalfors	e19178780f	add sparkplug decoding to demo video	2024-06-01 22:24:41 +02:00
Björn Dalfors	3229ef5643	Chore/fix workflow sha (#807 ) * checkout merge commit of PR, not base branch head https://docs.github.com/en/actions/using-workflows/events-that-trigger-workflows#pull_request_target * use link to test result, gif exceeds github allowed content length	2024-06-01 22:23:25 +02:00
Björn Dalfors	b4a6199936	Move file operation to backend	2024-05-29 10:02:00 +02:00
Björn Dalfors	bd6a1a0d2d	Support specifying file encoding	2024-05-29 10:01:32 +02:00
Björn Dalfors	9d09ab2165	move filesystem operation to backend	2024-05-27 22:09:12 +02:00
Björn Dalfors	f17640c9db	feat: save value to file	2024-05-27 22:09:12 +02:00
Björn Dalfors	1ba0d07757	feat: support set payload from file when publishing	2024-05-27 22:09:12 +02:00
Thomas Nordquist	20a3202b5f	Merge pull request #802 from thomasnordquist/tnordquist/fix-hot-reload chore: fix webpack reload	2024-05-27 18:06:08 +02:00
Thomas Nordquist	28b99f5774	chore: fix webpack reload	2024-05-27 18:05:24 +02:00
Thomas Nordquist	42565c8bdc	chore: coerce ui-test to end	2024-05-27 10:07:23 +02:00
Thomas Nordquist	8b43e20f2e	Merge pull request #795 from thomasnordquist/tnordquist/decode-data-in-frontend decode data in frontend	2024-05-25 16:28:53 +02:00
Thomas Nordquist	a2a75588c9	Merge pull request #799 from thomasnordquist/tnordquist/allow-to-connect-with-double-click feat: connect with double-click	2024-05-25 16:28:37 +02:00
Thomas Nordquist	c13b60cd18	Merge pull request #800 from thomasnordquist/tnordquist/fix-eclipse-server chore: update eclipse server url	2024-05-25 16:27:55 +02:00
Thomas Nordquist	18f8da9054	test: fix demo video	2024-05-24 22:29:49 +02:00
Thomas Nordquist	f6856d66cc	chore: update eclipse server url	2024-05-24 22:27:24 +02:00
Thomas Nordquist	79fbd34cfa	feat: connect with double-click	2024-05-24 22:23:26 +02:00
Thomas Nordquist	3bc23e6d74	test: fix demo video	2024-05-24 22:01:13 +02:00