ci: verify assets naming

We might in the future generate automatically from the TypeScript types, generate the Python types.
For the moment, it is not typed, so we use a dict.

.babelrc

@@ -1,23 +0,0 @@
-{
-  "presets": [
-    ["env", {
-      "targets": {
-        "node": "current"
-      }
-    }]
-  ],
-  "plugins": [
-    ["module-resolver", {
-      "alias": {
-        "@@": ".",
-        "@": "./server/src"
-      },
-      "compilerOptions": {
-        "paths": {
-          "@@": ".",
-          "@": "./server/src"
-        }
-      }
-    }]
-  ]
-}

.circleci/config.yml

@@ -1,151 +0,0 @@
-version: 2
-
-defaults: &defaults
-  working_directory: ~/project/leon-ai/leon
-  docker:
-    - image: leonai/ci:latest
-  environment:
-    LC_ALL: C.UTF-8 # Fix https://click.palletsprojects.com/en/7.x/python3/#python-3-surrogate-handling
-    LANG: C.UTF-8 # Fix https://click.palletsprojects.com/en/7.x/python3/#python-3-surrogate-handling
-    PIPENV_PIPFILE: bridges/python/Pipfile
-
-jobs:
-  check-stack:
-    <<: *defaults
-    steps:
-      - checkout
-      - run:
-          name: Checking Node.js
-          command: node --version
-      - run:
-          name: Checking npm
-          command: npm --version
-      - run:
-          name: Checking Python
-          command: python3 --version
-      - run:
-          name: Checking Pipenv
-          command: pipenv --version
-      - persist_to_workspace:
-          root: ~/project/leon-ai
-          paths:
-            - leon
-
-  install-npm-dep:
-    <<: *defaults
-    steps:
-      - attach_workspace:
-          at: ~/project/leon-ai
-      - restore_cache:
-          keys:
-            - v1-leon-ai-leon-{{ .Branch }}-{{ checksum "package-lock.json" }}
-            - v1-leon-ai-leon-{{ .Branch }}-
-            - v1-leon-ai-leon-
-      - run:
-          name: Installing npm dependencies
-          command: npm install
-      - save_cache:
-          key: v1-leon-ai-leon-{{ .Branch }}-{{ checksum "package-lock.json" }}
-          paths:
-            - node_modules
-      - persist_to_workspace:
-          root: ~/project/leon-ai
-          paths:
-            - leon
-
-  init:
-    <<: *defaults
-    steps:
-      - attach_workspace:
-          at: ~/project/leon-ai
-      - restore_cache:
-          keys:
-            - v1-leon-ai-leon-{{ .Branch }}-{{ checksum "bridges/python/Pipfile.lock" }}
-            - v1-leon-ai-leon-{{ .Branch }}-
-            - v1-leon-ai-leon-
-      - run:
-          name: Setting up
-          command: npm run postinstall
-      - save_cache:
-          key: v1-leon-ai-leon-{{ .Branch }}-{{ checksum "bridges/python/Pipfile.lock" }}
-          paths:
-            - bridges/python/.venv
-      - persist_to_workspace:
-          root: ~/project/leon-ai
-          paths:
-            - leon
-
-  lint:
-    <<: *defaults
-    steps:
-      - attach_workspace:
-          at: ~/project/leon-ai
-      - run:
-          name: Linting
-          command: npm run lint
-
-  test-json:
-    <<: *defaults
-    steps:
-      - attach_workspace:
-          at: ~/project/leon-ai
-      - run:
-          name: JSON testing
-          command: npm run test:json
-
-  test-e2e:
-    <<: *defaults
-    steps:
-      - attach_workspace:
-          at: ~/project/leon-ai
-      - run:
-          name: End-to-end testing
-          command: npm run test:e2e
-
-  test-unit:
-    <<: *defaults
-    steps:
-      - attach_workspace:
-          at: ~/project/leon-ai
-      - run:
-          name: Installing offline STT
-          command: npm run setup:offline-stt
-      - run:
-          name: Installing offline TTS
-          command: npm run setup:offline-tts
-      - run:
-          name: Unit testing
-          command: npm run test:unit
-
-workflows:
-  version: 2
-  install-test:
-    jobs:
-      - check-stack
-      - install-npm-dep:
-          requires:
-            - check-stack
-      - init:
-          requires:
-            - check-stack
-            - install-npm-dep
-      - lint:
-          requires:
-            - check-stack
-            - install-npm-dep
-            - init
-      - test-json:
-          requires:
-            - check-stack
-            - install-npm-dep
-            - init
-      - test-e2e:
-          requires:
-            - check-stack
-            - install-npm-dep
-            - init
-      - test-unit:
-          requires:
-            - check-stack
-            - install-npm-dep
-            - init

.editorconfig

@@ -1,4 +1,4 @@
-# EditorConfig is awesome: http://EditorConfig.org
+# EditorConfig is awesome: https://EditorConfig.org
 
 # top-most EditorConfig file
 root = true
@@ -10,3 +10,6 @@ indent_size = 2
 charset = utf-8
 end_of_line = lf
 insert_final_newline = true
+
+[*.py]
+indent_size = 4

.env.sample

@@ -1,16 +1,24 @@
+# Main settings of Leon
+# https://docs.getleon.ai/configuration
+
 # Language currently used
 LEON_LANG=en-US
 
-# Current env
-LEON_NODE_ENV=development
-
 # Server
-LEON_SERVER_HOST=localhost
-LEON_SERVER_PORT=1337
+LEON_HOST=http://localhost
+LEON_PORT=1337
 
-# Web app
-LEON_WEBAPP_HOST=localhost
-LEON_WEBAPP_PORT=4242
+# Enable/disable LLM
+LEON_LLM=false
+# LLM provider
+LEON_LLM_PROVIDER=local
+# LLM provider API key (if not local)
+LEON_LLM_PROVIDER_API_KEY=
+# Enable/disable LLM natural language generation
+LEON_LLM_NLG=false
+# Enable/disable LLM Action Recognition
+# Can fallback to chit-chat if no action is recognized
+LEON_LLM_ACTION_RECOGNITION=false
 
 # Time zone (current one by default)
 LEON_TIME_ZONE=
@@ -18,25 +26,35 @@ LEON_TIME_ZONE=
 # Enable/disable after speech
 LEON_AFTER_SPEECH=false
 
+# Enable/disable Leon's wake word
+LEON_WAKE_WORD=false
+
 # Enable/disable Leon's speech-to-text
 LEON_STT=false
 # Speech-to-text provider
-LEON_STT_PROVIDER=deepspeech
+LEON_STT_PROVIDER=coqui-stt
 
 # Enable/disable Leon's text-to-speech
 LEON_TTS=false
 # Text-to-speech provider
 LEON_TTS_PROVIDER=flite
 
-# Enable/disable collaborative logger
-LEON_LOGGER=true
+# Enable/disable skills to be available over HTTP
+LEON_OVER_HTTP=true
+# HTTP API key (use "npm run generate:http-api-key" to regenerate one)
+LEON_HTTP_API_KEY=
+# Language used for the HTTP API
+LEON_HTTP_API_LANG=en-US
+
+# Enable/disable telemetry
+LEON_TELEMETRY=true
+
+# Python TCP server
+LEON_PY_TCP_SERVER_HOST=0.0.0.0
+LEON_PY_TCP_SERVER_PORT=1342
 
 # Path to the Pipfile
-PIPENV_PIPFILE=bridges/python/Pipfile
+PIPENV_PIPFILE=tcp_server/src/Pipfile
 
 # Path to the virtual env in .venv/
 PIPENV_VENV_IN_PROJECT=true
-
-# Fix https://click.palletsprojects.com/en/7.x/python3/#python-3-surrogate-handling
-LC_ALL=C.UTF-8
-LANG=C.UTF-8

.eslintrc.json

@@ -1,39 +0,0 @@
-{
-  "extends": "airbnb-base",
-  "env": {
-    "node": true,
-    "es6": true,
-    "browser": true,
-    "jest/globals": true
-  },
-  "globals": {
-    "io": true,
-    "webkitSpeechRecognition": true
-  },
-  "plugins": [
-    "import",
-    "jest"
-  ],
-  "settings": {
-    "import/resolver": {
-      "babel-module": { }
-    }
-  },
-  "rules": {
-    "no-multi-assign": "off",
-    "no-trailing-spaces": "off",
-    "linebreak-style": "off",
-    "indent": "off",
-    "strict": "off",
-    "no-console": "off",
-    "no-param-reassign": "off",
-    "no-shadow": "off",
-    "import/no-extraneous-dependencies": "off",
-    "import/no-dynamic-require": "off",
-    "no-underscore-dangle": ["error", { "allowAfterThis": true }],
-    "space-before-function-paren": ["error", "always"],
-    "prefer-destructuring": ["error", { "array": true, "object": true }],
-    "comma-dangle": ["error", "never"],
-    "semi": ["error", "never"]
-  }
-}

.github/CODE_OF_CONDUCT.md

@@ -14,21 +14,21 @@ appearance, race, religion, or sexual identity and orientation.
 Examples of behavior that contributes to creating a positive environment
 include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or
+- The use of sexualized language or imagery and unwelcome sexual attention or
   advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic
   address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Our Responsibilities
@@ -55,7 +55,7 @@ further defined and clarified by project maintainers.
 ## Enforcement
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at <louis.grenard@gmail.com>. All
+reported by contacting the project team at <louis@getleon.ai>. All
 complaints will be reviewed and investigated and will result in a response that
 is deemed necessary and appropriate to the circumstances. The project team is
 obligated to maintain confidentiality with regard to the reporter of an incident.

.github/CONTRIBUTING.md

@@ -2,7 +2,7 @@
 
 Thanks a lot for your interest in contributing to Leon! :heart:
 
-**Leon needs open-source to live**, the more modules he has, the more skillful he becomes.
+**Leon needs open source to live**, the more skills he has, the more skillful he becomes.
 
 **Before submitting your contribution**, please take a moment to review this document.
 
