Merge branch 'dev'

Author: robertpiosik

README.md

@@ -4,13 +4,17 @@
 
 Blazing fast AI pair programming for production-grade code. Select context as you go for pro accuracy and game-changing speed.
 
-Works with VS Code, Cursor, Windsurf, and others.
+Works with **VS Code**, **Cursor**, **Windsurf**, **VSCodium**, and others.
+
+✅ **Sends prompts anywhere**
+
+- Chatbots—ChatGPT, Claude, Gemini, AI Studio, Qwen, etc.
+- Model providers—Gemini API, OpenRouter, local Ollama, etc.
 
-✅ **Initializes free chatbots**—ChatGPT, Claude, Gemini, AI Studio, Qwen, and 10+ more \
-✅ **Calls model providers**—bring your own keys or use local models via Ollama \
 ✅ **Applies responses**—multi-file changes integration with easy rollback \
-✅ **Batteries included**—code completions, commit messages, and more \
-❤️ **Free and open-source**—released under the GPL-3.0 license
+🔋 **Batteries included**—code completions, commit messages, etc. \
+❤️ **Free and open-source**—released under the GPL-3.0 license \
+🔒️ **Privacy focused**—operates 100% on your local machine
 
 <p>
 <img src="https://github.com/robertpiosik/CodeWebChat/raw/HEAD/packages/shared/src/media/demo.gif" alt="Walkthrough" />

packages/shared/src/types/file-in-preview.ts

@@ -11,3 +11,10 @@ export type FileInPreview = {
   diff_fallback_method?: 'recount' | 'search_and_replace'
   content?: string
 }
+
+export type TextContentInPreview = {
+  type: 'text'
+  content: string
+}
+
+export type ItemInPreview = FileInPreview | TextContentInPreview

packages/ui/src/components/editor/panel/ResponsePreview/ResponsePreview.module.scss

@@ -43,6 +43,16 @@
   }
 }
 
+.textItem {
+  padding: var(--padding-5px) var(--padding-12px);
+  margin: 0 var(--padding-12px) var(--padding-8px) var(--padding-12px);
+  color: var(--vscode-descriptionForeground);
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  border: 1px solid var(--vscode-sideBarSectionHeader-border);
+  border-radius: var(--border-radius-5px);
+}
+
 .list {
   padding: 0 var(--spacing-s);
 }

packages/ui/src/components/editor/panel/ResponsePreview/ResponsePreview.stories.tsx

@@ -1,5 +1,6 @@
 import { useState } from 'react'
 import { ResponsePreview } from './ResponsePreview'
+import { ItemInPreview } from '@shared/types/file-in-preview'
 
 export default {
   component: ResponsePreview
@@ -59,8 +60,10 @@ const log_action =
   }
 
 const InteractiveResponsePreview = (props: any) => {
-  const [files, set_files] = useState(
-    props.files.map((f: any) => ({ ...f, is_checked: true }))
+  const [items, set_items] = useState(
+    props.items.map((f: any) =>
+      'file_path' in f ? { ...f, is_checked: true } : f
+    )
   )
 
   const handle_toggle_file = ({
@@ -72,9 +75,11 @@ const InteractiveResponsePreview = (props: any) => {
     workspace_name?: string
     is_checked: boolean
   }) => {
-    set_files(
-      files.map((f: any) =>
-        f.file_path === file_path && f.workspace_name === workspace_name
+    set_items(
+      items.map((f: any) =>
+        'file_path' in f &&
+        f.file_path === file_path &&
+        f.workspace_name === workspace_name
           ? { ...f, is_checked }
           : f
       )
@@ -85,7 +90,7 @@ const InteractiveResponsePreview = (props: any) => {
   return (
     <ResponsePreview
       {...props}
-      files={files}
+      items={items}
       on_toggle_file={handle_toggle_file}
       on_discard={log_action('on_undo')}
       on_approve={log_action('on_keep')}
@@ -96,21 +101,21 @@ const InteractiveResponsePreview = (props: any) => {
   )
 }
 
-export const Default = () => <InteractiveResponsePreview files={base_files} />
+export const Default = () => <InteractiveResponsePreview items={base_files} />
 
 export const WithSingleFile = () => (
-  <InteractiveResponsePreview files={[base_files[0]]} />
+  <InteractiveResponsePreview items={[base_files[0]]} />
 )
 
 export const WithFallbacks = () => (
   <InteractiveResponsePreview
-    files={[...base_files, ...files_using_fallbacks]}
+    items={[...base_files, ...files_using_fallbacks]}
   />
 )
 
 export const WithMultipleWorkspaces = () => (
   <InteractiveResponsePreview
-    files={[
+    items={[
       {
         ...base_files[0],
         workspace_name: 'project-a'
@@ -127,3 +132,17 @@ export const WithMultipleWorkspaces = () => (
     has_multiple_workspaces={true}
   />
 )
+
+export const WithText = () => (
+  <InteractiveResponsePreview
+    items={[
+      { type: 'text', content: 'This is a text item.' },
+      ...base_files,
+      {
+        type: 'text',
+        content: 'Another text item explaining something.'
+      },
+      ...files_using_fallbacks
+    ]}
+  />
+)