Dependency updates

.github/workflows/ci.yml

@@ -5,23 +5,28 @@ on:
     branches:
       - main
     tags:
-      - '*'
+      - "*"
   pull_request:
     branches:
       - main
   workflow_dispatch:
 
+permissions:
+  contents: read
+
 jobs:
   build:
     name: Build
     runs-on: ubuntu-latest
+    permissions:
+      packages: read
     steps:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
       - uses: actions/setup-node@v4
         with:
-          node-version: 20.x
+          node-version: 22.x
       - name: Build
         env:
           GITHUB_TOKEN: ${{github.token}}

.github/workflows/publish.yml

@@ -11,20 +11,26 @@ on:
       - main
   workflow_dispatch:
 
+permissions:
+  contents: read
+
 jobs:
   publish-github:
     name: Publish Package
     runs-on: ubuntu-latest
-    if: startsWith(github.ref, 'refs/tags/')  
+    permissions:
+      packages: read
+      id-token: write
+    if: startsWith(github.ref, 'refs/tags/')
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: '20.x'          
-          registry-url: 'https://registry.npmjs.org'
+          node-version: 22.x
+          registry-url: https://registry.npmjs.org
+      - name: Update npm (OIDC/provenance support)
+        run: npm i -g npm@latest
       - name: Install
         run: yarn install --ignore-scripts
-      - name: Publish
-        run: yarn publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}
+      - name: Publish (OIDC)
+        run: npm publish

eslint.config.mjs

@@ -1,33 +1,29 @@
 /**********************************************************************************
- * Copyright (c) 2025 EclipseSource and others.
+ * Copyright (c) 2025-2026 EclipseSource, Arm Limited and others.
  *
  * This program and the accompanying materials are made available under the
  * terms of the MIT License as outlined in the LICENSE file.
  **********************************************************************************/
 
 import eslint from '@eslint/js';
-import header from 'eslint-plugin-header';
+import headers from 'eslint-plugin-headers';
 import globals from 'globals';
 import tseslint from 'typescript-eslint';
 
-header.rules.header.meta.schema = false;
-
-export default tseslint.config(
+export default [
     {
-        ignores: ['**/node_modules', '**/lib']
+        ignores: ['**/node_modules', '**/lib'],
     },
     eslint.configs.recommended,
-    tseslint.configs.recommended,
+    ...tseslint.configs.recommended,
     {
         languageOptions: {
             globals: {
                 ...globals.browser,
                 ...globals.commonjs,
                 ...globals.node
             }
-        }
-    },
-    {
+        },
         rules: {
             // ESLint Convention
             quotes: ['error', 'single'],
@@ -84,28 +80,38 @@ export default tseslint.config(
         }
     },
     {
-        name: 'header',
+        name: 'headers',
         files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx', '**/*.mjs', '**/*.cjs'],
         plugins: {
-            header
+            headers: headers
         },
         rules: {
-            'header/header': [
-                2,
-                'block',
-                [
-                    {
-                        pattern: '[\n\r]+ \\* Copyright \\([cC]\\) \\d{4}(-\\d{4})? .*[\n\r]+',
-                        template: `*********************************************************************************
-* Copyright (c) ${new Date().getFullYear()} Company and others.
-*
-* This program and the accompanying materials are made available under the
-* terms of the MIT License as outlined in the LICENSE file.
-*********************************************************************************`
+            'headers/header-format': [
+                'error',
+                {
+                    source: 'string',
+                    style: 'jsdoc',
+                    blockPrefix: '(line)\n',
+                    blockSuffix: '\n (line)',
+                    content: '(copyright)\n\nThis program and the accompanying materials are made available under the\nterms of the MIT License as outlined in the LICENSE (file)',
+                    trailingNewlines: 2,
+                    preservePragmas: true,
+                    patterns: {
+                        copyright: {
+                            pattern: 'Copyright \\([cC]\\) \\d{4}(-\\d{4})? .* and others\\.?',
+                            defaultValue: `Copyright (c) ${new Date().getFullYear()} Company and others.`
+                        },
+                        file: {
+                            pattern: '[fF]ile\\.?',
+                            defaultValue: 'File'
+                        },
+                        line: {
+                            pattern: '\\*+',
+                            defaultValue: '*******************************************************************************'
+                        }
                     }
-                ],
-                2
+                }
             ]
         }
     }
-);
+];

package.json

@@ -22,34 +22,34 @@
         "watch": "tsc -w"
     },
     "dependencies": {
-        "@floating-ui/react": "^0.26.17",
-        "@vscode/codicons": "0.0.20",
+        "@floating-ui/react": "^0.27.19",
+        "@vscode/codicons": "0.0.44",
         "@vscode/webview-ui-toolkit": "^1.4.0",
         "antd": "^5.22.1",
         "re-resizable": "^6.11.2",
-        "react-markdown": "^9.0.1",
-        "remark-gfm": "^4.0.0",
+        "react-markdown": "^10.1.0",
+        "remark-gfm": "^4.0.1",
         "throttle-debounce": "5.0.2",
-        "vscode-messenger": "^0.4.5",
-        "vscode-messenger-common": "^0.4.5",
-        "vscode-messenger-webview": "^0.4.5"
+        "vscode-messenger": "^0.6.0",
+        "vscode-messenger-common": "^0.6.0",
+        "vscode-messenger-webview": "^0.6.0"
     },
     "devDependencies": {
-        "@eslint/js": "^9.21.0",
-        "@types/node": "^20.0.0",
+        "@eslint/js": "^10.0.1",
+        "@types/node": "^22.19.15",
         "@types/react": "^18.0.26",
         "@types/react-dom": "^18.0.9",
         "@types/throttle-debounce": "5.0.2",
-        "@types/vscode": "^1.63.2",
-        "@types/vscode-webview": "^1.57.0",
-        "eslint": "^9.21.0",
-        "eslint-plugin-header": "^3.1.1",
-        "globals": "^16.0.0",
-        "prettier": "^3.5.2",
-        "prettier-plugin-packagejson": "^2.5.8",
-        "rimraf": "^6.0.1",
-        "typescript": "^5.7.3",
-        "typescript-eslint": "^8.25.0"
+        "@types/vscode": "^1.108.1",
+        "@types/vscode-webview": "^1.57.2",
+        "eslint": "^10.0.3",
+        "eslint-plugin-headers": "^1.3.4",
+        "globals": "^17.4.0",
+        "prettier": "^3.8.1",
+        "prettier-plugin-packagejson": "^3.0.2",
+        "rimraf": "^6.1.3",
+        "typescript": "^5.9.3",
+        "typescript-eslint": "^8.56.1"
     },
     "peerDependencies": {
         "react": "^18.2.0",

src/label/label-helpers.tsx

@@ -58,9 +58,11 @@ export function createLabelWithTooltip(child: React.JSX.Element, tooltip?: strin
         <Tooltip>
             <TooltipTrigger>{label}</TooltipTrigger>
             <TooltipContent>
-                <Markdown className='markdown' remarkPlugins={[remarkGfm]}>
-                    {tooltip}
-                </Markdown>
+                <div className='markdown'>
+                    <Markdown remarkPlugins={[remarkGfm]}>
+                        {tooltip}
+                    </Markdown>
+                </div>
             </TooltipContent>
         </Tooltip>
     );