@@ -12,59 +12,74 @@ Please note we have a [code of conduct](https://github.com/leon-ai/leon/blob/dev
 
 Here are few examples about how you could help on Leon, by:
 
-- [Creating a new module](https://docs.getleon.ai/packages-modules.html).
-- [Working on new features](https://roadmap.getleon.ai) (what is in backlog or todo).
+- [Creating a new module](https://docs.getleon.ai/packages-modules).
+- [Working on new features](http://roadmap.getleon.ai) (what is in backlog or todo).
 - [Suggesting new ideas](https://github.com/leon-ai/leon/issues/new/choose).
 - [Reporting a bug](https://github.com/leon-ai/leon/issues/new?labels=bug&template=BUG.md).
 - [Improving the documentation](https://github.com/leon-ai/docs.getleon.ai) (translations, typos, better writing, etc.).
-- [Buying me a fruit juice](https://donate.getleon.ai).
-
+- [Sponsoring Leon](http://sponsor.getleon.ai).
 
 ## Pull Requests
 
-**Working on your first Pull Request?** You can learn how from this *free* series [How to Contribute to an Open Source Project on GitHub](https://egghead.io/series/how-to-contribute-to-an-open-source-project-on-github).
+**Working on your first Pull Request?** You can learn how from this _free_ series [How to Contribute to an Open Source Project on GitHub](https://egghead.io/courses/how-to-contribute-to-an-open-source-project-on-github).
 
 - **Please first discuss** the change you wish to make via [issue](https://github.com/leon-ai/leon/issues),
-email, or any other method with the owners of this repository before making a change.
-It might avoid a waste of your time.
+  email, or any other method with the owners of this repository before making a change.
+  It might avoid a waste of your time.
+
 - The `master` branch is actually used as a snapshot of the latest stable release. **Do not submit your PRs
-against the `master` branch**.
+  against the `master` branch**.
+
 - Ensure your code **respect our coding standards** (cf. [.eslintrc.json](https://github.com/leon-ai/leon/blob/develop/.eslintrc.json)).
-To do so, you can run:
+  To do so, you can run:
 
   ```sh
   npm run lint
   ```
+
 - Make sure your **code passes the tests**. You can run the tests via the following command:
-  
+
   ```sh
   npm test
   ```
-  
+
   If you're adding new features to Leon, please include tests.
-  
+
 ## Development Setup
 
-- Follow the [basic setup](https://github.com/leon-ai/leon/blob/develop/README.md#getting-started).
-- Then:
+Choose the setup method you want to go for.
 
-  ```sh
-  # run development server
-  npm run dev:server
-  
-  # run development web app
-  npm run dev:app
-  
-  # run the wake word node (optional)
-  npm run wake
-  ```
+### Single-Click
+
+Gitpod will automatically set up an environment and run an instance for you.
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/leon-ai/leon)
+
+### Basic
+
+```sh
+# Clone the repository
+git clone https://github.com/leon-ai/leon.git leon
+
+# Go to the project root
+cd leon
+
+# Install
+npm install
+
+# Check the setup went well
+npm run check
+
+# Run the development server
+npm run dev:server
+
+# Run the development web app
+npm run dev:app
+```
 
 ## Versioning
 
 - We use [Semantic Versioning](https://semver.org) for releases.
-- A new Leon module creation increases the MINOR version number of its relevant Leon package.
-- Each time a MAJOR or MINOR version number of a Leon package is increased, then the MINOR version number of the project should also be increased.
-- Each time a PATCH version number of a Leon package is increased, then the PATCH version number of the projet should also be increased.
 
 ## Commits
 
@@ -74,41 +89,128 @@ The commit message guideline is adapted from the [AngularJS Git Commit Guideline
 
 Types define which kind of changes you made to the project.
 
-| Types         | Description |
-| ------------- |-------------|
-| BREAKING      | Changes including breaking changes. |
-| build         | New build version. |
-| chore         | Changes to the build process or auxiliary tools such as changelog generation. No production code change. |
-| docs          | Documentation only changes. |
-| feat          | A new feature. |
-| fix           | A big fix. |
-| perf          | A code change that improves performance. |
-| refactor      | A code change that neither fixes a bug nor adds a feature. |
-| style         | Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc.). |
-| test          | Adding missing or correcting existing tests. |
+| Types    | Description                                                                                              |
+| -------- | -------------------------------------------------------------------------------------------------------- |
+| BREAKING | Changes including breaking changes.                                                                      |
+| build    | New build version.                                                                                       |
+| chore    | Changes to the build process or auxiliary tools such as changelog generation. No production code change. |
+| ci       | Changes related to continuous integration only (GitHub Actions, CircleCI, etc.).                         |
+| docs     | Documentation only changes.                                                                              |
+| feat     | A new feature.                                                                                           |
+| fix      | A bug fix.                                                                                               |
+| perf     | A code change that improves performance.                                                                 |
+| refactor | A code change that neither fixes a bug nor adds a feature.                                               |
+| style    | Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc.). |
+| test     | Adding missing or correcting existing tests.                                                             |
 
 ### Scopes
 
 Scopes define high-level nodes of Leon.
 
-- web app
-- server
+- bridge/python
+- bridge/nodejs
 - hotword
-- package/package_name
+- scripts
+- server
+- tcp server
+- web app
+- skill/skill_name
 
 ### Examples
 
 ```sh
 git commit -m "feat(server): awesome new server feature"
-git commit -m "docs(package/leon): fix spelling"
+git commit -m "docs(skill/leon): fix spelling"
 git commit -m "chore: split training script into awesome blocks"
 git commit -m "style(web app): remove chatbot useless parentheses"
 ```
 
-## Donate
+### GUI Clients
 
-You can also contribute by [buying me a fruit juice](https://donate.getleon.ai).
+If you are using a GUI client such as GitKraken, you may need to disable the default Git executable to make sure to use your default shell.
+Otherwise you may encounter an error such as "npx not found".
+
+## Sponsor
+
+You can also contribute by [sponsoring Leon](http://sponsor.getleon.ai).
+
+Please note that I dedicate most of my free time to Leon.
+
+By sponsoring the project you make the project sustainable and faster to develop features.
+
+The focus is not only limited to the activity you see on GitHub but also a lot of thinking about the direction of the project. Which is naturally related to the overall design, architecture, vision, learning process and so on...
+
+## Contributing to the Python Bridge or TCP HttpServer
+
+Leon makes use of two binaries, the Python bridge and the TCP server. These binaries are compiled from Python sources.
+
+The Python bridge is used to communicate between the core and skills made with Python.
+
+The TCP server is used to communicate between the core and third-party nodes, such as spaCy.
+
+### Set Up the Python Environment
+
+To contribute to these parts, you need to set up a Python environment running with a specific Python version and a specific Pipenv version.
+
+It is recommended to use Pyenv to manage your Python versions.
+
+If you are on GNU/Linux Ubuntu, you can run the following to install Pyenv, otherwise, please refer to the [Pyenv documentation to install it](https://github.com/pyenv/pyenv#installation):
+
+```bash
+# Update registry
+sudo apt-get update
+
+# Install Pyenv deps
+sudo apt-get install make build-essential libssl-dev zlib1g-dev \
+libbz2-dev libreadline-dev libsqlite3-dev wget curl llvm \
+libncursesw5-dev xz-utils tk-dev libxml2-dev libxmlsec1-dev libffi-dev liblzma-dev
+
+# Install Pyenv
+curl https://pyenv.run | bash
+
+# Add output lines to .bashrc
+
+# Restart shell
+exec "$SHELL"
+```
+
+Once Pyenv installed, run:
+
+```bash
+# Install Python
+pyenv install 3.11.9 --force
+pyenv global 3.11.9
+
+# Install Pipenv
+pip install pipenv==2024.0.1
+```
+
+Your Python environment should be ready now. So now you can set up the respective environments according to what you are going to contribute to and build them:
+
+```bash
+# Set up the Python bridge environment
+npm run setup:python-bridge
+
+# Set up the TCP server environment
+npm run setup:tcp-server
+# If you are in China, you can run this to download models faster:
+npm run setup:tcp-server cn
+
+# Once your code changes are done, you can build via:
+
+# Build the Python bridge
+npm run build:python-bridge
+
+# Build the TCP server
+npm run build:tcp-server
+
+# Run the Python bridge
+./bridges/python/dist/{OS-CPU_ARCH}/leon-python-bridge server/src/intent-object.sample.json
+
+# Run the TCP server
+./tcp_server/dist/{OS-CPU_ARCH}/leon-tcp-server en
+```
 
 ## Spread the Word
 
-Use [#LeonAI](https://twitter.com/hashtag/LeonAI) if you tweet about Leon and/or mention [@louistiti_fr](https://twitter.com/louistiti_fr).
+Use [#LeonAI](<https://twitter.com/search?f=live&q=%23LeonAI%20(from%3Agrenlouis%20OR%20from%3Alouistiti_fr)&src=typed_query>) if you tweet about Leon and/or mention [@grenlouis](https://twitter.com/grenlouis).

.github/FUNDING.yml

@@ -0,0 +1,8 @@
+# These are supported funding model platforms
+
+github: [louistiti]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+custom: # http://sponsor.getleon.ai

.github/ISSUE_TEMPLATE.md

@@ -1,7 +0,0 @@
-<!--
-
-Thanks for your interest in Leon! ❤️
-
-Please check if there is no similar issue before creating this one.
-
--->

.github/ISSUE_TEMPLATE/BUG.md

@@ -7,6 +7,7 @@ labels: bug
 <!--
 Thanks for your interest in Leon! ❤️
 Please check if there is no similar issue before creating this one.
+If the bug is related to the setup, please submit the issue at: https://github.com/leon-ai/leon-cli/issues/new/choose
 -->
 
 ### Specs
@@ -14,8 +15,8 @@ Please check if there is no similar issue before creating this one.
 - Leon version:
 - OS (or browser) version:
 - Node.js version:
-- Complete "npm run check" output:
-- (optional) Leon package version:
+- Complete "leon check" (or "npm run check") output:
+- (optional) Leon skill version:
 
 ### Expected Behavior
 

.github/ISSUE_TEMPLATE/DOCS.md

@@ -12,6 +12,7 @@ Please place an x (no spaces - [x]) in all [ ] that apply.
 -->
 
 ### Documentation Is:
+
 - [ ] Missing
 - [ ] Needed
 - [ ] Confusing

.github/PULL_REQUEST_TEMPLATE.md

@@ -14,6 +14,7 @@ Please place an x (no spaces - [x]) in all [ ] that apply.
 -->
 
 ### What type of change does this PR introduce?
+
 - [ ] Bugfix
 - [ ] Feature
 - [ ] Refactor
@@ -21,10 +22,10 @@ Please place an x (no spaces - [x]) in all [ ] that apply.
 - [ ] Not Sure?
 
 ### Does this PR introduce breaking changes?
+
 - [ ] Yes
 - [ ] No
 
 ### List any relevant issue numbers:
 
 ### Description:
-

.github/workflows/build.yml

@@ -0,0 +1,39 @@
+name: Build
+
+on:
+  push:
+    # branches: [master, develop]
+    branches: [master]
+  pull_request:
+    # branches: [master, develop]
+    branches: [master]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Python
+        uses: actions/setup-python@v2
+        with:
+          python-version: 3.x
+
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16.x
+          cache: npm
+
+      - name: Install Pipenv
+        run: pip install --upgrade pip && pip install pipenv
+
+      - name: Install
+        run: npm install
+
+      - name: Check setup
+        run: npm run check
+
+      - name: Build
+        run: npm run build

.github/workflows/lint.yml

@@ -0,0 +1,36 @@
+name: Lint
+
+on:
+  push:
+    # branches: [master, develop]
+    branches: [master]
+  pull_request:
+    # branches: [master, develop]
+    branches: [master]
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Python
+        uses: actions/setup-python@v2
+        with:
+          python-version: 3.x
+
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16.x
+          cache: npm
+
+      - name: Install Pipenv
+        run: pip install --upgrade pip && pip install pipenv
+
+      - name: Install
+        run: npm install
+
+      - name: Run linter
+        run: npm run lint

.github/workflows/pre-release-nodejs-bridge.yml

@@ -0,0 +1,120 @@
+name: Pre-release Node.js bridge
+
+on: workflow_dispatch
+
+jobs:
+  build:
+    name: Build
+
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+          - os: ubuntu-22.04
+            arch: linux-x86_64
+            python_arch: x64
+
+    runs-on: ${{ matrix.os }}
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - name: Create CI lockfile
+        env:
+          NPM_CONFIG_PACKAGE_LOCK: true
+          PNPM_CONFIG_LOCKFILE: true
+        run: pnpm install --lockfile-only --no-frozen-lockfile
+
+      - name: Get pnpm store path
+        id: pnpm-store
+        shell: bash
+        run: echo "path=$(pnpm store path --silent)" >> "$GITHUB_OUTPUT"
+
+      - name: Cache pnpm store
+        uses: actions/cache@v4
+        with:
+          path: ${{ steps.pnpm-store.outputs.path }}
+          key: ${{ runner.os }}-pnpm-${{ matrix.arch }}-${{ hashFiles('pnpm-lock.yaml', 'package.json') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-${{ matrix.arch }}-
+
+      - name: Set Node.js bridge version
+        working-directory: bridges/nodejs/src
+        run: |
+          echo "NODEJS_BRIDGE_VERSION=$(node --require fs --eval "const fs = require('node:fs'); const [, VERSION] = fs.readFileSync('version.ts', 'utf8').split(\"'\"); console.log(VERSION)")" >> $GITHUB_ENV
+
+      - name: Display Node.js bridge version
+        run: |
+          echo "Node.js bridge version: ${{ env.NODEJS_BRIDGE_VERSION }}"
+
+      - name: Install core
+        run: pnpm install --no-frozen-lockfile
+
+      - name: Build Node.js bridge
+        run: pnpm run build:nodejs-bridge
+
+      - name: Upload Node.js bridge
+        uses: actions/upload-artifact@v4
+        with:
+          name: nodejs-bridge-${{ matrix.arch }}
+          path: bridges/nodejs/dist/*.zip
+
+  draft-release:
+    name: Draft-release
+    needs: [build]
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - name: Set Node.js bridge version
+        working-directory: bridges/nodejs/src
+        run: |
+          echo "NODEJS_BRIDGE_VERSION=$(node --require fs --eval "const fs = require('node:fs'); const [, VERSION] = fs.readFileSync('version.ts', 'utf8').split(\"'\"); console.log(VERSION)")" >> $GITHUB_ENV
+
+      - name: Download Node.js bridge
+        uses: actions/download-artifact@v4
+        with:
+          path: bridges/nodejs/dist
+          merge-multiple: true
+
+      - name: Verify Node.js bridge assets
+        shell: bash
+        run: |
+          set -euo pipefail
+          ls -la bridges/nodejs/dist
+          required=(
+            "bridges/nodejs/dist/leon-nodejs-bridge.zip"
+          )
+          for asset in "${required[@]}"; do
+            [ -f "$asset" ] || { echo "Missing asset: $asset"; exit 1; }
+          done
+
+      - name: Create draft release
+        uses: softprops/action-gh-release@v2
+        with:
+          tag_name: nodejs-bridge_v${{ env.NODEJS_BRIDGE_VERSION }}
+          name: Node.js Bridge ${{ env.NODEJS_BRIDGE_VERSION }}
+          draft: true
+          prerelease: false
+          files: bridges/nodejs/dist/*.zip
+          generate_release_notes: true
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/pre-release-python-bridge.yml

@@ -0,0 +1,152 @@
+name: Pre-release Python bridge
+
+on: workflow_dispatch
+
+env:
+  PIPENV_PIPFILE: bridges/python/src
+  PIPENV_VENV_IN_PROJECT: true
+
+jobs:
+  build:
+    name: Build
+
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+          - os: ubuntu-latest
+            arch: linux-x86_64
+            python_arch: x64
+          - os: ubuntu-22.04-arm
+            arch: linux-aarch64
+            python_arch: arm64
+          - os: macos-15-intel
+            arch: macosx-x86_64
+            python_arch: x64
+          - os: macos-latest
+            arch: macosx-arm64
+            python_arch: arm64
+          - os: windows-latest
+            arch: win-amd64
+            python_arch: x64
+
+    runs-on: ${{ matrix.os }}
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v4
+
+      - name: Install Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: 3.11.9
+          architecture: ${{ matrix.python_arch }}
+
+      - name: Install Pipenv
+        run: pip install --upgrade pip && pip install pipenv==2024.0.1
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - name: Create CI lockfile
+        env:
+          NPM_CONFIG_PACKAGE_LOCK: true
+          PNPM_CONFIG_LOCKFILE: true
+        run: pnpm install --lockfile-only --no-frozen-lockfile
+
+      - name: Get pnpm store path
+        id: pnpm-store
+        shell: bash
+        run: echo "path=$(pnpm store path --silent)" >> "$GITHUB_OUTPUT"
+
+      - name: Cache pnpm store
+        uses: actions/cache@v4
+        with:
+          path: ${{ steps.pnpm-store.outputs.path }}
+          key: ${{ runner.os }}-pnpm-${{ matrix.arch }}-${{ hashFiles('pnpm-lock.yaml', 'package.json') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-${{ matrix.arch }}-
+
+      - name: Set Python bridge version
+        working-directory: bridges/python/src
+        run: |
+          echo "PYTHON_BRIDGE_VERSION=$(python -c "from version import __version__; print(__version__)")" >> $GITHUB_ENV
+
+      - name: Display Python bridge version
+        run: |
+          echo "Python bridge version: ${{ env.PYTHON_BRIDGE_VERSION }}"
+
+      - name: Install core
+        run: pnpm install --no-frozen-lockfile
+
+      - name: Set up Python bridge
+        run: pnpm run setup:python-bridge
+
+      - name: Build Python bridge
+        run: pnpm run build:python-bridge
+
+      - name: Upload Python bridge
+        uses: actions/upload-artifact@v4
+        with:
+          name: python-bridge-${{ matrix.arch }}
+          path: bridges/python/dist/*.zip
+
+  draft-release:
+    name: Draft-release
+    needs: [build]
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v4
+
+      - name: Install Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: 3.11.9
+
+      - name: Set Python bridge version
+        working-directory: bridges/python/src
+        run: |
+          echo "PYTHON_BRIDGE_VERSION=$(python -c "from version import __version__; print(__version__)")" >> $GITHUB_ENV
+
+      - name: Download Python bridge
+        uses: actions/download-artifact@v4
+        with:
+          path: bridges/python/dist
+          merge-multiple: true
+
+      - name: Verify Python bridge assets
+        shell: bash
+        run: |
+          set -euo pipefail
+          ls -la bridges/python/dist
+          required=(
+            "bridges/python/dist/leon-python-bridge-linux-aarch64.zip"
+            "bridges/python/dist/leon-python-bridge-linux-x86_64.zip"
+            "bridges/python/dist/leon-python-bridge-macosx-arm64.zip"
+            "bridges/python/dist/leon-python-bridge-macosx-x86_64.zip"
+            "bridges/python/dist/leon-python-bridge-win-amd64.zip"
+          )
+          for asset in "${required[@]}"; do
+            [ -f "$asset" ] || { echo "Missing asset: $asset"; exit 1; }
+          done
+
+      - name: Create draft release
+        uses: softprops/action-gh-release@v2
+        with:
+          tag_name: python-bridge_v${{ env.PYTHON_BRIDGE_VERSION }}
+          name: Python Bridge ${{ env.PYTHON_BRIDGE_VERSION }}
+          draft: true
+          prerelease: false
+          files: bridges/python/dist/*.zip
+          generate_release_notes: true
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/pre-release-tcp-server.yml

@@ -0,0 +1,152 @@
+name: Pre-release TCP server
+
+on: workflow_dispatch
+
+env:
+  PIPENV_PIPFILE: tcp_server/src
+  PIPENV_VENV_IN_PROJECT: true
+
+jobs:
+  build:
+    name: Build
+
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+          - os: ubuntu-latest
+            arch: linux-x86_64
+            python_arch: x64
+          - os: ubuntu-22.04-arm
+            arch: linux-aarch64
+            python_arch: arm64
+          - os: macos-15-intel
+            arch: macosx-x86_64
+            python_arch: x64
+          - os: macos-latest
+            arch: macosx-arm64
+            python_arch: arm64
+          - os: windows-latest
+            arch: win-amd64
+            python_arch: x64
+
+    runs-on: ${{ matrix.os }}
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v4
+
+      - name: Install Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: 3.11.9
+          architecture: ${{ matrix.python_arch }}
+
+      - name: Install Pipenv
+        run: pip install --upgrade pip && pip install pipenv==2024.0.1
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - name: Create CI lockfile
+        env:
+          NPM_CONFIG_PACKAGE_LOCK: true
+          PNPM_CONFIG_LOCKFILE: true
+        run: pnpm install --lockfile-only --no-frozen-lockfile
+
+      - name: Get pnpm store path
+        id: pnpm-store
+        shell: bash
+        run: echo "path=$(pnpm store path --silent)" >> "$GITHUB_OUTPUT"
+
+      - name: Cache pnpm store
+        uses: actions/cache@v4
+        with:
+          path: ${{ steps.pnpm-store.outputs.path }}
+          key: ${{ runner.os }}-pnpm-${{ matrix.arch }}-${{ hashFiles('pnpm-lock.yaml', 'package.json') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-${{ matrix.arch }}-
+
+      - name: Set TCP server version
+        working-directory: tcp_server/src
+        run: |
+          echo "TCP_SERVER_VERSION=$(python -c "from version import __version__; print(__version__)")" >> $GITHUB_ENV
+
+      - name: Display TCP server version
+        run: |
+          echo "TCP server version: ${{ env.TCP_SERVER_VERSION }}"
+
+      - name: Install core
+        run: pnpm install --no-frozen-lockfile
+
+      - name: Set up TCP server
+        run: pnpm run setup:tcp-server
+
+      - name: Build TCP server
+        run: pnpm run build:tcp-server
+
+      - name: Upload TCP server
+        uses: actions/upload-artifact@v4
+        with:
+          name: tcp-server-${{ matrix.arch }}
+          path: tcp_server/dist/*.zip
+
+  draft-release:
+    name: Draft-release
+    needs: [build]
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v4
+
+      - name: Install Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: 3.11.9
+
+      - name: Set TCP server version
+        working-directory: tcp_server/src
+        run: |
+          echo "TCP_SERVER_VERSION=$(python -c "from version import __version__; print(__version__)")" >> $GITHUB_ENV
+
+      - name: Download TCP server
+        uses: actions/download-artifact@v4
+        with:
+          path: tcp_server/dist
+          merge-multiple: true
+
+      - name: Verify TCP server assets
+        shell: bash
+        run: |
+          set -euo pipefail
+          ls -la tcp_server/dist
+          required=(
+            "tcp_server/dist/leon-tcp-server-linux-aarch64.zip"
+            "tcp_server/dist/leon-tcp-server-linux-x86_64.zip"
+            "tcp_server/dist/leon-tcp-server-macosx-arm64.zip"
+            "tcp_server/dist/leon-tcp-server-macosx-x86_64.zip"
+            "tcp_server/dist/leon-tcp-server-win-amd64.zip"
+          )
+          for asset in "${required[@]}"; do
+            [ -f "$asset" ] || { echo "Missing asset: $asset"; exit 1; }
+          done
+
+      - name: Create draft release
+        uses: softprops/action-gh-release@v2
+        with:
+          tag_name: tcp-server_v${{ env.TCP_SERVER_VERSION }}
+          name: TCP Server ${{ env.TCP_SERVER_VERSION }}
+          draft: true
+          prerelease: false
+          files: tcp_server/dist/*.zip
+          generate_release_notes: true
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/tests.yml

@@ -0,0 +1,51 @@
+name: Tests
+
+on:
+  push:
+    # branches: [master, develop]
+    branches: [master]
+  pull_request:
+    # branches: [master, develop]
+    branches: [master]
+
+jobs:
+  tests:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Python
+        uses: actions/setup-python@v2
+        with:
+          python-version: 3.x
+
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16.x
+          cache: npm
+
+      - name: Install Pipenv
+        run: pip install --upgrade pip && pip install pipenv
+
+      - name: Install
+        run: npm install
+
+      - name: Run JSON tests
+        run: npm run test:json
+
+      - name: Run over HTTP tests
+        run: npm run test:over-http
+
+      - name: Run E2E tests
+        run: npm run test:e2e
+
+      - name: Install offline STT
+        run: npm run setup:offline-stt
+
+      - name: Install offline TTS
+        run: npm run setup:offline-tts
+
+      - name: Run unit tests
+        run: npm run test:unit

.gitignore

@@ -1,26 +1,48 @@
 __pycache__/
 .idea/
-**/dist/
+.fleet/
+.vscode/
+**/dist/*
+**/build/
 **/node_modules/
 test/coverage/
 **/tmp/*
-bridges/python/.venv/*
-downloads/*
+**/src/.venv/*
 logs/*
-server/src/config/**/*.json
-bin/deepspeech/*
+core/config/**/*.json
+bin/coqui/*
 bin/flite/*
+bin/nvidia/*
+bin/pytorch/torch/*
+scripts/out/*.md
 
+package-lock.json
 *.pyc
 .DS_Store
+*.sublime-workspace
 npm-debug.log
 debug.log
 .env
-!**/.gitkeep
-!bridges/python/.venv/.gitkeep
+.last-skill-npm-install
+leon.json
+bridges/python/src/Pipfile.lock
+bridges/toolkits/**/bins
+tcp_server/src/Pipfile.lock
+!tcp_server/**/.gitkeep
+!bridges/toolkits/**/.gitkeep
+!bridges/python/**/.gitkeep
+!bridges/nodejs/**/.gitkeep
 !**/*.sample*
-packages/**/config/config.json
-packages/**/data/db/*.json
-server/src/data/expressions/classifier.json
-app/js/main.js
+skills/**/src/settings.json
+skills/**/memory/*.json
+bridges/toolkits/**/settings.json
+core/data/models/*.nlp
+core/data/models/*.json
+core/data/models/llm/*
+core/data/models/audio/tts/**/*.*
+!core/data/models/audio/tts/config.json
+core/data/models/audio/asr/**/*.*
+!core/data/models/**/.gitkeep
 package.json.backup
+.python-version
+schemas/**/*.json

.gitpod.yml

@@ -0,0 +1,19 @@
+image: gitpod/workspace-full
+
+tasks:
+  - before: npm install -g @leon-ai/cli
+    init: leon create birth
+    command: leon start
+
+ports:
+  - port: 1337
+    onOpen: notify
+
+github:
+  prebuilds:
+    master: true
+    branches: true
+    pullRequests: true
+    addComment: true
+    addBadge: true
+    addLabel: true

.husky/commit-msg

@@ -0,0 +1,8 @@
+if ! [ -x "$(command -v npm)" ]; then
+  echo "npm: command not found"
+  echo "If you use a version manager tool such as nvm and a git GUI such as GitKraken, please read: https://typicode.github.io/husky/how-to.html#node-version-managers-and-guis" >&2
+  exit 1
+else
+  npx tsx scripts/commit-msg.js
+fi
+

.husky/pre-commit

@@ -0,0 +1,7 @@
+if ! [ -x "$(command -v npm)" ]; then
+  echo "npm: command not found"
+  echo "If you use a version manager tool such as nvm and a git GUI such as GitKraken, please read: https://typicode.github.io/husky/how-to.html#node-version-managers-and-guis" >&2
+  exit 1
+else
+  npm run pre-commit
+fi

.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "*": ["npm run lint"]
+}

.npmrc

@@ -0,0 +1,3 @@
+engine-strict=true
+package-lock=false
+save-exact=true

.nvmrc

@@ -0,0 +1 @@
+lts/*

.prettierignore

@@ -0,0 +1 @@
+README.md

.prettierrc.json

@@ -0,0 +1,5 @@
+{
+  "semi": false,
+  "trailingComma": "none",
+  "singleQuote": true
+}

CHANGELOG.md

@@ -1,3 +1,362 @@
-# [1.0.0-beta.0](https://github.com/leon-ai/leon/compare/https://github.com/leon-ai/leon.git...v1.0.0-beta.0) (2019-02-10)
+# [1.0.0-beta.8](https://github.com/leon-ai/leon/compare/v1.0.0-beta.7...v1.0.0-beta.8) (2023-05-01) / Binaries and TypeScript Rewrite
+
+_Please refer to [our latest blog post](https://blog.getleon.ai/binaries-and-typescript-rewrite-1-0-0-beta-8/) for more information on the new release of our dear Leon._
+
+# [1.0.0-beta.7](https://github.com/leon-ai/leon/compare/v1.0.0-beta.6...v1.0.0-beta.7) (2022-08-24) / A Much Better NLP
+
+_Please [read this blog post](https://blog.getleon.ai/a-much-better-nlp-and-future-1-0-0-beta-7/) to know more about all the new features and the exciting future of Leon._
+
+### BREAKING CHANGES
+
+- remove legacy packages [07743657](https://github.com/leon-ai/leon/commit/07743657cd2954e7f850c08eea7c032c24b28a96)
+
+### Features
+
+- create new NLP skills resolvers model + NLP global resolvers model [602604e4](https://github.com/leon-ai/leon/commit/602604e43788c6b6be8c402d54fe54342d0cd5d6)
+- better isolate skill resolvers from global resolvers + finish up Akinator skill [905d248e](https://github.com/leon-ai/leon/commit/905d248ebf7e84b1ccc74450520228aef9a8804a)
+- transfer language from core to skills + support thematics on Akinator skill [b35a249b](https://github.com/leon-ai/leon/commit/b35a249bf68000d6708aaee4abc4cd97f5b80035)
+- actions on slot level + akinator skill progress [7101b8b4](https://github.com/leon-ai/leon/commit/7101b8b4b828b49e009da2fcdac7c5ed2e48c8f8)
+- add Cartesian sample training on resolvers + enum entities [6ed88a59](https://github.com/leon-ai/leon/commit/6ed88a5946c77b356e49fe8b9cbe890b8dd1f037)
+- map skills resolvers intents [eb5ade76](https://github.com/leon-ai/leon/commit/eb5ade76844dd14f5d5a5c5eeb434eed70fe62f4)
+- train skills resolvers and remap as per changes [82df0a3c](https://github.com/leon-ai/leon/commit/82df0a3c235fbd50ad0cfe12e23a51f777dcd658)
+- achieve Cartesian training [a1e9011d](https://github.com/leon-ai/leon/commit/a1e9011d5db48ed8e9f49cef2d813ee7e2400ec2)
+- introduce suggestions [dcddacca](https://github.com/leon-ai/leon/commit/dcddacca2956529de0aea8ff98e1e6f16104966a)
+- communicate suggestions to the client [4b5a8835](https://github.com/leon-ai/leon/commit/4b5a883510fd4421a491f999cc21d8f7dd369a03)
+- shared skills memory [795acc5b](https://github.com/leon-ai/leon/commit/795acc5bdd29e9a27d1cf3b4407453648d573973)
+- support dynamic variables on skill NLU settings for logic type [10d10a16](https://github.com/leon-ai/leon/commit/10d10a1690cb65970932ee7230e3f324ec67dbce)
+- tmp resolvers mapping [b1a332ba](https://github.com/leon-ai/leon/commit/b1a332bab6af8b74a8c58c07bac3ef3a1cebad89)
+- start to map resolvers between the core and skills [e88495a9](https://github.com/leon-ai/leon/commit/e88495a9a94e86026fd0c7c4c44f3ff06edb2e80)
+- train affirmation and denial resolver [993d52e8](https://github.com/leon-ai/leon/commit/993d52e8686f335039ff3d5e2a82c1a37efb1825)
+- Python TCP server and Node.js TCP client for IPC (wip) [5970ec9e](https://github.com/leon-ai/leon/commit/5970ec9e8e4c2784c50e2ddc76b34b71aa4310e6)
+- introduce spaCy for complete NER (wip) [caa86fc8](https://github.com/leon-ai/leon/commit/caa86fc8a6850b18f67ba7bedb423be693a88d17)
+- slot filling (wip) [76547d94](https://github.com/leon-ai/leon/commit/76547d9411c32e0eb2ccfdac3a4901d2d2fb37f6)
+- share data across domains [f4f9fff9](https://github.com/leon-ai/leon/commit/f4f9fff9783861be183990d7869973c7a30c8104)
+- dynamic variable binding on NLG [0367b44f](https://github.com/leon-ai/leon/commit/0367b44f211c1629fffe6981a730f171707bf0c0)
+- context and slot filling preparation (wip) [975b8ebc](https://github.com/leon-ai/leon/commit/975b8ebcf00db91b44dd067be6dde5c1bf32fff1)
+- annotate entities on the fly + prepare for dialog skill type and cross-domains data [4107932d](https://github.com/leon-ai/leon/commit/4107932d000086188d6f44ef67b73cc322fc58e5)
+- new NLP training [d8023308](https://github.com/leon-ai/leon/commit/d8023308d0ef1f3eede37f21f45daa2f893031b0)
+
+- **server:**
+  - trigger next action suggestions or current ones [244d08c0](https://github.com/leon-ai/leon/commit/244d08c0bd0fea315269f52ab899f9b7fe083f51)
+  - introduce main NLP model and resolvers NLP model [e37526d9](https://github.com/leon-ai/leon/commit/e37526d9056d858ebcf17b81f6714f47b67c77cb)
+  - change log emojis [843bc428](https://github.com/leon-ai/leon/commit/843bc428b8deb397e2d051a8e0bfaf1b82b459a2)
+  - provide nextAction even when no slot is set and clean up NLU object on context switch [8377c63d](https://github.com/leon-ai/leon/commit/8377c63db4e4e42ed929171cd8b9abdb13c44b2a)
+  - report full traceback from skills execution [b69b1fea](https://github.com/leon-ai/leon/commit/b69b1fea16250421bc7d5def1c973dd43e453071)
+  - support on-the-fly entity annotation for built-in entities [567b030c](https://github.com/leon-ai/leon/commit/567b030c4fcf8df266c39cca61a146fb33b9e0fc)
+  - save slots within conversation context [fce47cdb](https://github.com/leon-ai/leon/commit/fce47cdbd570993ac5cca2b4ff5bc97969df4e40)
+  - resolve resolvers tmp [ceea47ff](https://github.com/leon-ai/leon/commit/ceea47ff7dd536bfd3adf3cc355e90e3e94b1cbd)
+  - prepare the next action on non-slot-filled skills [0acb31a9](https://github.com/leon-ai/leon/commit/0acb31a9c61c1c094b29f3d0ff2647d625eab0be)
+  - add more affirmative utterance samples [870ab2e8](https://github.com/leon-ai/leon/commit/870ab2e87eba2c548d38dc90d30553e7fa380c1e)
+  - restart a skill with the original utterance saved in context [f4446ef1](https://github.com/leon-ai/leon/commit/f4446ef17796d38d0f98d5b7e889503622a1a998)
+  - clean up context if the action loop does not meet the expected items [035c9d52](https://github.com/leon-ai/leon/commit/035c9d5240472ac19a84ae8c1a87844fa0d0af5d)
+  - add handsigns custom entity [1529c720](https://github.com/leon-ai/leon/commit/1529c72039092c7b8f37304d6064e04f2dc7b795)
+  - reprocess NLU in case of slot filling interruption [9e242d77](https://github.com/leon-ai/leon/commit/9e242d77d32109e9355eec422790a5a66fd18f9c)
+  - handle action loop when slots have all been filled at once [f8830502](https://github.com/leon-ai/leon/commit/f88305020a5bc79056b7ff9c1a31f8d3c3a7cdce)
+  - break the action loop from the skill [27dc801c](https://github.com/leon-ai/leon/commit/27dc801cf53de5af3d54b95f42d2b9e627090867)
+  - stop action loop from skill to core [99681e25](https://github.com/leon-ai/leon/commit/99681e257795a18361be379b93244088401f640b)
+  - introduce basic concept of action loop [c5b38400](https://github.com/leon-ai/leon/commit/c5b38400821e5bc5edc4402d007f815f24319d44)
+  - prepare action loop feature [19e1aa22](https://github.com/leon-ai/leon/commit/19e1aa22f6e989e90eb745e3a7b7ccb8ff5adbfa)
+  - add current utterance entities to differentiate from the whole context [8b56a185](https://github.com/leon-ai/leon/commit/8b56a1850c9d76e335f1bad1b4395d73ddc5ea19)
+  - when a context is activated, pick up the most probable classification [8e186879](https://github.com/leon-ai/leon/commit/8e1868798c8750c19b1719a44dc6fb8bca68b250)
+  - persist entities into contexts [87575773](https://github.com/leon-ai/leon/commit/875757739f6701f54805eeff2c7c350cff36c4ac)
+  - forward slots to skill + add original utterance [68e40f65](https://github.com/leon-ai/leon/commit/68e40f65df0d1fe29ccad991868a2408c6e1015e)
+  - handle case when all slots have been filled in one utterance [22e9234b](https://github.com/leon-ai/leon/commit/22e9234b3d2c97e83eaafaeeb5aa9d27c351c95a)
+  - trigger next action once all slots have been filled [9b870010](https://github.com/leon-ai/leon/commit/9b870010dd929bc1aed6d87696f1cc4e9f177c0b)
+  - complete slot filling before triggering the next action [9124687e](https://github.com/leon-ai/leon/commit/9124687eb0e17295a30f860752ee622ba44d1440)
+  - from modules to skills with type at the actions level [77ebaf4a](https://github.com/leon-ai/leon/commit/77ebaf4a9c78b2e471d39872e361ea05b163580d)
+  - verify if all slots are filled [e27c1b9c](https://github.com/leon-ai/leon/commit/e27c1b9c8f5c2f668f464f152ad227d65ba5ef6b)
+  - context and slot filling, keep context and await for entities [25adf406](https://github.com/leon-ai/leon/commit/25adf406c810e48b1277105dd6c269a2ed601d28)
+  - unstack oldest context [1ece25a4](https://github.com/leon-ai/leon/commit/1ece25a497acc9f9876fe158ace5da38beec31e6)
+  - context setup with slot for each conversation (wip) [8257eb87](https://github.com/leon-ai/leon/commit/8257eb8792c9f4fc90bcc1b393d3fddf8ff541dc)
+  - resolve slots from slot filling [960a6dc7](https://github.com/leon-ai/leon/commit/960a6dc71c2efb50ad6a8448d447ebd79c559c41)
+  - pickup questions for slot filling [3bbc2f8a](https://github.com/leon-ai/leon/commit/3bbc2f8a254d10f0c37cdb7abf016b3e418f594a)
+  - main slots structure (wip) [1d9b1809](https://github.com/leon-ai/leon/commit/1d9b18093b6e042ae49f557149a7822b4420cdb8)
+  - introduce resolvers for slot filling (wip) [334bf393](https://github.com/leon-ai/leon/commit/334bf393f2c43edd326d9de2e93c037ffeebeab5)
+  - slot filling PoC (tmp wip) [95bfcfe4](https://github.com/leon-ai/leon/commit/95bfcfe422f21a2946e50031a3623675dfe81b9d)
+  - slot filling (wip) [969a83e6](https://github.com/leon-ai/leon/commit/969a83e6081de20ec5e2bdd0329a21a3fe448f13)
+  - trigger unsupported language [1845eed7](https://github.com/leon-ai/leon/commit/1845eed71dadd5f693d76abd7633864014bf8af1)
+  - context (wip) [d1c2a11d](https://github.com/leon-ai/leon/commit/d1c2a11d8284ca4e1d4563b871c50c006e8ef8a0)
+  - context (wip) [a9a43ac4](https://github.com/leon-ai/leon/commit/a9a43ac478c46f3832d2af49c287bb574a70cc14)
+  - differenciate cities from countries for location entities [bf9bf231](https://github.com/leon-ai/leon/commit/bf9bf231f714e1edc1417e43af12fa54c00ba064)
+  - auto restart the TCP server when language is switching [9be7c700](https://github.com/leon-ai/leon/commit/9be7c700767672ac6e0c875d3b5ae7fa6414e4fa)
+  - support multi languages on TCP server [a808742c](https://github.com/leon-ai/leon/commit/a808742c927d45c18df45af133e67c98d4a0415a)
+  - add auto reconnect on TCP client [cbe89ed6](https://github.com/leon-ai/leon/commit/cbe89ed6ccfd727356eb34078a8a4348b2fd696f)
+  - make TCP client global [006e9fb0](https://github.com/leon-ai/leon/commit/006e9fb01148c2107f6acc6a562ace4809da92be)
+  - fully implement low-level networking for IPC [8acb82da](https://github.com/leon-ai/leon/commit/8acb82da9bacdb9b7952c4a4d130d094e07def5e)
+  - more accurate NLG [d5577b1e](https://github.com/leon-ai/leon/commit/d5577b1ef5cf1b8b4a924636ba4425b8b4ae133d)
+  - unknown_answers fallback on dialog type [28efe6e7](https://github.com/leon-ai/leon/commit/28efe6e7d542f19bf12ddede1815f7fa8cf01036)
+  - deep data mapping on enum NER [3ca48265](https://github.com/leon-ai/leon/commit/3ca48265e7115c8e0f02c65ba92d90412325ad76)
+  - NLG and entities mapping [8f2f935b](https://github.com/leon-ai/leon/commit/8f2f935b949ceb965941460d4ff1ed0084b72442)
+  - bootstrap skill structure [fe90c68e](https://github.com/leon-ai/leon/commit/fe90c68ea0e9b0e857b62aa9f3b0a42ba1ffed6b)
+  - on-the-fly language switching [f24513a2](https://github.com/leon-ai/leon/commit/f24513a22395d1903e485883f4813cdceccdbd18)
+  - new NLP containers [34b2aa56](https://github.com/leon-ai/leon/commit/34b2aa5655e55284d59db4569960c49965a0483c)
+  - (WIP) NLU refactoring [ca3f5f42](https://github.com/leon-ai/leon/commit/ca3f5f42da26eb634e10b56e9b84bd45b5543024)
+  - add skills domains [cf2a28aa](https://github.com/leon-ai/leon/commit/cf2a28aac2d936cc15e6aa9aa13747015d952053)
+- **skill/akinator:**
+  - finish up [79e7df02](https://github.com/leon-ai/leon/commit/79e7df022f7daedf43db7f892e049a31924ce985)
+  - finished main business logic [76cae42f](https://github.com/leon-ai/leon/commit/76cae42fdeac0edcd3ebd6aa7718728617687b1b)
+  - backbone [02a2f714](https://github.com/leon-ai/leon/commit/02a2f71470bb4c0c6ca04526e89461d863d17145)
+- **skill/birthday:**
+  remove birthday skill [be0b345d](https://github.com/leon-ai/leon/commit/be0b345d3f7fea562548e3fbed62b65c32eff4c0)
+- **skill/color:**
+  introduce color skill [ce00989b](https://github.com/leon-ai/leon/commit/ce00989b01f65c5cbb5a2e13f454207c1ba7741c)
+- **skill/guess_the_number:**
+  introduce the Guess the Number skill [fba80966](https://github.com/leon-ai/leon/commit/fba80966c937a32182e48670c47358babb539d64)
+- **skill/introduction:**
+  - add one utterance sample [af0fdd1e](https://github.com/leon-ai/leon/commit/af0fdd1e18975bf8b60abb2957ddf79831281817)
+  - ask about owner info if necessary [c5cc9bdd](https://github.com/leon-ai/leon/commit/c5cc9bdd52afaaa710f9476d1e9918f3d168e243)
+- **skill/mbti:**
+  - complete form resolver [aad9f3f1](https://github.com/leon-ai/leon/commit/aad9f3f1ef61499d438ea40c9d2d95764667678d)
+  - finish business logic [99a3f103](https://github.com/leon-ai/leon/commit/99a3f103e00b5a58745ee851d2fa95c61871f75a)
+  - questions mapping [ae4f69f7](https://github.com/leon-ai/leon/commit/ae4f69f7c7189ff75e004f68c9a2a8b6bb37b6bd)
+  - complete questionnaire [7f1f8871](https://github.com/leon-ai/leon/commit/7f1f8871598746c5475b24e086ea6e581f2a988e)
+  - main logic backbone [33109a4c](https://github.com/leon-ai/leon/commit/33109a4c8b5df82e7b98e48e66f8d53f0cc114fb)
+  - main NLU structure [skip ci] [86d5040a](https://github.com/leon-ai/leon/commit/86d5040a7dc2006036c7e67a2cf54a4c992e64aa)
+- **skill/rochambeau:**
+  - add start answers [192dd0a8](https://github.com/leon-ai/leon/commit/192dd0a87ab5dc025bb90b20b187e36a58be54ea)
+  - introduce paper scissors rock [57370470](https://github.com/leon-ai/leon/commit/573704706c843d870f2498146bc3cd659bab4f06)
+  - init [7f5e30ac](https://github.com/leon-ai/leon/commit/7f5e30ac82f2a2d7579e361229a4044348915867)
+- **web app:**
+  - join us on Discord [141c89ec](https://github.com/leon-ai/leon/commit/141c89ecbfd329a8e63d5a603d0ae6b42f9abf38)
+  - wait for TCP client to be connected first [bc228a68](https://github.com/leon-ai/leon/commit/bc228a68600c07871c489d6624bbc837971079a6)
+  ### Bug Fixes
+- check script with new intent-object format [fdf0a389](https://github.com/leon-ai/leon/commit/fdf0a389b76caba5dd47996a43a34c0c7821c70a)
+- check new resolvers paths [cfd8f7cb](https://github.com/leon-ai/leon/commit/cfd8f7cbe5e8fd9ce3d1659c725d7af261db8d71)
+- use ports.ubuntu.com mirror for the offline TTS [skip ci] [3dd90396](https://github.com/leon-ai/leon/commit/3dd9039678820fceb7ccbb1c96358c8d2f188ede)
+- set skill config only when a bridge is set [7513aa7d](https://github.com/leon-ai/leon/commit/7513aa7d20fee1fe9ca5442a7909d22fd1c3b39e)
+- only set skill config when it is a logic type [9ce9a8bc](https://github.com/leon-ai/leon/commit/9ce9a8bc4fe0864730a08d8e9a436982f1365aa5)
+- **docker:**
+  - usage of Ubuntu base image with pyenv and nvm (#408) [f507f6f7](https://github.com/leon-ai/leon/commit/f507f6f7e499f56768b3e624164cbcd58193b153)
+  - check should not allocate a pseudo-TTY (#359) [4372b45f](https://github.com/leon-ai/leon/commit/4372b45fc605893d4130cf7110dd87519b934345)
+- **server:**
+  - make leon handle multiple socket.io-client instances [6e7c0aac](https://github.com/leon-ai/leon/commit/6e7c0aac57008b152b45f1b0f3886ae38777467b)
+  - fallback on global resolver during resolver classification [ec77dd0f](https://github.com/leon-ai/leon/commit/ec77dd0f02a8ae94fb3f02c7b7847b5509d71406)
+  - make use of current entities to match global entities [a8d82050](https://github.com/leon-ai/leon/commit/a8d82050c86b5c24c4c898c06e5ffc3882524c0b)
+  - multiple slots filling [2ac1bc63](https://github.com/leon-ai/leon/commit/2ac1bc63ccd11757d586adfb2e75ce04e3ffbcb5)
+  - context switching on action loop [6712ae55](https://github.com/leon-ai/leon/commit/6712ae5539ef44ed33e360cfcad71c760c4b13b1)
+  - check one-shot slot filling case causing infinite loop [782a3aaa](https://github.com/leon-ai/leon/commit/782a3aaa0a07dda667557bc84db906b3fa9b237c)
+  - clean up active context after all slots have been filled [faabc2c7](https://github.com/leon-ai/leon/commit/faabc2c7b0992fcea035eedf66103d84b101e1a7)
+  - correctly extract all spaCy entities [6aa60bfb](https://github.com/leon-ai/leon/commit/6aa60bfbd8c72e678fe3faf5e7f9dbd37dfd209f)
+  - intent not found [8280c658](https://github.com/leon-ai/leon/commit/8280c65897dba0fe470a3589d151b391c51e344e)
+  - fallback due to modules to skills refactoring [ef0c54b2](https://github.com/leon-ai/leon/commit/ef0c54b22667ef2bd1d2c07003f6b4beb5fa25c0)
+  - NER due to modules to skills refactoring [e4d3904c](https://github.com/leon-ai/leon/commit/e4d3904ceeb2a3ee2c0187a1817331fac916e1a7)
+  - **skill/akinator:**
+    remove direct end on guess action [f6461f73](https://github.com/leon-ai/leon/commit/f6461f733b4a5d944dfa4a987dd1109628c6cbca)
+  - **skill/color:**
+    more appropriate answer [cb18ed63](https://github.com/leon-ai/leon/commit/cb18ed6397cb0e0ad8fbea30c57d7d40137441ee)
+  - **skill/rochambeau:**
+    final logic [0ebc0518](https://github.com/leon-ai/leon/commit/0ebc0518e61b899c35dd13df65a43f69399e784d)
+  ### Performance Improvements
+- check Pipfile instead of Pipfile.lock to judge whether Python packages must be installed [afdb71f7](https://github.com/leon-ai/leon/commit/afdb71f766f2956c5cb4a5e0be9025340d1a89db)
+
+### Documentation Changes
+
+- change newsletter link [4bf2a9af](https://github.com/leon-ai/leon/commit/4bf2a9af963f75aeff96f4a43da8ec1024ac583a)
+- README - Edited sentence for clarity (#389) [e83a1c42](https://github.com/leon-ai/leon/commit/e83a1c4230897e8b63251ef86225cf773148c38e)
+- edit newsletter link [fa558a44](https://github.com/leon-ai/leon/commit/fa558a447ade4071f352d56f14602690ed90f521)
+- update sponsor [skip ci] [f30ddb6b](https://github.com/leon-ai/leon/commit/f30ddb6be5f531df2b0042be0ed5ffbe79f73b07)
+- remove sponsor [skip ci] [5dbc010f](https://github.com/leon-ai/leon/commit/5dbc010fa643279a24081f3148022e2211af63f4)
+- remove sponsor [skip ci] [f36dd20f](https://github.com/leon-ai/leon/commit/f36dd20f822cd33c9e8a03efc2849c8d8d1fc75e)
+- remove sponsor [skip ci] [5ee57ddf](https://github.com/leon-ai/leon/commit/5ee57ddf2a9f7817ec35b2e70d49e5bb422d8f78)
+- add @ant-media sponsor [skip ci] [b47cbc3a](https://github.com/leon-ai/leon/commit/b47cbc3a5ecb6591f7abb4f62feae8102b9a6468)
+- add long dev notice to README [skip ci] [499be77d](https://github.com/leon-ai/leon/commit/499be77d509231b853f591e27f726381da5a50d8)
+- move sponsor to new section [skip ci] [8825d687](https://github.com/leon-ai/leon/commit/8825d6877c19d86495e89a858b859b7ab1f9ae37)
+- change Twitter handle [skip ci] [c1afc11c](https://github.com/leon-ai/leon/commit/c1afc11cdb283526540d0fecdf83efddf3f3a9f7)
+- remove sponsor [skip ci] [99b401a6](https://github.com/leon-ai/leon/commit/99b401a668a6fb248e33c22782940402be7c9b17)
+- add new sponsor self-hosted img [skip ci] [238d928c](https://github.com/leon-ai/leon/commit/238d928cace13d4ecd174ca14b136967d8845e0f)
+- remove new sponsor link (broken) [skip ci] [254f2848](https://github.com/leon-ai/leon/commit/254f2848aab622b79cce16d10c58d53ff6db9a8f)
+- in GitHub BUG.md from modules to skills [4a5480a3](https://github.com/leon-ai/leon/commit/4a5480a3ccc54ee34d42f6edcec2a40224dee7ed)
+- change @FluxIndustries sponsorship [skip ci] [1a118b71](https://github.com/leon-ai/leon/commit/1a118b718e5d4ade123756ac94758a01c50b12ae)
+- add @FluxIndustries sponsor [skip ci] [9a604d7c](https://github.com/leon-ai/leon/commit/9a604d7ccc0c6aaec257299078141dd0c3077933)
+- new #LeonAI link [skip ci] [a0107d62](https://github.com/leon-ai/leon/commit/a0107d629473f7fd057d367926e83822d46f1227)
+- changelog new version diff link fix [skip ci] [e14c2498](https://github.com/leon-ai/leon/commit/e14c249826db92af7b85422e566be6aa834a7fb7)
+
+# [1.0.0-beta.6](https://github.com/leon-ai/leon/compare/v1.0.0-beta.5...v1.0.0-beta.6) (2022-02-07) / Leon Over HTTP + Making Friends with Coqui STT
+
+### Features
+
+- simple coqui-ai stt integration [86a4816b](https://github.com/leon-ai/leon/commit/86a4816b777fee8ec9c89648c5866a75de56c017)
+- HTTP API key generator [d10a7fa7](https://github.com/leon-ai/leon/commit/d10a7fa7880a0bf2fb1cae7904d1ef4257f05257)
+- avoid unnecessary routes generation
+
+- **server:**
+  - make Coqui STT the default STT solution [70399187](https://github.com/leon-ai/leon/commit/7039918760c0ef7ba93bf45820e3cae774c42d8c)
+    - add HTTP API key middleware [cdf41499](https://github.com/leon-ai/leon/commit/cdf4149939cbe3f3ae81039957dba3377a78f5a6)
+    - expose queries over HTTP [b6428d03](https://github.com/leon-ai/leon/commit/b6428d038452619f1682c863892cd8f376efca84)
+    - add timeout action over HTTP [115f9c16](https://github.com/leon-ai/leon/commit/115f9c164559d761625cc6f362749f7d2417d300)
+    - handle built-in and trim entities over HTTP + add "disabled" HTTP API action option [82fb967a](https://github.com/leon-ai/leon/commit/82fb967af8f49421e3b2474184da3d34fb17294f)
+    - execute modules over HTTP [2e5b2c59](https://github.com/leon-ai/leon/commit/2e5b2c59da0bafe3acd966773c6fac3611b3bd0c)
+    - generate Fastify routes on the file to expose packages over HTTP [5b41713a](https://github.com/leon-ai/leon/commit/5b41713a68ee628e695212dbebc88f6b9a94b461)
+
+### Bug Fixes
+
+- do not ask to regenerate the HTTP API key if this one isn't available yet [d265377a](https://github.com/leon-ai/leon/commit/d265377a43fd4506cf12db46f261b891f2054ed2)
+- Python deps tree check [c6c01291](https://github.com/leon-ai/leon/commit/c6c012915824227efdf0c50df6a8f1cd8d70ed42)
+- hotword offline (#342) [f563d01d](https://github.com/leon-ai/leon/commit/f563d01d077499c836e94c86f85cedc2ad4d56e6)
+- addressed comments by @JRMeyer [b1c6f5c8](https://github.com/leon-ai/leon/commit/b1c6f5c883103d57d4fe566af640fc3ac5ce713d)
+- allow to detect STT offline capabilities [04d62288](https://github.com/leon-ai/leon/commit/04d622884165e0bde65785569a659f59cf9e8582)
+- Amazon Polly is always configured on check script due to new structure [e6246d1f](https://github.com/leon-ai/leon/commit/e6246d1f8f9ec15a4ebe9600764afffbaa7e62d9)
+
+### Performance Improvements
+
+- check if Python deps tree has been updated before going through deps install [2d0b0f13](https://github.com/leon-ai/leon/commit/2d0b0f1365d8e4d6eadf9f7cc0a16b7b4b4306f4)
+
+# [1.0.0-beta.5](https://github.com/leon-ai/leon/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2021-12-28) / Refocus
+
+_This release marks a major turn in the future versions of the Leon core. Please [read this blog post](https://blog.getleon.ai/i-ran-away-from-open-source/) to know more._
+
+### BREAKING CHANGES
+
+- Node.js 16+ and npm 8+ minimum requirements [2f66f1c1](https://github.com/leon-ai/leon/commit/2f66f1c17bb2e4a1c18b4251d49de252b8d87344)
+
+### Features
+
+- **server:** support arrays on NER between conditions [7cf7f979](https://github.com/leon-ai/leon/commit/7cf7f9791254e1950fe9128ce1b3a58079cc2ada)
+
+### Bug Fixes
+
+- jest-extended new setup due to latest update [02f766d6](https://github.com/leon-ai/leon/commit/02f766d6a8453609ebaec78356aa6e6d4df0967b)
+
+### Performance Improvements
+
+- Windows setup on DeepSpeech dep removal [13f5a49f](https://github.com/leon-ai/leon/commit/13f5a49f678f8f67a93b67d4f558cddcf237e204)
+
+### Documentation Changes
+
+- URL redirect managed by registrar [c16d5b28](https://github.com/leon-ai/leon/commit/c16d5b280b758f7e18305e30678adec79f0a0716)
+
+# [1.0.0-beta.4](https://github.com/leon-ai/leon/compare/1.0.0-beta.2...v1.0.0-beta.4) (2021-05-01) / Getting Rid of Dust
+
+_This release includes a lot of changes that are made under the hood and are not displayed here, please **[read the blog post](https://blog.getleon.ai/getting-rid-of-dust-1-0-0-beta-4/)** to know more._
+
+### BREAKING CHANGES
+
+- **package/checker:** introduce Have I Been Pwned v3 API with API key ([0ca89fe3](https://github.com/leon-ai/leon/commit/0ca89fe32d51c80cec5f9446acf14990390a5917))
+- **server:**
+  - AWS SDK new structure due to v3 and adapt Amazon Polly changes ([f15f2db7](https://github.com/leon-ai/leon/commit/f15f2db78e5781d05e5e2bcb186645966d17debf))
+  - IBM Watson TTS and STT new structure ([f41ea0e9](https://github.com/leon-ai/leon/commit/f41ea0e9a1479bfd6a1cb2e8d1f70aec744c685b) | [2668c295](https://github.com/leon-ai/leon/commit/2668c295880ee753ef7ca26a91dbc7e0901febff))
+
+### Features
+
+- **package/calendar:** introduce To-Do list module ([0cdd73d6](https://github.com/leon-ai/leon/commit/0cdd73d6c24a287915f691e3b12edacd75fd383a) | [857be947](https://github.com/leon-ai/leon/commit/857be947792c650ac35847e14fc41064008cef24) | [2041be14](https://github.com/leon-ai/leon/commit/2041be14dbc01640a61de96d1982cc20cd05a8b3) | [12e8f5c3](https://github.com/leon-ai/leon/commit/12e8f5c3bfb436aa212557cd99d9926aa431ab4f) | [8575e9e3](https://github.com/leon-ai/leon/commit/8575e9e3ef01499d9f7be6d313a85d48549e9107) | [5e128df0](https://github.com/leon-ai/leon/commit/5e128df023977525de3e66ce2826aace87569308) | [602aa694](https://github.com/leon-ai/leon/commit/602aa694ac49333f48c119cf2ca2aa7f54b8ae44) | [b9693df9](https://github.com/leon-ai/leon/commit/b9693df90cbc01067e18e64db4d377e41b3fd1d4) | [581da8cd](https://github.com/leon-ai/leon/commit/581da8cd9806323aabb0e85778d645df3c0948b9) | [53f7db55](https://github.com/leon-ai/leon/commit/53f7db55c6e916751f1d59c239628d5ea8914009) | [ae073971](https://github.com/leon-ai/leon/commit/ae0739717b6a17373d8f9bc69571c67c1c571b4a))
+- **package/checker:** introduce Have I Been Pwned module ([61c1b55a](https://github.com/leon-ai/leon/commit/61c1b55af5691c03f6a6dae0cf3f236a374f1fe7) | [5a999bc6](https://github.com/leon-ai/leon/commit/5a999bc63aa0c667c4e3092daac6a05a6c4b4499) | [36368664](https://github.com/leon-ai/leon/commit/36368664fce8bcf0c17c4c83818aeb418f1e2f23) | [a7a6d885](https://github.com/leon-ai/leon/commit/a7a6d885a83455163eeca74a355177d65db156b8) | [c73ba52b](https://github.com/leon-ai/leon/commit/c73ba52ba8575a64b3329e59a50050d15281d0ec) | [8374e548](https://github.com/leon-ai/leon/commit/8374e5481022de9b134f49180a8dfe28db136261) | [a476fd0f](https://github.com/leon-ai/leon/commit/a476fd0f38f18bf8035db213be2c55f83871038d))
+- **package/network:** add speedtest module ([09ad4340](https://github.com/leon-ai/leon/commit/09ad43406d3df8ca65f385a91c159def51f91811))
+- **server:**
+  - add regex entity type [3fda3526](https://github.com/leon-ai/leon/commit/3fda3526c7425bdea4b669474fa77efd61c06a8e)
+  - catch unsupported action entity type [5bc6c3f1](https://github.com/leon-ai/leon/commit/5bc6c3f116d6b9ece2cc3bebdbdb08f019ee90b9)
+  - NER backbone [24cf3c9a](https://github.com/leon-ai/leon/commit/24cf3c9a4facd05a4c626ff9d2e7c83a5ae15298)
+  - introduce actions module [b449376f](https://github.com/leon-ai/leon/commit/b449376f61dc995e2e264c6a14ba123926f5cc58)
+
+### Bug Fixes
+
+- set correct status code for GET /downloads [690f1841](https://github.com/leon-ai/leon/commit/690f1841d681a1e48e1837e3e166228d6c2ddaf6)
+- take `.env` in consideration when using Docker [d38e6095](https://github.com/leon-ai/leon/commit/d38e6095f9b71467b8486430fba4bb7007ec4c5a)
+- spinner test [9071c927](https://github.com/leon-ai/leon/commit/9071c92790be674687590e4a896bbf44bc26fb43)
+- e2e tests by adding modules actions level [5cf77d90](https://github.com/leon-ai/leon/commit/5cf77d9011a80b326f229b2309a6910ac0f1cfa2)
+
+- **package/leon:** fix english translations [90225707](https://github.com/leon-ai/leon/commit/90225707f94154021cadeb9c61bdc48c3de5aa29)
+- **package/network:** make use of new compatible speedtest lib [0c925626](https://github.com/leon-ai/leon/commit/0c925626df65858fa039972b3f3d5f38fde93eb6)
+- **package/trend:**
+  - GitHub module new scraping [68414937](https://github.com/leon-ai/leon/commit/6841493740ca859000c1fd8d692b73fc79fcf500)
+  - when there is no star provided on the GitHub module [563fb409](https://github.com/leon-ai/leon/commit/563fb40955e2deb5c6d0bd064fc9cc8766a6fcaf)
+- **server:**
+  - make use of Basic plugin from the main NLP container [e1d5bed3](https://github.com/leon-ai/leon/commit/e1d5bed3e688db566a0cb803dda5c2d57c599d8c)
+  - NER trim entity on after conditions [fa6a5a43](https://github.com/leon-ai/leon/commit/fa6a5a43a60b493aa403a44957082382494c129b)
+
+### Documentation Changes
+
+- add minimum Pipenv version requirement to README [72e46bd6](https://github.com/leon-ai/leon/commit/72e46bd6c175a4a149fb6b14522823b224d7c152)
+- hunt broken links [b2a22792](https://github.com/leon-ai/leon/commit/b2a2279243e7566b57fb7f696024bdf08294e853)
+- add "ci" commit type in CONTRIBUTING.md [09e2672b](https://github.com/leon-ai/leon/commit/09e2672b0b399f5ce9dd7cd446d04f4d6fd7c13a)
+- use emojies in README [0ea7a78b](https://github.com/leon-ai/leon/commit/0ea7a78b7c94dc44c992913ae1c90fb1cf8a7692)
+- add social badges to README [c55c7532](https://github.com/leon-ai/leon/commit/c55c7532b25bf420c4819be71b0f9c21ccc58711)
+- Node.js 14 requirement [d1034bd1](https://github.com/leon-ai/leon/commit/d1034bd135fd5a6314a1571d4088fd85a8e6a1da)
+
+# [1.0.0-beta.2](https://github.com/leon-ai/leon/compare/1.0.0-beta.1...1.0.0-beta.2) (2019-04-24)
+
+### Features
+
+- can send custom HTTP headers
+  ([2685cdab](https://github.com/leon-ai/leon/commit/2685cdab07cc1a9ea418eab812e5163d2dd0da90))
+- allow HTML output
+  ([ec3f02df](https://github.com/leon-ai/leon/commit/ec3f02dfaf2f4b7623ce350350ebee28cf18740e))
+- NLU improvement with node-nlp
+  ([6585db71](https://github.com/leon-ai/leon/commit/6585db718ccae1d750a35783075cf61cc8fe84f1))
+
+- **package/trend:**
+  - add answer when the Product Hunt developer token is not provided
+    ([f40b479b](https://github.com/leon-ai/leon/commit/f40b479b295247c5a8a0e6ed81afe56fadfd2730))
+  - Product Hunt module done
+    ([37794306](https://github.com/leon-ai/leon/commit/3779430621bef970be0e8d048eb0b4bf160ae8a4))
+  - basics done on the Product Hunt module
+    ([32cc7dbe](https://github.com/leon-ai/leon/commit/32cc7dbe36592fb9618d9c10da5f05a4be7e41b6))
+  - complete dedicated answers according to the technology and given time
+    ([8997d691](https://github.com/leon-ai/leon/commit/8997d6917445f837c9647a5a9b4d6998d2df4952))
+  - GitHub module done
+    ([7c6f3922](https://github.com/leon-ai/leon/commit/7c6f3922f299193ee0fb54d0fc97f8b436fc706b))
+  - be able to choose a limit and a date range for the GitHub module
+    ([3c088371](https://github.com/leon-ai/leon/commit/3c0883716e1c10371c399843a578095a1e16781d))
+  - format GitHub results in one message
+    ([9d026b94](https://github.com/leon-ai/leon/commit/9d026b94efa8871d421ae2b593b96622a98537ac))
+  - simple GitHub module results
+    ([5baec074](https://github.com/leon-ai/leon/commit/5baec07455f453d4ad003f1da360b2663b7e15e0))
+  - list GitHub trends in HTML raw
+    ([3441629e](https://github.com/leon-ai/leon/commit/3441629e3cde933b322cb114d9f1bc3ef0eb3944) | [6b932e94](https://github.com/leon-ai/leon/commit/6b932e947fc365ea6435fda798b7cca32708b443))
+  - expressions dataset and structure
+    ([f406a5a0](https://github.com/leon-ai/leon/commit/f406a5a09894e12c56a1e76dda609adada00b0d7) | [f54c2272](https://github.com/leon-ai/leon/commit/f54c2272b4b4dc5c56b512b0ccc1519d77ef15a3))
+
+### Bug Fixes
+
+- Leon was not fully installed with Docker if a `.env` file was existing
+  ([c8a68ab0](https://github.com/leon-ai/leon/commit/c8a68ab02eec9ddaf803b6e36cd7e91a4989cdea))
+
+- **package/trend:**
+  when there is no contributor on GitHub module
+  ([d845e49b](https://github.com/leon-ai/leon/commit/d845e49b0f18caeb306e2d399c50a03883b2f55d))
+- **server:**
+  - skip Pipenv locking until they fix it
+    ([029381e3](https://github.com/leon-ai/leon/commit/029381e3256933f37f5c2950c4eb1f0192f55ec6) | [ecfdc73f](https://github.com/leon-ai/leon/commit/ecfdc73f8290dd9e1910df9519095516a1227763))
+
+### Documentation Changes
+
+- add `What is Leon able to do?` section in the readme
+  ([87f53c91](https://github.com/leon-ai/leon/commit/87f53c91368141966959f3ad7299bb7b643828a5) | [d558fc8b](https://github.com/leon-ai/leon/commit/d558fc8b7c6494babf5dec799802227f77c33d8a))
+- open-source != open source
+  ([16a9372e](https://github.com/leon-ai/leon/commit/16a9372e05d4d31a7a39a65a52d4708b72499d4c) | [2155cd88](https://github.com/leon-ai/leon/commit/2155cd88decbbd671bd58840291d9330ce06ebba))
+
+# [1.0.0-beta.1](https://github.com/leon-ai/leon/compare/1.0.0-beta.0...1.0.0-beta.1) (2019-02-24)
+
+### Features
+
+- add Docker support
+  ([209760db](https://github.com/leon-ai/leon/commit/209760dba747001300692fb6a6af97543de584d6))
+
+### Bug Fixes
+
+- **package/checker:**
+  isitdown module fails with capital letters in URL
+  ([ada6aaef](https://github.com/leon-ai/leon/commit/ada6aaef4bada47e87d28f9f6eaa05b9e23f58d2))
+- **web app:**
+  enable environment variables
+  ([a438d6f9](https://github.com/leon-ai/leon/commit/a438d6f942812f74e3dda75a9875609f8bea21cd))
+
+### Performance Improvements
+
+- **web app:**
+  favicon compression
+  ([33dbcb42](https://github.com/leon-ai/leon/commit/33dbcb425eaafba90176ff64e5f689eb36bc6ce1))
+
+### Documentation Changes
+
+- update README to make the reader genderless
+  ([58662658](https://github.com/leon-ai/leon/commit/586626586b7a2f84cb2cd84028111976bc5172f0))
+- use "to rule them all" in README
+  ([c74dda4c](https://github.com/leon-ai/leon/commit/c74dda4cb9acc78de143ae01fdc6b4ef0a5ec3ef))
+
+- **readme:**
+  add story write-up
+  ([08a68e37](https://github.com/leon-ai/leon/commit/08a68e376b6a9367425947380564120943376500))
+
+# [1.0.0-beta.0](https://github.com/leon-ai/leon/compare/https://github.com/leon-ai/leon.git...1.0.0-beta.0) (2019-02-10)
 
 Initial release.

LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019-present, Louis Grenard <louis.grenard@gmail.com>
+Copyright (c) 2019-present, Louis Grenard <louis@getleon.ai>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,64 +1,156 @@
 <p align="center">
-  <a href="https://getleon.ai"><img width="96" src="https://getleon.ai/img/logo.svg"></a><br><br>
-  <a href="https://www.youtube.com/watch?v=p7GRGiicO1c"><img width="512" src="https://getleon.ai/img/1.0.0-beta.0_preview_en.png"></a><br>
+  <a href="https://getleon.ai"><img width="800" src="https://getleon.ai/img/hero-animation.gif" /></a>
 </p>
 
-<h1 align="center">Leon</h1>
+<h1 align="center">
+  <a href="https://getleon.ai"><img width="96" src="https://getleon.ai/img/logo.svg" alt="Leon"></a><br>
+  Leon
+</h1>
 
-*<p align="center">Your open-source personal assistant.</p>*
+_<p align="center">Your open-source personal assistant.</p>_
 
 <p align="center">
-  <a href="https://github.com/leon-ai/leon/blob/develop/LICENSE.md"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat"/></a>
-  <a href="https://circleci.com/gh/leon-ai/leon/tree/develop"><img src="https://img.shields.io/circleci/project/github/leon-ai/leon.svg?style=flat"/></a>
-  <a href="https://github.com/leon-ai/leon/blob/develop/.github/CONTRIBUTING.md"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat"/></a>
+  <a href="https://github.com/leon-ai/leon/blob/develop/LICENSE.md"><img src="https://img.shields.io/badge/license-MIT-blue.svg?label=License&style=flat" /></a>
+  <a href="https://github.com/leon-ai/leon/blob/develop/.github/CONTRIBUTING.md"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat" /></a>
+  <br>
+  <a href="https://github.com/leon-ai/leon/actions/workflows/build.yml"><img src="https://github.com/leon-ai/leon/actions/workflows/build.yml/badge.svg?branch=develop" /></a>
+  <a href="https://github.com/leon-ai/leon/actions/workflows/tests.yml"><img src="https://github.com/leon-ai/leon/actions/workflows/tests.yml/badge.svg?branch=develop" /></a>
+  <a href="https://github.com/leon-ai/leon/actions/workflows/lint.yml"><img src="https://github.com/leon-ai/leon/actions/workflows/lint.yml/badge.svg?branch=develop" /></a>
+  <br>
+  <a href="https://discord.gg/MNQqqKg"><img src="https://img.shields.io/badge/Discord-%235865F2.svg?style=for-the-badge&logo=discord&logoColor=white" /></a>
 </p>
 
 <p align="center">
   <a href="https://getleon.ai">Website</a> ::
   <a href="https://docs.getleon.ai">Documentation</a> ::
-  <a href="https://roadmap.getleon.ai">Roadmap</a> ::
-  <a href="https://github.com/leon-ai/leon/blob/develop/.github/CONTRIBUTING.md">Contributing</a>
+  <a href="http://roadmap.getleon.ai">Roadmap</a> ::
+  <a href="https://github.com/leon-ai/leon/blob/develop/.github/CONTRIBUTING.md">Contributing</a> ::
+  <a href="https://blog.getleon.ai/the-story-behind-leon/">Story</a>
 </p>
 
 ---
 
-## Introduction
+## Important Notice (as of 2026-01-11)
 
-Leon is an **open-source personal assistant** who can live **on your server**.
+> [!IMPORTANT]
+> **Leon is currently undergoing a massive architectural rewrite.**
+>
+> The `develop` branch is highly experimental and may be unstable as I implement the new agentic core.
+> 
+> - If you are looking for the legacy, stable version (pre-LLM), please use the `master` branch.
+> - If you want to contribute to the future of Leon (LLMs, Agents, Automation), you are in the right place.
 
-He **does stuff** when you **ask for it**.
+### Outdated Documentation
+
+Please note that the current documentation and this README are outdated regarding the technical architecture. We are moving away from simple classification toward a hybrid approach involving Local LLMs, Transformers, and Atomic Tools. Updated documentation will be released alongside the new core stability.
+
+### Project Evolution and Future Plans
+
+**I have been working on Leon since 2017**. While development has been inconsistent in the past, the current era of AI unlocks capabilities that were previously impossible. I'm now transitioning Leon from a standard assistant to a fully **autonomous personal AI assistant** designed to be used by technical hobbyists to non-tech users.
+
+I'm currently building the foundation for the next generation of Leon, focusing on 3 key milestones:
+
+**1. Workflow Architecture and Atomic Tools**
+
+We are restructuring Leon around a robust flow: `Skills > Actions > Tools > Functions (> Binaries)`.
+Instead of monolithic scripts, Leon will use atomic components (e.g. compiled binaries using ONNX runtime) to execute complex workflows.
+
+- Example: a "Video Translator" skill won't just be a script; it will be a workflow where Leon orchestrates tools like vocal isolation, zero-shot voice cloning, ASR, audio gender recognition, etc. to achieve the result.
+
+**2. Autonomous Skill Generation (self-coding)**
+
+We are developing a meta-skill capable of writing code for new skills automatically.
+
+- Leon will analyze a request, check if a skill exists, and if not, write the code itself following our strict architectural standards.
+- It will leverage existing tools and inject the new skill directly into its memory for future reuse.
+
+**3. Agentic Behavior (ReAct) and Local LLM Optimization**
+
+The ultimate phase will be to adopt the ReAct (Reason + Act) approach.
+
+- Leon will be provided with low-level **tools** (organized in toolkits, e.g., `music_audio` containing FFmpeg).
+- Using Local LLMs, Leon will loop through thoughts and actions to solve problems dynamically.
+- Optimization: we are implementing strict context filtering to save tokens, reduce hallucinations, and ensure high performance on local hardware.
+
+**Get Involved**
+
+[Join us on Discord](https://discord.gg/MNQqqKg) to ask questions, or express interest in becoming an active contributor.
+
+- Check out [the roadmap](http://roadmap.getleon.ai/) for more information on our upcoming plans.
+- Watch a [preview of our last progress](https://www.youtube.com/watch?v=6CInSt6pTVA) to see what we've been working on.
+
+---
+
+### Why is there a small amount of contributors?
+
+I'm taking a lot of time to work on the new core of Leon due to personal reasons. I can only work on it during my spare time. Hence, I'm blocking any contribution as the whole core of Leon is coming with many breaking changes. Many of you are willing to contribute in Leon (create new skills, help to improve the core, translations and so on...), a big thanks to every one of you!
+
+While I would love to devote more time to Leon, I'm currently unable to do so because I have bills to pay. I have some ideas about how to monetize Leon in the future (Leon's core will always remain open source), but before to get there there is still a long way to go.
+
+Until then, any financial support by [sponsoring Leon](http://sponsor.getleon.ai) is much appreciated 🙂
+
+---
+
+## Latest Release
+
+Check out the [latest release blog post](https://blog.getleon.ai/binaries-and-typescript-rewrite-1-0-0-beta-8/).
+
+<a href="https://blog.getleon.ai/binaries-and-typescript-rewrite-1-0-0-beta-8/"><img width="400" src="https://blog.getleon.ai/static/a0d1cbafd1968e7531dc17e229f8cc61/aa440/beta-8.png" /></a>
+
+---
+
+## 👋 Introduction
+
+**Leon** is an **open-source personal assistant** who can live **on your server**.
+
+He **does stuff** when you **ask him to**.
 
 You can **talk to him** and he can **talk to you**.
 You can also **text him** and he can also **text you**.
 If you want to, Leon can communicate with you by being **offline to protect your privacy**.
 
 ### Why?
+
 > 1. If you are a developer (or not), you may want to build many things that could help in your daily life.
-> Instead of building a dedicated project for each of those ideas, Leon can help you with his
-> packages/modules (skills) structure.
-> 2. With this generic structure, everyone can create his own modules and share them with others.
-> Therefore there is only one core (to govern all of them).
+>    Instead of building a dedicated project for each of those ideas, Leon can help you with his
+>    Skills structure.
+> 2. With this generic structure, everyone can create their own skills and share them with others.
+>    Therefore there is only one core (to rule them all).
 > 3. Leon uses AI concepts, which is cool.
 > 4. Privacy matters, you can configure Leon to talk with him offline. You can already text with him without any third party services.
-> 5. Open-source is great.
+> 5. Open source is great.
 
 ### What is this repository for?
+
 > This repository contains the following nodes of Leon:
+>
 > - The server
-> - The packages/modules
+> - Skills
 > - The web app
 > - The hotword node
+> - The TCP server (for inter-process communication between Leon and third-party nodes such as spaCy)
+> - The Python bridge (the connector between the core and skills made with Python)
 
-Sounds good for you? Then let's get started!
+### What is Leon able to do?
 
-## Getting Started
+> Today, the most interesting part is about his core and the way he can scale up. He is pretty young but can easily scale to have new features (skills).
+> You can find what he is able to do by browsing the [skills list](https://github.com/leon-ai/leon/tree/develop/skills).<br>
+> Please do know that after the official release, we will build many skills along with the community. Feel free to [join us on Discord](https://discord.gg/MNQqqKg) to be part of the journey.
+
+Sounds good to you? Then let's get started!
+
+## ☁️ Try with a Single-Click
+
+Gitpod will automatically set up an environment and run an instance for you.
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/leon-ai/leon)
+
+## 🚀 Getting Started
 
 ### Prerequisites
 
-- [Node.js](https://nodejs.org/) >= 10
-- npm >= 5
-- [Python](https://www.python.org/downloads/) 3.6.x
-- [Pipenv](https://docs.pipenv.org)
+- [Node.js](https://nodejs.org/) >= 22.13.1
+- [npm](https://npmjs.com/) >= 10.9.2
 - Supported OSes: Linux, macOS and Windows
 
 To install these prerequisites, you can follow the [How To section](https://docs.getleon.ai/how-to/) of the documentation.
@@ -66,65 +158,130 @@ To install these prerequisites, you can follow the [How To section](https://docs
 ### Installation
 
 ```sh
-# Clone the repository (stable branch)
-git clone -b master https://github.com/leon-ai/leon.git leon
-# OR download the latest release at: https://github.com/leon-ai/leon/releases/latest
+# Install the Leon CLI
+npm install --global @leon-ai/cli
 
-# Go to the project root
-cd leon
-
-# Install
-npm install
+# Install Leon (stable branch)
+leon create birth
+# OR install from the develop branch: leon create birth --develop
 ```
 
 ### Usage
 
 ```sh
 # Check the setup went well
-npm run check
-
-# Build
-npm run build
+leon check
 
 # Run
-npm start
+leon start
 
 # Go to http://localhost:1337
 # Hooray! Leon is running
 ```
 
-## Documentation
+## 📚 Documentation
 
 For full documentation, visit [docs.getleon.ai](https://docs.getleon.ai).
 
-## Roadmap
+## 🇫🇷 Documenting the Journey on YouTube
 
-To know what is going on, follow [roadmap.getleon.ai](https://roadmap.getleon.ai).
+[I'm documenting the journey on YouTube](https://www.youtube.com/@louisgyt) in developing our dear Leon. I also take you along in my daily life here in China.
 
-## Contributing
+For non-French speakers, translated English subtitles are available.
 
-If you have an idea about improving Leon, do not hesitate.
+## 📺 Video
 
-**Leon needs open-source to live**, the more modules he has, the more skillful he becomes.
+[Watch a demo](https://www.youtube.com/watch?v=p7GRGiicO1c).
 
-## Stay Tuned
-- [Newsletter](https://getleon.ai)
+## 🧭 Roadmap
+
+To know what is going on, follow [roadmap.getleon.ai](http://roadmap.getleon.ai).
+
+## ❤️ Contributing
+
+If you have an idea for improving Leon, do not hesitate.
+
+**Leon needs open source to live**, the more skills he has, the more skillful he becomes.
+
+## 📖 The Story Behind Leon
+
+You'll find a write-up on this [blog post](https://blog.getleon.ai/the-story-behind-leon/).
+
+## 🔔 Stay Tuned
+
+- [Twitter](https://twitter.com/grenlouis)
+- [Newsletter](https://newsletter.getleon.ai/subscription/form)
 - [Blog](https://blog.getleon.ai)
 - [GitHub issues](https://github.com/leon-ai/leon/issues)
-- [Twitter](https://twitter.com/louistiti_fr)
-- [#LeonAI](https://twitter.com/hashtag/LeonAI)
+- [YouTube](https://www.youtube.com/channel/UCW6mk6j6nQUzFYY97r47emQ)
+- [#LeonAI](<https://twitter.com/search?f=live&q=%23LeonAI%20(from%3Agrenlouis%20OR%20from%3Alouistiti_fr)&src=typed_query>)
 
-## Author
-**Louis Grenard** ([@louistiti_fr](https://twitter.com/louistiti_fr))
+## 👨 Author
 
-## Donate
+**Louis Grenard** ([@grenlouis](https://twitter.com/grenlouis))
 
-You can also contribute by [buying me a fruit juice](https://donate.getleon.ai).
+## 👍 Sponsors
+
+<table>
+  <tbody>
+    <tr>
+      <td align="center" valign="middle" width="128">
+        <a href="https://github.com/Appwrite">
+          <img src="https://github.com/Appwrite.png?size=128" />
+          Appwrite
+        </a><br>
+        <sub><sup>250 USD / month</sup></sub>
+      </td>
+      <td align="center" valign="middle" width="128">
+        <img src="https://getleon.ai/img/anonymous.svg" width="128" />
+        Anonymous
+        <br>
+        <sub><sup>100 USD / month</sup></sub>
+      </td>
+      <td align="center" valign="middle" width="128">
+        <a href="https://github.com/herbundkraut">
+          <img src="https://github.com/herbundkraut.png?size=128" />
+          herbundkraut
+        </a><br>
+        <sub><sup>10 USD / month</sup></sub>
+      </td>
+      <td align="center" valign="middle" width="128">
+        <a href="http://sponsor.getleon.ai/">
+          You?
+        </a>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+You can also contribute by [sponsoring Leon](http://sponsor.getleon.ai).
+
+Please note that I dedicate most of my free time to Leon.
+
+By sponsoring the project you make the project sustainable and faster to develop features.
+
+The focus is not only limited to the activity you see on GitHub but also a lot of thinking about the direction of the project. Which is naturally related to the overall design, architecture, vision, learning process and so on...
+
+### Special Thanks
+
+<a href="https://vercel.com/?utm_source=leon-ai&utm_campaign=oss">
+  <img src="https://i.imgur.com/S5olXWh.png" alt="Vercel" width="128" />
+</a>
+&nbsp; &nbsp; &nbsp;
+<a href="https://www.macstadium.com/">
+  <img src="https://getleon.ai/img/thanks/mac-stadium.svg" alt="MacStadium" width="128" />
+</a>
+&nbsp; &nbsp; &nbsp;
+<a href="https://www.aoz.studio">
+  <img src="https://getleon.ai/_next/image?url=%2Fimg%2Fthanks%2Faoz-studio.png&w=384&q=75" alt="AOZ Studio" width="128" />
+</a>
+
+## 📝 License
 
-## License
 [MIT License](https://github.com/leon-ai/leon/blob/develop/LICENSE.md)
 
-Copyright (c) 2019-present, Louis Grenard <louis.grenard@gmail.com>
+Copyright (c) 2019-present, Louis Grenard <louis@getleon.ai>
 
 ## Cheers!
-![Cheers!](https://assets-cdn.github.com/images/icons/emoji/unicode/1f37b.png?v6 "Cheers!")
+
+![Cheers!](https://github.githubassets.com/images/icons/emoji/unicode/1f379.png 'Cheers!')

app/css/style.css

@@ -1,289 +0,0 @@
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
-
-html, body, div, span, applet, object, iframes,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, sub, sup, tt, var,
-u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
-}
-
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-  display: block;
-}
-
-blockquote, q {
-  quotes: none;
-}
-
-blockquote:before, blockquote:after,
-q:before, q:after {
-  content: '';
-  content: none;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-* {
-  box-sizing: border-box;
-  outline: none;
-}
-
-a {
-  color: inherit;
-}
-
-body {
-  color: #FFF;
-  background-color: #151718;
-  font-family: 'Open Sans', sans-serif;
-  font-weight: 400;
-}
-body > * {
-  transition: opacity .5s;
-}
-body.settingup > * {
-  opacity: 0;
-}
-body.settingup::after {
-  position: absolute;
-  content: '';
-  width: 32px;
-  height: 32px;
-  background-color: #777;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  border-radius: 50%;
-  animation: scaleout .6s infinite ease-in-out;
-}
-@keyframes scaleout {
-  0% {
-    transform: scale(0);
-  }
-  100% {
-    transform: scale(1.0);
-    opacity: 0;
-  }
-}
-
-main {
-  position: absolute;
-  width: 63%;
-  top: 0;
-  left: 50%;
-  height: 100%;
-  transform: translate(-50%, 0);
-}
-
-footer {
-  position: absolute;
-  text-align: center;
-  left: 50%;
-  bottom: 0;
-  transform: translate(-50%, -50%);
-}
-
-input {
-  text-align: center;
-  color: #FFF;
-  width: 100%;
-  border: none;
-  border-bottom: 2px solid #FFF;
-  background: none;
-  font-weight: 400;
-  font-size: 4em;
-  padding-right: 39px;
-}
-
-small {
-  color: #FFF;
-  font-size: .7em;
-}
-
-.hide {
-  display: none;
-}
-
-#logo {
-  background: no-repeat url(../img/logo.svg);
-  margin: 0 auto;
-  width: 40px;
-  height: 40px;
-}
-
-#feed {
-  position: absolute;
-  width: 100%;
-  top: 10%;
-  height: 50%;
-  overflow-y: auto;
-  border: 2px solid #FFF;
-  border-radius: 12px;
-}
-#feed::-webkit-scrollbar {
-  width: 6px;
-}
-#feed::-webkit-scrollbar-thumb {
-  background-color: rgba(255, 255, 255, .2);
-  border-radius: 12px;
-}
-
-#no-bubble {
-  margin-top: 64px;
-  text-align: center;
-}
-
-#is-typing {
-  position: absolute;
-  top: 59%;
-  padding: 0 8px;
-  opacity: 0;
-  margin-top: 20px;
-  transition: opacity .3s;
-}
-#is-typing.on {
-  opacity: 1;
-}
-
-#is-typing .circle {
-  display: inline-block;
-  border-radius: 50%;
-  width: 10px;
-  height: 10px;
-  background-color: #FFF;
-  transform: scale(1);
-}
-#is-typing .circle:nth-child(1) {
-  animation: typing .2s linear infinite alternate;
-  background-color: #0071F0;
-}
-#is-typing .circle:nth-child(2) {
-  animation: typing .2s .2s linear infinite alternate;
-  background-color: #FFF;
-}
-#is-typing .circle:nth-child(3) {
-  animation: typing .2s linear infinite alternate;
-  background-color: #EC297A;
-}
-@keyframes typing {
-  100% {
-    transform: scale(1.5);
-  }
-}
-
-.bubble-container {
-  padding: 6px;
-}
-.bubble-container.me {
-  text-align: right;
-}
-.bubble-container.leon {
-  text-align: left;
-}
-
-.bubble {
-  padding: 6px 12px;
-  border-radius: 16px;
-  display: inline-block;
-  max-width: 60%;
-  word-break: break-word;
-  text-align: left;
-  opacity: 0;
-  animation: fadeIn .2s ease-in forwards;
-}
-#feed .me .bubble {
-  background-color: #1C75DB;
-  color: #FFF;
-  right: 0;
-}
-#feed .leon .bubble {
-  background-color: #EEE;
-  color: #151718;
-}
-@keyframes fadeIn {
-  100% {
-    opacity: 1;
-  }
-}
-
-#input-container {
-  position: absolute;
-  width: 100%;
-  bottom: 25%;
-}
-
-#mic-container {
-  position: absolute;
-  right: 0;
-  margin-top: 38px;
-}
-
-.italic {
-  font-style: italic;
-}
-
-button {
-  position: absolute;
-  border: none;
-  cursor: pointer;
-  height: 26px;
-  width: 26px;
-  border-radius: 50%;
-  background-color: #888;
-  -webkit-mask-image: url(../img/mic.svg);
-  mask-image: url(../img/mic.svg);
-  transition: background-color .2s;
-}
-button:not(.enabled) {
-  margin-left: -26px;
-}
-button:hover {
-  background-color: #FFF;
-}
-button.enabled {
-  background-color: #00E676;
-}
-button.enabled + #sonar {
-  width: 26px;
-  height: 26px;
-  border-radius: 50%;
-  opacity: .3;
-  background-color: #575757;
-  pointer-events: none;
-  animation: sonar 1.3s linear infinite;
-}
-@keyframes sonar {
-  25% {
-    transform: scale(1.5);
-  }
-  50% {
-    transform: scale(1.2);
-  }
-  60% {
-    transform: scale(1.5);
-  }
-  75% {
-    transform: scale(2);
-  }
-  100% {
-    transform: scale(1);
-  }
-}

app/index.html

@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<link rel="stylesheet" href="css/style.css">
-  <link rel="icon" type="image/png" href="img/favicon.png">
-  <title>Leon</title>
-</head>
-<body class="settingup">
-	<main>
-    <div id="feed">
-      <p id="no-bubble" class="hide">
-        You can start to interact with Leon, don't be shy.
-      </p>
-    </div>
-    <div id="is-typing">
-      <div class="circle"></div>
-      <div class="circle"></div>
-      <div class="circle"></div>
-    </div>
-    <div id="input-container">
-      <div id="mic-container">
-        <button></button>
-        <div id="sonar"></div>
-      </div>
-      <label for="query"></label>
-      <input type="text" id="query" autocomplete="off" autofocus>
-      <small>
-        Use <kbd>↑</kbd> <kbd>↓</kbd> to browse history;
-        <kbd>↵</kbd> to submit;
-        <kbd>alt + t to listen.</kbd>
-      </small>
-    </div>
-	</main>
-	<footer>
-		<div id="logo"></div>
-		<div id="version">
-			<small>v</small>
-		</div>
-    <div id="logger">
-      <small class="italic">
-        <a href="https://docs.getleon.ai/collaborative-logger.html" target="_blank">Collaborative logger</a>
-      </small>
-    </div>
-	</footer>
-	<script src="vendor/socket.io/2.0.3/socket.io.js"></script>
-	<script src="js/main.js"></script>
-</body>
-</html>

app/js/chatbot.es6.js

@@ -1,117 +0,0 @@
-'use strict'
-
-import EventEmitter from 'events'
-
-export default class Chatbot {
-  constructor () {
-    this.em = new EventEmitter()
-    this.feed = document.querySelector('#feed')
-    this.typing = document.querySelector('#is-typing')
-    this.noBubbleMessage = document.querySelector('#no-bubble')
-    this.bubbles = localStorage.getItem('bubbles')
-    this.parsedBubbles = JSON.parse(this.bubbles)
-  }
-
-  async init () {
-    await this.loadFeed()
-    this.scrollDown()
-
-    this.em.on('to-leon', (string) => {
-      this.createBubble('me', string)
-    })
-
-    this.em.on('me-received', (string) => {
-      this.createBubble('leon', string)
-    })
-  }
-
-  sendTo (who, string) {
-    if (who === 'leon') {
-      this.em.emit('to-leon', string)
-    }
-  }
-
-  receivedFrom (who, string) {
-    if (who === 'leon') {
-      this.em.emit('me-received', string)
-    }
-  }
-
-  isTyping (who, value) {
-    if (who === 'leon') {
-      if (value === true) {
-        this.enableTyping()
-      } else if (value === false) {
-        this.disableTyping()
-      }
-    }
-  }
-
-  enableTyping () {
-    if (!this.typing.classList.contains('on')) {
-      this.typing.classList.add('on')
-    }
-  }
-
-  disableTyping () {
-    if (this.typing.classList.contains('on')) {
-      this.typing.classList.remove('on')
-    }
-  }
-
-  scrollDown () {
-    this.feed.scrollTo(0, this.feed.scrollHeight)
-  }
-
-  loadFeed () {
-    return new Promise((resolve) => {
-      if (this.parsedBubbles === null || this.parsedBubbles.length === 0) {
-        this.noBubbleMessage.classList.remove('hide')
-        localStorage.setItem('bubbles', JSON.stringify([]))
-        this.parsedBubbles = []
-        resolve()
-      } else {
-        for (let i = 0; i < this.parsedBubbles.length; i += 1) {
-          const bubble = this.parsedBubbles[i]
-
-          this.createBubble(bubble.who, bubble.string, false)
-
-          if ((i + 1) === this.parsedBubbles.length) {
-            setTimeout(() => {
-              resolve()
-            }, 100)
-          }
-        }
-      }
-    })
-  }
-
-  createBubble (who, string, save = true) {
-    const container = document.createElement('div')
-    const bubble = document.createElement('p')
-
-    container.className = `bubble-container ${who}`
-    bubble.className = 'bubble'
-    bubble.textContent = string
-
-    this.feed.appendChild(container).appendChild(bubble)
-
-    if (save === true) {
-      this.saveBubble(who, string)
-    }
-  }
-
-  saveBubble (who, string) {
-    if (!this.noBubbleMessage.classList.contains('hide')) {
-      this.noBubbleMessage.classList.add('hide')
-    }
-
-    if (this.parsedBubbles.length === 62) {
-      this.parsedBubbles.shift()
-    }
-
-    this.parsedBubbles.push({ who, string })
-    localStorage.setItem('bubbles', JSON.stringify(this.parsedBubbles))
-    this.scrollDown()
-  }
-}

app/js/client.es6.js

@@ -1,103 +0,0 @@
-'use strict'
-
-import Chatbot from './chatbot.es6'
-
-export default class Client {
-  constructor (client, host, port, input, res) {
-    this.client = client
-    this.host = host
-    this.port = port
-    this._input = input
-    this.socket = io.connect(`http://${this.host}:${this.port}`)
-    this.history = localStorage.getItem('history')
-    this.parsedHistory = []
-    this.info = res
-    this.chatbot = new Chatbot()
-  }
-
-  set input (newInput) {
-    if (typeof newInput !== 'undefined') {
-      this._input.value = newInput
-    }
-  }
-
-  init (config) {
-    this.chatbot.init()
-
-    this.socket.on('connect', () => {
-      this.socket.emit('init', this.client)
-    })
-
-    this.socket.on('answer', (data) => {
-      this.chatbot.receivedFrom('leon', data)
-    })
-
-    this.socket.on('is-typing', (data) => {
-      this.chatbot.isTyping('leon', data)
-    })
-
-    this.socket.on('recognized', (data, cb) => {
-      this._input.value = data
-      this.send('query')
-
-      cb('string-received')
-    })
-
-    this.socket.on('audio-forwarded', (data, cb) => {
-      const ctx = new AudioContext()
-      const source = ctx.createBufferSource()
-
-      ctx.decodeAudioData(data, (buffer) => {
-        source.buffer = buffer
-
-        source.connect(ctx.destination)
-        source.start(0)
-      })
-
-      cb('audio-received')
-    })
-
-    this.socket.on('download', (data) => {
-      window.location = `http://${config.server_host}:${config.server_port}/v1/downloads?package=${data.package}&module=${data.module}`
-    })
-
-    if (this.history !== null) {
-      this.parsedHistory = JSON.parse(this.history)
-    }
-  }
-
-  send (keyword) {
-    if (this._input.value !== '') {
-      this.socket.emit(keyword, { client: this.client, value: this._input.value.trim() })
-      this.chatbot.sendTo('leon', this._input.value)
-
-      this.save()
-
-      return true
-    }
-
-    return false
-  }
-
-  save () {
-    let val = this._input.value
-
-    if (localStorage.getItem('history') === null) {
-      localStorage.setItem('history', JSON.stringify([]))
-      this.parsedHistory = JSON.parse(localStorage.getItem('history'))
-    } else if (this.parsedHistory.length >= 32) {
-      this.parsedHistory.shift()
-    }
-
-    if (val[0] === ' ') {
-      val = val.substr(1, val.length - 1)
-    }
-
-    if (this.parsedHistory[this.parsedHistory.length - 1] !== val) {
-      this.parsedHistory.push(val)
-      localStorage.setItem('history', JSON.stringify(this.parsedHistory))
-    }
-
-    this._input.value = ''
-  }
-}

app/js/loader.es6.js

@@ -1,26 +0,0 @@
-'use strict'
-
-import EventEmitter from 'events'
-
-export default class Loader {
-  constructor () {
-    this.load = new EventEmitter()
-    this.body = document.querySelector('body')
-
-    this.load.on('settingup', (state) => {
-      if (state === true) {
-        this.body.classList.add('settingup')
-      } else {
-        this.body.classList.remove('settingup')
-      }
-    })
-  }
-
-  start () {
-    this.load.emit('settingup', true)
-  }
-
-  stop () {
-    this.load.emit('settingup', false)
-  }
-}

app/js/main.es6.js

@@ -1,163 +0,0 @@
-'use strict'
-
-import request from 'superagent'
-
-import Loader from './loader.es6'
-import Client from './client.es6'
-import Recorder from './recorder.es6'
-import listener from './listener.es6'
-import { onkeydowndocument, onkeydowninput } from './onkeydown.es6'
-
-const config = {
-  app: 'webapp',
-  server_host: 'localhost',
-  server_port: 1337,
-  min_decibels: -40, // Noise detection sensitivity
-  max_blank_time: 1000 // Maximum time to consider a blank (ms)
-}
-
-document.addEventListener('DOMContentLoaded', () => {
-  const loader = new Loader()
-
-  loader.start()
-
-  request.get(`http://${config.server_host}:${config.server_port}/v1/info`)
-    .end((err, res) => {
-      if (err || !res.ok) {
-        console.error(err.response.error.message)
-      } else {
-        const input = document.querySelector('#query')
-        const mic = document.querySelector('button')
-        const v = document.querySelector('#version small')
-        const logger = document.querySelector('#logger small')
-        const client = new Client(config.app, config.server_host,
-          config.server_port, input, res.body)
-        let rec = { }
-        let chunks = []
-        let enabled = false
-        let hotwordTriggered = false
-        let autoStartedAfterTalk = false
-        let noiseDetected = false
-        let countSilenceAfterTalk = 0
-        let sLogger = ' enabled, thank you.'
-
-        v.innerHTML += client.info.version
-        if (client.info.logger === false) {
-          sLogger = ' disabled.'
-        }
-        logger.innerHTML += sLogger
-
-        client.init(config)
-
-        if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
-          navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => {
-            if (MediaRecorder) {
-              rec = new Recorder(stream, mic, client.info)
-
-              rec.ondataavailable((e) => {
-                chunks.push(e.data)
-              })
-
-              rec.onstart(() => { /* */ })
-
-              rec.onstop(() => {
-                const blob = new Blob(chunks)
-                chunks = []
-                enabled = false
-
-                // Ensure there are some data
-                if (blob.size >= 1000) {
-                  client.socket.emit('recognize', blob)
-                }
-              })
-
-              listener.listening(stream, config.min_decibels, config.max_blank_time, () => {
-                // Noise detected
-                noiseDetected = true
-              }, () => {
-                // Noise ended
-
-                noiseDetected = false
-                if (enabled === true && hotwordTriggered === false) {
-                  rec.stop()
-                  enabled = false
-                  hotwordTriggered = false
-                  countSilenceAfterTalk = 0
-
-                  if (client.info.after_speech === true) {
-                    // Auto enable recording after talk
-                    setTimeout(() => {
-                      rec.start(false)
-                      enabled = true
-                      autoStartedAfterTalk = true
-                    }, 500)
-                  }
-                }
-              })
-
-              if (client.info.after_speech === true) {
-                setInterval(() => {
-                  // If record after talk has started
-                  if (autoStartedAfterTalk === true && countSilenceAfterTalk <= 3) {
-                    // Stop recording if there was no noise for 3 seconds
-                    if (countSilenceAfterTalk === 3) {
-                      rec.stop(false)
-                      enabled = false
-                      autoStartedAfterTalk = false
-                      countSilenceAfterTalk = 0
-                    } else if (noiseDetected === false) {
-                      countSilenceAfterTalk += 1
-                    }
-                  }
-                }, 1000)
-              }
-
-              client.socket.on('enable-record', () => {
-                hotwordTriggered = true
-                rec.start()
-                setTimeout(() => { hotwordTriggered = false }, config.max_blank_time)
-                enabled = true
-              })
-            } else {
-              console.error('MediaRecorder is not supported on your browser.')
-            }
-          }).catch((err) => {
-            console.error('MediaDevices.getUserMedia() threw the following error:', err)
-          })
-        } else {
-          console.error('MediaDevices.getUserMedia() is not supported on your browser.')
-        }
-
-        loader.stop()
-
-        document.addEventListener('keydown', (e) => {
-          onkeydowndocument(e, () => {
-            if (enabled === false) {
-              input.value = ''
-              rec.start()
-              enabled = true
-            } else {
-              rec.stop()
-              enabled = false
-            }
-          })
-        })
-
-        input.addEventListener('keydown', (e) => {
-          onkeydowninput(e, client)
-        })
-
-        mic.addEventListener('click', (e) => {
-          e.preventDefault()
-
-          if (enabled === false) {
-            rec.start()
-            enabled = true
-          } else {
-            rec.stop()
-            enabled = false
-          }
-        })
-      }
-    })
-})

app/js/onkeydown.es6.js

@@ -1,41 +0,0 @@
-'use strict'
-
-let index = -1
-let parsedHistory = null
-
-const onkeydowninput = (e, client) => {
-  const key = e.which || e.keyCode
-
-  if (localStorage.getItem('history') !== null && (key === 38 || key === 40)) {
-    parsedHistory = JSON.parse(localStorage.getItem('history')).reverse()
-  }
-
-  if (key === 13) {
-    if (client.send('query')) {
-      parsedHistory = JSON.parse(localStorage.getItem('history')).reverse()
-      index = -1
-    }
-  } else if (localStorage.getItem('history') !== null) {
-    if (key === 38 && index < (parsedHistory.length - 1)) {
-      index += 1
-      client.input = parsedHistory[index]
-    } else if (key === 40 && (index - 1) >= 0) {
-      index -= 1
-      client.input = parsedHistory[index]
-    } else if (key === 40 && (index - 1) < 0) {
-      client.input = ''
-      index = -1
-    }
-  }
-}
-
-const onkeydowndocument = (e, cb) => {
-  if (e.altKey === true && e.key === 't') {
-    cb()
-  }
-}
-
-export {
-  onkeydowninput,
-  onkeydowndocument
-}

app/src/css/style.scss

@@ -0,0 +1,608 @@
+@import '@fontsource/source-sans-pro/200.css';
+@import '@fontsource/source-sans-pro/300.css';
+@import '@fontsource/source-sans-pro/400.css';
+@import '@fontsource/source-sans-pro/600.css';
+@import '@fontsource/source-sans-pro/700.css';
+@import '@fontsource/source-sans-pro/900.css';
+@import 'remixicon/fonts/remixicon.css';
+@import 'voice-energy/main.scss';
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframes,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+sub,
+sup,
+tt,
+var,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+* {
+  box-sizing: border-box;
+  outline: none;
+}
+
+:root {
+  --black-color: #000;
+  --light-black-color: #222426;
+  --white-color: #fff;
+  --grey-color: #323739;
+  --blue-color: #1c75db;
+  --pink-color: #ed297a;
+
+  .settingup {
+    --a-loader-size-md: 20px !important;
+  }
+}
+
+a {
+  color: inherit;
+}
+
+#feed ul li:not(.aurora-list-item) {
+  margin-left: 20px;
+}
+
+body {
+  color: var(--white-color);
+  background-color: var(--black-color);
+  font-family:
+    'Source Sans Pro',
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    Arial,
+    'Noto Sans',
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol',
+    'Noto Color Emoji';
+  font-weight: 400;
+}
+body > * {
+  transition: opacity 0.5s;
+}
+body.settingup > *:not(#init) {
+  opacity: 0;
+}
+#init .not-initialized {
+  visibility: hidden;
+}
+#init .initialized {
+  opacity: 0;
+  visibility: hidden;
+}
+
+kbd {
+  font-family: 'Source Sans Pro', monospace;
+  display: inline-block;
+  background-color: var(--light-black-color);
+  color: rgba(255, 255, 255, 0.4);
+  border-radius: 4px;
+  text-align: center;
+  min-width: 16px;
+  min-height: 16px;
+  line-height: 16px !important;
+  padding: 2px 6px !important;
+  margin: 0 !important;
+}
+
+main {
+  position: absolute;
+  width: 63%;
+  top: 0;
+  left: 50%;
+  height: 100%;
+  transform: translate(-50%, 0);
+}
+
+footer {
+  position: absolute;
+  text-align: center;
+  left: 50%;
+  bottom: 0;
+  line-height: 18px;
+  transform: translate(-50%, -50%);
+}
+
+textarea {
+  font-family: inherit;
+  text-align: center;
+  color: var(--white-color);
+  width: 100%;
+  border: none;
+  border-bottom: 2px solid var(--grey-color);
+  background: none;
+  font-weight: 600;
+  font-size: 4em;
+  padding-right: 39px;
+  height: 140px;
+  resize: none;
+  overflow-y: auto;
+}
+textarea::-webkit-scrollbar {
+  width: 6px;
+}
+textarea::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.2);
+  border-radius: 12px;
+}
+
+#tip {
+  display: inline-flex;
+  margin-top: 2px;
+  color: var(--white-color);
+  line-height: 22px;
+  font-size: 0.9em;
+  gap: 20px;
+  li {
+    margin-left: 0;
+  }
+}
+
+.hide {
+  display: none;
+}
+
+#logo {
+  background: no-repeat url(../img/logo.svg);
+  margin: 0 auto;
+  width: 40px;
+  height: 40px;
+}
+
+#top-container {
+  position: absolute;
+  top: 4%;
+  color: var(--grey-color);
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}
+#mood {
+  position: relative;
+  font-size: 16px;
+}
+#info {
+  position: relative;
+  text-decoration: underline;
+  background: none;
+  border: none;
+  color: var(--grey-color);
+  cursor: pointer;
+  font-size: inherit;
+}
+
+#feed {
+  position: absolute;
+  width: 100%;
+  top: 8%;
+  height: 50%;
+  overflow-y: auto;
+  border: 2px solid var(--grey-color);
+  border-radius: 12px;
+}
+#feed::-webkit-scrollbar {
+  width: 6px;
+}
+#feed::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.2);
+  border-radius: 12px;
+}
+
+#no-bubble {
+  margin-top: 64px;
+  text-align: center;
+}
+
+#is-typing {
+  position: absolute;
+  top: 59%;
+  padding: 0 8px;
+  opacity: 0;
+  margin-top: 20px;
+  transition: opacity 0.3s;
+}
+#is-typing.on {
+  opacity: 1;
+}
+
+#is-typing .circle {
+  display: inline-block;
+  border-radius: 50%;
+  width: 10px;
+  height: 10px;
+  background-color: var(--white-color);
+  transform: scale(1);
+}
+#is-typing .circle:nth-child(1) {
+  animation: typing 0.2s linear infinite alternate;
+  background-color: #0071f0;
+}
+#is-typing .circle:nth-child(2) {
+  animation: typing 0.2s 0.2s linear infinite alternate;
+  background-color: var(--white-color);
+}
+#is-typing .circle:nth-child(3) {
+  animation: typing 0.2s linear infinite alternate;
+  background-color: #ec297a;
+}
+@keyframes typing {
+  100% {
+    transform: scale(1.5);
+  }
+}
+
+.llm-token {
+  opacity: 0;
+  transition: opacity 2.5s;
+}
+
+.llm-token.fade-in {
+  animation: fadeIn 2.5s forwards;
+}
+
+.bubble-container {
+  padding: 6px;
+}
+.bubble-container.me {
+  text-align: right;
+}
+.bubble-container.leon {
+  text-align: left;
+}
+.show-more {
+  margin: 3px;
+  text-decoration: underline;
+}
+.show-more:hover {
+  cursor: pointer;
+  text-decoration: none;
+}
+.show-all {
+  max-height: 100% !important;
+}
+
+.bubble {
+  padding: 10px 16px;
+  border-radius: 16px;
+  display: inline-block;
+  max-width: 60%;
+  word-break: break-word;
+  text-align: left;
+  opacity: 0;
+  animation: fadeIn 0.2s ease-in forwards;
+  overflow: hidden;
+  font-size: 1.8rem;
+  line-height: 2.4rem;
+}
+#feed .me .bubble {
+  background-color: #1c75db;
+  color: var(--white-color);
+  right: 0;
+}
+#feed .leon .bubble {
+  background-color: var(--light-black-color);
+  color: var(--white-color);
+}
+@keyframes fadeIn {
+  100% {
+    opacity: 1;
+  }
+}
+
+#suggestions-container {
+  position: absolute;
+  z-index: 10;
+  width: 100%;
+  bottom: 36%;
+  display: flex;
+  justify-content: flex-end;
+  column-gap: 8px;
+  overflow-x: auto;
+}
+.suggestion {
+  border: 1px solid var(--white-color);
+  background-color: transparent;
+  color: var(--white-color);
+  border-radius: 8px;
+  padding: 2px 8px;
+  font-size: inherit;
+  cursor: pointer;
+  transition:
+    background-color 0.2s,
+    color 0.2s;
+}
+.suggestion:hover {
+  color: var(--black-color);
+  background-color: var(--white-color);
+}
+
+#input-container {
+  position: absolute;
+  width: 100%;
+  bottom: 18%;
+}
+
+#mic-container {
+  position: absolute;
+  right: 0;
+  margin-top: 38px;
+}
+
+.italic {
+  font-style: italic;
+}
+
+#mic-button {
+  position: absolute;
+  border: none;
+  cursor: pointer;
+  height: 26px;
+  width: 26px;
+  border-radius: 50%;
+  background-color: #888;
+  -webkit-mask-image: url(../img/mic.svg);
+  mask-image: url(../img/mic.svg);
+  transition: background-color 0.2s;
+}
+#mic-button:not(.enabled) {
+  margin-left: -26px;
+}
+#mic-button:hover {
+  background-color: var(--white-color);
+}
+#mic-button.enabled {
+  background-color: #00e676;
+}
+#mic-button.enabled + #sonar {
+  width: 26px;
+  height: 26px;
+  border-radius: 50%;
+  opacity: 0.3;
+  background-color: #575757;
+  pointer-events: none;
+  animation: sonar 1.3s linear infinite;
+}
+@keyframes sonar {
+  25% {
+    transform: scale(1.5);
+  }
+  50% {
+    transform: scale(1.2);
+  }
+  60% {
+    transform: scale(1.5);
+  }
+  75% {
+    transform: scale(2);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+/* Clickable URL styles */
+.clickable-url {
+  text-decoration: underline;
+}
+
+/* Clickable file path styles */
+.clickable-path {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+/* Tool Output Container Styles */
+.tool-group-container {
+  margin: 8px 6px;
+  border: 1px solid var(--grey-color);
+  border-radius: 8px;
+  background-color: #1a1a1a;
+  font-family: 'Courier New', Consolas, monospace;
+  font-size: 0.9em;
+  opacity: 0;
+  animation: fadeIn 0.3s ease-in forwards;
+}
+
+.tool-header {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  background-color: var(--light-black-color);
+  border-radius: 8px 8px 0 0;
+  cursor: pointer;
+  border-bottom: 1px solid var(--grey-color);
+  transition: background-color 0.2s;
+}
+
+.tool-header:hover {
+  background-color: #2a2c2e;
+}
+
+.tool-icon {
+  color: var(--blue-color);
+  margin-right: 8px;
+  font-size: 16px;
+}
+
+.tool-name {
+  flex: 1;
+  font-weight: 600;
+  color: var(--white-color);
+  font-size: 0.95em;
+}
+
+.expand-icon {
+  color: var(--grey-color);
+  font-size: 18px;
+  transition: transform 0.2s ease;
+}
+
+.expand-icon.rotated {
+  transform: rotate(180deg);
+}
+
+.tool-content {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.3s ease;
+}
+
+.tool-content.expanded {
+  max-height: 500px;
+  overflow-y: auto;
+}
+
+.tool-content::-webkit-scrollbar {
+  width: 4px;
+}
+
+.tool-content::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 2px;
+}
+
+.shell-output {
+  padding: 12px;
+  background-color: #0d1117;
+  border-radius: 0 0 8px 8px;
+  min-height: 40px;
+}
+
+.shell-message {
+  margin: 2px 0;
+  line-height: 1.4;
+  color: #e6edf3;
+  word-break: break-word;
+}
+
+.shell-prompt {
+  color: var(--pink-color);
+  font-weight: bold;
+  margin-right: 8px;
+}
+
+.shell-message .clickable-path {
+  color: var(--blue-color);
+  background-color: rgba(28, 117, 219, 0.1);
+  padding: 1px 4px;
+  border-radius: 3px;
+  border: 1px solid rgba(28, 117, 219, 0.3);
+}
+
+.shell-message .clickable-url {
+  color: var(--blue-color);
+}

app/src/css/voice-energy/base.scss

@@ -0,0 +1,162 @@
+/**
+ * Overlay and containers
+ */
+
+body.voice-mode-enabled {
+  #voice-overlay-transitor,
+  #voice-overlay-bg {
+    visibility: visible;
+  }
+  #voice-overlay-bg {
+    opacity: 1;
+  }
+}
+#voice-overlay-transitor {
+  position: fixed;
+  background-color: var(--black-color);
+  z-index: 10;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  will-change: transform;
+  animation: scaleIn 1s;
+}
+@keyframes scaleIn {
+  0% {
+    transform: scale3d(0, 0, 1);
+  }
+  100% {
+    transform: scale3d(172, 172, 1);
+  }
+}
+
+#voice-status,
+#voice-tips {
+  color: var(--grey-color);
+  text-align: center;
+}
+#voice-status {
+  font-size: 17px;
+  font-style: italic;
+}
+#voice-tips {
+  margin-top: 32px;
+  line-height: 18px;
+  font-size: 15px;
+}
+
+#voice-overlay-bg {
+  visibility: hidden;
+  cursor: pointer;
+  opacity: 0;
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  z-index: 100;
+  will-change: opacity;
+  display: flex;
+  justify-content: center;
+  // backdrop-filter: saturate(140%) blur(5px);
+  /*background-color: rgba(0, 0, 0, .9);*/
+  background-color: var(--black-color);
+}
+@keyframes skipFadeIn {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+#voice-container {
+  opacity: 0;
+  position: relative;
+  top: 64px;
+  display: flex;
+  flex-direction: column;
+  width: 1024px;
+  height: 756px;
+  align-items: center;
+  gap: 64px;
+  animation: fadeIn 1s 3s both;
+}
+
+#voice-energy-container {
+  --neon-size: 228px;
+
+  // animation: fadeIn 1s 1.5s both;
+  //opacity: 0;
+  overflow: hidden;
+  position: relative;
+  height: 400px;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+p#voice-speech {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  text-align: center;
+  font-size: 3rem;
+  font-weight: 600;
+}
+
+/**
+ * Neons
+ */
+
+.voice-neon {
+  position: absolute;
+  z-index: 10;
+  width: var(--neon-size);
+  height: var(--neon-size);
+}
+
+#purple-neon-blur {
+  --neon-blur: calc(var(--neon-size) + 96px);
+
+  position: absolute;
+  z-index: 0;
+  opacity: 0.7;
+  width: var(--neon-blur);
+  height: var(--neon-blur);
+}
+
+#blue-neon-1 {
+  margin-top: -8px;
+  margin-left: 12px;
+}
+
+#blue-neon-2 {
+  margin-top: 8px;
+  margin-right: 12px;
+}
+
+/**
+ * Particles
+ */
+
+.voice-particle {
+  position: absolute;
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  opacity: 1;
+  will-change: transform, opacity;
+  animation-duration: 1s;
+  animation-iteration-count: infinite;
+}
+.voice-particle.blue {
+  background-color: #c4e0ff;
+  box-shadow: 0 0 2px 2px var(--blue-color);
+}
+.voice-particle.pink {
+  background-color: #ffb9d7;
+  box-shadow: 0 0 2px 2px var(--pink-color);
+}

