fix: address 2 bugs from Devin Review on workspaceStore - Fix updateChildrenPaths: use startsWith+slice instead of String.replace() to prevent incorrect substring matching when renaming files/folders - Fix duplicateFile: deep-clone children with new IDs and paths when duplicating folders to avoid shared references Co-Authored-By: Thuong Huynh <admin@huynhthuong.online>

.github/workflows/datadog-synthetics.yml

@@ -16,23 +16,53 @@ name: Run Datadog Synthetic tests
 on:
   push:
     branches: [ "main" ]
+    paths-ignore:
+      - '**/*.md'
+      - 'docs/**'
+      - '.github/**'
+      - '!.github/workflows/datadog-synthetics.yml'
   pull_request:
     branches: [ "main" ]
+    paths-ignore:
+      - '**/*.md'
+      - 'docs/**'
+      - '.github/**'
+      - '!.github/workflows/datadog-synthetics.yml'
+  workflow_dispatch:
 
 jobs:
   build:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v4
+    - name: Check Datadog secrets
+      id: check_secrets
+      env:
+        DD_API_KEY: ${{ secrets.DD_API_KEY }}
+        DD_APP_KEY: ${{ secrets.DD_APP_KEY }}
+      run: |
+        if [ -z "$DD_API_KEY" ] || [ -z "$DD_APP_KEY" ]; then
+          echo "Datadog secrets not configured; skipping Synthetic tests."
+          echo "skip=true" >> "$GITHUB_OUTPUT"
+        else
+          echo "skip=false" >> "$GITHUB_OUTPUT"
+        fi
+
+    - if: steps.check_secrets.outputs.skip != 'true'
+      uses: actions/checkout@v4
 
     # Run Synthetic tests within your GitHub workflow.
     # For additional configuration options visit the action within the marketplace: https://github.com/marketplace/actions/datadog-synthetics-ci
     - name: Run Datadog Synthetic tests
+      if: steps.check_secrets.outputs.skip != 'true'
       uses: DataDog/synthetics-ci-github-action@87b505388a22005bb8013481e3f73a367b9a53eb # v1.4.0
       with:
         api_key: ${{secrets.DD_API_KEY}}
         app_key: ${{secrets.DD_APP_KEY}}
-        test_search_query: 'tag:e2e-tests' #Modify this tag to suit your tagging strategy
+        # Pin tests explicitly by public_id so the CI test set is controlled via code review.
+        # Replace the placeholders below with the real Datadog Synthetic test public_ids.
+        public_ids: |
+          xxx-xxx-xxx
+          yyy-yyy-yyy
 
 

README.md

@@ -1,6 +1,89 @@
 # Workspace IDE
 
