mirror of
https://github.com/cline/cline.git
synced 2026-09-12 00:50:27 +08:00
Compare commits
64
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
abbeea0bfa | ||
|
|
60f4a482ca | ||
|
|
dbe15202e1 | ||
|
|
8d102db392 | ||
|
|
3dfd5dc31c | ||
|
|
43ce9f3694 | ||
|
|
f1c73fb48b | ||
|
|
abaa8383c4 | ||
|
|
3a5e372d73 | ||
|
|
cf3a59f0e2 | ||
|
|
b3aee68ca5 | ||
|
|
cd8fd29063 | ||
|
|
7777d61311 | ||
|
|
64fc3f372e | ||
|
|
4175677e71 | ||
|
|
4934450947 | ||
|
|
b0a2d8a223 | ||
|
|
d9f1d862a5 | ||
|
|
f8d73f3811 | ||
|
|
9aac8340dc | ||
|
|
242b5ebff6 | ||
|
|
7ca41fdb7d | ||
|
|
000918989f | ||
|
|
9560b6d625 | ||
|
|
c7304097a7 | ||
|
|
674a6022ee | ||
|
|
dbf0775384 | ||
|
|
e130b45eb0 | ||
|
|
6f4dbae86f | ||
|
|
c7de31ae24 | ||
|
|
45dddb9a4e | ||
|
|
e32caee96b | ||
|
|
8f6dae0ac0 | ||
|
|
263b58f8c3 | ||
|
|
b193a81ac9 | ||
|
|
92806c60ca | ||
|
|
3a05171e30 | ||
|
|
a6e315a4a6 | ||
|
|
2714f93b45 | ||
|
|
3abeb8a90b | ||
|
|
7830472017 | ||
|
|
83339c3c5a | ||
|
|
664daf6ded | ||
|
|
5b1f8850af | ||
|
|
c49d4121a3 | ||
|
|
7f495a5e99 | ||
|
|
1e88a708bd | ||
|
|
408be18be9 | ||
|
|
5a9c637e32 | ||
|
|
8152572641 | ||
|
|
0736e12e32 | ||
|
|
690f80523f | ||
|
|
4fa1b8a291 | ||
|
|
ed685b28e0 | ||
|
|
38338310d7 | ||
|
|
1c4a7885e6 | ||
|
|
a0517db2fa | ||
|
|
38134ef967 | ||
|
|
8715cafce7 | ||
|
|
46ee8ea329 | ||
|
|
b7d9ea4500 | ||
|
|
5147abc75e | ||
|
|
9abd7ae8c3 | ||
|
|
bf83303bb7 |
@@ -0,0 +1,294 @@
|
||||
name: ext-vscode-publish-legacy
|
||||
|
||||
# Publishes the legacy (pre-SDK-migration) VS Code extension from the
|
||||
# `legacy-extension` branch. This branch holds the npm-based 3.89.x codebase,
|
||||
# rolled forward under a 4.0.x version so existing 4.0.0 users still receive
|
||||
# the update. The main `ext-vscode-publish-stable.yml` workflow (bun-based)
|
||||
# stays the path for releasing main once the SDK migration is solid.
|
||||
#
|
||||
# This workflow lives on and is dispatched from `main` (so it satisfies the
|
||||
# default-branch dispatch requirement), but it checks out and builds the
|
||||
# `legacy-extension` branch.
|
||||
|
||||
on:
|
||||
workflow_dispatch:
|
||||
inputs:
|
||||
release-type:
|
||||
description: "Choose release type (release or pre-release)"
|
||||
required: true
|
||||
default: "release"
|
||||
type: choice
|
||||
options:
|
||||
- pre-release
|
||||
- release
|
||||
branch:
|
||||
description: "Branch holding the legacy extension code"
|
||||
required: true
|
||||
default: "legacy-extension"
|
||||
type: string
|
||||
|
||||
permissions:
|
||||
contents: write
|
||||
packages: write
|
||||
checks: write
|
||||
pull-requests: write
|
||||
|
||||
concurrency:
|
||||
group: ext-vscode-publish-legacy-${{ github.event.inputs.branch }}
|
||||
cancel-in-progress: false
|
||||
|
||||
jobs:
|
||||
# Gate the publish on the legacy branch's own npm-based test suite. We can't
|
||||
# reuse ./.github/workflows/ext-vscode-test.yml here — on main that's the
|
||||
# bun-based suite and it would test main, not the legacy branch — so the
|
||||
# essential quality + test steps are inlined against the checked-out legacy
|
||||
# branch.
|
||||
test:
|
||||
name: Test Legacy Extension
|
||||
runs-on: ubuntu-latest
|
||||
defaults:
|
||||
run:
|
||||
working-directory: apps/vscode
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
with:
|
||||
ref: ${{ github.event.inputs.branch }}
|
||||
|
||||
- name: Setup Node.js
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: 22
|
||||
cache: 'npm'
|
||||
cache-dependency-path: |
|
||||
apps/vscode/package-lock.json
|
||||
apps/vscode/webview-ui/package-lock.json
|
||||
|
||||
- name: Install extension dependencies
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: npm --prefix apps/vscode ci
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
|
||||
- name: Install webview-ui dependencies
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: npm --prefix apps/vscode/webview-ui ci
|
||||
|
||||
- name: Run Quality Checks (lint + typecheck)
|
||||
run: npm run ci:check-all
|
||||
|
||||
- name: Build Tests and Extension
|
||||
id: build_step
|
||||
run: npm run ci:build
|
||||
|
||||
- name: Unit Tests
|
||||
if: ${{ !cancelled() && steps.build_step.outcome == 'success' }}
|
||||
run: npm run test:unit
|
||||
|
||||
- name: Extension Integration Tests
|
||||
if: ${{ !cancelled() && steps.build_step.outcome == 'success' }}
|
||||
run: xvfb-run -a npm run test:coverage
|
||||
|
||||
- name: Webview Tests
|
||||
if: ${{ !cancelled() && steps.build_step.outcome == 'success' }}
|
||||
run: |
|
||||
cd webview-ui
|
||||
npm run test:coverage
|
||||
|
||||
publish:
|
||||
needs: test
|
||||
name: Publish Legacy Extension
|
||||
runs-on: ubuntu-latest
|
||||
environment: publish
|
||||
defaults:
|
||||
run:
|
||||
working-directory: apps/vscode
|
||||
|
||||
steps:
|
||||
# Check out the legacy branch (NOT main). fetch-depth: 0 + tags so we
|
||||
# can create/push the release tag and compute the previous tag.
|
||||
- uses: actions/checkout@v4
|
||||
with:
|
||||
ref: ${{ github.event.inputs.branch }}
|
||||
fetch-depth: 0
|
||||
fetch-tags: true
|
||||
lfs: true
|
||||
|
||||
- name: Resolve Release Tag
|
||||
id: resolve_tag
|
||||
working-directory: ${{ github.workspace }}
|
||||
env:
|
||||
BRANCH: ${{ github.event.inputs.branch }}
|
||||
run: |
|
||||
# Tag is derived from the package version on the legacy branch.
|
||||
VERSION=$(node -p "require('./apps/vscode/package.json').version")
|
||||
TAG="v$VERSION"
|
||||
|
||||
if [[ ! "$TAG" =~ ^v[0-9]+\.[0-9]+\.[0-9]+([-.][0-9A-Za-z.]+)?$ ]]; then
|
||||
echo "Error: derived tag '$TAG' does not match vX.Y.Z"
|
||||
exit 1
|
||||
fi
|
||||
TAG_REF="refs/tags/$TAG"
|
||||
HEAD_SHA=$(git rev-parse HEAD)
|
||||
|
||||
if git show-ref --verify --quiet "$TAG_REF"; then
|
||||
TAG_SHA=$(git rev-list -n 1 "$TAG_REF^{commit}")
|
||||
if [[ "$TAG_SHA" != "$HEAD_SHA" ]]; then
|
||||
echo "Error: tag '$TAG' already exists at $TAG_SHA, not at branch head ($HEAD_SHA)"
|
||||
exit 1
|
||||
fi
|
||||
echo "Tag '$TAG' already exists at branch head. Continuing."
|
||||
else
|
||||
git config user.name "github-actions[bot]"
|
||||
git config user.email "github-actions[bot]@users.noreply.github.com"
|
||||
git tag "$TAG" "$HEAD_SHA"
|
||||
git push origin "$TAG_REF"
|
||||
echo "Created and pushed tag '$TAG' from $BRANCH head $HEAD_SHA."
|
||||
fi
|
||||
|
||||
echo "tag=$TAG" >> $GITHUB_OUTPUT
|
||||
|
||||
- name: Setup Node.js
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: 22
|
||||
|
||||
- name: Install extension dependencies
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: npm --prefix apps/vscode install --include=optional
|
||||
|
||||
- name: Install webview-ui dependencies
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: npm --prefix apps/vscode/webview-ui install --include=optional
|
||||
|
||||
- name: Install Publishing Tools
|
||||
run: npm install -g @vscode/vsce ovsx
|
||||
|
||||
- name: Get Version
|
||||
id: get_version
|
||||
run: |
|
||||
VERSION=$(node -p "require('./package.json').version")
|
||||
echo "version=$VERSION" >> $GITHUB_OUTPUT
|
||||
|
||||
- name: Verify Tag Matches Package Version
|
||||
run: |
|
||||
TAG="${{ steps.resolve_tag.outputs.tag }}"
|
||||
VERSION="v${{ steps.get_version.outputs.version }}"
|
||||
if [[ "$TAG" != "$VERSION" ]]; then
|
||||
echo "Error: tag '$TAG' does not match package version '$VERSION'"
|
||||
exit 1
|
||||
fi
|
||||
echo "Tag and package version match: $TAG"
|
||||
|
||||
- name: Verify Changelog Entry
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: |
|
||||
EXPECTED_HEADING="## [${{ steps.get_version.outputs.version }}]"
|
||||
FIRST_HEADING=$(grep -m 1 '^## \[' CHANGELOG.md || true)
|
||||
if [[ "$FIRST_HEADING" != "$EXPECTED_HEADING" ]]; then
|
||||
echo "Error: CHANGELOG.md must start with '$EXPECTED_HEADING' before publishing."
|
||||
echo "Current first release heading: ${FIRST_HEADING:-<none>}"
|
||||
exit 1
|
||||
fi
|
||||
echo "Found changelog entry for ${{ steps.get_version.outputs.version }}"
|
||||
|
||||
- name: Verify Marketplace Tokens
|
||||
env:
|
||||
VSCE_PAT: ${{ secrets.VSCE_PAT }}
|
||||
OVSX_PAT: ${{ secrets.OVSX_PAT }}
|
||||
run: |
|
||||
if [[ -z "$VSCE_PAT" ]]; then
|
||||
echo "Error: VSCE_PAT is required to publish the stable VS Code extension."
|
||||
exit 1
|
||||
fi
|
||||
if [[ -z "$OVSX_PAT" ]]; then
|
||||
echo "Error: OVSX_PAT is required to publish the stable Open VSX extension."
|
||||
exit 1
|
||||
fi
|
||||
echo "Marketplace publish tokens are configured."
|
||||
|
||||
- name: Package and Publish Extension
|
||||
env:
|
||||
VSCE_PAT: ${{ secrets.VSCE_PAT }}
|
||||
OVSX_PAT: ${{ secrets.OVSX_PAT }}
|
||||
CLINE_ENVIRONMENT: production
|
||||
TELEMETRY_SERVICE_API_KEY: ${{ secrets.TELEMETRY_SERVICE_API_KEY }}
|
||||
ERROR_SERVICE_API_KEY: ${{ secrets.ERROR_SERVICE_API_KEY }}
|
||||
# OpenTelemetry production defaults (can be overridden at runtime)
|
||||
OTEL_TELEMETRY_ENABLED: ${{ secrets.OTEL_TELEMETRY_ENABLED }}
|
||||
OTEL_LOGS_EXPORTER: otlp
|
||||
OTEL_METRICS_EXPORTER: otlp
|
||||
OTEL_EXPORTER_OTLP_PROTOCOL: ${{ secrets.OTEL_EXPORTER_OTLP_PROTOCOL }}
|
||||
OTEL_EXPORTER_OTLP_ENDPOINT: ${{ secrets.OTEL_EXPORTER_OTLP_ENDPOINT }}
|
||||
OTEL_EXPORTER_OTLP_HEADERS: ${{ secrets.OTEL_EXPORTER_OTLP_HEADERS }}
|
||||
RELEASE_TYPE: ${{ github.event.inputs.release-type }}
|
||||
run: |
|
||||
# Swap README.marketplace.md into README.md so both the GitHub
|
||||
# release artifact (vsce package below) and the marketplace
|
||||
# publish (npm run publish:marketplace below, which swaps
|
||||
# internally as an idempotent no-op) ship the same README.
|
||||
node scripts/marketplace-readme.mjs swap-in
|
||||
trap 'node scripts/marketplace-readme.mjs restore' EXIT
|
||||
|
||||
# Required to generate the .vsix
|
||||
vsce package --allow-package-secrets sendgrid --out "cline-${{ steps.get_version.outputs.version }}.vsix"
|
||||
|
||||
if [ "$RELEASE_TYPE" = "pre-release" ]; then
|
||||
npm run publish:marketplace:prerelease
|
||||
echo "Successfully published pre-release version ${{ steps.get_version.outputs.version }} to VS Code Marketplace and Open VSX Registry"
|
||||
else
|
||||
npm run publish:marketplace
|
||||
echo "Successfully published release version ${{ steps.get_version.outputs.version }} to VS Code Marketplace and Open VSX Registry"
|
||||
fi
|
||||
|
||||
- name: Get Previous Tag
|
||||
id: prev_tag
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: |
|
||||
CURRENT_TAG="${{ steps.resolve_tag.outputs.tag }}"
|
||||
PREV_TAG=$(git describe --tags --abbrev=0 "$CURRENT_TAG^" 2>/dev/null || echo "")
|
||||
echo "prev_tag=$PREV_TAG" >> $GITHUB_OUTPUT
|
||||
|
||||
- name: Get Changelog Entry
|
||||
id: changelog
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: |
|
||||
# Get content between first ## [ and second ## [
|
||||
CONTENT=$(awk '/^## \[/{if(found) exit; found=1; next} found{print}' CHANGELOG.md)
|
||||
echo "content<<EOF" >> $GITHUB_OUTPUT
|
||||
echo "$CONTENT" >> $GITHUB_OUTPUT
|
||||
echo "EOF" >> $GITHUB_OUTPUT
|
||||
|
||||
- name: Create GitHub Release
|
||||
uses: softprops/action-gh-release@v1
|
||||
with:
|
||||
tag_name: ${{ steps.resolve_tag.outputs.tag }}
|
||||
files: "apps/vscode/*.vsix"
|
||||
body: |
|
||||
${{ steps.changelog.outputs.content }}
|
||||
|
||||
**Full Changelog**: https://github.com/${{ github.repository }}/compare/${{ steps.prev_tag.outputs.prev_tag }}...${{ steps.resolve_tag.outputs.tag }}
|
||||
prerelease: ${{ github.event.inputs.release-type == 'pre-release' }}
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
|
||||
- name: Post release to Slack
|
||||
uses: slackapi/slack-github-action@v3.0.1
|
||||
with:
|
||||
method: chat.postMessage
|
||||
token: ${{ secrets.SLACK_RELEASE_BOT_TOKEN }}
|
||||
payload: |
|
||||
channel: "C0APVKGGZFC"
|
||||
text: "Cline ${{ steps.resolve_tag.outputs.tag }} (legacy)"
|
||||
blocks:
|
||||
- type: "section"
|
||||
text:
|
||||
type: "mrkdwn"
|
||||
text: "*Cline ${{ steps.resolve_tag.outputs.tag }} (legacy)*"
|
||||
- type: "section"
|
||||
text:
|
||||
type: "mrkdwn"
|
||||
text: ${{ toJSON(steps.changelog.outputs.content) }}
|
||||
- type: "context"
|
||||
elements:
|
||||
- type: "mrkdwn"
|
||||
text: "Full Changelog: https://github.com/${{ github.repository }}/compare/${{ steps.prev_tag.outputs.prev_tag }}...${{ steps.resolve_tag.outputs.tag }}"
|
||||
@@ -27,6 +27,10 @@ permissions:
|
||||
checks: write
|
||||
pull-requests: write
|
||||
|
||||
concurrency:
|
||||
group: ext-vscode-publish-stable-${{ github.event.inputs.tag }}
|
||||
cancel-in-progress: false
|
||||
|
||||
jobs:
|
||||
test:
|
||||
uses: ./.github/workflows/ext-vscode-test.yml
|
||||
@@ -102,7 +106,13 @@ jobs:
|
||||
echo "Error: tag '$TAG' does not exist in the repository"
|
||||
exit 1
|
||||
fi
|
||||
echo "Using existing tag '$TAG'."
|
||||
TAG_SHA=$(git rev-list -n 1 "$TAG_REF^{commit}")
|
||||
if [[ "$TAG_SHA" != "$TESTED_SHA" ]]; then
|
||||
echo "Error: existing tag '$TAG' points to $TAG_SHA, but this workflow tested $TESTED_SHA"
|
||||
echo "Dispatch from the tag ref, or from the exact main commit the tag points to."
|
||||
exit 1
|
||||
fi
|
||||
echo "Using existing tag '$TAG' at tested SHA $TESTED_SHA."
|
||||
fi
|
||||
|
||||
git checkout --detach "$TAG_REF^{commit}"
|
||||
@@ -170,6 +180,60 @@ jobs:
|
||||
fi
|
||||
echo "Tag and package version match: $TAG"
|
||||
|
||||
- name: Verify Changelog Entry
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: |
|
||||
EXPECTED_HEADING="## [${{ steps.get_version.outputs.version }}]"
|
||||
FIRST_HEADING=$(grep -m 1 '^## \[' CHANGELOG.md || true)
|
||||
if [[ "$FIRST_HEADING" != "$EXPECTED_HEADING" ]]; then
|
||||
echo "Error: CHANGELOG.md must start with '$EXPECTED_HEADING' before publishing."
|
||||
echo "Current first release heading: ${FIRST_HEADING:-<none>}"
|
||||
exit 1
|
||||
fi
|
||||
echo "Found changelog entry for ${{ steps.get_version.outputs.version }}"
|
||||
|
||||
- name: Verify Marketplace Tokens
|
||||
env:
|
||||
VSCE_PAT: ${{ secrets.VSCE_PAT }}
|
||||
OVSX_PAT: ${{ secrets.OVSX_PAT }}
|
||||
run: |
|
||||
if [[ -z "$VSCE_PAT" ]]; then
|
||||
echo "Error: VSCE_PAT is required to publish the stable VS Code extension."
|
||||
exit 1
|
||||
fi
|
||||
if [[ -z "$OVSX_PAT" ]]; then
|
||||
echo "Error: OVSX_PAT is required to publish the stable Open VSX extension."
|
||||
exit 1
|
||||
fi
|
||||
echo "Marketplace publish tokens are configured."
|
||||
|
||||
- name: Get Previous Tag
|
||||
id: prev_tag
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: |
|
||||
CURRENT_TAG="${{ steps.resolve_tag.outputs.tag }}"
|
||||
PREV_TAG=$(
|
||||
git tag --merged "$CURRENT_TAG^" --list 'v[0-9]*.[0-9]*.[0-9]*' --sort=-v:refname \
|
||||
| grep -E '^v[0-9]+\.[0-9]+\.[0-9]+([-.][0-9A-Za-z.]+)?$' \
|
||||
| head -n 1 || true
|
||||
)
|
||||
echo "prev_tag=$PREV_TAG" >> $GITHUB_OUTPUT
|
||||
|
||||
- name: Get Changelog Entry
|
||||
id: changelog
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: |
|
||||
# Get content between the matching version heading and the next release heading.
|
||||
CONTENT=$(awk -v version="${{ steps.get_version.outputs.version }}" '
|
||||
$0 == "## [" version "]" { found=1; next }
|
||||
found && /^## \[/ { exit }
|
||||
found { print }
|
||||
END { if (!found) exit 1 }
|
||||
' CHANGELOG.md)
|
||||
echo "content<<EOF" >> $GITHUB_OUTPUT
|
||||
echo "$CONTENT" >> $GITHUB_OUTPUT
|
||||
echo "EOF" >> $GITHUB_OUTPUT
|
||||
|
||||
- name: Package and Publish Extension
|
||||
env:
|
||||
VSCE_PAT: ${{ secrets.VSCE_PAT }}
|
||||
@@ -210,24 +274,6 @@ jobs:
|
||||
echo "Successfully published release version ${{ steps.get_version.outputs.version }} to VS Code Marketplace and Open VSX Registry"
|
||||
fi
|
||||
|
||||
- name: Get Previous Tag
|
||||
id: prev_tag
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: |
|
||||
CURRENT_TAG="${{ steps.resolve_tag.outputs.tag }}"
|
||||
PREV_TAG=$(git describe --tags --abbrev=0 "$CURRENT_TAG^" 2>/dev/null || echo "")
|
||||
echo "prev_tag=$PREV_TAG" >> $GITHUB_OUTPUT
|
||||
|
||||
- name: Get Changelog Entry
|
||||
id: changelog
|
||||
working-directory: ${{ github.workspace }}
|
||||
run: |
|
||||
# Get content between first ## [ and second ## [
|
||||
CONTENT=$(awk '/^## \[/{if(found) exit; found=1; next} found{print}' CHANGELOG.md)
|
||||
echo "content<<EOF" >> $GITHUB_OUTPUT
|
||||
echo "$CONTENT" >> $GITHUB_OUTPUT
|
||||
echo "EOF" >> $GITHUB_OUTPUT
|
||||
|
||||
- name: Create GitHub Release
|
||||
uses: softprops/action-gh-release@v1
|
||||
with:
|
||||
|
||||
@@ -1,5 +1,44 @@
|
||||
# Changelog
|
||||
|
||||
## [4.0.0]
|
||||
|
||||
### Added
|
||||
|
||||
- Add the SDK-backed VS Code extension runtime. Cline now runs tasks through the shared Cline SDK session layer for agent turns, tools, Plan/Act mode coordination, MCP, checkpoints, telemetry, provider changes, compaction, mistake limits, and task history.
|
||||
- Add ClinePass to the VS Code extension, including onboarding, provider selection, signup and subscription handoff, live model lists, entitlement and organization error states, out-of-credit prompts, and clearer ClinePass auth/error handling.
|
||||
- Add the Customize marketplace for discovering and managing Skills, MCP servers, and Plugins from the extension, including installed/marketplace tabs, search and filtering, install/uninstall flows, enable/disable controls, and support for plugin-bundled skills.
|
||||
- Cline Plugins: Plugins let you extend Cline with custom tools, workflows, skills, and MCP-powered capabilities tailored to your team or project. Install them from the new Customize marketplace to add specialized behavior, connect external services, and package reusable automations—so Cline can do more than code: it can adapt to the way you work.
|
||||
- Add queued prompts in chat. Messages submitted while Cline is already working are now queued, shown while the current turn streams, and can be cancelled before they run.
|
||||
- Add edit-and-regenerate support for previous user messages, with clearer Reset Chat and Reset Code actions.
|
||||
- Add generic SDK provider settings and model-catalog support so more providers can share the same model picker, reasoning controls, dynamic model IDs, provider config persistence, and custom model handling.
|
||||
- Add additional SDK-backed provider exposure and model/provider updates, including ClinePass models, refreshed Cline catalog data, Fireworks GLM 5.2, Kimi K2.6 Fast, Kimi K2.7 Code, Qwen 3.7 Plus, MiniMax M3 updates, SAP AI Core wiring, LiteLLM model fetching, Codex OAuth credentials, and OpenAI-compatible model settings.
|
||||
- Add MCP support for plugins and shared marketplace install/uninstall plumbing used by the VS Code extension.
|
||||
|
||||
### Changed
|
||||
|
||||
- Migrate the VS Code extension from the legacy task implementation to the shared Cline SDK and move the extension build/package workflow to Bun.
|
||||
- Rework Plan/Act mode handling through SDK coordinators, including closer CLI parity and automatic continuation when switching from Plan to Act.
|
||||
- Rework provider and model configuration around `providers.json`, the model catalog, and SDK session config so settings are preserved consistently across provider switches and active sessions can restart when the selected provider changes.
|
||||
- Simplify provider settings UI by replacing many provider-specific views with shared generic settings components and consistent reasoning selectors.
|
||||
- Simplify terminal execution through the SDK run-commands path, including clearer non-interactive command guidance and safer structured command formatting.
|
||||
- Migrate legacy MCP files and formats into the shared settings file and protect MCP settings writes with safer locking/atomic updates.
|
||||
- Refresh the MCP hub automatically after marketplace installs so newly installed servers are available without a manual restart.
|
||||
- Reorganize MCP/Skills/Plugins entry points under Customize, hide workflows from the Customize menu, wrap Customize tabs on narrow screens, and allow the MCP Marketplace tab to be disabled remotely while installed MCP servers remain accessible.
|
||||
- Simplify auto-approval settings. Command auto-approval is now disabled by default for safer new and reset configurations, and the auto-approval UI has been streamlined.
|
||||
- Update task history handling for the SDK migration, including legacy task history visibility, metadata preservation on resume, and corrected deletion behavior.
|
||||
- Route compacting and mistake-limit behavior through the SDK so the Compact button and mistake tracking affect the active SDK session.
|
||||
- Remove the legacy Explain Changes feature as part of the SDK migration cleanup.
|
||||
- Temporarily disable subagents in the VS Code extension while the SDK-backed experience is stabilized.
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fix marketplace edge cases, including refreshing MCP servers after marketplace installs, disabling the MCP Marketplace tab from remote config, hiding workflows from Customize, surfacing plugin-bundled skills, and uninstalling shared marketplace entries.
|
||||
- Fix chat submission during active turns by queuing user messages instead of dropping or racing them, showing pending/queued states promptly, rendering direct user messages immediately, and removing delayed send behavior.
|
||||
- Fix editing previous user messages so Escape cancels editing locally and reset action labels are clearer.
|
||||
- Fix terminal reliability, including standalone Windows output capture, hardened PowerShell command handling, running-state display for in-progress commands, raw structured command preservation, single-quote handling, cwd setup timeouts, failing-command stdout capture, heredoc coalescing, and removal of duplicated command echoes in tool results.
|
||||
- Fix SDK tool-result and provider-message budgeting by truncating large tool outputs by default, capping assistant text, limiting bash/file-read/search output ingestion, bounding media budgets, batching outdated-read rewrites to preserve provider prefix caches, and normalizing JSON-like tool inputs by schema.
|
||||
- Fix login and feature-flag resolution by using the correct user/account identity on startup and simplifying the login UX.
|
||||
|
||||
## [3.89.2]
|
||||
|
||||
### Fixed
|
||||
|
||||
@@ -1,5 +1,36 @@
|
||||
# Cline CLI Changelog
|
||||
|
||||
## 3.0.34
|
||||
|
||||
- Fixed the ClinePass upgrade notice appearing immediately after completing onboarding.
|
||||
- Improved the wording of the ClinePass onboarding step.
|
||||
- Streamlined the Cline provider picker by merging the subscription and usage/billing options into one and removing the credits link.
|
||||
|
||||
## 3.0.33
|
||||
|
||||
- Show a ClinePass subscription URL as a fallback during onboarding so you can still subscribe if the subscription screen can't open automatically
|
||||
- Hide the ClinePass promo for users who already have a ClinePass subscription
|
||||
- Use an adaptive plan accent color for ClinePass prompts so they fit the active theme
|
||||
|
||||
## 3.0.32
|
||||
|
||||
- Improved the ClinePass onboarding experience
|
||||
- Added an intermediate step before going to ClinePass model selection
|
||||
- Made the ClinePass subscription screen selectable
|
||||
- Promoted ClinePass in the startup notice
|
||||
- Used "ClinePass" as one word consistently and refined the provider UI copy
|
||||
- More accurate context compaction and clearer error messages (from SDK v0.0.54)
|
||||
|
||||
## 3.0.31
|
||||
|
||||
- Show when request cost is covered by your Cline subscription
|
||||
- Prompt to switch to ClinePass when you run out of credits, and list ClinePass features in the not-subscribed message
|
||||
- Added an option to open the subscription page from the ClinePass options
|
||||
- Added marketplace uninstall support and surfaced plugin-bundled skills
|
||||
- Require quoted prompts for one-shot mode
|
||||
- Capped MCP tool names at 64 characters for OpenAI-compatible providers
|
||||
- Updated coupon code
|
||||
|
||||
## 3.0.30
|
||||
|
||||
- Added a token count to the status bar, shown alongside cost
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "@cline/cli",
|
||||
"displayName": "cline",
|
||||
"version": "3.0.30",
|
||||
"version": "3.0.34",
|
||||
"description": "Autonomous coding agent CLI - capable of creating/editing files, running commands, using the browser, and more",
|
||||
"type": "module",
|
||||
"publishConfig": {
|
||||
|
||||
@@ -101,7 +101,7 @@ describe("buildConnectorStartRequest", () => {
|
||||
expect(request.apiKey).toBe("env-openrouter-key");
|
||||
expect(request.model).toBe("anthropic/claude-sonnet-4.6");
|
||||
expect(mockGetLastUsedProviderSettings).toHaveBeenCalledWith({
|
||||
isClinePassEnabled: false,
|
||||
isClinePassEnabled: true,
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
@@ -16,7 +16,6 @@ import {
|
||||
import type { CliLoggerAdapter } from "../logging/adapter";
|
||||
import { resolveSystemPrompt } from "../runtime/prompt";
|
||||
import { resolveCliSessionMetadata } from "../utils/enterprise";
|
||||
import { getCliFeatureFlagsService } from "../utils/feature-flags";
|
||||
import { resolveWorkspaceRoot } from "../utils/helpers";
|
||||
import {
|
||||
parseLocalRowMetadata,
|
||||
@@ -64,8 +63,7 @@ export async function buildConnectorStartRequest(input: {
|
||||
const providerSettingsManager = new ProviderSettingsManager();
|
||||
const lastUsedProviderSettings =
|
||||
providerSettingsManager.getLastUsedProviderSettings({
|
||||
isClinePassEnabled:
|
||||
getCliFeatureFlagsService().getBooleanFlagEnabled("ext-cline-pass"),
|
||||
isClinePassEnabled: true,
|
||||
});
|
||||
const provider = normalizeProviderId(
|
||||
input.options.provider?.trim() ||
|
||||
|
||||
@@ -1,7 +1,10 @@
|
||||
// @jsxImportSource @opentui/react
|
||||
import type { ChoiceContext } from "@opentui-ui/dialog";
|
||||
import { useDialogKeyboard } from "@opentui-ui/dialog/react";
|
||||
import open from "open";
|
||||
import { useCallback, useMemo, useState } from "react";
|
||||
import { palette } from "../tui/palette";
|
||||
import { getCliSubscriptionUrl } from "../utils/cline-pass-errors";
|
||||
import type { CliMigrationNotice } from "./notice";
|
||||
|
||||
export function MigrationNoticeContent(
|
||||
@@ -10,10 +13,29 @@ export function MigrationNoticeContent(
|
||||
},
|
||||
) {
|
||||
const { dialogId, notice, resolve } = props;
|
||||
const subscriptionUrl = useMemo(() => getCliSubscriptionUrl(), []);
|
||||
const [status, setStatus] = useState<string | undefined>();
|
||||
|
||||
const openSubscriptionPage = useCallback(() => {
|
||||
setStatus("Opening ClinePass in your browser...");
|
||||
void open(subscriptionUrl, { wait: false })
|
||||
.then(() => {
|
||||
setStatus("Opened ClinePass in your browser.");
|
||||
})
|
||||
.catch(() => {
|
||||
setStatus(
|
||||
"Could not open the browser automatically. Use the URL below.",
|
||||
);
|
||||
});
|
||||
}, [subscriptionUrl]);
|
||||
|
||||
useDialogKeyboard((key) => {
|
||||
if (key.name === "escape") {
|
||||
resolve(true);
|
||||
return;
|
||||
}
|
||||
if (key.name === "return" || key.name === "enter") {
|
||||
openSubscriptionPage();
|
||||
}
|
||||
}, dialogId);
|
||||
|
||||
@@ -22,25 +44,24 @@ export function MigrationNoticeContent(
|
||||
<text fg={palette.act}>{notice.title}</text>
|
||||
<box flexDirection="column">
|
||||
<text selectable>
|
||||
We rebuilt the CLI from the ground up using the new Cline SDK. Learn
|
||||
more:{" "}
|
||||
<a href="https://github.com/cline/cline">
|
||||
<span fg={palette.act}>https://github.com/cline/cline</span>
|
||||
</a>
|
||||
ClinePass is a $9.99/month subscription plan to get access to the
|
||||
latest open-weight coding models with enough quota for day-to-day
|
||||
work, at a much lower cost than paying API costs directly.
|
||||
</text>
|
||||
<text selectable>
|
||||
Running{" "}
|
||||
<span fg="#98c379" bg="#1f2937">
|
||||
{" cline "}
|
||||
</span>{" "}
|
||||
now opens the terminal UI. To open Kanban, use /quit and run{" "}
|
||||
<span fg="#98c379" bg="#1f2937">
|
||||
{" cline kanban "}
|
||||
</span>{" "}
|
||||
in your terminal
|
||||
<text selectable>Try it now with a limited-time promo for $1.99.</text>
|
||||
</box>
|
||||
<box flexDirection="row">
|
||||
<text fg={palette.act} selectable>
|
||||
<a href={subscriptionUrl}>{subscriptionUrl}</a>
|
||||
</text>
|
||||
</box>
|
||||
<text fg={palette.muted}>Press Esc to close</text>
|
||||
<box flexDirection="row">
|
||||
<box paddingX={1} backgroundColor={palette.act}>
|
||||
<text fg={palette.textOnSelection}>Open ClinePass</text>
|
||||
</box>
|
||||
</box>
|
||||
{status && <text fg={palette.muted}>{status}</text>}
|
||||
<text fg={palette.muted}>Press Enter to open, Esc to close</text>
|
||||
</box>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,11 +1,18 @@
|
||||
import { mkdtempSync, readFileSync, rmSync } from "node:fs";
|
||||
import {
|
||||
mkdirSync,
|
||||
mkdtempSync,
|
||||
readFileSync,
|
||||
rmSync,
|
||||
writeFileSync,
|
||||
} from "node:fs";
|
||||
import { tmpdir } from "node:os";
|
||||
import { join } from "node:path";
|
||||
import { dirname, join } from "node:path";
|
||||
import { afterEach, describe, expect, it } from "vitest";
|
||||
import {
|
||||
getClineCliMigrationNotice,
|
||||
markClineCliMigrationNoticeShown,
|
||||
resolveCliNoticeStatePath,
|
||||
shouldSuppressClineCliMigrationNoticeForActiveProvider,
|
||||
} from "./notice";
|
||||
|
||||
const tempDirs: string[] = [];
|
||||
@@ -26,8 +33,25 @@ describe("migration notice", () => {
|
||||
it("returns the notice for a fresh data dir", () => {
|
||||
const dataDir = createTempDataDir();
|
||||
|
||||
expect(getClineCliMigrationNotice(dataDir)?.title).toBe(
|
||||
"Welcome to the new Cline CLI",
|
||||
expect(getClineCliMigrationNotice(dataDir)?.title).toBe("Try ClinePass");
|
||||
});
|
||||
|
||||
it("shows when only the old Kanban notice was marked as shown", () => {
|
||||
const dataDir = createTempDataDir();
|
||||
const noticePath = resolveCliNoticeStatePath(dataDir);
|
||||
mkdirSync(dirname(noticePath), { recursive: true, mode: 0o700 });
|
||||
writeFileSync(
|
||||
noticePath,
|
||||
`${JSON.stringify(
|
||||
{ shown: { "cline-cli-tui-default": true } },
|
||||
null,
|
||||
2,
|
||||
)}\n`,
|
||||
"utf8",
|
||||
);
|
||||
|
||||
expect(getClineCliMigrationNotice(dataDir)?.id).toBe(
|
||||
"cline-cli-cline-pass-intro",
|
||||
);
|
||||
});
|
||||
|
||||
@@ -46,7 +70,7 @@ describe("migration notice", () => {
|
||||
|
||||
expect(
|
||||
getClineCliMigrationNotice(dataDir, {
|
||||
CLINE_FORCE_MIGRATION_NOTICE: "1",
|
||||
CLINE_FORCE_CLINE_PASS_NOTICE: "1",
|
||||
}),
|
||||
).toBeDefined();
|
||||
});
|
||||
@@ -56,18 +80,56 @@ describe("migration notice", () => {
|
||||
|
||||
expect(
|
||||
getClineCliMigrationNotice(dataDir, {
|
||||
CLINE_DISABLE_MIGRATION_NOTICE: "1",
|
||||
CLINE_DISABLE_CLINE_PASS_NOTICE: "1",
|
||||
}),
|
||||
).toBeUndefined();
|
||||
});
|
||||
|
||||
it("does not show when ClinePass is already the active provider", () => {
|
||||
const dataDir = createTempDataDir();
|
||||
|
||||
expect(
|
||||
getClineCliMigrationNotice(
|
||||
dataDir,
|
||||
{},
|
||||
{ activeProviderId: "cline-pass" },
|
||||
),
|
||||
).toBeUndefined();
|
||||
});
|
||||
|
||||
it("suppresses the active ClinePass provider even when the provider id has surrounding whitespace", () => {
|
||||
expect(
|
||||
shouldSuppressClineCliMigrationNoticeForActiveProvider(" cline-pass "),
|
||||
).toBe(true);
|
||||
});
|
||||
|
||||
it("does not suppress the active ClinePass provider when forced", () => {
|
||||
expect(
|
||||
shouldSuppressClineCliMigrationNoticeForActiveProvider("cline-pass", {
|
||||
CLINE_FORCE_CLINE_PASS_NOTICE: "1",
|
||||
}),
|
||||
).toBe(false);
|
||||
});
|
||||
|
||||
it("shows for the active ClinePass provider when forced", () => {
|
||||
const dataDir = createTempDataDir();
|
||||
|
||||
expect(
|
||||
getClineCliMigrationNotice(
|
||||
dataDir,
|
||||
{ CLINE_FORCE_CLINE_PASS_NOTICE: "1" },
|
||||
{ activeProviderId: "cline-pass" },
|
||||
),
|
||||
).toBeDefined();
|
||||
});
|
||||
|
||||
it("shows when forced even if disabled through the environment", () => {
|
||||
const dataDir = createTempDataDir();
|
||||
|
||||
expect(
|
||||
getClineCliMigrationNotice(dataDir, {
|
||||
CLINE_DISABLE_MIGRATION_NOTICE: "1",
|
||||
CLINE_FORCE_MIGRATION_NOTICE: "1",
|
||||
CLINE_DISABLE_CLINE_PASS_NOTICE: "1",
|
||||
CLINE_FORCE_CLINE_PASS_NOTICE: "1",
|
||||
}),
|
||||
).toBeDefined();
|
||||
});
|
||||
@@ -78,7 +140,7 @@ describe("migration notice", () => {
|
||||
markClineCliMigrationNoticeShown(dataDir);
|
||||
|
||||
const rawState = readFileSync(resolveCliNoticeStatePath(dataDir), "utf8");
|
||||
expect(rawState).toContain("cline-cli-tui-default");
|
||||
expect(rawState).toContain("cline-cli-cline-pass-intro");
|
||||
expect(getClineCliMigrationNotice(dataDir)).toBeUndefined();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -2,15 +2,19 @@ import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
|
||||
import { dirname, join } from "node:path";
|
||||
import { resolveClineDataDir } from "@cline/shared/storage";
|
||||
|
||||
const NOTICE_ID = "cline-cli-tui-default";
|
||||
const FORCE_NOTICE_ENV = "CLINE_FORCE_MIGRATION_NOTICE";
|
||||
const DISABLE_NOTICE_ENV = "CLINE_DISABLE_MIGRATION_NOTICE";
|
||||
const NOTICE_ID = "cline-cli-cline-pass-intro";
|
||||
const FORCE_NOTICE_ENV = "CLINE_FORCE_CLINE_PASS_NOTICE";
|
||||
const DISABLE_NOTICE_ENV = "CLINE_DISABLE_CLINE_PASS_NOTICE";
|
||||
|
||||
export interface CliMigrationNotice {
|
||||
id: string;
|
||||
title: string;
|
||||
}
|
||||
|
||||
export interface CliMigrationNoticeOptions {
|
||||
activeProviderId?: string;
|
||||
}
|
||||
|
||||
interface CliNoticeState {
|
||||
shown: Record<string, boolean>;
|
||||
}
|
||||
@@ -49,6 +53,19 @@ function readNoticeState(filePath: string): CliNoticeState {
|
||||
return { shown };
|
||||
}
|
||||
|
||||
function isForceNoticeEnabled(env: NodeJS.ProcessEnv): boolean {
|
||||
return env[FORCE_NOTICE_ENV]?.trim() === "1";
|
||||
}
|
||||
|
||||
export function shouldSuppressClineCliMigrationNoticeForActiveProvider(
|
||||
activeProviderId: string | undefined,
|
||||
env: NodeJS.ProcessEnv = process.env,
|
||||
): boolean {
|
||||
return (
|
||||
activeProviderId?.trim() === "cline-pass" && !isForceNoticeEnabled(env)
|
||||
);
|
||||
}
|
||||
|
||||
export function resolveCliNoticeStatePath(
|
||||
dataDir = resolveClineDataDir(),
|
||||
): string {
|
||||
@@ -58,20 +75,29 @@ export function resolveCliNoticeStatePath(
|
||||
export function getClineCliMigrationNotice(
|
||||
dataDir = resolveClineDataDir(),
|
||||
env: NodeJS.ProcessEnv = process.env,
|
||||
options: CliMigrationNoticeOptions = {},
|
||||
): CliMigrationNotice | undefined {
|
||||
const noticePath = resolveCliNoticeStatePath(dataDir);
|
||||
const noticeState = readNoticeState(noticePath);
|
||||
const forceNotice = env[FORCE_NOTICE_ENV]?.trim() === "1";
|
||||
const forceNotice = isForceNoticeEnabled(env);
|
||||
const disableNotice = env[DISABLE_NOTICE_ENV]?.trim() === "1";
|
||||
if (disableNotice && !forceNotice) {
|
||||
return undefined;
|
||||
}
|
||||
if (
|
||||
shouldSuppressClineCliMigrationNoticeForActiveProvider(
|
||||
options.activeProviderId,
|
||||
env,
|
||||
)
|
||||
) {
|
||||
return undefined;
|
||||
}
|
||||
if (noticeState.shown[NOTICE_ID] && !forceNotice) {
|
||||
return undefined;
|
||||
}
|
||||
return {
|
||||
id: NOTICE_ID,
|
||||
title: "Welcome to the new Cline CLI",
|
||||
title: "Try ClinePass",
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
+146
-47
@@ -1,6 +1,9 @@
|
||||
import { fstatSync } from "node:fs";
|
||||
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
||||
import type { CliMigrationNotice } from "./kanban-migration/notice";
|
||||
import type {
|
||||
CliMigrationNotice,
|
||||
CliMigrationNoticeOptions,
|
||||
} from "./kanban-migration/notice";
|
||||
|
||||
/** Real `fstatSync`: used when tests stub only stdin (fd 0); throwing for every fd breaks imports and session I/O. */
|
||||
const fsActual = vi.hoisted(() => ({
|
||||
@@ -59,9 +62,13 @@ const dashboardMocks = vi.hoisted(() => ({
|
||||
runDashboardCommand: vi.fn(),
|
||||
}));
|
||||
const migrationNoticeMocks = vi.hoisted(() => ({
|
||||
getClineCliMigrationNotice: vi.fn<() => CliMigrationNotice | undefined>(
|
||||
() => undefined,
|
||||
),
|
||||
getClineCliMigrationNotice: vi.fn<
|
||||
(
|
||||
dataDir?: string,
|
||||
env?: NodeJS.ProcessEnv,
|
||||
options?: CliMigrationNoticeOptions,
|
||||
) => CliMigrationNotice | undefined
|
||||
>(() => undefined),
|
||||
markClineCliMigrationNoticeShown: vi.fn(),
|
||||
}));
|
||||
const updateMocks = vi.hoisted(() => ({
|
||||
@@ -115,6 +122,7 @@ const telemetryMocks = vi.hoisted(() => ({
|
||||
const featureFlagMocks = vi.hoisted(() => ({
|
||||
getBooleanFlagEnabled: vi.fn(() => false),
|
||||
setCliFeatureFlagsAccountContext: vi.fn(),
|
||||
refreshCliFeatureFlagsInBackground: vi.fn(),
|
||||
}));
|
||||
|
||||
function forcePromptModeInput() {
|
||||
@@ -179,7 +187,8 @@ vi.mock("./utils/feature-flags", () => ({
|
||||
getCliFeatureFlagsService: () => ({
|
||||
getBooleanFlagEnabled: featureFlagMocks.getBooleanFlagEnabled,
|
||||
}),
|
||||
refreshCliFeatureFlagsInBackground: vi.fn(),
|
||||
refreshCliFeatureFlagsInBackground:
|
||||
featureFlagMocks.refreshCliFeatureFlagsInBackground,
|
||||
setCliFeatureFlagsAccountContext:
|
||||
featureFlagMocks.setCliFeatureFlagsAccountContext,
|
||||
}));
|
||||
@@ -258,6 +267,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
featureFlagMocks.getBooleanFlagEnabled.mockReset();
|
||||
featureFlagMocks.getBooleanFlagEnabled.mockReturnValue(false);
|
||||
featureFlagMocks.setCliFeatureFlagsAccountContext.mockReset();
|
||||
featureFlagMocks.refreshCliFeatureFlagsInBackground.mockReset();
|
||||
kanbanMocks.launchKanban.mockReset();
|
||||
kanbanMocks.launchKanban.mockResolvedValue(0);
|
||||
dashboardMocks.runDashboardCommand.mockReset();
|
||||
@@ -407,7 +417,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
|
||||
it("does not load interactive runtime for single-prompt mode", async () => {
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
@@ -417,6 +427,30 @@ describe("runCli lightweight command dispatch", () => {
|
||||
expect(mockState.runInteractiveImports).toBe(0);
|
||||
});
|
||||
|
||||
it("rejects a single bare positional prompt token", async () => {
|
||||
const consoleError = vi
|
||||
.spyOn(console, "error")
|
||||
.mockImplementation(() => undefined);
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "nonexistent-command"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(process.exitCode).toBe(1);
|
||||
expect(consoleError).toHaveBeenCalledWith(
|
||||
expect.stringContaining(
|
||||
"Unknown command or unquoted prompt: nonexistent-command",
|
||||
),
|
||||
);
|
||||
expect(consoleError).toHaveBeenCalledWith(
|
||||
expect.stringContaining('Use "cline --help"'),
|
||||
);
|
||||
expect(runtimeMocks.runAgent).not.toHaveBeenCalled();
|
||||
expect(mockState.runAgentImports).toBe(0);
|
||||
expect(mockState.runInteractiveImports).toBe(0);
|
||||
});
|
||||
|
||||
it("rejects multiple bare positional prompt tokens", async () => {
|
||||
const consoleError = vi
|
||||
.spyOn(console, "error")
|
||||
@@ -430,7 +464,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
expect(process.exitCode).toBe(1);
|
||||
expect(consoleError).toHaveBeenCalledWith(
|
||||
expect.stringContaining(
|
||||
"Unknown command or extra arguments: hello world",
|
||||
"Unknown command or unquoted prompt: hello world",
|
||||
),
|
||||
);
|
||||
expect(runtimeMocks.runAgent).not.toHaveBeenCalled();
|
||||
@@ -474,7 +508,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
|
||||
it("creates a worktree and runs prompt sessions from it", async () => {
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--worktree", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "--worktree", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
@@ -483,7 +517,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
cwd: process.cwd(),
|
||||
});
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
cwd: "/tmp/cline-worktree",
|
||||
workspaceRoot: "/tmp/cline-worktree",
|
||||
@@ -606,8 +640,8 @@ describe("runCli lightweight command dispatch", () => {
|
||||
|
||||
it("passes the migration notice marker into interactive mode", async () => {
|
||||
const notice = {
|
||||
id: "cline-cli-tui-default",
|
||||
title: "Welcome to the new Cline CLI",
|
||||
id: "cline-cli-cline-pass-intro",
|
||||
title: "Try ClinePass",
|
||||
};
|
||||
migrationNoticeMocks.getClineCliMigrationNotice.mockReturnValue(notice);
|
||||
Object.defineProperty(process.stdout, "isTTY", {
|
||||
@@ -638,6 +672,37 @@ describe("runCli lightweight command dispatch", () => {
|
||||
).toHaveBeenCalledTimes(1);
|
||||
});
|
||||
|
||||
it("passes the active ClinePass provider into the migration notice gate", async () => {
|
||||
providerSettingsMocks.getLastUsedProviderSettings.mockReturnValue({
|
||||
provider: "cline-pass",
|
||||
model: "cline-pass/test-model",
|
||||
});
|
||||
Object.defineProperty(process.stdout, "isTTY", {
|
||||
value: true,
|
||||
configurable: true,
|
||||
});
|
||||
process.argv = ["bun", "src/index.ts"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(
|
||||
migrationNoticeMocks.getClineCliMigrationNotice,
|
||||
).toHaveBeenCalledWith(undefined, process.env, {
|
||||
activeProviderId: "cline-pass",
|
||||
});
|
||||
expect(runtimeMocks.runInteractive).toHaveBeenCalledWith(
|
||||
expect.objectContaining({
|
||||
providerId: "cline-pass",
|
||||
}),
|
||||
expect.anything(),
|
||||
undefined,
|
||||
expect.objectContaining({
|
||||
initialNotice: undefined,
|
||||
}),
|
||||
);
|
||||
});
|
||||
|
||||
it("does not start OAuth before onboarding in interactive mode", async () => {
|
||||
authMocks.isOAuthProvider.mockReturnValue(true);
|
||||
authMocks.normalizeProviderId.mockReturnValue("cline");
|
||||
@@ -727,7 +792,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
|
||||
it("uses the bundled catalog path for single-prompt runs", async () => {
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
@@ -918,7 +983,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
);
|
||||
});
|
||||
|
||||
it("seeds feature flag identity from persisted Cline account id before checking flags", async () => {
|
||||
it("seeds feature flag identity from persisted Cline account id before refreshing flags", async () => {
|
||||
const clineSettings = {
|
||||
provider: "cline",
|
||||
model: "anthropic/claude-sonnet-4.6",
|
||||
@@ -937,11 +1002,14 @@ describe("runCli lightweight command dispatch", () => {
|
||||
expect(
|
||||
featureFlagMocks.setCliFeatureFlagsAccountContext,
|
||||
).toHaveBeenCalledWith({ id: "acct-startup" });
|
||||
// The account identity must be seeded before flags are refreshed/used so
|
||||
// the background refresh resolves flags for the correct account.
|
||||
expect(
|
||||
featureFlagMocks.setCliFeatureFlagsAccountContext.mock
|
||||
.invocationCallOrder[0],
|
||||
).toBeLessThan(
|
||||
featureFlagMocks.getBooleanFlagEnabled.mock.invocationCallOrder[0],
|
||||
featureFlagMocks.refreshCliFeatureFlagsInBackground.mock
|
||||
.invocationCallOrder[0],
|
||||
);
|
||||
});
|
||||
|
||||
@@ -1013,7 +1081,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
|
||||
it("skips hub prewarm for yolo runs", async () => {
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--yolo", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "--yolo", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
@@ -1022,6 +1090,24 @@ describe("runCli lightweight command dispatch", () => {
|
||||
expect(hubRuntimeMocks.ensureCliHubServer).not.toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it("rejects yolo runs with a single bare prompt token", async () => {
|
||||
const consoleError = vi
|
||||
.spyOn(console, "error")
|
||||
.mockImplementation(() => undefined);
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--yolo", "hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(process.exitCode).toBe(1);
|
||||
expect(consoleError).toHaveBeenCalledWith(
|
||||
expect.stringContaining("Unknown command or unquoted prompt: hello"),
|
||||
);
|
||||
expect(runtimeMocks.runAgent).not.toHaveBeenCalled();
|
||||
expect(hubRuntimeMocks.ensureCliHubServer).not.toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it("rewrites /team prompts and enables teams in single-prompt mode", async () => {
|
||||
runtimeMocks.runAgent.mockClear();
|
||||
|
||||
@@ -1042,12 +1128,12 @@ describe("runCli lightweight command dispatch", () => {
|
||||
);
|
||||
});
|
||||
|
||||
it("shows /team usage in single-prompt mode when no task is provided", async () => {
|
||||
it("rejects /team without quoted task text", async () => {
|
||||
mockState.runAgentCalls = 0;
|
||||
runtimeMocks.runAgent.mockClear();
|
||||
const stdoutWrite = vi
|
||||
.spyOn(process.stdout, "write")
|
||||
.mockImplementation(() => true);
|
||||
const consoleError = vi
|
||||
.spyOn(console, "error")
|
||||
.mockImplementation(() => undefined);
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "/team"];
|
||||
@@ -1055,9 +1141,10 @@ describe("runCli lightweight command dispatch", () => {
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(process.exitCode).toBe(1);
|
||||
expect(mockState.runAgentCalls).toBe(0);
|
||||
expect(stdoutWrite).toHaveBeenCalledWith(
|
||||
expect.stringContaining("Usage: /team <task description>"),
|
||||
expect(consoleError).toHaveBeenCalledWith(
|
||||
expect.stringContaining("Unknown command or unquoted prompt: /team"),
|
||||
);
|
||||
});
|
||||
|
||||
@@ -1066,14 +1153,14 @@ describe("runCli lightweight command dispatch", () => {
|
||||
runtimeMocks.runAgent.mockClear();
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--thinking", "high", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "--thinking", "high", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(mockState.runAgentCalls).toBe(1);
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
thinking: true,
|
||||
reasoningEffort: "high",
|
||||
@@ -1087,14 +1174,14 @@ describe("runCli lightweight command dispatch", () => {
|
||||
runtimeMocks.runAgent.mockClear();
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(mockState.runAgentCalls).toBe(1);
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
thinking: undefined,
|
||||
reasoningEffort: undefined,
|
||||
@@ -1108,14 +1195,14 @@ describe("runCli lightweight command dispatch", () => {
|
||||
runtimeMocks.runAgent.mockClear();
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--thinking", "none", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "--thinking", "none", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(mockState.runAgentCalls).toBe(1);
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
thinking: false,
|
||||
reasoningEffort: undefined,
|
||||
@@ -1129,14 +1216,14 @@ describe("runCli lightweight command dispatch", () => {
|
||||
runtimeMocks.runAgent.mockClear();
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--thinking", "--", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "--thinking", "--", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(mockState.runAgentCalls).toBe(1);
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
compaction: {
|
||||
enabled: true,
|
||||
@@ -1159,14 +1246,14 @@ describe("runCli lightweight command dispatch", () => {
|
||||
});
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(mockState.runAgentCalls).toBe(1);
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
thinking: true,
|
||||
reasoningEffort: "high",
|
||||
@@ -1185,14 +1272,14 @@ describe("runCli lightweight command dispatch", () => {
|
||||
});
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(mockState.runAgentCalls).toBe(1);
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
thinking: false,
|
||||
reasoningEffort: undefined,
|
||||
@@ -1211,14 +1298,14 @@ describe("runCli lightweight command dispatch", () => {
|
||||
});
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--thinking", "low", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "--thinking", "low", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(mockState.runAgentCalls).toBe(1);
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
thinking: true,
|
||||
reasoningEffort: "low",
|
||||
@@ -1232,13 +1319,13 @@ describe("runCli lightweight command dispatch", () => {
|
||||
runtimeMocks.runAgent.mockClear();
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
compaction: {
|
||||
enabled: true,
|
||||
@@ -1254,13 +1341,19 @@ describe("runCli lightweight command dispatch", () => {
|
||||
runtimeMocks.runAgent.mockClear();
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--compaction", "basic", "hello"];
|
||||
process.argv = [
|
||||
"bun",
|
||||
"src/index.ts",
|
||||
"--compaction",
|
||||
"basic",
|
||||
"say hello",
|
||||
];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
compaction: {
|
||||
enabled: true,
|
||||
@@ -1276,13 +1369,19 @@ describe("runCli lightweight command dispatch", () => {
|
||||
runtimeMocks.runAgent.mockClear();
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--compaction", "agentic", "hello"];
|
||||
process.argv = [
|
||||
"bun",
|
||||
"src/index.ts",
|
||||
"--compaction",
|
||||
"agentic",
|
||||
"say hello",
|
||||
];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
compaction: {
|
||||
enabled: true,
|
||||
@@ -1332,13 +1431,13 @@ describe("runCli lightweight command dispatch", () => {
|
||||
runtimeMocks.runAgent.mockClear();
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--compaction", "off", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "--compaction", "off", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
await expect(runCli()).resolves.toBeUndefined();
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
compaction: {
|
||||
enabled: false,
|
||||
@@ -1377,7 +1476,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
authMocks.ensureOAuthProviderApiKey.mockClear();
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--json", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "--json", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
@@ -1385,7 +1484,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
expect(mockState.runAgentCalls).toBe(1);
|
||||
expect(authMocks.ensureOAuthProviderApiKey).not.toHaveBeenCalled();
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
outputMode: "json",
|
||||
apiKey: "",
|
||||
@@ -1404,7 +1503,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
authMocks.ensureOAuthProviderApiKey.mockClear();
|
||||
|
||||
forcePromptModeInput();
|
||||
process.argv = ["bun", "src/index.ts", "--json", "hello"];
|
||||
process.argv = ["bun", "src/index.ts", "--json", "say hello"];
|
||||
|
||||
const { runCli } = await import("./main");
|
||||
|
||||
@@ -1412,7 +1511,7 @@ describe("runCli lightweight command dispatch", () => {
|
||||
expect(mockState.runAgentCalls).toBe(1);
|
||||
expect(authMocks.ensureOAuthProviderApiKey).not.toHaveBeenCalled();
|
||||
expect(runtimeMocks.runAgent).toHaveBeenCalledWith(
|
||||
"hello",
|
||||
"say hello",
|
||||
expect.objectContaining({
|
||||
outputMode: "json",
|
||||
apiKey: "",
|
||||
|
||||
+24
-11
@@ -20,7 +20,6 @@ import {
|
||||
CLI_COMPACTION_MODE_EXPECTED_TEXT,
|
||||
} from "./utils/compaction-mode";
|
||||
import {
|
||||
getCliFeatureFlagsService,
|
||||
refreshCliFeatureFlagsInBackground,
|
||||
setCliFeatureFlagsAccountContext,
|
||||
} from "./utils/feature-flags";
|
||||
@@ -117,6 +116,19 @@ function collectOption(value: string, previous: string[] = []): string[] {
|
||||
return [...previous, value];
|
||||
}
|
||||
|
||||
// Shells strip quote characters before argv reaches us, so a prompt that was
|
||||
// typed in quotes is only observable when it remains one argv token with spaces.
|
||||
function promptArgLooksQuoted(arg: string | undefined): boolean {
|
||||
return !!arg && /\s/.test(arg);
|
||||
}
|
||||
|
||||
function writePromptArgError(args: string[]): void {
|
||||
const renderedArgs = args.join(" ");
|
||||
writeErr(
|
||||
`Unknown command or unquoted prompt: ${renderedArgs}\nPrompt text must be passed as a single quoted argument, for example: cline "fix the tests". Use "cline --help" to see available commands and flags.`,
|
||||
);
|
||||
}
|
||||
|
||||
export async function runCli(): Promise<void> {
|
||||
installStreamErrorGuards();
|
||||
autoUpdateOnStartup();
|
||||
@@ -736,13 +748,6 @@ export async function runCli(): Promise<void> {
|
||||
|
||||
// Default flow: no subcommand matched, or fall-through from config/history.
|
||||
let args = commanderToParsedArgs(program);
|
||||
if (program.args.length > 1) {
|
||||
writeErr(
|
||||
`Unknown command or extra arguments: ${program.args.join(" ")}\nPrompt text with spaces must be quoted as a single argument, for example: cline "fix the tests". Use "cline --help" to see available commands and flags.`,
|
||||
);
|
||||
process.exitCode = 1;
|
||||
return;
|
||||
}
|
||||
|
||||
let resumeSessionId: string | undefined = ctx.resumeSessionId;
|
||||
if (resumeSessionId) {
|
||||
@@ -829,6 +834,13 @@ export async function runCli(): Promise<void> {
|
||||
if (args.hooksDir?.trim()) {
|
||||
process.env.CLINE_HOOKS_DIR = args.hooksDir.trim();
|
||||
}
|
||||
if (args.prompt && !args.interactive) {
|
||||
if (program.args.length > 1 || !promptArgLooksQuoted(program.args[0])) {
|
||||
writePromptArgError(program.args);
|
||||
process.exitCode = 1;
|
||||
return;
|
||||
}
|
||||
}
|
||||
setCurrentOutputMode(args.outputMode);
|
||||
const defaultToolAutoApprove = true;
|
||||
const effectiveToolAutoApprove =
|
||||
@@ -943,8 +955,7 @@ export async function runCli(): Promise<void> {
|
||||
refreshCliFeatureFlagsInBackground();
|
||||
const lastUsedProviderSettings =
|
||||
providerSettingsManager.getLastUsedProviderSettings({
|
||||
isClinePassEnabled:
|
||||
getCliFeatureFlagsService().getBooleanFlagEnabled("ext-cline-pass"),
|
||||
isClinePassEnabled: true,
|
||||
});
|
||||
const provider = normalizeProviderId(
|
||||
args.provider?.trim() || lastUsedProviderSettings?.provider || "cline",
|
||||
@@ -1169,7 +1180,9 @@ export async function runCli(): Promise<void> {
|
||||
if (!launchConfigView && process.stdin.isTTY && process.stdout.isTTY) {
|
||||
const { getClineCliMigrationNotice, markClineCliMigrationNoticeShown } =
|
||||
await import("./kanban-migration/notice");
|
||||
initialNotice = getClineCliMigrationNotice();
|
||||
initialNotice = getClineCliMigrationNotice(undefined, process.env, {
|
||||
activeProviderId: provider,
|
||||
});
|
||||
if (initialNotice) {
|
||||
markInitialNoticeShown = () => {
|
||||
markClineCliMigrationNoticeShown();
|
||||
|
||||
@@ -365,6 +365,48 @@ describe("createInteractiveSessionRuntime", () => {
|
||||
expect(runtime.getActiveSessionId()).toBe("session-2");
|
||||
});
|
||||
|
||||
it("recovers empty read-driven restarts when the active interactive session disappeared", async () => {
|
||||
const manager = makeManager();
|
||||
manager.readMessages.mockRejectedValueOnce(
|
||||
new SessionNotFoundError("session-1"),
|
||||
);
|
||||
const runtime = makeRuntime(manager);
|
||||
|
||||
await runtime.ensureReady();
|
||||
await runtime.restartWithCurrentMessages();
|
||||
|
||||
expect(manager.readMessages).toHaveBeenCalledWith("session-1");
|
||||
expect(manager.start).toHaveBeenCalledTimes(2);
|
||||
expect(manager.start).toHaveBeenNthCalledWith(
|
||||
2,
|
||||
expect.objectContaining({
|
||||
initialMessages: [],
|
||||
}),
|
||||
);
|
||||
expect(runtime.getActiveSessionId()).toBe("session-2");
|
||||
});
|
||||
|
||||
it("does not restart with stale messages when another operation changes the active session during a read", async () => {
|
||||
const manager = makeManager();
|
||||
let runtime!: ReturnType<typeof makeRuntime>;
|
||||
manager.readMessages.mockImplementationOnce(async () => {
|
||||
await runtime.restartEmpty();
|
||||
return [
|
||||
{
|
||||
role: "user" as const,
|
||||
content: [{ type: "text" as const, text: "stale" }],
|
||||
},
|
||||
];
|
||||
});
|
||||
runtime = makeRuntime(manager);
|
||||
|
||||
await runtime.ensureReady();
|
||||
await runtime.restartWithCurrentMessages();
|
||||
|
||||
expect(manager.start).toHaveBeenCalledTimes(2);
|
||||
expect(runtime.getActiveSessionId()).toBe("session-2");
|
||||
});
|
||||
|
||||
it("waits for missing-session recovery before cleanup disposes the manager", async () => {
|
||||
const manager = makeManager();
|
||||
const recoveryRead = deferred<Message[]>();
|
||||
|
||||
@@ -49,6 +49,13 @@ type CurrentTurnResult = Awaited<ReturnType<CliCore["send"]>>;
|
||||
type AskQuestionRef = {
|
||||
current: ((question: string, options: string[]) => Promise<string>) | null;
|
||||
};
|
||||
type CurrentMessagesRead =
|
||||
| { messages: Message[]; status: "read" }
|
||||
| { messages: Message[]; status: "recovered" }
|
||||
| { messages: Message[]; status: "stale" };
|
||||
type MissingSessionRecovery = {
|
||||
messages: Message[];
|
||||
};
|
||||
type ToolPolicyResolver = (
|
||||
toolName: string,
|
||||
) => NonNullable<Config["toolPolicies"]>[string];
|
||||
@@ -103,7 +110,9 @@ export function createInteractiveSessionRuntime(input: {
|
||||
let shutdownRequested = false;
|
||||
let activeSessionId = "";
|
||||
let abortRequested = false;
|
||||
let missingSessionRecoveryPromise: Promise<void> | undefined;
|
||||
let missingSessionRecoveryPromise:
|
||||
| Promise<MissingSessionRecovery>
|
||||
| undefined;
|
||||
// A reset can happen while an earlier manager.start() is still in flight.
|
||||
// Bump this before resets and restarts so stale starts cannot become active.
|
||||
let sessionStartGeneration = 0;
|
||||
@@ -275,14 +284,34 @@ export function createInteractiveSessionRuntime(input: {
|
||||
return await startupPromise;
|
||||
};
|
||||
|
||||
const readCurrentMessages = async (): Promise<Message[]> => {
|
||||
if (!sessionManager || !activeSessionId) {
|
||||
return [];
|
||||
const readCurrentMessages = async (): Promise<CurrentMessagesRead> => {
|
||||
const manager = sessionManager;
|
||||
const sessionId = activeSessionId;
|
||||
if (!manager || !sessionId) {
|
||||
return { messages: [], status: "read" };
|
||||
}
|
||||
try {
|
||||
const messages = (await manager.readMessages(sessionId)) ?? [];
|
||||
return {
|
||||
messages,
|
||||
status: activeSessionId === sessionId ? "read" : "stale",
|
||||
};
|
||||
} catch (error) {
|
||||
if (
|
||||
abortRequested ||
|
||||
shutdownRequested ||
|
||||
!isSessionNotFoundError(error)
|
||||
) {
|
||||
throw error;
|
||||
}
|
||||
const recovery = await recoverMissingActiveSession(error);
|
||||
return { messages: recovery.messages, status: "recovered" };
|
||||
}
|
||||
return (await sessionManager.readMessages(activeSessionId)) ?? [];
|
||||
};
|
||||
|
||||
const recoverMissingActiveSession = async (error: unknown): Promise<void> => {
|
||||
const recoverMissingActiveSession = async (
|
||||
error: unknown,
|
||||
): Promise<MissingSessionRecovery> => {
|
||||
if (missingSessionRecoveryPromise) {
|
||||
return await missingSessionRecoveryPromise;
|
||||
}
|
||||
@@ -290,7 +319,7 @@ export function createInteractiveSessionRuntime(input: {
|
||||
const manager = sessionManager;
|
||||
const missingSessionId = activeSessionId;
|
||||
if (!manager || !missingSessionId || shutdownRequested) {
|
||||
return;
|
||||
return { messages: [] };
|
||||
}
|
||||
const messages = await manager
|
||||
.readMessages(missingSessionId)
|
||||
@@ -307,6 +336,7 @@ export function createInteractiveSessionRuntime(input: {
|
||||
startupError = undefined;
|
||||
clearActiveSession();
|
||||
await startFreshSession(messages);
|
||||
return { messages };
|
||||
})().finally(() => {
|
||||
missingSessionRecoveryPromise = undefined;
|
||||
});
|
||||
@@ -361,7 +391,13 @@ export function createInteractiveSessionRuntime(input: {
|
||||
};
|
||||
|
||||
const restartWithCurrentMessages = async (): Promise<void> => {
|
||||
const messages = await readCurrentMessages();
|
||||
const { messages, status } = await readCurrentMessages();
|
||||
if (status !== "read") {
|
||||
// If reading recovered a missing hub session, the current messages are
|
||||
// already in the replacement session. If the read is stale, another async
|
||||
// operation changed the active session while this read was in flight.
|
||||
return;
|
||||
}
|
||||
await restartWithMessages(messages);
|
||||
};
|
||||
|
||||
@@ -510,7 +546,13 @@ export function createInteractiveSessionRuntime(input: {
|
||||
if (!sessionManager) {
|
||||
return { messagesBefore: 0, messagesAfter: 0, compacted: false };
|
||||
}
|
||||
const messages = await readCurrentMessages();
|
||||
const { messages, status } = await readCurrentMessages();
|
||||
if (status === "stale" || (status === "recovered" && !activeSessionId)) {
|
||||
return { messagesBefore: 0, messagesAfter: 0, compacted: false };
|
||||
}
|
||||
// If reading messages recovered the session, `messages` are the same messages
|
||||
// used to seed the replacement session, so it is safe to compact the current
|
||||
// active session with them.
|
||||
const messagesBefore = messages.length;
|
||||
if (messagesBefore === 0) {
|
||||
return { messagesBefore: 0, messagesAfter: 0, compacted: false };
|
||||
@@ -551,7 +593,10 @@ export function createInteractiveSessionRuntime(input: {
|
||||
return undefined;
|
||||
}
|
||||
const checkpointHistory = readSessionCheckpointHistory(sessionRecord);
|
||||
const messages = await readCurrentMessages();
|
||||
const { messages, status } = await readCurrentMessages();
|
||||
if (status !== "read") {
|
||||
return undefined;
|
||||
}
|
||||
return { messages, checkpointHistory };
|
||||
};
|
||||
|
||||
|
||||
@@ -40,7 +40,7 @@ const sessionEventsMocks = vi.hoisted(() => ({
|
||||
const CLINE_PASS_SUBSCRIPTION_URL =
|
||||
"https://app.cline.bot/dashboard/subscription?personal=true";
|
||||
const CLI_SUBSCRIPTION_URL =
|
||||
"https://app.cline.bot/promo?code=CLI-100&personal=true";
|
||||
"https://app.cline.bot/promo?code=CLI-8OFF&personal=true";
|
||||
const SDK_CLINE_PASS_SUBSCRIPTION_MESSAGE = `No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan: ${CLINE_PASS_SUBSCRIPTION_URL}`;
|
||||
const CLI_CLINE_PASS_SUBSCRIPTION_MESSAGE = `No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan: ${CLI_SUBSCRIPTION_URL}`;
|
||||
const CLINE_ORG_INDIVIDUAL_INFERENCE_SUBSCRIPTION_MESSAGE =
|
||||
|
||||
@@ -389,7 +389,7 @@ export async function runInteractive(
|
||||
? async () => {
|
||||
try {
|
||||
await sessionRuntime.ensureReady();
|
||||
const messages = await sessionRuntime.readCurrentMessages();
|
||||
const { messages } = await sessionRuntime.readCurrentMessages();
|
||||
const usage = await sessionRuntime.getAccumulatedUsage({
|
||||
inputTokens: 0,
|
||||
outputTokens: 0,
|
||||
|
||||
@@ -124,7 +124,7 @@ export function clineEnv(
|
||||
}),
|
||||
CLINE_SESSION_DATA_DIR: path.join(dataDir, "sessions"),
|
||||
CLINE_TEAM_DATA_DIR: path.join(dataDir, "teams"),
|
||||
CLINE_DISABLE_MIGRATION_NOTICE: "1",
|
||||
CLINE_DISABLE_CLINE_PASS_NOTICE: "1",
|
||||
NO_UPDATE_NOTIFIER: "1",
|
||||
CLINE_NO_AUTO_UPDATE: "1",
|
||||
...extra,
|
||||
|
||||
@@ -13,6 +13,7 @@ const coreMocks = vi.hoisted(() => {
|
||||
fetchBalance: vi.fn(),
|
||||
fetchOrganizationBalance: vi.fn(),
|
||||
fetchAvailableSubscriptionPlans: vi.fn(),
|
||||
fetchCurrentUserPlan: vi.fn(),
|
||||
serviceOptions,
|
||||
};
|
||||
});
|
||||
@@ -45,6 +46,9 @@ vi.mock("@cline/core", async (importOriginal) => {
|
||||
}) {
|
||||
return coreMocks.fetchAvailableSubscriptionPlans(input);
|
||||
}
|
||||
fetchCurrentUserPlan() {
|
||||
return coreMocks.fetchCurrentUserPlan();
|
||||
}
|
||||
},
|
||||
ProviderSettingsManager: class {
|
||||
getProviderSettings(providerId: string) {
|
||||
@@ -107,6 +111,7 @@ describe("createClineAccountService", () => {
|
||||
coreMocks.fetchBalance.mockReset();
|
||||
coreMocks.fetchOrganizationBalance.mockReset();
|
||||
coreMocks.fetchAvailableSubscriptionPlans.mockReset();
|
||||
coreMocks.fetchCurrentUserPlan.mockReset();
|
||||
coreMocks.serviceOptions.length = 0;
|
||||
telemetryMocks.identifyTelemetryAccount.mockReset();
|
||||
});
|
||||
@@ -204,6 +209,7 @@ describe("loadClineAccountSnapshot", () => {
|
||||
coreMocks.fetchBalance.mockReset();
|
||||
coreMocks.fetchOrganizationBalance.mockReset();
|
||||
coreMocks.fetchAvailableSubscriptionPlans.mockReset();
|
||||
coreMocks.fetchCurrentUserPlan.mockReset();
|
||||
coreMocks.serviceOptions.length = 0;
|
||||
telemetryMocks.identifyTelemetryAccount.mockReset();
|
||||
});
|
||||
@@ -268,6 +274,7 @@ describe("loadIndividualSubscriptionPlans", () => {
|
||||
coreMocks.fetchBalance.mockReset();
|
||||
coreMocks.fetchOrganizationBalance.mockReset();
|
||||
coreMocks.fetchAvailableSubscriptionPlans.mockReset();
|
||||
coreMocks.fetchCurrentUserPlan.mockReset();
|
||||
coreMocks.serviceOptions.length = 0;
|
||||
telemetryMocks.identifyTelemetryAccount.mockReset();
|
||||
});
|
||||
|
||||
@@ -3,6 +3,7 @@ import {
|
||||
type ClineAccountOrganization,
|
||||
type ClineAccountOrganizationBalance,
|
||||
type ClineSubscriptionPlan,
|
||||
type UserCurrentPlan,
|
||||
ClineAccountService,
|
||||
type ClineAccountUser,
|
||||
formatProviderOAuthApiKey,
|
||||
@@ -125,8 +126,9 @@ export async function createClineAccountService(input: {
|
||||
config: ClineAccountConfig;
|
||||
clineApiBaseUrl?: string;
|
||||
clineProviderSettings?: ProviderSettings;
|
||||
providerSettingsManager?: ProviderSettingsManager;
|
||||
}): Promise<ClineAccountService | undefined> {
|
||||
const manager = new ProviderSettingsManager();
|
||||
const manager = input.providerSettingsManager ?? new ProviderSettingsManager();
|
||||
const settings =
|
||||
manager.getProviderSettings("cline") ?? input.clineProviderSettings;
|
||||
const apiBaseUrl = resolveAccountApiBaseUrl({
|
||||
@@ -216,6 +218,48 @@ export async function loadIndividualSubscriptionPlans(input: {
|
||||
return service.fetchAvailableSubscriptionPlans({ type: "individual" });
|
||||
}
|
||||
|
||||
export async function loadCurrentUserPlan(input: {
|
||||
config: ClineAccountConfig;
|
||||
clineApiBaseUrl?: string;
|
||||
clineProviderSettings?: ProviderSettings;
|
||||
}): Promise<UserCurrentPlan | undefined> {
|
||||
const service = await createClineAccountService(input);
|
||||
if (!service) {
|
||||
throw new Error("No Cline account auth token found");
|
||||
}
|
||||
return service.fetchCurrentUserPlan();
|
||||
}
|
||||
|
||||
export async function loadCurrentUserPlanFromProviderSettings(input: {
|
||||
providerSettingsManager: ProviderSettingsManager;
|
||||
clineApiBaseUrl?: string;
|
||||
}): Promise<UserCurrentPlan | undefined> {
|
||||
const service = await createClineAccountService({
|
||||
config: { apiKey: "", logger: undefined, providerId: "cline" },
|
||||
clineApiBaseUrl: input.clineApiBaseUrl,
|
||||
providerSettingsManager: input.providerSettingsManager,
|
||||
});
|
||||
if (!service) {
|
||||
throw new Error("No Cline account auth token found");
|
||||
}
|
||||
return service.fetchCurrentUserPlan();
|
||||
}
|
||||
|
||||
export async function loadIndividualSubscriptionPlansFromProviderSettings(input: {
|
||||
providerSettingsManager: ProviderSettingsManager;
|
||||
clineApiBaseUrl?: string;
|
||||
}): Promise<ClineSubscriptionPlan[]> {
|
||||
const service = await createClineAccountService({
|
||||
config: { apiKey: "", logger: undefined, providerId: "cline" },
|
||||
clineApiBaseUrl: input.clineApiBaseUrl,
|
||||
providerSettingsManager: input.providerSettingsManager,
|
||||
});
|
||||
if (!service) {
|
||||
throw new Error("No Cline account auth token found");
|
||||
}
|
||||
return service.fetchAvailableSubscriptionPlans({ type: "individual" });
|
||||
}
|
||||
|
||||
async function onChangeToClinePass(config: ClineAccountConfig) {
|
||||
try {
|
||||
await switchClineAccount({
|
||||
|
||||
@@ -6,6 +6,7 @@ import "opentui-spinner/react";
|
||||
import {
|
||||
getClineOrgIndividualInferenceSubscriptionMessage,
|
||||
getCliSubscriptionUrl,
|
||||
getIndividualPlanFeatures,
|
||||
isClineOrgIndividualInferenceSubscriptionErrorMessage,
|
||||
isClinePassSubscriptionError,
|
||||
} from "../../utils/cline-pass-errors";
|
||||
@@ -16,6 +17,7 @@ import {
|
||||
import { useTerminalBackground } from "../hooks/use-terminal-background";
|
||||
import {
|
||||
getDefaultForeground,
|
||||
getModeAccent,
|
||||
getModeInputBackground,
|
||||
palette,
|
||||
type TerminalTheme,
|
||||
@@ -36,12 +38,6 @@ import {
|
||||
} from "../utils/tool-parsing";
|
||||
import { ToolOutput } from "./tool-output";
|
||||
|
||||
function getIndividualPlanFeatures(plans: ClineSubscriptionPlan[]): string[] {
|
||||
const planWithFeatures = plans.find((plan) => plan.interval === "Monthly");
|
||||
|
||||
return planWithFeatures?.features?.included ?? [];
|
||||
}
|
||||
|
||||
function trimLeading(text: string): string {
|
||||
return text.replace(/^\n+/, "");
|
||||
}
|
||||
@@ -273,7 +269,8 @@ function ToolCallView(props: {
|
||||
);
|
||||
}
|
||||
|
||||
function ClineCreditsErrorView(props: { defaultFg?: string }) {
|
||||
function ClineCreditsClinePassErrorView(props: { defaultFg?: string }) {
|
||||
const subscriptionUrl = getCliSubscriptionUrl();
|
||||
return (
|
||||
<box flexDirection="row">
|
||||
<text fg="red" content="* " />
|
||||
@@ -288,27 +285,47 @@ function ClineCreditsErrorView(props: { defaultFg?: string }) {
|
||||
<text
|
||||
fg={props.defaultFg}
|
||||
selectable
|
||||
content="You have run out of Cline credits. Add credits in the dashboard to continue."
|
||||
content={
|
||||
"You have run out of Cline credits. Add credits in the dashboard or purchase and switch to ClinePass to continue."
|
||||
}
|
||||
/>
|
||||
<box flexDirection="row">
|
||||
<text fg="gray">Dashboard: </text>
|
||||
<text fg="gray">Purchase Credits: </text>
|
||||
<text fg="cyan" selectable>
|
||||
<a href={CLINE_CREDITS_DASHBOARD_URL}>
|
||||
{CLINE_CREDITS_DASHBOARD_URL}
|
||||
</a>
|
||||
</text>
|
||||
</box>
|
||||
<box flexDirection="row">
|
||||
<text fg="gray">Purchase ClinePass: </text>
|
||||
<text fg="cyan" selectable>
|
||||
<a href={subscriptionUrl}>{subscriptionUrl}</a>
|
||||
</text>
|
||||
</box>
|
||||
<box flexDirection="row">
|
||||
<text fg="gray">Switch to ClinePass: </text>
|
||||
<text fg="gray">
|
||||
type /settings in CLI and switch provider to ClinePass
|
||||
</text>
|
||||
</box>
|
||||
</box>
|
||||
</box>
|
||||
);
|
||||
}
|
||||
|
||||
function ClineCreditsErrorView(props: { defaultFg?: string }) {
|
||||
return <ClineCreditsClinePassErrorView defaultFg={props.defaultFg} />;
|
||||
}
|
||||
|
||||
function ClinePassSubscriptionErrorView(props: {
|
||||
defaultFg?: string;
|
||||
loadIndividualSubscriptionPlans?: () => Promise<ClineSubscriptionPlan[]>;
|
||||
terminalTheme: TerminalTheme;
|
||||
}) {
|
||||
const subscriptionUrl = getCliSubscriptionUrl();
|
||||
const [planFeatures, setPlanFeatures] = useState<string[]>([]);
|
||||
const planAccent = getModeAccent("plan", props.terminalTheme);
|
||||
|
||||
useEffect(() => {
|
||||
if (!props.loadIndividualSubscriptionPlans) {
|
||||
@@ -333,15 +350,15 @@ function ClinePassSubscriptionErrorView(props: {
|
||||
|
||||
return (
|
||||
<box flexDirection="row">
|
||||
<text fg="yellow" content="* " />
|
||||
<text fg={planAccent} content="* " />
|
||||
<box
|
||||
flexDirection="column"
|
||||
border
|
||||
borderStyle="rounded"
|
||||
borderColor="yellow"
|
||||
borderColor={planAccent}
|
||||
paddingX={1}
|
||||
>
|
||||
<text fg="yellow">ClinePass subscription required</text>
|
||||
<text fg={planAccent}>ClinePass subscription required</text>
|
||||
<text
|
||||
fg={props.defaultFg}
|
||||
selectable
|
||||
@@ -351,12 +368,10 @@ function ClinePassSubscriptionErrorView(props: {
|
||||
<box flexDirection="column" marginTop={1}>
|
||||
<text fg={props.defaultFg}>ClinePass includes:</text>
|
||||
{planFeatures.map((feature) => (
|
||||
<box key={feature} flexDirection="row">
|
||||
<text fg="green" content="✓ " />
|
||||
<text fg={props.defaultFg} selectable>
|
||||
{feature}
|
||||
</text>
|
||||
</box>
|
||||
<text key={feature} fg={props.defaultFg} selectable>
|
||||
<span fg="green">✓ </span>
|
||||
<span>{feature}</span>
|
||||
</text>
|
||||
))}
|
||||
</box>
|
||||
)}
|
||||
@@ -379,18 +394,21 @@ function ClinePassSubscriptionErrorView(props: {
|
||||
|
||||
function ClineOrgIndividualInferenceSubscriptionErrorView(props: {
|
||||
defaultFg?: string;
|
||||
terminalTheme: TerminalTheme;
|
||||
}) {
|
||||
const planAccent = getModeAccent("plan", props.terminalTheme);
|
||||
|
||||
return (
|
||||
<box flexDirection="row">
|
||||
<text fg="yellow" content="* " />
|
||||
<text fg={planAccent} content="* " />
|
||||
<box
|
||||
flexDirection="column"
|
||||
border
|
||||
borderStyle="rounded"
|
||||
borderColor="yellow"
|
||||
borderColor={planAccent}
|
||||
paddingX={1}
|
||||
>
|
||||
<text fg="yellow">Personal ClinePass required</text>
|
||||
<text fg={planAccent}>Personal ClinePass required</text>
|
||||
<text
|
||||
fg={props.defaultFg}
|
||||
selectable
|
||||
@@ -504,6 +522,7 @@ export function ChatEntryView(props: {
|
||||
return (
|
||||
<ClineOrgIndividualInferenceSubscriptionErrorView
|
||||
defaultFg={defaultFg}
|
||||
terminalTheme={terminalTheme}
|
||||
/>
|
||||
);
|
||||
}
|
||||
@@ -514,6 +533,7 @@ export function ChatEntryView(props: {
|
||||
loadIndividualSubscriptionPlans={
|
||||
props.loadIndividualSubscriptionPlans
|
||||
}
|
||||
terminalTheme={terminalTheme}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,13 @@
|
||||
const CLINE_PASS_SUBSCRIPTION_PATH = "/dashboard/subscription";
|
||||
const DEFAULT_APP_BASE_URL = "https://app.cline.bot";
|
||||
|
||||
export function buildClinePassSubscriptionPageUrl(
|
||||
appBaseUrl: string | undefined,
|
||||
): string {
|
||||
const url = new URL(
|
||||
CLINE_PASS_SUBSCRIPTION_PATH,
|
||||
appBaseUrl || DEFAULT_APP_BASE_URL,
|
||||
);
|
||||
url.searchParams.set("personal", "true");
|
||||
return url.toString();
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
import { describe, expect, it } from "vitest";
|
||||
import { buildClinePassSubscriptionPageUrl } from "./provider-picker-helpers";
|
||||
|
||||
describe("buildClinePassSubscriptionPageUrl", () => {
|
||||
it("opens the personal subscription page on production by default", () => {
|
||||
expect(buildClinePassSubscriptionPageUrl(undefined)).toBe(
|
||||
"https://app.cline.bot/dashboard/subscription?personal=true",
|
||||
);
|
||||
});
|
||||
|
||||
it("keeps the configured app base URL", () => {
|
||||
expect(
|
||||
buildClinePassSubscriptionPageUrl("https://staging-app.cline.bot"),
|
||||
).toBe(
|
||||
"https://staging-app.cline.bot/dashboard/subscription?personal=true",
|
||||
);
|
||||
});
|
||||
});
|
||||
@@ -37,6 +37,7 @@ import {
|
||||
getSearchableListRowsWindow,
|
||||
type SearchableItem,
|
||||
} from "../searchable-list";
|
||||
import { buildClinePassSubscriptionPageUrl } from "./provider-picker-helpers";
|
||||
|
||||
interface ProviderItem {
|
||||
id: string;
|
||||
@@ -248,18 +249,33 @@ export function ProviderPickerContent(
|
||||
);
|
||||
}
|
||||
|
||||
export type ExistingProviderAction = "use_existing" | "reconfigure";
|
||||
export type ExistingProviderAction =
|
||||
| "use_existing"
|
||||
| "reconfigure"
|
||||
| "open_subscription_page"
|
||||
| "open_usage_billing";
|
||||
|
||||
export interface ExistingProviderOption {
|
||||
value: ExistingProviderAction;
|
||||
label: string;
|
||||
onSelect?: () => Promise<void> | void;
|
||||
}
|
||||
|
||||
export function UseExistingOrReconfigureContent(
|
||||
props: ChoiceContext<ExistingProviderAction> & {
|
||||
props: ChoiceContext<ExistingProviderOption> & {
|
||||
providerName: string;
|
||||
extraOptions?: ExistingProviderOption[];
|
||||
},
|
||||
) {
|
||||
const { resolve, dismiss, dialogId, providerName } = props;
|
||||
const options: { value: ExistingProviderAction; label: string }[] = [
|
||||
{ value: "use_existing", label: "Use existing configuration" },
|
||||
{ value: "reconfigure", label: "Configure again" },
|
||||
];
|
||||
const { resolve, dismiss, dialogId, providerName, extraOptions } = props;
|
||||
const options: ExistingProviderOption[] = useMemo(
|
||||
() => [
|
||||
{ value: "use_existing", label: "Use existing configuration" },
|
||||
{ value: "reconfigure", label: "Configure again" },
|
||||
...(extraOptions ?? []),
|
||||
],
|
||||
[extraOptions],
|
||||
);
|
||||
const [selected, setSelected] = useState(0);
|
||||
|
||||
useDialogKeyboard((key) => {
|
||||
@@ -269,7 +285,7 @@ export function UseExistingOrReconfigureContent(
|
||||
}
|
||||
if (key.name === "return" || key.name === "enter") {
|
||||
const opt = options[selected];
|
||||
if (opt) resolve(opt.value);
|
||||
if (opt) resolve(opt);
|
||||
return;
|
||||
}
|
||||
if (key.name === "up" || (key.ctrl && key.name === "p")) {
|
||||
@@ -314,6 +330,86 @@ export function UseExistingOrReconfigureContent(
|
||||
);
|
||||
}
|
||||
|
||||
function ClinePassBrowserPageContent(
|
||||
props: ChoiceContext<boolean> & {
|
||||
providerName: string;
|
||||
pageLabel: string;
|
||||
url: string;
|
||||
openedStatus: string;
|
||||
},
|
||||
) {
|
||||
const {
|
||||
resolve,
|
||||
dismiss,
|
||||
dialogId,
|
||||
providerName,
|
||||
pageLabel,
|
||||
url,
|
||||
openedStatus,
|
||||
} = props;
|
||||
const [status, setStatus] = useState("Opening browser...");
|
||||
|
||||
useEffect(() => {
|
||||
void open(url, { wait: false })
|
||||
.then(() => {
|
||||
setStatus(openedStatus);
|
||||
})
|
||||
.catch(() => {
|
||||
setStatus("Could not open browser automatically. Open the URL below.");
|
||||
});
|
||||
}, [url, openedStatus]);
|
||||
|
||||
useDialogKeyboard((key) => {
|
||||
if (key.name === "escape") {
|
||||
dismiss();
|
||||
return;
|
||||
}
|
||||
if (key.name === "return" || key.name === "enter") {
|
||||
resolve(true);
|
||||
}
|
||||
}, dialogId);
|
||||
|
||||
return (
|
||||
<box flexDirection="column" paddingX={1} gap={1}>
|
||||
<text fg="cyan">
|
||||
<strong>{providerName}</strong>
|
||||
</text>
|
||||
|
||||
<text>{status}</text>
|
||||
|
||||
<text fg="gray">{pageLabel}:</text>
|
||||
<text fg="cyan" selectable>
|
||||
<a href={url}>{url}</a>
|
||||
</text>
|
||||
|
||||
<text fg="gray">
|
||||
<em>Enter or Esc to go back</em>
|
||||
</text>
|
||||
</box>
|
||||
);
|
||||
}
|
||||
|
||||
export function ClinePassSubscriptionContent(
|
||||
props: ChoiceContext<boolean> & {
|
||||
providerName: string;
|
||||
},
|
||||
) {
|
||||
const subscriptionUrl = useMemo(
|
||||
() =>
|
||||
buildClinePassSubscriptionPageUrl(getClineEnvironmentConfig().appBaseUrl),
|
||||
[],
|
||||
);
|
||||
|
||||
return (
|
||||
<ClinePassBrowserPageContent
|
||||
{...props}
|
||||
pageLabel="Subscription page"
|
||||
url={subscriptionUrl}
|
||||
openedStatus="Opened subscription page in your browser."
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
const DEFAULT_FIELD_LABELS: Partial<Record<ProviderConfigFieldKey, string>> = {
|
||||
apiKey: "API key",
|
||||
baseUrl: "Base URL",
|
||||
|
||||
@@ -3,6 +3,7 @@ import {
|
||||
createContextBar,
|
||||
formatStatusBarUsageText,
|
||||
resolveContextBarFilledForeground,
|
||||
resolveModelDisplayName,
|
||||
} from "./status-bar";
|
||||
|
||||
vi.mock("@opentui/react", () => ({
|
||||
@@ -55,18 +56,44 @@ describe("formatStatusBarUsageText", () => {
|
||||
formatStatusBarUsageText({
|
||||
totalTokens: 12_345,
|
||||
totalCost: 0.123,
|
||||
showCost: true,
|
||||
providerId: "cline",
|
||||
}),
|
||||
).toBe("(12,345 tokens) $0.12");
|
||||
});
|
||||
|
||||
it("omits cost when usage cost is hidden", () => {
|
||||
it("displays subscription message when the provider is a subscription provider", () => {
|
||||
expect(
|
||||
formatStatusBarUsageText({
|
||||
totalTokens: 12_345,
|
||||
totalCost: 0.123,
|
||||
showCost: false,
|
||||
providerId: "cline-pass",
|
||||
}),
|
||||
).toBe("(12,345 tokens)");
|
||||
).toBe("(12,345 tokens) $0.00 (included with subscription)");
|
||||
});
|
||||
});
|
||||
|
||||
describe("resolveModelDisplayName", () => {
|
||||
it("keeps ClinePass visible when model ids have provider prefixes", () => {
|
||||
expect(
|
||||
resolveModelDisplayName({
|
||||
providerId: "cline-pass",
|
||||
modelId: "zai/glm-5.2",
|
||||
knownModels: {
|
||||
"zai/glm-5.2": { name: "GLM 5.2" },
|
||||
},
|
||||
}),
|
||||
).toBe("ClinePass/glm-5.2");
|
||||
});
|
||||
|
||||
it("uses the friendly model name for non-ClinePass providers", () => {
|
||||
expect(
|
||||
resolveModelDisplayName({
|
||||
providerId: "cline",
|
||||
modelId: "zai/glm-5.2",
|
||||
knownModels: {
|
||||
"zai/glm-5.2": { name: "GLM 5.2" },
|
||||
},
|
||||
}),
|
||||
).toBe("GLM 5.2");
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,6 +1,9 @@
|
||||
import type { AgentMode } from "@cline/core";
|
||||
import { useTerminalDimensions } from "@opentui/react";
|
||||
import { shouldShowCliUsageCost } from "../../utils/usage-cost-display";
|
||||
import {
|
||||
shouldShowCliUsageCost,
|
||||
shouldShowCliUsageCoveredBySubscription,
|
||||
} from "../../utils/usage-cost-display";
|
||||
import {
|
||||
useTerminalBackground,
|
||||
useTerminalTheme,
|
||||
@@ -46,14 +49,31 @@ function formatCost(cost: number): string {
|
||||
return `$${cost.toFixed(2)}`;
|
||||
}
|
||||
|
||||
function formatCostText(providerId: string, totalCost: number): string {
|
||||
if (shouldShowCliUsageCoveredBySubscription(providerId)) {
|
||||
return "$0.00 (included with subscription)";
|
||||
}
|
||||
|
||||
if (!shouldShowCliUsageCost(providerId)) {
|
||||
return "";
|
||||
}
|
||||
|
||||
return formatCost(totalCost);
|
||||
}
|
||||
|
||||
export function formatStatusBarUsageText(input: {
|
||||
totalTokens: number;
|
||||
totalCost: number;
|
||||
showCost: boolean;
|
||||
providerId: string;
|
||||
}): string {
|
||||
const tokens = `(${input.totalTokens.toLocaleString()} tokens)`;
|
||||
if (!input.showCost) return tokens;
|
||||
return `${tokens} ${formatCost(input.totalCost)}`;
|
||||
const costText = formatCostText(input.providerId, input.totalCost);
|
||||
|
||||
if (!costText) {
|
||||
return tokens;
|
||||
}
|
||||
|
||||
return `${tokens} ${costText}`;
|
||||
}
|
||||
|
||||
// knownModels keys are bare IDs ("claude-sonnet-4-6") but config.modelId
|
||||
@@ -74,17 +94,22 @@ function lookupModelInfo(
|
||||
}
|
||||
|
||||
export function resolveModelDisplayName(config: {
|
||||
providerId?: string;
|
||||
modelId: string;
|
||||
knownModels?: Record<string, unknown>;
|
||||
thinking?: boolean;
|
||||
reasoningEffort?: string;
|
||||
}): string {
|
||||
const info = lookupModelInfo(config.modelId, config.knownModels);
|
||||
const name = info?.name ?? config.modelId.split("/").pop() ?? config.modelId;
|
||||
const modelIdTail = config.modelId.split("/").pop() ?? config.modelId;
|
||||
const displayName =
|
||||
config.providerId === "cline-pass"
|
||||
? `ClinePass/${modelIdTail}`
|
||||
: (info?.name ?? modelIdTail);
|
||||
if (config.thinking && config.reasoningEffort) {
|
||||
return `${name} (${config.reasoningEffort})`;
|
||||
return `${displayName} (${config.reasoningEffort})`;
|
||||
}
|
||||
return name;
|
||||
return displayName;
|
||||
}
|
||||
|
||||
export function resolveModelMaxInputTokens(config: {
|
||||
@@ -152,7 +177,6 @@ export function StatusBar(props: StatusBarProps) {
|
||||
const bar = hasMaxInputTokens
|
||||
? createContextBar(totalTokens, maxInputTokens)
|
||||
: undefined;
|
||||
const showUsageCost = shouldShowCliUsageCost(props.providerId);
|
||||
|
||||
// Available content width after accounting for padding.
|
||||
// Home view: parent box is capped at 60 wide, status bar adds paddingX=1 (-2).
|
||||
@@ -169,7 +193,7 @@ export function StatusBar(props: StatusBarProps) {
|
||||
const usageText = formatStatusBarUsageText({
|
||||
totalTokens,
|
||||
totalCost,
|
||||
showCost: showUsageCost,
|
||||
providerId: props.providerId,
|
||||
});
|
||||
const contextText = bar
|
||||
? ` ${bar.filled}${bar.empty} ${usageText}`
|
||||
|
||||
@@ -18,8 +18,9 @@ import {
|
||||
import type { Config } from "../../utils/types";
|
||||
import { withLoadingDialog } from "../components/dialogs/loading-dialog";
|
||||
import {
|
||||
ClinePassSubscriptionContent,
|
||||
CodexCliStatusContent,
|
||||
type ExistingProviderAction,
|
||||
type ExistingProviderOption,
|
||||
OAuthLoginContent,
|
||||
ProviderConfigInputContent,
|
||||
ProviderPickerContent,
|
||||
@@ -78,6 +79,36 @@ function usesModelIdInput(providerId: string): boolean {
|
||||
return providerId === "openai-compatible";
|
||||
}
|
||||
|
||||
function providerToExistingProviderOptions(input: {
|
||||
providerId: string;
|
||||
providerName: string;
|
||||
dialog: DialogActions;
|
||||
termHeight: number;
|
||||
}): ExistingProviderOption[] {
|
||||
if (input.providerId !== "cline-pass") {
|
||||
return [];
|
||||
}
|
||||
|
||||
return [
|
||||
{
|
||||
value: "open_subscription_page",
|
||||
label: "Manage subscription & see usage",
|
||||
onSelect: async () => {
|
||||
await input.dialog.choice<boolean>({
|
||||
style: { maxHeight: input.termHeight - 2 },
|
||||
closeOnEscape: false,
|
||||
content: (ctx: ChoiceContext<boolean>) => (
|
||||
<ClinePassSubscriptionContent
|
||||
{...ctx}
|
||||
providerName={input.providerName}
|
||||
/>
|
||||
),
|
||||
});
|
||||
},
|
||||
},
|
||||
];
|
||||
}
|
||||
|
||||
async function runProviderChange(
|
||||
dialog: DialogActions,
|
||||
config: Config,
|
||||
@@ -102,14 +133,33 @@ async function runProviderChange(
|
||||
|
||||
let needsAuth = true;
|
||||
if (isProviderConfigured(newProviderId, existingSettings)) {
|
||||
const action = await dialog.choice<ExistingProviderAction>({
|
||||
style: { maxHeight: termHeight - 2 },
|
||||
content: (ctx: ChoiceContext<ExistingProviderAction>) => (
|
||||
<UseExistingOrReconfigureContent {...ctx} providerName={displayName} />
|
||||
),
|
||||
let option: ExistingProviderOption | undefined;
|
||||
const extraOptions = providerToExistingProviderOptions({
|
||||
providerId: newProviderId,
|
||||
providerName: displayName,
|
||||
dialog,
|
||||
termHeight,
|
||||
});
|
||||
if (!action) return false;
|
||||
needsAuth = action === "reconfigure";
|
||||
while (true) {
|
||||
option = await dialog.choice<ExistingProviderOption>({
|
||||
style: { maxHeight: termHeight - 2 },
|
||||
content: (ctx: ChoiceContext<ExistingProviderOption>) => (
|
||||
<UseExistingOrReconfigureContent
|
||||
{...ctx}
|
||||
providerName={displayName}
|
||||
extraOptions={extraOptions}
|
||||
/>
|
||||
),
|
||||
});
|
||||
if (!option) return false;
|
||||
if (option.onSelect) {
|
||||
await option.onSelect();
|
||||
option = undefined;
|
||||
continue;
|
||||
}
|
||||
break;
|
||||
}
|
||||
needsAuth = option.value === "reconfigure";
|
||||
}
|
||||
|
||||
if (needsAuth) {
|
||||
|
||||
@@ -10,6 +10,7 @@ import {
|
||||
useDialogState,
|
||||
} from "@opentui-ui/dialog/react";
|
||||
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
||||
import { shouldSuppressClineCliMigrationNoticeForActiveProvider } from "../kanban-migration/notice";
|
||||
import { MigrationNoticeContent } from "../kanban-migration/notice-dialog";
|
||||
import type { RepoStatus } from "../utils/repo-status";
|
||||
import { readRepoStatus } from "../utils/repo-status";
|
||||
@@ -541,10 +542,17 @@ function App(props: TuiProps) {
|
||||
|
||||
const notice = props.initialNotice;
|
||||
const onInitialNoticeShown = props.onInitialNoticeShown;
|
||||
const currentProviderId = props.config.providerId;
|
||||
useEffect(() => {
|
||||
if (!notice) return;
|
||||
if (initialNoticeShownRef.current) return;
|
||||
if (appView !== "home") return;
|
||||
if (
|
||||
shouldSuppressClineCliMigrationNoticeForActiveProvider(currentProviderId)
|
||||
) {
|
||||
initialNoticeShownRef.current = true;
|
||||
return;
|
||||
}
|
||||
|
||||
initialNoticeShownRef.current = true;
|
||||
const timeout = setTimeout(() => {
|
||||
@@ -560,7 +568,7 @@ function App(props: TuiProps) {
|
||||
});
|
||||
}, 0);
|
||||
return () => clearTimeout(timeout);
|
||||
}, [appView, dialog, notice, onInitialNoticeShown]);
|
||||
}, [appView, currentProviderId, dialog, notice, onInitialNoticeShown]);
|
||||
|
||||
const {
|
||||
appendEntry: appendSessionEntry,
|
||||
|
||||
@@ -10,16 +10,24 @@ import {
|
||||
saveLocalProviderSettings,
|
||||
} from "@cline/core";
|
||||
import { isClineProvider } from "@cline/shared";
|
||||
import open from "open";
|
||||
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
||||
import {
|
||||
getCliSubscriptionUrl,
|
||||
getIndividualPlanFeatures,
|
||||
} from "../../../utils/cline-pass-errors";
|
||||
import {
|
||||
type CodexCliStatus,
|
||||
checkCodexCliInstalled,
|
||||
isOpenAICodexCliProvider,
|
||||
} from "../../../utils/codex-cli";
|
||||
import { getCliFeatureFlagsService } from "../../../utils/feature-flags";
|
||||
import { getPersistedProviderApiKey } from "../../../utils/provider-auth";
|
||||
import { listLocalProviders } from "../../../utils/provider-catalog";
|
||||
import { getCliTelemetryService } from "../../../utils/telemetry";
|
||||
import {
|
||||
loadCurrentUserPlanFromProviderSettings,
|
||||
loadIndividualSubscriptionPlansFromProviderSettings,
|
||||
} from "../../cline-account";
|
||||
import {
|
||||
buildClineModelEntries,
|
||||
type ClineModelPickerEntry,
|
||||
@@ -48,6 +56,8 @@ import {
|
||||
import { FIELD_ORDER } from "./fields";
|
||||
import { useOnboardingKeyboard } from "./keyboard";
|
||||
import {
|
||||
CLINE_PASS_SUBSCRIPTION_OPTIONS,
|
||||
type ClinePassSubscriptionStatus,
|
||||
getMainMenuOptions,
|
||||
type ModelEntry,
|
||||
type OnboardingResult,
|
||||
@@ -78,8 +88,7 @@ export function useOnboardingController(props: OnboardingControllerProps) {
|
||||
const menuOptions = useMemo(
|
||||
() =>
|
||||
getMainMenuOptions({
|
||||
isClinePassEnabled:
|
||||
getCliFeatureFlagsService().getBooleanFlagEnabled("ext-cline-pass"),
|
||||
isClinePassEnabled: true,
|
||||
}),
|
||||
[],
|
||||
);
|
||||
@@ -150,6 +159,19 @@ export function useOnboardingController(props: OnboardingControllerProps) {
|
||||
const [modelsDefaultId, setModelsDefaultId] = useState("");
|
||||
const [customModelId, setCustomModelId] = useState("");
|
||||
const [customModelError, setCustomModelError] = useState("");
|
||||
const [clinePassSubscriptionStatus, setClinePassSubscriptionStatus] =
|
||||
useState<ClinePassSubscriptionStatus>("loading");
|
||||
const [clinePassSubscriptionError, setClinePassSubscriptionError] =
|
||||
useState("");
|
||||
const [clinePassCurrentPlanName, setClinePassCurrentPlanName] = useState("");
|
||||
const [clinePassPlanFeatures, setClinePassPlanFeatures] = useState<string[]>(
|
||||
[],
|
||||
);
|
||||
const [clinePassSubscriptionSelected, setClinePassSubscriptionSelected] =
|
||||
useState(0);
|
||||
const [clinePassSubscriptionOpenStatus, setClinePassSubscriptionOpenStatus] =
|
||||
useState("");
|
||||
const clinePassSubscriptionUrl = useMemo(() => getCliSubscriptionUrl(), []);
|
||||
|
||||
const modelItems: SearchableItem[] = useMemo(
|
||||
() =>
|
||||
@@ -265,6 +287,62 @@ export function useOnboardingController(props: OnboardingControllerProps) {
|
||||
[providerSettingsManager],
|
||||
);
|
||||
|
||||
const refreshClinePassSubscriptionStatus = useCallback(() => {
|
||||
setClinePassSubscriptionStatus("loading");
|
||||
setClinePassSubscriptionError("");
|
||||
setClinePassCurrentPlanName("");
|
||||
setClinePassSubscriptionOpenStatus("");
|
||||
|
||||
loadCurrentUserPlanFromProviderSettings({ providerSettingsManager })
|
||||
.then(
|
||||
(value) => ({ status: "fulfilled" as const, value }),
|
||||
(reason) => ({ status: "rejected" as const, reason }),
|
||||
)
|
||||
.then((currentPlanResult) =>
|
||||
loadIndividualSubscriptionPlansFromProviderSettings({
|
||||
providerSettingsManager,
|
||||
})
|
||||
.then(
|
||||
(value) => ({ status: "fulfilled" as const, value }),
|
||||
(reason) => ({ status: "rejected" as const, reason }),
|
||||
)
|
||||
.then((availablePlansResult) => ({
|
||||
availablePlansResult,
|
||||
currentPlanResult,
|
||||
})),
|
||||
)
|
||||
.then(({ currentPlanResult, availablePlansResult }) => {
|
||||
if (availablePlansResult.status === "fulfilled") {
|
||||
setClinePassPlanFeatures(
|
||||
getIndividualPlanFeatures(availablePlansResult.value),
|
||||
);
|
||||
}
|
||||
|
||||
if (currentPlanResult.status === "rejected") {
|
||||
const error = currentPlanResult.reason;
|
||||
const message =
|
||||
error instanceof Error ? error.message : String(error);
|
||||
if (message.trim().toLowerCase() === "no plan found for user") {
|
||||
setClinePassSubscriptionStatus("unsubscribed");
|
||||
return;
|
||||
}
|
||||
setClinePassSubscriptionError(message);
|
||||
setClinePassSubscriptionStatus("error");
|
||||
return;
|
||||
}
|
||||
|
||||
const plan = currentPlanResult.value?.plan;
|
||||
if (plan) {
|
||||
setClinePassCurrentPlanName(
|
||||
plan.displayName || plan.name || plan.id || "ClinePass",
|
||||
);
|
||||
setClinePassSubscriptionStatus("subscribed");
|
||||
} else {
|
||||
setClinePassSubscriptionStatus("unsubscribed");
|
||||
}
|
||||
});
|
||||
}, [providerSettingsManager]);
|
||||
|
||||
const transitionToModelPicker = useCallback(
|
||||
(providerId: string) => {
|
||||
setActiveProviderId(providerId);
|
||||
@@ -288,6 +366,27 @@ export function useOnboardingController(props: OnboardingControllerProps) {
|
||||
[providers, loadModelsForProvider, providerSettingsManager],
|
||||
);
|
||||
|
||||
const transitionToClinePassSubscription = useCallback(() => {
|
||||
setActiveProviderId("cline-pass");
|
||||
const provider = providers.find((p) => p.id === "cline-pass");
|
||||
setActiveProviderName(provider?.name ?? "ClinePass");
|
||||
setModelsDefaultId(provider?.defaultModelId ?? "");
|
||||
setClinePassSubscriptionSelected(0);
|
||||
setStep("cline_pass_subscription");
|
||||
refreshClinePassSubscriptionStatus();
|
||||
}, [providers, refreshClinePassSubscriptionStatus]);
|
||||
|
||||
const handleAuthComplete = useCallback(
|
||||
(providerId: OnboardingOAuthProviderId) => {
|
||||
if (providerId === "cline-pass") {
|
||||
transitionToClinePassSubscription();
|
||||
return;
|
||||
}
|
||||
transitionToModelPicker(providerId);
|
||||
},
|
||||
[transitionToClinePassSubscription, transitionToModelPicker],
|
||||
);
|
||||
|
||||
const resetAuth = useCallback(() => {
|
||||
setAuthStatus("");
|
||||
setAuthUrl("");
|
||||
@@ -313,11 +412,11 @@ export function useOnboardingController(props: OnboardingControllerProps) {
|
||||
setVerifyUrl: setDeviceVerifyUrl,
|
||||
setStatus: setDeviceStatus,
|
||||
setError: setDeviceError,
|
||||
onComplete: transitionToModelPicker,
|
||||
onComplete: handleAuthComplete,
|
||||
telemetry: getCliTelemetryService(),
|
||||
});
|
||||
},
|
||||
[providerSettingsManager, transitionToModelPicker],
|
||||
[providerSettingsManager, handleAuthComplete],
|
||||
);
|
||||
|
||||
const startOAuthFlow = useCallback(
|
||||
@@ -339,18 +438,46 @@ export function useOnboardingController(props: OnboardingControllerProps) {
|
||||
setStatus: setAuthStatus,
|
||||
setAuthUrl,
|
||||
setError: setAuthError,
|
||||
onComplete: transitionToModelPicker,
|
||||
onComplete: handleAuthComplete,
|
||||
telemetry: getCliTelemetryService(),
|
||||
});
|
||||
},
|
||||
[
|
||||
providerSettingsManager,
|
||||
resetAuth,
|
||||
transitionToModelPicker,
|
||||
handleAuthComplete,
|
||||
startDeviceCodeFlow,
|
||||
],
|
||||
);
|
||||
|
||||
const continueFromClinePassSubscription = useCallback(() => {
|
||||
transitionToModelPicker("cline-pass");
|
||||
}, [transitionToModelPicker]);
|
||||
|
||||
const openClinePassSubscriptionPage = useCallback(() => {
|
||||
setClinePassSubscriptionOpenStatus("Opening subscription page...");
|
||||
void open(clinePassSubscriptionUrl, { wait: false })
|
||||
.then(() => {
|
||||
setClinePassSubscriptionOpenStatus(
|
||||
"Opened subscription page in your browser.",
|
||||
);
|
||||
})
|
||||
.catch(() => {
|
||||
setClinePassSubscriptionOpenStatus(
|
||||
`Could not open browser automatically. Open ${clinePassSubscriptionUrl}`,
|
||||
);
|
||||
});
|
||||
}, [clinePassSubscriptionUrl]);
|
||||
|
||||
useEffect(() => {
|
||||
if (
|
||||
step === "cline_pass_subscription" &&
|
||||
clinePassSubscriptionStatus === "subscribed"
|
||||
) {
|
||||
transitionToModelPicker("cline-pass");
|
||||
}
|
||||
}, [step, clinePassSubscriptionStatus, transitionToModelPicker]);
|
||||
|
||||
const refreshCodexCliStatus = useCallback(() => {
|
||||
setCodexCliStatus(undefined);
|
||||
setCodexCliChecking(true);
|
||||
@@ -632,6 +759,9 @@ export function useOnboardingController(props: OnboardingControllerProps) {
|
||||
modelList,
|
||||
clineEntries,
|
||||
clineModelSelected,
|
||||
clinePassSubscriptionStatus,
|
||||
clinePassSubscriptionOptions: CLINE_PASS_SUBSCRIPTION_OPTIONS,
|
||||
clinePassSubscriptionSelected,
|
||||
thinkingSelected,
|
||||
setStep,
|
||||
setMenuSelected,
|
||||
@@ -648,7 +778,11 @@ export function useOnboardingController(props: OnboardingControllerProps) {
|
||||
setDeviceError,
|
||||
setDeviceStatus,
|
||||
setClineModelSelected,
|
||||
setClinePassSubscriptionSelected,
|
||||
setThinkingSelected,
|
||||
continueFromClinePassSubscription,
|
||||
refreshClinePassSubscriptionStatus,
|
||||
openClinePassSubscriptionPage,
|
||||
abortOAuth: () => {
|
||||
authAbortRef.current = true;
|
||||
},
|
||||
@@ -670,6 +804,7 @@ export function useOnboardingController(props: OnboardingControllerProps) {
|
||||
|
||||
return {
|
||||
activeProviderName,
|
||||
activeProviderId,
|
||||
authError,
|
||||
authStatus,
|
||||
authUrl,
|
||||
@@ -682,6 +817,14 @@ export function useOnboardingController(props: OnboardingControllerProps) {
|
||||
clineEntries,
|
||||
clineKnownModels,
|
||||
clineModelSelected,
|
||||
clinePassCurrentPlanName,
|
||||
clinePassPlanFeatures,
|
||||
clinePassSubscriptionError,
|
||||
clinePassSubscriptionOpenStatus,
|
||||
clinePassSubscriptionOptions: CLINE_PASS_SUBSCRIPTION_OPTIONS,
|
||||
clinePassSubscriptionSelected,
|
||||
clinePassSubscriptionStatus,
|
||||
clinePassSubscriptionUrl,
|
||||
deviceError,
|
||||
deviceStatus,
|
||||
deviceUserCode,
|
||||
|
||||
@@ -9,6 +9,8 @@ import {
|
||||
} from "./auth";
|
||||
import { FIELD_ORDER } from "./fields";
|
||||
import {
|
||||
type ClinePassSubscriptionOption,
|
||||
type ClinePassSubscriptionStatus,
|
||||
type MenuOption,
|
||||
type OnboardingStep,
|
||||
THINKING_LEVELS,
|
||||
@@ -26,6 +28,9 @@ export function useOnboardingKeyboard(input: {
|
||||
modelList: SearchableListState;
|
||||
clineEntries: ClineModelPickerEntry[];
|
||||
clineModelSelected: number;
|
||||
clinePassSubscriptionStatus: ClinePassSubscriptionStatus;
|
||||
clinePassSubscriptionOptions: ClinePassSubscriptionOption[];
|
||||
clinePassSubscriptionSelected: number;
|
||||
thinkingSelected: number;
|
||||
setStep: (step: OnboardingStep) => void;
|
||||
setMenuSelected: Dispatch<SetStateAction<number>>;
|
||||
@@ -38,7 +43,11 @@ export function useOnboardingKeyboard(input: {
|
||||
setDeviceError: (value: string) => void;
|
||||
setDeviceStatus: (value: string) => void;
|
||||
setClineModelSelected: Dispatch<SetStateAction<number>>;
|
||||
setClinePassSubscriptionSelected: Dispatch<SetStateAction<number>>;
|
||||
setThinkingSelected: Dispatch<SetStateAction<number>>;
|
||||
continueFromClinePassSubscription: () => void;
|
||||
refreshClinePassSubscriptionStatus: () => void;
|
||||
openClinePassSubscriptionPage: () => void;
|
||||
abortOAuth: () => void;
|
||||
abortDeviceCode: () => void;
|
||||
resetAuth: () => void;
|
||||
@@ -93,6 +102,11 @@ export function useOnboardingKeyboard(input: {
|
||||
input.setStep("byo_provider");
|
||||
return;
|
||||
}
|
||||
if (input.step === "cline_pass_subscription") {
|
||||
input.setStep("menu");
|
||||
input.setMenuSelected(0);
|
||||
return;
|
||||
}
|
||||
if (input.step === "cline_model") {
|
||||
input.setStep("menu");
|
||||
input.setMenuSelected(0);
|
||||
@@ -135,6 +149,43 @@ export function useOnboardingKeyboard(input: {
|
||||
|
||||
if (input.step === "device_code") return;
|
||||
|
||||
if (input.step === "cline_pass_subscription") {
|
||||
const total = input.clinePassSubscriptionOptions.length;
|
||||
if (total === 0) return;
|
||||
if (key.name === "up" || (key.ctrl && key.name === "p")) {
|
||||
input.setClinePassSubscriptionSelected((s) =>
|
||||
s <= 0 ? total - 1 : s - 1,
|
||||
);
|
||||
return;
|
||||
}
|
||||
if (key.name === "down" || (key.ctrl && key.name === "n")) {
|
||||
input.setClinePassSubscriptionSelected((s) =>
|
||||
s >= total - 1 ? 0 : s + 1,
|
||||
);
|
||||
return;
|
||||
}
|
||||
if (key.name === "return" || key.name === "enter") {
|
||||
const option =
|
||||
input.clinePassSubscriptionOptions[
|
||||
Math.min(input.clinePassSubscriptionSelected, total - 1)
|
||||
];
|
||||
if (!option) return;
|
||||
if (option.value === "subscribe") {
|
||||
input.openClinePassSubscriptionPage();
|
||||
} else if (option.value === "refresh") {
|
||||
if (input.clinePassSubscriptionStatus !== "loading") {
|
||||
input.refreshClinePassSubscriptionStatus();
|
||||
}
|
||||
} else if (option.value === "skip") {
|
||||
input.continueFromClinePassSubscription();
|
||||
} else if (option.value === "back") {
|
||||
input.setStep("menu");
|
||||
input.setMenuSelected(0);
|
||||
}
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (input.step === "menu") {
|
||||
if (key.name === "up") {
|
||||
input.setMenuSelected((s) =>
|
||||
|
||||
@@ -8,6 +8,7 @@ export type OnboardingStep =
|
||||
| "byo_provider"
|
||||
| "byo_apikey"
|
||||
| "codex_cli_setup"
|
||||
| "cline_pass_subscription"
|
||||
| "cline_model"
|
||||
| "model_picker"
|
||||
| "custom_model_id"
|
||||
@@ -36,6 +37,17 @@ export interface MenuOption {
|
||||
icon: string;
|
||||
}
|
||||
|
||||
export type ClinePassSubscriptionAction =
|
||||
| "subscribe"
|
||||
| "refresh"
|
||||
| "skip"
|
||||
| "back";
|
||||
|
||||
export interface ClinePassSubscriptionOption {
|
||||
value: ClinePassSubscriptionAction;
|
||||
label: string;
|
||||
}
|
||||
|
||||
export const MAIN_MENU: MenuOption[] = [
|
||||
{
|
||||
label: "Sign in with Cline",
|
||||
@@ -71,6 +83,25 @@ export function getMainMenuOptions(options?: {
|
||||
);
|
||||
}
|
||||
|
||||
export const CLINE_PASS_SUBSCRIPTION_OPTIONS: ClinePassSubscriptionOption[] = [
|
||||
{
|
||||
value: "subscribe",
|
||||
label: "Subscribe to ClinePass",
|
||||
},
|
||||
{
|
||||
value: "refresh",
|
||||
label: "Re-check subscription status",
|
||||
},
|
||||
{
|
||||
value: "skip",
|
||||
label: "Skip for now",
|
||||
},
|
||||
{
|
||||
value: "back",
|
||||
label: "Go back",
|
||||
},
|
||||
];
|
||||
|
||||
export interface OnboardingResult {
|
||||
providerId: string;
|
||||
modelId: string;
|
||||
@@ -96,6 +127,12 @@ export interface ModelEntry {
|
||||
supportsReasoning: boolean;
|
||||
}
|
||||
|
||||
export type ClinePassSubscriptionStatus =
|
||||
| "loading"
|
||||
| "subscribed"
|
||||
| "unsubscribed"
|
||||
| "error";
|
||||
|
||||
export interface ProviderCatalogItem {
|
||||
id: string;
|
||||
name: string;
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
import "opentui-spinner/react";
|
||||
import type { ScrollBoxRenderable } from "@opentui/core";
|
||||
import type { ReactNode } from "react";
|
||||
import { useEffect, useRef } from "react";
|
||||
import {
|
||||
CODEX_CLI_INSTALL_URL,
|
||||
type CodexCliStatus,
|
||||
@@ -17,10 +19,18 @@ import {
|
||||
TrackedRobot,
|
||||
type useMouseTracker,
|
||||
} from "../../components/tracked-robot";
|
||||
import { useTerminalBackground } from "../../hooks/use-terminal-background";
|
||||
import { getDefaultForeground, palette } from "../../palette";
|
||||
import {
|
||||
useTerminalBackground,
|
||||
useTerminalTheme,
|
||||
} from "../../hooks/use-terminal-background";
|
||||
import { getDefaultForeground, getModeAccent, palette } from "../../palette";
|
||||
import { FIELD_ORDER } from "./fields";
|
||||
import { type MenuOption, THINKING_LEVELS } from "./model";
|
||||
import {
|
||||
type ClinePassSubscriptionOption,
|
||||
type ClinePassSubscriptionStatus,
|
||||
type MenuOption,
|
||||
THINKING_LEVELS,
|
||||
} from "./model";
|
||||
|
||||
type MouseTrackerState = ReturnType<typeof useMouseTracker>;
|
||||
|
||||
@@ -29,6 +39,10 @@ function useDefaultFg(): string | undefined {
|
||||
return getDefaultForeground(terminalBg);
|
||||
}
|
||||
|
||||
function getClinePassSubscriptionOptionId(index: number): string {
|
||||
return `cline-pass-subscription-option-${index}`;
|
||||
}
|
||||
|
||||
interface OnboardingFrameProps {
|
||||
children: ReactNode;
|
||||
compact: boolean;
|
||||
@@ -468,6 +482,198 @@ export function OnboardingClineModelScreen(props: {
|
||||
);
|
||||
}
|
||||
|
||||
export function OnboardingClinePassSubscriptionScreen(props: {
|
||||
compact: boolean;
|
||||
contentWidth: number;
|
||||
currentPlanName: string;
|
||||
error: string;
|
||||
mouse: MouseTrackerState;
|
||||
openStatus: string;
|
||||
options: ClinePassSubscriptionOption[];
|
||||
planFeatures: string[];
|
||||
selected: number;
|
||||
status: ClinePassSubscriptionStatus;
|
||||
subscriptionUrl: string;
|
||||
}) {
|
||||
const defaultFg = useDefaultFg();
|
||||
const terminalTheme = useTerminalTheme();
|
||||
const planAccent = getModeAccent("plan", terminalTheme);
|
||||
const scrollRef = useRef<ScrollBoxRenderable | null>(null);
|
||||
const isLoading = props.status === "loading";
|
||||
const isSubscribed = props.status === "subscribed";
|
||||
const isError = props.status === "error";
|
||||
const bodyHeight = props.compact ? 17 : 19;
|
||||
|
||||
useEffect(() => {
|
||||
if (isSubscribed) {
|
||||
return;
|
||||
}
|
||||
const scrollSelectedOptionIntoView = () => {
|
||||
scrollRef.current?.scrollChildIntoView(
|
||||
getClinePassSubscriptionOptionId(props.selected),
|
||||
);
|
||||
};
|
||||
scrollSelectedOptionIntoView();
|
||||
queueMicrotask(scrollSelectedOptionIntoView);
|
||||
const timeout = setTimeout(scrollSelectedOptionIntoView, 0);
|
||||
return () => clearTimeout(timeout);
|
||||
}, [isSubscribed, props.selected]);
|
||||
|
||||
return (
|
||||
<OnboardingFrame
|
||||
compact={props.compact}
|
||||
contentWidth={props.contentWidth}
|
||||
mouse={props.mouse}
|
||||
>
|
||||
<box
|
||||
flexDirection="column"
|
||||
border
|
||||
borderStyle="rounded"
|
||||
borderColor={isSubscribed ? palette.success : planAccent}
|
||||
paddingX={1}
|
||||
paddingY={1}
|
||||
height={bodyHeight}
|
||||
overflow="hidden"
|
||||
>
|
||||
<scrollbox
|
||||
ref={scrollRef}
|
||||
width="100%"
|
||||
height="100%"
|
||||
scrollY
|
||||
scrollX={false}
|
||||
viewportOptions={{ overflow: "hidden" }}
|
||||
contentOptions={{ flexDirection: "column" }}
|
||||
>
|
||||
<box flexDirection="column" width="100%" flexShrink={0}>
|
||||
<text
|
||||
fg={isSubscribed ? palette.success : planAccent}
|
||||
flexShrink={0}
|
||||
>
|
||||
{isSubscribed
|
||||
? "ClinePass subscription active"
|
||||
: "ClinePass subscription required"}
|
||||
</text>
|
||||
|
||||
{isLoading ? (
|
||||
<box flexDirection="row" gap={1} flexShrink={0}>
|
||||
<spinner name="dots" color="gray" />
|
||||
<text fg="gray">Checking your ClinePass subscription...</text>
|
||||
</box>
|
||||
) : isSubscribed ? (
|
||||
<text fg={defaultFg} selectable flexShrink={0}>
|
||||
Current plan: {props.currentPlanName || "ClinePass"}
|
||||
</text>
|
||||
) : isError ? (
|
||||
<text
|
||||
fg={defaultFg}
|
||||
selectable
|
||||
flexShrink={0}
|
||||
content="Could not verify your ClinePass subscription. Re-check before choosing a ClinePass model."
|
||||
/>
|
||||
) : (
|
||||
<text
|
||||
fg={defaultFg}
|
||||
selectable
|
||||
flexShrink={0}
|
||||
content="No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan."
|
||||
/>
|
||||
)}
|
||||
|
||||
{props.status === "error" &&
|
||||
props.error &&
|
||||
props.error !== "no plan found for user" && (
|
||||
<text fg="red" selectable flexShrink={0}>
|
||||
{props.error}
|
||||
</text>
|
||||
)}
|
||||
|
||||
{!isSubscribed && props.planFeatures.length > 0 && (
|
||||
<box flexDirection="column" marginTop={1} flexShrink={0}>
|
||||
{props.planFeatures.map((feature) => {
|
||||
if (
|
||||
feature === "Low cost subscription pricing" ||
|
||||
feature === "Generous limits and reliable access" ||
|
||||
feature === "Built for as many programmers as possible"
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (
|
||||
<text
|
||||
key={feature}
|
||||
fg={defaultFg}
|
||||
selectable
|
||||
flexShrink={0}
|
||||
>
|
||||
<span fg="green">✓ </span>
|
||||
<span>{feature}</span>
|
||||
</text>
|
||||
);
|
||||
})}
|
||||
</box>
|
||||
)}
|
||||
|
||||
{!isSubscribed && (
|
||||
<box flexDirection="column" marginTop={1} flexShrink={0}>
|
||||
{props.options.map((option, i) => {
|
||||
const isSel = i === props.selected;
|
||||
return (
|
||||
<box
|
||||
id={getClinePassSubscriptionOptionId(i)}
|
||||
key={option.value}
|
||||
paddingX={1}
|
||||
flexDirection="row"
|
||||
gap={1}
|
||||
backgroundColor={isSel ? palette.selection : undefined}
|
||||
height={1}
|
||||
flexShrink={0}
|
||||
overflow="hidden"
|
||||
>
|
||||
<text
|
||||
fg={isSel ? palette.textOnSelection : "gray"}
|
||||
flexShrink={0}
|
||||
>
|
||||
{isSel ? "\u276f" : " "}
|
||||
</text>
|
||||
<text
|
||||
fg={isSel ? palette.textOnSelection : defaultFg}
|
||||
flexShrink={0}
|
||||
>
|
||||
{option.label}
|
||||
</text>
|
||||
</box>
|
||||
);
|
||||
})}
|
||||
</box>
|
||||
)}
|
||||
|
||||
{props.openStatus && (
|
||||
<text fg="gray" selectable flexShrink={0}>
|
||||
{props.openStatus}
|
||||
</text>
|
||||
)}
|
||||
|
||||
{!isSubscribed && (
|
||||
<box flexDirection="column" marginTop={1} flexShrink={0}>
|
||||
<text fg="gray" flexShrink={0}>
|
||||
If the browser button does not work:
|
||||
</text>
|
||||
<text fg={palette.act} selectable flexShrink={0}>
|
||||
<a href={props.subscriptionUrl}>{props.subscriptionUrl}</a>
|
||||
</text>
|
||||
</box>
|
||||
)}
|
||||
</box>
|
||||
</scrollbox>
|
||||
</box>
|
||||
|
||||
<text fg="gray" paddingX={1}>
|
||||
<em>↑/↓ navigate, Enter to select, Esc to go back, Ctrl+C to exit</em>
|
||||
</text>
|
||||
</OnboardingFrame>
|
||||
);
|
||||
}
|
||||
|
||||
export function OnboardingModelPickerScreen(props: {
|
||||
activeProviderName: string;
|
||||
compact: boolean;
|
||||
|
||||
@@ -6,6 +6,7 @@ import { useOnboardingController } from "./controller";
|
||||
import { getOAuthProviderLabel, type OnboardingResult } from "./model";
|
||||
import {
|
||||
OnboardingClineModelScreen,
|
||||
OnboardingClinePassSubscriptionScreen,
|
||||
OnboardingCodexCliScreen,
|
||||
OnboardingCustomModelIdScreen,
|
||||
OnboardingDeviceCodeScreen,
|
||||
@@ -121,6 +122,24 @@ export function OnboardingView(props: OnboardingViewProps) {
|
||||
);
|
||||
}
|
||||
|
||||
if (state.step === "cline_pass_subscription") {
|
||||
return (
|
||||
<OnboardingClinePassSubscriptionScreen
|
||||
compact={compact}
|
||||
contentWidth={contentWidth}
|
||||
currentPlanName={state.clinePassCurrentPlanName}
|
||||
error={state.clinePassSubscriptionError}
|
||||
mouse={mouse}
|
||||
openStatus={state.clinePassSubscriptionOpenStatus}
|
||||
options={state.clinePassSubscriptionOptions}
|
||||
planFeatures={state.clinePassPlanFeatures}
|
||||
selected={state.clinePassSubscriptionSelected}
|
||||
status={state.clinePassSubscriptionStatus}
|
||||
subscriptionUrl={state.clinePassSubscriptionUrl}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
if (state.step === "model_picker") {
|
||||
return (
|
||||
<OnboardingModelPickerScreen
|
||||
|
||||
@@ -2,8 +2,8 @@ import { describe, expect, it } from "vitest";
|
||||
import {
|
||||
formatCliErrorMessage,
|
||||
getCliNotSubscribedMessage,
|
||||
getCliSubscriptionUrl,
|
||||
getClineOrgIndividualInferenceSubscriptionMessage,
|
||||
getCliSubscriptionUrl,
|
||||
isClineOrgIndividualInferenceSubscriptionErrorMessage,
|
||||
isClinePassSubscriptionError,
|
||||
} from "./cline-pass-errors";
|
||||
@@ -27,7 +27,7 @@ describe("cline-pass-errors", () => {
|
||||
|
||||
it("formats the ClinePass subscription URL", () => {
|
||||
expect(getCliSubscriptionUrl()).toBe(
|
||||
"https://app.cline.bot/promo?code=CLI-100&personal=true",
|
||||
"https://app.cline.bot/promo?code=CLI-8OFF&personal=true",
|
||||
);
|
||||
});
|
||||
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
import {
|
||||
type ClineSubscriptionPlan,
|
||||
getClineOrgIndividualInferenceSubscriptionMessage,
|
||||
isClineNotSubscribedError,
|
||||
isClineNotSubscribedMessage,
|
||||
@@ -8,13 +9,11 @@ import {
|
||||
|
||||
import { getClineEnvironmentConfig } from "@cline/shared";
|
||||
|
||||
export {
|
||||
getClineOrgIndividualInferenceSubscriptionMessage,
|
||||
};
|
||||
export { getClineOrgIndividualInferenceSubscriptionMessage };
|
||||
|
||||
export function getCliSubscriptionUrl(): string {
|
||||
return `${new URL(
|
||||
"/promo?code=CLI-100&personal=true",
|
||||
"/promo?code=CLI-8OFF&personal=true",
|
||||
getClineEnvironmentConfig().appBaseUrl,
|
||||
).toString()}`;
|
||||
}
|
||||
@@ -23,6 +22,14 @@ export function getCliNotSubscribedMessage(): string {
|
||||
return `No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan: ${getCliSubscriptionUrl()}`;
|
||||
}
|
||||
|
||||
export function getIndividualPlanFeatures(
|
||||
plans: ClineSubscriptionPlan[],
|
||||
): string[] {
|
||||
const planWithFeatures = plans.find((plan) => plan.interval === "Monthly");
|
||||
|
||||
return planWithFeatures?.features?.included ?? [];
|
||||
}
|
||||
|
||||
function isFormattedClinePassSubscriptionMessage(message: string): boolean {
|
||||
const normalized = message.trim().toLowerCase();
|
||||
return (
|
||||
|
||||
@@ -2,7 +2,6 @@ import { describe, expect, it, vi } from "vitest";
|
||||
|
||||
const mocks = vi.hoisted(() => ({
|
||||
listLocalProviders: vi.fn(async () => ({ providers: [], settingsPath: "" })),
|
||||
getBooleanFlagEnabled: vi.fn(() => true),
|
||||
}));
|
||||
|
||||
vi.mock("@cline/core", async (importOriginal) => {
|
||||
@@ -13,20 +12,13 @@ vi.mock("@cline/core", async (importOriginal) => {
|
||||
};
|
||||
});
|
||||
|
||||
vi.mock("./feature-flags", () => ({
|
||||
getCliFeatureFlagsService: () => ({
|
||||
getBooleanFlagEnabled: mocks.getBooleanFlagEnabled,
|
||||
}),
|
||||
}));
|
||||
|
||||
describe("listLocalProviders", () => {
|
||||
it("passes the ClinePass feature flag into the SDK provider list", async () => {
|
||||
it("enables ClinePass when listing the SDK provider list", async () => {
|
||||
const { listLocalProviders } = await import("./provider-catalog");
|
||||
const manager = {} as never;
|
||||
|
||||
await listLocalProviders(manager);
|
||||
|
||||
expect(mocks.getBooleanFlagEnabled).toHaveBeenCalledWith("ext-cline-pass");
|
||||
expect(mocks.listLocalProviders).toHaveBeenCalledWith(manager, {
|
||||
isClinePassEnabled: true,
|
||||
});
|
||||
|
||||
@@ -2,13 +2,11 @@ import {
|
||||
listLocalProviders as internalListLocalProviders,
|
||||
type ProviderSettingsManager,
|
||||
} from "@cline/core";
|
||||
import { getCliFeatureFlagsService } from "./feature-flags";
|
||||
|
||||
export async function listLocalProviders(
|
||||
manager: ProviderSettingsManager,
|
||||
): ReturnType<typeof internalListLocalProviders> {
|
||||
return await internalListLocalProviders(manager, {
|
||||
isClinePassEnabled:
|
||||
getCliFeatureFlagsService().getBooleanFlagEnabled("ext-cline-pass"),
|
||||
isClinePassEnabled: true,
|
||||
});
|
||||
}
|
||||
|
||||
@@ -3,3 +3,9 @@ import { Llms } from "@cline/core";
|
||||
export function shouldShowCliUsageCost(providerId: string): boolean {
|
||||
return Llms.shouldShowProviderUsageCost(providerId);
|
||||
}
|
||||
|
||||
export function shouldShowCliUsageCoveredBySubscription(
|
||||
providerId: string,
|
||||
): boolean {
|
||||
return Llms.resolveProviderUsageCostDisplay(providerId) === "subscription";
|
||||
}
|
||||
|
||||
@@ -51,6 +51,36 @@ describe("marketplace installer", () => {
|
||||
vi.restoreAllMocks();
|
||||
});
|
||||
|
||||
function createInstalledOfficialPlugin(
|
||||
clineDir: string,
|
||||
slug: string,
|
||||
): string {
|
||||
const sourceKey = `official:https://github.com/cline/plugins.git#plugins/${slug}`;
|
||||
const hash = createHash("sha256")
|
||||
.update(sourceKey)
|
||||
.digest("hex")
|
||||
.slice(0, 12);
|
||||
const installPath = join(
|
||||
clineDir,
|
||||
"plugins",
|
||||
"_installed",
|
||||
"official",
|
||||
`${slug}-${hash}`,
|
||||
);
|
||||
mkdirSync(join(installPath, "package"), { recursive: true });
|
||||
writeFileSync(
|
||||
join(installPath, "package.json"),
|
||||
JSON.stringify({ name: slug }, null, 2),
|
||||
"utf8",
|
||||
);
|
||||
writeFileSync(
|
||||
join(installPath, "package", "index.ts"),
|
||||
`export default { name: "${slug}", manifest: { capabilities: ["tools"] } };`,
|
||||
"utf8",
|
||||
);
|
||||
return installPath;
|
||||
}
|
||||
|
||||
it("maps remote MCP catalog args to MCP settings shape", () => {
|
||||
expect(
|
||||
buildMarketplaceMcpInput([
|
||||
@@ -288,8 +318,6 @@ describe("marketplace installer", () => {
|
||||
"remove",
|
||||
"cline-sdk",
|
||||
"-g",
|
||||
"-a",
|
||||
"cline",
|
||||
"-y",
|
||||
]);
|
||||
});
|
||||
@@ -535,16 +563,13 @@ describe("marketplace installer", () => {
|
||||
]);
|
||||
});
|
||||
|
||||
it("runs official plugin uninstalls through the current Cline CLI", async () => {
|
||||
process.env.CLINE_WRAPPER_PATH = "/usr/local/bin/cline";
|
||||
it("uninstalls official marketplace plugins through the shared core service", async () => {
|
||||
const clineDir = mkdtempSync(join(tmpdir(), "cline-marketplace-plugin-"));
|
||||
process.env.CLINE_DIR = clineDir;
|
||||
const installPath = createInstalledOfficialPlugin(clineDir, "goal");
|
||||
const spawnCommand = vi.fn(async () => ({
|
||||
exitCode: 0,
|
||||
stdout: JSON.stringify({
|
||||
name: "goal",
|
||||
installPath: "/tmp/plugin",
|
||||
removedPaths: ["/tmp/plugin"],
|
||||
entryPaths: [],
|
||||
}),
|
||||
stdout: "",
|
||||
stderr: "",
|
||||
}));
|
||||
|
||||
@@ -565,12 +590,8 @@ describe("marketplace installer", () => {
|
||||
message: "Uninstalled Goal.",
|
||||
});
|
||||
|
||||
expect(spawnCommand).toHaveBeenCalledWith("/usr/local/bin/cline", [
|
||||
"plugin",
|
||||
"uninstall",
|
||||
"goal",
|
||||
"--json",
|
||||
]);
|
||||
expect(spawnCommand).not.toHaveBeenCalled();
|
||||
expect(existsSync(installPath)).toBe(false);
|
||||
});
|
||||
|
||||
it("resolves desktop installs from the server catalog instead of browser-sent args", async () => {
|
||||
@@ -614,15 +635,12 @@ describe("marketplace installer", () => {
|
||||
});
|
||||
|
||||
it("resolves desktop uninstalls from the server catalog instead of browser-sent args", async () => {
|
||||
process.env.CLINE_WRAPPER_PATH = "/usr/local/bin/cline";
|
||||
const clineDir = mkdtempSync(join(tmpdir(), "cline-marketplace-plugin-"));
|
||||
process.env.CLINE_DIR = clineDir;
|
||||
const installPath = createInstalledOfficialPlugin(clineDir, "goal");
|
||||
const spawnCommand = vi.fn(async () => ({
|
||||
exitCode: 0,
|
||||
stdout: JSON.stringify({
|
||||
name: "goal",
|
||||
installPath: "/tmp/plugin",
|
||||
removedPaths: ["/tmp/plugin"],
|
||||
entryPaths: [],
|
||||
}),
|
||||
stdout: "",
|
||||
stderr: "",
|
||||
}));
|
||||
|
||||
@@ -650,12 +668,8 @@ describe("marketplace installer", () => {
|
||||
},
|
||||
);
|
||||
|
||||
expect(spawnCommand).toHaveBeenCalledWith("/usr/local/bin/cline", [
|
||||
"plugin",
|
||||
"uninstall",
|
||||
"goal",
|
||||
"--json",
|
||||
]);
|
||||
expect(spawnCommand).not.toHaveBeenCalled();
|
||||
expect(existsSync(installPath)).toBe(false);
|
||||
});
|
||||
|
||||
it("uninstalls MCP marketplace entries from Cline MCP settings", async () => {
|
||||
|
||||
@@ -18,8 +18,11 @@ import {
|
||||
resolve,
|
||||
} from "node:path";
|
||||
import {
|
||||
type MarketplaceActionResult,
|
||||
type MarketplaceEntryInput,
|
||||
resolveSkillsConfigSearchPaths,
|
||||
resolveWorkflowsConfigSearchPaths,
|
||||
uninstallMarketplaceEntry as uninstallCoreMarketplaceEntry,
|
||||
uninstallPlugin as uninstallLocalPlugin,
|
||||
} from "@cline/core";
|
||||
import { resolveClineDir } from "@cline/shared/storage";
|
||||
@@ -792,50 +795,6 @@ async function installSkill(
|
||||
};
|
||||
}
|
||||
|
||||
async function uninstallSkill(
|
||||
entry: MarketplaceInstallInput,
|
||||
spawnCommand: SpawnCommand,
|
||||
): Promise<MarketplaceInstallResult> {
|
||||
const installedName = findInstalledGlobalSkillName(entry);
|
||||
if (!installedName) {
|
||||
return {
|
||||
id: entry.id,
|
||||
type: entry.type,
|
||||
status: "uninstalled",
|
||||
message: `${entry.name ?? entry.id} is not installed.`,
|
||||
};
|
||||
}
|
||||
const result = await spawnCommand("npx", [
|
||||
"-y",
|
||||
"skills@latest",
|
||||
"remove",
|
||||
installedName,
|
||||
"-g",
|
||||
"-a",
|
||||
"cline",
|
||||
"-y",
|
||||
]);
|
||||
if (result.exitCode !== 0) {
|
||||
const output = commandOutput(result);
|
||||
throw new Error(
|
||||
`Skill uninstall failed with exit code ${result.exitCode}${output ? `:\n${output}` : ""}`,
|
||||
);
|
||||
}
|
||||
const output = commandOutput(result);
|
||||
if (isGlobalSkillInstalled(entry)) {
|
||||
throw new Error(
|
||||
`Skill uninstall completed, but ${entry.name ?? entry.id} is still present in Cline's global skills directories.`,
|
||||
);
|
||||
}
|
||||
return {
|
||||
id: entry.id,
|
||||
type: entry.type,
|
||||
status: "uninstalled",
|
||||
message: `Uninstalled ${entry.name ?? entry.id}.`,
|
||||
output,
|
||||
};
|
||||
}
|
||||
|
||||
async function installPlugin(
|
||||
entry: MarketplaceInstallInput,
|
||||
spawnCommand: SpawnCommand,
|
||||
@@ -886,47 +845,6 @@ async function installPlugin(
|
||||
};
|
||||
}
|
||||
|
||||
async function uninstallPlugin(
|
||||
entry: MarketplaceInstallInput,
|
||||
spawnCommand: SpawnCommand,
|
||||
): Promise<MarketplaceInstallResult> {
|
||||
const installArgs = entry.install.args ?? [];
|
||||
const target = installArgs[0]?.trim() || entry.id;
|
||||
if (!target) {
|
||||
throw new Error("Plugin marketplace uninstalls require a plugin name.");
|
||||
}
|
||||
const { command, argsPrefix } = resolveClineInvocation();
|
||||
const result = await spawnCommand(command, [
|
||||
...argsPrefix,
|
||||
"plugin",
|
||||
"uninstall",
|
||||
target,
|
||||
"--json",
|
||||
]);
|
||||
if (result.exitCode !== 0) {
|
||||
const output = commandOutput(result);
|
||||
throw new Error(
|
||||
`Plugin uninstall failed with exit code ${result.exitCode}${output ? `:\n${output}` : ""}`,
|
||||
);
|
||||
}
|
||||
let details: JsonRecord | undefined;
|
||||
try {
|
||||
details = result.stdout.trim()
|
||||
? (JSON.parse(result.stdout.trim()) as JsonRecord)
|
||||
: undefined;
|
||||
} catch {
|
||||
details = undefined;
|
||||
}
|
||||
return {
|
||||
id: entry.id,
|
||||
type: entry.type,
|
||||
status: "uninstalled",
|
||||
message: `Uninstalled ${entry.name ?? entry.id}.`,
|
||||
details,
|
||||
output: commandOutput(result),
|
||||
};
|
||||
}
|
||||
|
||||
export async function installMarketplaceEntry(
|
||||
args?: Record<string, unknown>,
|
||||
options: { spawnCommand?: SpawnCommand } = {},
|
||||
@@ -983,24 +901,21 @@ export async function uninstallMarketplaceEntry(
|
||||
): Promise<MarketplaceInstallResult> {
|
||||
const entry = readInstallInput(args);
|
||||
const spawnCommand = options.spawnCommand ?? defaultSpawnCommand;
|
||||
if (entry.type === "mcp") {
|
||||
const input = buildMarketplaceMcpInput(entry.install.args ?? []);
|
||||
const response = deleteMcpServer(String(input.name ?? ""));
|
||||
return {
|
||||
id: entry.id,
|
||||
type: entry.type,
|
||||
status: "uninstalled",
|
||||
message: `Uninstalled ${entry.name ?? input.name ?? entry.id}.`,
|
||||
details: { mcp: response },
|
||||
};
|
||||
}
|
||||
if (entry.type === "skill") {
|
||||
return uninstallSkill(entry, spawnCommand);
|
||||
}
|
||||
if (entry.type === "plugin") {
|
||||
return uninstallPlugin(entry, spawnCommand);
|
||||
}
|
||||
throw new Error(`Unsupported marketplace entry type: ${entry.type}`);
|
||||
let mcpDetails: JsonRecord | undefined;
|
||||
const result = await uninstallCoreMarketplaceEntry(
|
||||
entry satisfies MarketplaceEntryInput,
|
||||
{
|
||||
deleteMcpServer: (name) => {
|
||||
mcpDetails = deleteMcpServer(name);
|
||||
},
|
||||
spawnCommand: (command, commandArgs) =>
|
||||
spawnCommand(command, commandArgs),
|
||||
},
|
||||
);
|
||||
return {
|
||||
...(result satisfies MarketplaceActionResult),
|
||||
details: mcpDetails ? { mcp: mcpDetails } : undefined,
|
||||
};
|
||||
}
|
||||
|
||||
export async function installMarketplaceEntryFromCatalog(
|
||||
|
||||
@@ -13,7 +13,9 @@ service MarketplaceService {
|
||||
rpc listMarketplaceLocalInstalledEntries(EmptyRequest) returns (MarketplaceLocalInstalledEntries);
|
||||
rpc listMarketplaceInstalledEntries(MarketplaceEntriesRequest) returns (MarketplaceInstalledEntries);
|
||||
rpc installMarketplaceEntry(MarketplaceEntryRequest) returns (MarketplaceInstallResult);
|
||||
rpc uninstallMarketplaceEntry(MarketplaceEntryRequest) returns (MarketplaceInstallResult);
|
||||
rpc toggleMarketplaceLocalInstalledEntry(ToggleMarketplaceLocalInstalledEntryRequest) returns (MarketplaceLocalInstalledEntries);
|
||||
rpc uninstallMarketplaceLocalInstalledEntry(MarketplaceLocalInstalledEntryRequest) returns (MarketplaceInstallResult);
|
||||
}
|
||||
|
||||
message MarketplaceTag {
|
||||
@@ -87,6 +89,10 @@ message ToggleMarketplaceLocalInstalledEntryRequest {
|
||||
bool enabled = 2;
|
||||
}
|
||||
|
||||
message MarketplaceLocalInstalledEntryRequest {
|
||||
MarketplaceLocalInstalledEntry entry = 1;
|
||||
}
|
||||
|
||||
message MarketplaceEntryRequest {
|
||||
MarketplaceEntry entry = 1;
|
||||
}
|
||||
|
||||
@@ -397,7 +397,7 @@ message ModelsApiOptions {
|
||||
optional bool azure_identity = 44;
|
||||
|
||||
// Plan mode configurations
|
||||
optional ApiProvider plan_mode_api_provider = 100;
|
||||
optional string plan_mode_api_provider = 100;
|
||||
optional string plan_mode_api_model_id = 101;
|
||||
optional int64 plan_mode_thinking_budget_tokens = 102;
|
||||
optional string plan_mode_reasoning_effort = 103;
|
||||
@@ -438,7 +438,7 @@ message ModelsApiOptions {
|
||||
optional OpenRouterModelInfo plan_mode_cline_pass_model_info = 138;
|
||||
|
||||
// Act mode configurations
|
||||
optional ApiProvider act_mode_api_provider = 200;
|
||||
optional string act_mode_api_provider = 200;
|
||||
optional string act_mode_api_model_id = 201;
|
||||
optional int64 act_mode_thinking_budget_tokens = 202;
|
||||
optional string act_mode_reasoning_effort = 203;
|
||||
@@ -568,59 +568,6 @@ message OcaCompatibleModelInfo {
|
||||
optional string error = 2;
|
||||
}
|
||||
|
||||
// API Provider enumeration
|
||||
enum ApiProvider {
|
||||
ANTHROPIC = 0;
|
||||
OPENROUTER = 1;
|
||||
BEDROCK = 2;
|
||||
VERTEX = 3;
|
||||
OPENAI = 4;
|
||||
OLLAMA = 5;
|
||||
LMSTUDIO = 6;
|
||||
GEMINI = 7;
|
||||
OPENAI_NATIVE = 8;
|
||||
REQUESTY = 9;
|
||||
TOGETHER = 10;
|
||||
DEEPSEEK = 11;
|
||||
QWEN = 12;
|
||||
DOUBAO = 13;
|
||||
MISTRAL = 14;
|
||||
VSCODE_LM = 15;
|
||||
CLINE = 16;
|
||||
LITELLM = 17;
|
||||
NEBIUS = 18;
|
||||
FIREWORKS = 19;
|
||||
ASKSAGE = 20;
|
||||
XAI = 21;
|
||||
SAMBANOVA = 22;
|
||||
CEREBRAS = 23;
|
||||
GROQ = 24;
|
||||
SAPAICORE = 25;
|
||||
CLAUDE_CODE = 26;
|
||||
MOONSHOT = 27;
|
||||
HUGGINGFACE = 28;
|
||||
HUAWEI_CLOUD_MAAS = 29;
|
||||
BASETEN = 30;
|
||||
ZAI = 31;
|
||||
VERCEL_AI_GATEWAY = 32;
|
||||
QWEN_CODE = 33;
|
||||
DIFY = 34;
|
||||
OCA = 35;
|
||||
MINIMAX = 36;
|
||||
HICAP = 37;
|
||||
AIHUBMIX = 38;
|
||||
NOUSRESEARCH = 39;
|
||||
OPENAI_CODEX = 40;
|
||||
WANDB = 41;
|
||||
CLINE_PASS = 42;
|
||||
POOLSIDE = 45;
|
||||
V0 = 46;
|
||||
XIAOMI = 47;
|
||||
ZAI_CODING_PLAN = 49;
|
||||
reserved 43, 44, 48;
|
||||
reserved "OPENAI_CODEX_CLI", "OPENCODE", "KILO";
|
||||
}
|
||||
|
||||
enum ApiFormat {
|
||||
ANTHROPIC_CHAT = 0;
|
||||
GEMINI_CHAT = 1;
|
||||
@@ -760,7 +707,7 @@ message ModelsApiConfiguration {
|
||||
optional string wandb_api_key = 87;
|
||||
|
||||
// Plan mode configurations
|
||||
optional ApiProvider plan_mode_api_provider = 100;
|
||||
optional string plan_mode_api_provider = 100;
|
||||
optional string plan_mode_api_model_id = 101;
|
||||
optional int64 plan_mode_thinking_budget_tokens = 102;
|
||||
optional string plan_mode_reasoning_effort = 103;
|
||||
@@ -806,7 +753,7 @@ message ModelsApiConfiguration {
|
||||
optional OpenRouterModelInfo plan_mode_cline_pass_model_info = 143;
|
||||
|
||||
// Act mode configurations
|
||||
optional ApiProvider act_mode_api_provider = 200;
|
||||
optional string act_mode_api_provider = 200;
|
||||
optional string act_mode_api_model_id = 201;
|
||||
optional int64 act_mode_thinking_budget_tokens = 202;
|
||||
optional string act_mode_reasoning_effort = 203;
|
||||
|
||||
@@ -237,8 +237,8 @@ message Settings {
|
||||
optional string act_mode_nous_research_model_id = 121;
|
||||
optional string act_mode_vercel_ai_gateway_model_id = 122;
|
||||
optional OpenRouterModelInfo act_mode_vercel_ai_gateway_model_info = 123;
|
||||
optional ApiProvider plan_mode_api_provider = 124;
|
||||
optional ApiProvider act_mode_api_provider = 125;
|
||||
optional string plan_mode_api_provider = 124;
|
||||
optional string act_mode_api_provider = 125;
|
||||
optional string hicap_model_id = 126;
|
||||
optional string lm_studio_model_id = 127;
|
||||
optional AutoApprovalSettings auto_approval_settings = 128;
|
||||
|
||||
@@ -12,6 +12,8 @@ option java_package = "bot.cline.proto";
|
||||
service TaskService {
|
||||
// Cancels the currently running task
|
||||
rpc cancelTask(EmptyRequest) returns (Empty);
|
||||
// Cancels a queued prompt by ID
|
||||
rpc cancelQueuedPrompt(StringRequest) returns (Empty);
|
||||
// Cancels the currently running background command
|
||||
rpc cancelBackgroundCommand(EmptyRequest) returns (Empty);
|
||||
// Clears the current task
|
||||
|
||||
@@ -237,6 +237,16 @@ message ShowWebviewEvent {
|
||||
bool preserve_editor_focus = 1; // When true, webview should not steal focus from editor
|
||||
}
|
||||
|
||||
message IntentEvent {
|
||||
string action = 1;
|
||||
string source = 2;
|
||||
bool has_text = 3;
|
||||
bool has_images = 4;
|
||||
bool has_files = 5;
|
||||
bool has_active_task = 6;
|
||||
int32 text_length = 7;
|
||||
}
|
||||
|
||||
// UiService provides methods for managing UI interactions
|
||||
service UiService {
|
||||
// Scrolls to a specific settings section in the settings view
|
||||
@@ -292,4 +302,7 @@ service UiService {
|
||||
|
||||
// Opens the Cline walkthrough
|
||||
rpc openWalkthrough(EmptyRequest) returns (Empty);
|
||||
|
||||
// Tracks intent signals before task creation or first model activity
|
||||
rpc trackIntent(IntentEvent) returns (Empty);
|
||||
}
|
||||
|
||||
@@ -61,33 +61,36 @@ async function main() {
|
||||
fs.rmSync(path.join(__dirname, "..", "out", "src"), { recursive: true, force: true })
|
||||
fs.rmSync(path.join(__dirname, "..", "out", "packages"), { recursive: true, force: true })
|
||||
|
||||
// Single source of truth for the bun-vs-integration test split: any *.test.ts that
|
||||
// imports from "bun:test" is owned by the bun runner (scripts/run-bun-unit-tests.ts)
|
||||
// and must NOT be compiled into the Node-based @vscode/test-cli `out/` tree (Node
|
||||
// cannot load the `bun:test` builtin, and these files use bun-only APIs like
|
||||
// `mock.module` / 3-arg `it`). Generate a tsconfig that excludes them so the
|
||||
// Single source of truth for the test-runner split: any *.test.ts that imports
|
||||
// from "bun:test" is owned by the bun runner (scripts/run-bun-unit-tests.ts),
|
||||
// and any that imports from "vitest" is owned by the vitest runner (test:vitest,
|
||||
// see vitest.config.ts). Neither may be compiled into the Node-based
|
||||
// @vscode/test-cli `out/` tree: Node cannot load `bun:test`, and vitest suites
|
||||
// use vitest-only APIs/matchers (e.g. `toHaveBeenCalledWith`) that the mocha
|
||||
// runner does not provide. Generate a tsconfig that excludes them so the
|
||||
// integration compile only ever sees mocha-owned tests.
|
||||
const projectRoot = path.join(__dirname, "..")
|
||||
const bunTestImport = /from\s+["']bun:test["']/
|
||||
function collectBunTestFiles(dir, acc) {
|
||||
const nonMochaTestImport =
|
||||
/from\s+["'](?:bun:test|vitest(?:\/[^"']*)?|@vitest\/[^"']*)["']/
|
||||
function collectNonMochaTestFiles(dir, acc) {
|
||||
for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
|
||||
if (entry.name === "node_modules") continue
|
||||
const full = path.join(dir, entry.name)
|
||||
if (entry.isDirectory()) {
|
||||
collectBunTestFiles(full, acc)
|
||||
collectNonMochaTestFiles(full, acc)
|
||||
} else if (entry.isFile() && entry.name.endsWith(".test.ts")) {
|
||||
if (bunTestImport.test(fs.readFileSync(full, "utf-8"))) {
|
||||
if (nonMochaTestImport.test(fs.readFileSync(full, "utf-8"))) {
|
||||
acc.push(path.relative(projectRoot, full).split(path.sep).join("/"))
|
||||
}
|
||||
}
|
||||
}
|
||||
return acc
|
||||
}
|
||||
const bunOwnedTests = collectBunTestFiles(path.join(projectRoot, "src"), [])
|
||||
const nonMochaOwnedTests = collectNonMochaTestFiles(path.join(projectRoot, "src"), [])
|
||||
// tsconfig.test.json is JSONC (contains comments); parse with json5 (a project dep).
|
||||
const JSON5 = require("json5")
|
||||
const baseTestConfig = JSON5.parse(fs.readFileSync(path.join(projectRoot, "tsconfig.test.json"), "utf-8"))
|
||||
baseTestConfig.exclude = [...(baseTestConfig.exclude ?? []), ...bunOwnedTests]
|
||||
baseTestConfig.exclude = [...(baseTestConfig.exclude ?? []), ...nonMochaOwnedTests]
|
||||
const generatedConfigPath = path.join(projectRoot, "tsconfig.test.generated.json")
|
||||
fs.writeFileSync(generatedConfigPath, JSON.stringify(baseTestConfig, null, "\t"))
|
||||
|
||||
|
||||
@@ -1,65 +1,16 @@
|
||||
import { type CoreSettingsItem, createCoreSettingsService } from "@cline/core"
|
||||
import { parseRemoteSkillEntries } from "@core/context/instructions/user-instructions/skills"
|
||||
import { RefreshedSkills, SkillInfo } from "@shared/proto/cline/file"
|
||||
import fs from "fs/promises"
|
||||
import path from "path"
|
||||
import { parseYamlFrontmatter } from "@/core/context/instructions/user-instructions/frontmatter"
|
||||
import { getSkillsDirectoriesForScan } from "@/core/storage/disk"
|
||||
import { HostProvider } from "@/hosts/host-provider"
|
||||
import { Logger } from "@/shared/services/Logger"
|
||||
import { fileExistsAtPath, isDirectory } from "@/utils/fs"
|
||||
import { Controller } from ".."
|
||||
|
||||
/**
|
||||
* Scan a directory for skill subdirectories containing SKILL.md files.
|
||||
*/
|
||||
async function scanSkillsDirectory(dirPath: string): Promise<SkillInfo[]> {
|
||||
const skills: SkillInfo[] = []
|
||||
|
||||
if (!(await fileExistsAtPath(dirPath)) || !(await isDirectory(dirPath))) {
|
||||
return skills
|
||||
}
|
||||
|
||||
try {
|
||||
const entries = await fs.readdir(dirPath)
|
||||
|
||||
for (const entryName of entries) {
|
||||
const entryPath = path.join(dirPath, entryName)
|
||||
const stats = await fs.stat(entryPath).catch(() => null)
|
||||
if (!stats?.isDirectory()) continue
|
||||
|
||||
const skillMdPath = path.join(entryPath, "SKILL.md")
|
||||
if (!(await fileExistsAtPath(skillMdPath))) continue
|
||||
|
||||
try {
|
||||
const fileContent = await fs.readFile(skillMdPath, "utf-8")
|
||||
const result = parseYamlFrontmatter(fileContent)
|
||||
if (result.parseError) {
|
||||
Logger.warn("Failed to parse YAML frontmatter:", result.parseError)
|
||||
}
|
||||
const frontmatter = result.data
|
||||
|
||||
// Validate required fields
|
||||
if (!frontmatter.name || typeof frontmatter.name !== "string") continue
|
||||
if (!frontmatter.description || typeof frontmatter.description !== "string") continue
|
||||
if (frontmatter.name !== entryName) continue
|
||||
|
||||
skills.push(
|
||||
SkillInfo.create({
|
||||
name: entryName,
|
||||
description: frontmatter.description,
|
||||
path: skillMdPath,
|
||||
enabled: true, // Will be updated with toggle state
|
||||
}),
|
||||
)
|
||||
} catch {
|
||||
// Skip invalid skills
|
||||
}
|
||||
}
|
||||
} catch {
|
||||
// Directory read error, skip
|
||||
}
|
||||
|
||||
return skills
|
||||
function coreSkillToSkillInfo(skill: CoreSettingsItem): SkillInfo {
|
||||
return SkillInfo.create({
|
||||
name: skill.name,
|
||||
description: skill.description ?? "",
|
||||
path: skill.path,
|
||||
enabled: skill.enabled !== false,
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -70,33 +21,15 @@ export async function refreshSkills(controller: Controller): Promise<RefreshedSk
|
||||
const workspacePaths = await HostProvider.workspace.getWorkspacePaths({})
|
||||
const primaryWorkspace = workspacePaths.paths[0]
|
||||
|
||||
const globalSkills: SkillInfo[] = []
|
||||
const localSkills: SkillInfo[] = []
|
||||
|
||||
if (primaryWorkspace) {
|
||||
const scanDirs = getSkillsDirectoriesForScan(primaryWorkspace)
|
||||
for (const dir of scanDirs) {
|
||||
const skills = await scanSkillsDirectory(dir.path)
|
||||
if (dir.source === "global") {
|
||||
globalSkills.push(...skills)
|
||||
} else {
|
||||
localSkills.push(...skills)
|
||||
}
|
||||
}
|
||||
} else {
|
||||
const scanDirs = getSkillsDirectoriesForScan("")
|
||||
for (const dir of scanDirs) {
|
||||
if (dir.source !== "global") continue
|
||||
const skills = await scanSkillsDirectory(dir.path)
|
||||
globalSkills.push(...skills)
|
||||
}
|
||||
}
|
||||
|
||||
// Get global toggles and apply them
|
||||
const globalToggles = controller.stateManager.getGlobalSettingsKey("globalSkillsToggles") || {}
|
||||
for (const skill of globalSkills) {
|
||||
skill.enabled = globalToggles[skill.path] !== false
|
||||
}
|
||||
const settingsSnapshot = await createCoreSettingsService().list({
|
||||
workspaceRoot: primaryWorkspace,
|
||||
})
|
||||
const globalSkills = settingsSnapshot.skills
|
||||
.filter((skill) => skill.source === "global" || skill.source === "global-plugin")
|
||||
.map(coreSkillToSkillInfo)
|
||||
const localSkills = settingsSnapshot.skills
|
||||
.filter((skill) => skill.source === "workspace" || skill.source === "workspace-plugin")
|
||||
.map(coreSkillToSkillInfo)
|
||||
|
||||
// Add remote skills from remote config.
|
||||
// Precedence: remote (enterprise) > disk-global (user) > project (workspace).
|
||||
@@ -120,12 +53,6 @@ export async function refreshSkills(controller: Controller): Promise<RefreshedSk
|
||||
)
|
||||
}
|
||||
|
||||
// Get local toggles and apply them
|
||||
const localToggles = controller.stateManager.getWorkspaceStateKey("localSkillsToggles") || {}
|
||||
for (const skill of localSkills) {
|
||||
skill.enabled = localToggles[skill.path] !== false
|
||||
}
|
||||
|
||||
return RefreshedSkills.create({
|
||||
globalSkills,
|
||||
localSkills,
|
||||
|
||||
@@ -0,0 +1,51 @@
|
||||
import { afterEach, describe, it, mock } from "bun:test"
|
||||
import * as assert from "assert"
|
||||
import sinon from "sinon"
|
||||
import type { Controller } from "../../index"
|
||||
|
||||
const installMarketplaceEntryFromCatalogStub: sinon.SinonStub = sinon.stub()
|
||||
const marketplaceHelpersMock = () => ({
|
||||
installMarketplaceEntryFromCatalog: installMarketplaceEntryFromCatalogStub,
|
||||
})
|
||||
|
||||
mock.module("../marketplace-helpers", marketplaceHelpersMock)
|
||||
mock.module("./marketplace-helpers", marketplaceHelpersMock)
|
||||
|
||||
describe("installMarketplaceEntry", () => {
|
||||
afterEach(() => {
|
||||
installMarketplaceEntryFromCatalogStub.reset()
|
||||
})
|
||||
|
||||
it("reconciles the MCP hub after installing an MCP marketplace entry", async () => {
|
||||
const { installMarketplaceEntry } = await import("../installMarketplaceEntry")
|
||||
const reconcileMcpServersFromSettingsRPC = sinon.stub().resolves([])
|
||||
const invalidateUserInstructionService = sinon.stub().resolves()
|
||||
const controller = {
|
||||
mcpHub: { reconcileMcpServersFromSettingsRPC },
|
||||
invalidateUserInstructionService,
|
||||
} as unknown as Controller
|
||||
installMarketplaceEntryFromCatalogStub.resolves({
|
||||
id: "chrome-devtools",
|
||||
type: "mcp",
|
||||
status: "installed",
|
||||
})
|
||||
|
||||
await installMarketplaceEntry(controller, {
|
||||
entry: {
|
||||
id: "chrome-devtools",
|
||||
type: "mcp",
|
||||
name: "Chrome DevTools",
|
||||
install: {
|
||||
args: ["chrome-devtools", "--", "npx", "chrome-devtools-mcp@1.2.0"],
|
||||
env: [],
|
||||
},
|
||||
tags: [],
|
||||
tagObjects: [],
|
||||
},
|
||||
})
|
||||
|
||||
assert.equal(installMarketplaceEntryFromCatalogStub.callCount, 1)
|
||||
assert.equal(reconcileMcpServersFromSettingsRPC.callCount, 1)
|
||||
assert.equal(invalidateUserInstructionService.callCount, 0)
|
||||
})
|
||||
})
|
||||
@@ -3,11 +3,18 @@ import type { Controller } from "../index"
|
||||
import { installMarketplaceEntryFromCatalog } from "./marketplace-helpers"
|
||||
|
||||
export async function installMarketplaceEntry(
|
||||
_controller: Controller,
|
||||
controller: Controller,
|
||||
request: MarketplaceEntryRequest,
|
||||
): Promise<MarketplaceInstallResult> {
|
||||
if (!request.entry) {
|
||||
throw new Error("Marketplace entry is required.")
|
||||
}
|
||||
return installMarketplaceEntryFromCatalog(request.entry)
|
||||
const result = await installMarketplaceEntryFromCatalog(request.entry)
|
||||
if (request.entry.type === "mcp") {
|
||||
await controller.mcpHub?.reconcileMcpServersFromSettingsRPC()
|
||||
}
|
||||
if (request.entry.type === "skill" || request.entry.type === "plugin") {
|
||||
await controller.invalidateUserInstructionService()
|
||||
}
|
||||
return result
|
||||
}
|
||||
|
||||
@@ -8,16 +8,23 @@ import {
|
||||
discoverPluginModulePaths,
|
||||
installMcpServer,
|
||||
installPlugin,
|
||||
isMarketplaceSkillInstalled,
|
||||
type MarketplaceActionResult,
|
||||
type MarketplaceEntryInput,
|
||||
type MarketplacePrimitiveType,
|
||||
parseMcpInstallArgs,
|
||||
readGlobalSettings,
|
||||
resolvePluginConfigSearchPaths,
|
||||
setDisabledPlugin,
|
||||
syncPluginMcpServersToSettings,
|
||||
uninstallMarketplaceEntry as uninstallCoreMarketplaceEntry,
|
||||
uninstallPlugin,
|
||||
} from "@cline/core"
|
||||
import { deleteSkillFile } from "@core/controller/file/deleteSkillFile"
|
||||
import { refreshSkills } from "@core/controller/file/refreshSkills"
|
||||
import { toggleSkill } from "@core/controller/file/toggleSkill"
|
||||
import { resolveActiveModelIdFromApiConfiguration } from "@core/controller/models/taskApiModel"
|
||||
import { ToggleSkillRequest } from "@shared/proto/cline/file"
|
||||
import { DeleteSkillRequest, ToggleSkillRequest } from "@shared/proto/cline/file"
|
||||
import {
|
||||
MarketplaceCatalog,
|
||||
MarketplaceEntry,
|
||||
@@ -25,6 +32,7 @@ import {
|
||||
MarketplaceInstallResult,
|
||||
MarketplaceLocalInstalledEntries,
|
||||
MarketplaceLocalInstalledEntry,
|
||||
MarketplaceLocalInstalledEntryRequest,
|
||||
ToggleMarketplaceLocalInstalledEntryRequest,
|
||||
} from "@shared/proto/cline/marketplace"
|
||||
import { HostProvider } from "@/hosts/host-provider"
|
||||
@@ -169,31 +177,9 @@ function isOfficialPluginInstalled(entry: MarketplaceEntry): boolean {
|
||||
return existsSync(installPath)
|
||||
}
|
||||
|
||||
function getSkillCandidates(entry: MarketplaceEntry): string[] {
|
||||
const candidates = new Set([normalizeMatchValue(entry.id), normalizeMatchValue(entry.name)])
|
||||
const args = getEntryArgs(entry)
|
||||
for (let index = 0; index < args.length; index++) {
|
||||
const arg = args[index]
|
||||
if ((arg === "--skill" || arg === "-s") && args[index + 1]) {
|
||||
candidates.add(normalizeMatchValue(args[index + 1]))
|
||||
index++
|
||||
continue
|
||||
}
|
||||
const skillFilter = arg.split("@").at(1)
|
||||
if (skillFilter) candidates.add(normalizeMatchValue(skillFilter))
|
||||
}
|
||||
candidates.delete("")
|
||||
return [...candidates]
|
||||
}
|
||||
|
||||
function isSkillInstalled(entry: MarketplaceEntry): boolean {
|
||||
if (entry.type !== "skill") return false
|
||||
return getSkillCandidates(entry).some((candidate) =>
|
||||
[
|
||||
join(resolveClineHome(), "skills", candidate, "SKILL.md"),
|
||||
join(homedir(), ".agents", "skills", candidate, "SKILL.md"),
|
||||
].some((path) => existsSync(path)),
|
||||
)
|
||||
return isMarketplaceSkillInstalled(toCoreMarketplaceEntry(entry))
|
||||
}
|
||||
|
||||
export function listInstalledMarketplaceEntries(
|
||||
@@ -382,6 +368,44 @@ export async function installMarketplaceEntryFromCatalog(entry: MarketplaceEntry
|
||||
return installSkillMarketplaceEntry(entry, args)
|
||||
}
|
||||
|
||||
function toCoreMarketplaceEntry(entry: MarketplaceEntry): MarketplaceEntryInput {
|
||||
if (entry.type !== "mcp" && entry.type !== "skill" && entry.type !== "plugin") {
|
||||
throw new Error(`Unsupported marketplace entry type: ${entry.type}`)
|
||||
}
|
||||
return {
|
||||
id: entry.id,
|
||||
type: entry.type as MarketplacePrimitiveType,
|
||||
name: entry.name,
|
||||
install: {
|
||||
args: getEntryArgs(entry),
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
function toProtoMarketplaceInstallResult(result: MarketplaceActionResult): MarketplaceInstallResult {
|
||||
return MarketplaceInstallResult.create({
|
||||
id: result.id,
|
||||
type: result.type,
|
||||
status: result.status,
|
||||
message: result.message,
|
||||
output: result.output,
|
||||
})
|
||||
}
|
||||
|
||||
export async function uninstallMarketplaceEntryFromCatalog(
|
||||
controller: Controller,
|
||||
entry: MarketplaceEntry,
|
||||
): Promise<MarketplaceInstallResult> {
|
||||
const workspaceRoot = await getWorkspacePath()
|
||||
const result = await uninstallCoreMarketplaceEntry(toCoreMarketplaceEntry(entry), {
|
||||
deleteMcpServer: async (name) => {
|
||||
await controller.mcpHub?.deleteServerRPC(name)
|
||||
},
|
||||
workspaceRoot,
|
||||
})
|
||||
return toProtoMarketplaceInstallResult(result)
|
||||
}
|
||||
|
||||
function readPackageName(packageJsonPath: string): string | undefined {
|
||||
try {
|
||||
const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf8")) as { name?: unknown }
|
||||
@@ -447,7 +471,6 @@ export async function listLocalMarketplaceInstalledEntries(controller: Controlle
|
||||
type: "mcp",
|
||||
name: server.name,
|
||||
description: server.status,
|
||||
path: server.config,
|
||||
enabled: server.disabled !== true,
|
||||
}),
|
||||
)
|
||||
@@ -530,6 +553,12 @@ export async function toggleLocalMarketplaceInstalledEntry(
|
||||
): Promise<MarketplaceLocalInstalledEntries> {
|
||||
const { entry, enabled } = request
|
||||
if (!entry) throw new Error("Installed marketplace entry is required.")
|
||||
if (entry.type === "mcp") {
|
||||
const name = entry.name || entry.id
|
||||
if (!name) throw new Error("MCP server name is required.")
|
||||
await controller.mcpHub?.toggleServerDisabledRPC(name, !enabled)
|
||||
return listLocalMarketplaceInstalledEntries(controller)
|
||||
}
|
||||
if (entry.type === "skill") {
|
||||
await toggleSkill(
|
||||
controller,
|
||||
@@ -543,7 +572,64 @@ export async function toggleLocalMarketplaceInstalledEntry(
|
||||
}
|
||||
if (entry.type === "plugin") {
|
||||
await togglePluginLocalEntry(controller, entry, enabled)
|
||||
await controller.invalidateUserInstructionService()
|
||||
return listLocalMarketplaceInstalledEntries(controller)
|
||||
}
|
||||
throw new Error(`Marketplace toggle is not supported for ${entry.type}.`)
|
||||
}
|
||||
|
||||
export async function uninstallLocalMarketplaceInstalledEntry(
|
||||
controller: Controller,
|
||||
request: MarketplaceLocalInstalledEntryRequest,
|
||||
): Promise<MarketplaceInstallResult> {
|
||||
const { entry } = request
|
||||
if (!entry) throw new Error("Installed marketplace entry is required.")
|
||||
const name = entry.name || entry.id
|
||||
if (entry.type === "mcp") {
|
||||
if (!name) throw new Error("MCP server name is required.")
|
||||
await controller.mcpHub?.deleteServerRPC(name)
|
||||
return MarketplaceInstallResult.create({
|
||||
id: entry.id,
|
||||
type: entry.type,
|
||||
status: "uninstalled",
|
||||
message: `Uninstalled ${name}.`,
|
||||
})
|
||||
}
|
||||
if (entry.type === "skill") {
|
||||
if (entry.path?.startsWith("remote:")) {
|
||||
throw new Error("Remote-managed skills cannot be uninstalled from Customize.")
|
||||
}
|
||||
if (!entry.path) throw new Error("Skill path is required for uninstall.")
|
||||
await deleteSkillFile(
|
||||
controller,
|
||||
DeleteSkillRequest.create({
|
||||
skillPath: entry.path,
|
||||
isGlobal: entry.source === "global",
|
||||
}),
|
||||
)
|
||||
await controller.invalidateUserInstructionService()
|
||||
return MarketplaceInstallResult.create({
|
||||
id: entry.id,
|
||||
type: entry.type,
|
||||
status: "uninstalled",
|
||||
message: `Uninstalled ${name || entry.id}.`,
|
||||
})
|
||||
}
|
||||
if (entry.type === "plugin") {
|
||||
const workspaceRoot = await getWorkspacePath()
|
||||
const result = await uninstallPlugin({
|
||||
name: entry.path ? undefined : name,
|
||||
path: entry.path,
|
||||
workspaceRoot,
|
||||
})
|
||||
await controller.invalidateUserInstructionService()
|
||||
return MarketplaceInstallResult.create({
|
||||
id: entry.id,
|
||||
type: entry.type,
|
||||
status: "uninstalled",
|
||||
message: `Uninstalled ${result.name}.`,
|
||||
output: [`Path: ${result.installPath}`, ...result.removedPaths.map((path) => `Removed: ${path}`)].join("\n"),
|
||||
})
|
||||
}
|
||||
throw new Error(`Marketplace uninstall is not supported for ${entry.type}.`)
|
||||
}
|
||||
|
||||
@@ -0,0 +1,17 @@
|
||||
import { type MarketplaceEntryRequest, MarketplaceInstallResult } from "@shared/proto/cline/marketplace"
|
||||
import type { Controller } from "../index"
|
||||
import { uninstallMarketplaceEntryFromCatalog } from "./marketplace-helpers"
|
||||
|
||||
export async function uninstallMarketplaceEntry(
|
||||
controller: Controller,
|
||||
request: MarketplaceEntryRequest,
|
||||
): Promise<MarketplaceInstallResult> {
|
||||
if (!request.entry) {
|
||||
throw new Error("Marketplace entry is required.")
|
||||
}
|
||||
const result = await uninstallMarketplaceEntryFromCatalog(controller, request.entry)
|
||||
if (request.entry.type === "skill" || request.entry.type === "plugin") {
|
||||
await controller.invalidateUserInstructionService()
|
||||
}
|
||||
return result
|
||||
}
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
import type { MarketplaceInstallResult, MarketplaceLocalInstalledEntryRequest } from "@shared/proto/cline/marketplace"
|
||||
import type { Controller } from "../index"
|
||||
import { uninstallLocalMarketplaceInstalledEntry } from "./marketplace-helpers"
|
||||
|
||||
export async function uninstallMarketplaceLocalInstalledEntry(
|
||||
controller: Controller,
|
||||
request: MarketplaceLocalInstalledEntryRequest,
|
||||
): Promise<MarketplaceInstallResult> {
|
||||
return uninstallLocalMarketplaceInstalledEntry(controller, request)
|
||||
}
|
||||
@@ -0,0 +1,107 @@
|
||||
import { DEFAULT_AUTO_APPROVAL_SETTINGS } from "@shared/AutoApprovalSettings"
|
||||
import { AutoApprovalSettingsRequest } from "@shared/proto/cline/state"
|
||||
import { describe, expect, it, vi } from "vitest"
|
||||
import type { Controller } from ".."
|
||||
import { updateAutoApprovalSettings } from "./updateAutoApprovalSettings"
|
||||
|
||||
function makeController(currentSettings = DEFAULT_AUTO_APPROVAL_SETTINGS, taskId?: string) {
|
||||
const controller = {
|
||||
task: taskId ? { taskId } : undefined,
|
||||
getStateToPostToWebview: vi.fn(async () => ({
|
||||
autoApprovalSettings: currentSettings,
|
||||
})),
|
||||
postStateToWebview: vi.fn(async () => undefined),
|
||||
stateManager: {
|
||||
setGlobalState: vi.fn(),
|
||||
setTaskSettings: vi.fn(),
|
||||
},
|
||||
}
|
||||
|
||||
return controller as unknown as Controller & {
|
||||
getStateToPostToWebview: ReturnType<typeof vi.fn>
|
||||
postStateToWebview: ReturnType<typeof vi.fn>
|
||||
stateManager: {
|
||||
setGlobalState: ReturnType<typeof vi.fn>
|
||||
setTaskSettings: ReturnType<typeof vi.fn>
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
describe("updateAutoApprovalSettings", () => {
|
||||
it("updates the active task override when auto-approval settings change", async () => {
|
||||
const currentSettings = {
|
||||
...DEFAULT_AUTO_APPROVAL_SETTINGS,
|
||||
version: 1,
|
||||
actions: {
|
||||
...DEFAULT_AUTO_APPROVAL_SETTINGS.actions,
|
||||
editFiles: false,
|
||||
},
|
||||
}
|
||||
const controller = makeController(currentSettings, "task-1")
|
||||
|
||||
await updateAutoApprovalSettings(
|
||||
controller,
|
||||
AutoApprovalSettingsRequest.create({
|
||||
version: 2,
|
||||
actions: {
|
||||
editFiles: true,
|
||||
},
|
||||
}),
|
||||
)
|
||||
|
||||
const expectedSettings = {
|
||||
...currentSettings,
|
||||
version: 2,
|
||||
actions: {
|
||||
...currentSettings.actions,
|
||||
editFiles: true,
|
||||
},
|
||||
}
|
||||
|
||||
expect(controller.stateManager.setGlobalState).toHaveBeenCalledWith("autoApprovalSettings", expectedSettings)
|
||||
expect(controller.stateManager.setTaskSettings).toHaveBeenCalledWith("task-1", "autoApprovalSettings", expectedSettings)
|
||||
expect(controller.postStateToWebview).toHaveBeenCalledOnce()
|
||||
})
|
||||
|
||||
it("does not create a task override when no task is active", async () => {
|
||||
const controller = makeController(DEFAULT_AUTO_APPROVAL_SETTINGS)
|
||||
|
||||
await updateAutoApprovalSettings(
|
||||
controller,
|
||||
AutoApprovalSettingsRequest.create({
|
||||
version: DEFAULT_AUTO_APPROVAL_SETTINGS.version + 1,
|
||||
actions: {
|
||||
readFiles: false,
|
||||
},
|
||||
}),
|
||||
)
|
||||
|
||||
expect(controller.stateManager.setGlobalState).toHaveBeenCalledOnce()
|
||||
expect(controller.stateManager.setTaskSettings).not.toHaveBeenCalled()
|
||||
expect(controller.postStateToWebview).toHaveBeenCalledOnce()
|
||||
})
|
||||
|
||||
it("ignores stale auto-approval settings versions", async () => {
|
||||
const controller = makeController(
|
||||
{
|
||||
...DEFAULT_AUTO_APPROVAL_SETTINGS,
|
||||
version: 3,
|
||||
},
|
||||
"task-1",
|
||||
)
|
||||
|
||||
await updateAutoApprovalSettings(
|
||||
controller,
|
||||
AutoApprovalSettingsRequest.create({
|
||||
version: 3,
|
||||
actions: {
|
||||
readFiles: false,
|
||||
},
|
||||
}),
|
||||
)
|
||||
|
||||
expect(controller.stateManager.setGlobalState).not.toHaveBeenCalled()
|
||||
expect(controller.stateManager.setTaskSettings).not.toHaveBeenCalled()
|
||||
expect(controller.postStateToWebview).not.toHaveBeenCalled()
|
||||
})
|
||||
})
|
||||
@@ -29,6 +29,9 @@ export async function updateAutoApprovalSettings(controller: Controller, request
|
||||
}
|
||||
|
||||
controller.stateManager.setGlobalState("autoApprovalSettings", settings)
|
||||
if (controller.task?.taskId) {
|
||||
controller.stateManager.setTaskSettings(controller.task.taskId, "autoApprovalSettings", settings)
|
||||
}
|
||||
|
||||
await controller.postStateToWebview()
|
||||
}
|
||||
|
||||
@@ -0,0 +1,20 @@
|
||||
import { Empty, type StringRequest } from "@shared/proto/cline/common"
|
||||
import { Logger } from "@/shared/services/Logger"
|
||||
import { Controller } from ".."
|
||||
|
||||
/**
|
||||
* Cancels a queued prompt for the active SDK session.
|
||||
*
|
||||
* @param controller The controller instance
|
||||
* @param request The request containing the queued prompt ID
|
||||
* @returns Empty response
|
||||
*/
|
||||
export async function cancelQueuedPrompt(controller: Controller, request: StringRequest): Promise<Empty> {
|
||||
try {
|
||||
await controller.cancelQueuedPrompt(request.value)
|
||||
return Empty.create()
|
||||
} catch (error) {
|
||||
Logger.error("Error in cancelQueuedPrompt handler:", error)
|
||||
throw error
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
import { Empty } from "@shared/proto/cline/common"
|
||||
import type { IntentEvent } from "@shared/proto/cline/ui"
|
||||
import { telemetryService } from "@/services/telemetry"
|
||||
import type { Controller } from "../index"
|
||||
|
||||
export async function trackIntent(_controller: Controller, request: IntentEvent): Promise<Empty> {
|
||||
switch (request.action) {
|
||||
case "new_task_clicked":
|
||||
telemetryService.captureNewTaskClicked(request.source, request.hasActiveTask)
|
||||
break
|
||||
case "prompt_submitted":
|
||||
telemetryService.capturePromptSubmitted({
|
||||
source: request.source,
|
||||
hasText: request.hasText,
|
||||
hasImages: request.hasImages,
|
||||
hasFiles: request.hasFiles,
|
||||
hasActiveTask: request.hasActiveTask,
|
||||
textLength: request.textLength,
|
||||
})
|
||||
break
|
||||
}
|
||||
|
||||
return Empty.create({})
|
||||
}
|
||||
@@ -123,6 +123,7 @@ export async function activate(context: vscode.ExtensionContext) {
|
||||
context.subscriptions.push(
|
||||
vscode.commands.registerCommand(commands.PlusButton, async () => {
|
||||
const sidebarInstance = WebviewProvider.getInstance()
|
||||
telemetryService.captureNewTaskClicked("activity_bar_plus", !!sidebarInstance.controller.task)
|
||||
await sidebarInstance.controller.clearTask()
|
||||
await sidebarInstance.controller.postStateToWebview()
|
||||
await sendChatButtonClickedEvent()
|
||||
|
||||
@@ -4,6 +4,7 @@ import * as vscode from "vscode"
|
||||
import { handleGrpcRequest, handleGrpcRequestCancel } from "@/core/controller/grpc-handler"
|
||||
import { HostProvider } from "@/hosts/host-provider"
|
||||
import { ExtensionRegistryInfo } from "@/registry"
|
||||
import { telemetryService } from "@/services/telemetry"
|
||||
import type { ExtensionMessage } from "@/shared/ExtensionMessage"
|
||||
import { Logger } from "@/shared/services/Logger"
|
||||
import { WebviewMessage } from "@/shared/WebviewMessage"
|
||||
@@ -67,6 +68,7 @@ export class VscodeWebviewProvider extends WebviewProvider implements vscode.Web
|
||||
// Sets up an event listener to listen for messages passed from the webview view context
|
||||
// and executes code based on the message that is received
|
||||
this.setWebviewMessageListener(webviewView.webview)
|
||||
telemetryService.capturePanelOpened("sidebar_resolved")
|
||||
|
||||
// Logs show up in bottom panel > Debug Console
|
||||
//Logger.log("registering listener")
|
||||
@@ -80,6 +82,7 @@ export class VscodeWebviewProvider extends WebviewProvider implements vscode.Web
|
||||
webviewView.onDidChangeVisibility(
|
||||
async () => {
|
||||
if (this.webview?.visible) {
|
||||
telemetryService.capturePanelOpened("sidebar_visible")
|
||||
// View becoming visible should not steal editor focus.
|
||||
await sendShowWebviewEvent(true)
|
||||
}
|
||||
|
||||
@@ -0,0 +1,68 @@
|
||||
import assert from "node:assert/strict"
|
||||
import { afterEach, beforeEach, describe, it } from "mocha"
|
||||
import * as sinon from "sinon"
|
||||
import * as vscode from "vscode"
|
||||
import { VscodeTerminalManager } from "./VscodeTerminalManager"
|
||||
import { TerminalInfo, TerminalRegistry } from "./VscodeTerminalRegistry"
|
||||
|
||||
function createNeverEndingStream(): AsyncIterable<string> {
|
||||
return {
|
||||
async *[Symbol.asyncIterator]() {
|
||||
await new Promise(() => {})
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
describe("VscodeTerminalManager", () => {
|
||||
let sandbox: sinon.SinonSandbox
|
||||
let manager: VscodeTerminalManager
|
||||
|
||||
beforeEach(() => {
|
||||
sandbox = sinon.createSandbox({ useFakeTimers: true })
|
||||
manager = new VscodeTerminalManager()
|
||||
})
|
||||
|
||||
afterEach(() => {
|
||||
manager.disposeAll()
|
||||
sandbox.restore()
|
||||
})
|
||||
|
||||
it("returns after timing out a reused terminal cwd command", async () => {
|
||||
const targetCwd = "/tmp/cline-target"
|
||||
const executeCommandStub = sandbox.stub().returns({
|
||||
read: () => createNeverEndingStream(),
|
||||
})
|
||||
const terminalInfo: TerminalInfo = {
|
||||
id: 1,
|
||||
busy: false,
|
||||
lastCommand: "",
|
||||
lastActive: Date.now(),
|
||||
terminal: {
|
||||
shellIntegration: {
|
||||
cwd: vscode.Uri.file("/tmp/cline-original"),
|
||||
executeCommand: executeCommandStub,
|
||||
},
|
||||
} as unknown as vscode.Terminal,
|
||||
}
|
||||
const getAllTerminalsStub = sandbox.stub(TerminalRegistry, "getAllTerminals").returns([terminalInfo])
|
||||
|
||||
let didResolve = false
|
||||
const terminalPromise = manager.getOrCreateTerminal(targetCwd).then((terminal) => {
|
||||
didResolve = true
|
||||
return terminal
|
||||
})
|
||||
|
||||
await sandbox.clock.tickAsync(4999)
|
||||
assert.equal(didResolve, false)
|
||||
|
||||
await sandbox.clock.tickAsync(1)
|
||||
const terminal = await terminalPromise
|
||||
|
||||
assert.equal(terminal, terminalInfo)
|
||||
assert.equal(terminalInfo.busy, false)
|
||||
assert.equal(terminalInfo.pendingCwdChange, undefined)
|
||||
assert.equal(terminalInfo.cwdResolved, undefined)
|
||||
assert.equal(getAllTerminalsStub.called, true)
|
||||
assert.equal(executeCommandStub.calledOnceWith(`cd "${targetCwd}"`), true)
|
||||
})
|
||||
})
|
||||
@@ -11,6 +11,9 @@ import { Logger } from "@/shared/services/Logger"
|
||||
import { mergePromise, VscodeTerminalProcess } from "./VscodeTerminalProcess"
|
||||
import { TerminalInfo, TerminalRegistry } from "./VscodeTerminalRegistry"
|
||||
|
||||
const CWD_COMMAND_TIMEOUT_MS = 5000
|
||||
const CWD_STATE_TIMEOUT_MS = 1000
|
||||
|
||||
/*
|
||||
TerminalManager:
|
||||
- Creates/reuses terminals
|
||||
@@ -172,6 +175,57 @@ export class VscodeTerminalManager implements ITerminalManager {
|
||||
return arePathsEqual(currentCwd, targetCwd)
|
||||
}
|
||||
|
||||
private async drainCommandOutput(output: AsyncIterable<string>): Promise<void> {
|
||||
for await (const _chunk of output) {
|
||||
// Drain the stream so shell integration can report command completion.
|
||||
}
|
||||
}
|
||||
|
||||
// VS Code shell integration sometimes finishes the internal `cd` command without
|
||||
// reporting completion through the execution stream. Timeout this setup step so
|
||||
// the user's actual command is still sent instead of leaving the chat stuck.
|
||||
private async runCwdChangeCommand(terminalInfo: TerminalInfo, cwd: string): Promise<boolean> {
|
||||
const command = `cd "${cwd}"`
|
||||
const shellIntegration = terminalInfo.terminal.shellIntegration
|
||||
|
||||
if (!shellIntegration?.executeCommand) {
|
||||
terminalInfo.terminal.sendText(command, true)
|
||||
Logger.warn(
|
||||
`[TerminalManager] Shell integration executeCommand is unavailable while changing terminal ${terminalInfo.id} cwd. Proceeding after ${CWD_COMMAND_TIMEOUT_MS}ms.`,
|
||||
)
|
||||
await new Promise((resolve) => setTimeout(resolve, CWD_COMMAND_TIMEOUT_MS))
|
||||
return true
|
||||
}
|
||||
|
||||
let timeout: NodeJS.Timeout | undefined
|
||||
let didTimeOut = false
|
||||
|
||||
try {
|
||||
const execution = shellIntegration.executeCommand(command)
|
||||
await Promise.race([
|
||||
this.drainCommandOutput(execution.read()),
|
||||
new Promise<void>((resolve) => {
|
||||
timeout = setTimeout(() => {
|
||||
didTimeOut = true
|
||||
Logger.warn(
|
||||
`[TerminalManager] Timed out waiting ${CWD_COMMAND_TIMEOUT_MS}ms for terminal ${terminalInfo.id} to run cd "${cwd}". Proceeding with requested command.`,
|
||||
)
|
||||
resolve()
|
||||
}, CWD_COMMAND_TIMEOUT_MS)
|
||||
}),
|
||||
])
|
||||
} catch (error) {
|
||||
Logger.warn(`[TerminalManager] Failed to observe terminal ${terminalInfo.id} cwd command completion`, error)
|
||||
return true
|
||||
} finally {
|
||||
if (timeout) {
|
||||
clearTimeout(timeout)
|
||||
}
|
||||
}
|
||||
|
||||
return didTimeOut
|
||||
}
|
||||
|
||||
runCommand(terminalInfo: ITerminalInfo, command: string): ITerminalProcessResultPromise {
|
||||
// Cast to VSCode-specific TerminalInfo for internal use
|
||||
// Using unknown as intermediate cast due to structural differences between ITerminal and vscode.Terminal
|
||||
@@ -285,43 +339,34 @@ export class VscodeTerminalManager implements ITerminalManager {
|
||||
(t) => !t.busy && VscodeTerminalManager.effectiveShellPath(t.shellPath) === effectiveExpected,
|
||||
)
|
||||
if (availableTerminal) {
|
||||
availableTerminal.busy = true
|
||||
|
||||
// Set up promise and tracking for CWD change
|
||||
const cwdPromise = new Promise<void>((resolve, reject) => {
|
||||
availableTerminal.pendingCwdChange = cwd
|
||||
availableTerminal.cwdResolved = { resolve, reject }
|
||||
})
|
||||
|
||||
// Navigate back to the desired directory
|
||||
// Cast to ITerminalInfo for interface compatibility
|
||||
const cdProcess = this.runCommand(availableTerminal as unknown as ITerminalInfo, `cd "${cwd}"`)
|
||||
try {
|
||||
const didCwdCommandTimeOut = await this.runCwdChangeCommand(availableTerminal, cwd)
|
||||
|
||||
// Wait for the cd command to complete before proceeding
|
||||
await cdProcess
|
||||
|
||||
// Add a small delay to ensure terminal is ready after cd
|
||||
await new Promise((resolve) => setTimeout(resolve, 100))
|
||||
|
||||
// Either resolve immediately if CWD already updated or wait for event/timeout
|
||||
if (this.isCwdMatchingExpected(availableTerminal)) {
|
||||
if (availableTerminal.cwdResolved) {
|
||||
availableTerminal.cwdResolved.resolve()
|
||||
// Add a small delay to ensure terminal is ready after cd
|
||||
if (!didCwdCommandTimeOut) {
|
||||
await new Promise((resolve) => setTimeout(resolve, 100))
|
||||
}
|
||||
|
||||
// Either resolve immediately if CWD already updated or wait for event/timeout
|
||||
if (this.isCwdMatchingExpected(availableTerminal)) {
|
||||
if (availableTerminal.cwdResolved) {
|
||||
availableTerminal.cwdResolved.resolve()
|
||||
}
|
||||
} else if (!didCwdCommandTimeOut) {
|
||||
await Promise.race([cwdPromise, new Promise((resolve) => setTimeout(resolve, CWD_STATE_TIMEOUT_MS))])
|
||||
}
|
||||
} finally {
|
||||
availableTerminal.pendingCwdChange = undefined
|
||||
availableTerminal.cwdResolved = undefined
|
||||
} else {
|
||||
try {
|
||||
// Wait with a timeout for state change event to resolve
|
||||
await Promise.race([
|
||||
cwdPromise,
|
||||
new Promise<void>((_, reject) =>
|
||||
setTimeout(() => reject(new Error(`CWD timeout: Failed to update to ${cwd}`)), 1000),
|
||||
),
|
||||
])
|
||||
} catch (_err) {
|
||||
// Clear pending state on timeout
|
||||
availableTerminal.pendingCwdChange = undefined
|
||||
availableTerminal.cwdResolved = undefined
|
||||
}
|
||||
availableTerminal.busy = false
|
||||
}
|
||||
this.terminalIds.add(availableTerminal.id)
|
||||
// Cast to ITerminalInfo for interface compatibility
|
||||
|
||||
@@ -9,8 +9,8 @@ import * as path from "node:path"
|
||||
import {
|
||||
createUserInstructionConfigService,
|
||||
getProviderAuthStorageId,
|
||||
resolveDefaultMcpSettingsPath,
|
||||
type PreparedRemoteConfigCoreIntegration,
|
||||
resolveDefaultMcpSettingsPath,
|
||||
type SessionHistoryRecord,
|
||||
setTelemetryOptOutGlobally,
|
||||
type UserInstructionConfigService,
|
||||
@@ -258,10 +258,6 @@ export class Controller {
|
||||
this.sessionConfigBuilder = new SdkSessionConfigBuilder({
|
||||
stateManager: this.stateManager,
|
||||
emitHookMessage: (msg) => this.messages.emitHookMessage(msg),
|
||||
onSwitchToActMode: () => {
|
||||
this.mode.queueSwitchToActMode()
|
||||
},
|
||||
shouldStopAfterModeSwitch: () => this.mode.hasPendingModeChange(),
|
||||
onConsecutiveMistakeLimitReached: (context) => this.interactions.handleConsecutiveMistakeLimitReached(context),
|
||||
})
|
||||
this.interactions = new SdkInteractionCoordinator({
|
||||
@@ -610,6 +606,15 @@ export class Controller {
|
||||
}
|
||||
}
|
||||
|
||||
async invalidateUserInstructionService(): Promise<void> {
|
||||
const userInstructionServicePromise = this.userInstructionService
|
||||
this.userInstructionService = undefined
|
||||
this.userInstructionServiceRoot = undefined
|
||||
if (userInstructionServicePromise) {
|
||||
await userInstructionServicePromise.then((service) => service.stop()).catch(() => {})
|
||||
}
|
||||
}
|
||||
|
||||
async dispose(): Promise<void> {
|
||||
this.providerConfigStoreSubscription.dispose()
|
||||
// Clear the remote config timer to prevent stale fetches
|
||||
@@ -619,11 +624,7 @@ export class Controller {
|
||||
}
|
||||
await this.setRemoteConfigCoreIntegration(undefined)
|
||||
this.isDisposed = true
|
||||
const userInstructionServicePromise = this.userInstructionService
|
||||
this.userInstructionService = undefined
|
||||
if (userInstructionServicePromise) {
|
||||
await userInstructionServicePromise.then((service) => service.stop()).catch(() => {})
|
||||
}
|
||||
await this.invalidateUserInstructionService()
|
||||
this.messages.cancelPendingSave()
|
||||
// Clear MCP tool list change callback before disposing McpHub
|
||||
this.mcpHub?.clearToolListChangeCallback()
|
||||
@@ -666,7 +667,11 @@ export class Controller {
|
||||
this.userInstructionService = (async () => {
|
||||
const service = createUserInstructionConfigService({
|
||||
workflows: { workspacePath: workspaceRoot },
|
||||
skills: { workspacePath: workspaceRoot },
|
||||
skills: {
|
||||
workspacePath: workspaceRoot,
|
||||
includePluginSkills: true,
|
||||
cwd: workspaceRoot,
|
||||
},
|
||||
rules: { workspacePath: workspaceRoot },
|
||||
})
|
||||
// start() runs the initial scan; await so the snapshot is populated
|
||||
@@ -988,6 +993,29 @@ export class Controller {
|
||||
stubWarn("cancelBackgroundCommand")
|
||||
}
|
||||
|
||||
async cancelQueuedPrompt(promptId: string): Promise<void> {
|
||||
const trimmedPromptId = promptId.trim()
|
||||
if (!trimmedPromptId) {
|
||||
Logger.warn("[SdkController] cancelQueuedPrompt: Missing prompt id")
|
||||
return
|
||||
}
|
||||
|
||||
const activeSession = this.sessions.getActiveSession()
|
||||
if (!activeSession) {
|
||||
Logger.warn("[SdkController] cancelQueuedPrompt: No active session")
|
||||
return
|
||||
}
|
||||
|
||||
const result = await activeSession.sdkHost.pendingPrompts("delete", {
|
||||
sessionId: activeSession.sessionId,
|
||||
promptId: trimmedPromptId,
|
||||
})
|
||||
if (!result.removed) {
|
||||
Logger.warn(`[SdkController] cancelQueuedPrompt: Prompt not found: ${trimmedPromptId}`)
|
||||
}
|
||||
await this.postStateToWebview()
|
||||
}
|
||||
|
||||
/**
|
||||
* Manually compact (condense) the active task's conversation. Triggered by
|
||||
* the compact button and the `/compact` (alias `/smol`) slash command.
|
||||
|
||||
@@ -333,6 +333,21 @@ describe("buildSessionConfig", () => {
|
||||
expect(mocks.providerSettingsManager.getProviderSettings).not.toHaveBeenCalled()
|
||||
})
|
||||
|
||||
it("resolves OpenAI Compatible API keys from migrated SDK provider settings", () => {
|
||||
mocks.providerSettingsManager.getProviderSettings.mockImplementation((providerId?: string) => {
|
||||
if (providerId !== "openai-compatible") {
|
||||
return undefined
|
||||
}
|
||||
return {
|
||||
provider: "openai-compatible",
|
||||
apiKey: "migrated-openai-compatible-key",
|
||||
} as any
|
||||
})
|
||||
|
||||
expect(resolveApiKey("openai", {} as any)).toBe("migrated-openai-compatible-key")
|
||||
expect(mocks.providerSettingsManager.getProviderSettings).toHaveBeenCalledWith("openai-compatible")
|
||||
})
|
||||
|
||||
it("resolves OpenAI Codex through the shared OAuth provider registry", async () => {
|
||||
mocks.providerSettingsManager.getProviderSettings.mockReturnValue({
|
||||
provider: "openai-codex",
|
||||
|
||||
@@ -60,7 +60,7 @@ You are in Plan mode. Your role is to explore, analyze, and plan -- not to execu
|
||||
- Do NOT edit files, write code, run destructive commands, or make any changes
|
||||
- Do NOT implement anything -- focus on understanding and alignment first
|
||||
|
||||
Once the user has reviewed your plan and explicitly approved it in a follow-up message, use the switch_to_act_mode tool to switch to act mode and begin implementation. Calling switch_to_act_mode immediately starts execution, so never call it in the same turn you present a plan and never treat the original task request as approval -- end your turn after presenting the plan and wait for the user's response.`
|
||||
Once the user has reviewed your plan and wants implementation to begin, ask them to toggle to Act mode using the Plan/Act toggle. You cannot switch modes yourself. Do not implement until the user has manually switched to Act mode.`
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Types
|
||||
@@ -133,6 +133,10 @@ function hasStaleDisabledReasoningFields(reasoning: ProviderReasoningSettings |
|
||||
return reasoning?.enabled === false && (reasoning.effort !== undefined || reasoning.budgetTokens !== undefined)
|
||||
}
|
||||
|
||||
function providerSettingsProviderId(providerId: string): string {
|
||||
return toSdkProviderId(providerId)
|
||||
}
|
||||
|
||||
/**
|
||||
* Convert SDK provider-level reasoning settings into the SDK session fields that
|
||||
* are actually forwarded as model options. Keep `thinking` and
|
||||
@@ -160,7 +164,7 @@ export function normalizeProviderReasoningSettings(reasoning: ProviderReasoningS
|
||||
function resolveProviderReasoningConfig(providerId: string): SessionReasoningConfig {
|
||||
try {
|
||||
const manager = getProviderSettingsManager(resolveDataDir())
|
||||
const settings = manager.getProviderSettings(providerId)
|
||||
const settings = manager.getProviderSettings(providerSettingsProviderId(providerId))
|
||||
if (!settings) {
|
||||
return {}
|
||||
}
|
||||
@@ -333,7 +337,7 @@ export function resolveApiKey(providerId: string, config: ApiConfiguration): str
|
||||
// hardcoding provider exceptions.
|
||||
try {
|
||||
const manager = getProviderSettingsManager()
|
||||
const apiKey = resolveProviderApiKeyFromSettings(manager, providerId)?.trim()
|
||||
const apiKey = resolveProviderApiKeyFromSettings(manager, providerSettingsProviderId(providerId))?.trim()
|
||||
if (apiKey) {
|
||||
return apiKey
|
||||
}
|
||||
@@ -359,7 +363,7 @@ export function resolveApiKey(providerId: string, config: ApiConfiguration): str
|
||||
// startup.
|
||||
try {
|
||||
const manager = getProviderSettingsManager()
|
||||
const apiKey = resolveProviderApiKeyFromSettings(manager, providerId)?.trim()
|
||||
const apiKey = resolveProviderApiKeyFromSettings(manager, providerSettingsProviderId(providerId))?.trim()
|
||||
if (apiKey) {
|
||||
return apiKey
|
||||
}
|
||||
|
||||
@@ -94,9 +94,28 @@ describe("buildEffectiveProviderConfig", () => {
|
||||
})
|
||||
})
|
||||
|
||||
it("reads migrated OpenAI Compatible settings from the SDK provider id", async () => {
|
||||
const { buildEffectiveProviderConfig } = await import("./effective-config")
|
||||
mocks.setProviderSettings({
|
||||
"openai-compatible": {
|
||||
provider: "openai-compatible",
|
||||
apiKey: "migrated-openai-compatible-key",
|
||||
baseUrl: "https://gateway.example.invalid/v1",
|
||||
headers: { "X-Test": "legacy-header" },
|
||||
},
|
||||
})
|
||||
|
||||
expect(buildEffectiveProviderConfig(parseProviderId("openai"))).toEqual({
|
||||
providerId: parseProviderId("openai"),
|
||||
apiKey: "migrated-openai-compatible-key",
|
||||
baseUrl: "https://gateway.example.invalid/v1",
|
||||
headers: { "X-Test": "legacy-header" },
|
||||
})
|
||||
})
|
||||
|
||||
it("reads normalized nousResearch API key from StateManager", async () => {
|
||||
const { buildEffectiveProviderConfig } = await import("./effective-config")
|
||||
mocks.setProviderSettings({ nousresearch: { provider: "nousresearch", apiKey: "provider-nous-key" } })
|
||||
mocks.setProviderSettings({ nousResearch: { provider: "nousResearch", apiKey: "provider-nous-key" } })
|
||||
mocks.setApiConfiguration({ nousResearchApiKey: "state-nous-key" })
|
||||
|
||||
expect(buildEffectiveProviderConfig(parseProviderId("nousResearch"))).toEqual({
|
||||
|
||||
@@ -2,6 +2,7 @@ import type { ApiConfiguration } from "@shared/api"
|
||||
import { StateManager } from "@/core/storage/StateManager"
|
||||
import { getProviderSettingsManager } from "../provider-migration"
|
||||
import type { AwsProviderConfig, EffectiveProviderConfig, GcpProviderConfig, ProviderId } from "./contracts"
|
||||
import { toSdkProviderId } from "./sdk-provider-id"
|
||||
|
||||
type AuthConfig = NonNullable<EffectiveProviderConfig["auth"]>
|
||||
type ExtrasConfig = NonNullable<EffectiveProviderConfig["extras"]>
|
||||
@@ -192,7 +193,7 @@ function readAws(record: Record<string, unknown>): AwsProviderConfig | undefined
|
||||
|
||||
function readProviderSettings(providerId: ProviderId): ConfigParts {
|
||||
try {
|
||||
const settings: unknown = getProviderSettingsManager().getProviderSettings(providerId)
|
||||
const settings: unknown = getProviderSettingsManager().getProviderSettings(toSdkProviderId(providerId))
|
||||
if (!isPlainRecord(settings)) {
|
||||
return {}
|
||||
}
|
||||
|
||||
@@ -181,13 +181,129 @@ describe("createProviderConfigStore", () => {
|
||||
|
||||
expect(written).toEqual({ providerId, apiKey: "nous-key" })
|
||||
expect(store.readSelection(providerId, "act")).toEqual(selection)
|
||||
expect(mocks.getSavedProviderSettings("nousresearch")).toMatchObject({
|
||||
provider: "nousresearch",
|
||||
expect(mocks.getSavedProviderSettings("nousResearch")).toMatchObject({
|
||||
provider: "nousResearch",
|
||||
apiKey: "nous-key",
|
||||
model: "nousresearch/hermes-4-70b",
|
||||
})
|
||||
})
|
||||
|
||||
it("reads migrated OpenAI Compatible settings from the SDK provider id", async () => {
|
||||
const { createProviderConfigStore } = await import("./store")
|
||||
mocks.setProviderSettings({
|
||||
"openai-compatible": {
|
||||
provider: "openai-compatible",
|
||||
apiKey: "migrated-openai-compatible-key",
|
||||
baseUrl: "https://gateway.example.invalid/v1",
|
||||
headers: { "X-Test": "legacy-header" },
|
||||
},
|
||||
})
|
||||
const store = createProviderConfigStore()
|
||||
const providerId = parseProviderId("openai")
|
||||
|
||||
expect(store.read(providerId)).toEqual({
|
||||
providerId,
|
||||
apiKey: "migrated-openai-compatible-key",
|
||||
baseUrl: "https://gateway.example.invalid/v1",
|
||||
headers: { "X-Test": "legacy-header" },
|
||||
})
|
||||
})
|
||||
|
||||
it("writes OpenAI Compatible settings under the SDK provider id", async () => {
|
||||
const { createProviderConfigStore } = await import("./store")
|
||||
const store = createProviderConfigStore()
|
||||
const providerId = parseProviderId("openai")
|
||||
|
||||
store.write(providerId, {
|
||||
apiKey: "openai-compatible-key",
|
||||
baseUrl: "https://gateway.example.invalid/v1",
|
||||
})
|
||||
|
||||
expect(mocks.getSavedProviderSettings("openai")).toBeUndefined()
|
||||
expect(mocks.getSavedProviderSettings("openai-compatible")).toMatchObject({
|
||||
provider: "openai-compatible",
|
||||
apiKey: "openai-compatible-key",
|
||||
baseUrl: "https://gateway.example.invalid/v1",
|
||||
})
|
||||
})
|
||||
|
||||
it("preserves migrated OpenAI Compatible settings when committing model selections", async () => {
|
||||
const { createProviderConfigStore } = await import("./store")
|
||||
mocks.setProviderSettings({
|
||||
"openai-compatible": {
|
||||
provider: "openai-compatible",
|
||||
apiKey: "migrated-openai-compatible-key",
|
||||
},
|
||||
})
|
||||
const store = createProviderConfigStore()
|
||||
const providerId = parseProviderId("openai")
|
||||
const selection = { providerId, modelId: "gpt-oss-120b", modelInfo: modelInfoA }
|
||||
|
||||
store.commitSelection(providerId, "act", selection)
|
||||
|
||||
expect(mocks.getSavedProviderSettings("openai-compatible")).toMatchObject({
|
||||
provider: "openai-compatible",
|
||||
apiKey: "migrated-openai-compatible-key",
|
||||
model: "gpt-oss-120b",
|
||||
})
|
||||
})
|
||||
|
||||
it("keeps OpenAI Compatible Plan and Act selections independent when separate models are enabled", async () => {
|
||||
const { createProviderConfigStore } = await import("./store")
|
||||
mocks.setApiConfiguration({ planActSeparateModelsSetting: true })
|
||||
mocks.setProviderSettings({
|
||||
"openai-compatible": {
|
||||
provider: "openai-compatible",
|
||||
apiKey: "migrated-openai-compatible-key",
|
||||
},
|
||||
})
|
||||
const store = createProviderConfigStore()
|
||||
const providerId = parseProviderId("openai")
|
||||
const planSelection = { providerId, modelId: "plan-openai-model", modelInfo: modelInfoA }
|
||||
const actSelection = { providerId, modelId: "act-openai-model", modelInfo: modelInfoB }
|
||||
|
||||
store.commitSelection(providerId, "plan", planSelection)
|
||||
store.commitSelection(providerId, "act", actSelection)
|
||||
|
||||
expect(store.readSelection(providerId, "plan")).toEqual(planSelection)
|
||||
expect(store.readSelection(providerId, "act")).toEqual(actSelection)
|
||||
expect(mocks.getApiConfiguration()).toMatchObject({
|
||||
planModeOpenAiModelId: "plan-openai-model",
|
||||
planModeOpenAiModelInfo: modelInfoA,
|
||||
actModeOpenAiModelId: "act-openai-model",
|
||||
actModeOpenAiModelInfo: modelInfoB,
|
||||
})
|
||||
expect(mocks.getSavedProviderSettings("openai")).toBeUndefined()
|
||||
expect(mocks.getSavedProviderSettings("openai-compatible")).toMatchObject({
|
||||
provider: "openai-compatible",
|
||||
apiKey: "migrated-openai-compatible-key",
|
||||
model: "act-openai-model",
|
||||
})
|
||||
})
|
||||
|
||||
it("mirrors OpenAI Compatible selections to both modes when separate models are disabled", async () => {
|
||||
const { createProviderConfigStore } = await import("./store")
|
||||
mocks.setApiConfiguration({ planActSeparateModelsSetting: false })
|
||||
const store = createProviderConfigStore()
|
||||
const providerId = parseProviderId("openai")
|
||||
const selection = { providerId, modelId: "shared-openai-model", modelInfo: modelInfoA }
|
||||
|
||||
store.commitSelection(providerId, "act", selection)
|
||||
|
||||
expect(store.readSelection(providerId, "plan")).toEqual(selection)
|
||||
expect(store.readSelection(providerId, "act")).toEqual(selection)
|
||||
expect(mocks.getApiConfiguration()).toMatchObject({
|
||||
planModeOpenAiModelId: "shared-openai-model",
|
||||
planModeOpenAiModelInfo: modelInfoA,
|
||||
actModeOpenAiModelId: "shared-openai-model",
|
||||
actModeOpenAiModelInfo: modelInfoA,
|
||||
})
|
||||
expect(mocks.getSavedProviderSettings("openai-compatible")).toMatchObject({
|
||||
provider: "openai-compatible",
|
||||
model: "shared-openai-model",
|
||||
})
|
||||
})
|
||||
|
||||
it("writes Z.AI Coding Plan API keys only to provider-specific settings", async () => {
|
||||
const { createProviderConfigStore } = await import("./store")
|
||||
mocks.setApiConfiguration({ zaiApiKey: "shared-zai-key" })
|
||||
|
||||
@@ -127,6 +127,10 @@ function providerForStorage(providerId: ProviderId): ApiProvider | undefined {
|
||||
return key as ApiProvider
|
||||
}
|
||||
|
||||
function providerSettingsProviderId(providerId: ProviderId): string {
|
||||
return toSdkProviderId(providerId)
|
||||
}
|
||||
|
||||
function memoryKey(providerId: ProviderId, mode: Mode): string {
|
||||
return `${providerId}:${mode}`
|
||||
}
|
||||
@@ -280,12 +284,13 @@ function writeStateFields(providerId: ProviderId, patch: ProviderConfigPatch): v
|
||||
}
|
||||
|
||||
function getProviderSettings(providerId: ProviderId): ProviderSettingsRecord {
|
||||
const settings = getProviderSettingsManager().getProviderSettings(providerId)
|
||||
const settings = getProviderSettingsManager().getProviderSettings(providerSettingsProviderId(providerId))
|
||||
return isRecord(settings) ? settings : {}
|
||||
}
|
||||
|
||||
function saveProviderSettings(providerId: ProviderId, next: ProviderSettingsRecord): void {
|
||||
getProviderSettingsManager().saveProviderSettings({ provider: providerId, ...next }, { setLastUsed: false })
|
||||
const provider = providerSettingsProviderId(providerId)
|
||||
getProviderSettingsManager().saveProviderSettings({ ...next, provider }, { setLastUsed: false })
|
||||
}
|
||||
|
||||
function writeProviderSettingsFields(providerId: ProviderId, patch: ProviderConfigPatch): void {
|
||||
|
||||
@@ -21,7 +21,12 @@ describe("SdkFollowupCoordinator", () => {
|
||||
|
||||
await coordinator.askResponse("yes", undefined, undefined, "yesButtonClicked")
|
||||
|
||||
expect(options.interactions.resolvePendingToolApproval).toHaveBeenCalledWith("yes", "yesButtonClicked")
|
||||
expect(options.interactions.resolvePendingToolApproval).toHaveBeenCalledWith(
|
||||
"yes",
|
||||
"yesButtonClicked",
|
||||
undefined,
|
||||
undefined,
|
||||
)
|
||||
expect(options.sessions.fireAndForgetSend).not.toHaveBeenCalled()
|
||||
})
|
||||
|
||||
@@ -122,6 +127,8 @@ describe("SdkFollowupCoordinator", () => {
|
||||
expect(options.interactions.resolvePendingToolApproval).toHaveBeenCalledWith(
|
||||
"do the next thing after this",
|
||||
"messageResponse",
|
||||
undefined,
|
||||
undefined,
|
||||
)
|
||||
expect(options.waitForPendingModeRebuild).not.toHaveBeenCalled()
|
||||
expect(options.messages.appendAndEmit).not.toHaveBeenCalled()
|
||||
@@ -204,7 +211,12 @@ describe("SdkFollowupCoordinator", () => {
|
||||
|
||||
await coordinator.askResponse("just give me an answer", undefined, undefined, "messageResponse")
|
||||
|
||||
expect(options.interactions.resolvePendingToolApproval).toHaveBeenCalledWith("just give me an answer", "messageResponse")
|
||||
expect(options.interactions.resolvePendingToolApproval).toHaveBeenCalledWith(
|
||||
"just give me an answer",
|
||||
"messageResponse",
|
||||
undefined,
|
||||
undefined,
|
||||
)
|
||||
expect(options.messages.appendAndEmit).not.toHaveBeenCalled()
|
||||
expect(options.sessions.fireAndForgetSend).toHaveBeenCalledWith(
|
||||
activeSession.sdkHost,
|
||||
|
||||
@@ -58,7 +58,7 @@ export class SdkFollowupCoordinator {
|
||||
return
|
||||
}
|
||||
|
||||
if (this.options.interactions.resolvePendingToolApproval(prompt, askResponse)) {
|
||||
if (this.options.interactions.resolvePendingToolApproval(prompt, askResponse, images, files)) {
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
@@ -103,8 +103,9 @@ describe("SdkInteractionCoordinator", () => {
|
||||
const task = createTaskProxy("session-123", vi.fn(), vi.fn())
|
||||
const recordApprovedToolMessage = vi.fn()
|
||||
const recordDeniedToolApproval = vi.fn()
|
||||
const messages = new SdkMessageCoordinator({ getTask: () => task })
|
||||
const coordinator = new SdkInteractionCoordinator({
|
||||
messages: new SdkMessageCoordinator({ getTask: () => task }),
|
||||
messages,
|
||||
getSessionId: () => "session-123",
|
||||
postStateToWebview: vi.fn().mockResolvedValue(undefined),
|
||||
recordApprovedToolMessage,
|
||||
@@ -125,9 +126,17 @@ describe("SdkInteractionCoordinator", () => {
|
||||
const clineMessages = task.messageStateHandler.getClineMessages()
|
||||
expect(clineMessages[0]).toMatchObject({ type: "ask", ask: "command", text: "npm test" })
|
||||
|
||||
expect(coordinator.resolvePendingToolApproval("too risky", "noButtonClicked")).toBe(true)
|
||||
expect(coordinator.resolvePendingToolApproval("too risky", "noButtonClicked", ["image.png"], ["a.ts"])).toBe(true)
|
||||
expect(recordApprovedToolMessage).not.toHaveBeenCalled()
|
||||
expect(recordDeniedToolApproval).toHaveBeenCalledWith("tool-call", "execute_command", "too risky")
|
||||
expect(task.messageStateHandler.getClineMessages()[1]).toMatchObject({
|
||||
type: "say",
|
||||
say: "user_feedback",
|
||||
text: "too risky",
|
||||
images: ["image.png"],
|
||||
files: ["a.ts"],
|
||||
partial: false,
|
||||
})
|
||||
await expect(approvalPromise).resolves.toEqual({ approved: false, reason: "too risky" })
|
||||
})
|
||||
|
||||
@@ -188,6 +197,7 @@ describe("SdkInteractionCoordinator", () => {
|
||||
approved: false,
|
||||
reason: DEFAULT_TOOL_APPROVAL_DENIAL_REASON,
|
||||
})
|
||||
expect(task.messageStateHandler.getClineMessages()).toHaveLength(1)
|
||||
expect(recordDeniedToolApproval).toHaveBeenCalledWith(
|
||||
"tool-call",
|
||||
"fetch_web_content",
|
||||
|
||||
@@ -127,7 +127,12 @@ export class SdkInteractionCoordinator {
|
||||
})
|
||||
}
|
||||
|
||||
resolvePendingToolApproval(prompt: string | undefined, responseType: ClineAskResponse | undefined): boolean {
|
||||
resolvePendingToolApproval(
|
||||
prompt: string | undefined,
|
||||
responseType: ClineAskResponse | undefined,
|
||||
images?: string[],
|
||||
files?: string[],
|
||||
): boolean {
|
||||
if (!this.pendingToolApprovalResolve) {
|
||||
return false
|
||||
}
|
||||
@@ -155,6 +160,21 @@ export class SdkInteractionCoordinator {
|
||||
// On rejection the agent receives the denial and continues; the SDK drives the next phase.
|
||||
this.options.setTurnPhase?.("streaming")
|
||||
const denialReason = prompt || DEFAULT_TOOL_APPROVAL_DENIAL_REASON
|
||||
if (!approved && (prompt?.trim() || images?.length || files?.length)) {
|
||||
const userMessage: ClineMessage = {
|
||||
ts: this.nextMessageTs(),
|
||||
type: "say",
|
||||
say: "user_feedback",
|
||||
text: prompt ?? "",
|
||||
images,
|
||||
files,
|
||||
partial: false,
|
||||
}
|
||||
this.options.messages.appendAndEmit([userMessage], {
|
||||
type: "status",
|
||||
payload: { sessionId: this.options.getSessionId(), status: "running" },
|
||||
})
|
||||
}
|
||||
if (!approved && pendingMessage) {
|
||||
this.options.recordDeniedToolApproval?.(pendingMessage.toolCallId, pendingMessage.toolName, denialReason)
|
||||
}
|
||||
|
||||
@@ -15,60 +15,21 @@ vi.mock("./hooks-adapter", () => ({
|
||||
}))
|
||||
|
||||
describe("SdkSessionConfigBuilder", () => {
|
||||
it("adds the CLI plan-mode switch_to_act_mode tool only in plan mode", async () => {
|
||||
const stateManager = {
|
||||
getGlobalSettingsKey: vi.fn(() => "plan"),
|
||||
}
|
||||
const onSwitchToActMode = vi.fn()
|
||||
const builder = new SdkSessionConfigBuilder({
|
||||
stateManager: stateManager as never,
|
||||
emitHookMessage: vi.fn(),
|
||||
onSwitchToActMode,
|
||||
})
|
||||
|
||||
mocks.buildSessionConfig.mockResolvedValueOnce({
|
||||
extraTools: [],
|
||||
hooks: {},
|
||||
})
|
||||
const planConfig = await builder.build({ cwd: "/workspace", mode: "plan" })
|
||||
const switchTool = planConfig.extraTools?.find((tool) => tool.name === "switch_to_act_mode")
|
||||
expect(switchTool).toBeDefined()
|
||||
// Ends the run cleanly after the tool result so the loop never starts an
|
||||
// iteration that the stop hook would abort (which surfaced in the webview
|
||||
// as "API Request Cancelled").
|
||||
expect(switchTool?.lifecycle?.completesRun).toBe(true)
|
||||
expect(await switchTool?.execute({}, {} as never)).toBe(
|
||||
"You successfully switched to act mode, proceed with the plan. You now have access to editing files and running commands. (The switch_to_act_mode tool is only available in plan mode.)",
|
||||
)
|
||||
expect(onSwitchToActMode).toHaveBeenCalledOnce()
|
||||
|
||||
mocks.buildSessionConfig.mockResolvedValueOnce({
|
||||
extraTools: [switchTool],
|
||||
hooks: {},
|
||||
})
|
||||
const actConfig = await builder.build({ cwd: "/workspace", mode: "act" })
|
||||
expect(actConfig.extraTools?.some((tool) => tool.name === "switch_to_act_mode")).toBe(false)
|
||||
})
|
||||
|
||||
it("stops before the next model call after switch_to_act_mode queues a mode change", async () => {
|
||||
const baseBeforeModel = vi.fn(async () => ({ metadata: "base" }))
|
||||
mocks.buildAgentHooks.mockReturnValueOnce({ beforeModel: baseBeforeModel })
|
||||
mocks.buildSessionConfig.mockResolvedValueOnce({ hooks: {} })
|
||||
|
||||
it("does not expose the SDK switch_to_act_mode tool in VS Code plan mode", async () => {
|
||||
const builder = new SdkSessionConfigBuilder({
|
||||
stateManager: {} as never,
|
||||
emitHookMessage: vi.fn(),
|
||||
onSwitchToActMode: vi.fn(),
|
||||
shouldStopAfterModeSwitch: () => true,
|
||||
})
|
||||
|
||||
const config = await builder.build({ cwd: "/workspace", mode: "act" })
|
||||
|
||||
await expect(config.hooks?.beforeModel?.({} as never)).resolves.toEqual({
|
||||
metadata: "base",
|
||||
stop: true,
|
||||
mocks.buildSessionConfig.mockResolvedValueOnce({
|
||||
extraTools: [{ name: "switch_to_act_mode" }, { name: "attempt_completion" }],
|
||||
hooks: {},
|
||||
})
|
||||
expect(baseBeforeModel).toHaveBeenCalledOnce()
|
||||
|
||||
const planConfig = await builder.build({ cwd: "/workspace", mode: "plan" })
|
||||
|
||||
expect(planConfig.extraTools?.some((tool) => tool.name === "switch_to_act_mode")).toBe(false)
|
||||
expect(planConfig.extraTools?.some((tool) => tool.name === "attempt_completion")).toBe(true)
|
||||
})
|
||||
|
||||
it("passes the mistake-limit callback into the SDK config without overriding SDK execution defaults", async () => {
|
||||
@@ -78,7 +39,6 @@ describe("SdkSessionConfigBuilder", () => {
|
||||
const builder = new SdkSessionConfigBuilder({
|
||||
stateManager: { getGlobalSettingsKey: vi.fn(() => 3) } as never,
|
||||
emitHookMessage: vi.fn(),
|
||||
onSwitchToActMode: vi.fn(),
|
||||
onConsecutiveMistakeLimitReached,
|
||||
})
|
||||
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
import type { CoreSessionConfig } from "@cline/core"
|
||||
import { type AgentTool, createTool } from "@cline/shared"
|
||||
import type { StateManager } from "@/core/storage/StateManager"
|
||||
import { buildSessionConfig, type SessionConfigInput } from "./cline-session-factory"
|
||||
import { buildAgentHooks, type HookMessageEmitter } from "./hooks-adapter"
|
||||
@@ -7,8 +6,6 @@ import { buildAgentHooks, type HookMessageEmitter } from "./hooks-adapter"
|
||||
export interface SdkSessionConfigBuilderOptions {
|
||||
stateManager: StateManager
|
||||
emitHookMessage: HookMessageEmitter
|
||||
onSwitchToActMode: () => void
|
||||
shouldStopAfterModeSwitch?: () => boolean
|
||||
onConsecutiveMistakeLimitReached?: CoreSessionConfig["onConsecutiveMistakeLimitReached"]
|
||||
}
|
||||
|
||||
@@ -21,61 +18,9 @@ export class SdkSessionConfigBuilder {
|
||||
config.onConsecutiveMistakeLimitReached = this.options.onConsecutiveMistakeLimitReached
|
||||
}
|
||||
|
||||
const baseHooks = buildAgentHooks(this.options.stateManager, this.options.emitHookMessage)
|
||||
config.hooks = {
|
||||
...baseHooks,
|
||||
beforeModel: async (ctx) => {
|
||||
const baseControl = await baseHooks.beforeModel?.(ctx)
|
||||
if (this.options.shouldStopAfterModeSwitch?.()) {
|
||||
return {
|
||||
...baseControl,
|
||||
stop: true,
|
||||
}
|
||||
}
|
||||
return baseControl
|
||||
},
|
||||
}
|
||||
if (input.mode === "plan") {
|
||||
// Match the CLI interactive runtime: plan-mode sessions expose a
|
||||
// switch_to_act_mode tool in addition to the read-only planning tools.
|
||||
config.extraTools = [...(config.extraTools ?? []), this.createSwitchToActModeTool()]
|
||||
} else {
|
||||
// The switch tool is plan-only in the CLI and should disappear after
|
||||
// rebuilding the session in act mode.
|
||||
config.extraTools = config.extraTools?.filter((tool) => tool.name !== "switch_to_act_mode")
|
||||
}
|
||||
config.hooks = buildAgentHooks(this.options.stateManager, this.options.emitHookMessage)
|
||||
config.extraTools = config.extraTools?.filter((tool) => tool.name !== "switch_to_act_mode")
|
||||
|
||||
return config
|
||||
}
|
||||
|
||||
private createSwitchToActModeTool(): AgentTool {
|
||||
return createTool({
|
||||
name: "switch_to_act_mode",
|
||||
description:
|
||||
"Switch from plan mode to act mode. Switching to act mode immediately starts executing the plan, so only call this after the user has explicitly approved the plan in a message sent AFTER you presented it (e.g. 'looks good', 'go ahead', 'switch to act mode'). " +
|
||||
"Never call this in the same turn you present a plan, never call it proactively, and never treat the original task request as approval.",
|
||||
inputSchema: {
|
||||
type: "object",
|
||||
properties: {},
|
||||
},
|
||||
timeoutMs: 5000,
|
||||
retryable: false,
|
||||
maxRetries: 0,
|
||||
// End the run cleanly right after the tool result instead of letting the
|
||||
// loop start another iteration that the beforeModel stop hook would abort.
|
||||
// An aborted run leaves a dangling api_req_started spinner behind, which the
|
||||
// webview renders as "API Request Cancelled".
|
||||
lifecycle: {
|
||||
completesRun: true,
|
||||
},
|
||||
execute: async () => {
|
||||
const currentMode = this.options.stateManager.getGlobalSettingsKey("mode")
|
||||
if (currentMode === "act") {
|
||||
return "Already in act mode."
|
||||
}
|
||||
this.options.onSwitchToActMode()
|
||||
return "You successfully switched to act mode, proceed with the plan. You now have access to editing files and running commands. (The switch_to_act_mode tool is only available in plan mode.)"
|
||||
},
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
@@ -41,6 +41,24 @@ describe("SdkSessionLifecycle", () => {
|
||||
expect(lifecycle.getActiveSession()?.isRunning).toBe(true)
|
||||
})
|
||||
|
||||
it("disables file mutation tools for plan-mode sessions even without auto-approval settings", async () => {
|
||||
const sdkHost = makeSdkHost()
|
||||
mockCreateSessionHost.mockResolvedValueOnce(sdkHost)
|
||||
const lifecycle = makeLifecycle()
|
||||
|
||||
await lifecycle.startNewSession({ config: { mode: "plan" } } as StartInput)
|
||||
|
||||
expect(sdkHost.start).toHaveBeenCalledWith(
|
||||
expect.objectContaining({
|
||||
toolPolicies: expect.objectContaining({
|
||||
editor: { enabled: false, autoApprove: false },
|
||||
write_to_file: { enabled: false, autoApprove: false },
|
||||
run_commands: { autoApprove: false },
|
||||
}),
|
||||
}),
|
||||
)
|
||||
})
|
||||
|
||||
it("reuses the shared session host across sessions", async () => {
|
||||
const sdkHost = makeSdkHost({
|
||||
start: vi.fn().mockResolvedValueOnce({ sessionId: "session-1" }).mockResolvedValueOnce({ sessionId: "session-2" }),
|
||||
@@ -475,7 +493,7 @@ describe("SdkSessionLifecycle", () => {
|
||||
function makeLifecycle(overrides: Partial<ConstructorParameters<typeof SdkSessionLifecycle>[0]> = {}) {
|
||||
return new SdkSessionLifecycle({
|
||||
// biome-ignore lint/suspicious/noExplicitAny: focused fake for lifecycle unit test
|
||||
mcpHub: {} as any,
|
||||
mcpHub: { getServers: () => [] } as any,
|
||||
requestToolApproval: vi.fn(),
|
||||
askQuestion: vi.fn(),
|
||||
onSessionEvent: vi.fn(),
|
||||
|
||||
@@ -116,7 +116,11 @@ export class SdkSessionLifecycle {
|
||||
}
|
||||
|
||||
const autoApprovalSettings = StateManager.get().getGlobalSettingsKey("autoApprovalSettings")
|
||||
const toolPolicies = autoApprovalSettings ? buildToolPolicies(autoApprovalSettings, this.options.mcpHub) : undefined
|
||||
const mode = startInput.config?.mode === "plan" ? "plan" : "act"
|
||||
const toolPolicies =
|
||||
autoApprovalSettings || mode === "plan"
|
||||
? buildToolPolicies(autoApprovalSettings, this.options.mcpHub, mode)
|
||||
: undefined
|
||||
|
||||
const sdkHost = await this.getOrCreateSharedHost()
|
||||
|
||||
|
||||
@@ -1,8 +1,39 @@
|
||||
import { DEFAULT_AUTO_APPROVAL_SETTINGS } from "@shared/AutoApprovalSettings"
|
||||
import { describe, expect, it } from "vitest"
|
||||
import { isToolAutoApproved } from "./sdk-tool-policies"
|
||||
import { buildToolPolicies, isToolAutoApproved } from "./sdk-tool-policies"
|
||||
|
||||
describe("buildToolPolicies", () => {
|
||||
it("keeps command tools enabled in plan mode", () => {
|
||||
const policies = buildToolPolicies(DEFAULT_AUTO_APPROVAL_SETTINGS, undefined, "plan")
|
||||
|
||||
expect(policies.run_commands).toEqual({ autoApprove: false })
|
||||
expect(policies.execute_command).toEqual({ autoApprove: false })
|
||||
})
|
||||
|
||||
it("disables file mutation tools in plan mode", () => {
|
||||
const policies = buildToolPolicies(DEFAULT_AUTO_APPROVAL_SETTINGS, undefined, "plan")
|
||||
|
||||
expect(policies.editor).toEqual({ enabled: false, autoApprove: false })
|
||||
expect(policies.write_to_file).toEqual({ enabled: false, autoApprove: false })
|
||||
expect(policies.replace_in_file).toEqual({ enabled: false, autoApprove: false })
|
||||
expect(policies.apply_patch).toEqual({ enabled: false, autoApprove: false })
|
||||
expect(policies.delete_file).toEqual({ enabled: false, autoApprove: false })
|
||||
expect(policies.new_rule).toEqual({ enabled: false, autoApprove: false })
|
||||
})
|
||||
|
||||
it("keeps file mutation tools approval-gated in act mode", () => {
|
||||
const policies = buildToolPolicies(DEFAULT_AUTO_APPROVAL_SETTINGS, undefined, "act")
|
||||
|
||||
expect(policies.editor).toEqual({ autoApprove: false })
|
||||
expect(policies.write_to_file).toEqual({ autoApprove: false })
|
||||
})
|
||||
})
|
||||
|
||||
describe("isToolAutoApproved", () => {
|
||||
it("does not auto-approve command tools by default", () => {
|
||||
expect(isToolAutoApproved("run_commands", DEFAULT_AUTO_APPROVAL_SETTINGS)).toBe(false)
|
||||
})
|
||||
|
||||
it("uses executeSafeCommands as the single command approval flag", () => {
|
||||
const settings = {
|
||||
...DEFAULT_AUTO_APPROVAL_SETTINGS,
|
||||
|
||||
@@ -1,6 +1,9 @@
|
||||
import type { AutoApprovalSettings } from "@shared/AutoApprovalSettings"
|
||||
import type { Mode } from "@shared/storage/types"
|
||||
import type { McpHub } from "@/services/mcp/McpHub"
|
||||
|
||||
const FILE_MUTATION_TOOLS = ["editor", "replace_in_file", "write_to_file", "apply_patch", "delete_file", "new_rule"]
|
||||
|
||||
/**
|
||||
* Build SDK `toolPolicies` for tools governed by Cline's auto-approval UI.
|
||||
*
|
||||
@@ -11,19 +14,20 @@ import type { McpHub } from "@/services/mcp/McpHub"
|
||||
* active sessions in sync when the user toggles auto-approval mid-task.
|
||||
*/
|
||||
export function buildToolPolicies(
|
||||
_settings: AutoApprovalSettings,
|
||||
_settings: AutoApprovalSettings | undefined,
|
||||
mcpHub?: McpHub,
|
||||
mode: Mode = "act",
|
||||
): Record<string, { enabled?: boolean; autoApprove?: boolean }> {
|
||||
const policies: Record<string, { enabled?: boolean; autoApprove?: boolean }> = {}
|
||||
|
||||
const set = (tools: string[]) => {
|
||||
const set = (tools: string[], policy: { enabled?: boolean; autoApprove?: boolean } = { autoApprove: false }) => {
|
||||
for (const tool of tools) {
|
||||
policies[tool] = { autoApprove: false }
|
||||
policies[tool] = { ...policy }
|
||||
}
|
||||
}
|
||||
|
||||
set(["read_files", "read_file", "list_files", "list_code_definition_names", "search_codebase", "search_files"])
|
||||
set(["editor", "replace_in_file", "write_to_file", "apply_patch", "delete_file"])
|
||||
set(FILE_MUTATION_TOOLS, mode === "plan" ? { enabled: false, autoApprove: false } : { autoApprove: false })
|
||||
set(["run_commands", "execute_command"])
|
||||
set(["fetch_web_content", "web_fetch", "web_search"])
|
||||
|
||||
@@ -79,7 +83,7 @@ function isReadTool(toolName: string): boolean {
|
||||
}
|
||||
|
||||
function isEditTool(toolName: string): boolean {
|
||||
return ["editor", "replace_in_file", "write_to_file", "apply_patch", "delete_file"].includes(toolName)
|
||||
return FILE_MUTATION_TOOLS.includes(toolName)
|
||||
}
|
||||
|
||||
function isCommandTool(toolName: string): boolean {
|
||||
|
||||
@@ -11,7 +11,7 @@ describe("ClineError", () => {
|
||||
|
||||
it("should return Entitlement for the SDK ClinePass subscription message", () => {
|
||||
const err = new ClineError(
|
||||
"No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan: https://app.cline.bot/promo?code=CLI-100&personal=true",
|
||||
"No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan: https://app.cline.bot/promo?code=CLI-8OFF&personal=true",
|
||||
)
|
||||
|
||||
ClineError.getErrorType(err)!.should.equal(ClineErrorType.Entitlement)
|
||||
@@ -19,7 +19,7 @@ describe("ClineError", () => {
|
||||
|
||||
it("should return Entitlement for the SDK ClinePass subscription message with a different app URL", () => {
|
||||
const err = new ClineError(
|
||||
"No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan: https://staging-app.cline.bot/promo?code=CLI-100&personal=true",
|
||||
"No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan: https://staging-app.cline.bot/promo?code=CLI-8OFF&personal=true",
|
||||
)
|
||||
|
||||
ClineError.getErrorType(err)!.should.equal(ClineErrorType.Entitlement)
|
||||
|
||||
@@ -1267,6 +1267,15 @@ export class McpHub {
|
||||
await this.notifyWebviewOfServerChanges()
|
||||
}
|
||||
|
||||
async reconcileMcpServersFromSettingsRPC(): Promise<McpServer[]> {
|
||||
const settings = await this.readPostWriteMcpSettings()
|
||||
await this.updateServerConnectionsRPC(settings.mcpServers as Record<string, McpServerConfig>)
|
||||
await this.notifyWebviewOfServerChanges()
|
||||
|
||||
const serverOrder = Object.keys(settings.mcpServers || {})
|
||||
return this.getSortedMcpServers(serverOrder)
|
||||
}
|
||||
|
||||
async getLatestMcpServersRPC(): Promise<McpServer[]> {
|
||||
const settings = await this.readAndValidateMcpSettingsFile()
|
||||
if (!settings) {
|
||||
|
||||
@@ -338,6 +338,12 @@ export class TelemetryService {
|
||||
MODEL_FAVORITE_TOGGLED: "ui.model_favorite_toggled",
|
||||
// Tracks when a button is clicked
|
||||
BUTTON_CLICKED: "ui.button_clicked",
|
||||
// Tracks when the Cline panel becomes visible
|
||||
PANEL_OPENED: "ui.panel_opened",
|
||||
// Tracks when the user explicitly starts a new task flow
|
||||
NEW_TASK_CLICKED: "ui.new_task_clicked",
|
||||
// Tracks when the user submits chat composer content
|
||||
PROMPT_SUBMITTED: "ui.prompt_submitted",
|
||||
// Tracks when the rules menu button is clicked
|
||||
RULES_MENU_OPENED: "ui.rules_menu_opened",
|
||||
},
|
||||
@@ -1370,6 +1376,34 @@ export class TelemetryService {
|
||||
})
|
||||
}
|
||||
|
||||
public capturePanelOpened(source?: string) {
|
||||
this.capture({
|
||||
event: TelemetryService.EVENTS.UI.PANEL_OPENED,
|
||||
properties: { source },
|
||||
})
|
||||
}
|
||||
|
||||
public captureNewTaskClicked(source?: string, hasActiveTask?: boolean) {
|
||||
this.capture({
|
||||
event: TelemetryService.EVENTS.UI.NEW_TASK_CLICKED,
|
||||
properties: { source, hasActiveTask },
|
||||
})
|
||||
}
|
||||
|
||||
public capturePromptSubmitted(args: {
|
||||
source?: string
|
||||
hasText?: boolean
|
||||
hasImages?: boolean
|
||||
hasFiles?: boolean
|
||||
hasActiveTask?: boolean
|
||||
textLength?: number
|
||||
}) {
|
||||
this.capture({
|
||||
event: TelemetryService.EVENTS.UI.PROMPT_SUBMITTED,
|
||||
properties: args,
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* Records telemetry when an API provider returns an error
|
||||
* @param ulid Unique identifier for the task
|
||||
|
||||
@@ -35,7 +35,7 @@ export const DEFAULT_AUTO_APPROVAL_SETTINGS: AutoApprovalSettings = {
|
||||
readFilesExternally: true,
|
||||
editFiles: true,
|
||||
editFilesExternally: true,
|
||||
executeSafeCommands: true,
|
||||
executeSafeCommands: false,
|
||||
executeAllCommands: true,
|
||||
useBrowser: true,
|
||||
useMcp: true,
|
||||
|
||||
@@ -3,7 +3,6 @@ import {
|
||||
OpenAiCompatibleModelInfo,
|
||||
OpenRouterModelInfo,
|
||||
ModelsApiConfiguration as ProtoApiConfiguration,
|
||||
ApiProvider as ProtoApiProvider,
|
||||
OcaModelInfo as ProtoOcaModelInfo,
|
||||
ThinkingConfig,
|
||||
} from "@shared/proto/cline/models"
|
||||
@@ -241,208 +240,12 @@ function convertProtoToOpenAiCompatibleModelInfo(
|
||||
}
|
||||
}
|
||||
|
||||
// Convert application ApiProvider to proto ApiProvider
|
||||
function convertApiProviderToProto(provider: string | undefined): ProtoApiProvider {
|
||||
switch (provider) {
|
||||
case "anthropic":
|
||||
return ProtoApiProvider.ANTHROPIC
|
||||
case "openrouter":
|
||||
return ProtoApiProvider.OPENROUTER
|
||||
case "bedrock":
|
||||
return ProtoApiProvider.BEDROCK
|
||||
case "vertex":
|
||||
return ProtoApiProvider.VERTEX
|
||||
case "openai":
|
||||
return ProtoApiProvider.OPENAI
|
||||
case "ollama":
|
||||
return ProtoApiProvider.OLLAMA
|
||||
case "lmstudio":
|
||||
return ProtoApiProvider.LMSTUDIO
|
||||
case "gemini":
|
||||
return ProtoApiProvider.GEMINI
|
||||
case "openai-native":
|
||||
return ProtoApiProvider.OPENAI_NATIVE
|
||||
case "requesty":
|
||||
return ProtoApiProvider.REQUESTY
|
||||
case "together":
|
||||
return ProtoApiProvider.TOGETHER
|
||||
case "deepseek":
|
||||
return ProtoApiProvider.DEEPSEEK
|
||||
case "qwen":
|
||||
return ProtoApiProvider.QWEN
|
||||
case "qwen-code":
|
||||
return ProtoApiProvider.QWEN_CODE
|
||||
case "doubao":
|
||||
return ProtoApiProvider.DOUBAO
|
||||
case "mistral":
|
||||
return ProtoApiProvider.MISTRAL
|
||||
case "vscode-lm":
|
||||
return ProtoApiProvider.VSCODE_LM
|
||||
case "cline":
|
||||
return ProtoApiProvider.CLINE
|
||||
case "cline-pass":
|
||||
return ProtoApiProvider.CLINE_PASS
|
||||
case "litellm":
|
||||
return ProtoApiProvider.LITELLM
|
||||
case "moonshot":
|
||||
return ProtoApiProvider.MOONSHOT
|
||||
case "huggingface":
|
||||
return ProtoApiProvider.HUGGINGFACE
|
||||
case "nebius":
|
||||
return ProtoApiProvider.NEBIUS
|
||||
case "wandb":
|
||||
return ProtoApiProvider.WANDB
|
||||
case "fireworks":
|
||||
return ProtoApiProvider.FIREWORKS
|
||||
case "asksage":
|
||||
return ProtoApiProvider.ASKSAGE
|
||||
case "xai":
|
||||
return ProtoApiProvider.XAI
|
||||
case "sambanova":
|
||||
return ProtoApiProvider.SAMBANOVA
|
||||
case "cerebras":
|
||||
return ProtoApiProvider.CEREBRAS
|
||||
case "groq":
|
||||
return ProtoApiProvider.GROQ
|
||||
case "baseten":
|
||||
return ProtoApiProvider.BASETEN
|
||||
case "sapaicore":
|
||||
return ProtoApiProvider.SAPAICORE
|
||||
case "claude-code":
|
||||
return ProtoApiProvider.CLAUDE_CODE
|
||||
case "huawei-cloud-maas":
|
||||
return ProtoApiProvider.HUAWEI_CLOUD_MAAS
|
||||
case "vercel-ai-gateway":
|
||||
return ProtoApiProvider.VERCEL_AI_GATEWAY
|
||||
case "zai":
|
||||
return ProtoApiProvider.ZAI
|
||||
case "dify":
|
||||
return ProtoApiProvider.DIFY
|
||||
case "oca":
|
||||
return ProtoApiProvider.OCA
|
||||
case "aihubmix":
|
||||
return ProtoApiProvider.AIHUBMIX
|
||||
case "minimax":
|
||||
return ProtoApiProvider.MINIMAX
|
||||
case "hicap":
|
||||
return ProtoApiProvider.HICAP
|
||||
case "nousResearch":
|
||||
return ProtoApiProvider.NOUSRESEARCH
|
||||
case "openai-codex":
|
||||
return ProtoApiProvider.OPENAI_CODEX
|
||||
case "poolside":
|
||||
return ProtoApiProvider.POOLSIDE
|
||||
case "v0":
|
||||
return ProtoApiProvider.V0
|
||||
case "xiaomi":
|
||||
return ProtoApiProvider.XIAOMI
|
||||
case "zai-coding-plan":
|
||||
return ProtoApiProvider.ZAI_CODING_PLAN
|
||||
default:
|
||||
return ProtoApiProvider.ANTHROPIC
|
||||
}
|
||||
}
|
||||
|
||||
// Convert proto ApiProvider to application ApiProvider
|
||||
export function convertProtoToApiProvider(provider: ProtoApiProvider): ApiProvider {
|
||||
switch (provider) {
|
||||
case ProtoApiProvider.ANTHROPIC:
|
||||
return "anthropic"
|
||||
case ProtoApiProvider.OPENROUTER:
|
||||
return "openrouter"
|
||||
case ProtoApiProvider.BEDROCK:
|
||||
return "bedrock"
|
||||
case ProtoApiProvider.VERTEX:
|
||||
return "vertex"
|
||||
case ProtoApiProvider.OPENAI:
|
||||
return "openai"
|
||||
case ProtoApiProvider.OLLAMA:
|
||||
return "ollama"
|
||||
case ProtoApiProvider.LMSTUDIO:
|
||||
return "lmstudio"
|
||||
case ProtoApiProvider.GEMINI:
|
||||
return "gemini"
|
||||
case ProtoApiProvider.OPENAI_NATIVE:
|
||||
return "openai-native"
|
||||
case ProtoApiProvider.REQUESTY:
|
||||
return "requesty"
|
||||
case ProtoApiProvider.TOGETHER:
|
||||
return "together"
|
||||
case ProtoApiProvider.DEEPSEEK:
|
||||
return "deepseek"
|
||||
case ProtoApiProvider.QWEN:
|
||||
return "qwen"
|
||||
case ProtoApiProvider.QWEN_CODE:
|
||||
return "qwen-code"
|
||||
case ProtoApiProvider.DOUBAO:
|
||||
return "doubao"
|
||||
case ProtoApiProvider.MISTRAL:
|
||||
return "mistral"
|
||||
case ProtoApiProvider.VSCODE_LM:
|
||||
return "vscode-lm"
|
||||
case ProtoApiProvider.CLINE:
|
||||
return "cline"
|
||||
case ProtoApiProvider.CLINE_PASS:
|
||||
return "cline-pass"
|
||||
case ProtoApiProvider.LITELLM:
|
||||
return "litellm"
|
||||
case ProtoApiProvider.MOONSHOT:
|
||||
return "moonshot"
|
||||
case ProtoApiProvider.HUGGINGFACE:
|
||||
return "huggingface"
|
||||
case ProtoApiProvider.NEBIUS:
|
||||
return "nebius"
|
||||
case ProtoApiProvider.WANDB:
|
||||
return "wandb"
|
||||
case ProtoApiProvider.FIREWORKS:
|
||||
return "fireworks"
|
||||
case ProtoApiProvider.ASKSAGE:
|
||||
return "asksage"
|
||||
case ProtoApiProvider.XAI:
|
||||
return "xai"
|
||||
case ProtoApiProvider.SAMBANOVA:
|
||||
return "sambanova"
|
||||
case ProtoApiProvider.CEREBRAS:
|
||||
return "cerebras"
|
||||
case ProtoApiProvider.GROQ:
|
||||
return "groq"
|
||||
case ProtoApiProvider.BASETEN:
|
||||
return "baseten"
|
||||
case ProtoApiProvider.SAPAICORE:
|
||||
return "sapaicore"
|
||||
case ProtoApiProvider.CLAUDE_CODE:
|
||||
return "claude-code"
|
||||
case ProtoApiProvider.HUAWEI_CLOUD_MAAS:
|
||||
return "huawei-cloud-maas"
|
||||
case ProtoApiProvider.VERCEL_AI_GATEWAY:
|
||||
return "vercel-ai-gateway"
|
||||
case ProtoApiProvider.ZAI:
|
||||
return "zai"
|
||||
case ProtoApiProvider.HICAP:
|
||||
return "hicap"
|
||||
case ProtoApiProvider.DIFY:
|
||||
return "dify"
|
||||
case ProtoApiProvider.OCA:
|
||||
return "oca"
|
||||
case ProtoApiProvider.AIHUBMIX:
|
||||
return "aihubmix"
|
||||
case ProtoApiProvider.MINIMAX:
|
||||
return "minimax"
|
||||
case ProtoApiProvider.NOUSRESEARCH:
|
||||
return "nousResearch"
|
||||
case ProtoApiProvider.OPENAI_CODEX:
|
||||
return "openai-codex"
|
||||
case ProtoApiProvider.POOLSIDE:
|
||||
return "poolside"
|
||||
case ProtoApiProvider.V0:
|
||||
return "v0"
|
||||
case ProtoApiProvider.XIAOMI:
|
||||
return "xiaomi"
|
||||
case ProtoApiProvider.ZAI_CODING_PLAN:
|
||||
return "zai-coding-plan"
|
||||
default:
|
||||
return "anthropic"
|
||||
}
|
||||
// Provider ids travel over the wire as plain strings (matching the `ApiProvider`
|
||||
// union in `@shared/api`), so no enum mapping is needed in either direction.
|
||||
// This thin helper just supplies the default and the single cast boundary for
|
||||
// callers reading a provider id off a proto message.
|
||||
export function convertProtoToApiProvider(provider: string | undefined): ApiProvider {
|
||||
return (provider || "anthropic") as ApiProvider
|
||||
}
|
||||
|
||||
// Converts application ApiConfiguration to proto ApiConfiguration
|
||||
@@ -536,7 +339,7 @@ export function convertApiConfigurationToProto(config: ApiConfiguration): ProtoA
|
||||
hicapModelId: config.hicapModelId,
|
||||
|
||||
// Plan mode configurations
|
||||
planModeApiProvider: config.planModeApiProvider ? convertApiProviderToProto(config.planModeApiProvider) : undefined,
|
||||
planModeApiProvider: config.planModeApiProvider,
|
||||
planModeApiModelId: config.planModeApiModelId,
|
||||
planModeThinkingBudgetTokens: config.planModeThinkingBudgetTokens,
|
||||
geminiPlanModeThinkingLevel: config.geminiPlanModeThinkingLevel,
|
||||
@@ -582,7 +385,7 @@ export function convertApiConfigurationToProto(config: ApiConfiguration): ProtoA
|
||||
planModeVercelAiGatewayModelInfo: convertModelInfoToProtoOpenRouter(config.planModeVercelAiGatewayModelInfo),
|
||||
|
||||
// Act mode configurations
|
||||
actModeApiProvider: config.actModeApiProvider ? convertApiProviderToProto(config.actModeApiProvider) : undefined,
|
||||
actModeApiProvider: config.actModeApiProvider,
|
||||
actModeApiModelId: config.actModeApiModelId,
|
||||
actModeThinkingBudgetTokens: config.actModeThinkingBudgetTokens,
|
||||
geminiActModeThinkingLevel: config.geminiActModeThinkingLevel,
|
||||
|
||||
@@ -1,192 +0,0 @@
|
||||
{
|
||||
"list": [
|
||||
{
|
||||
"value": "cline",
|
||||
"label": "Cline"
|
||||
},
|
||||
{
|
||||
"value": "cline-pass",
|
||||
"label": "ClinePass"
|
||||
},
|
||||
{
|
||||
"value": "openai-codex",
|
||||
"label": "ChatGPT Subscription"
|
||||
},
|
||||
{
|
||||
"value": "zai-coding-plan",
|
||||
"label": "Z.AI Coding Plan"
|
||||
},
|
||||
{
|
||||
"value": "gemini",
|
||||
"label": "Google Gemini"
|
||||
},
|
||||
{
|
||||
"value": "openai",
|
||||
"label": "OpenAI Compatible"
|
||||
},
|
||||
{
|
||||
"value": "anthropic",
|
||||
"label": "Anthropic"
|
||||
},
|
||||
{
|
||||
"value": "bedrock",
|
||||
"label": "Amazon Bedrock"
|
||||
},
|
||||
{
|
||||
"value": "vscode-lm",
|
||||
"label": "GitHub Copilot"
|
||||
},
|
||||
{
|
||||
"value": "deepseek",
|
||||
"label": "DeepSeek"
|
||||
},
|
||||
{
|
||||
"value": "openai-native",
|
||||
"label": "OpenAI"
|
||||
},
|
||||
{
|
||||
"value": "openrouter",
|
||||
"label": "OpenRouter"
|
||||
},
|
||||
{
|
||||
"value": "ollama",
|
||||
"label": "Ollama"
|
||||
},
|
||||
{
|
||||
"value": "vertex",
|
||||
"label": "GCP Vertex AI"
|
||||
},
|
||||
{
|
||||
"value": "litellm",
|
||||
"label": "LiteLLM"
|
||||
},
|
||||
{
|
||||
"value": "claude-code",
|
||||
"label": "Claude Code"
|
||||
},
|
||||
{
|
||||
"value": "sapaicore",
|
||||
"label": "SAP AI Core"
|
||||
},
|
||||
{
|
||||
"value": "mistral",
|
||||
"label": "Mistral"
|
||||
},
|
||||
{
|
||||
"value": "zai",
|
||||
"label": "Z AI"
|
||||
},
|
||||
{
|
||||
"value": "groq",
|
||||
"label": "Groq"
|
||||
},
|
||||
{
|
||||
"value": "poolside",
|
||||
"label": "Poolside"
|
||||
},
|
||||
{
|
||||
"value": "cerebras",
|
||||
"label": "Cerebras"
|
||||
},
|
||||
{
|
||||
"value": "vercel-ai-gateway",
|
||||
"label": "Vercel AI Gateway"
|
||||
},
|
||||
{
|
||||
"value": "v0",
|
||||
"label": "Vercel v0"
|
||||
},
|
||||
{
|
||||
"value": "baseten",
|
||||
"label": "Baseten"
|
||||
},
|
||||
{
|
||||
"value": "requesty",
|
||||
"label": "Requesty"
|
||||
},
|
||||
{
|
||||
"value": "fireworks",
|
||||
"label": "Fireworks AI"
|
||||
},
|
||||
{
|
||||
"value": "together",
|
||||
"label": "Together"
|
||||
},
|
||||
{
|
||||
"value": "qwen",
|
||||
"label": "Alibaba Qwen"
|
||||
},
|
||||
{
|
||||
"value": "qwen-code",
|
||||
"label": "Qwen Code"
|
||||
},
|
||||
{
|
||||
"value": "doubao",
|
||||
"label": "Bytedance Doubao"
|
||||
},
|
||||
{
|
||||
"value": "lmstudio",
|
||||
"label": "LM Studio"
|
||||
},
|
||||
{
|
||||
"value": "moonshot",
|
||||
"label": "Moonshot"
|
||||
},
|
||||
{
|
||||
"value": "huggingface",
|
||||
"label": "Hugging Face"
|
||||
},
|
||||
{
|
||||
"value": "nebius",
|
||||
"label": "Nebius AI Studio"
|
||||
},
|
||||
{
|
||||
"value": "asksage",
|
||||
"label": "AskSage"
|
||||
},
|
||||
{
|
||||
"value": "xai",
|
||||
"label": "xAI"
|
||||
},
|
||||
{
|
||||
"value": "sambanova",
|
||||
"label": "SambaNova"
|
||||
},
|
||||
{
|
||||
"value": "huawei-cloud-maas",
|
||||
"label": "Huawei Cloud MaaS"
|
||||
},
|
||||
{
|
||||
"value": "dify",
|
||||
"label": "Dify.ai"
|
||||
},
|
||||
{
|
||||
"value": "oca",
|
||||
"label": "Oracle Code Assist"
|
||||
},
|
||||
{
|
||||
"value": "minimax",
|
||||
"label": "MiniMax"
|
||||
},
|
||||
{
|
||||
"value": "hicap",
|
||||
"label": "Hicap"
|
||||
},
|
||||
{
|
||||
"value": "aihubmix",
|
||||
"label": "AIhubmix"
|
||||
},
|
||||
{
|
||||
"value": "nousResearch",
|
||||
"label": "NousResearch"
|
||||
},
|
||||
{
|
||||
"value": "wandb",
|
||||
"label": "W&B Inference by CoreWeave"
|
||||
},
|
||||
{
|
||||
"value": "xiaomi",
|
||||
"label": "Xiaomi"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -11,6 +11,7 @@ export default defineConfig({
|
||||
"src/shared/vsCodeSelectorUtils.test.ts",
|
||||
"src/shared/proto-conversions/models/**/*.test.ts",
|
||||
"src/core/storage/remote-config/**/*.test.ts",
|
||||
"src/core/controller/state/**/*.test.ts",
|
||||
"src/core/controller/slash/**/*.test.ts",
|
||||
"src/services/mcp/__tests__/settingsLock.test.ts",
|
||||
"src/shared/model-catalog/provider-helpers.test.ts",
|
||||
|
||||
@@ -67,7 +67,7 @@ const HEADER_CLASSNAMES = "flex items-center gap-2.5 mb-3"
|
||||
interface ChatRowProps {
|
||||
message: ClineMessage
|
||||
isExpanded: boolean
|
||||
onToggleExpand: (ts: number) => void
|
||||
onToggleExpand: (ts: number, options?: { preserveAutoScroll?: boolean }) => void
|
||||
lastModifiedMessage?: ClineMessage
|
||||
isLast: boolean
|
||||
onHeightChange: (isTaller: boolean) => void
|
||||
@@ -729,7 +729,7 @@ export const ChatRowContent = memo(
|
||||
// Wait 500ms before auto-expanding to avoid animating fast commands
|
||||
const timer = setTimeout(() => {
|
||||
// Expand after 500ms
|
||||
onToggleExpand(message.ts)
|
||||
onToggleExpand(message.ts, { preserveAutoScroll: true })
|
||||
}, 500)
|
||||
|
||||
return () => clearTimeout(timer)
|
||||
@@ -747,7 +747,7 @@ export const ChatRowContent = memo(
|
||||
isOutputFullyExpanded={isOutputFullyExpanded}
|
||||
message={message}
|
||||
onCancelCommand={onCancelCommand}
|
||||
onOutputChange={isLast ? onLastRowContentChange : undefined}
|
||||
onOutputChange={onLastRowContentChange}
|
||||
setIsOutputFullyExpanded={setIsOutputFullyExpanded}
|
||||
title={title}
|
||||
/>
|
||||
|
||||
@@ -220,7 +220,7 @@ export const ClinePassEntitlementError: Story = {
|
||||
message: createMockMessage(),
|
||||
errorType: "error",
|
||||
apiRequestFailedMessage:
|
||||
"No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan: https://app.cline.bot/promo?code=CLI-100&personal=true",
|
||||
"No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan: https://app.cline.bot/promo?code=CLI-8OFF&personal=true",
|
||||
},
|
||||
parameters: {
|
||||
docs: {
|
||||
|
||||
@@ -171,7 +171,7 @@ describe("ErrorRow", () => {
|
||||
|
||||
it("renders entitlement error when ClineError detects ClineNotSubscribedError", async () => {
|
||||
const cliMessage =
|
||||
"No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan: https://app.cline.bot/promo?code=CLI-100&personal=true"
|
||||
"No access to ClinePass subscription models yet. Subscribe to ClinePass, the low cost open weights model coding plan: https://app.cline.bot/promo?code=CLI-8OFF&personal=true"
|
||||
const mockClineError = {
|
||||
message: cliMessage,
|
||||
isErrorType: vi.fn((type) => type === "entitlement"),
|
||||
|
||||
@@ -131,9 +131,7 @@ const UserMessage: React.FC<UserMessageProps> = ({ text, images, files, messageT
|
||||
</button>
|
||||
<div className="flex items-center gap-1.5">
|
||||
<Tooltip>
|
||||
<TooltipContent side="top">
|
||||
Regenerate from this edited message without changing files.
|
||||
</TooltipContent>
|
||||
<TooltipContent side="top">Rewind conversation, keep current code edits</TooltipContent>
|
||||
<TooltipTrigger asChild>
|
||||
<span className="inline-flex shrink-0">
|
||||
<button
|
||||
@@ -141,16 +139,14 @@ const UserMessage: React.FC<UserMessageProps> = ({ text, images, files, messageT
|
||||
disabled={!!savingMode}
|
||||
onClick={() => handleSave(false)}
|
||||
type="button">
|
||||
{savingMode === "chat" ? "Running..." : "Regenerate"}
|
||||
{savingMode === "chat" ? "Running..." : "Reset Chat"}
|
||||
</button>
|
||||
</span>
|
||||
</TooltipTrigger>
|
||||
</Tooltip>
|
||||
{canRestoreWorkspace && (
|
||||
<Tooltip>
|
||||
<TooltipContent side="top">
|
||||
Restore workspace files to this checkpoint, then regenerate.
|
||||
</TooltipContent>
|
||||
<TooltipContent side="top">Rewind conversation, reset code edits</TooltipContent>
|
||||
<TooltipTrigger asChild>
|
||||
<span className="inline-flex shrink-0">
|
||||
<button
|
||||
@@ -158,7 +154,7 @@ const UserMessage: React.FC<UserMessageProps> = ({ text, images, files, messageT
|
||||
disabled={!!savingMode}
|
||||
onClick={() => handleSave(true)}
|
||||
type="button">
|
||||
{savingMode === "workspace" ? "Restoring..." : "Restore + Run"}
|
||||
{savingMode === "workspace" ? "Restoring..." : "Reset Code"}
|
||||
</button>
|
||||
</span>
|
||||
</TooltipTrigger>
|
||||
|
||||
@@ -5,8 +5,9 @@
|
||||
* even if you confirm the IME conversion (Enter) in message re-edit mode.
|
||||
*/
|
||||
|
||||
import { fireEvent, render, screen } from "@testing-library/react"
|
||||
import { describe, expect, it, vi } from "vitest"
|
||||
import { fireEvent, render, screen, waitFor } from "@testing-library/react"
|
||||
import userEvent from "@testing-library/user-event"
|
||||
import { beforeEach, describe, expect, it, vi } from "vitest"
|
||||
|
||||
vi.mock("@/context/ExtensionStateContext", () => ({
|
||||
__esModule: true,
|
||||
@@ -16,9 +17,29 @@ vi.mock("@/context/ExtensionStateContext", () => ({
|
||||
}),
|
||||
}))
|
||||
|
||||
vi.mock("@/services/grpc-client", () => ({
|
||||
TaskServiceClient: {
|
||||
editMessageAndRegenerate: vi.fn(),
|
||||
},
|
||||
}))
|
||||
|
||||
import { TaskServiceClient } from "@/services/grpc-client"
|
||||
import UserMessage from "../UserMessage"
|
||||
|
||||
describe("UserMessage – IME composition handling", () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks()
|
||||
vi.stubGlobal(
|
||||
"ResizeObserver",
|
||||
class ResizeObserver {
|
||||
observe() {}
|
||||
unobserve() {}
|
||||
disconnect() {}
|
||||
},
|
||||
)
|
||||
vi.mocked(TaskServiceClient.editMessageAndRegenerate).mockResolvedValue({})
|
||||
})
|
||||
|
||||
it("does NOT send when IME composition Enter is pressed while editing", () => {
|
||||
const sendMessageFromChatRow = vi.fn()
|
||||
|
||||
@@ -62,4 +83,39 @@ describe("UserMessage – IME composition handling", () => {
|
||||
window.removeEventListener("keydown", onWindowKeyDown)
|
||||
}
|
||||
})
|
||||
|
||||
it("labels reset actions and preserves their restore behavior", async () => {
|
||||
const user = userEvent.setup()
|
||||
render(<UserMessage files={["src/app.ts"]} images={["image.png"]} messageTs={123} text="Update this" />)
|
||||
|
||||
await user.click(screen.getByText("Update this"))
|
||||
|
||||
expect(screen.getByRole("button", { name: "Reset Chat" })).toBeInTheDocument()
|
||||
expect(screen.getByRole("button", { name: "Reset Code" })).toBeInTheDocument()
|
||||
|
||||
await user.click(screen.getByRole("button", { name: "Reset Chat" }))
|
||||
await waitFor(() => expect(TaskServiceClient.editMessageAndRegenerate).toHaveBeenCalledTimes(1))
|
||||
expect(TaskServiceClient.editMessageAndRegenerate).toHaveBeenLastCalledWith(
|
||||
expect.objectContaining({
|
||||
messageTs: 123,
|
||||
text: "Update this",
|
||||
images: ["image.png"],
|
||||
files: ["src/app.ts"],
|
||||
restoreWorkspace: false,
|
||||
}),
|
||||
)
|
||||
|
||||
await user.click(screen.getByText("Update this"))
|
||||
await user.click(screen.getByRole("button", { name: "Reset Code" }))
|
||||
await waitFor(() => expect(TaskServiceClient.editMessageAndRegenerate).toHaveBeenCalledTimes(2))
|
||||
expect(TaskServiceClient.editMessageAndRegenerate).toHaveBeenLastCalledWith(
|
||||
expect.objectContaining({
|
||||
messageTs: 123,
|
||||
text: "Update this",
|
||||
images: ["image.png"],
|
||||
files: ["src/app.ts"],
|
||||
restoreWorkspace: true,
|
||||
}),
|
||||
)
|
||||
})
|
||||
})
|
||||
|
||||
+22
@@ -75,6 +75,28 @@ describe("InputSection", () => {
|
||||
expect(handleSendMessage).toHaveBeenCalledWith("queue this", [], [])
|
||||
})
|
||||
|
||||
it("allows submit while approval is pending so typed feedback can reject the approval", () => {
|
||||
mockTurnState.mockReturnValue({ phase: "awaiting_approval", seq: 1 })
|
||||
const handleSendMessage = vi.fn().mockResolvedValue(undefined)
|
||||
|
||||
render(
|
||||
<InputSection
|
||||
chatState={makeChatState({ sendingDisabled: true })}
|
||||
messageHandlers={{ handleSendMessage } as unknown as MessageHandlers}
|
||||
placeholderText="Type a message"
|
||||
scrollBehavior={makeScrollBehavior()}
|
||||
selectFilesAndImages={vi.fn()}
|
||||
shouldDisableFilesAndImages={false}
|
||||
/>,
|
||||
)
|
||||
|
||||
const composer = screen.getByLabelText("composer")
|
||||
expect(composer).not.toBeDisabled()
|
||||
|
||||
fireEvent.keyDown(composer, { key: "Enter" })
|
||||
expect(handleSendMessage).toHaveBeenCalledWith("queue this", [], [])
|
||||
})
|
||||
|
||||
it("allows submit for legacy active-task state when turnState is unavailable", () => {
|
||||
mockTurnState.mockReturnValue(undefined)
|
||||
const handleSendMessage = vi.fn().mockResolvedValue(undefined)
|
||||
|
||||
+59
@@ -0,0 +1,59 @@
|
||||
import type { QueuedPrompt } from "@shared/ExtensionMessage"
|
||||
import { fireEvent, render, screen, waitFor } from "@testing-library/react"
|
||||
import { beforeEach, describe, expect, it, vi } from "vitest"
|
||||
import { QueuedPrompts } from "./QueuedPrompts"
|
||||
|
||||
const cancelQueuedPromptMock = vi.hoisted(() => vi.fn())
|
||||
|
||||
vi.mock("@/services/grpc-client", () => ({
|
||||
TaskServiceClient: {
|
||||
cancelQueuedPrompt: (request: unknown) => cancelQueuedPromptMock(request),
|
||||
},
|
||||
}))
|
||||
|
||||
vi.mock("@shared/proto/cline/common", () => ({
|
||||
StringRequest: {
|
||||
create: (request: unknown) => request,
|
||||
},
|
||||
}))
|
||||
|
||||
const queuedPrompts: QueuedPrompt[] = [
|
||||
{
|
||||
id: "prompt-1",
|
||||
prompt: "First queued message",
|
||||
delivery: "queue",
|
||||
attachmentCount: 0,
|
||||
},
|
||||
{
|
||||
id: "prompt-2",
|
||||
prompt: "Second queued message",
|
||||
delivery: "steer",
|
||||
attachmentCount: 1,
|
||||
},
|
||||
]
|
||||
|
||||
describe("QueuedPrompts", () => {
|
||||
beforeEach(() => {
|
||||
cancelQueuedPromptMock.mockReset()
|
||||
cancelQueuedPromptMock.mockResolvedValue({})
|
||||
})
|
||||
|
||||
it("cancels a queued prompt from the row action", async () => {
|
||||
render(<QueuedPrompts items={queuedPrompts} />)
|
||||
|
||||
const cancelButtons = screen.getAllByRole("button", { name: "Cancel queued message" })
|
||||
fireEvent.click(cancelButtons[0])
|
||||
|
||||
expect(cancelQueuedPromptMock).toHaveBeenCalledTimes(1)
|
||||
expect(cancelQueuedPromptMock).toHaveBeenCalledWith({ value: "prompt-1" })
|
||||
expect(cancelButtons[0]).toBeDisabled()
|
||||
|
||||
await waitFor(() => expect(cancelButtons[0]).not.toBeDisabled())
|
||||
})
|
||||
|
||||
it("does not render an empty queue", () => {
|
||||
const { container } = render(<QueuedPrompts items={[]} />)
|
||||
|
||||
expect(container).toBeEmptyDOMElement()
|
||||
})
|
||||
})
|
||||
+30
@@ -1,4 +1,7 @@
|
||||
import type { QueuedPrompt } from "@shared/ExtensionMessage"
|
||||
import { StringRequest } from "@shared/proto/cline/common"
|
||||
import { useState } from "react"
|
||||
import { TaskServiceClient } from "@/services/grpc-client"
|
||||
|
||||
function truncatePrompt(prompt: string): string {
|
||||
const trimmed = prompt.trim()
|
||||
@@ -29,10 +32,27 @@ interface QueuedPromptsProps {
|
||||
}
|
||||
|
||||
export function QueuedPrompts({ items = [] }: QueuedPromptsProps) {
|
||||
const [cancellingIds, setCancellingIds] = useState<Set<string>>(() => new Set())
|
||||
|
||||
if (items.length === 0) {
|
||||
return null
|
||||
}
|
||||
|
||||
const cancelQueuedPrompt = (promptId: string) => {
|
||||
setCancellingIds((current) => new Set(current).add(promptId))
|
||||
TaskServiceClient.cancelQueuedPrompt(StringRequest.create({ value: promptId }))
|
||||
.catch((error) => {
|
||||
console.error("Failed to cancel queued prompt:", error)
|
||||
})
|
||||
.finally(() => {
|
||||
setCancellingIds((current) => {
|
||||
const next = new Set(current)
|
||||
next.delete(promptId)
|
||||
return next
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="mx-3 mt-2.5 mb-2.5 rounded-xs border border-editor-group-border bg-code/70 px-2.5 py-2 shadow-xs">
|
||||
<div className="mb-1.5 flex items-center gap-1.5 text-xs font-medium text-description">
|
||||
@@ -43,6 +63,7 @@ export function QueuedPrompts({ items = [] }: QueuedPromptsProps) {
|
||||
{items.map((item) => {
|
||||
const attachments = attachmentLabel(item.attachmentCount)
|
||||
const isSteer = item.delivery === "steer"
|
||||
const isCancelling = cancellingIds.has(item.id)
|
||||
return (
|
||||
<div
|
||||
className="flex items-start gap-2 rounded-[3px] bg-input-background/40 px-2 py-1.5 text-xs leading-snug"
|
||||
@@ -59,6 +80,15 @@ export function QueuedPrompts({ items = [] }: QueuedPromptsProps) {
|
||||
{attachments}
|
||||
</span>
|
||||
)}
|
||||
<button
|
||||
aria-label="Cancel queued message"
|
||||
className="mt-[-2px] flex size-5 shrink-0 items-center justify-center rounded-[3px] text-description hover:bg-toolbar-hover-background hover:text-foreground disabled:pointer-events-none disabled:opacity-50"
|
||||
disabled={isCancelling}
|
||||
onClick={() => cancelQueuedPrompt(item.id)}
|
||||
title="Cancel queued message"
|
||||
type="button">
|
||||
<span aria-hidden="true" className="codicon codicon-close text-[12px]" />
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
})}
|
||||
|
||||
+2
-2
@@ -15,7 +15,7 @@ interface MessageRendererProps {
|
||||
groupedMessages: (ClineMessage | ClineMessage[])[]
|
||||
modifiedMessages: ClineMessage[]
|
||||
expandedRows: Record<number, boolean>
|
||||
onToggleExpand: (ts: number) => void
|
||||
onToggleExpand: (ts: number, options?: { preserveAutoScroll?: boolean }) => void
|
||||
onHeightChange: (isTaller: boolean) => void
|
||||
onLastRowContentChange: () => void
|
||||
onSetQuote: (quote: string | null) => void
|
||||
@@ -136,7 +136,7 @@ export const createMessageRenderer = (
|
||||
groupedMessages: (ClineMessage | ClineMessage[])[],
|
||||
modifiedMessages: ClineMessage[],
|
||||
expandedRows: Record<number, boolean>,
|
||||
onToggleExpand: (ts: number) => void,
|
||||
onToggleExpand: (ts: number, options?: { preserveAutoScroll?: boolean }) => void,
|
||||
onHeightChange: (isTaller: boolean) => void,
|
||||
onLastRowContentChange: () => void,
|
||||
onSetQuote: (quote: string | null) => void,
|
||||
|
||||
+74
@@ -7,6 +7,7 @@ import { beforeEach, describe, expect, it, vi } from "vitest"
|
||||
const newTask = vi.fn().mockResolvedValue(undefined)
|
||||
const askResponse = vi.fn().mockResolvedValue(undefined)
|
||||
const condense = vi.fn().mockResolvedValue(undefined)
|
||||
const trackIntent = vi.fn().mockResolvedValue(undefined)
|
||||
|
||||
vi.mock("@/services/grpc-client", () => ({
|
||||
TaskServiceClient: {
|
||||
@@ -18,6 +19,9 @@ vi.mock("@/services/grpc-client", () => ({
|
||||
condense: (req: unknown) => condense(req),
|
||||
reportBug: vi.fn().mockResolvedValue(undefined),
|
||||
},
|
||||
UiServiceClient: {
|
||||
trackIntent: (req: unknown) => trackIntent(req),
|
||||
},
|
||||
}))
|
||||
|
||||
// Proto request factories just echo their input so we can assert on it.
|
||||
@@ -25,6 +29,9 @@ vi.mock("@shared/proto/cline/task", () => ({
|
||||
AskResponseRequest: { create: (x: unknown) => x },
|
||||
NewTaskRequest: { create: (x: unknown) => x },
|
||||
}))
|
||||
vi.mock("@shared/proto/cline/ui", () => ({
|
||||
IntentEvent: { create: (x: unknown) => x },
|
||||
}))
|
||||
vi.mock("@shared/proto/cline/common", () => ({
|
||||
EmptyRequest: { create: (x: unknown) => x },
|
||||
StringRequest: { create: (x: unknown) => x },
|
||||
@@ -93,6 +100,8 @@ describe("useMessageHandlers — send routing", () => {
|
||||
askResponse.mockResolvedValue(undefined)
|
||||
condense.mockReset()
|
||||
condense.mockResolvedValue(undefined)
|
||||
trackIntent.mockReset()
|
||||
trackIntent.mockResolvedValue(undefined)
|
||||
mockTurnState = undefined
|
||||
})
|
||||
|
||||
@@ -108,6 +117,7 @@ describe("useMessageHandlers — send routing", () => {
|
||||
expect(condense).toHaveBeenCalledWith(expect.objectContaining({ value: "compact" }))
|
||||
expect(newTask).not.toHaveBeenCalled()
|
||||
expect(askResponse).not.toHaveBeenCalled()
|
||||
expect(trackIntent).not.toHaveBeenCalled()
|
||||
})
|
||||
|
||||
it("routes the /smol alias to the condense RPC as well", async () => {
|
||||
@@ -121,6 +131,7 @@ describe("useMessageHandlers — send routing", () => {
|
||||
expect(condense).toHaveBeenCalledTimes(1)
|
||||
expect(newTask).not.toHaveBeenCalled()
|
||||
expect(askResponse).not.toHaveBeenCalled()
|
||||
expect(trackIntent).not.toHaveBeenCalled()
|
||||
})
|
||||
|
||||
it("does not intercept /compact when there is no active task (starts a new task instead)", async () => {
|
||||
@@ -133,6 +144,17 @@ describe("useMessageHandlers — send routing", () => {
|
||||
|
||||
expect(condense).not.toHaveBeenCalled()
|
||||
expect(newTask).toHaveBeenCalledTimes(1)
|
||||
expect(trackIntent).toHaveBeenCalledWith(
|
||||
expect.objectContaining({
|
||||
action: "prompt_submitted",
|
||||
source: "chat_submit",
|
||||
hasText: true,
|
||||
hasImages: false,
|
||||
hasFiles: false,
|
||||
hasActiveTask: false,
|
||||
textLength: "/compact".length,
|
||||
}),
|
||||
)
|
||||
})
|
||||
|
||||
it("after a completed turn (no clineAsk), Enter continues the conversation via askResponse — NOT newTask", async () => {
|
||||
@@ -148,6 +170,17 @@ describe("useMessageHandlers — send routing", () => {
|
||||
expect(askResponse).toHaveBeenCalledWith(
|
||||
expect.objectContaining({ responseType: "messageResponse", text: "another question" }),
|
||||
)
|
||||
expect(trackIntent).toHaveBeenCalledWith(
|
||||
expect.objectContaining({
|
||||
action: "prompt_submitted",
|
||||
source: "chat_submit",
|
||||
hasText: true,
|
||||
hasImages: false,
|
||||
hasFiles: false,
|
||||
hasActiveTask: true,
|
||||
textLength: "another question".length,
|
||||
}),
|
||||
)
|
||||
})
|
||||
|
||||
it("shows pending composer state before a follow-up askResponse resolves", async () => {
|
||||
@@ -300,6 +333,36 @@ describe("useMessageHandlers — send routing", () => {
|
||||
expect(setPendingUserMessage).not.toHaveBeenCalled()
|
||||
})
|
||||
|
||||
it("rejects a pending approval when the composer is submitted with typed feedback", async () => {
|
||||
mockTurnState = { phase: "awaiting_approval", anchorTs: 2, seq: 9 }
|
||||
const approvalConversation: ClineMessage[] = [
|
||||
{ ts: 1, type: "say", say: "task", text: "task" },
|
||||
{ ts: 2, type: "ask", ask: "tool", text: JSON.stringify({ tool: "newFileCreated", path: "notes.txt" }) },
|
||||
]
|
||||
const setPendingUserMessage = vi.fn()
|
||||
const { result } = renderHook(() =>
|
||||
useMessageHandlers(approvalConversation, makeChatState(approvalConversation, { setPendingUserMessage })),
|
||||
)
|
||||
|
||||
await act(async () => {
|
||||
await result.current.handleSendMessage("use a different filename", ["image.png"], ["notes.txt"])
|
||||
})
|
||||
|
||||
expect(newTask).not.toHaveBeenCalled()
|
||||
expect(condense).not.toHaveBeenCalled()
|
||||
expect(askResponse).toHaveBeenCalledTimes(1)
|
||||
expect(askResponse).toHaveBeenCalledWith(
|
||||
expect.objectContaining({
|
||||
responseType: "noButtonClicked",
|
||||
text: "use a different filename",
|
||||
images: ["image.png"],
|
||||
files: ["notes.txt"],
|
||||
}),
|
||||
)
|
||||
expect(askResponse).not.toHaveBeenCalledWith(expect.objectContaining({ responseType: "messageResponse" }))
|
||||
expect(setPendingUserMessage).not.toHaveBeenCalled()
|
||||
})
|
||||
|
||||
it("phase awaiting_followup also routes a follow-up to askResponse", async () => {
|
||||
mockTurnState = { phase: "awaiting_followup", seq: 3 }
|
||||
const { result } = renderHook(() => useMessageHandlers(completedConversation, makeChatState(completedConversation)))
|
||||
@@ -349,6 +412,17 @@ describe("useMessageHandlers — send routing", () => {
|
||||
|
||||
expect(newTask).toHaveBeenCalledTimes(1)
|
||||
expect(askResponse).not.toHaveBeenCalled()
|
||||
expect(trackIntent).toHaveBeenCalledWith(
|
||||
expect.objectContaining({
|
||||
action: "prompt_submitted",
|
||||
source: "chat_submit",
|
||||
hasText: true,
|
||||
hasImages: false,
|
||||
hasFiles: false,
|
||||
hasActiveTask: false,
|
||||
textLength: "brand new task".length,
|
||||
}),
|
||||
)
|
||||
})
|
||||
|
||||
it("restores pending new-task UI state when the RPC fails", async () => {
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
import type { ClineMessage } from "@shared/ExtensionMessage"
|
||||
import { EmptyRequest, StringRequest } from "@shared/proto/cline/common"
|
||||
import { AskResponseRequest, NewTaskRequest } from "@shared/proto/cline/task"
|
||||
import { IntentEvent } from "@shared/proto/cline/ui"
|
||||
import { useCallback, useRef } from "react"
|
||||
import { useExtensionState } from "@/context/ExtensionStateContext"
|
||||
import { SlashServiceClient, TaskServiceClient } from "@/services/grpc-client"
|
||||
import { SlashServiceClient, TaskServiceClient, UiServiceClient } from "@/services/grpc-client"
|
||||
import type { ButtonActionType } from "../shared/buttonConfig"
|
||||
import type { ChatState, MessageHandlers } from "../types/chatTypes"
|
||||
|
||||
@@ -64,6 +65,19 @@ export function useMessageHandlers(messages: ClineMessage[], chatState: ChatStat
|
||||
if (hasContent) {
|
||||
console.log("[ChatView] handleSendMessage - Sending message:", messageToSend)
|
||||
let messageSent = false
|
||||
const trackPromptSubmitted = (hasActiveTask: boolean) => {
|
||||
UiServiceClient.trackIntent(
|
||||
IntentEvent.create({
|
||||
action: "prompt_submitted",
|
||||
source: "chat_submit",
|
||||
hasText: messageToSend.length > 0,
|
||||
hasImages: images.length > 0,
|
||||
hasFiles: files.length > 0,
|
||||
hasActiveTask,
|
||||
textLength: messageToSend.length,
|
||||
}),
|
||||
).catch((error) => console.error("Failed to track prompt submit:", error))
|
||||
}
|
||||
const clearSentMessageState = () => {
|
||||
setInputValue("")
|
||||
setActiveQuote(null)
|
||||
@@ -84,6 +98,7 @@ export function useMessageHandlers(messages: ClineMessage[], chatState: ChatStat
|
||||
request: ReturnType<typeof AskResponseRequest.create>,
|
||||
options: { showPendingMessage?: boolean } = {},
|
||||
) => {
|
||||
trackPromptSubmitted(true)
|
||||
clearSentMessageState()
|
||||
if (options.showPendingMessage) {
|
||||
const afterTs = Math.max(0, ...messages.map((message) => message.ts))
|
||||
@@ -118,6 +133,7 @@ export function useMessageHandlers(messages: ClineMessage[], chatState: ChatStat
|
||||
files,
|
||||
})
|
||||
clearSentMessageState()
|
||||
trackPromptSubmitted(false)
|
||||
try {
|
||||
await TaskServiceClient.newTask(request)
|
||||
} catch (error) {
|
||||
@@ -125,6 +141,16 @@ export function useMessageHandlers(messages: ClineMessage[], chatState: ChatStat
|
||||
throw error
|
||||
}
|
||||
messageSent = true
|
||||
} else if (turnState?.phase === "awaiting_approval") {
|
||||
await sendAskResponseWithPendingState(
|
||||
AskResponseRequest.create({
|
||||
responseType: "noButtonClicked",
|
||||
text: messageToSend,
|
||||
images,
|
||||
files,
|
||||
}),
|
||||
)
|
||||
messageSent = true
|
||||
} else if (clineAsk) {
|
||||
// For resume_task and resume_completed_task, use yesButtonClicked to match Resume button behavior
|
||||
// This ensures Enter key and Resume button work identically
|
||||
@@ -246,9 +272,16 @@ export function useMessageHandlers(messages: ClineMessage[], chatState: ChatStat
|
||||
|
||||
// Start a new task
|
||||
const startNewTask = useCallback(async () => {
|
||||
UiServiceClient.trackIntent(
|
||||
IntentEvent.create({
|
||||
action: "new_task_clicked",
|
||||
source: "chat_new_task",
|
||||
hasActiveTask: messages.length > 0,
|
||||
}),
|
||||
).catch((error) => console.error("Failed to track new task click:", error))
|
||||
setActiveQuote(null)
|
||||
await TaskServiceClient.clearTask(EmptyRequest.create({}))
|
||||
}, [setActiveQuote])
|
||||
}, [messages.length, setActiveQuote])
|
||||
|
||||
// Clear input state helper
|
||||
const clearInputState = useCallback(() => {
|
||||
|
||||
+110
@@ -0,0 +1,110 @@
|
||||
import { act, renderHook } from "@testing-library/react"
|
||||
import type { MutableRefObject } from "react"
|
||||
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest"
|
||||
import { useScrollBehavior } from "./useScrollBehavior"
|
||||
|
||||
const commandMessage = {
|
||||
ts: 1,
|
||||
type: "ask",
|
||||
ask: "command",
|
||||
text: "echo hi",
|
||||
}
|
||||
|
||||
describe("useScrollBehavior", () => {
|
||||
beforeEach(() => {
|
||||
vi.useFakeTimers()
|
||||
})
|
||||
|
||||
afterEach(() => {
|
||||
vi.useRealTimers()
|
||||
})
|
||||
|
||||
it("scrolls to bottom after command output layout has been quiet for 500ms", () => {
|
||||
const { result } = renderHook(() => useScrollBehavior([], [], [], {}, vi.fn()))
|
||||
const scrollTo = vi.fn()
|
||||
act(() => {
|
||||
vi.runOnlyPendingTimers()
|
||||
})
|
||||
;(result.current.virtuosoRef as MutableRefObject<{ scrollTo: typeof scrollTo } | null>).current = { scrollTo }
|
||||
|
||||
act(() => {
|
||||
result.current.handleLastRowContentChange()
|
||||
})
|
||||
|
||||
expect(scrollTo).not.toHaveBeenCalled()
|
||||
|
||||
act(() => {
|
||||
vi.advanceTimersByTime(499)
|
||||
})
|
||||
expect(scrollTo).not.toHaveBeenCalled()
|
||||
|
||||
act(() => {
|
||||
vi.advanceTimersByTime(1)
|
||||
})
|
||||
expect(scrollTo).toHaveBeenCalledWith({
|
||||
top: Number.MAX_SAFE_INTEGER,
|
||||
behavior: "smooth",
|
||||
})
|
||||
})
|
||||
|
||||
it("resets the 500ms wait when another command output change arrives", () => {
|
||||
const { result } = renderHook(() => useScrollBehavior([], [], [], {}, vi.fn()))
|
||||
const scrollTo = vi.fn()
|
||||
act(() => {
|
||||
vi.runOnlyPendingTimers()
|
||||
})
|
||||
;(result.current.virtuosoRef as MutableRefObject<{ scrollTo: typeof scrollTo } | null>).current = { scrollTo }
|
||||
|
||||
act(() => {
|
||||
result.current.handleLastRowContentChange()
|
||||
scrollTo.mockClear()
|
||||
vi.advanceTimersByTime(400)
|
||||
result.current.handleLastRowContentChange()
|
||||
scrollTo.mockClear()
|
||||
vi.advanceTimersByTime(499)
|
||||
})
|
||||
expect(scrollTo).not.toHaveBeenCalled()
|
||||
|
||||
act(() => {
|
||||
vi.advanceTimersByTime(1)
|
||||
})
|
||||
expect(scrollTo).toHaveBeenCalledWith({
|
||||
top: Number.MAX_SAFE_INTEGER,
|
||||
behavior: "smooth",
|
||||
})
|
||||
})
|
||||
|
||||
it("does not re-pin command output changes after auto-scroll is disabled", () => {
|
||||
const { result } = renderHook(() => useScrollBehavior([], [], [], {}, vi.fn()))
|
||||
const scrollTo = vi.fn()
|
||||
;(result.current.virtuosoRef as MutableRefObject<{ scrollTo: typeof scrollTo } | null>).current = { scrollTo }
|
||||
|
||||
act(() => {
|
||||
result.current.disableAutoScrollRef.current = true
|
||||
result.current.handleLastRowContentChange()
|
||||
vi.runAllTimers()
|
||||
})
|
||||
|
||||
expect(scrollTo).not.toHaveBeenCalled()
|
||||
})
|
||||
|
||||
it("disables auto-scroll when a user expands a row", () => {
|
||||
const { result } = renderHook(() => useScrollBehavior([], [], [commandMessage as any], {}, vi.fn()))
|
||||
|
||||
act(() => {
|
||||
result.current.toggleRowExpansion(commandMessage.ts)
|
||||
})
|
||||
|
||||
expect(result.current.disableAutoScrollRef.current).toBe(true)
|
||||
})
|
||||
|
||||
it("keeps auto-scroll enabled when command output expands programmatically", () => {
|
||||
const { result } = renderHook(() => useScrollBehavior([], [], [commandMessage as any], {}, vi.fn()))
|
||||
|
||||
act(() => {
|
||||
result.current.toggleRowExpansion(commandMessage.ts, { preserveAutoScroll: true })
|
||||
})
|
||||
|
||||
expect(result.current.disableAutoScrollRef.current).toBe(false)
|
||||
})
|
||||
})
|
||||
@@ -30,7 +30,7 @@ export function useScrollBehavior(
|
||||
const virtuosoRef = useRef<VirtuosoHandle>(null)
|
||||
const scrollContainerRef = useRef<HTMLDivElement>(null)
|
||||
const disableAutoScrollRef = useRef(false)
|
||||
const lastRowContentScrollTimersRef = useRef<ReturnType<typeof setTimeout>[]>([])
|
||||
const layoutSettleScrollTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
|
||||
|
||||
// State
|
||||
const [isAtBottom, setIsAtBottom] = useState(false)
|
||||
@@ -214,7 +214,7 @@ export function useScrollBehavior(
|
||||
|
||||
// scroll when user toggles certain rows
|
||||
const toggleRowExpansion = useCallback(
|
||||
(ts: number) => {
|
||||
(ts: number, options?: { preserveAutoScroll?: boolean }) => {
|
||||
const isCollapsing = expandedRows[ts] ?? false
|
||||
const lastGroup = groupedMessages.at(-1)
|
||||
const isLast = Array.isArray(lastGroup) ? lastGroup[0].ts === ts : lastGroup?.ts === ts
|
||||
@@ -234,8 +234,9 @@ export function useScrollBehavior(
|
||||
[ts]: !prev[ts],
|
||||
}))
|
||||
|
||||
// disable auto scroll when user expands row
|
||||
if (!isCollapsing) {
|
||||
// Disable auto-scroll when the user expands a row. Programmatic expansions
|
||||
// for active command output should keep bottom pinning engaged.
|
||||
if (!isCollapsing && !options?.preserveAutoScroll) {
|
||||
disableAutoScrollRef.current = true
|
||||
}
|
||||
// Only scroll on collapse, never on expand - expanding should stay in place
|
||||
@@ -259,43 +260,41 @@ export function useScrollBehavior(
|
||||
[groupedMessages, expandedRows, scrollToBottomAuto, isAtBottom],
|
||||
)
|
||||
|
||||
const handleRowHeightChange = useCallback(
|
||||
(isTaller: boolean) => {
|
||||
if (!disableAutoScrollRef.current) {
|
||||
if (isTaller) {
|
||||
scrollToBottomSmooth()
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
scrollToBottomAuto()
|
||||
}, 0)
|
||||
}
|
||||
}
|
||||
},
|
||||
[scrollToBottomSmooth, scrollToBottomAuto],
|
||||
)
|
||||
|
||||
const clearLastRowContentScrollTimers = useCallback(() => {
|
||||
lastRowContentScrollTimersRef.current.forEach((timer) => clearTimeout(timer))
|
||||
lastRowContentScrollTimersRef.current = []
|
||||
const clearLayoutSettleScrollTimers = useCallback(() => {
|
||||
if (layoutSettleScrollTimerRef.current !== null) {
|
||||
clearTimeout(layoutSettleScrollTimerRef.current)
|
||||
layoutSettleScrollTimerRef.current = null
|
||||
}
|
||||
}, [])
|
||||
|
||||
const handleLastRowContentChange = useCallback(() => {
|
||||
const keepPinnedToBottomAfterLayout = useCallback(() => {
|
||||
if (disableAutoScrollRef.current) {
|
||||
return
|
||||
}
|
||||
|
||||
clearLastRowContentScrollTimers()
|
||||
scrollToBottomSmooth()
|
||||
lastRowContentScrollTimersRef.current = [0, 50].map((delay) =>
|
||||
setTimeout(() => {
|
||||
if (!disableAutoScrollRef.current) {
|
||||
scrollToBottomAuto()
|
||||
}
|
||||
}, delay),
|
||||
)
|
||||
}, [clearLastRowContentScrollTimers, scrollToBottomSmooth, scrollToBottomAuto])
|
||||
if (layoutSettleScrollTimerRef.current !== null) {
|
||||
clearTimeout(layoutSettleScrollTimerRef.current)
|
||||
}
|
||||
layoutSettleScrollTimerRef.current = setTimeout(() => {
|
||||
if (!disableAutoScrollRef.current) {
|
||||
scrollToBottomSmooth()
|
||||
}
|
||||
layoutSettleScrollTimerRef.current = null
|
||||
}, 500)
|
||||
}, [scrollToBottomSmooth])
|
||||
|
||||
useEffect(() => clearLastRowContentScrollTimers, [clearLastRowContentScrollTimers])
|
||||
const handleRowHeightChange = useCallback(
|
||||
(_isTaller: boolean) => {
|
||||
keepPinnedToBottomAfterLayout()
|
||||
},
|
||||
[keepPinnedToBottomAfterLayout],
|
||||
)
|
||||
|
||||
const handleLastRowContentChange = useCallback(() => {
|
||||
keepPinnedToBottomAfterLayout()
|
||||
}, [keepPinnedToBottomAfterLayout])
|
||||
|
||||
useEffect(() => clearLayoutSettleScrollTimers, [clearLayoutSettleScrollTimers])
|
||||
|
||||
useEffect(() => {
|
||||
if (!disableAutoScrollRef.current) {
|
||||
|
||||
@@ -78,7 +78,7 @@ export interface ScrollBehavior {
|
||||
scrollToBottomSmooth: () => void
|
||||
scrollToBottomAuto: () => void
|
||||
scrollToMessage: (messageIndex: number) => void
|
||||
toggleRowExpansion: (ts: number) => void
|
||||
toggleRowExpansion: (ts: number, options?: { preserveAutoScroll?: boolean }) => void
|
||||
handleRowHeightChange: (isTaller: boolean) => void
|
||||
handleLastRowContentChange: () => void
|
||||
isAtBottom: boolean
|
||||
|
||||
@@ -9,7 +9,6 @@ import {
|
||||
ToggleCursorRuleRequest,
|
||||
ToggleSkillRequest,
|
||||
ToggleWindsurfRuleRequest,
|
||||
ToggleWorkflowRequest,
|
||||
} from "@shared/proto/cline/file"
|
||||
import { VSCodeButton, VSCodeLink } from "@vscode/webview-ui-toolkit/react"
|
||||
import React, { useEffect, useRef, useState } from "react"
|
||||
@@ -33,8 +32,6 @@ const ClineRulesToggleModal: React.FC = () => {
|
||||
localCursorRulesToggles = {},
|
||||
localWindsurfRulesToggles = {},
|
||||
localAgentsRulesToggles = {},
|
||||
localWorkflowToggles = {},
|
||||
globalWorkflowToggles = {},
|
||||
hooksEnabled,
|
||||
setGlobalClineRulesToggles,
|
||||
setLocalClineRulesToggles,
|
||||
@@ -61,7 +58,7 @@ const ClineRulesToggleModal: React.FC = () => {
|
||||
const { width: viewportWidth, height: viewportHeight } = useWindowSize()
|
||||
const [arrowPosition, setArrowPosition] = useState(0)
|
||||
const [menuPosition, setMenuPosition] = useState(0)
|
||||
const [currentView, setCurrentView] = useState<"rules" | "workflows" | "hooks" | "skills">("rules")
|
||||
const [currentView, setCurrentView] = useState<"rules" | "hooks" | "skills">("rules")
|
||||
|
||||
// Auto-switch to rules tab if hooks become disabled while viewing hooks tab
|
||||
useEffect(() => {
|
||||
@@ -208,20 +205,10 @@ const ClineRulesToggleModal: React.FC = () => {
|
||||
.map(([path, enabled]): [string, boolean] => [path, enabled as boolean])
|
||||
.sort(([a], [b]) => a.localeCompare(b))
|
||||
|
||||
const localWorkflows = Object.entries(localWorkflowToggles || {})
|
||||
.map(([path, enabled]): [string, boolean] => [path, enabled as boolean])
|
||||
.sort(([a], [b]) => a.localeCompare(b))
|
||||
|
||||
const globalWorkflows = Object.entries(globalWorkflowToggles || {})
|
||||
.map(([path, enabled]): [string, boolean] => [path, enabled as boolean])
|
||||
.sort(([a], [b]) => a.localeCompare(b))
|
||||
|
||||
const remoteConfigSettings = useRemoteConfigSettings(isVisible)
|
||||
const remoteRules = remoteConfigSettings.filter((s) => s.type === "rule")
|
||||
const remoteWorkflows = remoteConfigSettings.filter((s) => s.type === "workflow")
|
||||
const remoteSkills = remoteConfigSettings.filter((s) => s.type === "skill")
|
||||
const hasRemoteRules = remoteRules.length > 0
|
||||
const hasRemoteWorkflows = remoteWorkflows.length > 0
|
||||
const hasRemoteSkills = remoteSkills.length > 0
|
||||
|
||||
// Handle toggle rule using gRPC
|
||||
@@ -320,28 +307,6 @@ const ClineRulesToggleModal: React.FC = () => {
|
||||
})
|
||||
}
|
||||
|
||||
const toggleWorkflow = (isGlobal: boolean, workflowPath: string, enabled: boolean) => {
|
||||
FileServiceClient.toggleWorkflow(
|
||||
ToggleWorkflowRequest.create({
|
||||
workflowPath,
|
||||
enabled,
|
||||
scope: isGlobal ? RuleScope.GLOBAL : RuleScope.LOCAL,
|
||||
}),
|
||||
)
|
||||
.then((response) => {
|
||||
if (response.toggles) {
|
||||
if (isGlobal) {
|
||||
setGlobalWorkflowToggles(response.toggles)
|
||||
} else {
|
||||
setLocalWorkflowToggles(response.toggles)
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch((err: Error) => {
|
||||
console.error("Failed to toggle workflow:", err)
|
||||
})
|
||||
}
|
||||
|
||||
// Handle toggle for skills
|
||||
const toggleSkill = (isGlobal: boolean, skillPath: string, enabled: boolean) => {
|
||||
FileServiceClient.toggleSkill(
|
||||
@@ -393,11 +358,11 @@ const ClineRulesToggleModal: React.FC = () => {
|
||||
<div className="inline-flex min-w-0 max-w-full items-center" ref={modalRef}>
|
||||
<div className="inline-flex w-full items-center" ref={buttonRef}>
|
||||
<Tooltip>
|
||||
{!isVisible && <TooltipContent>Manage Cline Rules & Workflows</TooltipContent>}
|
||||
{!isVisible && <TooltipContent>Customize</TooltipContent>}
|
||||
<TooltipTrigger>
|
||||
<VSCodeButton
|
||||
appearance="icon"
|
||||
aria-label={isVisible ? "Hide Cline Rules & Workflows" : "Show Cline Rules & Workflows"}
|
||||
aria-label={isVisible ? "Hide Customize" : "Show Customize"}
|
||||
className="p-0 m-0 flex items-center"
|
||||
onClick={() => setIsVisible(!isVisible)}>
|
||||
<i className="codicon codicon-law" style={{ fontSize: "12.5px" }} />
|
||||
@@ -428,9 +393,6 @@ const ClineRulesToggleModal: React.FC = () => {
|
||||
<TabButton isActive={currentView === "rules"} onClick={() => setCurrentView("rules")}>
|
||||
Rules
|
||||
</TabButton>
|
||||
<TabButton isActive={currentView === "workflows"} onClick={() => setCurrentView("workflows")}>
|
||||
Workflows
|
||||
</TabButton>
|
||||
{hooksEnabled && (
|
||||
<TabButton isActive={currentView === "hooks"} onClick={() => setCurrentView("hooks")}>
|
||||
Hooks
|
||||
@@ -443,17 +405,13 @@ const ClineRulesToggleModal: React.FC = () => {
|
||||
</div>
|
||||
|
||||
{/* Remote config banner */}
|
||||
{(currentView === "rules" && hasRemoteRules) ||
|
||||
(currentView === "workflows" && hasRemoteWorkflows) ||
|
||||
(currentView === "skills" && hasRemoteSkills) ? (
|
||||
{(currentView === "rules" && hasRemoteRules) || (currentView === "skills" && hasRemoteSkills) ? (
|
||||
<div className="flex items-center gap-2 px-3 py-3 mb-4 bg-vscode-textBlockQuote-background border-l-[3px] border-vscode-textLink-foreground">
|
||||
<i className="codicon codicon-lock text-sm" />
|
||||
<span className="text-base">
|
||||
{currentView === "rules"
|
||||
? "Your organization manages some rules"
|
||||
: currentView === "workflows"
|
||||
? "Your organization manages some workflows"
|
||||
: "Your organization manages some skills"}
|
||||
: "Your organization manages some skills"}
|
||||
</span>
|
||||
</div>
|
||||
) : null}
|
||||
@@ -471,17 +429,6 @@ const ClineRulesToggleModal: React.FC = () => {
|
||||
Docs
|
||||
</VSCodeLink>
|
||||
</p>
|
||||
) : currentView === "workflows" ? (
|
||||
<p>
|
||||
Workflows allow you to define a series of steps to guide Cline through a repetitive set of
|
||||
tasks, such as deploying a service or submitting a PR. To invoke a workflow, type{" "}
|
||||
<span className="text-foreground font-bold">/workflow-name</span> in the chat.{" "}
|
||||
<VSCodeLink
|
||||
className="text-xs inline"
|
||||
href="https://docs.cline.bot/features/slash-commands/workflows">
|
||||
Docs
|
||||
</VSCodeLink>
|
||||
</p>
|
||||
) : currentView === "skills" ? (
|
||||
<p>
|
||||
Skills are reusable instruction sets that Cline can activate on-demand. When a task matches a
|
||||
@@ -583,62 +530,6 @@ const ClineRulesToggleModal: React.FC = () => {
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
) : currentView === "workflows" ? (
|
||||
<>
|
||||
{/* Remote Workflows Section */}
|
||||
{hasRemoteWorkflows && (
|
||||
<div className="mb-3">
|
||||
<div className="text-sm font-normal mb-2">Enterprise Workflows</div>
|
||||
<div className="flex flex-col gap-0">
|
||||
{remoteWorkflows.map((workflow) => {
|
||||
const enabled = workflow.locked || workflow.enabled
|
||||
return (
|
||||
<RuleRow
|
||||
alwaysEnabled={workflow.locked}
|
||||
enabled={enabled}
|
||||
isGlobal={false}
|
||||
isRemote={true}
|
||||
key={workflow.name}
|
||||
rulePath={workflow.name}
|
||||
ruleType="workflow"
|
||||
toggleRule={workflow.toggle}
|
||||
/>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Global Workflows Section */}
|
||||
<div className="mb-3">
|
||||
<div className="text-sm font-normal mb-2">Global Workflows</div>
|
||||
|
||||
{/* File-based Global Workflows */}
|
||||
<RulesToggleList
|
||||
isGlobal={true}
|
||||
listGap="small"
|
||||
rules={globalWorkflows}
|
||||
ruleType={"workflow"}
|
||||
showNewRule={true}
|
||||
showNoRules={false}
|
||||
toggleRule={(rulePath, enabled) => toggleWorkflow(true, rulePath, enabled)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Local Workflows Section */}
|
||||
<div className="-mb-2.5">
|
||||
<div className="text-sm font-normal mb-2">Workspace Workflows</div>
|
||||
<RulesToggleList
|
||||
isGlobal={false}
|
||||
listGap="small"
|
||||
rules={localWorkflows}
|
||||
ruleType={"workflow"}
|
||||
showNewRule={true}
|
||||
showNoRules={false}
|
||||
toggleRule={(rulePath, enabled) => toggleWorkflow(false, rulePath, enabled)}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
) : currentView === "hooks" ? (
|
||||
<>
|
||||
<div className="text-xs text-description mb-4">
|
||||
|
||||
@@ -4,11 +4,11 @@ import {
|
||||
type MarketplaceEntry,
|
||||
MarketplaceEntryRequest,
|
||||
type MarketplaceLocalInstalledEntry,
|
||||
MarketplaceLocalInstalledEntryRequest,
|
||||
ToggleMarketplaceLocalInstalledEntryRequest,
|
||||
} from "@shared/proto/cline/marketplace"
|
||||
import { VSCodeButton, VSCodeLink, VSCodeProgressRing, VSCodeTextField } from "@vscode/webview-ui-toolkit/react"
|
||||
import {
|
||||
BlocksIcon,
|
||||
CheckIcon,
|
||||
DownloadIcon,
|
||||
LoaderCircleIcon,
|
||||
@@ -16,6 +16,7 @@ import {
|
||||
PlugIcon,
|
||||
PuzzleIcon,
|
||||
SparklesIcon,
|
||||
Trash2Icon,
|
||||
} from "lucide-react"
|
||||
import { type ReactNode, useCallback, useEffect, useMemo, useState } from "react"
|
||||
import { Switch } from "@/components/ui/switch"
|
||||
@@ -24,9 +25,11 @@ import { MarketplaceServiceClient, McpServiceClient } from "@/services/grpc-clie
|
||||
import { Tab, TabContent, TabList, TabTrigger } from "../common/Tab"
|
||||
import ViewHeader from "../common/ViewHeader"
|
||||
import AddRemoteServerForm from "../mcp/configuration/tabs/add-server/AddRemoteServerForm"
|
||||
import ServersToggleList from "../mcp/configuration/tabs/installed/ServersToggleList"
|
||||
import ServersToggleList, { type MarketplaceMcpMetadata } from "../mcp/configuration/tabs/installed/ServersToggleList"
|
||||
import { entryMatchesLocalEntry, localEntryKey } from "./marketplaceMatch"
|
||||
|
||||
type PrimitiveType = "mcp" | "skill" | "plugin"
|
||||
type MarketplaceSectionType = "installed" | "marketplace"
|
||||
|
||||
type MarketplaceViewProps = {
|
||||
initialType?: PrimitiveType
|
||||
@@ -89,6 +92,11 @@ const PRIMITIVES: PrimitiveConfig[] = [
|
||||
},
|
||||
]
|
||||
|
||||
const MARKETPLACE_SECTIONS: Array<{ type: MarketplaceSectionType; label: string }> = [
|
||||
{ type: "installed", label: "Installed" },
|
||||
{ type: "marketplace", label: "Marketplace" },
|
||||
]
|
||||
|
||||
function isPrimitiveType(value: string): value is PrimitiveType {
|
||||
return value === "mcp" || value === "skill" || value === "plugin"
|
||||
}
|
||||
@@ -172,34 +180,40 @@ const MarketplaceStyles = () => (
|
||||
.marketplace-shell {
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.marketplace-nav {
|
||||
width: 148px;
|
||||
flex: 0 0 148px;
|
||||
overflow-y: auto;
|
||||
border-right: 1px solid var(--vscode-panel-border);
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-width: 0;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
border-bottom: 1px solid var(--vscode-panel-border);
|
||||
background: var(--vscode-sideBar-background);
|
||||
padding: 4px 0;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.marketplace-tab {
|
||||
width: 100%;
|
||||
width: auto;
|
||||
flex: 0 1 auto;
|
||||
min-width: fit-content;
|
||||
height: 34px;
|
||||
border: 0;
|
||||
border-left: 2px solid transparent;
|
||||
border-bottom: 2px solid transparent;
|
||||
background: transparent;
|
||||
color: var(--vscode-descriptionForeground);
|
||||
font: inherit;
|
||||
font-size: var(--vscode-font-size);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
padding: 0 10px;
|
||||
text-align: left;
|
||||
padding: 0 12px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.marketplace-tab:hover {
|
||||
@@ -210,7 +224,7 @@ const MarketplaceStyles = () => (
|
||||
.marketplace-tab[aria-selected="true"] {
|
||||
background: var(--vscode-list-activeSelectionBackground);
|
||||
color: var(--vscode-list-activeSelectionForeground);
|
||||
border-left-color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground));
|
||||
border-bottom-color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground));
|
||||
}
|
||||
|
||||
.marketplace-tab-label {
|
||||
@@ -255,6 +269,47 @@ const MarketplaceStyles = () => (
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.marketplace-subnav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0;
|
||||
min-width: 0;
|
||||
margin: 0 0 12px;
|
||||
border-bottom: 1px solid var(--vscode-panel-border);
|
||||
}
|
||||
|
||||
.marketplace-subtab {
|
||||
height: 30px;
|
||||
border: 0;
|
||||
border-bottom: 2px solid transparent;
|
||||
background: transparent;
|
||||
color: var(--vscode-descriptionForeground);
|
||||
font: inherit;
|
||||
font-size: calc(var(--vscode-font-size) * 0.92);
|
||||
padding: 0 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.marketplace-subtab:hover {
|
||||
background: var(--vscode-list-hoverBackground);
|
||||
color: var(--vscode-foreground);
|
||||
}
|
||||
|
||||
.marketplace-subtab:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.marketplace-subtab:disabled:hover {
|
||||
background: transparent;
|
||||
color: var(--vscode-descriptionForeground);
|
||||
}
|
||||
|
||||
.marketplace-subtab[aria-selected="true"] {
|
||||
color: var(--vscode-foreground);
|
||||
border-bottom-color: var(--vscode-focusBorder);
|
||||
}
|
||||
|
||||
.marketplace-section {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@@ -288,7 +343,7 @@ const MarketplaceStyles = () => (
|
||||
|
||||
.marketplace-row {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 26px;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
gap: 10px;
|
||||
align-items: start;
|
||||
min-height: 42px;
|
||||
@@ -381,7 +436,9 @@ const MarketplaceStyles = () => (
|
||||
|
||||
.marketplace-action {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.marketplace-local-toggle {
|
||||
@@ -420,6 +477,10 @@ const MarketplaceStyles = () => (
|
||||
opacity: 0.65;
|
||||
}
|
||||
|
||||
.marketplace-icon-button-danger {
|
||||
color: var(--vscode-errorForeground, var(--vscode-icon-foreground));
|
||||
}
|
||||
|
||||
.marketplace-icon-button svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
@@ -512,16 +573,14 @@ const MarketplaceStyles = () => (
|
||||
}
|
||||
|
||||
.marketplace-mcp-panel {
|
||||
border: 1px solid var(--vscode-panel-border);
|
||||
background: var(--vscode-sideBar-background);
|
||||
padding: 10px;
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.marketplace-mcp-managed {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 10px;
|
||||
padding: 8px 10px;
|
||||
border-left: 3px solid var(--vscode-textLink-foreground);
|
||||
background: var(--vscode-textBlockQuote-background);
|
||||
@@ -576,33 +635,15 @@ const MarketplaceStyles = () => (
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
.marketplace-shell {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.marketplace-nav {
|
||||
width: auto;
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow: visible;
|
||||
border-right: 0;
|
||||
border-bottom: 1px solid var(--vscode-panel-border);
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.marketplace-tab {
|
||||
width: auto;
|
||||
flex: 1 1 96px;
|
||||
min-width: 96px;
|
||||
border-left: 0;
|
||||
border-bottom: 2px solid transparent;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.marketplace-tab[aria-selected="true"] {
|
||||
border-bottom-color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground));
|
||||
border-left-color: transparent;
|
||||
flex: 1 1 0;
|
||||
min-width: 0;
|
||||
gap: 5px;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.marketplace-inner {
|
||||
@@ -626,17 +667,21 @@ const Section = ({
|
||||
children,
|
||||
count,
|
||||
empty,
|
||||
showHeader = true,
|
||||
title,
|
||||
}: {
|
||||
children: React.ReactNode
|
||||
count: number
|
||||
empty: string
|
||||
showHeader?: boolean
|
||||
title: string
|
||||
}) => (
|
||||
<section className="marketplace-section">
|
||||
<div className="marketplace-section-header">
|
||||
<h3 className="marketplace-section-title">{title}</h3>
|
||||
</div>
|
||||
{showHeader && (
|
||||
<div className="marketplace-section-header">
|
||||
<h3 className="marketplace-section-title">{title}</h3>
|
||||
</div>
|
||||
)}
|
||||
{count > 0 ? <div className="marketplace-list">{children}</div> : <div className="marketplace-empty">{empty}</div>}
|
||||
</section>
|
||||
)
|
||||
@@ -647,17 +692,21 @@ const MarketplaceCatalogSection = ({
|
||||
empty,
|
||||
filters,
|
||||
search,
|
||||
showHeader = true,
|
||||
}: {
|
||||
children: React.ReactNode
|
||||
count: number
|
||||
empty: string
|
||||
filters: React.ReactNode
|
||||
search: React.ReactNode
|
||||
showHeader?: boolean
|
||||
}) => (
|
||||
<section className="marketplace-section">
|
||||
<div className="marketplace-section-header">
|
||||
<h3 className="marketplace-section-title">Marketplace</h3>
|
||||
</div>
|
||||
{showHeader && (
|
||||
<div className="marketplace-section-header">
|
||||
<h3 className="marketplace-section-title">Marketplace</h3>
|
||||
</div>
|
||||
)}
|
||||
{search}
|
||||
{filters}
|
||||
{count > 0 ? <div className="marketplace-list">{children}</div> : <div className="marketplace-empty">{empty}</div>}
|
||||
@@ -697,7 +746,15 @@ const TagFilters = ({
|
||||
)
|
||||
}
|
||||
|
||||
const McpManagementPanel = () => {
|
||||
const McpManagementPanel = ({
|
||||
marketplaceMetadataByServerName,
|
||||
showHeader = true,
|
||||
showServerList = true,
|
||||
}: {
|
||||
marketplaceMetadataByServerName?: Map<string, MarketplaceMcpMetadata>
|
||||
showHeader?: boolean
|
||||
showServerList?: boolean
|
||||
}) => {
|
||||
const { mcpServers, navigateToSettings, remoteConfigSettings } = useExtensionState()
|
||||
const [showAddRemote, setShowAddRemote] = useState(false)
|
||||
const showRemoteServers = remoteConfigSettings?.blockPersonalRemoteMCPServers !== true
|
||||
@@ -705,18 +762,30 @@ const McpManagementPanel = () => {
|
||||
|
||||
return (
|
||||
<section className="marketplace-section">
|
||||
<div className="marketplace-section-header">
|
||||
<h3 className="marketplace-section-title">Installed MCP Servers</h3>
|
||||
</div>
|
||||
<div className="marketplace-mcp-panel">
|
||||
{hasRemoteMCPServers && (
|
||||
<div className="marketplace-mcp-managed">
|
||||
<span className="codicon codicon-lock" />
|
||||
<span>Your organization manages some MCP servers</span>
|
||||
</div>
|
||||
)}
|
||||
<ServersToggleList hasTrashIcon={false} isExpandable={true} listGap="small" servers={mcpServers} />
|
||||
</div>
|
||||
{showHeader && (
|
||||
<div className="marketplace-section-header">
|
||||
<h3 className="marketplace-section-title">Installed MCP Servers</h3>
|
||||
</div>
|
||||
)}
|
||||
{(showServerList || hasRemoteMCPServers) && (
|
||||
<div className="marketplace-mcp-panel">
|
||||
{hasRemoteMCPServers && (
|
||||
<div className="marketplace-mcp-managed">
|
||||
<span className="codicon codicon-lock" />
|
||||
<span>Your organization manages some MCP servers</span>
|
||||
</div>
|
||||
)}
|
||||
{showServerList && (
|
||||
<ServersToggleList
|
||||
hasTrashIcon={true}
|
||||
isExpandable={true}
|
||||
listGap="small"
|
||||
marketplaceMetadataByServerName={marketplaceMetadataByServerName}
|
||||
servers={mcpServers}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
<div className="marketplace-mcp-settings">
|
||||
{showRemoteServers && !showAddRemote && (
|
||||
<VSCodeButton appearance="primary" onClick={() => setShowAddRemote(true)}>
|
||||
@@ -753,14 +822,19 @@ const McpManagementPanel = () => {
|
||||
|
||||
const LocalInstalledRow = ({
|
||||
entry,
|
||||
onUninstall,
|
||||
onToggle,
|
||||
toggling,
|
||||
uninstalling,
|
||||
}: {
|
||||
entry: MarketplaceLocalInstalledEntry
|
||||
onUninstall: (entry: MarketplaceLocalInstalledEntry) => void
|
||||
onToggle: (entry: MarketplaceLocalInstalledEntry, enabled: boolean) => void
|
||||
toggling: boolean
|
||||
uninstalling: boolean
|
||||
}) => {
|
||||
const origin = sourceLabel(entry)
|
||||
const canUninstall = !(entry.type === "skill" && entry.path?.startsWith("remote:"))
|
||||
return (
|
||||
<div className="marketplace-row">
|
||||
<div className="marketplace-row-main">
|
||||
@@ -773,7 +847,7 @@ const LocalInstalledRow = ({
|
||||
{entry.path && <span className="marketplace-path">{entry.path}</span>}
|
||||
</div>
|
||||
</div>
|
||||
<div className="marketplace-local-toggle">
|
||||
<div className="marketplace-action">
|
||||
<Switch
|
||||
aria-label={`${entry.enabled ? "Disable" : "Enable"} ${entry.name || entry.id}`}
|
||||
checked={entry.enabled}
|
||||
@@ -781,6 +855,89 @@ const LocalInstalledRow = ({
|
||||
onClick={() => onToggle(entry, !entry.enabled)}
|
||||
title={`${entry.enabled ? "Disable" : "Enable"} ${entry.name || entry.id}`}
|
||||
/>
|
||||
<button
|
||||
aria-label={`Uninstall ${entry.name || entry.id}`}
|
||||
className="marketplace-icon-button marketplace-icon-button-danger"
|
||||
disabled={uninstalling || !canUninstall}
|
||||
onClick={() => onUninstall(entry)}
|
||||
title={
|
||||
canUninstall ? `Uninstall ${entry.name || entry.id}` : "Remote-managed skills cannot be uninstalled here"
|
||||
}
|
||||
type="button">
|
||||
{uninstalling ? (
|
||||
<LoaderCircleIcon aria-hidden className="marketplace-icon-spin" />
|
||||
) : (
|
||||
<Trash2Icon aria-hidden />
|
||||
)}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const InstalledMarketplaceRow = ({
|
||||
entry,
|
||||
matchedLocalEntries,
|
||||
onToggle,
|
||||
onUninstall,
|
||||
togglingLocalId,
|
||||
uninstalling,
|
||||
}: {
|
||||
entry: MarketplaceEntry
|
||||
matchedLocalEntries: MarketplaceLocalInstalledEntry[]
|
||||
onToggle: (entry: MarketplaceLocalInstalledEntry, enabled: boolean) => void
|
||||
onUninstall: (entry: MarketplaceEntry) => void
|
||||
togglingLocalId: string | null
|
||||
uninstalling: boolean
|
||||
}) => {
|
||||
const primaryLocalEntry = matchedLocalEntries[0]
|
||||
const label = `Uninstall ${entry.name || entry.id}`
|
||||
return (
|
||||
<div className="marketplace-row">
|
||||
<div className="marketplace-row-main">
|
||||
<div className="marketplace-row-title">
|
||||
<CheckIcon aria-hidden className="h-3.5 w-3.5" />
|
||||
<span className="marketplace-row-name">{entry.name || entry.id}</span>
|
||||
</div>
|
||||
{(entry.description || entry.tagline) && (
|
||||
<div className="marketplace-row-description">{entry.description || entry.tagline}</div>
|
||||
)}
|
||||
<div className="marketplace-row-meta">
|
||||
<span className="marketplace-pill">Marketplace</span>
|
||||
{matchedLocalEntries.map((localEntry) => {
|
||||
const origin = sourceLabel(localEntry)
|
||||
return (
|
||||
<span className="contents" key={localEntryKey(localEntry)}>
|
||||
{origin && <span className="marketplace-pill">{origin}</span>}
|
||||
{localEntry.path && <span className="marketplace-path">{localEntry.path}</span>}
|
||||
</span>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
<div className="marketplace-action">
|
||||
{primaryLocalEntry && (
|
||||
<Switch
|
||||
aria-label={`${primaryLocalEntry.enabled ? "Disable" : "Enable"} ${entry.name || entry.id}`}
|
||||
checked={primaryLocalEntry.enabled}
|
||||
disabled={togglingLocalId === localEntryKey(primaryLocalEntry)}
|
||||
onClick={() => onToggle(primaryLocalEntry, !primaryLocalEntry.enabled)}
|
||||
title={`${primaryLocalEntry.enabled ? "Disable" : "Enable"} ${entry.name || entry.id}`}
|
||||
/>
|
||||
)}
|
||||
<button
|
||||
aria-label={label}
|
||||
className="marketplace-icon-button marketplace-icon-button-danger"
|
||||
disabled={uninstalling}
|
||||
onClick={() => onUninstall(entry)}
|
||||
title={label}
|
||||
type="button">
|
||||
{uninstalling ? (
|
||||
<LoaderCircleIcon aria-hidden className="marketplace-icon-spin" />
|
||||
) : (
|
||||
<Trash2Icon aria-hidden />
|
||||
)}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
@@ -788,23 +945,20 @@ const LocalInstalledRow = ({
|
||||
|
||||
const CatalogEntryRow = ({
|
||||
entry,
|
||||
installed,
|
||||
installing,
|
||||
onInstall,
|
||||
}: {
|
||||
entry: MarketplaceEntry
|
||||
installed: boolean
|
||||
installing: boolean
|
||||
onInstall: (entry: MarketplaceEntry) => void
|
||||
}) => {
|
||||
const summary = setupSummary(entry)
|
||||
const canInstall = installArgs(entry).length > 0 && !installed && !installing
|
||||
const label = installed ? `${entry.name || entry.id} is installed` : `Install ${entry.name || entry.id}`
|
||||
const canInstall = installArgs(entry).length > 0 && !installing
|
||||
const label = `Install ${entry.name || entry.id}`
|
||||
return (
|
||||
<div className="marketplace-row">
|
||||
<div className="marketplace-row-main">
|
||||
<div className="marketplace-row-title">
|
||||
{installed && <CheckIcon aria-hidden className="h-3.5 w-3.5" />}
|
||||
<span className="marketplace-row-name">{entry.name || entry.id}</span>
|
||||
</div>
|
||||
{(entry.description || entry.tagline) && (
|
||||
@@ -825,8 +979,6 @@ const CatalogEntryRow = ({
|
||||
type="button">
|
||||
{installing ? (
|
||||
<LoaderCircleIcon aria-hidden className="marketplace-icon-spin" />
|
||||
) : installed ? (
|
||||
<CheckIcon aria-hidden />
|
||||
) : (
|
||||
<DownloadIcon aria-hidden />
|
||||
)}
|
||||
@@ -837,13 +989,15 @@ const CatalogEntryRow = ({
|
||||
}
|
||||
|
||||
const MarketplaceView = ({ initialType = "skill", onDone }: MarketplaceViewProps) => {
|
||||
const { environment } = useExtensionState()
|
||||
const { environment, remoteConfigSettings } = useExtensionState()
|
||||
const [activeType, setActiveType] = useState<PrimitiveType>(initialType)
|
||||
const [activeSection, setActiveSection] = useState<MarketplaceSectionType>("installed")
|
||||
const [catalogEntries, setCatalogEntries] = useState<MarketplaceEntry[]>([])
|
||||
const [localEntries, setLocalEntries] = useState<MarketplaceLocalInstalledEntry[]>([])
|
||||
const [installedKeys, setInstalledKeys] = useState<Set<string>>(new Set())
|
||||
const [installingId, setInstallingId] = useState<string | null>(null)
|
||||
const [togglingLocalId, setTogglingLocalId] = useState<string | null>(null)
|
||||
const [uninstallingId, setUninstallingId] = useState<string | null>(null)
|
||||
const [query, setQuery] = useState("")
|
||||
const [selectedTag, setSelectedTag] = useState<string | null>(null)
|
||||
const [loading, setLoading] = useState(true)
|
||||
@@ -879,8 +1033,18 @@ const MarketplaceView = ({ initialType = "skill", onDone }: MarketplaceViewProps
|
||||
setActiveType(initialType)
|
||||
setQuery("")
|
||||
setSelectedTag(null)
|
||||
setActiveSection("installed")
|
||||
}, [initialType])
|
||||
|
||||
const mcpMarketplaceDisabled = activeType === "mcp" && remoteConfigSettings?.mcpMarketplaceEnabled === false
|
||||
const currentSection = mcpMarketplaceDisabled ? "installed" : activeSection
|
||||
|
||||
useEffect(() => {
|
||||
if (mcpMarketplaceDisabled && activeSection === "marketplace") {
|
||||
setActiveSection("installed")
|
||||
}
|
||||
}, [activeSection, mcpMarketplaceDisabled])
|
||||
|
||||
const primitive = getPrimitive(activeType)
|
||||
const searchedCatalogEntries = useMemo(() => {
|
||||
const normalizedQuery = query.trim().toLowerCase()
|
||||
@@ -888,10 +1052,14 @@ const MarketplaceView = ({ initialType = "skill", onDone }: MarketplaceViewProps
|
||||
(entry) => entry.type === activeType && (!normalizedQuery || searchTextForEntry(entry).includes(normalizedQuery)),
|
||||
)
|
||||
}, [catalogEntries, activeType, query])
|
||||
const marketplaceCatalogEntries = useMemo(
|
||||
() => searchedCatalogEntries.filter((entry) => !installedKeys.has(entryKey(entry))),
|
||||
[searchedCatalogEntries, installedKeys],
|
||||
)
|
||||
const tagFilters = useMemo(() => {
|
||||
const labelsById = new Map<string, string>()
|
||||
const counts = new Map<string, number>()
|
||||
for (const entry of searchedCatalogEntries) {
|
||||
for (const entry of marketplaceCatalogEntries) {
|
||||
for (const label of entryTagLabels(entry)) {
|
||||
const id = tagId(label)
|
||||
if (!id) continue
|
||||
@@ -903,7 +1071,7 @@ const MarketplaceView = ({ initialType = "skill", onDone }: MarketplaceViewProps
|
||||
counts,
|
||||
tags: [...labelsById.entries()].map(([id, label]) => ({ id, label })).sort((a, b) => a.label.localeCompare(b.label)),
|
||||
}
|
||||
}, [searchedCatalogEntries])
|
||||
}, [marketplaceCatalogEntries])
|
||||
useEffect(() => {
|
||||
if (selectedTag && !tagFilters.counts.has(selectedTag)) {
|
||||
setSelectedTag(null)
|
||||
@@ -912,19 +1080,59 @@ const MarketplaceView = ({ initialType = "skill", onDone }: MarketplaceViewProps
|
||||
const visibleCatalogEntries = useMemo(
|
||||
() =>
|
||||
selectedTag
|
||||
? searchedCatalogEntries.filter((entry) => entryTagLabels(entry).some((label) => tagId(label) === selectedTag))
|
||||
: searchedCatalogEntries,
|
||||
[searchedCatalogEntries, selectedTag],
|
||||
? marketplaceCatalogEntries.filter((entry) => entryTagLabels(entry).some((label) => tagId(label) === selectedTag))
|
||||
: marketplaceCatalogEntries,
|
||||
[marketplaceCatalogEntries, selectedTag],
|
||||
)
|
||||
const visibleLocalEntries = useMemo(
|
||||
const activeLocalEntries = useMemo(
|
||||
() => localEntries.filter((entry) => entry.type === activeType),
|
||||
[localEntries, activeType],
|
||||
)
|
||||
const hasAnyCurrentPrimitiveEntries = useMemo(
|
||||
() => catalogEntries.some((entry) => entry.type === activeType) || visibleLocalEntries.length > 0,
|
||||
[catalogEntries, activeType, visibleLocalEntries.length],
|
||||
const activeCatalogEntries = useMemo(
|
||||
() => catalogEntries.filter((entry) => entry.type === activeType),
|
||||
[catalogEntries, activeType],
|
||||
)
|
||||
|
||||
const installedCatalogEntries = useMemo(
|
||||
() => activeCatalogEntries.filter((entry) => installedKeys.has(entryKey(entry))),
|
||||
[activeCatalogEntries, installedKeys],
|
||||
)
|
||||
const matchedLocalEntriesByCatalogKey = useMemo(() => {
|
||||
const matched = new Map<string, MarketplaceLocalInstalledEntry[]>()
|
||||
for (const entry of installedCatalogEntries) {
|
||||
const matches = activeLocalEntries.filter((localEntry) => entryMatchesLocalEntry(entry, localEntry))
|
||||
if (matches.length > 0) matched.set(entryKey(entry), matches)
|
||||
}
|
||||
return matched
|
||||
}, [activeLocalEntries, installedCatalogEntries])
|
||||
const matchedLocalEntryKeys = useMemo(() => {
|
||||
const keys = new Set<string>()
|
||||
for (const entries of matchedLocalEntriesByCatalogKey.values()) {
|
||||
for (const entry of entries) {
|
||||
keys.add(localEntryKey(entry))
|
||||
}
|
||||
}
|
||||
return keys
|
||||
}, [matchedLocalEntriesByCatalogKey])
|
||||
const localOnlyInstalledEntries = useMemo(
|
||||
() => activeLocalEntries.filter((entry) => !matchedLocalEntryKeys.has(localEntryKey(entry))),
|
||||
[activeLocalEntries, matchedLocalEntryKeys],
|
||||
)
|
||||
const marketplaceMcpMetadataByServerName = useMemo(() => {
|
||||
const metadata = new Map<string, MarketplaceMcpMetadata>()
|
||||
for (const entry of installedCatalogEntries) {
|
||||
if (entry.type !== "mcp") continue
|
||||
const matchedLocalEntries = matchedLocalEntriesByCatalogKey.get(entryKey(entry)) ?? []
|
||||
for (const localEntry of matchedLocalEntries) {
|
||||
const serverName = localEntry.name || localEntry.id
|
||||
if (!serverName) continue
|
||||
metadata.set(serverName, {
|
||||
name: entry.name || entry.id,
|
||||
description: entry.description || entry.tagline || undefined,
|
||||
})
|
||||
}
|
||||
}
|
||||
return metadata
|
||||
}, [installedCatalogEntries, matchedLocalEntriesByCatalogKey])
|
||||
const handleInstall = useCallback(
|
||||
async (entry: MarketplaceEntry) => {
|
||||
setInstallingId(entryKey(entry))
|
||||
@@ -932,6 +1140,7 @@ const MarketplaceView = ({ initialType = "skill", onDone }: MarketplaceViewProps
|
||||
try {
|
||||
await MarketplaceServiceClient.installMarketplaceEntry(MarketplaceEntryRequest.create({ entry }))
|
||||
await refresh()
|
||||
setActiveSection("installed")
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : String(err))
|
||||
} finally {
|
||||
@@ -941,8 +1150,42 @@ const MarketplaceView = ({ initialType = "skill", onDone }: MarketplaceViewProps
|
||||
[refresh],
|
||||
)
|
||||
|
||||
const handleUninstallMarketplace = useCallback(
|
||||
async (entry: MarketplaceEntry) => {
|
||||
setUninstallingId(entryKey(entry))
|
||||
setError(null)
|
||||
try {
|
||||
await MarketplaceServiceClient.uninstallMarketplaceEntry(MarketplaceEntryRequest.create({ entry }))
|
||||
await refresh()
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : String(err))
|
||||
} finally {
|
||||
setUninstallingId(null)
|
||||
}
|
||||
},
|
||||
[refresh],
|
||||
)
|
||||
|
||||
const handleUninstallLocal = useCallback(
|
||||
async (entry: MarketplaceLocalInstalledEntry) => {
|
||||
setUninstallingId(localEntryKey(entry))
|
||||
setError(null)
|
||||
try {
|
||||
await MarketplaceServiceClient.uninstallMarketplaceLocalInstalledEntry(
|
||||
MarketplaceLocalInstalledEntryRequest.create({ entry }),
|
||||
)
|
||||
await refresh()
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : String(err))
|
||||
} finally {
|
||||
setUninstallingId(null)
|
||||
}
|
||||
},
|
||||
[refresh],
|
||||
)
|
||||
|
||||
const handleToggleLocal = useCallback(async (entry: MarketplaceLocalInstalledEntry, enabled: boolean) => {
|
||||
const key = `${entry.type}:${entry.id}:${entry.path}`
|
||||
const key = localEntryKey(entry)
|
||||
setTogglingLocalId(key)
|
||||
setError(null)
|
||||
try {
|
||||
@@ -961,8 +1204,17 @@ const MarketplaceView = ({ initialType = "skill", onDone }: MarketplaceViewProps
|
||||
setActiveType(value as PrimitiveType)
|
||||
setQuery("")
|
||||
setSelectedTag(null)
|
||||
setActiveSection("installed")
|
||||
}, [])
|
||||
|
||||
const handleSectionTabChange = useCallback(
|
||||
(value: string) => {
|
||||
if (mcpMarketplaceDisabled && value === "marketplace") return
|
||||
setActiveSection(value as MarketplaceSectionType)
|
||||
},
|
||||
[mcpMarketplaceDisabled],
|
||||
)
|
||||
|
||||
return (
|
||||
<Tab className="marketplace-view">
|
||||
<MarketplaceStyles />
|
||||
@@ -980,6 +1232,22 @@ const MarketplaceView = ({ initialType = "skill", onDone }: MarketplaceViewProps
|
||||
|
||||
<TabContent className="marketplace-content">
|
||||
<div className="marketplace-inner">
|
||||
<TabList
|
||||
aria-label={`${primitive.title} sections`}
|
||||
className="marketplace-subnav"
|
||||
onValueChange={handleSectionTabChange}
|
||||
value={currentSection}>
|
||||
{MARKETPLACE_SECTIONS.map((section) => (
|
||||
<TabTrigger
|
||||
className="marketplace-subtab"
|
||||
disabled={mcpMarketplaceDisabled && section.type === "marketplace"}
|
||||
key={section.type}
|
||||
value={section.type}>
|
||||
{section.label}
|
||||
</TabTrigger>
|
||||
))}
|
||||
</TabList>
|
||||
|
||||
<div className="marketplace-primitive-description">{primitive.description}</div>
|
||||
{error && <div className="marketplace-error">{error}</div>}
|
||||
|
||||
@@ -990,75 +1258,91 @@ const MarketplaceView = ({ initialType = "skill", onDone }: MarketplaceViewProps
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
{activeType === "mcp" ? (
|
||||
<McpManagementPanel />
|
||||
) : (
|
||||
<Section
|
||||
count={visibleLocalEntries.length}
|
||||
empty={`No installed ${primitive.plural}.`}
|
||||
title={`Installed ${primitive.title}`}>
|
||||
{visibleLocalEntries.map((entry) => (
|
||||
<LocalInstalledRow
|
||||
{currentSection === "installed" &&
|
||||
(activeType === "mcp" ? (
|
||||
<McpManagementPanel
|
||||
marketplaceMetadataByServerName={marketplaceMcpMetadataByServerName}
|
||||
showHeader={false}
|
||||
showServerList={true}
|
||||
/>
|
||||
) : (
|
||||
<Section
|
||||
count={installedCatalogEntries.length + localOnlyInstalledEntries.length}
|
||||
empty={`No installed ${primitive.plural}.`}
|
||||
showHeader={false}
|
||||
title={`Installed ${primitive.title}`}>
|
||||
{installedCatalogEntries.map((entry) => (
|
||||
<InstalledMarketplaceRow
|
||||
entry={entry}
|
||||
key={entryKey(entry)}
|
||||
matchedLocalEntries={
|
||||
matchedLocalEntriesByCatalogKey.get(entryKey(entry)) ?? []
|
||||
}
|
||||
onToggle={handleToggleLocal}
|
||||
onUninstall={handleUninstallMarketplace}
|
||||
togglingLocalId={togglingLocalId}
|
||||
uninstalling={uninstallingId === entryKey(entry)}
|
||||
/>
|
||||
))}
|
||||
{localOnlyInstalledEntries.map((entry) => (
|
||||
<LocalInstalledRow
|
||||
entry={entry}
|
||||
key={localEntryKey(entry)}
|
||||
onToggle={handleToggleLocal}
|
||||
onUninstall={handleUninstallLocal}
|
||||
toggling={togglingLocalId === localEntryKey(entry)}
|
||||
uninstalling={uninstallingId === localEntryKey(entry)}
|
||||
/>
|
||||
))}
|
||||
</Section>
|
||||
))}
|
||||
|
||||
{currentSection === "marketplace" && (
|
||||
<MarketplaceCatalogSection
|
||||
count={visibleCatalogEntries.length}
|
||||
empty={
|
||||
query || selectedTag
|
||||
? `No ${primitive.plural} match your search.`
|
||||
: `No marketplace ${primitive.plural}.`
|
||||
}
|
||||
filters={
|
||||
<TagFilters
|
||||
counts={tagFilters.counts}
|
||||
onSelect={setSelectedTag}
|
||||
selectedTag={selectedTag}
|
||||
tags={tagFilters.tags}
|
||||
/>
|
||||
}
|
||||
search={
|
||||
<div className="marketplace-search">
|
||||
<VSCodeTextField
|
||||
aria-label={`Search ${primitive.title}`}
|
||||
onInput={(event) => setQuery((event.target as HTMLInputElement).value)}
|
||||
placeholder={`Search ${primitive.plural}`}
|
||||
value={query}>
|
||||
<span className="codicon codicon-search" slot="start" />
|
||||
{query && (
|
||||
<button
|
||||
aria-label="Clear search"
|
||||
className="codicon codicon-close marketplace-clear-search"
|
||||
onClick={() => setQuery("")}
|
||||
slot="end"
|
||||
type="button"
|
||||
/>
|
||||
)}
|
||||
</VSCodeTextField>
|
||||
</div>
|
||||
}
|
||||
showHeader={false}>
|
||||
{visibleCatalogEntries.map((entry) => (
|
||||
<CatalogEntryRow
|
||||
entry={entry}
|
||||
key={`${entry.type}:${entry.id}:${entry.path}`}
|
||||
onToggle={handleToggleLocal}
|
||||
toggling={togglingLocalId === `${entry.type}:${entry.id}:${entry.path}`}
|
||||
installing={installingId === entryKey(entry)}
|
||||
key={entryKey(entry)}
|
||||
onInstall={handleInstall}
|
||||
/>
|
||||
))}
|
||||
</Section>
|
||||
)}
|
||||
|
||||
<MarketplaceCatalogSection
|
||||
count={visibleCatalogEntries.length}
|
||||
empty={
|
||||
query || selectedTag
|
||||
? `No ${primitive.plural} match your search.`
|
||||
: `No marketplace ${primitive.plural}.`
|
||||
}
|
||||
filters={
|
||||
<TagFilters
|
||||
counts={tagFilters.counts}
|
||||
onSelect={setSelectedTag}
|
||||
selectedTag={selectedTag}
|
||||
tags={tagFilters.tags}
|
||||
/>
|
||||
}
|
||||
search={
|
||||
<div className="marketplace-search">
|
||||
<VSCodeTextField
|
||||
aria-label={`Search ${primitive.title}`}
|
||||
onInput={(event) => setQuery((event.target as HTMLInputElement).value)}
|
||||
placeholder={`Search ${primitive.plural}`}
|
||||
value={query}>
|
||||
<span className="codicon codicon-search" slot="start" />
|
||||
{query && (
|
||||
<button
|
||||
aria-label="Clear search"
|
||||
className="codicon codicon-close marketplace-clear-search"
|
||||
onClick={() => setQuery("")}
|
||||
slot="end"
|
||||
type="button"
|
||||
/>
|
||||
)}
|
||||
</VSCodeTextField>
|
||||
</div>
|
||||
}>
|
||||
{visibleCatalogEntries.map((entry) => (
|
||||
<CatalogEntryRow
|
||||
entry={entry}
|
||||
installed={installedKeys.has(entryKey(entry))}
|
||||
installing={installingId === entryKey(entry)}
|
||||
key={entryKey(entry)}
|
||||
onInstall={handleInstall}
|
||||
/>
|
||||
))}
|
||||
</MarketplaceCatalogSection>
|
||||
|
||||
{!hasAnyCurrentPrimitiveEntries && (
|
||||
<div className="marketplace-empty">
|
||||
<BlocksIcon aria-hidden className="h-4 w-4" />
|
||||
<span>No {primitive.plural} found.</span>
|
||||
</div>
|
||||
</MarketplaceCatalogSection>
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
|
||||
@@ -0,0 +1,53 @@
|
||||
import type { MarketplaceEntry, MarketplaceLocalInstalledEntry } from "@shared/proto/cline/marketplace"
|
||||
import { describe, expect, it } from "vitest"
|
||||
import { entryMatchesLocalEntry } from "./marketplaceMatch"
|
||||
|
||||
function skillEntry(input: Partial<MarketplaceEntry>): MarketplaceEntry {
|
||||
return {
|
||||
id: input.id ?? "",
|
||||
type: "skill",
|
||||
name: input.name ?? "",
|
||||
install: input.install ?? { args: [] },
|
||||
} as MarketplaceEntry
|
||||
}
|
||||
|
||||
function localSkill(input: Partial<MarketplaceLocalInstalledEntry>): MarketplaceLocalInstalledEntry {
|
||||
return {
|
||||
id: input.id ?? "",
|
||||
type: "skill",
|
||||
name: input.name ?? "",
|
||||
path: input.path ?? "",
|
||||
enabled: true,
|
||||
} as MarketplaceLocalInstalledEntry
|
||||
}
|
||||
|
||||
describe("marketplace installed row matching", () => {
|
||||
it("does not match unrelated installed skills through shared path segments", () => {
|
||||
const reviewTeam = skillEntry({
|
||||
id: "review-team",
|
||||
name: "Review Team",
|
||||
install: { args: ["owner/repo", "--skill", "review-team"] },
|
||||
})
|
||||
const installed = [
|
||||
localSkill({
|
||||
id: "review-team",
|
||||
name: "review-team",
|
||||
path: "/home/tester/.agents/skills/review-team/SKILL.md",
|
||||
}),
|
||||
localSkill({
|
||||
id: "sentry-cli",
|
||||
name: "sentry-cli",
|
||||
path: "/home/tester/.agents/skills/sentry-cli/SKILL.md",
|
||||
}),
|
||||
localSkill({
|
||||
id: "cline-sdk",
|
||||
name: "cline-sdk",
|
||||
path: "/home/tester/.agents/skills/cline-sdk/SKILL.md",
|
||||
}),
|
||||
]
|
||||
|
||||
expect(installed.filter((localEntry) => entryMatchesLocalEntry(reviewTeam, localEntry)).map((entry) => entry.id)).toEqual(
|
||||
["review-team"],
|
||||
)
|
||||
})
|
||||
})
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user