app/src/css/voice-energy/idle.scss

@@ -0,0 +1,59 @@
+/**
+ * IDLE status
+ */
+
+#voice-energy-container.idle {
+  .voice-particle {
+    visibility: hidden;
+    animation-play-state: paused;
+    opacity: 0;
+  }
+  .voice-neon {
+    margin: 0;
+  }
+  #purple-neon-blur {
+    transform: scale(1);
+  }
+  #purple-neon-blur circle {
+    filter: drop-shadow(0px 0px 64px mix(#ed297a, #1c75db));
+    animation: idleNeonBlurBreath 2.2s infinite alternate;
+  }
+  #pink-neon-1 {
+    transform: scale(1);
+    animation: idleBouncePinkNeon1 1.8s 1s infinite alternate;
+  }
+  #blue-neon-1 {
+    transform: scale(0.8);
+    animation: idleMoveBlueNeon1 1.8s infinite alternate;
+  }
+  #blue-neon-2 {
+    transform: scale(0.9);
+    animation: idleMoveBlueNeon2 1.8s 0.5s infinite alternate;
+  }
+}
+
+@keyframes idleNeonBlurBreath {
+  100% {
+    filter: drop-shadow(0px 0px 0px mix(#ed297a, #1c75db));
+  }
+}
+@keyframes idleBouncePurpleNeonBlur {
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes idleBouncePinkNeon1 {
+  100% {
+    transform: scale(1.1);
+  }
+}
+@keyframes idleMoveBlueNeon1 {
+  100% {
+    transform: scale(0.9);
+  }
+}
+@keyframes idleMoveBlueNeon2 {
+  100% {
+    transform: scale(1);
+  }
+}

app/src/css/voice-energy/listening.scss

@@ -0,0 +1,59 @@
+/**
+ * Listening status
+ */
+
+#voice-energy-container.listening {
+  .voice-particle {
+    visibility: hidden;
+    animation-play-state: paused;
+    opacity: 0;
+  }
+  .voice-neon {
+    margin: 0;
+  }
+  #purple-neon-blur {
+    transform: scale(1);
+  }
+  #purple-neon-blur circle {
+    filter: drop-shadow(0px 0px 64px mix(#ed297a, #1c75db));
+    animation: listeningNeonBlurBreath 0.7s infinite alternate;
+  }
+  #pink-neon-1 {
+    transform: scale(1);
+    animation: listeningBouncePinkNeon1 0.3s 1s infinite alternate;
+  }
+  #blue-neon-1 {
+    transform: scale(0.8);
+    animation: listeningMoveBlueNeon1 0.3s infinite alternate;
+  }
+  #blue-neon-2 {
+    transform: scale(0.9);
+    animation: listeningMoveBlueNeon2 0.3s 0.5s infinite alternate;
+  }
+}
+
+@keyframes listeningNeonBlurBreath {
+  100% {
+    filter: drop-shadow(0px 0px 0px mix(#ed297a, #1c75db));
+  }
+}
+@keyframes listeningBouncePurpleNeonBlur {
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes listeningBouncePinkNeon1 {
+  100% {
+    transform: scale(1.1);
+  }
+}
+@keyframes listeningMoveBlueNeon1 {
+  100% {
+    transform: scale(0.9);
+  }
+}
+@keyframes listeningMoveBlueNeon2 {
+  100% {
+    transform: scale(1);
+  }
+}

app/src/css/voice-energy/main.scss

@@ -0,0 +1,5 @@
+@import 'base.scss';
+@import 'listening.scss';
+@import 'idle.scss';
+@import 'processing.scss';
+@import 'talking.scss';

app/src/css/voice-energy/processing.scss

@@ -0,0 +1,88 @@
+@use 'sass:math';
+
+/**
+ * Processing status
+ */
+
+#voice-energy-container.processing {
+  #purple-neon-blur {
+    animation: processingBouncePurpleNeonBlur 1s infinite alternate;
+  }
+  #pink-neon-1 {
+    animation: processingBouncePinkNeon1 0.5s infinite alternate;
+  }
+  #blue-neon-1 {
+    animation: processingMoveBlueNeon1 0.5s infinite alternate;
+  }
+  #blue-neon-2 {
+    animation: processingMoveBlueNeon2 0.5s infinite alternate;
+  }
+}
+
+@keyframes processingBouncePurpleNeonBlur {
+  50% {
+    transform: scale(1.07);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes processingBouncePinkNeon1 {
+  50% {
+    transform: scale(1.02);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes processingMoveBlueNeon1 {
+  0% {
+    transform: translateX(0) translateY(0);
+  }
+  33% {
+    transform: translateY(-3px) translateX(-2px);
+  }
+  66% {
+    transform: translateY(-3px) translateX(3px);
+  }
+  100% {
+    transform: translateY(-3px) translateX(1px);
+  }
+}
+@keyframes processingMoveBlueNeon2 {
+  0% {
+    transform: translateX(0) translateY(0);
+  }
+  33% {
+    transform: translateY(3px) translateX(2px);
+  }
+  66% {
+    transform: translateY(3px) translateX(3px);
+  }
+  100% {
+    transform: translateY(3px) translateX(-1px);
+  }
+}
+
+@for $i from 0 through 31 {
+  .processing .voice-particle[data-particle='#{$i}'] {
+    animation-delay: #{$i * 0.1}s;
+  }
+
+  .processing .voice-particle[data-particle='#{$i}'] {
+    animation-name: processingMoveParticle#{$i};
+  }
+
+  #voice-energy-container.processing {
+    @keyframes processingMoveParticle#{$i} {
+      75% {
+        opacity: 0.1;
+      }
+      100% {
+        opacity: 1;
+        transform: translateX(math.cos(11.25deg * $i) * 110px)
+          translateY(math.sin(11.25deg * $i) * 110px);
+      }
+    }
+  }
+}

app/src/css/voice-energy/talking.scss

@@ -0,0 +1,82 @@
+@use 'sass:math';
+
+/**
+ * Talking status
+ */
+
+#voice-energy-container.talking {
+  .voice-neon {
+    margin: 0;
+  }
+  #purple-neon-blur {
+    animation: talkingBouncePurpleNeonBlur 1s infinite alternate;
+  }
+  #pink-neon-1 {
+    transform: scale(1);
+    animation: talkingBouncePinkNeon1 0.5s 1s infinite alternate;
+  }
+  #blue-neon-1 {
+    transform: scale(0.8);
+    animation: talkingMoveBlueNeon1 0.5s infinite alternate;
+  }
+  #blue-neon-2 {
+    transform: scale(0.9);
+    animation: talkingMoveBlueNeon2 0.5s 0.3s infinite alternate;
+  }
+}
+
+@keyframes talkingBouncePurpleNeonBlur {
+  50% {
+    transform: scale(1.07);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes talkingBouncePinkNeon1 {
+  100% {
+    transform: scale(1.1);
+  }
+}
+@keyframes talkingMoveBlueNeon1 {
+  100% {
+    transform: scale(0.9);
+  }
+}
+@keyframes talkingMoveBlueNeon2 {
+  100% {
+    transform: scale(1);
+  }
+}
+
+.talking .voice-particle {
+  opacity: 0;
+  animation-duration: 2s;
+}
+@for $i from 0 through 31 {
+  .talking .voice-particle[data-particle='#{$i}'] {
+    animation-delay: #{$i * 0.2}s;
+    // animation-duration: #{$i * 0.5}s;
+  }
+
+  .talking .voice-particle[data-particle='#{$i}'] {
+    animation-name: talkingMoveParticle#{$i};
+  }
+
+  #voice-energy-container.talking {
+    @keyframes talkingMoveParticle#{$i} {
+      0% {
+        opacity: 1;
+        transform: translate(0);
+      }
+      50% {
+        opacity: 0;
+      }
+      100% {
+        opacity: 0;
+        transform: translateX(math.cos(math.random() * 360deg))
+          translateY(math.sin(math.random() * 360deg));
+      }
+    }
+  }
+}

