diff --git a/lib/prompt-editor/src/PromptEditor.tsx b/lib/prompt-editor/src/PromptEditor.tsx
index 19e9a80677f7..5d7da092b745 100644
--- a/lib/prompt-editor/src/PromptEditor.tsx
+++ b/lib/prompt-editor/src/PromptEditor.tsx
@@ -117,7 +117,7 @@ export const PromptEditor: FunctionComponent<Props> = ({
                                     // Ensure element is focused in case the editor is empty. Copied
                                     // from LexicalAutoFocusPlugin.
                                     const doFocus = () =>
-                                        editor.getRootElement()?.focus({ preventScroll: true })
+                                        editor.getRootElement()?.focus({ preventScroll: false })
                                     doFocus()
 
                                     // HACK(sqs): Needed in VS Code webviews to actually get it to focus
diff --git a/vscode/webviews/CodyPanel.tsx b/vscode/webviews/CodyPanel.tsx
index c0a8c80f6e12..1b3e9211de95 100644
--- a/vscode/webviews/CodyPanel.tsx
+++ b/vscode/webviews/CodyPanel.tsx
@@ -1,50 +1,54 @@
 import {
     type AuthStatus,
+    type ChatMessage,
     type ClientCapabilitiesWithLegacyFields,
     CodyIDE,
     FeatureFlag,
+    type Guardrails,
+    firstValueFrom,
 } from '@sourcegraph/cody-shared'
 import { useExtensionAPI, useObservable } from '@sourcegraph/prompt-editor'
 import type React from 'react'
-import { type ComponentProps, type FunctionComponent, useEffect, useMemo, useRef } from 'react'
+import { type FunctionComponent, useEffect, useMemo, useRef } from 'react'
 import type { ConfigurationSubsetForWebview, LocalEnv } from '../src/chat/protocol'
 import styles from './App.module.css'
 import { Chat } from './Chat'
+import { useClientActionDispatcher } from './client/clientState'
 import { ConnectivityStatusBanner } from './components/ConnectivityStatusBanner'
 import { Notices } from './components/Notices'
 import { StateDebugOverlay } from './components/StateDebugOverlay'
 import { TabContainer, TabRoot } from './components/shadcn/ui/tabs'
 import { AccountTab, HistoryTab, PromptsTab, SettingsTab, TabsBar, View } from './tabs'
+import type { VSCodeWrapper } from './utils/VSCodeApi'
 import { useFeatureFlag } from './utils/useFeatureFlags'
 import { TabViewContext } from './utils/useTabView'
 
+interface CodyPanelProps {
+    view: View
+    setView: (view: View) => void
+    configuration: {
+        config: LocalEnv & ConfigurationSubsetForWebview
+        clientCapabilities: ClientCapabilitiesWithLegacyFields
+        authStatus: AuthStatus
+    }
+    errorMessages: string[]
+    attributionEnabled: boolean
+    chatEnabled: boolean
+    messageInProgress: ChatMessage | null
+    transcript: ChatMessage[]
+    vscodeAPI: Pick<VSCodeWrapper, 'postMessage' | 'onMessage'>
+    setErrorMessages: (errors: string[]) => void
+    guardrails?: Guardrails
+    showWelcomeMessage?: boolean
+    showIDESnippetActions?: boolean
+    smartApplyEnabled?: boolean
+    onExternalApiReady?: (api: CodyExternalApi) => void
+}
+
 /**
  * The Cody tab panel, with tabs for chat, history, prompts, etc.
  */
-export const CodyPanel: FunctionComponent<
-    {
-        view: View
-        setView: (view: View) => void
-        configuration: {
-            config: LocalEnv & ConfigurationSubsetForWebview
-            clientCapabilities: ClientCapabilitiesWithLegacyFields
-            authStatus: AuthStatus
-        }
-        errorMessages: string[]
-        setErrorMessages: (errors: string[]) => void
-        attributionEnabled: boolean
-    } & Pick<
-        ComponentProps<typeof Chat>,
-        | 'chatEnabled'
-        | 'messageInProgress'
-        | 'transcript'
-        | 'vscodeAPI'
-        | 'guardrails'
-        | 'showWelcomeMessage'
-        | 'showIDESnippetActions'
-        | 'smartApplyEnabled'
-    >
-> = ({
+export const CodyPanel: FunctionComponent<CodyPanelProps> = ({
     view,
     setView,
     configuration: { config, clientCapabilities, authStatus },
@@ -59,13 +63,19 @@ export const CodyPanel: FunctionComponent<
     showIDESnippetActions,
     showWelcomeMessage,
     smartApplyEnabled,
+    onExternalApiReady,
 }) => {
     const tabContainerRef = useRef<HTMLDivElement>(null)
 
+    const externalAPI = useExternalAPI()
     const api = useExtensionAPI()
     const { value: chatModels } = useObservable(useMemo(() => api.chatModels(), [api.chatModels]))
     const isPromptsV2Enabled = useFeatureFlag(FeatureFlag.CodyPromptsV2)
 
+    useEffect(() => {
+        onExternalApiReady?.(externalAPI)
+    }, [onExternalApiReady, externalAPI])
+
     useEffect(() => {
         const subscription = api.clientActionBroadcast().subscribe(action => {
             switch (action.type) {
@@ -126,7 +136,11 @@ export const CodyPanel: FunctionComponent<
                         />
                     )}
                     {view === View.Prompts && (
-                        <PromptsTab setView={setView} isPromptsV2Enabled={isPromptsV2Enabled} />
+                        <PromptsTab
+                            IDE={clientCapabilities.agentIDE}
+                            setView={setView}
+                            isPromptsV2Enabled={isPromptsV2Enabled}
+                        />
                     )}
                     {view === View.Account && <AccountTab setView={setView} />}
                     {view === View.Settings && <SettingsTab />}
@@ -155,3 +169,40 @@ const ErrorBanner: React.FunctionComponent<{ errors: string[]; setErrors: (error
             ))}
         </div>
     )
+
+export interface ExternalPrompt {
+    text: string
+    autoSubmit: boolean
+    mode?: ChatMessage['intent']
+}
+
+export interface CodyExternalApi {
+    runPrompt: (action: ExternalPrompt) => Promise<void>
+}
+
+function useExternalAPI(): CodyExternalApi {
+    const dispatchClientAction = useClientActionDispatcher()
+    const extensionAPI = useExtensionAPI()
+
+    return useMemo(
+        () => ({
+            runPrompt: async (prompt: ExternalPrompt) => {
+                const promptEditorState = await firstValueFrom(
+                    extensionAPI.hydratePromptMessage(prompt.text)
+                )
+
+                dispatchClientAction(
+                    {
+                        editorState: promptEditorState,
+                        submitHumanInput: prompt.autoSubmit,
+                        setLastHumanInputIntent: prompt.mode ?? 'chat',
+                    },
+                    // Buffer because PromptEditor is not guaranteed to be mounted after the `setView`
+                    // call above, and it needs to be mounted to receive the action.
+                    { buffer: true }
+                )
+            },
+        }),
+        [extensionAPI, dispatchClientAction]
+    )
+}
diff --git a/vscode/webviews/chat/components/WelcomeMessage.tsx b/vscode/webviews/chat/components/WelcomeMessage.tsx
index 4fa722bed31d..f8c9a113a097 100644
--- a/vscode/webviews/chat/components/WelcomeMessage.tsx
+++ b/vscode/webviews/chat/components/WelcomeMessage.tsx
@@ -33,7 +33,9 @@ export const WelcomeMessage: FunctionComponent<WelcomeMessageProps> = ({
 
     return (
         <div className="tw-flex-1 tw-flex tw-flex-col tw-items-start tw-w-full tw-px-8 tw-gap-6 tw-transition-all">
-            {isPromptsV2Enabled && <PromptMigrationWidget dismissible={true} className="tw-w-full" />}
+            {isPromptsV2Enabled && IDE !== CodyIDE.Web && (
+                <PromptMigrationWidget dismissible={true} className="tw-w-full" />
+            )}
             <div className="tw-flex tw-flex-col tw-gap-4 tw-w-full">
                 <PromptList
                     showSearch={false}
diff --git a/vscode/webviews/prompts/PromptsTab.tsx b/vscode/webviews/prompts/PromptsTab.tsx
index 9a3ae34b907c..3a09323373b0 100644
--- a/vscode/webviews/prompts/PromptsTab.tsx
+++ b/vscode/webviews/prompts/PromptsTab.tsx
@@ -5,21 +5,22 @@ import { PromptList } from '../components/promptList/PromptList'
 import { View } from '../tabs/types'
 import { getVSCodeAPI } from '../utils/VSCodeApi'
 
-import { firstValueFrom } from '@sourcegraph/cody-shared'
+import { CodyIDE, firstValueFrom } from '@sourcegraph/cody-shared'
 import type { PromptMode } from '@sourcegraph/cody-shared/src/sourcegraph-api/graphql/client'
 import { useExtensionAPI } from '@sourcegraph/prompt-editor'
 import { PromptMigrationWidget } from '../components/promptsMigration/PromptsMigration'
 import styles from './PromptsTab.module.css'
 
 export const PromptsTab: React.FC<{
+    IDE: CodyIDE
     setView: (view: View) => void
     isPromptsV2Enabled?: boolean
-}> = ({ setView, isPromptsV2Enabled }) => {
+}> = ({ IDE, setView, isPromptsV2Enabled }) => {
     const runAction = useActionSelect()
 
     return (
         <div className="tw-overflow-auto tw-h-full tw-flex tw-flex-col tw-gap-6">
-            {isPromptsV2Enabled && (
+            {isPromptsV2Enabled && IDE !== CodyIDE.Web && (
                 <PromptMigrationWidget dismissible={false} className={styles.promptMigrationWidget} />
             )}
             <PromptList
diff --git a/web/CHANGELOG.md b/web/CHANGELOG.md
index 65f1dbac5205..3e43da7dd748 100644
--- a/web/CHANGELOG.md
+++ b/web/CHANGELOG.md
@@ -1,3 +1,6 @@
+## 0.11.0
+- Support an external API for Cody Panel functionality (now you can trigger running prompts outside of Cody Web component)
+
 ## 0.10.0
 - Prompts UI update (new prompts list, tab and recent prompts popover)
 - Improved performance by bypassing rpc messages hydration
diff --git a/web/lib/components/CodyWebChat.tsx b/web/lib/components/CodyWebChat.tsx
index ff4ff797b75f..f72640ca0267 100644
--- a/web/lib/components/CodyWebChat.tsx
+++ b/web/lib/components/CodyWebChat.tsx
@@ -25,7 +25,7 @@ import { ComposedWrappers, type Wrapper } from 'cody-ai/webviews/utils/composeWr
 import { createWebviewTelemetryRecorder } from 'cody-ai/webviews/utils/telemetry'
 import type { Config } from 'cody-ai/webviews/utils/useConfig'
 
-import type { InitialContext } from '../types'
+import type { CodyExternalApi, InitialContext } from '../types'
 
 import { useCodyWebAgent } from './use-cody-agent'
 
@@ -50,6 +50,14 @@ export interface CodyWebChatProps {
     initialContext?: InitialContext
     customHeaders?: Record<string, string>
     className?: string
+
+    /**
+     * Whenever an external (imperative) Cody Chat API instance is ready,
+     * for example it gives you ability to run prompt, Note that this handler
+     * should be memoized and not change between components re-render, otherwise
+     * it will be stuck in infinite update loop
+     */
+    onExternalApiReady?: (api: CodyExternalApi) => void
 }
 /**
  * The root component node for Cody Web Chat, implements Cody Agent client
@@ -66,6 +74,7 @@ export const CodyWebChat: FunctionComponent<CodyWebChatProps> = ({
     telemetryClientName,
     customHeaders,
     className,
+    onExternalApiReady,
 }) => {
     const { client, vscodeAPI } = useCodyWebAgent({
         serverEndpoint,
@@ -91,6 +100,7 @@ export const CodyWebChat: FunctionComponent<CodyWebChatProps> = ({
                     vscodeAPI={vscodeAPI}
                     initialContext={initialContext}
                     className={styles.container}
+                    onExternalApiReady={onExternalApiReady}
                 />
             </div>
         </AppWrapper>
@@ -101,10 +111,11 @@ interface CodyWebPanelProps {
     vscodeAPI: VSCodeWrapper
     initialContext: InitialContext | undefined
     className?: string
+    onExternalApiReady?: (api: CodyExternalApi) => void
 }
 
 const CodyWebPanel: FC<CodyWebPanelProps> = props => {
-    const { vscodeAPI, initialContext: initialContextData, className } = props
+    const { vscodeAPI, initialContext: initialContextData, className, onExternalApiReady } = props
 
     const dispatchClientAction = useClientActionDispatcher()
     const [errorMessages, setErrorMessages] = useState<string[]>([])
@@ -257,6 +268,7 @@ const CodyWebPanel: FC<CodyWebPanelProps> = props => {
                             messageInProgress={messageInProgress}
                             transcript={transcript}
                             vscodeAPI={vscodeAPI}
+                            onExternalApiReady={onExternalApiReady}
                         />
                     </ComposedWrappers>
                 </ChatMentionContext.Provider>
diff --git a/web/lib/index.ts b/web/lib/index.ts
index 12a842db9c63..b64591fe4243 100644
--- a/web/lib/index.ts
+++ b/web/lib/index.ts
@@ -1,4 +1,4 @@
 export { CodyWebChat, type CodyWebChatProps } from './components/CodyWebChat'
 export { ChatSkeleton } from './components/skeleton/ChatSkeleton'
 
-export type { Repository, InitialContext } from './types'
+export type { Repository, InitialContext, CodyExternalApi } from './types'
diff --git a/web/lib/types.ts b/web/lib/types.ts
index a3fb782ecd6c..f82981ef61c2 100644
--- a/web/lib/types.ts
+++ b/web/lib/types.ts
@@ -1,3 +1,15 @@
+// Copy of external prompts interface from CodyPanel component since
+// type re-exports don't work with Cody Web bundle
+export interface ExternalPrompt {
+    text: string
+    autoSubmit: boolean
+    mode?: 'search' | 'chat' | 'edit' | 'insert'
+}
+
+export interface CodyExternalApi {
+    runPrompt: (action: ExternalPrompt) => Promise<void>
+}
+
 export interface Repository {
     id: string
     name: string
diff --git a/web/package.json b/web/package.json
index 6632eede6d5d..3c05fce76526 100644
--- a/web/package.json
+++ b/web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sourcegraph/cody-web",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "description": "Cody standalone web app",
   "license": "Apache-2.0",
   "repository": {