[ { "path": ".dockerignore", "content": "node_modules\ndist\nbuild\n\n**/node_modules\n**/build\n**/dist\n\npackages/server/.env\npackages/ui/.env\n" }, { "path": ".eslintrc.js", "content": "module.exports = {\n extends: [\n 'eslint:recommended',\n 'plugin:markdown/recommended',\n 'plugin:react/recommended',\n 'plugin:react/jsx-runtime',\n 'plugin:react-hooks/recommended',\n 'plugin:jsx-a11y/recommended',\n 'plugin:prettier/recommended'\n ],\n settings: {\n react: {\n version: 'detect'\n }\n },\n parser: '@typescript-eslint/parser',\n ignorePatterns: ['**/node_modules', '**/dist', '**/build', '**/coverage', '**/package-lock.json'],\n plugins: ['unused-imports'],\n rules: {\n '@typescript-eslint/explicit-module-boundary-types': 'off',\n 'no-unused-vars': 'off',\n 'unused-imports/no-unused-imports': 'warn',\n 'unused-imports/no-unused-vars': ['warn', { vars: 'all', varsIgnorePattern: '^_', args: 'after-used', argsIgnorePattern: '^_' }],\n 'no-undef': 'off',\n 'no-console': [process.env.CI ? 'error' : 'warn', { allow: ['warn', 'error', 'info'] }],\n 'prettier/prettier': 'error',\n 'no-control-regex': 0 // Used to match control regex's in user input\n }\n}\n" }, { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: [FlowiseAI] # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]\npatreon: # Replace with a single Patreon username\nopen_collective: # Replace with a single Open Collective username\nko_fi: # Replace with a single Ko-fi username\ntidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel\ncommunity_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry\nliberapay: # Replace with a single Liberapay username\nissuehunt: # Replace with a single IssueHunt username\notechie: # Replace with a single Otechie username\nlfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry\ncustom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']\n" }, { "path": ".github/ISSUE_TEMPLATE/bug_report.yml", "content": "name: Bug Report\ndescription: File a bug report to help us improve\nlabels: ['bug']\nassignees: []\nbody:\n - type: markdown\n attributes:\n value: |\n Make sure to have a proper title and description.\n\n - type: textarea\n id: bug-description\n attributes:\n label: Describe the bug\n description: A clear and concise description of what the bug is.\n placeholder: Tell us what you see!\n validations:\n required: true\n\n - type: textarea\n id: reproduce\n attributes:\n label: To Reproduce\n description: Steps to reproduce the behavior\n placeholder: |\n 1. Go to '...'\n 2. Click on '....'\n 3. Scroll down to '....'\n 4. See error\n validations:\n required: true\n\n - type: textarea\n id: expected\n attributes:\n label: Expected behavior\n description: A clear and concise description of what you expected to happen.\n validations:\n required: true\n\n - type: textarea\n id: screenshots\n attributes:\n label: Screenshots\n description: If applicable, add screenshots to help explain your problem.\n placeholder: Drag and drop or paste screenshots here\n\n - type: textarea\n id: flow\n attributes:\n label: Flow\n description: If applicable, add exported flow in order to help replicating the problem.\n placeholder: Paste your exported flow here\n\n - type: dropdown\n id: method\n attributes:\n label: Use Method\n description: How did you use Flowise?\n options:\n - Flowise Cloud\n - Docker\n - npx flowise start\n - pnpm start\n\n - type: input\n id: version\n attributes:\n label: Flowise Version\n description: What version of Flowise are you running?\n placeholder: e.g., 1.2.11\n\n - type: dropdown\n id: os\n attributes:\n label: Operating System\n description: What operating system are you using?\n options:\n - Windows\n - macOS\n - Linux\n - Other\n\n - type: dropdown\n id: browser\n attributes:\n label: Browser\n description: What browser are you using?\n options:\n - Chrome\n - Firefox\n - Safari\n - Edge\n - Other\n\n - type: textarea\n id: context\n attributes:\n label: Additional context\n description: Add any other context about the problem here.\n placeholder: Any additional information that might be helpful\n" }, { "path": ".github/ISSUE_TEMPLATE/feature_request.yml", "content": "name: Feature Request\ndescription: Suggest a new feature or enhancement for Flowise\nlabels: ['enhancement']\nassignees: []\nbody:\n - type: markdown\n attributes:\n value: |\n Thanks for suggesting a new feature! Please provide as much detail as possible to help us understand your request.\n\n - type: textarea\n id: feature-description\n attributes:\n label: Feature Description\n description: A clear and concise description of the feature you'd like to see in Flowise.\n placeholder: Describe what you want to be added or improved...\n validations:\n required: true\n\n - type: dropdown\n id: feature-category\n attributes:\n label: Feature Category\n description: What category does this feature belong to?\n options:\n - UI/UX Improvement\n - New Node/Component\n - Integration\n - Performance\n - Security\n - Documentation\n - API Enhancement\n - Workflow/Flow Management\n - Authentication/Authorization\n - Database/Storage\n - Deployment/DevOps\n - Other\n validations:\n required: true\n\n - type: textarea\n id: problem-statement\n attributes:\n label: Problem Statement\n description: What problem does this feature solve? What's the current pain point?\n placeholder: Describe the problem or limitation you're facing...\n\n - type: textarea\n id: proposed-solution\n attributes:\n label: Proposed Solution\n description: How would you like this feature to work? Be as specific as possible.\n placeholder: Describe your ideal solution in detail...\n\n - type: textarea\n id: mockups-references\n attributes:\n label: Mockups or References\n description: Any mockups, screenshots, or references to similar features in other tools?\n placeholder: Upload images or provide links to examples...\n\n - type: textarea\n id: additional-context\n attributes:\n label: Additional Context\n description: Any other information, context, or examples that would help us understand this request.\n placeholder: Add any other relevant information...\n" }, { "path": ".github/workflows/docker-image-dockerhub.yml", "content": "name: Docker Image CI - Docker Hub\n\non:\n workflow_dispatch:\n inputs:\n node_version:\n description: 'Node.js version to build this image with.'\n type: choice\n required: true\n default: '20'\n options:\n - '20'\n tag_version:\n description: 'Tag version of the image to be pushed.'\n type: string\n required: true\n default: 'latest'\n\njobs:\n docker:\n runs-on: ubuntu-latest\n steps:\n - name: Set default values\n id: defaults\n run: |\n echo \"node_version=${{ github.event.inputs.node_version || '20' }}\" >> $GITHUB_OUTPUT\n echo \"tag_version=${{ github.event.inputs.tag_version || 'latest' }}\" >> $GITHUB_OUTPUT\n\n - name: Checkout\n uses: actions/checkout@v6.0.2\n\n - name: Set up QEMU\n uses: docker/setup-qemu-action@v4.0.0\n\n - name: Set up Docker Buildx\n uses: docker/setup-buildx-action@v4.0.0\n\n - name: Login to Docker Hub\n uses: docker/login-action@v4\n with:\n username: ${{ secrets.DOCKERHUB_USERNAME }}\n password: ${{ secrets.DOCKERHUB_TOKEN }}\n\n # -------------------------\n # Build and push main image\n # -------------------------\n - name: Build and push main image\n uses: docker/build-push-action@v6.19.2\n with:\n context: .\n file: ./docker/Dockerfile\n build-args: |\n NODE_VERSION=${{ steps.defaults.outputs.node_version }}\n platforms: linux/amd64,linux/arm64\n push: true\n tags: |\n flowiseai/flowise:${{ steps.defaults.outputs.tag_version }}\n\n # -------------------------\n # Build and push worker image\n # -------------------------\n - name: Build and push worker image\n uses: docker/build-push-action@v6.19.2\n with:\n context: .\n file: docker/worker/Dockerfile\n build-args: |\n NODE_VERSION=${{ steps.defaults.outputs.node_version }}\n platforms: linux/amd64,linux/arm64\n push: true\n tags: |\n flowiseai/flowise-worker:${{ steps.defaults.outputs.tag_version }}\n" }, { "path": ".github/workflows/docker-image-ecr.yml", "content": "name: Docker Image CI - AWS ECR\n\non:\n workflow_dispatch:\n inputs:\n environment:\n description: 'Environment to push the image to.'\n required: true\n default: 'dev'\n type: choice\n options:\n - dev\n - prod\n node_version:\n description: 'Node.js version to build this image with.'\n type: choice\n required: true\n default: '20'\n options:\n - '20'\n tag_version:\n description: 'Tag version of the image to be pushed.'\n type: string\n required: true\n default: 'latest'\n\npermissions:\n contents: read # Required for checkout\n id-token: write # Required for AWS OIDC\n\njobs:\n docker:\n runs-on: ubuntu-latest\n environment: ${{ github.event.inputs.environment }}\n steps:\n - name: Set default values\n id: defaults\n run: |\n echo \"node_version=${{ github.event.inputs.node_version || '20' }}\" >> $GITHUB_OUTPUT\n echo \"tag_version=${{ github.event.inputs.tag_version || 'latest' }}\" >> $GITHUB_OUTPUT\n\n - name: Checkout\n uses: actions/checkout@v6.0.2\n\n - name: Set up QEMU\n uses: docker/setup-qemu-action@v4.0.0\n\n - name: Set up Docker Buildx\n uses: docker/setup-buildx-action@v4.0.0\n\n - name: Configure AWS Credentials\n if: ${{ inputs.environment != 'prod' }}\n uses: aws-actions/configure-aws-credentials@v6\n with:\n aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}\n aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}\n aws-region: ${{ secrets.AWS_REGION }}\n\n - name: Configure AWS OIDC Credentials\n if: ${{ inputs.environment == 'prod' }}\n uses: aws-actions/configure-aws-credentials@8df5847569e6427dd6c4fb1cf565c83acfa8afa7 # v6.0.0\n with:\n aws-region: ${{ secrets.AWS_REGION }}\n role-to-assume: ${{ secrets.AWS_OIDC_IAM_ROLE }}\n mask-aws-account-id: true\n unset-current-credentials: true\n\n - name: Login to Amazon ECR\n uses: aws-actions/amazon-ecr-login@v2\n\n # -------------------------\n # Build and push main image\n # -------------------------\n - name: Build and push main image\n uses: docker/build-push-action@v6.19.2\n with:\n context: .\n file: Dockerfile\n build-args: |\n NODE_VERSION=${{ steps.defaults.outputs.node_version }}\n platforms: linux/amd64,linux/arm64\n push: true\n tags: |\n ${{ format('{0}.dkr.ecr.{1}.amazonaws.com/flowise:{2}', \n secrets.AWS_ACCOUNT_ID, \n secrets.AWS_REGION, \n steps.defaults.outputs.tag_version) }}\n" }, { "path": ".github/workflows/main.yml", "content": "name: Node CI\non:\n push:\n branches:\n - main\n pull_request:\n branches:\n - '*'\n workflow_dispatch:\npermissions:\n contents: read\njobs:\n build:\n strategy:\n matrix:\n platform: [ubuntu-latest]\n node-version: [18.15.0]\n runs-on: ${{ matrix.platform }}\n env:\n PUPPETEER_SKIP_DOWNLOAD: true\n steps:\n - uses: actions/checkout@v6\n - uses: pnpm/action-setup@v4\n with:\n version: 10.26.0\n - name: Use Node.js ${{ matrix.node-version }}\n uses: actions/setup-node@v6\n with:\n node-version: ${{ matrix.node-version }}\n cache: 'pnpm'\n cache-dependency-path: 'pnpm-lock.yaml'\n - run: pnpm install\n - run: pnpm lint\n - run: pnpm build\n env:\n NODE_OPTIONS: '--max_old_space_size=4096'\n - run: pnpm test:coverage\n - name: Cypress install\n run: pnpm cypress install\n - name: Install dependencies (Cypress Action)\n uses: cypress-io/github-action@v7.1.5\n with:\n working-directory: ./\n runTests: false\n - name: Cypress test\n uses: cypress-io/github-action@v7.1.5\n with:\n install: false\n working-directory: packages/server\n start: pnpm start\n wait-on: 'http://localhost:3000'\n wait-on-timeout: 120\n browser: chrome\n" }, { "path": ".github/workflows/proprietary-path-guard.yml", "content": "name: Proprietary Path Guard\n\n# =============================================================================\n# This workflow checks that PRs don't add files to proprietary paths.\n#\n# Proprietary paths:\n# - extensions/ Reserved for enterprise extensions\n# - apps/* Only apps/oss-app/ is allowed\n#\n# These paths are reserved for downstream forks and enterprise distributions.\n# =============================================================================\n\non:\n pull_request:\n branches: [main, develop, master]\n push:\n branches: ['**']\n\n # Manual trigger for testing\n workflow_dispatch:\n inputs:\n reason:\n description: 'Reason for manual run'\n required: false\n default: 'Testing'\n\npermissions:\n contents: read\n\njobs:\n check-proprietary-paths:\n name: Check for Proprietary Paths\n runs-on: ubuntu-latest\n if: github.repository == 'FlowiseAI/Flowise'\n\n steps:\n - name: Checkout repository\n uses: actions/checkout@v6\n with:\n fetch-depth: 0\n\n - name: Check for proprietary paths\n id: check-paths\n run: |\n echo \"🔍 Checking for proprietary paths...\"\n echo \"Trigger: ${{ github.event_name }}\"\n echo \"\"\n\n # Get changed files based on event type\n if [ \"${{ github.event_name }}\" = \"pull_request\" ]; then\n CHANGED_FILES=$(git diff --name-only origin/${{ github.base_ref }}...HEAD)\n elif [ \"${{ github.event.before }}\" != \"0000000000000000000000000000000000000000\" ]; then\n # Push to existing branch - compare with previous commit\n # Fall back to default branch comparison if before SHA is unreachable (e.g. force-push, shallow clone)\n CHANGED_FILES=$(git diff --name-only ${{ github.event.before }} ${{ github.sha }} 2>/dev/null || git diff --name-only origin/${{ github.event.repository.default_branch }}...${{ github.sha }} 2>/dev/null || echo \"\")\n else\n # New branch - compare against default branch\n CHANGED_FILES=$(git diff --name-only origin/${{ github.event.repository.default_branch }}...${{ github.sha }} 2>/dev/null || echo \"\")\n fi\n\n echo \"Files to check:\"\n echo \"$CHANGED_FILES\" | head -50 | sed 's/^/ /'\n echo \"\"\n\n # Check for proprietary paths\n VIOLATIONS=\"\"\n\n while IFS= read -r file; do\n [ -z \"$file\" ] && continue\n\n # Block all extensions/\n if echo \"$file\" | grep -qE \"^extensions/\"; then\n VIOLATIONS=\"$VIOLATIONS$file\\n\"\n continue\n fi\n\n # Block all apps/ except apps/oss-app/\n if echo \"$file\" | grep -qE \"^apps/\"; then\n if ! echo \"$file\" | grep -qE \"^apps/oss-app/\"; then\n VIOLATIONS=\"$VIOLATIONS$file\\n\"\n fi\n fi\n done <<< \"$CHANGED_FILES\"\n\n if [ -n \"$VIOLATIONS\" ]; then\n echo \"has_violations=true\" >> $GITHUB_OUTPUT\n echo \"violations<> $GITHUB_OUTPUT\n printf \"%s\" \"$VIOLATIONS\" >> $GITHUB_OUTPUT\n echo \"EOF\" >> $GITHUB_OUTPUT\n\n echo \"❌ Files in proprietary paths detected!\"\n echo \"\"\n printf \"%s\" \"$VIOLATIONS\" | sed 's/^/ ❌ /'\n echo \"\"\n echo \"Proprietary paths:\"\n echo \" - extensions/ (reserved for enterprise extensions)\"\n echo \" - apps/* (only apps/oss-app/ is allowed)\"\n else\n echo \"has_violations=false\" >> $GITHUB_OUTPUT\n echo \"✅ No proprietary paths detected\"\n fi\n\n - name: Fail if violations found\n if: steps.check-paths.outputs.has_violations == 'true'\n run: |\n echo \"::error::Files detected in proprietary paths. These paths are reserved for enterprise extensions.\"\n exit 1\n" }, { "path": ".github/workflows/publish-agentflow.yml", "content": "name: Publish @flowiseai/agentflow\non:\n workflow_dispatch:\n inputs:\n bump:\n description: 'Version bump type'\n required: true\n type: choice\n default: 'prerelease'\n options:\n - prerelease\n - patch\n - minor\n - major\n - custom\n custom_version:\n description: 'Custom version (only used when bump is \"custom\", e.g. 1.0.0-beta.1)'\n required: false\n type: string\n tag:\n description: 'npm dist-tag'\n required: false\n type: choice\n default: 'dev'\n options:\n - dev\n - latest\n\njobs:\n dry-run:\n runs-on: ubuntu-latest\n permissions:\n contents: read\n outputs:\n version: ${{ steps.resolve-version.outputs.version }}\n steps:\n - uses: actions/checkout@v4\n\n - uses: pnpm/action-setup@v2\n with:\n version: 10.26.0\n\n - uses: actions/setup-node@v4\n with:\n node-version: '18.15.0'\n registry-url: 'https://registry.npmjs.org'\n\n - name: Validate custom version\n if: inputs.bump == 'custom'\n run: |\n if [ -z \"$CUSTOM_VERSION\" ]; then\n echo \"::error::custom_version is required when bump is 'custom'\"\n exit 1\n fi\n npx semver \"$CUSTOM_VERSION\" || (echo \"::error::Invalid semver: $CUSTOM_VERSION\" && exit 1)\n env:\n CUSTOM_VERSION: ${{ inputs.custom_version }}\n\n - name: Install dependencies\n run: pnpm install --frozen-lockfile\n env:\n PUPPETEER_SKIP_DOWNLOAD: 'true'\n\n - name: Set version\n run: |\n CURRENT=$(npm pkg get version --prefix packages/agentflow | tr -d '\"')\n if [ \"$BUMP\" = \"custom\" ]; then\n NEW_VERSION=\"$CUSTOM_VERSION\"\n else\n NEW_VERSION=$(npx semver \"$CURRENT\" -i \"$BUMP\" --preid dev)\n fi\n npm pkg set version=\"$NEW_VERSION\" --prefix packages/agentflow\n echo \"Version set to $NEW_VERSION\"\n env:\n BUMP: ${{ inputs.bump }}\n CUSTOM_VERSION: ${{ inputs.custom_version }}\n\n - name: Resolve version\n id: resolve-version\n run: |\n VERSION=$(npm pkg get version --prefix packages/agentflow | tr -d '\"')\n echo \"version=$VERSION\" >> \"$GITHUB_OUTPUT\"\n echo \"## Version to publish: \\`$VERSION\\`\" >> \"$GITHUB_STEP_SUMMARY\"\n echo \"## Tag: \\`${{ inputs.tag }}\\`\" >> \"$GITHUB_STEP_SUMMARY\"\n\n - name: Package contents\n run: pnpm --filter @flowiseai/agentflow pack --dry-run\n\n - name: Dry run publish\n run: pnpm --filter @flowiseai/agentflow publish --no-git-checks --dry-run --tag ${{ inputs.tag }}\n env:\n NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}\n\n publish:\n needs: dry-run\n runs-on: ubuntu-latest\n environment: npm-publish\n permissions:\n contents: write\n pull-requests: write\n steps:\n - uses: actions/checkout@v4\n\n - uses: pnpm/action-setup@v2\n with:\n version: 10.26.0\n\n - uses: actions/setup-node@v4\n with:\n node-version: '18.15.0'\n registry-url: 'https://registry.npmjs.org'\n\n - name: Install dependencies\n run: pnpm install --frozen-lockfile\n env:\n PUPPETEER_SKIP_DOWNLOAD: 'true'\n\n - name: Set version\n run: |\n CURRENT=$(npm pkg get version --prefix packages/agentflow | tr -d '\"')\n if [ \"$BUMP\" = \"custom\" ]; then\n NEW_VERSION=\"$CUSTOM_VERSION\"\n else\n NEW_VERSION=$(npx semver \"$CURRENT\" -i \"$BUMP\" --preid dev)\n fi\n npm pkg set version=\"$NEW_VERSION\" --prefix packages/agentflow\n echo \"Version set to $NEW_VERSION\"\n env:\n BUMP: ${{ inputs.bump }}\n CUSTOM_VERSION: ${{ inputs.custom_version }}\n\n - name: Log version\n run: |\n echo \"Publishing version: ${{ needs.dry-run.outputs.version }}\"\n echo \"Tag: ${{ inputs.tag }}\"\n\n - name: Publish\n run: pnpm --filter @flowiseai/agentflow publish --no-git-checks --tag ${{ inputs.tag }}\n env:\n NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}\n\n - name: Create version bump PR\n run: |\n VERSION=\"${{ needs.dry-run.outputs.version }}\"\n BRANCH=\"chore/bump-agentflow-${VERSION}\"\n git config user.name \"github-actions[bot]\"\n git config user.email \"github-actions[bot]@users.noreply.github.com\"\n git checkout -b \"$BRANCH\"\n git add packages/agentflow/package.json\n git commit -m \"chore: bump @flowiseai/agentflow to ${VERSION}\"\n git push -u origin \"$BRANCH\"\n gh pr create \\\n --title \"chore: bump @flowiseai/agentflow to ${VERSION}\" \\\n --body \"Automated version bump after publishing \\`@flowiseai/agentflow@${VERSION}\\` to npm with tag \\`${{ inputs.tag }}\\`.\" \\\n --base main \\\n --head \"$BRANCH\"\n env:\n GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}\n" }, { "path": ".github/workflows/test_docker_build.yml", "content": "name: Test Docker Build\n\non:\n push:\n branches:\n - main\n\n pull_request:\n branches:\n - '*'\n workflow_dispatch:\njobs:\n build:\n runs-on: ubuntu-latest\n env:\n PUPPETEER_SKIP_DOWNLOAD: true\n steps:\n - uses: actions/checkout@v6\n - run: docker build --no-cache -t flowise .\n" }, { "path": ".gitignore", "content": "# editor\n.idea\n.vscode\n\n# dependencies\n**/node_modules\n**/package-lock.json\n!**/examples/package-lock.json\n**/yarn.lock\n\n## logs\n**/logs\n**/*.log\n\n## pnpm\n.pnpm-store/\n\n## build\n**/dist\n**/build\n\n## temp\n**/tmp\n**/temp\n\n## test\n**/coverage\n\n# misc\n.DS_Store\n\n## env\n.env.local\n.env.development.local\n.env.test.local\n.env.production.local\n.env\n\n## turbo\n.turbo\n\n## secrets\n**/*.key\n**/api.json\n\n## uploads\n**/uploads\n\n## compressed\n**/*.tgz\n\n## vscode\n.vscode/*\n!.vscode/settings.json\n!.vscode/tasks.json\n!.vscode/launch.json\n!.vscode/extensions.json\n!.vscode/*.code-snippets\n\n# Local History for Visual Studio Code\n.history/\n\n## other keys\n*.key\n*.keys\n*.priv\n*.rsa\n*.key.json\n\n## ssh keys\n*.ssh\n*.ssh-key\n.key-mrc\n\n## Certificate Authority\n*.ca\n\n## Certificate\n*.crt\n\n## Certificate Sign Request\n*.csr\n\n## Certificate\n*.der \n\n## Key database file\n*.kdb\n\n## OSCP request data\n*.org\n\n## PKCS #12\n*.p12\n\n## PEM-encoded certificate data\n*.pem\n\n## Random number seed\n*.rnd\n\n## SSLeay data\n*.ssleay\n\n## S/MIME message\n*.smime\n*.vsix\n\n# =============================================================================\n# Proprietary paths (should never exist in OSS)\n# =============================================================================\nextensions/\n\n# Only allow apps/oss-app, ignore all other apps\napps/*/\n!apps/oss-app/\n\n# Claude - session/user specific files\n.claude/plans/\n.claude/settings.local.json\n" }, { "path": ".husky/pre-commit", "content": "#!/bin/sh\n. \"$(dirname \"$0\")/_/husky.sh\"\n\npnpm quick # prettify\npnpm lint-staged # eslint lint(also include prettify but prettify support more file extensions than eslint, so run prettify first)\n" }, { "path": ".husky/pre-push", "content": "#!/bin/bash\n[ -f \"$(dirname \"$0\")/_/husky.sh\" ] && . \"$(dirname \"$0\")/_/husky.sh\"\n\n# =============================================================================\n# OSS Guardrail: Prevent pushing proprietary code to OSS repository\n# =============================================================================\n\n# Paths that should NEVER go to OSS (explicitly blocked)\nBLOCKED_PATHS=\"^extensions/\"\n\n# Allowed apps (whitelist) - everything else in apps/ is blocked\nALLOWED_APPS=\"^apps/oss-app/\"\n\n# Get the remote being pushed to\nremote=\"$1\"\nurl=\"$2\"\n\n# Check if pushing to OSS remote (FlowiseAI/Flowise)\nif echo \"$url\" | grep -qE \"FlowiseAI/Flowise(\\.git)?$\"; then\n echo \"🔒 Pushing to OSS repo - checking for proprietary code...\"\n\n # Read stdin for refs being pushed\n while read local_ref local_sha remote_ref remote_sha; do\n # Skip delete operations\n if [ \"$local_sha\" = \"0000000000000000000000000000000000000000\" ]; then\n continue\n fi\n\n # Get list of files to check based on whether this is a new or existing branch\n if [ \"$remote_sha\" = \"0000000000000000000000000000000000000000\" ]; then\n # New branch - check ALL files across ALL commits being pushed\n # Find merge base with remote's main/master to determine the branch point\n base=$(git merge-base \"$local_sha\" \"$remote/main\" 2>/dev/null || \\\n git merge-base \"$local_sha\" \"$remote/master\" 2>/dev/null || \\\n echo \"\")\n if [ -n \"$base\" ]; then\n # Found common ancestor - diff from there to get all new files\n files_to_check=$(git diff --name-only \"$base..$local_sha\")\n else\n # No common ancestor - check all files in all commits on this branch\n files_to_check=$(git log --name-only --pretty=format: \"$local_sha\" | sort -u)\n fi\n else\n # Existing branch - check only files changed in new commits\n files_to_check=$(git diff --name-only \"$remote_sha..$local_sha\")\n fi\n\n # Check for proprietary paths\n # Note: || true prevents grep's exit code 1 (no match) from aborting the subshell\n violations=$(\n {\n echo \"$files_to_check\" | grep -E \"$BLOCKED_PATHS\" || true\n echo \"$files_to_check\" | grep -E \"^apps/\" | grep -vE \"$ALLOWED_APPS\" || true\n } 2>/dev/null | sort -u\n )\n\n if [ -n \"$violations\" ]; then\n echo \"\"\n echo \"❌ BLOCKED: Push contains changes to proprietary paths!\"\n echo \"\"\n echo \"The following files cannot be pushed to OSS:\"\n echo \"$violations\" | sed 's/^/ - /'\n echo \"\"\n echo \"Proprietary paths that are blocked:\"\n echo \" - extensions/ (all extensions)\"\n echo \" - apps/* (except apps/oss-app/)\"\n echo \"\"\n echo \"Only apps/oss-app/ is allowed in the OSS repository.\"\n echo \"\"\n echo \"These paths are reserved for proprietary extensions.\"\n echo \"\"\n exit 1\n fi\n done\n\n echo \"✅ No proprietary code detected - push allowed\"\nfi\n\nexit 0\n" }, { "path": ".npmrc", "content": "auto-install-peers = true\nstrict-peer-dependencies = false\nprefer-workspace-packages = true\nlink-workspace-packages = deep\nhoist = true\nshamefully-hoist = true\nengine-strict = false\n" }, { "path": ".nvmrc", "content": "v20.19.2\n" }, { "path": ".prettierignore", "content": "pnpm-lock.yaml\n" }, { "path": "CODE_OF_CONDUCT.md", "content": "# Contributor Covenant Code of Conduct\n\nEnglish | [中文](./i18n/CODE_OF_CONDUCT-ZH.md)\n\n## Our Pledge\n\nIn the interest of fostering an open and welcoming environment, we as\ncontributors and maintainers pledge to making participation in our project and\nour community a harassment-free experience for everyone, regardless of age, body\nsize, disability, ethnicity, gender identity and expression, level of experience,\nnationality, personal appearance, race, religion, or sexual identity and\norientation.\n\n## Our Standards\n\nExamples of behavior that contributes to creating a positive environment\ninclude:\n\n- Using welcoming and inclusive language\n- Being respectful of differing viewpoints and experiences\n- Gracefully accepting constructive criticism\n- Focusing on what is best for the community\n- Showing empathy towards other community members\n\nExamples of unacceptable behavior by participants include:\n\n- The use of sexualized language or imagery and unwelcome sexual attention or\n advances\n- Trolling, insulting/derogatory comments, and personal or political attacks\n- Public or private harassment\n- Publishing others' private information, such as a physical or electronic\n address, without explicit permission\n- Other conduct which could reasonably be considered inappropriate in a\n professional setting\n\n## Our Responsibilities\n\nProject maintainers are responsible for clarifying the standards of acceptable\nbehavior and are expected to take appropriate and fair corrective action in\nresponse to any instances of unacceptable behavior.\n\nProject maintainers have the right and responsibility to remove, edit, or\nreject comments, commits, code, wiki edits, issues, and other contributions\nthat are not aligned to this Code of Conduct, or to ban temporarily or\npermanently any contributor for other behaviors that they deem inappropriate,\nthreatening, offensive, or harmful.\n\n## Scope\n\nThis Code of Conduct applies both within project spaces and in public spaces\nwhen an individual is representing the project or its community. Examples of\nrepresenting a project or community include using an official project e-mail\naddress, posting via an official social media account, or acting as an appointed\nrepresentative at an online or offline event. Representation of a project may be\nfurther defined and clarified by project maintainers.\n\n## Enforcement\n\nInstances of abusive, harassing, or otherwise unacceptable behavior may be\nreported by contacting the project team at hello@flowiseai.com. All\ncomplaints will be reviewed and investigated and will result in a response that\nis deemed necessary and appropriate to the circumstances. The project team is\nobligated to maintain confidentiality with regard to the reporter of an incident.\nFurther details of specific enforcement policies may be posted separately.\n\nProject maintainers who do not follow or enforce the Code of Conduct in good\nfaith may face temporary or permanent repercussions as determined by other\nmembers of the project's leadership.\n\n## Attribution\n\nThis Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,\navailable at [http://contributor-covenant.org/version/1/4][version]\n\n[homepage]: http://contributor-covenant.org\n[version]: http://contributor-covenant.org/version/1/4/\n" }, { "path": "CONTRIBUTING.md", "content": "\n\n# Contributing to Flowise\n\nEnglish | [中文](./i18n/CONTRIBUTING-ZH.md)\n\nWe appreciate any form of contributions.\n\n## ⭐ Star\n\nStar and share the [Github Repo](https://github.com/FlowiseAI/Flowise).\n\n## 🙋 Q&A\n\nSearch up for any questions in [Q&A section](https://github.com/FlowiseAI/Flowise/discussions/categories/q-a), if you can't find one, don't hesitate to create one. It might helps others that have similar question.\n\n## 🙌 Share Chatflow\n\nYes! Sharing how you use Flowise is a way of contribution. Export your chatflow as JSON, attach a screenshot and share it in [Show and Tell section](https://github.com/FlowiseAI/Flowise/discussions/categories/show-and-tell).\n\n## 💡 Ideas\n\nIdeas are welcome such as new feature, apps integration, and blockchain networks. Submit in [Ideas section](https://github.com/FlowiseAI/Flowise/discussions/categories/ideas).\n\n## 🐞 Report Bugs\n\nFound an issue? [Report it](https://github.com/FlowiseAI/Flowise/issues/new/choose).\n\n## 👨‍💻 Contribute to Code\n\nNot sure what to contribute? Some ideas:\n\n- Create new components from `packages/components`\n- Update existing components such as extending functionality, fixing bugs\n- Add new chatflow ideas\n\n### Developers\n\nFlowise has 3 different modules in a single mono repository.\n\n- `server`: Node backend to serve API logics\n- `ui`: React frontend\n- `components`: Third-party nodes integrations\n\n#### Prerequisite\n\n- Install [PNPM](https://pnpm.io/installation). The project is configured to use pnpm v10.\n ```bash\n npm i -g pnpm\n ```\n\n#### Step by step\n\n1. Fork the official [Flowise Github Repository](https://github.com/FlowiseAI/Flowise).\n\n2. Clone your forked repository.\n\n3. Create a new branch, see [guide](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-and-deleting-branches-within-your-repository). Naming conventions:\n\n - For feature branch: `feature/`\n - For bug fix branch: `bugfix/`.\n\n4. Switch to the newly created branch.\n\n5. Go into repository folder\n\n ```bash\n cd Flowise\n ```\n\n6. Install all dependencies of all modules:\n\n ```bash\n pnpm install\n ```\n\n7. Build all the code:\n\n ```bash\n pnpm build\n ```\n\n8. Start the app on [http://localhost:3000](http://localhost:3000)\n\n ```bash\n pnpm start\n ```\n\n9. For development:\n\n - Create `.env` file and specify the `VITE_PORT` (refer to `.env.example`) in `packages/ui`\n - Create `.env` file and specify the `PORT` (refer to `.env.example`) in `packages/server`\n - Run\n\n ```bash\n pnpm dev\n ```\n\n Any changes made in `packages/ui` or `packages/server` will be reflected on [http://localhost:8080](http://localhost:8080)\n\n For changes made in `packages/components`, run `pnpm build` again to pickup the changes.\n\n10. After making all the changes, run\n\n ```bash\n pnpm build\n ```\n\n and\n\n ```bash\n pnpm start\n ```\n\n to make sure everything works fine in production.\n\n11. Commit code and submit Pull Request from forked branch pointing to [Flowise main](https://github.com/FlowiseAI/Flowise/tree/main).\n\n### Testing\n\n- Unit tests are **co-located** with their source files — a test for `Foo.ts` lives in `Foo.test.ts` in the same directory. This is the standard used across all packages in this repo.\n\n- Run tests per package:\n\n ```bash\n cd packages/server && pnpm test\n cd packages/components && pnpm test\n cd packages/agentflow && pnpm test\n ```\n\n Or from the repo root using `--filter`:\n\n ```bash\n pnpm --filter flowise-components test\n pnpm --filter @flowiseai/agentflow test\n pnpm --filter \"./packages/server\" test # root and server share the same package name.\n ```\n\n- Or run all tests from the repo root:\n\n ```bash\n pnpm test\n ```\n\n- When adding new functionality, place your test file next to the source file it tests:\n\n ```\n packages/components/nodes/tools/MyTool/\n ├── MyTool.ts\n └── MyTool.test.ts ← co-located test\n ```\n\n## 🌱 Env Variables\n\nFlowise support different environment variables to configure your instance. You can specify the following variables in the `.env` file inside `packages/server` folder. Read [more](https://docs.flowiseai.com/environment-variables)\n\n| Variable | Description | Type | Default |\n| ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ----------------------------------- |\n| PORT | The HTTP port Flowise runs on | Number | 3000 |\n| CORS_ORIGINS | The allowed origins for all cross-origin HTTP calls | String | |\n| IFRAME_ORIGINS | The allowed origins for iframe src embedding | String | |\n| FLOWISE_FILE_SIZE_LIMIT | Upload File Size Limit | String | 50mb |\n| DEBUG | Print logs from components | Boolean | |\n| LOG_PATH | Location where log files are stored | String | `your-path/Flowise/logs` |\n| LOG_LEVEL | Different levels of logs | Enum String: `error`, `info`, `verbose`, `debug` | `info` |\n| LOG_JSON_SPACES | Spaces to beautify JSON logs | | 2 |\n| TOOL_FUNCTION_BUILTIN_DEP | NodeJS built-in modules to be used for Custom Tool or Function | String | |\n| TOOL_FUNCTION_EXTERNAL_DEP | External modules to be used for Custom Tool or Function | String | |\n| ALLOW_BUILTIN_DEP | Allow project dependencies to be used for Custom Tool or Function | Boolean | false |\n| DATABASE_TYPE | Type of database to store the flowise data | Enum String: `sqlite`, `mysql`, `postgres` | `sqlite` |\n| DATABASE_PATH | Location where database is saved (When DATABASE_TYPE is sqlite) | String | `your-home-dir/.flowise` |\n| DATABASE_HOST | Host URL or IP address (When DATABASE_TYPE is not sqlite) | String | |\n| DATABASE_PORT | Database port (When DATABASE_TYPE is not sqlite) | String | |\n| DATABASE_USER | Database username (When DATABASE_TYPE is not sqlite) | String | |\n| DATABASE_PASSWORD | Database password (When DATABASE_TYPE is not sqlite) | String | |\n| DATABASE_NAME | Database name (When DATABASE_TYPE is not sqlite) | String | |\n| DATABASE_SSL_KEY_BASE64 | Database SSL client cert in base64 (takes priority over DATABASE_SSL) | Boolean | false |\n| DATABASE_SSL | Database connection overssl (When DATABASE_TYPE is postgre) | Boolean | false |\n| SECRETKEY_PATH | Location where encryption key (used to encrypt/decrypt credentials) is saved | String | `your-path/Flowise/packages/server` |\n| FLOWISE_SECRETKEY_OVERWRITE | Encryption key to be used instead of the key stored in SECRETKEY_PATH | String | |\n| MODEL_LIST_CONFIG_JSON | File path to load list of models from your local config file | String | `/your_model_list_config_file_path` |\n| STORAGE_TYPE | Type of storage for uploaded files. default is `local` | Enum String: `s3`, `local`, `gcs` ,`azure` | `local` |\n| BLOB_STORAGE_PATH | Local folder path where uploaded files are stored when `STORAGE_TYPE` is `local` | String | `your-home-dir/.flowise/storage` |\n| S3_STORAGE_BUCKET_NAME | Bucket name to hold the uploaded files when `STORAGE_TYPE` is `s3` | String | |\n| S3_STORAGE_ACCESS_KEY_ID | AWS Access Key | String | |\n| S3_STORAGE_SECRET_ACCESS_KEY | AWS Secret Key | String | |\n| S3_STORAGE_REGION | Region for S3 bucket | String | |\n| S3_ENDPOINT_URL | Custom Endpoint for S3 | String | |\n| S3_FORCE_PATH_STYLE | Set this to true to force the request to use path-style addressing | Boolean | false |\n| GOOGLE_CLOUD_STORAGE_PROJ_ID | The GCP project id for cloud storage & logging when `STORAGE_TYPE` is `gcs` | String | |\n| GOOGLE_CLOUD_STORAGE_CREDENTIAL | The credential key file path when `STORAGE_TYPE` is `gcs` | String | |\n| GOOGLE_CLOUD_STORAGE_BUCKET_NAME | Bucket name to hold the uploaded files when `STORAGE_TYPE` is `gcs` | String | |\n| GOOGLE_CLOUD_UNIFORM_BUCKET_ACCESS | Enable uniform bucket level access when `STORAGE_TYPE` is `gcs` | Boolean | true |\n| AZURE_BLOB_STORAGE_CONNECTION_STRING | Azure Blob Storage connection string when `STORAGE_TYPE` is `azure`. Either this or account name + key is required | String | |\n| AZURE_BLOB_STORAGE_ACCOUNT_NAME | Azure storage account name when `STORAGE_TYPE` is `azure`. Required if connection string is not provided | String | |\n| AZURE_BLOB_STORAGE_ACCOUNT_KEY | Azure storage account key when `STORAGE_TYPE` is `azure`. Required if connection string is not provided | String | |\n| AZURE_BLOB_STORAGE_CONTAINER_NAME | Container name to hold the uploaded files when `STORAGE_TYPE` is `azure` | String | |\n| SHOW_COMMUNITY_NODES | Show nodes created by community | Boolean | |\n| DISABLED_NODES | Hide nodes from UI (comma separated list of node names) | String | |\n| TRUST_PROXY | Configure proxy trust settings for proper IP detection. Values: 'true' (trust all), 'false' (disable), number (hop count), or Express proxy values (e.g., 'loopback', 'linklocal', 'uniquelocal', IP addresses). [Learn More](https://expressjs.com/en/guide/behind-proxies.html) | Boolean/String/Number | true |\n\nYou can also specify the env variables when using `npx`. For example:\n\n```\nnpx flowise start --PORT=3000 --DEBUG=true\n```\n\n## 📖 Contribute to Docs\n\n[Flowise Docs](https://github.com/FlowiseAI/FlowiseDocs)\n\n## 🏷️ Pull Request process\n\nA member of the FlowiseAI team will automatically be notified/assigned when you open a pull request. You can also reach out to us on [Discord](https://discord.gg/jbaHfsRVBW).\n\n## 📜 Code of Conduct\n\nThis project and everyone participating in it are governed by the Code of Conduct which can be found in the [file](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to hello@flowiseai.com.\n" }, { "path": "Dockerfile", "content": "# Build local monorepo image\n# docker build --no-cache -t flowise .\n\n# Run image\n# docker run -d -p 3000:3000 flowise\n\nFROM node:20-alpine\n\n# Install system dependencies and build tools\nRUN apk update && \\\n apk add --no-cache \\\n libc6-compat \\\n python3 \\\n make \\\n g++ \\\n build-base \\\n cairo-dev \\\n pango-dev \\\n chromium \\\n curl && \\\n npm install -g pnpm\n\nENV PUPPETEER_SKIP_DOWNLOAD=true\nENV PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser\n\nENV NODE_OPTIONS=--max-old-space-size=8192\n\nWORKDIR /usr/src/flowise\n\n# Copy app source\nCOPY . .\n\n# Install dependencies and build\nRUN pnpm install && \\\n pnpm build\n\n# Give the node user ownership of the application files\nRUN chown -R node:node .\n\n# Switch to non-root user (node user already exists in node:20-alpine)\nUSER node\n\nEXPOSE 3000\n\nCMD [ \"pnpm\", \"start\" ]" }, { "path": "LICENSE.md", "content": "Copyright (c) 2023-present FlowiseAI, Inc.\n\nPortions of this software are licensed as follows:\n\n- All content that resides under https://github.com/FlowiseAI/Flowise/tree/main/packages/server/src/enterprise directory and files with explicit copyright notice such as [IdentityManager.ts](https://github.com/FlowiseAI/Flowise/tree/main/packages/server/src/IdentityManager.ts) are licensed under [Commercial License](https://github.com/FlowiseAI/Flowise/tree/main/packages/server/src/enterprise/LICENSE.md).\n- All third party components incorporated into the FlowiseAI Software are licensed under the original license provided by the owner of the applicable component.\n- Content outside of the above mentioned directories or restrictions above is available under the \"Apache 2.0\" license as defined below.\n\n Apache License\n Version 2.0, January 2004\n http://www.apache.org/licenses/\n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n1. Definitions.\n\n \"License\" shall mean the terms and conditions for use, reproduction,\n and distribution as defined by Sections 1 through 9 of this document.\n\n \"Licensor\" shall mean the copyright owner or entity authorized by\n the copyright owner that is granting the License.\n\n \"Legal Entity\" shall mean the union of the acting entity and all\n other entities that control, are controlled by, or are under common\n control with that entity. For the purposes of this definition,\n \"control\" means (i) the power, direct or indirect, to cause the\n direction or management of such entity, whether by contract or\n otherwise, or (ii) ownership of fifty percent (50%) or more of the\n outstanding shares, or (iii) beneficial ownership of such entity.\n\n \"You\" (or \"Your\") shall mean an individual or Legal Entity\n exercising permissions granted by this License.\n\n \"Source\" form shall mean the preferred form for making modifications,\n including but not limited to software source code, documentation\n source, and configuration files.\n\n \"Object\" form shall mean any form resulting from mechanical\n transformation or translation of a Source form, including but\n not limited to compiled object code, generated documentation,\n and conversions to other media types.\n\n \"Work\" shall mean the work of authorship, whether in Source or\n Object form, made available under the License, as indicated by a\n copyright notice that is included in or attached to the work\n (an example is provided in the Appendix below).\n\n \"Derivative Works\" shall mean any work, whether in Source or Object\n form, that is based on (or derived from) the Work and for which the\n editorial revisions, annotations, elaborations, or other modifications\n represent, as a whole, an original work of authorship. For the purposes\n of this License, Derivative Works shall not include works that remain\n separable from, or merely link (or bind by name) to the interfaces of,\n the Work and Derivative Works thereof.\n\n \"Contribution\" shall mean any work of authorship, including\n the original version of the Work and any modifications or additions\n to that Work or Derivative Works thereof, that is intentionally\n submitted to Licensor for inclusion in the Work by the copyright owner\n or by an individual or Legal Entity authorized to submit on behalf of\n the copyright owner. For the purposes of this definition, \"submitted\"\n means any form of electronic, verbal, or written communication sent\n to the Licensor or its representatives, including but not limited to\n communication on electronic mailing lists, source code control systems,\n and issue tracking systems that are managed by, or on behalf of, the\n Licensor for the purpose of discussing and improving the Work, but\n excluding communication that is conspicuously marked or otherwise\n designated in writing by the copyright owner as \"Not a Contribution.\"\n\n \"Contributor\" shall mean Licensor and any individual or Legal Entity\n on behalf of whom a Contribution has been received by Licensor and\n subsequently incorporated within the Work.\n\n2. Grant of Copyright License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n copyright license to reproduce, prepare Derivative Works of,\n publicly display, publicly perform, sublicense, and distribute the\n Work and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n (except as stated in this section) patent license to make, have made,\n use, offer to sell, sell, import, and otherwise transfer the Work,\n where such license applies only to those patent claims licensable\n by such Contributor that are necessarily infringed by their\n Contribution(s) alone or by combination of their Contribution(s)\n with the Work to which such Contribution(s) was submitted. If You\n institute patent litigation against any entity (including a\n cross-claim or counterclaim in a lawsuit) alleging that the Work\n or a Contribution incorporated within the Work constitutes direct\n or contributory patent infringement, then any patent licenses\n granted to You under this License for that Work shall terminate\n as of the date such litigation is filed.\n\n4. Redistribution. You may reproduce and distribute copies of the\n Work or Derivative Works thereof in any medium, with or without\n modifications, and in Source or Object form, provided that You\n meet the following conditions:\n\n (a) You must give any other recipients of the Work or\n Derivative Works a copy of this License; and\n\n (b) You must cause any modified files to carry prominent notices\n stating that You changed the files; and\n\n (c) You must retain, in the Source form of any Derivative Works\n that You distribute, all copyright, patent, trademark, and\n attribution notices from the Source form of the Work,\n excluding those notices that do not pertain to any part of\n the Derivative Works; and\n\n (d) If the Work includes a \"NOTICE\" text file as part of its\n distribution, then any Derivative Works that You distribute must\n include a readable copy of the attribution notices contained\n within such NOTICE file, excluding those notices that do not\n pertain to any part of the Derivative Works, in at least one\n of the following places: within a NOTICE text file distributed\n as part of the Derivative Works; within the Source form or\n documentation, if provided along with the Derivative Works; or,\n within a display generated by the Derivative Works, if and\n wherever such third-party notices normally appear. The contents\n of the NOTICE file are for informational purposes only and\n do not modify the License. You may add Your own attribution\n notices within Derivative Works that You distribute, alongside\n or as an addendum to the NOTICE text from the Work, provided\n that such additional attribution notices cannot be construed\n as modifying the License.\n\n You may add Your own copyright statement to Your modifications and\n may provide additional or different license terms and conditions\n for use, reproduction, or distribution of Your modifications, or\n for any such Derivative Works as a whole, provided Your use,\n reproduction, and distribution of the Work otherwise complies with\n the conditions stated in this License.\n\n5. Submission of Contributions. Unless You explicitly state otherwise,\n any Contribution intentionally submitted for inclusion in the Work\n by You to the Licensor shall be under the terms and conditions of\n this License, without any additional terms or conditions.\n Notwithstanding the above, nothing herein shall supersede or modify\n the terms of any separate license agreement you may have executed\n with Licensor regarding such Contributions.\n\n6. Trademarks. This License does not grant permission to use the trade\n names, trademarks, service marks, or product names of the Licensor,\n except as required for reasonable and customary use in describing the\n origin of the Work and reproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty. Unless required by applicable law or\n agreed to in writing, Licensor provides the Work (and each\n Contributor provides its Contributions) on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n implied, including, without limitation, any warranties or conditions\n of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n PARTICULAR PURPOSE. You are solely responsible for determining the\n appropriateness of using or redistributing the Work and assume any\n risks associated with Your exercise of permissions under this License.\n\n8. Limitation of Liability. In no event and under no legal theory,\n whether in tort (including negligence), contract, or otherwise,\n unless required by applicable law (such as deliberate and grossly\n negligent acts) or agreed to in writing, shall any Contributor be\n liable to You for damages, including any direct, indirect, special,\n incidental, or consequential damages of any character arising as a\n result of this License or out of the use or inability to use the\n Work (including but not limited to damages for loss of goodwill,\n work stoppage, computer failure or malfunction, or any and all\n other commercial damages or losses), even if such Contributor\n has been advised of the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability. While redistributing\n the Work or Derivative Works thereof, You may choose to offer,\n and charge a fee for, acceptance of support, warranty, indemnity,\n or other liability obligations and/or rights consistent with this\n License. However, in accepting such obligations, You may act only\n on Your own behalf and on Your sole responsibility, not on behalf\n of any other Contributor, and only if You agree to indemnify,\n defend, and hold each Contributor harmless for any liability\n incurred by, or claims asserted against, such Contributor by reason\n of your accepting any such warranty or additional liability.\n\nEND OF TERMS AND CONDITIONS\n" }, { "path": "README.md", "content": "\n\n

\n\n\n

\n\n
\n\n[![Release Notes](https://img.shields.io/github/release/FlowiseAI/Flowise)](https://github.com/FlowiseAI/Flowise/releases)\n[![Discord](https://img.shields.io/discord/1087698854775881778?label=Discord&logo=discord)](https://discord.gg/jbaHfsRVBW)\n[![Twitter Follow](https://img.shields.io/twitter/follow/FlowiseAI?style=social)](https://twitter.com/FlowiseAI)\n[![GitHub star chart](https://img.shields.io/github/stars/FlowiseAI/Flowise?style=social)](https://star-history.com/#FlowiseAI/Flowise)\n[![GitHub fork](https://img.shields.io/github/forks/FlowiseAI/Flowise?style=social)](https://github.com/FlowiseAI/Flowise/fork)\n\nEnglish | [繁體中文](./i18n/README-TW.md) | [简体中文](./i18n/README-ZH.md) | [日本語](./i18n/README-JA.md) | [한국어](./i18n/README-KR.md)\n\n
\n\n

Build AI Agents, Visually

\n\n\n\n## 📚 Table of Contents\n\n- [⚡ Quick Start](#-quick-start)\n- [🐳 Docker](#-docker)\n- [👨‍💻 Developers](#-developers)\n- [🌱 Env Variables](#-env-variables)\n- [📖 Documentation](#-documentation)\n- [🌐 Self Host](#-self-host)\n- [☁️ Flowise Cloud](#️-flowise-cloud)\n- [🙋 Support](#-support)\n- [🙌 Contributing](#-contributing)\n- [📄 License](#-license)\n\n## ⚡Quick Start\n\nDownload and Install [NodeJS](https://nodejs.org/en/download) >= 18.15.0\n\n1. Install Flowise\n ```bash\n npm install -g flowise\n ```\n2. Start Flowise\n\n ```bash\n npx flowise start\n ```\n\n3. Open [http://localhost:3000](http://localhost:3000)\n\n## 🐳 Docker\n\n### Docker Compose\n\n1. Clone the Flowise project\n2. Go to `docker` folder at the root of the project\n3. Copy `.env.example` file, paste it into the same location, and rename to `.env` file\n4. `docker compose up -d`\n5. Open [http://localhost:3000](http://localhost:3000)\n6. You can bring the containers down by `docker compose stop`\n\n### Docker Image\n\n1. Build the image locally:\n\n ```bash\n docker build --no-cache -t flowise .\n ```\n\n2. Run image:\n\n ```bash\n docker run -d --name flowise -p 3000:3000 flowise\n ```\n\n3. Stop image:\n\n ```bash\n docker stop flowise\n ```\n\n## 👨‍💻 Developers\n\nFlowise has 3 different modules in a single mono repository.\n\n- `server`: Node backend to serve API logics\n- `ui`: React frontend\n- `components`: Third-party nodes integrations\n- `api-documentation`: Auto-generated swagger-ui API docs from express\n\n### Prerequisite\n\n- Install [PNPM](https://pnpm.io/installation)\n ```bash\n npm i -g pnpm\n ```\n\n### Setup\n\n1. Clone the repository:\n\n ```bash\n git clone https://github.com/FlowiseAI/Flowise.git\n ```\n\n2. Go into repository folder:\n\n ```bash\n cd Flowise\n ```\n\n3. Install all dependencies of all modules:\n\n ```bash\n pnpm install\n ```\n\n4. Build all the code:\n\n ```bash\n pnpm build\n ```\n\n
\n Exit code 134 (JavaScript heap out of memory) \n If you get this error when running the above `build` script, try increasing the Node.js heap size and run the script again:\n\n ```bash\n # macOS / Linux / Git Bash\n export NODE_OPTIONS=\"--max-old-space-size=4096\"\n\n # Windows PowerShell\n $env:NODE_OPTIONS=\"--max-old-space-size=4096\"\n\n # Windows CMD\n set NODE_OPTIONS=--max-old-space-size=4096\n ```\n\n Then run:\n\n ```bash\n pnpm build\n ```\n\n
\n\n5. Start the app:\n\n ```bash\n pnpm start\n ```\n\n You can now access the app on [http://localhost:3000](http://localhost:3000)\n\n6. For development build:\n\n - Create `.env` file and specify the `VITE_PORT` (refer to `.env.example`) in `packages/ui`\n - Create `.env` file and specify the `PORT` (refer to `.env.example`) in `packages/server`\n - Run:\n\n ```bash\n pnpm dev\n ```\n\n Any code changes will reload the app automatically on [http://localhost:8080](http://localhost:8080)\n\n## 🌱 Env Variables\n\nFlowise supports different environment variables to configure your instance. You can specify the following variables in the `.env` file inside `packages/server` folder. Read [more](https://github.com/FlowiseAI/Flowise/blob/main/CONTRIBUTING.md#-env-variables)\n\n## 📖 Documentation\n\nYou can view the Flowise Docs [here](https://docs.flowiseai.com/)\n\n## 🌐 Self Host\n\nDeploy Flowise self-hosted in your existing infrastructure, we support various [deployments](https://docs.flowiseai.com/configuration/deployment)\n\n- [AWS](https://docs.flowiseai.com/configuration/deployment/aws)\n- [Azure](https://docs.flowiseai.com/configuration/deployment/azure)\n- [Digital Ocean](https://docs.flowiseai.com/configuration/deployment/digital-ocean)\n- [GCP](https://docs.flowiseai.com/configuration/deployment/gcp)\n- [Alibaba Cloud](https://computenest.console.aliyun.com/service/instance/create/default?type=user&ServiceName=Flowise社区版)\n-
\n Others\n\n - [Railway](https://docs.flowiseai.com/configuration/deployment/railway)\n\n [![Deploy on Railway](https://railway.app/button.svg)](https://railway.app/template/pn4G8S?referralCode=WVNPD9)\n\n - [Northflank](https://northflank.com/stacks/deploy-flowiseai)\n\n [![Deploy to Northflank](https://assets.northflank.com/deploy_to_northflank_smm_36700fb050.svg)](https://northflank.com/stacks/deploy-flowiseai)\n\n - [Render](https://docs.flowiseai.com/configuration/deployment/render)\n\n [![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://docs.flowiseai.com/configuration/deployment/render)\n\n - [HuggingFace Spaces](https://docs.flowiseai.com/deployment/hugging-face)\n\n \"HuggingFace\n\n - [Elestio](https://elest.io/open-source/flowiseai)\n\n [![Deploy on Elestio](https://elest.io/images/logos/deploy-to-elestio-btn.png)](https://elest.io/open-source/flowiseai)\n\n - [Sealos](https://template.sealos.io/deploy?templateName=flowise)\n\n [![Deploy on Sealos](https://sealos.io/Deploy-on-Sealos.svg)](https://template.sealos.io/deploy?templateName=flowise)\n\n - [RepoCloud](https://repocloud.io/details/?app_id=29)\n\n [![Deploy on RepoCloud](https://d16t0pc4846x52.cloudfront.net/deploy.png)](https://repocloud.io/details/?app_id=29)\n\n
\n\n## ☁️ Flowise Cloud\n\nGet Started with [Flowise Cloud](https://flowiseai.com/).\n\n## 🙋 Support\n\nFeel free to ask any questions, raise problems, and request new features in [Discussion](https://github.com/FlowiseAI/Flowise/discussions).\n\n## 🙌 Contributing\n\nThanks go to these awesome contributors\n\n\n\n

\n\nSee [Contributing Guide](CONTRIBUTING.md). Reach out to us at [Discord](https://discord.gg/jbaHfsRVBW) if you have any questions or issues.\n\n[![Star History Chart](https://api.star-history.com/svg?repos=FlowiseAI/Flowise&type=Timeline)](https://star-history.com/#FlowiseAI/Flowise&Date)\n\n## 📄 License\n\nSource code in this repository is made available under the [Apache License Version 2.0](LICENSE.md).\n" }, { "path": "SECURITY.md", "content": "### Responsible Disclosure Policy\n\nAt Flowise, we prioritize security and continuously work to safeguard our systems. However, vulnerabilities can still exist. If you identify a security issue, please report it to us so we can address it promptly. Your cooperation helps us better protect our platform and users.\n\n### Scope\n\n- Flowise Cloud: cloud.flowiseai.com\n- Public Flowise Repositories\n\n### Out of scope vulnerabilities\n\n- Hypothetical issues that do not have a demonstrable, practical impact\n- Vulnerabilities that affect out-of-date browsers\n- ClickjackingCSRF on unauthenticated/logout/login pages\n- Banner disclosure on common/public services\n- Disclosure of known public files or directories (e.g. robots.txt)\n- Attacks requiring MITM (Man-in-the-Middle) or physical device access\n- Social engineering attacks\n- Denial service via bruteforce attack\n- Content spoofing and text injection without a valid attack vector\n- Username enumeration via Login Page error message\n- Username enumeration via Forgot password error message\n- Bruteforce attacks\n- Email spoofing\n- Absence of DNSSEC, CAA, CSP headers\n- Missing Secure or HTTP-only flag on non-sensitive cookies\n- Deadlinks\n- User enumeration\n- Social Engineering\n- Version Disclosure\n- Vulnerabilities that can only affect the attacker (e.g. self-XSS)\n- Known vulnerabilities in used libraries (unless exploitability can be proven)\n- Static application security testing findings\n\n### Reporting Guidelines\n\n- Submit your findings to https://github.com/FlowiseAI/Flowise/security\n- Provide clear details to help us reproduce and fix the issue quickly.\n\n### Reporting Guidelines\n\n- Submit your findings to https://github.com/FlowiseAI/Flowise/security\n- Ensure that the vulnerability is exploitable. Theoretical or static application security testing reports are subject to dismissal.\n- Submit the report with CVSS vector and calculated severity.\n- Provide a clear detailed report with proof of concept to help us reproduce and remediate the vulnerability.\n\n### Disclosure Terms\n\nThe Flowise team believes that transparency is important and public bug bounty reports are a valuable source of knowledge for bug bounty researchers. However, the Flowise team may have legitimate reasons not to disclose vulnerabilities.\n\nDo not discuss or disclose vulnerability information without prior written consent. If you plan on presenting your research, please share a draft with us at least 45 days in advance for review. Avoid including:\n\n- Data from any Flowise customer projects\n- Flowise user/customer information\n- Details about Flowise employees, contractors, or partners\n\n### Report Validation Times\n\nWe will validate submissions within the below timelines.\n| Vulnerability Severity | Time to Validate |\n| ---------------------- | ---------------- |\n| Critical | 5 business days |\n| High | 5 business days |\n| Medium | 15 business days |\n| Low | 15 business days |\n\nYour report will be kept _confidential_, and your details will not be shared without your consent. The Flowise team will triage and adjust severity or CVSS score if necessary.\nWe appreciate your efforts in helping us maintain a secure platform and look forward to working together to resolve any issues responsibly.\n\n### Remediation\n\nOnce the report has been verified, the Flowise team will plan the remediation steps.\nBelow is the estimated time to remediate the triaged security reports.\n\n| Triaged Severity | Estimated Time to Remediate |\n| ---------------- | --------------------------- |\n| Critical | 30 business days |\n| High | 60 business days |\n| Medium | 90 business days |\n\n### Public Disclosure Timeline\n\nPublic Disclosure occurs exactly 30 days after the next official release that includes the security patch. This period gives Flowise users a time to adopt the patched version before technical vulnerability details are made public, mitigating the risk of immediate post-disclosure exploitation.\n\n#### Reaching out to the Security team\n\nTo report a new vulnerability, please submit a Github security Security Advisory report.\nIf you have any questions or concerns about the existing Security Advisory, please contact security-team@flowiseai.com.\n" }, { "path": "artillery-load-test.yml", "content": "# npm install -g artillery@latest\n# artillery run artillery-load-test.yml\n# Refer https://www.artillery.io/docs\n\nconfig:\n target: http://128.128.128.128:3000 # replace with your url\n phases:\n - duration: 1\n arrivalRate: 1\n rampTo: 2\n name: Warm up phase\n - duration: 1\n arrivalRate: 2\n rampTo: 3\n name: Ramp up load\n - duration: 1\n arrivalRate: 3\n name: Sustained peak load\nscenarios:\n - flow:\n - loop:\n - post:\n url: '/api/v1/prediction/chatflow-id' # replace with your chatflowid\n json:\n question: 'hello' # replace with your question\n count: 1 # how many request each user make\n\n# User __\n# 3 /\n# 2 /\n# 1 _/\n# 1 2 3\n# Seconds\n# Total Users = 2 + 3 + 3 = 8\n# Each making 1 HTTP call\n# Over a durations of 3 seconds\n" }, { "path": "docker/Dockerfile", "content": "# Stage 1: Build stage\nFROM node:20-alpine AS build\n\nUSER root\n\n# Skip downloading Chrome for Puppeteer (saves build time)\nENV PUPPETEER_SKIP_DOWNLOAD=true\n\n# Install latest Flowise globally (specific version can be set: flowise@1.0.0)\nRUN npm install -g flowise\n\n# Stage 2: Runtime stage\nFROM node:20-alpine\n\n# Install runtime dependencies\nRUN apk add --no-cache chromium git python3 py3-pip make g++ build-base cairo-dev pango-dev curl\n\n# Set the environment variable for Puppeteer to find Chromium\nENV PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser\n\n# Copy Flowise from the build stage\nCOPY --from=build /usr/local/lib/node_modules /usr/local/lib/node_modules\nCOPY --from=build /usr/local/bin /usr/local/bin\n\nENTRYPOINT [\"flowise\", \"start\"]\n" }, { "path": "docker/README.md", "content": "# Flowise Docker Hub Image\n\nStarts Flowise from [DockerHub Image](https://hub.docker.com/r/flowiseai/flowise)\n\n## Usage\n\n1. Create `.env` file and specify the `PORT` (refer to `.env.example`)\n2. `docker compose up -d`\n3. Open [http://localhost:3000](http://localhost:3000)\n4. You can bring the containers down by `docker compose stop`\n\n## 🌱 Env Variables\n\nIf you like to persist your data (flows, logs, credentials, storage), set these variables in the `.env` file inside `docker` folder:\n\n- DATABASE_PATH=/root/.flowise\n- LOG_PATH=/root/.flowise/logs\n- SECRETKEY_PATH=/root/.flowise\n- BLOB_STORAGE_PATH=/root/.flowise/storage\n\nFlowise also support different environment variables to configure your instance. Read [more](https://docs.flowiseai.com/configuration/environment-variables)\n\n## Queue Mode:\n\n### Building from source:\n\nYou can build the images for worker and main from scratch with:\n\n```\ndocker compose -f docker-compose-queue-source.yml up -d\n```\n\nMonitor Health:\n\n```\ndocker compose -f docker-compose-queue-source.yml ps\n```\n\n### From pre-built images:\n\nYou can also use the pre-built images:\n\n```\ndocker compose -f docker-compose-queue-prebuilt.yml up -d\n```\n\nMonitor Health:\n\n```\ndocker compose -f docker-compose-queue-prebuilt.yml ps\n```\n" }, { "path": "docker/docker-compose-queue-prebuilt.yml", "content": "version: '3.1'\n\nservices:\n redis:\n image: redis:alpine\n container_name: flowise-redis\n ports:\n - '6379:6379'\n volumes:\n - redis_data:/data\n networks:\n - flowise-net\n restart: always\n\n flowise:\n image: flowiseai/flowise:latest\n container_name: flowise-main\n restart: always\n ports:\n - '${PORT:-3000}:${PORT:-3000}'\n volumes:\n - ~/.flowise:/root/.flowise\n environment:\n # --- Essential Flowise Vars ---\n - PORT=${PORT:-3000}\n - DATABASE_PATH=${DATABASE_PATH:-/root/.flowise}\n - DATABASE_TYPE=${DATABASE_TYPE}\n - DATABASE_PORT=${DATABASE_PORT}\n - DATABASE_HOST=${DATABASE_HOST}\n - DATABASE_NAME=${DATABASE_NAME}\n - DATABASE_USER=${DATABASE_USER}\n - DATABASE_PASSWORD=${DATABASE_PASSWORD}\n - DATABASE_SSL=${DATABASE_SSL}\n - DATABASE_SSL_KEY_BASE64=${DATABASE_SSL_KEY_BASE64}\n\n # SECRET KEYS\n - SECRETKEY_STORAGE_TYPE=${SECRETKEY_STORAGE_TYPE}\n - SECRETKEY_PATH=${SECRETKEY_PATH}\n - FLOWISE_SECRETKEY_OVERWRITE=${FLOWISE_SECRETKEY_OVERWRITE}\n - SECRETKEY_AWS_ACCESS_KEY=${SECRETKEY_AWS_ACCESS_KEY}\n - SECRETKEY_AWS_SECRET_KEY=${SECRETKEY_AWS_SECRET_KEY}\n - SECRETKEY_AWS_REGION=${SECRETKEY_AWS_REGION}\n - SECRETKEY_AWS_NAME=${SECRETKEY_AWS_NAME}\n\n # LOGGING\n - DEBUG=${DEBUG}\n - LOG_PATH=${LOG_PATH}\n - LOG_LEVEL=${LOG_LEVEL}\n - LOG_SANITIZE_BODY_FIELDS=${LOG_SANITIZE_BODY_FIELDS}\n - LOG_SANITIZE_HEADER_FIELDS=${LOG_SANITIZE_HEADER_FIELDS}\n\n # CUSTOM TOOL/FUNCTION DEPENDENCIES\n - TOOL_FUNCTION_BUILTIN_DEP=${TOOL_FUNCTION_BUILTIN_DEP}\n - TOOL_FUNCTION_EXTERNAL_DEP=${TOOL_FUNCTION_EXTERNAL_DEP}\n - ALLOW_BUILTIN_DEP=${ALLOW_BUILTIN_DEP}\n\n # STORAGE\n - STORAGE_TYPE=${STORAGE_TYPE}\n - BLOB_STORAGE_PATH=${BLOB_STORAGE_PATH}\n - S3_STORAGE_BUCKET_NAME=${S3_STORAGE_BUCKET_NAME}\n - S3_STORAGE_ACCESS_KEY_ID=${S3_STORAGE_ACCESS_KEY_ID}\n - S3_STORAGE_SECRET_ACCESS_KEY=${S3_STORAGE_SECRET_ACCESS_KEY}\n - S3_STORAGE_REGION=${S3_STORAGE_REGION}\n - S3_ENDPOINT_URL=${S3_ENDPOINT_URL}\n - S3_FORCE_PATH_STYLE=${S3_FORCE_PATH_STYLE}\n - GOOGLE_CLOUD_STORAGE_CREDENTIAL=${GOOGLE_CLOUD_STORAGE_CREDENTIAL}\n - GOOGLE_CLOUD_STORAGE_PROJ_ID=${GOOGLE_CLOUD_STORAGE_PROJ_ID}\n - GOOGLE_CLOUD_STORAGE_BUCKET_NAME=${GOOGLE_CLOUD_STORAGE_BUCKET_NAME}\n - GOOGLE_CLOUD_UNIFORM_BUCKET_ACCESS=${GOOGLE_CLOUD_UNIFORM_BUCKET_ACCESS}\n # Azure Blob Storage (provide EITHER connection string OR account name + key)\n - AZURE_BLOB_STORAGE_CONNECTION_STRING=${AZURE_BLOB_STORAGE_CONNECTION_STRING}\n - AZURE_BLOB_STORAGE_ACCOUNT_NAME=${AZURE_BLOB_STORAGE_ACCOUNT_NAME}\n - AZURE_BLOB_STORAGE_ACCOUNT_KEY=${AZURE_BLOB_STORAGE_ACCOUNT_KEY}\n - AZURE_BLOB_STORAGE_CONTAINER_NAME=${AZURE_BLOB_STORAGE_CONTAINER_NAME}\n\n # SETTINGS\n - NUMBER_OF_PROXIES=${NUMBER_OF_PROXIES}\n - CORS_ORIGINS=${CORS_ORIGINS}\n - IFRAME_ORIGINS=${IFRAME_ORIGINS}\n - FLOWISE_FILE_SIZE_LIMIT=${FLOWISE_FILE_SIZE_LIMIT}\n - SHOW_COMMUNITY_NODES=${SHOW_COMMUNITY_NODES}\n - DISABLE_FLOWISE_TELEMETRY=${DISABLE_FLOWISE_TELEMETRY}\n - DISABLED_NODES=${DISABLED_NODES}\n - MODEL_LIST_CONFIG_JSON=${MODEL_LIST_CONFIG_JSON}\n\n # AUTH PARAMETERS\n - APP_URL=${APP_URL}\n - JWT_AUTH_TOKEN_SECRET=${JWT_AUTH_TOKEN_SECRET}\n - JWT_REFRESH_TOKEN_SECRET=${JWT_REFRESH_TOKEN_SECRET}\n - JWT_ISSUER=${JWT_ISSUER}\n - JWT_AUDIENCE=${JWT_AUDIENCE}\n - JWT_TOKEN_EXPIRY_IN_MINUTES=${JWT_TOKEN_EXPIRY_IN_MINUTES}\n - JWT_REFRESH_TOKEN_EXPIRY_IN_MINUTES=${JWT_REFRESH_TOKEN_EXPIRY_IN_MINUTES}\n - EXPIRE_AUTH_TOKENS_ON_RESTART=${EXPIRE_AUTH_TOKENS_ON_RESTART}\n - EXPRESS_SESSION_SECRET=${EXPRESS_SESSION_SECRET}\n - PASSWORD_RESET_TOKEN_EXPIRY_IN_MINS=${PASSWORD_RESET_TOKEN_EXPIRY_IN_MINS}\n - PASSWORD_SALT_HASH_ROUNDS=${PASSWORD_SALT_HASH_ROUNDS}\n - TOKEN_HASH_SECRET=${TOKEN_HASH_SECRET}\n - SECURE_COOKIES=${SECURE_COOKIES}\n\n # EMAIL\n - SMTP_HOST=${SMTP_HOST}\n - SMTP_PORT=${SMTP_PORT}\n - SMTP_USER=${SMTP_USER}\n - SMTP_PASSWORD=${SMTP_PASSWORD}\n - SMTP_SECURE=${SMTP_SECURE}\n - ALLOW_UNAUTHORIZED_CERTS=${ALLOW_UNAUTHORIZED_CERTS}\n - SENDER_EMAIL=${SENDER_EMAIL}\n\n # ENTERPRISE\n - LICENSE_URL=${LICENSE_URL}\n - FLOWISE_EE_LICENSE_KEY=${FLOWISE_EE_LICENSE_KEY}\n - OFFLINE=${OFFLINE}\n - INVITE_TOKEN_EXPIRY_IN_HOURS=${INVITE_TOKEN_EXPIRY_IN_HOURS}\n - WORKSPACE_INVITE_TEMPLATE_PATH=${WORKSPACE_INVITE_TEMPLATE_PATH}\n\n # METRICS COLLECTION\n - POSTHOG_PUBLIC_API_KEY=${POSTHOG_PUBLIC_API_KEY}\n - ENABLE_METRICS=${ENABLE_METRICS}\n - METRICS_PROVIDER=${METRICS_PROVIDER}\n - METRICS_INCLUDE_NODE_METRICS=${METRICS_INCLUDE_NODE_METRICS}\n - METRICS_SERVICE_NAME=${METRICS_SERVICE_NAME}\n - METRICS_OPEN_TELEMETRY_METRIC_ENDPOINT=${METRICS_OPEN_TELEMETRY_METRIC_ENDPOINT}\n - METRICS_OPEN_TELEMETRY_PROTOCOL=${METRICS_OPEN_TELEMETRY_PROTOCOL}\n - METRICS_OPEN_TELEMETRY_DEBUG=${METRICS_OPEN_TELEMETRY_DEBUG}\n\n # PROXY\n - GLOBAL_AGENT_HTTP_PROXY=${GLOBAL_AGENT_HTTP_PROXY}\n - GLOBAL_AGENT_HTTPS_PROXY=${GLOBAL_AGENT_HTTPS_PROXY}\n - GLOBAL_AGENT_NO_PROXY=${GLOBAL_AGENT_NO_PROXY}\n\n # --- Queue Configuration (Main Instance) ---\n - MODE=${MODE:-queue}\n - QUEUE_NAME=${QUEUE_NAME:-flowise-queue}\n - QUEUE_REDIS_EVENT_STREAM_MAX_LEN=${QUEUE_REDIS_EVENT_STREAM_MAX_LEN}\n - WORKER_CONCURRENCY=${WORKER_CONCURRENCY}\n - REMOVE_ON_AGE=${REMOVE_ON_AGE}\n - REMOVE_ON_COUNT=${REMOVE_ON_COUNT}\n - REDIS_URL=${REDIS_URL:-redis://redis:6379}\n - REDIS_HOST=${REDIS_HOST}\n - REDIS_PORT=${REDIS_PORT}\n - REDIS_USERNAME=${REDIS_USERNAME}\n - REDIS_PASSWORD=${REDIS_PASSWORD}\n - REDIS_TLS=${REDIS_TLS}\n - REDIS_CERT=${REDIS_CERT}\n - REDIS_KEY=${REDIS_KEY}\n - REDIS_CA=${REDIS_CA}\n - REDIS_KEEP_ALIVE=${REDIS_KEEP_ALIVE}\n - ENABLE_BULLMQ_DASHBOARD=${ENABLE_BULLMQ_DASHBOARD}\n\n # SECURITY\n - CUSTOM_MCP_SECURITY_CHECK=${CUSTOM_MCP_SECURITY_CHECK}\n - CUSTOM_MCP_PROTOCOL=${CUSTOM_MCP_PROTOCOL}\n - HTTP_DENY_LIST=${HTTP_DENY_LIST}\n - HTTP_SECURITY_CHECK=${HTTP_SECURITY_CHECK}\n - PATH_TRAVERSAL_SAFETY=${PATH_TRAVERSAL_SAFETY}\n - TRUST_PROXY=${TRUST_PROXY}\n healthcheck:\n test: ['CMD', 'curl', '-f', 'http://localhost:${PORT:-3000}/api/v1/ping']\n interval: 10s\n timeout: 5s\n retries: 5\n start_period: 30s\n entrypoint: /bin/sh -c \"sleep 3; flowise start\"\n depends_on:\n - redis\n networks:\n - flowise-net\n\n flowise-worker:\n image: flowiseai/flowise-worker:latest\n container_name: flowise-worker\n restart: always\n volumes:\n - ~/.flowise:/root/.flowise\n environment:\n # --- Essential Flowise Vars ---\n - WORKER_PORT=${WORKER_PORT:-5566}\n - DATABASE_PATH=${DATABASE_PATH:-/root/.flowise}\n - DATABASE_TYPE=${DATABASE_TYPE}\n - DATABASE_PORT=${DATABASE_PORT}\n - DATABASE_HOST=${DATABASE_HOST}\n - DATABASE_NAME=${DATABASE_NAME}\n - DATABASE_USER=${DATABASE_USER}\n - DATABASE_PASSWORD=${DATABASE_PASSWORD}\n - DATABASE_SSL=${DATABASE_SSL}\n - DATABASE_SSL_KEY_BASE64=${DATABASE_SSL_KEY_BASE64}\n\n # SECRET KEYS\n - SECRETKEY_STORAGE_TYPE=${SECRETKEY_STORAGE_TYPE}\n - SECRETKEY_PATH=${SECRETKEY_PATH}\n - FLOWISE_SECRETKEY_OVERWRITE=${FLOWISE_SECRETKEY_OVERWRITE}\n - SECRETKEY_AWS_ACCESS_KEY=${SECRETKEY_AWS_ACCESS_KEY}\n - SECRETKEY_AWS_SECRET_KEY=${SECRETKEY_AWS_SECRET_KEY}\n - SECRETKEY_AWS_REGION=${SECRETKEY_AWS_REGION}\n - SECRETKEY_AWS_NAME=${SECRETKEY_AWS_NAME}\n\n # LOGGING\n - DEBUG=${DEBUG}\n - LOG_PATH=${LOG_PATH}\n - LOG_LEVEL=${LOG_LEVEL}\n - LOG_SANITIZE_BODY_FIELDS=${LOG_SANITIZE_BODY_FIELDS}\n - LOG_SANITIZE_HEADER_FIELDS=${LOG_SANITIZE_HEADER_FIELDS}\n\n # CUSTOM TOOL/FUNCTION DEPENDENCIES\n - TOOL_FUNCTION_BUILTIN_DEP=${TOOL_FUNCTION_BUILTIN_DEP}\n - TOOL_FUNCTION_EXTERNAL_DEP=${TOOL_FUNCTION_EXTERNAL_DEP}\n - ALLOW_BUILTIN_DEP=${ALLOW_BUILTIN_DEP}\n\n # STORAGE\n - STORAGE_TYPE=${STORAGE_TYPE}\n - BLOB_STORAGE_PATH=${BLOB_STORAGE_PATH}\n - S3_STORAGE_BUCKET_NAME=${S3_STORAGE_BUCKET_NAME}\n - S3_STORAGE_ACCESS_KEY_ID=${S3_STORAGE_ACCESS_KEY_ID}\n - S3_STORAGE_SECRET_ACCESS_KEY=${S3_STORAGE_SECRET_ACCESS_KEY}\n - S3_STORAGE_REGION=${S3_STORAGE_REGION}\n - S3_ENDPOINT_URL=${S3_ENDPOINT_URL}\n - S3_FORCE_PATH_STYLE=${S3_FORCE_PATH_STYLE}\n - GOOGLE_CLOUD_STORAGE_CREDENTIAL=${GOOGLE_CLOUD_STORAGE_CREDENTIAL}\n - GOOGLE_CLOUD_STORAGE_PROJ_ID=${GOOGLE_CLOUD_STORAGE_PROJ_ID}\n - GOOGLE_CLOUD_STORAGE_BUCKET_NAME=${GOOGLE_CLOUD_STORAGE_BUCKET_NAME}\n - GOOGLE_CLOUD_UNIFORM_BUCKET_ACCESS=${GOOGLE_CLOUD_UNIFORM_BUCKET_ACCESS}\n\n # SETTINGS\n - NUMBER_OF_PROXIES=${NUMBER_OF_PROXIES}\n - CORS_ORIGINS=${CORS_ORIGINS}\n - IFRAME_ORIGINS=${IFRAME_ORIGINS}\n - FLOWISE_FILE_SIZE_LIMIT=${FLOWISE_FILE_SIZE_LIMIT}\n - SHOW_COMMUNITY_NODES=${SHOW_COMMUNITY_NODES}\n - DISABLE_FLOWISE_TELEMETRY=${DISABLE_FLOWISE_TELEMETRY}\n - DISABLED_NODES=${DISABLED_NODES}\n - MODEL_LIST_CONFIG_JSON=${MODEL_LIST_CONFIG_JSON}\n\n # AUTH PARAMETERS\n - APP_URL=${APP_URL}\n - JWT_AUTH_TOKEN_SECRET=${JWT_AUTH_TOKEN_SECRET}\n - JWT_REFRESH_TOKEN_SECRET=${JWT_REFRESH_TOKEN_SECRET}\n - JWT_ISSUER=${JWT_ISSUER}\n - JWT_AUDIENCE=${JWT_AUDIENCE}\n - JWT_TOKEN_EXPIRY_IN_MINUTES=${JWT_TOKEN_EXPIRY_IN_MINUTES}\n - JWT_REFRESH_TOKEN_EXPIRY_IN_MINUTES=${JWT_REFRESH_TOKEN_EXPIRY_IN_MINUTES}\n - EXPIRE_AUTH_TOKENS_ON_RESTART=${EXPIRE_AUTH_TOKENS_ON_RESTART}\n - EXPRESS_SESSION_SECRET=${EXPRESS_SESSION_SECRET}\n - PASSWORD_RESET_TOKEN_EXPIRY_IN_MINS=${PASSWORD_RESET_TOKEN_EXPIRY_IN_MINS}\n - PASSWORD_SALT_HASH_ROUNDS=${PASSWORD_SALT_HASH_ROUNDS}\n - TOKEN_HASH_SECRET=${TOKEN_HASH_SECRET}\n - SECURE_COOKIES=${SECURE_COOKIES}\n\n # EMAIL\n - SMTP_HOST=${SMTP_HOST}\n - SMTP_PORT=${SMTP_PORT}\n - SMTP_USER=${SMTP_USER}\n - SMTP_PASSWORD=${SMTP_PASSWORD}\n - SMTP_SECURE=${SMTP_SECURE}\n - ALLOW_UNAUTHORIZED_CERTS=${ALLOW_UNAUTHORIZED_CERTS}\n - SENDER_EMAIL=${SENDER_EMAIL}\n\n # ENTERPRISE\n - LICENSE_URL=${LICENSE_URL}\n - FLOWISE_EE_LICENSE_KEY=${FLOWISE_EE_LICENSE_KEY}\n - OFFLINE=${OFFLINE}\n - INVITE_TOKEN_EXPIRY_IN_HOURS=${INVITE_TOKEN_EXPIRY_IN_HOURS}\n - WORKSPACE_INVITE_TEMPLATE_PATH=${WORKSPACE_INVITE_TEMPLATE_PATH}\n\n # METRICS COLLECTION\n - POSTHOG_PUBLIC_API_KEY=${POSTHOG_PUBLIC_API_KEY}\n - ENABLE_METRICS=${ENABLE_METRICS}\n - METRICS_PROVIDER=${METRICS_PROVIDER}\n - METRICS_INCLUDE_NODE_METRICS=${METRICS_INCLUDE_NODE_METRICS}\n - METRICS_SERVICE_NAME=${METRICS_SERVICE_NAME}\n - METRICS_OPEN_TELEMETRY_METRIC_ENDPOINT=${METRICS_OPEN_TELEMETRY_METRIC_ENDPOINT}\n - METRICS_OPEN_TELEMETRY_PROTOCOL=${METRICS_OPEN_TELEMETRY_PROTOCOL}\n - METRICS_OPEN_TELEMETRY_DEBUG=${METRICS_OPEN_TELEMETRY_DEBUG}\n\n # PROXY\n - GLOBAL_AGENT_HTTP_PROXY=${GLOBAL_AGENT_HTTP_PROXY}\n - GLOBAL_AGENT_HTTPS_PROXY=${GLOBAL_AGENT_HTTPS_PROXY}\n - GLOBAL_AGENT_NO_PROXY=${GLOBAL_AGENT_NO_PROXY}\n\n # --- Queue Configuration (Worker Instance) ---\n - MODE=${MODE:-queue}\n - QUEUE_NAME=${QUEUE_NAME:-flowise-queue}\n - QUEUE_REDIS_EVENT_STREAM_MAX_LEN=${QUEUE_REDIS_EVENT_STREAM_MAX_LEN}\n - WORKER_CONCURRENCY=${WORKER_CONCURRENCY}\n - REMOVE_ON_AGE=${REMOVE_ON_AGE}\n - REMOVE_ON_COUNT=${REMOVE_ON_COUNT}\n - REDIS_URL=${REDIS_URL:-redis://redis:6379}\n - REDIS_HOST=${REDIS_HOST}\n - REDIS_PORT=${REDIS_PORT}\n - REDIS_USERNAME=${REDIS_USERNAME}\n - REDIS_PASSWORD=${REDIS_PASSWORD}\n - REDIS_TLS=${REDIS_TLS}\n - REDIS_CERT=${REDIS_CERT}\n - REDIS_KEY=${REDIS_KEY}\n - REDIS_CA=${REDIS_CA}\n - REDIS_KEEP_ALIVE=${REDIS_KEEP_ALIVE}\n - ENABLE_BULLMQ_DASHBOARD=${ENABLE_BULLMQ_DASHBOARD}\n\n # SECURITY\n - CUSTOM_MCP_SECURITY_CHECK=${CUSTOM_MCP_SECURITY_CHECK}\n - CUSTOM_MCP_PROTOCOL=${CUSTOM_MCP_PROTOCOL}\n - HTTP_DENY_LIST=${HTTP_DENY_LIST}\n - HTTP_SECURITY_CHECK=${HTTP_SECURITY_CHECK}\n - PATH_TRAVERSAL_SAFETY=${PATH_TRAVERSAL_SAFETY}\n - TRUST_PROXY=${TRUST_PROXY}\n healthcheck:\n test: ['CMD', 'curl', '-f', 'http://localhost:${WORKER_PORT:-5566}/healthz']\n interval: 10s\n timeout: 5s\n retries: 5\n start_period: 30s\n entrypoint: /bin/sh -c \"node /app/healthcheck/healthcheck.js & sleep 5 && pnpm run start-worker\"\n depends_on:\n - redis\n - flowise\n networks:\n - flowise-net\n\nvolumes:\n redis_data:\n driver: local\n\nnetworks:\n flowise-net:\n driver: bridge\n" }, { "path": "docker/docker-compose-queue-source.yml", "content": "version: '3.1'\n\nservices:\n redis:\n image: redis:alpine\n container_name: flowise-redis\n ports:\n - '6379:6379'\n volumes:\n - redis_data:/data\n networks:\n - flowise-net\n\n flowise:\n container_name: flowise-main\n build:\n context: .. # Build using the Dockerfile in the root directory\n dockerfile: docker/Dockerfile\n ports:\n - '${PORT}:${PORT}'\n volumes:\n # Mount local .flowise to container's default location\n - ../.flowise:/root/.flowise\n environment:\n # --- Essential Flowise Vars ---\n - PORT=${PORT:-3000}\n - DATABASE_PATH=/root/.flowise\n - SECRETKEY_PATH=/root/.flowise\n - LOG_PATH=/root/.flowise/logs\n - BLOB_STORAGE_PATH=/root/.flowise/storage\n # --- Queue Vars (Main Instance) ---\n - MODE=queue\n - QUEUE_NAME=flowise-queue # Ensure this matches worker\n - REDIS_URL=redis://redis:6379 # Use service name 'redis'\n depends_on:\n - redis\n networks:\n - flowise-net\n\n flowise-worker:\n container_name: flowise-worker\n build:\n context: .. # Build context is still the root\n dockerfile: docker/worker/Dockerfile # Ensure this path is correct\n volumes:\n # Mount same local .flowise to worker\n - ../.flowise:/root/.flowise\n environment:\n # --- Essential Flowise Vars ---\n - WORKER_PORT=${WORKER_PORT:-5566} # Port for worker healthcheck\n - DATABASE_PATH=/root/.flowise\n - SECRETKEY_PATH=/root/.flowise\n - LOG_PATH=/root/.flowise/logs\n - BLOB_STORAGE_PATH=/root/.flowise/storage\n # --- Queue Vars (Main Instance) ---\n - MODE=queue\n - QUEUE_NAME=flowise-queue # Ensure this matches worker\n - REDIS_URL=redis://redis:6379 # Use service name 'redis'\n depends_on:\n - redis\n - flowise\n networks:\n - flowise-net\n\nvolumes:\n redis_data:\n driver: local\n\nnetworks:\n flowise-net:\n driver: bridge\n" }, { "path": "docker/docker-compose.yml", "content": "version: '3.1'\n\nservices:\n flowise:\n image: flowiseai/flowise:latest\n restart: always\n environment:\n - PORT=${PORT}\n\n # DATABASE\n - DATABASE_PATH=${DATABASE_PATH}\n - DATABASE_TYPE=${DATABASE_TYPE}\n - DATABASE_PORT=${DATABASE_PORT}\n - DATABASE_HOST=${DATABASE_HOST}\n - DATABASE_NAME=${DATABASE_NAME}\n - DATABASE_USER=${DATABASE_USER}\n - DATABASE_PASSWORD=${DATABASE_PASSWORD}\n - DATABASE_SSL=${DATABASE_SSL}\n - DATABASE_SSL_KEY_BASE64=${DATABASE_SSL_KEY_BASE64}\n\n # SECRET KEYS\n - SECRETKEY_STORAGE_TYPE=${SECRETKEY_STORAGE_TYPE}\n - SECRETKEY_PATH=${SECRETKEY_PATH}\n - FLOWISE_SECRETKEY_OVERWRITE=${FLOWISE_SECRETKEY_OVERWRITE}\n - SECRETKEY_AWS_ACCESS_KEY=${SECRETKEY_AWS_ACCESS_KEY}\n - SECRETKEY_AWS_SECRET_KEY=${SECRETKEY_AWS_SECRET_KEY}\n - SECRETKEY_AWS_REGION=${SECRETKEY_AWS_REGION}\n - SECRETKEY_AWS_NAME=${SECRETKEY_AWS_NAME}\n\n # LOGGING\n - DEBUG=${DEBUG}\n - LOG_PATH=${LOG_PATH}\n - LOG_LEVEL=${LOG_LEVEL}\n - LOG_SANITIZE_BODY_FIELDS=${LOG_SANITIZE_BODY_FIELDS}\n - LOG_SANITIZE_HEADER_FIELDS=${LOG_SANITIZE_HEADER_FIELDS}\n\n # CUSTOM TOOL/FUNCTION DEPENDENCIES\n - TOOL_FUNCTION_BUILTIN_DEP=${TOOL_FUNCTION_BUILTIN_DEP}\n - TOOL_FUNCTION_EXTERNAL_DEP=${TOOL_FUNCTION_EXTERNAL_DEP}\n - ALLOW_BUILTIN_DEP=${ALLOW_BUILTIN_DEP}\n\n # STORAGE\n - STORAGE_TYPE=${STORAGE_TYPE}\n - BLOB_STORAGE_PATH=${BLOB_STORAGE_PATH}\n - S3_STORAGE_BUCKET_NAME=${S3_STORAGE_BUCKET_NAME}\n - S3_STORAGE_ACCESS_KEY_ID=${S3_STORAGE_ACCESS_KEY_ID}\n - S3_STORAGE_SECRET_ACCESS_KEY=${S3_STORAGE_SECRET_ACCESS_KEY}\n - S3_STORAGE_REGION=${S3_STORAGE_REGION}\n - S3_ENDPOINT_URL=${S3_ENDPOINT_URL}\n - S3_FORCE_PATH_STYLE=${S3_FORCE_PATH_STYLE}\n - GOOGLE_CLOUD_STORAGE_CREDENTIAL=${GOOGLE_CLOUD_STORAGE_CREDENTIAL}\n - GOOGLE_CLOUD_STORAGE_PROJ_ID=${GOOGLE_CLOUD_STORAGE_PROJ_ID}\n - GOOGLE_CLOUD_STORAGE_BUCKET_NAME=${GOOGLE_CLOUD_STORAGE_BUCKET_NAME}\n - GOOGLE_CLOUD_UNIFORM_BUCKET_ACCESS=${GOOGLE_CLOUD_UNIFORM_BUCKET_ACCESS}\n # Azure Blob Storage (provide EITHER connection string OR account name + key)\n - AZURE_BLOB_STORAGE_CONNECTION_STRING=${AZURE_BLOB_STORAGE_CONNECTION_STRING}\n - AZURE_BLOB_STORAGE_ACCOUNT_NAME=${AZURE_BLOB_STORAGE_ACCOUNT_NAME}\n - AZURE_BLOB_STORAGE_ACCOUNT_KEY=${AZURE_BLOB_STORAGE_ACCOUNT_KEY}\n - AZURE_BLOB_STORAGE_CONTAINER_NAME=${AZURE_BLOB_STORAGE_CONTAINER_NAME}\n\n # SETTINGS\n - NUMBER_OF_PROXIES=${NUMBER_OF_PROXIES}\n - CORS_ORIGINS=${CORS_ORIGINS}\n - IFRAME_ORIGINS=${IFRAME_ORIGINS}\n - FLOWISE_FILE_SIZE_LIMIT=${FLOWISE_FILE_SIZE_LIMIT}\n - SHOW_COMMUNITY_NODES=${SHOW_COMMUNITY_NODES}\n - DISABLE_FLOWISE_TELEMETRY=${DISABLE_FLOWISE_TELEMETRY}\n - DISABLED_NODES=${DISABLED_NODES}\n - MODEL_LIST_CONFIG_JSON=${MODEL_LIST_CONFIG_JSON}\n\n # AUTH PARAMETERS\n - APP_URL=${APP_URL}\n - JWT_AUTH_TOKEN_SECRET=${JWT_AUTH_TOKEN_SECRET}\n - JWT_REFRESH_TOKEN_SECRET=${JWT_REFRESH_TOKEN_SECRET}\n - JWT_ISSUER=${JWT_ISSUER}\n - JWT_AUDIENCE=${JWT_AUDIENCE}\n - JWT_TOKEN_EXPIRY_IN_MINUTES=${JWT_TOKEN_EXPIRY_IN_MINUTES}\n - JWT_REFRESH_TOKEN_EXPIRY_IN_MINUTES=${JWT_REFRESH_TOKEN_EXPIRY_IN_MINUTES}\n - EXPIRE_AUTH_TOKENS_ON_RESTART=${EXPIRE_AUTH_TOKENS_ON_RESTART}\n - EXPRESS_SESSION_SECRET=${EXPRESS_SESSION_SECRET}\n - PASSWORD_RESET_TOKEN_EXPIRY_IN_MINS=${PASSWORD_RESET_TOKEN_EXPIRY_IN_MINS}\n - PASSWORD_SALT_HASH_ROUNDS=${PASSWORD_SALT_HASH_ROUNDS}\n - TOKEN_HASH_SECRET=${TOKEN_HASH_SECRET}\n - SECURE_COOKIES=${SECURE_COOKIES}\n\n # EMAIL\n - SMTP_HOST=${SMTP_HOST}\n - SMTP_PORT=${SMTP_PORT}\n - SMTP_USER=${SMTP_USER}\n - SMTP_PASSWORD=${SMTP_PASSWORD}\n - SMTP_SECURE=${SMTP_SECURE}\n - ALLOW_UNAUTHORIZED_CERTS=${ALLOW_UNAUTHORIZED_CERTS}\n - SENDER_EMAIL=${SENDER_EMAIL}\n\n # ENTERPRISE\n - LICENSE_URL=${LICENSE_URL}\n - FLOWISE_EE_LICENSE_KEY=${FLOWISE_EE_LICENSE_KEY}\n - OFFLINE=${OFFLINE}\n - INVITE_TOKEN_EXPIRY_IN_HOURS=${INVITE_TOKEN_EXPIRY_IN_HOURS}\n - WORKSPACE_INVITE_TEMPLATE_PATH=${WORKSPACE_INVITE_TEMPLATE_PATH}\n\n # METRICS COLLECTION\n - POSTHOG_PUBLIC_API_KEY=${POSTHOG_PUBLIC_API_KEY}\n - ENABLE_METRICS=${ENABLE_METRICS}\n - METRICS_PROVIDER=${METRICS_PROVIDER}\n - METRICS_INCLUDE_NODE_METRICS=${METRICS_INCLUDE_NODE_METRICS}\n - METRICS_SERVICE_NAME=${METRICS_SERVICE_NAME}\n - METRICS_OPEN_TELEMETRY_METRIC_ENDPOINT=${METRICS_OPEN_TELEMETRY_METRIC_ENDPOINT}\n - METRICS_OPEN_TELEMETRY_PROTOCOL=${METRICS_OPEN_TELEMETRY_PROTOCOL}\n - METRICS_OPEN_TELEMETRY_DEBUG=${METRICS_OPEN_TELEMETRY_DEBUG}\n\n # PROXY\n - GLOBAL_AGENT_HTTP_PROXY=${GLOBAL_AGENT_HTTP_PROXY}\n - GLOBAL_AGENT_HTTPS_PROXY=${GLOBAL_AGENT_HTTPS_PROXY}\n - GLOBAL_AGENT_NO_PROXY=${GLOBAL_AGENT_NO_PROXY}\n\n # QUEUE CONFIGURATION\n - MODE=${MODE}\n - QUEUE_NAME=${QUEUE_NAME}\n - QUEUE_REDIS_EVENT_STREAM_MAX_LEN=${QUEUE_REDIS_EVENT_STREAM_MAX_LEN}\n - WORKER_CONCURRENCY=${WORKER_CONCURRENCY}\n - REMOVE_ON_AGE=${REMOVE_ON_AGE}\n - REMOVE_ON_COUNT=${REMOVE_ON_COUNT}\n - REDIS_URL=${REDIS_URL}\n - REDIS_HOST=${REDIS_HOST}\n - REDIS_PORT=${REDIS_PORT}\n - REDIS_USERNAME=${REDIS_USERNAME}\n - REDIS_PASSWORD=${REDIS_PASSWORD}\n - REDIS_TLS=${REDIS_TLS}\n - REDIS_CERT=${REDIS_CERT}\n - REDIS_KEY=${REDIS_KEY}\n - REDIS_CA=${REDIS_CA}\n - REDIS_KEEP_ALIVE=${REDIS_KEEP_ALIVE}\n - ENABLE_BULLMQ_DASHBOARD=${ENABLE_BULLMQ_DASHBOARD}\n\n # SECURITY\n - CUSTOM_MCP_SECURITY_CHECK=${CUSTOM_MCP_SECURITY_CHECK}\n - CUSTOM_MCP_PROTOCOL=${CUSTOM_MCP_PROTOCOL}\n - HTTP_DENY_LIST=${HTTP_DENY_LIST}\n - HTTP_SECURITY_CHECK=${HTTP_SECURITY_CHECK}\n - PATH_TRAVERSAL_SAFETY=${PATH_TRAVERSAL_SAFETY}\n - TRUST_PROXY=${TRUST_PROXY}\n ports:\n - '${PORT}:${PORT}'\n healthcheck:\n test: ['CMD', 'curl', '-f', 'http://localhost:${PORT}/api/v1/ping']\n interval: 10s\n timeout: 5s\n retries: 5\n start_period: 30s\n volumes:\n - ~/.flowise:/root/.flowise\n entrypoint: /bin/sh -c \"sleep 3; flowise start\"\n" }, { "path": "docker/worker/Dockerfile", "content": "FROM node:20-alpine\n\nRUN apk add --update libc6-compat python3 make g++\n# needed for pdfjs-dist\nRUN apk add --no-cache build-base cairo-dev pango-dev\n\n# Install Chromium and curl for container-level health checks\nRUN apk add --no-cache chromium curl\n\n#install PNPM globally\nRUN npm install -g pnpm\n\nENV PUPPETEER_SKIP_DOWNLOAD=true\nENV PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser\n\nENV NODE_OPTIONS=--max-old-space-size=8192\n\nWORKDIR /usr/src\n\n# Copy app source\nCOPY . .\n\nRUN pnpm install\n\nRUN pnpm build\n\n# --- Healthcheck Setup ---\n\nWORKDIR /app/healthcheck\n\nCOPY docker/worker/healthcheck/package.json . \n\nRUN npm install --omit=dev\n\nCOPY docker/worker/healthcheck/healthcheck.js .\n\n# --- End Healthcheck Setup ---\n\n# Set the main working directory back\nWORKDIR /usr/src\n\n# Environment variables for port configuration\nENV WORKER_PORT=5566\n\n# Expose port (can be overridden by env var)\nEXPOSE ${WORKER_PORT}\n\n# Start healthcheck in background and flowise worker in foreground\nCMD [\"/bin/sh\", \"-c\", \"node /app/healthcheck/healthcheck.js & sleep 5 && pnpm run start-worker\"]\n" }, { "path": "docker/worker/README.md", "content": "# Flowise Worker\n\nBy utilizing worker instances when operating in queue mode, Flowise can be scaled horizontally by adding more workers to handle increased workloads or scaled down by removing workers when demand decreases.\n\nHere’s an overview of the process:\n\n1. The primary Flowise instance sends an execution ID to a message broker, Redis, which maintains a queue of pending executions, allowing the next available worker to process them.\n2. A worker from the pool retrieves a message from Redis.\n The worker starts execute the actual job.\n3. Once the execution is completed, the worker alerts the main instance that the execution is finished.\n\n# How to use\n\n## Setting up Main Server:\n\n1. Follow [setup guide](https://github.com/FlowiseAI/Flowise/blob/main/docker/README.md)\n2. In the `.env.example`, setup all the necessary env variables for `QUEUE CONFIGURATION`\n\n## Setting up Worker:\n\n1. Navigate to `docker/worker` folder\n2. In the `.env.example`, setup all the necessary env variables for `QUEUE CONFIGURATION`. Env variables for worker must match the one for main server. Change the `WORKER_PORT` to other available port numbers to listen for healthcheck. Ex: 5566\n3. `docker compose up -d`\n4. You can bring the worker container down by `docker compose stop`\n\n## Entrypoint:\n\nDifferent from main server image which is using `flowise start`, entrypoint for worker is `pnpm run start-worker`. This is because the worker's [Dockerfile](./Dockerfile) build the image from source files via `pnpm build` instead of npm registry via `RUN npm install -g flowise`.\n" }, { "path": "docker/worker/docker-compose.yml", "content": "version: '3.1'\n\nservices:\n flowise:\n image: flowiseai/flowise-worker:latest\n restart: always\n environment:\n - WORKER_PORT=${WORKER_PORT:-5566}\n\n # DATABASE\n - DATABASE_PATH=${DATABASE_PATH}\n - DATABASE_TYPE=${DATABASE_TYPE}\n - DATABASE_PORT=${DATABASE_PORT}\n - DATABASE_HOST=${DATABASE_HOST}\n - DATABASE_NAME=${DATABASE_NAME}\n - DATABASE_USER=${DATABASE_USER}\n - DATABASE_PASSWORD=${DATABASE_PASSWORD}\n - DATABASE_SSL=${DATABASE_SSL}\n - DATABASE_SSL_KEY_BASE64=${DATABASE_SSL_KEY_BASE64}\n\n # SECRET KEYS\n - SECRETKEY_STORAGE_TYPE=${SECRETKEY_STORAGE_TYPE}\n - SECRETKEY_PATH=${SECRETKEY_PATH}\n - FLOWISE_SECRETKEY_OVERWRITE=${FLOWISE_SECRETKEY_OVERWRITE}\n - SECRETKEY_AWS_ACCESS_KEY=${SECRETKEY_AWS_ACCESS_KEY}\n - SECRETKEY_AWS_SECRET_KEY=${SECRETKEY_AWS_SECRET_KEY}\n - SECRETKEY_AWS_REGION=${SECRETKEY_AWS_REGION}\n - SECRETKEY_AWS_NAME=${SECRETKEY_AWS_NAME}\n\n # LOGGING\n - DEBUG=${DEBUG}\n - LOG_PATH=${LOG_PATH}\n - LOG_LEVEL=${LOG_LEVEL}\n - LOG_SANITIZE_BODY_FIELDS=${LOG_SANITIZE_BODY_FIELDS}\n - LOG_SANITIZE_HEADER_FIELDS=${LOG_SANITIZE_HEADER_FIELDS}\n\n # CUSTOM TOOL/FUNCTION DEPENDENCIES\n - TOOL_FUNCTION_BUILTIN_DEP=${TOOL_FUNCTION_BUILTIN_DEP}\n - TOOL_FUNCTION_EXTERNAL_DEP=${TOOL_FUNCTION_EXTERNAL_DEP}\n - ALLOW_BUILTIN_DEP=${ALLOW_BUILTIN_DEP}\n\n # STORAGE\n - STORAGE_TYPE=${STORAGE_TYPE}\n - BLOB_STORAGE_PATH=${BLOB_STORAGE_PATH}\n - S3_STORAGE_BUCKET_NAME=${S3_STORAGE_BUCKET_NAME}\n - S3_STORAGE_ACCESS_KEY_ID=${S3_STORAGE_ACCESS_KEY_ID}\n - S3_STORAGE_SECRET_ACCESS_KEY=${S3_STORAGE_SECRET_ACCESS_KEY}\n - S3_STORAGE_REGION=${S3_STORAGE_REGION}\n - S3_ENDPOINT_URL=${S3_ENDPOINT_URL}\n - S3_FORCE_PATH_STYLE=${S3_FORCE_PATH_STYLE}\n - GOOGLE_CLOUD_STORAGE_CREDENTIAL=${GOOGLE_CLOUD_STORAGE_CREDENTIAL}\n - GOOGLE_CLOUD_STORAGE_PROJ_ID=${GOOGLE_CLOUD_STORAGE_PROJ_ID}\n - GOOGLE_CLOUD_STORAGE_BUCKET_NAME=${GOOGLE_CLOUD_STORAGE_BUCKET_NAME}\n - GOOGLE_CLOUD_UNIFORM_BUCKET_ACCESS=${GOOGLE_CLOUD_UNIFORM_BUCKET_ACCESS}\n # Azure Blob Storage (provide EITHER connection string OR account name + key)\n - AZURE_BLOB_STORAGE_CONNECTION_STRING=${AZURE_BLOB_STORAGE_CONNECTION_STRING}\n - AZURE_BLOB_STORAGE_ACCOUNT_NAME=${AZURE_BLOB_STORAGE_ACCOUNT_NAME}\n - AZURE_BLOB_STORAGE_ACCOUNT_KEY=${AZURE_BLOB_STORAGE_ACCOUNT_KEY}\n - AZURE_BLOB_STORAGE_CONTAINER_NAME=${AZURE_BLOB_STORAGE_CONTAINER_NAME}\n\n # SETTINGS\n - NUMBER_OF_PROXIES=${NUMBER_OF_PROXIES}\n - CORS_ORIGINS=${CORS_ORIGINS}\n - IFRAME_ORIGINS=${IFRAME_ORIGINS}\n - FLOWISE_FILE_SIZE_LIMIT=${FLOWISE_FILE_SIZE_LIMIT}\n - SHOW_COMMUNITY_NODES=${SHOW_COMMUNITY_NODES}\n - DISABLE_FLOWISE_TELEMETRY=${DISABLE_FLOWISE_TELEMETRY}\n - DISABLED_NODES=${DISABLED_NODES}\n - MODEL_LIST_CONFIG_JSON=${MODEL_LIST_CONFIG_JSON}\n\n # AUTH PARAMETERS\n - APP_URL=${APP_URL}\n - JWT_AUTH_TOKEN_SECRET=${JWT_AUTH_TOKEN_SECRET}\n - JWT_REFRESH_TOKEN_SECRET=${JWT_REFRESH_TOKEN_SECRET}\n - JWT_ISSUER=${JWT_ISSUER}\n - JWT_AUDIENCE=${JWT_AUDIENCE}\n - JWT_TOKEN_EXPIRY_IN_MINUTES=${JWT_TOKEN_EXPIRY_IN_MINUTES}\n - JWT_REFRESH_TOKEN_EXPIRY_IN_MINUTES=${JWT_REFRESH_TOKEN_EXPIRY_IN_MINUTES}\n - EXPIRE_AUTH_TOKENS_ON_RESTART=${EXPIRE_AUTH_TOKENS_ON_RESTART}\n - EXPRESS_SESSION_SECRET=${EXPRESS_SESSION_SECRET}\n - PASSWORD_RESET_TOKEN_EXPIRY_IN_MINS=${PASSWORD_RESET_TOKEN_EXPIRY_IN_MINS}\n - PASSWORD_SALT_HASH_ROUNDS=${PASSWORD_SALT_HASH_ROUNDS}\n - TOKEN_HASH_SECRET=${TOKEN_HASH_SECRET}\n - SECURE_COOKIES=${SECURE_COOKIES}\n\n # EMAIL\n - SMTP_HOST=${SMTP_HOST}\n - SMTP_PORT=${SMTP_PORT}\n - SMTP_USER=${SMTP_USER}\n - SMTP_PASSWORD=${SMTP_PASSWORD}\n - SMTP_SECURE=${SMTP_SECURE}\n - ALLOW_UNAUTHORIZED_CERTS=${ALLOW_UNAUTHORIZED_CERTS}\n - SENDER_EMAIL=${SENDER_EMAIL}\n\n # ENTERPRISE\n - LICENSE_URL=${LICENSE_URL}\n - FLOWISE_EE_LICENSE_KEY=${FLOWISE_EE_LICENSE_KEY}\n - OFFLINE=${OFFLINE}\n - INVITE_TOKEN_EXPIRY_IN_HOURS=${INVITE_TOKEN_EXPIRY_IN_HOURS}\n - WORKSPACE_INVITE_TEMPLATE_PATH=${WORKSPACE_INVITE_TEMPLATE_PATH}\n\n # METRICS COLLECTION\n - POSTHOG_PUBLIC_API_KEY=${POSTHOG_PUBLIC_API_KEY}\n - ENABLE_METRICS=${ENABLE_METRICS}\n - METRICS_PROVIDER=${METRICS_PROVIDER}\n - METRICS_INCLUDE_NODE_METRICS=${METRICS_INCLUDE_NODE_METRICS}\n - METRICS_SERVICE_NAME=${METRICS_SERVICE_NAME}\n - METRICS_OPEN_TELEMETRY_METRIC_ENDPOINT=${METRICS_OPEN_TELEMETRY_METRIC_ENDPOINT}\n - METRICS_OPEN_TELEMETRY_PROTOCOL=${METRICS_OPEN_TELEMETRY_PROTOCOL}\n - METRICS_OPEN_TELEMETRY_DEBUG=${METRICS_OPEN_TELEMETRY_DEBUG}\n\n # PROXY\n - GLOBAL_AGENT_HTTP_PROXY=${GLOBAL_AGENT_HTTP_PROXY}\n - GLOBAL_AGENT_HTTPS_PROXY=${GLOBAL_AGENT_HTTPS_PROXY}\n - GLOBAL_AGENT_NO_PROXY=${GLOBAL_AGENT_NO_PROXY}\n\n # QUEUE CONFIGURATION\n - MODE=${MODE}\n - QUEUE_NAME=${QUEUE_NAME}\n - QUEUE_REDIS_EVENT_STREAM_MAX_LEN=${QUEUE_REDIS_EVENT_STREAM_MAX_LEN}\n - WORKER_CONCURRENCY=${WORKER_CONCURRENCY}\n - REMOVE_ON_AGE=${REMOVE_ON_AGE}\n - REMOVE_ON_COUNT=${REMOVE_ON_COUNT}\n - REDIS_URL=${REDIS_URL}\n - REDIS_HOST=${REDIS_HOST}\n - REDIS_PORT=${REDIS_PORT}\n - REDIS_USERNAME=${REDIS_USERNAME}\n - REDIS_PASSWORD=${REDIS_PASSWORD}\n - REDIS_TLS=${REDIS_TLS}\n - REDIS_CERT=${REDIS_CERT}\n - REDIS_KEY=${REDIS_KEY}\n - REDIS_CA=${REDIS_CA}\n - REDIS_KEEP_ALIVE=${REDIS_KEEP_ALIVE}\n - ENABLE_BULLMQ_DASHBOARD=${ENABLE_BULLMQ_DASHBOARD}\n\n # SECURITY\n - CUSTOM_MCP_SECURITY_CHECK=${CUSTOM_MCP_SECURITY_CHECK}\n - CUSTOM_MCP_PROTOCOL=${CUSTOM_MCP_PROTOCOL}\n - HTTP_DENY_LIST=${HTTP_DENY_LIST}\n - HTTP_SECURITY_CHECK=${HTTP_SECURITY_CHECK}\n - PATH_TRAVERSAL_SAFETY=${PATH_TRAVERSAL_SAFETY}\n - TRUST_PROXY=${TRUST_PROXY}\n ports:\n - '${WORKER_PORT}:${WORKER_PORT}'\n healthcheck:\n test: ['CMD', 'curl', '-f', 'http://localhost:${WORKER_PORT}/healthz']\n interval: 10s\n timeout: 5s\n retries: 5\n start_period: 30s\n volumes:\n - ~/.flowise:/root/.flowise\n entrypoint: /bin/sh -c \"node /app/healthcheck/healthcheck.js & sleep 5 && pnpm run start-worker\"\n" }, { "path": "docker/worker/healthcheck/healthcheck.js", "content": "const express = require('express')\nconst app = express()\n\nconst port = process.env.WORKER_PORT || 5566\n\napp.get('/healthz', (req, res) => {\n res.status(200).send('OK')\n})\n\napp.listen(port, () => {\n // eslint-disable-next-line no-console\n console.log(`Healthcheck server listening on port ${port}`)\n})\n" }, { "path": "docker/worker/healthcheck/package.json", "content": "{\n \"name\": \"flowise-worker-healthcheck\",\n \"version\": \"1.0.0\",\n \"description\": \"Simple healthcheck server for Flowise worker\",\n \"main\": \"healthcheck.js\",\n \"private\": true,\n \"scripts\": {\n \"start\": \"node healthcheck.js\"\n },\n \"dependencies\": {\n \"express\": \"^4.19.2\"\n }\n}\n" }, { "path": "i18n/CODE_OF_CONDUCT-ZH.md", "content": "\n\n# 贡献者公约行为准则\n\n[English](../CODE_OF_CONDUCT.md) | 中文\n\n## 我们的承诺\n\n为了促进一个开放和友好的环境，我们作为贡献者和维护者承诺，使参与我们的项目和社区的体验对每个人来说都是无骚扰的，无论年龄、体型、残疾、种族、性别认同和表达、经验水平、国籍、个人形象、种族、宗教或性取向如何。\n\n## 我们的标准\n\n有助于创建积极环境的行为示例包括：\n\n- 使用友好和包容性的语言\n- 尊重不同的观点和经验\n- 优雅地接受建设性的批评\n- 关注社区最有利的事情\n- 向其他社区成员表达同理心\n\n参与者不可接受的行为示例包括：\n\n- 使用性暗示的语言或图像和不受欢迎的性关注或进展\n- 恶作剧、侮辱/贬低的评论和个人或政治攻击\n- 公开或私下骚扰\n- 未经明确许可发布他人的私人信息，如实际或电子地址\n- 在专业环境中可能被合理认为不适当的其他行为\n\n## 我们的责任\n\n项目维护者有责任明确可接受行为的标准，并预期对任何不可接受行为的情况采取适当和公正的纠正措施。\n\n项目维护者有权和责任删除、编辑或拒绝不符合本行为准则的评论、提交、代码、维基编辑、问题和其他贡献，或者临时或永久禁止任何贡献者，如果他们认为其行为不适当、威胁、冒犯或有害。\n\n## 适用范围\n\n本行为准则适用于项目空间和公共空间，当个人代表项目或其社区时。代表项目或社区的示例包括使用官方项目电子邮件地址、通过官方社交媒体账号发布或在线或离线活动中担任指定代表。项目的代表可以由项目维护者进一步定义和澄清。\n\n## 执法\n\n可以通过联系项目团队 hello@flowiseai.com 来报告滥用、骚扰或其他不可接受的行为。所有投诉将经过审核和调查，并将得出视情况认为必要和适当的回应。项目团队有义务对事件举报人保持机密。具体执行政策的更多细节可能会单独发布。\n\n如果项目维护者不诚信地遵守或执行行为准则，可能会面临其他项目领导成员决定的临时或永久的后果。\n\n## 归属\n\n该行为准则的内容来自于[贡献者公约](http://contributor-covenant.org/)1.4 版，可在[http://contributor-covenant.org/version/1/4](http://contributor-covenant.org/version/1/4)上获取。\n\n[主页]: http://contributor-covenant.org\n" }, { "path": "i18n/CONTRIBUTING-ZH.md", "content": "\n\n# 贡献给 Flowise\n\n[English](../CONTRIBUTING.md) | 中文\n\n我们欢迎任何形式的贡献。\n\n## ⭐ 点赞\n\n点赞并分享[Github 仓库](https://github.com/FlowiseAI/Flowise)。\n\n## 🙋 问题和回答\n\n在[问题和回答](https://github.com/FlowiseAI/Flowise/discussions/categories/q-a)部分搜索任何问题，如果找不到，可以毫不犹豫地创建一个。这可能会帮助到其他有类似问题的人。\n\n## 🙌 分享 Chatflow\n\n是的！分享你如何使用 Flowise 是一种贡献方式。将你的 Chatflow 导出为 JSON，附上截图并在[展示和分享](https://github.com/FlowiseAI/Flowise/discussions/categories/show-and-tell)部分分享。\n\n## 💡 想法\n\n欢迎各种想法，如新功能、应用集成和区块链网络。在[想法](https://github.com/FlowiseAI/Flowise/discussions/categories/ideas)部分提交。\n\n## 🐞 报告错误\n\n发现问题了吗？[报告它](https://github.com/FlowiseAI/Flowise/issues/new/choose)。\n\n## 👨‍💻 贡献代码\n\n不确定要贡献什么？一些想法：\n\n- 从 `packages/components` 创建新组件\n- 更新现有组件，如扩展功能、修复错误\n- 添加新的 Chatflow 想法\n\n### 开发人员\n\nFlowise 在一个单一的单体存储库中有 3 个不同的模块。\n\n- `server`：用于提供 API 逻辑的 Node 后端\n- `ui`：React 前端\n- `components`：Langchain/LlamaIndex 组件\n\n#### 先决条件\n\n- 安装 [PNPM](https://pnpm.io/installation)\n ```bash\n npm i -g pnpm\n ```\n\n#### 逐步指南\n\n1. Fork 官方的[Flowise Github 仓库](https://github.com/FlowiseAI/Flowise)。\n\n2. 克隆你 fork 的存储库。\n\n3. 创建一个新的分支，参考[指南](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-and-deleting-branches-within-your-repository)。命名约定：\n\n - 对于功能分支：`feature/<你的新功能>`\n - 对于 bug 修复分支：`bugfix/<你的新bug修复>`。\n\n4. 切换到新创建的分支。\n\n5. 进入存储库文件夹\n\n ```bash\n cd Flowise\n ```\n\n6. 安装所有模块的依赖项：\n\n ```bash\n pnpm install\n ```\n\n7. 构建所有代码：\n\n ```bash\n pnpm build\n ```\n\n8. 在[http://localhost:3000](http://localhost:3000)上启动应用程序\n\n ```bash\n pnpm start\n ```\n\n9. 开发时：\n\n - 在`packages/ui`中创建`.env`文件并指定`VITE_PORT`（参考`.env.example`）\n - 在`packages/server`中创建`.env`文件并指定`PORT`（参考`.env.example`）\n - 运行\n\n ```bash\n pnpm dev\n ```\n\n 对`packages/ui`或`packages/server`进行的任何更改都将反映在[http://localhost:8080](http://localhost:8080)上\n\n 对于`packages/components`中进行的更改，再次运行`pnpm build`以应用更改。\n\n10. 做完所有的更改后，运行以下命令来确保在生产环境中一切正常：\n\n ```bash\n pnpm build\n ```\n\n 和\n\n ```bash\n pnpm start\n ```\n\n11. 提交代码并从指向 [Flowise 主分支](https://github.com/FlowiseAI/Flowise/tree/main) 的分叉分支上提交 Pull Request。\n\n## 🌱 环境变量\n\nFlowise 支持不同的环境变量来配置您的实例。您可以在 `packages/server` 文件夹中的 `.env` 文件中指定以下变量。阅读[更多信息](https://docs.flowiseai.com/environment-variables)\n\n| 变量名 | 描述 | 类型 | 默认值 |\n|-----------------------------|---------------------------------------------------------|-------------------------------------------------|-------------------------------------|\n| `PORT` | Flowise 运行的 HTTP 端口 | 数字 | 3000 |\n| `FLOWISE_FILE_SIZE_LIMIT` | 上传文件大小限制 | 字符串 | 50mb |\n| `DEBUG` | 打印组件的日志 | 布尔值 | |\n| `LOG_PATH` | 存储日志文件的位置 | 字符串 | `your-path/Flowise/logs` |\n| `LOG_LEVEL` | 日志的不同级别 | 枚举字符串: `error`, `info`, `verbose`, `debug` | `info` |\n| `TOOL_FUNCTION_BUILTIN_DEP` | 用于工具函数的 NodeJS 内置模块 | 字符串 | |\n| `TOOL_FUNCTION_EXTERNAL_DEP`| 用于工具函数的外部模块 | 字符串 | |\n| `DATABASE_TYPE` | 存储 Flowise 数据的数据库类型 | 枚举字符串: `sqlite`, `mysql`, `postgres` | `sqlite` |\n| `DATABASE_PATH` | 数据库保存的位置（当 `DATABASE_TYPE` 是 sqlite 时） | 字符串 | `your-home-dir/.flowise` |\n| `DATABASE_HOST` | 主机 URL 或 IP 地址（当 `DATABASE_TYPE` 不是 sqlite 时）| 字符串 | |\n| `DATABASE_PORT` | 数据库端口（当 `DATABASE_TYPE` 不是 sqlite 时） | 字符串 | |\n| `DATABASE_USERNAME` | 数据库用户名（当 `DATABASE_TYPE` 不是 sqlite 时） | 字符串 | |\n| `DATABASE_PASSWORD` | 数据库密码（当 `DATABASE_TYPE` 不是 sqlite 时） | 字符串 | |\n| `DATABASE_NAME` | 数据库名称（当 `DATABASE_TYPE` 不是 sqlite 时） | 字符串 | |\n| `SECRETKEY_PATH` | 保存加密密钥（用于加密/解密凭据）的位置 | 字符串 | `your-path/Flowise/packages/server` |\n| `FLOWISE_SECRETKEY_OVERWRITE`| 加密密钥用于替代存储在 `SECRETKEY_PATH` 中的密钥 | 字符串 | |\n| `MODEL_LIST_CONFIG_JSON` | 加载模型的位置 | 字符串 | `/your_model_list_config_file_path` |\n| `STORAGE_TYPE` | 上传文件的存储类型 | 枚举字符串: `local`, `s3` | `local` |\n| `BLOB_STORAGE_PATH` | 本地上传文件存储路径（当 `STORAGE_TYPE` 为 `local`） | 字符串 | `your-home-dir/.flowise/storage` |\n| `S3_STORAGE_BUCKET_NAME` | S3 存储文件夹路径（当 `STORAGE_TYPE` 为 `s3`） | 字符串 | |\n| `S3_STORAGE_ACCESS_KEY_ID` | AWS 访问密钥 (Access Key) | 字符串 | |\n| `S3_STORAGE_SECRET_ACCESS_KEY` | AWS 密钥 (Secret Key) | 字符串 | |\n| `S3_STORAGE_REGION` | S3 存储地区 | 字符串 | |\n| `S3_ENDPOINT_URL` | S3 端点 URL | 字符串 | |\n| `S3_FORCE_PATH_STYLE` | 设置为 true 以强制请求使用路径样式寻址 | 布尔值 | false |\n| `SHOW_COMMUNITY_NODES` | 显示由社区创建的节点 | 布尔值 | |\n| `DISABLED_NODES` | 从界面中隐藏节点（以逗号分隔的节点名称列表） | 字符串 | |\n\n您也可以在使用 `npx` 时指定环境变量。例如：\n\n```\nnpx flowise start --PORT=3000 --DEBUG=true\n```\n\n## 📖 贡献文档\n\n[Flowise 文档](https://github.com/FlowiseAI/FlowiseDocs)\n\n## 🏷️ Pull Request 流程\n\n当您打开一个 Pull Request 时，FlowiseAI 团队的成员将自动收到通知/指派。您也可以在 [Discord](https://discord.gg/jbaHfsRVBW) 上联系我们。\n" }, { "path": "i18n/README-JA.md", "content": "\n\n

\n\n\n

\n\n[![Release Notes](https://img.shields.io/github/release/FlowiseAI/Flowise)](https://github.com/FlowiseAI/Flowise/releases)\n[![Discord](https://img.shields.io/discord/1087698854775881778?label=Discord&logo=discord)](https://discord.gg/jbaHfsRVBW)\n[![Twitter Follow](https://img.shields.io/twitter/follow/FlowiseAI?style=social)](https://twitter.com/FlowiseAI)\n[![GitHub star chart](https://img.shields.io/github/stars/FlowiseAI/Flowise?style=social)](https://star-history.com/#FlowiseAI/Flowise)\n[![GitHub fork](https://img.shields.io/github/forks/FlowiseAI/Flowise?style=social)](https://github.com/FlowiseAI/Flowise/fork)\n\n[English](../README.md) | [繁體中文](./README-TW.md) | [简体中文](./README-ZH.md) | 日本語 | [한국어](./README-KR.md)\n\n

AIエージェントをビジュアルに構築

\n\n\n\n## ⚡ クイックスタート\n\n[NodeJS](https://nodejs.org/en/download) >= 18.15.0 をダウンロードしてインストール\n\n1. Flowise のインストール\n ```bash\n npm install -g flowise\n ```\n2. Flowise の実行\n\n ```bash\n npx flowise start\n ```\n\n3. [http://localhost:3000](http://localhost:3000) を開く\n\n## 🐳 Docker\n\n### Docker Compose\n\n1. プロジェクトのルートにある `docker` フォルダに移動する\n2. `.env.example` ファイルをコピーして同じ場所に貼り付け、名前を `.env` に変更する\n3. `docker compose up -d`\n4. [http://localhost:3000](http://localhost:3000) を開く\n5. コンテナを停止するには、`docker compose stop` を使用します\n\n### Docker Image\n\n1. ローカルにイメージを構築する:\n ```bash\n docker build --no-cache -t flowise .\n ```\n2. image を実行:\n\n ```bash\n docker run -d --name flowise -p 3000:3000 flowise\n ```\n\n3. image を停止:\n ```bash\n docker stop flowise\n ```\n\n## 👨‍💻 開発者向け\n\nFlowise には、3 つの異なるモジュールが 1 つの mono リポジトリにあります。\n\n- `server`: API ロジックを提供する Node バックエンド\n- `ui`: React フロントエンド\n- `components`: サードパーティノードとの統合\n\n### 必須条件\n\n- [PNPM](https://pnpm.io/installation) をインストール\n ```bash\n npm i -g pnpm\n ```\n\n### セットアップ\n\n1. リポジトリをクローン\n\n ```bash\n git clone https://github.com/FlowiseAI/Flowise.git\n ```\n\n2. リポジトリフォルダに移動\n\n ```bash\n cd Flowise\n ```\n\n3. すべてのモジュールの依存関係をインストール:\n\n ```bash\n pnpm install\n ```\n\n4. すべてのコードをビルド:\n\n ```bash\n pnpm build\n ```\n\n5. アプリを起動:\n\n ```bash\n pnpm start\n ```\n\n [http://localhost:3000](http://localhost:3000) でアプリにアクセスできるようになりました\n\n6. 開発用ビルド:\n\n - `.env` ファイルを作成し、`packages/ui` に `VITE_PORT` を指定する（`.env.example` を参照）\n - `.env` ファイルを作成し、`packages/server` に `PORT` を指定する（`.env.example` を参照）\n - 実行\n\n ```bash\n pnpm dev\n ```\n\n コードの変更は [http://localhost:8080](http://localhost:8080) に自動的にアプリをリロードします\n\n## 🌱 環境変数\n\nFlowise は、インスタンスを設定するためのさまざまな環境変数をサポートしています。`packages/server` フォルダ内の `.env` ファイルで以下の変数を指定することができる。[続き](https://github.com/FlowiseAI/Flowise/blob/main/CONTRIBUTING.md#-env-variables)を読む\n\n## 📖 ドキュメント\n\n[Flowise ドキュメント](https://docs.flowiseai.com/)\n\n## 🌐 セルフホスト\n\nお客様の既存インフラに Flowise をセルフホストでデプロイ、様々な[デプロイ](https://docs.flowiseai.com/configuration/deployment)をサポートします\n\n- [AWS](https://docs.flowiseai.com/deployment/aws)\n- [Azure](https://docs.flowiseai.com/deployment/azure)\n- [Digital Ocean](https://docs.flowiseai.com/deployment/digital-ocean)\n- [GCP](https://docs.flowiseai.com/deployment/gcp)\n-
\n その他\n\n - [Railway](https://docs.flowiseai.com/deployment/railway)\n\n [![Deploy on Railway](https://railway.app/button.svg)](https://railway.app/template/pn4G8S?referralCode=WVNPD9)\n\n - [Render](https://docs.flowiseai.com/deployment/render)\n\n [![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://docs.flowiseai.com/deployment/render)\n\n - [Hugging Face Spaces](https://docs.flowiseai.com/deployment/hugging-face)\n\n \"Hugging\n\n - [Elestio](https://elest.io/open-source/flowiseai)\n\n [![Deploy](https://pub-da36157c854648669813f3f76c526c2b.r2.dev/deploy-on-elestio-black.png)](https://elest.io/open-source/flowiseai)\n\n - [Sealos](https://cloud.sealos.io/?openapp=system-template%3FtemplateName%3Dflowise)\n\n [![](https://raw.githubusercontent.com/labring-actions/templates/main/Deploy-on-Sealos.svg)](https://cloud.sealos.io/?openapp=system-template%3FtemplateName%3Dflowise)\n\n - [RepoCloud](https://repocloud.io/details/?app_id=29)\n\n [![Deploy on RepoCloud](https://d16t0pc4846x52.cloudfront.net/deploy.png)](https://repocloud.io/details/?app_id=29)\n\n
\n\n## ☁️ クラウドホスト\n\n[Flowise Cloud の使い方を始める](https://flowiseai.com/)\n\n## 🙋 サポート\n\nご質問、問題提起、新機能のご要望は、[discussion](https://github.com/FlowiseAI/Flowise/discussions)までお気軽にどうぞ\n\n## 🙌 コントリビュート\n\nこれらの素晴らしい貢献者に感謝します\n\n\n\n\n\n[コントリビューティングガイド](../CONTRIBUTING.md)を参照してください。質問や問題があれば、[Discord](https://discord.gg/jbaHfsRVBW) までご連絡ください。\n[![Star History Chart](https://api.star-history.com/svg?repos=FlowiseAI/Flowise&type=Timeline)](https://star-history.com/#FlowiseAI/Flowise&Date)\n\n## 📄 ライセンス\n\nこのリポジトリのソースコードは、[Apache License Version 2.0](../LICENSE.md)の下で利用可能です。\n" }, { "path": "i18n/README-KR.md", "content": "\n\n

\n\n\n

\n\n[![Release Notes](https://img.shields.io/github/release/FlowiseAI/Flowise)](https://github.com/FlowiseAI/Flowise/releases)\n[![Discord](https://img.shields.io/discord/1087698854775881778?label=Discord&logo=discord)](https://discord.gg/jbaHfsRVBW)\n[![Twitter Follow](https://img.shields.io/twitter/follow/FlowiseAI?style=social)](https://twitter.com/FlowiseAI)\n[![GitHub star chart](https://img.shields.io/github/stars/FlowiseAI/Flowise?style=social)](https://star-history.com/#FlowiseAI/Flowise)\n[![GitHub fork](https://img.shields.io/github/forks/FlowiseAI/Flowise?style=social)](https://github.com/FlowiseAI/Flowise/fork)\n\n[English](../README.md) | [繁體中文](./README-TW.md) | [简体中文](./README-ZH.md) | [日本語](./README-JA.md) | 한국어\n\n

AI 에이전트를 시각적으로 구축하세요

\n\n\n\n## ⚡빠른 시작 가이드\n\n18.15.0 버전 이상의 [NodeJS](https://nodejs.org/en/download) 다운로드 및 설치\n\n1. Flowise 설치\n ```bash\n npm install -g flowise\n ```\n2. Flowise 시작하기\n\n ```bash\n npx flowise start\n ```\n\n3. [http://localhost:3000](http://localhost:3000) URL 열기\n\n## 🐳 도커(Docker)를 활용하여 시작하기\n\n### 도커 컴포즈 활용\n\n1. 프로젝트의 최상위(root) 디렉토리에 있는 `docker` 폴더로 이동하세요.\n2. `.env.example` 파일을 복사한 후, 같은 경로에 붙여넣기 한 다음, `.env`로 이름을 변경합니다.\n3. `docker compose up -d` 실행\n4. [http://localhost:3000](http://localhost:3000) URL 열기\n5. `docker compose stop` 명령어를 통해 컨테이너를 종료시킬 수 있습니다.\n\n### 도커 이미지 활용\n\n1. 로컬에서 이미지 빌드하기:\n ```bash\n docker build --no-cache -t flowise .\n ```\n2. 이미지 실행하기:\n\n ```bash\n docker run -d --name flowise -p 3000:3000 flowise\n ```\n\n3. 이미지 종료하기:\n ```bash\n docker stop flowise\n ```\n\n## 👨‍💻 개발자들을 위한 가이드\n\nFlowise는 단일 리포지토리에 3개의 서로 다른 모듈이 있습니다.\n\n- `server`: API 로직을 제공하는 노드 백엔드\n- `ui`: 리액트 프론트엔드\n- `components`: 서드파티 노드 통합을 위한 컴포넌트\n\n### 사전 설치 요건\n\n- [PNPM](https://pnpm.io/installation) 설치하기\n ```bash\n npm i -g pnpm\n ```\n\n### 설치 및 설정\n\n1. 리포지토리 복제\n\n ```bash\n git clone https://github.com/FlowiseAI/Flowise.git\n ```\n\n2. 리포지토리 폴더로 이동\n\n ```bash\n cd Flowise\n ```\n\n3. 모든 모듈의 종속성 설치:\n\n ```bash\n pnpm install\n ```\n\n4. 모든 코드 빌드하기:\n\n ```bash\n pnpm build\n ```\n\n5. 애플리케이션 시작:\n\n ```bash\n pnpm start\n ```\n\n 이제 [http://localhost:3000](http://localhost:3000)에서 애플리케이션에 접속할 수 있습니다.\n\n6. 개발 환경에서 빌드할 경우:\n\n - `packages/ui`경로에 `.env` 파일을 생성하고 `VITE_PORT`(`.env.example` 참조)를 지정합니다.\n - `packages/server`경로에 `.env` 파일을 생성하고 `PORT`(`.env.example` 참조)를 지정합니다.\n - 실행하기\n\n ```bash\n pnpm dev\n ```\n\n 코드가 변경되면 [http://localhost:8080](http://localhost:8080)에서 자동으로 애플리케이션을 새로고침 합니다.\n\n## 🌱 환경 변수\n\nFlowise는 인스턴스 구성을 위한 다양한 환경 변수를 지원합니다. `packages/server` 폴더 내 `.env` 파일에 다양한 환경 변수를 지정할 수 있습니다. [자세히 보기](https://github.com/FlowiseAI/Flowise/blob/main/CONTRIBUTING.md#-env-variables)\n\n## 📖 공식 문서\n\n[Flowise 문서](https://docs.flowiseai.com/)\n\n## 🌐 자체 호스팅 하기\n\n기존 인프라 환경에서 Flowise를 자체 호스팅으로 배포하세요. 다양한 배포 [deployments](https://docs.flowiseai.com/configuration/deployment) 방법을 지원합니다.\n\n- [AWS](https://docs.flowiseai.com/deployment/aws)\n- [Azure](https://docs.flowiseai.com/deployment/azure)\n- [Digital Ocean](https://docs.flowiseai.com/deployment/digital-ocean)\n- [GCP](https://docs.flowiseai.com/deployment/gcp)\n-
\n 그 외\n\n - [Railway](https://docs.flowiseai.com/deployment/railway)\n\n [![Deploy on Railway](https://railway.app/button.svg)](https://railway.app/template/pn4G8S?referralCode=WVNPD9)\n\n - [Render](https://docs.flowiseai.com/deployment/render)\n\n [![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://docs.flowiseai.com/deployment/render)\n\n - [HuggingFace Spaces](https://docs.flowiseai.com/deployment/hugging-face)\n\n \"HuggingFace\n\n - [Elestio](https://elest.io/open-source/flowiseai)\n\n [![Deploy](https://pub-da36157c854648669813f3f76c526c2b.r2.dev/deploy-on-elestio-black.png)](https://elest.io/open-source/flowiseai)\n\n - [Sealos](https://cloud.sealos.io/?openapp=system-template%3FtemplateName%3Dflowise)\n\n [![](https://raw.githubusercontent.com/labring-actions/templates/main/Deploy-on-Sealos.svg)](https://cloud.sealos.io/?openapp=system-template%3FtemplateName%3Dflowise)\n\n - [RepoCloud](https://repocloud.io/details/?app_id=29)\n\n [![Deploy on RepoCloud](https://d16t0pc4846x52.cloudfront.net/deploy.png)](https://repocloud.io/details/?app_id=29)\n\n
\n\n## ☁️ 클라우드 호스팅 서비스\n\n[Flowise Cloud 시작하기](https://flowiseai.com/)\n\n## 🙋 기술 지원\n\n질문, 버그 리포팅, 새로운 기능 요청 등은 [discussion](https://github.com/FlowiseAI/Flowise/discussions) 섹션에서 자유롭게 이야기 해주세요.\n\n## 🙌 오픈소스 활동에 기여하기\n\n다음과 같은 멋진 기여자들(contributors)에게 감사드립니다.\n\n\n\n\n\n[contributing guide](../CONTRIBUTING.md)를 살펴보세요. 디스코드 [Discord](https://discord.gg/jbaHfsRVBW) 채널에서도 이슈나 질의응답을 진행하실 수 있습니다.\n[![Star History Chart](https://api.star-history.com/svg?repos=FlowiseAI/Flowise&type=Timeline)](https://star-history.com/#FlowiseAI/Flowise&Date)\n\n## 📄 라이센스\n\n본 리포지토리의 소스코드는 [Apache License Version 2.0](../LICENSE.md) 라이센스가 적용됩니다.\n" }, { "path": "i18n/README-TW.md", "content": "\n\n

\n\n\n

\n\n[![Release Notes](https://img.shields.io/github/release/FlowiseAI/Flowise)](https://github.com/FlowiseAI/Flowise/releases)\n[![Discord](https://img.shields.io/discord/1087698854775881778?label=Discord&logo=discord)](https://discord.gg/jbaHfsRVBW)\n[![Twitter Follow](https://img.shields.io/twitter/follow/FlowiseAI?style=social)](https://twitter.com/FlowiseAI)\n[![GitHub star chart](https://img.shields.io/github/stars/FlowiseAI/Flowise?style=social)](https://star-history.com/#FlowiseAI/Flowise)\n[![GitHub fork](https://img.shields.io/github/forks/FlowiseAI/Flowise?style=social)](https://github.com/FlowiseAI/Flowise/fork)\n\n[English](../README.md) | 繁體中文 | [简体中文](./README-ZH.md) | [日本語](./README-JA.md) | [한국어](./README-KR.md)\n\n

可視化建置 AI/LLM 流程

\n\n\n\n## ⚡ 快速開始\n\n下載並安裝 [NodeJS](https://nodejs.org/en/download) >= 18.15.0\n\n1. 安裝 Flowise\n ```bash\n npm install -g flowise\n ```\n2. 啟動 Flowise\n\n ```bash\n npx flowise start\n ```\n\n3. 打開 [http://localhost:3000](http://localhost:3000)\n\n## 🐳 Docker\n\n### Docker Compose\n\n1. 複製 Flowise 專案\n2. 進入專案根目錄的 `docker` 資料夾\n3. 複製 `.env.example` 文件，貼到相同位置，並重新命名為 `.env` 文件\n4. `docker compose up -d`\n5. 打開 [http://localhost:3000](http://localhost:3000)\n6. 您可以透過 `docker compose stop` 停止容器\n\n### Docker 映像\n\n1. 本地建置映像：\n ```bash\n docker build --no-cache -t flowise .\n ```\n2. 運行映像：\n\n ```bash\n docker run -d --name flowise -p 3000:3000 flowise\n ```\n\n3. 停止映像：\n ```bash\n docker stop flowise\n ```\n\n## 👨‍💻 開發者\n\nFlowise 在單個 mono 儲存庫中有 3 個不同的模組。\n\n- `server`: 提供 API 邏輯的 Node 後端\n- `ui`: React 前端\n- `components`: 第三方節點集成\n- `api-documentation`: 從 express 自動生成的 swagger-ui API 文檔\n\n### 先決條件\n\n- 安裝 [PNPM](https://pnpm.io/installation)\n ```bash\n npm i -g pnpm\n ```\n\n### 設置\n\n1. 複製儲存庫\n\n ```bash\n git clone https://github.com/FlowiseAI/Flowise.git\n ```\n\n2. 進入儲存庫文件夾\n\n ```bash\n cd Flowise\n ```\n\n3. 安裝所有模組的所有依賴項：\n\n ```bash\n pnpm install\n ```\n\n4. 建置所有程式碼：\n\n ```bash\n pnpm build\n ```\n\n
\n Exit code 134（JavaScript heap out of memory） \n 如果在運行上述 `build` 腳本時遇到此錯誤，請嘗試增加 Node.js 中的 Heap 記憶體大小並重新運行腳本：\n\n export NODE_OPTIONS=\"--max-old-space-size=4096\"\n pnpm build\n\n
\n\n5. 啟動應用：\n\n ```bash\n pnpm start\n ```\n\n 您現在可以開啟 [http://localhost:3000](http://localhost:3000)\n\n6. 對於開發建置：\n\n - 在 `packages/ui` 中創建 `.env` 文件並指定 `VITE_PORT`（參考 `.env.example`）\n - 在 `packages/server` 中創建 `.env` 文件並指定 `PORT`（參考 `.env.example`）\n - 運行\n\n ```bash\n pnpm dev\n ```\n\n 任何程式碼更改都會自動重新加載應用程式 [http://localhost:8080](http://localhost:8080)\n\n## 🌱 環境變數\n\nFlowise 支持不同的環境變數來配置您的實例。您可以在 `packages/server` 文件夾中的 `.env` 文件中指定以下變數。閱讀 [更多](https://github.com/FlowiseAI/Flowise/blob/main/CONTRIBUTING.md#-env-variables)\n\n## 📖 文檔\n\n[Flowise 文檔](https://docs.flowiseai.com/)\n\n## 🌐 自行架設\n\n在您現有的基礎設施中部署 Flowise，我們支持各種自行架設選項 [部署](https://docs.flowiseai.com/configuration/deployment)\n\n- [AWS](https://docs.flowiseai.com/configuration/deployment/aws)\n- [Azure](https://docs.flowiseai.com/configuration/deployment/azure)\n- [Digital Ocean](https://docs.flowiseai.com/configuration/deployment/digital-ocean)\n- [GCP](https://docs.flowiseai.com/configuration/deployment/gcp)\n- [阿里雲](https://computenest.console.aliyun.com/service/instance/create/default?type=user&ServiceName=Flowise社区版)\n-
\n 其他\n\n - [Railway](https://docs.flowiseai.com/configuration/deployment/railway)\n\n [![Deploy on Railway](https://railway.app/button.svg)](https://railway.app/template/pn4G8S?referralCode=WVNPD9)\n\n - [Render](https://docs.flowiseai.com/configuration/deployment/render)\n\n [![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://docs.flowiseai.com/configuration/deployment/render)\n\n - [HuggingFace Spaces](https://docs.flowiseai.com/deployment/hugging-face)\n\n \"HuggingFace\n\n - [Elestio](https://elest.io/open-source/flowiseai)\n\n [![Deploy on Elestio](https://elest.io/images/logos/deploy-to-elestio-btn.png)](https://elest.io/open-source/flowiseai)\n\n - [Sealos](https://cloud.sealos.io/?openapp=system-template%3FtemplateName%3Dflowise)\n\n [![](https://raw.githubusercontent.com/labring-actions/templates/main/Deploy-on-Sealos.svg)](https://cloud.sealos.io/?openapp=system-template%3FtemplateName%3Dflowise)\n\n - [RepoCloud](https://repocloud.io/details/?app_id=29)\n\n [![Deploy on RepoCloud](https://d16t0pc4846x52.cloudfront.net/deploy.png)](https://repocloud.io/details/?app_id=29)\n\n
\n\n## ☁️ Flowise 雲端平台\n\n[開始使用 Flowise 雲端平台](https://flowiseai.com/)\n\n## 🙋 支持\n\n隨時在 [討論](https://github.com/FlowiseAI/Flowise/discussions) 中提出任何問題、提出問題和請求新功能\n\n## 🙌 貢獻\n\n感謝這些出色的貢獻者\n\n\n\n\n\n請參閱 [貢獻指南](../CONTRIBUTING.md)。如果您有任何問題或問題，請透過 [Discord](https://discord.gg/jbaHfsRVBW) 與我們聯繫。\n[![Star History Chart](https://api.star-history.com/svg?repos=FlowiseAI/Flowise&type=Timeline)](https://star-history.com/#FlowiseAI/Flowise&Date)\n\n## 📄 許可證\n\n此儲存庫中的原始碼根據 [Apache 2.0 授權條款](../LICENSE.md) 授權使用。\n" }, { "path": "i18n/README-ZH.md", "content": "\n\n

\n\n\n

\n\n[![发布说明](https://img.shields.io/github/release/FlowiseAI/Flowise)](https://github.com/FlowiseAI/Flowise/releases)\n[![Discord](https://img.shields.io/discord/1087698854775881778?label=Discord&logo=discord)](https://discord.gg/jbaHfsRVBW)\n[![Twitter关注](https://img.shields.io/twitter/follow/FlowiseAI?style=social)](https://twitter.com/FlowiseAI)\n[![GitHub星图](https://img.shields.io/github/stars/FlowiseAI/Flowise?style=social)](https://star-history.com/#FlowiseAI/Flowise)\n[![GitHub分支](https://img.shields.io/github/forks/FlowiseAI/Flowise?style=social)](https://github.com/FlowiseAI/Flowise/fork)\n\n[English](../README.md) | [繁體中文](./README-TW.md) | 简体中文 | [日本語](./README-JA.md) | [한국어](./README-KR.md)\n\n

可视化构建 AI/LLM 流程

\n\n\n\n## ⚡ 快速入门\n\n下载并安装 [NodeJS](https://nodejs.org/en/download) >= 18.15.0\n\n1. 安装 Flowise\n ```bash\n npm install -g flowise\n ```\n2. 启动 Flowise\n\n ```bash\n npx flowise start\n ```\n\n3. 打开 [http://localhost:3000](http://localhost:3000)\n\n## 🐳 Docker\n\n### Docker Compose\n\n1. 进入项目根目录下的 `docker` 文件夹\n2. 创建 `.env` 文件并指定 `PORT`（参考 `.env.example`）\n3. 运行 `docker compose up -d`\n4. 打开 [http://localhost:3000](http://localhost:3000)\n5. 可以通过 `docker compose stop` 停止容器\n\n### Docker 镜像\n\n1. 本地构建镜像：\n ```bash\n docker build --no-cache -t flowise .\n ```\n2. 运行镜像：\n\n ```bash\n docker run -d --name flowise -p 3000:3000 flowise\n ```\n\n3. 停止镜像：\n ```bash\n docker stop flowise\n ```\n\n## 👨‍💻 开发者\n\nFlowise 在一个单一的代码库中有 3 个不同的模块。\n\n- `server`：用于提供 API 逻辑的 Node 后端\n- `ui`：React 前端\n- `components`：第三方节点集成\n\n### 先决条件\n\n- 安装 [PNPM](https://pnpm.io/installation)\n ```bash\n npm i -g pnpm\n ```\n\n### 设置\n\n1. 克隆仓库\n\n ```bash\n git clone https://github.com/FlowiseAI/Flowise.git\n ```\n\n2. 进入仓库文件夹\n\n ```bash\n cd Flowise\n ```\n\n3. 安装所有模块的依赖：\n\n ```bash\n pnpm install\n ```\n\n4. 构建所有代码：\n\n ```bash\n pnpm build\n ```\n\n5. 启动应用：\n\n ```bash\n pnpm start\n ```\n\n 现在可以在 [http://localhost:3000](http://localhost:3000) 访问应用\n\n6. 用于开发构建：\n\n - 在 `packages/ui` 中创建 `.env` 文件并指定 `VITE_PORT`（参考 `.env.example`）\n - 在 `packages/server` 中创建 `.env` 文件并指定 `PORT`（参考 `.env.example`）\n - 运行\n\n ```bash\n pnpm dev\n ```\n\n 任何代码更改都会自动重新加载应用程序，访问 [http://localhost:8080](http://localhost:8080)\n\n## 🌱 环境变量\n\nFlowise 支持不同的环境变量来配置您的实例。您可以在 `packages/server` 文件夹中的 `.env` 文件中指定以下变量。了解更多信息，请阅读[文档](https://github.com/FlowiseAI/Flowise/blob/main/CONTRIBUTING.md#-env-variables)\n\n## 📖 文档\n\n[Flowise 文档](https://docs.flowiseai.com/)\n\n## 🌐 自托管\n\n在您现有的基础设施中部署自托管的 Flowise，我们支持各种[部署](https://docs.flowiseai.com/configuration/deployment)\n\n- [AWS](https://docs.flowiseai.com/deployment/aws)\n- [Azure](https://docs.flowiseai.com/deployment/azure)\n- [Digital Ocean](https://docs.flowiseai.com/deployment/digital-ocean)\n- [GCP](https://docs.flowiseai.com/deployment/gcp)\n-
\n 其他\n\n - [Railway](https://docs.flowiseai.com/deployment/railway)\n\n [![在 Railway 上部署](https://railway.app/button.svg)](https://railway.app/template/pn4G8S?referralCode=WVNPD9)\n\n - [Render](https://docs.flowiseai.com/deployment/render)\n\n [![部署到 Render](https://render.com/images/deploy-to-render-button.svg)](https://docs.flowiseai.com/deployment/render)\n\n - [HuggingFace Spaces](https://docs.flowiseai.com/deployment/hugging-face)\n\n \"HuggingFace\n\n - [Elestio](https://elest.io/open-source/flowiseai)\n\n [![Deploy](https://pub-da36157c854648669813f3f76c526c2b.r2.dev/deploy-on-elestio-black.png)](https://elest.io/open-source/flowiseai)\n\n - [Sealos](https://template.sealos.io/deploy?templateName=flowise)\n\n [![部署到 Sealos](https://sealos.io/Deploy-on-Sealos.svg)](https://template.sealos.io/deploy?templateName=flowise)\n\n - [RepoCloud](https://repocloud.io/details/?app_id=29)\n\n [![部署到 RepoCloud](https://d16t0pc4846x52.cloudfront.net/deploy.png)](https://repocloud.io/details/?app_id=29)\n\n
\n\n## ☁️ 云托管\n\n[开始使用云托管](https://flowiseai.com/)\n\n## 🙋 支持\n\n在[讨论区](https://github.com/FlowiseAI/Flowise/discussions)中随时提问、提出问题和请求新功能\n\n## 🙌 贡献\n\n感谢这些了不起的贡献者\n\n\n\n\n\n参见[贡献指南](CONTRIBUTING-ZH.md)。如果您有任何问题或问题，请在[Discord](https://discord.gg/jbaHfsRVBW)上与我们联系。\n\n## 📄 许可证\n\n此代码库中的源代码在[Apache License Version 2.0 许可证](../LICENSE.md)下提供。\n" }, { "path": "metrics/grafana/grafana.dashboard.app.json.txt", "content": "{\n \"annotations\": {\n \"list\": [\n {\n \"builtIn\": 1,\n \"datasource\": {\n \"type\": \"grafana\",\n \"uid\": \"-- Grafana --\"\n },\n \"enable\": true,\n \"hide\": true,\n \"iconColor\": \"rgba(0, 211, 255, 1)\",\n \"name\": \"Annotations & Alerts\",\n \"type\": \"dashboard\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"enable\": true,\n \"expr\": \"ALERTS\",\n \"hide\": false,\n \"iconColor\": \"rgba(255, 96, 96, 1)\",\n \"limit\": 100,\n \"name\": \"Alerts\",\n \"showIn\": 0,\n \"step\": \"10s\",\n \"type\": \"alert\"\n }\n ]\n },\n \"description\": \"Application metrics\",\n \"editable\": true,\n \"fiscalYearStartMonth\": 0,\n \"graphTooltip\": 0,\n \"id\": 3,\n \"links\": [],\n \"panels\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"mode\": \"palette-classic\"\n },\n \"custom\": {\n \"axisBorderShow\": false,\n \"axisCenteredZero\": false,\n \"axisColorMode\": \"text\",\n \"axisLabel\": \"\",\n \"axisPlacement\": \"auto\",\n \"barAlignment\": 0,\n \"drawStyle\": \"line\",\n \"fillOpacity\": 0,\n \"gradientMode\": \"none\",\n \"hideFrom\": {\n \"legend\": false,\n \"tooltip\": false,\n \"viz\": false\n },\n \"insertNulls\": false,\n \"lineInterpolation\": \"linear\",\n \"lineWidth\": 1,\n \"pointSize\": 5,\n \"scaleDistribution\": {\n \"type\": \"linear\"\n },\n \"showPoints\": \"auto\",\n \"spanNulls\": false,\n \"stacking\": {\n \"group\": \"A\",\n \"mode\": \"none\"\n },\n \"thresholdsStyle\": {\n \"mode\": \"off\"\n }\n },\n \"mappings\": [],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\",\n \"value\": null\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n }\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 8,\n \"w\": 12,\n \"x\": 0,\n \"y\": 0\n },\n \"id\": 11,\n \"options\": {\n \"legend\": {\n \"calcs\": [],\n \"displayMode\": \"list\",\n \"placement\": \"bottom\",\n \"showLegend\": true\n },\n \"tooltip\": {\n \"mode\": \"single\",\n \"sort\": \"none\"\n }\n },\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"disableTextWrap\": false,\n \"editorMode\": \"code\",\n \"expr\": \"sum(rate(internal_predictions[1m])) by (status) * 60\",\n \"fullMetaSearch\": false,\n \"hide\": false,\n \"includeNullMetadata\": false,\n \"instant\": false,\n \"legendFormat\": \"__auto\",\n \"range\": true,\n \"refId\": \"B\",\n \"useBackend\": false\n }\n ],\n \"title\": \"Internal Predictions\",\n \"type\": \"timeseries\"\n },\n {\n \"collapsed\": false,\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"gridPos\": {\n \"h\": 1,\n \"w\": 24,\n \"x\": 0,\n \"y\": 8\n },\n \"id\": 7,\n \"panels\": [],\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"refId\": \"A\"\n }\n ],\n \"title\": \"Throughput\",\n \"type\": \"row\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"mappings\": [\n {\n \"options\": {\n \"match\": \"null\",\n \"result\": {\n \"text\": \"N/A\"\n }\n },\n \"type\": \"special\"\n }\n ],\n \"max\": 1,\n \"min\": 0,\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"rgba(50, 172, 45, 0.97)\",\n \"value\": null\n },\n {\n \"color\": \"rgba(237, 129, 40, 0.89)\",\n \"value\": 0.1\n },\n {\n \"color\": \"rgba(245, 54, 54, 0.9)\"\n }\n ]\n },\n \"unit\": \"none\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 7,\n \"w\": 6,\n \"x\": 0,\n \"y\": 9\n },\n \"hideTimeOverride\": false,\n \"id\": 6,\n \"maxDataPoints\": 100,\n \"options\": {\n \"colorMode\": \"value\",\n \"graphMode\": \"none\",\n \"justifyMode\": \"auto\",\n \"orientation\": \"horizontal\",\n \"percentChangeColorMode\": \"standard\",\n \"reduceOptions\": {\n \"calcs\": [\n \"mean\"\n ],\n \"fields\": \"/^Value$/\",\n \"values\": false\n },\n \"showPercentChange\": false,\n \"textMode\": \"auto\",\n \"wideLayout\": true\n },\n \"pluginVersion\": \"11.1.0\",\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"sum(increase(http_request_duration_ms_count{code=~\\\"^5..$\\\"}[1m])) / sum(increase(http_request_duration_ms_count[1m]))\",\n \"format\": \"time_series\",\n \"interval\": \"\",\n \"intervalFactor\": 2,\n \"legendFormat\": \"\",\n \"refId\": \"A\",\n \"step\": 20\n }\n ],\n \"title\": \"Error rate\",\n \"type\": \"stat\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"mode\": \"palette-classic\"\n },\n \"custom\": {\n \"axisBorderShow\": false,\n \"axisCenteredZero\": false,\n \"axisColorMode\": \"text\",\n \"axisLabel\": \"\",\n \"axisPlacement\": \"auto\",\n \"barAlignment\": 0,\n \"drawStyle\": \"line\",\n \"fillOpacity\": 10,\n \"gradientMode\": \"none\",\n \"hideFrom\": {\n \"legend\": false,\n \"tooltip\": false,\n \"viz\": false\n },\n \"insertNulls\": false,\n \"lineInterpolation\": \"linear\",\n \"lineWidth\": 1,\n \"pointSize\": 5,\n \"scaleDistribution\": {\n \"type\": \"linear\"\n },\n \"showPoints\": \"never\",\n \"spanNulls\": false,\n \"stacking\": {\n \"group\": \"A\",\n \"mode\": \"none\"\n },\n \"thresholdsStyle\": {\n \"mode\": \"off\"\n }\n },\n \"mappings\": [],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\",\n \"value\": null\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"rpm\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 7,\n \"w\": 18,\n \"x\": 6,\n \"y\": 9\n },\n \"id\": 1,\n \"links\": [\n {\n \"url\": \"/\"\n }\n ],\n \"options\": {\n \"legend\": {\n \"calcs\": [],\n \"displayMode\": \"list\",\n \"placement\": \"bottom\",\n \"showLegend\": true\n },\n \"tooltip\": {\n \"mode\": \"multi\",\n \"sort\": \"none\"\n }\n },\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"sum(rate(http_request_duration_ms_count[1m])) by (service, route, method, code) * 60\",\n \"format\": \"time_series\",\n \"hide\": false,\n \"intervalFactor\": 2,\n \"legendFormat\": \"{{service}} - {{method}} {{route}} {{code}}\",\n \"metric\": \"\",\n \"refId\": \"A\",\n \"step\": 2\n }\n ],\n \"title\": \"Throughput\",\n \"type\": \"timeseries\"\n },\n {\n \"collapsed\": true,\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"gridPos\": {\n \"h\": 1,\n \"w\": 24,\n \"x\": 0,\n \"y\": 16\n },\n \"id\": 8,\n \"panels\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"mode\": \"palette-classic\"\n },\n \"custom\": {\n \"axisBorderShow\": false,\n \"axisCenteredZero\": false,\n \"axisColorMode\": \"text\",\n \"axisLabel\": \"\",\n \"axisPlacement\": \"auto\",\n \"barAlignment\": 0,\n \"drawStyle\": \"line\",\n \"fillOpacity\": 10,\n \"gradientMode\": \"none\",\n \"hideFrom\": {\n \"legend\": false,\n \"tooltip\": false,\n \"viz\": false\n },\n \"insertNulls\": false,\n \"lineInterpolation\": \"linear\",\n \"lineWidth\": 1,\n \"pointSize\": 5,\n \"scaleDistribution\": {\n \"type\": \"linear\"\n },\n \"showPoints\": \"never\",\n \"spanNulls\": false,\n \"stacking\": {\n \"group\": \"A\",\n \"mode\": \"none\"\n },\n \"thresholdsStyle\": {\n \"mode\": \"off\"\n }\n },\n \"mappings\": [],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\"\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"ms\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 7,\n \"w\": 24,\n \"x\": 0,\n \"y\": 17\n },\n \"id\": 4,\n \"options\": {\n \"legend\": {\n \"calcs\": [],\n \"displayMode\": \"list\",\n \"placement\": \"bottom\",\n \"showLegend\": true\n },\n \"tooltip\": {\n \"mode\": \"multi\",\n \"sort\": \"none\"\n }\n },\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"histogram_quantile(0.5, sum(rate(http_request_duration_ms_bucket[1m])) by (le, service, route, method))\",\n \"format\": \"time_series\",\n \"intervalFactor\": 2,\n \"legendFormat\": \"{{service}} - {{method}} {{route}}\",\n \"refId\": \"A\",\n \"step\": 2\n }\n ],\n \"title\": \"Median Response Time\",\n \"type\": \"timeseries\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"mode\": \"palette-classic\"\n },\n \"custom\": {\n \"axisBorderShow\": false,\n \"axisCenteredZero\": false,\n \"axisColorMode\": \"text\",\n \"axisLabel\": \"\",\n \"axisPlacement\": \"auto\",\n \"barAlignment\": 0,\n \"drawStyle\": \"line\",\n \"fillOpacity\": 10,\n \"gradientMode\": \"none\",\n \"hideFrom\": {\n \"legend\": false,\n \"tooltip\": false,\n \"viz\": false\n },\n \"insertNulls\": false,\n \"lineInterpolation\": \"linear\",\n \"lineWidth\": 1,\n \"pointSize\": 5,\n \"scaleDistribution\": {\n \"type\": \"linear\"\n },\n \"showPoints\": \"never\",\n \"spanNulls\": false,\n \"stacking\": {\n \"group\": \"A\",\n \"mode\": \"none\"\n },\n \"thresholdsStyle\": {\n \"mode\": \"off\"\n }\n },\n \"mappings\": [],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\"\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"ms\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 7,\n \"w\": 24,\n \"x\": 0,\n \"y\": 24\n },\n \"id\": 2,\n \"options\": {\n \"legend\": {\n \"calcs\": [],\n \"displayMode\": \"list\",\n \"placement\": \"bottom\",\n \"showLegend\": true\n },\n \"tooltip\": {\n \"mode\": \"multi\",\n \"sort\": \"none\"\n }\n },\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"histogram_quantile(0.95, sum(rate(http_request_duration_ms_bucket[1m])) by (le, service, route, method))\",\n \"format\": \"time_series\",\n \"interval\": \"\",\n \"intervalFactor\": 2,\n \"legendFormat\": \"{{service}} - {{method}} {{route}}\",\n \"refId\": \"A\",\n \"step\": 2\n }\n ],\n \"title\": \"95th Response Time\",\n \"type\": \"timeseries\"\n }\n ],\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"refId\": \"A\"\n }\n ],\n \"title\": \"Response time\",\n \"type\": \"row\"\n },\n {\n \"collapsed\": false,\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"gridPos\": {\n \"h\": 1,\n \"w\": 24,\n \"x\": 0,\n \"y\": 17\n },\n \"id\": 10,\n \"panels\": [],\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"refId\": \"A\"\n }\n ],\n \"title\": \"Business\",\n \"type\": \"row\"\n }\n ],\n \"refresh\": \"10s\",\n \"schemaVersion\": 39,\n \"tags\": [],\n \"templating\": {\n \"list\": []\n },\n \"time\": {\n \"from\": \"now-15m\",\n \"to\": \"now\"\n },\n \"timepicker\": {\n \"refresh_intervals\": [\n \"5s\",\n \"10s\",\n \"30s\",\n \"1m\",\n \"5m\",\n \"15m\",\n \"30m\",\n \"1h\",\n \"2h\",\n \"1d\"\n ],\n \"time_options\": [\n \"5m\",\n \"15m\",\n \"1h\",\n \"6h\",\n \"12h\",\n \"24h\",\n \"2d\",\n \"7d\",\n \"30d\"\n ]\n },\n \"timezone\": \"browser\",\n \"title\": \"FlowiseAI - Custom Metrics\",\n \"uid\": \"dds4pojnfec5cc\",\n \"version\": 8,\n \"weekStart\": \"\"\n}" }, { "path": "metrics/grafana/grafana.dashboard.server.json.txt", "content": "{\n \"annotations\": {\n \"list\": [\n {\n \"builtIn\": 1,\n \"datasource\": {\n \"type\": \"datasource\",\n \"uid\": \"grafana\"\n },\n \"enable\": true,\n \"hide\": true,\n \"iconColor\": \"rgba(0, 211, 255, 1)\",\n \"name\": \"Annotations & Alerts\",\n \"type\": \"dashboard\"\n }\n ]\n },\n \"description\": \"node.js prometheus client basic metrics\",\n \"editable\": true,\n \"fiscalYearStartMonth\": 0,\n \"gnetId\": 11159,\n \"graphTooltip\": 0,\n \"id\": 1,\n \"links\": [],\n \"panels\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"mode\": \"palette-classic\"\n },\n \"custom\": {\n \"axisBorderShow\": false,\n \"axisCenteredZero\": false,\n \"axisColorMode\": \"text\",\n \"axisLabel\": \"\",\n \"axisPlacement\": \"auto\",\n \"barAlignment\": 0,\n \"drawStyle\": \"line\",\n \"fillOpacity\": 10,\n \"gradientMode\": \"none\",\n \"hideFrom\": {\n \"legend\": false,\n \"tooltip\": false,\n \"viz\": false\n },\n \"insertNulls\": false,\n \"lineInterpolation\": \"linear\",\n \"lineWidth\": 1,\n \"pointSize\": 5,\n \"scaleDistribution\": {\n \"type\": \"linear\"\n },\n \"showPoints\": \"never\",\n \"spanNulls\": false,\n \"stacking\": {\n \"group\": \"A\",\n \"mode\": \"none\"\n },\n \"thresholdsStyle\": {\n \"mode\": \"off\"\n }\n },\n \"mappings\": [],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\",\n \"value\": null\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"percent\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 7,\n \"w\": 10,\n \"x\": 0,\n \"y\": 0\n },\n \"id\": 6,\n \"options\": {\n \"legend\": {\n \"calcs\": [\n \"mean\",\n \"lastNotNull\",\n \"max\",\n \"min\"\n ],\n \"displayMode\": \"table\",\n \"placement\": \"bottom\",\n \"showLegend\": true\n },\n \"tooltip\": {\n \"mode\": \"multi\",\n \"sort\": \"none\"\n }\n },\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"irate(process_cpu_user_seconds_total{instance=~\\\"$instance\\\"}[2m]) * 100\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"User CPU - {{instance}}\",\n \"refId\": \"A\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"irate(process_cpu_system_seconds_total{instance=~\\\"$instance\\\"}[2m]) * 100\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"Sys CPU - {{instance}}\",\n \"refId\": \"B\"\n }\n ],\n \"title\": \"Process CPU Usage\",\n \"type\": \"timeseries\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"mode\": \"palette-classic\"\n },\n \"custom\": {\n \"axisBorderShow\": false,\n \"axisCenteredZero\": false,\n \"axisColorMode\": \"text\",\n \"axisLabel\": \"\",\n \"axisPlacement\": \"auto\",\n \"barAlignment\": 0,\n \"drawStyle\": \"line\",\n \"fillOpacity\": 10,\n \"gradientMode\": \"none\",\n \"hideFrom\": {\n \"legend\": false,\n \"tooltip\": false,\n \"viz\": false\n },\n \"insertNulls\": false,\n \"lineInterpolation\": \"linear\",\n \"lineWidth\": 1,\n \"pointSize\": 5,\n \"scaleDistribution\": {\n \"type\": \"linear\"\n },\n \"showPoints\": \"never\",\n \"spanNulls\": false,\n \"stacking\": {\n \"group\": \"A\",\n \"mode\": \"none\"\n },\n \"thresholdsStyle\": {\n \"mode\": \"off\"\n }\n },\n \"mappings\": [],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\",\n \"value\": null\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"s\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 7,\n \"w\": 9,\n \"x\": 10,\n \"y\": 0\n },\n \"id\": 8,\n \"options\": {\n \"legend\": {\n \"calcs\": [\n \"mean\",\n \"lastNotNull\",\n \"max\",\n \"min\"\n ],\n \"displayMode\": \"table\",\n \"placement\": \"bottom\",\n \"showLegend\": true\n },\n \"tooltip\": {\n \"mode\": \"multi\",\n \"sort\": \"none\"\n }\n },\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"nodejs_eventloop_lag_seconds{instance=~\\\"$instance\\\"}\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"{{instance}}\",\n \"refId\": \"A\"\n }\n ],\n \"title\": \"Event Loop Lag\",\n \"type\": \"timeseries\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"description\": \"\",\n \"fieldConfig\": {\n \"defaults\": {\n \"mappings\": [\n {\n \"options\": {\n \"match\": \"null\",\n \"result\": {\n \"text\": \"N/A\"\n }\n },\n \"type\": \"special\"\n }\n ],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\",\n \"value\": null\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"none\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 3,\n \"w\": 5,\n \"x\": 19,\n \"y\": 0\n },\n \"id\": 2,\n \"interval\": \"\",\n \"maxDataPoints\": 100,\n \"options\": {\n \"colorMode\": \"none\",\n \"graphMode\": \"none\",\n \"justifyMode\": \"auto\",\n \"orientation\": \"horizontal\",\n \"percentChangeColorMode\": \"standard\",\n \"reduceOptions\": {\n \"calcs\": [\n \"mean\"\n ],\n \"fields\": \"/^v22\\\\.3\\\\.0$/\",\n \"values\": false\n },\n \"showPercentChange\": false,\n \"textMode\": \"name\",\n \"wideLayout\": true\n },\n \"pluginVersion\": \"11.1.0\",\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"disableTextWrap\": false,\n \"editorMode\": \"code\",\n \"expr\": \"sum(nodejs_version_info{instance=~\\\"$instance\\\"}) by (version)\",\n \"fullMetaSearch\": false,\n \"hide\": false,\n \"includeNullMetadata\": true,\n \"instant\": false,\n \"legendFormat\": \"__auto\",\n \"range\": true,\n \"refId\": \"A\",\n \"useBackend\": false\n }\n ],\n \"title\": \"Node.js Version\",\n \"type\": \"stat\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"fixedColor\": \"#F2495C\",\n \"mode\": \"fixed\"\n },\n \"mappings\": [\n {\n \"options\": {\n \"match\": \"null\",\n \"result\": {\n \"text\": \"N/A\"\n }\n },\n \"type\": \"special\"\n }\n ],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\",\n \"value\": null\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"none\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 4,\n \"w\": 5,\n \"x\": 19,\n \"y\": 3\n },\n \"id\": 4,\n \"maxDataPoints\": 100,\n \"options\": {\n \"colorMode\": \"none\",\n \"graphMode\": \"area\",\n \"justifyMode\": \"auto\",\n \"orientation\": \"horizontal\",\n \"percentChangeColorMode\": \"standard\",\n \"reduceOptions\": {\n \"calcs\": [\n \"lastNotNull\"\n ],\n \"fields\": \"\",\n \"values\": false\n },\n \"showPercentChange\": false,\n \"textMode\": \"auto\",\n \"wideLayout\": true\n },\n \"pluginVersion\": \"11.1.0\",\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"sum(changes(process_start_time_seconds{instance=~\\\"$instance\\\"}[1m]))\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"{{instance}}\",\n \"refId\": \"A\"\n }\n ],\n \"title\": \"Process Restart Times\",\n \"type\": \"stat\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"mode\": \"palette-classic\"\n },\n \"custom\": {\n \"axisBorderShow\": false,\n \"axisCenteredZero\": false,\n \"axisColorMode\": \"text\",\n \"axisLabel\": \"\",\n \"axisPlacement\": \"auto\",\n \"barAlignment\": 0,\n \"drawStyle\": \"line\",\n \"fillOpacity\": 10,\n \"gradientMode\": \"none\",\n \"hideFrom\": {\n \"legend\": false,\n \"tooltip\": false,\n \"viz\": false\n },\n \"insertNulls\": false,\n \"lineInterpolation\": \"linear\",\n \"lineWidth\": 1,\n \"pointSize\": 5,\n \"scaleDistribution\": {\n \"type\": \"linear\"\n },\n \"showPoints\": \"never\",\n \"spanNulls\": false,\n \"stacking\": {\n \"group\": \"A\",\n \"mode\": \"none\"\n },\n \"thresholdsStyle\": {\n \"mode\": \"off\"\n }\n },\n \"mappings\": [],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\",\n \"value\": null\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"bytes\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 7,\n \"w\": 16,\n \"x\": 0,\n \"y\": 7\n },\n \"id\": 7,\n \"options\": {\n \"legend\": {\n \"calcs\": [\n \"mean\",\n \"lastNotNull\",\n \"max\",\n \"min\"\n ],\n \"displayMode\": \"table\",\n \"placement\": \"right\",\n \"showLegend\": true\n },\n \"tooltip\": {\n \"mode\": \"multi\",\n \"sort\": \"none\"\n }\n },\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"process_resident_memory_bytes{instance=~\\\"$instance\\\"}\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"Process Memory - {{instance}}\",\n \"refId\": \"A\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"nodejs_heap_size_total_bytes{instance=~\\\"$instance\\\"}\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"Heap Total - {{instance}}\",\n \"refId\": \"B\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"nodejs_heap_size_used_bytes{instance=~\\\"$instance\\\"}\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"Heap Used - {{instance}}\",\n \"refId\": \"C\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"nodejs_external_memory_bytes{instance=~\\\"$instance\\\"}\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"External Memory - {{instance}}\",\n \"refId\": \"D\"\n }\n ],\n \"title\": \"Process Memory Usage\",\n \"type\": \"timeseries\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"mode\": \"palette-classic\"\n },\n \"custom\": {\n \"axisBorderShow\": false,\n \"axisCenteredZero\": false,\n \"axisColorMode\": \"text\",\n \"axisLabel\": \"\",\n \"axisPlacement\": \"auto\",\n \"barAlignment\": 0,\n \"drawStyle\": \"line\",\n \"fillOpacity\": 10,\n \"gradientMode\": \"none\",\n \"hideFrom\": {\n \"legend\": false,\n \"tooltip\": false,\n \"viz\": false\n },\n \"insertNulls\": false,\n \"lineInterpolation\": \"linear\",\n \"lineWidth\": 1,\n \"pointSize\": 5,\n \"scaleDistribution\": {\n \"type\": \"linear\"\n },\n \"showPoints\": \"never\",\n \"spanNulls\": false,\n \"stacking\": {\n \"group\": \"A\",\n \"mode\": \"none\"\n },\n \"thresholdsStyle\": {\n \"mode\": \"off\"\n }\n },\n \"mappings\": [],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\",\n \"value\": null\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"short\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 7,\n \"w\": 8,\n \"x\": 16,\n \"y\": 7\n },\n \"id\": 9,\n \"options\": {\n \"legend\": {\n \"calcs\": [\n \"mean\",\n \"lastNotNull\",\n \"max\",\n \"min\"\n ],\n \"displayMode\": \"table\",\n \"placement\": \"bottom\",\n \"showLegend\": true\n },\n \"tooltip\": {\n \"mode\": \"multi\",\n \"sort\": \"none\"\n }\n },\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"nodejs_active_handles_total{instance=~\\\"$instance\\\"}\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"Active Handler - {{instance}}\",\n \"refId\": \"A\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"nodejs_active_requests_total{instance=~\\\"$instance\\\"}\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"Active Request - {{instance}}\",\n \"refId\": \"B\"\n }\n ],\n \"title\": \"Active Handlers/Requests Total\",\n \"type\": \"timeseries\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"mode\": \"palette-classic\"\n },\n \"custom\": {\n \"axisBorderShow\": false,\n \"axisCenteredZero\": false,\n \"axisColorMode\": \"text\",\n \"axisLabel\": \"\",\n \"axisPlacement\": \"auto\",\n \"barAlignment\": 0,\n \"drawStyle\": \"line\",\n \"fillOpacity\": 10,\n \"gradientMode\": \"none\",\n \"hideFrom\": {\n \"legend\": false,\n \"tooltip\": false,\n \"viz\": false\n },\n \"insertNulls\": false,\n \"lineInterpolation\": \"linear\",\n \"lineWidth\": 1,\n \"pointSize\": 5,\n \"scaleDistribution\": {\n \"type\": \"linear\"\n },\n \"showPoints\": \"never\",\n \"spanNulls\": false,\n \"stacking\": {\n \"group\": \"A\",\n \"mode\": \"none\"\n },\n \"thresholdsStyle\": {\n \"mode\": \"off\"\n }\n },\n \"mappings\": [],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\",\n \"value\": null\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"bytes\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 8,\n \"w\": 8,\n \"x\": 0,\n \"y\": 14\n },\n \"id\": 10,\n \"options\": {\n \"legend\": {\n \"calcs\": [\n \"mean\",\n \"lastNotNull\",\n \"max\",\n \"min\"\n ],\n \"displayMode\": \"table\",\n \"placement\": \"bottom\",\n \"showLegend\": true\n },\n \"tooltip\": {\n \"mode\": \"multi\",\n \"sort\": \"none\"\n }\n },\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"nodejs_heap_space_size_total_bytes{instance=~\\\"$instance\\\"}\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"Heap Total - {{instance}} - {{space}}\",\n \"refId\": \"A\"\n }\n ],\n \"title\": \"Heap Total Detail\",\n \"type\": \"timeseries\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"mode\": \"palette-classic\"\n },\n \"custom\": {\n \"axisBorderShow\": false,\n \"axisCenteredZero\": false,\n \"axisColorMode\": \"text\",\n \"axisLabel\": \"\",\n \"axisPlacement\": \"auto\",\n \"barAlignment\": 0,\n \"drawStyle\": \"line\",\n \"fillOpacity\": 10,\n \"gradientMode\": \"none\",\n \"hideFrom\": {\n \"legend\": false,\n \"tooltip\": false,\n \"viz\": false\n },\n \"insertNulls\": false,\n \"lineInterpolation\": \"linear\",\n \"lineWidth\": 1,\n \"pointSize\": 5,\n \"scaleDistribution\": {\n \"type\": \"linear\"\n },\n \"showPoints\": \"never\",\n \"spanNulls\": false,\n \"stacking\": {\n \"group\": \"A\",\n \"mode\": \"none\"\n },\n \"thresholdsStyle\": {\n \"mode\": \"off\"\n }\n },\n \"mappings\": [],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\",\n \"value\": null\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"bytes\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 8,\n \"w\": 8,\n \"x\": 8,\n \"y\": 14\n },\n \"id\": 11,\n \"options\": {\n \"legend\": {\n \"calcs\": [\n \"mean\",\n \"lastNotNull\",\n \"max\",\n \"min\"\n ],\n \"displayMode\": \"table\",\n \"placement\": \"bottom\",\n \"showLegend\": true\n },\n \"tooltip\": {\n \"mode\": \"multi\",\n \"sort\": \"none\"\n }\n },\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"nodejs_heap_space_size_used_bytes{instance=~\\\"$instance\\\"}\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"Heap Used - {{instance}} - {{space}}\",\n \"refId\": \"A\"\n }\n ],\n \"title\": \"Heap Used Detail\",\n \"type\": \"timeseries\"\n },\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"fieldConfig\": {\n \"defaults\": {\n \"color\": {\n \"mode\": \"palette-classic\"\n },\n \"custom\": {\n \"axisBorderShow\": false,\n \"axisCenteredZero\": false,\n \"axisColorMode\": \"text\",\n \"axisLabel\": \"\",\n \"axisPlacement\": \"auto\",\n \"barAlignment\": 0,\n \"drawStyle\": \"line\",\n \"fillOpacity\": 10,\n \"gradientMode\": \"none\",\n \"hideFrom\": {\n \"legend\": false,\n \"tooltip\": false,\n \"viz\": false\n },\n \"insertNulls\": false,\n \"lineInterpolation\": \"linear\",\n \"lineWidth\": 1,\n \"pointSize\": 5,\n \"scaleDistribution\": {\n \"type\": \"linear\"\n },\n \"showPoints\": \"never\",\n \"spanNulls\": false,\n \"stacking\": {\n \"group\": \"A\",\n \"mode\": \"none\"\n },\n \"thresholdsStyle\": {\n \"mode\": \"off\"\n }\n },\n \"mappings\": [],\n \"thresholds\": {\n \"mode\": \"absolute\",\n \"steps\": [\n {\n \"color\": \"green\",\n \"value\": null\n },\n {\n \"color\": \"red\",\n \"value\": 80\n }\n ]\n },\n \"unit\": \"bytes\"\n },\n \"overrides\": []\n },\n \"gridPos\": {\n \"h\": 8,\n \"w\": 8,\n \"x\": 16,\n \"y\": 14\n },\n \"id\": 12,\n \"options\": {\n \"legend\": {\n \"calcs\": [\n \"mean\",\n \"lastNotNull\",\n \"max\",\n \"min\"\n ],\n \"displayMode\": \"table\",\n \"placement\": \"bottom\",\n \"showLegend\": true\n },\n \"tooltip\": {\n \"mode\": \"multi\",\n \"sort\": \"none\"\n }\n },\n \"targets\": [\n {\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"expr\": \"nodejs_heap_space_size_available_bytes{instance=~\\\"$instance\\\"}\",\n \"format\": \"time_series\",\n \"intervalFactor\": 1,\n \"legendFormat\": \"Heap Used - {{instance}} - {{space}}\",\n \"refId\": \"A\"\n }\n ],\n \"title\": \"Heap Available Detail\",\n \"type\": \"timeseries\"\n }\n ],\n \"schemaVersion\": 39,\n \"tags\": [\n \"nodejs\"\n ],\n \"templating\": {\n \"list\": [\n {\n \"current\": {\n \"selected\": false,\n \"text\": \"All\",\n \"value\": \"$__all\"\n },\n \"datasource\": {\n \"type\": \"prometheus\",\n \"uid\": \"cds4j1ybfuhogb\"\n },\n \"definition\": \"label_values(nodejs_version_info, instance)\",\n \"hide\": 0,\n \"includeAll\": true,\n \"label\": \"instance\",\n \"multi\": true,\n \"name\": \"instance\",\n \"options\": [],\n \"query\": \"label_values(nodejs_version_info, instance)\",\n \"refresh\": 1,\n \"regex\": \"\",\n \"skipUrlSync\": false,\n \"sort\": 1,\n \"tagValuesQuery\": \"\",\n \"tagsQuery\": \"\",\n \"type\": \"query\",\n \"useTags\": false\n }\n ]\n },\n \"time\": {\n \"from\": \"now-1h\",\n \"to\": \"now\"\n },\n \"timepicker\": {\n \"refresh_intervals\": [\n \"5s\",\n \"10s\",\n \"30s\",\n \"1m\",\n \"5m\",\n \"15m\",\n \"30m\",\n \"1h\",\n \"2h\",\n \"1d\"\n ],\n \"time_options\": [\n \"5m\",\n \"15m\",\n \"1h\",\n \"6h\",\n \"12h\",\n \"24h\",\n \"2d\",\n \"7d\",\n \"30d\"\n ]\n },\n \"timezone\": \"\",\n \"title\": \"FlowiseAI Server\",\n \"uid\": \"PTSqcpJWk\",\n \"version\": 5,\n \"weekStart\": \"\"\n}" }, { "path": "metrics/otel/compose.yaml", "content": "version: \"2\"\nservices:\n otel-collector:\n read_only: true\n image: otel/opentelemetry-collector-contrib\n command: [\"--config=/etc/otelcol-contrib/config.yaml\", \"--feature-gates=-exporter.datadogexporter.DisableAPMStats\", \"${OTELCOL_ARGS}\"]\n volumes:\n - ./otel.config.yml:/etc/otelcol-contrib/config.yaml\n ports:\n - 1888:1888 # pprof extension\n - 8888:8888 # Prometheus metrics exposed by the Collector\n - 8889:8889 # Prometheus exporter metrics\n - 13133:13133 # health_check extension\n - 4317:4317 # OTLP gRPC receiver\n - 4318:4318 # OTLP http receiver\n - 55679:55679 # zpages extension\n" }, { "path": "metrics/otel/otel.config.yml", "content": "receivers:\n otlp:\n protocols:\n http:\n endpoint: 0.0.0.0:4318\n grpc:\n endpoint: 0.0.0.0:4317\n # The hostmetrics receiver is required to get correct infrastructure metrics in Datadog.\n hostmetrics:\n collection_interval: 10s\n scrapers:\n paging:\n metrics:\n system.paging.utilization:\n enabled: true\n cpu:\n metrics:\n system.cpu.utilization:\n enabled: true\n disk:\n filesystem:\n metrics:\n system.filesystem.utilization:\n enabled: true\n load:\n memory:\n network:\n\n # The prometheus receiver scrapes metrics needed for the OpenTelemetry Collector Dashboard.\n prometheus:\n config:\n scrape_configs:\n - job_name: 'otelcol'\n scrape_interval: 10s\n static_configs:\n - targets: ['0.0.0.0:8888']\n\n filelog:\n include_file_path: true\n poll_interval: 10s\n include:\n - /var/log/**/*example*/*.log\n\nprocessors:\n batch:\n send_batch_max_size: 100\n send_batch_size: 10\n timeout: 10s\n\nconnectors:\n datadog/connector:\n\nexporters:\n datadog/exporter:\n api:\n site: us5.datadoghq.com\n key: \"replace_api_key\"\n\nservice:\n pipelines:\n metrics:\n receivers: [datadog/connector, hostmetrics, prometheus, otlp]\n processors: [batch]\n exporters: [datadog/exporter]\n traces:\n receivers: [otlp]\n processors: [batch]\n exporters: [datadog/connector, datadog/exporter]\n logs:\n receivers: [otlp, filelog]\n processors: [batch]\n exporters: [datadog/exporter]\n" }, { "path": "metrics/prometheus/prometheus.config.yml", "content": "global:\n scrape_interval: 5s\nscrape_configs:\n - job_name: 'FlowiseAI'\n static_configs:\n - targets: ['localhost:8080', 'localhost:3000']\n\n metrics_path: /api/v1/metrics/\n scheme: http\n\n authorization:\n type: Bearer\n credentials_file: '/etc/prometheus/api_key.txt'\n" }, { "path": "package.json", "content": "{\n \"name\": \"flowise\",\n \"version\": \"3.1.0\",\n \"private\": true,\n \"homepage\": \"https://flowiseai.com\",\n \"workspaces\": [\n \"packages/*\",\n \"flowise\",\n \"ui\",\n \"components\",\n \"api-documentation\"\n ],\n \"scripts\": {\n \"build\": \"turbo run build\",\n \"build-force\": \"pnpm clean && turbo run build --force\",\n \"dev\": \"turbo run dev --parallel --no-cache\",\n \"start\": \"run-script-os\",\n \"start:windows\": \"cd packages/server/bin && run start\",\n \"start:default\": \"cd packages/server/bin && ./run start\",\n \"start-worker\": \"run-script-os\",\n \"start-worker:windows\": \"cd packages/server/bin && run worker\",\n \"start-worker:default\": \"cd packages/server/bin && ./run worker\",\n \"user\": \"run-script-os\",\n \"user:windows\": \"cd packages/server/bin && run user\",\n \"user:default\": \"cd packages/server/bin && ./run user\",\n \"test\": \"turbo run test\",\n \"test:coverage\": \"turbo run test:coverage\",\n \"clean\": \"pnpm --filter \\\"./packages/**\\\" clean\",\n \"nuke\": \"pnpm --filter \\\"./packages/**\\\" nuke && rimraf node_modules .turbo\",\n \"format\": \"prettier --write \\\"**/*.{ts,tsx,md}\\\"\",\n \"lint\": \"eslint \\\"**/*.{js,jsx,ts,tsx,json,md}\\\"\",\n \"lint-fix\": \"pnpm lint --fix\",\n \"quick\": \"pretty-quick --staged\",\n \"postinstall\": \"husky install\",\n \"migration:create\": \"pnpm typeorm migration:create\"\n },\n \"lint-staged\": {\n \"*.{js,jsx,ts,tsx,json,md}\": \"eslint --fix\"\n },\n \"devDependencies\": {\n \"@babel/preset-env\": \"^7.19.4\",\n \"@babel/preset-typescript\": \"7.18.6\",\n \"@types/express\": \"^4.17.13\",\n \"@typescript-eslint/typescript-estree\": \"^7.13.1\",\n \"eslint\": \"^8.24.0\",\n \"eslint-config-prettier\": \"^8.3.0\",\n \"eslint-config-react-app\": \"^7.0.1\",\n \"eslint-plugin-jsx-a11y\": \"^6.6.1\",\n \"eslint-plugin-markdown\": \"^3.0.0\",\n \"eslint-plugin-prettier\": \"^3.4.0\",\n \"eslint-plugin-react\": \"^7.26.1\",\n \"eslint-plugin-react-hooks\": \"^4.6.0\",\n \"eslint-plugin-unused-imports\": \"^2.0.0\",\n \"husky\": \"^8.0.1\",\n \"kill-port\": \"2.0.1\",\n \"lint-staged\": \"^13.0.3\",\n \"prettier\": \"^2.7.1\",\n \"pretty-quick\": \"^3.1.3\",\n \"rimraf\": \"^3.0.2\",\n \"run-script-os\": \"^1.1.6\",\n \"turbo\": \"1.10.16\",\n \"typescript\": \"^5.4.5\"\n },\n \"pnpm\": {\n \"onlyBuiltDependencies\": [\n \"faiss-node\",\n \"sqlite3\"\n ],\n \"overrides\": {\n \"axios\": \"1.12.0\",\n \"body-parser\": \"2.0.2\",\n \"braces\": \"3.0.3\",\n \"cross-spawn\": \"7.0.6\",\n \"form-data\": \"4.0.4\",\n \"glob-parent\": \"6.0.2\",\n \"http-proxy-middleware\": \"3.0.3\",\n \"json5\": \"2.2.3\",\n \"nth-check\": \"2.1.1\",\n \"path-to-regexp\": \"0.1.12\",\n \"prismjs\": \"1.29.0\",\n \"rollup\": \"4.45.0\",\n \"semver\": \"7.7.1\",\n \"set-value\": \"4.1.0\",\n \"solid-js\": \"1.9.7\",\n \"tar-fs\": \"3.1.0\",\n \"unset-value\": \"2.0.1\",\n \"webpack-dev-middleware\": \"7.4.2\",\n \"ws\": \"8.18.3\",\n \"xlsx\": \"https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz\",\n \"uuid\": \"^10.0.0\",\n \"request>uuid\": \"^3.4.0\"\n }\n },\n \"engines\": {\n \"node\": \">=18.15.0 <19.0.0 || ^20\",\n \"pnpm\": \"^10.26.0\"\n },\n \"resolutions\": {\n \"@anthropic-ai/sdk\": \"^0.73.0\",\n \"@google/generative-ai\": \"^0.24.0\",\n \"@grpc/grpc-js\": \"^1.10.10\",\n \"@langchain/core\": \"1.1.20\",\n \"@qdrant/openapi-typescript-fetch\": \"1.2.6\",\n \"openai\": \"6.19.0\",\n \"protobufjs\": \"7.4.0\",\n \"uuid\": \"^10.0.0\"\n },\n \"eslintIgnore\": [\n \"**/dist\",\n \"**/node_modules\",\n \"**/build\",\n \"**/package-lock.json\"\n ],\n \"prettier\": {\n \"printWidth\": 140,\n \"singleQuote\": true,\n \"jsxSingleQuote\": true,\n \"trailingComma\": \"none\",\n \"tabWidth\": 4,\n \"semi\": false,\n \"endOfLine\": \"auto\"\n },\n \"babel\": {\n \"presets\": [\n \"@babel/preset-typescript\",\n [\n \"@babel/preset-env\",\n {\n \"targets\": {\n \"node\": \"current\"\n }\n }\n ]\n ]\n }\n}\n" }, { "path": "packages/agentflow/.eslintignore", "content": "dist\nnode_modules\nbuild\ncoverage\n*.config.ts\n*.config.js\nvite.config.ts\nexamples/dist\nexamples/vite.config.ts\n" }, { "path": "packages/agentflow/.eslintrc.js", "content": "const features = ['canvas', 'generator', 'node-editor', 'node-palette']\nconst crossFeatureRules = features.map((feature) => ({\n target: `./src/features/${feature}`,\n from: './src/features',\n except: [`./${feature}`],\n message: 'Features cannot import from other features. Move shared logic to core.'\n}))\n\nmodule.exports = {\n root: true,\n extends: [\n 'eslint:recommended',\n 'plugin:markdown/recommended',\n 'plugin:react/recommended',\n 'plugin:react/jsx-runtime',\n 'plugin:react-hooks/recommended',\n 'plugin:jsx-a11y/recommended',\n 'plugin:@typescript-eslint/recommended',\n 'plugin:prettier/recommended'\n ],\n parser: '@typescript-eslint/parser',\n parserOptions: {\n ecmaVersion: 'latest',\n sourceType: 'module',\n ecmaFeatures: {\n jsx: true\n }\n },\n settings: {\n react: {\n version: 'detect'\n },\n 'import/resolver': {\n typescript: {\n project: './tsconfig.json'\n }\n }\n },\n plugins: ['react', 'react-hooks', '@typescript-eslint', 'unused-imports', 'jsx-a11y', 'simple-import-sort', 'import'],\n ignorePatterns: ['dist', 'node_modules', 'build', 'vite.config.ts', 'examples/dist', '**/*.json'],\n rules: {\n '@typescript-eslint/explicit-module-boundary-types': 'off',\n '@typescript-eslint/no-explicit-any': 'warn',\n '@typescript-eslint/no-unused-vars': 'off',\n 'no-unused-vars': 'off',\n 'unused-imports/no-unused-imports': 'warn',\n 'unused-imports/no-unused-vars': [\n 'warn',\n {\n vars: 'all',\n varsIgnorePattern: '^_',\n args: 'after-used',\n argsIgnorePattern: '^_'\n }\n ],\n 'no-console': ['warn', { allow: ['warn', 'error', 'info'] }],\n 'react/prop-types': 'off',\n 'react/react-in-jsx-scope': 'off',\n 'simple-import-sort/imports': [\n 'error',\n {\n groups: [\n // Side effect imports\n ['^\\\\u0000'],\n // React and React-related packages first\n ['^react', '^react-dom'],\n // Other external packages (starting with @ or letter)\n ['^@?\\\\w'],\n // Internal packages (using @ alias)\n ['^@/'],\n // Parent imports (../)\n ['^\\\\.\\\\.(?!/?$)', '^\\\\.\\\\./?$'],\n // Same directory imports (./)\n ['^\\\\./(?=.*/)(?!/?$)', '^\\\\.(?!/?$)', '^\\\\./?$'],\n // Type imports\n ['^.+\\\\.?(css|scss)$']\n ]\n }\n ],\n 'simple-import-sort/exports': 'error',\n 'import/first': 'error',\n 'import/newline-after-import': 'error',\n 'import/no-duplicates': 'error',\n // Allow autoFocus on custom components (e.g. RichTextEditor in dialogs) — they manage\n // focus programmatically per WAI-ARIA dialog patterns. Native elements are still flagged.\n 'jsx-a11y/no-autofocus': ['error', { ignoreNonDOM: true }],\n 'prettier/prettier': 'error',\n // Ban @/features alias — features use relative imports internally, and no other\n // layer should import from features (enforced by import/no-restricted-paths below).\n // This catches any remaining edge case where the alias would bypass zone checks.\n 'no-restricted-imports': [\n 'error',\n {\n patterns: [\n {\n group: ['@/features', '@/features/*'],\n message:\n '@/features alias is not allowed. Features use relative imports internally; other layers cannot import from features.'\n }\n ]\n }\n ],\n // Architectural boundary enforcement\n 'import/no-restricted-paths': [\n 'error',\n {\n zones: [\n // atoms/ can only import from core/types (not from features, infrastructure, or core utils)\n {\n target: './src/atoms',\n from: './src/features',\n message: 'Atoms cannot import from features. Keep atoms dumb and reusable.'\n },\n {\n target: './src/atoms',\n from: './src/infrastructure',\n message: 'Atoms cannot import from infrastructure. Use props instead of contexts.'\n },\n {\n target: './src/atoms',\n from: './src/core',\n except: ['./types', './theme'],\n message: 'Atoms can only import from core/types and core/theme, not utilities or business logic.'\n },\n // core/ cannot import from anything (leaf node)\n {\n target: './src/core',\n from: './src/atoms',\n message: 'Core is a leaf node and cannot import from atoms.'\n },\n {\n target: './src/core',\n from: './src/features',\n message: 'Core is a leaf node and cannot import from features.'\n },\n {\n target: './src/core',\n from: './src/infrastructure',\n message: 'Core is a leaf node and cannot import from infrastructure.'\n },\n // infrastructure/ can only import from core/\n {\n target: './src/infrastructure',\n from: './src/atoms',\n message: 'Infrastructure cannot import from atoms. Move shared code to core.'\n },\n {\n target: './src/infrastructure',\n from: './src/features',\n message: 'Infrastructure cannot import from features. Move shared code to core.'\n },\n // features/ cannot import from other features (prevent cross-feature dependencies)\n ...crossFeatureRules\n ]\n }\n ]\n },\n env: {\n browser: true,\n es2021: true,\n node: true\n },\n overrides: [\n {\n files: ['examples/**/*.{js,jsx,ts,tsx}', '**/*.md/**'],\n rules: {\n 'no-console': 'off',\n '@typescript-eslint/no-non-null-assertion': 'off'\n }\n },\n {\n files: ['src/__mocks__/**/*.{ts,tsx}'],\n rules: {\n '@typescript-eslint/no-explicit-any': 'off'\n }\n },\n {\n files: ['src/__test_utils__/**/*.js'],\n rules: {\n '@typescript-eslint/no-require-imports': 'off'\n }\n }\n ]\n}\n" }, { "path": "packages/agentflow/.npmignore", "content": "# Source & config\n/src\n/examples\n*.ts\n!*.d.ts\ntsconfig.json\nvite.config.ts\njest.config.js\n.eslintrc.js\n\n# Dev artifacts\n.turbo\nnode_modules\n.DS_Store\n\n# Keep dist\n!dist\n" }, { "path": "packages/agentflow/.prettierignore", "content": "dist\nnode_modules\nbuild\ncoverage\n*.config.ts\n*.config.js\nvite.config.ts\nexamples/dist\nexamples/vite.config.ts\npnpm-lock.yaml\npackage-lock.json\n" }, { "path": "packages/agentflow/.prettierrc", "content": "{\n \"printWidth\": 140,\n \"singleQuote\": true,\n \"jsxSingleQuote\": true,\n \"trailingComma\": \"none\",\n \"tabWidth\": 4,\n \"semi\": false,\n \"endOfLine\": \"auto\"\n}\n" }, { "path": "packages/agentflow/ARCHITECTURE.md", "content": "# @flowiseai/agentflow - Architecture\n\nThis document describes the internal architecture of the `@flowiseai/agentflow` package.\n\n## Overview\n\nThe package follows a **Domain-Driven Modular Architecture** with clear separation of concerns. The goal is to separate low-level UI primitives from high-level business logic to ensure high reusability and easy testing.\n\n```\nsrc/\n├── index.ts # Public Package API (\"Public Face\")\n├── Agentflow.tsx # Main component\n├── AgentflowProvider.tsx # Root provider (composition)\n├── useAgentflow.ts # Primary public hook\n│\n├── atoms/ # ⚛️ UI Primitives (\"What it looks like\" (Dumb))\n├── features/ # 🧩 Domain Features (\"What it does\" (Smart))\n├── core/ # 🧠 Business Logic (\"Business Rules\" (Types/Logic))\n└── infrastructure/ # 🌐 External Services (\"Outside World\" (API/Storage))\n```\n\n---\n\n## Directory Structure\n\n### `atoms/` - UI Primitives\n\n**\"What it looks like.\"** Tiny, irreducible UI components with no business logic. These are the building blocks used by features.\n\n```\natoms/\n├── MainCard.tsx # Styled card wrapper\n├── NodeInputHandler.tsx # Form input for node properties\n├── ... # Other UI primitives\n└── index.ts # Central export\n```\n\n**Rules:**\n\n- Must be \"dumb\" and stateless\n- No business logic\n- No API calls\n- Stateless or minimal local state\n- Imported by features, never the reverse\n- **Forbidden**: Importing from `features/` or `infrastructure/` (except types from `core/types` for prop definitions and design tokens from `core/theme`)\n\n**Goal:** 100% visual consistency.\n\n---\n\n### `features/` - Domain Features\n\n**\"What it does.\"** Complex, self-contained domain modules (silos) that house the application's core functionality. Each feature owns its components, hooks, and utilities.\n\n```\nfeatures/\n├── canvas/ # Core ReactFlow canvas\n│ ├── containers/ # Smart components with state/logic\n│ │ ├── AgentFlowNode.tsx\n│ │ ├── AgentFlowEdge.tsx\n│ │ ├── ... # Other node containers\n│ │ └── index.ts\n│ ├── components/ # Presentational components\n│ │ ├── ConnectionLine.tsx\n│ │ ├── NodeOutputHandles.tsx\n│ │ ├── ... # Other presentational components\n│ │ └── index.ts\n│ ├── hooks/ # Canvas-related hooks\n│ │ ├── useFlowHandlers.ts\n│ │ ├── useDragAndDrop.ts\n│ │ ├── ... # Other canvas hooks\n│ │ └── index.ts\n│ ├── styled.ts # Styled components\n│ └── index.ts # Public API\n│\n├── node-palette/ # Add nodes drawer\n│ ├── AddNodesDrawer.tsx\n│ ├── search.ts # Feature-specific utility (private)\n│ ├── ...\n│ └── index.ts\n│\n├── generator/ # AI flow generation\n│ ├── GenerateFlowDialog.tsx\n│ ├── ...\n│ └── index.ts\n│\n└── node-editor/ # Node property editing\n ├── EditNodeDialog.tsx\n └── index.ts\n```\n\n**Rules:**\n\n- Each feature has an `index.ts` gatekeeper\n- **Features never import from other features directly** - If `canvas` needs logic from `generator`, move that logic to `core/`\n- Feature-specific utils stay in the feature folder\n- Styles are co-located with their feature\n- Use `containers/` for smart components (with state, hooks, side effects)\n- Use `components/` for presentational components (props in, JSX out)\n\n**Goal:** High cohesion. Should be able to delete a feature folder without breaking others.\n\n---\n\n### `core/` - Business Logic\n\n**\"The Brain.\"** Framework-agnostic logic, types, and utilities. No React, no UI - pure TypeScript. Contains validation schemas, node registries, domain constants, and shared types.\n\n```\ncore/\n├── types/ # Global interfaces (Node, Edge, Flow)\n│ └── index.ts\n├── node-config/ # Node configuration (icons, colors, default types)\n│ ├── nodeIcons.ts # AGENTFLOW_ICONS, DEFAULT_AGENTFLOW_NODES\n│ └── ...\n├── node-catalog/ # Node catalog and filtering logic\n│ ├── nodeFilters.ts # filterNodesByComponents, isAgentflowNode\n│ └── ...\n├── theme/ # Design tokens and MUI theming\n│ ├── tokens.ts # Color palettes, spacing, shadows\n│ ├── createAgentflowTheme.ts\n│ └── ...\n├── validation/ # Flow validation logic\n│ ├── flowValidation.ts # validateFlow, validateNode\n│ ├── connectionValidation.ts # isValidConnectionAgentflowV2\n│ └── ...\n├── utils/ # Generic utilities\n│ ├── nodeFactory.ts # initNode, getUniqueNodeId\n│ └── ...\n└── index.ts # Barrel export (use sparingly)\n```\n\n**Rules:**\n\n- **No React components allowed** - Pure TypeScript only\n- No browser-specific APIs if possible\n- No side effects\n- Pure functions where possible\n- Can be tested in isolation\n\n**Goal:** To be the framework-agnostic source of truth.\n\n---\n\n### `infrastructure/` - External Services\n\n**\"The Outside World.\"** Handles communication with external systems: data persistence, network requests, and global state management.\n\n```\ninfrastructure/\n├── api/ # API client layer (network requests)\n│ ├── client.ts # Axios factory\n│ ├── ... # Endpoint modules (nodes, chatflows, etc.)\n│ └── index.ts\n│\n└── store/ # State management\n ├── AgentflowContext.tsx # Flow state context\n ├── agentflowReducer.ts # Reducer for flow state actions\n ├── ... # Other contexts (ApiContext, ConfigContext)\n └── index.ts\n```\n\n**Rules:**\n\n- All external communication goes here\n- Contexts are internal (composed in AgentflowProvider)\n- API hooks live with their API modules\n\n**Goal:** To wrap external dependencies so they can be easily swapped or mocked in tests.\n\n---\n\n## Dependency Flow\n\n**Dependencies must only flow downwards.**\n\n```\n┌─────────────────────────────────────────────────────────┐\n│ Root Files (Public API) │\n│ (index.ts, Agentflow.tsx, AgentflowProvider.tsx) │\n│ \"The Public Face\" │\n└─────────────────────────────────────────────────────────┘\n │\n ▼\n┌─────────────────────────────────────────────────────────┐\n│ features/ │\n│ (canvas, node-palette, generator, node-editor) │\n│ \"What it does\" │\n└─────────────────────────────────────────────────────────┘\n │ │\n ▼ ▼\n┌──────────────────┐ ┌────────────────────────┐\n│ atoms/ │ │ infrastructure/ │\n│ (UI primitives) │ │ (api, store) │\n│ \"What it looks │ │ \"The Outside World\" │\n│ like\" │ │ │\n└──────────────────┘ └────────────────────────┘\n │ │\n └──────────────┬─────────────────────┘\n ▼\n ┌─────────────────────┐\n │ core/ │\n │ (types, constants, │\n │ validation, etc.) │\n │ \"The Brain\" │\n └─────────────────────┘\n```\n\n**Import Rules:**\n\n- `features` → `atoms`, `infrastructure`, `core` ✅\n- `infrastructure` → `core` ✅\n- `atoms` → `core/types` and `core/theme` only (for type definitions and design tokens) ✅\n- `core` → nothing (leaf node) ✅\n- **Atoms and Core are \"leaf\" nodes** - they cannot import from `features/` or `infrastructure/`\n\n---\n\n## Gatekeeper Pattern\n\nEach module exposes only what's needed via its `index.ts`:\n\n```typescript\n// features/canvas/index.ts\n// ✅ Public API\nexport const nodeTypes = { ... }\nexport const edgeTypes = { ... }\nexport { ConnectionLine, AgentflowHeader, createHeaderProps }\nexport { useFlowNodes, useFlowHandlers, useDragAndDrop }\n\n// Container components are re-exported for advanced usage\nexport { AgentFlowNode, AgentFlowEdge, StickyNote, IterationNode }\n\n// ❌ Internal sub-components stay private within containers/components\n```\n\nThis enables:\n\n- **Encapsulation**: Internal refactoring doesn't break consumers\n- **Tree-shaking**: Bundlers can eliminate unused code\n- **Clarity**: Clear contract of what each module provides\n\n---\n\n## Adding a New Feature\n\n1. Create folder under `features/`:\n\n ```\n features/my-feature/\n ├── containers/ # Smart components (optional)\n │ └── MyContainer.tsx\n ├── components/ # Presentational components (optional)\n │ └── MyComponent.tsx\n ├── hooks/ # Feature-specific hooks (optional)\n │ └── useMyHook.ts\n ├── helper.ts # Feature-specific util\n └── index.ts # Public exports only\n ```\n\n2. Export only what's needed:\n\n ```typescript\n // index.ts\n export { MyContainer } from './containers'\n export { MyComponent } from './components'\n export { useMyHook } from './hooks'\n export type { MyComponentProps } from './components'\n ```\n\n3. Import from infrastructure/core, never from other features:\n\n ```typescript\n // ✅ Good\n import { useApiContext } from '../../infrastructure/store'\n import type { NodeData } from '../../core/types'\n\n // ❌ Bad - cross-feature import\n import { AgentFlowNode } from '../canvas/containers/AgentFlowNode'\n ```\n\n---\n\n## Root Files (`src/*.ts`)\n\n**\"The Public Face.\"** The entry point of the package.\n\n- **`AgentflowProvider.tsx`**: Injects infrastructure (stores/api) into the app\n- **`Agentflow.tsx`**: The primary component users will drop into their apps\n- **`useAgentflow.ts`**: Primary public hook for accessing flow state and actions\n- **`index.ts`**: The \"Barrel\" that exports the public API for npm\n\n---\n\n## Public API\n\nThe package exposes a minimal public API via `src/index.ts`:\n\n```typescript\n// Components\nexport { Agentflow } from './Agentflow'\nexport { AgentflowProvider } from './AgentflowProvider'\n\n// Hooks\nexport { useAgentflow } from './useAgentflow'\nexport { useApiContext, useConfigContext, useAgentflowContext } from './infrastructure/store'\n\n// Types\nexport type { AgentflowProps, FlowData, NodeData, ... } from './core/types'\n\n// Utilities (for advanced usage)\nexport { AGENTFLOW_ICONS, validateFlow, ... } from './core/...'\n```\n\nEverything else is internal implementation detail.\n\n---\n\n## Development Principles\n\n### Barrel Exports\n\nEvery directory must have an `index.ts` that acts as a gatekeeper.\n\n**✅ Good:**\n\n```typescript\nimport { Button } from '@atoms'\nimport { useFlowHandlers } from '@features/canvas'\n```\n\n**❌ Bad:**\n\n```typescript\n// Never deep-link into files\nimport { Button } from '@atoms/Button/Button'\nimport { useFlowHandlers } from '@features/canvas/hooks/useFlowHandlers'\n```\n\n### Prop Drilling vs. Context\n\n- **Atoms**: Use props for all configuration\n- **Features**: Use context/state for shared data\n\n### Naming Convention\n\n| Type | Convention | Example |\n| ----------- | ------------------------- | ------------------------------------- |\n| Component | PascalCase.tsx | `AgentFlowNode.tsx` |\n| Hook | camelCase.ts (use prefix) | `useFlowHandlers.ts` |\n| Logic/Types | camelCase.ts | `flowValidation.ts`, `nodeFilters.ts` |\n| Styles | kebab-case (co-located) | `canvas.css` |\n" }, { "path": "packages/agentflow/README.md", "content": "# @flowiseai/agentflow\r\n\r\n[![Version](https://img.shields.io/npm/v/@flowiseai/agentflow)](https://www.npmjs.com/package/@flowiseai/agentflow)\r\n[![License](https://img.shields.io/badge/license-Apache--2.0-blue)](https://github.com/FlowiseAI/Flowise/blob/main/LICENSE.md)\r\n\r\n> Embeddable React component for building and visualizing AI agent workflows\r\n\r\n## ⚠️ Status\r\n\r\n**This package is currently under active development.**\r\n\r\n- 🚧 Components are not yet fully functional\r\n- ❌ End-to-end functionality is not complete\r\n- 🔄 Features are still being implemented and tested\r\n- ⚡ APIs may change before stable release\r\n- 📝 Documentation is being updated as development progresses\r\n\r\n**Cannot be used in production. For development and testing purposes only.**\r\n\r\n## Overview\r\n\r\n`@flowiseai/agentflow` is a React-based flow editor for creating AI agent workflows. It provides a visual canvas built on ReactFlow for connecting AI agents, LLMs, tools, and logic nodes.\r\n\r\n## Features\r\n\r\n- **Visual Canvas** — Drag-and-drop flow editor built on ReactFlow with zoom, pan, minimap, and fit-to-view controls\r\n- **15 Built-in Node Types** — Start, Agent, LLM, Condition, Condition Agent, Human Input, Loop, Direct Reply, Custom Function, Tool, Retriever, Sticky Note, HTTP, Iteration, and Execute Flow\r\n- **Node Editor Dialog** — Modal for editing node parameters with dynamic input types (text, number, boolean, dropdown, arrays, async options)\r\n- **Rich Text Editor** — TipTap-based editor with syntax highlighting for JavaScript, TypeScript, Python, and JSON (lazy-loaded)\r\n- **Specialized Input Components** — Condition builder, messages input (role + content), and structured output schema builder\r\n- **AI Flow Generator** — Generate flows from natural language descriptions with model selection\r\n- **Flow Validation** — Detects empty flows, missing start nodes, disconnected nodes, cycles, hanging edges, and per-node input errors with visual feedback\r\n- **Dark Mode** — Full light/dark theme support via design tokens and CSS variables\r\n- **Read-Only Mode** — Disable editing for view-only embedding\r\n- **Custom Rendering** — Replace the default header and node palette with your own components via render props\r\n- **Imperative API** — Programmatic control via ref (`getFlow`, `validate`, `fitView`, `clear`, `addNode`, `toJSON`)\r\n- **Request Interceptor** — Customize outgoing API requests (headers, credentials) via an Axios interceptor callback\r\n- **Keyboard Shortcuts** — Cmd/Ctrl+S to save\r\n\r\n## Installation\r\n\r\n```bash\r\npnpm add @flowiseai/agentflow\r\n```\r\n\r\n**Peer Dependencies:**\r\n\r\n```bash\r\npnpm add react react-dom @mui/material @mui/icons-material @emotion/react @emotion/styled reactflow\r\n```\r\n\r\n## Basic Usage\r\n\r\n```tsx\r\nimport { Agentflow } from '@flowiseai/agentflow'\r\n\r\nimport '@flowiseai/agentflow/flowise.css'\r\n\r\nexport default function App() {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n}\r\r\n```\r\n\r\n### With Initial Flow Data and Callbacks\r\n\r\n```tsx\r\nimport { useRef } from 'react'\r\n\r\nimport { Agentflow, type AgentFlowInstance, type FlowData } from '@flowiseai/agentflow'\r\n\r\nimport '@flowiseai/agentflow/flowise.css'\r\n\r\nexport default function App() {\r\n const ref = useRef(null)\r\n\r\n const initialFlow: FlowData = {\r\n nodes: [\r\n {\r\n id: 'startAgentflow_0',\r\n type: 'agentflowNode',\r\n position: { x: 100, y: 100 },\r\n data: {\r\n id: 'startAgentflow_0',\r\n name: 'startAgentflow',\r\n label: 'Start',\r\n color: '#7EE787',\r\n hideInput: true,\r\n outputAnchors: [{ id: 'startAgentflow_0-output-0', name: 'start', label: 'Start', type: 'start' }]\r\n }\r\n }\r\n ],\r\n edges: [],\r\n viewport: { x: 0, y: 0, zoom: 1 }\r\n }\r\n\r\n return (\r\n
\r\n console.log('Flow changed:', flow)}\r\n onSave={(flow) => console.log('Flow saved:', flow)}\r\n />\r\n
\r\n )\r\n}\r\r\n```\r\n\r\n## Props\r\n\r\n\r\n| Prop | Type | Default | Description |\r\n| -------------------- | ------------------------------------------ | -------------- | --------------------------------------------------------------- |\r\n| `apiBaseUrl` | `string` | **(required)** | Flowise API server endpoint |\r\n| `token` | `string` | — | Authentication token for API calls |\r\n| `requestInterceptor` | `(config: InternalAxiosRequestConfig) => InternalAxiosRequestConfig` | — | Customize outgoing API requests (e.g., set `withCredentials`, add headers). The callback receives the full Axios request config — only modify what you need. See [Security: requestInterceptor](#security-requestinterceptor) below. |\r\n| `initialFlow` | `FlowData` | — | Initial flow data to render (uncontrolled — only used on mount) |\r\n| `components` | `string[]` | — | Restrict which node types appear in the palette |\r\n| `onFlowChange` | `(flow: FlowData) => void` | — | Called when the flow changes (node/edge add, remove, move) |\r\n| `onSave` | `(flow: FlowData) => void` | — | Called when the user triggers a save |\r\n| `onFlowGenerated` | `(flow: FlowData) => void` | — | Called when a flow is generated via AI |\r\n| `isDarkMode` | `boolean` | `false` | Use dark mode theme |\r\n| `readOnly` | `boolean` | `false` | Disable editing (nodes not draggable/connectable) |\r\n| `showDefaultHeader` | `boolean` | `true` | Show built-in header (ignored if `renderHeader` provided) |\r\n| `showDefaultPalette` | `boolean` | `true` | Show built-in node palette |\r\n| `enableGenerator` | `boolean` | `true` | Show the AI flow generator button |\r\n| `renderHeader` | `(props: HeaderRenderProps) => ReactNode` | — | Custom header renderer |\r\n| `renderNodePalette` | `(props: PaletteRenderProps) => ReactNode` | — | Custom node palette renderer |\r\n\r\n### Imperative Methods (via `ref`)\r\n\r\n| Method | Return Type | Description |\r\n| ------------------------ | ------------------------- | ------------------------------------- |\r\n| `getFlow()` | `FlowData` | Get current flow data |\r\n| `toJSON()` | `string` | Export flow as JSON string |\r\n| `validate()` | `ValidationResult` | Validate the current flow |\r\n| `fitView()` | `void` | Fit all nodes into view |\r\n| `clear()` | `void` | Remove all nodes and edges |\r\n| `addNode(nodeData)` | `void` | Add a node (`Partial`) |\r\n| `getReactFlowInstance()` | `ReactFlowInstance\\|null` | Get the underlying ReactFlow instance |\r\n\r\n### Security: `requestInterceptor`\r\n\r\nThe `requestInterceptor` callback runs inside the Axios request pipeline and has access to the full request configuration, including authentication headers. This is the same trust model as any other callback prop (e.g., `onSave`, `renderHeader`) — the host application developer supplies the function and is responsible for its behavior.\r\n\r\n**Guidelines for consumers:**\r\n\r\n- Only pass **trusted, developer-authored** functions. Never use dynamically evaluated code (`eval`, `new Function`, etc.) or user-generated input as the interceptor.\r\n- Follow the **principle of least privilege** — only read or modify the specific config properties you need (e.g., `withCredentials`, custom headers).\r\n- If the interceptor throws, the error is caught, logged, and the **original unmodified config** is used so the request still proceeds safely.\r\n\r\n### Node Types\r\n\r\nThe following node types are available in the palette by default. Use the `components` prop to restrict which types are shown.\r\n\r\n\r\n| Node Type | Description |\r\n| -------------------------- | ------------------------------------ |\r\n| `startAgentflow` | Entry point (required, always shown) |\r\n| `agentAgentflow` | AI agent execution |\r\n| `llmAgentflow` | LLM / language model call |\r\n| `conditionAgentflow` | Conditional branching |\r\n| `conditionAgentAgentflow` | Agent-level conditional branching |\r\n| `humanInputAgentflow` | Wait for user input |\r\n| `loopAgentflow` | Loop / iteration |\r\n| `directReplyAgentflow` | Direct response to user |\r\n| `customFunctionAgentflow` | Custom JavaScript function |\r\n| `toolAgentflow` | Tool integration |\r\n| `retrieverAgentflow` | Data retrieval |\r\n| `stickyNoteAgentflow` | Canvas annotation (not connectable) |\r\n| `httpAgentflow` | HTTP request |\r\n| `iterationAgentflow` | Iteration / map-reduce container |\r\n| `executeFlowAgentflow` | Execute a sub-flow |\r\n\r\n### Design Note\r\n\r\n`` is an **uncontrolled component**. The `initialFlow` prop seeds the canvas state on mount, but the component owns its own state afterward. Use the `ref` for imperative access and `onFlowChange` to observe changes.\r\n\r\n## Exports\r\n\r\nBeyond the main `` component, the package exports utilities for advanced usage:\r\n\r\n```ts\r\n// Main component and provider\r\n// Types\r\n\r\n// Hooks\r\n// Validation\r\n// Node utilities\r\n\r\n// Field visibility helpers\r\r\n```\r\n\r\n## Development\r\n\r\n```bash\r\n# Install dependencies\r\npnpm install\r\n\r\n# Build the package\r\npnpm build\r\n\r\n# Run tests\r\npnpm test\r\n\r\n# Run examples\r\ncd examples && pnpm install && pnpm dev\r\n```\r\n\r\nVisit the [examples](./examples) directory for more usage patterns. See [TESTS.md](./TESTS.md) for the full test plan and coverage status.\r\n\r\n## Publishing\r\n\r\n### Version Update\r\n\r\nBump the version in `package.json` before publishing. Use `npm version` to update the version and create a git tag:\r\n\r\n```bash\r\n# Prerelease (for testing)\r\nnpm version prerelease --preid=dev # 0.0.0-dev.1 → 0.0.0-dev.2\r\n\r\n# Patch / Minor / Major (for stable releases)\r\nnpm version patch # 0.0.1\r\nnpm version minor # 0.1.0\r\nnpm version major # 1.0.0\r\n```\r\n\r\n### Verify Before Publishing\r\n\r\n```bash\r\n# Build and check the tarball contents\r\npnpm build\r\nnpm pack --dry-run\r\n\r\n# Full publish dry-run (runs prepublishOnly + simulates upload)\r\nnpm publish --dry-run\r\n```\r\n\r\n### Publish\r\n\r\n```bash\r\n# Prerelease — tagged so `npm install @flowiseai/agentflow` won't pick it up\r\nnpm publish --tag dev\r\n\r\n# Stable release — gets the `latest` tag\r\nnpm publish\r\n```\r\n\r\n> The `prepublishOnly` script automatically runs `clean` and `build` before every publish, so stale dist files are never uploaded.\r\n\r\n## Documentation\r\n\r\n- [ARCHITECTURE.md](./ARCHITECTURE.md) - Internal architecture and design patterns\r\n- [TESTS.md](./TESTS.md) - Test plan, coverage tiers, and configuration\r\n- [Examples](./examples/README.md) - Usage examples and demos\r\n\r\n## Contributing\r\n\r\nThis package follows a feature-based architecture with clear separation of concerns. See [ARCHITECTURE.md](./ARCHITECTURE.md) for details on the project structure and development guidelines.\r\n\r\n## License\r\n\r\nApache-2.0 — see the repository root [LICENSE.md](https://github.com/FlowiseAI/Flowise/blob/main/LICENSE.md) for details.\r\n\r\n---\r\n\r\nPart of the [Flowise](https://github.com/FlowiseAI/Flowise) ecosystem\r\n" }, { "path": "packages/agentflow/TESTS.md", "content": "# @flowiseai/agentflow — Testing Guide\n\n## Running Tests\n\n```bash\npnpm test # Fast run (no coverage)\npnpm test:coverage # With coverage enforcement\npnpm test:watch # Watch mode during development\n```\n\n## Test Strategy\n\nTests are prioritized by impact. When modifying a file, add or update tests in the same PR.\n\n### Tier 1 — Core Logic (must test)\n\nPure business logic in `core/`, `infrastructure/`, and critical hooks. These carry the highest risk — a bug here affects every user. Always test in the same PR when modifying.\n\n**What belongs here:** validation rules, node utilities, API clients, state management (reducers, context actions), flow data hooks (`useFlowHandlers`).\n\n### Tier 2 — Feature Hooks & Dialogs (test when changing)\n\nFeature-level hooks and dialog components that orchestrate UI behavior. Test when adding features or fixing bugs.\n\n**What belongs here:** search logic, drag-and-drop, node color calculations, dialog state machines, theme detection.\n\n### Tier 3 — UI Components (test if logic exists)\n\nPresentational components that are mostly JSX. Only add tests if the component contains meaningful business logic (e.g., an exported helper function). Pure styling components (`styled.ts`, `MainCard.tsx`, etc.) do not need tests.\n\n## Writing Tests\n\n### File Extension Convention\n\nThe Jest config uses file extensions to select the test environment:\n\n| Extension | Environment | When to use |\n| ----------- | ----------------------- | -------------------------------------------------------------------------- |\n| `.test.ts` | **node** (no DOM) | Pure logic — utilities, reducers, data transformations |\n| `.test.tsx` | **jsdom** (browser DOM) | Anything that renders React — `renderHook` with providers, component tests |\n\nSource files use `.tsx` only when they contain JSX syntax. A hook like `useAgentflow.ts` has no JSX, so it stays `.ts` even though its test is `.test.tsx` (because the test uses `renderHook` with a JSX wrapper).\n\n### Factory Functions\n\nUse factory functions from `@test-utils/factories` to create test fixtures with sensible defaults:\n\n```typescript\nimport { makeFlowNode, makeFlowEdge, makeNodeData } from '@test-utils/factories'\n\nconst node = makeFlowNode('node-1', {\n type: 'agentflowNode',\n data: { name: 'llmAgentflow', label: 'LLM' }\n})\n\nconst edge = makeFlowEdge('node-1', 'node-2')\n\nconst nodeData = makeNodeData({ name: 'llmAgentflow', label: 'LLM' })\n```\n\n### Mocking Patterns\n\n**Mocking a module with `jest.mock`:**\n\n```typescript\nimport { isValidConnectionAgentflowV2 } from '@/core'\n\njest.mock('@/core', () => ({\n isValidConnectionAgentflowV2: jest.fn(() => true),\n getUniqueNodeId: jest.fn(() => 'new-node-1')\n}))\n\n// Override per-test:\nit('should reject invalid connection', () => {\n ;(isValidConnectionAgentflowV2 as jest.Mock).mockReturnValueOnce(false)\n // ...\n})\n```\n\n**Mocking context hooks:**\n\n```typescript\nconst mockSetDirty = jest.fn()\n\njest.mock('@/infrastructure/store', () => ({\n useAgentflowContext: () => ({\n state: { reactFlowInstance: null },\n setDirty: mockSetDirty\n })\n}))\n```\n\n### Module Mocks\n\n**ReactFlow** (`src/__mocks__/reactflow.tsx`): Mock implementations of ReactFlow components and hooks. Uses `forwardRef` for MUI `styled()` compatibility and `useState` internally for stable references.\n\n**Axios** (`src/__mocks__/axios.ts`): Prevents network errors by mocking all HTTP methods. Returns empty arrays/objects by default.\n\n**CSS/SVG** (`src/__mocks__/styleMock.js`): Empty object export for CSS and SVG imports.\n\n### Custom Jest Environment\n\n`src/__test_utils__/jest-environment-jsdom.js` intercepts `require('canvas')` and returns a mock before jsdom tries to load the native binary. This prevents build failures in environments without native canvas compilation.\n\n## Configuration\n\n- **Jest config**: `jest.config.js` — two projects: `unit` (node env, `.test.ts`) and `components` (custom jsdom env, `.test.tsx`)\n- **Import aliases**: `@test-utils` maps to `src/__test_utils__`, `@/` maps to `src/`\n- **Coverage thresholds**: 80% floor for `branches`, `functions`, `lines`, `statements` — see `coverageThreshold` in `jest.config.js` for per-path entries\n- **Coverage exclusions**: `src/__test_utils__/**`, `src/__mocks__/**`\n- **CI**: `pnpm test:coverage` runs in GitHub Actions between lint and build\n- **Reports**: `coverage/lcov-report/index.html` for detailed HTML report\n" }, { "path": "packages/agentflow/examples/README.md", "content": "# @flowiseai/agentflow Examples\n\nThis folder demonstrates various usage patterns of the `@flowiseai/agentflow` package.\n\n## Setup\n\n1. First, build the agentflow package from the root:\n\n ```bash\n cd packages/agentflow\n pnpm build\n ```\n\n2. Install dependencies for this example:\n\n ```bash\n cd examples\n pnpm install\n ```\n\n3. Start the development server:\n\n ```bash\n pnpm dev\n ```\n\n4. Open http://localhost:5174 in your browser\n\n## Configuration\n\nThe examples app uses environment variables for configuration. To set up:\n\n1. Copy the `.env.example` file to `.env`:\n\n ```bash\n cp .env.example .env\n ```\n\n2. Edit `.env` to configure your Flowise API server:\n\n ```bash\n # Flowise API Base URL\n VITE_INSTANCE_URL=http://localhost:3000\n\n # API Key (required for authenticated endpoints)\n VITE_API_TOKEN=your-api-key-here\n ```\n\n3. **Get your API Key from Flowise:**\n\n - Open your Flowise instance (http://localhost:3000)\n - Go to **Settings** → **API Keys**\n - Click **Create New Key**\n - Copy the generated key and paste it in `.env`\n\n ⚠️ **Important:** Use an **API Key**, not a user authentication token (JWT).\n\n4. Restart the dev server to apply changes:\n ```bash\n pnpm dev\n ```\n\n**Environment Variables:**\n\n- `VITE_INSTANCE_URL`: Flowise API server endpoint (maps to `apiBaseUrl` prop, default: `http://localhost:3000`)\n- `VITE_API_TOKEN`: Flowise API Key for programmatic access (required for authenticated endpoints)\n\n**Note**: The `.env` file is gitignored and will not be committed to version control. Add your actual API key to `.env`, not `.env.example`.\n\n### Troubleshooting Authentication\n\n**Getting 401 Unauthorized errors?**\n\nCommon causes:\n\n1. **Using wrong token type** ❌\n\n - Don't use: User authentication JWT tokens (long tokens starting with `eyJhbGc...`)\n - Use: API Keys (shorter tokens like `9CnKuLRHbEY...`)\n\n2. **Token not loaded**\n\n - Restart dev server after editing `.env`: `pnpm dev`\n - Check browser console for: `[BasicExample] Environment check`\n\n3. **Invalid API Key**\n\n - Regenerate key in Flowise: Settings → API Keys → Create New Key\n - Copy the new key to `.env`\n\n4. **CORS issues**\n - Ensure Flowise allows requests from `http://localhost:5174`\n - Check Flowise CORS configuration\n\n## Examples\n\n### Basic Usage (`BasicExample.tsx`)\n\nDemonstrates core usage:\n\n- Basic canvas rendering with `` component\n- Passing `apiBaseUrl` and `initialFlow` props\n- Using the `ref` to access imperative methods (`validate`, `fitView`, `getFlow`, `clear`)\n- Handling `onFlowChange` and `onSave` callbacks\n\n### Additional Examples\n\n| Example | File | Description |\n| ----------------------- | ------------------------------- | ------------------------------------------------------------------------------------ |\n| **Multi-Node Flow** | `MultiNodeFlow.tsx` | Complete translation agent flow with multiple connected nodes showing gradient edges |\n| **Dark Mode** | `DarkModeExample.tsx` | Theme toggle demonstrating light/dark mode support |\n| **Status Indicators** | `StatusIndicatorsExample.tsx` | Node execution states (running, finished, error, stopped) with animated loader |\n| **Custom UI** | `CustomUIExample.tsx` | Custom header and node palette using render props |\n| **All Node Types** | `AllNodeTypesExample.tsx` | Visual catalog of all 15 available node types with colors and icons |\n| **Filtered Components** | `FilteredComponentsExample.tsx` | Restricting available nodes with preset configurations |\n\n## Switching Examples\n\nUse the dropdown selector at the top of the page to switch between examples. All examples are lazy-loaded for better performance.\n\n## Node Types Reference\n\n| Node Type | Color | Description |\n| ------------------------- | ------- | -------------------------- |\n| `startAgentflow` | #7EE787 | Entry point for the flow |\n| `llmAgentflow` | #64B5F6 | Large Language Model node |\n| `agentAgentflow` | #4DD0E1 | AI Agent with tools |\n| `conditionAgentflow` | #FFB938 | Conditional branching |\n| `conditionAgentAgentflow` | #ff8fab | Agent-based condition |\n| `humanInputAgentflow` | #6E6EFD | Human approval required |\n| `loopAgentflow` | #FFA07A | Loop iteration |\n| `iterationAgentflow` | #9C89B8 | Iteration container |\n| `directReplyAgentflow` | #4DDBBB | Send response to user |\n| `customFunctionAgentflow` | #E4B7FF | Custom JavaScript function |\n| `toolAgentflow` | #d4a373 | External tool integration |\n| `retrieverAgentflow` | #b8bedd | Vector store retrieval |\n| `httpAgentflow` | #FF7F7F | HTTP API request |\n| `executeFlowAgentflow` | #a3b18a | Execute another flow |\n| `stickyNoteAgentflow` | #fee440 | Documentation note |\n\n## Requirements\n\nThe examples work best with a running Flowise instance at `http://localhost:3000` for the node API. Without it:\n\n- The canvas will render\n- Initial flow data will display\n- Node palette may be empty (nodes load from API)\n\nFor standalone testing, examples include mock flow data.\n" }, { "path": "packages/agentflow/examples/index.html", "content": "\n\n \n \n \n @flowiseai/agentflow - Basic Example\n \n \n \n
\n \n \n\n" }, { "path": "packages/agentflow/examples/package-lock.json", "content": "{\n \"name\": \"agentflow-basic-example\",\n \"version\": \"0.0.0\",\n \"lockfileVersion\": 3,\n \"requires\": true,\n \"packages\": {\n \"\": {\n \"name\": \"agentflow-basic-example\",\n \"version\": \"0.0.0\",\n \"dependencies\": {\n \"@emotion/react\": \"^11.10.0\",\n \"@emotion/styled\": \"^11.10.0\",\n \"@mui/icons-material\": \"^5.15.0\",\n \"@mui/material\": \"^5.15.0\",\n \"react\": \"^18.2.0\",\n \"react-dom\": \"^18.2.0\",\n \"reactflow\": \"^11.5.0\"\n },\n \"devDependencies\": {\n \"@types/react\": \"^18.2.0\",\n \"@types/react-dom\": \"^18.2.0\",\n \"@vitejs/plugin-react\": \"^4.0.0\",\n \"typescript\": \"^5.0.0\",\n \"vite\": \"^5.0.0\"\n }\n },\n \"node_modules/@babel/code-frame\": {\n \"version\": \"7.29.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/code-frame/-/code-frame-7.29.0.tgz\",\n \"integrity\": \"sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/helper-validator-identifier\": \"^7.28.5\",\n \"js-tokens\": \"^4.0.0\",\n \"picocolors\": \"^1.1.1\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/compat-data\": {\n \"version\": \"7.29.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/compat-data/-/compat-data-7.29.0.tgz\",\n \"integrity\": \"sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/core\": {\n \"version\": \"7.29.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/core/-/core-7.29.0.tgz\",\n \"integrity\": \"sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/code-frame\": \"^7.29.0\",\n \"@babel/generator\": \"^7.29.0\",\n \"@babel/helper-compilation-targets\": \"^7.28.6\",\n \"@babel/helper-module-transforms\": \"^7.28.6\",\n \"@babel/helpers\": \"^7.28.6\",\n \"@babel/parser\": \"^7.29.0\",\n \"@babel/template\": \"^7.28.6\",\n \"@babel/traverse\": \"^7.29.0\",\n \"@babel/types\": \"^7.29.0\",\n \"@jridgewell/remapping\": \"^2.3.5\",\n \"convert-source-map\": \"^2.0.0\",\n \"debug\": \"^4.1.0\",\n \"gensync\": \"^1.0.0-beta.2\",\n \"json5\": \"^2.2.3\",\n \"semver\": \"^6.3.1\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n },\n \"funding\": {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/babel\"\n }\n },\n \"node_modules/@babel/core/node_modules/convert-source-map\": {\n \"version\": \"2.0.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/convert-source-map/-/convert-source-map-2.0.0.tgz\",\n \"integrity\": \"sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==\",\n \"dev\": true,\n \"license\": \"MIT\"\n },\n \"node_modules/@babel/generator\": {\n \"version\": \"7.29.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/generator/-/generator-7.29.1.tgz\",\n \"integrity\": \"sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/parser\": \"^7.29.0\",\n \"@babel/types\": \"^7.29.0\",\n \"@jridgewell/gen-mapping\": \"^0.3.12\",\n \"@jridgewell/trace-mapping\": \"^0.3.28\",\n \"jsesc\": \"^3.0.2\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/helper-compilation-targets\": {\n \"version\": \"7.28.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz\",\n \"integrity\": \"sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/compat-data\": \"^7.28.6\",\n \"@babel/helper-validator-option\": \"^7.27.1\",\n \"browserslist\": \"^4.24.0\",\n \"lru-cache\": \"^5.1.1\",\n \"semver\": \"^6.3.1\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/helper-globals\": {\n \"version\": \"7.28.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/helper-globals/-/helper-globals-7.28.0.tgz\",\n \"integrity\": \"sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/helper-module-imports\": {\n \"version\": \"7.28.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz\",\n \"integrity\": \"sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/traverse\": \"^7.28.6\",\n \"@babel/types\": \"^7.28.6\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/helper-module-transforms\": {\n \"version\": \"7.28.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz\",\n \"integrity\": \"sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/helper-module-imports\": \"^7.28.6\",\n \"@babel/helper-validator-identifier\": \"^7.28.5\",\n \"@babel/traverse\": \"^7.28.6\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n },\n \"peerDependencies\": {\n \"@babel/core\": \"^7.0.0\"\n }\n },\n \"node_modules/@babel/helper-plugin-utils\": {\n \"version\": \"7.28.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz\",\n \"integrity\": \"sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/helper-string-parser\": {\n \"version\": \"7.27.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz\",\n \"integrity\": \"sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/helper-validator-identifier\": {\n \"version\": \"7.28.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz\",\n \"integrity\": \"sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/helper-validator-option\": {\n \"version\": \"7.27.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz\",\n \"integrity\": \"sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/helpers\": {\n \"version\": \"7.28.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/helpers/-/helpers-7.28.6.tgz\",\n \"integrity\": \"sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/template\": \"^7.28.6\",\n \"@babel/types\": \"^7.28.6\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/parser\": {\n \"version\": \"7.29.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/parser/-/parser-7.29.0.tgz\",\n \"integrity\": \"sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/types\": \"^7.29.0\"\n },\n \"bin\": {\n \"parser\": \"bin/babel-parser.js\"\n },\n \"engines\": {\n \"node\": \">=6.0.0\"\n }\n },\n \"node_modules/@babel/plugin-transform-react-jsx-self\": {\n \"version\": \"7.27.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz\",\n \"integrity\": \"sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/helper-plugin-utils\": \"^7.27.1\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n },\n \"peerDependencies\": {\n \"@babel/core\": \"^7.0.0-0\"\n }\n },\n \"node_modules/@babel/plugin-transform-react-jsx-source\": {\n \"version\": \"7.27.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz\",\n \"integrity\": \"sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/helper-plugin-utils\": \"^7.27.1\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n },\n \"peerDependencies\": {\n \"@babel/core\": \"^7.0.0-0\"\n }\n },\n \"node_modules/@babel/runtime\": {\n \"version\": \"7.28.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/runtime/-/runtime-7.28.6.tgz\",\n \"integrity\": \"sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/template\": {\n \"version\": \"7.28.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/template/-/template-7.28.6.tgz\",\n \"integrity\": \"sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/code-frame\": \"^7.28.6\",\n \"@babel/parser\": \"^7.28.6\",\n \"@babel/types\": \"^7.28.6\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/traverse\": {\n \"version\": \"7.29.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/traverse/-/traverse-7.29.0.tgz\",\n \"integrity\": \"sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/code-frame\": \"^7.29.0\",\n \"@babel/generator\": \"^7.29.0\",\n \"@babel/helper-globals\": \"^7.28.0\",\n \"@babel/parser\": \"^7.29.0\",\n \"@babel/template\": \"^7.28.6\",\n \"@babel/types\": \"^7.29.0\",\n \"debug\": \"^4.3.1\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@babel/types\": {\n \"version\": \"7.29.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@babel/types/-/types-7.29.0.tgz\",\n \"integrity\": \"sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/helper-string-parser\": \"^7.27.1\",\n \"@babel/helper-validator-identifier\": \"^7.28.5\"\n },\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/@emotion/babel-plugin\": {\n \"version\": \"11.13.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz\",\n \"integrity\": \"sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/helper-module-imports\": \"^7.16.7\",\n \"@babel/runtime\": \"^7.18.3\",\n \"@emotion/hash\": \"^0.9.2\",\n \"@emotion/memoize\": \"^0.9.0\",\n \"@emotion/serialize\": \"^1.3.3\",\n \"babel-plugin-macros\": \"^3.1.0\",\n \"convert-source-map\": \"^1.5.0\",\n \"escape-string-regexp\": \"^4.0.0\",\n \"find-root\": \"^1.1.0\",\n \"source-map\": \"^0.5.7\",\n \"stylis\": \"4.2.0\"\n }\n },\n \"node_modules/@emotion/cache\": {\n \"version\": \"11.14.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/cache/-/cache-11.14.0.tgz\",\n \"integrity\": \"sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@emotion/memoize\": \"^0.9.0\",\n \"@emotion/sheet\": \"^1.4.0\",\n \"@emotion/utils\": \"^1.4.2\",\n \"@emotion/weak-memoize\": \"^0.4.0\",\n \"stylis\": \"4.2.0\"\n }\n },\n \"node_modules/@emotion/hash\": {\n \"version\": \"0.9.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/hash/-/hash-0.9.2.tgz\",\n \"integrity\": \"sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@emotion/is-prop-valid\": {\n \"version\": \"1.4.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/is-prop-valid/-/is-prop-valid-1.4.0.tgz\",\n \"integrity\": \"sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@emotion/memoize\": \"^0.9.0\"\n }\n },\n \"node_modules/@emotion/memoize\": {\n \"version\": \"0.9.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/memoize/-/memoize-0.9.0.tgz\",\n \"integrity\": \"sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@emotion/react\": {\n \"version\": \"11.14.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/react/-/react-11.14.0.tgz\",\n \"integrity\": \"sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/runtime\": \"^7.18.3\",\n \"@emotion/babel-plugin\": \"^11.13.5\",\n \"@emotion/cache\": \"^11.14.0\",\n \"@emotion/serialize\": \"^1.3.3\",\n \"@emotion/use-insertion-effect-with-fallbacks\": \"^1.2.0\",\n \"@emotion/utils\": \"^1.4.2\",\n \"@emotion/weak-memoize\": \"^0.4.0\",\n \"hoist-non-react-statics\": \"^3.3.1\"\n },\n \"peerDependencies\": {\n \"react\": \">=16.8.0\"\n },\n \"peerDependenciesMeta\": {\n \"@types/react\": {\n \"optional\": true\n }\n }\n },\n \"node_modules/@emotion/serialize\": {\n \"version\": \"1.3.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/serialize/-/serialize-1.3.3.tgz\",\n \"integrity\": \"sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@emotion/hash\": \"^0.9.2\",\n \"@emotion/memoize\": \"^0.9.0\",\n \"@emotion/unitless\": \"^0.10.0\",\n \"@emotion/utils\": \"^1.4.2\",\n \"csstype\": \"^3.0.2\"\n }\n },\n \"node_modules/@emotion/sheet\": {\n \"version\": \"1.4.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/sheet/-/sheet-1.4.0.tgz\",\n \"integrity\": \"sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@emotion/styled\": {\n \"version\": \"11.14.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/styled/-/styled-11.14.1.tgz\",\n \"integrity\": \"sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/runtime\": \"^7.18.3\",\n \"@emotion/babel-plugin\": \"^11.13.5\",\n \"@emotion/is-prop-valid\": \"^1.3.0\",\n \"@emotion/serialize\": \"^1.3.3\",\n \"@emotion/use-insertion-effect-with-fallbacks\": \"^1.2.0\",\n \"@emotion/utils\": \"^1.4.2\"\n },\n \"peerDependencies\": {\n \"@emotion/react\": \"^11.0.0-rc.0\",\n \"react\": \">=16.8.0\"\n },\n \"peerDependenciesMeta\": {\n \"@types/react\": {\n \"optional\": true\n }\n }\n },\n \"node_modules/@emotion/unitless\": {\n \"version\": \"0.10.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/unitless/-/unitless-0.10.0.tgz\",\n \"integrity\": \"sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@emotion/use-insertion-effect-with-fallbacks\": {\n \"version\": \"1.2.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz\",\n \"integrity\": \"sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==\",\n \"license\": \"MIT\",\n \"peerDependencies\": {\n \"react\": \">=16.8.0\"\n }\n },\n \"node_modules/@emotion/utils\": {\n \"version\": \"1.4.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/utils/-/utils-1.4.2.tgz\",\n \"integrity\": \"sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@emotion/weak-memoize\": {\n \"version\": \"0.4.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz\",\n \"integrity\": \"sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@esbuild/aix-ppc64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz\",\n \"integrity\": \"sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==\",\n \"cpu\": [\n \"ppc64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"aix\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/android-arm\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/android-arm/-/android-arm-0.21.5.tgz\",\n \"integrity\": \"sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==\",\n \"cpu\": [\n \"arm\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"android\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/android-arm64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz\",\n \"integrity\": \"sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"android\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/android-x64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/android-x64/-/android-x64-0.21.5.tgz\",\n \"integrity\": \"sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"android\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/darwin-arm64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz\",\n \"integrity\": \"sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"darwin\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/darwin-x64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz\",\n \"integrity\": \"sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"darwin\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/freebsd-arm64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz\",\n \"integrity\": \"sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"freebsd\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/freebsd-x64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz\",\n \"integrity\": \"sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"freebsd\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/linux-arm\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz\",\n \"integrity\": \"sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==\",\n \"cpu\": [\n \"arm\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/linux-arm64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz\",\n \"integrity\": \"sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/linux-ia32\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz\",\n \"integrity\": \"sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==\",\n \"cpu\": [\n \"ia32\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/linux-loong64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz\",\n \"integrity\": \"sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==\",\n \"cpu\": [\n \"loong64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/linux-mips64el\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz\",\n \"integrity\": \"sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==\",\n \"cpu\": [\n \"mips64el\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/linux-ppc64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz\",\n \"integrity\": \"sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==\",\n \"cpu\": [\n \"ppc64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/linux-riscv64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz\",\n \"integrity\": \"sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==\",\n \"cpu\": [\n \"riscv64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/linux-s390x\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz\",\n \"integrity\": \"sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==\",\n \"cpu\": [\n \"s390x\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/linux-x64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz\",\n \"integrity\": \"sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/netbsd-x64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz\",\n \"integrity\": \"sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"netbsd\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/openbsd-x64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz\",\n \"integrity\": \"sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"openbsd\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/sunos-x64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz\",\n \"integrity\": \"sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"sunos\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/win32-arm64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz\",\n \"integrity\": \"sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"win32\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/win32-ia32\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz\",\n \"integrity\": \"sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==\",\n \"cpu\": [\n \"ia32\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"win32\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@esbuild/win32-x64\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz\",\n \"integrity\": \"sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"win32\"\n ],\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/@jridgewell/gen-mapping\": {\n \"version\": \"0.3.13\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz\",\n \"integrity\": \"sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@jridgewell/sourcemap-codec\": \"^1.5.0\",\n \"@jridgewell/trace-mapping\": \"^0.3.24\"\n }\n },\n \"node_modules/@jridgewell/remapping\": {\n \"version\": \"2.3.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@jridgewell/remapping/-/remapping-2.3.5.tgz\",\n \"integrity\": \"sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@jridgewell/gen-mapping\": \"^0.3.5\",\n \"@jridgewell/trace-mapping\": \"^0.3.24\"\n }\n },\n \"node_modules/@jridgewell/resolve-uri\": {\n \"version\": \"3.1.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz\",\n \"integrity\": \"sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6.0.0\"\n }\n },\n \"node_modules/@jridgewell/sourcemap-codec\": {\n \"version\": \"1.5.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz\",\n \"integrity\": \"sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@jridgewell/trace-mapping\": {\n \"version\": \"0.3.31\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz\",\n \"integrity\": \"sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@jridgewell/resolve-uri\": \"^3.1.0\",\n \"@jridgewell/sourcemap-codec\": \"^1.4.14\"\n }\n },\n \"node_modules/@mui/core-downloads-tracker\": {\n \"version\": \"5.18.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@mui/core-downloads-tracker/-/core-downloads-tracker-5.18.0.tgz\",\n \"integrity\": \"sha512-jbhwoQ1AY200PSSOrNXmrFCaSDSJWP7qk6urkTmIirvRXDROkqe+QwcLlUiw/PrREwsIF/vm3/dAXvjlMHF0RA==\",\n \"license\": \"MIT\",\n \"funding\": {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/mui-org\"\n }\n },\n \"node_modules/@mui/icons-material\": {\n \"version\": \"5.18.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@mui/icons-material/-/icons-material-5.18.0.tgz\",\n \"integrity\": \"sha512-1s0vEZj5XFXDMmz3Arl/R7IncFqJ+WQ95LDp1roHWGDE2oCO3IS4/hmiOv1/8SD9r6B7tv9GLiqVZYHo+6PkTg==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/runtime\": \"^7.23.9\"\n },\n \"engines\": {\n \"node\": \">=12.0.0\"\n },\n \"funding\": {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/mui-org\"\n },\n \"peerDependencies\": {\n \"@mui/material\": \"^5.0.0\",\n \"@types/react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\",\n \"react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\"\n },\n \"peerDependenciesMeta\": {\n \"@types/react\": {\n \"optional\": true\n }\n }\n },\n \"node_modules/@mui/material\": {\n \"version\": \"5.18.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@mui/material/-/material-5.18.0.tgz\",\n \"integrity\": \"sha512-bbH/HaJZpFtXGvWg3TsBWG4eyt3gah3E7nCNU8GLyRjVoWcA91Vm/T+sjHfUcwgJSw9iLtucfHBoq+qW/T30aA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/runtime\": \"^7.23.9\",\n \"@mui/core-downloads-tracker\": \"^5.18.0\",\n \"@mui/system\": \"^5.18.0\",\n \"@mui/types\": \"~7.2.15\",\n \"@mui/utils\": \"^5.17.1\",\n \"@popperjs/core\": \"^2.11.8\",\n \"@types/react-transition-group\": \"^4.4.10\",\n \"clsx\": \"^2.1.0\",\n \"csstype\": \"^3.1.3\",\n \"prop-types\": \"^15.8.1\",\n \"react-is\": \"^19.0.0\",\n \"react-transition-group\": \"^4.4.5\"\n },\n \"engines\": {\n \"node\": \">=12.0.0\"\n },\n \"funding\": {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/mui-org\"\n },\n \"peerDependencies\": {\n \"@emotion/react\": \"^11.5.0\",\n \"@emotion/styled\": \"^11.3.0\",\n \"@types/react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\",\n \"react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\",\n \"react-dom\": \"^17.0.0 || ^18.0.0 || ^19.0.0\"\n },\n \"peerDependenciesMeta\": {\n \"@emotion/react\": {\n \"optional\": true\n },\n \"@emotion/styled\": {\n \"optional\": true\n },\n \"@types/react\": {\n \"optional\": true\n }\n }\n },\n \"node_modules/@mui/private-theming\": {\n \"version\": \"5.17.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@mui/private-theming/-/private-theming-5.17.1.tgz\",\n \"integrity\": \"sha512-XMxU0NTYcKqdsG8LRmSoxERPXwMbp16sIXPcLVgLGII/bVNagX0xaheWAwFv8+zDK7tI3ajllkuD3GZZE++ICQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/runtime\": \"^7.23.9\",\n \"@mui/utils\": \"^5.17.1\",\n \"prop-types\": \"^15.8.1\"\n },\n \"engines\": {\n \"node\": \">=12.0.0\"\n },\n \"funding\": {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/mui-org\"\n },\n \"peerDependencies\": {\n \"@types/react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\",\n \"react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\"\n },\n \"peerDependenciesMeta\": {\n \"@types/react\": {\n \"optional\": true\n }\n }\n },\n \"node_modules/@mui/styled-engine\": {\n \"version\": \"5.18.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@mui/styled-engine/-/styled-engine-5.18.0.tgz\",\n \"integrity\": \"sha512-BN/vKV/O6uaQh2z5rXV+MBlVrEkwoS/TK75rFQ2mjxA7+NBo8qtTAOA4UaM0XeJfn7kh2wZ+xQw2HAx0u+TiBg==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/runtime\": \"^7.23.9\",\n \"@emotion/cache\": \"^11.13.5\",\n \"@emotion/serialize\": \"^1.3.3\",\n \"csstype\": \"^3.1.3\",\n \"prop-types\": \"^15.8.1\"\n },\n \"engines\": {\n \"node\": \">=12.0.0\"\n },\n \"funding\": {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/mui-org\"\n },\n \"peerDependencies\": {\n \"@emotion/react\": \"^11.4.1\",\n \"@emotion/styled\": \"^11.3.0\",\n \"react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\"\n },\n \"peerDependenciesMeta\": {\n \"@emotion/react\": {\n \"optional\": true\n },\n \"@emotion/styled\": {\n \"optional\": true\n }\n }\n },\n \"node_modules/@mui/system\": {\n \"version\": \"5.18.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@mui/system/-/system-5.18.0.tgz\",\n \"integrity\": \"sha512-ojZGVcRWqWhu557cdO3pWHloIGJdzVtxs3rk0F9L+x55LsUjcMUVkEhiF7E4TMxZoF9MmIHGGs0ZX3FDLAf0Xw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/runtime\": \"^7.23.9\",\n \"@mui/private-theming\": \"^5.17.1\",\n \"@mui/styled-engine\": \"^5.18.0\",\n \"@mui/types\": \"~7.2.15\",\n \"@mui/utils\": \"^5.17.1\",\n \"clsx\": \"^2.1.0\",\n \"csstype\": \"^3.1.3\",\n \"prop-types\": \"^15.8.1\"\n },\n \"engines\": {\n \"node\": \">=12.0.0\"\n },\n \"funding\": {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/mui-org\"\n },\n \"peerDependencies\": {\n \"@emotion/react\": \"^11.5.0\",\n \"@emotion/styled\": \"^11.3.0\",\n \"@types/react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\",\n \"react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\"\n },\n \"peerDependenciesMeta\": {\n \"@emotion/react\": {\n \"optional\": true\n },\n \"@emotion/styled\": {\n \"optional\": true\n },\n \"@types/react\": {\n \"optional\": true\n }\n }\n },\n \"node_modules/@mui/types\": {\n \"version\": \"7.2.24\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@mui/types/-/types-7.2.24.tgz\",\n \"integrity\": \"sha512-3c8tRt/CbWZ+pEg7QpSwbdxOk36EfmhbKf6AGZsD1EcLDLTSZoxxJ86FVtcjxvjuhdyBiWKSTGZFaXCnidO2kw==\",\n \"license\": \"MIT\",\n \"peerDependencies\": {\n \"@types/react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\"\n },\n \"peerDependenciesMeta\": {\n \"@types/react\": {\n \"optional\": true\n }\n }\n },\n \"node_modules/@mui/utils\": {\n \"version\": \"5.17.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@mui/utils/-/utils-5.17.1.tgz\",\n \"integrity\": \"sha512-jEZ8FTqInt2WzxDV8bhImWBqeQRD99c/id/fq83H0ER9tFl+sfZlaAoCdznGvbSQQ9ividMxqSV2c7cC1vBcQg==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/runtime\": \"^7.23.9\",\n \"@mui/types\": \"~7.2.15\",\n \"@types/prop-types\": \"^15.7.12\",\n \"clsx\": \"^2.1.1\",\n \"prop-types\": \"^15.8.1\",\n \"react-is\": \"^19.0.0\"\n },\n \"engines\": {\n \"node\": \">=12.0.0\"\n },\n \"funding\": {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/mui-org\"\n },\n \"peerDependencies\": {\n \"@types/react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\",\n \"react\": \"^17.0.0 || ^18.0.0 || ^19.0.0\"\n },\n \"peerDependenciesMeta\": {\n \"@types/react\": {\n \"optional\": true\n }\n }\n },\n \"node_modules/@popperjs/core\": {\n \"version\": \"2.11.8\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@popperjs/core/-/core-2.11.8.tgz\",\n \"integrity\": \"sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==\",\n \"license\": \"MIT\",\n \"funding\": {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/popperjs\"\n }\n },\n \"node_modules/@reactflow/background\": {\n \"version\": \"11.3.14\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@reactflow/background/-/background-11.3.14.tgz\",\n \"integrity\": \"sha512-Gewd7blEVT5Lh6jqrvOgd4G6Qk17eGKQfsDXgyRSqM+CTwDqRldG2LsWN4sNeno6sbqVIC2fZ+rAUBFA9ZEUDA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@reactflow/core\": \"11.11.4\",\n \"classcat\": \"^5.0.3\",\n \"zustand\": \"^4.4.1\"\n },\n \"peerDependencies\": {\n \"react\": \">=17\",\n \"react-dom\": \">=17\"\n }\n },\n \"node_modules/@reactflow/controls\": {\n \"version\": \"11.2.14\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@reactflow/controls/-/controls-11.2.14.tgz\",\n \"integrity\": \"sha512-MiJp5VldFD7FrqaBNIrQ85dxChrG6ivuZ+dcFhPQUwOK3HfYgX2RHdBua+gx+40p5Vw5It3dVNp/my4Z3jF0dw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@reactflow/core\": \"11.11.4\",\n \"classcat\": \"^5.0.3\",\n \"zustand\": \"^4.4.1\"\n },\n \"peerDependencies\": {\n \"react\": \">=17\",\n \"react-dom\": \">=17\"\n }\n },\n \"node_modules/@reactflow/core\": {\n \"version\": \"11.11.4\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@reactflow/core/-/core-11.11.4.tgz\",\n \"integrity\": \"sha512-H4vODklsjAq3AMq6Np4LE12i1I4Ta9PrDHuBR9GmL8uzTt2l2jh4CiQbEMpvMDcp7xi4be0hgXj+Ysodde/i7Q==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3\": \"^7.4.0\",\n \"@types/d3-drag\": \"^3.0.1\",\n \"@types/d3-selection\": \"^3.0.3\",\n \"@types/d3-zoom\": \"^3.0.1\",\n \"classcat\": \"^5.0.3\",\n \"d3-drag\": \"^3.0.0\",\n \"d3-selection\": \"^3.0.0\",\n \"d3-zoom\": \"^3.0.0\",\n \"zustand\": \"^4.4.1\"\n },\n \"peerDependencies\": {\n \"react\": \">=17\",\n \"react-dom\": \">=17\"\n }\n },\n \"node_modules/@reactflow/minimap\": {\n \"version\": \"11.7.14\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@reactflow/minimap/-/minimap-11.7.14.tgz\",\n \"integrity\": \"sha512-mpwLKKrEAofgFJdkhwR5UQ1JYWlcAAL/ZU/bctBkuNTT1yqV+y0buoNVImsRehVYhJwffSWeSHaBR5/GJjlCSQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@reactflow/core\": \"11.11.4\",\n \"@types/d3-selection\": \"^3.0.3\",\n \"@types/d3-zoom\": \"^3.0.1\",\n \"classcat\": \"^5.0.3\",\n \"d3-selection\": \"^3.0.0\",\n \"d3-zoom\": \"^3.0.0\",\n \"zustand\": \"^4.4.1\"\n },\n \"peerDependencies\": {\n \"react\": \">=17\",\n \"react-dom\": \">=17\"\n }\n },\n \"node_modules/@reactflow/node-resizer\": {\n \"version\": \"2.2.14\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@reactflow/node-resizer/-/node-resizer-2.2.14.tgz\",\n \"integrity\": \"sha512-fwqnks83jUlYr6OHcdFEedumWKChTHRGw/kbCxj0oqBd+ekfs+SIp4ddyNU0pdx96JIm5iNFS0oNrmEiJbbSaA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@reactflow/core\": \"11.11.4\",\n \"classcat\": \"^5.0.4\",\n \"d3-drag\": \"^3.0.0\",\n \"d3-selection\": \"^3.0.0\",\n \"zustand\": \"^4.4.1\"\n },\n \"peerDependencies\": {\n \"react\": \">=17\",\n \"react-dom\": \">=17\"\n }\n },\n \"node_modules/@reactflow/node-toolbar\": {\n \"version\": \"1.3.14\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@reactflow/node-toolbar/-/node-toolbar-1.3.14.tgz\",\n \"integrity\": \"sha512-rbynXQnH/xFNu4P9H+hVqlEUafDCkEoCy0Dg9mG22Sg+rY/0ck6KkrAQrYrTgXusd+cEJOMK0uOOFCK2/5rSGQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@reactflow/core\": \"11.11.4\",\n \"classcat\": \"^5.0.3\",\n \"zustand\": \"^4.4.1\"\n },\n \"peerDependencies\": {\n \"react\": \">=17\",\n \"react-dom\": \">=17\"\n }\n },\n \"node_modules/@rolldown/pluginutils\": {\n \"version\": \"1.0.0-beta.27\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz\",\n \"integrity\": \"sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==\",\n \"dev\": true,\n \"license\": \"MIT\"\n },\n \"node_modules/@rollup/rollup-android-arm-eabi\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.57.1.tgz\",\n \"integrity\": \"sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==\",\n \"cpu\": [\n \"arm\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"android\"\n ]\n },\n \"node_modules/@rollup/rollup-android-arm64\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.57.1.tgz\",\n \"integrity\": \"sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"android\"\n ]\n },\n \"node_modules/@rollup/rollup-darwin-arm64\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.57.1.tgz\",\n \"integrity\": \"sha512-crNPrwJOrRxagUYeMn/DZwqN88SDmwaJ8Cvi/TN1HnWBU7GwknckyosC2gd0IqYRsHDEnXf328o9/HC6OkPgOg==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"darwin\"\n ]\n },\n \"node_modules/@rollup/rollup-darwin-x64\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.57.1.tgz\",\n \"integrity\": \"sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"darwin\"\n ]\n },\n \"node_modules/@rollup/rollup-freebsd-arm64\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.57.1.tgz\",\n \"integrity\": \"sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"freebsd\"\n ]\n },\n \"node_modules/@rollup/rollup-freebsd-x64\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.57.1.tgz\",\n \"integrity\": \"sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"freebsd\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-arm-gnueabihf\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.57.1.tgz\",\n \"integrity\": \"sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==\",\n \"cpu\": [\n \"arm\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-arm-musleabihf\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.57.1.tgz\",\n \"integrity\": \"sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==\",\n \"cpu\": [\n \"arm\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-arm64-gnu\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.57.1.tgz\",\n \"integrity\": \"sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-arm64-musl\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.57.1.tgz\",\n \"integrity\": \"sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-loong64-gnu\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.57.1.tgz\",\n \"integrity\": \"sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==\",\n \"cpu\": [\n \"loong64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-loong64-musl\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.57.1.tgz\",\n \"integrity\": \"sha512-xpObYIf+8gprgWaPP32xiN5RVTi/s5FCR+XMXSKmhfoJjrpRAjCuuqQXyxUa/eJTdAE6eJ+KDKaoEqjZQxh3Gw==\",\n \"cpu\": [\n \"loong64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-ppc64-gnu\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.57.1.tgz\",\n \"integrity\": \"sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==\",\n \"cpu\": [\n \"ppc64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-ppc64-musl\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.57.1.tgz\",\n \"integrity\": \"sha512-NOlUuzesGauESAyEYFSe3QTUguL+lvrN1HtwEEsU2rOwdUDeTMJdO5dUYl/2hKf9jWydJrO9OL/XSSf65R5+Xw==\",\n \"cpu\": [\n \"ppc64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-riscv64-gnu\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.57.1.tgz\",\n \"integrity\": \"sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==\",\n \"cpu\": [\n \"riscv64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-riscv64-musl\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.57.1.tgz\",\n \"integrity\": \"sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==\",\n \"cpu\": [\n \"riscv64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-s390x-gnu\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.57.1.tgz\",\n \"integrity\": \"sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==\",\n \"cpu\": [\n \"s390x\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-x64-gnu\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.57.1.tgz\",\n \"integrity\": \"sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-linux-x64-musl\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.57.1.tgz\",\n \"integrity\": \"sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"linux\"\n ]\n },\n \"node_modules/@rollup/rollup-openbsd-x64\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.57.1.tgz\",\n \"integrity\": \"sha512-H+hXEv9gdVQuDTgnqD+SQffoWoc0Of59AStSzTEj/feWTBAnSfSD3+Dql1ZruJQxmykT/JVY0dE8Ka7z0DH1hw==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"openbsd\"\n ]\n },\n \"node_modules/@rollup/rollup-openharmony-arm64\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.57.1.tgz\",\n \"integrity\": \"sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"openharmony\"\n ]\n },\n \"node_modules/@rollup/rollup-win32-arm64-msvc\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.57.1.tgz\",\n \"integrity\": \"sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==\",\n \"cpu\": [\n \"arm64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"win32\"\n ]\n },\n \"node_modules/@rollup/rollup-win32-ia32-msvc\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.57.1.tgz\",\n \"integrity\": \"sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==\",\n \"cpu\": [\n \"ia32\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"win32\"\n ]\n },\n \"node_modules/@rollup/rollup-win32-x64-gnu\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.57.1.tgz\",\n \"integrity\": \"sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"win32\"\n ]\n },\n \"node_modules/@rollup/rollup-win32-x64-msvc\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.57.1.tgz\",\n \"integrity\": \"sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==\",\n \"cpu\": [\n \"x64\"\n ],\n \"dev\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"win32\"\n ]\n },\n \"node_modules/@types/babel__core\": {\n \"version\": \"7.20.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/babel__core/-/babel__core-7.20.5.tgz\",\n \"integrity\": \"sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/parser\": \"^7.20.7\",\n \"@babel/types\": \"^7.20.7\",\n \"@types/babel__generator\": \"*\",\n \"@types/babel__template\": \"*\",\n \"@types/babel__traverse\": \"*\"\n }\n },\n \"node_modules/@types/babel__generator\": {\n \"version\": \"7.27.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/babel__generator/-/babel__generator-7.27.0.tgz\",\n \"integrity\": \"sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/types\": \"^7.0.0\"\n }\n },\n \"node_modules/@types/babel__template\": {\n \"version\": \"7.4.4\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/babel__template/-/babel__template-7.4.4.tgz\",\n \"integrity\": \"sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/parser\": \"^7.1.0\",\n \"@babel/types\": \"^7.0.0\"\n }\n },\n \"node_modules/@types/babel__traverse\": {\n \"version\": \"7.28.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/babel__traverse/-/babel__traverse-7.28.0.tgz\",\n \"integrity\": \"sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/types\": \"^7.28.2\"\n }\n },\n \"node_modules/@types/d3\": {\n \"version\": \"7.4.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3/-/d3-7.4.3.tgz\",\n \"integrity\": \"sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3-array\": \"*\",\n \"@types/d3-axis\": \"*\",\n \"@types/d3-brush\": \"*\",\n \"@types/d3-chord\": \"*\",\n \"@types/d3-color\": \"*\",\n \"@types/d3-contour\": \"*\",\n \"@types/d3-delaunay\": \"*\",\n \"@types/d3-dispatch\": \"*\",\n \"@types/d3-drag\": \"*\",\n \"@types/d3-dsv\": \"*\",\n \"@types/d3-ease\": \"*\",\n \"@types/d3-fetch\": \"*\",\n \"@types/d3-force\": \"*\",\n \"@types/d3-format\": \"*\",\n \"@types/d3-geo\": \"*\",\n \"@types/d3-hierarchy\": \"*\",\n \"@types/d3-interpolate\": \"*\",\n \"@types/d3-path\": \"*\",\n \"@types/d3-polygon\": \"*\",\n \"@types/d3-quadtree\": \"*\",\n \"@types/d3-random\": \"*\",\n \"@types/d3-scale\": \"*\",\n \"@types/d3-scale-chromatic\": \"*\",\n \"@types/d3-selection\": \"*\",\n \"@types/d3-shape\": \"*\",\n \"@types/d3-time\": \"*\",\n \"@types/d3-time-format\": \"*\",\n \"@types/d3-timer\": \"*\",\n \"@types/d3-transition\": \"*\",\n \"@types/d3-zoom\": \"*\"\n }\n },\n \"node_modules/@types/d3-array\": {\n \"version\": \"3.2.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-array/-/d3-array-3.2.2.tgz\",\n \"integrity\": \"sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-axis\": {\n \"version\": \"3.0.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-axis/-/d3-axis-3.0.6.tgz\",\n \"integrity\": \"sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3-selection\": \"*\"\n }\n },\n \"node_modules/@types/d3-brush\": {\n \"version\": \"3.0.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-brush/-/d3-brush-3.0.6.tgz\",\n \"integrity\": \"sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3-selection\": \"*\"\n }\n },\n \"node_modules/@types/d3-chord\": {\n \"version\": \"3.0.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-chord/-/d3-chord-3.0.6.tgz\",\n \"integrity\": \"sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-color\": {\n \"version\": \"3.1.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-color/-/d3-color-3.1.3.tgz\",\n \"integrity\": \"sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-contour\": {\n \"version\": \"3.0.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-contour/-/d3-contour-3.0.6.tgz\",\n \"integrity\": \"sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3-array\": \"*\",\n \"@types/geojson\": \"*\"\n }\n },\n \"node_modules/@types/d3-delaunay\": {\n \"version\": \"6.0.4\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz\",\n \"integrity\": \"sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-dispatch\": {\n \"version\": \"3.0.7\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz\",\n \"integrity\": \"sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-drag\": {\n \"version\": \"3.0.7\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-drag/-/d3-drag-3.0.7.tgz\",\n \"integrity\": \"sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3-selection\": \"*\"\n }\n },\n \"node_modules/@types/d3-dsv\": {\n \"version\": \"3.0.7\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-dsv/-/d3-dsv-3.0.7.tgz\",\n \"integrity\": \"sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-ease\": {\n \"version\": \"3.0.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-ease/-/d3-ease-3.0.2.tgz\",\n \"integrity\": \"sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-fetch\": {\n \"version\": \"3.0.7\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-fetch/-/d3-fetch-3.0.7.tgz\",\n \"integrity\": \"sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3-dsv\": \"*\"\n }\n },\n \"node_modules/@types/d3-force\": {\n \"version\": \"3.0.10\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-force/-/d3-force-3.0.10.tgz\",\n \"integrity\": \"sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-format\": {\n \"version\": \"3.0.4\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-format/-/d3-format-3.0.4.tgz\",\n \"integrity\": \"sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-geo\": {\n \"version\": \"3.1.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-geo/-/d3-geo-3.1.0.tgz\",\n \"integrity\": \"sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/geojson\": \"*\"\n }\n },\n \"node_modules/@types/d3-hierarchy\": {\n \"version\": \"3.1.7\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz\",\n \"integrity\": \"sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-interpolate\": {\n \"version\": \"3.0.4\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz\",\n \"integrity\": \"sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3-color\": \"*\"\n }\n },\n \"node_modules/@types/d3-path\": {\n \"version\": \"3.1.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-path/-/d3-path-3.1.1.tgz\",\n \"integrity\": \"sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-polygon\": {\n \"version\": \"3.0.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-polygon/-/d3-polygon-3.0.2.tgz\",\n \"integrity\": \"sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-quadtree\": {\n \"version\": \"3.0.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz\",\n \"integrity\": \"sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-random\": {\n \"version\": \"3.0.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-random/-/d3-random-3.0.3.tgz\",\n \"integrity\": \"sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-scale\": {\n \"version\": \"4.0.9\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-scale/-/d3-scale-4.0.9.tgz\",\n \"integrity\": \"sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3-time\": \"*\"\n }\n },\n \"node_modules/@types/d3-scale-chromatic\": {\n \"version\": \"3.1.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz\",\n \"integrity\": \"sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-selection\": {\n \"version\": \"3.0.11\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-selection/-/d3-selection-3.0.11.tgz\",\n \"integrity\": \"sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-shape\": {\n \"version\": \"3.1.8\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-shape/-/d3-shape-3.1.8.tgz\",\n \"integrity\": \"sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3-path\": \"*\"\n }\n },\n \"node_modules/@types/d3-time\": {\n \"version\": \"3.0.4\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-time/-/d3-time-3.0.4.tgz\",\n \"integrity\": \"sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-time-format\": {\n \"version\": \"4.0.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-time-format/-/d3-time-format-4.0.3.tgz\",\n \"integrity\": \"sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-timer\": {\n \"version\": \"3.0.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-timer/-/d3-timer-3.0.2.tgz\",\n \"integrity\": \"sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/d3-transition\": {\n \"version\": \"3.0.9\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-transition/-/d3-transition-3.0.9.tgz\",\n \"integrity\": \"sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3-selection\": \"*\"\n }\n },\n \"node_modules/@types/d3-zoom\": {\n \"version\": \"3.0.8\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/d3-zoom/-/d3-zoom-3.0.8.tgz\",\n \"integrity\": \"sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/d3-interpolate\": \"*\",\n \"@types/d3-selection\": \"*\"\n }\n },\n \"node_modules/@types/estree\": {\n \"version\": \"1.0.8\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/estree/-/estree-1.0.8.tgz\",\n \"integrity\": \"sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==\",\n \"dev\": true,\n \"license\": \"MIT\"\n },\n \"node_modules/@types/geojson\": {\n \"version\": \"7946.0.16\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/geojson/-/geojson-7946.0.16.tgz\",\n \"integrity\": \"sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/parse-json\": {\n \"version\": \"4.0.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/parse-json/-/parse-json-4.0.2.tgz\",\n \"integrity\": \"sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/prop-types\": {\n \"version\": \"15.7.15\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/prop-types/-/prop-types-15.7.15.tgz\",\n \"integrity\": \"sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==\",\n \"license\": \"MIT\"\n },\n \"node_modules/@types/react\": {\n \"version\": \"18.3.28\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/react/-/react-18.3.28.tgz\",\n \"integrity\": \"sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/prop-types\": \"*\",\n \"csstype\": \"^3.2.2\"\n }\n },\n \"node_modules/@types/react-dom\": {\n \"version\": \"18.3.7\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/react-dom/-/react-dom-18.3.7.tgz\",\n \"integrity\": \"sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"peerDependencies\": {\n \"@types/react\": \"^18.0.0\"\n }\n },\n \"node_modules/@types/react-transition-group\": {\n \"version\": \"4.4.12\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@types/react-transition-group/-/react-transition-group-4.4.12.tgz\",\n \"integrity\": \"sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==\",\n \"license\": \"MIT\",\n \"peerDependencies\": {\n \"@types/react\": \"*\"\n }\n },\n \"node_modules/@vitejs/plugin-react\": {\n \"version\": \"4.7.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz\",\n \"integrity\": \"sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/core\": \"^7.28.0\",\n \"@babel/plugin-transform-react-jsx-self\": \"^7.27.1\",\n \"@babel/plugin-transform-react-jsx-source\": \"^7.27.1\",\n \"@rolldown/pluginutils\": \"1.0.0-beta.27\",\n \"@types/babel__core\": \"^7.20.5\",\n \"react-refresh\": \"^0.17.0\"\n },\n \"engines\": {\n \"node\": \"^14.18.0 || >=16.0.0\"\n },\n \"peerDependencies\": {\n \"vite\": \"^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0\"\n }\n },\n \"node_modules/babel-plugin-macros\": {\n \"version\": \"3.1.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz\",\n \"integrity\": \"sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/runtime\": \"^7.12.5\",\n \"cosmiconfig\": \"^7.0.0\",\n \"resolve\": \"^1.19.0\"\n },\n \"engines\": {\n \"node\": \">=10\",\n \"npm\": \">=6\"\n }\n },\n \"node_modules/baseline-browser-mapping\": {\n \"version\": \"2.9.19\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz\",\n \"integrity\": \"sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==\",\n \"dev\": true,\n \"license\": \"Apache-2.0\",\n \"bin\": {\n \"baseline-browser-mapping\": \"dist/cli.js\"\n }\n },\n \"node_modules/browserslist\": {\n \"version\": \"4.28.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/browserslist/-/browserslist-4.28.1.tgz\",\n \"integrity\": \"sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==\",\n \"dev\": true,\n \"funding\": [\n {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/browserslist\"\n },\n {\n \"type\": \"tidelift\",\n \"url\": \"https://tidelift.com/funding/github/npm/browserslist\"\n },\n {\n \"type\": \"github\",\n \"url\": \"https://github.com/sponsors/ai\"\n }\n ],\n \"license\": \"MIT\",\n \"dependencies\": {\n \"baseline-browser-mapping\": \"^2.9.0\",\n \"caniuse-lite\": \"^1.0.30001759\",\n \"electron-to-chromium\": \"^1.5.263\",\n \"node-releases\": \"^2.0.27\",\n \"update-browserslist-db\": \"^1.2.0\"\n },\n \"bin\": {\n \"browserslist\": \"cli.js\"\n },\n \"engines\": {\n \"node\": \"^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7\"\n }\n },\n \"node_modules/callsites\": {\n \"version\": \"3.1.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/callsites/-/callsites-3.1.0.tgz\",\n \"integrity\": \"sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6\"\n }\n },\n \"node_modules/caniuse-lite\": {\n \"version\": \"1.0.30001769\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/caniuse-lite/-/caniuse-lite-1.0.30001769.tgz\",\n \"integrity\": \"sha512-BCfFL1sHijQlBGWBMuJyhZUhzo7wer5sVj9hqekB/7xn0Ypy+pER/edCYQm4exbXj4WiySGp40P8UuTh6w1srg==\",\n \"dev\": true,\n \"funding\": [\n {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/browserslist\"\n },\n {\n \"type\": \"tidelift\",\n \"url\": \"https://tidelift.com/funding/github/npm/caniuse-lite\"\n },\n {\n \"type\": \"github\",\n \"url\": \"https://github.com/sponsors/ai\"\n }\n ],\n \"license\": \"CC-BY-4.0\"\n },\n \"node_modules/classcat\": {\n \"version\": \"5.0.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/classcat/-/classcat-5.0.5.tgz\",\n \"integrity\": \"sha512-JhZUT7JFcQy/EzW605k/ktHtncoo9vnyW/2GspNYwFlN1C/WmjuV/xtS04e9SOkL2sTdw0VAZ2UGCcQ9lR6p6w==\",\n \"license\": \"MIT\"\n },\n \"node_modules/clsx\": {\n \"version\": \"2.1.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/clsx/-/clsx-2.1.1.tgz\",\n \"integrity\": \"sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6\"\n }\n },\n \"node_modules/convert-source-map\": {\n \"version\": \"1.9.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/convert-source-map/-/convert-source-map-1.9.0.tgz\",\n \"integrity\": \"sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==\",\n \"license\": \"MIT\"\n },\n \"node_modules/cosmiconfig\": {\n \"version\": \"7.1.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/cosmiconfig/-/cosmiconfig-7.1.0.tgz\",\n \"integrity\": \"sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/parse-json\": \"^4.0.0\",\n \"import-fresh\": \"^3.2.1\",\n \"parse-json\": \"^5.0.0\",\n \"path-type\": \"^4.0.0\",\n \"yaml\": \"^1.10.0\"\n },\n \"engines\": {\n \"node\": \">=10\"\n }\n },\n \"node_modules/csstype\": {\n \"version\": \"3.2.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/csstype/-/csstype-3.2.3.tgz\",\n \"integrity\": \"sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==\",\n \"license\": \"MIT\"\n },\n \"node_modules/d3-color\": {\n \"version\": \"3.1.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/d3-color/-/d3-color-3.1.0.tgz\",\n \"integrity\": \"sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==\",\n \"license\": \"ISC\",\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/d3-dispatch\": {\n \"version\": \"3.0.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/d3-dispatch/-/d3-dispatch-3.0.1.tgz\",\n \"integrity\": \"sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==\",\n \"license\": \"ISC\",\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/d3-drag\": {\n \"version\": \"3.0.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/d3-drag/-/d3-drag-3.0.0.tgz\",\n \"integrity\": \"sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==\",\n \"license\": \"ISC\",\n \"dependencies\": {\n \"d3-dispatch\": \"1 - 3\",\n \"d3-selection\": \"3\"\n },\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/d3-ease\": {\n \"version\": \"3.0.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/d3-ease/-/d3-ease-3.0.1.tgz\",\n \"integrity\": \"sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==\",\n \"license\": \"BSD-3-Clause\",\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/d3-interpolate\": {\n \"version\": \"3.0.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/d3-interpolate/-/d3-interpolate-3.0.1.tgz\",\n \"integrity\": \"sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==\",\n \"license\": \"ISC\",\n \"dependencies\": {\n \"d3-color\": \"1 - 3\"\n },\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/d3-selection\": {\n \"version\": \"3.0.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/d3-selection/-/d3-selection-3.0.0.tgz\",\n \"integrity\": \"sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==\",\n \"license\": \"ISC\",\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/d3-timer\": {\n \"version\": \"3.0.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/d3-timer/-/d3-timer-3.0.1.tgz\",\n \"integrity\": \"sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==\",\n \"license\": \"ISC\",\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/d3-transition\": {\n \"version\": \"3.0.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/d3-transition/-/d3-transition-3.0.1.tgz\",\n \"integrity\": \"sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==\",\n \"license\": \"ISC\",\n \"dependencies\": {\n \"d3-color\": \"1 - 3\",\n \"d3-dispatch\": \"1 - 3\",\n \"d3-ease\": \"1 - 3\",\n \"d3-interpolate\": \"1 - 3\",\n \"d3-timer\": \"1 - 3\"\n },\n \"engines\": {\n \"node\": \">=12\"\n },\n \"peerDependencies\": {\n \"d3-selection\": \"2 - 3\"\n }\n },\n \"node_modules/d3-zoom\": {\n \"version\": \"3.0.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/d3-zoom/-/d3-zoom-3.0.0.tgz\",\n \"integrity\": \"sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==\",\n \"license\": \"ISC\",\n \"dependencies\": {\n \"d3-dispatch\": \"1 - 3\",\n \"d3-drag\": \"2 - 3\",\n \"d3-interpolate\": \"1 - 3\",\n \"d3-selection\": \"2 - 3\",\n \"d3-transition\": \"2 - 3\"\n },\n \"engines\": {\n \"node\": \">=12\"\n }\n },\n \"node_modules/debug\": {\n \"version\": \"4.4.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/debug/-/debug-4.4.3.tgz\",\n \"integrity\": \"sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"ms\": \"^2.1.3\"\n },\n \"engines\": {\n \"node\": \">=6.0\"\n },\n \"peerDependenciesMeta\": {\n \"supports-color\": {\n \"optional\": true\n }\n }\n },\n \"node_modules/dom-helpers\": {\n \"version\": \"5.2.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/dom-helpers/-/dom-helpers-5.2.1.tgz\",\n \"integrity\": \"sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/runtime\": \"^7.8.7\",\n \"csstype\": \"^3.0.2\"\n }\n },\n \"node_modules/electron-to-chromium\": {\n \"version\": \"1.5.286\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/electron-to-chromium/-/electron-to-chromium-1.5.286.tgz\",\n \"integrity\": \"sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==\",\n \"dev\": true,\n \"license\": \"ISC\"\n },\n \"node_modules/error-ex\": {\n \"version\": \"1.3.4\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/error-ex/-/error-ex-1.3.4.tgz\",\n \"integrity\": \"sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"is-arrayish\": \"^0.2.1\"\n }\n },\n \"node_modules/esbuild\": {\n \"version\": \"0.21.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/esbuild/-/esbuild-0.21.5.tgz\",\n \"integrity\": \"sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==\",\n \"dev\": true,\n \"hasInstallScript\": true,\n \"license\": \"MIT\",\n \"bin\": {\n \"esbuild\": \"bin/esbuild\"\n },\n \"engines\": {\n \"node\": \">=12\"\n },\n \"optionalDependencies\": {\n \"@esbuild/aix-ppc64\": \"0.21.5\",\n \"@esbuild/android-arm\": \"0.21.5\",\n \"@esbuild/android-arm64\": \"0.21.5\",\n \"@esbuild/android-x64\": \"0.21.5\",\n \"@esbuild/darwin-arm64\": \"0.21.5\",\n \"@esbuild/darwin-x64\": \"0.21.5\",\n \"@esbuild/freebsd-arm64\": \"0.21.5\",\n \"@esbuild/freebsd-x64\": \"0.21.5\",\n \"@esbuild/linux-arm\": \"0.21.5\",\n \"@esbuild/linux-arm64\": \"0.21.5\",\n \"@esbuild/linux-ia32\": \"0.21.5\",\n \"@esbuild/linux-loong64\": \"0.21.5\",\n \"@esbuild/linux-mips64el\": \"0.21.5\",\n \"@esbuild/linux-ppc64\": \"0.21.5\",\n \"@esbuild/linux-riscv64\": \"0.21.5\",\n \"@esbuild/linux-s390x\": \"0.21.5\",\n \"@esbuild/linux-x64\": \"0.21.5\",\n \"@esbuild/netbsd-x64\": \"0.21.5\",\n \"@esbuild/openbsd-x64\": \"0.21.5\",\n \"@esbuild/sunos-x64\": \"0.21.5\",\n \"@esbuild/win32-arm64\": \"0.21.5\",\n \"@esbuild/win32-ia32\": \"0.21.5\",\n \"@esbuild/win32-x64\": \"0.21.5\"\n }\n },\n \"node_modules/escalade\": {\n \"version\": \"3.2.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/escalade/-/escalade-3.2.0.tgz\",\n \"integrity\": \"sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6\"\n }\n },\n \"node_modules/escape-string-regexp\": {\n \"version\": \"4.0.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz\",\n \"integrity\": \"sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=10\"\n },\n \"funding\": {\n \"url\": \"https://github.com/sponsors/sindresorhus\"\n }\n },\n \"node_modules/find-root\": {\n \"version\": \"1.1.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/find-root/-/find-root-1.1.0.tgz\",\n \"integrity\": \"sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==\",\n \"license\": \"MIT\"\n },\n \"node_modules/fsevents\": {\n \"version\": \"2.3.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/fsevents/-/fsevents-2.3.3.tgz\",\n \"integrity\": \"sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==\",\n \"dev\": true,\n \"hasInstallScript\": true,\n \"license\": \"MIT\",\n \"optional\": true,\n \"os\": [\n \"darwin\"\n ],\n \"engines\": {\n \"node\": \"^8.16.0 || ^10.6.0 || >=11.0.0\"\n }\n },\n \"node_modules/function-bind\": {\n \"version\": \"1.1.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/function-bind/-/function-bind-1.1.2.tgz\",\n \"integrity\": \"sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==\",\n \"license\": \"MIT\",\n \"funding\": {\n \"url\": \"https://github.com/sponsors/ljharb\"\n }\n },\n \"node_modules/gensync\": {\n \"version\": \"1.0.0-beta.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/gensync/-/gensync-1.0.0-beta.2.tgz\",\n \"integrity\": \"sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=6.9.0\"\n }\n },\n \"node_modules/hasown\": {\n \"version\": \"2.0.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/hasown/-/hasown-2.0.2.tgz\",\n \"integrity\": \"sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"function-bind\": \"^1.1.2\"\n },\n \"engines\": {\n \"node\": \">= 0.4\"\n }\n },\n \"node_modules/hoist-non-react-statics\": {\n \"version\": \"3.3.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz\",\n \"integrity\": \"sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==\",\n \"license\": \"BSD-3-Clause\",\n \"dependencies\": {\n \"react-is\": \"^16.7.0\"\n }\n },\n \"node_modules/hoist-non-react-statics/node_modules/react-is\": {\n \"version\": \"16.13.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/react-is/-/react-is-16.13.1.tgz\",\n \"integrity\": \"sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==\",\n \"license\": \"MIT\"\n },\n \"node_modules/import-fresh\": {\n \"version\": \"3.3.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/import-fresh/-/import-fresh-3.3.1.tgz\",\n \"integrity\": \"sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"parent-module\": \"^1.0.0\",\n \"resolve-from\": \"^4.0.0\"\n },\n \"engines\": {\n \"node\": \">=6\"\n },\n \"funding\": {\n \"url\": \"https://github.com/sponsors/sindresorhus\"\n }\n },\n \"node_modules/is-arrayish\": {\n \"version\": \"0.2.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/is-arrayish/-/is-arrayish-0.2.1.tgz\",\n \"integrity\": \"sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==\",\n \"license\": \"MIT\"\n },\n \"node_modules/is-core-module\": {\n \"version\": \"2.16.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/is-core-module/-/is-core-module-2.16.1.tgz\",\n \"integrity\": \"sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"hasown\": \"^2.0.2\"\n },\n \"engines\": {\n \"node\": \">= 0.4\"\n },\n \"funding\": {\n \"url\": \"https://github.com/sponsors/ljharb\"\n }\n },\n \"node_modules/js-tokens\": {\n \"version\": \"4.0.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/js-tokens/-/js-tokens-4.0.0.tgz\",\n \"integrity\": \"sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==\",\n \"license\": \"MIT\"\n },\n \"node_modules/jsesc\": {\n \"version\": \"3.1.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/jsesc/-/jsesc-3.1.0.tgz\",\n \"integrity\": \"sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==\",\n \"license\": \"MIT\",\n \"bin\": {\n \"jsesc\": \"bin/jsesc\"\n },\n \"engines\": {\n \"node\": \">=6\"\n }\n },\n \"node_modules/json-parse-even-better-errors\": {\n \"version\": \"2.3.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz\",\n \"integrity\": \"sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==\",\n \"license\": \"MIT\"\n },\n \"node_modules/json5\": {\n \"version\": \"2.2.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/json5/-/json5-2.2.3.tgz\",\n \"integrity\": \"sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"bin\": {\n \"json5\": \"lib/cli.js\"\n },\n \"engines\": {\n \"node\": \">=6\"\n }\n },\n \"node_modules/lines-and-columns\": {\n \"version\": \"1.2.4\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/lines-and-columns/-/lines-and-columns-1.2.4.tgz\",\n \"integrity\": \"sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==\",\n \"license\": \"MIT\"\n },\n \"node_modules/loose-envify\": {\n \"version\": \"1.4.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/loose-envify/-/loose-envify-1.4.0.tgz\",\n \"integrity\": \"sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"js-tokens\": \"^3.0.0 || ^4.0.0\"\n },\n \"bin\": {\n \"loose-envify\": \"cli.js\"\n }\n },\n \"node_modules/lru-cache\": {\n \"version\": \"5.1.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/lru-cache/-/lru-cache-5.1.1.tgz\",\n \"integrity\": \"sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==\",\n \"dev\": true,\n \"license\": \"ISC\",\n \"dependencies\": {\n \"yallist\": \"^3.0.2\"\n }\n },\n \"node_modules/ms\": {\n \"version\": \"2.1.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/ms/-/ms-2.1.3.tgz\",\n \"integrity\": \"sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==\",\n \"license\": \"MIT\"\n },\n \"node_modules/nanoid\": {\n \"version\": \"3.3.11\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/nanoid/-/nanoid-3.3.11.tgz\",\n \"integrity\": \"sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==\",\n \"dev\": true,\n \"funding\": [\n {\n \"type\": \"github\",\n \"url\": \"https://github.com/sponsors/ai\"\n }\n ],\n \"license\": \"MIT\",\n \"bin\": {\n \"nanoid\": \"bin/nanoid.cjs\"\n },\n \"engines\": {\n \"node\": \"^10 || ^12 || ^13.7 || ^14 || >=15.0.1\"\n }\n },\n \"node_modules/node-releases\": {\n \"version\": \"2.0.27\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/node-releases/-/node-releases-2.0.27.tgz\",\n \"integrity\": \"sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==\",\n \"dev\": true,\n \"license\": \"MIT\"\n },\n \"node_modules/object-assign\": {\n \"version\": \"4.1.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/object-assign/-/object-assign-4.1.1.tgz\",\n \"integrity\": \"sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=0.10.0\"\n }\n },\n \"node_modules/parent-module\": {\n \"version\": \"1.0.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/parent-module/-/parent-module-1.0.1.tgz\",\n \"integrity\": \"sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"callsites\": \"^3.0.0\"\n },\n \"engines\": {\n \"node\": \">=6\"\n }\n },\n \"node_modules/parse-json\": {\n \"version\": \"5.2.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/parse-json/-/parse-json-5.2.0.tgz\",\n \"integrity\": \"sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@babel/code-frame\": \"^7.0.0\",\n \"error-ex\": \"^1.3.1\",\n \"json-parse-even-better-errors\": \"^2.3.0\",\n \"lines-and-columns\": \"^1.1.6\"\n },\n \"engines\": {\n \"node\": \">=8\"\n },\n \"funding\": {\n \"url\": \"https://github.com/sponsors/sindresorhus\"\n }\n },\n \"node_modules/path-parse\": {\n \"version\": \"1.0.7\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/path-parse/-/path-parse-1.0.7.tgz\",\n \"integrity\": \"sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==\",\n \"license\": \"MIT\"\n },\n \"node_modules/path-type\": {\n \"version\": \"4.0.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/path-type/-/path-type-4.0.0.tgz\",\n \"integrity\": \"sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=8\"\n }\n },\n \"node_modules/picocolors\": {\n \"version\": \"1.1.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/picocolors/-/picocolors-1.1.1.tgz\",\n \"integrity\": \"sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==\",\n \"license\": \"ISC\"\n },\n \"node_modules/postcss\": {\n \"version\": \"8.5.6\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/postcss/-/postcss-8.5.6.tgz\",\n \"integrity\": \"sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==\",\n \"dev\": true,\n \"funding\": [\n {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/postcss/\"\n },\n {\n \"type\": \"tidelift\",\n \"url\": \"https://tidelift.com/funding/github/npm/postcss\"\n },\n {\n \"type\": \"github\",\n \"url\": \"https://github.com/sponsors/ai\"\n }\n ],\n \"license\": \"MIT\",\n \"dependencies\": {\n \"nanoid\": \"^3.3.11\",\n \"picocolors\": \"^1.1.1\",\n \"source-map-js\": \"^1.2.1\"\n },\n \"engines\": {\n \"node\": \"^10 || ^12 || >=14\"\n }\n },\n \"node_modules/prop-types\": {\n \"version\": \"15.8.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/prop-types/-/prop-types-15.8.1.tgz\",\n \"integrity\": \"sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"loose-envify\": \"^1.4.0\",\n \"object-assign\": \"^4.1.1\",\n \"react-is\": \"^16.13.1\"\n }\n },\n \"node_modules/prop-types/node_modules/react-is\": {\n \"version\": \"16.13.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/react-is/-/react-is-16.13.1.tgz\",\n \"integrity\": \"sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==\",\n \"license\": \"MIT\"\n },\n \"node_modules/react\": {\n \"version\": \"18.3.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/react/-/react-18.3.1.tgz\",\n \"integrity\": \"sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"loose-envify\": \"^1.1.0\"\n },\n \"engines\": {\n \"node\": \">=0.10.0\"\n }\n },\n \"node_modules/react-dom\": {\n \"version\": \"18.3.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/react-dom/-/react-dom-18.3.1.tgz\",\n \"integrity\": \"sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"loose-envify\": \"^1.1.0\",\n \"scheduler\": \"^0.23.2\"\n },\n \"peerDependencies\": {\n \"react\": \"^18.3.1\"\n }\n },\n \"node_modules/react-is\": {\n \"version\": \"19.2.4\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/react-is/-/react-is-19.2.4.tgz\",\n \"integrity\": \"sha512-W+EWGn2v0ApPKgKKCy/7s7WHXkboGcsrXE+2joLyVxkbyVQfO3MUEaUQDHoSmb8TFFrSKYa9mw64WZHNHSDzYA==\",\n \"license\": \"MIT\"\n },\n \"node_modules/react-refresh\": {\n \"version\": \"0.17.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/react-refresh/-/react-refresh-0.17.0.tgz\",\n \"integrity\": \"sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=0.10.0\"\n }\n },\n \"node_modules/react-transition-group\": {\n \"version\": \"4.4.5\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/react-transition-group/-/react-transition-group-4.4.5.tgz\",\n \"integrity\": \"sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==\",\n \"license\": \"BSD-3-Clause\",\n \"dependencies\": {\n \"@babel/runtime\": \"^7.5.5\",\n \"dom-helpers\": \"^5.0.1\",\n \"loose-envify\": \"^1.4.0\",\n \"prop-types\": \"^15.6.2\"\n },\n \"peerDependencies\": {\n \"react\": \">=16.6.0\",\n \"react-dom\": \">=16.6.0\"\n }\n },\n \"node_modules/reactflow\": {\n \"version\": \"11.11.4\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/reactflow/-/reactflow-11.11.4.tgz\",\n \"integrity\": \"sha512-70FOtJkUWH3BAOsN+LU9lCrKoKbtOPnz2uq0CV2PLdNSwxTXOhCbsZr50GmZ+Rtw3jx8Uv7/vBFtCGixLfd4Og==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@reactflow/background\": \"11.3.14\",\n \"@reactflow/controls\": \"11.2.14\",\n \"@reactflow/core\": \"11.11.4\",\n \"@reactflow/minimap\": \"11.7.14\",\n \"@reactflow/node-resizer\": \"2.2.14\",\n \"@reactflow/node-toolbar\": \"1.3.14\"\n },\n \"peerDependencies\": {\n \"react\": \">=17\",\n \"react-dom\": \">=17\"\n }\n },\n \"node_modules/resolve\": {\n \"version\": \"1.22.11\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/resolve/-/resolve-1.22.11.tgz\",\n \"integrity\": \"sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"is-core-module\": \"^2.16.1\",\n \"path-parse\": \"^1.0.7\",\n \"supports-preserve-symlinks-flag\": \"^1.0.0\"\n },\n \"bin\": {\n \"resolve\": \"bin/resolve\"\n },\n \"engines\": {\n \"node\": \">= 0.4\"\n },\n \"funding\": {\n \"url\": \"https://github.com/sponsors/ljharb\"\n }\n },\n \"node_modules/resolve-from\": {\n \"version\": \"4.0.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/resolve-from/-/resolve-from-4.0.0.tgz\",\n \"integrity\": \"sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">=4\"\n }\n },\n \"node_modules/rollup\": {\n \"version\": \"4.57.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/rollup/-/rollup-4.57.1.tgz\",\n \"integrity\": \"sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"@types/estree\": \"1.0.8\"\n },\n \"bin\": {\n \"rollup\": \"dist/bin/rollup\"\n },\n \"engines\": {\n \"node\": \">=18.0.0\",\n \"npm\": \">=8.0.0\"\n },\n \"optionalDependencies\": {\n \"@rollup/rollup-android-arm-eabi\": \"4.57.1\",\n \"@rollup/rollup-android-arm64\": \"4.57.1\",\n \"@rollup/rollup-darwin-arm64\": \"4.57.1\",\n \"@rollup/rollup-darwin-x64\": \"4.57.1\",\n \"@rollup/rollup-freebsd-arm64\": \"4.57.1\",\n \"@rollup/rollup-freebsd-x64\": \"4.57.1\",\n \"@rollup/rollup-linux-arm-gnueabihf\": \"4.57.1\",\n \"@rollup/rollup-linux-arm-musleabihf\": \"4.57.1\",\n \"@rollup/rollup-linux-arm64-gnu\": \"4.57.1\",\n \"@rollup/rollup-linux-arm64-musl\": \"4.57.1\",\n \"@rollup/rollup-linux-loong64-gnu\": \"4.57.1\",\n \"@rollup/rollup-linux-loong64-musl\": \"4.57.1\",\n \"@rollup/rollup-linux-ppc64-gnu\": \"4.57.1\",\n \"@rollup/rollup-linux-ppc64-musl\": \"4.57.1\",\n \"@rollup/rollup-linux-riscv64-gnu\": \"4.57.1\",\n \"@rollup/rollup-linux-riscv64-musl\": \"4.57.1\",\n \"@rollup/rollup-linux-s390x-gnu\": \"4.57.1\",\n \"@rollup/rollup-linux-x64-gnu\": \"4.57.1\",\n \"@rollup/rollup-linux-x64-musl\": \"4.57.1\",\n \"@rollup/rollup-openbsd-x64\": \"4.57.1\",\n \"@rollup/rollup-openharmony-arm64\": \"4.57.1\",\n \"@rollup/rollup-win32-arm64-msvc\": \"4.57.1\",\n \"@rollup/rollup-win32-ia32-msvc\": \"4.57.1\",\n \"@rollup/rollup-win32-x64-gnu\": \"4.57.1\",\n \"@rollup/rollup-win32-x64-msvc\": \"4.57.1\",\n \"fsevents\": \"~2.3.2\"\n }\n },\n \"node_modules/scheduler\": {\n \"version\": \"0.23.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/scheduler/-/scheduler-0.23.2.tgz\",\n \"integrity\": \"sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"loose-envify\": \"^1.1.0\"\n }\n },\n \"node_modules/semver\": {\n \"version\": \"6.3.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/semver/-/semver-6.3.1.tgz\",\n \"integrity\": \"sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==\",\n \"dev\": true,\n \"license\": \"ISC\",\n \"bin\": {\n \"semver\": \"bin/semver.js\"\n }\n },\n \"node_modules/source-map\": {\n \"version\": \"0.5.7\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/source-map/-/source-map-0.5.7.tgz\",\n \"integrity\": \"sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==\",\n \"license\": \"BSD-3-Clause\",\n \"engines\": {\n \"node\": \">=0.10.0\"\n }\n },\n \"node_modules/source-map-js\": {\n \"version\": \"1.2.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/source-map-js/-/source-map-js-1.2.1.tgz\",\n \"integrity\": \"sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==\",\n \"dev\": true,\n \"license\": \"BSD-3-Clause\",\n \"engines\": {\n \"node\": \">=0.10.0\"\n }\n },\n \"node_modules/stylis\": {\n \"version\": \"4.2.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/stylis/-/stylis-4.2.0.tgz\",\n \"integrity\": \"sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==\",\n \"license\": \"MIT\"\n },\n \"node_modules/supports-preserve-symlinks-flag\": {\n \"version\": \"1.0.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz\",\n \"integrity\": \"sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==\",\n \"license\": \"MIT\",\n \"engines\": {\n \"node\": \">= 0.4\"\n },\n \"funding\": {\n \"url\": \"https://github.com/sponsors/ljharb\"\n }\n },\n \"node_modules/typescript\": {\n \"version\": \"5.9.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/typescript/-/typescript-5.9.3.tgz\",\n \"integrity\": \"sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==\",\n \"dev\": true,\n \"license\": \"Apache-2.0\",\n \"bin\": {\n \"tsc\": \"bin/tsc\",\n \"tsserver\": \"bin/tsserver\"\n },\n \"engines\": {\n \"node\": \">=14.17\"\n }\n },\n \"node_modules/update-browserslist-db\": {\n \"version\": \"1.2.3\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz\",\n \"integrity\": \"sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==\",\n \"dev\": true,\n \"funding\": [\n {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/browserslist\"\n },\n {\n \"type\": \"tidelift\",\n \"url\": \"https://tidelift.com/funding/github/npm/browserslist\"\n },\n {\n \"type\": \"github\",\n \"url\": \"https://github.com/sponsors/ai\"\n }\n ],\n \"license\": \"MIT\",\n \"dependencies\": {\n \"escalade\": \"^3.2.0\",\n \"picocolors\": \"^1.1.1\"\n },\n \"bin\": {\n \"update-browserslist-db\": \"cli.js\"\n },\n \"peerDependencies\": {\n \"browserslist\": \">= 4.21.0\"\n }\n },\n \"node_modules/use-sync-external-store\": {\n \"version\": \"1.6.0\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz\",\n \"integrity\": \"sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==\",\n \"license\": \"MIT\",\n \"peerDependencies\": {\n \"react\": \"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0\"\n }\n },\n \"node_modules/vite\": {\n \"version\": \"5.4.21\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/vite/-/vite-5.4.21.tgz\",\n \"integrity\": \"sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==\",\n \"dev\": true,\n \"license\": \"MIT\",\n \"dependencies\": {\n \"esbuild\": \"^0.21.3\",\n \"postcss\": \"^8.4.43\",\n \"rollup\": \"^4.20.0\"\n },\n \"bin\": {\n \"vite\": \"bin/vite.js\"\n },\n \"engines\": {\n \"node\": \"^18.0.0 || >=20.0.0\"\n },\n \"funding\": {\n \"url\": \"https://github.com/vitejs/vite?sponsor=1\"\n },\n \"optionalDependencies\": {\n \"fsevents\": \"~2.3.3\"\n },\n \"peerDependencies\": {\n \"@types/node\": \"^18.0.0 || >=20.0.0\",\n \"less\": \"*\",\n \"lightningcss\": \"^1.21.0\",\n \"sass\": \"*\",\n \"sass-embedded\": \"*\",\n \"stylus\": \"*\",\n \"sugarss\": \"*\",\n \"terser\": \"^5.4.0\"\n },\n \"peerDependenciesMeta\": {\n \"@types/node\": {\n \"optional\": true\n },\n \"less\": {\n \"optional\": true\n },\n \"lightningcss\": {\n \"optional\": true\n },\n \"sass\": {\n \"optional\": true\n },\n \"sass-embedded\": {\n \"optional\": true\n },\n \"stylus\": {\n \"optional\": true\n },\n \"sugarss\": {\n \"optional\": true\n },\n \"terser\": {\n \"optional\": true\n }\n }\n },\n \"node_modules/yallist\": {\n \"version\": \"3.1.1\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/yallist/-/yallist-3.1.1.tgz\",\n \"integrity\": \"sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==\",\n \"dev\": true,\n \"license\": \"ISC\"\n },\n \"node_modules/yaml\": {\n \"version\": \"1.10.2\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/yaml/-/yaml-1.10.2.tgz\",\n \"integrity\": \"sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==\",\n \"license\": \"ISC\",\n \"engines\": {\n \"node\": \">= 6\"\n }\n },\n \"node_modules/zustand\": {\n \"version\": \"4.5.7\",\n \"resolved\": \"https://artifactory.workday.com/artifactory/api/npm/npm-virtual/zustand/-/zustand-4.5.7.tgz\",\n \"integrity\": \"sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"use-sync-external-store\": \"^1.2.2\"\n },\n \"engines\": {\n \"node\": \">=12.7.0\"\n },\n \"peerDependencies\": {\n \"@types/react\": \">=16.8\",\n \"immer\": \">=9.0.6\",\n \"react\": \">=16.8\"\n },\n \"peerDependenciesMeta\": {\n \"@types/react\": {\n \"optional\": true\n },\n \"immer\": {\n \"optional\": true\n },\n \"react\": {\n \"optional\": true\n }\n }\n }\n }\n}\n" }, { "path": "packages/agentflow/examples/package.json", "content": "{\n \"name\": \"agentflow-basic-example\",\n \"private\": true,\n \"version\": \"0.0.0\",\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite\",\n \"build\": \"vite build\",\n \"preview\": \"vite preview\"\n },\n \"dependencies\": {\n \"@emotion/react\": \"^11.10.0\",\n \"@emotion/styled\": \"^11.10.0\",\n \"@mui/material\": \"^5.15.0\",\n \"@mui/icons-material\": \"^5.15.0\",\n \"react\": \"^18.2.0\",\n \"react-dom\": \"^18.2.0\",\n \"reactflow\": \"^11.5.0\"\n },\n \"devDependencies\": {\n \"@types/react\": \"^18.2.0\",\n \"@types/react-dom\": \"^18.2.0\",\n \"@vitejs/plugin-react\": \"^4.0.0\",\n \"typescript\": \"^5.0.0\",\n \"vite\": \"^5.0.0\"\n }\n}\n" }, { "path": "packages/agentflow/examples/src/App.tsx", "content": "/**\n * Example App with Dropdown Selector\n *\n * Select different examples from the dropdown to see various SDK usage patterns.\n */\n\nimport { type ComponentType, lazy, Suspense, useState } from 'react'\n\nimport { apiBaseUrl, token } from './config'\nimport {\n AllNodeTypesExampleProps,\n BasicExampleProps,\n CustomNodeExampleProps,\n CustomUIExampleProps,\n DarkModeExampleProps,\n FilteredComponentsExampleProps,\n MultiNodeFlowProps,\n StatusIndicatorsExampleProps\n} from './demos'\nimport { PropsDisplay } from './PropsDisplay'\n\nconst examples: Array<{\n id: string\n name: string\n description: string\n props: object\n component: ComponentType\n}> = [\n {\n id: 'basic',\n name: 'Basic Usage',\n description: 'Simple canvas with imperative methods',\n props: BasicExampleProps,\n component: lazy(() => import('./demos/BasicExample').then((m) => ({ default: m.BasicExample })))\n },\n {\n id: 'multi-node',\n name: 'Multi-Node Flow',\n description: 'Complete flow with gradient edges',\n props: MultiNodeFlowProps,\n component: lazy(() => import('./demos/MultiNodeFlow').then((m) => ({ default: m.MultiNodeFlow })))\n },\n {\n id: 'dark-mode',\n name: 'Dark Mode',\n description: 'Light/dark theme toggle',\n props: DarkModeExampleProps,\n component: lazy(() => import('./demos/DarkModeExample').then((m) => ({ default: m.DarkModeExample })))\n },\n {\n id: 'status',\n name: 'Status Indicators',\n description: 'Node execution states with animations',\n props: StatusIndicatorsExampleProps,\n component: lazy(() => import('./demos/StatusIndicatorsExample').then((m) => ({ default: m.StatusIndicatorsExample })))\n },\n {\n id: 'custom-node',\n name: 'Custom Node',\n description: 'Node with self-contained InputParam definitions and show/hide conditions',\n props: CustomNodeExampleProps,\n component: lazy(() => import('./demos/CustomNodeExample').then((m) => ({ default: m.CustomNodeExample })))\n },\n {\n id: 'custom-ui',\n name: 'Custom UI',\n description: 'Custom header and palette via render props',\n props: CustomUIExampleProps,\n component: lazy(() => import('./demos/CustomUIExample').then((m) => ({ default: m.CustomUIExample })))\n },\n {\n id: 'all-nodes',\n name: 'All Node Types',\n description: 'Visual catalog of all 15 node types',\n props: AllNodeTypesExampleProps,\n component: lazy(() => import('./demos/AllNodeTypesExample').then((m) => ({ default: m.AllNodeTypesExample })))\n },\n {\n id: 'filtered',\n name: 'Filtered Components',\n description: 'Restrict available nodes with presets',\n props: FilteredComponentsExampleProps,\n component: lazy(() => import('./demos/FilteredComponentsExample').then((m) => ({ default: m.FilteredComponentsExample })))\n }\n]\n\ntype ExampleId = (typeof examples)[number]['id']\nfunction isExampleId(id: string): id is ExampleId {\n return examples.some((e) => e.id === id)\n}\n\nfunction LoadingFallback() {\n return (\n \n Loading example...\n \n )\n}\n\nexport default function App() {\n const [selectedExample, setSelectedExample] = useState('basic')\n const [showProps, setShowProps] = useState(false)\n // Config loaded from environment variables\n\n const currentExample = examples.find((e) => e.id === selectedExample)\n\n // Replace placeholder values with actual runtime values\n const actualProps = currentExample?.props\n ? Object.fromEntries(\n Object.entries(currentExample.props).map(([key, value]) => {\n if (key === 'apiBaseUrl' && typeof value === 'string' && value.includes('environment variables')) {\n return [key, apiBaseUrl]\n }\n if (key === 'token' && typeof value === 'string' && value.includes('environment variables')) {\n return [key, token ? `${token.substring(0, 20)}...` : 'undefined']\n }\n return [key, value]\n })\n )\n : {}\n\n const Component = currentExample?.component\n\n return (\n
\n {/* Example Selector Header */}\n \n \n {\n const value = e.target.value\n if (isExampleId(value)) setSelectedExample(value)\n }}\n style={{\n padding: '8px 12px',\n fontSize: '14px',\n border: '1px solid #e0e0e0',\n borderRadius: '6px',\n background: '#fff',\n cursor: 'pointer',\n minWidth: '200px'\n }}\n >\n {examples.map((example) => (\n \n ))}\n \n {currentExample && {currentExample.description}}\n\n {/* API Base URL Display */}\n
\n {apiBaseUrl}\n
\n
\n\n {/* Props Display Section */}\n {currentExample && actualProps && (\n }\n exampleId={selectedExample}\n showProps={showProps}\n onToggleProps={setShowProps}\n />\n )}\n\n {/* Example Content */}\n
\n }>{Component ? : null}\n
\n \n )\n}\n" }, { "path": "packages/agentflow/examples/src/FlowStatePanel.tsx", "content": "/**\n * FlowStatePanel Component\n *\n * Displays live onFlowChange data and saved flow snapshots\n * in a dark-themed, resizable side panel with copy support.\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { FlowData } from '@flowiseai/agentflow'\n\ntype FlowStatePanelTab = 'live' | 'saved'\n\ninterface FlowStatePanelProps {\n currentFlow: FlowData | null\n savedFlow: FlowData | null\n changeCount: number\n}\n\nexport function FlowStatePanel({ currentFlow, savedFlow, changeCount }: FlowStatePanelProps) {\n const [tab, setTab] = useState('live')\n const [copied, setCopied] = useState(false)\n const [width, setWidth] = useState(300)\n const dragging = useRef(false)\n const flow = tab === 'live' ? currentFlow : savedFlow\n\n const startX = useRef(0)\n const startWidth = useRef(0)\n\n const resizeBy = useCallback((delta: number) => {\n setWidth((w) => Math.max(200, Math.min(800, w + delta)))\n }, [])\n\n const onMouseMove = useCallback((moveEvent: MouseEvent) => {\n if (!dragging.current) return\n const newWidth = Math.max(200, Math.min(800, startWidth.current + (startX.current - moveEvent.clientX)))\n setWidth(newWidth)\n }, [])\n\n const onMouseUp = useCallback(() => {\n dragging.current = false\n document.removeEventListener('mousemove', onMouseMove)\n document.removeEventListener('mouseup', onMouseUp)\n document.body.style.cursor = ''\n document.body.style.userSelect = ''\n }, [onMouseMove])\n\n // Clean up global listeners on unmount to prevent memory leaks\n useEffect(() => {\n return () => {\n document.removeEventListener('mousemove', onMouseMove)\n document.removeEventListener('mouseup', onMouseUp)\n document.body.style.cursor = ''\n document.body.style.userSelect = ''\n }\n }, [onMouseMove, onMouseUp])\n\n const handleMouseDown = useCallback(\n (e: React.MouseEvent) => {\n e.preventDefault()\n dragging.current = true\n startX.current = e.clientX\n startWidth.current = width\n\n document.addEventListener('mousemove', onMouseMove)\n document.addEventListener('mouseup', onMouseUp)\n document.body.style.cursor = 'col-resize'\n document.body.style.userSelect = 'none'\n },\n [width, onMouseMove, onMouseUp]\n )\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'ArrowLeft') {\n e.preventDefault()\n resizeBy(-20)\n } else if (e.key === 'ArrowRight') {\n e.preventDefault()\n resizeBy(20)\n }\n },\n [resizeBy]\n )\n\n return (\n \n {/* Drag handle */}\n \n {/* Tabs */}\n
\n setTab('live')}\n style={{\n flex: 1,\n padding: '10px',\n background: tab === 'live' ? '#313244' : 'transparent',\n color: tab === 'live' ? '#cba6f7' : '#6c7086',\n border: 'none',\n cursor: 'pointer',\n fontFamily: 'monospace',\n fontSize: '12px',\n fontWeight: 600\n }}\n >\n onFlowChange ({changeCount})\n \n setTab('saved')}\n style={{\n flex: 1,\n padding: '10px',\n background: tab === 'saved' ? '#313244' : 'transparent',\n color: tab === 'saved' ? '#a6e3a1' : '#6c7086',\n border: 'none',\n cursor: 'pointer',\n fontFamily: 'monospace',\n fontSize: '12px',\n fontWeight: 600\n }}\n >\n onSave {savedFlow ? '(1)' : '(0)'}\n \n
\n\n {/* Summary stats + copy button */}\n {flow && (\n \n \n nodes: {flow.nodes.length}\n \n \n edges: {flow.edges.length}\n \n {\n navigator.clipboard.writeText(JSON.stringify(flow, null, 2))\n setCopied(true)\n setTimeout(() => setCopied(false), 1500)\n }}\n style={{\n marginLeft: 'auto',\n padding: '3px 10px',\n background: copied ? '#a6e3a1' : '#45475a',\n color: copied ? '#1e1e2e' : '#cdd6f4',\n border: 'none',\n borderRadius: '4px',\n cursor: 'pointer',\n fontFamily: 'monospace',\n fontSize: '11px',\n transition: 'all 0.15s'\n }}\n >\n {copied ? 'Copied!' : 'Copy'}\n \n \n )}\n\n {/* JSON payload */}\n
\n {flow ? (\n 
\n                        {JSON.stringify(flow, null, 2)}\n
\n ) : (\n
\n {tab === 'live'\n ? 'Interact with the canvas to see live flow data.'\n : 'Click Save or press Cmd+S to capture a snapshot.'}\n
\n )}\n
\n \n )\n}\n" }, { "path": "packages/agentflow/examples/src/PropsDisplay.tsx", "content": "/**\n * PropsDisplay Component\n *\n * Displays Agentflow component props in an expandable accordion format\n */\n\ninterface PropsDisplayProps {\n exampleName: string\n props: Record\n exampleId: string\n showProps: boolean\n onToggleProps: (show: boolean) => void\n}\n\nexport function PropsDisplay({ exampleName, props, exampleId, showProps, onToggleProps }: PropsDisplayProps) {\n return (\n \n {/* Accordion Header */}\n onToggleProps(!showProps)}\n style={{\n width: '100%',\n padding: '12px 16px',\n display: 'flex',\n alignItems: 'center',\n gap: '8px',\n background: showProps ? '#fff' : 'transparent',\n border: 'none',\n borderBottom: showProps ? '1px solid #e0e0e0' : 'none',\n cursor: 'pointer',\n textAlign: 'left',\n transition: 'background 0.2s'\n }}\n onMouseEnter={(e) => {\n if (!showProps) e.currentTarget.style.background = '#f0f0f0'\n }}\n onMouseLeave={(e) => {\n if (!showProps) e.currentTarget.style.background = 'transparent'\n }}\n >\n {showProps ? '▼' : '▶'}\n

Agentflow Props

\n \n {Object.keys(props).length} props\n \n \n\n {/* Accordion Content */}\n {showProps && (\n \n \n 
\n                            {` {\n                                    const isLast = index === arr.length - 1\n                                    let displayValue: string\n\n                                    if (typeof value === 'boolean') {\n                                        displayValue = `{${value}}`\n                                    } else if (typeof value === 'string') {\n                                        // Check if it's an expression (starts with { or contains =>)\n                                        if (value.startsWith('{') || value.includes('=>')) {\n                                            displayValue = value\n                                        } else {\n                                            displayValue = `\"${value}\"`\n                                        }\n                                    } else {\n                                        displayValue = `\"${String(value)}\"`\n                                    }\n\n                                    return `  ${key}=${displayValue}${isLast ? '' : '\\n'}`\n                                })\n                                .join('')}\\n/>`}\n
\n \n\n
\n ℹ️ These are the main props used in the {exampleName} example. See the source code for complete\n implementation details.\n
\n \n )}\n \n )\n}\n" }, { "path": "packages/agentflow/examples/src/config.ts", "content": "/**\n * Application configuration from environment variables\n */\nexport const apiBaseUrl = import.meta.env.VITE_INSTANCE_URL || 'http://localhost:3000'\nexport const token = import.meta.env.VITE_API_TOKEN || undefined\n" }, { "path": "packages/agentflow/examples/src/demos/AllNodeTypesExample.tsx", "content": "/**\n * All Node Types Example\n *\n * Showcases all available node types with their distinct colors and icons.\n * Useful for understanding the visual vocabulary of Agentflow.\n */\n\nimport { useRef } from 'react'\n\nimport type { AgentFlowInstance, FlowData } from '@flowiseai/agentflow'\nimport { Agentflow } from '@flowiseai/agentflow'\n\nimport { apiBaseUrl, token } from '../config'\n\n// Showcase all node types in a grid layout\nconst allNodesFlow: FlowData = {\n nodes: [\n // Row 1: Core Flow Nodes\n {\n id: 'startAgentflow_0',\n type: 'agentflowNode',\n position: { x: 50, y: 50 },\n data: {\n id: 'startAgentflow_0',\n name: 'startAgentflow',\n label: 'Start',\n color: '#7EE787',\n hideInput: true,\n outputAnchors: [{ id: 'startAgentflow_0-output-0', name: 'start', label: 'Start', type: 'start' }]\n }\n },\n {\n id: 'llmAgentflow_0',\n type: 'agentflowNode',\n position: { x: 250, y: 50 },\n data: {\n id: 'llmAgentflow_0',\n name: 'llmAgentflow',\n label: 'LLM',\n color: '#64B5F6',\n outputAnchors: [{ id: 'llmAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'agentAgentflow_0',\n type: 'agentflowNode',\n position: { x: 450, y: 50 },\n data: {\n id: 'agentAgentflow_0',\n name: 'agentAgentflow',\n label: 'Agent',\n color: '#4DD0E1',\n outputAnchors: [{ id: 'agentAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'directReplyAgentflow_0',\n type: 'agentflowNode',\n position: { x: 650, y: 50 },\n data: {\n id: 'directReplyAgentflow_0',\n name: 'directReplyAgentflow',\n label: 'Direct Reply',\n color: '#4DDBBB',\n outputAnchors: [{ id: 'directReplyAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n\n // Row 2: Control Flow Nodes\n {\n id: 'conditionAgentflow_0',\n type: 'agentflowNode',\n position: { x: 50, y: 180 },\n data: {\n id: 'conditionAgentflow_0',\n name: 'conditionAgentflow',\n label: 'Condition',\n color: '#FFB938',\n outputAnchors: [\n { id: 'conditionAgentflow_0-output-0', name: 'true', label: 'True', type: 'boolean' },\n { id: 'conditionAgentflow_0-output-1', name: 'false', label: 'False', type: 'boolean' }\n ]\n }\n },\n {\n id: 'conditionAgentAgentflow_0',\n type: 'agentflowNode',\n position: { x: 250, y: 180 },\n data: {\n id: 'conditionAgentAgentflow_0',\n name: 'conditionAgentAgentflow',\n label: 'Condition Agent',\n color: '#ff8fab',\n outputAnchors: [{ id: 'conditionAgentAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'loopAgentflow_0',\n type: 'agentflowNode',\n position: { x: 450, y: 180 },\n data: {\n id: 'loopAgentflow_0',\n name: 'loopAgentflow',\n label: 'Loop',\n color: '#FFA07A',\n outputAnchors: [{ id: 'loopAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'iterationAgentflow_0',\n type: 'agentflowNode',\n position: { x: 650, y: 180 },\n data: {\n id: 'iterationAgentflow_0',\n name: 'iterationAgentflow',\n label: 'Iteration',\n color: '#9C89B8',\n outputAnchors: [{ id: 'iterationAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n\n // Row 3: Interactive & Tool Nodes\n {\n id: 'humanInputAgentflow_0',\n type: 'agentflowNode',\n position: { x: 50, y: 310 },\n data: {\n id: 'humanInputAgentflow_0',\n name: 'humanInputAgentflow',\n label: 'Human Input',\n color: '#6E6EFD',\n outputAnchors: [\n { id: 'humanInputAgentflow_0-output-0', name: 'proceed', label: 'Proceed', type: 'string' },\n { id: 'humanInputAgentflow_0-output-1', name: 'reject', label: 'Reject', type: 'string' }\n ]\n }\n },\n {\n id: 'toolAgentflow_0',\n type: 'agentflowNode',\n position: { x: 250, y: 310 },\n data: {\n id: 'toolAgentflow_0',\n name: 'toolAgentflow',\n label: 'Tool',\n color: '#d4a373',\n outputAnchors: [{ id: 'toolAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'retrieverAgentflow_0',\n type: 'agentflowNode',\n position: { x: 450, y: 310 },\n data: {\n id: 'retrieverAgentflow_0',\n name: 'retrieverAgentflow',\n label: 'Retriever',\n color: '#b8bedd',\n outputAnchors: [{ id: 'retrieverAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'customFunctionAgentflow_0',\n type: 'agentflowNode',\n position: { x: 650, y: 310 },\n data: {\n id: 'customFunctionAgentflow_0',\n name: 'customFunctionAgentflow',\n label: 'Custom Function',\n color: '#E4B7FF',\n outputAnchors: [{ id: 'customFunctionAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n\n // Row 4: Integration Nodes\n {\n id: 'httpAgentflow_0',\n type: 'agentflowNode',\n position: { x: 50, y: 440 },\n data: {\n id: 'httpAgentflow_0',\n name: 'httpAgentflow',\n label: 'HTTP Request',\n color: '#FF7F7F',\n outputAnchors: [{ id: 'httpAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'executeFlowAgentflow_0',\n type: 'agentflowNode',\n position: { x: 250, y: 440 },\n data: {\n id: 'executeFlowAgentflow_0',\n name: 'executeFlowAgentflow',\n label: 'Execute Flow',\n color: '#a3b18a',\n outputAnchors: [{ id: 'executeFlowAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'stickyNoteAgentflow_0',\n type: 'agentflowNode',\n position: { x: 450, y: 440 },\n data: {\n id: 'stickyNoteAgentflow_0',\n name: 'stickyNoteAgentflow',\n label: 'Sticky Note',\n color: '#fee440',\n outputAnchors: []\n }\n }\n ],\n edges: [],\n viewport: { x: 0, y: 0, zoom: 0.85 }\n}\n\nexport function AllNodeTypesExample() {\n // Config loaded from environment variables\n const agentflowRef = useRef(null)\n\n return (\n
\n {/* Info Header */}\n \n

All Node Types

\n

\n Showcasing all available node types with their colors and icons. Hover over nodes to see the output handles.\n

\n
\n\n {/* Canvas */}\n
\n \n
\n \n )\n}\n\nexport const AllNodeTypesExampleProps = {\n apiBaseUrl: apiBaseUrl,\n token: token,\n initialFlow: 'FlowData (15 node types)',\n readOnly: true,\n showDefaultHeader: false,\n enableGenerator: false\n}\n" }, { "path": "packages/agentflow/examples/src/demos/BasicExample.tsx", "content": "/**\n * Basic Example\n *\n * Demonstrates basic @flowiseai/agentflow usage with imperative methods,\n * onFlowChange tracking, and save flow functionality.\n */\n\nimport { useCallback, useRef, useState } from 'react'\n\nimport type { AgentFlowInstance, FlowData, ValidationResult } from '@flowiseai/agentflow'\nimport { Agentflow } from '@flowiseai/agentflow'\nimport { InternalAxiosRequestConfig } from 'axios'\n\nimport { apiBaseUrl, token } from '../config'\nimport { FlowStatePanel } from '../FlowStatePanel'\n\n// Example flow data\nconst initialFlow: FlowData = {\n nodes: [\n {\n id: 'startAgentflow_0',\n type: 'agentflowNode',\n position: { x: 100, y: 100 },\n data: {\n id: 'startAgentflow_0',\n name: 'startAgentflow',\n label: 'Start',\n color: '#7EE787',\n hideInput: true,\n outputAnchors: [{ id: 'startAgentflow_0-output-0', name: 'start', label: 'Start', type: 'start' }]\n }\n },\n {\n id: 'agentAgentflow_0',\n type: 'agentflowNode',\n position: { x: 250, y: 100 },\n data: {\n id: 'agentAgentflow_0',\n name: 'agentAgentflow',\n label: 'Agent',\n color: '#4DD0E1',\n outputAnchors: [{ id: 'agentAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n }\n ],\n edges: [\n {\n id: 'edge-1',\n source: 'startAgentflow_0',\n sourceHandle: 'startAgentflow_0-output-0',\n target: 'agentAgentflow_0',\n targetHandle: 'agentAgentflow_0',\n type: 'agentflowEdge',\n data: { sourceColor: '#7EE787', targetColor: '#4DD0E1' }\n }\n ],\n viewport: { x: 0, y: 0, zoom: 1 }\n}\n\nexport function BasicExample() {\n const agentflowRef = useRef(null)\n const [validationResult, setValidationResult] = useState(null)\n const [currentFlow, setCurrentFlow] = useState(null)\n const [savedFlow, setSavedFlow] = useState(null)\n const [changeCount, setChangeCount] = useState(0)\n\n const handleFlowChange = useCallback((flow: FlowData) => {\n setCurrentFlow(flow)\n setChangeCount((c) => c + 1)\n console.log('onFlowChange:', flow)\n }, [])\n\n const handleSave = useCallback((flow: FlowData) => {\n setSavedFlow(flow)\n console.log('onSave:', flow)\n }, [])\n\n const handleValidate = () => {\n if (agentflowRef.current) {\n const result = agentflowRef.current.validate()\n setValidationResult(result)\n console.log('Validation result:', result)\n }\n }\n\n const handleFitView = () => {\n if (agentflowRef.current) {\n agentflowRef.current.fitView()\n }\n }\n\n const handleGetFlow = () => {\n if (agentflowRef.current) {\n const flow = agentflowRef.current.getFlow()\n console.log('Current flow:', flow)\n alert('Flow data logged to console!')\n }\n }\n\n const handleClear = () => {\n if (agentflowRef.current) {\n agentflowRef.current.clear()\n }\n }\n\n return (\n
\n {/* Toolbar */}\n \n \n \n \n \n {validationResult && (\n \n {validationResult.valid ? '✓ Valid' : `✗ ${validationResult.errors.length} error(s)`}\n \n )}\n
\n\n {/* Canvas + Flow State Panel */}\n
\n
\n {\n // pass cookies if no token is provided\n if (!token) {\n config.withCredentials = true\n }\n return config\n }}\n />\n
\n \n
\n \n )\n}\n\nexport const BasicExampleProps = {\n apiBaseUrl: '{from environment variables}',\n token: '{from environment variables}',\n initialFlow: 'FlowData',\n onFlowChange: '(flow: FlowData) => void',\n onSave: '(flow: FlowData) => void',\n showDefaultHeader: true,\n requestInterceptor: '(config: InternalAxiosRequestConfig) => InternalAxiosRequestConfig'\n}\n" }, { "path": "packages/agentflow/examples/src/demos/CustomNodeExample.tsx", "content": "/**\n * Custom Node Example\n *\n * Demonstrates how a node can carry its own InputParam[] definitions\n * in data.inputs, bypassing the API schema. The node includes show/hide\n * conditions so double-clicking it opens the real EditNodeDialog with\n * conditional field visibility.\n *\n * A side panel shows the live visibility state (input values, stripped\n * values, and per-field visibility map) as the node is edited.\n */\n\nimport { useCallback, useMemo, useState } from 'react'\n\nimport type { FlowData, HeaderRenderProps, InputParam } from '@flowiseai/agentflow'\nimport { Agentflow, evaluateFieldVisibility, stripHiddenFieldValues } from '@flowiseai/agentflow'\n\nimport { apiBaseUrl, token } from '../config'\n\n// ── Custom node InputParam definitions with show/hide conditions ──────────\n\nconst customNodeInputParams: InputParam[] = [\n {\n id: 'provider',\n name: 'provider',\n label: 'Model Provider',\n type: 'options',\n options: [\n { label: 'OpenAI', name: 'openAI' },\n { label: 'Google', name: 'google' },\n { label: 'Anthropic', name: 'anthropic' }\n ]\n },\n {\n id: 'openAIModel',\n name: 'openAIModel',\n label: 'OpenAI Model',\n type: 'options',\n options: [\n { label: 'GPT-4o', name: 'gpt-4o' },\n { label: 'GPT-4o Mini', name: 'gpt-4o-mini' },\n { label: 'o1', name: 'o1' }\n ],\n show: { provider: 'openAI' }\n },\n {\n id: 'googleModel',\n name: 'googleModel',\n label: 'Google Model',\n type: 'options',\n options: [\n { label: 'Gemini 2.0 Flash', name: 'gemini-2.0-flash' },\n { label: 'Gemini 2.5 Pro', name: 'gemini-2.5-pro' }\n ],\n show: { provider: 'google' }\n },\n {\n id: 'anthropicModel',\n name: 'anthropicModel',\n label: 'Anthropic Model',\n type: 'options',\n options: [\n { label: 'Claude Sonnet 4', name: 'claude-sonnet-4' },\n { label: 'Claude Opus 4', name: 'claude-opus-4' }\n ],\n show: { provider: 'anthropic' }\n },\n {\n id: 'enableMemory',\n name: 'enableMemory',\n label: 'Enable Memory',\n type: 'boolean'\n },\n {\n id: 'memoryType',\n name: 'memoryType',\n label: 'Memory Type',\n type: 'options',\n options: [\n { label: 'Buffer Window', name: 'bufferWindow' },\n { label: 'Token Buffer', name: 'tokenBuffer' },\n { label: 'Summary', name: 'summary' }\n ],\n show: { enableMemory: true }\n },\n {\n id: 'windowSize',\n name: 'windowSize',\n label: 'Window Size',\n type: 'number',\n default: 5,\n show: { enableMemory: true, memoryType: 'bufferWindow' }\n },\n {\n id: 'maxTokens',\n name: 'maxTokens',\n label: 'Max Tokens',\n type: 'number',\n default: 2000,\n show: { enableMemory: true, memoryType: 'tokenBuffer' }\n },\n {\n id: 'conditions',\n name: 'conditions',\n label: 'Condition',\n type: 'array',\n array: [\n {\n id: 'variable',\n name: 'variable',\n label: 'Variable',\n type: 'string'\n },\n {\n id: 'operation',\n name: 'operation',\n label: 'Operation',\n type: 'options',\n options: [\n { label: 'Equals', name: 'equals' },\n { label: 'Contains', name: 'contains' },\n { label: 'Is Empty', name: 'isEmpty' }\n ]\n },\n {\n id: 'value',\n name: 'value',\n label: 'Value',\n type: 'string',\n hide: { 'conditions[$index].operation': 'isEmpty' }\n }\n ]\n },\n {\n id: 'outputFormat',\n name: 'outputFormat',\n label: 'Output Format',\n type: 'options',\n options: [\n { label: 'Text', name: 'text' },\n { label: 'JSON', name: 'json' },\n { label: 'Markdown', name: 'markdown' }\n ]\n },\n {\n id: 'schema',\n name: 'schema',\n label: 'Output Schema',\n type: 'string',\n placeholder: 'Define the output structure...',\n hide: { outputFormat: 'text' }\n },\n {\n id: 'apiKey',\n name: 'apiKey',\n label: 'API Key',\n type: 'string',\n description: 'Shown for any provider (regex match)',\n show: { provider: '(openAI|google|anthropic)' }\n },\n {\n id: 'streamingSupport',\n name: 'streamingSupport',\n label: 'Enable Streaming',\n type: 'boolean',\n description: 'Available for OpenAI and Anthropic',\n show: { provider: ['openAI', 'anthropic'] }\n }\n]\n\n// ── Canvas flow data with a custom node carrying its own input definitions ─\n\nconst initialInputValues: Record = { provider: '', enableMemory: false, outputFormat: 'text' }\n\nconst canvasFlow: FlowData = {\n nodes: [\n {\n id: 'customNode_0',\n type: 'agentflowNode',\n position: { x: 300, y: 150 },\n data: {\n id: 'customNode_0',\n name: 'customNodeDemo',\n label: 'Custom Node',\n color: '#64B5F6',\n inputs: customNodeInputParams,\n inputValues: initialInputValues,\n outputAnchors: [{ id: 'customNode_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n }\n ],\n edges: [],\n viewport: { x: 0, y: 0, zoom: 1 }\n}\n\n// ── Side panel for live visibility state ───────────────────────────────────\n\ntype VisibilityTab = 'values' | 'stripped' | 'visibility'\n\nfunction VisibilityStatePanel({ inputValues }: { inputValues: Record }) {\n const [tab, setTab] = useState('values')\n\n const evaluated = useMemo(() => evaluateFieldVisibility(customNodeInputParams, inputValues), [inputValues])\n const stripped = useMemo(() => stripHiddenFieldValues(customNodeInputParams, inputValues), [inputValues])\n const visibilityMap = useMemo(() => Object.fromEntries(evaluated.map((p) => [p.name, p.display])), [evaluated])\n\n const visibleCount = evaluated.filter((p) => p.display).length\n const hiddenCount = evaluated.filter((p) => !p.display).length\n\n const tabData: Record = {\n values: inputValues,\n stripped,\n visibility: visibilityMap\n }\n\n const tabButton = (id: VisibilityTab, label: string) => (\n setTab(id)}\n style={{\n flex: 1,\n padding: '10px',\n background: tab === id ? '#313244' : 'transparent',\n color: tab === id ? '#cba6f7' : '#6c7086',\n border: 'none',\n cursor: 'pointer',\n fontFamily: 'monospace',\n fontSize: '11px',\n fontWeight: 600\n }}\n >\n {label}\n \n )\n\n return (\n \n {/* Tabs */}\n
\n {tabButton('values', 'Input Values')}\n {tabButton('stripped', 'Stripped')}\n {tabButton('visibility', 'Visibility')}\n
\n\n {/* Stats */}\n
\n \n visible: {visibleCount}\n \n \n hidden: {hiddenCount}\n \n
\n\n {/* JSON payload */}\n
\n 
\n                    {JSON.stringify(tabData[tab], null, 2)}\n
\n
\n \n )\n}\n\n// ── Component ──────────────────────────────────────────────────────────────\n\nexport function CustomNodeExample() {\n const [inputValues, setInputValues] = useState>(initialInputValues)\n\n const handleFlowChange = useCallback((flow: FlowData) => {\n const node = flow.nodes.find((n) => n.id === 'customNode_0')\n if (node?.data?.inputValues) {\n setInputValues(node.data.inputValues)\n }\n }, [])\n\n const renderHeader = useCallback(\n (_props: HeaderRenderProps) => (\n \n Custom Node Demo — Double-click the node to open EditNodeDialog with show/hide conditions.\n \n ),\n []\n )\n\n return (\n
\n
\n \n
\n \n
\n )\n}\n\nexport const CustomNodeExampleProps = {\n apiBaseUrl: '{from environment variables}',\n token: '{from environment variables}',\n initialFlow: 'FlowData (custom node with data.inputs)',\n onFlowChange: '(flow: FlowData) => void',\n renderHeader: '(props: HeaderRenderProps) => ReactNode'\n}\n" }, { "path": "packages/agentflow/examples/src/demos/CustomUIExample.tsx", "content": "/**\n * Custom UI Example\n *\n * Demonstrates how to customize the header and node palette\n * using render props for full control over the UI.\n */\n\nimport { useRef, useState } from 'react'\n\nimport type { AgentFlowInstance, FlowData, HeaderRenderProps, PaletteRenderProps } from '@flowiseai/agentflow'\nimport { Agentflow } from '@flowiseai/agentflow'\n\nimport { apiBaseUrl, token } from '../config'\n\nconst initialFlow: FlowData = {\n nodes: [\n {\n id: 'startAgentflow_0',\n type: 'agentflowNode',\n position: { x: 300, y: 200 },\n data: {\n id: 'startAgentflow_0',\n name: 'startAgentflow',\n label: 'Start',\n color: '#7EE787',\n hideInput: true,\n outputAnchors: [{ id: 'startAgentflow_0-output-0', name: 'start', label: 'Start', type: 'start' }]\n }\n }\n ],\n edges: [],\n viewport: { x: 0, y: 0, zoom: 1 }\n}\n\n// Custom header component\nfunction CustomHeader({ flowName, isDirty, onSave, onExport, onValidate }: HeaderRenderProps) {\n const [validationStatus, setValidationStatus] = useState<'valid' | 'invalid' | null>(null)\n\n const handleValidate = () => {\n const result = onValidate()\n setValidationStatus(result.valid ? 'valid' : 'invalid')\n setTimeout(() => setValidationStatus(null), 3000)\n }\n\n return (\n \n
\n 🤖\n {flowName}\n {isDirty && (\n \n Unsaved\n \n )}\n
\n\n
\n \n {validationStatus === 'valid' ? '✓ Valid' : validationStatus === 'invalid' ? '✗ Invalid' : 'Validate'}\n \n \n Export JSON\n \n \n Save Flow\n \n
\n \n )\n}\n\n// Custom palette component\nfunction CustomPalette({ availableNodes, onAddNode }: PaletteRenderProps) {\n const [search, setSearch] = useState('')\n const [hoveredNode, setHoveredNode] = useState(null)\n\n const filteredNodes = availableNodes.filter(\n (node) => node.label.toLowerCase().includes(search.toLowerCase()) || node.name.toLowerCase().includes(search.toLowerCase())\n )\n\n // Group nodes by category\n const categories = filteredNodes.reduce((acc, node) => {\n const category = node.category || 'Other'\n if (!acc[category]) acc[category] = []\n acc[category].push(node)\n return acc\n }, {} as Record)\n\n return (\n \n {/* Search */}\n
\n setSearch(e.target.value)}\n style={{\n width: '100%',\n padding: '10px 12px',\n border: '1px solid #e0e0e0',\n borderRadius: '8px',\n fontSize: '14px',\n outline: 'none'\n }}\n />\n
\n\n {/* Node List */}\n
\n {Object.entries(categories).map(([category, nodes]) => (\n
\n \n {category}\n
\n {nodes.map((node) => (\n onAddNode(node.name)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault()\n onAddNode(node.name)\n }\n }}\n onMouseEnter={() => setHoveredNode(node.name)}\n onMouseLeave={() => setHoveredNode(null)}\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: '10px',\n padding: '10px 12px',\n marginBottom: '4px',\n background: hoveredNode === node.name ? '#fff' : 'transparent',\n border: `1px solid ${hoveredNode === node.name ? '#e0e0e0' : 'transparent'}`,\n borderRadius: '8px',\n cursor: 'pointer',\n transition: 'all 0.15s'\n }}\n >\n \n {node.label.charAt(0)}\n
\n
\n
{node.label}
\n {node.description && (\n \n {node.description}\n
\n )}\n \n \n ))}\n \n ))}\n \n \n )\n}\n\nexport function CustomUIExample() {\n // Config loaded from environment variables\n const agentflowRef = useRef(null)\n\n return (\n
\n
\n }\n renderNodePalette={(props: PaletteRenderProps) => }\n showDefaultHeader={false}\n showDefaultPalette={false}\n onSave={(flow: FlowData) => {\n console.log('Saving flow:', flow)\n alert('Flow saved! Check console.')\n }}\n />\n
\n
\n )\n}\n\nexport const CustomUIExampleProps = {\n apiBaseUrl: '{from environment variables}',\n token: '{from environment variables}',\n initialFlow: 'FlowData',\n renderHeader: '(props: HeaderRenderProps) => ReactNode',\n renderNodePalette: '(props: PaletteRenderProps) => ReactNode',\n showDefaultHeader: false,\n showDefaultPalette: false,\n onSave: '(flow: FlowData) => void'\n}\n" }, { "path": "packages/agentflow/examples/src/demos/DarkModeExample.tsx", "content": "/**\n * Dark Mode Example\n *\n * Demonstrates the agentflow canvas with dark theme styling.\n * The nodes and edges automatically adapt to the dark theme.\n */\n\nimport { useRef, useState } from 'react'\n\nimport type { AgentFlowInstance, FlowData } from '@flowiseai/agentflow'\nimport { Agentflow } from '@flowiseai/agentflow'\nimport CssBaseline from '@mui/material/CssBaseline'\nimport { createTheme, ThemeProvider } from '@mui/material/styles'\n\nimport { apiBaseUrl, token } from '../config'\n\nconst sampleFlow: FlowData = {\n nodes: [\n {\n id: 'startAgentflow_0',\n type: 'agentflowNode',\n position: { x: 100, y: 150 },\n data: {\n id: 'startAgentflow_0',\n name: 'startAgentflow',\n label: 'Start',\n color: '#7EE787',\n hideInput: true,\n outputAnchors: [{ id: 'startAgentflow_0-output-0', name: 'start', label: 'Start', type: 'start' }]\n }\n },\n {\n id: 'agentAgentflow_0',\n type: 'agentflowNode',\n position: { x: 400, y: 150 },\n data: {\n id: 'agentAgentflow_0',\n name: 'agentAgentflow',\n label: 'AI Assistant',\n color: '#4DD0E1',\n outputAnchors: [{ id: 'agentAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }],\n inputValues: {\n agentModel: 'chatAnthropic',\n agentModelConfig: {\n modelName: 'claude-3-5-sonnet'\n }\n }\n }\n },\n {\n id: 'directReplyAgentflow_0',\n type: 'agentflowNode',\n position: { x: 700, y: 150 },\n data: {\n id: 'directReplyAgentflow_0',\n name: 'directReplyAgentflow',\n label: 'Reply',\n color: '#4DDBBB',\n outputAnchors: [{ id: 'directReplyAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n }\n ],\n edges: [\n {\n id: 'edge-1',\n source: 'startAgentflow_0',\n sourceHandle: 'startAgentflow_0-output-0',\n target: 'agentAgentflow_0',\n targetHandle: 'agentAgentflow_0',\n type: 'agentflowEdge',\n data: { sourceColor: '#7EE787', targetColor: '#4DD0E1' }\n },\n {\n id: 'edge-2',\n source: 'agentAgentflow_0',\n sourceHandle: 'agentAgentflow_0-output-0',\n target: 'directReplyAgentflow_0',\n targetHandle: 'directReplyAgentflow_0',\n type: 'agentflowEdge',\n data: { sourceColor: '#4DD0E1', targetColor: '#4DDBBB' }\n }\n ],\n viewport: { x: 0, y: 0, zoom: 1 }\n}\n\nexport function DarkModeExample() {\n // Config loaded from environment variables\n const agentflowRef = useRef(null)\n const [isDark, setIsDark] = useState(true)\n\n const darkTheme = createTheme({\n palette: {\n mode: isDark ? 'dark' : 'light',\n background: {\n default: isDark ? '#1a1a2e' : '#f5f5f5',\n paper: isDark ? '#16213e' : '#ffffff'\n },\n primary: {\n main: '#4DD0E1'\n }\n }\n })\n\n return (\n \n \n
\n {/* Theme Toggle */}\n \n Theme:\n setIsDark(!isDark)}\n style={{\n padding: '8px 16px',\n background: isDark ? '#4DD0E1' : '#333',\n color: isDark ? '#000' : '#fff',\n border: 'none',\n borderRadius: '6px',\n cursor: 'pointer',\n fontWeight: 500\n }}\n >\n {isDark ? 'Switch to Light' : 'Switch to Dark'}\n \n
\n\n {/* Canvas */}\n
\n \n
\n \n \n )\n}\n\nexport const DarkModeExampleProps = {\n apiBaseUrl: '{from environment variables}',\n token: '{from environment variables}',\n initialFlow: 'FlowData (sample flow)',\n isDarkMode: '{isDark}',\n showDefaultHeader: false\n}\n" }, { "path": "packages/agentflow/examples/src/demos/FilteredComponentsExample.tsx", "content": "/**\n * Filtered Components Example\n *\n * Demonstrates how to restrict which node types are available in the palette.\n * Useful for creating simplified or specialized workflows.\n */\n\nimport { useRef, useState } from 'react'\n\nimport type { AgentFlowInstance, FlowData } from '@flowiseai/agentflow'\nimport { Agentflow } from '@flowiseai/agentflow'\n\nimport { apiBaseUrl, token } from '../config'\n\nconst initialFlow: FlowData = {\n nodes: [\n {\n id: 'startAgentflow_0',\n type: 'agentflowNode',\n position: { x: 200, y: 200 },\n data: {\n id: 'startAgentflow_0',\n name: 'startAgentflow',\n label: 'Start',\n color: '#7EE787',\n hideInput: true,\n outputAnchors: [{ id: 'startAgentflow_0-output-0', name: 'start', label: 'Start', type: 'start' }]\n }\n }\n ],\n edges: [],\n viewport: { x: 0, y: 0, zoom: 1 }\n}\n\n// Different preset configurations\nconst presets = {\n full: {\n name: 'Full Access',\n description: 'All nodes available',\n components: undefined // undefined = all nodes\n },\n simple: {\n name: 'Simple Chat',\n description: 'Basic LLM flow nodes only',\n components: ['llmAgentflow', 'directReplyAgentflow']\n },\n agent: {\n name: 'Agent Builder',\n description: 'Agent and tool nodes',\n components: ['agentAgentflow', 'toolAgentflow', 'retrieverAgentflow', 'directReplyAgentflow']\n },\n conditional: {\n name: 'Conditional Flow',\n description: 'Branching and control flow',\n components: ['conditionAgentflow', 'conditionAgentAgentflow', 'loopAgentflow', 'humanInputAgentflow', 'llmAgentflow']\n },\n integration: {\n name: 'Integration',\n description: 'External services and functions',\n components: ['httpAgentflow', 'customFunctionAgentflow', 'executeFlowAgentflow', 'directReplyAgentflow']\n }\n}\n\ntype PresetKey = keyof typeof presets\n\nexport function FilteredComponentsExample() {\n // Config loaded from environment variables\n const agentflowRef = useRef(null)\n const [selectedPreset, setSelectedPreset] = useState('full')\n const [key, setKey] = useState(0) // Used to force re-render when preset changes\n\n const handlePresetChange = (preset: PresetKey) => {\n setSelectedPreset(preset)\n setKey((k) => k + 1) // Force re-mount to apply new components filter\n }\n\n const currentPreset = presets[selectedPreset]\n\n return (\n
\n {/* Preset Selector */}\n \n
\n

Select Component Preset

\n

\n The components prop restricts which node types appear in the palette.\n

\n
\n\n
\n {(Object.keys(presets) as PresetKey[]).map((key) => {\n const preset = presets[key]\n const isSelected = selectedPreset === key\n return (\n handlePresetChange(key)}\n style={{\n padding: '10px 16px',\n background: isSelected ? '#1976d2' : '#f5f5f5',\n color: isSelected ? '#fff' : '#333',\n border: `1px solid ${isSelected ? '#1976d2' : '#e0e0e0'}`,\n borderRadius: '8px',\n cursor: 'pointer',\n textAlign: 'left',\n transition: 'all 0.15s'\n }}\n >\n
{preset.name}
\n
{preset.description}
\n \n )\n })}\n
\n\n {/* Show current filter */}\n \n components=\n {currentPreset.components ? (\n {JSON.stringify(currentPreset.components)}\n ) : (\n undefined (all nodes)\n )}\n
\n \n\n {/* Canvas - re-mounts when key changes */}\n
\n \n
\n \n )\n}\n\nexport const FilteredComponentsExampleProps = {\n apiBaseUrl: '{from environment variables}',\n token: '{from environment variables}',\n initialFlow: 'FlowData',\n components: 'string[] (preset-based)',\n showDefaultHeader: false\n}\n" }, { "path": "packages/agentflow/examples/src/demos/MultiNodeFlow.tsx", "content": "/**\n * Multi-Node Flow Example\n *\n * Demonstrates a complete flow with multiple connected nodes,\n * showing the styled edges with gradient colors.\n */\n\nimport { useRef } from 'react'\n\nimport type { AgentFlowInstance, FlowData } from '@flowiseai/agentflow'\nimport { Agentflow } from '@flowiseai/agentflow'\n\nimport { apiBaseUrl, token } from '../config'\n\n// A complete translation agent flow\nconst translationFlow: FlowData = {\n nodes: [\n {\n id: 'startAgentflow_0',\n type: 'agentflowNode',\n position: { x: 100, y: 200 },\n data: {\n id: 'startAgentflow_0',\n name: 'startAgentflow',\n label: 'Start',\n color: '#7EE787',\n hideInput: true,\n outputAnchors: [{ id: 'startAgentflow_0-output-0', name: 'start', label: 'Start', type: 'start' }]\n }\n },\n {\n id: 'llmAgentflow_0',\n type: 'agentflowNode',\n position: { x: 400, y: 100 },\n data: {\n id: 'llmAgentflow_0',\n name: 'llmAgentflow',\n label: 'Translator',\n color: '#64B5F6',\n outputAnchors: [{ id: 'llmAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }],\n inputValues: {\n llmModel: 'chatGoogleGenerativeAI',\n llmModelConfig: {\n modelName: 'gemini-2.0-flash'\n }\n }\n }\n },\n {\n id: 'conditionAgentflow_0',\n type: 'agentflowNode',\n position: { x: 700, y: 100 },\n data: {\n id: 'conditionAgentflow_0',\n name: 'conditionAgentflow',\n label: 'Check Quality',\n color: '#FFB938',\n outputAnchors: [\n { id: 'conditionAgentflow_0-output-0', name: 'true', label: 'Pass', type: 'boolean' },\n { id: 'conditionAgentflow_0-output-1', name: 'false', label: 'Fail', type: 'boolean' }\n ]\n }\n },\n {\n id: 'directReplyAgentflow_0',\n type: 'agentflowNode',\n position: { x: 1000, y: 50 },\n data: {\n id: 'directReplyAgentflow_0',\n name: 'directReplyAgentflow',\n label: 'Send Response',\n color: '#4DDBBB',\n outputAnchors: [{ id: 'directReplyAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'humanInputAgentflow_0',\n type: 'agentflowNode',\n position: { x: 1000, y: 200 },\n data: {\n id: 'humanInputAgentflow_0',\n name: 'humanInputAgentflow',\n label: 'Review Required',\n color: '#6E6EFD',\n outputAnchors: [\n { id: 'humanInputAgentflow_0-output-0', name: 'proceed', label: 'Proceed', type: 'string' },\n { id: 'humanInputAgentflow_0-output-1', name: 'reject', label: 'Reject', type: 'string' }\n ]\n }\n }\n ],\n edges: [\n {\n id: 'edge-start-translator',\n source: 'startAgentflow_0',\n sourceHandle: 'startAgentflow_0-output-0',\n target: 'llmAgentflow_0',\n targetHandle: 'llmAgentflow_0',\n type: 'agentflowEdge',\n data: {\n sourceColor: '#7EE787',\n targetColor: '#64B5F6'\n }\n },\n {\n id: 'edge-translator-condition',\n source: 'llmAgentflow_0',\n sourceHandle: 'llmAgentflow_0-output-0',\n target: 'conditionAgentflow_0',\n targetHandle: 'conditionAgentflow_0',\n type: 'agentflowEdge',\n data: {\n sourceColor: '#64B5F6',\n targetColor: '#FFB938'\n }\n },\n {\n id: 'edge-condition-reply',\n source: 'conditionAgentflow_0',\n sourceHandle: 'conditionAgentflow_0-output-0',\n target: 'directReplyAgentflow_0',\n targetHandle: 'directReplyAgentflow_0',\n type: 'agentflowEdge',\n data: {\n sourceColor: '#FFB938',\n targetColor: '#4DDBBB',\n edgeLabel: '0'\n }\n },\n {\n id: 'edge-condition-human',\n source: 'conditionAgentflow_0',\n sourceHandle: 'conditionAgentflow_0-output-1',\n target: 'humanInputAgentflow_0',\n targetHandle: 'humanInputAgentflow_0',\n type: 'agentflowEdge',\n data: {\n sourceColor: '#FFB938',\n targetColor: '#6E6EFD',\n edgeLabel: '1'\n }\n }\n ],\n viewport: { x: 0, y: 0, zoom: 0.8 }\n}\n\nexport function MultiNodeFlow() {\n // Config loaded from environment variables\n const agentflowRef = useRef(null)\n\n return (\n
\n
\n console.log('Flow changed:', flow.nodes.length, 'nodes')}\n />\n
\n
\n )\n}\n\nexport const MultiNodeFlowProps = {\n apiBaseUrl: '{from environment variables}',\n token: '{from environment variables}',\n initialFlow: 'FlowData (multiple nodes)',\n showDefaultHeader: true,\n onFlowChange: '(flow: FlowData) => void'\n}\n" }, { "path": "packages/agentflow/examples/src/demos/StatusIndicatorsExample.tsx", "content": "/**\n * Status Indicators Example\n *\n * Demonstrates node status indicators showing execution state:\n * - INPROGRESS: Spinning loader\n * - FINISHED: Green checkmark\n * - ERROR: Red exclamation\n * - STOPPED/TERMINATED: Stop icons\n */\n\nimport { useRef, useState } from 'react'\n\nimport type { AgentFlowInstance, FlowData, FlowNode } from '@flowiseai/agentflow'\nimport { Agentflow } from '@flowiseai/agentflow'\n\nimport { apiBaseUrl, token } from '../config'\n\nconst createFlowWithStatuses = (): FlowData => ({\n nodes: [\n {\n id: 'startAgentflow_0',\n type: 'agentflowNode',\n position: { x: 100, y: 200 },\n data: {\n id: 'startAgentflow_0',\n name: 'startAgentflow',\n label: 'Start',\n color: '#7EE787',\n hideInput: true,\n status: 'FINISHED',\n outputAnchors: [{ id: 'startAgentflow_0-output-0', name: 'start', label: 'Start', type: 'start' }]\n }\n },\n {\n id: 'llmAgentflow_0',\n type: 'agentflowNode',\n position: { x: 350, y: 100 },\n data: {\n id: 'llmAgentflow_0',\n name: 'llmAgentflow',\n label: 'Processing...',\n color: '#64B5F6',\n status: 'INPROGRESS',\n outputAnchors: [{ id: 'llmAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'llmAgentflow_1',\n type: 'agentflowNode',\n position: { x: 350, y: 300 },\n data: {\n id: 'llmAgentflow_1',\n name: 'llmAgentflow',\n label: 'Failed Task',\n color: '#64B5F6',\n status: 'ERROR',\n error: 'API rate limit exceeded. Please try again later.',\n outputAnchors: [{ id: 'llmAgentflow_1-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'agentAgentflow_0',\n type: 'agentflowNode',\n position: { x: 600, y: 100 },\n data: {\n id: 'agentAgentflow_0',\n name: 'agentAgentflow',\n label: 'Completed',\n color: '#4DD0E1',\n status: 'FINISHED',\n outputAnchors: [{ id: 'agentAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n },\n {\n id: 'humanInputAgentflow_0',\n type: 'agentflowNode',\n position: { x: 600, y: 300 },\n data: {\n id: 'humanInputAgentflow_0',\n name: 'humanInputAgentflow',\n label: 'Stopped',\n color: '#6E6EFD',\n status: 'STOPPED',\n outputAnchors: [{ id: 'humanInputAgentflow_0-output-0', name: 'proceed', label: 'Proceed', type: 'string' }]\n }\n },\n {\n id: 'directReplyAgentflow_0',\n type: 'agentflowNode',\n position: { x: 850, y: 200 },\n data: {\n id: 'directReplyAgentflow_0',\n name: 'directReplyAgentflow',\n label: 'Pending',\n color: '#4DDBBB',\n // No status = pending/not yet executed\n outputAnchors: [{ id: 'directReplyAgentflow_0-output-0', name: 'output', label: 'Output', type: 'string' }]\n }\n }\n ],\n edges: [\n {\n id: 'e1',\n source: 'startAgentflow_0',\n sourceHandle: 'startAgentflow_0-output-0',\n target: 'llmAgentflow_0',\n targetHandle: 'llmAgentflow_0',\n type: 'agentflowEdge',\n data: { sourceColor: '#7EE787', targetColor: '#64B5F6' }\n },\n {\n id: 'e2',\n source: 'startAgentflow_0',\n sourceHandle: 'startAgentflow_0-output-0',\n target: 'llmAgentflow_1',\n targetHandle: 'llmAgentflow_1',\n type: 'agentflowEdge',\n data: { sourceColor: '#7EE787', targetColor: '#64B5F6' }\n },\n {\n id: 'e3',\n source: 'llmAgentflow_0',\n sourceHandle: 'llmAgentflow_0-output-0',\n target: 'agentAgentflow_0',\n targetHandle: 'agentAgentflow_0',\n type: 'agentflowEdge',\n data: { sourceColor: '#64B5F6', targetColor: '#4DD0E1' }\n },\n {\n id: 'e4',\n source: 'llmAgentflow_1',\n sourceHandle: 'llmAgentflow_1-output-0',\n target: 'humanInputAgentflow_0',\n targetHandle: 'humanInputAgentflow_0',\n type: 'agentflowEdge',\n data: { sourceColor: '#64B5F6', targetColor: '#6E6EFD' }\n }\n ],\n viewport: { x: 0, y: 0, zoom: 0.9 }\n})\n\nexport function StatusIndicatorsExample() {\n // Config loaded from environment variables\n const agentflowRef = useRef(null)\n const [flow, setFlow] = useState(createFlowWithStatuses)\n\n const simulateExecution = () => {\n // Reset all statuses\n const newNodes: FlowNode[] = flow.nodes.map((node) => ({\n ...node,\n data: {\n ...node.data,\n status: undefined,\n error: undefined\n }\n }))\n setFlow({ ...flow, nodes: newNodes })\n\n // Simulate step-by-step execution\n const statuses: Array<{ nodeId: string; status: 'INPROGRESS' | 'FINISHED' | 'ERROR' }> = [\n { nodeId: 'startAgentflow_0', status: 'INPROGRESS' },\n { nodeId: 'startAgentflow_0', status: 'FINISHED' },\n { nodeId: 'llmAgentflow_0', status: 'INPROGRESS' },\n { nodeId: 'llmAgentflow_1', status: 'INPROGRESS' },\n { nodeId: 'llmAgentflow_0', status: 'FINISHED' },\n { nodeId: 'llmAgentflow_1', status: 'ERROR' },\n { nodeId: 'agentAgentflow_0', status: 'INPROGRESS' },\n { nodeId: 'agentAgentflow_0', status: 'FINISHED' }\n ]\n\n statuses.forEach(({ nodeId, status }, index) => {\n setTimeout(() => {\n setFlow((prev) => ({\n ...prev,\n nodes: prev.nodes.map((node) =>\n node.id === nodeId\n ? {\n ...node,\n data: {\n ...node.data,\n status,\n error: status === 'ERROR' ? 'Simulated error for demo' : undefined\n }\n }\n : node\n )\n }))\n }, (index + 1) * 800)\n })\n }\n\n return (\n
\n {/* Controls */}\n \n Status Indicators Demo\n \n Simulate Execution\n \n setFlow(createFlowWithStatuses())}\n style={{\n padding: '8px 16px',\n background: '#9e9e9e',\n color: '#fff',\n border: 'none',\n borderRadius: '6px',\n cursor: 'pointer'\n }}\n >\n Reset\n \n Hover over error nodes to see error messages\n
\n\n {/* Canvas */}\n
\n \n
\n \n )\n}\n\nexport const StatusIndicatorsExampleProps = {\n apiBaseUrl: '{from environment variables}',\n token: '{from environment variables}',\n initialFlow: 'FlowData (status indicators)',\n showDefaultHeader: false,\n readOnly: true\n}\n" }, { "path": "packages/agentflow/examples/src/demos/index.ts", "content": "export * from './AllNodeTypesExample'\nexport * from './BasicExample'\nexport * from './CustomNodeExample'\nexport * from './CustomUIExample'\nexport * from './DarkModeExample'\nexport * from './FilteredComponentsExample'\nexport * from './MultiNodeFlow'\nexport * from './StatusIndicatorsExample'\n" }, { "path": "packages/agentflow/examples/src/main.tsx", "content": "import React from 'react'\nimport ReactDOM from 'react-dom/client'\n\nimport CssBaseline from '@mui/material/CssBaseline'\nimport { createTheme, ThemeProvider } from '@mui/material/styles'\n\nimport App from './App'\n\n// Import the agentflow CSS (from source for development)\nimport '../../src/features/canvas/canvas.css'\n\nconst theme = createTheme({\n palette: {\n mode: 'light'\n }\n})\n\nReactDOM.createRoot(document.getElementById('root')!).render(\n \n \n \n \n \n \n)\n" }, { "path": "packages/agentflow/examples/src/vite-env.d.ts", "content": "/// \n\ninterface ImportMetaEnv {\n readonly VITE_INSTANCE_URL: string\n readonly VITE_API_TOKEN: string\n}\n\ninterface ImportMeta {\n readonly env: ImportMetaEnv\n}\n" }, { "path": "packages/agentflow/examples/tsconfig.json", "content": "{\n \"compilerOptions\": {\n \"target\": \"ES2020\",\n \"useDefineForClassFields\": true,\n \"lib\": [\"ES2020\", \"DOM\", \"DOM.Iterable\"],\n \"module\": \"ESNext\",\n \"skipLibCheck\": true,\n \"moduleResolution\": \"bundler\",\n \"allowImportingTsExtensions\": true,\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"noEmit\": true,\n \"jsx\": \"react-jsx\",\n \"strict\": true,\n \"noUnusedLocals\": true,\n \"noUnusedParameters\": true,\n \"noFallthroughCasesInSwitch\": true\n },\n \"include\": [\"src\", \"*.tsx\", \"*.ts\", \"../src/**/*.ts\", \"../src/**/*.tsx\"]\n}\n" }, { "path": "packages/agentflow/examples/vite.config.ts", "content": "import { defineConfig } from 'vite'\nimport react from '@vitejs/plugin-react'\nimport path from 'path'\n\nexport default defineConfig({\n plugins: [react()],\n root: __dirname,\n resolve: {\n alias: {\n // Use the source files directly for development\n '@flowiseai/agentflow': path.resolve(__dirname, '../src'),\n '@': path.resolve(__dirname, '../src')\n }\n },\n server: {\n port: 5174,\n // Watch the parent src directory for changes\n watch: {\n // Include the agentflow source directory\n ignored: ['!**/packages/agentflow/src/**']\n }\n },\n optimizeDeps: {\n include: ['react', 'react-dom', '@mui/material', 'reactflow']\n }\n})\n" }, { "path": "packages/agentflow/jest.config.js", "content": "// Shared config inherited by both project types\nconst baseConfig = {\n preset: 'ts-jest',\n roots: ['/src'],\n transform: {\n '^.+\\\\.tsx?$': [\n 'ts-jest',\n {\n tsconfig: 'tsconfig.json'\n }\n ]\n },\n testPathIgnorePatterns: ['/node_modules/', '/dist/'],\n moduleNameMapper: {\n '\\\\.(css|less|scss|sass)$': '/src/__mocks__/styleMock.js',\n '\\\\.svg$': '/src/__mocks__/styleMock.js',\n '^@/(.*)$': '/src/$1',\n '^@test-utils/(.*)$': '/src/__test_utils__/$1',\n // TipTap + lowlight ship ESM-only — Jest (CJS) cannot import them,\n // so we redirect to lightweight CJS stubs under src/__mocks__/.\n '^@tiptap/(.+)$': '/src/__mocks__/@tiptap/$1.ts',\n '^lowlight$': '/src/__mocks__/lowlight.ts',\n // Bypass React.lazy wrappers — resolve Foo.lazy → Foo so tests render synchronously\n '(.*)\\\\.lazy$': '$1'\n }\n}\n\nmodule.exports = {\n verbose: true,\n collectCoverageFrom: [\n 'src/**/*.{ts,tsx}',\n '!src/**/*.test.{ts,tsx}',\n '!src/**/*.d.ts',\n '!src/**/index.ts',\n '!src/__mocks__/**',\n '!src/__test_utils__/**',\n '!src/infrastructure/api/hooks/**'\n ],\n // text: per-folder table, text-summary: totals, lcov: HTML report at coverage/lcov-report/\n coverageReporters: ['text', 'text-summary', 'lcov'],\n coverageDirectory: 'coverage',\n // 80% floor to catch regressions without blocking active development.\n // Add new paths here as more modules gain test coverage.\n coverageThreshold: {\n './src/*.ts': { branches: 80, functions: 80, lines: 80, statements: 80 },\n './src/Agentflow.tsx': { branches: 80, functions: 80, lines: 80, statements: 80 },\n './src/atoms/ArrayInput.tsx': { branches: 80, functions: 80, lines: 80, statements: 80 },\n './src/atoms/ExpandTextDialog.tsx': { branches: 80, functions: 80, lines: 80, statements: 80 },\n './src/atoms/MessagesInput.tsx': { branches: 80, functions: 80, lines: 80, statements: 80 },\n './src/atoms/ScenariosInput.tsx': { branches: 80, functions: 80, lines: 80, statements: 80 },\n // Tier 3 UI atom — only the onChange/disabled/sync logic is tested, not styled internals\n './src/atoms/RichTextEditor.tsx': { branches: 30, functions: 50, lines: 50, statements: 50 },\n './src/core/': { branches: 80, functions: 80, lines: 80, statements: 80 },\n './src/features/canvas/components/ConnectionLine.tsx': { branches: 80, functions: 80, lines: 80, statements: 80 },\n // Only getMinimumNodeHeight() is tested; the component is Tier 3 UI with no business logic\n './src/features/canvas/components/NodeOutputHandles.tsx': { branches: 0, functions: 10, lines: 30, statements: 30 },\n './src/features/canvas/hooks/': { branches: 80, functions: 80, lines: 80, statements: 80 },\n './src/features/generator/GenerateFlowDialog.tsx': { branches: 80, functions: 80, lines: 80, statements: 80 },\n './src/features/node-editor/': { branches: 80, functions: 80, lines: 80, statements: 80 },\n './src/features/node-palette/search.ts': { branches: 80, functions: 80, lines: 80, statements: 80 },\n './src/infrastructure/': { branches: 80, functions: 80, lines: 80, statements: 80 }\n },\n projects: [\n // .test.ts → node (fast, no DOM)\n {\n ...baseConfig,\n displayName: 'unit',\n testEnvironment: 'node',\n testMatch: ['/src/**/*.test.ts']\n },\n // .test.tsx → jsdom (browser-like DOM for React components)\n {\n ...baseConfig,\n displayName: 'components',\n testEnvironment: '/src/__test_utils__/jest-environment-jsdom.js',\n testEnvironmentOptions: {\n customExportConditions: ['']\n },\n testMatch: ['/src/**/*.test.tsx'],\n setupFilesAfterEnv: ['@testing-library/jest-dom']\n }\n ]\n}\n" }, { "path": "packages/agentflow/package.json", "content": "{\n \"name\": \"@flowiseai/agentflow\",\n \"version\": \"0.0.0-dev.6\",\n \"description\": \"Embeddable React component for building and visualizing AI agent workflows\",\n \"license\": \"Apache-2.0\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/FlowiseAI/Flowise.git\",\n \"directory\": \"packages/agentflow\"\n },\n \"homepage\": \"https://github.com/FlowiseAI/Flowise/tree/main/packages/agentflow#readme\",\n \"bugs\": {\n \"url\": \"https://github.com/FlowiseAI/Flowise/issues\"\n },\n \"keywords\": [\n \"flowise\",\n \"flowiseai\",\n \"agentflow\",\n \"react\",\n \"llm\",\n \"ai\",\n \"agent\",\n \"workflow\"\n ],\n \"publishConfig\": {\n \"access\": \"public\",\n \"registry\": \"https://registry.npmjs.org\"\n },\n \"main\": \"./dist/index.umd.js\",\n \"module\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"exports\": {\n \".\": {\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.umd.js\",\n \"types\": \"./dist/index.d.ts\"\n },\n \"./flowise.css\": \"./dist/flowise.css\"\n },\n \"files\": [\n \"dist\"\n ],\n \"sideEffects\": [\n \"dist/**/*.css\"\n ],\n \"scripts\": {\n \"build\": \"tsc && vite build\",\n \"clean\": \"rimraf dist\",\n \"dev\": \"vite\",\n \"dev:example\": \"vite --config examples/vite.config.ts\",\n \"format\": \"prettier --write \\\"{src,examples}/**/*.{ts,tsx,js,jsx,json,css,md}\\\"\",\n \"format:check\": \"prettier --check \\\"{src,examples}/**/*.{ts,tsx,js,jsx,json,css,md}\\\"\",\n \"lint\": \"eslint \\\"{src,examples/src}/**/*.{js,jsx,ts,tsx,json,md}\\\"\",\n \"lint:fix\": \"eslint \\\"{src,examples/src}/**/*.{js,jsx,ts,tsx,json,md}\\\" --fix\",\n \"test\": \"jest\",\n \"test:watch\": \"jest --watch\",\n \"test:coverage\": \"jest --coverage\",\n \"nuke\": \"rimraf dist node_modules .turbo\",\n \"prepublishOnly\": \"npm run clean && npm run build\"\n },\n \"peerDependencies\": {\n \"@emotion/react\": \"^11.10.0\",\n \"@emotion/styled\": \"^11.10.0\",\n \"@mui/icons-material\": \"^5.0.0\",\n \"@mui/material\": \"^5.15.0\",\n \"react\": \"^18.2.0\",\n \"react-dom\": \"^18.2.0\",\n \"reactflow\": \"^11.5.0\"\n },\n \"dependencies\": {\n \"@codemirror/lang-javascript\": \"^6.2.0\",\n \"@codemirror/lang-json\": \"^6.0.0\",\n \"@codemirror/lang-python\": \"^6.1.0\",\n \"@tabler/icons-react\": \"^3.7.0\",\n \"@tiptap/extension-code-block-lowlight\": \"^3.4.3\",\n \"@tiptap/extension-placeholder\": \"^2.11.5\",\n \"@tiptap/react\": \"^2.11.5\",\n \"@tiptap/starter-kit\": \"^2.11.5\",\n \"@uiw/codemirror-theme-sublime\": \"^4.21.0\",\n \"@uiw/codemirror-theme-vscode\": \"^4.21.0\",\n \"@uiw/react-codemirror\": \"^4.21.0\",\n \"axios\": \"^1.7.2\",\n \"flowise-react-json-view\": \"^1.21.7\",\n \"lodash\": \"^4.17.21\",\n \"lowlight\": \"^3.3.0\",\n \"uuid\": \"^10.0.0\"\n },\n \"devDependencies\": {\n \"@testing-library/jest-dom\": \"^6.6.3\",\n \"@testing-library/react\": \"^14.3.1\",\n \"@testing-library/user-event\": \"^14.5.2\",\n \"@types/jest\": \"^29.5.14\",\n \"@types/lodash\": \"^4.14.195\",\n \"@types/react\": \"^18.2.0\",\n \"@types/react-dom\": \"^18.2.0\",\n \"@typescript-eslint/eslint-plugin\": \"^8.18.2\",\n \"@typescript-eslint/parser\": \"^8.18.2\",\n \"@vitejs/plugin-react\": \"^4.2.0\",\n \"eslint-import-resolver-typescript\": \"4.4.4\",\n \"eslint-plugin-import\": \"^2.29.0\",\n \"eslint-plugin-simple-import-sort\": \"^12.0.0\",\n \"jest\": \"^29.7.0\",\n \"jest-environment-jsdom\": \"^29.7.0\",\n \"rimraf\": \"^5.0.5\",\n \"ts-jest\": \"^29.3.2\",\n \"typescript\": \"^5.4.5\",\n \"vite\": \"^5.0.2\",\n \"vite-plugin-dts\": \"^3.7.0\"\n }\n}\n" }, { "path": "packages/agentflow/src/Agentflow.test.tsx", "content": "/**\n * Integration tests for Agentflow component\n * Focus on dark mode styling and theme integration\n */\n\nimport { createRef } from 'react'\n\nimport { fireEvent, render, waitFor } from '@testing-library/react'\n\nimport type { AgentFlowInstance, FlowData } from './core/types'\nimport { Agentflow } from './Agentflow'\n\n// Mock external dependencies - implementations in __mocks__/\njest.mock('reactflow')\njest.mock('axios')\n\n// Mock GenerateFlowDialog to expose callbacks for testing\njest.mock('./features/generator', () => ({\n GenerateFlowDialog: ({\n open,\n onClose,\n onGenerated\n }: {\n open: boolean\n onClose: () => void\n onGenerated: (nodes: FlowData['nodes'], edges: FlowData['edges']) => void\n }) =>\n open ? (\n
\n \n \n
\n ) : null\n}))\n\ndescribe('Agentflow Component', () => {\n const mockFlow: FlowData = {\n nodes: [\n {\n id: 'test-node',\n type: 'agentflowNode',\n position: { x: 0, y: 0 },\n data: {\n id: 'test-node',\n name: 'startAgentflow',\n label: 'Start',\n color: '#7EE787',\n outputAnchors: []\n }\n }\n ],\n edges: [],\n viewport: { x: 0, y: 0, zoom: 1 }\n }\n\n const defaultProps = {\n apiBaseUrl: 'https://example.com',\n initialFlow: mockFlow\n }\n\n describe('Dark Mode Integration', () => {\n it('should render in light mode by default', async () => {\n const { container } = render()\n\n await waitFor(() => {\n const canvas = container.querySelector('.agentflow-canvas')\n expect(canvas).toBeInTheDocument()\n expect(canvas?.getAttribute('data-dark-mode')).toBe('false')\n })\n })\n\n it('should render in dark mode when isDarkMode is true', async () => {\n const { container } = render()\n\n await waitFor(() => {\n const canvas = container.querySelector('.agentflow-canvas')\n expect(canvas).toBeInTheDocument()\n expect(canvas?.getAttribute('data-dark-mode')).toBe('true')\n })\n })\n\n it('should apply dark mode class to container', async () => {\n const { container } = render()\n\n await waitFor(() => {\n const agentflowContainer = container.querySelector('.agentflow-container')\n expect(agentflowContainer).toBeInTheDocument()\n expect(agentflowContainer).toHaveClass('dark')\n })\n })\n\n it('should not apply dark class in light mode', async () => {\n const { container } = render()\n\n await waitFor(() => {\n const agentflowContainer = container.querySelector('.agentflow-container')\n expect(agentflowContainer).toBeInTheDocument()\n expect(agentflowContainer).not.toHaveClass('dark')\n })\n })\n\n it('should apply dark-mode-controls class to Controls component', async () => {\n const { getByTestId } = render()\n\n await waitFor(() => {\n expect(getByTestId('controls')).toHaveClass('dark-mode-controls')\n })\n })\n\n it('should not apply dark-mode-controls class in light mode', async () => {\n const { getByTestId } = render()\n\n await waitFor(() => {\n expect(getByTestId('controls')).not.toHaveClass('dark-mode-controls')\n })\n })\n })\n\n describe('Theme Provider Integration', () => {\n it('should wrap content with ThemeProvider', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.firstChild).toBeInTheDocument()\n })\n })\n\n it('should support theme switching', async () => {\n const { container, rerender } = render()\n\n await waitFor(() => {\n const canvas = container.querySelector('.agentflow-canvas')\n expect(canvas).toBeInTheDocument()\n })\n\n const canvas = container.querySelector('.agentflow-canvas')\n expect(canvas?.getAttribute('data-dark-mode')).toBe('false')\n\n rerender()\n\n await waitFor(() => {\n expect(canvas?.getAttribute('data-dark-mode')).toBe('true')\n })\n })\n })\n\n describe('Component Structure', () => {\n it('should render main container', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n })\n\n it('should render canvas area', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-canvas')).toBeInTheDocument()\n })\n })\n\n it('should render ReactFlow components', async () => {\n const { getByTestId } = render()\n\n await waitFor(() => {\n expect(getByTestId('react-flow')).toBeInTheDocument()\n expect(getByTestId('controls')).toBeInTheDocument()\n expect(getByTestId('minimap')).toBeInTheDocument()\n expect(getByTestId('background')).toBeInTheDocument()\n })\n })\n })\n\n describe('Header Rendering', () => {\n it('should render default header when showDefaultHeader is true', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-header')).toBeInTheDocument()\n })\n })\n\n it('should not render default header when showDefaultHeader is false', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n\n expect(container.querySelector('.agentflow-header')).not.toBeInTheDocument()\n })\n\n it('should render custom header when renderHeader is provided', async () => {\n const customHeader = () =>
Custom Header
\n const { getByTestId } = render()\n\n await waitFor(() => {\n expect(getByTestId('custom-header')).toBeInTheDocument()\n })\n })\n })\n\n describe('Read-Only Mode', () => {\n it('should support read-only mode', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n })\n\n it('should not show generate button in read-only mode', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n\n // Generate button should not be rendered\n expect(container.querySelector('[aria-label=\"generate\"]')).not.toBeInTheDocument()\n })\n })\n\n describe('Props Integration', () => {\n it('should accept apiBaseUrl prop', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n })\n\n it('should accept token prop', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n })\n\n it('should accept initialFlow prop', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n })\n\n it('should accept components filter prop', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n })\n })\n\n describe('Callback Props', () => {\n it('should accept onFlowChange callback', async () => {\n const onFlowChange = jest.fn()\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n // Callback should be registered (actual invocation tested in flow handlers)\n })\n\n it('should accept onSave callback', async () => {\n const onSave = jest.fn()\n const { container, getByText } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n\n // Find and click the save button\n const saveButton = getByText('Save')\n fireEvent.click(saveButton)\n\n // Verify the callback was called\n expect(onSave).toHaveBeenCalledTimes(1)\n expect(onSave).toHaveBeenCalledWith(\n expect.objectContaining({\n nodes: expect.any(Array),\n edges: expect.any(Array)\n })\n )\n })\n\n it('should accept onFlowGenerated callback', async () => {\n const onFlowGenerated = jest.fn()\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n // Callback should be registered\n })\n })\n\n describe('Keyboard Shortcuts', () => {\n it('should trigger save on Cmd+S', async () => {\n const onSave = jest.fn()\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n\n fireEvent.keyDown(document, { key: 's', metaKey: true })\n\n expect(onSave).toHaveBeenCalledTimes(1)\n expect(onSave).toHaveBeenCalledWith(\n expect.objectContaining({\n nodes: expect.any(Array),\n edges: expect.any(Array)\n })\n )\n })\n\n it('should trigger save on Ctrl+S', async () => {\n const onSave = jest.fn()\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n\n fireEvent.keyDown(document, { key: 's', ctrlKey: true })\n\n expect(onSave).toHaveBeenCalledTimes(1)\n })\n\n it('should not trigger save on plain S key', async () => {\n const onSave = jest.fn()\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n\n fireEvent.keyDown(document, { key: 's' })\n\n expect(onSave).not.toHaveBeenCalled()\n })\n\n it('should not error on Cmd+S when no onSave callback is provided', async () => {\n const { container } = render()\n\n await waitFor(() => {\n expect(container.querySelector('.agentflow-container')).toBeInTheDocument()\n })\n\n expect(() => {\n fireEvent.keyDown(document, { key: 's', metaKey: true })\n }).not.toThrow()\n })\n })\n\n describe('Generate Flow', () => {\n it('should open generate dialog when button is clicked', async () => {\n const { container, getByTestId } = render()\n\n await waitFor(() => {\n expect(container.querySelector('[aria-label=\"generate\"]')).toBeInTheDocument()\n })\n\n fireEvent.click(container.querySelector('[aria-label=\"generate\"]')!)\n\n await waitFor(() => {\n expect(getByTestId('generate-dialog')).toBeInTheDocument()\n })\n })\n\n it('should close generate dialog via onClose', async () => {\n const { container, getByTestId, queryByTestId } = render()\n\n await waitFor(() => {\n expect(container.querySelector('[aria-label=\"generate\"]')).toBeInTheDocument()\n })\n\n fireEvent.click(container.querySelector('[aria-label=\"generate\"]')!)\n\n await waitFor(() => {\n expect(getByTestId('generate-dialog')).toBeInTheDocument()\n })\n\n fireEvent.click(getByTestId('close-dialog'))\n\n await waitFor(() => {\n expect(queryByTestId('generate-dialog')).not.toBeInTheDocument()\n })\n })\n\n it('should call onFlowGenerated when flow is generated', async () => {\n const onFlowGenerated = jest.fn()\n const { container, getByTestId } = render()\n\n await waitFor(() => {\n expect(container.querySelector('[aria-label=\"generate\"]')).toBeInTheDocument()\n })\n\n fireEvent.click(container.querySelector('[aria-label=\"generate\"]')!)\n\n await waitFor(() => {\n expect(getByTestId('generate-dialog')).toBeInTheDocument()\n })\n\n fireEvent.click(getByTestId('trigger-generate'))\n\n await waitFor(() => {\n expect(onFlowGenerated).toHaveBeenCalledWith({\n nodes: [],\n edges: [],\n viewport: { x: 0, y: 0, zoom: 1 }\n })\n })\n })\n })\n\n describe('Imperative Ref', () => {\n it('should expose agentflow instance via ref', async () => {\n const ref = createRef()\n render()\n\n await waitFor(() => {\n expect(ref.current).toBeDefined()\n expect(ref.current?.getFlow).toBeInstanceOf(Function)\n })\n })\n })\n\n describe('CSS Variables Injection', () => {\n it('should inject CSS variables into document head', async () => {\n render()\n\n // CSS variables should be injected\n await waitFor(() => {\n const styleElement = document.getElementById('agentflow-css-variables')\n expect(styleElement).toBeInTheDocument()\n expect(styleElement?.textContent).toContain('--agentflow-canvas-bg')\n })\n })\n\n it('should update CSS variables when dark mode changes', async () => {\n const { rerender } = render()\n\n // Wait for initial async operations to complete\n await waitFor(() => {\n expect(document.getElementById('agentflow-css-variables')).toBeInTheDocument()\n })\n\n const lightContent = document.getElementById('agentflow-css-variables')?.textContent\n\n rerender()\n\n // Wait for useEffect to update the CSS variables\n let darkContent: string | null | undefined\n await waitFor(() => {\n darkContent = document.getElementById('agentflow-css-variables')?.textContent\n expect(darkContent).toBeTruthy()\n expect(darkContent).not.toBe(lightContent)\n })\n })\n\n it('should clean up CSS variables on unmount', async () => {\n const { unmount } = render()\n\n await waitFor(() => {\n expect(document.getElementById('agentflow-css-variables')).toBeInTheDocument()\n })\n\n unmount()\n\n expect(document.getElementById('agentflow-css-variables')).not.toBeInTheDocument()\n })\n })\n})\n" }, { "path": "packages/agentflow/src/Agentflow.tsx", "content": "import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'\nimport ReactFlow, { Background, Controls, MiniMap, ReactFlowProvider, useEdgesState, useNodesState } from 'reactflow'\n\nimport { Alert, Snackbar } from '@mui/material'\nimport { IconSparkles } from '@tabler/icons-react'\n\nimport { tokens } from './core/theme'\nimport type { AgentFlowInstance, AgentflowProps, FlowData, FlowDataCallback, FlowEdge, FlowNode } from './core/types'\nimport { applyValidationErrorsToNodes, validateFlow } from './core/validation'\nimport {\n AgentflowHeader,\n ConnectionLine,\n createHeaderProps,\n edgeTypes,\n nodeTypes,\n useDragAndDrop,\n useFlowHandlers,\n useFlowNodes\n} from './features/canvas'\nimport { ValidationFeedback } from './features/canvas/components'\nimport { GenerateFlowDialog } from './features/generator'\nimport { EditNodeDialog } from './features/node-editor'\nimport { AddNodesDrawer, StyledFab } from './features/node-palette'\nimport { useAgentflowContext, useConfigContext } from './infrastructure/store'\nimport { AgentflowProvider } from './AgentflowProvider'\nimport { useAgentflow } from './useAgentflow'\n\nimport 'reactflow/dist/style.css'\nimport './features/canvas/canvas.css'\n\n/**\n * Internal canvas component that uses the contexts\n */\nfunction AgentflowCanvas({\n initialFlow,\n readOnly,\n onFlowChange,\n onSave,\n onFlowGenerated,\n showDefaultHeader = true,\n enableGenerator = true,\n showDefaultPalette = true,\n renderHeader,\n renderNodePalette\n}: {\n initialFlow?: FlowData\n readOnly?: boolean\n onFlowChange?: FlowDataCallback\n onSave?: FlowDataCallback\n onFlowGenerated?: FlowDataCallback\n showDefaultHeader?: boolean\n showDefaultPalette?: boolean\n enableGenerator?: boolean\n renderHeader?: AgentflowProps['renderHeader']\n renderNodePalette?: AgentflowProps['renderNodePalette']\n}) {\n const {\n state,\n syncNodesFromReactFlow,\n syncEdgesFromReactFlow,\n setDirty,\n setReactFlowInstance,\n closeEditDialog,\n registerLocalStateSetters,\n registerOnFlowChange\n } = useAgentflowContext()\n const { isDarkMode } = useConfigContext()\n const agentflow = useAgentflow()\n const reactFlowWrapper = useRef(null)\n\n // Memoize ReactFlow colors from theme tokens\n const reactFlowColors = useMemo(() => {\n const mode = isDarkMode ? 'dark' : 'light'\n return {\n minimapNode: tokens.colors.reactflow.minimap.node[mode],\n minimapNodeStroke: tokens.colors.reactflow.minimap.nodeStroke[mode],\n minimapBackground: tokens.colors.reactflow.minimap.background[mode],\n minimapMask: tokens.colors.reactflow.minimap.mask[mode],\n backgroundDots: tokens.colors.reactflow.background.dots[mode]\n }\n }, [isDarkMode])\n\n const [nodes, setLocalNodes, onNodesChange] = useNodesState(initialFlow?.nodes || [])\n const [edges, setLocalEdges, onEdgesChange] = useEdgesState(initialFlow?.edges || [])\n const [showGenerateDialog, setShowGenerateDialog] = useState(false)\n\n // Constraint violation snackbar state\n const [snackbar, setSnackbar] = useState<{ open: boolean; message: string }>({ open: false, message: '' })\n\n const handleConstraintViolation = useCallback((message: string) => {\n setSnackbar({ open: true, message })\n }, [])\n\n const handleSnackbarClose = useCallback(() => {\n setSnackbar({ open: false, message: '' })\n }, [])\n\n // Load available nodes\n const { availableNodes } = useFlowNodes()\n\n // Register local state setters with context on mount\n useEffect(() => {\n registerLocalStateSetters(setLocalNodes, setLocalEdges)\n }, [registerLocalStateSetters, setLocalNodes, setLocalEdges])\n\n // Register onFlowChange callback so context-level updates (e.g. updateNodeData)\n // can notify the parent of flow changes\n useEffect(() => {\n registerOnFlowChange(onFlowChange)\n return () => registerOnFlowChange(undefined)\n }, [registerOnFlowChange, onFlowChange])\n\n // Sync local ReactFlow state to context (when user interacts with canvas)\n useEffect(() => {\n syncNodesFromReactFlow(nodes as FlowNode[])\n }, [nodes, syncNodesFromReactFlow])\n\n useEffect(() => {\n syncEdgesFromReactFlow(edges as FlowEdge[])\n }, [edges, syncEdgesFromReactFlow])\n\n // Flow handlers\n const { handleConnect, handleNodesChange, handleNodeDragStop, handleEdgesChange, handleAddNode } = useFlowHandlers({\n nodes: nodes as FlowNode[],\n edges: edges as FlowEdge[],\n setLocalNodes: setLocalNodes as React.Dispatch>,\n setLocalEdges: setLocalEdges as React.Dispatch>,\n onNodesChange,\n onEdgesChange,\n onFlowChange,\n availableNodes,\n onConstraintViolation: handleConstraintViolation\n })\n\n // Drag and drop handlers\n const { handleDragOver, handleDrop } = useDragAndDrop({\n nodes: nodes as FlowNode[],\n setLocalNodes: setLocalNodes as React.Dispatch>,\n reactFlowWrapper: reactFlowWrapper as React.RefObject,\n onConstraintViolation: handleConstraintViolation\n })\n\n // Handle generated flow from dialog\n const handleFlowGenerated = useCallback(\n (generatedNodes: FlowData['nodes'], generatedEdges: FlowData['edges']) => {\n setLocalNodes(generatedNodes)\n setLocalEdges(generatedEdges)\n setDirty(true)\n\n if (onFlowGenerated) {\n onFlowGenerated({\n nodes: generatedNodes,\n edges: generatedEdges,\n viewport: { x: 0, y: 0, zoom: 1 }\n })\n }\n },\n [setLocalNodes, setLocalEdges, setDirty, onFlowGenerated]\n )\n\n // Handle save — run validation first and highlight problem nodes\n const handleSave = useCallback(() => {\n if (!onSave) return\n\n const flowNodes = nodes as FlowNode[]\n const flowEdges = edges as FlowEdge[]\n const result = validateFlow(flowNodes, flowEdges, availableNodes)\n\n // Update node border highlighting: set errors on failing nodes, clear errors on now-valid nodes\n setLocalNodes((prev) => applyValidationErrorsToNodes(prev as FlowNode[], result.errors) as FlowNode[])\n\n if (!result.valid) {\n handleConstraintViolation('Flow has validation errors. Please fix them before saving.')\n return\n }\n\n onSave(agentflow.getFlow())\n setDirty(false)\n }, [onSave, agentflow, setDirty, nodes, edges, availableNodes, setLocalNodes, handleConstraintViolation])\n\n // Keyboard shortcut: Cmd+S / Ctrl+S to save\n useEffect(() => {\n const onKeyDown = (e: KeyboardEvent) => {\n if ((e.metaKey || e.ctrlKey) && e.key === 's') {\n e.preventDefault()\n handleSave()\n }\n }\n document.addEventListener('keydown', onKeyDown)\n return () => document.removeEventListener('keydown', onKeyDown)\n }, [handleSave])\n\n // Header props\n const headerProps = createHeaderProps(\n state.chatflow?.name || 'Untitled',\n state.isDirty,\n handleSave,\n agentflow.toJSON,\n agentflow.validate\n )\n\n // Palette props\n const paletteProps = {\n availableNodes,\n onAddNode: handleAddNode\n }\n\n return (\n
\n {/* Header */}\n {renderHeader ? renderHeader(headerProps) : showDefaultHeader ? : null}\n\n
\n {/* Node Palette - only render if custom renderNodePalette is provided */}\n {renderNodePalette && renderNodePalette(paletteProps)}\n\n {/* Canvas */}\n \n {/* Add Nodes Drawer - positioned at top left */}\n {!readOnly && showDefaultPalette && (\n handleAddNode(node.name)} />\n )}\n\n {/* Generate Flow Button - positioned at top left, next to Add Nodes button (v2 style) */}\n {!readOnly && enableGenerator && (\n setShowGenerateDialog(true)}\n sx={{\n position: 'absolute',\n left: showDefaultPalette ? 70 : 20, // 70px offset = ~10px gap between buttons\n top: 20,\n zIndex: 1001\n }}\n >\n \n \n )}\n\n {/* Validation Feedback - positioned at top right */}\n {!readOnly && (\n >}\n />\n )}\n\n \n \n \n \n \n
\n
\n\n {/* Generate Flow Dialog */}\n setShowGenerateDialog(false)} onGenerated={handleFlowGenerated} />\n\n {/* Edit Node Dialog */}\n \n\n {/* Constraint Violation Snackbar */}\n \n \n {snackbar.message}\n \n \n \n )\n}\n\n/**\n * Main Agentflow component.\n * Renders an embeddable agentflow canvas with optional header and node palette.\n *\n * @example\n * ```tsx\n * import { Agentflow } from '@flowiseai/agentflow'\n * import '@flowiseai/agentflow/flowise.css'\n *\n * function App() {\n * return (\n * \n * )\n * }\n * ```\n */\nexport const Agentflow = forwardRef(function Agentflow(props, ref) {\n const {\n apiBaseUrl,\n token,\n requestInterceptor,\n initialFlow,\n components,\n onFlowChange,\n onSave,\n onFlowGenerated,\n isDarkMode = false,\n readOnly = false,\n enableGenerator = true,\n renderHeader,\n renderNodePalette,\n showDefaultHeader = true,\n showDefaultPalette = true\n } = props\n\n return (\n \n \n \n \n \n )\n})\n\n/**\n * Canvas component with ref forwarding\n */\nconst AgentflowCanvasWithRef = forwardRef<\n AgentFlowInstance,\n {\n initialFlow?: FlowData\n readOnly?: boolean\n onFlowChange?: FlowDataCallback\n onSave?: FlowDataCallback\n onFlowGenerated?: FlowDataCallback\n showDefaultHeader?: boolean\n showDefaultPalette?: boolean\n enableGenerator?: boolean\n renderHeader?: AgentflowProps['renderHeader']\n renderNodePalette?: AgentflowProps['renderNodePalette']\n }\n>(function AgentflowCanvasWithRef(props, ref) {\n const agentflow = useAgentflow()\n\n // Expose imperative methods via ref\n useImperativeHandle(ref, () => agentflow, [agentflow])\n\n return \n})\n\nexport default Agentflow\n" }, { "path": "packages/agentflow/src/AgentflowProvider.tsx", "content": "import { ReactNode, useEffect, useMemo } from 'react'\nimport { ReactFlowProvider } from 'reactflow'\n\nimport { ThemeProvider } from '@mui/material/styles'\n\nimport { createAgentflowTheme, generateCSSVariables } from './core/theme'\nimport type { FlowData, RequestInterceptor } from './core/types'\nimport { AgentflowStateProvider, ApiProvider, ConfigProvider } from './infrastructure/store'\n\ninterface AgentflowProviderProps {\n /** Flowise API server endpoint */\n apiBaseUrl: string\n /** Authentication token for API calls */\n token?: string\n /**\n * Optional callback to customize outgoing API requests.\n * Has access to full request config including auth tokens — only pass trusted code.\n */\n requestInterceptor?: RequestInterceptor\n /** Whether to use dark mode (default: false) */\n isDarkMode?: boolean\n /** Array of allowed node component names */\n components?: string[]\n /** Whether the canvas is read-only */\n readOnly?: boolean\n /** Initial flow data */\n initialFlow?: FlowData\n /** Children to render */\n children: ReactNode\n}\n\n/**\n * Provider component that wraps the entire Agentflow application.\n * Sets up all required contexts for API access, configuration, and state management.\n */\nexport function AgentflowProvider({\n apiBaseUrl,\n token,\n requestInterceptor,\n isDarkMode = false,\n components,\n readOnly = false,\n initialFlow,\n children\n}: AgentflowProviderProps) {\n // Create MUI theme based on dark mode\n const theme = useMemo(() => createAgentflowTheme(isDarkMode), [isDarkMode])\n\n // Inject CSS variables into DOM for use in CSS files.\n // Split into two effects: one for updates (runs on isDarkMode change)\n // and one for cleanup (runs only on unmount) to avoid a flash of\n // missing variables when toggling dark mode.\n const styleId = 'agentflow-css-variables'\n\n useEffect(() => {\n let style = document.getElementById(styleId) as HTMLStyleElement\n\n if (!style) {\n style = document.createElement('style')\n style.id = styleId\n document.head.appendChild(style)\n }\n\n style.textContent = `:root { ${generateCSSVariables(isDarkMode)} }`\n }, [isDarkMode])\n\n useEffect(() => {\n return () => {\n const existingStyle = document.getElementById(styleId)\n if (existingStyle) {\n document.head.removeChild(existingStyle)\n }\n }\n }, [])\n\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nexport default AgentflowProvider\n" }, { "path": "packages/agentflow/src/__mocks__/@tiptap/extension-code-block-lowlight.ts", "content": "const CodeBlockLowlight = {\n configure: jest.fn(() => 'CodeBlockLowlight'),\n extend: jest.fn(() => 'CodeBlockLowlightExtended')\n}\nexport default CodeBlockLowlight\n" }, { "path": "packages/agentflow/src/__mocks__/@tiptap/extension-placeholder.ts", "content": "const Placeholder = { configure: jest.fn(() => 'Placeholder') }\nexport default Placeholder\n" }, { "path": "packages/agentflow/src/__mocks__/@tiptap/react.ts", "content": "import { createElement, forwardRef } from 'react'\n\nexport const useEditor = (config?: Record) => ({\n getHTML: () => (config?.content as string) ?? '

',\n setEditable: jest.fn(),\n commands: { focus: jest.fn(), setContent: jest.fn() },\n _onUpdate: config?.onUpdate\n})\n\nexport const EditorContent = forwardRef(({ editor, ...rest }, ref) =>\n createElement('div', { ref, 'data-testid': 'tiptap-editor-content', 'data-has-editor': !!editor, ...rest })\n)\nEditorContent.displayName = 'EditorContent'\n" }, { "path": "packages/agentflow/src/__mocks__/@tiptap/starter-kit.ts", "content": "const StarterKit = { configure: jest.fn(() => 'StarterKit') }\nexport default StarterKit\n" }, { "path": "packages/agentflow/src/__mocks__/axios.ts", "content": "/**\n * Mock for axios library\n *\n * Prevents network errors in tests by mocking all HTTP requests.\n * Returns mock data for common API endpoints.\n */\n\nconst mockAxios: any = {\n create: jest.fn(function () {\n return mockAxios\n }),\n defaults: {\n headers: {\n common: {}\n }\n },\n interceptors: {\n request: {\n use: jest.fn(),\n eject: jest.fn()\n },\n response: {\n use: jest.fn(),\n eject: jest.fn()\n }\n },\n get: jest.fn(() => Promise.resolve({ data: [] })),\n post: jest.fn(() => Promise.resolve({ data: {} })),\n put: jest.fn(() => Promise.resolve({ data: {} })),\n delete: jest.fn(() => Promise.resolve({ data: {} })),\n patch: jest.fn(() => Promise.resolve({ data: {} })),\n request: jest.fn(() => Promise.resolve({ data: {} }))\n}\n\nexport default mockAxios\n" }, { "path": "packages/agentflow/src/__mocks__/lowlight.ts", "content": "export const common = {}\nexport const createLowlight = jest.fn(() => ({ register: jest.fn() }))\n" }, { "path": "packages/agentflow/src/__mocks__/reactflow.tsx", "content": "/**\n * Mock for ReactFlow library\n *\n * Provides mock implementations of ReactFlow components and hooks for testing.\n * Prevents canvas/layout issues and provides stable references to avoid infinite loops.\n */\n\nimport React from 'react'\n\nconst MockReactFlow = ({ children }: { children: React.ReactNode }) =>
{children}
\n\n// Mock components with forwardRef for MUI styled() compatibility\nconst NodeToolbar = React.forwardRef(({ children, ...props }: any, ref: any) => (\n
\n {children}\n
\n))\nNodeToolbar.displayName = 'NodeToolbar'\n\nconst Handle = React.forwardRef(({ children, ...props }: any, ref: any) => (\n
\n {children}\n
\n))\nHandle.displayName = 'Handle'\n\nexport default MockReactFlow\n\nexport const ReactFlowProvider = ({ children }: { children: React.ReactNode }) =>
{children}
\n\nexport const Controls = ({ className }: { className?: string }) =>
\n\nexport const MiniMap = () =>
\n\nexport const Background = () =>
\n\nexport { Handle, NodeToolbar }\n\nexport const Position = { Left: 'left', Right: 'right', Top: 'top', Bottom: 'bottom' }\n\n// Use React's useState to maintain stable references and prevent infinite loops\nexport const useNodesState = (initialNodes: any) => {\n const [nodes, setNodes] = React.useState(initialNodes || [])\n return [nodes, setNodes, jest.fn()]\n}\n\nexport const useEdgesState = (initialEdges: any) => {\n const [edges, setEdges] = React.useState(initialEdges || [])\n return [edges, setEdges, jest.fn()]\n}\n\nexport const useReactFlow = () => ({\n screenToFlowPosition: jest.fn((pos) => pos),\n project: jest.fn((pos) => pos),\n setNodes: jest.fn(),\n setEdges: jest.fn(),\n getNodes: jest.fn(() => []),\n getEdges: jest.fn(() => []),\n getNode: jest.fn(),\n getEdge: jest.fn()\n})\n\n// Hook to update node internals (used for dynamic handle positioning)\nexport const useUpdateNodeInternals = () => jest.fn()\n\n// Hook to access ReactFlow store state\nexport const useStore = (selector?: any) => (selector ? selector({}) : {})\n\n// Change utilities - apply changes by returning the original array (sufficient for tests)\nexport const applyNodeChanges = (changes: any[], nodes: any[]) => nodes\nexport const applyEdgeChanges = (changes: any[], edges: any[]) => edges\n\n// Edge utilities\nexport const addEdge = (connection: any, edges: any[]) => [...edges, connection]\n\nexport const getBezierPath = jest.fn(({ sourceX, sourceY, targetX, targetY }: any) => [\n `M ${sourceX},${sourceY} L ${targetX},${targetY}`,\n (sourceX + targetX) / 2,\n (sourceY + targetY) / 2\n])\n\nexport const EdgeLabelRenderer = ({ children }: { children: React.ReactNode }) =>
{children}
\n\nexport const NodeResizer = () =>
\n" }, { "path": "packages/agentflow/src/__mocks__/styleMock.js", "content": "module.exports = {}\n" }, { "path": "packages/agentflow/src/__test_utils__/factories.ts", "content": "import type { FlowEdge, FlowNode, NodeData } from '@/core/types'\n\n/**\n * Create a {@link FlowNode} with sensible defaults.\n *\n * The returned node uses `id` for every identity field (`id`, `data.id`,\n * `data.name`, `data.label`) so a single string is enough for most tests.\n * Pass `overrides` to customise any property.\n *\n * @example\n * makeFlowNode('a')\n * makeFlowNode('a', { type: 'agentFlow', selected: true })\n * makeFlowNode('a', { data: { id: 'a', name: 'llmAgentflow', label: 'LLM' } })\n */\nexport const makeFlowNode = (id: string, overrides?: Partial): FlowNode => ({\n id,\n type: 'customNode',\n position: { x: 0, y: 0 },\n data: { id, name: id, label: id },\n ...overrides\n})\n\n/**\n * Create a {@link FlowEdge} between two node ids.\n *\n * The edge `id` is derived as `\"${source}-${target}\"` by default.\n *\n * @example\n * makeFlowEdge('a', 'b')\n * makeFlowEdge('a', 'b', { selected: true, animated: true })\n */\nexport const makeFlowEdge = (source: string, target: string, overrides?: Partial): FlowEdge => ({\n id: `${source}-${target}`,\n source,\n target,\n type: 'default',\n ...overrides\n})\n\n/**\n * Create a {@link NodeData} descriptor (the `data` payload of a node).\n *\n * Useful for testing palette search, node filtering, and `initNode`.\n *\n * @example\n * makeNodeData()\n * makeNodeData({ name: 'llmAgentflow', label: 'LLM', category: 'AI' })\n */\nexport const makeNodeData = (overrides?: Partial): NodeData =>\n ({ id: '', name: 'testNode', label: 'Test Node', ...overrides } as NodeData)\n" }, { "path": "packages/agentflow/src/__test_utils__/jest-environment-jsdom.js", "content": "/**\n * Custom Jest environment for jsdom tests\n *\n * Prevents canvas native module from being loaded during test initialization.\n * The canvas package requires native compilation which often fails in CI/CD\n * environments. Since canvas is only optionally used by jsdom and not needed\n * for our React component tests, we mock it at the module require level.\n *\n * Note: This file must be CommonJS (require) because Jest environments\n * do not support ESM.\n */\n\nconst JSDOMEnvironment = require('jest-environment-jsdom').default\n\n// Mock canvas before jsdom tries to load it.\n// NOTE: This overrides Module.prototype.require globally for the entire test process.\n// Any module requiring 'canvas' (not just jsdom) will receive this mock.\n// This is acceptable because canvas is only an optional jsdom dependency and\n// is not used by any application code under test.\nconst Module = require('module')\n\nconst originalRequire = Module.prototype.require\n\nModule.prototype.require = function (id) {\n if (id === 'canvas') {\n return {\n createCanvas: () => ({\n getContext: () => ({}),\n toBuffer: () => Buffer.from(''),\n toDataURL: () => ''\n }),\n createImageData: () => ({ data: [] }),\n loadImage: () => Promise.resolve({}),\n Image: class Image {\n constructor() {\n this.src = ''\n this.width = 0\n this.height = 0\n this.onload = null\n this.onerror = null\n this.naturalWidth = 0\n this.naturalHeight = 0\n }\n }\n }\n }\n return originalRequire.apply(this, arguments)\n}\n\nmodule.exports = JSDOMEnvironment\n" }, { "path": "packages/agentflow/src/atoms/ArrayInput.test.tsx", "content": "import { fireEvent, render, screen } from '@testing-library/react'\n\nimport type { InputParam, NodeData } from '@/core/types'\n\nimport { ArrayInput } from './ArrayInput'\n\n// --- Mocks ---\nconst mockOnDataChange = jest.fn()\n\njest.mock('./NodeInputHandler', () => ({\n NodeInputHandler: ({\n inputParam,\n onDataChange\n }: {\n inputParam: InputParam\n data: NodeData\n onDataChange: (args: { inputParam: InputParam; newValue: unknown }) => void\n }) => (\n
\n \n onDataChange({ inputParam, newValue: e.target.value })} />\n
\n )\n}))\n\njest.mock('@tabler/icons-react', () => ({\n IconPlus: () => ,\n IconTrash: () => \n}))\n\ndescribe('ArrayInput', () => {\n const mockInputParam: InputParam = {\n id: 'test-array',\n name: 'testArray',\n label: 'Test Item',\n type: 'array',\n array: [\n { id: 'field1', name: 'field1', label: 'Field 1', type: 'string', default: '' } as InputParam,\n { id: 'field2', name: 'field2', label: 'Field 2', type: 'number', default: 0 } as InputParam\n ]\n }\n\n const mockNodeData: NodeData = {\n id: 'node-1',\n name: 'testNode',\n label: 'Test Node',\n inputValues: {}\n } as NodeData\n\n beforeEach(() => {\n jest.clearAllMocks()\n })\n\n // Test 1: Render existing items\n it('should render existing items correctly', () => {\n const dataWithItems: NodeData = {\n ...mockNodeData,\n inputValues: {\n testArray: [\n { field1: 'value1', field2: 10 },\n { field1: 'value2', field2: 20 }\n ]\n }\n } as NodeData\n\n render()\n\n // Verify both items are rendered\n expect(screen.getByText('0')).toBeInTheDocument()\n expect(screen.getByText('1')).toBeInTheDocument()\n\n // Verify field handlers are rendered for both items\n expect(screen.getAllByTestId('input-handler-field1')).toHaveLength(2)\n expect(screen.getAllByTestId('input-handler-field2')).toHaveLength(2)\n })\n\n // Test 2: Render Add button\n it('should render Add button with correct label', () => {\n render()\n\n const addButton = screen.getByRole('button', { name: /Add Test Item/i })\n expect(addButton).toBeInTheDocument()\n expect(screen.getByTestId('icon-plus')).toBeInTheDocument()\n })\n\n // Test 3: Add new item\n it('should add new item and call onDataChange with new array', () => {\n render()\n\n const addButton = screen.getByRole('button', { name: /Add Test Item/i })\n fireEvent.click(addButton)\n\n // Verify onDataChange was called with new array containing default values\n expect(mockOnDataChange).toHaveBeenCalledWith({\n inputParam: mockInputParam,\n newValue: [{ field1: '', field2: 0 }]\n })\n })\n\n // Test 4: Delete item\n it('should delete item and verify item removed from array', () => {\n const dataWithItems: NodeData = {\n ...mockNodeData,\n inputValues: {\n testArray: [\n { field1: 'value1', field2: 10 },\n { field1: 'value2', field2: 20 }\n ]\n }\n } as NodeData\n\n render()\n\n // Get all delete buttons (IconTrash buttons)\n const deleteButtons = screen.getAllByTitle('Delete')\n\n // Click the first delete button\n fireEvent.click(deleteButtons[0])\n\n // Verify onDataChange was called with updated array (first item removed)\n expect(mockOnDataChange).toHaveBeenCalledWith({\n inputParam: mockInputParam,\n newValue: [{ field1: 'value2', field2: 20 }]\n })\n })\n\n // Test 5: Handle field changes\n it('should handle nested field changes and update parent array', () => {\n const dataWithItems: NodeData = {\n ...mockNodeData,\n inputValues: {\n testArray: [{ field1: 'initial', field2: 5 }]\n }\n } as NodeData\n\n render()\n\n // Change field1 value\n const field1Input = screen.getByTestId('input-field1')\n fireEvent.change(field1Input, { target: { value: 'updated' } })\n\n // Verify parent array was updated\n expect(mockOnDataChange).toHaveBeenCalledWith({\n inputParam: mockInputParam,\n newValue: [{ field1: 'updated', field2: 5 }]\n })\n })\n\n // Test 6: Empty array initialization\n it('should render with empty array and only show Add button', () => {\n render()\n\n // Verify no items are rendered\n expect(screen.queryByText('0')).not.toBeInTheDocument()\n\n // Verify Add button is present\n expect(screen.getByRole('button', { name: /Add Test Item/i })).toBeInTheDocument()\n })\n\n // Test 7: Respect disabled prop\n it('should disable buttons when disabled prop is true', () => {\n const dataWithItems: NodeData = {\n ...mockNodeData,\n inputValues: {\n testArray: [{ field1: 'value1', field2: 10 }]\n }\n } as NodeData\n\n render()\n\n // Verify Add button is disabled\n const addButton = screen.getByRole('button', { name: /Add Test Item/i })\n expect(addButton).toBeDisabled()\n\n // Verify Delete button is disabled\n const deleteButton = screen.getByTitle('Delete')\n expect(deleteButton).toBeDisabled()\n })\n\n // Test 8: Filter hidden fields\n it('should not render fields with display set to false', () => {\n const inputParamWithHiddenField: InputParam = {\n ...mockInputParam,\n array: [\n { id: 'visible', name: 'visible', label: 'Visible Field', type: 'string', display: true } as InputParam,\n { id: 'hidden', name: 'hidden', label: 'Hidden Field', type: 'string', display: false } as InputParam\n ]\n }\n\n const dataWithItems: NodeData = {\n ...mockNodeData,\n inputValues: {\n testArray: [{ visible: 'test', hidden: 'should-not-show' }]\n }\n } as NodeData\n\n render()\n\n // Verify visible field is rendered\n expect(screen.getByTestId('input-handler-visible')).toBeInTheDocument()\n\n // Verify hidden field is NOT rendered\n expect(screen.queryByTestId('input-handler-hidden')).not.toBeInTheDocument()\n })\n\n // Test 9: Multiple items\n it('should render multiple items with correct indices', () => {\n const dataWithMultipleItems: NodeData = {\n ...mockNodeData,\n inputValues: {\n testArray: [\n { field1: 'item1', field2: 1 },\n { field1: 'item2', field2: 2 },\n { field1: 'item3', field2: 3 },\n { field1: 'item4', field2: 4 }\n ]\n }\n } as NodeData\n\n render()\n\n // Verify all indices are shown\n expect(screen.getByText('0')).toBeInTheDocument()\n expect(screen.getByText('1')).toBeInTheDocument()\n expect(screen.getByText('2')).toBeInTheDocument()\n expect(screen.getByText('3')).toBeInTheDocument()\n\n // Verify all field handlers are rendered (4 items * 2 fields each = 8 handlers)\n expect(screen.getAllByTestId('input-handler-field1')).toHaveLength(4)\n expect(screen.getAllByTestId('input-handler-field2')).toHaveLength(4)\n })\n\n // Test 10: Default values\n it('should initialize new items with field default values', () => {\n const inputParamWithDefaults: InputParam = {\n id: 'test-array',\n name: 'testArray',\n label: 'Test Item',\n type: 'array',\n array: [\n { id: 'name', name: 'name', label: 'Name', type: 'string', default: 'John Doe' } as InputParam,\n { id: 'age', name: 'age', label: 'Age', type: 'number', default: 25 } as InputParam,\n { id: 'active', name: 'active', label: 'Active', type: 'boolean', default: true } as InputParam\n ]\n }\n\n render()\n\n const addButton = screen.getByRole('button', { name: /Add Test Item/i })\n fireEvent.click(addButton)\n\n // Verify new item initialized with correct default values\n expect(mockOnDataChange).toHaveBeenCalledWith({\n inputParam: inputParamWithDefaults,\n newValue: [{ name: 'John Doe', age: 25, active: true }]\n })\n })\n\n // minItems constraint\n it('should respect minItems constraint and disable delete when minimum reached', () => {\n const inputParamWithMinItems: InputParam = {\n ...mockInputParam,\n minItems: 2\n }\n\n const dataWithItems: NodeData = {\n ...mockNodeData,\n inputValues: {\n testArray: [\n { field1: 'value1', field2: 10 },\n { field1: 'value2', field2: 20 }\n ]\n }\n } as NodeData\n\n render()\n\n // Both delete buttons should be disabled when at minItems limit\n const deleteButtons = screen.getAllByTitle('Delete')\n expect(deleteButtons[0]).toBeDisabled()\n expect(deleteButtons[1]).toBeDisabled()\n })\n\n // Test 11: Type-specific defaults when no explicit default is provided\n it('should initialize new items with type-appropriate defaults when no default is specified', () => {\n const inputParamWithTypes: InputParam = {\n id: 'typed-array',\n name: 'testArray',\n label: 'Test Item',\n type: 'array',\n array: [\n { id: 'str', name: 'str', label: 'String', type: 'string' } as InputParam,\n { id: 'num', name: 'num', label: 'Number', type: 'number' } as InputParam,\n { id: 'bool', name: 'bool', label: 'Boolean', type: 'boolean' } as InputParam,\n { id: 'arr', name: 'arr', label: 'Array', type: 'array' } as InputParam\n ]\n }\n\n render()\n\n fireEvent.click(screen.getByRole('button', { name: /Add Test Item/i }))\n\n expect(mockOnDataChange).toHaveBeenCalledWith({\n inputParam: inputParamWithTypes,\n newValue: [{ str: '', num: 0, bool: false, arr: [] }]\n })\n })\n\n // Test 12: itemParameters prop overrides inputParam.array display flags\n it('should use itemParameters prop for field visibility when provided, ignoring inputParam.array display flags', () => {\n // inputParam.array has both fields with no display flag (both would show)\n const dataWithItem: NodeData = {\n ...mockNodeData,\n inputValues: { testArray: [{ field1: 'value', field2: 10 }] }\n } as NodeData\n\n // Parent (EditNodeDialog) has evaluated field2 as hidden\n const itemParameters: InputParam[][] = [\n [\n { id: 'field1', name: 'field1', label: 'Field 1', type: 'string', display: true } as InputParam,\n { id: 'field2', name: 'field2', label: 'Field 2', type: 'number', display: false } as InputParam\n ]\n ]\n\n render(\n \n )\n\n // field1 visible per itemParameters\n expect(screen.getByTestId('input-handler-field1')).toBeInTheDocument()\n // field2 hidden per itemParameters even though inputParam.array has no display flag\n expect(screen.queryByTestId('input-handler-field2')).not.toBeInTheDocument()\n })\n\n // Test reading minItems from inputParam\n it('should read minItems from inputParam', () => {\n const inputParamWithMinItems: InputParam = {\n ...mockInputParam,\n minItems: 1\n }\n\n const dataWithOneItem: NodeData = {\n ...mockNodeData,\n inputValues: {\n testArray: [{ field1: 'value1', field2: 10 }]\n }\n } as NodeData\n\n render()\n\n // Delete button should be disabled when at minItems limit\n const deleteButton = screen.getByTitle('Delete')\n expect(deleteButton).toBeDisabled()\n })\n})\n" }, { "path": "packages/agentflow/src/atoms/ArrayInput.tsx", "content": "import { type ComponentType, useCallback, useMemo } from 'react'\n\nimport { Box, Button, Chip, IconButton } from '@mui/material'\nimport { useTheme } from '@mui/material/styles'\nimport { IconPlus, IconTrash } from '@tabler/icons-react'\n\nimport type { InputParam, NodeData } from '@/core/types'\n\nimport { type AsyncInputProps, type ConfigInputComponentProps, NodeInputHandler } from './NodeInputHandler'\nimport { useStableKeys } from './useStableKeys'\n\nexport interface ArrayInputProps {\n inputParam: InputParam\n data: NodeData\n disabled?: boolean\n onDataChange?: (params: { inputParam: InputParam; newValue: unknown }) => void\n itemParameters?: InputParam[][]\n AsyncInputComponent?: ComponentType\n ConfigInputComponent?: ComponentType\n onConfigChange?: (\n configKey: string,\n configValues: Record,\n arrayContext?: { parentParamName: string; arrayIndex: number }\n ) => void\n}\n\nexport function ArrayInput({\n inputParam,\n data,\n disabled = false,\n onDataChange,\n itemParameters: itemParametersProp,\n AsyncInputComponent,\n ConfigInputComponent,\n onConfigChange\n}: ArrayInputProps) {\n const theme = useTheme()\n\n // Derive array items directly from props (single source of truth)\n // Memoized to prevent unnecessary re-renders of child hooks\n const arrayItems = useMemo(\n () => (Array.isArray(data.inputValues?.[inputParam.name]) ? (data.inputValues[inputParam.name] as Record[]) : []),\n [data.inputValues, inputParam.name]\n )\n\n const { keys: effectiveKeys, removeKey } = useStableKeys(arrayItems.length, 'item')\n\n // Use pre-computed itemParameters\n // Falls back to raw field definitions for nested arrays without show/hide conditions.\n const itemParameters = useMemo(\n () => itemParametersProp ?? arrayItems.map(() => inputParam.array || []),\n [itemParametersProp, arrayItems, inputParam.array]\n )\n\n // Handle changes to individual fields within array items\n const handleItemInputChange = useCallback(\n (itemIndex: number, changedParam: InputParam, newValue: unknown) => {\n const updatedArrayItems = [...arrayItems]\n const updatedItem = { ...updatedArrayItems[itemIndex] }\n\n // Update the specific field\n updatedItem[changedParam.name] = newValue\n updatedArrayItems[itemIndex] = updatedItem\n\n // Notify parent of change (parent will update props, causing re-render)\n onDataChange?.({ inputParam, newValue: updatedArrayItems })\n },\n [arrayItems, inputParam, onDataChange]\n )\n\n // Add new array item\n const handleAddItem = useCallback(() => {\n // Initialize new item with type-appropriate default values\n const newItem: Record = {}\n\n if (inputParam.array) {\n for (const field of inputParam.array) {\n if (field.default !== undefined) {\n newItem[field.name] = field.default\n } else {\n switch (field.type) {\n case 'number':\n newItem[field.name] = 0\n break\n case 'boolean':\n newItem[field.name] = false\n break\n case 'array':\n newItem[field.name] = []\n break\n default:\n newItem[field.name] = ''\n }\n }\n }\n }\n\n const updatedArrayItems = [...arrayItems, newItem]\n\n // Notify parent of change (parent will update props, causing re-render)\n onDataChange?.({ inputParam, newValue: updatedArrayItems })\n }, [arrayItems, inputParam, onDataChange])\n\n // Delete array item\n const handleDeleteItem = useCallback(\n (indexToDelete: number) => {\n const updatedArrayItems = arrayItems.filter((_, i) => i !== indexToDelete)\n removeKey(indexToDelete)\n\n // Notify parent of change (parent will update props, causing re-render)\n onDataChange?.({ inputParam, newValue: updatedArrayItems })\n },\n [arrayItems, inputParam, onDataChange, removeKey]\n )\n\n // Pre-compute stable per-item onDataChange handlers to avoid new closures on every render\n const itemHandlers = useMemo(\n () =>\n arrayItems.map((_, index) => ({ inputParam: changedParam, newValue }: { inputParam: InputParam; newValue: unknown }) => {\n handleItemInputChange(index, changedParam, newValue)\n }),\n [arrayItems, handleItemInputChange]\n )\n\n // Check if item can be deleted based on minItems constraint\n const canDeleteItem = !inputParam.minItems || arrayItems.length > inputParam.minItems\n\n return (\n <>\n {/* Render each array item */}\n {arrayItems.map((itemValues, index) => {\n // Create item-specific data context for nested NodeInputHandler\n const itemData: NodeData = {\n ...data,\n inputValues: itemValues\n }\n\n return (\n \n {/* Delete button */}\n handleDeleteItem(index)}\n disabled={disabled || !canDeleteItem}\n sx={{\n position: 'absolute',\n height: 35,\n width: 35,\n right: 10,\n top: 10,\n '&:hover': { color: theme.palette.error.main },\n ...(!canDeleteItem && {\n opacity: 0.3,\n cursor: 'not-allowed'\n })\n }}\n >\n \n \n\n {/* Index chip */}\n \n\n {/* Render input fields for array item */}\n {itemParameters[index]\n ?.filter((param) => param.display !== false)\n .map((param, _) => (\n \n ))}\n \n )\n })}\n\n {/* Add item button */}\n }\n onClick={handleAddItem}\n >\n Add {inputParam.label}\n \n \n )\n}\n\nexport default ArrayInput\n" }, { "path": "packages/agentflow/src/atoms/CodeInput.test.tsx", "content": "import { render, screen } from '@testing-library/react'\n\nimport { CodeInput } from './CodeInput'\n\n// Mock CodeMirror — jsdom doesn't support it\njest.mock('@uiw/react-codemirror', () => {\n const MockCodeMirror = ({ value, readOnly, height }: { value: string; readOnly?: boolean; height?: string }) => (\n