app/src/custom-aurora-components/index.ts

@@ -0,0 +1 @@
+export * from './timer'

app/src/custom-aurora-components/timer/index.ts

@@ -0,0 +1 @@
+export * from './timer'

app/src/custom-aurora-components/timer/timer.tsx

@@ -0,0 +1,70 @@
+import React, { useState, useEffect } from 'react'
+import { CircularProgress, Flexbox, Text } from '@leon-ai/aurora'
+
+interface TimerProps {
+  initialTime: number
+  interval: number
+  totalTimeContent: string
+  initialProgress?: number
+  onEnd?: () => void
+}
+
+function formatTime(seconds: number): string {
+  const minutes = seconds >= 60 ? Math.floor(seconds / 60) : 0
+  const remainingSeconds = seconds % 60
+  const formattedMinutes = minutes < 10 ? `0${minutes}` : minutes
+  const formattedSeconds =
+    remainingSeconds < 10 ? `0${remainingSeconds}` : remainingSeconds
+
+  return `${formattedMinutes}:${formattedSeconds}`
+}
+
+export function Timer({
+  initialTime,
+  initialProgress,
+  interval,
+  totalTimeContent,
+  onEnd
+}: TimerProps) {
+  const [progress, setProgress] = useState(initialProgress || 0)
+  const [timeLeft, setTimeLeft] = useState(initialTime)
+
+  useEffect(() => {
+    setTimeLeft(initialTime)
+    setProgress(progress)
+  }, [initialTime])
+
+  useEffect(() => {
+    if (timeLeft <= 0) {
+      return
+    }
+
+    const timer = setInterval(() => {
+      setTimeLeft((prevTime) => {
+        const newTime = prevTime - 1
+
+        if (newTime <= 0 && onEnd) {
+          onEnd()
+        }
+
+        return newTime
+      })
+      setProgress((prevProgress) => prevProgress + 100 / initialTime)
+    }, interval)
+
+    return () => clearInterval(timer)
+  }, [initialTime, interval, timeLeft])
+
+  return (
+    <CircularProgress value={progress} size="lg">
+      <Flexbox gap="xs" alignItems="center" justifyContent="center">
+        <Text fontSize="lg" fontWeight="semi-bold">
+          {formatTime(timeLeft)}
+        </Text>
+        <Text fontSize="xs" secondary>
+          {totalTimeContent}
+        </Text>
+      </Flexbox>
+    </CircularProgress>
+  )
+}

