Merge branch 'acorn/creator-view-refactored'

Author: Acorn221

package-lock.json

@@ -2,3 +2,4 @@ export { handleUri } from "./handleUri"
 export { registerCommands } from "./registerCommands"
 export { registerCodeActions } from "./registerCodeActions"
 export { registerTerminalActions } from "./registerTerminalActions"
+export { registerPearListener } from "./registerPearListener"

src/activate/index.ts

@@ -0,0 +1,78 @@
+import * as vscode from "vscode"
+import { ClineProvider } from "../core/webview/ClineProvider"
+import { assert } from "../utils/util"
+
+export const getPearaiExtension = async () => {
+	const pearAiExtension = vscode.extensions.getExtension("pearai.pearai")
+
+	assert(!!pearAiExtension, "PearAI extension not found")
+
+	if (!pearAiExtension.isActive) {
+		await pearAiExtension.activate()
+	}
+
+	return pearAiExtension
+}
+
+export const registerPearListener = async () => {
+	// Getting the pear ai extension instance
+	const pearAiExtension = await getPearaiExtension()
+
+	// Access the API directly from exports
+	if (pearAiExtension.exports) {
+		pearAiExtension.exports.pearAPI.creatorMode.onDidRequestExecutePlan(async (msg: any) => {
+			console.dir(`onDidRequestNewTask triggered with: ${JSON.stringify(msg)}`)
+
+			// Get the sidebar provider
+			const sidebarProvider = ClineProvider.getSidebarInstance()
+
+			if (sidebarProvider) {
+				// Focus the sidebar first
+				await vscode.commands.executeCommand("pearai-roo-cline.SidebarProvider.focus")
+
+				// Wait for the view to be ready using a helper function
+				await ensureViewIsReady(sidebarProvider)
+
+				// Switch to creator mode
+				await sidebarProvider.handleModeSwitch("creator")
+				await sidebarProvider.postStateToWebview()
+
+				// Navigate to chat view
+				await sidebarProvider.postMessageToWebview({ type: "action", action: "chatButtonClicked" })
+
+				// Wait a brief moment for UI to update
+				await new Promise((resolve) => setTimeout(resolve, 300))
+
+				// Initialize with task
+				await sidebarProvider.initClineWithTask(msg.plan, undefined, undefined, true)
+			}
+		})
+	} else {
+		console.error("⚠️⚠️ PearAI API not available in exports ⚠️⚠️")
+	}
+}
+
+// TODO: decide if this is needed
+// Helper function to ensure the webview is ready
+async function ensureViewIsReady(provider: ClineProvider): Promise<void> {
+	// If the view is already launched, we're good to go
+	if (provider.viewLaunched) {
+		return
+	}
+
+	// Otherwise, we need to wait for it to initialize
+	return new Promise((resolve) => {
+		// Set up a one-time listener for when the view is ready
+		const disposable = provider.on("clineAdded", () => {
+			// Clean up the listener
+			disposable.dispose()
+			resolve()
+		})
+
+		// Set a timeout just in case
+		setTimeout(() => {
+			disposable.dispose()
+			resolve()
+		}, 5000)
+	})
+}

src/activate/registerPearListener.ts

@@ -111,6 +111,7 @@ export class ClineProvider extends EventEmitter<ClineProviderEvents> implements
 		readonly context: vscode.ExtensionContext,
 		private readonly outputChannel: vscode.OutputChannel,
 		private readonly renderContext: "sidebar" | "editor" = "sidebar",
+		private readonly isCreatorView: boolean = false,
 	) {
 		super()
 
@@ -137,6 +138,16 @@ export class ClineProvider extends EventEmitter<ClineProviderEvents> implements
 			})
 	}
 
+	public static getSidebarInstance(): ClineProvider | undefined {
+		const sidebar = Array.from(this.activeInstances).find((instance) => !instance.isCreatorView)
+
+		if (!sidebar?.view?.visible) {
+			vscode.commands.executeCommand("pearai-roo-cline.SidebarProvider.focus")
+		}
+
+		return sidebar
+	}
+
 	// Adds a new Cline instance to clineStack, marking the start of a new task.
 	// The instance is pushed to the top of the stack (LIFO order).
 	// When the task is completed, the top instance is removed, reactivating the previous task.
@@ -477,7 +488,7 @@ export class ClineProvider extends EventEmitter<ClineProviderEvents> implements
 	// when initializing a new task, (not from history but from a tool command new_task) there is no need to remove the previouse task
 	// since the new task is a sub task of the previous one, and when it finishes it is removed from the stack and the caller is resumed
 	// in this way we can have a chain of tasks, each one being a sub task of the previous one until the main task is finished
