Compare commits

...
Author SHA1 Message Date
Saoud Rizwan 595f1dbf2e fix(core): close imported-session stores before the temp dirs are removed
The session-import tests opened a SqliteSessionStore per case and never
closed it, so afterEach's rmSync ran against a directory still holding an
open SQLite file. POSIX allows that; Windows does not, and all seven
persisting cases failed the sdk-publish Windows job with EPERM on the
cline-db-* temp dir.

Route every store through a sessionStore() helper that registers it for
close, and close them before removing the dirs.
2026-09-01 21:19:37 -07:00
Saoud Rizwan 3501d4b0e2 chore(cli): release v3.0.61 2026-09-01 21:18:16 -07:00
Saoud Rizwan 1caf264754 chore(sdk): release v0.0.82 2026-09-01 21:05:27 -07:00
BeeandSaoud Rizwan 4d28d82efa feat(cli): handle outdated hub sessions with drain and replace flow (#13727)
* feat(cli): handle outdated hub sessions with drain and replace flow

Add logic to detect when the CLI is newer than the running Hub and provide
users with options to either keep the older Hub running (to avoid
interrupting active sessions from other clients) or force-replace it.

Implement `describeOutdatedHubSessions` helper to show quantified session
activity in the dialog, and add `HubOutdatedContent` UI component with
detailed messaging for the `build_mismatch` case. The `unsupported_protocol`
case remains a modal requiring update, while the softer mismatch now uses
a toast with enter-to-replace or escape-to-keep choices.

Includes tests for draining and replacing an older busy hub when forced.

* fix(hub): gate desktop hub_upgrade behind trusted connection and make drain-first a hard guarantee

Address review: an originless local WebSocket client could invoke the
forceful hub_upgrade command, and a failed drain request still allowed a
forced retirement, so work started during the wait window could be killed.

- hub_upgrade now requires the same canApproveTools per-connection gate as
  the tool-approval commands.
- upgradeManagedHub skips the idle-wait window when the drain was not
  established (an undrained hub keeps admitting work, so waiting only
  widens the blast radius) and refuses to replace a busy hub that did not
  accept the drain, force or not. An idle hub is still replaced so
  pre-drain-endpoint hubs (404) remain upgradable.

* fix(hub): treat failed activity readings as unknown, not idle, during hub upgrade

A transient session.list failure inside the drain wait window previously
read as an idle hub, which could end the grace window early and authorize
retirement while turns were still finishing.

- Failed readings never end the wait window early, never overwrite the
  last real observation, and never authorize a non-forced retirement.
- Without force, a hub whose activity was never confirmed is handed back
  un-drained (still_busy) instead of retired; an undrained hub is now
  replaced only when positively observed idle.
- With force and an accepted drain, an unanswerable hub is still replaced:
  the user already consented to interrupting its sessions.

* fix(hub): never retire an undrained hub on an idle snapshot

An older hub that rejects the drain has no admission barrier, so a single
idle reading cannot authorize retirement: a session admitted right after
the snapshot would die in a retire the consent prompt never covered.

upgradeManagedHub now retires a hub only under an accepted drain. The
undrained-idle case is delegated to the locked ensure path, which
re-checks activity immediately before its own retire ladder and attaches
(deferring the swap) when new work arrived in the meantime; the upgrade
then reports still_busy instead of replaced, and the desktop/TUI surfaces
tell the user to retry.

* fix(hub): require an accepted drain unconditionally before any upgrade retirement

Review follow-up: the undrained-idle delegation still reached
retireDiscoveredHub, whose own drain attempt is best-effort, so a session
admitted after the idle re-check could die in the shutdown.

upgradeManagedHub now fails fast when the hub does not accept the drain -
no wait window, no idle exception, no delegation. The drain is the
admission barrier that keeps every subsequent reading true through the
retire; a hub too old or wedged to accept it is left to the automatic
ensure path, which replaces it once idle at the next client startup, and
the error says so.

* fix(hub): establish the drain barrier before the automatic idle check

Review follow-up: the automatic incompatible-hub path read session
activity first and drained only inside the retire ladder, so a session
admitted between the idle snapshot and the shutdown could be terminated.

retireIncompatibleHub now requests the drain before the busy check: with
the drain accepted, the idle reading stays true through the retire. A
deferred (busy) hub, and one whose retirement fails or is skipped by the
circuit breaker, gets the drain lifted so it never sits alive-but-refusing
work. Hubs that do not accept the drain (pre-/drain builds answer 404)
keep the historical best-effort snapshot rather than being stranded
forever.

* polish(hub): tighten the outdated-hub dialog copy

Two short sentences instead of four long ones, spell out what Quit Cline
does (closes the app, leaves the Hub running), and rename the action to
Update Now in both the desktop dialog and the TUI variant.

* fix(cli): show the keep-Hub reminder toast when the outdated-hub dialog is dismissed (#13754)

dialog.choice() resolves undefined on Esc rather than rejecting, so the
reminder toast in .catch() never ran. Move it to the falsy branch of
.then(), matching the unsupported_protocol handler.

---------

Co-authored-by: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
2026-09-01 20:40:40 -07:00
Saoud RizwanandSaoud Rizwan b427fae9f9 feat(desktop): group scheduled runs under their schedule in the sidebar (#13752)
* feat(core): stamp schedule id, name, and run number onto scheduled sessions

Sessions started by the cron runner only carried a generic
sessionHistoryOrigin.trigger = "hub-schedule", so clients could tell a
session was scheduled but not which schedule it belonged to or which run
it was. The runner now passes schedule provenance to the runtime handlers,
which merge it into the session metadata alongside the origin trigger:

  scheduleId          the hub schedule's external id
  scheduleName        the schedule title
  scheduleExecutionId the cron run id
  scheduleRunNumber   1-based position among every run created for the spec

The run number comes from a new SqliteCronStore.getRunOrdinal, which counts
runs of every status in creation order so a later cancellation never shifts
numbers already stamped onto earlier sessions. A reclaimed run keeps its
number, so two sessions with the same number make a duplicate visible.

HubScheduleRuntimeHandlers.startSession gains an optional second argument
carrying the metadata; existing implementations that ignore it keep working.

* feat(desktop): group scheduled runs under their schedule in the sidebar

A schedule that fires daily filled the sidebar's Scheduled section with a
row per run, each titled with the same prompt text, which read as if the
task had been duplicated. Runs of one schedule now fold into a single
collapsible row named after the schedule, with the run count on the right;
expanding it lists the runs as "Run N" sub-items (newest first) with their
usual status dot, time, hover card, context menu, and delete button. The
group holding the active session expands on its own so a run opened from
the Schedules page is visible. Grouping also applies inside project groups
when sorting by project. The Scheduled header now counts schedules rather
than runs.

Threads learn the schedule identity from the metadata the runner now
stamps (scheduleId, scheduleName, scheduleRunNumber). Runs recorded before
that fall back to the schedule executions list the hook already polls,
which now yields the schedule id and name instead of a bare session id set,
and finally to grouping by shared title. Runs without a number are labelled
with their start time instead of "Run N".

* fix(desktop): reopen a collapsed schedule group when one of its runs is opened

A stored collapse used to win over the active-session default for the
sidebar's lifetime, so a run opened from the Schedules settings page
could stay hidden inside its collapsed group. Opening a session now
clears the stored choice for the group that holds it; the group can
still be collapsed afterwards.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-09-01 19:51:57 -07:00
Saoud Rizwan b9977a139f feat(desktop): import sessions from Claude Code, Codex, and opencode (#13744)
* feat(core): session import service for Claude Code, Codex, and opencode history

Adds a SessionImportService to @cline/core that discovers sessions in the
on-disk stores of Claude Code (~/.claude/projects JSONL), Codex
(~/.codex/sessions rollouts + session_index titles), and opencode
(opencode.db sqlite), translates each conversation into Cline's native
MessageWithMetadata format, and persists it through CoreSessionService as
a completed, listable, resumable session.

Key mechanics:
- Claude Code: parentUuid tree walk from the newest leaf picks the active
  branch (edits/retries branch the log); same-message.id assistant lines
  merge back into one turn; sidechains, meta lines, and slash-command
  wrappers are excluded; ai-title/summary lines provide titles.
- Codex: real prompts come from user_message event_msg lines (user-role
  response_items are injected AGENTS/environment context, with a fallback
  for old rollouts); function_call/output pairs map to tool_use/tool_result;
  resumed rollouts that re-embed the original session id dedupe to the
  richest file; token_count events stamp per-turn metrics.
- opencode: reads a temp snapshot of the WAL-mode db; inline tool parts
  split into tool_use + tool_result to preserve provider-valid structure;
  child (subagent) sessions and synthetic parts are skipped.
- Shared sanitizer guarantees replayability: orphaned tool_use gets a
  placeholder result, orphaned tool_results and empty text blocks drop,
  provider-session-scoped signatures/encrypted reasoning strip.
- Imported sessions pass every history-visibility gate (terminal status,
  non-empty provider/model, chat-workspace fallback cwd, no fabricated
  checkpoint metadata) and carry metadata.importedFrom for idempotent
  re-discovery (alreadyImportedSessionId).

* feat(desktop): sidecar commands for importing sessions from other tools

Adds two sidecar WebSocket commands backed by @cline/core's
SessionImportService:

- list_importable_sessions: returns { installedTools, sessions } where
  sessions are ImportableSessionSummary rows (tool, sourceId, title, cwd,
  timestamps, messageCount, preview, alreadyImportedSessionId) discovered
  in the local Claude Code / Codex / opencode stores.
- import_sessions: takes { selections: [{ tool, sourceId }] }, validates
  each selection against the known tool list, imports sequentially
  (per-session transactional), and broadcasts session_import_progress
  events ({ index, total, result }) so the UI can render live progress.
  Returns { results } with per-item ok/sessionId/title/error.

* feat(desktop): import sessions UI for Claude Code, Codex, and opencode

Adds an Import Sessions dialog to the desktop app driven by the sidecar's
list_importable_sessions / import_sessions commands:

- Scan phase discovers local history from all three tools and groups it
  per tool with select-all checkboxes, per-row title, relative time,
  message count, and workspace folder; rows already imported are disabled
  and badged (idempotent re-open).
- Text filter across title, folder, and first-prompt preview.
- Import phase streams session_import_progress events into a progress bar
  and per-item result list; the dialog cannot be dismissed mid-import via
  overlay click. Done phase summarizes successes and lists failures with
  their error messages.
- Entry points: an Import button in the Sessions view header and an
  "Import sessions" row in Settings → General.
- use-session-history subscribes to session_import_progress so history
  refreshes no matter which surface started the import.
- Wire types live in webview/lib/session-import.ts (mirrors the core
  module's types so the client bundle never imports node-only code).

* fix(desktop): import dialog crash rendering session timestamps

formatRelativeTime takes a string (parseTimestamp calls .trim() on any
truthy value), but the import dialog passed the numeric updatedAtMs,
crashing the page with 'e.trim is not a function' as soon as scanned rows
rendered. Convert to an ISO string at the call site.

Slipped through because the webview has no typechecking anywhere:
tsconfig.dev.json excludes webview/ and next.config sets
typescript.ignoreBuildErrors, and the webview's own tsconfig currently
carries 64 pre-existing errors.

* feat(desktop): offer session import during onboarding

Adds an 'import' onboarding step between connect/github and done. The
step scans for importable Claude Code / Codex / opencode history on
entry and silently advances when nothing (new) is found or the scan
fails, so only people with actual history from other tools ever see it.
When sessions are found it summarizes the count and source tools, opens
the same ImportSessionsDialog used by the Sessions page for picking, and
flips to a confirmation state once at least one session imports. Skip is
always available, including while the scan is still running.

* fix(desktop): import dialog text overflow, collapsible sections, select all

- Titles no longer clip or push the row wide: they word-wrap up to two
  lines (line-clamp-2 + break-words, with min-w-0 down the flex chain so
  long unbroken Codex prompt titles can actually shrink); the meta line
  keeps time/count fixed and truncates only the workspace name; progress
  rows get the same min-w-0 treatment.
- Each tool section header is now a collapse toggle (chevron +
  aria-expanded) so one tool with hundreds of sessions doesn't force
  scrolling past it; collapsed headers still show count and selected
  count, and filtering forces sections open so search matches can't hide
  in a collapsed group. Collapse state resets per dialog open.
- New global Select all row above the list with indeterminate state and
  an x-of-y selected counter; it operates on the currently visible
  (filtered) selectable sessions, matching the per-section checkboxes.

* fix(desktop): import dialog header and search clipped by intrinsic column width

The dialog grid used the default auto column track, so a single
unbreakable string in a session title (Codex titles often contain URLs)
set the column's min-content width wider than the fixed 620px dialog --
break-words affects layout but not intrinsic sizing -- and
overflow-hidden then clipped everything in the column, including the
description and the search field. Pin the column to minmax(0,1fr) so the
container width always wins and long words wrap at the box edge instead.

Also add sm:max-w-none (the primitive's sm:max-w-lg survives
tailwind-merge across variants and was silently capping the dialog at
512px) and shrink-0 on the search and select-all rows so a tall list can
never compress them vertically.

* fix(desktop): onboarding import step rescanned after import and looped to done screen

The import step's scan effect depended on onContinue, an inline arrow the
parent recreates every render — and importing itself re-renders the app
shell via the history refresh. Each re-render re-ran the scan, and when
the user had imported everything (select all), the re-scan found zero
remaining sessions and hit the nothing-to-import auto-advance, yanking
them past their own import confirmation onto the done screen. The scan
now runs exactly once per step entry (onContinue held in a ref for the
async auto-skip paths).

Also, after a successful import the button is now 'Start building' and
completes onboarding directly instead of routing through the separate
done screen — two consecutive confirmation screens read as a loop. The
skip and nothing-found paths still go through the done screen so those
users get the 'You're all set' confirmation.

* fix(core): consolidate imported tool_results into the message after their tool_use

The import sanitizer answered missing tool_use ids with a separate
placeholder user message while leaving real results for the same turn in
later user messages. Anthropic requires every tool_result for a turn in
the user message immediately following it, so a partially-answered turn
would still 400 on resume. Rebuild any incomplete or split span as one
consolidated results message in tool_use order (placeholders for missing
ids, duplicates dropped) followed by a message carrying whatever else the
span held, mirroring the legacy migration sanitizer.

* fix(desktop): imported sessions resume on the user's configured provider; batch adapter caches

Opening a history session adopts the row's provider/model
(use-chat-session: session.provider || prev.provider), so imported rows
stamped with the source tool's provider — openai-native for Codex,
whatever opencode reported — resumed on providers the user may never have
configured and failed on first send. The dialog now passes the app's
current model selection (lastProvider/lastModelByProvider, i.e. what a
new chat would run on) and the service stamps it on the row; both halves
must be present so a Cline provider is never paired with a foreign model
id. The source provider/model are preserved in metadata.importedFrom and
per-message modelInfo stays accurate. Codex's provider id is corrected to
Cline's openai-native, and opencode's openai/google map to
openai-native/gemini.

Adapters also gain per-batch caches released via dispose(): Codex's
convert() re-walked the sessions tree and re-read every rollout head per
imported session (O(sessions x files)); it now builds the session-id ->
richest-file index once per batch. opencode copied the whole WAL db per
imported session; it now snapshots once per batch.

* fix(core): roll back failed imports and dedupe at import time

Addresses both Greptile P1s on #13744:

- A write failing after createRootSessionWithArtifacts (messages, status,
  manifest, title) left a half-written pid-0 session in history whose
  importedFrom marker also blocked retrying the source. persistConverted
  now deletes the session on any later failure and rethrows.
- Dedup markers were read through listSessions, which caps its scan at
  2000 rows, so a prior import older than the newest 2000 sessions was
  invisible and the source could be imported again. Add
  listSessionMetadata (ids + metadata for every row, no manifest reads or
  reconciliation) and use it for markers. Also check idempotency at
  import time, not only at discovery: a request for an already-imported
  source resolves to the existing session (alreadyImported: true) instead
  of writing a copy, covering stale pickers and repeated requests.

* fix(core): create imported sessions terminal and mark them imported last

Two failure modes shared one root cause -- the import wrote its session
in stages and claimed success too early:

- The row was created running/pid-0 and flipped to completed afterwards.
  The stale-session reconciler runs in the hub daemon against the same
  SQLite DB and, in that window, marks such rows failed and stamps
  terminal_marker metadata. createRootSessionWithArtifacts now accepts
  status/endedAt/exitCode so imports are created completed with the
  source session's end time; the separate status flip and manifest
  rewrite are gone.
- The importedFrom marker was written at creation, so a session whose
  later writes failed (and whose rollback delete also failed) still
  blocked retrying its source. The marker is now the final write, so it
  means 'this import finished' and a half-written session can never
  claim the source.

listSessionMetadata is unbounded by default so dedup sees every row.

* fix(core): resolve TS2352 casts in session-import tests (#13746)

tsc rejects casting ContentBlock[] straight to Record<string, unknown>[]
(RedactedThinkingContent is not comparable), which failed the Quality
Checks typecheck. Route the five assertion-site casts through a small
blocks() helper that widens via unknown.

* fix(core): flatten Codex content-block tool outputs during import

Newer Codex rollouts write custom_tool_call_output.output as an array of
Responses-API content blocks ({type:"input_text", text}) instead of a
plain string. The importer JSON.stringified that array into the
tool_result content, and the chat UI's tool-summary parser then rendered
each non-text block as its type label, so imported exec calls showed up
as "[input_text][input_text]" with no output.

Concatenate the text of string/text-bearing blocks (they are stream
chunks, so no separator) and keep the JSON fallback for anything else.

* fix(desktop): edit-and-resend on runs without a checkpoint

Editing a message forks the session before that run, and the sidecar
always routed that through manager.restore with workspace: true. Imported
sessions carry no checkpoint history, so editing any of their prompts
failed with "No checkpoint found at or before run N" — even after the
user had continued the session in Cline, since only the new runs get
checkpoints.

When no checkpoint exists at or before the edited run there is no
workspace state to roll back, so fork the trimmed transcript onto the
current workspace (the same path a full-history fork takes) instead of
erroring. Runs that do have a checkpoint still restore the workspace.

* fix(core): roll back failed session creation and coalesce overlapping imports

Two gaps Greptile flagged on the import path:

createRootSessionWithArtifacts upserts the row before writing the messages
file and manifest, and the call sat above persistConverted's rollback try.
A file write failing there left a completed row with no transcript in
history. Creation now runs inside the rollback, and deleteSession already
tolerates a missing row or missing files.

Each import_sessions request builds its own service and snapshots the
existing-import markers once, so two overlapping requests for one source
(a second window, a double-fired command) both passed the dedupe check and
persisted two sessions. A module-level in-flight map keyed by tool:sourceId
makes the later caller wait on the first write and report its session as
already imported.

* fix(desktop): resolve the import resume target like a new chat does

An imported Claude Code session resumed on the Anthropic provider instead
of the user's Cline selection. The dialog read model-selection storage
directly and required both a remembered provider and a remembered model;
the composer only records a model from the explicit picker handlers, so
anyone running on the default model has no entry, the lookup came back
empty, and the service fell back to the source tool's provider.

Resolve the target with getInitialChatConfig() -- the same chain a new
chat uses (remembered selection, then the built-in default), which is
never empty -- and have the import_sessions handler default to the cline
provider and CLINE_DEFAULT_MODEL_ID when a caller sends nothing, matching
other server-started sessions. The source provider can no longer become
the resume target.
2026-09-01 19:39:20 -07:00
Saoud RizwanandSaoud Rizwan 6d5a9793fc Desktop marketplace: show detail panel only on item click, left-align detail content (#13747)
* Desktop marketplace: show detail panel only on click, left-align detail content

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* Desktop marketplace: drop license cell, single Learn more link (homepage, else repo)

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* Desktop marketplace: keep selected entry open while list is filtered

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-09-01 17:03:54 -07:00
2ad2a41b56 Promote ClinePass across home banner, account page, and settings (#12556)
* feat(webview): promote ClinePass across home banner, account page, and settings

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* fix(webview): drop removed ext-cline-pass flag gating and hardcoded pricing from ClinePass promos

The ext-cline-pass feature flag no longer exists (the provider is ungated on
main), so promo surfaces are now gated only on self-hosted mode and org
remote-config provider allowlists. Promo copy describes the subscription
without a hardcoded price, matching the CLI copy cleanup in #13514.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* fix(webview): open the personal dashboard context from ClinePass subscription links

ClinePass always bills the personal account, but the Manage Subscription
button (and the ClinePass provider's usage link) landed org-context users
on the org dashboard. Pass personal=true like EntitlementError and the
CLI subscription links already do.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
2026-09-01 16:46:32 -07:00
Bee 9b1374059e fix(desktop): enable macOS voice input (#13741) 2026-09-02 00:57:32 +02:00
8eb5f3d57f Default web search on for the desktop app (#13725)
* Default web search on for the desktop app

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* Make desktop web search default seed best-effort

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
2026-08-31 19:23:26 -07:00
Saoud RizwanandSaoud Rizwan 0852992f3b Clarify model-facing message when user rejects a tool call (#12673)
* Clarify model-facing message when user rejects a tool call

* Include the rejected tool's name in denial reasons

* Move user-rejected tool reason into @cline/shared

* Route new user-rejection approval paths through shared reason builder

Since the original PR, several new approval surfaces landed on main with
their own terse denial strings (CLI connectors, ACP permissions, Cline Hub
webview, desktop webview, example VS Code extension). Route all of them
through buildUserRejectedToolReason so the model sees a consistent,
non-error rejection message.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* Add buildUserRejectedToolReason to the @cline/shared integration-test stub

The VS Code integration tests run the tsc-built CJS tree and stub the
ESM-only @cline/shared package in test-setup.js; the stub was missing the
new export, so tool-approval-denial.js threw at module load in CI.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* Trim scope back to the minimal rejection-copy fix

Restore the connector deniedReason plumbing, ACP permission strings,
desktop webview reason, example extension reason, and hub server fallback
to their main versions. Those surfaces already attribute the denial to a
user and are outside ENG-2329. Keep the Cline Hub webview change since
that path emits its own rejection string the model sees.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* Move rejection guidance suffix into agent runtime per review

* Apply review suggestions: neutral fallback reason and -- separator before rejection suffix

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-31 18:39:51 -07:00
Saoud RizwanandSaoud Rizwan 4ab091b959 fix(cli): keep markdown streaming prop stable to stop settle flash (#13719)
Flipping the <markdown> streaming prop from true to false when an
assistant text segment settles makes MarkdownRenderable call
updateBlocks(true), which skips every block-reuse path and destroys and
recreates all block renderables. Until tree-sitter re-highlights them
the whole message renders blank/unhighlighted, which users see as the
text flashing at the end of each response. Keep streaming={true} for
the transcript markdown (opencode's TUI does the same); entry.streaming
still drives the spinner glyph.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-31 18:37:17 -07:00
7a6beb9f0d fix(llms): translate gateway capabilities in one place (#13584)
* fix(core): stop an empty capability list from stripping image input

`modelHasCapability` documents a missing or empty capability list as
carrying no signal, so each gate declares its own default. Two readers
bypassed it and read `capabilities` directly, where an empty list is not
nullish but `[].includes(x)` is false:

- the session runtime's `modelSupportsImages` metadata used
  `capabilities?.includes("images") ?? true`, so the intended fail-open
  never fired for an empty list and the file-read tool silently dropped
  every image from the request;
- `toProviderModel` projected an empty list onto `false`, telling pickers
  a model definitively lacks vision, attachments, and reasoning when
  nothing had been declared.

Both now route through the shared helpers, which state their unspecified
default explicitly: `modelSupportsImageInput` fails open for a capability
gate, and `declaredCapability` preserves `undefined` for `ProviderModel`'s
tri-state booleans. A populated list stays authoritative in both.

A thinking config now short-circuits `supportsReasoning` instead of being
OR-ed with the capability read, so its absence no longer collapses the
tri-state to `false`.

* fix(llms): translate gateway capabilities in one place

Three producers built gateway model definitions from catalog `ModelInfo`,
and each carried its own hand-written `switch` over the capability list.
Nothing tied them together, so they drifted:

- builtin providers always emitted a capability list, so a model whose
  catalog entry declares no capabilities became `["text"]` where the other
  producers emitted `undefined`. `modelSupportsToolCalling` fails open only
  for an absent or empty list, so that list read as an authoritative denial
  and stripped every tool definition from requests to the affected language
  models (dify, sapaicore, opencode, and the Codex CLI);
- the OpenAI-compatible path mapped an `audio` capability that
  `ModelCapabilitySchema` does not define, while the other two dropped it;
- the pass-through capabilities (`streaming`, `files`, `temperature`, ...)
  were enumerated explicitly in one, folded into `default:` in another,
  and ignored in the third.

One exported `toGatewayModelCapabilities` now serves every producer. It is
built on a `Record<ModelCapability, GatewayModelCapability | null>` rather
than a `switch`, so extending `ModelCapabilitySchema` without deciding the
new capability's mapping fails to compile instead of silently falling
through to a default.

The conformance tests walk the capability state space taken from
`ModelCapabilitySchema` itself and assert the real producers agree with the
translator, so a future producer that maps capabilities on its own fails
even when the translator's own unit tests still pass.

---------

Co-authored-by: Cline Agent <cline-agent@users.noreply.github.com>
Co-authored-by: Ara <arafat.da.khan@gmail.com>
2026-08-31 15:17:31 -07:00
Dominic CooneyandCline Agent f5370ad4cf fix(core): stop an empty capability list from stripping image input (#13583)
`modelHasCapability` documents a missing or empty capability list as
carrying no signal, so each gate declares its own default. Two readers
bypassed it and read `capabilities` directly, where an empty list is not
nullish but `[].includes(x)` is false:

- the session runtime's `modelSupportsImages` metadata used
  `capabilities?.includes("images") ?? true`, so the intended fail-open
  never fired for an empty list and the file-read tool silently dropped
  every image from the request;
- `toProviderModel` projected an empty list onto `false`, telling pickers
  a model definitively lacks vision, attachments, and reasoning when
  nothing had been declared.

Both now route through the shared helpers, which state their unspecified
default explicitly: `modelSupportsImageInput` fails open for a capability
gate, and `declaredCapability` preserves `undefined` for `ProviderModel`'s
tri-state booleans. A populated list stays authoritative in both.

A thinking config now short-circuits `supportsReasoning` instead of being
OR-ed with the capability read, so its absence no longer collapses the
tri-state to `false`.

Co-authored-by: Cline Agent <cline-agent@users.noreply.github.com>
2026-08-31 14:58:38 -07:00
Saoud Rizwan a7a57509e2 chore(desktop): release v0.0.21 2026-08-31 14:23:28 -07:00
Saoud RizwanandSaoud Rizwan c4e09725f8 Fix ask-question option text not wrapping (#13718)
Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-31 13:40:13 -07:00
Mikołaj Kondratek 34f803fad4 fix: sanitize stored API keys and make provider credential rejections actionable (#13549)
* fix(vscode): sanitize pasted provider API keys at the settings write boundary

Clipboards smuggle control and invisible formatting characters (newlines,
zero-width spaces, BOM) into pasted API keys. The masked key field hides
the corruption and providers reject the key with a 401 indistinguishable
from a genuinely wrong key. Strip those characters and surrounding
whitespace once in the provider config store write path, so both backing
stores (legacy state secrets and providers.json) receive the clean value.
A whitespace-only value now clears the key.

* feat(llms,vscode): classify provider 401/403 as auth errors and surface actionable guidance

Add an "auth" ProviderErrorClass, assigned when the HTTP layer reports
401/403 — status-only on purpose, since provider bodies can quote words
like "unauthorized" without the request being an auth failure. The class
rides the existing errorClass plumbing (finish -> run-failed ->
AgentErrorEvent), so every host receives it with no new wiring.

In the VS Code chat surface, rewrite classified credential rejections
from BYOK providers into actionable text pointing at the API key
configuration, keeping the provider's raw body as a diagnostic tail.
Raw bodies alone are dead ends: Mistral, for example, answers an
identical {"detail":"Invalid API Key"} for a wrong, empty, or
wrong-scope key. Cline-account providers keep the JSON path so the
webview still renders their auth failures as a sign-in card.
2026-08-31 22:27:24 +02:00
John Choi bcfa7c7e4d fix(desktop): keep Stop available for running child agents (#13678)
* fix(desktop): keep Stop available for running child agents

* fix(desktop): reconcile aborted tool activity

* fix(desktop): guard abort and agent polling races

* fix(desktop): preserve authoritative abort status

* fix(desktop): track queue-verified completion

* test(desktop): trim duplicate abort coverage

* fix(desktop): settle delayed queue verification
2026-08-31 12:09:01 -07:00
John Choi c64743eb36 fix(core): propagate parent aborts to delegated subagents (#13677)
* fix(core): propagate parent aborts to delegated subagents

* docs(core): narrow delegated abort guarantees

* fix(core): release delegated sessions after execution

* fix(core): scope abort listeners to active runs

* fix(core): inherit parent runtime pid for subagents
2026-08-31 11:45:53 -07:00
c096030ace Desktop marketplace redesign: two-pane explorer with full catalog metadata (#13653)
* feat(desktop): add marketplace design exploration prototypes (storefront, explorer, registry)

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* fix(desktop): render catalog icon tiles without percentage padding

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* feat(desktop): drop placeholder icon tiles from explorer marketplace direction

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* feat(desktop): make explorer the marketplace view, drop design exploration harness

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* feat(desktop): add category tag filters to marketplace explorer

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* feat(desktop): collapse marketplace category pills behind a more toggle

* feat(desktop): remove maturity badges and CLI install section from marketplace

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
2026-08-31 11:45:33 -07:00
Mikołaj Kondratek 48d6385274 fix(vscode): thread task id into hook runner creation so execution telemetry fires (#13547)
The SDK hooks adapter created every hook runner without a task id, and
StdioHookRunner gates all captureHookExecution calls on one being set —
so the next variant emitted zero hooks.execution events while discovery
telemetry fired normally. Pass the task id (and tool name for the tool
hooks) at all five factory.create call sites, and pin the threading
with a regression test.
2026-08-29 17:04:00 +02:00
Mikołaj Kondratek cea134be06 fix(vscode): prevent hook spawn failures from crashing the core process (#13422)
* fix(vscode): prevent hook spawn failures from crashing the core process

A hook child-process spawn failure emitted "error" on HookProcess with no
listener registered, which Node's EventEmitter turns into an uncaught
exception - killing the entire cline-core process instead of failing the
one hook open. Guard the emit behind listenerCount so the rejection (which
StdioHookRunner handles) is the only propagation path.

The trigger was a workspace root that no longer exists on disk passed as
the spawn cwd: Node reports a nonexistent cwd as a misleading ENOENT on
the launcher binary ("spawn /bin/sh ENOENT"). Validate cwd existence in
HookProcess right before spawning - falling back to no explicit cwd with
a warning that names the missing directory - and when a spawn still fails
ENOENT because the directory vanished in between, name it in the error
message instead of blaming the shell.

* fix(vscode): fail hooks with a missing working directory instead of relocating them

Running a hook whose assigned cwd no longer exists from the host
process's own working directory would let its relative paths read and
write an unrelated location (e.g. the IDE install directory). Reject
before spawning, with an error naming the missing directory; the runner
reports the hook as failed and the task continues. Also carry pre-spawn
failure messages into HookExecutionError details so the cause is not
reduced to a bare "exited with code 1".
2026-08-29 09:07:30 +02:00
Bee 1986fa56de fix(llms): make Langfuse tracer detection survive minified release builds (#13680)
* fix(llms): recognize direct tracer providers

* fix(llms): make Langfuse tracer detection survive minified release builds

Release binaries are compiled with minify enabled, which renames classes,
so initializeLangfuseTelemetry's constructor-name guard never matched
"ProxyTracerProvider" and silently returned readiness=false in every
production build (hub log: "creating span processor" followed by
"initialized readiness=false" with no branch message in between). Dev runs
execute unminified source, which is why the same env vars worked there.

Replace every constructor-name comparison with checks that survive
minification: detect the proxy structurally via getDelegate, distinguish a
recording provider from the no-op fallback by its lifecycle methods, and
confirm our NodeTracerProvider registration by object identity. When a
foreign provider already owns the global slot, attach the Langfuse span
processor to it when it accepts processors, and otherwise shut down the
orphaned provider and report the rejection instead of bailing silently.

Verified by bundling the module with Bun minify:true against the real
OpenTelemetry packages: the previous code reproduces readiness=false
(provider class name mangles to "H2"), the new code initializes with
readiness=true.
2026-08-28 19:44:15 -07:00
TheRealSpencer 27350f243c Chore/bump undici mermaid (#13675)
* chore(deps): bump mermaid to 11.16.1 and raise undici floor to 7.29.0

* chore(deps): patch js-yaml and body-parser in the npm-managed subprojects
2026-08-29 02:25:25 +02:00
John Choi 60c74bc727 feat(ui): share attachment drop zone (#13672)
* feat(ui): share attachment drop zone

* fix(ui): cancel disabled attachment drops

* chore(ui): simplify drop zone surface

* chore(ui): release v0.2.0-next.8
2026-08-28 16:21:32 -07:00
Bee aa815cd41a fix(core): refresh Cline models from live catalog (#13670) 2026-08-29 01:19:26 +02:00
1fbcfab05d test: cover session search fallback on hub timeout and rejection (#13642)
* feat: add searchable session history

Rebased onto main and updated to supersede the sidebar search dialog
from #13533: the sidebar search icon now opens the indexed command bar
(Cmd/Ctrl+P) instead of a sidebar-local cmdk dialog that eagerly loaded
the entire session history via loadAllSessions(). CommandDialog gains a
shouldFilter passthrough so server-ranked FTS hits are displayed as-is.

* fix: harden session history search

* fix: evict failed restoration sessions from search

* fix: preserve deletion when search eviction fails

* fix: address session search review feedback

* fix: preserve search suppression during reconciliation

* test: cover sidecar search fallback on hub timeout and rejection

The existing search_sessions tests only exercised the index-hit and
empty-index-fallback paths with an immediately-resolved hub reply.
Add coverage for the two other realistic Hub-connection failure
modes the fallback is meant to tolerate: the hub call rejecting, and
the hub call hanging past the 750ms withSearchDeadline race.

---------

Co-authored-by: abeatrix <beatrix@cline.bot>
Co-authored-by: Bee <68532117+abeatrix@users.noreply.github.com>
2026-08-28 19:06:47 +02:00
Bee ce71fe5eb9 chore(llms): built-in model list update 1787907289186 (#13663)
* chore(llms): built-in model list update 1787907289186

Result of `bun run build:models`.
Includes updated model list and fixed formatting issues across codebase.

* test(llms): update GLM reasoning toggle expectation
2026-08-28 02:45:05 -07:00
Bee aa4753f4ab fix(llms): use AI SDK 7 Langfuse telemetry (#13651)
* fix(llms): use AI SDK 7 Langfuse telemetry

* test(llms): cover Langfuse runtime context
2026-08-27 21:17:39 -07:00
John Choiandabeatrix 52d5e1a515 ENG-2490: Propagate session aborts to teammates (#13647)
* fix(core): propagate session abort to teammates

* fix(core): persist aborted teammate tasks as cancelled

* fix(core): settle teammate work on session abort

* fix(core): isolate replacement runs from stale aborts

* refactor(core): narrow teammate task status metadata

---------

Co-authored-by: abeatrix <beatrix@cline.bot>
2026-08-27 19:52:01 -07:00
Bee 2208d185a4 feat(sdk): add discovery boundary ahead of Agent Plugins support (#13017) 2026-08-27 18:22:48 -07:00
Saoud Rizwan 936c018689 chore(desktop): release v0.0.20 2026-08-27 18:15:36 -07:00
BeeandHarrison 957a4bf5d9 feat(desktop): render tool output images as attachments (#13643)
* fix(desktop): render tool output images as attachments

Add support for displaying media returned by tool calls (e.g. screenshots)
as rendered images with expand-to-fullscreen capability instead of raw
base64 text. Introduces an `ImageCarousel` component for navigating
multiple images, propagates the expand handler to tool message blocks,
and extracts/validates output media in tool summaries.

* test: cover multi-image and canonical media extraction in tool output (#13645)

extractOutputMedia and the desktop tool-message rendering path were only
ever exercised with exactly one distinct valid image, and
canonicalInlineMedia (MCP-style type: "media" blocks for audio/video/file)
had zero coverage. Add tests for: multiple distinct images in one tool
result (parser + desktop carousel navigation), inline audio via the
mime_type key spelling, canonical video/file media blocks, and rejection
of an invalid canonical image block.

---------

Co-authored-by: Harrison <harrison@cline.bot>
2026-08-27 17:55:29 -07:00
Saoud Rizwan b532b174ba fix(ci): stop e2e worker teardown timeouts and deflake hub daemon e2e on Windows (#13646)
* fix(e2e): stop VS Code e2e worker teardown from timing out

The ext-vscode-test-e2e job has been failing on main with 'Worker teardown
timeout of 60000ms exceeded' even though every test passes. Playwright only
reports an Electron app as closed once the process exits AND every holder of
its stdio pipes is gone (ChildProcess 'close' waits on the extra fd3/fd4
pipes Playwright creates for Electron). Any VS Code descendant that outlives
the main process (chrome_crashpad_handler, GLib's 'dconf watch' helper,
xdg-open browser handlers, VS Code 1.135's agent host CLI subprocess that
logs 'unable to kill the process') keeps those pipes open, so app.close()
never resolves and the worker teardown hangs on it until its 60s timeout
fails the job.

Harness fixes, each removing one source of that wedge:

- closeAppForTeardown now SIGKILLs the whole process group (taskkill /T on
  Windows) when app.close() times out, instead of only the main pid — and
  does so even when the main process already exited, which is exactly the
  wedged state. Playwright launches Electron detached, so pid == pgid.
- Launch VS Code with --disable-crash-reporter so no crashpad handler
  outlives the app holding the harness pipes.
- Seed the fresh user-data-dir with chat.disableAIFeatures: true so VS
  Code's own AI features (rolled out via server-side experiments, so CI
  breaks without any repo change) never start their agent host process.
- Drop the page.close() teardown: closing VS Code's last window quits the
  whole app, and ElectronApplication.close() on an already-exited app
  deadlocks; the app fixture's app.close() closes windows itself while the
  app is alive.
- Codex sign-in no longer opens a real external browser under E2E_TEST; the
  codex-oauth test drives the OAuth callback itself, and the browser was an
  orphaned process holding the harness pipes on the runner.

* fix(core): deflake hub daemon e2e tests on Windows runners

sdk-test on windows-latest fails intermittently in the hub daemon e2e
files:

- shutdown.e2e.test.ts dies with a bare 'Error: socket hang up'. That
  message is the ws handshake (http.ClientRequest) failing, not the
  /shutdown fetch (an undici failure prints 'TypeError: fetch failed'):
  a freshly spawned bun daemon on a loaded 2-core Windows runner
  occasionally drops its first accepted connection before writing the
  upgrade response. Real hub clients reconnect with backoff, and the test
  asserts shutdown behavior rather than first-connection reliability, so
  openAuthenticatedSocket now retries transient handshake failures within
  a 15s budget.
- singleton.e2e.test.ts times out waiting for daemon discovery: it still
  used the 10s hang guard that 0cfc90158 already raised to 30s in
  shutdown.e2e.test.ts for the same reason. Use the same 30s guard.
- Raise the e2e testTimeout to 60s so a test that legitimately spawns two
  daemons back to back can survive slow-runner startups instead of the
  discovery hang guard being cut off by the test timeout.
2026-08-27 17:40:21 -07:00
Tomás BarreiroandJohn Choi b78f6d16d0 Add a GitHub integration step to the onboarding (#13225)
* Add feature flags to the app

* React to account updates

* Address comments

* Add a GitHub integration step to the onboarding

* validate domain and fix errors on auth

* Hide the step behind a feature flag

* update version

---------

Co-authored-by: John Choi <john.choi@cline.bot>
2026-08-27 17:29:08 -07:00
John Choi 839074d7c1 test(vscode): prevent E2E worker teardown hangs (#13644)
* test(vscode): capture external URLs in E2E runs

* docs(test): clarify browser capture rationale
2026-08-27 17:06:47 -07:00
Saoud RizwanandSaoud Rizwan 9e7c1a3f9a Fix CLI crash when a remote MCP server is offline but enabled (#13639)
Remote (SSE/streamable HTTP) MCP connects run on the session.create
critical path, which the hub caps at 30s. Without a connect budget an
unreachable server spent the full 60s default request timeout (with the
SSE transport stuck in a reconnect loop), stalling session.create past
the hub deadline and tearing the whole session down - the interactive
TUI exited and one-shot runs failed. Stdio servers already have a
bounded initialize budget for exactly this reason; give URL clients the
same treatment with a 10s default connect budget that an explicit
timeout overrides in either direction.

Fixes #13597

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-27 16:13:38 -07:00
BeeandSaoud Rizwan 29530caa58 feat: add searchable session history (#13420)
* feat: add searchable session history

Rebased onto main and updated to supersede the sidebar search dialog
from #13533: the sidebar search icon now opens the indexed command bar
(Cmd/Ctrl+P) instead of a sidebar-local cmdk dialog that eagerly loaded
the entire session history via loadAllSessions(). CommandDialog gains a
shouldFilter passthrough so server-ranked FTS hits are displayed as-is.

* fix: harden session history search

* fix: evict failed restoration sessions from search

* fix: preserve deletion when search eviction fails

* fix: address session search review feedback

* fix: preserve search suppression during reconciliation

---------

Co-authored-by: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
2026-08-27 15:55:22 -07:00
Saoud RizwanandSaoud Rizwan 691fcb6b67 fix(shared): discover global rules at ~/Cline/Rules (#13614)
The VS Code Rules tab resolves the Documents folder via
'xdg-user-dir DOCUMENTS', which prints bare $HOME when no user-dirs
config exists (WSL/headless installs), so it reads and writes global
rules at ~/Cline/Rules. The SDK's rule search paths only covered
~/Documents/Cline/Rules, so those rules never reached the system prompt.
Add the missing path to the search list.

Fixes #13542

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-27 14:44:25 -07:00
Saoud RizwanandSaoud Rizwan c97e4af8fa Fix scheduled tasks disappearing after desktop app updates (#13627)
* Fix hub-managed schedules being wiped by cron reconciliation on hub restart

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* Require the virtual hub/schedules path when exempting specs from removal reconciliation

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* Treat recorded source mtime as proof a spec is file-backed, closing the hub/schedules spoof gap

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-27 13:59:08 -07:00
Mikołaj Kondratek 889010b0b9 fix: hide history cost estimates for subscription-billed tasks (#13562)
* fix(vscode): hide history cost estimates for subscription-billed tasks

The task-header fix for subscription providers cannot reach history:
history rows render the stored totalCost (an API-rate estimate) and do
not know which provider ran the task, so the history page printed
$X.XXXX on every row and the recent-task chips in an empty chat view
rendered a $ chip even for subscription-billed tasks.

The SDK session records already persist the provider — the CLI's
history view uses it for exactly this — but the VS Code mappers dropped
it. Map it through both transports (HistoryItem.apiProvider for the
state-pushed taskHistory, TaskItem.api_provider for getTaskHistory) and
suppress the dollar figure per row when that provider's
usageCostDisplay is not "show", via a new useUsageCostVisibility
predicate shared by both surfaces.

Rows without a recorded provider (tasks predating the field, legacy
imports) keep showing the stored value — there is nothing to key
suppression on.

* test(vscode): e2e-verify history cost suppression in real VS Code

Seeds SDK session records (one openai-codex subscription task, one
anthropic usage-billed task) into the isolated CLINE_DIR before the
webview loads, then asserts in a real VS Code instance that both the
recent-task chips and the full history page render the dollar figure
only for the usage-billed task. Covers the two boundaries the unit
tests stub: on-disk records reaching getTaskHistory with provider
populated, and the provider listings delivering the subscription mark
to the webview.
2026-08-27 22:58:22 +02:00
Saoud RizwanandSaoud Rizwan 89c2efa970 fix(core): refuse checkpoint workspace restore when HEAD moved past the checkpoint (#13626)
* fix(core): refuse checkpoint workspace restore when HEAD moved past the checkpoint

Restoring a checkpoint runs git reset --hard, which moves the current
branch pointer. If commits were made after the checkpoint (by the user
or by the agent), the reset silently knocked them off the branch,
leaving them reachable only through the reflog.

Guard the reset: if HEAD no longer matches the commit the checkpoint
was created on, throw a descriptive error (including how many commits
would be dropped) instead of destroying history. Chat-only restore is
unaffected, and users who really want to discard the commits can reset
the branch manually first.

Fixes #13550

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* fix(core): close the guard-to-reset race with an atomic ref update

The moved-HEAD guard read HEAD, ran further git commands, then reset
unconditionally, so a commit landing in that window could still be
knocked off the branch. Replace the reset's branch move with git's
native compare-and-swap (git update-ref HEAD <new> <old>), which fails
if HEAD no longer points at the verified commit, and follow with a bare
reset --hard to sync the index and worktree to the already-moved HEAD.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-27 13:47:50 -07:00
Saoud RizwanandSaoud Rizwan f753a01d85 fix(desktop): don't show providers as configured without real credentials (#13608)
* fix(desktop): don't show providers as configured without real credentials

The desktop settings marked any provider with a persisted settings entry
as Configured, but legacy VS Code migration and empty saves can seed
entries (e.g. qwen-code, sapaicore) holding only a default model and no
credentials. Move the CLI's isProviderSettingsUsable readiness check into
@cline/core, expose it as a computed 'configured' flag on the provider
catalog, and use it in the desktop's isProviderConnected.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* fix(desktop): resync catalog after saves so Configured badge updates live

Optimistic provider mutations can't know the sidecar-computed 'configured'
flag, so after connecting a keyless provider or saving cloud credentials
(e.g. a Vertex project id) the row stayed 'Not configured' until remount.
Silently refetch the catalog after each successful save, guarded by the
existing generation counter so newer edits discard stale responses.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* fix(desktop): claim a generation in post-save resync so overlapping refreshes can't apply stale snapshots

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* fix(desktop): bump catalog generation on OAuth login success

Every other optimistic provider mutation claims a new generation; the
OAuth success path didn't, so a catalog load or resync still in flight
could arrive late and overwrite the just-connected state.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* fix(desktop): resync catalog after OAuth login instead of bare generation bump

The resync claims a new generation (discarding any stale in-flight
response) and its own fetch covers both the new OAuth connection and any
provider saved moments earlier, matching the post-save path.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-27 13:45:44 -07:00
Bee 908e09815e feat(core): anchor agent-created schedules in the user's .cline schedules home (#13634)
* feat(core): anchor agent-created schedules in the user's .cline schedules home

Agent-created schedules inherited whichever workspace folder the chat
session happened to run in, scattering user-level routines across chat
and project folders. They were invisible to workspace-scoped listings
elsewhere, tied to folders that may be cleaned up, and each chat's
tasks tool saw a different set when checking for duplicates.

Anchor them in ~/.cline/schedules instead: the hub's scheduled-task
session defaults now resolve to that home (created on demand), so
agent-created schedules live and run in one stable user-level scope.
The tasks tool guidance now tells agents that scheduled sessions run in
the schedules home, so prompts must carry absolute paths to any project
they operate on.

Schedules created explicitly with a workspace (CLI --workspace, desktop
routine wizard) are unchanged, and existing rows keep their current
workspaceRoot - they stay visible through the all-workspaces listing
paths (#13613, #13633).

* test(core): restore any pre-existing CLINE_DIR after the agenda hub test

The test's cleanup deleted CLINE_DIR outright, so an environment that
had it configured would leave later tests in the same worker on the
default storage directory. Save the previous value and restore it.

* test(core): restore CLINE_DIR even when hub test setup throws early

Restoring the override in the try/finally missed failures thrown during
transport construction or start(), before the try was entered. Register
the restore with onTestFinished instead, which runs regardless of where
the test fails.
2026-08-27 13:18:57 -07:00
8eca7575b4 fix: make OpenAI Codex (ChatGPT subscription) sign-in fail loudly instead of silently dead-ending (#13537)
* fix: make OpenAI Codex sign-in fail loudly instead of silently dead-ending

When callback port 1455 is already in use (e.g. by the Codex CLI or a
previous pending sign-in), startLocalOAuthServer returns a no-op server
and loginOpenAICodex would open the browser anyway, then dead-end:
the callback could never be received, and in the VS Code extension the
user just saw nothing happen after clicking 'Sign in to OpenAI Codex'.

- loginOpenAICodex now fails fast with an actionable 'port in use'
  error before opening the browser, unless the host provides manual
  code entry (the CLI's paste fallback keeps working)
- surface OAuth redirect errors (e.g. access_denied) instead of
  collapsing them into 'Missing authorization code'
- the extension dedupes concurrent sign-in clicks: a re-click re-opens
  the auth page of the pending flow instead of spawning a second flow
  that would collide with our own callback server
- browser-open failures now show an error message with the URL to
  open manually instead of only logging
- abandoned-flow timeouts no longer surface a confusing 'Missing
  authorization code' toast

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* refactor: drop host-side codex login dedupe, keep flow identical to CLI

The SDK owns the failure handling now (fail-fast on an unbindable
callback port), so the extension keeps the exact same simple
loginOpenAICodex call the CLI uses. A second click while a flow is
pending gets the SDK's clear port-in-use error, same as running
'cline auth openai-codex' twice would. Keep only the CLI-parallel
onOpenUrlError surfacing (the CLI prints 'open the URL above
manually'; the extension's equivalent is an error toast with the
URL).

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* test(e2e): cover Codex sign-in callback-port failure and redirect errors

Two driven-VS Code tests for the OpenAI Codex (ChatGPT subscription)
sign-in flow:

- with port 1455 occupied on both loopback families, clicking the
  sign-in button surfaces the fail-fast port-in-use toast
- with the port free, the callback server binds and an OAuth redirect
  error (access_denied) propagates to a visible error toast

The second test opens a real browser tab to the OpenAI auth page as a
side effect of the genuine sign-in click.

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
Co-authored-by: Mikołaj Kondratek <19799111+mkondratek@users.noreply.github.com>
2026-08-27 22:10:35 +02:00
Mikołaj Kondratek 006de710d5 fix(sdk): don't log out Codex/OCA users when token refresh fails transiently (#13565)
* fix(sdk): don't log out Codex/OCA users when token refresh fails transiently

Port the cline-provider refresh semantics to openai-codex and oca:
a transient refresh failure (network error, timeout, server 5xx) with an
already-expired access token now rethrows instead of returning null.
A null return means the refresh token was REJECTED and re-auth is
required; treating an outage blip as a rejection is what turned it into
a forced 'openai-codex requires re-authentication.' task stop while the
settings UI still showed the user as signed in.

Both providers also emit user.auth_refresh_soft_failure telemetry on
transient failures (the 'prevented logout' counter the cline provider
already has) and attach status/errorCode details to the genuine
invalid_grant logout event.

* refactor: collapse duplicate soft-failure telemetry branches and test

Review feedback: compute tokenExpired once and emit the soft-failure
event once in both providers, then return current credentials or
rethrow. Fold the codex soft-failure telemetry assertions into the
existing still-usable-token test instead of a near-duplicate case.
2026-08-27 22:10:00 +02:00
Bee 62f471f233 fix(core): stop watching agenda spec dirs while the todo tool is disabled (#13629)
* fix(core): stop watching agenda spec dirs while the todo tool is disabled

Since #13530 disabled the agent todo tool, the Agenda UI, and the
automation pump, the hub still created fs.watch watchers on the global
agenda specs dir and on every workspace root recorded in the task store
(at startup and on scope access). Nothing consumes the watcher-driven
task events while the feature is off, and the task.* hub commands
already reconcile spec files on demand, so the watchers are pure
overhead - one OS watch handle per known workspace.

Wire watchFiles to AGENDA_TODO_TOOL_ENABLED the same way
automationEnabled is, preserving a host's explicit watchFiles opt-out
for when the flag is turned back on. Schedules are unaffected: the
schedule list has no file watcher and updates through hub commands and
published schedule events.

* fix(core): reconcile external spec edits inside updateTask

With the spec watchers off there is no background reconciliation, so a
task spec edited directly on disk made every same-store task.update fail
the signature check with "task spec changed outside the manager" until
an unrelated task.get or task.list happened to reconcile the scope.

Reconcile the task's scope at the start of updateTask (mirroring what
refreshAndVerifyTaskIntent already does for approve/run), skipping it
when the file reconciler itself is the caller to avoid recursing from
reconcileFileStore. An external edit now surfaces as the store's normal
stale-revision conflict, and a re-read-and-retry succeeds. This also
closes the pre-existing watcher debounce race for updates.
2026-08-27 13:00:24 -07:00
Saoud RizwanandSaoud Rizwan c017c7016e fix(desktop): make the Tauri shell work on Windows (#13632)
- Defer updater installation to the user-initiated restart on Windows:
  install() launches the NSIS installer and exits the process immediately,
  so the background cycle now downloads only and stages the bytes, and
  restart_to_apply_update installs them after stopping the sidecar.
- Spawn child processes (sidecar, git, cmd /C start) with CREATE_NO_WINDOW
  so the GUI-subsystem app doesn't pop visible console windows.
- Fall back to USERPROFILE when HOME is unset resolving the MCP settings
  path, matching the sidecar's homedir().
- Reap the sidecar after the Windows hard-kill so its exe file lock is
  released before the NSIS installer replaces it.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-27 12:04:53 -07:00
Saoud RizwanandSaoud Rizwan 4bfef7087f Remove box shadow from chat message actions row (#13630)
Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-27 11:51:07 -07:00
Saoud RizwanandSaoud Rizwan 1d5d3b0055 Add tooltips explaining Live and After recording badges on voice input models (#13610)
Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-26 23:39:15 -07:00
Saoud RizwanandSaoud Rizwan 80dd573156 Desktop: surface scheduled-task final output — auto-expand submit_and_exit and render its summary as markdown (#13612)
* desktop: auto-expand submit_and_exit and render its summary as markdown

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* desktop: render submit summary in full foreground color

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* desktop: label the submit row 'Scheduled task completed'

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* desktop: label errored submit_and_exit rows as failed

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-26 23:38:05 -07:00
Saoud RizwanandSaoud Rizwan ce2f7a00bb Make suggested routine template prompts prescriptive about their final output (#13611)
* Make bug hunter routine template prescriptive about its final report

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* Make remaining routine templates prescriptive about their final output

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-26 23:37:20 -07:00
Saoud RizwanandSaoud Rizwan ad1408636e fix(desktop): show agent-created schedules on the Schedules page (#13613)
* fix(desktop): show agent-created schedules on the Schedules page

Schedule hub commands are scoped to the workspace registered by the
connection, but the desktop app's hub client registers the app launch
directory while agent-created schedules live under each chat's own
workspace folder - so they never appeared on the Schedules page.

Grant token-authenticated hub connections (which can already bind any
workspace at registration) explicit cross-workspace schedule access via
an allWorkspaces payload flag, and have the desktop sidecar request it
for routine schedule commands. Workspace-bound clients (local browser
origins) and default CLI behavior stay scoped.

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* refactor(core): strip allWorkspaces flag from schedule inputs and pin it in the sidecar payload

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-26 23:23:08 -07:00
Saoud RizwanandSaoud Rizwan 8981079a43 Build and Authenticode-sign a Windows x64 desktop installer in desktop releases (#13607)
* feat(desktop): build and Authenticode-sign a Windows x64 NSIS installer in desktop releases

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* fix(desktop): pin OIDC-adjacent actions to commit SHAs in the Windows signing job

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* fix(desktop): pin checkout and upload-artifact to commit SHAs in the Windows signing job

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
2026-08-26 23:07:50 -07:00
Dominic CooneyandCline Agent b4fd4ee0cd Tunnel ProtoBus over the existing Host Bridge (#13218)
* feat(core): tunnel ProtoBus over Host Bridge

* fix(core): harden Host Bridge stream lifecycle

* fix(core): serialize concurrent chunked responses per request

Streaming handlers deliver updates fire-and-forget, so two logical
responses for one request_id can be in flight at once. Chunked payloads
made forwarding non-atomic: each chunk write is an await, so concurrent
forwards could interleave their chunk sequences and the receiver --
which reassembles purely by arrival order -- would splice two payloads
into one. Route all forwards for a request through one promise chain; a
failed write rejects every later forward so a torn payload is never
followed by more chunks.

Rename the lock manager's instanceAddress to instanceOwner: it holds an
opaque per-spawn instance ID on the token path and a listener address
only on the CLI-harness path. Delete the caller-less getInstanceByPort
query that interpreted the owner as an address.

Also: document message_json as a legal wire encoding for small
payloads, close the gRPC client when startup fails, note the
intentional discard of the cancellation confirmation, and add the
proto's trailing newline.

---------

Co-authored-by: Cline Agent <cline-agent@users.noreply.github.com>
2026-08-27 09:24:28 +09:00
89970ea794 Sign Windows CLI binaries with Azure Trusted Signing; surface app-control launch errors (#13021)
* feat(cli): sign Windows binaries with Azure Trusted Signing and surface app-control launch errors

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

* fix(cli): use _CLI-suffixed signing profile secret, normalize endpoint, fail loud on partial config

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>

---------

Co-authored-by: Saoud Rizwan <saoudrizwan@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
2026-08-26 16:13:23 -07:00
John Choi ee0982cb98 fix(desktop): keep the window title bar draggable across views (#13572)
* fix(desktop): keep window title bar persistent

* fix(desktop): reserve persistent title bar space

* fix(desktop): polish persistent title bar layout
2026-08-26 15:58:58 -07:00
Mikołaj Kondratek 7718142ef2 fix(tools): preserve a file's own CRLF line endings across apply_patch updates (#13512) 2026-08-26 21:18:32 +02:00
John Choi 70654acc3e feat(ui): share agent welcome hero (#13567)
* feat(ui): share agent welcome hero

* test(ui): cover welcome hero pointer states

* refactor(ui): keep welcome hero API minimal

* test(ui): verify welcome hero package assets

* fix(ui): inline welcome hero masks
2026-08-26 11:37:52 -07:00
Saoud Rizwan c8f1caa88c fix(vscode): stop pinning DeepSeek model count in catalog smoke test (#13600) 2026-08-26 11:05:35 -07:00
𝓜𝓲𝓼𝓼𝓪𝓻𝓲 𝓐𝓱𝓲𝓵 🌿 7673b30e4d fix(vscode): avoid render crash on malformed api_req payloads in combineApiRequests (#13560) 2026-08-26 16:19:59 +02:00
320 changed files with 33221 additions and 7459 deletions
+1 -1
View File
@@ -7,7 +7,7 @@ description: Use when preparing, tagging, and publishing an apps/cli npm release
Use this skill when the user asks to release the CLI, publish `cline`, bump the CLI version, draft release notes, create a `cli-vX.Y.Z` tag, or trigger the CLI publish workflow.
The CLI is npm-only. Do not add alternate distribution or signing steps.
The CLI is npm-only. Do not add alternate distribution channels. Windows binaries are Authenticode-signed automatically by the publish workflow via Azure Trusted Signing (see the `.github/actions/sign-windows-cli` composite action and "Windows code signing" in `apps/cli/DISTRIBUTION.md`); if the signing secrets are not configured the workflow warns and publishes unsigned binaries. Local publishes (`bun release cli`) do not sign — prefer the GitHub Actions publish path for releases users run on Windows.
> Working directory: run every command below from the repository root. Paths and scripts (e.g. `apps/cli/package.json`, `sdk/packages/`, `bun release cli`, `bun run version`) are written relative to the repo root.
+4 -4
View File
@@ -9,7 +9,7 @@ Use this skill when the user asks to release the desktop app, publish the Cline
> Working directory: run every command below from the repository root.
Desktop releases are macOS-only today (a single signed + notarized universal DMG that runs natively on both Apple Silicon and Intel) and are built entirely in GitHub Actions — there is no local publish path. Installed apps discover new releases automatically through the Tauri updater, so publishing a release is what ships the update to every existing user **on that channel**.
Desktop releases ship two platforms, built entirely in GitHub Actions — there is no local publish path. macOS: a single signed + notarized universal DMG that runs natively on both Apple Silicon and Intel. Windows: an Authenticode-signed NSIS installer (`<Product>_<version>_x64-setup.exe`), signed via Azure Trusted Signing in the `build-windows` job (jsign through Tauri's `signCommand`, see `apps/examples/desktop-app/scripts/tauri-sign-windows.ps1`; requires the repo-level `AZURE_*` secrets including `AZURE_TRUSTED_SIGNING_CERTIFICATE_PROFILE_DESKTOP`, plus a `PublishDesktop`-environment federated credential on the `cline-cli-signing` Entra app). Installed apps discover new releases automatically through the Tauri updater, so publishing a release is what ships the update to every existing user **on that channel**.
## Release contract
@@ -21,7 +21,7 @@ Desktop releases are macOS-only today (a single signed + notarized universal DMG
- Release prep includes approved release notes, the version bumps, and an `apps/examples/desktop-app/CHANGELOG.md` update — committed on `main` for stable, on `desktop-experimental` for beta.
- Publish path: `.github/workflows/desktop-publish.yml` (workflow_dispatch, requires the tag to exist, point at the checked-out commit, and be reachable from the channel's branch — `origin/main` for stable, `origin/desktop-experimental` for beta).
- **Both channels dispatch from `main`.** This is a security invariant, not a convenience: the run executes `main`'s workflow copy and only the checkout points at the tag, so the signing-secret gates (the `github.ref == main` check and the PublishDesktop environment's main-only deployment-branch policy) hold for beta too. Never add `desktop-experimental` to the PublishDesktop deployment-branch policy.
- The workflow creates the tag's GitHub release (universal DMG + updater artifact + `latest.json`; marked prerelease for beta) and refreshes the channel's rolling feed release, which is the static auto-update feed every installed app on that channel polls. Never delete the `desktop-latest` or `desktop-beta` release or tag.
- The workflow creates the tag's GitHub release (universal DMG + macOS updater artifact + Windows NSIS installer with its updater signature + `latest.json`; marked prerelease for beta) and refreshes the channel's rolling feed release, which is the static auto-update feed every installed app on that channel polls. Never delete the `desktop-latest` or `desktop-beta` release or tag.
- The changelog's `## <version>` section (exact-match, not "topmost") is extracted verbatim into the GitHub release body, the Slack announcement, and the updater manifest notes.
- Always ask before pushing commits or tags.
@@ -120,7 +120,7 @@ gh api repos/cline/cline/actions/runs/<run-id>/pending_deployments \
Nothing after `validate` runs — and no signing key is readable — until then.
The workflow builds one universal macOS bundle (`tauri build --target universal-apple-darwin` lipos the aarch64 + x86_64 Rust binaries; the Bun sidecar is lipo'd by `build-sidecar-bin.ts`; beta adds the `tauri.beta.conf.json` overlay), verifies every Mach-O in the bundle carries both slices and that the compiled binary embeds exactly its own channel's feed URL, signs with the Developer ID certificate, notarizes with the App Store Connect API key, signs the updater artifact with the Tauri updater key, creates the GitHub release (prerelease for beta), refreshes the channel's feed (`desktop-latest/latest.json` or `desktop-beta/latest.json`), and posts to Slack. Notarization typically adds 210 minutes.
The workflow builds one universal macOS bundle (`tauri build --target universal-apple-darwin` lipos the aarch64 + x86_64 Rust binaries; the Bun sidecar is lipo'd by `build-sidecar-bin.ts`; beta adds the `tauri.beta.conf.json` overlay), verifies every Mach-O in the bundle carries both slices and that the compiled binary embeds exactly its own channel's feed URL, signs with the Developer ID certificate, notarizes with the App Store Connect API key, and signs the updater artifact with the Tauri updater key. In parallel, `build-windows` builds the x64 NSIS installer on a Windows runner, Authenticode-signs every binary via Azure Trusted Signing (Tauri `signCommand` -> `scripts/tauri-sign-windows.ps1`), runs the same feed-endpoint and telemetry guardrails, and verifies the shipped installer with `Get-AuthenticodeSignature`. The release job then creates the GitHub release (prerelease for beta), refreshes the channel's feed (`desktop-latest/latest.json` or `desktop-beta/latest.json`), and posts to Slack. Notarization typically adds 210 minutes.
If the workflow fails on missing credentials, see "Publish secrets (one-time setup)" below.
@@ -131,7 +131,7 @@ curl -sL https://github.com/cline/cline/releases/download/desktop-latest/latest.
curl -sL https://github.com/cline/cline/releases/download/desktop-beta/latest.json | head -30 # beta
```
The `version` field must be the new release and both `darwin-aarch64` and `darwin-x86_64` entries must point at the same new universal `.app.tar.gz` asset under the release tag (each slice of the fat binary requests its own arch key at runtime, so both keys serve the one artifact). Installed apps on that channel — including older per-arch installs — pick the update up on next launch or within 2 hours.
The `version` field must be the new release; both `darwin-aarch64` and `darwin-x86_64` entries must point at the same new universal `.app.tar.gz` asset under the release tag (each slice of the fat binary requests its own arch key at runtime, so both keys serve the one artifact), and the `windows-x86_64` entry must point at the new `*_x64-setup.exe` asset. Installed apps on that channel — including older per-arch installs — pick the update up on next launch or within 2 hours.
After a **beta** publish, also confirm the stable feed was not touched: `desktop-latest/latest.json` must still serve the previous stable version. (The workflow guards this fail-closed, but it is cheap to verify and catastrophic to miss — the updater comparator is a plain semver "newer than", so a beta manifest on `desktop-latest` would auto-update every stable install onto the beta.)
+155
View File
@@ -0,0 +1,155 @@
name: Sign Windows CLI binaries
description: >
Authenticode-signs the compiled Windows CLI executables with Azure Trusted
Signing (via jsign, so it runs on Linux runners) and verifies the resulting
signatures. If the Azure Trusted Signing secrets are not configured, the
action logs a warning and exits successfully so releases keep working while
signing infrastructure is being provisioned.
inputs:
azure-client-id:
description: Client ID of the Entra app with the Trusted Signing Certificate Profile Signer role (OIDC federated credential, no client secret).
required: false
default: ""
azure-tenant-id:
description: Entra tenant ID.
required: false
default: ""
azure-subscription-id:
description: Azure subscription ID containing the Trusted Signing account.
required: false
default: ""
endpoint:
description: Trusted Signing account endpoint, for example https://eus.codesigning.azure.net.
required: false
default: ""
account:
description: Trusted Signing account name.
required: false
default: ""
certificate-profile:
description: Trusted Signing certificate profile name.
required: false
default: ""
files:
description: Newline-separated list of PE files to sign.
required: true
runs:
using: composite
steps:
- name: Check signing configuration
id: check
shell: bash
env:
AZURE_CLIENT_ID: ${{ inputs.azure-client-id }}
AZURE_TENANT_ID: ${{ inputs.azure-tenant-id }}
AZURE_SUBSCRIPTION_ID: ${{ inputs.azure-subscription-id }}
SIGNING_ENDPOINT: ${{ inputs.endpoint }}
SIGNING_ACCOUNT: ${{ inputs.account }}
SIGNING_PROFILE: ${{ inputs.certificate-profile }}
run: |
missing=()
set_count=0
for var in AZURE_CLIENT_ID AZURE_TENANT_ID AZURE_SUBSCRIPTION_ID SIGNING_ENDPOINT SIGNING_ACCOUNT SIGNING_PROFILE; do
if [ -z "${!var}" ]; then
missing+=("$var")
else
set_count=$((set_count + 1))
fi
done
if [ "${#missing[@]}" -eq 0 ]; then
echo "Azure Trusted Signing is configured; Windows binaries will be signed."
echo "enabled=true" >> "$GITHUB_OUTPUT"
elif [ "$set_count" -eq 0 ]; then
echo "::warning::Azure Trusted Signing is not configured; publishing UNSIGNED Windows binaries. Set the AZURE_* and AZURE_TRUSTED_SIGNING_* repository secrets to enable signing."
echo "enabled=false" >> "$GITHUB_OUTPUT"
else
# Partial configuration is almost certainly a typo'd or renamed
# secret. Fail loudly instead of silently publishing unsigned.
echo "::error::Azure Trusted Signing is PARTIALLY configured; refusing to publish. Missing: ${missing[*]}"
exit 1
fi
- name: Azure login (OIDC)
if: steps.check.outputs.enabled == 'true'
uses: azure/login@a457da9ea143d694b1b9c7c869ebb04ebe844ef5 # v2.3.0
with:
client-id: ${{ inputs.azure-client-id }}
tenant-id: ${{ inputs.azure-tenant-id }}
subscription-id: ${{ inputs.azure-subscription-id }}
- name: Sign Windows binaries
if: steps.check.outputs.enabled == 'true'
shell: bash
env:
SIGNING_ENDPOINT: ${{ inputs.endpoint }}
SIGNING_ACCOUNT: ${{ inputs.account }}
SIGNING_PROFILE: ${{ inputs.certificate-profile }}
FILES: ${{ inputs.files }}
JSIGN_VERSION: "7.5"
JSIGN_SHA256: "602a51c3545a6dc4fb99bd2ea7152b26d1345916d0c93ddfbd5936cb735af91c"
run: |
set -euo pipefail
JSIGN_JAR="${RUNNER_TEMP}/jsign-${JSIGN_VERSION}.jar"
curl -fsSL -o "$JSIGN_JAR" "https://github.com/ebourg/jsign/releases/download/${JSIGN_VERSION}/jsign-${JSIGN_VERSION}.jar"
echo "${JSIGN_SHA256} ${JSIGN_JAR}" | sha256sum --check --strict
JSIGN_STOREPASS=$(az account get-access-token --resource https://codesigning.azure.net --query accessToken --output tsv)
echo "::add-mask::${JSIGN_STOREPASS}"
export JSIGN_STOREPASS
# jsign expects the endpoint host, not the URL. Tolerate both the
# portal's display form (trailing slash) and the bare form.
KEYSTORE="${SIGNING_ENDPOINT#https://}"
KEYSTORE="${KEYSTORE%/}"
while IFS= read -r file; do
[ -z "$file" ] && continue
echo "Signing ${file}"
java -jar "$JSIGN_JAR" \
--storetype TRUSTEDSIGNING \
--keystore "$KEYSTORE" \
--storepass env:JSIGN_STOREPASS \
--alias "${SIGNING_ACCOUNT}/${SIGNING_PROFILE}" \
--alg SHA-256 \
--tsaurl http://timestamp.acs.microsoft.com \
--tsmode RFC3161 \
--replace \
"$file"
done <<< "$FILES"
- name: Verify signatures
if: steps.check.outputs.enabled == 'true'
shell: bash
env:
FILES: ${{ inputs.files }}
# Authenticode chains anchor to the Microsoft Identity Verification
# Root CA 2020, which is not in the Mozilla TLS bundle, so fetch it
# explicitly (pinned) for osslsigncode chain validation.
MS_ROOT_URL: "https://www.microsoft.com/pkiops/certs/Microsoft%20Identity%20Verification%20Root%20Certificate%20Authority%202020.crt"
MS_ROOT_SHA256: "5367f20c7ade0e2bca790915056d086b720c33c1fa2a2661acf787e3292e1270"
run: |
set -euo pipefail
if ! command -v osslsigncode >/dev/null; then
sudo apt-get update -qq
sudo apt-get install -y -qq osslsigncode
fi
MS_ROOT_DER="${RUNNER_TEMP}/ms-identity-root-2020.crt"
MS_ROOT_PEM="${RUNNER_TEMP}/ms-identity-root-2020.pem"
curl -fsSL -o "$MS_ROOT_DER" "$MS_ROOT_URL"
echo "${MS_ROOT_SHA256} ${MS_ROOT_DER}" | sha256sum --check --strict
openssl x509 -inform DER -in "$MS_ROOT_DER" -out "$MS_ROOT_PEM"
while IFS= read -r file; do
[ -z "$file" ] && continue
echo "Verifying signature on ${file}"
# Timestamp countersignature chain is checked separately by Windows;
# -ignore-timestamp only skips TSA chain validation here, not the
# Authenticode chain itself.
osslsigncode verify -in "$file" -CAfile "$MS_ROOT_PEM" -ignore-timestamp
done <<< "$FILES"
+27
View File
@@ -190,6 +190,19 @@ jobs:
ls -lh "$dir/bin/"
done
- name: Sign Windows binaries
uses: ./.github/actions/sign-windows-cli
with:
azure-client-id: ${{ secrets.AZURE_CLIENT_ID }}
azure-tenant-id: ${{ secrets.AZURE_TENANT_ID }}
azure-subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
endpoint: ${{ secrets.AZURE_TRUSTED_SIGNING_ENDPOINT }}
account: ${{ secrets.AZURE_TRUSTED_SIGNING_ACCOUNT_NAME }}
certificate-profile: ${{ secrets.AZURE_TRUSTED_SIGNING_CERTIFICATE_PROFILE_CLI }}
files: |
apps/cli/dist/cli-windows-x64/bin/cline.exe
apps/cli/dist/cli-windows-arm64/bin/cline.exe
- name: Publish to NPM with latest tag
env:
NPM_CONFIG_PROVENANCE: "true"
@@ -447,6 +460,20 @@ jobs:
ls -lh "$dir/bin/"
done
- name: Sign Windows binaries
if: steps.check_commits.outputs.skip != 'true'
uses: ./.github/actions/sign-windows-cli
with:
azure-client-id: ${{ secrets.AZURE_CLIENT_ID }}
azure-tenant-id: ${{ secrets.AZURE_TENANT_ID }}
azure-subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
endpoint: ${{ secrets.AZURE_TRUSTED_SIGNING_ENDPOINT }}
account: ${{ secrets.AZURE_TRUSTED_SIGNING_ACCOUNT_NAME }}
certificate-profile: ${{ secrets.AZURE_TRUSTED_SIGNING_CERTIFICATE_PROFILE_CLI }}
files: |
apps/cli/dist/cli-windows-x64/bin/cline.exe
apps/cli/dist/cli-windows-arm64/bin/cline.exe
- name: Publish to NPM with nightly tag
if: steps.check_commits.outputs.skip != 'true'
env:
+274 -1
View File
@@ -462,9 +462,282 @@ jobs:
path: apps/examples/desktop-app/dist/publish/*
if-no-files-found: error
build-windows:
name: Build Windows (x64)
needs: validate
# Same gate rationale as the macOS build job above. This job additionally
# needs id-token: write for Azure OIDC: Windows binaries are
# Authenticode-signed with Azure Trusted Signing, authenticated through the
# PublishDesktop-environment federated credential on the cline-cli-signing
# Entra app (subject repo:cline/cline:environment:PublishDesktop).
if: github.ref == 'refs/heads/main'
environment: PublishDesktop
runs-on: windows-latest
timeout-minutes: 90
permissions:
contents: read
id-token: write
steps:
# All-or-nothing: an unsigned Windows desktop build is never acceptable
# (Smart App Control / WDAC block unsigned exes and SmartScreen flags
# unsigned installers), and Tauri would skip updater-artifact signing
# silently if the updater key were missing. Unlike the CLI pipeline
# there is no unsigned fallback here.
- name: Verify signing secrets are present
shell: bash
env:
AZURE_CLIENT_ID: ${{ secrets.AZURE_CLIENT_ID }}
AZURE_TENANT_ID: ${{ secrets.AZURE_TENANT_ID }}
AZURE_SUBSCRIPTION_ID: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
AZURE_TRUSTED_SIGNING_ENDPOINT: ${{ secrets.AZURE_TRUSTED_SIGNING_ENDPOINT }}
AZURE_TRUSTED_SIGNING_ACCOUNT_NAME: ${{ secrets.AZURE_TRUSTED_SIGNING_ACCOUNT_NAME }}
AZURE_TRUSTED_SIGNING_CERTIFICATE_PROFILE_DESKTOP: ${{ secrets.AZURE_TRUSTED_SIGNING_CERTIFICATE_PROFILE_DESKTOP }}
TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
run: |
missing=()
for name in AZURE_CLIENT_ID AZURE_TENANT_ID AZURE_SUBSCRIPTION_ID \
AZURE_TRUSTED_SIGNING_ENDPOINT AZURE_TRUSTED_SIGNING_ACCOUNT_NAME \
AZURE_TRUSTED_SIGNING_CERTIFICATE_PROFILE_DESKTOP \
TAURI_SIGNING_PRIVATE_KEY TAURI_SIGNING_PRIVATE_KEY_PASSWORD; do
[ -n "${!name}" ] || missing+=("$name")
done
if [ ${#missing[@]} -gt 0 ]; then
echo "Missing signing secrets for the Windows desktop build:"
printf ' - %s\n' "${missing[@]}"
echo
echo "The AZURE_* names are repository secrets; the TAURI_* names"
echo "live in the PublishDesktop environment. Refusing to build an"
echo "unsigned Windows desktop release."
exit 1
fi
echo "All Windows signing secrets are present."
# Every action in this job is SHA-pinned (unlike elsewhere in this
# file): they run with id-token: write and the updater signing key in
# scope, so a hijacked upstream tag must not be able to reach the
# signing identity or tamper with what gets signed and uploaded.
- name: Checkout code
uses: actions/checkout@11d5960a326750d5838078e36cf38b85af677262 # v4
with:
ref: ${{ needs.validate.outputs.tag }}
- name: Setup Bun
uses: oven-sh/setup-bun@0c5077e51419868618aeaa5fe8019c62421857d6 # v2
with:
bun-version: "1.3.13"
- name: Setup Rust
uses: dtolnay/rust-toolchain@4360b52568e2003a75bf9bc1d59f33a8e3fc893c # stable branch
with:
# With a SHA-pinned action the toolchain no longer comes from the
# ref name, so it must be set explicitly.
toolchain: stable
# No Rust build cache, mirroring the macOS job: this job holds the
# updater signing key and an Azure signing session, and a restored cache
# archive is attacker-controlled if the Actions cache is poisoned.
- name: Install dependencies
run: bun install
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
- name: Build SDK packages
run: bun run build:sdk
env:
TELEMETRY_SERVICE_API_KEY: ${{ secrets.TELEMETRY_SERVICE_API_KEY }}
ERROR_SERVICE_API_KEY: ${{ secrets.ERROR_SERVICE_API_KEY }}
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 }}
- name: Azure login (OIDC)
uses: azure/login@a457da9ea143d694b1b9c7c869ebb04ebe844ef5 # v2.3.0
with:
client-id: ${{ secrets.AZURE_CLIENT_ID }}
tenant-id: ${{ secrets.AZURE_TENANT_ID }}
subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
# Tauri invokes signCommand once per staged binary (main exe, sidecar,
# NSIS uninstaller, and the installer itself). The overlay is generated
# here rather than committed because signCommand needs an absolute path
# to the signing script on this runner.
- name: Write signing config overlay
shell: bash
run: |
SCRIPT_PATH="${GITHUB_WORKSPACE//\\//}/apps/examples/desktop-app/scripts/tauri-sign-windows.ps1"
SIGN_CONF="${RUNNER_TEMP//\\//}/tauri-windows-sign.conf.json"
cat > "$SIGN_CONF" <<EOF
{
"\$schema": "https://schema.tauri.app/config/2",
"bundle": {
"windows": {
"signCommand": "pwsh -NoLogo -NoProfile -ExecutionPolicy Bypass -File ${SCRIPT_PATH} %1"
}
}
}
EOF
cat "$SIGN_CONF"
echo "SIGN_CONF=${SIGN_CONF}" >> "$GITHUB_ENV"
- name: Build and sign desktop bundle
shell: bash
working-directory: apps/examples/desktop-app
# NSIS only: the MSI (WiX) target adds nothing for direct-download
# distribution and the updater uses the NSIS artifact. $CONFIG_ARGS is
# deliberately unquoted: it must word-split into separate flags.
run: bunx tauri build --bundles nsis $CONFIG_ARGS --config "$SIGN_CONF"
env:
CONFIG_ARGS: ${{ needs.validate.outputs.channel == 'beta' && '--config src-tauri/tauri.release.conf.json --config src-tauri/tauri.beta.conf.json' || '--config src-tauri/tauri.release.conf.json' }}
# Telemetry inlined into the sidecar at compile time, same as macOS.
TELEMETRY_SERVICE_API_KEY: ${{ secrets.TELEMETRY_SERVICE_API_KEY }}
ERROR_SERVICE_API_KEY: ${{ secrets.ERROR_SERVICE_API_KEY }}
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 }}
# Authenticode signing via scripts/tauri-sign-windows.ps1 (jsign +
# Azure Trusted Signing; the token comes from the azure/login session)
AZURE_TRUSTED_SIGNING_ENDPOINT: ${{ secrets.AZURE_TRUSTED_SIGNING_ENDPOINT }}
AZURE_TRUSTED_SIGNING_ACCOUNT_NAME: ${{ secrets.AZURE_TRUSTED_SIGNING_ACCOUNT_NAME }}
AZURE_TRUSTED_SIGNING_CERTIFICATE_PROFILE: ${{ secrets.AZURE_TRUSTED_SIGNING_CERTIFICATE_PROFILE_DESKTOP }}
# Updater artifact signing (minisign keypair, same key as macOS)
TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
# Same guardrail as the macOS job: assert the compiled binary embeds
# this channel's updater feed URL and not the other channel's. Checked
# on the unbundled main exe because NSIS compresses the installer
# contents, which defeats a string search on the installer itself.
- name: Verify updater feed endpoint
shell: bash
working-directory: apps/examples/desktop-app
env:
CHANNEL: ${{ needs.validate.outputs.channel }}
run: |
case "$CHANNEL" in
stable)
WANT="releases/download/desktop-latest/latest.json"
FORBID="releases/download/desktop-beta/latest.json"
;;
beta)
WANT="releases/download/desktop-beta/latest.json"
FORBID="releases/download/desktop-latest/latest.json"
;;
*)
echo "unknown channel: ${CHANNEL}"
exit 1
;;
esac
found=0
for bin in src-tauri/target/release/*.exe; do
if grep -a "$FORBID" "$bin" >/dev/null; then
echo "$bin embeds the other channel's feed URL (${FORBID})"
exit 1
fi
if grep -a "$WANT" "$bin" >/dev/null; then
found=1
fi
done
if [ "$found" -ne 1 ]; then
echo "No exe in src-tauri/target/release embeds ${WANT}."
echo "The updater endpoint overlay did not apply; check the"
echo "--config flags on the build step and tauri.beta.conf.json."
exit 1
fi
echo "Updater endpoint verified: ${WANT}"
# Same guardrail as the macOS job, run natively on the Windows sidecar.
- name: Verify sidecar telemetry config was inlined
shell: bash
working-directory: apps/examples/desktop-app
run: |
SELFCHECK=$(./src-tauri/bin/code-sidecar-x86_64-pc-windows-msvc.exe --telemetry-selfcheck)
echo "$SELFCHECK"
if ! printf '%s' "$SELFCHECK" | grep -q '"enabled":true'; then
echo "Packaged sidecar reports telemetry disabled."
echo "Check the OTEL_* / TELEMETRY_SERVICE_API_KEY env on the"
echo "'Build and sign desktop bundle' step and the --define"
echo "inlining in scripts/build-sidecar-bin.ts."
exit 1
fi
if printf '%s' "$SELFCHECK" | grep -Eq '"otlp_endpoint_host":"(invalid-endpoint-url)?"'; then
echo "Packaged sidecar reports telemetry enabled but its OTLP"
echo "endpoint is missing, unparseable, or not an http(s) URL."
echo "Check the OTEL_EXPORTER_OTLP_ENDPOINT secret."
exit 1
fi
- name: Collect artifacts
shell: bash
working-directory: apps/examples/desktop-app
env:
VERSION: ${{ needs.validate.outputs.version }}
PRODUCT: ${{ needs.validate.outputs.product }}
run: |
BUNDLE_DIR="src-tauri/target/release/bundle"
OUT="dist/publish"
mkdir -p "$OUT"
# "Cline" -> Cline, "Cline Beta" -> Cline-Beta
PREFIX="${PRODUCT// /-}"
SETUP=$(find "$BUNDLE_DIR/nsis" -name '*-setup.exe' -print -quit)
if [ -z "$SETUP" ]; then
echo "no NSIS installer produced under $BUNDLE_DIR/nsis"
exit 1
fi
# The .sig is the updater (minisign) signature; without it the
# manifest generator cannot publish a windows-x86_64 entry.
if [ ! -f "${SETUP}.sig" ]; then
echo "updater signature missing next to $SETUP"
exit 1
fi
cp "$SETUP" "$OUT/${PREFIX}_${VERSION}_x64-setup.exe"
cp "${SETUP}.sig" "$OUT/${PREFIX}_${VERSION}_x64-setup.exe.sig"
ls -lh "$OUT"
# Independent Authenticode gate on the exact artifact users download.
# The signing script already verifies each file it signs, but this step
# would still catch an installer that skipped signCommand entirely.
- name: Verify Authenticode signatures
shell: pwsh
working-directory: apps/examples/desktop-app
run: |
# The Tauri bundler signs the sidecar in place, so check it here too;
# a WDAC-locked machine blocks the app at runtime if the sidecar it
# spawns is unsigned, even when the installer itself is fine.
$files = @(Get-ChildItem dist/publish/*.exe) + @(Get-Item src-tauri/bin/code-sidecar-x86_64-pc-windows-msvc.exe)
if ($files.Count -lt 2) { throw "expected at least the installer and the sidecar to verify" }
foreach ($file in $files) {
$sig = Get-AuthenticodeSignature $file.FullName
if ($sig.Status -ne "Valid") {
throw "Invalid Authenticode signature for $($file.Name): $($sig.Status) - $($sig.StatusMessage)"
}
Write-Host "$($file.Name): Valid ($($sig.SignerCertificate.Subject))"
}
- name: Upload artifacts
uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4
with:
name: desktop-windows-x64
path: apps/examples/desktop-app/dist/publish/*
if-no-files-found: error
release:
name: Create GitHub release
needs: [validate, build]
needs: [validate, build, build-windows]
runs-on: ubuntu-latest
permissions:
contents: write
+21
View File
@@ -1,5 +1,26 @@
# Cline CLI Changelog
## 3.0.61
- Cline now handles a running Hub that is older than your CLI. Instead of quietly talking to a hub executing stale code, you get a prompt showing how many active sessions a replacement would interrupt, with enter-to-replace or escape-to-keep. The replacement drains the Hub first so in-flight turns finish, and a hub too old or wedged to accept the drain is left alone rather than killed
- Windows binaries are now Authenticode-signed via Azure Trusted Signing, and a launch blocked by application-control policy now prints an actionable error instead of failing bare
- Fixed the CLI dying when an enabled remote (SSE/streamable HTTP) MCP server is unreachable. The connect now has a 10s budget, so an offline server no longer stalls session startup past the Hub's deadline and tears the session down — previously the interactive TUI exited and one-shot runs failed
- Fixed tool calling being silently disabled for Dify, SAP AI Core, opencode, and Codex CLI models. Their catalog entries declare no capabilities, and the empty list was read as an authoritative denial that stripped every tool from the request
- Fixed images being dropped from file reads on models whose capability list is empty
- Langfuse tracing now works in released builds. Detection identified the OpenTelemetry provider by class name, which minification renames, so tracing silently initialized as not-ready in every published binary while working in dev
- Restoring a checkpoint now refuses to run when you have made commits after it, instead of silently knocking them off the branch where only the reflog could recover them. Chat-only restore is unaffected
- `apply_patch` now preserves a file's existing CRLF line endings
- Global rules are now also read from `~/Cline/Rules`, which is where the VS Code Rules tab writes them on WSL and headless installs
- Signing in to OpenAI Codex (ChatGPT subscription) now fails with a clear "port in use" error when 1455 is occupied, instead of opening a browser to a flow that can never complete
- A transient network failure while refreshing Codex or OpenAI-compatible-account tokens no longer logs you out
- Aborting a session now also cancels the delegated subagents and teammates it spawned, instead of leaving their work running
- Agent-created schedules now live in `~/.cline/schedules` instead of inheriting whichever chat folder they were created in. Schedules you create with `--workspace` are unchanged
- Fixed scheduled tasks disappearing after a hub restart
- Fixed markdown flashing as it settled at the end of a streamed response
- The message the model sees when you reject a tool call now names the tool and reads as your decision rather than an error
- Cline provider models now come from the live catalog, so newly published models show up without a CLI update
- Refreshed the model catalog. Adds ten providers (Bothub, OpenReason, SenseNova (China), TokenGo, TokenRouter, Vancine, Volcengine Ark, Volcengine Ark Coding Plan, above.dev, and klokintegration.se) and updates model lists and pricing across providers. This is an unusually wide refresh: the resolved default model changes for 57 providers. Most consequentially, Anthropic now resolves to Claude Fable 5.1 instead of Claude Opus 5, and Amazon Bedrock, Vertex, OpenRouter, Vercel AI Gateway, Kilo Gateway, LLM Gateway, DevPass, DigitalOcean, CrossModel, Eden AI, and NanoGPT follow it to Fable 5.1. If you use any provider without pinning a model, expect a different default
## 3.0.60
- Fixed the background hub process ballooning in memory during long sessions — session status updates were broadcasting a full copy of the conversation transcript to every connected client, which on a large task could grow the process to tens of gigabytes. Upgrading retires the running hub so the fix takes effect on the next command
+3
View File
@@ -270,6 +270,9 @@ The postinstall script runs in diverse environments (CI, Docker, restricted perm
### Windows
Windows binaries are `.exe` files. The build script appends `.exe` to the output filename on Windows targets. The resolver handles this. npm on Windows generates `.cmd` shims for bin entries automatically.
### Windows code signing
Windows application control (Smart App Control, WDAC, AppLocker) blocks unsigned executables at launch, regardless of how they were installed — npm distribution gets no exemption ([#12934](https://github.com/cline/cline/issues/12934)). The publish workflow Authenticode-signs `cli-windows-x64/bin/cline.exe` and `cli-windows-arm64/bin/cline.exe` with Azure Trusted Signing before publishing, via the `.github/actions/sign-windows-cli` composite action. Signing runs on the Linux publish runner using [jsign](https://ebourg.github.io/jsign/) (`--storetype TRUSTEDSIGNING`) with an OIDC-federated Entra app, then verifies the signature chain with `osslsigncode` against the Microsoft Identity Verification Root CA 2020. If all `AZURE_*` / `AZURE_TRUSTED_SIGNING_*` repository secrets are absent, the action logs a warning and the release ships unsigned rather than failing; if only some resolve (a typo'd or renamed secret), the release fails loudly instead. The certificate profile secret is suffixed `_CLI` because the desktop app will later get its own profile; the other five secrets are shared. Note that signing bun-compiled executables requires Bun >= 1.2.23 (earlier versions located the embedded bundle relative to the end of the file, which signing corrupts).
### File permissions
Compiled binaries need to be executable (`chmod 755`). The build script sets this after copying. The postinstall also sets permissions on the cached binary. Some npm packaging steps can strip permissions, so both handle this defensively.
+23
View File
@@ -72,6 +72,29 @@ function run(target) {
});
if (result.error) {
console.error(result.error.message);
// Windows application control (Smart App Control, WDAC, AppLocker)
// blocks the child exe at launch, which Node surfaces only as an
// opaque "spawnSync ... UNKNOWN" error. Point users at the real cause.
const code = result.error.code;
if (
os.platform() === "win32" &&
(code === "UNKNOWN" || code === "EACCES" || code === "EPERM")
) {
console.error(
"\nWindows refused to start the Cline binary:\n " +
target +
"\n\n" +
"This usually means an application control policy (Smart App Control,\n" +
"WDAC, or AppLocker) or antivirus blocked the executable. To confirm,\n" +
"run the path above directly in a terminal and check the error Windows\n" +
"reports, or inspect its signature with:\n\n" +
' Get-AuthenticodeSignature "' +
target +
'"\n\n' +
"If it was blocked by policy, allow the file or ask your administrator\n" +
"to trust it. See https://github.com/cline/cline/issues for known issues.",
);
}
process.exit(1);
}
if (typeof result.status === "number") {
+1 -1
View File
@@ -1,7 +1,7 @@
{
"name": "@cline/cli",
"displayName": "cline",
"version": "3.0.60",
"version": "3.0.61",
"description": "Autonomous coding agent CLI - capable of creating/editing files, running commands, using the browser, and more",
"type": "module",
"publishConfig": {
+3 -1
View File
@@ -186,7 +186,9 @@ export function createHubCommand(
);
if (!ok) {
io.writeErr(
draining ? "Hub drain request failed." : "Hub un-drain request failed.",
draining
? "Hub drain request failed."
: "Hub un-drain request failed.",
);
fail();
return;
+5 -1
View File
@@ -63,7 +63,11 @@ describe("resolveSystemPrompt workspace metadata", () => {
writeFileSync(join(cwd, "README.md"), "test\n");
execFileSync("git", ["add", "README.md"], { cwd });
execFileSync("git", ["commit", "-m", "initial"], { cwd });
execFileSync("git", ["remote", "add", "origin", "https://example.com/cline/repo.git"], { cwd });
execFileSync(
"git",
["remote", "add", "origin", "https://example.com/cline/repo.git"],
{ cwd },
);
const commit = execFileSync("git", ["rev-parse", "HEAD"], {
cwd,
encoding: "utf8",
+8 -1
View File
@@ -657,11 +657,18 @@ export function ChatEntryView(props: {
* token identity, so settled content never re-renders.
* tableOptions preserves the bordered table style that coalesced
* mode used by default (top-level defaults to borderless columns).
*
* streaming stays true even after the entry settles: flipping the
* prop makes MarkdownRenderable rebuild every block from scratch
* (updateBlocks(true) skips all reuse paths), so the finished
* message flashes back to unhighlighted text while tree-sitter
* re-highlights. opencode's TUI keeps streaming={true} for the
* same reason. entry.streaming still drives the spinner glyph.
*/}
<markdown
content={content}
syntaxStyle={getSyntaxStyle(theme, mode)}
streaming={entry.streaming}
streaming={true}
internalBlockMode="top-level"
tableOptions={{ style: "grid" }}
fg={defaultFg}
@@ -14,6 +14,27 @@ export function resolveHubUpdateRequiredKeyAction(
return "ignore";
}
/**
* Human phrase for the live work an outdated Hub is serving, used by the
* "Hub update required" dialog. Falls back to an unquantified phrase when the
* Hub could not answer the activity query.
*/
export function describeOutdatedHubSessions(counts: {
activeSessionCount?: number;
participantClientCount?: number;
}): string {
const sessions = counts.activeSessionCount;
if (typeof sessions !== "number" || sessions <= 0) {
return "active sessions from other Cline clients";
}
const sessionsPhrase = `${sessions} active session${sessions === 1 ? "" : "s"}`;
const clients = counts.participantClientCount;
if (typeof clients !== "number" || clients <= 0) {
return sessionsPhrase;
}
return `${sessionsPhrase} from ${clients} connected Cline client${clients === 1 ? "" : "s"}`;
}
/**
* Yolo and sandbox sessions force the local backend and never attach to the
* shared managed Hub (see the forceLocalBackend condition in the interactive
@@ -2,12 +2,21 @@
import type { ChoiceContext } from "@opentui-ui/dialog";
import { useDialogKeyboard } from "@opentui-ui/dialog/react";
import { useDialogPalette } from "../../hooks/use-theme";
import { resolveHubUpdateRequiredKeyAction } from "./hub-update-required-helpers";
import {
describeOutdatedHubSessions,
resolveHubUpdateRequiredKeyAction,
} from "./hub-update-required-helpers";
export interface HubUpdateRequiredDetails {
hubCoreVersion?: string;
}
/**
* Shown only for `unsupported_protocol`: the running Hub speaks a protocol
* this CLI cannot, so nothing hub-backed works until the CLI updates. The
* softer `build_mismatch` case (newer Hub, compatible protocol) is a toast
* in root.tsx, not this modal.
*/
export function HubUpdateRequiredContent(
props: ChoiceContext<boolean> & HubUpdateRequiredDetails,
) {
@@ -29,13 +38,12 @@ export function HubUpdateRequiredContent(
<text fg="yellow">Cline Hub was updated</text>
<box flexDirection="column">
<text selectable>
Another Cline installation restarted the shared Cline Hub
{hubCoreVersion ? ` (core ${hubCoreVersion})` : ""}, and it no longer
matches this CLI.
Another Cline installation updated the shared Cline Hub
{hubCoreVersion ? ` (core ${hubCoreVersion})` : ""} to a version this
CLI cannot talk to.
</text>
<text selectable>
Update and restart Cline so this CLI and the Hub run the same version
again.
Update and restart Cline to reconnect to the running Hub.
</text>
</box>
<box flexDirection="row">
@@ -49,3 +57,64 @@ export function HubUpdateRequiredContent(
</box>
);
}
export interface HubOutdatedDetails {
hubCoreVersion?: string;
activeSessionCount?: number;
participantClientCount?: number;
}
/**
* Shown when this CLI is the newer build and the shared Hub was left running
* an older one because it is still serving other clients' sessions. Enter
* replaces the Hub now (interrupting that work); Esc keeps it running.
*/
export function HubOutdatedContent(
props: ChoiceContext<boolean> & HubOutdatedDetails,
) {
const {
activeSessionCount,
dialogId,
dismiss,
participantClientCount,
resolve,
} = props;
const palette = useDialogPalette();
useDialogKeyboard((key) => {
const action = resolveHubUpdateRequiredKeyAction(key);
if (action === "ignore") return;
if (action === "update") {
resolve(true);
return;
}
dismiss();
}, dialogId);
return (
<box flexDirection="column" paddingX={1} gap={1}>
<text fg="yellow">Cline Hub update required</text>
<box flexDirection="column">
<text selectable>
This CLI needs a newer Cline Hub, but the running one is still serving{" "}
{describeOutdatedHubSessions({
activeSessionCount,
participantClientCount,
})}
.
</text>
<text selectable>
Updating stops that Hub and interrupts its sessions.
</text>
</box>
<box flexDirection="row">
<box paddingX={1} backgroundColor={palette.act}>
<text fg={palette.textOnSelection}>Update Now</text>
</box>
</box>
<text fg={palette.muted}>
Press Enter to update now, Esc to keep the Hub running
</text>
</box>
);
}
@@ -1,5 +1,9 @@
import type { AgentMode } from "@cline/core";
import type { ToolApprovalRequest, ToolApprovalResult } from "@cline/shared";
import {
type ToolApprovalRequest,
type ToolApprovalResult,
USER_REJECTED_TOOL_REASON,
} from "@cline/shared";
import { useCallback, useEffect, useRef, useState } from "react";
import type { RuntimeToolInteraction, TuiProps } from "../types";
@@ -36,16 +40,16 @@ function toRuntimeToolInteraction(
};
}
function deniedToolResult(request: ToolApprovalRequest): ToolApprovalResult {
function deniedToolResult(): ToolApprovalResult {
return {
approved: false,
reason: `Tool "${request.toolName}" was denied by user`,
reason: USER_REJECTED_TOOL_REASON,
};
}
function dismissPendingInteraction(pending: PendingRuntimeToolInteraction) {
if (pending.kind === "tool_approval") {
pending.resolve(deniedToolResult(pending.request));
pending.resolve(deniedToolResult());
return;
}
pending.resolve("[User dismissed the question]");
@@ -111,9 +115,7 @@ export function useRuntimeDialogBridge(input: {
if (!pending || pending.id !== id || pending.kind !== "tool_approval") {
return;
}
pending.resolve(
approved ? { approved: true } : deniedToolResult(pending.request),
);
pending.resolve(approved ? { approved: true } : deniedToolResult());
const hasNext = finishActive(id);
if (!hasNext) {
refocusTextarea();
+82 -10
View File
@@ -2,6 +2,7 @@ import {
getCurrentContextSize,
type ManagedHubBuildMismatchEvent,
summarizeUsageFromMessages,
upgradeManagedHub,
watchManagedHubBuildMismatch,
} from "@cline/core";
import { formatDisplayUserInput } from "@cline/shared";
@@ -40,7 +41,10 @@ import {
buildCommandPaletteItems,
findCommandPaletteShortcut,
} from "./components/dialogs/command-palette-items";
import { HubUpdateRequiredContent } from "./components/dialogs/hub-update-required";
import {
HubOutdatedContent,
HubUpdateRequiredContent,
} from "./components/dialogs/hub-update-required";
import { shouldWatchManagedHubBuild } from "./components/dialogs/hub-update-required-helpers";
import {
SKILLS_MARKETPLACE_ACTION,
@@ -586,17 +590,85 @@ function App(props: TuiProps) {
setHubBuildMismatch(null);
const hubCoreVersion = hubBuildMismatch.hubCoreVersion;
if (hubBuildMismatch.reason === "outdated_hub") {
// This CLI is already the newer build. The Hub is behind only because
// retiring it would kill the sessions it is serving, and it is
// replaced on its own at the next launch. Nothing is wrong, nothing is
// asked, and nothing the user can act on differs - so say nothing, the
// same conclusion the desktop surface reached.
//
// The classification still earns its keep here: it is what stops the
// update-and-restart prompt below from firing at someone who has
// nothing to update.
// This CLI is already the newer build; the Hub is behind only because
// retiring it would kill the sessions it is serving. Left alone it
// would stay behind for as long as those sessions run, so put the
// choice to the user: replace it now (interrupting that work), or
// keep it running and update later. This session itself is safe
// either way - a CLI that could not attach to the outdated Hub is
// running on the local backend.
const details = {
hubCoreVersion,
activeSessionCount: hubBuildMismatch.activeSessionCount,
participantClientCount: hubBuildMismatch.participantClientCount,
};
void dialog
.choice<boolean>({
content: (ctx: ChoiceContext<boolean>) => (
<HubOutdatedContent {...ctx} {...details} />
),
})
.then(async (update) => {
if (!update) {
// choice() resolves undefined on Esc; it does not reject.
showToast(
"The running Cline Hub stays on the older version. Run 'cline hub upgrade' once its sessions finish.",
"info",
);
refocusTextareaRef.current();
return;
}
showToast("Updating the Cline Hub…", "info");
try {
const result = await upgradeManagedHub({
force: true,
reason: "cline TUI hub update",
});
if (result.outcome === "still_busy") {
showToast(
"The Hub picked up new sessions before it could be replaced. Try again in a moment.",
"info",
);
} else {
showToast(
result.outcome === "replaced" || result.outcome === "started"
? "Cline Hub updated."
: "Cline Hub is already up to date.",
"success",
);
}
} catch (error) {
showToast(
error instanceof Error && error.message
? error.message
: "Updating the Cline Hub failed. Run 'cline doctor fix' and try again.",
"error",
);
}
refocusTextareaRef.current();
})
.catch(() => {
refocusTextareaRef.current();
});
return;
}
if (hubBuildMismatch.reason === "build_mismatch") {
// The Hub is newer but still speaks this CLI's protocol, so the
// session keeps working and parity is advisable rather than urgent.
// A modal mid-session is too heavy for advice; a toast (once per
// observed Hub build, the watcher dedupes) says what changed and
// how to catch up without stealing focus.
showToast(
`The shared Cline Hub was updated${
hubCoreVersion ? ` (core ${hubCoreVersion})` : ""
}. Run 'cline update' and restart when convenient.`,
"info",
);
return;
}
// unsupported_protocol: this CLI cannot speak the running Hub's
// protocol at all, so nothing hub-backed can work until it updates.
// That is worth a blocking prompt.
void dialog
.choice<boolean>({
content: (ctx: ChoiceContext<boolean>) => (
@@ -1,5 +1,4 @@
import { ProviderSettingsManager } from "@cline/core";
import { isProviderSettingsUsable } from "../../utils/provider-readiness";
import { isProviderSettingsUsable, ProviderSettingsManager } from "@cline/core";
import type { TuiProps } from "../types";
export function isProviderConfigured(config: TuiProps["config"]): boolean {
+6 -2
View File
@@ -1,5 +1,9 @@
import { createInterface } from "node:readline";
import type { ToolApprovalRequest, ToolApprovalResult } from "@cline/shared";
import {
type ToolApprovalRequest,
type ToolApprovalResult,
USER_REJECTED_TOOL_REASON,
} from "@cline/shared";
import { truncate } from "./helpers";
import { c, getActiveCliSession, write } from "./output";
@@ -91,7 +95,7 @@ async function requestTerminalToolApproval(
}
return {
approved: false,
reason: `Tool "${request.toolName}" was denied by user`,
reason: USER_REJECTED_TOOL_REASON,
};
}
@@ -264,6 +264,19 @@ export async function handleDesktopCommand(
) {
return [...ctx.sessions.values()].map(toWebviewSessionSummary);
}
if (command === "search_sessions") {
if (!ctx.uiClient) throw new Error("Hub is not connected");
const query = String(args?.query ?? "").trim();
if (!query) return [];
return await ctx.uiClient.searchSessions({
query,
limit: typeof args?.limit === "number" ? args.limit : 50,
workspaceRoot:
typeof args?.workspaceRoot === "string"
? args.workspaceRoot
: undefined,
});
}
if (command === "read_session_hooks") {
return [];
}
+1 -1
View File
@@ -29,7 +29,7 @@
"embla-carousel-react": "^8.6.0",
"lucide-react": "^0.577.0",
"media-chrome": "^4.18.1",
"mermaid": "11.16.0",
"mermaid": "11.16.1",
"motion": "^12.38.0",
"nanoid": "^5.1.7",
"next-themes": "^0.4.6",
+87
View File
@@ -15,6 +15,7 @@ import {
PlugIcon,
RotateCcwIcon,
RssIcon,
SearchIcon,
ServerIcon,
SettingsIcon,
Trash2Icon,
@@ -63,6 +64,7 @@ import type {
import { PageFrame, PageHeader } from "./components/views/page-layout";
import type { CustomizationSection } from "./components/views/settings/extensions-view";
import type { SettingsSection } from "./components/views/settings/settings-view";
import { desktopClient } from "./lib/desktop-client";
import { syncHubTheme } from "./lib/theme";
import { postToHost } from "./vscode";
@@ -740,7 +742,18 @@ function SessionsView({
onRenameSession: (sessionId: string, title: string) => Promise<void> | void;
sessions: WebviewSessionSummary[];
}) {
type SearchHit = {
sessionId: string;
documentId: string;
title: string;
workspaceRoot: string;
role: string;
snippet: string;
};
const [sessionFilters, setSessionFilters] = useState<string[]>([]);
const [searchQuery, setSearchQuery] = useState("");
const [searchHits, setSearchHits] = useState<SearchHit[]>([]);
const [searching, setSearching] = useState(false);
const [editingSessionId, setEditingSessionId] = useState<string | null>(null);
const [editingTitle, setEditingTitle] = useState("");
const [deleteSessionCandidate, setDeleteSessionCandidate] =
@@ -772,6 +785,34 @@ function SessionsView({
});
}, [sessions, sessionFilters, sortDirection]);
useEffect(() => {
const query = searchQuery.trim();
if (!query) {
setSearchHits([]);
setSearching(false);
return;
}
let cancelled = false;
setSearching(true);
const timer = setTimeout(() => {
void desktopClient
.invoke<SearchHit[]>("search_sessions", { query, limit: 50 })
.then((hits) => {
if (!cancelled) setSearchHits(hits);
})
.catch(() => {
if (!cancelled) setSearchHits([]);
})
.finally(() => {
if (!cancelled) setSearching(false);
});
}, 200);
return () => {
cancelled = true;
clearTimeout(timer);
};
}, [searchQuery]);
const startRenameSession = (session: WebviewSessionSummary) => {
setEditingSessionId(session.sessionId);
setEditingTitle(session.title || shortId(session.sessionId));
@@ -894,6 +935,52 @@ function SessionsView({
</>
}
/>
<div className="relative mb-3">
<SearchIcon className="pointer-events-none absolute left-3 top-2.5 size-4 text-muted-foreground" />
<Input
aria-label="Search all session history"
className="pl-9"
onChange={(event) => setSearchQuery(event.target.value)}
placeholder="Search messages, commands, errors, and file paths across all sessions…"
value={searchQuery}
/>
</div>
{searchQuery.trim() ? (
<section className="mb-4 overflow-hidden rounded-lg border bg-card">
{searching ? (
<p className="px-4 py-5 text-sm text-muted-foreground">
Searching
</p>
) : searchHits.length === 0 ? (
<p className="px-4 py-5 text-sm text-muted-foreground">
No matching session history.
</p>
) : (
searchHits.map((hit) => (
<button
className="block w-full border-b px-4 py-3 text-left last:border-b-0 hover:bg-accent/40"
key={hit.documentId}
onClick={() => onOpenSession(hit.sessionId)}
type="button"
>
<div className="flex items-center gap-2 text-sm font-medium">
<span className="truncate">{hit.title}</span>
<span className="text-xs font-normal text-muted-foreground">
{hit.role}
</span>
</div>
<p className="mt-1 line-clamp-2 text-sm text-muted-foreground">
{hit.snippet}
</p>
<p className="mt-1 truncate text-xs text-muted-foreground">
{hit.workspaceRoot}
</p>
</button>
))
)}
</section>
) : null}
<section className="w-full min-w-0 overflow-x-auto">
<div className="grid w-full min-w-[56rem] grid-cols-[minmax(12rem,1.35fr)_minmax(7rem,0.85fr)_minmax(10rem,1.1fr)_5rem_5rem_4.5rem_5.5rem_2rem] gap-x-4 bg-muted/40 px-4 py-3 text-[15px] font-medium text-muted-foreground">
+5 -2
View File
@@ -1,6 +1,9 @@
"use client";
import type { GeneratedMedia } from "@cline/shared/browser";
import {
type GeneratedMedia,
USER_REJECTED_TOOL_REASON,
} from "@cline/shared/browser";
import { GeneratedMediaContent } from "@cline/ui";
import {
CheckIcon,
@@ -1182,7 +1185,7 @@ export default function Chat({
type: "approval_response",
approvalId,
approved,
reason: approved ? "Approved in Cline Hub." : "Rejected in Cline Hub.",
reason: approved ? "Approved in Cline Hub." : USER_REJECTED_TOOL_REASON,
});
setStatus(approved ? "Approval sent." : "Rejection sent.");
};
+34
View File
@@ -1,5 +1,39 @@
# Cline Desktop Changelog
## 0.0.21
- Marketplace is now a two-pane explorer: a browsable list on the left and full catalog metadata for the selected item on the right, with category tag filters that collapse behind a "more" toggle
- Stopping a session now actually stops everything it started. Stop stays available while child agents are running, and an abort propagates to delegated subagents and to teammates instead of leaving orphaned work running in the background; cancelled teammate tasks now persist as cancelled
- Fixed the ask-a-question tool's option text overflowing instead of wrapping
- You can now drop file attachments anywhere over the chat input, not just on the small attach target
- Cline provider models now refresh from the live catalog, so newly released models show up without waiting for an app update
- Provider 401/403 responses are now classified as authentication errors rather than generic request failures, so a bad or missing API key is distinguishable from a real provider outage
- Fixed Langfuse tracing never initializing in release builds — the minified bundle broke tracer detection, so telemetry worked in dev and silently did nothing in the shipped app. Also updated for AI SDK 7's telemetry API
- Refreshed the model catalog. Adds TokenGo and Volcengine Ark, and updates model lists, pricing, and the resolved default model for ~36 providers (including Hugging Face, Mistral, OpenRouter, Together, NanoGPT, Requesty, Baseten, Cloudflare Workers AI, and DigitalOcean) — if you use one of those without pinning a model, you will get a different default
## 0.0.20
- Cline Desktop now ships on Windows: releases include a code-signed x64 installer, and installed apps auto-update on the same feed macOS does
- Windows shell fixes: background processes (the sidecar, git) no longer pop visible console windows; updates now download in the background and install when you restart the app; the MCP settings path falls back to `USERPROFILE` when `HOME` is unset
- Tool results that return images — screenshots from browser or MCP tools — now render as inline images you can click to expand, with a carousel for stepping through multiple images, instead of raw base64 text
- Session search now covers your full indexed history. The sidebar search icon opens the command bar (Cmd/Ctrl+P) with server-ranked results, instead of a sidebar-local dialog that first loaded every session into memory
- Onboarding has a new GitHub integration step
- Fixed scheduled tasks disappearing after the app updated — hub-managed schedules were being wiped by cron reconciliation on restart
- Agent-created schedules now live in one user-level home (`~/.cline/schedules`) instead of being scattered across whichever chat folder created them, and they now appear on the Schedules page
- A finished scheduled session now surfaces its final answer: the completing step auto-expands, is labeled "Scheduled task completed" (or failed), and its summary renders as markdown
- Suggested routine templates now ask for a specific final report, so a scheduled run ends with something readable
- Providers no longer show as "Configured" on the strength of a leftover settings entry with no real credentials, and the badge now updates live after connecting or saving credentials instead of waiting for a remount
- Fixed OpenAI Codex (ChatGPT subscription) sign-in silently dead-ending when callback port 1455 was already in use — it now fails immediately with an actionable error, and OAuth redirect errors surface instead of a confusing "Missing authorization code"
- Codex and OCA sign-ins are no longer dropped when a token refresh hits a transient network failure or server error
- Checkpoint restore now refuses to reset your workspace when commits were made after the checkpoint, instead of silently knocking them off the branch
- Fixed an enabled-but-offline remote MCP server stalling session startup until the session was torn down
- Global rules stored at `~/Cline/Rules` are now discovered (previously only `~/Documents/Cline/Rules`), fixing rules that never reached the model on WSL and headless installs
- `apply_patch` now preserves a file's own CRLF line endings
- The window title bar stays draggable across every view
- Voice input's Live and After recording badges now have tooltips explaining them
- Removed the box shadow from the chat message actions row
- The hub no longer watches agenda spec directories while the todo tool is disabled, dropping an OS watch handle per known workspace
## 0.0.19
- Fixed the background Cline process ballooning in memory during long sessions — session status updates were carrying a full copy of the conversation transcript to every connected client, which on a multi-megabyte task could grow the process to tens of gigabytes. Status updates now carry only state (status, usage, model, workspace, checkpoint); the transcript is fetched on demand
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@cline/code",
"version": "0.0.19",
"version": "0.0.21",
"private": true,
"scripts": {
"build:ui": "bun -F @cline/ui build",
@@ -15,9 +15,7 @@ async function reserveAvailablePort(): Promise<number> {
reject(new Error("Failed to reserve a sidecar port"));
return;
}
server.close((error) =>
error ? reject(error) : resolve(address.port),
);
server.close((error) => (error ? reject(error) : resolve(address.port)));
});
});
}
@@ -77,6 +77,66 @@ describe("buildUpdateManifest", () => {
expect(Object.keys(manifest.platforms)).toHaveLength(2);
});
test("maps a Windows NSIS setup artifact to windows-x86_64", () => {
const dir = makeUniversalArtifactDir();
writeFileSync(path.join(dir, "Cline-Code_0.1.0_x64-setup.exe"), "nsis");
writeFileSync(
path.join(dir, "Cline-Code_0.1.0_x64-setup.exe.sig"),
"sig-windows-x64\n",
);
const manifest = buildUpdateManifest({
version: "0.1.0",
tag: "desktop-v0.1.0",
dir,
repo: "cline/cline",
notes: "notes",
pubDate: "2026-07-21T00:00:00.000Z",
});
expect(manifest.platforms["windows-x86_64"]).toEqual({
signature: "sig-windows-x64",
url: "https://github.com/cline/cline/releases/download/desktop-v0.1.0/Cline-Code_0.1.0_x64-setup.exe",
});
// darwin entries from the universal artifact are unaffected.
expect(Object.keys(manifest.platforms).sort()).toEqual([
"darwin-aarch64",
"darwin-x86_64",
"windows-x86_64",
]);
});
test("ignores non-updater exe files without a setup arch suffix", () => {
const dir = makeUniversalArtifactDir();
writeFileSync(path.join(dir, "Cline-Code_0.1.0_x64.exe"), "exe");
const manifest = buildUpdateManifest({
version: "0.1.0",
tag: "desktop-v0.1.0",
dir,
repo: "cline/cline",
notes: "notes",
pubDate: "2026-07-21T00:00:00.000Z",
});
expect(Object.keys(manifest.platforms).sort()).toEqual([
"darwin-aarch64",
"darwin-x86_64",
]);
});
test("throws when a Windows setup artifact is missing its signature", () => {
const dir = makeUniversalArtifactDir();
writeFileSync(path.join(dir, "Cline-Code_0.1.0_x64-setup.exe"), "nsis");
expect(() =>
buildUpdateManifest({
version: "0.1.0",
tag: "desktop-v0.1.0",
dir,
repo: "cline/cline",
notes: "notes",
pubDate: "2026-07-21T00:00:00.000Z",
}),
).toThrow();
});
test("throws when universal and per-arch artifacts claim the same platform", () => {
const dir = makePerArchArtifactDir();
writeFileSync(
@@ -24,17 +24,25 @@ export type UpdateManifest = {
platforms: Record<string, UpdaterPlatformEntry>;
};
// Maps the arch token embedded in artifact file names (see the "Collect
// Maps the arch token embedded in macOS artifact file names (see the "Collect
// artifacts" workflow step) to the platform keys the Tauri updater requests.
// A universal (fat) bundle serves both macOS architectures: each slice of the
// installed app requests its own compile-time arch key at runtime, and both
// keys point at the same artifact and signature.
const PLATFORM_KEYS_BY_ARCH_SUFFIX: Record<string, string[]> = {
const MACOS_PLATFORM_KEYS_BY_ARCH_SUFFIX: Record<string, string[]> = {
aarch64: ["darwin-aarch64"],
x86_64: ["darwin-x86_64"],
universal: ["darwin-aarch64", "darwin-x86_64"],
};
// On Windows the updater artifact is the NSIS installer itself
// (createUpdaterArtifacts signs the setup exe with the updater key), named
// `<Product>_<version>_<arch>-setup.exe` by the Tauri bundler.
const WINDOWS_PLATFORM_KEYS_BY_ARCH_SUFFIX: Record<string, string[]> = {
x64: ["windows-x86_64"],
arm64: ["windows-aarch64"],
};
const getArgValue = (args: string[], name: string): string | undefined => {
const index = args.indexOf(name);
if (index >= 0 && args[index + 1] && !args[index + 1].startsWith("--")) {
@@ -45,13 +53,22 @@ const getArgValue = (args: string[], name: string): string | undefined => {
return inline?.slice(prefix.length);
};
const archOfUpdaterArtifact = (fileName: string): string | undefined => {
if (!fileName.endsWith(".app.tar.gz")) {
return undefined;
const platformKeysOfUpdaterArtifact = (
fileName: string,
): string[] | undefined => {
if (fileName.endsWith(".app.tar.gz")) {
const arch = Object.keys(MACOS_PLATFORM_KEYS_BY_ARCH_SUFFIX).find(
(candidate) => fileName.includes(`_${candidate}`),
);
return arch ? MACOS_PLATFORM_KEYS_BY_ARCH_SUFFIX[arch] : undefined;
}
return Object.keys(PLATFORM_KEYS_BY_ARCH_SUFFIX).find((arch) =>
fileName.includes(`_${arch}`),
);
if (fileName.endsWith("-setup.exe")) {
const arch = Object.keys(WINDOWS_PLATFORM_KEYS_BY_ARCH_SUFFIX).find(
(candidate) => fileName.endsWith(`_${candidate}-setup.exe`),
);
return arch ? WINDOWS_PLATFORM_KEYS_BY_ARCH_SUFFIX[arch] : undefined;
}
return undefined;
};
export const buildUpdateManifest = (options: {
@@ -65,8 +82,8 @@ export const buildUpdateManifest = (options: {
const platforms: Record<string, UpdaterPlatformEntry> = {};
for (const fileName of readdirSync(options.dir).sort()) {
const arch = archOfUpdaterArtifact(fileName);
if (!arch) {
const platformKeys = platformKeysOfUpdaterArtifact(fileName);
if (!platformKeys) {
continue;
}
const signaturePath = path.join(options.dir, `${fileName}.sig`);
@@ -74,7 +91,7 @@ export const buildUpdateManifest = (options: {
if (!signature) {
throw new Error(`empty updater signature at ${signaturePath}`);
}
for (const platformKey of PLATFORM_KEYS_BY_ARCH_SUFFIX[arch]) {
for (const platformKey of platformKeys) {
if (platforms[platformKey]) {
throw new Error(
`multiple updater artifacts claim platform ${platformKey}; found ${fileName} after ${platforms[platformKey].url}`,
@@ -89,7 +106,7 @@ export const buildUpdateManifest = (options: {
if (Object.keys(platforms).length === 0) {
throw new Error(
`no updater artifacts (*.app.tar.gz with a known arch suffix) found in ${options.dir}`,
`no updater artifacts (*.app.tar.gz or *-setup.exe with a known arch suffix) found in ${options.dir}`,
);
}
@@ -0,0 +1,77 @@
# Authenticode-signs one PE file with Azure Trusted Signing via jsign.
#
# Invoked by the Tauri bundler through `bundle > windows > signCommand` (the
# desktop-publish workflow generates a config overlay pointing here), once per
# binary it stages: the main app exe, the code-sidecar external binary, the
# NSIS uninstaller, and the NSIS installer itself.
#
# Requirements (all provided by the desktop-publish Windows job):
# - an azure/login OIDC session (jsign's token comes from `az account get-access-token`)
# - AZURE_TRUSTED_SIGNING_ENDPOINT / _ACCOUNT_NAME / _CERTIFICATE_PROFILE env vars
# - java on PATH (preinstalled on GitHub Windows runners)
#
# Mirrors the CLI pipeline (.github/actions/sign-windows-cli): same jsign
# version and flags, same Microsoft timestamp service. Kept as a standalone
# script so the signing behavior is reviewable in the repo rather than inlined
# in a generated config string.
param(
[Parameter(Mandatory = $true, Position = 0)]
[string] $Path
)
$ErrorActionPreference = "Stop"
$jsignVersion = "7.5"
$jsignSha256 = "602A51C3545A6DC4FB99BD2EA7152B26D1345916D0C93DDFBD5936CB735AF91C"
$endpoint = $env:AZURE_TRUSTED_SIGNING_ENDPOINT
$account = $env:AZURE_TRUSTED_SIGNING_ACCOUNT_NAME
$certProfile = $env:AZURE_TRUSTED_SIGNING_CERTIFICATE_PROFILE
if (-not $endpoint -or -not $account -or -not $certProfile) {
throw "Azure Trusted Signing env vars are not set (AZURE_TRUSTED_SIGNING_ENDPOINT/_ACCOUNT_NAME/_CERTIFICATE_PROFILE)"
}
$resolved = (Resolve-Path $Path).Path
# jsign expects the endpoint host; tolerate the portal's trailing-slash form.
$keystore = $endpoint -replace '^https://', '' -replace '/$', ''
$jar = Join-Path $env:RUNNER_TEMP "jsign-$jsignVersion.jar"
if (-not (Test-Path $jar)) {
Invoke-WebRequest -Uri "https://github.com/ebourg/jsign/releases/download/$jsignVersion/jsign-$jsignVersion.jar" -OutFile $jar
}
$actualHash = (Get-FileHash -Algorithm SHA256 $jar).Hash
if ($actualHash -ne $jsignSha256) {
Remove-Item $jar -Force
throw "jsign jar checksum mismatch: expected $jsignSha256, got $actualHash"
}
# Short-lived bearer token from the azure/login OIDC session. Fetched per
# invocation (signCommand runs once per file) so a long Rust build beforehand
# can never leave us with an expired token. Passed to jsign via env, not argv.
$env:JSIGN_STOREPASS = (az account get-access-token --resource https://codesigning.azure.net --query accessToken --output tsv)
if (-not $env:JSIGN_STOREPASS) {
throw "failed to acquire an Azure access token; is azure/login configured on this job?"
}
Write-Host "Signing $resolved"
java -jar $jar `
--storetype TRUSTEDSIGNING `
--keystore $keystore `
--storepass env:JSIGN_STOREPASS `
--alias "$account/$certProfile" `
--alg SHA-256 `
--tsaurl http://timestamp.acs.microsoft.com `
--tsmode RFC3161 `
--replace `
$resolved
if ($LASTEXITCODE -ne 0) {
throw "jsign failed for $resolved (exit $LASTEXITCODE)"
}
$signature = Get-AuthenticodeSignature $resolved
if ($signature.Status -ne "Valid") {
throw "signature verification failed for ${resolved}: $($signature.Status) - $($signature.StatusMessage)"
}
Write-Host "Signed and verified: $resolved ($($signature.SignerCertificate.Subject))"
@@ -462,6 +462,89 @@ describe("session forks", () => {
expect(ctx.restoringWorkspacePaths.size).toBe(0);
});
it("forks trimmed messages without restoring when the edited run has no checkpoint", async () => {
const sourceSessionId = `source-imported-fork-${Date.now()}`;
const sourceMessages = [
{ role: "user" as const, content: "imported prompt" },
{ role: "assistant" as const, content: "imported response" },
{ role: "user" as const, content: "prompt to edit" },
{ role: "assistant" as const, content: "response to replace" },
];
const expectedMessages = sourceMessages.slice(0, 2);
const start = vi.fn(async () => ({ sessionId: "imported-fork" }));
const restore = vi.fn(async () => {
throw new Error("restore must not run without a checkpoint");
});
const readMessages = vi.fn(async () => expectedMessages);
const ctx = {
liveSessions: new Map([
[
sourceSessionId,
{
config: {
provider: "cline",
model: "anthropic/claude-sonnet-4.6",
},
messages: sourceMessages,
promptsInQueue: [],
busy: false,
startedAt: Date.now(),
status: "completed",
},
],
]),
restoringWorkspacePaths: new Set(),
sessionManager: {
get: vi.fn(async () => ({
sessionId: sourceSessionId,
source: "desktop",
status: "completed",
provider: "cline",
model: "anthropic/claude-sonnet-4.6",
cwd: "/workspace/project",
workspaceRoot: "/workspace/project",
metadata: {
importedFrom: { tool: "codex", sourceId: "cdx-1" },
},
})),
readMessages,
restore,
start,
},
streamIndices: new Map(),
wsClients: new Set(),
} as unknown as SidecarContext;
const result = (await handleChatSessionCommand(ctx, {
action: "fork",
sessionId: sourceSessionId,
forkBeforeRunCount: 2,
config: {
provider: "cline",
model: "anthropic/claude-sonnet-4.6",
},
})) as { sessionId: string };
expect(restore).not.toHaveBeenCalled();
expect(start).toHaveBeenCalledWith(
expect.objectContaining({
initialMessages: expectedMessages,
sessionMetadata: expect.objectContaining({
fork: expect.objectContaining({
forkedFromSessionId: sourceSessionId,
beforeRunCount: 2,
}),
}),
}),
);
expect(result.sessionId).toBe("imported-fork");
expect(ctx.liveSessions.has(sourceSessionId)).toBe(false);
expect(ctx.liveSessions.get("imported-fork")?.messages).toEqual(
expectedMessages,
);
expect(ctx.restoringWorkspacePaths.size).toBe(0);
});
it("keeps a full-history fork on the current workspace without restoring", async () => {
const sourceSessionId = `source-full-fork-${Date.now()}`;
const sourceMessages = [
@@ -8,10 +8,12 @@ import {
type ClineCoreStartConfig,
createSessionCompactionState,
createUserInstructionConfigService,
findCheckpointForRun,
getCoreBuiltinToolCatalog,
isSkillsToolAvailable,
projectSessionCompactionState,
readGlobalSettings,
readSessionCheckpointHistory,
type SessionCompactionState,
type SessionPendingPrompt,
type SessionRecord,
@@ -1299,8 +1301,18 @@ async function handleForkUnlocked(
sessionMetadata: forkMetadata,
toolPolicies: resolveToolPolicies(forkConfig),
};
// Sessions without a checkpoint at or before the edited run (imported
// transcripts, checkpoints disabled) have no workspace state to roll back,
// so fork the trimmed messages onto the current workspace instead of
// failing the edit.
const canRestoreWorkspace =
forkBeforeRunCount !== undefined &&
findCheckpointForRun(
readSessionCheckpointHistory({ metadata: sourceMetadata }),
forkBeforeRunCount,
) !== undefined;
let newSessionId: string;
if (forkBeforeRunCount !== undefined) {
if (forkBeforeRunCount !== undefined && canRestoreWorkspace) {
const cwd =
restoreWorkspacePath ||
(typeof forkConfig.cwd === "string" && forkConfig.cwd.trim()) ||
@@ -0,0 +1,95 @@
import { beforeEach, describe, expect, it, vi } from "vitest";
import type { SidecarContext, SidecarWebSocketClient } from "./types";
const upgradeManagedHubMock = vi.hoisted(() => vi.fn());
vi.mock("@cline/core", async () => {
const actual =
await vi.importActual<typeof import("@cline/core")>("@cline/core");
return {
...actual,
upgradeManagedHub: upgradeManagedHubMock,
};
});
function createContext(): SidecarContext {
return {
workspaceRoot: "/workspace",
wsClients: new Set(),
hubBuildMismatch: {
url: "ws://127.0.0.1:25463/hub",
reason: "outdated_hub",
expectedBuildId: "current-build",
},
logger: { debug: vi.fn(), log: vi.fn(), error: vi.fn() },
} as unknown as SidecarContext;
}
function connection(canApproveTools: boolean): SidecarWebSocketClient {
return { data: { canApproveTools } } as unknown as SidecarWebSocketClient;
}
beforeEach(() => {
upgradeManagedHubMock.mockReset();
});
describe("hub_upgrade command", () => {
it("rejects connections without the approval token, before touching the hub", async () => {
const { handleCommand } = await import("./commands");
const ctx = createContext();
await expect(
handleCommand(ctx, "hub_upgrade", {}, { connection: connection(false) }),
).rejects.toThrow(/trusted desktop connection/);
await expect(handleCommand(ctx, "hub_upgrade", {}, {})).rejects.toThrow(
/trusted desktop connection/,
);
expect(upgradeManagedHubMock).not.toHaveBeenCalled();
// The pending mismatch must survive a refused request.
expect(ctx.hubBuildMismatch).not.toBeNull();
});
it("forces the upgrade for the trusted webview connection and clears the mismatch", async () => {
upgradeManagedHubMock.mockResolvedValue({
outcome: "replaced",
url: "ws://127.0.0.1:25463/hub",
authToken: "new-token",
activeSessionCount: 2,
});
const { handleCommand } = await import("./commands");
const ctx = createContext();
const result = await handleCommand(
ctx,
"hub_upgrade",
{},
{ connection: connection(true) },
);
expect(upgradeManagedHubMock).toHaveBeenCalledWith({
workspaceRoot: "/workspace",
force: true,
reason: "Cline Desktop hub update",
});
expect(result).toEqual({
outcome: "replaced",
url: "ws://127.0.0.1:25463/hub",
interruptedSessionCount: 2,
});
expect(ctx.hubBuildMismatch).toBeNull();
});
it("surfaces a newer running hub as an error instead of replacing it", async () => {
upgradeManagedHubMock.mockResolvedValue({
outcome: "hub_not_older",
url: "ws://127.0.0.1:25463/hub",
});
const { handleCommand } = await import("./commands");
const ctx = createContext();
await expect(
handleCommand(ctx, "hub_upgrade", {}, { connection: connection(true) }),
).rejects.toThrow(/newer than this app/);
expect(ctx.hubBuildMismatch).not.toBeNull();
});
});
@@ -0,0 +1,280 @@
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
import { isClineAccountNotAuthenticatedResult } from "../webview/lib/cline-account-state";
import {
listClineGitHubRepositories,
listClineIntegrations,
resolveGitHubInstallUrl,
} from "./commands-integrations";
import type { SidecarContext } from "./types";
const getProviderSettingsMock = vi.hoisted(() => vi.fn());
const resolveProviderApiKeyMock = vi.hoisted(() => vi.fn());
vi.mock("@cline/core", async () => {
const actual =
await vi.importActual<typeof import("@cline/core")>("@cline/core");
return {
...actual,
ProviderSettingsManager: class {
getProviderSettings = getProviderSettingsMock;
},
RuntimeOAuthTokenManager: class {
resolveProviderApiKey = resolveProviderApiKeyMock;
},
};
});
function createContext() {
const capture = vi.fn();
const ctx = {
telemetry: { capture },
logger: { debug: vi.fn(), log: vi.fn(), error: vi.fn() },
} as unknown as SidecarContext;
return { ctx, capture };
}
const REQUEST_OPTIONS = {
apiBaseUrl: "https://api.example.com",
appBaseUrl: "https://app.example.com",
authToken: "test-token",
} as const;
function requestOptions(fetchImpl: ReturnType<typeof vi.fn>) {
return {
...REQUEST_OPTIONS,
fetchImpl: fetchImpl as unknown as typeof fetch,
};
}
function jsonResponse(body: unknown, status = 200): Response {
return new Response(JSON.stringify(body), {
status,
headers: { "content-type": "application/json" },
});
}
beforeEach(() => {
getProviderSettingsMock.mockReset();
resolveProviderApiKeyMock.mockReset();
});
afterEach(() => {
vi.unstubAllGlobals();
});
describe("listClineIntegrations", () => {
it("lists integrations through the envelope with a bearer token", async () => {
const fetchImpl = vi
.fn()
.mockResolvedValue(
jsonResponse({ success: true, data: [{ provider: "github" }] }),
);
const result = await listClineIntegrations(requestOptions(fetchImpl));
expect(result).toEqual([{ provider: "github" }]);
const [url, init] = fetchImpl.mock.calls[0] as [URL, RequestInit];
expect(String(url)).toBe("https://api.example.com/api/v1/integrations");
expect((init.headers as Record<string, string>).Authorization).toBe(
"Bearer test-token",
);
});
});
describe("listClineGitHubRepositories", () => {
it("lists GitHub repositories from the repositories endpoint", async () => {
const fetchImpl = vi
.fn()
.mockResolvedValue(
jsonResponse({ success: true, data: [{ full_name: "cline/cline" }] }),
);
const result = await listClineGitHubRepositories(requestOptions(fetchImpl));
expect(result).toEqual([{ full_name: "cline/cline" }]);
expect(String(fetchImpl.mock.calls[0][0])).toBe(
"https://api.example.com/api/v1/integrations/github/repositories",
);
});
it("surfaces the API envelope error message on failures", async () => {
const fetchImpl = vi
.fn()
.mockResolvedValue(
jsonResponse(
{ success: false, error: "failed to list integrations" },
500,
),
);
await expect(
listClineIntegrations(requestOptions(fetchImpl)),
).rejects.toThrow("failed to list integrations");
});
});
describe("resolveGitHubInstallUrl", () => {
it("resolves the GitHub install URL from the redirect location", async () => {
const fetchImpl = vi.fn().mockResolvedValue(
new Response(null, {
status: 302,
headers: {
location: "https://github.com/apps/cline/installations/new?state=abc",
},
}),
);
const result = await resolveGitHubInstallUrl(requestOptions(fetchImpl));
expect(result).toEqual({
url: "https://github.com/apps/cline/installations/new?state=abc",
});
const [url, init] = fetchImpl.mock.calls[0] as [URL, RequestInit];
expect(url.origin + url.pathname).toBe(
"https://api.example.com/api/v1/integrations/github/install",
);
// The post-install browser hop must land on the Cline dashboard.
expect(url.searchParams.get("redirect")).toBe(
"https://app.example.com/dashboard/integrations",
);
// The redirect must be read, not followed: the Location URL is the result.
expect(init.redirect).toBe("manual");
});
it("resolves a relative redirect location against the request URL", async () => {
const fetchImpl = vi.fn().mockResolvedValue(
new Response(null, {
status: 302,
headers: { location: "//github.com/apps/cline/installations/new" },
}),
);
const result = await resolveGitHubInstallUrl(requestOptions(fetchImpl));
// A bare relative Location would blow up later in the URL opener.
expect(result).toEqual({
url: "https://github.com/apps/cline/installations/new",
});
});
it.each([
["https://evil.example/apps/cline", "evil.example"],
["https://github.com.evil.example/apps/cline", "github.com.evil.example"],
// Subdomains are not part of the install flow, so they are not allowed
// either -- the host must be exactly github.com.
["https://gist.github.com/apps/cline", "gist.github.com"],
])("rejects a redirect to a non-GitHub host (%s)", async (location, host) => {
const fetchImpl = vi
.fn()
.mockResolvedValue(
new Response(null, { status: 302, headers: { location } }),
);
await expect(
resolveGitHubInstallUrl(requestOptions(fetchImpl)),
).rejects.toThrow(`unexpected host: ${host}`);
});
it("rejects a redirect that does not use https", async () => {
const fetchImpl = vi.fn().mockResolvedValue(
new Response(null, {
status: 302,
headers: { location: "http://github.com/apps/cline" },
}),
);
await expect(
resolveGitHubInstallUrl(requestOptions(fetchImpl)),
).rejects.toThrow("must use https");
});
it("rejects a redirect location that is not a usable URL", async () => {
const fetchImpl = vi.fn().mockResolvedValue(
new Response(null, {
status: 302,
headers: { location: "http://" },
}),
);
await expect(
resolveGitHubInstallUrl(requestOptions(fetchImpl)),
).rejects.toThrow("not a valid URL");
});
it("throws when the install endpoint does not answer with a redirect", async () => {
const fetchImpl = vi
.fn()
.mockResolvedValue(
jsonResponse({ error: "authentication required" }, 401),
);
await expect(
resolveGitHubInstallUrl(requestOptions(fetchImpl)),
).rejects.toThrow("authentication required");
});
});
describe("cline_integrations command auth states", () => {
it("returns a typed not-authenticated result when signed out, without calling the API", async () => {
const { ctx, capture } = createContext();
resolveProviderApiKeyMock.mockResolvedValue(null);
getProviderSettingsMock.mockReturnValue(undefined);
const fetchMock = vi.fn();
vi.stubGlobal("fetch", fetchMock);
const { handleCommand } = await import("./commands");
const result = await handleCommand(ctx, "cline_integrations", {
operation: "list",
});
expect(isClineAccountNotAuthenticatedResult(result)).toBe(true);
expect(fetchMock).not.toHaveBeenCalled();
expect(capture).not.toHaveBeenCalled();
});
it("calls the Cline API with the resolved fresh token when signed in", async () => {
const { ctx } = createContext();
resolveProviderApiKeyMock.mockResolvedValue({
apiKey: "fresh-token",
refreshed: true,
});
getProviderSettingsMock.mockReturnValue(undefined);
const fetchMock = vi
.fn()
.mockResolvedValue(
jsonResponse({ success: true, data: [{ provider: "github" }] }),
);
vi.stubGlobal("fetch", fetchMock);
const { handleCommand } = await import("./commands");
const result = await handleCommand(ctx, "cline_integrations", {
operation: "list",
});
expect(result).toEqual([{ provider: "github" }]);
const [url, init] = fetchMock.mock.calls[0] as [URL, RequestInit];
expect(String(url)).toContain("/api/v1/integrations");
expect((init.headers as Record<string, string>).Authorization).toBe(
"Bearer fresh-token",
);
});
it("rejects unknown operations", async () => {
const { ctx } = createContext();
resolveProviderApiKeyMock.mockResolvedValue({
apiKey: "fresh-token",
refreshed: true,
});
getProviderSettingsMock.mockReturnValue(undefined);
const fetchMock = vi.fn();
vi.stubGlobal("fetch", fetchMock);
const { handleCommand } = await import("./commands");
await expect(
handleCommand(ctx, "cline_integrations", {
operation: "dropIntegrations",
}),
).rejects.toThrow("Unsupported Cline integrations operation");
expect(fetchMock).not.toHaveBeenCalled();
});
});
@@ -0,0 +1,183 @@
import type {
ClineGitHubRepository,
ClineIntegration,
} from "../webview/lib/cline-integrations-types";
const DEFAULT_TIMEOUT_MS = 30_000;
const GITHUB_INSTALL_HOST = "github.com";
function resolveInstallRedirect(location: string, requestUrl: URL): string {
let resolved: URL;
try {
resolved = new URL(location, requestUrl);
} catch {
throw new Error(`GitHub install redirect is not a valid URL: ${location}`);
}
if (resolved.protocol !== "https:") {
throw new Error(
`GitHub install redirect must use https, got: ${resolved.protocol}`,
);
}
if (resolved.hostname !== GITHUB_INSTALL_HOST) {
throw new Error(
`GitHub install redirect pointed at an unexpected host: ${resolved.hostname}`,
);
}
return resolved.toString();
}
export interface ClineIntegrationsRequestOptions {
apiBaseUrl: string;
/** Frontend origin the browser install flow returns to when it finishes. */
appBaseUrl: string;
authToken: string;
requestTimeoutMs?: number;
fetchImpl?: typeof fetch;
}
export async function listClineIntegrations(
options: ClineIntegrationsRequestOptions,
): Promise<ClineIntegration[]> {
const data = await requestClineApiJson("/api/v1/integrations", options);
return Array.isArray(data) ? (data as ClineIntegration[]) : [];
}
export async function listClineGitHubRepositories(
options: ClineIntegrationsRequestOptions,
): Promise<ClineGitHubRepository[]> {
const data = await requestClineApiJson(
"/api/v1/integrations/github/repositories",
options,
);
return Array.isArray(data) ? (data as ClineGitHubRepository[]) : [];
}
export async function resolveGitHubInstallUrl(
options: ClineIntegrationsRequestOptions,
): Promise<{ url: string }> {
const fetchImpl = options.fetchImpl ?? fetch;
const installUrl = new URL(
"/api/v1/integrations/github/install",
options.apiBaseUrl,
);
installUrl.searchParams.set(
"redirect",
new URL("/dashboard/integrations", options.appBaseUrl).toString(),
);
const controller = new AbortController();
const timeout = setTimeout(
() => controller.abort(),
options.requestTimeoutMs ?? DEFAULT_TIMEOUT_MS,
);
try {
const response = await fetchImpl(installUrl, {
method: "GET",
headers: { Authorization: `Bearer ${options.authToken}` },
redirect: "manual",
signal: controller.signal,
});
const location = response.headers.get("location");
if (response.status >= 300 && response.status < 400 && location?.trim()) {
return { url: resolveInstallRedirect(location.trim(), installUrl) };
}
const text = await response.text().catch(() => "");
let parsed: unknown;
try {
parsed = text.trim() ? JSON.parse(text) : undefined;
} catch {
parsed = undefined;
}
throw new Error(formatRequestFailure(response.status, text, parsed));
} finally {
clearTimeout(timeout);
}
}
function getEnvelopeError(parsed: unknown): string | undefined {
if (typeof parsed !== "object" || parsed === null || !("error" in parsed)) {
return undefined;
}
const error = (parsed as { error?: unknown }).error;
return typeof error === "string" && error.trim() ? error : undefined;
}
function formatRequestFailure(
status: number,
bodyText: string,
parsed: unknown,
): string {
const envelopeError = getEnvelopeError(parsed);
if (envelopeError) {
return envelopeError;
}
const body = bodyText.trim();
if (body) {
const preview = body.length > 200 ? `${body.slice(0, 200)}...` : body;
return `Cline integrations request failed with status ${status}: ${preview}`;
}
return `Cline integrations request failed with status ${status}`;
}
async function requestClineApiJson(
endpoint: string,
options: ClineIntegrationsRequestOptions,
): Promise<unknown> {
const fetchImpl = options.fetchImpl ?? fetch;
const controller = new AbortController();
const timeout = setTimeout(
() => controller.abort(),
options.requestTimeoutMs ?? DEFAULT_TIMEOUT_MS,
);
try {
const response = await fetchImpl(new URL(endpoint, options.apiBaseUrl), {
method: "GET",
headers: {
Authorization: `Bearer ${options.authToken}`,
"Content-Type": "application/json",
},
signal: controller.signal,
});
const text = await response.text();
let parsed: unknown;
if (text.trim()) {
try {
parsed = JSON.parse(text);
} catch {
if (!response.ok) {
throw new Error(
formatRequestFailure(response.status, text, undefined),
);
}
throw new Error("Cline integrations response was not valid JSON");
}
}
if (!response.ok) {
throw new Error(formatRequestFailure(response.status, text, parsed));
}
if (typeof parsed === "object" && parsed !== null && "success" in parsed) {
const envelope = parsed as {
success?: unknown;
error?: unknown;
data?: unknown;
};
if (typeof envelope.success === "boolean") {
if (!envelope.success) {
throw new Error(
getEnvelopeError(parsed) || "Cline integrations request failed",
);
}
return envelope.data ?? null;
}
}
return parsed ?? null;
} finally {
clearTimeout(timeout);
}
}
+246 -1
View File
@@ -35,6 +35,10 @@ import {
resolveMcpServerRegistration,
resolveSessionBackend,
resolveAgentConfigSearchPaths as resolveSharedAgentConfigSearchPaths,
SESSION_IMPORT_TOOLS,
type SessionImportRequest,
SessionImportService,
type SessionImportTool,
SqliteSessionStore,
saveLocalProviderSettings,
saveVoiceInputSettings,
@@ -45,10 +49,13 @@ import {
transcribeConfiguredVoiceInput,
updateLocalProvider,
updateMcpSettingsFileSync,
upgradeManagedHub,
} from "@cline/core";
import { resolveAudioTranscriptionRoute } from "@cline/llms";
import {
CLINE_DEFAULT_MODEL_ID,
formatSessionSearchPreview,
formatSessionSearchTitle,
getClineEnvironmentConfig,
isCanonicalBase64,
ONE_TIME_SCHEDULE_CRON_PATTERN,
@@ -59,6 +66,11 @@ import { readFileSyncStrippingUtf8Bom } from "@cline/shared/node";
import packageJson from "../package.json";
import { CLINE_ACCOUNT_NOT_AUTHENTICATED_RESULT } from "../webview/lib/cline-account-state";
import { MAX_RECORDED_AUDIO_BYTES } from "../webview/lib/voice-input-limits";
import {
listClineGitHubRepositories,
listClineIntegrations,
resolveGitHubInstallUrl,
} from "./commands-integrations";
import {
connectorChannelsPayload,
startConnectorChannel,
@@ -534,6 +546,67 @@ async function listSessionsFromSidecarManager(
.slice(0, max);
}
async function withSearchDeadline<T>(
promise: Promise<T>,
timeoutMs: number,
): Promise<T> {
let timer: ReturnType<typeof setTimeout> | undefined;
try {
return await Promise.race([
promise,
new Promise<never>((_, reject) => {
timer = setTimeout(
() => reject(new Error("Session search timed out")),
timeoutMs,
);
}),
]);
} finally {
if (timer) clearTimeout(timer);
}
}
function metadataSessionSearchHits(
value: unknown,
query: string,
): JsonRecord[] {
if (!Array.isArray(value)) return [];
const normalizedQuery = query.toLocaleLowerCase();
return value.flatMap((item) => {
if (!item || typeof item !== "object") return [];
const session = item as JsonRecord;
const metadata =
session.metadata && typeof session.metadata === "object"
? (session.metadata as JsonRecord)
: {};
const sessionId = String(session.sessionId ?? "").trim();
if (!sessionId) return [];
const rawTitle = String(
metadata.title ?? session.title ?? session.prompt ?? sessionId,
).trim();
const prompt = String(session.prompt ?? metadata.prompt ?? "");
const title = formatSessionSearchTitle(rawTitle) || sessionId;
const workspaceRoot = String(session.workspaceRoot ?? session.cwd ?? "");
const searchable = [rawTitle, prompt, workspaceRoot, session.model]
.join("\n")
.toLocaleLowerCase();
if (!searchable.includes(normalizedQuery)) return [];
return [
{
sessionId,
documentId: `${sessionId}:metadata`,
ordinal: -1,
role: "session",
startedAt: String(session.startedAt ?? session.createdAt ?? ""),
workspaceRoot,
title,
snippet: formatSessionSearchPreview("session", prompt || title),
score: 0,
},
];
});
}
// ---------------------------------------------------------------------------
// Git helpers
// ---------------------------------------------------------------------------
@@ -616,7 +689,15 @@ async function handleRoutineScheduleCommand(
hubCommand: string,
payload?: Record<string, unknown>,
) => {
const reply = await hubClient.command(hubCommand as never, payload);
// The desktop app runs chats (and therefore agent-created schedules)
// across many workspace folders, while this hub client is registered
// against the app's own launch directory. Ask the hub for schedules
// across all workspaces so the Schedules page manages every schedule
// on this machine, not just the launch-directory scope.
const reply = await hubClient.command(hubCommand as never, {
...payload,
allWorkspaces: true,
});
if (!reply.ok) {
throw new Error(
reply.error?.message ?? `hub command failed: ${hubCommand}`,
@@ -1307,6 +1388,45 @@ export async function handleCommand(
return "";
}
// ── Managed hub upgrade ───────────────────────────────────────────
if (command === "hub_upgrade") {
// Replacing the shared Hub interrupts other clients' sessions, so it
// carries the same per-connection gate as the tool-approval commands:
// only the webview connection dialed with the approval token may ask,
// never an arbitrary local WebSocket client.
if (!options?.connection?.data?.canApproveTools) {
throw new Error("hub upgrade requires a trusted desktop connection");
}
// Only reached after the user accepted the blocking "Hub update
// required" dialog, so force: the old Hub is replaced even though it
// is still serving other clients' sessions. Drain-first semantics
// still give in-flight turns the wait window to finish.
const result = await upgradeManagedHub({
workspaceRoot: ctx.workspaceRoot,
force: true,
reason: "Cline Desktop hub update",
});
if (result.outcome === "hub_not_older") {
throw new Error(
"The running Cline Hub is newer than this app, so it was not replaced. Update Cline instead.",
);
}
if (result.outcome === "still_busy") {
throw new Error(
"The running Cline Hub picked up new sessions before it could be replaced, so it was left running. Try again.",
);
}
// The mismatch is resolved: a null broadcast closes the dialog in
// every connected webview and stops the replay-on-connect.
ctx.hubBuildMismatch = null;
broadcastEvent(ctx, "hub_build_mismatch", null);
return {
outcome: result.outcome,
url: result.url ?? null,
interruptedSessionCount: result.activeSessionCount ?? 0,
};
}
// ── Tool approvals (in-memory) ────────────────────────────────────
if (command === "poll_tool_approvals") {
const sessionId = String(args?.sessionId ?? "").trim();
@@ -1390,11 +1510,105 @@ export async function handleCommand(
typeof args?.limit === "number" ? args.limit : 300,
);
}
if (command === "search_sessions") {
const query = String(args?.query ?? "").trim();
if (!query) return [];
const limit =
typeof args?.limit === "number" && Number.isFinite(args.limit)
? Math.max(1, Math.min(200, Math.trunc(args.limit)))
: 50;
const workspaceRoot =
typeof args?.workspaceRoot === "string"
? args.workspaceRoot.trim() || undefined
: undefined;
if (ctx.hubClient) {
try {
const reply = await withSearchDeadline(
ctx.hubClient.command("session.search", {
query,
limit,
workspaceRoot,
}),
750,
);
if (
reply.ok &&
Array.isArray(reply.payload?.hits) &&
reply.payload.hits.length > 0
) {
return reply.payload.hits.slice(0, limit).map((hit) => ({
...hit,
title: formatSessionSearchTitle(hit.title),
snippet: formatSessionSearchPreview(hit.role, hit.snippet),
}));
}
} catch {
// Fall back to metadata-only search when the index is unavailable.
}
}
const sessions = await withSearchDeadline(
listSessionsFromSidecarManager(ctx, 500),
1_000,
).catch(() => []);
return metadataSessionSearchHits(sessions, query).slice(0, limit);
}
if (command === "get_discovered_session") {
const sessionId = String(args?.sessionId ?? args?.session_id ?? "").trim();
if (!sessionId) throw new Error("session id is required");
return (await getSessionFromSidecarManager(ctx, sessionId)) ?? null;
}
// ── Session import from other coding tools ────────────────────────
if (command === "list_importable_sessions") {
const backend = await resolveSessionBackend({ backendMode: "local" });
const importer = new SessionImportService(backend);
return {
installedTools: importer.installedTools(),
sessions: await importer.discover(),
};
}
if (command === "import_sessions") {
const rawSelections = Array.isArray(args?.selections)
? args.selections
: [];
const requests: SessionImportRequest[] = [];
for (const selection of rawSelections) {
if (!selection || typeof selection !== "object") continue;
const tool = String((selection as JsonRecord).tool ?? "").trim();
const sourceId = String((selection as JsonRecord).sourceId ?? "").trim();
if (!sourceId) continue;
if (!(SESSION_IMPORT_TOOLS as readonly string[]).includes(tool)) {
continue;
}
requests.push({ tool: tool as SessionImportTool, sourceId });
}
if (requests.length === 0) {
throw new Error("at least one { tool, sourceId } selection is required");
}
const backend = await resolveSessionBackend({ backendMode: "local" });
const importer = new SessionImportService(backend);
// Opening a history session resumes on the row's provider/model, so the
// UI passes what a new chat would run on; the source tool's own
// provider/model stay in metadata.importedFrom.
// Never let the source tool's provider become the resume target: when
// the caller sends no selection, use the app default like other
// server-started sessions do.
const provider = asTrimmedString(args?.provider) ?? "cline";
const model = asTrimmedString(args?.model) ?? CLINE_DEFAULT_MODEL_ID;
const results = await importer.importMany(
requests,
(result, index) => {
broadcastEvent(ctx, "session_import_progress", {
index,
total: requests.length,
result,
});
},
{ provider, model },
);
return { results };
}
if (command === "update_chat_session_title") {
const sessionId = String(args?.sessionId ?? "").trim();
if (!sessionId) throw new Error("session id is required");
@@ -1603,6 +1817,37 @@ export async function handleCommand(
return result;
}
// ── Cline integrations (GitHub App) ────────────────────────────────
if (command === "cline_integrations") {
const operation = String(args?.operation ?? "").trim();
if (!operation) throw new Error("operation is required");
const manager = new ProviderSettingsManager();
const authToken = await resolveFreshClineAuthToken(ctx, manager);
if (!authToken) {
return CLINE_ACCOUNT_NOT_AUTHENTICATED_RESULT;
}
const settings = manager.getProviderSettings("cline");
const environment = getClineEnvironmentConfig();
const requestOptions = {
apiBaseUrl: settings?.baseUrl?.trim() || environment.apiBaseUrl,
appBaseUrl: environment.appBaseUrl,
authToken,
};
switch (operation) {
case "list":
return await listClineIntegrations(requestOptions);
case "listGitHubRepositories":
return await listClineGitHubRepositories(requestOptions);
case "githubInstallUrl":
return await resolveGitHubInstallUrl(requestOptions);
default:
throw new Error(
`Unsupported Cline integrations operation: ${operation}`,
);
}
}
// ── Provider management ────────────────────────────────────────────
if (command === "list_provider_catalog") {
const manager = new ProviderSettingsManager();
@@ -210,6 +210,157 @@ describe("Code sidecar runtime capabilities", () => {
expect(connectMock).toHaveBeenCalledOnce();
});
it("returns indexed search results without listing every session", async () => {
const { handleCommand } = await import("./commands");
const { createSidecarContext } = await import("./context");
const ctx = createSidecarContext("/workspace/project");
const oversizedPrompt = `<user_input mode="act">${"generate an image ".repeat(3_000)}</user_input>`;
const hits = [
{
sessionId: "session-1",
documentId: "session-1:0",
ordinal: 0,
role: "user",
startedAt: "2026-08-27T12:00:00.000Z",
workspaceRoot: "/workspace/project",
title: oversizedPrompt,
snippet: oversizedPrompt,
score: -1,
},
];
const command = vi.fn(async () => ({ ok: true, payload: { hits } }));
const list = vi.fn(async () => []);
ctx.hubClient = { command } as never;
ctx.sessionManager = { list } as never;
const results = (await handleCommand(ctx, "search_sessions", {
query: "generate",
})) as Array<{ title: string; snippet: string }>;
expect(results).toEqual([
expect.objectContaining({
sessionId: "session-1",
documentId: "session-1:0",
}),
]);
expect(results[0]?.title.length).toBeLessThanOrEqual(240);
expect(results[0]?.snippet.length).toBeLessThanOrEqual(480);
expect(results[0]?.title).not.toContain("user_input");
expect(results[0]?.snippet).not.toContain("user_input");
expect(command).toHaveBeenCalledWith("session.search", {
query: "generate",
limit: 50,
workspaceRoot: undefined,
});
expect(list).not.toHaveBeenCalled();
});
it("falls back to session metadata while the index has no hits", async () => {
const { handleCommand } = await import("./commands");
const { createSidecarContext } = await import("./context");
const ctx = createSidecarContext("/workspace/project");
const command = vi.fn(async () => ({ ok: true, payload: { hits: [] } }));
const oversizedPrompt = `<user_input mode="act">${"generate an image ".repeat(3_000)}</user_input>`;
const list = vi.fn(async () => [
{
sessionId: "session-1",
startedAt: "2026-08-27T12:00:00.000Z",
workspaceRoot: "/workspace/project",
prompt: oversizedPrompt,
metadata: { title: oversizedPrompt },
},
]);
ctx.hubClient = { command } as never;
ctx.sessionManager = { list } as never;
const results = (await handleCommand(ctx, "search_sessions", {
query: "generate",
})) as Array<{ title: string; snippet: string }>;
expect(results).toEqual([
expect.objectContaining({
sessionId: "session-1",
documentId: "session-1:metadata",
}),
]);
expect(results[0]?.title.length).toBeLessThanOrEqual(240);
expect(results[0]?.snippet.length).toBeLessThanOrEqual(480);
expect(results[0]?.title).not.toContain("user_input");
expect(results[0]?.snippet).not.toContain("user_input");
expect(list).toHaveBeenCalledOnce();
});
it("falls back to session metadata when the hub search call rejects", async () => {
const { handleCommand } = await import("./commands");
const { createSidecarContext } = await import("./context");
const ctx = createSidecarContext("/workspace/project");
const command = vi.fn(async () => {
throw new Error("hub connection lost");
});
const list = vi.fn(async () => [
{
sessionId: "session-1",
startedAt: "2026-08-27T12:00:00.000Z",
workspaceRoot: "/workspace/project",
prompt: "generate an image of a puppy",
metadata: { title: "generate an image of a puppy" },
},
]);
ctx.hubClient = { command } as never;
ctx.sessionManager = { list } as never;
const results = (await handleCommand(ctx, "search_sessions", {
query: "generate",
})) as Array<{ sessionId: string; documentId: string }>;
expect(results).toEqual([
expect.objectContaining({
sessionId: "session-1",
documentId: "session-1:metadata",
}),
]);
expect(command).toHaveBeenCalledOnce();
expect(list).toHaveBeenCalledOnce();
});
it("falls back to session metadata when the hub search call exceeds the deadline", async () => {
vi.useFakeTimers();
try {
const { handleCommand } = await import("./commands");
const { createSidecarContext } = await import("./context");
const ctx = createSidecarContext("/workspace/project");
// Never resolves: exercises the withSearchDeadline race timing out
// rather than the hub call rejecting.
const command = vi.fn(() => new Promise(() => {}));
const list = vi.fn(async () => [
{
sessionId: "session-1",
startedAt: "2026-08-27T12:00:00.000Z",
workspaceRoot: "/workspace/project",
prompt: "generate an image of a puppy",
metadata: { title: "generate an image of a puppy" },
},
]);
ctx.hubClient = { command } as never;
ctx.sessionManager = { list } as never;
const pending = handleCommand(ctx, "search_sessions", {
query: "generate",
}) as Promise<Array<{ sessionId: string; documentId: string }>>;
await vi.advanceTimersByTimeAsync(750);
const results = await pending;
expect(results).toEqual([
expect.objectContaining({
sessionId: "session-1",
documentId: "session-1:metadata",
}),
]);
expect(command).toHaveBeenCalledOnce();
expect(list).toHaveBeenCalledOnce();
} finally {
vi.useRealTimers();
}
});
it("forwards raw hub tool updates to attached desktop sessions", async () => {
const { createSidecarContext, handleHubLiveEvent } = await import(
"./context"
@@ -929,6 +1080,7 @@ describe("Code sidecar runtime capabilities", () => {
schedule: { scheduleId: "schedule-1", enabled: false },
});
expect(hubCommandMock).toHaveBeenCalledWith("schedule.disable", {
allWorkspaces: true,
scheduleId: "schedule-1",
});
});
+19 -17
View File
@@ -114,23 +114,25 @@ export function syncSidecarApprovalReadiness(
ctx: SidecarContext,
): Promise<void> {
const previous = approvalReadinessUpdates.get(ctx) ?? Promise.resolve();
const update = previous.catch(() => undefined).then(async () => {
const hubClient = ctx.hubClient;
if (!hubClient) return;
await hubClient.updateCapabilities(
[...ctx.wsClients].some(
(client) => client.data?.canApproveTools === true,
)
? [
{
name: HUB_CLIENT_TOOL_APPROVAL_CAPABILITY,
description:
"Cline Code has a live user surface for tool review.",
},
]
: [],
);
});
const update = previous
.catch(() => undefined)
.then(async () => {
const hubClient = ctx.hubClient;
if (!hubClient) return;
await hubClient.updateCapabilities(
[...ctx.wsClients].some(
(client) => client.data?.canApproveTools === true,
)
? [
{
name: HUB_CLIENT_TOOL_APPROVAL_CAPABILITY,
description:
"Cline Code has a live user surface for tool review.",
},
]
: [],
);
});
approvalReadinessUpdates.set(ctx, update);
return update.finally(() => {
if (approvalReadinessUpdates.get(ctx) === update) {
@@ -1,7 +1,10 @@
import { homedir } from "node:os";
import {
checkManagedHubBuildMismatch,
createClineTelemetryServiceConfig,
readGlobalSettings,
setHomeDirIfUnset,
setModelToolEnabledGlobally,
watchManagedHubBuildMismatch,
} from "@cline/core";
import { captureSdkError, claimHubDaemonProcess } from "@cline/shared";
@@ -65,6 +68,20 @@ async function main() {
pid: process.pid,
});
// Web search is opt-in elsewhere in Cline, but the desktop app defaults
// it to on. Seed the shared setting only when the user has never set it,
// so an explicit off (from any Cline app) stays off. Best-effort: an
// unwritable settings file must not block startup over a default.
try {
if (readGlobalSettings().tools?.web_search === undefined) {
setModelToolEnabledGlobally("web_search", true);
}
} catch (error) {
observability.logger.error?.("Failed to seed web search default", {
error,
});
}
prewarmWorkspaceMetadata(workspaceRoot);
observability.logger.log(
"Login shell PATH resolution",
@@ -148,6 +165,34 @@ async function main() {
broadcastEvent(ctx, "hub_build_mismatch", mismatch);
},
});
// The watcher's first check only runs after its interval, but a mismatch
// that already exists at startup - an older Hub this app attached to
// because it is still serving other clients' sessions - must prompt
// before the user starts working, not half a minute in. Session-manager
// init has already settled the hub state, so check once right away. The
// broadcast reaches webviews that are already connected; the replay in
// createWebSocketHandler covers ones that connect later. Skipped when
// CLINE_HUB_PORT pins an explicit endpoint, matching the watcher: such
// hosts keep protocol-only compatibility and must not show update prompts.
if (!process.env.CLINE_HUB_PORT?.trim()) {
void checkManagedHubBuildMismatch()
.then((mismatch) => {
if (!mismatch || ctx.hubBuildMismatch) {
return;
}
ctx.hubBuildMismatch = mismatch;
observability.logger.log(
"Managed hub build mismatch detected at startup",
{
hubBuildId: mismatch.hubBuildId,
hubCoreVersion: mismatch.hubCoreVersion,
reason: mismatch.reason,
},
);
broadcastEvent(ctx, "hub_build_mismatch", mismatch);
})
.catch(() => undefined);
}
// A wildcard bind isn't a dialable address; advertise loopback instead.
const dialHost = SIDECAR_HOST === "0.0.0.0" ? "127.0.0.1" : SIDECAR_HOST;
@@ -4,5 +4,7 @@
<dict>
<key>NSMicrophoneUsageDescription</key>
<string>Cline uses the microphone to transcribe speech into chat input.</string>
<key>NSSpeechRecognitionUsageDescription</key>
<string>Cline uses speech recognition to turn your voice into chat input.</string>
</dict>
</plist>
@@ -9,5 +9,8 @@
<true/>
<key>com.apple.security.cs.disable-library-validation</key>
<true/>
<!-- Voice input requires audio capture access when Hardened Runtime is enabled. -->
<key>com.apple.security.device.audio-input</key>
<true/>
</dict>
</plist>
+117 -11
View File
@@ -112,6 +112,12 @@ struct UpdateState {
// concurrently and the later one can overwrite a freshly staged "ready"
// with "idle"/"error" decided from its stale pre-await snapshot.
cycle: tokio::sync::Mutex<()>,
// Windows only: the downloaded-but-not-installed update. On Windows,
// Update::install launches the NSIS installer and std::process::exit(0)s
// immediately, so installation must wait for the user-initiated restart
// instead of running inside the background cycle like it does on macOS.
#[cfg(windows)]
pending_install: Mutex<Option<(tauri_plugin_updater::Update, Vec<u8>)>>,
}
impl UpdateState {
@@ -224,12 +230,30 @@ async fn check_and_install_update(app: &tauri::AppHandle, state: &UpdateState) {
return;
}
set_update_status(app, state, "downloading", Some(version.clone()), None);
// macOS: install right away — it only swaps the .app on disk and
// the running app keeps going until the user restarts. Windows:
// download only, because install() launches the NSIS installer
// and exits the process on the spot; the staged bytes are
// installed by restart_to_apply_update instead.
#[cfg(not(windows))]
match update.download_and_install(|_, _| {}, || {}).await {
Ok(()) => set_update_status(app, state, "ready", Some(version), None),
Err(error) => {
set_update_status(app, state, "error", Some(version), Some(error.to_string()))
}
}
#[cfg(windows)]
match update.download(|_, _| {}, || {}).await {
Ok(bytes) => {
if let Ok(mut pending) = state.pending_install.lock() {
*pending = Some((update, bytes));
}
set_update_status(app, state, "ready", Some(version), None);
}
Err(error) => {
set_update_status(app, state, "error", Some(version), Some(error.to_string()))
}
}
}
Ok(None) => {
if ready_version.is_none() {
@@ -285,8 +309,15 @@ impl DesktopBackendState {
// exits itself, finishing session persistence as an orphan.
#[cfg(unix)]
let _ = Command::new("kill").arg(child.id().to_string()).status();
// Windows has no SIGTERM equivalent, so terminate outright.
// Reap the child too: TerminateProcess is quick, and the
// update-restart path needs the sidecar exe's file lock
// released before the NSIS installer replaces it.
#[cfg(not(unix))]
let _ = child.kill();
{
let _ = child.kill();
let _ = child.wait();
}
}
*process_guard = None;
}
@@ -314,13 +345,29 @@ struct DesktopBackendReadyLine {
mode: Option<String>,
}
/// The release binary is a GUI-subsystem app (no console), so on Windows
/// every console-subsystem child (git, cmd, the sidecar) would otherwise
/// allocate its own visible console window. Piped stdio does not prevent
/// that; only CREATE_NO_WINDOW does.
#[cfg(windows)]
fn hide_console_window(command: &mut Command) {
use std::os::windows::process::CommandExt;
const CREATE_NO_WINDOW: u32 = 0x0800_0000;
command.creation_flags(CREATE_NO_WINDOW);
}
#[cfg(not(windows))]
fn hide_console_window(_command: &mut Command) {}
fn resolve_workspace_root(launch_cwd: &str) -> String {
let output = Command::new("git")
let mut command = Command::new("git");
command
.arg("-C")
.arg(launch_cwd)
.arg("rev-parse")
.arg("--show-toplevel")
.output();
.arg("--show-toplevel");
hide_console_window(&mut command);
let output = command.output();
match output {
Ok(result) if result.status.success() => {
@@ -438,7 +485,9 @@ fn spawn_desktop_backend_process(context: &AppContext) -> Result<Child, String>
command
.stdin(Stdio::null())
.stdout(Stdio::piped())
.stderr(Stdio::piped())
.stderr(Stdio::piped());
hide_console_window(&mut command);
command
.spawn()
.map_err(|e| format!("failed to start desktop backend sidecar: {e}"))
}
@@ -561,7 +610,11 @@ fn resolve_mcp_settings_path() -> Result<PathBuf, String> {
return Ok(PathBuf::from(trimmed));
}
}
let home = std::env::var("HOME").map_err(|_| "HOME is not set".to_string())?;
// USERPROFILE is the Windows equivalent of HOME (and what the sidecar's
// homedir() resolves there); HOME is usually unset on Windows.
let home = std::env::var("HOME")
.or_else(|_| std::env::var("USERPROFILE"))
.map_err(|_| "neither HOME nor USERPROFILE is set".to_string())?;
Ok(PathBuf::from(home)
.join(".cline")
.join("data")
@@ -585,8 +638,10 @@ fn open_path_with_default_app(path: &Path) -> Result<(), String> {
#[cfg(target_os = "windows")]
{
let path_arg = path.to_string_lossy().to_string();
let status = Command::new("cmd")
.args(["/C", "start", "", &path_arg])
let mut command = Command::new("cmd");
command.args(["/C", "start", "", &path_arg]);
hide_console_window(&mut command);
let status = command
.status()
.map_err(|e| format!("failed to open path: {e}"))?;
if status.success() {
@@ -673,13 +728,52 @@ fn get_update_status(update_state: State<'_, Arc<UpdateState>>) -> UpdateStatus
fn restart_to_apply_update(
app: tauri::AppHandle,
backend_state: State<'_, Arc<DesktopBackendState>>,
update_state: State<'_, Arc<UpdateState>>,
) {
// restart() never returns, so the run-loop Exit handler does not get a
// chance to stop the sidecar; shut it down explicitly first.
// Neither restart() nor install() returns, so the run-loop Exit handler
// does not get a chance to stop the sidecar; shut it down explicitly
// first. On Windows this also releases the sidecar exe's file lock,
// which the NSIS installer needs in order to replace it.
backend_state.stop();
// Windows: install the bytes staged by the background cycle. install()
// launches the NSIS installer (which relaunches the app when done) and
// exits this process, so it only returns on failure — fall through to a
// plain restart of the current version in that case.
#[cfg(windows)]
if let Some((update, bytes)) = update_state
.pending_install
.lock()
.ok()
.and_then(|mut pending| pending.take())
{
if let Err(error) = update.install(bytes) {
eprintln!("[updater] failed to launch the update installer: {error}");
}
}
#[cfg(not(windows))]
let _ = update_state;
app.restart();
}
/// Relaunch the current version of the app. Used after the sidecar replaces
/// the shared Cline Hub under the running app (the "Cline Hub update
/// required" flow): a fresh launch attaches everything to the new Hub instead
/// of trying to migrate live connections. restart() never returns, so the
/// run-loop Exit handler cannot stop the sidecar; do it explicitly first.
#[tauri::command]
fn relaunch_app(app: tauri::AppHandle, backend_state: State<'_, Arc<DesktopBackendState>>) {
backend_state.stop();
app.restart();
}
/// Quit the app. Used by the "Cline Hub update required" flow when the user
/// chooses to keep the older running Hub (and its live sessions) and update
/// later. The run-loop Exit handler stops the sidecar.
#[tauri::command]
fn quit_app(app: tauri::AppHandle) {
app.exit(0);
}
/// Run one updater check/download/stage cycle immediately instead of waiting
/// for the next background interval, and report the resulting status. Used by
/// flows that need an update staged right now (e.g. the "Cline Hub was
@@ -1137,7 +1231,9 @@ fn main() {
set_app_icon,
show_session_notification,
drain_desktop_actions,
set_tray_status
set_tray_status,
relaunch_app,
quit_app
])
.build(tauri::generate_context!())
.expect("error while building tauri app")
@@ -1162,6 +1258,16 @@ mod tests {
use super::*;
use std::sync::atomic::{AtomicUsize, Ordering};
#[test]
fn macos_bundle_declares_voice_input_permissions() {
let info_plist = include_str!("../Info.plist");
assert!(info_plist.contains("<key>NSMicrophoneUsageDescription</key>"));
assert!(info_plist.contains("<key>NSSpeechRecognitionUsageDescription</key>"));
let entitlements = include_str!("../entitlements.plist");
assert!(entitlements.contains("<key>com.apple.security.device.audio-input</key>"));
}
#[test]
fn desktop_actions_are_buffered_in_order_until_drained() {
let state = DesktopActionState::default();
@@ -1,7 +1,7 @@
{
"$schema": "https://schema.tauri.app/config/2",
"productName": "Cline",
"version": "0.0.19",
"version": "0.0.21",
"identifier": "bot.cline.app",
"build": {
"beforeDevCommand": "bun run build:sidecar:bin && bun run dev:web",
+151 -180
View File
@@ -1,6 +1,7 @@
"use client";
import { ImagePlus, Loader2 } from "lucide-react";
import { AttachmentDropZone } from "@cline/ui";
import { Loader2 } from "lucide-react";
import dynamic from "next/dynamic";
import {
useCallback,
@@ -13,6 +14,7 @@ import {
import { AgentHeader } from "@/components/agent-header";
import { AgentSidebar } from "@/components/agent-sidebar";
import { HubUpdateRequiredDialog } from "@/components/hub-update-required-dialog";
import { SessionCommandBar } from "@/components/session-command-bar";
import {
AlertDialog,
AlertDialogAction,
@@ -36,6 +38,11 @@ import { WelcomeScreen } from "@/components/views/chat/welcome-chat";
import { WelcomeSetupNotice } from "@/components/views/chat/welcome-setup-notice";
import type { OnboardingStep } from "@/components/views/onboarding/onboarding-view";
import type { SettingsSection } from "@/components/views/settings/sections";
import {
WindowTitleBar,
WindowTitleBarContent,
WindowTitleBarProvider,
} from "@/components/window-title-bar";
import { AccountProvider } from "@/contexts/account-context";
import { WorkspaceProvider } from "@/contexts/workspace-context";
import { useAppUpdate } from "@/hooks/use-app-update";
@@ -165,6 +172,9 @@ export default function Home() {
// Starts false on both server and first client render (hydration-safe);
// the effect below reads the persisted state right after mount.
const [showOnboarding, setShowOnboarding] = useState(false);
const [commandBarOpen, setCommandBarOpen] = useState(false);
// Shared by the sidebar search icon and the Cmd/Ctrl+P shortcut.
const handleOpenCommandBar = useCallback(() => setCommandBarOpen(true), []);
// "welcome" for the full first-run flow; "connect" when re-entered from
// the in-app "connect a model" notice, which should land directly on the
// provider setup step.
@@ -312,8 +322,8 @@ export default function Home() {
},
[navigateWith],
);
// Standard app shortcuts: Cmd/Ctrl+N for a new session, Cmd/Ctrl+, for
// settings — matching the tray menu actions.
// Standard app shortcuts: Cmd/Ctrl+P for session search, Cmd/Ctrl+N for a
// new session, and Cmd/Ctrl+, for settings.
useEffect(() => {
const handleKeyDown = (event: KeyboardEvent) => {
if (showOnboarding) {
@@ -325,6 +335,9 @@ export default function Home() {
if (event.key === "n" || event.key === "N") {
event.preventDefault();
handleNewThread();
} else if (event.key === "p" || event.key === "P") {
event.preventDefault();
setCommandBarOpen((current) => !current);
} else if (event.key === ",") {
event.preventDefault();
handleViewChange("settings");
@@ -420,98 +433,117 @@ export default function Home() {
return (
<AccountProvider>
<SidebarProvider>
<div
aria-hidden={showOnboarding ? true : undefined}
className="flex h-screen w-full overflow-hidden bg-background text-foreground"
// The onboarding overlay is opaque and sits on top of the whole
// shell; hiding the shell keeps its aurora + animations from
// being composited every frame underneath while it still mounts
// and loads (providers, history, transport) in the background.
// `inert` additionally keeps the covered controls out of the
// keyboard tab order and assistive tech while it is hidden.
inert={showOnboarding ? true : undefined}
style={showOnboarding ? { visibility: "hidden" } : undefined}
<WindowTitleBarProvider
contentEnabled={!showOnboarding && view === "chat"}
>
<Sidebar
className="border-r border-sidebar-border"
collapsible="icon"
<div
aria-hidden={showOnboarding ? true : undefined}
className="flex h-screen w-full overflow-hidden bg-background text-foreground"
// The onboarding overlay is opaque and sits on top of the whole
// shell; hiding the shell keeps its aurora + animations from
// being composited every frame underneath while it still mounts
// and loads (providers, history, transport) in the background.
// `inert` additionally keeps the covered controls out of the
// keyboard tab order and assistive tech while it is hidden.
inert={showOnboarding ? true : undefined}
style={showOnboarding ? { visibility: "hidden" } : undefined}
>
<AgentSidebar
activeSessionId={activeHistorySessionId}
newTaskActive={newTaskActive}
onHome={handleHome}
onNavigateBack={handleNavigateBack}
onNavigateForward={handleNavigateForward}
onSettingsSectionChange={handleSettingsSectionChange}
sessionHistory={sessionHistory}
setView={handleViewChange}
settingsSection={settingsSection}
view={view}
canNavigateBack={navigation.back.length > 0}
canNavigateForward={navigation.forward.length > 0}
/>
<SidebarRail />
</Sidebar>
<SidebarInset className="min-h-0 min-w-0 overflow-hidden">
<SidebarTrigger className="absolute left-20 top-0 z-40 md:hidden" />
{view === "sessions" ? (
<SessionsView
<Sidebar
className="border-r border-sidebar-border"
collapsible="icon"
>
<AgentSidebar
activeSessionId={activeHistorySessionId}
history={sessionHistory}
newTaskActive={newTaskActive}
onHome={handleHome}
onNavigateBack={handleNavigateBack}
onNavigateForward={handleNavigateForward}
onOpenSearch={handleOpenCommandBar}
onSettingsSectionChange={handleSettingsSectionChange}
sessionHistory={sessionHistory}
setView={handleViewChange}
settingsSection={settingsSection}
view={view}
canNavigateBack={navigation.back.length > 0}
canNavigateForward={navigation.forward.length > 0}
/>
) : activeThread ? (
<div
aria-hidden={view === "settings" ? true : undefined}
className="flex min-h-0 flex-1 flex-col"
inert={view === "settings" ? true : undefined}
>
<ChatThreadPane
key={activeThread.id}
historySession={activeThread.historySession}
initialPromptDraft={activeThread.initialPromptDraft}
knownWorkspacePaths={historyWorkspacePaths}
onInitialPromptDraftConsumed={
handleInitialPromptDraftConsumed
}
onUpdateSessionMetadata={handleUpdateSessionMetadata}
threadId={activeThread.id}
onDeleteSession={handleDeleteSession}
onNewThread={handleNewThread}
onOpenSession={handleOpenSession}
onOpenSessionById={handleOpenSessionById}
onOpenSetup={handleOpenSetup}
onOpenModelSettings={() =>
handleSettingsSectionChange("Models")
}
parentSession={activeParentSession}
onOpenVoiceInputSettings={() =>
handleSettingsSectionChange("Voice")
}
onThreadStarted={handleThreadStarted}
<SidebarRail />
</Sidebar>
<SidebarInset className="min-h-0 min-w-0 overflow-hidden">
<SidebarTrigger className="absolute left-20 top-0 z-40 md:hidden" />
<WindowTitleBar />
<div className="relative flex min-h-0 flex-1 flex-col overflow-hidden">
{view === "sessions" ? (
<SessionsView
activeSessionId={activeHistorySessionId}
history={sessionHistory}
/>
) : activeThread ? (
<div
aria-hidden={view === "settings" ? true : undefined}
className="flex min-h-0 flex-1 flex-col"
inert={view === "settings" ? true : undefined}
>
<ChatThreadPane
key={activeThread.id}
historySession={activeThread.historySession}
initialPromptDraft={activeThread.initialPromptDraft}
knownWorkspacePaths={historyWorkspacePaths}
onInitialPromptDraftConsumed={
handleInitialPromptDraftConsumed
}
onUpdateSessionMetadata={handleUpdateSessionMetadata}
threadId={activeThread.id}
onDeleteSession={handleDeleteSession}
onNewThread={handleNewThread}
onOpenSession={handleOpenSession}
onOpenSessionById={handleOpenSessionById}
onOpenSetup={handleOpenSetup}
onOpenModelSettings={() =>
handleSettingsSectionChange("Models")
}
parentSession={activeParentSession}
onOpenVoiceInputSettings={() =>
handleSettingsSectionChange("Voice")
}
onThreadStarted={handleThreadStarted}
/>
</div>
) : null}
{view === "settings" ? (
<div className="absolute inset-0 z-30 bg-background text-foreground">
<SettingsView
onNavigateSection={handleSettingsSectionChange}
onOpenSession={handleOpenSessionById}
section={settingsSection}
/>
</div>
) : null}
</div>
</SidebarInset>
</div>
{showOnboarding ? (
<div className="fixed inset-0 z-50 bg-background">
<WindowTitleBar
className="absolute inset-x-0 top-0 z-10"
hostContent={false}
/>
<div className="h-full">
<OnboardingView
initialStep={onboardingInitialStep}
onComplete={completeOnboarding}
/>
</div>
) : null}
{view === "settings" ? (
<div className="absolute inset-0 z-30 bg-background text-foreground">
<SettingsView
onNavigateSection={handleSettingsSectionChange}
onOpenSession={handleOpenSessionById}
section={settingsSection}
/>
</div>
) : null}
</SidebarInset>
</div>
</div>
) : null}
</WindowTitleBarProvider>
</SidebarProvider>
{showOnboarding ? (
<div className="fixed inset-0 z-50">
<OnboardingView
initialStep={onboardingInitialStep}
onComplete={completeOnboarding}
/>
</div>
) : null}
<HubUpdateRequiredDialog />
<SessionCommandBar
onOpenChange={setCommandBarOpen}
onOpenSession={handleOpenSessionById}
open={commandBarOpen && !showOnboarding}
/>
</AccountProvider>
);
}
@@ -606,8 +638,6 @@ function ChatThreadPane({
promptInputRef.current = value;
}, []);
const [pendingAttachments, setPendingAttachments] = useState<File[]>([]);
const [isDraggingFiles, setIsDraggingFiles] = useState(false);
const dragDepthRef = useRef(0);
const [showDiffView, setShowDiffView] = useState(false);
const [deletingSession, setDeletingSession] = useState(false);
const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false);
@@ -1257,52 +1287,6 @@ function ChatThreadPane({
});
}, []);
// Drag-and-drop file attachments. Requires `dragDropEnabled: false` on the
// Tauri window — otherwise the native shell swallows OS file drags and these
// HTML5 events never fire.
const handleDragEnter = useCallback((event: React.DragEvent) => {
if (!event.dataTransfer.types.includes("Files")) {
return;
}
event.preventDefault();
dragDepthRef.current += 1;
setIsDraggingFiles(true);
}, []);
const handleDragOver = useCallback((event: React.DragEvent) => {
if (!event.dataTransfer.types.includes("Files")) {
return;
}
event.preventDefault();
event.dataTransfer.dropEffect = "copy";
}, []);
const handleDragLeave = useCallback((event: React.DragEvent) => {
if (!event.dataTransfer.types.includes("Files")) {
return;
}
dragDepthRef.current = Math.max(0, dragDepthRef.current - 1);
if (dragDepthRef.current === 0) {
setIsDraggingFiles(false);
}
}, []);
const handleDrop = useCallback(
(event: React.DragEvent) => {
if (!event.dataTransfer.types.includes("Files")) {
return;
}
event.preventDefault();
dragDepthRef.current = 0;
setIsDraggingFiles(false);
const files = Array.from(event.dataTransfer.files);
if (files.length > 0) {
handleAttachFiles(files);
}
},
[handleAttachFiles],
);
const attachmentList = useMemo(
() =>
pendingAttachments.map((file, index) => ({
@@ -1526,6 +1510,7 @@ function ChatThreadPane({
const composer = (
<ChatInputBar
attachments={attachmentList}
hasRunningAgents={agentActivity.running > 0}
onAbort={handleAbort}
onAttachFiles={handleAttachFiles}
onListGitBranches={listGitBranches}
@@ -1558,55 +1543,41 @@ function ChatThreadPane({
return (
<WorkspaceProvider value={workspaceContextValue}>
{/* biome-ignore lint/a11y/noStaticElementInteractions: Drag-and-drop target only; the paperclip button is the accessible attach path. */}
<div
{/* Requires `dragDropEnabled: false` on the Tauri window so the native shell does not swallow OS file drags. */}
<AttachmentDropZone
className={
isWelcomeState
? "relative grid h-full min-h-0 flex-1 grid-rows-[minmax(0,1fr)] overflow-hidden"
: "relative grid h-full min-h-0 flex-1 grid-rows-[auto_minmax(0,1fr)_auto] overflow-hidden"
? "grid h-full min-h-0 flex-1 grid-rows-[minmax(0,1fr)] overflow-hidden"
: "grid h-full min-h-0 flex-1 grid-rows-[minmax(0,1fr)_auto] overflow-hidden"
}
onDragEnter={handleDragEnter}
onDragLeave={handleDragLeave}
onDragOver={handleDragOver}
onDrop={handleDrop}
onAttachFiles={handleAttachFiles}
>
{isDraggingFiles ? (
<div className="pointer-events-none absolute inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm">
<div className="flex flex-col items-center gap-2 rounded-xl border-2 border-dashed border-primary/60 bg-card px-10 py-8 shadow-lg">
<ImagePlus className="h-8 w-8 text-primary" />
<p className="text-sm font-medium text-foreground">
Drop to attach
</p>
<p className="text-xs text-muted-foreground">
Screenshots and files will be added to your next message
</p>
</div>
</div>
) : null}
{!isWelcomeState ? (
<div className="cline-view-enter z-20 border-b border-border/70 bg-background/85 backdrop-blur-sm">
<AgentHeader
agentActivity={agentActivity}
agents={agents}
agentsError={agentsError}
agentsLoading={agentsLoading}
onAgentsOpenChange={setAgentPanelOpen}
onOpenAgentSession={onOpenAgentSession}
onOpenParentSession={onOpenSessionById}
parentSession={hideDeletedSessionUi ? undefined : parentSession}
canEditTitle={Boolean(activeSessionForTitle)}
canDeleteSession={Boolean(activeSessionToDelete)}
deletingSession={deletingSession}
diff={headerDiff}
onDeleteSession={requestDeleteSession}
onNewThread={onNewThread}
onOpenDiff={handleOpenDiff}
onRenameTitle={handleRenameTitle}
renamingTitle={renamingSession}
status={status}
title={threadTitle}
/>
</div>
<WindowTitleBarContent>
<div className="cline-view-enter z-20 border-b border-border/70 bg-background/85 backdrop-blur-sm">
<AgentHeader
agentActivity={agentActivity}
agents={agents}
agentsError={agentsError}
agentsLoading={agentsLoading}
onAgentsOpenChange={setAgentPanelOpen}
onOpenAgentSession={onOpenAgentSession}
onOpenParentSession={onOpenSessionById}
parentSession={hideDeletedSessionUi ? undefined : parentSession}
canEditTitle={Boolean(activeSessionForTitle)}
canDeleteSession={Boolean(activeSessionToDelete)}
deletingSession={deletingSession}
diff={headerDiff}
onDeleteSession={requestDeleteSession}
onNewThread={onNewThread}
onOpenDiff={handleOpenDiff}
onRenameTitle={handleRenameTitle}
renamingTitle={renamingSession}
status={status}
title={threadTitle}
/>
</div>
</WindowTitleBarContent>
) : null}
<WelcomeScreen
active={isWelcomeState}
@@ -1655,7 +1626,7 @@ function ChatThreadPane({
onOpenSession={onOpenSessionById}
onSwitchGitBranch={switchGitBranch}
/>
</div>
</AttachmentDropZone>
<AlertDialog
open={deleteConfirmOpen}
onOpenChange={(open) => {
@@ -22,17 +22,17 @@ afterEach(async () => {
});
describe("AgentHeader title bar", () => {
it("makes non-interactive header space draggable", async () => {
it("leaves drag-region ownership to the persistent window title bar", async () => {
await act(async () => {
root.render(<AgentHeader status="completed" title="A session" />);
});
expect(
container.querySelector("header")?.getAttribute("data-tauri-drag-region"),
).toBe("deep");
container.querySelector("header")?.hasAttribute("data-tauri-drag-region"),
).toBe(false);
});
it("renders a read-only title as draggable text", async () => {
it("renders a read-only title as non-interactive text", async () => {
await act(async () => {
root.render(<AgentHeader status="completed" title="Read-only session" />);
});
@@ -123,10 +123,7 @@ function AgentHeaderImpl({
const triggerDeleteSession = () => onDeleteSession?.();
return (
<header
className="flex h-12 items-center justify-between gap-2 px-4 max-md:h-7 max-md:pl-28 md:group-data-[state=collapsed]/sidebar-wrapper:pl-7"
data-tauri-drag-region="deep"
>
<header className="flex h-12 items-center justify-between gap-2 px-4 max-md:h-7 max-md:pl-28 md:group-data-[state=collapsed]/sidebar-wrapper:pl-7">
{/* Left: thread title */}
<div className="flex min-w-0 flex-1 items-center gap-2">
<SessionStatus
@@ -88,20 +88,6 @@ async function hover(element: Element): Promise<void> {
});
}
async function changeField(
element: HTMLInputElement | HTMLTextAreaElement,
value: string,
): Promise<void> {
await act(async () => {
const prototype = Object.getPrototypeOf(element) as object;
const setter = Object.getOwnPropertyDescriptor(prototype, "value")?.set;
setter?.call(element, value);
element.dispatchEvent(new Event("input", { bubbles: true }));
element.dispatchEvent(new Event("change", { bubbles: true }));
await Promise.resolve();
});
}
function buttonWithText(text: string, rootNode: ParentNode = container) {
const button = [
...rootNode.querySelectorAll<HTMLButtonElement>("button"),
@@ -272,6 +258,155 @@ describe("AgentSidebar session organization", () => {
expect(buttonWithText("Tasks")).toBeDefined();
});
it("folds a schedule's runs into one collapsible row", async () => {
const run = (index: number) => ({
...makeThread("alpha", index),
title: "Report today's date to the user.",
isScheduled: true,
scheduleId: "sched_daily",
scheduleName: "Daily date report",
scheduleRunNumber: index,
});
const openThread = vi.fn();
const sessionHistory = makeSessionHistory(
[run(2), makeThread("beta", 1), run(1)],
vi.fn(),
);
(sessionHistory as { openThread: unknown }).openThread = openThread;
await act(async () => {
root.render(
<SidebarProvider>
<AgentSidebar
activeSessionId={null}
onHome={vi.fn()}
onSettingsSectionChange={vi.fn()}
sessionHistory={sessionHistory}
setView={vi.fn()}
settingsSection="General"
view="chat"
/>
</SidebarProvider>,
);
});
// One header per schedule, named after the schedule rather than the
// prompt, with the run count; the runs themselves start collapsed.
const header = sessionRow("Daily date report");
expect(header.textContent).toContain("2 runs");
expect(header.getAttribute("aria-expanded")).toBe("false");
expect(header.querySelector('[aria-label="Scheduled"]')).not.toBeNull();
expect(sessionIsVisible("Report today's date to the user.")).toBe(false);
expect(sessionIsVisible("Run 2")).toBe(false);
// The Scheduled section counts schedules, not runs.
expect(buttonWithText("Scheduled").textContent).toContain("1");
expect(sessionIsVisible("beta session 1")).toBe(true);
await click(header);
expect(header.getAttribute("aria-expanded")).toBe("true");
expect(sessionIsVisible("Run 2")).toBe(true);
expect(sessionIsVisible("Run 1")).toBe(true);
// Nested runs don't repeat the clock the header already shows.
expect(
sessionRow("Run 1").querySelector('[aria-label="Scheduled"]'),
).toBeNull();
expect(
sessionRow("Run 2").compareDocumentPosition(sessionRow("Run 1")) &
Node.DOCUMENT_POSITION_FOLLOWING,
).toBeTruthy();
await click(sessionRow("Run 1"));
expect(openThread).toHaveBeenCalledWith("alpha-1");
await click(header);
expect(sessionIsVisible("Run 1")).toBe(false);
});
it("expands the schedule group that holds the active session", async () => {
const run = (index: number) => ({
...makeThread("alpha", index),
isScheduled: true,
scheduleId: "sched_daily",
scheduleName: "Daily date report",
scheduleRunNumber: index,
});
const sessionHistory = makeSessionHistory([run(2), run(1)], vi.fn());
const render = async (activeSessionId: string) => {
await act(async () => {
root.render(
<SidebarProvider>
<AgentSidebar
activeSessionId={activeSessionId}
onHome={vi.fn()}
onSettingsSectionChange={vi.fn()}
sessionHistory={sessionHistory}
setView={vi.fn()}
settingsSection="General"
view="chat"
/>
</SidebarProvider>,
);
});
};
await render("alpha-1");
expect(sessionRow("Daily date report").getAttribute("aria-expanded")).toBe(
"true",
);
expect(sessionIsVisible("Run 1")).toBe(true);
// The group can still be collapsed while it holds the active session,
// and stays collapsed across re-renders.
await click(sessionRow("Daily date report"));
await render("alpha-1");
expect(sessionIsVisible("Run 1")).toBe(false);
// Opening another run of the schedule (e.g. from the Schedules
// settings page) reopens the collapsed group so the run is visible.
await render("alpha-2");
expect(sessionRow("Daily date report").getAttribute("aria-expanded")).toBe(
"true",
);
expect(sessionIsVisible("Run 2")).toBe(true);
});
it("groups scheduled runs inside their project when sorted by project", async () => {
const run = (index: number) => ({
...makeThread("alpha", index),
isScheduled: true,
scheduleId: "sched_daily",
scheduleName: "Daily date report",
scheduleRunNumber: index,
});
await act(async () => {
root.render(
<SidebarProvider>
<AgentSidebar
activeSessionId={null}
onHome={vi.fn()}
onSettingsSectionChange={vi.fn()}
sessionHistory={makeSessionHistory(
[run(2), makeThread("alpha", 3), run(1)],
vi.fn(),
)}
setView={vi.fn()}
settingsSection="General"
view="chat"
/>
</SidebarProvider>,
);
});
await switchToProjectSort();
const header = sessionRow("Daily date report");
expect(header.textContent).toContain("2 runs");
expect(sessionIsVisible("alpha session 3")).toBe(true);
expect(sessionIsVisible("Run 2")).toBe(false);
await click(header);
expect(sessionIsVisible("Run 2")).toBe(true);
});
it("defaults to Pinned, Scheduled, and Tasks sections sorted by time", async () => {
const pinned = { ...makeThread("alpha", 1), pinned: true };
const scheduled = { ...makeThread("beta", 1), isScheduled: true };
@@ -321,7 +456,10 @@ describe("AgentSidebar session organization", () => {
it("deletes a session through the row's hover trash button", async () => {
const deleteThread = vi.fn(async () => undefined);
const sessionHistory = makeSessionHistory([makeThread("alpha", 1)], vi.fn());
const sessionHistory = makeSessionHistory(
[makeThread("alpha", 1)],
vi.fn(),
);
(sessionHistory as { deleteThread: unknown }).deleteThread = deleteThread;
await act(async () => {
@@ -575,6 +713,19 @@ describe("AgentSidebar session organization", () => {
expect(
getSessionOverviewItems(thread).some(([label]) => label === "Status"),
).toBe(false);
// Scheduled runs lead with the schedule they belong to and which run
// this is; the row itself only says "Run N".
expect(
getSessionOverviewItems({
...makeThread("cline", 6),
isScheduled: true,
scheduleName: "Daily date report",
scheduleRunNumber: 6,
}).slice(0, 2),
).toEqual([
["Schedule", "Daily date report"],
["Run", "6"],
]);
});
it("shows the full first line of the session title", () => {
@@ -996,9 +1147,7 @@ describe("AgentSidebar session organization", () => {
expect(customizeRow.className.split(" ")).toContain(
"bg-surface-hover-lighter",
);
expect(customizeRow.className.split(" ")).not.toContain(
"bg-surface-hover",
);
expect(customizeRow.className.split(" ")).not.toContain("bg-surface-hover");
// Sub-tabs are indented under the parent row.
expect(installedRow.className.split(" ")).toContain("pl-8!");
@@ -1048,11 +1197,12 @@ describe("AgentSidebar session organization", () => {
expect(inactiveRow.getAttribute("aria-current")).toBeNull();
});
it("opens session search in a dialog from the logo-row icon", async () => {
it("opens the global search command bar from the logo-row icon without loading full history", async () => {
const sessionHistory = makeSessionHistory(
[makeThread("alpha", 1), makeThread("beta", 1)],
vi.fn(),
);
const onOpenSearch = vi.fn();
await act(async () => {
root.render(
<AccountProvider>
@@ -1060,6 +1210,7 @@ describe("AgentSidebar session organization", () => {
<AgentSidebar
activeSessionId={null}
onHome={vi.fn()}
onOpenSearch={onOpenSearch}
onSettingsSectionChange={vi.fn()}
sessionHistory={sessionHistory}
setView={vi.fn()}
@@ -1078,33 +1229,12 @@ describe("AgentSidebar session organization", () => {
);
expect(searchButton).not.toBeNull();
await click(searchButton as Element);
// Opening search pulls the full history so unloaded sessions match too.
expect(sessionHistory.loadAllSessions).toHaveBeenCalledOnce();
const searchInput = await vi.waitFor(() => {
const input = document.querySelector<HTMLInputElement>(
'[data-slot="command-input"]',
);
expect(input).not.toBeNull();
return input as HTMLInputElement;
});
expect(searchInput.placeholder).toBe("Search sessions...");
await changeField(searchInput, "alpha");
const match = await vi.waitFor(() => {
const items = [
...document.querySelectorAll<HTMLElement>('[data-slot="command-item"]'),
];
expect(items).toHaveLength(1);
return items[0] as HTMLElement;
});
expect(match.textContent).toContain("alpha session 1");
await click(match);
expect(sessionHistory.openThread).toHaveBeenCalledWith("alpha-1");
await vi.waitFor(() =>
expect(document.querySelector('[data-slot="command-input"]')).toBeNull(),
);
// The icon opens the indexed command bar owned by the page shell...
expect(onOpenSearch).toHaveBeenCalledOnce();
// ...instead of a sidebar-local dialog that eagerly pulled the entire
// session history just to filter titles client-side.
expect(sessionHistory.loadAllSessions).not.toHaveBeenCalled();
expect(document.querySelector('[data-slot="command-input"]')).toBeNull();
});
it("uses only the Cline logo for home in the collapsed sidebar", async () => {
@@ -46,13 +46,6 @@ import {
} from "@/components/ui/alert-dialog";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import {
CommandDialog,
CommandEmpty,
CommandInput,
CommandItem,
CommandList,
} from "@/components/ui/command";
import {
ContextMenu,
ContextMenuContent,
@@ -103,8 +96,13 @@ import {
getSessionSources,
} from "@/lib/session-history";
import {
groupScheduledThreads,
groupThreadsByProject,
INITIAL_VISIBLE_THREAD_COUNT,
type SidebarListRow,
type SidebarScheduleGroup,
scheduleGroupKey,
scheduleRunLabel,
workspaceDisplayName,
} from "@/lib/sidebar-session-organization";
import { cn } from "@/lib/utils";
@@ -255,6 +253,7 @@ export function AgentSidebar({
onHome,
onNavigateBack,
onNavigateForward,
onOpenSearch,
onSettingsSectionChange,
setView,
settingsSection,
@@ -269,6 +268,8 @@ export function AgentSidebar({
onHome: () => void;
onNavigateBack?: () => void;
onNavigateForward?: () => void;
/** Opens the global session search command bar (also bound to Cmd/Ctrl+P). */
onOpenSearch?: () => void;
onSettingsSectionChange: (section: SettingsSection) => void;
setView: (view: AppView) => void;
settingsSection: SettingsSection;
@@ -291,7 +292,6 @@ export function AgentSidebar({
forkThread: forkHistoryThread,
hasLoadedHistory,
isLoadingMore,
loadAllSessions,
loadOlderSessions,
mayHaveMoreSessions,
openThread: openHistoryThread,
@@ -305,7 +305,6 @@ export function AgentSidebar({
const [filter, setFilter] = useState<FilterOption>("All");
const [sourceFilter, setSourceFilter] = useState(ALL_SESSION_SOURCES);
const [sortMode, setSortMode] = useState<SidebarSortMode>("time");
const [searchOpen, setSearchOpen] = useState(false);
const [showMoreCount, setShowMoreCount] = useState(
INITIAL_VISIBLE_THREAD_COUNT,
);
@@ -331,6 +330,12 @@ export function AgentSidebar({
const [collapsedProjects, setCollapsedProjects] = useState<Set<string>>(
() => new Set(),
);
// Explicit expand/collapse choices per schedule group. Groups without an
// entry default to expanded only while they hold the active session, so a
// run opened from elsewhere (e.g. the Schedules settings page) is visible.
const [scheduleGroupExpanded, setScheduleGroupExpanded] = useState<
Map<string, boolean>
>(() => new Map());
const [projectVisibleCounts, setProjectVisibleCounts] = useState<
Record<string, number>
>({});
@@ -422,20 +427,6 @@ export function AgentSidebar({
const navigateForward = useCallback(() => {
onNavigateForward?.();
}, [onNavigateForward]);
const openSearch = useCallback(() => {
setSearchOpen(true);
// The sidebar only pages in recent history; pull the rest so older
// sessions are searchable too.
void loadAllSessions();
}, [loadAllSessions]);
const openSearchResult = useCallback(
(threadId: string) => {
setSearchOpen(false);
openThread(threadId);
},
[openThread],
);
const startRenameThread = useCallback((thread: Thread) => {
setEditingSessionId(thread.id);
setEditingTitle(normalizeTitle(thread.title));
@@ -557,6 +548,40 @@ export function AgentSidebar({
return next;
});
}, []);
// Opening a session drops the stored choice for the group that holds it,
// so a run opened elsewhere is visible even if its group was collapsed
// earlier. Keyed on the session and group ids rather than the thread list
// so a history refresh doesn't undo a collapse made while it is open.
const activeScheduleGroupId = useMemo(() => {
const thread = threads.find((t) => t.id === activeThread);
return thread ? scheduleGroupKey(thread) : null;
}, [activeThread, threads]);
useEffect(() => {
if (!activeThread || !activeScheduleGroupId) return;
setScheduleGroupExpanded((current) => {
if (!current.has(activeScheduleGroupId)) return current;
const next = new Map(current);
next.delete(activeScheduleGroupId);
return next;
});
}, [activeThread, activeScheduleGroupId]);
const isScheduleGroupExpanded = useCallback(
(group: SidebarScheduleGroup) =>
scheduleGroupExpanded.get(group.id) ??
group.threads.some((thread) => thread.id === activeThread),
[activeThread, scheduleGroupExpanded],
);
const toggleScheduleGroup = useCallback(
(group: SidebarScheduleGroup) => {
const expanded = isScheduleGroupExpanded(group);
setScheduleGroupExpanded((current) => {
const next = new Map(current);
next.set(group.id, !expanded);
return next;
});
},
[isScheduleGroupExpanded],
);
const toggleProject = useCallback((project: string) => {
setCollapsedProjects((current) => {
const next = new Set(current);
@@ -655,13 +680,15 @@ export function AgentSidebar({
)}
</Button>
);
const threadItem = (thread: Thread) => (
const threadItem = (thread: Thread, options?: { nested?: boolean }) => (
<ThreadItem
editTitle={editingTitle}
editing={editingSessionId === thread.id}
hoverCardOpen={hoverCardThreadId === thread.id}
isActive={activeThread === thread.id}
key={thread.id}
label={options?.nested ? scheduleRunLabel(thread) : undefined}
nested={options?.nested}
onHoverCardOpenChange={(open) =>
setHoverCardThreadId((current) =>
open ? thread.id : current === thread.id ? null : current,
@@ -682,6 +709,30 @@ export function AgentSidebar({
unread={unreadSessionIds.has(thread.id)}
/>
);
// Scheduled runs collapse into one row per schedule; everything else
// renders as before.
const listRow = (row: SidebarListRow) => {
if (row.kind === "thread") {
return threadItem(row.thread);
}
const expanded = isScheduleGroupExpanded(row);
return (
<ScheduleGroupRow
active={row.threads.some((thread) => thread.id === activeThread)}
expanded={expanded}
group={row}
key={row.id}
onToggle={() => toggleScheduleGroup(row)}
unread={row.threads.some((thread) => unreadSessionIds.has(thread.id))}
>
{row.threads.map((thread) => threadItem(thread, { nested: true }))}
</ScheduleGroupRow>
);
};
const scheduledRows = useMemo(
() => groupScheduledThreads(scheduledThreads),
[scheduledThreads],
);
const customizeSectionOpen =
view === "settings" &&
(CUSTOMIZATION_SECTIONS as readonly SettingsSection[]).includes(
@@ -840,8 +891,8 @@ export function AgentSidebar({
<Button
aria-label="Search sessions"
className="size-8 shrink-0 justify-center px-0"
onClick={openSearch}
title="Search sessions"
onClick={onOpenSearch}
title="Search sessions (Cmd/Ctrl+P)"
type="button"
variant="sidebarItem"
>
@@ -1015,20 +1066,22 @@ export function AgentSidebar({
label="Pinned"
onToggle={() => toggleSection("pinned")}
>
{pinnedThreads.map(threadItem)}
{pinnedThreads.map((thread) =>
threadItem(thread),
)}
</CategorySection>
) : null}
{scheduledThreads.length > 0 ? (
{scheduledRows.length > 0 ? (
<CategorySection
collapsed={collapsedSections.has("scheduled")}
count={scheduledThreads.length}
count={scheduledRows.length}
label="Scheduled"
onToggle={() => toggleSection("scheduled")}
>
{scheduledThreads
{scheduledRows
.slice(0, scheduledVisibleCount)
.map(threadItem)}
{scheduledThreads.length >
.map(listRow)}
{scheduledRows.length >
scheduledVisibleCount ? (
<Button
className="px-2!"
@@ -1057,19 +1110,24 @@ export function AgentSidebar({
>
{taskThreads
.slice(0, showMoreCount)
.map(threadItem)}
.map((thread) => threadItem(thread))}
{showTimeShowMore ? timeShowMoreButton : null}
</CategorySection>
) : null}
</>
) : (
taskThreads.slice(0, showMoreCount).map(threadItem)
taskThreads
.slice(0, showMoreCount)
.map((thread) => threadItem(thread))
)
) : (
projectGroups.map((project) => {
const visibleCount =
projectVisibleCounts[project.id] ??
INITIAL_VISIBLE_THREAD_COUNT;
const projectRows = groupScheduledThreads(
project.threads,
);
return (
<ProjectSection
collapsed={collapsedProjects.has(project.id)}
@@ -1077,10 +1135,8 @@ export function AgentSidebar({
label={project.label}
onToggle={() => toggleProject(project.id)}
>
{project.threads
.slice(0, visibleCount)
.map(threadItem)}
{project.threads.length > visibleCount ? (
{projectRows.slice(0, visibleCount).map(listRow)}
{projectRows.length > visibleCount ? (
<Button
className="max-w-full pl-2!"
onClick={() => showMoreForProject(project.id)}
@@ -1210,35 +1266,6 @@ export function AgentSidebar({
)}
</div>
</div>
<CommandDialog
description="Search sessions by title, project, or path"
onOpenChange={setSearchOpen}
open={searchOpen}
title="Search sessions"
>
<CommandInput placeholder="Search sessions..." />
<CommandList>
<CommandEmpty>
{isLoadingMore
? "Searching older sessions..."
: "No sessions found."}
</CommandEmpty>
{threads.map((thread) => (
<CommandItem
key={thread.id}
onSelect={() => openSearchResult(thread.id)}
value={`${normalizeTitle(thread.title)} ${thread.codebase} ${thread.workspacePath} ${thread.id}`}
>
<span className="min-w-0 flex-1 truncate">
{normalizeTitle(thread.title)}
</span>
<span className="shrink-0 text-xs text-muted-foreground">
{thread.time}
</span>
</CommandItem>
))}
</CommandList>
</CommandDialog>
<AlertDialog
open={deleteConfirmThread !== null}
onOpenChange={(open) => {
@@ -1361,12 +1388,83 @@ function ProjectSection({
);
}
function ScheduleGroupRow({
group,
expanded,
active,
unread,
onToggle,
children,
}: {
group: SidebarScheduleGroup;
expanded: boolean;
/** One of the runs is the open session; the header shows it while collapsed. */
active: boolean;
unread: boolean;
onToggle: () => void;
children: ReactNode;
}) {
const running = group.threads.some((thread) => thread.status === "running");
const statusDotClass = running ? "bg-green-500" : unread ? "bg-blue-500" : "";
const runCount = group.threads.length;
return (
<div className="min-w-0">
<button
aria-expanded={expanded}
className={cn(
"grid h-8 w-full max-w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-1 overflow-hidden rounded-md px-2 text-left text-sm font-normal",
active && !expanded
? "bg-surface-hover text-sidebar-foreground"
: "text-sidebar-foreground/80 hover:bg-surface-hover",
)}
onClick={onToggle}
title={group.label}
type="button"
>
<span className="flex max-w-full min-w-0 items-center gap-1.5 overflow-hidden">
<ChevronDown
className={cn(
"size-3 shrink-0 text-muted-foreground transition-transform",
!expanded && "-rotate-90",
)}
/>
<Clock3
aria-label="Scheduled"
className="size-3 shrink-0 text-muted-foreground"
/>
<span className="block min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-normal leading-tight">
{group.label}
</span>
</span>
<span className="flex shrink-0 items-center gap-1.5 text-xs tabular-nums text-muted-foreground">
{statusDotClass ? (
<span
aria-hidden="true"
className={cn("size-1.5 rounded-full", statusDotClass)}
/>
) : null}
<span>
{runCount} {runCount === 1 ? "run" : "runs"}
</span>
</span>
</button>
{expanded ? (
<div className="ml-4 flex min-w-0 flex-col gap-0.5 border-l border-sidebar-border/70 pl-1">
{children}
</div>
) : null}
</div>
);
}
function ThreadItem({
thread,
editTitle,
editing,
hoverCardOpen,
isActive,
label,
nested = false,
onClick,
onHoverCardOpenChange,
onCancelRename,
@@ -1384,6 +1482,10 @@ function ThreadItem({
editing: boolean;
hoverCardOpen: boolean;
isActive: boolean;
/** Row text when it should not be the session title (a run inside a schedule group). */
label?: string;
/** Rendered inside a schedule group: the group already shows the clock. */
nested?: boolean;
onClick: () => void;
onHoverCardOpenChange: (open: boolean) => void;
onCancelRename: () => void;
@@ -1397,6 +1499,7 @@ function ThreadItem({
unread: boolean;
}) {
const title = normalizeTitle(thread.title);
const rowText = label ?? title;
const overviewTitle = getSessionOverviewTitle(title);
const pending = pendingAction !== null;
const statusDotClass = pending
@@ -1460,14 +1563,14 @@ function ThreadItem({
type="button"
>
<span className="flex max-w-full min-w-0 items-center gap-1.5 overflow-hidden">
{thread.isScheduled ? (
{thread.isScheduled && !nested ? (
<Clock3
aria-label="Scheduled"
className="size-3 shrink-0 text-muted-foreground"
/>
) : null}
<span className="block min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-normal leading-tight">
{title}
{rowText}
</span>
</span>
<span className="flex shrink-0 items-center gap-1.5 text-sm text-muted-foreground">
@@ -1557,6 +1660,8 @@ export function getSessionOverviewItems(
// Updated time is already visible in the sidebar item.
const workspacePath = thread.workspacePath || thread.codebase;
const items: Array<[string, string | null | undefined, string?]> = [
["Schedule", thread.scheduleName],
["Run", thread.scheduleRunNumber ? String(thread.scheduleRunNumber) : null],
[
"Workspace",
workspaceDisplayName(workspacePath),
@@ -90,6 +90,15 @@ class FakeSpeechRecognition extends EventTarget {
});
this.dispatchEvent(event);
}
emitError(error: string, message?: string): void {
const event = new Event("error");
Object.defineProperties(event, {
error: { value: error },
message: { value: message },
});
this.dispatchEvent(event);
}
}
let container: HTMLDivElement;
@@ -180,6 +189,28 @@ describe("SpeechInput", () => {
expect(button?.getAttribute("aria-label")).toBe("Stop recording");
});
it("preserves browser speech-recognition error details", async () => {
const onError = vi.fn();
await act(async () => {
root.render(<SpeechInput onError={onError} recordingMode="auto" />);
});
const button = container.querySelector<HTMLButtonElement>(
'[aria-label="Record speech"]',
);
await act(async () => button?.click());
await act(async () => {
FakeSpeechRecognition.instances[0]?.emitError("not-allowed");
});
expect(onError).toHaveBeenCalledOnce();
expect(onError.mock.calls[0]?.[0]).toEqual(
new Error("Speech recognition failed: not-allowed"),
);
expect(button?.getAttribute("aria-label")).toBe("Record speech");
});
it("records audio and forwards the provider transcript", async () => {
FakeMediaRecorder.deferStopEvents = true;
let resolveTranscript: (transcript: string) => void = () => {};
@@ -21,6 +21,11 @@ interface SpeechRecognitionEvent extends Event {
resultIndex: number;
}
interface SpeechRecognitionErrorEvent extends Event {
error: string;
message?: string;
}
interface SpeechRecognitionResultList {
readonly length: number;
[index: number]: SpeechRecognitionResult;
@@ -37,6 +42,20 @@ interface SpeechRecognitionAlternative {
confidence: number;
}
function errorFromEvent(event: Event, fallbackMessage: string): Error {
const eventError = (event as Event & { error?: unknown }).error;
if (eventError instanceof Error) return eventError;
const eventMessage = (event as Event & { message?: unknown }).message;
if (typeof eventMessage === "string" && eventMessage.trim()) {
return new Error(eventMessage.trim());
}
if (typeof eventError === "string" && eventError.trim()) {
return new Error(`${fallbackMessage}: ${eventError.trim()}`);
}
return new Error(fallbackMessage);
}
declare global {
interface Window {
SpeechRecognition: new () => SpeechRecognition;
@@ -191,7 +210,10 @@ export function SpeechInput({
};
const handleError = (event: Event) => {
setIsListening(false);
onErrorRef.current?.(event);
const speechError = event as SpeechRecognitionErrorEvent;
onErrorRef.current?.(
errorFromEvent(speechError, "Speech recognition failed"),
);
};
recognition.addEventListener("start", handleStart);
@@ -302,7 +324,7 @@ export function SpeechInput({
for (const track of stream.getTracks()) track.stop();
streamRef.current = null;
mediaRecorderRef.current = null;
onErrorRef.current?.(event);
onErrorRef.current?.(errorFromEvent(event, "Audio recording failed"));
});
recorder.addEventListener("stop", async () => {
for (const track of stream.getTracks()) track.stop();
@@ -16,12 +16,17 @@ import {
restartToApplyUpdate,
} from "@/hooks/use-app-update";
import { desktopClient } from "@/lib/desktop-client";
import { resolveHubUpdateRestartDecision } from "./hub-update-required-helpers";
import {
describeOutdatedHubSessions,
resolveHubUpdateRestartDecision,
} from "./hub-update-required-helpers";
type HubBuildMismatchPayload = {
hubBuildId?: string;
hubCoreVersion?: string;
reason?: string;
activeSessionCount?: number;
participantClientCount?: number;
};
function mismatchKeyOf(payload: HubBuildMismatchPayload): string {
@@ -30,14 +35,24 @@ function mismatchKeyOf(payload: HubBuildMismatchPayload): string {
type UpdatePhase = "idle" | "updating" | "restarting";
/** Generous deadline: drain wait + graceful retire + fresh daemon startup. */
const HUB_UPGRADE_TIMEOUT_MS = 60_000;
/**
* Blocking prompt shown when the sidecar reports that another Cline
* installation (for example an updated CLI) replaced the shared Cline Hub
* with a different build. Accepting runs an updater check/download right
* away and, once an update is staged, restarts into it so the app and the
* Hub run the same version again. If nothing is staged (no release published
* yet, or the check failed), the dialog explains why instead of restarting
* into the same version and immediately re-prompting.
* Blocking prompt shown when the sidecar reports that the shared Cline Hub
* does not match this app's build.
*
* Two directions, two dialogs:
* - `build_mismatch` / `unsupported_protocol`: the Hub is newer than this
* app. Accepting runs an updater check/download right away and, once an
* update is staged, restarts into it so the app and the Hub run the same
* version again. Dismissible - the app keeps working over the compatible
* wire protocol.
* - `outdated_hub`: this app is the newer build, and the running Hub was
* left in place only because it is still serving other clients' sessions.
* Not dismissible: the user chooses between updating the Hub now (which
* interrupts those sessions, then relaunches the app onto the fresh Hub)
* and quitting the app (the old Hub keeps running for its clients).
*/
export function HubUpdateRequiredDialog() {
const [mismatch, setMismatch] = useState<HubBuildMismatchPayload | null>(
@@ -49,6 +64,13 @@ export function HubUpdateRequiredDialog() {
useEffect(() => {
return desktopClient.subscribe("hub_build_mismatch", (payload) => {
// A null broadcast means the mismatch was resolved (the Hub was
// upgraded, possibly from another window): close the dialog.
if (payload === null) {
setMismatch(null);
setUpdateHint(null);
return;
}
if (!payload || typeof payload !== "object") {
return;
}
@@ -61,7 +83,6 @@ export function HubUpdateRequiredDialog() {
}, []);
const mismatchKey = mismatch ? mismatchKeyOf(mismatch) : null;
const open = mismatchKey !== null && mismatchKey !== dismissedKey;
const handleUpdateAndRestart = useCallback(async () => {
setPhase("updating");
@@ -79,14 +100,99 @@ export function HubUpdateRequiredDialog() {
setPhase("idle");
}, []);
// `outdated_hub` is purely informational: this app is already the newer
// build, nothing is asked of the user, and the Hub is replaced on its own
// once its sessions end. Interrupting with a modal to say "ignore me"
// helps nobody, so that reason renders nothing.
const handleUpgradeHub = useCallback(async () => {
setPhase("updating");
setUpdateHint(null);
try {
await desktopClient.invoke("hub_upgrade", undefined, {
timeoutMs: HUB_UPGRADE_TIMEOUT_MS,
});
} catch (error) {
setUpdateHint(
error instanceof Error && error.message
? error.message
: "Updating the Cline Hub failed. Try again, or run 'cline doctor fix' in a terminal.",
);
setPhase("idle");
return;
}
setPhase("restarting");
setMismatch(null);
// Relaunch into a clean slate attached to the fresh Hub. In plain
// web/dev mode there is no Tauri shell to relaunch; reloading the page
// reconnects everything instead.
try {
await desktopClient.invoke("relaunch_app");
} catch {
window.location.reload();
}
}, []);
const handleQuit = useCallback(async () => {
try {
await desktopClient.invoke("quit_app");
} catch {
// Plain web/dev mode: no Tauri shell to exit. Best-effort close;
// browsers only honor this for script-opened windows.
window.close();
}
}, []);
// This app needs a newer Hub than the one running, and the running one was
// deliberately left in place because it is serving sessions. Block until
// the user picks a side: replace the Hub now, or quit and update later.
if (mismatch?.reason === "outdated_hub") {
return null;
return (
<AlertDialog open>
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>Cline Hub update required</AlertDialogTitle>
<AlertDialogDescription>
Cline needs a newer Cline Hub, but the running one is still
serving {describeOutdatedHubSessions(mismatch)}.
</AlertDialogDescription>
<AlertDialogDescription>
Update Now stops that Hub and interrupts its sessions. Quit Cline
closes this app and leaves the Hub running, so you can update
later.
</AlertDialogDescription>
{updateHint ? (
<AlertDialogDescription>{updateHint}</AlertDialogDescription>
) : null}
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel
disabled={phase !== "idle"}
onClick={(event) => {
event.preventDefault();
void handleQuit();
}}
>
Quit Cline
</AlertDialogCancel>
<AlertDialogAction
disabled={phase !== "idle"}
onClick={(event) => {
event.preventDefault();
void handleUpgradeHub();
}}
>
{phase === "restarting"
? "Restarting…"
: phase === "updating"
? "Updating…"
: updateHint
? "Try again"
: "Update Now"}
</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>
);
}
const open = mismatchKey !== null && mismatchKey !== dismissedKey;
return (
<AlertDialog
open={open}
@@ -1,5 +1,40 @@
import { describe, expect, it } from "vitest";
import { resolveHubUpdateRestartDecision } from "./hub-update-required-helpers";
import {
describeOutdatedHubSessions,
resolveHubUpdateRestartDecision,
} from "./hub-update-required-helpers";
describe("describeOutdatedHubSessions", () => {
it("quantifies sessions and clients when the hub reported both", () => {
expect(
describeOutdatedHubSessions({
activeSessionCount: 2,
participantClientCount: 1,
}),
).toBe("2 active sessions from 1 connected Cline client");
expect(
describeOutdatedHubSessions({
activeSessionCount: 1,
participantClientCount: 3,
}),
).toBe("1 active session from 3 connected Cline clients");
});
it("omits the client clause when participant ids were unavailable", () => {
expect(
describeOutdatedHubSessions({
activeSessionCount: 4,
participantClientCount: 0,
}),
).toBe("4 active sessions");
});
it("falls back to an unquantified phrase when the hub could not answer", () => {
expect(describeOutdatedHubSessions({})).toBe(
"active sessions from other Cline clients",
);
});
});
describe("resolveHubUpdateRestartDecision", () => {
it("restarts only once an update is staged", () => {
@@ -4,6 +4,27 @@ export type HubUpdateRestartDecision =
| { action: "restart" }
| { action: "stay"; hint: string };
/**
* Human phrase for the live work an outdated Hub is serving, used by the
* blocking "Hub update required" dialog. Falls back to an unquantified
* phrase when the Hub could not answer the activity query.
*/
export function describeOutdatedHubSessions(counts: {
activeSessionCount?: number;
participantClientCount?: number;
}): string {
const sessions = counts.activeSessionCount;
if (typeof sessions !== "number" || sessions <= 0) {
return "active sessions from other Cline clients";
}
const sessionsPhrase = `${sessions} active session${sessions === 1 ? "" : "s"}`;
const clients = counts.participantClientCount;
if (typeof clients !== "number" || clients <= 0) {
return sessionsPhrase;
}
return `${sessionsPhrase} from ${clients} connected Cline client${clients === 1 ? "" : "s"}`;
}
/**
* Decide what "Update and restart" should do after an on-demand updater
* check. Restart only when an update is actually staged - relaunching the
@@ -0,0 +1,571 @@
"use client";
import {
AlertCircle,
CheckCircle2,
ChevronDown,
ChevronRight,
Loader2,
Search,
} from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import { Checkbox } from "@/components/ui/checkbox";
import {
Dialog,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { Progress } from "@/components/ui/progress";
import { getInitialChatConfig } from "@/hooks/chat-session/constants";
import { basenamePath, formatRelativeTime } from "@/hooks/use-session-history";
import { desktopClient } from "@/lib/desktop-client";
import {
type ImportableSession,
importSelectionKey,
type ListImportableSessionsResponse,
SESSION_IMPORT_TOOL_LABELS,
SESSION_IMPORT_TOOL_ORDER,
type SessionImportProgressEvent,
type SessionImportResult,
} from "@/lib/session-import";
import { cn } from "@/lib/utils";
type ImportPhase = "loading" | "pick" | "importing" | "done";
type ImportSessionsDialogProps = {
open: boolean;
onOpenChange: (open: boolean) => void;
/** Called after at least one session imported successfully. */
onImported?: () => void;
};
/**
* Provider/model a new chat would start with right now, resolved the same
* way a new chat resolves it (remembered selection, then the built-in
* default). Imported sessions are stamped with it so "continue this in
* Cline" runs on what the user actually uses instead of the source tool's
* provider. Reading model-selection storage directly is not enough: the
* composer only records a model when the user picks one explicitly, so
* anyone on the default model has no entry there.
*/
function resumeTarget(): { provider: string; model: string } {
const { provider, model } = getInitialChatConfig();
return { provider, model };
}
function matchesQuery(session: ImportableSession, query: string): boolean {
if (!query) return true;
const haystack =
`${session.title} ${session.cwd} ${session.preview ?? ""}`.toLowerCase();
return query
.toLowerCase()
.split(/\s+/)
.every((term) => haystack.includes(term));
}
export function ImportSessionsDialog({
open,
onOpenChange,
onImported,
}: ImportSessionsDialogProps) {
const [phase, setPhase] = useState<ImportPhase>("loading");
const [scanError, setScanError] = useState<string | null>(null);
const [sessions, setSessions] = useState<ImportableSession[]>([]);
const [selected, setSelected] = useState<Set<string>>(new Set());
const [collapsedTools, setCollapsedTools] = useState<Set<string>>(new Set());
const [query, setQuery] = useState("");
const [progress, setProgress] = useState<{ done: number; total: number }>({
done: 0,
total: 0,
});
const [results, setResults] = useState<SessionImportResult[]>([]);
const scan = useCallback(async () => {
setPhase("loading");
setScanError(null);
try {
const response =
await desktopClient.invoke<ListImportableSessionsResponse>(
"list_importable_sessions",
{},
// Scanning reads every source session file once; large
// histories can take longer than the default RPC timeout.
{ timeoutMs: 120_000 },
);
setSessions(response.sessions ?? []);
setPhase("pick");
} catch (error) {
setScanError(error instanceof Error ? error.message : String(error));
setPhase("pick");
}
}, []);
// Fresh state on every open, then scan.
useEffect(() => {
if (!open) return;
setSelected(new Set());
setCollapsedTools(new Set());
setQuery("");
setResults([]);
setProgress({ done: 0, total: 0 });
void scan();
}, [open, scan]);
useEffect(() => {
if (!open) return;
return desktopClient.subscribe("session_import_progress", (payload) => {
const event = payload as SessionImportProgressEvent | undefined;
if (!event || typeof event.index !== "number") return;
setProgress({ done: event.index + 1, total: event.total });
if (event.result) {
setResults((previous) => [...previous, event.result]);
}
});
}, [open]);
const visibleSessions = useMemo(
() => sessions.filter((session) => matchesQuery(session, query.trim())),
[sessions, query],
);
const groups = useMemo(
() =>
SESSION_IMPORT_TOOL_ORDER.map((tool) => ({
tool,
sessions: visibleSessions.filter((session) => session.tool === tool),
})).filter((group) => group.sessions.length > 0),
[visibleSessions],
);
const selectableKeys = useCallback(
(items: ImportableSession[]) =>
items
.filter((session) => !session.alreadyImportedSessionId)
.map((session) => importSelectionKey(session.tool, session.sourceId)),
[],
);
const isFiltering = query.trim().length > 0;
const visibleSelectableKeys = selectableKeys(visibleSessions);
const selectedVisibleCount = visibleSelectableKeys.filter((key) =>
selected.has(key),
).length;
const allVisibleSelected =
visibleSelectableKeys.length > 0 &&
selectedVisibleCount === visibleSelectableKeys.length;
const toggleAll = (items: ImportableSession[], checked: boolean) => {
setSelected((previous) => {
const next = new Set(previous);
for (const key of selectableKeys(items)) {
if (checked) next.add(key);
else next.delete(key);
}
return next;
});
};
const startImport = async () => {
const selections = sessions
.filter((session) =>
selected.has(importSelectionKey(session.tool, session.sourceId)),
)
.map((session) => ({ tool: session.tool, sourceId: session.sourceId }));
if (selections.length === 0) return;
setPhase("importing");
setResults([]);
setProgress({ done: 0, total: selections.length });
try {
const response = await desktopClient.invoke<{
results: SessionImportResult[];
}>(
"import_sessions",
{ selections, ...resumeTarget() },
{ timeoutMs: null },
);
// The progress events already streamed results; trust the final
// response as the authoritative list.
setResults(response.results ?? []);
if ((response.results ?? []).some((result) => result.ok)) {
onImported?.();
}
} catch (error) {
setResults([
{
tool: "claude-code",
sourceId: "",
ok: false,
error: error instanceof Error ? error.message : String(error),
},
]);
}
setPhase("done");
};
const succeeded = results.filter((result) => result.ok);
const failures = results.filter((result) => !result.ok);
const importableCount = sessions.filter(
(session) => !session.alreadyImportedSessionId,
).length;
return (
<Dialog
onOpenChange={(next) => {
// Don't let a stray overlay click abandon a running import.
if (!next && phase === "importing") return;
onOpenChange(next);
}}
open={open}
>
{/* The single column must be minmax(0,1fr): with the default auto
track, one unbreakable string in a session title widens the
column's min-content beyond the fixed dialog width and
overflow-hidden clips the header and search field. The explicit
sm:max-w-none is needed because the primitive's sm:max-w-lg
survives class merging across variants. */}
<DialogContent className="grid h-[min(680px,calc(100dvh-2rem))] w-[min(620px,calc(100vw-2rem))] max-w-none grid-cols-[minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)_auto] gap-4 overflow-hidden sm:max-w-none">
<DialogHeader>
<DialogTitle>Import sessions</DialogTitle>
<DialogDescription>
Bring your conversation history from other coding tools into Cline.
Imported sessions appear in your history and can be continued here.
</DialogDescription>
</DialogHeader>
{phase === "loading" ? (
<div className="flex min-h-0 flex-col items-center justify-center gap-3 text-muted-foreground">
<Loader2 className="size-5 animate-spin" />
<p className="text-sm">Scanning for sessions</p>
</div>
) : null}
{phase === "pick" ? (
<div className="flex min-h-0 flex-col gap-3">
{scanError ? (
<p className="text-sm text-destructive" role="alert">
Couldn't scan for sessions: {scanError}
</p>
) : null}
{sessions.length === 0 && !scanError ? (
<div className="flex min-h-0 flex-1 flex-col items-center justify-center gap-2 text-center">
<p className="text-sm font-medium text-foreground">
No sessions found
</p>
<p className="max-w-sm text-sm text-muted-foreground">
Cline looks for local history from Claude Code, Codex, and
opencode. Nothing importable turned up on this machine.
</p>
</div>
) : null}
{sessions.length > 0 ? (
<>
<div className="relative shrink-0">
<Search className="-translate-y-1/2 pointer-events-none absolute left-2.5 top-1/2 size-4 text-muted-foreground" />
<Input
aria-label="Filter sessions"
className="h-8 pl-8"
onChange={(event) => setQuery(event.target.value)}
placeholder="Filter by title or folder"
value={query}
/>
</div>
<div className="flex shrink-0 items-center gap-2 border-b pb-2">
<Checkbox
aria-label="Select all sessions"
checked={
allVisibleSelected
? true
: selectedVisibleCount > 0
? "indeterminate"
: false
}
disabled={visibleSelectableKeys.length === 0}
id="import-select-all"
onCheckedChange={(checked) =>
toggleAll(visibleSessions, checked === true)
}
/>
<label
className="cursor-pointer text-sm text-foreground"
htmlFor="import-select-all"
>
Select all
</label>
<span className="ml-auto text-xs text-muted-foreground">
{selectedVisibleCount} of {visibleSelectableKeys.length}{" "}
selected
</span>
</div>
<div className="min-h-0 flex-1 overflow-y-auto pr-1">
{groups.map((group) => {
const keys = selectableKeys(group.sessions);
const selectedInGroup = keys.filter((key) =>
selected.has(key),
).length;
const allChecked =
keys.length > 0 && selectedInGroup === keys.length;
// A collapsed section would hide filter matches, so
// filtering forces every section open.
const collapsed =
!isFiltering && collapsedTools.has(group.tool);
return (
<section className="mb-4" key={group.tool}>
<div className="sticky top-0 z-10 flex items-center gap-2 border-b bg-background py-1.5">
<Checkbox
aria-label={`Select all ${SESSION_IMPORT_TOOL_LABELS[group.tool]} sessions`}
checked={
allChecked
? true
: selectedInGroup > 0
? "indeterminate"
: false
}
disabled={keys.length === 0}
onCheckedChange={(checked) =>
toggleAll(group.sessions, checked === true)
}
/>
<button
aria-expanded={!collapsed}
className="flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-sm py-0.5 text-left hover:text-foreground"
onClick={() =>
setCollapsedTools((previous) => {
const next = new Set(previous);
if (next.has(group.tool)) {
next.delete(group.tool);
} else {
next.add(group.tool);
}
return next;
})
}
type="button"
>
<h3 className="text-sm font-semibold text-foreground">
{SESSION_IMPORT_TOOL_LABELS[group.tool]}
</h3>
<span className="text-xs text-muted-foreground">
{group.sessions.length}
{selectedInGroup > 0
? ` · ${selectedInGroup} selected`
: ""}
</span>
{collapsed ? (
<ChevronRight className="ml-auto size-4 shrink-0 text-muted-foreground" />
) : (
<ChevronDown className="ml-auto size-4 shrink-0 text-muted-foreground" />
)}
</button>
</div>
<ul hidden={collapsed}>
{group.sessions.map((session) => {
const key = importSelectionKey(
session.tool,
session.sourceId,
);
const alreadyImported = Boolean(
session.alreadyImportedSessionId,
);
const checked = selected.has(key);
const checkboxId = `import-session-${key}`;
return (
<li key={key}>
<label
className={cn(
"flex cursor-pointer items-start gap-2.5 rounded-md px-1.5 py-2 hover:bg-muted/40",
alreadyImported &&
"cursor-default opacity-60",
)}
htmlFor={checkboxId}
>
<Checkbox
aria-label={`Import "${session.title}"`}
checked={checked}
className="mt-0.5"
disabled={alreadyImported}
id={checkboxId}
onCheckedChange={(next) =>
setSelected((previous) => {
const nextSet = new Set(previous);
if (next === true) nextSet.add(key);
else nextSet.delete(key);
return nextSet;
})
}
/>
<span className="min-w-0 flex-1">
<span className="flex min-w-0 items-start gap-2">
<span className="line-clamp-2 min-w-0 break-words text-sm text-foreground">
{session.title}
</span>
{alreadyImported ? (
<Badge
className="shrink-0"
variant="secondary"
>
Imported
</Badge>
) : null}
</span>
<span className="mt-0.5 flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground">
<span className="shrink-0">
{formatRelativeTime(
new Date(
session.updatedAtMs,
).toISOString(),
)}
</span>
<span aria-hidden>·</span>
<span className="shrink-0">
{session.messageCount} message
{session.messageCount === 1 ? "" : "s"}
</span>
{session.cwd ? (
<>
<span aria-hidden>·</span>
<span className="min-w-0 truncate">
{basenamePath(session.cwd)}
</span>
</>
) : null}
</span>
</span>
</label>
</li>
);
})}
</ul>
</section>
);
})}
{groups.length === 0 ? (
<p className="py-8 text-center text-sm text-muted-foreground">
No sessions match "{query.trim()}".
</p>
) : null}
</div>
</>
) : null}
</div>
) : null}
{phase === "importing" ? (
<div className="flex min-h-0 flex-col gap-4">
<div className="flex flex-col gap-2">
<div className="flex items-center justify-between text-sm">
<span className="text-foreground">Importing sessions</span>
<span className="text-muted-foreground">
{progress.done} / {progress.total}
</span>
</div>
<Progress
value={
progress.total > 0
? (progress.done / progress.total) * 100
: 0
}
/>
</div>
<ul className="min-h-0 flex-1 space-y-1 overflow-y-auto pr-1 text-sm">
{results.map((result) => (
<li
className="flex items-center gap-2"
key={importSelectionKey(result.tool, result.sourceId)}
>
{result.ok ? (
<CheckCircle2 className="size-4 shrink-0 text-muted-foreground" />
) : (
<AlertCircle className="size-4 shrink-0 text-destructive" />
)}
<span className="min-w-0 truncate text-muted-foreground">
{result.title ?? result.sourceId}
</span>
</li>
))}
</ul>
</div>
) : null}
{phase === "done" ? (
<div className="flex min-h-0 flex-col gap-3">
<p className="text-sm text-foreground">
{succeeded.length > 0
? `Imported ${succeeded.length} session${succeeded.length === 1 ? "" : "s"}.`
: "No sessions were imported."}
{failures.length > 0
? ` ${failures.length} failed.`
: succeeded.length > 0
? " They're in your history now."
: ""}
</p>
{failures.length > 0 ? (
<ul className="min-h-0 flex-1 space-y-2 overflow-y-auto pr-1 text-sm">
{failures.map((failure) => (
<li
className="flex items-start gap-2"
key={importSelectionKey(failure.tool, failure.sourceId)}
>
<AlertCircle className="mt-0.5 size-4 shrink-0 text-destructive" />
<span className="min-w-0">
<span className="block truncate text-foreground">
{failure.title ?? failure.sourceId}
</span>
<span className="block text-xs text-muted-foreground">
{failure.error}
</span>
</span>
</li>
))}
</ul>
) : null}
</div>
) : null}
<DialogFooter>
{phase === "pick" ? (
<>
<span className="mr-auto self-center text-xs text-muted-foreground">
{selected.size > 0
? `${selected.size} selected`
: importableCount > 0
? `${importableCount} available`
: ""}
</span>
<Button
onClick={() => onOpenChange(false)}
type="button"
variant="ghost"
>
Cancel
</Button>
<Button
disabled={selected.size === 0}
onClick={() => void startImport()}
type="button"
>
Import{selected.size > 0 ? ` ${selected.size}` : ""}
</Button>
</>
) : null}
{phase === "importing" ? (
<Button disabled type="button">
<Loader2 className="size-4 animate-spin" />
Importing
</Button>
) : null}
{phase === "done" ? (
<Button onClick={() => onOpenChange(false)} type="button">
Done
</Button>
) : null}
</DialogFooter>
</DialogContent>
</Dialog>
);
}
@@ -0,0 +1,171 @@
// @vitest-environment jsdom
import { act } from "react";
import { createRoot, type Root } from "react-dom/client";
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
import { SessionCommandBar } from "@/components/session-command-bar";
const desktopMocks = vi.hoisted(() => ({
invoke: vi.fn(),
}));
vi.mock("@/lib/desktop-client", () => ({ desktopClient: desktopMocks }));
type SearchHit = {
sessionId: string;
documentId: string;
ordinal: number;
role: string;
startedAt: string;
workspaceRoot: string;
title: string;
snippet: string;
};
let container: HTMLDivElement;
let root: Root;
function deferred<T>() {
let resolve!: (value: T) => void;
const promise = new Promise<T>((resolvePromise) => {
resolve = resolvePromise;
});
return { promise, resolve };
}
async function changeInput(input: HTMLInputElement, value: string) {
const setter = Object.getOwnPropertyDescriptor(
HTMLInputElement.prototype,
"value",
)?.set;
await act(async () => {
setter?.call(input, value);
input.dispatchEvent(new Event("input", { bubbles: true }));
});
}
async function waitForDebounce() {
await act(async () => {
await new Promise((resolve) => setTimeout(resolve, 210));
});
}
beforeEach(() => {
Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true });
desktopMocks.invoke.mockReset();
HTMLElement.prototype.hasPointerCapture = vi.fn(() => false);
HTMLElement.prototype.setPointerCapture = vi.fn();
HTMLElement.prototype.releasePointerCapture = vi.fn();
HTMLElement.prototype.scrollIntoView = vi.fn();
vi.stubGlobal(
"ResizeObserver",
class {
observe() {}
unobserve() {}
disconnect() {}
},
);
container = document.createElement("div");
document.body.appendChild(container);
root = createRoot(container);
});
afterEach(async () => {
await act(async () => root.unmount());
container.remove();
vi.restoreAllMocks();
vi.unstubAllGlobals();
});
describe("SessionCommandBar", () => {
it("keeps typing responsive, ignores stale searches, and lazily renders bounded results", async () => {
const firstSearch = deferred<SearchHit[]>();
const secondSearch = deferred<SearchHit[]>();
desktopMocks.invoke
.mockReturnValueOnce(firstSearch.promise)
.mockReturnValueOnce(secondSearch.promise);
const onOpenChange = vi.fn();
const onOpenSession = vi.fn();
await act(async () => {
root.render(
<SessionCommandBar
onOpenChange={onOpenChange}
onOpenSession={onOpenSession}
open
/>,
);
});
const input = document.querySelector<HTMLInputElement>("[cmdk-input]");
expect(input).not.toBeNull();
expect(document.body.textContent).toContain("Cmd/Ctrl+P");
await changeInput(input as HTMLInputElement, "generate");
await waitForDebounce();
expect(desktopMocks.invoke).toHaveBeenCalledTimes(1);
await changeInput(input as HTMLInputElement, "generate puppy");
expect(input?.value).toBe("generate puppy");
expect(document.querySelectorAll("[cmdk-item]")).toHaveLength(0);
await waitForDebounce();
expect(desktopMocks.invoke).toHaveBeenCalledTimes(2);
firstSearch.resolve([
{
sessionId: "stale-session",
documentId: "stale-session:0",
ordinal: 0,
role: "user",
startedAt: "2026-08-27T12:00:00.000Z",
workspaceRoot: "/workspace/project",
title: "stale result",
snippet: "stale result",
},
]);
await act(async () => Promise.resolve());
expect(document.querySelectorAll("[cmdk-item]")).toHaveLength(0);
const oversized = `<user_input mode="act">${"generate puppy ".repeat(3_000)}</user_input>`;
secondSearch.resolve(
Array.from({ length: 40 }, (_, index) => ({
sessionId: `session-${index}`,
documentId: `session-${index}:0`,
ordinal: 0,
role: "user",
startedAt: "2026-08-27T12:00:00.000Z",
workspaceRoot: "/workspace/project",
title: oversized,
snippet: oversized,
})),
);
await act(async () => {
await Promise.resolve();
await Promise.resolve();
});
const initialItems = document.querySelectorAll<HTMLElement>("[cmdk-item]");
expect(initialItems).toHaveLength(15);
expect(document.body.textContent).toContain("Showing 15 of 40 results");
expect(document.body.textContent).not.toContain("user_input");
expect(initialItems[0]?.querySelector("svg")).toBeNull();
expect(initialItems[0]?.getAttribute("data-value")?.length).toBeLessThan(
1_000,
);
expect(onOpenChange).not.toHaveBeenCalled();
expect(onOpenSession).not.toHaveBeenCalled();
const list = document.querySelector<HTMLElement>("[cmdk-list]");
expect(list).not.toBeNull();
Object.defineProperties(list as HTMLElement, {
scrollHeight: { configurable: true, value: 1_000 },
clientHeight: { configurable: true, value: 300 },
scrollTop: { configurable: true, value: 650 },
});
await act(async () => {
list?.dispatchEvent(new Event("scroll", { bubbles: true }));
});
expect(document.querySelectorAll("[cmdk-item]")).toHaveLength(30);
expect(document.body.textContent).toContain("Showing 30 of 40 results");
});
});
@@ -0,0 +1,201 @@
"use client";
import {
formatSessionSearchPreview,
formatSessionSearchTitle,
} from "@cline/shared/browser";
import { Loader2 } from "lucide-react";
import { type UIEvent, useEffect, useState } from "react";
import {
CommandDialog,
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList,
} from "@/components/ui/command";
import { desktopClient } from "@/lib/desktop-client";
type SessionSearchHit = {
sessionId: string;
documentId: string;
ordinal: number;
role: string;
startedAt: string;
workspaceRoot: string;
title: string;
snippet: string;
};
const SESSION_SEARCH_RESULT_BATCH_SIZE = 15;
export function SessionCommandBar({
open,
onOpenChange,
onOpenSession,
}: {
open: boolean;
onOpenChange: (open: boolean) => void;
onOpenSession: (sessionId: string) => void | Promise<void>;
}) {
const [query, setQuery] = useState("");
const [hits, setHits] = useState<SessionSearchHit[]>([]);
const [searching, setSearching] = useState(false);
const [visibleHitCount, setVisibleHitCount] = useState(
SESSION_SEARCH_RESULT_BATCH_SIZE,
);
useEffect(() => {
if (!open) {
setQuery("");
setHits([]);
setSearching(false);
setVisibleHitCount(SESSION_SEARCH_RESULT_BATCH_SIZE);
}
}, [open]);
useEffect(() => {
const normalized = query.trim();
if (!open || !normalized) {
setHits([]);
setSearching(false);
setVisibleHitCount(SESSION_SEARCH_RESULT_BATCH_SIZE);
return;
}
let cancelled = false;
setSearching(true);
const timer = setTimeout(() => {
void desktopClient
.invoke<SessionSearchHit[]>(
"search_sessions",
{
query: normalized,
limit: 50,
},
{ timeoutMs: 3_000 },
)
.then((results) => {
if (!cancelled) {
setHits(
results.map((hit) => ({
...hit,
title: formatSessionSearchTitle(hit.title),
snippet: formatSessionSearchPreview(hit.role, hit.snippet),
})),
);
setVisibleHitCount(SESSION_SEARCH_RESULT_BATCH_SIZE);
}
})
.catch(() => {
if (!cancelled) setHits([]);
})
.finally(() => {
if (!cancelled) setSearching(false);
});
}, 180);
return () => {
cancelled = true;
clearTimeout(timer);
};
}, [open, query]);
const handleQueryChange = (value: string) => {
setQuery(value);
setHits([]);
setVisibleHitCount(SESSION_SEARCH_RESULT_BATCH_SIZE);
setSearching(Boolean(value.trim()));
};
const handleResultListScroll = (event: UIEvent<HTMLDivElement>) => {
const list = event.currentTarget;
if (list.scrollHeight - list.scrollTop - list.clientHeight > 120) return;
setVisibleHitCount((current) =>
Math.min(current + SESSION_SEARCH_RESULT_BATCH_SIZE, hits.length),
);
};
const visibleHits = hits.slice(0, visibleHitCount);
return (
<CommandDialog
className="h-[min(38rem,calc(100vh-2rem))] w-[min(56rem,calc(100vw-2rem))] max-w-none sm:max-w-none"
description="Search messages across all Cline sessions"
onOpenChange={onOpenChange}
open={open}
// Hits arrive filtered and ranked by the FTS index; letting cmdk
// re-score them would reorder results and drop hits whose matched
// text lives outside the truncated snippet.
shouldFilter={false}
showCloseButton={false}
title="Search session history"
>
<CommandInput
onValueChange={handleQueryChange}
placeholder="Search all session history…"
value={query}
/>
<CommandList
className="min-h-0 max-h-none flex-1"
onScroll={handleResultListScroll}
>
{searching ? (
<div className="flex items-center justify-center gap-2 py-8 text-sm text-muted-foreground">
<Loader2 className="size-4 animate-spin" />
Searching sessions
</div>
) : null}
{!searching && query.trim() ? (
<CommandEmpty>No matching session history.</CommandEmpty>
) : null}
{!searching && hits.length > 0 ? (
<CommandGroup heading="Session history">
{visibleHits.map((hit) => (
<CommandItem
className="items-start py-3"
key={hit.documentId}
onSelect={() => {
onOpenChange(false);
void onOpenSession(hit.sessionId);
}}
value={`${hit.documentId} ${hit.title} ${hit.snippet} ${hit.workspaceRoot}`}
>
<div className="min-w-0 flex-1">
<div className="flex min-w-0 items-center gap-2">
<span className="shrink-0 text-xs capitalize text-muted-foreground">
{hit.role}
</span>
<span className="truncate font-medium">{hit.title}</span>
</div>
<p className="mt-1 line-clamp-2 whitespace-normal text-xs text-muted-foreground">
{hit.snippet}
</p>
<p className="mt-1 truncate text-[11px] text-muted-foreground/70">
{hit.workspaceRoot}
</p>
</div>
</CommandItem>
))}
{visibleHitCount < hits.length ? (
<div className="py-2 text-center text-[11px] text-muted-foreground">
Showing {visibleHitCount} of {hits.length} results
</div>
) : null}
</CommandGroup>
) : null}
{!query.trim() ? (
<div className="px-4 py-8 text-center text-sm text-muted-foreground">
Search messages, commands, errors, and file paths.
</div>
) : null}
</CommandList>
<div className="flex items-center justify-between border-t px-3 py-2 text-[11px] text-muted-foreground">
<span>Navigate with and open with </span>
<kbd className="rounded border bg-muted px-1.5 py-0.5 font-sans">
Cmd/Ctrl+P
</kbd>
</div>
</CommandDialog>
);
}
@@ -34,12 +34,15 @@ function CommandDialog({
children,
className,
showCloseButton = true,
shouldFilter = true,
...props
}: React.ComponentProps<typeof Dialog> & {
title?: string;
description?: string;
className?: string;
showCloseButton?: boolean;
/** Pass false when results are already filtered/ranked by the caller (e.g. server-side search). */
shouldFilter?: boolean;
}) {
return (
<Dialog {...props}>
@@ -51,7 +54,10 @@ function CommandDialog({
className={cn("overflow-hidden p-0", className)}
showCloseButton={showCloseButton}
>
<Command className="[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
<Command
className="[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"
shouldFilter={shouldFilter}
>
{children}
</Command>
</DialogContent>
@@ -152,15 +152,21 @@ function deferred<T>() {
}
async function renderVoiceComposer({
hasRunningAgents = false,
onAbort = vi.fn(),
onPromptInputChange = vi.fn(),
onSend = vi.fn(),
prompt = "",
promptVersion = 0,
status = "idle",
}: {
hasRunningAgents?: boolean;
onAbort?: ReturnType<typeof vi.fn>;
onPromptInputChange?: ReturnType<typeof vi.fn>;
onSend?: ReturnType<typeof vi.fn>;
prompt?: string;
promptVersion?: number;
status?: ChatSessionStatus;
} = {}) {
await act(async () => {
root.render(
@@ -168,9 +174,10 @@ async function renderVoiceComposer({
<ChatInputBar
attachments={[]}
gitBranch="main"
hasRunningAgents={hasRunningAgents}
mode="act"
model="test-model"
onAbort={vi.fn()}
onAbort={onAbort}
onAttachFiles={vi.fn()}
onEditPromptInQueue={vi.fn()}
onListGitBranches={vi.fn(async () => ({
@@ -191,7 +198,7 @@ async function renderVoiceComposer({
promptsInQueue={[]}
provider="cline"
reasoningEffort="low"
status="idle"
status={status}
summary={{ toolCalls: 0, tokensIn: 0, tokensOut: 0 }}
thinking
/>
@@ -202,6 +209,23 @@ async function renderVoiceComposer({
}
describe("ChatInputBar", () => {
it("allows a parent session with a running child agent to be stopped", async () => {
const onAbort = vi.fn();
await renderVoiceComposer({
hasRunningAgents: true,
onAbort,
status: "idle",
});
const stopButton = container.querySelector<HTMLButtonElement>(
'[aria-label="Stop agent"]',
);
expect(stopButton).not.toBeNull();
await act(async () => stopButton?.click());
expect(onAbort).toHaveBeenCalledOnce();
});
it("builds slash commands from both workflows and skills", () => {
expect(
buildUserInstructionSlashCommands({
@@ -279,6 +279,7 @@ export type PromptDraft = {
type ChatInputBarProps = {
variant?: "conversation" | "welcome";
status: ChatSessionStatus;
hasRunningAgents?: boolean;
provider: string;
model: string;
modelContextWindow?: number;
@@ -322,6 +323,7 @@ type ChatInputBarProps = {
function ChatInputBarImpl({
variant = "conversation",
status,
hasRunningAgents = false,
provider,
model,
modelContextWindow,
@@ -416,7 +418,8 @@ function ChatInputBarImpl({
}, [promptDraft, setPromptInput]);
const isBusy =
status === "starting" || status === "running" || status === "stopping";
const canAbort = status === "running" || status === "stopping";
const canAbort =
status === "running" || status === "stopping" || hasRunningAgents;
const hasDraft = promptInput.trim().length > 0 || attachments.length > 0;
const [speechInputActive, setSpeechInputActive] = useState(false);
const speechInputActiveRef = useRef(false);
@@ -191,6 +191,146 @@ describe("ChatMessages tool disclosures", () => {
);
});
it("renders image content returned by a tool instead of raw base64", async () => {
const screenshotData = "aGVsbG8=";
await renderMessages([
{
id: "tool-screenshot",
sessionId: "session-1",
role: "tool",
content: JSON.stringify({
toolName: "computer_use",
input: { action: "screenshot" },
result: [
{
type: "text",
text: "Screenshot captured at /tmp/screenshot.png",
},
{
type: "image",
data: screenshotData,
mimeType: "image/png",
},
],
}),
createdAt: 1,
},
]);
const trigger = [...container.querySelectorAll("button")].find((element) =>
element.textContent?.includes("Computer use"),
);
expect(trigger?.getAttribute("aria-expanded")).toBe("true");
expect(container.textContent).toContain(
"Screenshot captured at /tmp/screenshot.png",
);
expect(container.textContent).not.toContain(screenshotData);
const image = container.querySelector<HTMLImageElement>(
'img[alt="Generated result 1"]',
);
expect(image?.src).toBe(`data:image/png;base64,${screenshotData}`);
await act(async () => image?.closest("button")?.click());
expect(
container.querySelector(
'[role="dialog"][aria-label="Expanded attachment"]',
),
).not.toBeNull();
});
it("navigates multiple images returned by a single tool call", async () => {
await renderMessages([
{
id: "tool-multi-screenshot",
sessionId: "session-1",
role: "tool",
content: JSON.stringify({
toolName: "computer_use",
input: { action: "screenshot" },
result: [
{ type: "image", data: "Zmlyc3Q=", mimeType: "image/png" },
{ type: "image", data: "c2Vjb25k", mimeType: "image/png" },
],
}),
createdAt: 1,
},
]);
expect(
container.querySelector<HTMLImageElement>('img[alt="Generated result 1"]')
?.src,
).toBe("data:image/png;base64,Zmlyc3Q=");
expect(container.querySelector('img[alt="Generated result 2"]')).toBeNull();
expect(container.textContent).toContain("1 / 2");
const next = container.querySelector<HTMLButtonElement>(
'button[aria-label="Next generated image"]',
);
await act(async () => next?.click());
expect(
container.querySelector<HTMLImageElement>('img[alt="Generated result 2"]')
?.src,
).toBe("data:image/png;base64,c2Vjb25k");
expect(container.textContent).toContain("2 / 2");
});
it("auto-expands submit_and_exit and renders its summary as markdown", async () => {
const summary = "## Report\n\nChecked **3 feeds**, all healthy.";
await renderMessages([
{
id: "tool-submit",
sessionId: "session-1",
role: "tool",
content: JSON.stringify({
toolName: "submit_and_exit",
input: { summary, verified: true },
result: summary,
}),
createdAt: 1,
},
]);
// The final answer of the run is visible without a click…
const trigger = [...container.querySelectorAll("button")].find((element) =>
element.textContent?.includes("Scheduled task completed"),
);
expect(trigger?.getAttribute("aria-expanded")).toBe("true");
// …rendered as markdown structure, not a monospace code block.
const panel = document.getElementById(
trigger?.getAttribute("aria-controls") ?? "",
);
const markdown = panel?.querySelector(".cline-markdown");
expect(markdown?.querySelector("h2")?.textContent).toBe("Report");
expect(markdown?.textContent).toContain("3 feeds");
expect(markdown?.textContent).not.toContain("##");
expect(markdown?.textContent).not.toContain("**");
// The final answer renders in full foreground color, overriding the
// panel's muted tool-detail gray.
expect(markdown?.closest(".text-foreground")).not.toBeNull();
});
it("labels an errored submit_and_exit as failed", async () => {
await renderMessages([
{
id: "tool-submit-error",
sessionId: "session-1",
role: "tool",
content: JSON.stringify({
toolName: "submit_and_exit",
input: { summary: "Attempted report.", verified: false },
isError: true,
result: { error: "submit_and_exit timed out after 15000ms" },
}),
createdAt: 1,
},
]);
expect(container.textContent).toContain("Scheduled task failed");
expect(container.textContent).not.toContain("Scheduled task completed");
});
it("renders consecutive tool calls as individual rows", async () => {
const tools: ChatMessage[] = [
{
@@ -545,6 +545,7 @@ function ChatMessagesImpl({
<ToolMessageBlock
key={`tools_${child.messages[0]?.id ?? "empty"}`}
messages={child.messages}
onExpandImage={handleExpandImage}
onProceedWhileRunning={onProceedWhileRunning}
/>
);
@@ -0,0 +1,69 @@
"use client";
import { ChevronLeft, ChevronRight } from "lucide-react";
import { useEffect, useState } from "react";
import type { ChatMessageImage } from "@/lib/chat-schema";
export function MessageImageCarousel({
images,
onExpandImage,
}: {
images: ChatMessageImage[];
onExpandImage?: (image: ChatMessageImage) => void;
}) {
const [activeIndex, setActiveIndex] = useState(0);
const lastIndex = images.length - 1;
const safeIndex = Math.min(activeIndex, lastIndex);
const image = images[safeIndex];
useEffect(() => {
setActiveIndex((index) => Math.min(index, lastIndex));
}, [lastIndex]);
if (!image) return null;
return (
<div className="relative w-fit max-w-2xl">
<button
aria-label={`Expand generated image ${safeIndex + 1}`}
className="cursor-zoom-in overflow-hidden rounded-lg border border-border bg-muted text-left transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
onClick={() => onExpandImage?.(image)}
type="button"
>
{/* biome-ignore lint/performance/noImgElement: In-memory data URLs do not have dimensions and cannot use Next's optimizer. */}
<img
alt={`Generated result ${safeIndex + 1}`}
className="max-h-56.25 max-w-56.25 object-contain"
src={`data:${image.mediaType};base64,${image.data}`}
/>
</button>
{images.length > 1 ? (
<>
<button
aria-label="Previous generated image"
className="absolute left-1 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-full border border-border bg-background/85 text-foreground shadow-sm backdrop-blur-sm transition-opacity hover:bg-background disabled:cursor-not-allowed disabled:opacity-35"
disabled={safeIndex === 0}
onClick={() => setActiveIndex((index) => Math.max(0, index - 1))}
type="button"
>
<ChevronLeft className="size-4" />
</button>
<button
aria-label="Next generated image"
className="absolute right-1 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-full border border-border bg-background/85 text-foreground shadow-sm backdrop-blur-sm transition-opacity hover:bg-background disabled:cursor-not-allowed disabled:opacity-35"
disabled={safeIndex === lastIndex}
onClick={() =>
setActiveIndex((index) => Math.min(lastIndex, index + 1))
}
type="button"
>
<ChevronRight className="size-4" />
</button>
<div className="absolute bottom-1 left-1/2 -translate-x-1/2 rounded-full bg-background/85 px-2 py-0.5 text-[11px] text-foreground shadow-sm backdrop-blur-sm">
{safeIndex + 1} / {images.length}
</div>
</>
) : null}
</div>
);
}
@@ -10,15 +10,13 @@ import {
} from "@cline/ui/components/agent-chat";
import {
Check,
ChevronLeft,
ChevronRight,
Copy,
Loader2,
PencilIcon,
SplitIcon,
UndoIcon,
} from "lucide-react";
import { memo, useEffect, useState } from "react";
import { memo } from "react";
import type {
ChatMessage,
ChatMessageImage,
@@ -28,72 +26,9 @@ import { cn } from "@/lib/utils";
import { MemoizedMarkdown } from "../../../ui/markdown";
import { formatChatMessageContent } from "../message-content";
import { isSystemSteeringMessage } from "./group-messages";
import { MessageImageCarousel } from "./image-carousel";
import { ReasoningBlock } from "./reasoning-block";
function AssistantImageCarousel({
images,
onExpandImage,
}: {
images: ChatMessageImage[];
onExpandImage?: (image: ChatMessageImage) => void;
}) {
const [activeIndex, setActiveIndex] = useState(0);
const lastIndex = images.length - 1;
const safeIndex = Math.min(activeIndex, lastIndex);
const image = images[safeIndex];
useEffect(() => {
setActiveIndex((index) => Math.min(index, lastIndex));
}, [lastIndex]);
if (!image) return null;
return (
<div className="relative w-fit max-w-2xl">
<button
aria-label={`Expand generated image ${safeIndex + 1}`}
className="cursor-zoom-in overflow-hidden rounded-lg border border-border bg-muted text-left transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
onClick={() => onExpandImage?.(image)}
type="button"
>
{/* biome-ignore lint/performance/noImgElement: In-memory data URLs do not have dimensions and cannot use Next's optimizer. */}
<img
alt={`Generated result ${safeIndex + 1}`}
className="max-h-56.25 max-w-56.25 object-contain"
src={`data:${image.mediaType};base64,${image.data}`}
/>
</button>
{images.length > 1 ? (
<>
<button
aria-label="Previous generated image"
className="absolute left-1 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-full border border-border bg-background/85 text-foreground shadow-sm backdrop-blur-sm transition-opacity hover:bg-background disabled:cursor-not-allowed disabled:opacity-35"
disabled={safeIndex === 0}
onClick={() => setActiveIndex((index) => Math.max(0, index - 1))}
type="button"
>
<ChevronLeft className="size-4" />
</button>
<button
aria-label="Next generated image"
className="absolute right-1 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-full border border-border bg-background/85 text-foreground shadow-sm backdrop-blur-sm transition-opacity hover:bg-background disabled:cursor-not-allowed disabled:opacity-35"
disabled={safeIndex === lastIndex}
onClick={() =>
setActiveIndex((index) => Math.min(lastIndex, index + 1))
}
type="button"
>
<ChevronRight className="size-4" />
</button>
<div className="absolute bottom-1 left-1/2 -translate-x-1/2 rounded-full bg-background/85 px-2 py-0.5 text-[11px] text-foreground shadow-sm backdrop-blur-sm">
{safeIndex + 1} / {images.length}
</div>
</>
) : null}
</div>
);
}
function MessageImages({
images,
isUser,
@@ -105,7 +40,7 @@ function MessageImages({
}) {
if (!isUser) {
return (
<AssistantImageCarousel images={images} onExpandImage={onExpandImage} />
<MessageImageCarousel images={images} onExpandImage={onExpandImage} />
);
}
@@ -1,5 +1,6 @@
"use client";
import { GeneratedMediaContent } from "@cline/ui";
import {
ToolActivity,
ToolActivityCode,
@@ -13,14 +14,21 @@ import Ansi from "ansi-to-react";
import { AlertCircle, Loader2 } from "lucide-react";
import { memo, useCallback, useEffect, useRef, useState } from "react";
import { Button } from "@/components/ui/button";
import type { ChatMessage } from "@/lib/chat-schema";
import {
type ChatMessage,
type ChatMessageImage,
ChatMessageImageSchema,
} from "@/lib/chat-schema";
import { appendCappedCommandOutput } from "@/lib/command-output";
import { cn } from "@/lib/utils";
import { MemoizedMarkdown } from "../../../ui/markdown";
import { IS_DEBUG, STREAMING_TITLE_CLASS } from "./constants";
import { MessageImageCarousel } from "./image-carousel";
import { getToolNameIcon } from "./tool-icons";
import {
buildToolPresentation,
extractRunCommandOutput,
extractSubmitSummaryText,
formatToolValue,
} from "./tool-summaries";
@@ -53,14 +61,36 @@ function ToolLabel({
const ToolCallRow = memo(function ToolCallRow({
message,
onExpandImage,
onProceedWhileRunning,
}: {
message: ChatMessage;
onExpandImage?: (image: ChatMessageImage) => void;
onProceedWhileRunning?: ProceedWhileRunningHandler;
}) {
const { payload, toolName, inProgress, summary } =
buildToolPresentation(message);
const isCommand = summary.kind === "command";
// submit_and_exit carries the run's final answer (scheduled tasks end with
// it), so surface it expanded and rendered as markdown rather than leaving
// it collapsed behind a code block.
const isSubmit = summary.toolName === "submit_and_exit";
const submitText = isSubmit
? extractSubmitSummaryText(payload) || summary.outputText || ""
: "";
// The generic fallback label ("Submit and exit") describes the tool, not
// the moment; name the milestone the row represents instead.
const labelParts = isSubmit
? [
{
text: inProgress
? "Completing scheduled task"
: payload?.isError
? "Scheduled task failed"
: "Scheduled task completed",
},
]
: summary.labelParts;
const commandOutputSource = isCommand
? message.meta?.toolOutput ||
(payload?.isError
@@ -106,8 +136,23 @@ const ToolCallRow = memo(function ToolCallRow({
: [];
});
const hasFileDiffs = fileDiffs.length > 0;
const outputImages = summary.outputMedia.flatMap((media, index) => {
if (media.modality !== "image") return [];
const image = ChatMessageImageSchema.safeParse({
id: `${message.id}_tool_image_${index}`,
mediaType: media.mediaType,
data: media.data,
});
return image.success ? [image.data] : [];
});
const otherOutputMedia = summary.outputMedia.filter(
(media) => media.modality !== "image",
);
const shouldAutoOpen =
hasFileDiffs || (inProgress && (Boolean(commandOutput) || canProceed));
hasFileDiffs ||
Boolean(submitText) ||
summary.outputMedia.length > 0 ||
(inProgress && (Boolean(commandOutput) || canProceed));
const [open, setOpen] = useState(shouldAutoOpen);
const [userToggled, setUserToggled] = useState(false);
const [isProceeding, setIsProceeding] = useState(false);
@@ -147,7 +192,9 @@ const ToolCallRow = memo(function ToolCallRow({
const hasExpandedSections =
details.length > 0 ||
fileDiffs.length > 0 ||
Boolean(submitText) ||
Boolean(isCommand ? commandOutput : summary.outputText) ||
summary.outputMedia.length > 0 ||
Boolean(summary.errorText) ||
Boolean(inputPreview) ||
canProceed;
@@ -169,7 +216,7 @@ const ToolCallRow = memo(function ToolCallRow({
<Icon className="size-4" />
)
}
label={<ToolLabel isRunning={inProgress} parts={summary.labelParts} />}
label={<ToolLabel isRunning={inProgress} parts={labelParts} />}
showDisclosureIcon={false}
status={hasError ? "error" : inProgress ? "running" : "success"}
/>
@@ -210,11 +257,48 @@ const ToolCallRow = memo(function ToolCallRow({
isRunning={inProgress}
output={commandOutput}
/>
) : submitText ? (
// The summary is the run's final answer: full foreground color,
// not the panel's muted tool-detail gray.
<div className="mt-1 min-w-0 max-w-full wrap-break-word text-foreground">
<MemoizedMarkdown content={submitText} />
</div>
) : summary.outputText ? (
<ToolActivityCode className="mt-1 max-h-64 overflow-auto whitespace-pre-wrap break-words font-mono text-xs">
{summary.outputText}
</ToolActivityCode>
) : null}
{outputImages.length > 0 ? (
<div className="mt-2">
<MessageImageCarousel
images={outputImages}
onExpandImage={onExpandImage}
/>
</div>
) : null}
{otherOutputMedia.length > 0 ? (
<div className="mt-2 flex max-w-2xl flex-col gap-2">
{otherOutputMedia.map((media, index) => (
<GeneratedMediaContent
classNames={{
audio: "w-full",
video: "max-h-96 max-w-full rounded-lg",
file: "text-sm underline",
unavailable:
"rounded-lg border border-border bg-muted p-3 text-sm",
}}
key={`${message.id}_tool_media_${index}`}
media={{
id: `${message.id}_tool_media_${index}`,
modality: media.modality,
mediaType: media.mediaType,
name: media.name,
source: { type: "base64", data: media.data },
}}
/>
))}
</div>
) : null}
{inputPreview ? (
<div className="space-y-1">
<div className="text-[11px] uppercase tracking-wide text-muted-foreground/80">
@@ -307,9 +391,11 @@ function CommandOutputTerminal({
export const ToolMessageBlock = memo(
function ToolMessageBlock({
messages,
onExpandImage,
onProceedWhileRunning,
}: {
messages: ChatMessage[];
onExpandImage?: (image: ChatMessageImage) => void;
onProceedWhileRunning?: ProceedWhileRunningHandler;
}) {
if (messages.length === 0) return null;
@@ -319,6 +405,7 @@ export const ToolMessageBlock = memo(
<ToolCallRow
key={message.id}
message={message}
onExpandImage={onExpandImage}
onProceedWhileRunning={onProceedWhileRunning}
/>
))}
@@ -328,5 +415,6 @@ export const ToolMessageBlock = memo(
(prev, next) =>
prev.messages.length === next.messages.length &&
prev.messages.every((message, index) => message === next.messages[index]) &&
prev.onExpandImage === next.onExpandImage &&
prev.onProceedWhileRunning === next.onProceedWhileRunning,
);
@@ -3,6 +3,7 @@ import { describe, expect, it } from "vitest";
import type { ChatMessage } from "@/lib/chat-schema";
import {
buildToolPresentation,
extractSubmitSummaryText,
formatToolValue,
parseToolPayload,
} from "./tool-summaries";
@@ -51,6 +52,30 @@ describe("formatToolValue", () => {
});
});
describe("extractSubmitSummaryText", () => {
it("reads the summary from structured or JSON-string input", () => {
expect(
extractSubmitSummaryText({
toolName: "submit_and_exit",
input: { summary: "All done.", verified: true },
}),
).toBe("All done.");
expect(
extractSubmitSummaryText({
toolName: "submit_and_exit",
input: '{"summary":"From string input."}',
}),
).toBe("From string input.");
});
it("returns empty for missing payloads or summaries", () => {
expect(extractSubmitSummaryText(null)).toBe("");
expect(
extractSubmitSummaryText({ toolName: "submit_and_exit", input: {} }),
).toBe("");
});
});
describe("buildToolPresentation", () => {
it("marks a payload without a result as in progress", () => {
const presentation = buildToolPresentation(
@@ -95,6 +95,15 @@ export function extractRunCommandOutput(value: unknown): string {
.join("\n\n");
}
/**
* The final answer carried in a `submit_and_exit` call's input. Present as
* soon as the call starts; the result merely echoes it back.
*/
export function extractSubmitSummaryText(payload: ToolPayload | null): string {
const input = asRecord(normalizeDisplayValue(payload?.input));
return recordString(input, "summary");
}
export function parseToolPayload(raw: string): ToolPayload | null {
try {
return JSON.parse(raw) as ToolPayload;
@@ -1,7 +1,11 @@
"use client";
import type { AgendaTaskRecord } from "@cline/shared";
import { type AgentQuickAction, AgentQuickActions } from "@cline/ui";
import {
type AgentQuickAction,
AgentQuickActions,
AgentWelcomeHero,
} from "@cline/ui";
import type { ReactNode } from "react";
import { useCallback, useEffect, useMemo, useState } from "react";
import { AgendaTaskReviewDialog } from "@/components/agenda-task-review-dialog";
@@ -10,7 +14,6 @@ import { isAgendaTaskExpired, useAgendaTasks } from "@/hooks/use-agenda-tasks";
import { AGENDA_UI_ENABLED } from "@/lib/feature-flags";
import { cn } from "@/lib/utils";
import { SessionContent } from "./session-content";
import { WelcomeHero } from "./welcome-hero";
import { WelcomeWorkspaceControls } from "./welcome-workspace-controls";
export function WelcomeScreen({
@@ -131,7 +134,7 @@ export function WelcomeScreen({
{active ? (
<div className="cline-view-enter">
<h1 className="sr-only">What would you like to build?</h1>
<WelcomeHero />
<AgentWelcomeHero />
<div className="mt-11 flex min-w-0 items-center">
<WelcomeWorkspaceControls
@@ -1,16 +0,0 @@
/**
* Values the pointer calculation needs when layout bounds are unavailable.
*
* Visual geometry belongs to welcome-hero.module.css. These two fallback sizes
* mirror its default layout because jsdom and older webviews may not expose the
* rendered grid bounds used by the normal pointer path.
*/
export const WELCOME_HERO_POINTER_CONFIG = {
defaultFrameHeight: 220,
defaultGridHeight: 520,
eyes: {
travel: 6, // Maximum distance the eyes move toward the pointer.
falloffDistance: 200, // Pointer distance needed to reach maximum travel.
smoothing: 0.22, // Fraction of the remaining distance moved per frame.
},
} as const;
@@ -1 +0,0 @@
export { WelcomeHero, type WelcomeHeroProps } from "./welcome-hero";
@@ -1,208 +0,0 @@
.root {
/* Default inline layout. Alternate compositions override only this set. */
--welcome-hero-width: 1200px;
--welcome-hero-height: 220px;
--welcome-hero-viewport-gutter: 16px;
--welcome-grid-height: 520px;
--welcome-grid-initial-x: 50%;
--welcome-grid-initial-y: 280px;
--welcome-grid-x: var(--welcome-grid-initial-x);
--welcome-grid-y: var(--welcome-grid-initial-y);
--welcome-grid-layer-mask: radial-gradient(
ellipse 44.7% 45% at 44.7% 50%,
black 50%,
transparent 100%
);
--welcome-grid-mask: url("/welcome-hero/grid-tile.svg");
--welcome-grid-tile-size: 400px;
--welcome-inner-mask: url("/welcome-hero/inner-mask.svg");
--welcome-bot-top: -2px;
--welcome-bot-offset-x: -100px;
--welcome-bot-width: 204px;
--welcome-bot-height: 192px;
--welcome-bot-fill-mask: url("/welcome-hero/bot-fill-mask.svg");
--welcome-bot-outline-mask: url("/welcome-hero/bot-outline-mask.svg");
--welcome-eye-top: 83px;
--welcome-eye-width: 18px;
--welcome-eye-height: 52px;
--welcome-eye-left-offset-x: -37px;
--welcome-eye-right-offset-x: 19.5px;
--welcome-eye-x: 0px;
--welcome-eye-y: 0px;
/* Appearance controls. */
--welcome-hero-color: oklch(from var(--primary) 0.68 calc(c * 0.8) h);
--welcome-grid-color: oklch(from var(--welcome-hero-color) l calc(c * 0.4) h);
--welcome-grid-opacity: 0.2;
--welcome-inner-opacity: 2%;
--welcome-bot-fill-opacity: 13%;
--welcome-bot-stroke-opacity: 12%;
position: relative;
left: 50%;
isolation: isolate;
width: min(
calc(
100vw -
var(--welcome-hero-viewport-gutter) -
var(--welcome-hero-viewport-gutter)
),
var(--welcome-hero-width)
);
max-width: none;
height: var(--welcome-hero-height);
transform: translateX(-50%);
}
.root[data-welcome-hero-layout="full-bleed"] {
--welcome-hero-width: 100vw;
--welcome-hero-height: 100%;
--welcome-hero-viewport-gutter: 0px;
--welcome-grid-height: 100%;
--welcome-grid-initial-y: 50%;
--welcome-grid-layer-mask: none;
}
.root[data-welcome-hero-layout="wide-grid"] {
--welcome-hero-width: 1600px;
--welcome-grid-height: 960px;
--welcome-grid-initial-y: 370px;
}
.grid {
position: absolute;
z-index: 0;
top: 50%;
left: 0;
width: 100%;
height: var(--welcome-grid-height);
pointer-events: none;
-webkit-mask-image: var(--welcome-grid-layer-mask);
mask-image: var(--welcome-grid-layer-mask);
transform: translateY(-50%);
}
.grid::before {
position: absolute;
inset: 0;
content: "";
background: radial-gradient(
ellipse 44% 41.25% at var(--welcome-grid-x) var(--welcome-grid-y),
var(--welcome-grid-color) 0%,
color-mix(in srgb, var(--welcome-grid-color) 0%, transparent) 100%
);
-webkit-mask-image: var(--welcome-grid-mask);
mask-image: var(--welcome-grid-mask);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: repeat;
mask-repeat: repeat;
-webkit-mask-size: var(--welcome-grid-tile-size) var(--welcome-grid-tile-size);
mask-size: var(--welcome-grid-tile-size) var(--welcome-grid-tile-size);
opacity: var(--welcome-grid-opacity);
}
.inner,
.botFill,
.botOutline {
position: absolute;
display: block;
top: var(--welcome-bot-top);
left: calc(50% + var(--welcome-bot-offset-x));
width: var(--welcome-bot-width);
height: var(--welcome-bot-height);
max-width: none;
pointer-events: none;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.inner {
z-index: 1;
background: color-mix(
in srgb,
var(--welcome-hero-color) var(--welcome-inner-opacity),
transparent
);
-webkit-mask-image: var(--welcome-inner-mask);
mask-image: var(--welcome-inner-mask);
}
.botFill {
z-index: 2;
background: color-mix(
in srgb,
var(--welcome-hero-color) var(--welcome-bot-fill-opacity),
transparent
);
-webkit-mask-image: var(--welcome-bot-fill-mask);
mask-image: var(--welcome-bot-fill-mask);
}
.botOutline {
z-index: 3;
background: color-mix(
in srgb,
var(--welcome-hero-color) var(--welcome-bot-stroke-opacity),
transparent
);
-webkit-mask-image: var(--welcome-bot-outline-mask);
mask-image: var(--welcome-bot-outline-mask);
}
.eye {
position: absolute;
z-index: 4;
top: var(--welcome-eye-top);
width: var(--welcome-eye-width);
height: var(--welcome-eye-height);
border: 1px solid
color-mix(
in srgb,
var(--welcome-hero-color) var(--welcome-bot-stroke-opacity),
transparent
);
border-radius: 999px;
pointer-events: none;
background: color-mix(
in srgb,
var(--welcome-hero-color) var(--welcome-bot-fill-opacity),
transparent
);
backface-visibility: hidden;
transform: translate3d(var(--welcome-eye-x), var(--welcome-eye-y), 0);
will-change: transform;
}
.eyeLeft {
left: calc(50% + var(--welcome-eye-left-offset-x));
}
.eyeRight {
left: calc(50% + var(--welcome-eye-right-offset-x));
}
[class~="dark"] .root {
--welcome-hero-color: oklch(from var(--primary) 0.9 calc(c * 0.8) h);
--welcome-grid-opacity: 0.2;
--welcome-inner-opacity: 6%;
}
@media (prefers-reduced-motion: reduce) {
.grid::before {
background: radial-gradient(
ellipse 44% 41.25% at var(--welcome-grid-initial-x)
var(--welcome-grid-initial-y),
var(--welcome-grid-color) 0%,
color-mix(in srgb, var(--welcome-grid-color) 0%, transparent) 100%
);
}
.eye {
transform: none;
}
}
@@ -1,63 +0,0 @@
"use client";
import { clsx } from "clsx";
import { useRef } from "react";
import { useWelcomeHeroPointer } from "./use-welcome-hero-pointer";
import styles from "./welcome-hero.module.css";
export type WelcomeHeroLayout = "default" | "full-bleed" | "wide-grid";
export interface WelcomeHeroProps {
className?: string;
interactive?: boolean;
layout?: WelcomeHeroLayout;
variant?: "full" | "grid-only" | "bot-only";
}
/** Composable welcome bot illustration and grid backdrop. */
export function WelcomeHero({
className,
interactive,
layout = "default",
variant = "full",
}: WelcomeHeroProps) {
const heroRef = useRef<HTMLDivElement>(null);
const showsGrid = variant !== "bot-only";
const showsBot = variant !== "grid-only";
const tracksPointer = interactive ?? showsBot;
useWelcomeHeroPointer(heroRef, tracksPointer);
return (
<div
aria-hidden="true"
className={clsx(styles.root, className)}
data-welcome-hero
data-welcome-hero-interactive={tracksPointer}
data-welcome-hero-layout={layout}
data-welcome-hero-variant={variant}
ref={heroRef}
>
{showsGrid ? (
<div className={styles.grid} data-welcome-hero-layer="grid" />
) : null}
{showsBot ? (
<>
<span className={styles.inner} data-welcome-hero-layer="inner" />
<span className={styles.botFill} data-welcome-hero-layer="bot-fill" />
<span
className={styles.botOutline}
data-welcome-hero-layer="bot-outline"
/>
<span
className={`${styles.eye} ${styles.eyeLeft}`}
data-welcome-hero-eye="left"
/>
<span
className={`${styles.eye} ${styles.eyeRight}`}
data-welcome-hero-eye="right"
/>
</>
) : null}
</div>
);
}
@@ -0,0 +1,828 @@
import {
ArrowUpRight,
BadgeCheck,
Globe,
Puzzle,
Search,
Server,
Trash2,
User,
X,
Zap,
} from "lucide-react";
import { type CSSProperties, useEffect, useMemo, useState } from "react";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { ScrollArea } from "@/components/ui/scroll-area";
import { Spinner } from "@/components/ui/spinner";
import { desktopClient, openExternalUrl } from "@/lib/desktop-client";
import {
fetchMarketplaceCatalog,
type MarketplaceCatalog,
type MarketplaceEntry,
type MarketplacePrimitiveType,
} from "@/lib/marketplace";
import { cn } from "@/lib/utils";
/**
* Marketplace explorer: a master/detail directory in the spirit of an IDE
* extensions panel. Initially the catalog list fills the view, grouped by
* primitive maturity (Skills, then MCP, then plugins); clicking an entry
* opens a detail panel with the catalog's metadata (author, verified state,
* tags, install command, env setup) and a link out to the entry's homepage.
*/
/** Ordered most-mature first: skills > MCP servers > plugins. */
const MATURITY_ORDER: MarketplacePrimitiveType[] = ["skill", "mcp", "plugin"];
type TypeMeta = {
label: string;
plural: string;
icon: typeof Server;
};
const TYPE_META: Record<MarketplacePrimitiveType, TypeMeta> = {
skill: {
label: "Skill",
plural: "Skills",
icon: Zap,
},
mcp: {
label: "MCP Server",
plural: "MCP",
icon: Server,
},
plugin: {
label: "Plugin",
plural: "Plugins",
icon: Puzzle,
},
};
const CODE_FONT_STYLE: CSSProperties = {
fontFamily:
'"Geist Mono Variable", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace',
};
const INSTALL_TIMEOUT_MS = 300_000;
/** Tag pills shown while the category row is collapsed. */
const COLLAPSED_TAG_COUNT = 4;
function entryKey(entry: Pick<MarketplaceEntry, "id" | "type">): string {
return `${entry.type}:${entry.id}`;
}
function entrySearchText(
entry: MarketplaceEntry,
tagLabels: Map<string, string>,
): string {
return [
entry.name,
entry.tagline,
entry.description,
entry.type,
entry.author?.name ?? "",
...entry.tags.map((tag) => tagLabels.get(tag) ?? tag),
]
.join(" ")
.toLowerCase();
}
type EntryActionState =
| { status: "idle" }
| { status: "installing" }
| { status: "uninstalling" }
| { status: "installed"; message: string }
| { status: "uninstalled"; message: string }
| { status: "failed"; message: string };
type MarketplaceInstallResult = {
status: "installed" | "uninstalled";
message: string;
output?: string;
};
type MarketplaceInstallStatusResult = {
installedKeys: string[];
};
type MarketplaceDirectory = {
catalog: MarketplaceCatalog | null;
errorMessage: string | null;
loading: boolean;
tagLabels: Map<string, string>;
installedKeys: Set<string>;
installedReady: boolean;
actionStates: Map<string, EntryActionState>;
install: (entry: MarketplaceEntry) => Promise<void>;
uninstall: (entry: MarketplaceEntry) => Promise<void>;
};
function useMarketplaceDirectory(): MarketplaceDirectory {
const [catalog, setCatalog] = useState<MarketplaceCatalog | null>(null);
const [errorMessage, setErrorMessage] = useState<string | null>(null);
const [installedKeys, setInstalledKeys] = useState<Set<string>>(
() => new Set(),
);
const [installedReady, setInstalledReady] = useState(false);
const [actionStates, setActionStates] = useState<
Map<string, EntryActionState>
>(() => new Map());
useEffect(() => {
let cancelled = false;
void (async () => {
try {
const nextCatalog = await fetchMarketplaceCatalog();
if (!cancelled) {
setCatalog(nextCatalog);
setErrorMessage(null);
}
} catch (error) {
if (!cancelled) {
setErrorMessage(
error instanceof Error ? error.message : String(error),
);
setInstalledReady(true);
}
}
})();
return () => {
cancelled = true;
};
}, []);
useEffect(() => {
if (!catalog) return;
let cancelled = false;
void (async () => {
try {
const response =
await desktopClient.invoke<MarketplaceInstallStatusResult>(
"list_marketplace_installed_entries",
{ entries: catalog.entries },
);
if (!cancelled) {
setInstalledKeys(new Set(response.installedKeys));
}
} catch {
// Keep current installed status when the check fails.
} finally {
if (!cancelled) {
setInstalledReady(true);
}
}
})();
return () => {
cancelled = true;
};
}, [catalog]);
const tagLabels = useMemo(
() => new Map(catalog?.tags.map((tag) => [tag.id, tag.label]) ?? []),
[catalog?.tags],
);
const setEntryState = (entry: MarketplaceEntry, state: EntryActionState) => {
const key = entryKey(entry);
setActionStates((current) => {
const next = new Map(current);
next.set(key, state);
return next;
});
};
const install = async (entry: MarketplaceEntry) => {
const key = entryKey(entry);
const current = actionStates.get(key);
if (
current?.status === "installing" ||
current?.status === "uninstalling"
) {
return;
}
setEntryState(entry, { status: "installing" });
try {
const result = await desktopClient.invoke<MarketplaceInstallResult>(
"install_marketplace_entry",
{ entry },
{ timeoutMs: INSTALL_TIMEOUT_MS },
);
setEntryState(entry, { status: "installed", message: result.message });
setInstalledKeys((prev) => new Set(prev).add(key));
} catch (error) {
setEntryState(entry, {
status: "failed",
message: error instanceof Error ? error.message : String(error),
});
}
};
const uninstall = async (entry: MarketplaceEntry) => {
const key = entryKey(entry);
const current = actionStates.get(key);
if (
current?.status === "installing" ||
current?.status === "uninstalling"
) {
return;
}
setEntryState(entry, { status: "uninstalling" });
try {
const result = await desktopClient.invoke<MarketplaceInstallResult>(
"uninstall_marketplace_entry",
{ entry },
{ timeoutMs: INSTALL_TIMEOUT_MS },
);
setEntryState(entry, { status: "uninstalled", message: result.message });
setInstalledKeys((prev) => {
const next = new Set(prev);
next.delete(key);
return next;
});
} catch (error) {
setEntryState(entry, {
status: "failed",
message: error instanceof Error ? error.message : String(error),
});
}
};
return {
catalog,
errorMessage,
loading: !catalog && !errorMessage,
tagLabels,
installedKeys,
installedReady,
actionStates,
install,
uninstall,
};
}
function actionLabelFor(
state: EntryActionState | undefined,
installed: boolean,
ready: boolean,
): string {
if (!ready) return "Checking...";
if (state?.status === "installing") return "Installing...";
if (state?.status === "uninstalling") return "Uninstalling...";
return installed ? "Uninstall" : "Install";
}
function isBusy(state: EntryActionState | undefined): boolean {
return state?.status === "installing" || state?.status === "uninstalling";
}
function ListRow({
entry,
installed,
onSelect,
selected,
}: {
entry: MarketplaceEntry;
installed: boolean;
onSelect: () => void;
selected: boolean;
}) {
return (
<button
className={cn(
"flex w-full min-w-0 items-center gap-2.5 rounded-lg px-2.5 py-2 text-left transition-colors",
selected ? "bg-primary/10" : "hover:bg-surface-hover-lighter",
)}
onClick={onSelect}
type="button"
>
<span className="min-w-0 flex-1">
<span className="flex min-w-0 items-center gap-1">
<span className="truncate text-sm font-medium text-foreground">
{entry.name}
</span>
{entry.verified ? (
<BadgeCheck className="size-3.5 shrink-0 text-sky-500" />
) : null}
</span>
<span className="block truncate text-xs text-muted-foreground">
{entry.tagline}
</span>
</span>
{installed ? (
<span
className="size-1.5 shrink-0 rounded-full bg-emerald-500"
title="Installed"
/>
) : null}
</button>
);
}
function MetaCell({
icon: Icon,
label,
onOpen,
value,
}: {
icon: typeof Globe;
label: string;
onOpen?: () => void;
value: string;
}) {
const content = (
<>
<span className="flex items-center gap-1 text-xs text-muted-foreground">
<Icon className="size-3" />
{label}
</span>
<span
className={cn(
"mt-0.5 block truncate text-sm font-medium text-foreground",
onOpen && "group-hover:underline",
)}
>
{value}
</span>
</>
);
if (onOpen) {
return (
<button
className="group min-w-0 rounded-md text-left"
onClick={onOpen}
type="button"
>
{content}
</button>
);
}
return <div className="min-w-0">{content}</div>;
}
function DetailPane({
directory,
entry,
onClose,
onSelectTag,
}: {
directory: MarketplaceDirectory;
entry: MarketplaceEntry;
onClose: () => void;
onSelectTag: (tag: string) => void;
}) {
const meta = TYPE_META[entry.type];
const key = entryKey(entry);
const state = directory.actionStates.get(key);
const installed = directory.installedKeys.has(key);
const busy = isBusy(state);
// Homepage is usually the entry's docs/product page; the repo is the
// fallback since many entries set both to the same GitHub URL anyway.
const learnMoreUrl = entry.homepage ?? entry.repo;
const requiredEnv =
entry.install.env?.filter((env) => env.required !== false) ?? [];
const optionalEnv =
entry.install.env?.filter((env) => env.required === false) ?? [];
const message =
state?.status === "installed" ||
state?.status === "uninstalled" ||
state?.status === "failed"
? state.message
: undefined;
return (
<ScrollArea className="h-full min-w-0 flex-1">
<div className="grid max-w-3xl gap-6 px-8 py-8 max-[900px]:px-5">
<div className="flex items-start gap-5">
<div className="min-w-0 flex-1">
<div className="flex min-w-0 flex-wrap items-center gap-2">
<h1 className="min-w-0 truncate text-2xl font-semibold text-foreground">
{entry.name}
</h1>
{entry.verified ? (
<Badge className="border border-sky-500/20 bg-sky-500/10 text-sky-700 dark:text-sky-300">
<BadgeCheck />
Verified
</Badge>
) : null}
<Badge variant="outline" className="text-muted-foreground">
{meta.label}
</Badge>
</div>
<p className="mt-1 text-sm text-muted-foreground">
{entry.tagline}
</p>
<div className="mt-4 flex flex-wrap items-center gap-2">
<Button
disabled={!directory.installedReady || busy}
onClick={() =>
installed
? void directory.uninstall(entry)
: void directory.install(entry)
}
size="sm"
type="button"
variant={installed ? "destructive" : "default"}
>
{busy || !directory.installedReady ? <Spinner /> : null}
{installed && !busy ? <Trash2 className="size-4" /> : null}
{actionLabelFor(state, installed, directory.installedReady)}
</Button>
{learnMoreUrl ? (
<Button
onClick={() => void openExternalUrl(learnMoreUrl)}
size="sm"
type="button"
variant="outline"
>
<Globe className="size-4" />
Learn more
<ArrowUpRight className="size-3.5 text-muted-foreground" />
</Button>
) : null}
</div>
{message ? (
<output
className={cn(
"mt-2 block text-xs",
state?.status === "failed"
? "text-destructive"
: "text-muted-foreground",
)}
>
{message}
</output>
) : null}
</div>
<Button
aria-label="Close details"
className="shrink-0 text-muted-foreground"
onClick={onClose}
size="icon"
type="button"
variant="ghost"
>
<X className="size-4" />
</Button>
</div>
<div className="grid grid-cols-2 gap-4 rounded-xl border bg-card p-4">
{entry.author ? (
<MetaCell
icon={User}
label="Author"
onOpen={
entry.author.url
? () => void openExternalUrl(entry.author?.url as string)
: undefined
}
value={entry.author.name}
/>
) : null}
<MetaCell icon={meta.icon} label="Type" value={meta.plural} />
</div>
<section className="grid gap-2">
<h2 className="text-sm font-semibold text-foreground">About</h2>
<p className="text-sm leading-6 text-muted-foreground">
{entry.description}
</p>
{entry.tags.length > 0 ? (
<div className="mt-1 flex flex-wrap gap-1.5">
{entry.tags.map((tag) => (
<button
key={tag}
onClick={() => onSelectTag(tag)}
title={`Filter by ${directory.tagLabels.get(tag) ?? tag}`}
type="button"
>
<Badge
className="cursor-pointer text-muted-foreground transition-colors hover:bg-surface-hover-lighter hover:text-foreground"
variant="outline"
>
{directory.tagLabels.get(tag) ?? tag}
</Badge>
</button>
))}
</div>
) : null}
</section>
{requiredEnv.length > 0 || optionalEnv.length > 0 ? (
<section className="grid gap-2">
<h2 className="text-sm font-semibold text-foreground">
Environment setup
</h2>
<div className="grid gap-2">
{[...requiredEnv, ...optionalEnv].map((env) => (
<div className="rounded-lg border bg-card p-3" key={env.name}>
<div className="flex items-center justify-between gap-2">
<code
className="text-xs font-semibold"
style={CODE_FONT_STYLE}
>
{env.name}
</code>
<Badge variant="outline">
{env.required === false ? "Optional" : "Required"}
</Badge>
</div>
{env.description ? (
<p className="mt-1 text-xs text-muted-foreground">
{env.description}
</p>
) : null}
{env.url ? (
<button
className="mt-1 inline-flex items-center gap-1 text-xs text-primary hover:underline"
onClick={() => void openExternalUrl(env.url as string)}
type="button"
>
Get value
<ArrowUpRight className="size-3" />
</button>
) : null}
</div>
))}
</div>
</section>
) : null}
{entry.install.notes ? (
<p className="rounded-lg border bg-muted/30 p-3 text-xs leading-5 text-muted-foreground">
{entry.install.notes}
</p>
) : null}
</div>
</ScrollArea>
);
}
export function MarketplaceExplorerView() {
const directory = useMarketplaceDirectory();
const [query, setQuery] = useState("");
const [typeFilter, setTypeFilter] = useState<MarketplacePrimitiveType | null>(
null,
);
const [selectedTag, setSelectedTag] = useState<string | null>(null);
const [tagsExpanded, setTagsExpanded] = useState(false);
const [selectedKey, setSelectedKey] = useState<string | null>(null);
// Type + query filtering happens before tag filtering so the tag pill
// counts reflect what each tag would narrow the current list down to.
const typeAndQueryEntries = useMemo(() => {
const entries = directory.catalog?.entries ?? [];
const normalized = query.trim().toLowerCase();
return entries.filter(
(entry) =>
(!typeFilter || entry.type === typeFilter) &&
(normalized.length === 0 ||
entrySearchText(entry, directory.tagLabels).includes(normalized)),
);
}, [directory.catalog?.entries, directory.tagLabels, query, typeFilter]);
const tagCounts = useMemo(() => {
const counts = new Map<string, number>();
for (const entry of typeAndQueryEntries) {
for (const tag of entry.tags) {
counts.set(tag, (counts.get(tag) ?? 0) + 1);
}
}
return counts;
}, [typeAndQueryEntries]);
// Keep the selected tag's pill visible even when the current type/query
// has no matches for it, so an active filter can never silently empty the
// list while its pill is hidden. Sorted by the catalog's global tag count
// (static) so the collapsed row surfaces the most useful categories
// without pills reordering as filters change.
const visibleTags = useMemo(
() =>
(directory.catalog?.tags ?? [])
.filter(
(tag) => (tagCounts.get(tag.id) ?? 0) > 0 || tag.id === selectedTag,
)
.sort((a, b) => b.count - a.count),
[directory.catalog?.tags, selectedTag, tagCounts],
);
// Collapsed, the pill row shows only the top categories (plus the active
// tag if it would otherwise be hidden) and a "+N more" toggle.
const displayedTags = useMemo(() => {
if (tagsExpanded) return visibleTags;
const slice = visibleTags.slice(0, COLLAPSED_TAG_COUNT);
if (selectedTag && !slice.some((tag) => tag.id === selectedTag)) {
const selected = visibleTags.find((tag) => tag.id === selectedTag);
if (selected) slice.push(selected);
}
return slice;
}, [selectedTag, tagsExpanded, visibleTags]);
const hiddenTagCount = visibleTags.length - displayedTags.length;
const filteredEntries = useMemo(
() =>
typeAndQueryEntries.filter(
(entry) => !selectedTag || entry.tags.includes(selectedTag),
),
[typeAndQueryEntries, selectedTag],
);
const groups = useMemo(
() =>
MATURITY_ORDER.map((type) => ({
type,
entries: filteredEntries
.filter((entry) => entry.type === type)
.sort(
(a, b) => Number(Boolean(b.featured)) - Number(Boolean(a.featured)),
),
})).filter((group) => group.entries.length > 0),
[filteredEntries],
);
// Resolved against the full catalog so an open panel stays open while the
// list is filtered, rather than closing and reopening as filters change.
const selectedEntry = useMemo(
() =>
directory.catalog?.entries.find(
(entry) => entryKey(entry) === selectedKey,
) ?? null,
[directory.catalog?.entries, selectedKey],
);
const typeCounts = useMemo(() => {
const counts = new Map<MarketplacePrimitiveType, number>();
for (const entry of directory.catalog?.entries ?? []) {
counts.set(entry.type, (counts.get(entry.type) ?? 0) + 1);
}
return counts;
}, [directory.catalog?.entries]);
if (directory.loading) {
return (
<div className="flex h-full items-center justify-center text-sm text-muted-foreground">
<Spinner className="mr-2" />
Loading marketplace...
</div>
);
}
if (directory.errorMessage) {
return (
<div className="p-8">
<div className="rounded-lg border border-destructive/40 bg-destructive/10 p-4 text-sm text-destructive">
{directory.errorMessage}
</div>
</div>
);
}
return (
<div className="flex h-full min-h-0 min-w-0">
<aside
className={cn(
"flex flex-col",
selectedEntry
? "w-85 shrink-0 border-r max-[900px]:w-72"
: "min-w-0 flex-1",
)}
>
<div className="grid gap-2.5 border-b p-3">
<div className="relative">
<Search className="pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
<Input
aria-label="Search marketplace"
className="h-9 pl-8"
onChange={(event) => setQuery(event.target.value)}
placeholder="Search marketplace"
value={query}
/>
</div>
<div className="flex flex-wrap gap-1.5">
<Button
aria-pressed={typeFilter === null}
onClick={() => setTypeFilter(null)}
size="xs"
type="button"
variant={typeFilter === null ? "default" : "outline"}
>
All
</Button>
{MATURITY_ORDER.map((type) => (
<Button
aria-pressed={typeFilter === type}
key={type}
onClick={() =>
setTypeFilter((current) => (current === type ? null : type))
}
size="xs"
type="button"
variant={typeFilter === type ? "default" : "outline"}
>
{TYPE_META[type].plural}
<span className="text-[10px] opacity-70">
{typeCounts.get(type) ?? 0}
</span>
</Button>
))}
</div>
{visibleTags.length > 0 ? (
<div className="flex flex-wrap gap-1">
{displayedTags.map((tag) => {
const active = selectedTag === tag.id;
return (
<button
aria-pressed={active}
className={cn(
"inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] transition-colors",
active
? "border-primary/50 bg-primary/10 text-primary"
: "border-border/70 text-muted-foreground hover:bg-surface-hover-lighter hover:text-foreground",
)}
key={tag.id}
onClick={() =>
setSelectedTag((current) =>
current === tag.id ? null : tag.id,
)
}
type="button"
>
{tag.label}
{active ? (
<X className="size-3" />
) : (
<span className="opacity-60">
{tagCounts.get(tag.id) ?? 0}
</span>
)}
</button>
);
})}
{hiddenTagCount > 0 || tagsExpanded ? (
<button
className="inline-flex items-center rounded-full border border-dashed border-border/70 px-2 py-0.5 text-[11px] text-muted-foreground transition-colors hover:bg-surface-hover-lighter hover:text-foreground"
onClick={() => setTagsExpanded((current) => !current)}
type="button"
>
{tagsExpanded ? "Show less" : `+${hiddenTagCount} more`}
</button>
) : null}
</div>
) : null}
</div>
<ScrollArea className="min-h-0 flex-1">
<div className="grid gap-4 p-2 pb-6">
{groups.map((group) => {
const meta = TYPE_META[group.type];
const Icon = meta.icon;
return (
<div className="grid gap-1" key={group.type}>
<div className="flex items-center gap-1.5 px-2.5 pt-1">
<Icon className="size-3.5 text-primary" />
<span className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
{meta.plural}
</span>
<span className="text-xs text-muted-foreground/70">
{group.entries.length}
</span>
</div>
{group.entries.map((entry) => {
const key = entryKey(entry);
return (
<ListRow
entry={entry}
installed={directory.installedKeys.has(key)}
key={key}
onSelect={() => setSelectedKey(key)}
selected={
selectedEntry !== null &&
entryKey(selectedEntry) === key
}
/>
);
})}
</div>
);
})}
{groups.length === 0 ? (
<p className="px-3 py-6 text-center text-sm text-muted-foreground">
No entries match the current filters.
</p>
) : null}
</div>
</ScrollArea>
</aside>
{selectedEntry ? (
<DetailPane
directory={directory}
entry={selectedEntry}
onClose={() => setSelectedKey(null)}
onSelectTag={setSelectedTag}
/>
) : null}
</div>
);
}
@@ -0,0 +1,271 @@
// @vitest-environment jsdom
import { act } from "react";
import { createRoot, type Root } from "react-dom/client";
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
import {
GITHUB_INSTALL_POLL_INTERVAL_MS,
GitHubConnectStep,
} from "./onboarding-github-step";
const { invoke, openExternalUrl } = vi.hoisted(() => ({
invoke: vi.fn(),
openExternalUrl: vi.fn(),
}));
vi.mock("@/lib/desktop-client", () => ({
desktopClient: { invoke },
openExternalUrl,
}));
type IntegrationsMock = {
list?: () => unknown;
githubInstallUrl?: () => unknown;
listGitHubRepositories?: () => unknown;
};
function mockIntegrationsCommand(handlers: IntegrationsMock) {
invoke.mockImplementation(
async (command: string, args?: Record<string, unknown>) => {
if (command !== "cline_integrations") {
throw new Error(`unexpected command: ${command}`);
}
const operation = String(args?.operation);
const handler = handlers[operation as keyof IntegrationsMock];
if (!handler) {
throw new Error(`unexpected operation: ${operation}`);
}
return handler();
},
);
}
describe("GitHubConnectStep", () => {
let container: HTMLDivElement;
let root: Root;
beforeEach(() => {
Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true });
invoke.mockReset();
openExternalUrl.mockReset();
openExternalUrl.mockResolvedValue(undefined);
container = document.createElement("div");
document.body.appendChild(container);
root = createRoot(container);
});
afterEach(async () => {
await act(async () => root.unmount());
container.remove();
vi.useRealTimers();
});
function buttonByText(text: string): HTMLButtonElement {
const button = Array.from(container.querySelectorAll("button")).find(
(candidate) => candidate.textContent?.trim() === text,
);
if (!button) {
throw new Error(`button not found: ${text}`);
}
return button;
}
async function render(onContinue = vi.fn()) {
await act(async () => {
root.render(<GitHubConnectStep onContinue={onContinue} />);
});
return onContinue;
}
it("continues silently when GitHub is already connected", async () => {
mockIntegrationsCommand({ list: () => [{ provider: "github" }] });
const onContinue = await render();
expect(onContinue).toHaveBeenCalledTimes(1);
});
it("continues silently when the account is signed out", async () => {
mockIntegrationsCommand({
list: () => ({ signedIn: false, code: "ACCOUNT_NOT_AUTHENTICATED" }),
});
const onContinue = await render();
expect(onContinue).toHaveBeenCalledTimes(1);
});
it("shows the connect card when GitHub is not connected", async () => {
mockIntegrationsCommand({ list: () => [] });
const onContinue = await render();
expect(container.textContent).toContain("Connect GitHub");
expect(container.textContent).toContain("Not connected");
expect(onContinue).not.toHaveBeenCalled();
});
it("skips without connecting", async () => {
mockIntegrationsCommand({ list: () => [] });
const onContinue = await render();
await act(async () => {
buttonByText("Skip for now").click();
});
expect(onContinue).toHaveBeenCalledTimes(1);
});
it("opens the install URL, polls until connected, and lists repositories", async () => {
let connected = false;
mockIntegrationsCommand({
list: () => (connected ? [{ provider: "github" }] : []),
githubInstallUrl: () => ({
url: "https://github.com/apps/cline/installations/new?state=abc",
}),
listGitHubRepositories: () => [
{ id: 1, full_name: "cline/cline", private: false },
{ id: 2, full_name: "cline/core-platform", private: true },
],
});
const onContinue = await render();
vi.useFakeTimers();
await act(async () => {
buttonByText("Connect GitHub").click();
});
expect(openExternalUrl).toHaveBeenCalledWith(
"https://github.com/apps/cline/installations/new?state=abc",
);
expect(container.textContent).toContain(
"Finish installing the Cline GitHub App in your browser",
);
// First poll: still not installed.
await act(async () => {
await vi.advanceTimersByTimeAsync(GITHUB_INSTALL_POLL_INTERVAL_MS);
});
expect(container.textContent).not.toContain("Connected");
connected = true;
await act(async () => {
await vi.advanceTimersByTimeAsync(GITHUB_INSTALL_POLL_INTERVAL_MS);
});
expect(container.textContent).toContain("Connected");
expect(container.textContent).toContain("Accessible repositories");
expect(container.textContent).toContain("cline/cline");
expect(container.textContent).toContain("cline/core-platform");
expect(onContinue).not.toHaveBeenCalled();
await act(async () => {
buttonByText("Continue").click();
});
expect(onContinue).toHaveBeenCalledTimes(1);
});
it("returns to the connect state with an error when the install URL fails", async () => {
mockIntegrationsCommand({
list: () => [],
githubInstallUrl: () => {
throw new Error("authentication required");
},
});
await render();
await act(async () => {
buttonByText("Connect GitHub").click();
});
expect(container.textContent).toContain(
"Failed to start the GitHub connection",
);
expect(container.textContent).toContain("authentication required");
expect(openExternalUrl).not.toHaveBeenCalled();
expect(buttonByText("Connect GitHub")).toBeDefined();
});
it("stops waiting when the browser round-trip is cancelled", async () => {
mockIntegrationsCommand({
list: () => [],
githubInstallUrl: () => ({ url: "https://github.com/install" }),
});
await render();
await act(async () => {
buttonByText("Connect GitHub").click();
});
expect(container.textContent).toContain("Finish installing");
await act(async () => {
buttonByText("Cancel").click();
});
expect(container.textContent).not.toContain("Finish installing");
expect(buttonByText("Connect GitHub")).toBeDefined();
});
it("stops polling once cancelled instead of leaving the interval running", async () => {
mockIntegrationsCommand({
list: () => [],
githubInstallUrl: () => ({ url: "https://github.com/install" }),
});
await render();
vi.useFakeTimers();
await act(async () => {
buttonByText("Connect GitHub").click();
});
await act(async () => {
await vi.advanceTimersByTimeAsync(GITHUB_INSTALL_POLL_INTERVAL_MS);
});
await act(async () => {
buttonByText("Cancel").click();
});
const callsAfterCancel = invoke.mock.calls.length;
// No further polls may fire after cancelling.
await act(async () => {
await vi.advanceTimersByTimeAsync(GITHUB_INSTALL_POLL_INTERVAL_MS * 5);
});
expect(invoke.mock.calls.length).toBe(callsAfterCancel);
});
it("stops polling and reports the signed-out session when the account expires", async () => {
let signedOut = false;
mockIntegrationsCommand({
list: () =>
signedOut ? { signedIn: false, code: "ACCOUNT_NOT_AUTHENTICATED" } : [],
githubInstallUrl: () => ({ url: "https://github.com/install" }),
});
await render();
vi.useFakeTimers();
await act(async () => {
buttonByText("Connect GitHub").click();
});
expect(container.textContent).toContain("Finish installing");
signedOut = true;
await act(async () => {
await vi.advanceTimersByTimeAsync(GITHUB_INSTALL_POLL_INTERVAL_MS);
});
// Back to the actionable connect state, not a permanent spinner.
expect(container.textContent).not.toContain("Finish installing");
expect(container.textContent).toContain("Your Cline account session ended");
expect(buttonByText("Connect GitHub")).toBeDefined();
const callsAfterSignOut = invoke.mock.calls.length;
await act(async () => {
await vi.advanceTimersByTimeAsync(GITHUB_INSTALL_POLL_INTERVAL_MS * 5);
});
expect(invoke.mock.calls.length).toBe(callsAfterSignOut);
});
it("checks integrations once even when the parent re-renders", async () => {
mockIntegrationsCommand({ list: () => [] });
const onContinue = vi.fn();
await act(async () => {
root.render(<GitHubConnectStep onContinue={onContinue} />);
});
const callsAfterMount = invoke.mock.calls.length;
expect(callsAfterMount).toBe(1);
// A parent re-render passing a brand-new inline callback must not
// re-trigger the initial check.
await act(async () => {
root.render(<GitHubConnectStep onContinue={() => onContinue()} />);
});
expect(invoke.mock.calls.length).toBe(callsAfterMount);
});
});
@@ -0,0 +1,288 @@
"use client";
import { GitHubIcon } from "@cline/ui";
import { Loader2, Lock } from "lucide-react";
import { useCallback, useEffect, useRef, useState } from "react";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import {
type ClineGitHubRepository,
fetchGitHubInstallUrl,
findGitHubIntegration,
listClineGitHubRepositories,
listClineIntegrations,
} from "@/lib/cline-integrations";
import { openExternalUrl } from "@/lib/desktop-client";
export const GITHUB_INSTALL_POLL_INTERVAL_MS = 3_000;
type GitHubStepPhase = "checking" | "connect" | "waiting" | "connected";
export function GitHubConnectStep({ onContinue }: { onContinue: () => void }) {
const [phase, setPhase] = useState<GitHubStepPhase>("checking");
const [connectError, setConnectError] = useState<string | null>(null);
const [repos, setRepos] = useState<ClineGitHubRepository[] | null>(null);
const onContinueRef = useRef(onContinue);
useEffect(() => {
onContinueRef.current = onContinue;
}, [onContinue]);
useEffect(() => {
let cancelled = false;
void (async () => {
try {
const result = await listClineIntegrations();
if (cancelled) {
return;
}
if (
result.status === "not-authenticated" ||
findGitHubIntegration(result.integrations)
) {
onContinueRef.current();
return;
}
setPhase("connect");
} catch {
if (!cancelled) {
setPhase("connect");
}
}
})();
return () => {
cancelled = true;
};
}, []);
useEffect(() => {
// The install finishes in the external browser, which cannot navigate the
// app back, so poll the integrations list until the installation lands.
if (phase !== "waiting") {
return;
}
let cancelled = false;
let inFlight = false;
let interval: ReturnType<typeof setInterval> | undefined;
const stop = () => {
cancelled = true;
if (interval !== undefined) {
clearInterval(interval);
interval = undefined;
}
};
async function poll() {
try {
const result = await listClineIntegrations();
if (cancelled) {
return;
}
if (result.status === "not-authenticated") {
// The account session ended mid-install. Nothing will ever
// arrive, so stop polling instead of spinning forever.
stop();
setConnectError(
"Your Cline account session ended. Sign in again to connect GitHub.",
);
setPhase("connect");
return;
}
if (findGitHubIntegration(result.integrations)) {
setPhase("connected");
}
} catch {
// Transient failures keep polling; the user can cancel anytime.
} finally {
inFlight = false;
}
}
interval = setInterval(() => {
if (inFlight) {
return;
}
inFlight = true;
void poll();
}, GITHUB_INSTALL_POLL_INTERVAL_MS);
// Covers unmount and every phase change, including the Cancel button.
return stop;
}, [phase]);
useEffect(() => {
if (phase !== "connected") {
return;
}
let cancelled = false;
listClineGitHubRepositories()
.then((result) => {
if (!cancelled) {
setRepos(result);
}
})
.catch(() => {
if (!cancelled) {
setRepos([]);
}
});
return () => {
cancelled = true;
};
}, [phase]);
const connect = useCallback(async () => {
setConnectError(null);
setPhase("waiting");
try {
const url = await fetchGitHubInstallUrl();
await openExternalUrl(url);
} catch (error) {
const reason = error instanceof Error ? error.message : String(error);
setConnectError(`Failed to start the GitHub connection: ${reason}`);
setPhase("connect");
}
}, []);
if (phase === "checking") {
return (
<output
aria-label="Checking GitHub connection"
className="flex items-center justify-center py-16"
>
<Loader2 className="size-6 animate-spin text-muted-foreground" />
</output>
);
}
return (
<>
<h1 className="text-2xl font-semibold tracking-tight text-foreground">
Connect GitHub
</h1>
<p className="mt-2 text-sm text-muted-foreground">
Grant Cline access to your GitHub repositories to supercharge it with
real-world context. You can always do this later from your dashboard.
</p>
<div className="mt-6 rounded-2xl border border-border/70 bg-background/60 p-4">
<div className="flex flex-wrap items-center justify-between gap-3">
<div className="flex items-center gap-3">
<span className="flex size-8 shrink-0 items-center justify-center rounded-lg bg-secondary text-foreground">
<GitHubIcon className="size-4" />
</span>
<div className="flex items-center gap-2">
<p className="text-base font-semibold text-foreground">GitHub</p>
{phase === "connected" ? (
<Badge
className="bg-primary/15 text-primary"
variant="secondary"
>
Connected
</Badge>
) : (
<Badge variant="secondary">Not connected</Badge>
)}
</div>
</div>
{phase === "connect" ? (
<Button
className="rounded-full"
onClick={() => void connect()}
type="button"
>
Connect GitHub
</Button>
) : null}
</div>
{phase === "waiting" ? (
<div className="mt-3 flex flex-wrap items-center gap-3">
<p className="inline-flex items-center gap-2 text-sm text-muted-foreground">
<Loader2 className="size-4 animate-spin" />
Finish installing the Cline GitHub App in your browser...
</p>
<button
className="text-sm text-muted-foreground transition-colors hover:text-foreground"
onClick={() => setPhase("connect")}
type="button"
>
Cancel
</button>
</div>
) : null}
{connectError ? (
<p className="mt-2 text-xs text-destructive" role="alert">
{connectError}
</p>
) : null}
{phase === "connected" ? (
<div className="mt-4 border-t border-border/70 pt-3">
<p className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
Accessible repositories
{repos ? (
<span className="ml-2 font-normal normal-case">
({repos.length})
</span>
) : null}
</p>
{repos === null ? (
<p className="mt-2 inline-flex items-center gap-2 text-sm text-muted-foreground">
<Loader2 className="size-4 animate-spin" />
Loading repositories...
</p>
) : repos.length > 0 ? (
<ul className="mt-2 flex max-h-40 flex-col gap-1 overflow-y-auto pr-1">
{repos.map((repo) => (
<li
className="flex items-center gap-2 text-sm text-foreground"
key={repo.id ?? repo.full_name}
>
<Lock
aria-hidden="true"
className={
repo.private
? "size-3 shrink-0 text-muted-foreground"
: "size-3 shrink-0 text-transparent"
}
/>
<span className="truncate">
{repo.full_name ?? repo.name}
</span>
</li>
))}
</ul>
) : (
<p className="mt-2 text-sm text-muted-foreground">
No repositories found. You may need to grant access in your
GitHub App settings.
</p>
)}
</div>
) : null}
</div>
<div className="mt-5 flex justify-center">
{phase === "connected" ? (
<Button
className="h-11 w-full rounded-full text-base"
onClick={onContinue}
type="button"
>
Continue
</Button>
) : (
<button
className="text-sm text-muted-foreground transition-colors hover:text-foreground"
onClick={onContinue}
type="button"
>
Skip for now
</button>
)}
</div>
</>
);
}
@@ -9,7 +9,11 @@ import {
parseModelSelectionStorage,
} from "@/lib/model-selection";
import type { Provider } from "@/lib/provider-schema";
import { OnboardingView, sortProvidersForApiKeySetup } from "./onboarding-view";
import {
GITHUB_ONBOARDING_FEATURE_FLAG,
OnboardingView,
sortProvidersForApiKeySetup,
} from "./onboarding-view";
const { invoke } = vi.hoisted(() => ({ invoke: vi.fn() }));
vi.mock("@/lib/desktop-client", () => ({
@@ -17,6 +21,10 @@ vi.mock("@/lib/desktop-client", () => ({
openExternalUrl: vi.fn(),
}));
const GITHUB_STEP_ENABLED_FLAGS = {
flags: { [GITHUB_ONBOARDING_FEATURE_FLAG]: true },
};
class StorageStub implements Storage {
readonly #values = new Map<string, string>();
get length() {
@@ -141,6 +149,9 @@ describe("OnboardingView", () => {
settingsPath: "/tmp/providers.json",
};
}
if (command === "get_feature_flags") {
return GITHUB_STEP_ENABLED_FLAGS;
}
return {};
});
container = document.createElement("div");
@@ -375,6 +386,9 @@ describe("OnboardingView", () => {
if (command === "list_provider_catalog") {
return { providers: [makeProvider()], settingsPath: "/tmp/p.json" };
}
if (command === "get_feature_flags") {
return GITHUB_STEP_ENABLED_FLAGS;
}
return {};
});
await render();
@@ -386,6 +400,11 @@ describe("OnboardingView", () => {
await act(async () => {
buttonByText("Continue").click();
});
// Connecting a Cline account routes through the GitHub integration step.
expect(container.textContent).toContain("Connect GitHub");
await act(async () => {
buttonByText("Skip for now").click();
});
// The redesigned completion step places transparent content over a static,
// wide version of the hero grid.
expect(container.textContent).toContain("You're all set");
@@ -404,6 +423,57 @@ describe("OnboardingView", () => {
).toBe("cline");
});
it("skips the GitHub step silently when the integration is already connected", async () => {
invoke.mockImplementation(async (command: string) => {
if (command === "cline_account") {
return { email: "dev@example.com", displayName: "Dev" };
}
if (command === "cline_integrations") {
return [{ provider: "github" }];
}
if (command === "list_provider_catalog") {
return { providers: [makeProvider()], settingsPath: "/tmp/p.json" };
}
if (command === "get_feature_flags") {
return GITHUB_STEP_ENABLED_FLAGS;
}
return {};
});
await render();
await act(async () => {
buttonByText("Get started").click();
});
await act(async () => {
buttonByText("Continue").click();
});
expect(container.textContent).not.toContain("Connect GitHub");
expect(container.textContent).toContain("You're all set");
});
it("bypasses the GitHub step when the rollout flag is off", async () => {
invoke.mockImplementation(async (command: string) => {
if (command === "cline_account") {
return { email: "dev@example.com", displayName: "Dev" };
}
if (command === "list_provider_catalog") {
return { providers: [makeProvider()], settingsPath: "/tmp/p.json" };
}
// get_feature_flags falls through to the empty snapshot, which is
// also what an unreachable sidecar resolves to: flag disabled.
return {};
});
await render();
await act(async () => {
buttonByText("Get started").click();
});
await act(async () => {
buttonByText("Continue").click();
});
expect(invoke).toHaveBeenCalledWith("get_feature_flags");
expect(container.textContent).not.toContain("Connect GitHub");
expect(container.textContent).toContain("You're all set");
});
it("lets the user cancel a pending browser sign-in", async () => {
await render();
await act(async () => {
@@ -482,6 +552,10 @@ describe("OnboardingView", () => {
enabled: true,
api_key: "cline_key_123",
});
expect(container.textContent).toContain("Connect GitHub");
await act(async () => {
buttonByText("Skip for now").click();
});
expect(container.textContent).toContain("You're all set");
expect(container.textContent).toContain("Your Cline account is connected");
expect(
@@ -583,6 +657,10 @@ describe("OnboardingView", () => {
expect(invoke).toHaveBeenCalledWith("run_provider_oauth_login", {
provider: "cline",
});
expect(container.textContent).toContain("Connect GitHub");
await act(async () => {
buttonByText("Skip for now").click();
});
expect(container.textContent).toContain("You're all set");
expect(
parseModelSelectionStorage(
@@ -1,16 +1,18 @@
"use client";
import { Button, IconButton } from "@cline/ui";
import { AgentWelcomeHero, Button, IconButton } from "@cline/ui";
import {
ArrowLeft,
CheckCircle2,
ChevronDown,
ExternalLink,
Import,
KeyRound,
Loader2,
} from "lucide-react";
import { useCallback, useEffect, useRef, useState } from "react";
import { ClineLogo } from "@/components/cline-logo";
import { ImportSessionsDialog } from "@/components/import-sessions-dialog";
import { Badge } from "@/components/ui/badge";
import { Input } from "@/components/ui/input";
import {
@@ -20,9 +22,10 @@ import {
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
import { WelcomeHero } from "@/components/views/chat/welcome-hero";
import { GitHubConnectStep } from "@/components/views/onboarding/onboarding-github-step";
import { useAccount } from "@/contexts/account-context";
import { OAUTH_MANAGED_PROVIDERS } from "@/hooks/chat-session/constants";
import { isFeatureEnabled, useFeatureFlags } from "@/hooks/use-feature-flags";
import { isClineAccountNotAuthenticatedResult } from "@/lib/cline-account-state";
import { desktopClient, openExternalUrl } from "@/lib/desktop-client";
import {
@@ -38,11 +41,24 @@ import {
invalidateProviderCatalogCache,
} from "@/lib/provider-model-catalog";
import type { Provider } from "@/lib/provider-schema";
import {
type ListImportableSessionsResponse,
SESSION_IMPORT_TOOL_LABELS,
SESSION_IMPORT_TOOL_ORDER,
type SessionImportTool,
} from "@/lib/session-import";
import { cn } from "@/lib/utils";
const CREATE_ACCOUNT_URL = "https://app.cline.bot";
export type OnboardingStep = "welcome" | "connect" | "done";
export const GITHUB_ONBOARDING_FEATURE_FLAG = "code-onboarding-github";
export type OnboardingStep =
| "welcome"
| "connect"
| "github"
| "import"
| "done";
type OnboardingConnection =
| { kind: "cline" }
@@ -268,7 +284,7 @@ function WelcomeStep({ onContinue }: { onContinue: () => void }) {
<OnboardingContent surface="transparent">
<div className="flex flex-col items-center py-4 text-center">
<div className="w-full">
<WelcomeHero variant="bot-only" />
<AgentWelcomeHero variant="bot-only" />
</div>
<h1 className="mt-5 text-4xl font-semibold text-foreground">Cline</h1>
<p className="mt-2 text-lg text-foreground">Build software your way</p>
@@ -817,6 +833,155 @@ function ConnectStep({
);
}
/**
* Offers to bring session history over from other coding tools. Scans once
* on entry and silently advances when there is nothing to import, so only
* people who actually have Claude Code / Codex / opencode history ever see
* this step. After a successful import, onFinish closes onboarding directly
* a second "you're all set" screen right after the import confirmation
* reads as a loop, not a finish.
*/
function ImportHistoryStep({
onContinue,
onFinish,
}: {
onContinue: () => void;
onFinish: () => void;
}) {
const [found, setFound] = useState<{
count: number;
tools: SessionImportTool[];
} | null>(null);
const [dialogOpen, setDialogOpen] = useState(false);
const [imported, setImported] = useState(false);
// The parent recreates onContinue every render, and importing itself
// re-renders the app shell (history refresh). Keep the callback in a ref
// so the scan effect runs exactly once per step entry: a re-scan after
// importing would see zero remaining sessions and auto-advance out from
// under the user's own import confirmation.
const skipRef = useRef(onContinue);
useEffect(() => {
skipRef.current = onContinue;
});
useEffect(() => {
let cancelled = false;
(async () => {
try {
const response =
await desktopClient.invoke<ListImportableSessionsResponse>(
"list_importable_sessions",
{},
{ timeoutMs: 120_000 },
);
if (cancelled) return;
const sessions = (response.sessions ?? []).filter(
(session) => !session.alreadyImportedSessionId,
);
if (sessions.length === 0) {
skipRef.current();
return;
}
const tools = SESSION_IMPORT_TOOL_ORDER.filter((tool) =>
sessions.some((session) => session.tool === tool),
);
setFound({ count: sessions.length, tools });
} catch {
// Onboarding must never dead-end on a scan failure.
if (!cancelled) skipRef.current();
}
})();
return () => {
cancelled = true;
};
}, []);
if (!found) {
return (
<OnboardingContent surface="transparent">
<div className="flex flex-col items-center py-10 text-center">
<Loader2
aria-hidden="true"
className="size-6 animate-spin text-muted-foreground"
/>
<p className="mt-4 text-md text-muted-foreground">
Checking for session history from other tools
</p>
<Button
className="mt-8"
onClick={onContinue}
size="sm"
type="button"
variant="ghost"
>
Skip
</Button>
</div>
</OnboardingContent>
);
}
const toolList = found.tools
.map((tool) => SESSION_IMPORT_TOOL_LABELS[tool])
.join(found.tools.length === 2 ? " and " : ", ");
return (
<OnboardingContent surface="transparent">
<div className="flex flex-col items-center py-4 text-center">
<Import aria-hidden="true" className="size-10 text-primary" />
<h1 className="mt-4 text-3xl font-semibold tracking-tight text-foreground">
Bring your history with you
</h1>
<p className="mt-3 text-md text-muted-foreground">
{imported
? "Your sessions are in Cline's history now. You can import more anytime from the Sessions page."
: `Cline found ${found.count} session${found.count === 1 ? "" : "s"} from ${toolList} on this machine. Import them to keep your past conversations — and continue them here.`}
</p>
{imported ? (
<Button
className="mt-8 w-full max-w-64"
onClick={onFinish}
size="lg"
tone="accent"
type="button"
variant="fill"
>
Start building
</Button>
) : (
<>
<Button
className="mt-8 w-full max-w-64"
onClick={() => setDialogOpen(true)}
size="lg"
tone="accent"
type="button"
variant="fill"
>
Choose sessions to import
</Button>
<Button
className="mt-3"
onClick={onContinue}
size="sm"
type="button"
variant="ghost"
>
Skip for now
</Button>
</>
)}
<ImportSessionsDialog
onImported={() => setImported(true)}
onOpenChange={setDialogOpen}
open={dialogOpen}
/>
</div>
</OnboardingContent>
);
}
function DoneStep({
connection,
onFinish,
@@ -851,12 +1016,6 @@ function DoneStep({
);
}
/**
* Full-screen first-run experience: welcome, connect a model provider (Cline
* account or bring-your-own API key), done. Rendered by the app shell while
* onboarding has not been completed (see lib/onboarding.ts); `onComplete`
* marks it completed and returns to the chat.
*/
export function OnboardingView({
onComplete,
initialStep = "welcome",
@@ -868,6 +1027,11 @@ export function OnboardingView({
const [connection, setConnection] = useState<OnboardingConnection | null>(
null,
);
const { flags } = useFeatureFlags();
const githubStepEnabled = isFeatureEnabled(
flags,
GITHUB_ONBOARDING_FEATURE_FLAG,
);
return (
<div className="relative h-full w-full overflow-y-auto bg-background">
@@ -880,7 +1044,7 @@ export function OnboardingView({
}
data-onboarding-grid={step}
>
<WelcomeHero
<AgentWelcomeHero
interactive={step !== "done"}
layout={step === "done" ? "wide-grid" : "full-bleed"}
variant="grid-only"
@@ -893,10 +1057,25 @@ export function OnboardingView({
onBack={() => setStep("welcome")}
onConnected={(nextConnection) => {
setConnection(nextConnection);
setStep("done");
// The GitHub integration lives on the Cline account, so the
// step only applies when one is connected
setStep(
nextConnection.kind === "cline" && githubStepEnabled
? "github"
: "import",
);
}}
onSkip={onComplete}
/>
) : step === "github" ? (
<OnboardingContent surface="panel">
<GitHubConnectStep onContinue={() => setStep("import")} />
</OnboardingContent>
) : step === "import" ? (
<ImportHistoryStep
onContinue={() => setStep("done")}
onFinish={onComplete}
/>
) : (
<DoneStep connection={connection} onFinish={onComplete} />
)}
@@ -10,6 +10,7 @@ import {
Filter,
Folder,
GitFork,
Import,
Loader2,
MoreHorizontal,
Pencil,
@@ -19,6 +20,7 @@ import {
X,
} from "lucide-react";
import { type CSSProperties, useEffect, useMemo, useState } from "react";
import { ImportSessionsDialog } from "@/components/import-sessions-dialog";
import {
AlertDialog,
AlertDialogAction,
@@ -155,6 +157,7 @@ export function SessionsView({ activeSessionId, history }: SessionsViewProps) {
);
const [editingSessionId, setEditingSessionId] = useState<string | null>(null);
const [editingTitle, setEditingTitle] = useState("");
const [importDialogOpen, setImportDialogOpen] = useState(false);
const [deleteCandidate, setDeleteCandidate] = useState<SessionThread | null>(
null,
);
@@ -333,6 +336,18 @@ export function SessionsView({ activeSessionId, history }: SessionsViewProps) {
value={query}
/>
</div>
<Button
aria-label="Import sessions from other tools"
className="h-8 rounded-md px-2.5"
onClick={() => setImportDialogOpen(true)}
size="sm"
title="Import sessions from Claude Code, Codex, or opencode"
type="button"
variant="outline"
>
<Import className="size-4" />
Import
</Button>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
@@ -783,6 +798,12 @@ export function SessionsView({ activeSessionId, history }: SessionsViewProps) {
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>
<ImportSessionsDialog
onImported={() => void history.refreshSessions()}
onOpenChange={setImportDialogOpen}
open={importDialogOpen}
/>
</div>
);
}
@@ -33,9 +33,18 @@ Explicitly skip style nits, theoretical edge cases with no realistic trigger, an
- Before opening a PR, check whether an open PR already fixes the same bug. If one exists, note that it is awaiting review with a link instead of duplicating it. If a previous fix was closed without merging, do not re-open one unless the relevant code has materially changed.
- Only open a PR when you are highly confident the bug is real and the fix is correct. If PRs are not available in this workspace, commit the fix to a branch and describe it in your summary.
## Wrap up
## Final report
Finish with a short report: what you inspected, and for each fix the bug, its impact, the root cause, and how you validated the change. If nothing clears the bar, a plain "no critical bugs found" summary is the expected outcome most runs.`;
Your last message is the report the user reads, so write it about the code, not about your session. Do not include process narration: no environment assessment, no list of commands you ran, no "what I attempted" or "investigation summary" sections, and no restating these instructions.
If you fixed bugs, write one short section per bug covering:
- **Bug**: what is wrong and where, in one line
- **Impact**: the concrete consequence users would hit
- **Root cause**: the change that introduced it
- **Fix**: what you changed, with a link to the PR or branch
- **Validation**: the test or check that proves the fix works
If nothing clears the bar (the expected outcome most runs), reply with a single line like "No critical bugs found in the N commits since the last run", optionally followed by up to three bullets on areas you inspected closely and why they are sound.`;
const SECURITY_SCAN_PROMPT = `You are a scheduled security reviewer for this repository. Find medium, high, or critical vulnerabilities with a genuine end-to-end attack path, not theoretical weaknesses.
@@ -55,9 +64,18 @@ A finding only counts if you can walk the entire chain: who the attacker is, wha
Keep a running log of past findings in a local notes file (for example \`security-findings.local.md\` in the workspace root, excluded from version control). Read it before scanning, do not re-report anything already listed, and append new validated findings after each run.
## Reporting
## Final report
For each new validated finding, write up the severity, the affected file, the full attack path, and the highest-leverage remediation. Treat findings as sensitive: keep them in the local report, and do not open a PR or publish them elsewhere from this scan. If nothing new clears the bar, say so briefly and stop.`;
Your last message is the report the user reads, so write it about the findings, not about your session: no environment assessment, no list of commands you ran, and no "investigation summary" sections.
If you validated new findings, write one short section per finding covering:
- **Severity**: medium, high, or critical
- **Where**: the affected file and entry point
- **Attack path**: who the attacker is, what input they control, and how it reaches the vulnerable code
- **Impact**: what the attacker gains
- **Remediation**: the highest-leverage fix
Treat findings as sensitive: keep full details in the local notes file, and do not open a PR or publish them elsewhere from this scan. If nothing new clears the bar (the expected outcome most runs), reply with a single line like "No new vulnerabilities found", optionally noting the areas you inspected most closely.`;
const DAILY_DIGEST_PROMPT = `You write a daily engineering digest for this repository.
@@ -79,7 +97,7 @@ Review everything that landed in the last 24 hours (commits and merged PRs) and
## Format
Start with the date range covered, then 3-7 bullets of meaningful changes, then a short "Worth watching" section with 1-3 risks or pending follow-ups.`;
Your last message is the digest itself, so send it directly: no preamble, no process narration, and no notes about how you gathered the information. Start with the date range covered, then 3-7 bullets of meaningful changes, then a short "Worth watching" section with 1-3 risks or pending follow-ups.`;
const UPDATE_DOCS_PROMPT = `You are a documentation maintainer that runs on a schedule. Keep this repository's docs accurate as the code evolves.
@@ -100,9 +118,16 @@ Compare recent code changes against the existing documentation and close the gap
- Explain intent and usage with concrete examples and constraints, and keep pages structured for scanning.
- Match the style, tone, and location conventions of the docs already in this repository.
## Output
## Final report
Open a focused, docs-only PR (or commit the updates to a branch if PRs are unavailable). Summarize which docs you added or updated, the code paths they now cover, and the knowledge gaps you closed. If everything is already accurate, report that and finish.`;
Open a focused, docs-only PR (or commit the updates to a branch if PRs are unavailable).
Your last message is the report the user reads, so write it about the docs, not about your session: no environment assessment or command-by-command narration. Cover:
- **Changed**: each doc you added or updated, with a link to the PR or branch
- **Now covers**: the code paths or behaviors the updates document
- **Gaps closed**: what was stale, wrong, or missing before
If everything is already accurate, reply with a single line saying so, optionally noting the areas you verified.`;
export const ROUTINE_TEMPLATES: RoutineTemplate[] = [
{
@@ -1,6 +1,7 @@
import { providerOffersModelTool } from "@cline/llms/browser";
import { Minus, Plus, RotateCcw } from "lucide-react";
import { Import, Minus, Plus, RotateCcw } from "lucide-react";
import { useCallback, useEffect, useRef, useState } from "react";
import { ImportSessionsDialog } from "@/components/import-sessions-dialog";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import {
@@ -59,7 +60,7 @@ import {
setStoredHubTheme,
} from "@/lib/theme";
import { cn } from "@/lib/utils";
import { MarketplaceView } from "../marketplace-view";
import { MarketplaceExplorerView } from "../marketplace-explorer-view";
import { PageFrame, PageHeader } from "../page-layout";
import { AccountView } from "./account-view";
import { AddProviderContent, type AddProviderPayload } from "./add-provider";
@@ -217,6 +218,31 @@ export function SettingsView({
return () => window.clearTimeout(timeoutId);
}, [activeNav, loadProviderCatalog]);
/**
* Silently refreshes view state from the authoritative catalog after a
* successful save, without toggling the loading screen. Optimistic
* mutations can't know sidecar-computed fields (`configured`), so the
* Configured badge would otherwise stay stale until a remount. Claims a
* new generation like loadProviderCatalog, so overlapping resyncs, loads,
* and edits always resolve to the newest snapshot: anything older still
* in flight is discarded on arrival.
*/
const resyncProviderCatalog = useCallback(async () => {
const generation = ++catalogGenerationRef.current;
try {
const payload = await desktopClient.invoke<ProviderCatalogResponse>(
"list_provider_catalog",
);
if (generation !== catalogGenerationRef.current) {
return;
}
setProvidersWithCache(payload.providers);
} catch {
// Background refresh only; the optimistic state remains until the
// next full load.
}
}, [setProvidersWithCache]);
const persistProviderSettings = useCallback(
async (
id: string,
@@ -237,6 +263,10 @@ export function SettingsView({
? toSettingsPatch(updates.configValues)
: undefined,
});
// Pick up sidecar-computed readiness (`configured`) for the
// just-saved settings so the Configured badge and count update
// without a remount.
void resyncProviderCatalog();
return true;
} catch (error) {
const message = error instanceof Error ? error.message : String(error);
@@ -261,7 +291,7 @@ export function SettingsView({
invalidateProviderCatalogCache();
}
},
[loadProviderCatalog],
[loadProviderCatalog, resyncProviderCatalog],
);
const connectProvider = useCallback(
@@ -428,6 +458,11 @@ export function SettingsView({
// must learn about the new OAuth connection too, not just this
// view's local provider state.
invalidateProviderCatalogCache();
// Fetch the authoritative post-login snapshot. The resync claims a
// new generation, so an older load or resync still in flight can't
// arrive late and overwrite the just-connected state, and its own
// response also covers any provider saved moments earlier.
void resyncProviderCatalog();
setSelectedProviderId(id);
} catch (error) {
const message = error instanceof Error ? error.message : String(error);
@@ -582,10 +617,7 @@ export function SettingsView({
onOpenMarketplace={() => onNavigateSection("Marketplace")}
/>
) : activeNav === "Marketplace" ? (
<MarketplaceView
onOpenInstalled={() => onNavigateSection("Customize")}
variant="directory"
/>
<MarketplaceExplorerView />
) : activeNav === "Channels" ? (
<ChannelsContent />
) : activeNav === "Schedules" ? (
@@ -605,9 +637,8 @@ export function SettingsView({
);
return (
<div className="grid h-full grid-rows-[3rem_minmax(0,1fr)] overflow-hidden bg-background md:block">
<div aria-hidden="true" className="md:hidden" />
<div className="min-h-0 overflow-hidden md:h-full">{content}</div>
<div className="h-full overflow-hidden bg-background">
<div className="h-full min-h-0 overflow-hidden">{content}</div>
</div>
);
}
@@ -635,6 +666,7 @@ function GeneralSettingsContent({
if (typeof window === "undefined") return "light";
return readStoredHubTheme() ?? readSystemHubTheme();
});
const [importDialogOpen, setImportDialogOpen] = useState(false);
const [accent, setAccent] = useState<HubAccent>(() => {
if (typeof window === "undefined") return "violet";
return readStoredHubAccent();
@@ -1094,6 +1126,31 @@ function GeneralSettingsContent({
onCheckedChange={(checked) => void updateTelemetryOptOut(!checked)}
/>
</div>
<div className="flex py-4 items-center justify-between gap-5 border-b max-[720px]:flex-col max-[720px]:items-stretch max-[720px]:py-4">
<div className="flex flex-col gap-1">
<p className="text-base font-semibold text-foreground">
Import sessions
</p>
<p className="text-sm text-muted-foreground">
Bring your conversation history from Claude Code, Codex, or
opencode into Cline.
</p>
</div>
<Button
className="shrink-0"
onClick={() => setImportDialogOpen(true)}
size="sm"
type="button"
variant="outline"
>
<Import className="size-3" />
Import
</Button>
</div>
<ImportSessionsDialog
onOpenChange={setImportDialogOpen}
open={importDialogOpen}
/>
<div className="flex py-4 items-center justify-between gap-5 border-b max-[720px]:flex-col max-[720px]:items-stretch max-[720px]:py-4">
<div className="flex flex-col gap-1">
<p className="text-base font-semibold text-foreground">
@@ -4,7 +4,10 @@ import { act } from "react";
import { createRoot, type Root } from "react-dom/client";
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
import type { Provider } from "@/lib/provider-schema";
import { defaultTranscriptionModel, VoiceInputContent } from "./voice-input-view";
import {
defaultTranscriptionModel,
VoiceInputContent,
} from "./voice-input-view";
const { fetchProviderCatalogMock, invokeMock, notifyMock } = vi.hoisted(() => ({
fetchProviderCatalogMock: vi.fn(),
@@ -113,9 +116,9 @@ describe("VoiceInputContent", () => {
expect(container.textContent).toContain(
"Voice input needs a configured model provider",
);
const openProviders = Array.from(
container.querySelectorAll("button"),
).find((button) => button.textContent?.includes("Open Model Providers"));
const openProviders = Array.from(container.querySelectorAll("button")).find(
(button) => button.textContent?.includes("Open Model Providers"),
);
await act(async () => openProviders?.click());
expect(onOpenModelProviders).toHaveBeenCalledOnce();
});
@@ -165,7 +168,9 @@ describe("VoiceInputContent", () => {
model: "scribe_v2_realtime",
});
expect(notifyMock).toHaveBeenCalled();
const selected = container.querySelector('[role="radio"][aria-checked="true"]');
const selected = container.querySelector(
'[role="radio"][aria-checked="true"]',
);
expect(selected?.textContent).toContain("Scribe v2 Realtime");
expect(selected?.textContent).toContain("Default");
});
@@ -4,6 +4,11 @@ import { AudioLines, Mic, Radio } from "lucide-react";
import { useCallback, useEffect, useState } from "react";
import { Button } from "@/components/ui/button";
import { Switch } from "@/components/ui/switch";
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from "@/components/ui/tooltip";
import { desktopClient } from "@/lib/desktop-client";
import { isProviderConnected } from "@/lib/provider-connection";
import {
@@ -306,20 +311,34 @@ export function VoiceInputContent({
<span className="truncate text-sm text-foreground">
{model.name}
</span>
{isStreamingModel(model) ? (
<span className="inline-flex shrink-0 items-center gap-1 rounded bg-surface-hover px-1.5 py-px text-[0.625rem] font-medium uppercase tracking-wide text-muted-foreground">
<Radio aria-hidden="true" className="size-3" />
Live
</span>
) : (
<span className="inline-flex shrink-0 items-center gap-1 rounded bg-surface-hover px-1.5 py-px text-[0.625rem] font-medium uppercase tracking-wide text-muted-foreground">
<AudioLines
aria-hidden="true"
className="size-3"
/>
After recording
</span>
)}
<Tooltip>
<TooltipTrigger asChild>
<span className="inline-flex shrink-0 items-center gap-1 rounded bg-surface-hover px-1.5 py-px text-[0.625rem] font-medium uppercase tracking-wide text-muted-foreground">
{isStreamingModel(model) ? (
<>
<Radio
aria-hidden="true"
className="size-3"
/>
Live
</>
) : (
<>
<AudioLines
aria-hidden="true"
className="size-3"
/>
After recording
</>
)}
</span>
</TooltipTrigger>
<TooltipContent>
{isStreamingModel(model)
? "Streaming transcription: text appears in the chat box while you speak."
: "Transcribes in one pass after you stop the recording."}
</TooltipContent>
</Tooltip>
{isDefault ? (
<span className="shrink-0 text-[0.625rem] font-medium uppercase tracking-wide text-muted-foreground">
Default
@@ -0,0 +1,143 @@
// @vitest-environment jsdom
import { act, useState } from "react";
import { createRoot, type Root } from "react-dom/client";
import { afterEach, beforeEach, describe, expect, it } from "vitest";
import {
WindowTitleBar,
WindowTitleBarContent,
WindowTitleBarProvider,
} from "@/components/window-title-bar";
let container: HTMLDivElement;
let root: Root;
beforeEach(() => {
Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true });
container = document.createElement("div");
document.body.appendChild(container);
root = createRoot(container);
});
afterEach(async () => {
await act(async () => root.unmount());
container.remove();
});
function StatefulProjectedControl() {
const [count, setCount] = useState(0);
return (
<button
data-testid="projected-control"
type="button"
onClick={() => setCount((value) => value + 1)}
>
Count {count}
</button>
);
}
function renderShell(contentEnabled: boolean) {
return (
<WindowTitleBarProvider contentEnabled={contentEnabled}>
<nav>Sidebar</nav>
<main>
<button data-testid="sidebar-trigger" type="button">
Toggle Sidebar
</button>
<WindowTitleBar />
<section data-testid="page">Page content</section>
<WindowTitleBarContent>
<StatefulProjectedControl />
</WindowTitleBarContent>
</main>
</WindowTitleBarProvider>
);
}
describe("WindowTitleBar", () => {
it("reserves an in-flow draggable row before page content inside main", async () => {
await act(async () => root.render(renderShell(false)));
const main = container.querySelector("main");
const titleBar = main?.querySelector('[data-slot="window-title-bar"]');
const page = main?.querySelector('[data-testid="page"]');
expect(titleBar?.getAttribute("data-tauri-drag-region")).toBe("deep");
expect(titleBar?.className).toContain("h-12");
expect(titleBar?.className).toContain("shrink-0");
expect(titleBar?.nextElementSibling).toBe(page);
});
it("projects controls into the title bar within the main landmark", async () => {
await act(async () => root.render(renderShell(true)));
const titleBar = container.querySelector('[data-slot="window-title-bar"]');
const button = titleBar?.querySelector("button");
expect(button?.textContent).toBe("Count 0");
expect(button?.closest("main")).not.toBeNull();
expect(
container
.querySelector('[data-testid="sidebar-trigger"]')
?.compareDocumentPosition(button!),
).toBe(Node.DOCUMENT_POSITION_FOLLOWING);
expect(
container.querySelector("nav")?.compareDocumentPosition(button!),
).toBe(Node.DOCUMENT_POSITION_FOLLOWING);
});
it("hides projected controls without unmounting their state", async () => {
await act(async () => root.render(renderShell(true)));
const button = container.querySelector(
'[data-testid="projected-control"]',
) as HTMLButtonElement | null;
await act(async () => button?.click());
expect(
container.querySelector('[data-testid="projected-control"]')?.textContent,
).toBe("Count 1");
await act(async () => root.render(renderShell(false)));
const hiddenHost = container.querySelector<HTMLDivElement>(
'[data-slot="window-title-bar-content-host"]',
);
expect(hiddenHost?.hidden).toBe(true);
expect(
container.querySelector('[data-testid="projected-control"]')?.textContent,
).toBe("Count 1");
await act(async () => root.render(renderShell(true)));
expect(
container.querySelector<HTMLDivElement>(
'[data-slot="window-title-bar-content-host"]',
)?.hidden,
).toBe(false);
expect(
container.querySelector('[data-testid="projected-control"]')?.textContent,
).toBe("Count 1");
});
it("renders a drag-only row for a full-screen shell overlay", async () => {
await act(async () => {
root.render(
<WindowTitleBarProvider>
<div className="relative" data-testid="onboarding-shell">
<WindowTitleBar
className="absolute inset-x-0 top-0"
hostContent={false}
/>
<div data-testid="onboarding-content">Onboarding</div>
</div>
</WindowTitleBarProvider>,
);
});
const shell = container.querySelector('[data-testid="onboarding-shell"]');
const titleBar = shell?.querySelector('[data-slot="window-title-bar"]');
expect(titleBar?.className).toContain("absolute");
expect(titleBar?.nextElementSibling).toBe(
shell?.querySelector('[data-testid="onboarding-content"]'),
);
expect(
titleBar?.querySelector('[data-slot="window-title-bar-content-host"]'),
).toBeNull();
});
});
@@ -0,0 +1,89 @@
"use client";
import { createContext, type ReactNode, useContext, useState } from "react";
import { createPortal } from "react-dom";
import { cn } from "@/lib/utils";
type WindowTitleBarContextValue = {
contentEnabled: boolean;
portalTarget: HTMLDivElement | null;
setPortalTarget: (target: HTMLDivElement | null) => void;
};
const WindowTitleBarContext = createContext<WindowTitleBarContextValue | null>(
null,
);
/**
* Keeps title-bar content mounted while shell views change.
*/
export function WindowTitleBarProvider({
children,
contentEnabled = true,
}: {
children: ReactNode;
contentEnabled?: boolean;
}) {
const [portalTarget, setPortalTarget] = useState<HTMLDivElement | null>(null);
return (
<WindowTitleBarContext.Provider
value={{ contentEnabled, portalTarget, setPortalTarget }}
>
{children}
</WindowTitleBarContext.Provider>
);
}
/**
* Reserves the native title-bar row at the shell boundary. The normal app
* shell hosts projected controls; full-screen shell overlays only need the
* draggable surface.
*/
export function WindowTitleBar({
className,
hostContent = true,
}: {
className?: string;
hostContent?: boolean;
}) {
const context = useContext(WindowTitleBarContext);
if (!context) {
throw new Error(
"WindowTitleBar must be used within WindowTitleBarProvider.",
);
}
return (
<div
className={cn("isolate h-12 shrink-0 max-md:h-7", className)}
data-slot="window-title-bar"
data-tauri-drag-region="deep"
>
{hostContent ? (
<div
aria-hidden={context.contentEnabled ? undefined : true}
className="h-full min-w-0"
data-slot="window-title-bar-content-host"
hidden={!context.contentEnabled}
inert={context.contentEnabled ? undefined : true}
ref={context.setPortalTarget}
/>
) : null}
</div>
);
}
/** Projects page-owned controls into the persistent shell title bar. */
export function WindowTitleBarContent({ children }: { children: ReactNode }) {
const context = useContext(WindowTitleBarContext);
if (!context) {
throw new Error(
"WindowTitleBarContent must be used within WindowTitleBarProvider.",
);
}
return context.portalTarget
? createPortal(children, context.portalTarget)
: null;
}
@@ -39,6 +39,22 @@ function HookHarness() {
return null;
}
function deferred<T>() {
let resolve!: (value: T | PromiseLike<T>) => void;
const promise = new Promise<T>((next) => {
resolve = next;
});
return { promise, resolve };
}
function handlerFor(eventName: string): (payload: unknown) => void {
const handler = subscribeMock.mock.calls.find(
([subscribedEvent]) => subscribedEvent === eventName,
)?.[1];
expect(handler).toBeDefined();
return handler as (payload: unknown) => void;
}
beforeEach(async () => {
Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true });
window.localStorage.clear();
@@ -63,6 +79,223 @@ afterEach(async () => {
});
describe("useChatSession", () => {
it("restores an idle parent when aborting its child fails", async () => {
invokeMock.mockImplementation(
async (command: string, args?: Record<string, unknown>) => {
if (command === "chat_session_command") {
const request = args?.request as { action?: string } | undefined;
if (request?.action === "start") {
return { sessionId: "session-child-abort" };
}
if (request?.action === "abort") {
return { ok: false };
}
}
return [];
},
);
await act(async () => current.start(current.config));
const statusHandler = handlerFor("chat_session_status");
await act(async () => {
statusHandler({ sessionId: current.sessionId, status: "idle" });
});
expect(current.status).toBe("idle");
await act(async () => current.abort());
expect(current.status).toBe("idle");
});
it("preserves authoritative completion across abort races", async () => {
vi.useFakeTimers();
try {
const sessionId = "session-abort-chat-done";
const abortResponse = deferred<unknown>();
const pendingResponse = deferred<unknown>();
const sendResponse = deferred<unknown>();
invokeMock.mockImplementation(
async (command: string, args?: Record<string, unknown>) => {
if (command === "chat_session_command") {
const request = args?.request as { action?: string } | undefined;
if (request?.action === "start") return { sessionId };
if (request?.action === "send") {
return await sendResponse.promise;
}
if (request?.action === "abort") {
return await abortResponse.promise;
}
if (request?.action === "pending_prompts") {
return await pendingResponse.promise;
}
}
return [];
},
);
await act(async () => current.start(current.config));
const chatEventHandler = handlerFor("chat_event");
const statusHandler = handlerFor("chat_session_status");
await act(async () => {
statusHandler({ sessionId, status: "running" });
});
let sendTask!: Promise<void>;
await act(async () => {
sendTask = current.sendPrompt("queued follow-up");
for (let i = 0; i < 5; i += 1) await Promise.resolve();
});
await act(async () => {
chatEventHandler({
sessionId,
stream: "chat_done",
chunk: JSON.stringify({ reason: "completed" }),
ts: Date.now(),
index: 1,
});
});
expect(current.status).toBe("running");
let abortTask!: Promise<void>;
await act(async () => {
abortTask = current.abort();
await Promise.resolve();
});
expect(current.status).toBe("stopping");
await act(async () => {
statusHandler({ sessionId, status: "running" });
});
expect(current.status).toBe("stopping");
await act(async () => {
pendingResponse.resolve({
sessionId,
ok: true,
promptsInQueue: [],
});
for (let i = 0; i < 5; i += 1) await Promise.resolve();
});
expect(current.status).toBe("completed");
await act(async () => {
await vi.advanceTimersByTimeAsync(2000);
});
expect(current.status).toBe("completed");
await act(async () => {
sendResponse.resolve({
sessionId,
ok: true,
queued: true,
promptsInQueue: [],
});
await sendTask;
});
expect(current.status).toBe("completed");
await act(async () => {
abortResponse.resolve({ ok: false });
await abortTask;
});
expect(current.status).toBe("completed");
} finally {
vi.useRealTimers();
}
});
it("reconciles a running tool row after an aborted send settles", async () => {
const sessionId = "session-aborted-tool";
const sendResponse = deferred<unknown>();
const canonicalMessages = [
{
id: "history-assistant",
sessionId,
role: "assistant",
content: "",
createdAt: 2,
},
{
id: "history-tool",
sessionId,
role: "tool",
content: JSON.stringify({
toolName: "spawn_agent",
input: { task: "sleep" },
result: { finishReason: "aborted" },
isError: false,
}),
createdAt: 3,
meta: {
toolName: "spawn_agent",
toolCallId: "call-spawn",
hookEventName: "history_tool_result",
},
},
];
invokeMock.mockImplementation(
async (command: string, args?: Record<string, unknown>) => {
if (command === "read_session_messages") return canonicalMessages;
if (command === "chat_session_command") {
const request = args?.request as { action?: string } | undefined;
if (request?.action === "start") {
return { sessionId };
}
if (request?.action === "send") {
return await sendResponse.promise;
}
if (request?.action === "abort") return { sessionId, ok: true };
}
return [];
},
);
await act(async () => current.start(current.config));
const chatEventHandler = handlerFor("chat_event");
let sendTask!: Promise<void>;
await act(async () => {
sendTask = current.sendPrompt("spawn a subagent");
await Promise.resolve();
chatEventHandler?.({
sessionId,
stream: "chat_tool_call_start",
chunk: JSON.stringify({
toolCallId: "call-spawn",
toolName: "spawn_agent",
input: { task: "sleep" },
}),
ts: Date.now(),
index: 1,
});
});
expect(
current.messages.find((message) => message.role === "tool")?.meta
?.hookEventName,
).toBe("tool_call_start");
await act(async () => current.abort());
await act(async () => {
sendResponse.resolve({
ok: true,
result: { finishReason: "aborted" },
});
await sendTask;
await new Promise((resolve) => setTimeout(resolve, 300));
});
expect(current.status).toBe("cancelled");
const toolMessage = current.messages.find(
(message) => message.role === "tool",
);
expect(toolMessage?.meta?.hookEventName).toBe("history_tool_result");
expect(JSON.parse(toolMessage?.content ?? "{}").result).toEqual({
finishReason: "aborted",
});
});
it("caps command output while preserving the newest tail", () => {
const result = appendCappedCommandOutput(
"head\n",
@@ -428,6 +428,10 @@ export function useChatSession() {
// trail chat_done; when no new turn has started since the turn settled
// (epoch unchanged), such a "running" must not reopen the turn.
const turnSettledEpochRef = useRef(-1);
// Runtime status changes supersede local status captured by an abort.
const authoritativeStatusRevisionRef = useRef(0);
// Snapshot used to keep a late send response from overwriting a newer status.
const abortStatusRevisionRef = useRef(0);
// Last error-level core log per session, used to explain failed turns.
const lastCoreErrorBySessionRef = useRef<Record<string, string>>({});
const [chatTransportState, setChatTransportState] =
@@ -733,8 +737,11 @@ export function useChatSession() {
setPromptsInQueue(items);
if (items.length === 0) {
turnSettledEpochRef.current = turnEpochRef.current;
authoritativeStatusRevisionRef.current += 1;
setStatus((current) =>
current === "running" ? "completed" : current,
current === "running" || current === "stopping"
? "completed"
: current,
);
finalizeSettledTurn(sid);
}
@@ -1235,7 +1242,7 @@ export function useChatSession() {
return;
}
lastLiveChunkAtRef.current = Date.now();
if (abortedRef.current) {
if (abortedRef.current && payload.stream !== "chat_done") {
return;
}
@@ -1622,6 +1629,7 @@ export function useChatSession() {
verifyQueueStillBusy(listeningSessionId);
} else {
turnSettledEpochRef.current = turnEpochRef.current;
authoritativeStatusRevisionRef.current += 1;
finalizeSettledTurn(listeningSessionId);
}
return;
@@ -1773,10 +1781,12 @@ export function useChatSession() {
// equals the settled epoch a "running" here can only be stale.
if (
nextStatus === "running" &&
turnEpochRef.current === turnSettledEpochRef.current
(abortedRef.current ||
turnEpochRef.current === turnSettledEpochRef.current)
) {
return;
}
authoritativeStatusRevisionRef.current += 1;
setStatus(nextStatus as ChatSessionStatus);
},
);
@@ -1801,6 +1811,7 @@ export function useChatSession() {
setActiveAssistantMessageId(null);
clearLiveToolRefs();
turnSettledEpochRef.current = turnEpochRef.current;
authoritativeStatusRevisionRef.current += 1;
setStatus((record.reason?.trim() || "idle") as ChatSessionStatus);
finalizeSettledTurn(targetSessionId);
},
@@ -1908,7 +1919,14 @@ export function useChatSession() {
// the working indicator and disarming this poll.
const nextStatus = record?.status?.trim();
if (nextStatus) {
setStatus(mapSessionRecordStatus(nextStatus as SessionHistoryStatus));
const mappedStatus = mapSessionRecordStatus(
nextStatus as SessionHistoryStatus,
);
if (abortedRef.current && mappedStatus === "running") {
return;
}
authoritativeStatusRevisionRef.current += 1;
setStatus(mappedStatus);
}
} finally {
polling = false;
@@ -2242,9 +2260,23 @@ export function useChatSession() {
finishPromptSubmission();
return;
}
let abortedReconcileEpoch: number | undefined;
const settleAbortedSend = () => {
if (!abortedRef.current) return false;
if (
authoritativeStatusRevisionRef.current ===
abortStatusRevisionRef.current
) {
abortedReconcileEpoch = turnEpochRef.current;
turnSettledEpochRef.current = turnEpochRef.current;
setStatus("cancelled");
}
return true;
};
try {
const payload = await sendTask;
if (payload.ok && payload.queued) {
if (settleAbortedSend()) return;
if (turnEpochRef.current !== turnEpochAtDispatch) {
// The runtime already started consuming a queued prompt
// (chat_queued_prompt_start bumped the epoch) while this
@@ -2258,22 +2290,13 @@ export function useChatSession() {
return;
}
applyPromptsInQueue(payload.promptsInQueue);
if (abortedRef.current) {
turnSettledEpochRef.current = turnEpochRef.current;
setStatus("cancelled");
return;
}
setStatus("running");
return;
}
const result = payload.result as ChatApiResult | undefined;
applyPromptsInQueue(payload.promptsInQueue);
if (abortedRef.current) {
turnSettledEpochRef.current = turnEpochRef.current;
setStatus("cancelled");
return;
}
if (settleAbortedSend()) return;
// On a failed run the runtime reports the error string in
// result.text — it is not assistant content and must not be
// rendered as an assistant bubble (canonical rehydration would
@@ -2570,10 +2593,8 @@ export function useChatSession() {
const hasQueuedFollowUps =
Array.isArray(payload.promptsInQueue) &&
payload.promptsInQueue.length > 0;
if (abortedRef.current) {
turnSettledEpochRef.current = turnEpochRef.current;
setStatus("cancelled");
} else if (result?.finishReason === "error") {
if (settleAbortedSend()) return;
if (result?.finishReason === "error") {
// On a failed run result.text is the runtime's error string
// (never assistant content — see isErrorResult above), so it
// is the best failure detail available. The reporter dedupes
@@ -2599,10 +2620,7 @@ export function useChatSession() {
}
void refreshSessionDiffSummary(activeSessionId);
} catch (err) {
if (abortedRef.current) {
setStatus("cancelled");
return;
}
if (settleAbortedSend()) return;
if (optimisticQueuedPromptId) {
setPromptsInQueue((prev) =>
prev.filter((item) => item.id !== optimisticQueuedPromptId),
@@ -2617,6 +2635,13 @@ export function useChatSession() {
clearLiveToolRefs();
}
finishPromptSubmission();
if (
abortedReconcileEpoch !== undefined &&
activeSessionIdRef.current === activeSessionId &&
turnEpochRef.current === abortedReconcileEpoch
) {
finalizeSettledTurn(activeSessionId);
}
}
},
[
@@ -2627,6 +2652,7 @@ export function useChatSession() {
clearAbortFallbackTimeout,
clearLiveToolRefs,
config,
finalizeSettledTurn,
hydratedHistorySessionId,
materializeToolMessagesFromResult,
refreshSessionDiffSummary,
@@ -2745,11 +2771,29 @@ export function useChatSession() {
const abort = useCallback(async () => {
if (!sessionId) return;
const fallbackStatus: ChatSessionStatus =
status === "stopping" ? "running" : status;
const statusRevisionAtAbort = authoritativeStatusRevisionRef.current;
abortStatusRevisionRef.current = statusRevisionAtAbort;
const restoreFallbackStatus = () => {
abortedRef.current = false;
clearAbortFallbackTimeout();
if (
activeSessionIdRef.current === sessionId &&
authoritativeStatusRevisionRef.current === statusRevisionAtAbort
) {
setStatus(fallbackStatus);
}
};
abortedRef.current = true;
setStatus("stopping");
clearAbortFallbackTimeout();
abortFallbackTimeoutRef.current = setTimeout(() => {
if (abortedRef.current) {
if (
abortedRef.current &&
activeSessionIdRef.current === sessionId &&
authoritativeStatusRevisionRef.current === statusRevisionAtAbort
) {
setStatus("cancelled");
}
abortFallbackTimeoutRef.current = null;
@@ -2757,16 +2801,12 @@ export function useChatSession() {
try {
const response = await postSession({ action: "abort", sessionId });
if (!response.ok) {
abortedRef.current = false;
clearAbortFallbackTimeout();
setStatus("running");
restoreFallbackStatus();
}
} catch {
abortedRef.current = false;
clearAbortFallbackTimeout();
setStatus("running");
restoreFallbackStatus();
}
}, [clearAbortFallbackTimeout, postSession, sessionId]);
}, [clearAbortFallbackTimeout, postSession, sessionId, status]);
const proceedWhileRunning = useCallback(
async (targetSessionId: string, toolCallId?: string) => {
@@ -403,6 +403,52 @@ describe("useSessionAgents", () => {
}
});
it("keeps polling while an idle parent still has a running child", async () => {
vi.useFakeTimers();
try {
invokeMock.mockResolvedValue([runningRow("a", "one")]);
await render({ sessionId: "a", sessionActive: false });
const afterFirst = invokeMock.mock.calls.length;
await act(async () => {
vi.advanceTimersByTime(2500);
});
expect(invokeMock.mock.calls.length).toBeGreaterThan(afterFirst);
} finally {
vi.useRealTimers();
}
});
it("lets a slow poll settle an idle parent's completed child", async () => {
vi.useFakeTimers();
try {
let listCount = 0;
invokeMock.mockImplementation(async () => {
listCount += 1;
if (listCount === 1) return [runningRow("a", "one")];
return await new Promise((resolve) => {
setTimeout(() => resolve([agentRow("a", "one")]), 3000);
});
});
await render({ sessionId: "a", sessionActive: false });
expect(current.agents[0]?.status).toBe("running");
await act(async () => {
await vi.advanceTimersByTimeAsync(5500);
});
expect(current.agents[0]?.status).toBe("completed");
const settledCallCount = invokeMock.mock.calls.length;
await act(async () => {
await vi.advanceTimersByTimeAsync(10_000);
});
expect(invokeMock).toHaveBeenCalledTimes(settledCallCount);
} finally {
vi.useRealTimers();
}
});
it("skips malformed rows rather than surfacing partial agents", async () => {
invokeMock.mockResolvedValue([
agentRow("a", "good"),
@@ -2,7 +2,7 @@
import { useCallback, useEffect, useRef, useState } from "react";
import { desktopClient } from "@/lib/desktop-client";
import type { SessionAgentEntry } from "@/lib/session-agents";
import { agentEntryState, type SessionAgentEntry } from "@/lib/session-agents";
/** While a turn runs, child agents come and go faster than a one-shot fetch sees. */
const ACTIVE_POLL_INTERVAL_MS = 2500;
@@ -72,8 +72,8 @@ function parseAgentEntries(value: unknown): SessionAgentEntry[] {
/**
* Roster of the child agents a session started.
*
* Read once per displayed session and then polled only while that session is
* active. Deliberately *not* gated on whether the header is currently showing
* Read once per displayed session and then polled while that session or one of
* its children is active. Deliberately *not* gated on whether the header shows
* any agents: that tally is derived from the newest messages only, so gating on
* it would deadlock a session whose spawn calls have aged out of the message
* window would report zero agents, never query the database that still
@@ -167,6 +167,9 @@ export function useSessionAgents({
const agents = isCurrent ? roster.entries : NO_AGENTS;
const loading = isCurrent && roster.loading;
const error = isCurrent ? roster.error : null;
const hasRunningAgents = agents.some(
(agent) => agentEntryState(agent.status) === "running",
);
// One read per displayed session, repeated when the session starts or stops
// running — a turn can finish up to a poll interval after the last read, so
@@ -190,16 +193,21 @@ export function useSessionAgents({
}, [panelOpen, refresh, sessionId]);
useEffect(() => {
if (!sessionId || !sessionActive) {
if (!sessionId || (!sessionActive && !hasRunningAgents)) {
return;
}
let polling = false;
const timer = window.setInterval(() => {
void refresh(sessionId, { quiet: true });
if (polling) return;
polling = true;
void refresh(sessionId, { quiet: true }).finally(() => {
polling = false;
});
}, ACTIVE_POLL_INTERVAL_MS);
return () => {
window.clearInterval(timer);
};
}, [refresh, sessionActive, sessionId]);
}, [hasRunningAgents, refresh, sessionActive, sessionId]);
return { agents, loading, error, refresh };
}
@@ -132,8 +132,12 @@ describe("useSessionHistory session mapping", () => {
}
if (command === "list_routine_schedules") {
return {
schedules: [{ scheduleId: "sched_daily", name: "Daily report" }],
activeExecutions: [{ sessionId: "cron-active" }],
lastExecutions: [{ sessionId: "cron-session" }, {}],
lastExecutions: [
{ sessionId: "cron-session", scheduleId: "sched_daily" },
{},
],
};
}
return [];
@@ -161,13 +165,56 @@ describe("useSessionHistory session mapping", () => {
await Promise.resolve();
});
// The executions list also supplies the schedule identity the session
// record itself lacks, so the sidebar can group it with its siblings.
expect(
current.threads.find((thread) => thread.id === "cron-session"),
).toMatchObject({ isScheduled: true });
).toMatchObject({
isScheduled: true,
scheduleId: "sched_daily",
scheduleName: "Daily report",
});
expect(
current.threads.find((thread) => thread.id === "regular-session"),
).toMatchObject({ isScheduled: false });
});
it("maps the runner's schedule provenance onto sidebar threads", async () => {
await act(async () => {
root.render(<HookHarness />);
});
await flush();
await act(async () => {
pendingLists[0].resolve([
{
...sessionRow("run-session"),
source: "core",
metadata: {
sessionHistoryOrigin: {
mode: "automation",
trigger: "hub-schedule",
},
scheduleId: "sched_daily",
scheduleName: "Daily report",
scheduleExecutionId: "crun_1",
scheduleRunNumber: 4,
},
},
]);
await Promise.resolve();
});
expect(
current.threads.find((thread) => thread.id === "run-session"),
).toMatchObject({
isScheduled: true,
startedAt: "2026-07-20T10:00:00.000Z",
scheduleId: "sched_daily",
scheduleName: "Daily report",
scheduleRunNumber: 4,
});
});
});
describe("useSessionHistory initial load", () => {
@@ -14,6 +14,7 @@ import {
getSessionMetadataGitBranch,
getSessionMetadataIsScheduled,
getSessionMetadataPinned,
getSessionMetadataSchedule,
getSessionMetadataTitle,
getSessionSource,
PINNED_METADATA_KEY,
@@ -39,8 +40,20 @@ export interface SessionThread {
status: SessionHistoryStatus;
pinned?: boolean;
isScheduled: boolean;
/** Raw start timestamp; the sidebar labels un-numbered scheduled runs with it. */
startedAt?: string;
/** Schedule provenance for scheduled runs (metadata or executions list). */
scheduleId?: string;
scheduleName?: string;
scheduleRunNumber?: number;
}
/** What the schedule executions list knows about a session it started. */
type ScheduledSessionLink = {
scheduleId?: string;
scheduleName?: string;
};
type SessionHookEvent = {
inputTokens?: number;
outputTokens?: number;
@@ -251,6 +264,7 @@ function inferStatusFromMessages(
function toThread(session: SessionHistoryItem): SessionThread {
const workspacePath = (session.workspaceRoot || session.cwd).trim();
const schedule = getSessionMetadataSchedule(session.metadata);
return {
id: session.sessionId,
title: toTitle(session),
@@ -264,6 +278,10 @@ function toThread(session: SessionHistoryItem): SessionThread {
status: normalizeDiscoveredStatus(session.status, session.prompt),
pinned: getSessionMetadataPinned(session.metadata),
isScheduled: getSessionMetadataIsScheduled(session.metadata),
startedAt: session.startedAt?.trim() || undefined,
scheduleId: schedule.scheduleId,
scheduleName: schedule.scheduleName,
scheduleRunNumber: schedule.runNumber,
};
}
@@ -344,6 +362,17 @@ function summarizeUsageFromMessages(messages: SessionMessage[]): {
return { inputTokens, outputTokens, totalCostUsd };
}
function areScheduleInfosEqual(
a: ReturnType<typeof getSessionMetadataSchedule>,
b: ReturnType<typeof getSessionMetadataSchedule>,
): boolean {
return (
a.scheduleId === b.scheduleId &&
a.scheduleName === b.scheduleName &&
a.runNumber === b.runNumber
);
}
function areSessionsEquivalent(
current: SessionHistoryItem[],
next: SessionHistoryItem[],
@@ -369,6 +398,10 @@ function areSessionsEquivalent(
getSessionMetadataTitle(b.metadata) ||
getSessionMetadataPinned(a.metadata) !==
getSessionMetadataPinned(b.metadata) ||
!areScheduleInfosEqual(
getSessionMetadataSchedule(a.metadata),
getSessionMetadataSchedule(b.metadata),
) ||
a.workspaceRoot !== b.workspaceRoot ||
a.cwd !== b.cwd ||
a.provider !== b.provider ||
@@ -405,7 +438,11 @@ function areThreadsEquivalent(
a.totalCostUsd !== b.totalCostUsd ||
a.status !== b.status ||
a.pinned !== b.pinned ||
a.isScheduled !== b.isScheduled
a.isScheduled !== b.isScheduled ||
a.startedAt !== b.startedAt ||
a.scheduleId !== b.scheduleId ||
a.scheduleName !== b.scheduleName ||
a.scheduleRunNumber !== b.scheduleRunNumber
) {
return false;
}
@@ -504,14 +541,16 @@ export function useSessionHistory({
const [unreadSessionIds, setUnreadSessionIds] = useState<Set<string>>(
() => new Set(),
);
// Session ids that schedule executions report as their own. Scheduled runs
// executed by the local hub do not reliably carry the "hub-schedule"
// origin trigger in their session metadata (the runtime that claims the
// run doesn't always stamp provenance), so the metadata check alone would
// miss them; the executions list is the authoritative link.
const [scheduledSessionIds, setScheduledSessionIds] = useState<Set<string>>(
() => new Set(),
);
// Sessions that schedule executions report as their own, keyed by session
// id. Scheduled runs executed by the local hub do not reliably carry the
// "hub-schedule" origin trigger in their session metadata (the runtime
// that claims the run doesn't always stamp provenance), so the metadata
// check alone would miss them; the executions list is the authoritative
// link. It also supplies the schedule id/name for sessions recorded
// before the runner stamped those into metadata.
const [scheduledSessionLinks, setScheduledSessionLinks] = useState<
Map<string, ScheduledSessionLink>
>(() => new Map());
const fetchLimitRef = useRef(INITIAL_HISTORY_FETCH_LIMIT);
// Limit of the most recent refresh that actually returned sessions. Failed
// attempts roll back to this rather than to a caller-local snapshot, which
@@ -563,17 +602,36 @@ export function useSessionHistory({
useEffect(() => {
let cancelled = false;
const collectScheduledSessionIds = async () => {
const collectScheduledSessionLinks = async () => {
const response = await desktopClient
.invoke<{
activeExecutions?: Array<{ sessionId?: unknown }>;
lastExecutions?: Array<{ sessionId?: unknown }>;
schedules?: Array<{ scheduleId?: unknown; name?: unknown }>;
activeExecutions?: Array<{
sessionId?: unknown;
scheduleId?: unknown;
}>;
lastExecutions?: Array<{
sessionId?: unknown;
scheduleId?: unknown;
}>;
}>("list_routine_schedules")
.catch(() => null);
if (cancelled || !response) {
return;
}
const ids = new Set<string>();
const scheduleNames = new Map<string, string>();
for (const schedule of response.schedules ?? []) {
const scheduleId =
typeof schedule?.scheduleId === "string"
? schedule.scheduleId.trim()
: "";
const name =
typeof schedule?.name === "string" ? schedule.name.trim() : "";
if (scheduleId && name) {
scheduleNames.set(scheduleId, name);
}
}
const links = new Map<string, ScheduledSessionLink>();
for (const execution of [
...(response.activeExecutions ?? []),
...(response.lastExecutions ?? []),
@@ -582,23 +640,43 @@ export function useSessionHistory({
typeof execution?.sessionId === "string"
? execution.sessionId.trim()
: "";
if (sessionId) {
ids.add(sessionId);
if (!sessionId) {
continue;
}
const scheduleId =
typeof execution?.scheduleId === "string"
? execution.scheduleId.trim()
: "";
links.set(sessionId, {
...(scheduleId ? { scheduleId } : {}),
...(scheduleId && scheduleNames.has(scheduleId)
? { scheduleName: scheduleNames.get(scheduleId) }
: {}),
});
}
setScheduledSessionIds((current) => {
setScheduledSessionLinks((current) => {
// Merge instead of replace: the executions list is a rolling
// window, so ids that fell out of it are still scheduled runs.
const next = new Set(current);
for (const id of ids) {
next.add(id);
let changed = false;
const next = new Map(current);
for (const [sessionId, link] of links) {
const existing = next.get(sessionId);
if (
existing &&
existing.scheduleId === link.scheduleId &&
existing.scheduleName === link.scheduleName
) {
continue;
}
next.set(sessionId, link);
changed = true;
}
return next.size === current.size ? current : next;
return changed ? next : current;
});
};
void collectScheduledSessionIds();
void collectScheduledSessionLinks();
const interval = window.setInterval(
() => void collectScheduledSessionIds(),
() => void collectScheduledSessionLinks(),
2 * 60 * 1000,
);
return () => {
@@ -1041,6 +1119,20 @@ export function useSessionHistory({
}
},
);
const unsubscribeTransportImport = desktopClient.subscribe(
"session_import_progress",
(payload) => {
if (!payload || typeof payload !== "object") {
return;
}
// Imported sessions land directly in the store; refresh so they
// appear in history no matter where the import was started from.
const result = (payload as { result?: { ok?: boolean } }).result;
if (result?.ok) {
scheduleRefresh(HISTORY_EVENT_REFRESH_DELAY_MS, { force: true });
}
},
);
const unsubscribeTransportChatEvent = desktopClient.subscribe(
"chat_event",
(payload) => {
@@ -1079,6 +1171,7 @@ export function useSessionHistory({
unsubscribeTransportDelete();
unsubscribeTransportStatus();
unsubscribeTransportEnded();
unsubscribeTransportImport();
unsubscribeTransportChatEvent();
};
}, [activeSessionId, scheduleRefresh]);
@@ -1484,15 +1577,33 @@ export function useSessionHistory({
);
const threadsWithScheduled = useMemo(() => {
if (scheduledSessionIds.size === 0) {
if (scheduledSessionLinks.size === 0) {
return threads;
}
return threads.map((thread) =>
!thread.isScheduled && scheduledSessionIds.has(thread.id)
? { ...thread, isScheduled: true }
: thread,
);
}, [scheduledSessionIds, threads]);
return threads.map((thread) => {
const link = scheduledSessionLinks.get(thread.id);
if (!link) {
return thread;
}
// Metadata stamped by the runner wins; the executions list only
// fills in what the session record itself doesn't carry.
const scheduleId = thread.scheduleId ?? link.scheduleId;
const scheduleName = thread.scheduleName ?? link.scheduleName;
if (
thread.isScheduled &&
scheduleId === thread.scheduleId &&
scheduleName === thread.scheduleName
) {
return thread;
}
return {
...thread,
isScheduled: true,
...(scheduleId ? { scheduleId } : {}),
...(scheduleName ? { scheduleName } : {}),
};
});
}, [scheduledSessionLinks, threads]);
return {
getSessionByThreadId,
@@ -0,0 +1,22 @@
export type ClineIntegration = {
provider?: string;
created_at?: string;
};
export type ClineGitHubRepository = {
id?: number;
name?: string;
full_name?: string;
html_url?: string;
private?: boolean;
};
export const GITHUB_INTEGRATION_PROVIDER = "github";
export function findGitHubIntegration(
integrations: ClineIntegration[],
): ClineIntegration | undefined {
return integrations.find(
(integration) => integration?.provider === GITHUB_INTEGRATION_PROVIDER,
);
}
@@ -0,0 +1,48 @@
import { isClineAccountNotAuthenticatedResult } from "@/lib/cline-account-state";
import type {
ClineGitHubRepository,
ClineIntegration,
} from "@/lib/cline-integrations-types";
import { desktopClient } from "@/lib/desktop-client";
export * from "@/lib/cline-integrations-types";
export type ClineIntegrationsListResult =
| { status: "ok"; integrations: ClineIntegration[] }
| { status: "not-authenticated" };
export async function listClineIntegrations(): Promise<ClineIntegrationsListResult> {
const result = await desktopClient.invoke("cline_integrations", {
operation: "list",
});
if (isClineAccountNotAuthenticatedResult(result)) {
return { status: "not-authenticated" };
}
return {
status: "ok",
integrations: Array.isArray(result) ? (result as ClineIntegration[]) : [],
};
}
export async function listClineGitHubRepositories(): Promise<
ClineGitHubRepository[]
> {
const result = await desktopClient.invoke("cline_integrations", {
operation: "listGitHubRepositories",
});
return Array.isArray(result) ? (result as ClineGitHubRepository[]) : [];
}
export async function fetchGitHubInstallUrl(): Promise<string> {
const result = await desktopClient.invoke("cline_integrations", {
operation: "githubInstallUrl",
});
if (isClineAccountNotAuthenticatedResult(result)) {
throw new Error("sign in to your Cline account first");
}
const url = (result as { url?: unknown } | null)?.url;
if (typeof url !== "string" || !url.trim()) {
throw new Error("no GitHub install URL was returned");
}
return url;
}
@@ -238,6 +238,8 @@ const NATIVE_COMMANDS = new Set([
"show_session_notification",
"drain_desktop_actions",
"set_tray_status",
"relaunch_app",
"quit_app",
]);
class DesktopClient {
@@ -17,6 +17,11 @@ export type MarketplaceEnvVar = {
url?: string;
};
export type MarketplaceAuthor = {
name: string;
url?: string;
};
export type MarketplaceEntry = {
id: string;
type: MarketplacePrimitiveType;
@@ -25,6 +30,12 @@ export type MarketplaceEntry = {
tagline: string;
description: string;
tags: string[];
author?: MarketplaceAuthor;
homepage?: string;
repo?: string;
icon?: string;
license?: string;
verified?: boolean;
install: {
args: string[];
env?: MarketplaceEnvVar[];
@@ -100,6 +111,20 @@ function parseEnv(value: unknown): MarketplaceEnvVar[] | undefined {
return env.length > 0 ? env : undefined;
}
function parseAuthor(value: unknown): MarketplaceAuthor | undefined {
if (!value || typeof value !== "object") return undefined;
const candidate = value as Record<string, unknown>;
if (typeof candidate.name !== "string") return undefined;
return {
name: candidate.name,
url: typeof candidate.url === "string" ? candidate.url : undefined,
};
}
function parseOptionalString(value: unknown): string | undefined {
return typeof value === "string" && value.length > 0 ? value : undefined;
}
export async function fetchMarketplaceCatalog(): Promise<MarketplaceCatalog> {
const urls = [MARKETPLACE_CATALOG_URL];
try {
@@ -188,6 +213,15 @@ export async function fetchMarketplaceCatalog(): Promise<MarketplaceCatalog> {
tagline: candidate.tagline,
description: candidate.description,
tags: toStringArray(candidate.tags),
author: parseAuthor(candidate.author),
homepage: parseOptionalString(candidate.homepage),
repo: parseOptionalString(candidate.repo),
icon: parseOptionalString(candidate.icon),
license: parseOptionalString(candidate.license),
verified:
typeof candidate.verified === "boolean"
? candidate.verified
: undefined,
install: {
args: toStringArray(install.args),
command: install.command,
@@ -31,98 +31,29 @@ describe("isProviderConnected", () => {
it("never counts a disabled provider without credentials", () => {
expect(
isProviderConnected(
makeProvider({
enabled: false,
configFields: [{ path: "baseUrl", label: "Base URL", type: "url" }],
configValues: { baseUrl: "http://localhost:11434" },
}),
),
isProviderConnected(makeProvider({ enabled: false, configured: true })),
).toBe(false);
});
it("counts an enabled structured-config provider with all required fields filled", () => {
it("counts an enabled provider the sidecar reports as configured", () => {
expect(
isProviderConnected(
makeProvider({
enabled: true,
configFields: [
{
path: "gcp.projectId",
label: "Project",
type: "text",
required: true,
},
{ path: "gcp.region", label: "Region", type: "text" },
],
configValues: {
"gcp.projectId": "my-project",
"gcp.region": "us-central1",
},
}),
makeProvider({ id: "ollama", enabled: true, configured: true }),
),
).toBe(true);
});
it("rejects an enabled structured-config provider missing a required field", () => {
it("rejects an enabled provider without sidecar-verified credentials", () => {
// Legacy VS Code migration can seed enabled entries (e.g. qwen-code,
// sapaicore) holding only a default model and no credentials. Enabled
// alone must not read as configured.
expect(
isProviderConnected(
makeProvider({
enabled: true,
configFields: [
{
path: "gcp.projectId",
label: "Project",
type: "text",
required: true,
},
],
configValues: { "gcp.projectId": "" },
}),
makeProvider({ id: "qwen-code", enabled: true, configured: false }),
),
).toBe(false);
});
it("counts an enabled keyless provider (local endpoint)", () => {
expect(
isProviderConnected(
makeProvider({
id: "ollama",
enabled: true,
configFields: [{ path: "baseUrl", label: "Base URL", type: "url" }],
configValues: { baseUrl: "http://localhost:11434" },
}),
),
).toBe(true);
});
it("counts an enabled provider whose auth lives outside the catalog (Bedrock IAM)", () => {
// Bedrock's catalog entry has an *optional* apiKey field ("Optional
// Bedrock bearer token") and no required fields — IAM/profile users
// authenticate entirely outside the catalog and must not be nagged.
expect(
isProviderConnected(
makeProvider({
id: "bedrock",
enabled: true,
configFields: [
{
path: "aws.authentication",
label: "Authentication",
type: "select",
defaultValue: "iam",
},
{ path: "aws.region", label: "AWS Region", type: "text" },
{
path: "apiKey",
label: "Bedrock API Key",
type: "password",
secret: true,
},
],
configValues: { "aws.authentication": "iam", apiKey: "" },
}),
),
).toBe(true);
isProviderConnected(makeProvider({ id: "sapaicore", enabled: true })),
).toBe(false);
});
});
@@ -37,15 +37,15 @@ export function getProviderAuthKind(provider: Provider): ProviderAuthKind {
}
/**
* Whether a provider from the catalog is usable for turns, for the purpose
* of the first-run "connect a model" notice. Plain API keys and OAuth are
* definitive. Beyond those, an enabled provider counts as connected unless
* a *required* config field is unmet: `enabled` means the user deliberately
* persisted settings for it, and its credentials may legitimately live
* outside the catalog (Bedrock IAM/profile auth, env-var keys, keyless
* local endpoints like Ollama), so an empty optional API-key field must not
* disqualify it. A brand-new user has no enabled providers, so the notice
* still shows for them.
* Whether a provider from the catalog is usable for turns, shown as
* "Configured" in settings and consulted by the first-run "connect a model"
* notice. Plain API keys and OAuth are definitive. Beyond those, we rely on
* the sidecar's `configured` flag (the same per-provider readiness check the
* CLI uses), which requires real evidence of credentials: cloud credentials
* for Bedrock/Vertex/SAP AI Core, a local-auth CLI, or a resolvable endpoint
* + model for keyless local providers like Ollama. `enabled` alone is not
* enough legacy VS Code migration and empty saves can persist entries for
* providers the user never actually configured.
*/
export function isProviderConnected(provider: Provider): boolean {
if (provider.apiKey?.trim()) {
@@ -54,17 +54,5 @@ export function isProviderConnected(provider: Provider): boolean {
if (provider.oauthAccessTokenPresent) {
return true;
}
if (!provider.enabled) {
return false;
}
const requiredFields = (provider.configFields ?? []).filter(
(field) => field.required,
);
return requiredFields.every((field) => {
const value = provider.configValues?.[field.path];
if (value === null || value === undefined) {
return false;
}
return String(value).trim() !== "";
});
return provider.enabled && provider.configured === true;
}
@@ -67,6 +67,12 @@ export interface Provider {
color: string;
letter: string;
enabled: boolean;
/**
* Sidecar-computed readiness: true when the persisted settings hold real
* credentials or a usable keyless endpoint, unlike `enabled` which is set
* by any persisted entry (including ones seeded by legacy migration).
*/
configured?: boolean;
apiKey?: string;
oauthAccessTokenPresent?: boolean;
baseUrl?: string;
@@ -21,9 +21,24 @@ export type SessionMetadata = {
version?: string;
trigger?: string;
};
/**
* Provenance the cron runner stamps onto sessions it starts (see
* `buildRunSessionMetadata` in @cline/core). The sidebar groups a
* schedule's runs by `scheduleId` and labels each with `scheduleRunNumber`.
*/
scheduleId?: string;
scheduleName?: string;
scheduleExecutionId?: string;
scheduleRunNumber?: number;
[key: string]: unknown;
};
export interface SessionScheduleInfo {
scheduleId?: string;
scheduleName?: string;
runNumber?: number;
}
export const PINNED_METADATA_KEY = "pinned";
export interface SessionHistoryItem {
@@ -121,6 +136,27 @@ export function getSessionMetadataIsScheduled(
);
}
export function getSessionMetadataSchedule(
metadata?: SessionMetadata,
): SessionScheduleInfo {
const scheduleId =
typeof metadata?.scheduleId === "string" ? metadata.scheduleId.trim() : "";
const scheduleName =
typeof metadata?.scheduleName === "string"
? metadata.scheduleName.trim()
: "";
const runNumber = metadata?.scheduleRunNumber;
return {
...(scheduleId ? { scheduleId } : {}),
...(scheduleName ? { scheduleName } : {}),
...(typeof runNumber === "number" &&
Number.isInteger(runNumber) &&
runNumber > 0
? { runNumber }
: {}),
};
}
export function getSessionMetadataGitBranch(
metadata?: SessionMetadata,
): string {
@@ -0,0 +1,59 @@
/**
* Wire types for the sidecar's session-import commands
* (list_importable_sessions / import_sessions). Mirrors
* sdk/packages/core/src/services/session-import/types.ts kept as a local
* copy so the client bundle never imports node-only core code.
*/
export type SessionImportTool = "claude-code" | "codex" | "opencode";
export const SESSION_IMPORT_TOOL_ORDER: SessionImportTool[] = [
"claude-code",
"codex",
"opencode",
];
export const SESSION_IMPORT_TOOL_LABELS: Record<SessionImportTool, string> = {
"claude-code": "Claude Code",
codex: "Codex",
opencode: "opencode",
};
export interface ImportableSession {
tool: SessionImportTool;
sourceId: string;
sourcePath: string;
title: string;
cwd: string;
startedAtMs: number;
updatedAtMs: number;
messageCount: number;
preview?: string;
alreadyImportedSessionId?: string;
}
export interface ListImportableSessionsResponse {
installedTools: SessionImportTool[];
sessions: ImportableSession[];
}
export interface SessionImportResult {
tool: SessionImportTool;
sourceId: string;
ok: boolean;
sessionId?: string;
title?: string;
error?: string;
/** The source was already imported; sessionId is the existing session. */
alreadyImported?: boolean;
}
export interface SessionImportProgressEvent {
index: number;
total: number;
result: SessionImportResult;
}
export function importSelectionKey(tool: string, sourceId: string): string {
return `${tool}:${sourceId}`;
}
@@ -1,7 +1,9 @@
import { describe, expect, it } from "vitest";
import type { SessionThread } from "@/hooks/use-session-history";
import {
groupScheduledThreads,
groupThreadsByProject,
scheduleRunLabel,
workspaceDisplayName,
} from "./sidebar-session-organization";
@@ -57,4 +59,96 @@ describe("sidebar session organization", () => {
"Chat",
);
});
it("folds scheduled runs into one group per schedule at the newest run's position", () => {
const scheduled = (id: string, runNumber: number) =>
thread(id, "/work/acme/repo", {
title: "Report today's date",
isScheduled: true,
scheduleId: "sched_daily",
scheduleName: "Daily date report",
scheduleRunNumber: runNumber,
});
const rows = groupScheduledThreads([
thread("task-1", "/work/acme/repo"),
scheduled("run-3", 3),
thread("task-2", "/work/acme/repo"),
scheduled("run-2", 2),
thread("other-1", "/work/acme/repo", {
isScheduled: true,
scheduleId: "sched_other",
scheduleName: "Other schedule",
}),
scheduled("run-1", 1),
]);
expect(
rows.map((row) =>
row.kind === "thread"
? row.thread.id
: `${row.label}[${row.threads.map((t) => t.id).join(",")}]`,
),
).toEqual([
"task-1",
"Daily date report[run-3,run-2,run-1]",
"task-2",
"Other schedule[other-1]",
]);
expect(rows[1]).toMatchObject({
kind: "schedule",
id: "schedule:sched_daily",
});
});
it("groups un-stamped scheduled runs by their shared title", () => {
const legacy = (id: string) =>
thread(id, "/work/acme/repo", {
title: "Report today's date to the user.",
isScheduled: true,
});
const rows = groupScheduledThreads([
legacy("legacy-2"),
thread("named-1", "/work/acme/repo", {
title: "Report today's date to the user.",
isScheduled: true,
scheduleId: "sched_daily",
scheduleName: "Daily date report",
}),
legacy("legacy-1"),
]);
// Runs with a schedule id never merge into the title-keyed group.
expect(
rows.map((row) =>
row.kind === "schedule"
? `${row.id}:${row.threads.length}`
: row.thread.id,
),
).toEqual([
"title:report today's date to the user.:2",
"schedule:sched_daily:1",
]);
expect(rows[0]).toMatchObject({
label: "Report today's date to the user.",
});
});
it("labels runs by number and falls back to the start time", () => {
expect(
scheduleRunLabel(
thread("a", "/ws", { isScheduled: true, scheduleRunNumber: 7 }),
),
).toBe("Run 7");
const dated = scheduleRunLabel(
thread("b", "/ws", {
isScheduled: true,
startedAt: "2026-08-31T19:31:40.834Z",
}),
);
expect(dated).toMatch(/Aug 31/);
expect(dated).not.toBe("Run");
expect(scheduleRunLabel(thread("c", "/ws", { isScheduled: true }))).toBe(
"Run",
);
});
});
@@ -1,5 +1,9 @@
import { isChatWorkspacePath } from "@cline/shared/browser";
import type { SessionThread } from "@/hooks/use-session-history";
import { normalizeTitle } from "@/components/utils";
import {
parseTimestamp,
type SessionThread,
} from "@/hooks/use-session-history";
import { normalizeWorkspacePath } from "@/lib/workspace-paths";
// One page of sidebar rows. Large enough to fill the sidebar on a tall
@@ -70,3 +74,87 @@ export function groupThreadsByProject(
threads: group.threads,
}));
}
export type SidebarScheduleGroup = {
kind: "schedule";
/** Stable key: the schedule id when known, otherwise the shared title. */
id: string;
label: string;
/** Runs in the order they were given (newest first in the sidebar). */
threads: SessionThread[];
};
export type SidebarListRow =
| { kind: "thread"; thread: SessionThread }
| SidebarScheduleGroup;
/**
* Key that decides which schedule group a thread joins. Runs stamped with a
* schedule id (or linked to one through the executions list) group by that
* id; older runs without one group by their shared title, since a schedule's
* sessions all start from the same prompt. Non-scheduled threads return null.
*/
export function scheduleGroupKey(thread: SessionThread): string | null {
if (!thread.isScheduled) return null;
const scheduleId = thread.scheduleId?.trim();
if (scheduleId) return `schedule:${scheduleId}`;
const title = normalizeTitle(thread.title).trim().toLowerCase();
return title ? `title:${title}` : null;
}
/**
* Folds every scheduled thread into one row per schedule, keeping each group
* at the position of its first (newest) run so the list still reads in
* recency order. Non-scheduled threads pass through as plain rows.
*/
export function groupScheduledThreads(
threads: readonly SessionThread[],
): SidebarListRow[] {
const rows: SidebarListRow[] = [];
const groups = new Map<string, SidebarScheduleGroup>();
for (const thread of threads) {
const key = scheduleGroupKey(thread);
if (!key) {
rows.push({ kind: "thread", thread });
continue;
}
const existing = groups.get(key);
if (existing) {
existing.threads.push(thread);
if (!existing.label) existing.label = scheduleGroupLabel(thread);
continue;
}
const group: SidebarScheduleGroup = {
kind: "schedule",
id: key,
label: scheduleGroupLabel(thread),
threads: [thread],
};
groups.set(key, group);
rows.push(group);
}
return rows;
}
function scheduleGroupLabel(thread: SessionThread): string {
return thread.scheduleName?.trim() || normalizeTitle(thread.title).trim();
}
/**
* Label for one run inside a schedule group. Runs the runner numbered show
* "Run N"; older runs fall back to when they started, which is the next
* best way to tell them apart.
*/
export function scheduleRunLabel(thread: SessionThread): string {
if (thread.scheduleRunNumber) return `Run ${thread.scheduleRunNumber}`;
const started = parseTimestamp(thread.startedAt);
if (Number.isFinite(started)) {
return new Date(started).toLocaleString(undefined, {
month: "short",
day: "numeric",
hour: "numeric",
minute: "2-digit",
});
}
return "Run";
}
@@ -1,3 +0,0 @@
<svg width="205" height="193" viewBox="0 0 205 193" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M118.894 28.2461C118.894 19.3941 111.59 12.1251 102.222 12.125C92.8539 12.125 85.5499 19.394 85.5499 28.2461C85.5499 30.3758 85.9304 33.1689 86.7003 36.542L88.3927 43.9531H49.1749C40.8046 43.9531 34.0189 50.7388 34.0187 59.1094V87.875L13.2052 112.156L34.0187 136.437V165.203C34.0187 173.574 40.8044 180.359 49.1749 180.359H155.269C163.639 180.359 170.425 173.574 170.425 165.203V136.437L191.236 112.156L170.425 87.875V59.1094C170.425 50.739 163.639 43.9533 155.269 43.9531H116.051L117.742 36.542C118.512 33.1689 118.894 30.3758 118.894 28.2461ZM131.012 28.8877C130.992 29.8428 130.928 30.8253 130.827 31.8281H155.269C170.336 31.8283 182.55 44.0428 182.55 59.1094V83.3906L202.345 106.485C205.141 109.749 205.142 114.564 202.345 117.828L182.55 140.921V165.203C182.55 180.27 170.336 192.484 155.269 192.484H49.1749C34.1079 192.484 21.8937 180.27 21.8937 165.203V140.923L2.09777 117.828C-0.699604 114.564 -0.69891 109.749 2.09777 106.485L21.8937 83.3896V59.1094C21.8939 44.0427 34.1079 31.8281 49.1749 31.8281H73.6163C73.5159 30.8253 73.4516 29.8428 73.4318 28.8877L73.4249 28.2461C73.4249 12.3814 86.478 0 102.222 0C117.965 0.00014284 131.019 12.3814 131.019 28.2461L131.012 28.8877Z" fill="black"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

@@ -1,3 +0,0 @@
<svg width="205" height="193" viewBox="0 0 205 193" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M102.222 11.625C92.5893 11.6251 85.0497 19.1063 85.0497 28.2461L85.0546 28.6631C85.1002 30.7847 85.4871 33.4739 86.2128 36.6533L87.7655 43.4531H49.1747C40.5283 43.4532 33.5187 50.4628 33.5185 59.1094V87.6895L12.8251 111.831L12.5468 112.156L12.8251 112.481L33.5185 136.621V165.203C33.5185 173.85 40.528 180.859 49.1747 180.859H155.269C163.915 180.859 170.925 173.85 170.925 165.203V136.621L191.616 112.481L191.895 112.156L191.616 111.831L170.925 87.6895V59.1094L170.92 58.7051C170.705 50.2454 163.78 43.4533 155.269 43.4531H116.678L118.229 36.6533C119.004 33.262 119.394 30.4282 119.394 28.2461L119.388 27.8193C119.157 18.8746 111.704 11.6251 102.222 11.625ZM22.3935 140.738L22.2733 140.598L2.47742 117.503C-0.159452 114.426 -0.158827 109.887 2.47742 106.811L22.2733 83.7148L22.3935 83.5742V59.1094C22.3937 44.3189 34.3839 32.3282 49.1747 32.3281H74.1688L74.1142 31.7783C74.0148 30.7865 73.9511 29.817 73.9315 28.877L73.9247 28.2461C73.9247 12.6714 86.7399 0.50006 102.222 0.5C117.703 0.50014 130.519 12.6714 130.519 28.2461L130.512 28.877C130.492 29.817 130.429 30.7865 130.33 31.7783L130.274 32.3281H155.269C170.059 32.3283 182.05 44.3189 182.05 59.1094V83.5752L182.17 83.7158L201.965 106.811C204.601 109.887 204.602 114.426 201.965 117.503L182.17 140.596L182.05 140.736V165.203C182.05 179.994 170.059 191.984 155.269 191.984H49.1747C34.3839 191.984 22.3935 179.994 22.3935 165.203V140.738Z" stroke="black"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

Some files were not shown because too many files have changed in this diff Show More