app/src/index.html

@@ -0,0 +1,348 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" type="image/png" href="/img/favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Leon</title>
+    <style>
+      @import './css/style.scss';
+    </style>
+  </head>
+  <body class="settingup">
+    <div id="init"></div>
+    <div id="voice-overlay-bg">
+      <div id="voice-container">
+        <div>
+          <div id="voice-energy-container">
+            <svg
+              class="voice-neon"
+              id="pink-neon-1"
+              viewBox="0 0 237 237"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <g filter="url(#filter0_i_6_16)">
+                <circle
+                  cx="118.5"
+                  cy="118.5"
+                  r="113.5"
+                  stroke="#FFF"
+                  stroke-width="10"
+                />
+              </g>
+              <defs>
+                <filter
+                  id="filter0_i_6_16"
+                  x="0"
+                  y="0"
+                  width="237"
+                  height="237"
+                  filterUnits="userSpaceOnUse"
+                  color-interpolation-filters="sRGB"
+                >
+                  <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                  <feBlend
+                    mode="normal"
+                    in="SourceGraphic"
+                    in2="BackgroundImageFix"
+                    result="shape"
+                  />
+                  <feColorMatrix
+                    in="SourceAlpha"
+                    type="matrix"
+                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                    result="hardAlpha"
+                  />
+                  <feMorphology
+                    radius="1"
+                    operator="erode"
+                    in="SourceAlpha"
+                    result="effect1_innerShadow_6_16"
+                  />
+                  <feOffset />
+                  <feGaussianBlur stdDeviation="1" />
+                  <feComposite
+                    in2="hardAlpha"
+                    operator="arithmetic"
+                    k2="-1"
+                    k3="1"
+                  />
+                  <feColorMatrix
+                    type="matrix"
+                    values="0 0 0 0 0.929412 0 0 0 0 0.160784 0 0 0 0 0.478431 0 0 0 1 0"
+                  />
+                  <feBlend
+                    mode="normal"
+                    in2="shape"
+                    result="effect1_innerShadow_6_16"
+                  />
+                </filter>
+              </defs>
+            </svg>
+
+            <svg
+              class="voice-neon"
+              id="blue-neon-1"
+              viewBox="0 0 237 237"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <g filter="url(#filter0_i_6_24)">
+                <circle
+                  cx="118.5"
+                  cy="118.5"
+                  r="116.5"
+                  stroke="#FFF"
+                  stroke-width="4"
+                />
+              </g>
+              <defs>
+                <filter
+                  id="filter0_i_6_24"
+                  x="0"
+                  y="0"
+                  width="237"
+                  height="237"
+                  filterUnits="userSpaceOnUse"
+                  color-interpolation-filters="sRGB"
+                >
+                  <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                  <feBlend
+                    mode="normal"
+                    in="SourceGraphic"
+                    in2="BackgroundImageFix"
+                    result="shape"
+                  />
+                  <feColorMatrix
+                    in="SourceAlpha"
+                    type="matrix"
+                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                    result="hardAlpha"
+                  />
+                  <feMorphology
+                    radius="1"
+                    operator="erode"
+                    in="SourceAlpha"
+                    result="effect1_innerShadow_6_24"
+                  />
+                  <feOffset />
+                  <feGaussianBlur stdDeviation="1" />
+                  <feComposite
+                    in2="hardAlpha"
+                    operator="arithmetic"
+                    k2="-1"
+                    k3="1"
+                  />
+                  <feColorMatrix
+                    type="matrix"
+                    values="0 0 0 0 0.109804 0 0 0 0 0.458824 0 0 0 0 0.858824 0 0 0 1 0"
+                  />
+                  <feBlend
+                    mode="normal"
+                    in2="shape"
+                    result="effect1_innerShadow_6_24"
+                  />
+                </filter>
+              </defs>
+            </svg>
+
+            <svg
+              class="voice-neon"
+              id="blue-neon-2"
+              viewBox="0 0 237 237"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <g filter="url(#filter0_i_6_24)">
+                <circle
+                  cx="118.5"
+                  cy="118.5"
+                  r="116.5"
+                  stroke="#FFF"
+                  stroke-width="4"
+                />
+              </g>
+              <defs>
+                <filter
+                  id="filter0_i_6_24"
+                  x="0"
+                  y="0"
+                  width="237"
+                  height="237"
+                  filterUnits="userSpaceOnUse"
+                  color-interpolation-filters="sRGB"
+                >
+                  <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                  <feBlend
+                    mode="normal"
+                    in="SourceGraphic"
+                    in2="BackgroundImageFix"
+                    result="shape"
+                  />
+                  <feColorMatrix
+                    in="SourceAlpha"
+                    type="matrix"
+                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                    result="hardAlpha"
+                  />
+                  <feMorphology
+                    radius="5"
+                    operator="erode"
+                    in="SourceAlpha"
+                    result="effect1_innerShadow_6_24"
+                  />
+                  <feOffset />
+                  <feGaussianBlur stdDeviation="1" />
+                  <feComposite
+                    in2="hardAlpha"
+                    operator="arithmetic"
+                    k2="-1"
+                    k3="1"
+                  />
+                  <feColorMatrix
+                    type="matrix"
+                    values="0 0 0 0 0.109804 0 0 0 0 0.458824 0 0 0 0 0.858824 0 0 0 1 0"
+                  />
+                  <feBlend
+                    mode="normal"
+                    in2="shape"
+                    result="effect1_innerShadow_6_24"
+                  />
+                </filter>
+              </defs>
+            </svg>
+
+            <svg
+              id="purple-neon-blur"
+              viewBox="0 0 341 341"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <g opacity="0.72" filter="url(#filter0_f_18_61)">
+                <circle
+                  cx="170.5"
+                  cy="170.5"
+                  r="116.5"
+                  stroke="#ED297A"
+                  stroke-width="24"
+                />
+              </g>
+              <g opacity="0.72" filter="url(#filter1_f_18_61)">
+                <circle
+                  cx="170.5"
+                  cy="170.5"
+                  r="116.5"
+                  stroke="#1C75DB"
+                  stroke-width="24"
+                />
+              </g>
+              <defs>
+                <filter
+                  id="filter0_f_18_61"
+                  x="0"
+                  y="0"
+                  width="341"
+                  height="341"
+                  filterUnits="userSpaceOnUse"
+                  color-interpolation-filters="sRGB"
+                >
+                  <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                  <feBlend
+                    mode="normal"
+                    in="SourceGraphic"
+                    in2="BackgroundImageFix"
+                    result="shape"
+                  />
+                  <feGaussianBlur
+                    stdDeviation="21"
+                    result="effect1_foregroundBlur_18_61"
+                  />
+                </filter>
+                <filter
+                  id="filter1_f_18_61"
+                  x="0"
+                  y="0"
+                  width="341"
+                  height="341"
+                  filterUnits="userSpaceOnUse"
+                  color-interpolation-filters="sRGB"
+                >
+                  <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                  <feBlend
+                    mode="normal"
+                    in="SourceGraphic"
+                    in2="BackgroundImageFix"
+                    result="shape"
+                  />
+                  <feGaussianBlur
+                    stdDeviation="21"
+                    result="effect1_foregroundBlur_18_61"
+                  />
+                </filter>
+              </defs>
+            </svg>
+          </div>
+          <div id="voice-status"></div>
+          <div id="voice-tips">
+            It is recommended to use a headset for a better voice experience.
+            <br />
+            Otherwise, if your microphone is too sensitive or speakers are too
+            loud,
+            <br />
+            Leon may hear his own voice and get confused.
+          </div>
+        </div>
+        <p id="voice-speech"></p>
+      </div>
+    </div>
+    <main>
+      <div id="top-container">
+        <div id="mood"></div>
+        <button id="info">Info</button>
+      </div>
+      <div id="feed">
+        <p id="no-bubble" class="hide">
+          You can start to interact with Leon, don't be shy.
+        </p>
+      </div>
+      <div id="suggestions-container"></div>
+      <div id="is-typing">
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+      </div>
+      <div id="input-container">
+        <div id="mic-container">
+          <button id="mic-button"></button>
+          <div id="sonar"></div>
+        </div>
+        <label for="utterance"></label>
+        <textarea id="utterance" autocomplete="off" autofocus></textarea>
+        <ul id="tip">
+          <li><kbd>enter</kbd> to submit.</li>
+          <li><kbd>shift</kbd> + <kbd>enter</kbd> for new line.</li>
+          <li>
+            <kbd>shift</kbd> + <kbd>↑</kbd> / <kbd>↓</kbd> to browse history.
+          </li>
+          <li><kbd>alt</kbd> / <kbd>cmd</kbd> + <kbd>c</kbd> to listen.</li>
+        </ul>
+      </div>
+    </main>
+    <footer>
+      <div id="logo"></div>
+      <br />
+      <div id="version">
+        <small>v</small>
+      </div>
+      <div id="discord">
+        <small class="italic">
+          <a href="https://discord.gg/MNQqqKg" target="_blank"
+            >Join us on Discord</a
+          >
+        </small>
+      </div>
+    </footer>
+    <script type="module" src="/js/main.js"></script>
+  </body>
+</html>