-	public async initClineWithTask(task?: string, images?: string[], parentTask?: Cline) {
+	public async initClineWithTask(task?: string, images?: string[], parentTask?: Cline, creatorMode?: boolean) {
 		const {
 			apiConfiguration,
 			customModePrompts,
@@ -497,7 +508,11 @@ export class ClineProvider extends EventEmitter<ClineProviderEvents> implements
 
 		const cline = new Cline({
 			provider: this,
-			apiConfiguration: { ...apiConfiguration, pearaiAgentModels },
+			apiConfiguration: {
+				...apiConfiguration,
+				creatorMode,
+				pearaiAgentModels,
+			},
 			customInstructions: effectiveInstructions,
 			enableDiff,
 			enableCheckpoints,

src/core/webview/ClineProvider.ts

@@ -23,7 +23,13 @@ import { telemetryService } from "./services/telemetry/TelemetryService"
 import { TerminalRegistry } from "./integrations/terminal/TerminalRegistry"
 import { API } from "./exports/api"
 
-import { handleUri, registerCommands, registerCodeActions, registerTerminalActions } from "./activate"
+import {
+	handleUri,
+	registerCommands,
+	registerCodeActions,
+	registerTerminalActions,
+	registerPearListener,
+} from "./activate"
 import { formatLanguage } from "./shared/language"
 
 /**
@@ -255,6 +261,7 @@ export function activate(context: vscode.ExtensionContext) {
 
 	registerCodeActions(context)
 	registerTerminalActions(context)
+	registerPearListener()
 
 	context.subscriptions.push(
 		vscode.commands.registerCommand("roo-cline.focus", async (...args: any[]) => {

src/extension.ts

@@ -90,6 +90,7 @@ export interface ApiHandlerOptions {
 export type ApiConfiguration = ApiHandlerOptions & {
 	apiProvider?: ApiProvider
 	id?: string // stable unique identifier
+	creatorMode?: boolean
 }
 
 // Import GlobalStateKey type from globalState.ts

src/shared/api.ts

@@ -0,0 +1,10 @@
+export const CREATOR_MODE_PLANNING_PROMPT = `
+Depending on the user's request, you may need to do some information gathering (for example using read_file or search_files) to get more context about the task.
+You may also ask the user clarifying questions to get a better understanding of the task.
+Once you've gained more context about the user's request, you should create a detailed plan for how to accomplish the task.
+Focus on breaking down complex tasks into manageable steps, considering technical requirements, potential challenges, and best practices.
+The plan should be clear enough that it can be directly implemented by switching to Code mode afterward.
+(Directly write the plan to a markdown file instead of showing it as normal response.)\n\n
+Once you create and write the plan, you mark the task as completed.
+You only make plans and you should not ask or switch to any other mode.
+Keep the plan brief, mainly feature based (include a feature list), and no steps, a product outline.`

src/shared/creatorMode.ts

@@ -1,6 +1,7 @@
 import * as vscode from "vscode"
 import { TOOL_GROUPS, ToolGroup, ALWAYS_AVAILABLE_TOOLS } from "./tool-groups"
 import { addCustomInstructions } from "../core/prompts/sections/custom-instructions"
+import { CREATOR_MODE_PLANNING_PROMPT } from "./creatorMode"
 
 // Mode types
 export type Mode = string
@@ -78,6 +79,14 @@ export function getToolsForMode(groups: readonly GroupEntry[]): string[] {
 
 // Main modes configuration as an ordered array
 export const modes: readonly ModeConfig[] = [
+	{
+		slug: "creator",
+		name: "Creator",
+		roleDefinition:
+			"You are PearAI Agent (Powered by Roo Code / Cline), a creative and systematic software architect focused on turning high-level ideas into actionable plans. Your primary goal is to help users transform their ideas into structured action plans.",
+		groups: ["read", ["edit", { fileRegex: "\\.md$", description: "Markdown files only" }], "browser", "mcp"],
+		customInstructions: CREATOR_MODE_PLANNING_PROMPT,
+	},
 	{
 		slug: "code",
 		name: "Code",

src/shared/modes.ts

@@ -0,0 +1,19 @@
+class AssertionError extends Error {
+	constructor(message: string) {
+		super(message)
+		// Adding the stack info to error.
+		// Inspired by: https://blog.dennisokeeffe.com/blog/2020-08-07-error-tracing-with-sentry-and-es6-classes
+		if (Error.captureStackTrace) {
+			Error.captureStackTrace(this, AssertionError)
+		} else {
+			this.stack = new Error(message).stack
+		}
+		this.name = "AssertionError"
+	}
+}
+
+export function assert(condition: boolean, message: string): asserts condition {
+	if (!condition) {
+		throw new AssertionError(message)
+	}
+}