-A modern, flexible workspace IDE built with React + TypeScript. Provides a complete development environment with resizable panes, tabbed editors, file management, and integrated tools.
+> A modern, flexible browser-based IDE built with React + TypeScript. Provides a complete development environment with resizable panes, tabbed editors, file management, and integrated tools.
+
+---
+
+## Table of Contents
+
+- [Description](#description)
+- [Installation](#installation)
+- [Usage](#usage)
+- [Features](#features)
+- [Tech Stack](#tech-stack)
+- [Project Structure](#project-structure)
+- [Architecture](#architecture)
+- [Keyboard Shortcuts](#keyboard-shortcuts)
+- [Contributing](#contributing)
+- [License](#license)
+- [Contact](#contact)
+
+---
+
+## Description
+
+Workspace IDE is a browser-based Integrated Development Environment that provides a multi-window, multi-pane workspace for software development. It enables users to manage files, execute code, view live previews, and monitor real-time resource telemetry -- all within a single browser tab.
+
+Key highlights:
+
+- **Multi-window support** with resizable, split, and floating panes
+- **Tabbed interface** for editors, terminals, previews, and more
+- **File tree** with full CRUD operations and context menus
+- **Integrated tools** including code editor, shell, console, AI agent, and secrets manager
+- **Real-time resource monitoring** for RAM, CPU, and storage
+- **Global search** with keyboard navigation (Ctrl+K)
+- **Spotlight page** for project metadata and sharing
+
+---
+
+## Installation
+
+1. **Clone the repository**
+   ```sh
+   git clone https://github.com/ATC-O48/Claude-OpenAI-Code.git
+   cd Claude-OpenAI-Code
+   ```
+
+2. **Install dependencies**
+   ```sh
+   npm install
+   ```
+
+3. **Start the development server**
+   ```sh
+   npm run dev
+   ```
+
+---
+
+## Usage
+
+### Development
+
+```sh
+# Start development server
+npm run dev
+
+# Build for production
+tsc -b && npm run build
+
+# Preview production build
+npm run preview
+
+# Run linter
+npm run lint
+```
+
+### Working with the IDE
+
+- Open the app in your browser after starting the dev server
+- Use the **File Tree** sidebar to browse and manage project files
+- Split panes horizontally or vertically via the **Options Menu** (three dots icon)
+- Access tools quickly from the **Tools Dock** at the bottom
+- Use **Ctrl+K** to open global search
+- Click the project name to open the **Spotlight Page** for project settings
+
+---
 
 ## Features
 
@@ -22,7 +105,7 @@ A modern, flexible workspace IDE built with React + TypeScript. Provides a compl
 
 ### 4. Run Button
 - Start/stop the current workflow
-- Visual state change (green Run → red Stop)
+- Visual state change (green Run / red Stop)
 - Controls the Preview and Console output
 
 ### 5. Spotlight Page
@@ -49,6 +132,7 @@ A modern, flexible workspace IDE built with React + TypeScript. Provides a compl
 - Located at the bottom of the sidebar
 
 ### 9. Integrated Tools
+
 | Tool | Description |
 |------|-------------|
 | **Editor** | Code viewer with line numbers and syntax display |
@@ -61,6 +145,8 @@ A modern, flexible workspace IDE built with React + TypeScript. Provides a compl
 | **User Settings** | Configure editor and appearance preferences |
 | **AI Agent** | Chat-based AI coding assistant |
 
+---
+
 ## Tech Stack
 
 - **React 19** + **TypeScript**
@@ -70,21 +156,7 @@ A modern, flexible workspace IDE built with React + TypeScript. Provides a compl
 - **Tailwind CSS v4** for styling
 - **Lucide React** for icons
 
-## Getting Started
-
-```bash
-# Install dependencies
-npm install
-
-# Start development server
-npm run dev
-
-# Build for production
-npm run build
-
-# Preview production build
-npm run preview
-```
+---
 
 ## Project Structure
 
@@ -127,12 +199,7 @@ src/
         └── AgentTool.tsx            # AI agent chat
 ```
 
-## Keyboard Shortcuts
-
-| Shortcut | Action |
-|----------|--------|
-| `Ctrl+K` | Open search |
-| `Escape` | Close search/spotlight/menus |
+---
 
 ## Architecture
 
@@ -157,6 +224,53 @@ State is managed centrally via Zustand store with actions for:
 - File tree operations (CRUD + expand/collapse)
 - Application state (running, search, spotlight)
 
+---
+
+## Keyboard Shortcuts
+
+| Shortcut | Action |
+|----------|--------|
+| `Ctrl+K` | Open search |
+| `Escape` | Close search/spotlight/menus |
+
+---
+
+## Contributing
+
+Contributions are welcome! Please follow these guidelines:
+
+1. **Fork the repository**
+2. **Create a new branch**
+   ```sh
+   git checkout -b feature/your-feature-name
+   ```
+3. **Make your changes**
+4. **Test your changes**
+   ```sh
+   npm run lint
+   npm run build
+   ```
+5. **Commit and push**
+   ```sh
+   git commit -m "Add feature: your-feature-name"
+   git push origin feature/your-feature-name
+   ```
+6. **Open a pull request**
+
+**Issues & Suggestions:**
+Open an issue for bugs, questions, or feature requests using the provided issue templates.
+
+---
+
 ## License
 
-MIT
+This project is licensed under the [Boost Software License 1.0](LICENSE).
+
+---
+
+## Contact
+
+- **Organization:** [ATC-O48](https://github.com/ATC-O48)
+- **Project Link:** https://github.com/ATC-O48/Claude-OpenAI-Code
+
+---

src/stores/workspaceStore.ts

@@ -192,7 +192,7 @@ function updateChildrenPaths(children: FileNode[], oldPath: string, newPath: str
   return children.map((child) => {
     const updatedChild: FileNode = {
       ...child,
-      path: child.path.replace(oldPath, newPath),
+      path: child.path.startsWith(oldPath) ? newPath + child.path.slice(oldPath.length) : child.path,
     };
     if (updatedChild.children) {
       updatedChild.children = updateChildrenPaths(updatedChild.children, oldPath, newPath);
@@ -201,6 +201,20 @@ function updateChildrenPaths(children: FileNode[], oldPath: string, newPath: str
   });
 }
 
+function deepCloneFileNode(node: FileNode, newParentPath: string): FileNode {
+  const cloned: FileNode = {
+    ...node,
+    id: genId('file'),
+    path: `${newParentPath}/${node.name}`,
+  };
+  if (node.children) {
+    cloned.children = node.children.map((child) =>
+      deepCloneFileNode(child, cloned.path)
+    );
+  }
+  return cloned;
+}
+
 function addChildToFolder(
   nodes: FileNode[],
   parentPath: string,
@@ -492,6 +506,11 @@ export const useWorkspaceStore = create<WorkspaceState>((set, get) => ({
         name: dupName,
         path: `${parentPath}/${dupName}`,
       };
+      if (node.children) {
+        newNode.children = node.children.map((child) =>
+          deepCloneFileNode(child, newNode.path)
+        );
+      }
       if (!parentPath) {
         return { files: [...s.files, newNode] };
       }