app/src/js/chatbot.js

@@ -0,0 +1,408 @@
+import { createElement } from 'react'
+import { createRoot } from 'react-dom/client'
+import axios from 'axios'
+// eslint-disable-next-line no-redeclare
+import { WidgetWrapper, Flexbox, Loader, Text } from '@leon-ai/aurora'
+
+import renderAuroraComponent from './render-aurora-component'
+import ToolUIHandler from './tool-ui-handler'
+
+const WIDGETS_TO_FETCH = []
+const WIDGETS_FETCH_CACHE = new Map()
+const REPLACED_MESSAGES = new Set()
+
+export default class Chatbot {
+  constructor(socket, serverURL) {
+    this.socket = socket
+    this.serverURL = serverURL
+    this.et = new EventTarget()
+    this.feed = document.querySelector('#feed')
+    this.typing = document.querySelector('#is-typing')
+    this.noBubbleMessage = document.querySelector('#no-bubble')
+    this.bubbles = localStorage.getItem('bubbles')
+    this.parsedBubbles = JSON.parse(this.bubbles)
+
+    // Initialize tool UI handler
+    this.toolUIHandler = new ToolUIHandler(
+      this.feed,
+      this.scrollDown.bind(this),
+      this.formatMessage.bind(this)
+    )
+  }
+
+  async init() {
+    await this.loadFeed()
+    this.scrollDown()
+
+    this.et.addEventListener('to-leon', (event) => {
+      this.createBubble({
+        who: 'me',
+        string: event.detail
+      })
+    })
+
+    this.et.addEventListener('me-received', (event) => {
+      this.createBubble({
+        who: 'leon',
+        string: event.detail
+      })
+    })
+
+    // Add event delegation for clickable paths
+    this.feed.addEventListener('click', (event) => {
+      if (event.target.classList.contains('clickable-path')) {
+        const path = event.target.getAttribute('data-path')
+        if (path) {
+          this.openPath(path)
+        }
+      }
+    })
+  }
+
+  sendTo(who, string) {
+    if (who === 'leon') {
+      this.et.dispatchEvent(new CustomEvent('to-leon', { detail: string }))
+    }
+  }
+
+  receivedFrom(who, string) {
+    if (who === 'leon') {
+      this.et.dispatchEvent(new CustomEvent('me-received', { detail: string }))
+    }
+  }
+
+  isTyping(who, value) {
+    if (who === 'leon') {
+      if (value) {
+        this.enableTyping()
+      } else if (value === false) {
+        this.disableTyping()
+      }
+    }
+  }
+
+  enableTyping() {
+    if (!this.typing.classList.contains('on')) {
+      this.typing.classList.add('on')
+    }
+  }
+
+  disableTyping() {
+    if (this.typing.classList.contains('on')) {
+      this.typing.classList.remove('on')
+    }
+  }
+
+  scrollDown() {
+    this.feed.scrollTo(0, this.feed.scrollHeight)
+  }
+
+  loadFeed() {
+    return new Promise(async (resolve) => {
+      if (this.parsedBubbles === null || this.parsedBubbles.length === 0) {
+        this.noBubbleMessage.classList.remove('hide')
+        localStorage.setItem('bubbles', JSON.stringify([]))
+        this.parsedBubbles = []
+        resolve()
+      } else {
+        for (let i = 0; i < this.parsedBubbles.length; i += 1) {
+          const bubble = this.parsedBubbles[i]
+
+          // Skip tool output markers when recreating bubbles
+          if (
+            bubble.originalString &&
+            ToolUIHandler.isToolOutputMarker(bubble.originalString)
+          ) {
+            continue
+          }
+
+          this.createBubble({
+            who: bubble.who,
+            string: bubble.originalString
+              ? bubble.originalString
+              : bubble.string,
+            save: false,
+            isCreatingFromLoadingFeed: true
+          })
+
+          if (i + 1 === this.parsedBubbles.length) {
+            setTimeout(() => {
+              resolve()
+            }, 100)
+          }
+        }
+
+        /**
+         * Browse widgets that need to be fetched.
+         * Reverse widgets to fetch the last widgets first.
+         * Replace the loading content with the fetched widget
+         */
+        const widgetContainers = WIDGETS_TO_FETCH.reverse()
+        for (let i = 0; i < widgetContainers.length; i += 1) {
+          const widgetContainer = widgetContainers[i]
+          const hasWidgetBeenFetched = WIDGETS_FETCH_CACHE.has(
+            widgetContainer.widgetId
+          )
+
+          if (hasWidgetBeenFetched) {
+            const fetchedWidget = WIDGETS_FETCH_CACHE.get(
+              widgetContainer.widgetId
+            )
+            widgetContainer.reactRootNode.render(fetchedWidget.reactNode)
+
+            setTimeout(() => {
+              this.scrollDown()
+            }, 100)
+
+            continue
+          }
+
+          const data = await axios.get(
+            `${this.serverURL}/api/v1/fetch-widget?skill_action=${widgetContainer.onFetch.actionName}&widget_id=${widgetContainer.widgetId}`
+          )
+          const fetchedWidget = data.data.widget
+          const reactNode = fetchedWidget
+            ? renderAuroraComponent(
+                this.socket,
+                fetchedWidget.componentTree,
+                fetchedWidget.supportedEvents
+              )
+            : createElement(WidgetWrapper, {
+                children: createElement(Flexbox, {
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  children: createElement(Text, {
+                    secondary: true,
+                    children: 'This widget has been deleted.'
+                  })
+                })
+              })
+
+          widgetContainer.reactRootNode.render(reactNode)
+          WIDGETS_FETCH_CACHE.set(widgetContainer.widgetId, {
+            ...fetchedWidget,
+            reactNode
+          })
+          setTimeout(() => {
+            this.scrollDown()
+          }, 100)
+        }
+      }
+    })
+  }
+
+  createBubble(params) {
+    const {
+      who,
+      string,
+      save = true,
+      bubbleId,
+      isCreatingFromLoadingFeed = false,
+      messageId
+    } = params
+    const container = document.createElement('div')
+    const bubble = document.createElement('p')
+
+    container.className = `bubble-container ${who}`
+    bubble.className = 'bubble'
+
+    if (messageId) {
+      container.setAttribute('data-message-id', messageId)
+    }
+
+    // Store original string before formatting
+    const originalString = string
+    const formattedString = this.formatMessage(string)
+
+    bubble.innerHTML = formattedString
+
+    if (bubbleId) {
+      container.classList.add(bubbleId)
+    }
+
+    this.feed.appendChild(container).appendChild(bubble)
+
+    let widgetComponentTree = null
+    let widgetSupportedEvents = null
+
+    /**
+     * Widget rendering
+     */
+    if (
+      formattedString.includes &&
+      formattedString.includes('"component":"WidgetWrapper"')
+    ) {
+      const parsedWidget = JSON.parse(formattedString)
+      container.setAttribute('data-widget-id', parsedWidget.id)
+
+      /**
+       * On widget fetching, render the loader
+       */
+      if (isCreatingFromLoadingFeed && parsedWidget.onFetch) {
+        const root = createRoot(container)
+
+        root.render(
+          createElement(WidgetWrapper, {
+            children: createElement(Flexbox, {
+              alignItems: 'center',
+              justifyContent: 'center',
+              children: createElement(Loader)
+            })
+          })
+        )
+
+        WIDGETS_TO_FETCH.push({
+          reactRootNode: root,
+          widgetId: parsedWidget.id,
+          onFetch: parsedWidget.onFetch
+        })
+
+        return container
+      }
+
+      widgetComponentTree = parsedWidget.componentTree
+      widgetSupportedEvents = parsedWidget.supportedEvents
+
+      /**
+       * On widget creation
+       */
+      const root = createRoot(container)
+
+      const reactNode = renderAuroraComponent(
+        this.socket,
+        widgetComponentTree,
+        widgetSupportedEvents
+      )
+
+      root.render(reactNode)
+    }
+
+    if (save) {
+      this.saveBubble(who, originalString, formattedString, messageId)
+    }
+
+    return container
+  }
+
+  handleToolOutput(data) {
+    const result = this.toolUIHandler.handleToolOutput(data)
+
+    // Save to localStorage if it's a new group
+    if (result && result.isNewGroup) {
+      const { toolkitName, toolName, answer } = data
+      const toolInfo = this.toolUIHandler.getToolGroupInfo(
+        result.groupId,
+        toolkitName,
+        toolName,
+        answer
+      )
+
+      this.saveBubble(
+        'leon',
+        toolInfo.originalString,
+        toolInfo.formattedMessage,
+        toolInfo.messageId
+      )
+    }
+  }
+
+  saveBubble(who, originalString, string, messageId) {
+    if (!this.noBubbleMessage.classList.contains('hide')) {
+      this.noBubbleMessage.classList.add('hide')
+    }
+
+    if (this.parsedBubbles.length === 62) {
+      this.parsedBubbles.shift()
+    }
+
+    // Store both original and formatted strings
+    this.parsedBubbles.push({
+      who,
+      string,
+      originalString,
+      messageId
+    })
+    localStorage.setItem('bubbles', JSON.stringify(this.parsedBubbles))
+    this.scrollDown()
+  }
+
+  formatMessage(message) {
+    const isWidget =
+      message.includes && message.includes('"component":"WidgetWrapper"')
+
+    if (typeof message === 'string' && !isWidget) {
+      message = message.replace(/\n/g, '<br />')
+
+      // Handle HTTP/HTTPS URLs with simple regex
+      message = message.replace(/https?:\/\/[^\s<>"{}|\\^`[\]]+/gi, (match) => {
+        return `<a href="${match}" target="_blank" rel="noopener noreferrer" class="clickable-url" title="Open URL in browser">${match}</a>`
+      })
+
+      // Handle file paths with delimiters for exact matching
+      message = message.replace(
+        /\[FILE_PATH\](.*?)\[\/FILE_PATH\]/g,
+        (match, filePath) => {
+          return `<span class="clickable-path" data-path="${filePath}" title="Open in file explorer">${filePath}</span>`
+        }
+      )
+    }
+
+    return message
+  }
+
+  replaceMessage(replaceMessageId, newData) {
+    const existingBubble = document.querySelector(
+      `[data-message-id="${replaceMessageId}"]`
+    )
+
+    if (existingBubble) {
+      existingBubble.remove()
+
+      const bubbleIndex = this.parsedBubbles.findIndex(
+        (bubble) => bubble.messageId === replaceMessageId
+      )
+      if (bubbleIndex !== -1) {
+        this.parsedBubbles.splice(bubbleIndex, 1)
+      }
+    }
+
+    const widgetString =
+      typeof newData === 'string' ? newData : JSON.stringify(newData)
+
+    this.createBubble({
+      who: 'leon',
+      string: widgetString,
+      save: false,
+      messageId: replaceMessageId
+    })
+
+    /**
+     * Only scroll down on the first replacement of this message
+     * to avoid repeating scrolling for every message replacement
+     */
+    if (!REPLACED_MESSAGES.has(replaceMessageId)) {
+      REPLACED_MESSAGES.add(replaceMessageId)
+      this.scrollDown()
+    }
+  }
+
+  openPath(filePath) {
+    // Send request to server to open the file path in system file explorer
+    fetch(`${this.serverURL}/api/v1/open-path`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ path: filePath })
+    })
+      .then((response) => response.json())
+      .then((data) => {
+        if (!data.success) {
+          console.error('Failed to open path:', data.error)
+        }
+      })
+      .catch((error) => {
+        console.error('Error opening path:', error)
+      })
+  }
+}

app/src/js/client.js

@@ -0,0 +1,489 @@
+import { io } from 'socket.io-client'
+
+import Chatbot from './chatbot'
+import VoiceEnergy from './voice-energy'
+import { INIT_MESSAGES } from './constants'
+import handleSuggestions from './suggestion-handler.js'
+
+export default class Client {
+  constructor(client, serverUrl, input) {
+    this.client = client
+    this._input = input
+    this._suggestionContainer = document.querySelector('#suggestions-container')
+    this.voiceSpeechElement = document.querySelector('#voice-speech')
+    this.serverUrl = serverUrl
+    this.socket = io(this.serverUrl)
+    this.history = localStorage.getItem('history')
+    this.parsedHistory = []
+    this.chatbot = new Chatbot(this.socket, this.serverUrl)
+    this.voiceEnergy = new VoiceEnergy(this)
+    this._recorder = {}
+    this._suggestions = []
+    this._answerGenerationId = 'xxx'
+    this._ttsAudioContext = null
+    this._isLeonGeneratingAnswer = false
+    this._isVoiceModeEnabled = false
+    // this._ttsAudioContextes = {}
+  }
+
+  set input(newInput) {
+    if (typeof newInput !== 'undefined') {
+      this._input.value = newInput
+    }
+  }
+
+  get input() {
+    return this._input
+  }
+
+  set recorder(recorder) {
+    this._recorder = recorder
+  }
+
+  get recorder() {
+    return this._recorder
+  }
+
+  updateMood(mood) {
+    if (window.leonConfigInfo.llm.enabled) {
+      const moodContainer = document.querySelector('#mood')
+
+      moodContainer.textContent = `Leon's mood: ${mood.emoji}`
+      moodContainer.setAttribute('title', mood.type)
+    }
+  }
+
+  async sendInitMessages() {
+    for (let i = 0; i < INIT_MESSAGES.length; i++) {
+      const messages = INIT_MESSAGES[i]
+      const message = messages[Math.floor(Math.random() * messages.length)]
+      const sendingDelay = Math.floor(Math.random() * 2000) + 1000
+      const typingFactorDelay = Math.floor(Math.random() * 4) + 2
+
+      setTimeout(() => {
+        this.chatbot.isTyping('leon', true)
+      }, sendingDelay / typingFactorDelay)
+
+      await new Promise((resolve) => setTimeout(resolve, sendingDelay))
+
+      this.chatbot.receivedFrom('leon', message)
+      this.chatbot.isTyping('leon', false)
+    }
+  }
+
+  setInitStatus(statusName, statusType) {
+    window.leonInitStatusEvent.dispatchEvent(
+      new CustomEvent('initStatusChange', {
+        detail: {
+          statusName,
+          statusType
+        }
+      })
+    )
+  }
+
+  asrStartRecording() {
+    if (!window.leonConfigInfo.stt.enabled) {
+      console.warn('ASR is not enabled')
+      return
+    }
+
+    if (!this._isVoiceModeEnabled) {
+      this.enableVoiceMode()
+
+      this.voiceEnergy.status = 'listening'
+
+      this.socket.emit('asr-start-record')
+    }
+  }
+
+  init() {
+    this.chatbot.init()
+    this.voiceEnergy.init()
+
+    this.socket.on('connect', () => {
+      this.socket.emit('init', this.client)
+    })
+
+    /**
+     * Init status listeners
+     */
+    this.socket.on('init-client-core-server-handshake', (status) => {
+      this.setInitStatus('clientCoreServerHandshake', status)
+    })
+    this.socket.on('init-tcp-server-boot', (status) => {
+      this.setInitStatus('tcpServerBoot', status)
+    })
+    this.socket.on('init-llm', (status) => {
+      this.setInitStatus('llm', status)
+    })
+    this.socket.on('warmup-llm-duties', (status) => {
+      this.setInitStatus('llmDutiesWarmUp', status)
+    })
+
+    this.socket.on('ready', () => {
+      setTimeout(() => {
+        const body = document.querySelector('body')
+        body.classList.remove('settingup')
+      }, 250)
+
+      if (this.chatbot.parsedBubbles?.length === 0) {
+        this.sendInitMessages()
+      }
+    })
+
+    this.socket.on('answer', (data) => {
+      /*if (this._isVoiceModeEnabled) {
+        this.voiceEnergy.status = 'listening'
+      }*/
+
+      // Leon has finished to answer
+      this._isLeonGeneratingAnswer = false
+
+      /**
+       * Handle message replacement if replaceMessageId is provided
+       */
+      if (data.replaceMessageId) {
+        this.chatbot.replaceMessage(data.replaceMessageId, data)
+        return
+      }
+
+      /**
+       * Handle tool output messages
+       */
+      if (data.isToolOutput) {
+        this.chatbot.handleToolOutput(data)
+        return
+      }
+
+      /**
+       * Handle widget data directly
+       */
+      if (data.widget || data.componentTree) {
+        // Pass the entire widget data as JSON string for chatbot.js to handle
+        const widgetString =
+          typeof data === 'string' ? data : JSON.stringify(data)
+
+        this.chatbot.createBubble({
+          who: 'leon',
+          string: widgetString,
+          messageId: data.widget?.id || data.id || `msg-${Date.now()}`
+        })
+
+        return
+      }
+
+      /**
+       * Just save the bubble if the newest bubble is from the streaming.
+       * Otherwise, create a new bubble
+       */
+      const newestBubbleContainerElement =
+        document.querySelector('.leon:last-child')
+      const isNewestBubbleFromStreaming =
+        newestBubbleContainerElement?.classList.contains(
+          this._answerGenerationId
+        )
+
+      if (isNewestBubbleFromStreaming) {
+        this.chatbot.saveBubble('leon', data)
+
+        // Slightly delay the update to avoid the stream animation to be interrupted
+        setTimeout(() => {
+          // Update the text of the bubble (quick emoji fix)
+          newestBubbleContainerElement.querySelector('p.bubble').innerHTML =
+            this.chatbot.formatMessage(data)
+        }, 2_500)
+      } else {
+        this.chatbot.receivedFrom('leon', data)
+      }
+    })
+
+    this.socket.on('suggest', (data) => {
+      setTimeout(() => {
+        handleSuggestions(data, this.chatbot, this)
+      }, 400)
+      setTimeout(() => {
+        this.chatbot.scrollDown()
+      }, 450)
+      /*data?.forEach((suggestionText) => {
+        this.addSuggestion(suggestionText)
+      })*/
+    })
+
+    this.socket.on('is-typing', (data) => {
+      this.chatbot.isTyping('leon', data)
+    })
+
+    this.socket.on('recognized', (data, cb) => {
+      this._input.value = data
+      this.send('utterance')
+
+      cb('string-received')
+    })
+
+    this.socket.on('widget-send-utterance', (utterance) => {
+      this._input.value = utterance
+      this.send('utterance')
+    })
+
+    this.socket.on('new-mood', (mood) => {
+      this.updateMood(mood)
+    })
+
+    this.socket.on('llm-token', (data) => {
+      if (this._isVoiceModeEnabled) {
+        this.voiceEnergy.status = 'processing'
+      }
+
+      this._isLeonGeneratingAnswer = true
+      const previousGenerationId = this._answerGenerationId
+      const newGenerationId = data.generationId
+      this._answerGenerationId = newGenerationId
+      const isSameGeneration = previousGenerationId === newGenerationId
+      let bubbleContainerElement = null
+
+      if (!isSameGeneration) {
+        bubbleContainerElement = this.chatbot.createBubble({
+          who: 'leon',
+          string: data.token,
+          save: false,
+          bubbleId: newGenerationId
+        })
+      } else {
+        bubbleContainerElement = document.querySelector(
+          `.${previousGenerationId}`
+        )
+      }
+
+      const bubbleElement = bubbleContainerElement.querySelector('p.bubble')
+
+      // Token is already appened when it's a new generation
+      if (isSameGeneration) {
+        // bubbleElement.textContent += data.token
+
+        const tokenSpan = document.createElement('span')
+        tokenSpan.className = 'llm-token fade-in'
+        tokenSpan.textContent = data.token
+
+        bubbleElement.appendChild(tokenSpan)
+      }
+
+      this.chatbot.scrollDown()
+    })
+
+    this.socket.on('asr-speech', (text) => {
+      if (!this._isVoiceModeEnabled) {
+        this.enableVoiceMode()
+      }
+
+      this.voiceEnergy.status = 'listening'
+      this._input.value = text
+
+      if (this.voiceSpeechElement) {
+        this.voiceSpeechElement.textContent = text
+      }
+    })
+
+    this.socket.on('asr-end-of-owner-speech', () => {
+      this.voiceEnergy.status = 'processing'
+
+      setTimeout(() => {
+        this.send('utterance')
+      }, 200)
+    })
+
+    this.socket.on('asr-active-listening-disabled', () => {
+      this.voiceEnergy.status = 'idle'
+    })
+
+    /**
+     * Only used for "local" TTS provider as a PoC for now.
+     * Target to do a better implementation in the future
+     * with streaming support
+     */
+    this.socket.on('tts-stream', (data) => {
+      this.voiceEnergy.status = 'talking'
+
+      // const { audioId, chunk } = data
+      const { chunk } = data
+      this._ttsAudioContext = new AudioContext()
+      // this._ttsAudioContextes[audioId] = ctx
+
+      const source = this._ttsAudioContext.createBufferSource()
+      this._ttsAudioContext.decodeAudioData(chunk, (buffer) => {
+        source.buffer = buffer
+
+        source.connect(this._ttsAudioContext.destination)
+        source.start(0)
+      })
+    })
+
+    /**
+     * When Leon got interrupted by the owner voice
+     * while he is speaking
+     */
+    this.socket.on('tts-interruption', async () => {
+      if (this._ttsAudioContext) {
+        await this._ttsAudioContext.close()
+      }
+    })
+
+    this.socket.on('tts-end-of-speech', async () => {
+      this.voiceEnergy.status = 'listening'
+    })
+
+    this.socket.on('audio-forwarded', (data, cb) => {
+      const ctx = new AudioContext()
+      const source = ctx.createBufferSource()
+
+      ctx.decodeAudioData(data.buffer, (buffer) => {
+        source.buffer = buffer
+
+        source.connect(ctx.destination)
+        source.start(0)
+
+        /**
+         * When the after speech option is enabled and
+         * the answer is a final one
+         */
+        if (window.leonConfigInfo.after_speech && data.is_final_answer) {
+          // Enable recording after the speech + 500ms
+          setTimeout(() => {
+            this._recorder.start()
+            this._recorder.enabled = true
+
+            // Check every second if the recorder is enabled to stop it
+            const id = setInterval(() => {
+              if (this._recorder.enabled) {
+                if (this._recorder.countSilenceAfterTalk <= 8) {
+                  // Stop recording if there was no noise for 8 seconds
+                  if (this._recorder.countSilenceAfterTalk === 8) {
+                    this._recorder.stop()
+                    this._recorder.enabled = false
+                    this._recorder.countSilenceAfterTalk = 0
+                    clearInterval(id)
+                  } else if (!this._recorder.noiseDetected) {
+                    this._recorder.countSilenceAfterTalk += 1
+                  } else {
+                    clearInterval(id)
+                  }
+                }
+              }
+            }, 1_000)
+          }, data.duration + 500)
+        }
+      })
+
+      cb('audio-received')
+    })
+
+    if (this.history !== null) {
+      this.parsedHistory = JSON.parse(this.history)
+    }
+  }
+
+  send(keyword) {
+    // Prevent from sending utterance if Leon is still generating text (stream)
+    if (keyword === 'utterance' && this._isLeonGeneratingAnswer) {
+      return false
+    }
+
+    if (this._input.value !== '') {
+      this.socket.emit(keyword, {
+        client: this.client,
+        value: this._input.value.trim()
+      })
+      this.chatbot.sendTo('leon', this._input.value)
+
+      this._suggestions.forEach((suggestion) => {
+        // Remove all event listeners of the suggestion
+        suggestion.replaceWith(suggestion.cloneNode(true))
+        this._suggestionContainer.replaceChildren()
+      })
+
+      this.save()
+
+      return true
+    }
+
+    return false
+  }
+
+  save() {
+    let val = this._input.value
+
+    if (localStorage.getItem('history') === null) {
+      localStorage.setItem('history', JSON.stringify([]))
+      this.parsedHistory = JSON.parse(localStorage.getItem('history'))
+    } else if (this.parsedHistory.length >= 32) {
+      this.parsedHistory.shift()
+    }
+
+    if (val[0] === ' ') {
+      val = val.substr(1, val.length - 1)
+    }
+
+    if (this.parsedHistory[this.parsedHistory.length - 1] !== val) {
+      this.parsedHistory.push(val)
+      localStorage.setItem('history', JSON.stringify(this.parsedHistory))
+    }
+
+    this._input.value = ''
+    setTimeout(() => {
+      // Remove the last character to avoid the space
+      this._input.value = this._input.value.slice(0, -1)
+    }, 0)
+  }
+
+  /*addSuggestion(text) {
+    const newSuggestion = document.createElement('button')
+    newSuggestion.classList.add('suggestion')
+    newSuggestion.textContent = text
+
+    this._suggestionContainer.appendChild(newSuggestion)
+
+    newSuggestion.addEventListener('click', (e) => {
+      e.preventDefault()
+      this.input = e.target.textContent
+      this.send('utterance')
+    })
+
+    this._suggestions.push(newSuggestion)
+  }*/
+
+  enableVoiceMode() {
+    if (!this._isVoiceModeEnabled) {
+      this._isVoiceModeEnabled = true
+
+      const body = document.querySelector('body')
+      if (!body.classList.contains('voice-mode-enabled')) {
+        body.classList.add('voice-mode-enabled')
+
+        const voiceOverlayTransitor = document.createElement('div')
+        voiceOverlayTransitor.id = 'voice-overlay-transitor'
+        body.appendChild(voiceOverlayTransitor)
+        voiceOverlayTransitor.addEventListener('animationend', () => {
+          voiceOverlayTransitor.removeEventListener('animationend', () => {})
+          voiceOverlayTransitor.remove()
+        })
+      }
+    }
+  }
+  disableVoiceMode() {
+    if (this._isVoiceModeEnabled) {
+      this._isVoiceModeEnabled = false
+
+      const body = document.querySelector('body')
+
+      const voiceContainer = document.querySelector('#voice-container')
+      if (voiceContainer) {
+        voiceContainer.style.animation = 'none'
+        voiceContainer.style.animation = null
+      }
+
+      if (body.classList.contains('voice-mode-enabled')) {
+        body.classList.remove('voice-mode-enabled')
+      }
+    }
+  }
+}

app/src/js/constants.js

@@ -0,0 +1,18 @@
+export const INIT_MESSAGES = [
+  [
+    `Hello there! Glad to e-meet meet you, I'm Leon, your open-source personal assistant. While I'm still learning and improving, I promise to do my best to be helpful.`
+  ],
+  [
+    `<ul>
+<li>We've got lots in the works. Check out <a href="http://roadmap.getleon.ai/" target="_blank">our roadmap</a>.</li>
+<li>Stay updated on our progress by checking out our <a href="https://blog.getleon.ai/" target="_blank">blog</a>.</li>
+<li>You can also get updates straight to your inbox <a href="https://newsletter.getleon.ai/subscription/form" target="_blank">here</a>.</li>
+`
+  ],
+  [
+    `Come hang out with us <a href="https://discord.gg/MNQqqKg" target="_blank">on Discord</a>! Once we release our official version, our community will be working together to build new skills for me. You won't want to miss out on the fun!`
+  ],
+  [
+    `Just so you know, my creator is working tirelessly to improve my skills and features, dedicating 75% of his free time to the project on top of his full-time job. If you'd like to help speed up my development, you can sponsor his work by clicking on this link: <strong><a href='http://sponsor.getleon.ai/' target='_blank'>sponsor.getleon.ai</a></strong>. Your support would mean a lot to us. Thank you for choosing me as your assistant!`
+  ]
+]

app/src/js/init.jsx

@@ -0,0 +1,193 @@
+import { useEffect, useState, useRef } from 'react'
+import { createRoot } from 'react-dom/client'
+import {
+  WidgetWrapper,
+  Text,
+  Icon,
+  Flexbox,
+  List,
+  ListHeader,
+  ListItem,
+  Loader
+} from '@leon-ai/aurora'
+
+const container = document.querySelector('#init')
+const root = createRoot(container)
+
+function Item({ children, status }) {
+  if (status === 'error') {
+    return <ErrorListItem>{children}</ErrorListItem>
+  }
+  if (status === 'warning') {
+    return <WarningListItem>{children}</WarningListItem>
+  }
+  if (status === 'success') {
+    return <SuccessListItem>{children}</SuccessListItem>
+  }
+  if (status === 'loading') {
+    return <LoadingListItem>{children}</LoadingListItem>
+  }
+
+  return <ListItem>{children}</ListItem>
+}
+
+function LoadingListItem({ children }) {
+  return (
+    <ListItem>
+      <Flexbox flexDirection="row" alignItems="center" gap="sm">
+        <Loader size="sm" />
+        <Text>{children}</Text>
+      </Flexbox>
+    </ListItem>
+  )
+}
+function ErrorListItem({ children }) {
+  return (
+    <ListItem>
+      <Flexbox flexDirection="row" alignItems="center" gap="sm">
+        <Icon
+          iconName="close"
+          size="sm"
+          type="fill"
+          bgShape="circle"
+          color="red"
+          bgColor="transparent-red"
+        />
+        <Text>{children}</Text>
+      </Flexbox>
+    </ListItem>
+  )
+}
+function WarningListItem({ children }) {
+  return (
+    <ListItem>
+      <Flexbox flexDirection="row" alignItems="center" gap="sm">
+        <Icon
+          iconName="alert"
+          size="sm"
+          type="fill"
+          bgShape="circle"
+          color="yellow"
+          bgColor="transparent-yellow"
+        />
+        <Text>{children}</Text>
+      </Flexbox>
+    </ListItem>
+  )
+}
+function SuccessListItem({ children }) {
+  return (
+    <ListItem>
+      <Flexbox flexDirection="row" alignItems="center" gap="sm">
+        <Icon
+          iconName="check"
+          size="sm"
+          type="fill"
+          bgShape="circle"
+          color="green"
+          bgColor="transparent-green"
+        />
+        <Text>{children}</Text>
+      </Flexbox>
+    </ListItem>
+  )
+}
+
+function Init() {
+  const parentRef = useRef(null)
+  const [config, setConfig] = useState(() => ({ ...window.leonConfigInfo }))
+  const [statusMap, setStatusMap] = useState({
+    clientCoreServerHandshake: 'loading',
+    tcpServerBoot: 'loading',
+    llm: 'loading',
+    llmDutiesWarmUp: 'loading'
+  })
+
+  useEffect(() => {
+    setTimeout(() => {
+      if (parentRef.current) {
+        parentRef.current.classList.remove('not-initialized')
+      }
+    }, 250)
+
+    function handleStatusChange(event) {
+      const { statusName, statusType } = event.detail
+
+      setStatusMap((prev) => ({ ...prev, [statusName]: statusType }))
+    }
+
+    window.leonInitStatusEvent.addEventListener(
+      'initStatusChange',
+      handleStatusChange
+    )
+    return () =>
+      window.leonInitStatusEvent.removeEventListener(
+        'initStatusChange',
+        handleStatusChange
+      )
+  }, [])
+
+  const statuses = []
+  for (let key of Object.keys(statusMap)) {
+    // If LLM is not enabled, we don't need to check for LLM duties warm up
+    if (
+      key === 'llmDutiesWarmUp' &&
+      (!config.llm?.enabled || !config.shouldWarmUpLLMDuties)
+    ) {
+      statuses.push('success')
+    } else if (!config[key] || config[key].enabled) {
+      statuses.push(statusMap[key])
+    }
+  }
+
+  const areAllStatusesSuccess = statuses.every((status) => status === 'success')
+
+  useEffect(() => {
+    if (window.leonConfigInfo) {
+      setConfig({ ...window.leonConfigInfo })
+    }
+  }, [window.leonConfigInfo])
+
+  return (
+    <div
+      style={{
+        position: 'fixed',
+        width: '100vw',
+        height: '100vh',
+        zIndex: 9999,
+        backgroundColor: 'var(--black-color)'
+      }}
+      ref={parentRef}
+      className={areAllStatusesSuccess ? 'initialized' : 'not-initialized'}
+    >
+      <div
+        style={{
+          position: 'absolute',
+          top: '33%',
+          left: '50%',
+          transform: 'translate(-50%, -50%)'
+        }}
+      >
+        <WidgetWrapper noPadding>
+          <List>
+            <ListHeader>Leon is getting ready...</ListHeader>
+            <Item status={statusMap.clientCoreServerHandshake}>
+              Client and core server handshaked
+            </Item>
+            <Item status={statusMap.tcpServerBoot}>TCP server booted</Item>
+            {config.llm && config.llm.enabled && (
+              <Item status={statusMap.llm}>LLM loaded</Item>
+            )}
+            {config.shouldWarmUpLLMDuties && (
+              <Item status={statusMap.llmDutiesWarmUp}>
+                LLM duties warmed up
+              </Item>
+            )}
+          </List>
+        </WidgetWrapper>
+      </div>
+    </div>
+  )
+}
+
+root.render(<Init />)

app/src/js/listener.js

@@ -1,9 +1,12 @@
-'use strict'
+const listener = {}
 
-const listener = { }
-
-listener.listening = (stream, minDecibels, maxBlankTime,
-                      cbOnStart, cbOnEnd) => {
+listener.listening = (
+  stream,
+  minDecibels,
+  maxBlankTime,
+  cbOnStart,
+  cbOnEnd
+) => {
   const ctx = new AudioContext()
   const analyser = ctx.createAnalyser()
   const streamNode = ctx.createMediaStreamSource(stream)
@@ -19,7 +22,7 @@ listener.listening = (stream, minDecibels, maxBlankTime,
 
     analyser.getByteFrequencyData(data)
 
-    if (data.some(v => v)) {
+    if (data.some((v) => v)) {
       if (triggered) {
         triggered = false
 
@@ -28,7 +31,7 @@ listener.listening = (stream, minDecibels, maxBlankTime,
       silenceStart = time
     }
 
-    if (!triggered && (time - silenceStart) > maxBlankTime) {
+    if (!triggered && time - silenceStart > maxBlankTime) {
       cbOnEnd()
 
       triggered = true

app/src/js/main.js

@@ -0,0 +1,174 @@
+import axios from 'axios'
+import '@leon-ai/aurora/style.css'
+
+window.leonInitStatusEvent = new EventTarget()
+
+import './init'
+import Client from './client'
+// import Recorder from './recorder'
+// import listener from './listener'
+import { onkeydownstartrecording, onkeydowninput } from './onkeydown'
+
+const config = {
+  app: 'webapp',
+  server_host: import.meta.env.VITE_LEON_HOST,
+  server_port: import.meta.env.VITE_LEON_PORT,
+  min_decibels: -40, // Noise detection sensitivity
+  max_blank_time: 1_000 // Maximum time to consider a blank (ms)
+}
+const serverUrl =
+  import.meta.env.VITE_LEON_NODE_ENV === 'production'
+    ? ''
+    : `${config.server_host}:${config.server_port}`
+
+document.addEventListener('DOMContentLoaded', async () => {
+  try {
+    const response = await axios.get(`${serverUrl}/api/v1/info`)
+    const input = document.querySelector('#utterance')
+    const mic = document.querySelector('#mic-button')
+    const v = document.querySelector('#version small')
+    const infoButton = document.querySelector('#info')
+    const client = new Client(config.app, serverUrl, input)
+    // let rec = {}
+    // let chunks = []
+
+    window.leonConfigInfo = response.data
+    const infoKeys = [
+      'timeZone',
+      'telemetry',
+      'gpu',
+      'graphicsComputeAPI',
+      'totalVRAM',
+      'freeVRAM',
+      'usedVRAM',
+      'llm',
+      'shouldWarmUpLLMDuties',
+      'isLLMActionRecognitionEnabled',
+      'isLLMNLGEnabled',
+      'stt',
+      'tts',
+      'mood',
+      'version'
+    ]
+    const infoToDisplay = {}
+    infoKeys.forEach((key) => {
+      infoToDisplay[key] = window.leonConfigInfo[key]
+    })
+
+    v.textContent += window.leonConfigInfo.version
+
+    client.updateMood(window.leonConfigInfo.mood)
+    client.init()
+
+    infoButton.addEventListener('click', () => {
+      alert(JSON.stringify(infoToDisplay, null, 2))
+    })
+
+    /*if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+      navigator.mediaDevices
+        .getUserMedia({ audio: true })
+        .then((stream) => {
+          if (MediaRecorder) {
+            rec = new Recorder(stream, mic, window.leonConfigInfo)
+            client.recorder = rec
+
+            rec.ondataavailable((e) => {
+              chunks.push(e.data)
+            })
+
+            rec.onstart(() => {
+              /!* *!/
+            })
+
+            rec.onstop(() => {
+              const blob = new Blob(chunks)
+              chunks = []
+              rec.enabled = false
+
+              // Ensure there are some data
+              if (blob.size >= 1_000) {
+                client.socket.emit('recognize', blob)
+              }
+            })
+
+            listener.listening(
+              stream,
+              config.min_decibels,
+              config.max_blank_time,
+              () => {
+                // Noise detected
+                rec.noiseDetected = true
+              },
+              () => {
+                // Noise ended
+
+                rec.noiseDetected = false
+                if (rec.enabled && !rec.hotwordTriggered) {
+                  rec.stop()
+                  rec.enabled = false
+                  rec.hotwordTriggered = false
+                  rec.countSilenceAfterTalk = 0
+                }
+              }
+            )
+
+            client.socket.on('enable-record', () => {
+              rec.hotwordTriggered = true
+              rec.start()
+              setTimeout(() => {
+                rec.hotwordTriggered = false
+              }, config.max_blank_time)
+              rec.enabled = true
+            })
+          } else {
+            console.error('MediaRecorder is not supported on your browser.')
+          }
+        })
+        .catch((err) => {
+          console.error(
+            'MediaDevices.getUserMedia() threw the following error:',
+            err
+          )
+        })
+    } else {
+      console.error(
+        'MediaDevices.getUserMedia() is not supported on your browser.'
+      )
+    }*/
+
+    document.addEventListener('keydown', (e) => {
+      onkeydownstartrecording(e, () => {
+        client.asrStartRecording()
+        /*if (rec.enabled === false) {
+          input.value = ''
+          rec.start()
+          rec.enabled = true
+        } else {
+          rec.stop()
+          rec.enabled = false
+        }*/
+      })
+    })
+
+    input.addEventListener('keydown', (e) => {
+      onkeydowninput(e, client)
+    })
+
+    mic.addEventListener('click', (e) => {
+      e.preventDefault()
+
+      client.asrStartRecording()
+
+      /*if (rec.enabled === false) {
+        rec.start()
+        rec.enabled = true
+      } else {
+        rec.stop()
+        rec.enabled = false
+      }*/
+    })
+  } catch (e) {
+    alert(`Error: ${e.message}; ${JSON.stringify(e.response?.data)}`)
+    console.error(e)
+  }
+})

app/src/js/onkeydown.js

@@ -0,0 +1,38 @@
+let index = -1
+let parsedHistory = null
+
+const onkeydowninput = (e, client) => {
+  const key = e.which || e.keyCode
+
+  if (localStorage.getItem('history') !== null && (key === 38 || key === 40)) {
+    parsedHistory = JSON.parse(localStorage.getItem('history')).reverse()
+  }
+
+  if (key === 13 && !e.shiftKey) {
+    if (client.send('utterance')) {
+      parsedHistory = JSON.parse(localStorage.getItem('history')).reverse()
+      index = -1
+    }
+  } else if (localStorage.getItem('history') !== null) {
+    if (e.shiftKey) {
+      if (key === 38 && index < parsedHistory.length - 1) {
+        index += 1
+        client.input = parsedHistory[index]
+      } else if (key === 40 && index - 1 >= 0) {
+        index -= 1
+        client.input = parsedHistory[index]
+      } else if (key === 40 && index - 1 < 0) {
+        client.input = ''
+        index = -1
+      }
+    }
+  }
+}
+
+const onkeydownstartrecording = (e, cb) => {
+  if ((e.metaKey || e.altKey) && e.key === 'c') {
+    cb()
+  }
+}
+
+export { onkeydowninput, onkeydownstartrecording }

app/src/js/recorder.js

@@ -1,16 +1,21 @@
-'use strict'
+import on from '../sounds/on.mp3'
+import off from '../sounds/off.mp3'
 
 export default class Recorder {
-  constructor (stream, el, info) {
+  constructor(stream, el, info) {
     this.recorder = new MediaRecorder(stream, { audioBitsPerSecond: 16000 })
     this.el = el
-    this.audioOn = new Audio('../sounds/on.mp3')
-    this.audioOff = new Audio('../sounds/off.mp3')
+    this.audioOn = new Audio(on)
+    this.audioOff = new Audio(off)
     this.playSound = true
     this.info = info
+    this.enabled = false
+    this.hotwordTriggered = false
+    this.noiseDetected = false
+    this.countSilenceAfterTalk = 0
   }
 
-  start (playSound = true) {
+  start(playSound = true) {
     if (this.info.stt.enabled === false) {
       console.warn('Speech-to-text disabled')
     } else {
@@ -19,7 +24,7 @@ export default class Recorder {
     }
   }
 
-  stop (playSound = true) {
+  stop(playSound = true) {
     if (this.info.stt.enabled === false) {
       console.warn('Speech-to-text disabled')
     } else {
@@ -28,9 +33,9 @@ export default class Recorder {
     }
   }
 
-  onstart (cb) {
+  onstart(cb) {
     this.recorder.onstart = (e) => {
-      if (this.playSound === true) {
+      if (this.playSound) {
         this.audioOn.play()
       }
       this.el.classList.add('enabled')
@@ -39,9 +44,9 @@ export default class Recorder {
     }
   }
 
-  onstop (cb) {
+  onstop(cb) {
     this.recorder.onstop = (e) => {
-      if (this.playSound === true) {
+      if (this.playSound) {
         this.audioOff.play()
       }
       this.el.classList.remove('enabled')
@@ -50,7 +55,7 @@ export default class Recorder {
     }
   }
 
-  ondataavailable (cb) {
+  ondataavailable(cb) {
     this.recorder.ondataavailable = (e) => {
       cb(e)
     }

app/src/js/render-aurora-component.js

@@ -0,0 +1,51 @@
+import { createElement } from 'react'
+import * as auroraComponents from '@leon-ai/aurora'
+
+import * as customAuroraComponents from '../custom-aurora-components'
+
+export default function renderAuroraComponent(
+  socket,
+  component,
+  supportedEvents
+) {
+  if (component) {
+    let reactComponent = auroraComponents[component.component]
+    /**
+     * Find custom component if a former component is not found
+     */
+    if (!reactComponent) {
+      reactComponent = customAuroraComponents[component.component]
+    }
+
+    if (!reactComponent) {
+      console.error(`Component ${component} not found`)
+    }
+
+    // Check if the browsed component has a supported event and bind it
+    if (reactComponent) {
+      component.events.forEach((event) => {
+        if (supportedEvents.includes(event.type)) {
+          component.props[event.type] = (data) => {
+            const { method } = event
+
+            socket.emit('widget-event', { method, data })
+          }
+        }
+      })
+    }
+
+    // When children is a component, then wrap it in an array to render properly
+    const isComponent = !!component.props?.children?.component
+    if (isComponent) {
+      component.props.children = [component.props.children]
+    }
+
+    if (component.props?.children && Array.isArray(component.props.children)) {
+      component.props.children = component.props.children.map((child) => {
+        return renderAuroraComponent(socket, child, supportedEvents)
+      })
+    }
+
+    return createElement(reactComponent, component.props)
+  }
+}

app/src/js/suggestion-handler.js

@@ -0,0 +1,42 @@
+import { createElement } from 'react'
+import { createRoot } from 'react-dom/client'
+import { WidgetWrapper, List, ListHeader, ListItem } from '@leon-ai/aurora'
+
+export default function handleSuggestions(data, chatbot, client) {
+  const container = document.createElement('div')
+  container.className = `bubble-container leon`
+
+  chatbot.feed.appendChild(container)
+
+  const root = createRoot(container)
+
+  root.render(
+    createElement(WidgetWrapper, {
+      noPadding: true,
+      children: createElement(List, {
+        children: [
+          createElement(ListHeader, {
+            children: 'Suggestions'
+          }),
+          ...data.map((suggestionText) => {
+            return createElement(ListItem, {
+              children: suggestionText,
+              name: 'suggestion',
+              value: suggestionText,
+              onClick: (suggestion) => {
+                const parent = container.parentNode
+
+                if (parent) {
+                  parent.removeChild(container)
+                }
+
+                client.input.value = suggestion.value
+                client.send('utterance')
+              }
+            })
+          })
+        ]
+      })
+    })
+  )
+}

app/src/js/tool-ui-handler.js

@@ -0,0 +1,216 @@
+/**
+ * Tool UI Handler
+ * Manages the display and interaction of tool output in shell-like containers
+ */
+export default class ToolUIHandler {
+  constructor(feedElement, scrollDownCallback, formatMessageCallback) {
+    this.feed = feedElement
+    this.scrollDown = scrollDownCallback
+    this.formatMessage = formatMessageCallback
+    this.toolGroups = new Map() // Track tool group containers
+  }
+
+  /**
+   * Handle tool output messages with shell-like UI
+   */
+  handleToolOutput(data) {
+    const {
+      toolkitName,
+      toolName,
+      toolGroupId,
+      answer,
+      replaceMessageId,
+      key
+    } = data
+
+    // Check if we need to replace an existing message
+    if (replaceMessageId) {
+      this.replaceToolMessage(replaceMessageId, data)
+      return
+    }
+
+    // Extract answer key from the key (take part after last dot)
+    const answerKey = key ? key.split('.').pop() : 'unknown'
+
+    // Create a fallback group ID if none provided
+    const groupId = toolGroupId || `${toolkitName}_${toolName}_${Date.now()}`
+
+    // Get or create tool group container
+    let toolGroupContainer = this.toolGroups.get(groupId)
+
+    if (!toolGroupContainer) {
+      toolGroupContainer = this.createToolGroupContainer(
+        groupId,
+        toolkitName,
+        toolName,
+        answerKey
+      )
+      this.toolGroups.set(groupId, toolGroupContainer)
+    }
+
+    // Add the tool message to the shell output
+    this.addToolMessage(toolGroupContainer, answer)
+
+    // Auto-scroll to bottom
+    this.scrollDown()
+
+    return {
+      groupId,
+      isNewGroup: toolGroupContainer.isNew
+    }
+  }
+
+  /**
+   * Create a new tool group container
+   */
+  createToolGroupContainer(groupId, toolkitName, toolName, answerKey) {
+    // Create new tool group container
+    const groupContainer = document.createElement('div')
+    groupContainer.className = 'tool-group-container'
+    groupContainer.setAttribute('data-tool-group-id', groupId)
+
+    // Create tool header (expandable)
+    const toolHeader = document.createElement('div')
+    toolHeader.className = 'tool-header'
+    toolHeader.innerHTML = `
+      <i class="ri-terminal-line tool-icon"></i>
+      <span class="tool-name">${toolkitName} toolkit → ${toolName} → ${answerKey}</span>
+      <i class="ri-arrow-down-s-line expand-icon"></i>
+    `
+
+    // Create tool content area
+    const toolContent = document.createElement('div')
+    toolContent.className = 'tool-content'
+
+    // Create shell output area
+    const shellOutput = document.createElement('div')
+    shellOutput.className = 'shell-output'
+
+    toolContent.appendChild(shellOutput)
+    groupContainer.appendChild(toolHeader)
+    groupContainer.appendChild(toolContent)
+
+    // Add expand/collapse functionality
+    this.addExpandCollapseHandler(toolHeader, toolContent)
+
+    // Initially expanded
+    // toolContent.classList.add('expanded')
+    // toolHeader.querySelector('.expand-icon').classList.add('rotated')
+
+    this.feed.appendChild(groupContainer)
+
+    return {
+      container: groupContainer,
+      toolHeader: toolHeader,
+      toolContent: toolContent,
+      shellOutput: shellOutput,
+      isNew: true
+    }
+  }
+
+  /**
+   * Add expand/collapse functionality to tool header
+   */
+  addExpandCollapseHandler(toolHeader, toolContent) {
+    toolHeader.addEventListener('click', () => {
+      const isExpanded = toolContent.classList.contains('expanded')
+      const expandIcon = toolHeader.querySelector('.expand-icon')
+
+      if (isExpanded) {
+        toolContent.classList.remove('expanded')
+        expandIcon.classList.remove('rotated')
+      } else {
+        toolContent.classList.add('expanded')
+        expandIcon.classList.add('rotated')
+      }
+    })
+  }
+
+  /**
+   * Add a tool message to the shell output
+   */
+  addToolMessage(toolGroupContainer, message) {
+    const messageElement = document.createElement('div')
+    messageElement.className = 'shell-message'
+
+    // Format the message
+    const formattedMessage = this.formatMessage(message)
+    messageElement.innerHTML = `<span class="shell-prompt">></span> ${formattedMessage}`
+
+    toolGroupContainer.shellOutput.appendChild(messageElement)
+
+    // Mark as no longer new after first message
+    if (toolGroupContainer.isNew) {
+      toolGroupContainer.isNew = false
+    }
+  }
+
+  /**
+   * Replace a tool message (for progress updates, etc.)
+   */
+  replaceToolMessage(replaceMessageId, newData) {
+    // Find existing tool message by ID
+    const existingMessage = document.querySelector(
+      `[data-message-id="${replaceMessageId}"]`
+    )
+
+    if (existingMessage && existingMessage.closest('.tool-group-container')) {
+      // If it's within a tool container, update just that message
+      const formattedMessage = this.formatMessage(newData.answer)
+      existingMessage.innerHTML = `<span class="shell-prompt">></span> ${formattedMessage}`
+    } else {
+      // Fallback: create new tool output
+      this.handleToolOutput(newData)
+    }
+  }
+
+  /**
+   * Get tool group info for saving to localStorage
+   */
+  getToolGroupInfo(groupId, toolkitName, toolName, message) {
+    return {
+      originalString: `[TOOL_OUTPUT:${groupId}] ${toolkitName} → ${toolName}`,
+      messageId: `tool-${groupId}`,
+      formattedMessage: this.formatMessage(message)
+    }
+  }
+
+  /**
+   * Check if a message is a tool output marker
+   */
+  static isToolOutputMarker(messageString) {
+    return messageString && messageString.startsWith('[TOOL_OUTPUT:')
+  }
+
+  /**
+   * Clear all tool groups (useful for cleanup)
+   */
+  clearToolGroups() {
+    this.toolGroups.clear()
+  }
+
+  /**
+   * Get the number of active tool groups
+   */
+  getToolGroupCount() {
+    return this.toolGroups.size
+  }
+
+  /**
+   * Get a specific tool group by ID
+   */
+  getToolGroup(groupId) {
+    return this.toolGroups.get(groupId)
+  }
+
+  /**
+   * Remove a tool group
+   */
+  removeToolGroup(groupId) {
+    const toolGroup = this.toolGroups.get(groupId)
+    if (toolGroup) {
+      toolGroup.container.remove()
+      this.toolGroups.delete(groupId)
+    }
+  }
+}

app/src/js/voice-energy.js

@@ -0,0 +1,74 @@
+const STATUS = {
+  listening: 'Listening...',
+  processing: 'Processing...',
+  talking: 'Talking...',
+  idle: 'Idle'
+}
+
+export default class VoiceEnergy {
+  constructor(client) {
+    this.client = client
+    this.voiceEnergyContainerElement = document.querySelector(
+      '#voice-energy-container'
+    )
+    this.voiceOverlayElement = document.querySelector('#voice-overlay-bg')
+    this.statusElement = document.querySelector('#voice-status')
+    this._status = 'idle'
+  }
+
+  get status() {
+    return this._status
+  }
+
+  set status(newStatus) {
+    if (this._status !== newStatus) {
+      this._status = newStatus
+
+      if (this.statusElement) {
+        this.statusElement.textContent = STATUS[newStatus]
+      }
+
+      // Clean up speech text when listening
+      if (newStatus === 'listening' && this.client.voiceSpeechElement) {
+        this.client.voiceSpeechElement.textContent = ''
+      }
+
+      if (this.voiceEnergyContainerElement) {
+        this.voiceEnergyContainerElement.className = ''
+        this.voiceEnergyContainerElement.classList.add(newStatus)
+      }
+    }
+  }
+
+  init() {
+    if (this.voiceEnergyContainerElement) {
+      if (this.voiceOverlayElement) {
+        this.voiceOverlayElement.addEventListener('click', (e) => {
+          e.preventDefault()
+          this.client.disableVoiceMode()
+        })
+      }
+
+      const particles = new Set()
+      const particleColors = ['blue', 'pink']
+
+      for (let i = 0; i < 32; i += 1) {
+        const particle = document.createElement('div')
+        const randomColor = Math.floor(Math.random() * 2)
+        let random = Math.floor(Math.random() * 32)
+
+        while (particles.has(random)) {
+          random = Math.floor(Math.random() * 32)
+        }
+
+        particles.add(random)
+        particle.setAttribute('data-particle', String(random))
+        particle.classList.add('voice-particle', particleColors[randomColor])
+        particle.style.transform = `rotate(${
+          i * 11.25
+        }deg) translate(110px) rotate(-${i * 11.25}deg)`
+        this.voiceEnergyContainerElement.appendChild(particle)
+      }
+    }
+  }
+}

app/vite.config.js

@@ -0,0 +1,26 @@
+import dns from 'node:dns'
+
+import dotenv from 'dotenv'
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+dotenv.config()
+
+dns.setDefaultResultOrder('verbatim')
+
+// Map necessary Leon's env vars as Vite only expose VITE_*
+process.env.VITE_LEON_NODE_ENV = process.env.LEON_NODE_ENV
+process.env.VITE_LEON_HOST = process.env.LEON_HOST
+process.env.VITE_LEON_PORT = process.env.LEON_PORT
+
+export default defineConfig({
+  root: 'app/src',
+  build: {
+    outDir: '../dist',
+    emptyOutDir: true
+  },
+  server: {
+    port: 3000
+  },
+  plugins: [react()]
+})

bin/nvidia/versions.json

@@ -0,0 +1,10 @@
+{
+  "cuda": "12",
+  "cudnn": "9.17.1.4",
+  "cublas": "12.9.1.4",
+  "cusparse": "0.8.1.1",
+  "cusparse_full": "12.5.10.65",
+  "nccl": "2.29.3",
+  "nvshmem": "3.5.19",
+  "nvjitlink": "12.9.86"
+}

bin/pytorch/versions.json

@@ -0,0 +1,3 @@
+{
+  "torch": "2.9.0"
+}

bridges/nodejs/.npmrc

@@ -0,0 +1,2 @@
+package-lock=false
+save-exact=true

bridges/nodejs/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "leon-nodejs-bridge",
+  "description": "Leon's Node.js bridge to communicate between the core and skills made with JavaScript",
+  "main": "dist/bin/leon-nodejs-bridge.js",
+  "type": "module",
+  "author": {
+    "name": "Louis Grenard",
+    "email": "louis@getleon.ai",
+    "url": "https://twitter.com/grenlouis"
+  },
+  "license": "MIT",
+  "homepage": "https://getleon.ai",
+  "bugs": {
+    "url": "https://github.com/leon-ai/leon/issues"
+  },
+  "dependencies": {
+    "axios": "1.4.0",
+    "ipull": "3.9.2",
+    "lodash": "4.17.21"
+  },
+  "devDependencies": {
+    "@types/lodash": "4.14.194"
+  }
+}

bridges/nodejs/src/constants.ts

@@ -0,0 +1,57 @@
+import fs from 'node:fs'
+import path from 'node:path'
+
+import type { SkillLocaleConfigSchema } from '@/schemas/skill-schemas'
+
+import { IntentObject, NLPAction } from '@sdk/types'
+
+const {
+  argv: [, , INTENT_OBJ_FILE_PATH]
+} = process
+
+export const LEON_VERSION = process.env['npm_package_version']
+
+const BIN_PATH = path.join(process.cwd(), 'bin')
+const BRIDGES_PATH = path.join(process.cwd(), 'bridges')
+const NODEJS_BRIDGE_ROOT_PATH = path.join(BRIDGES_PATH, 'nodejs')
+const NODEJS_BRIDGE_SRC_PATH = path.join(NODEJS_BRIDGE_ROOT_PATH, 'src')
+const NODEJS_BRIDGE_VERSION_FILE_PATH = path.join(
+  NODEJS_BRIDGE_SRC_PATH,
+  'version.ts'
+)
+
+export const TOOLKITS_PATH = path.join(BRIDGES_PATH, 'toolkits')
+
+export const [, NODEJS_BRIDGE_VERSION] = fs
+  .readFileSync(NODEJS_BRIDGE_VERSION_FILE_PATH, 'utf8')
+  .split("'")
+
+export const INTENT_OBJECT: IntentObject = JSON.parse(
+  fs.readFileSync(INTENT_OBJ_FILE_PATH as string, 'utf8')
+)
+
+export const NVIDIA_LIBS_PATH = path.join(BIN_PATH, 'nvidia')
+
+export const PYTORCH_PATH = path.join(BIN_PATH, 'pytorch')
+export const PYTORCH_TORCH_PATH = path.join(PYTORCH_PATH, 'torch')
+
+export const SKILLS_PATH = path.join(process.cwd(), 'skills')
+export const SKILL_PATH = path.join(SKILLS_PATH, INTENT_OBJECT.skill_name)
+const SKILL_LOCALE_PATH = path.join(
+  SKILL_PATH,
+  'locales',
+  INTENT_OBJECT.extra_context.lang + '.json'
+)
+const SKILL_LOCALE_CONFIG_CONTENT = JSON.parse(
+  fs.existsSync(SKILL_LOCALE_PATH)
+    ? fs.readFileSync(SKILL_LOCALE_PATH, 'utf8')
+    : `{"variables": {}, "common_answers": {}, "widget_contents": {}, "actions": {"${INTENT_OBJECT.action_name}": {}}}`
+)
+
+export const SKILL_LOCALE_CONFIG: SkillLocaleConfigSchema &
+  SkillLocaleConfigSchema['actions'][NLPAction] = {
+  variables: SKILL_LOCALE_CONFIG_CONTENT.variables,
+  common_answers: SKILL_LOCALE_CONFIG_CONTENT.common_answers,
+  widget_contents: SKILL_LOCALE_CONFIG_CONTENT.widget_contents,
+  ...SKILL_LOCALE_CONFIG_CONTENT.actions[INTENT_OBJECT.action_name]
+}

bridges/nodejs/src/main.ts

@@ -0,0 +1,56 @@
+import path from 'node:path'
+
+import { FileHelper } from '@/helpers/file-helper'
+
+import type { ActionFunction, ActionParams } from '@sdk/types'
+import { INTENT_OBJECT } from '@bridge/constants'
+import { ParamsHelper } from '@sdk/params-helper'
+;(async (): Promise<void> => {
+  const {
+    lang,
+    sentiment,
+    context_name,
+    skill_name,
+    action_name,
+    skill_config_path,
+    extra_context
+  } = INTENT_OBJECT
+
+  const params: ActionParams = {
+    lang,
+    utterance: INTENT_OBJECT.utterance as ActionParams['utterance'],
+    action_arguments:
+      INTENT_OBJECT.action_arguments as ActionParams['action_arguments'],
+    entities: INTENT_OBJECT.entities as ActionParams['entities'],
+    sentiment,
+    context_name,
+    skill_name,
+    action_name,
+    context: INTENT_OBJECT.context as ActionParams['context'],
+    skill_config: INTENT_OBJECT.skill_config as ActionParams['skill_config'],
+    skill_config_path,
+    extra_context
+  }
+
+  try {
+    const actionModule = await FileHelper.dynamicImportFromFile(
+      path.join(
+        process.cwd(),
+        'skills',
+        skill_name,
+        'src',
+        'actions',
+        `${action_name}.ts`
+      )
+    )
+    const actionFunction: ActionFunction = actionModule.run
+    const paramsHelper = new ParamsHelper(params)
+
+    await actionFunction(params, paramsHelper)
+  } catch (e) {
+    console.error(
+      `Error while running "${skill_name}" skill "${action_name}" action:`,
+      e
+    )
+  }
+})()

bridges/nodejs/src/sdk/aurora/button.ts

@@ -0,0 +1,9 @@
+import { type ButtonProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Button extends WidgetComponent<ButtonProps> {
+  constructor(props: ButtonProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/card.ts

@@ -0,0 +1,9 @@
+import { type CardProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Card extends WidgetComponent<CardProps> {
+  constructor(props: CardProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/checkbox.ts

@@ -0,0 +1,9 @@
+import { type CheckboxProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Checkbox extends WidgetComponent<CheckboxProps> {
+  constructor(props: CheckboxProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/circular-progress.ts

@@ -0,0 +1,9 @@
+import { type CircularProgressProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class CircularProgress extends WidgetComponent<CircularProgressProps> {
+  constructor(props: CircularProgressProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/flexbox.ts

@@ -0,0 +1,9 @@
+import { type FlexboxProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Flexbox extends WidgetComponent<FlexboxProps> {
+  constructor(props: FlexboxProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/form.ts

@@ -0,0 +1,9 @@
+import { type FormProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Form extends WidgetComponent<FormProps> {
+  constructor(props: FormProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/icon-button.ts

@@ -0,0 +1,9 @@
+import { type IconButtonProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class IconButton extends WidgetComponent<IconButtonProps> {
+  constructor(props: IconButtonProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/icon.ts

@@ -0,0 +1,9 @@
+import { type IconProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Icon extends WidgetComponent<IconProps> {
+  constructor(props: IconProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/image.ts

@@ -0,0 +1,9 @@
+import { type ImageProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Image extends WidgetComponent<ImageProps> {
+  constructor(props: ImageProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/index.ts

@@ -0,0 +1,30 @@
+export * from './button'
+export * from './card'
+export * from './checkbox'
+export * from './circular-progress'
+export * from './flexbox'
+export * from './form'
+export * from './icon'
+export * from './icon-button'
+export * from './image'
+export * from './input'
+export * from './link'
+export * from './list'
+export * from './list-header'
+export * from './list-item'
+export * from './loader'
+export * from './progress'
+export * from './radio'
+export * from './radio-group'
+export * from './range-slider'
+export * from './scroll-container'
+export * from './select'
+export * from './select-option'
+export * from './status'
+export * from './switch'
+export * from './tab'
+export * from './tab-content'
+export * from './tab-group'
+export * from './tab-list'
+export * from './text'
+export * from './widget-wrapper'

bridges/nodejs/src/sdk/aurora/input.ts

@@ -0,0 +1,9 @@
+import { type InputProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Input extends WidgetComponent<InputProps> {
+  constructor(props: InputProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/link.ts

@@ -0,0 +1,9 @@
+import { type LinkProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Link extends WidgetComponent<LinkProps> {
+  constructor(props: LinkProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/list-header.ts

@@ -0,0 +1,9 @@
+import { type ListHeaderProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class ListHeader extends WidgetComponent<ListHeaderProps> {
+  constructor(props: ListHeaderProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/list-item.ts

@@ -0,0 +1,9 @@
+import { type ListItemProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class ListItem extends WidgetComponent<ListItemProps> {
+  constructor(props: ListItemProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/list.ts

@@ -0,0 +1,9 @@
+import { type ListProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class List extends WidgetComponent<ListProps> {
+  constructor(props: ListProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/loader.ts

@@ -0,0 +1,9 @@
+import { type LoaderProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Loader extends WidgetComponent<LoaderProps> {
+  constructor(props: LoaderProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/progress.ts

@@ -0,0 +1,9 @@
+import { type ProgressProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Progress extends WidgetComponent<ProgressProps> {
+  constructor(props: ProgressProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/radio-group.ts

@@ -0,0 +1,9 @@
+import { type RadioGroupProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class RadioGroup extends WidgetComponent<RadioGroupProps> {
+  constructor(props: RadioGroupProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/radio.ts

@@ -0,0 +1,9 @@
+import { type RadioProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Radio extends WidgetComponent<RadioProps> {
+  constructor(props: RadioProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/range-slider.ts

@@ -0,0 +1,9 @@
+import { type RangeSliderProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class RangeSlider extends WidgetComponent<RangeSliderProps> {
+  constructor(props: RangeSliderProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/scroll-container.ts

@@ -0,0 +1,9 @@
+import { type ScrollContainerProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class ScrollContainer extends WidgetComponent<ScrollContainerProps> {
+  constructor(props: ScrollContainerProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/select-option.ts

@@ -0,0 +1,9 @@
+import { type SelectOptionProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class SelectOption extends WidgetComponent<SelectOptionProps> {
+  constructor(props: SelectOptionProps) {
+    super(props)
+  }
+}

bridges/nodejs/src/sdk/aurora/select.ts

@@ -0,0 +1,9 @@
+import { type SelectProps } from '@leon-ai/aurora'
+
+import { WidgetComponent } from '../widget-component'
+
+export class Select extends WidgetComponent<SelectProps> {
+  constructor(props: SelectProps) {
+    super(props)
+  }
+}