@pixelbyte-software/pixcode 1.46.7 → 1.47.1

package/scripts/github/create-vscode-workbench-issues.mjs

@@ -0,0 +1,121 @@
+#!/usr/bin/env node
+import { spawnSync } from 'node:child_process';
+
+const issues = [
+  {
+    title: 'feat(vscode-layout): audit existing open issues before workbench rollout',
+    body: `Reason
+The VS Code-style workbench should be delivered together with the current GitHub issue queue, not as an isolated local note.
+
+Scope
+- Read all currently open issues in alicomert/pixcode.
+- Mark which issues are directly affected by the VS Code workbench shell.
+- Keep unrelated issues open and untouched.
+- Add completion notes to related issues after implementation.
+
+Acceptance
+- Existing issues are reviewed before release.
+- Related issues receive implementation notes.
+- No unrelated issue is closed only because this work shipped.`,
+  },
+  {
+    title: 'feat(vscode-layout): add selectable VS Code-style workbench mode',
+    body: `Reason
+Users are more familiar with the VS Code workspace model, so Pixcode should offer a separate VS Code-style view without removing the existing experience.
+
+Scope
+- Add a persisted classic/vscode layout preference.
+- Keep the current Pixcode UI available.
+- Switch desktop users into the VS Code-style workbench when selected.
+- Leave mobile on the existing responsive shell.
+
+Acceptance
+- Users can choose between the existing Pixcode view and VS Code-style view.
+- The chosen mode persists between sessions.
+- Desktop users can enter the new workbench without changing provider/session behavior.`,
+  },
+  {
+    title: 'feat(vscode-layout): build left activity bar and explorer panels',
+    body: `Reason
+The left side should match the familiar VS Code model: activity buttons plus project/files/source-control/terminal panels.
+
+Scope
+- Add Explorer, Projects, Source Control, and Terminal activity buttons.
+- Reuse the existing Pixcode project/sidebar component for project and history access.
+- Reuse the existing file tree, git panel, and standalone shell.
+- Allow the left pane to collapse and resize.
+
+Acceptance
+- Project and session selection still works from the new shell.
+- File tree actions still open files.
+- Left pane can be resized and collapsed.`,
+  },
+  {
+    title: 'feat(vscode-layout): add central editor surface for files and system screens',
+    body: `Reason
+VS Code users expect file contents and code to live in the middle, while platform screens remain reachable without leaving the workbench.
+
+Scope
+- Open file tree selections in the central editor.
+- Reuse the existing CodeMirror editor and save/download behavior.
+- Render Control Room, Remote, Orchestration, Tasks, and plugin screens in the center when selected.
+- Keep the center area responsive between resizable side panes.
+
+Acceptance
+- Opening a file from Explorer shows it in the center.
+- System screens remain available inside the workbench.
+- The center pane remains usable while resizing side panes.`,
+  },
+  {
+    title: 'feat(vscode-layout): add right-side CLI work area for all providers',
+    body: `Reason
+The selected CLI should run in the right pane, similar to a focused agent/terminal side area in a three-column workbench.
+
+Scope
+- Reuse the current chat/CLI orchestration surface in the right pane.
+- Preserve Claude Code, Cursor, Codex, Gemini, Qwen Code, and OpenCode selection through existing provider controls.
+- Add a terminal tab in the right pane for shell work.
+- Allow the right pane to resize.
+
+Acceptance
+- Existing provider selection and send flow are reused.
+- The right pane can run CLI chat work and terminal work.
+- The pane can be resized without layout overlap.`,
+  },
+  {
+    title: 'feat(vscode-layout): expose layout at login and settings before release',
+    body: `Reason
+Users should be able to choose the new layout on entry and change it later without hunting through hidden configuration.
+
+Scope
+- Add layout selection to login.
+- Add layout selection to Appearance settings.
+- Add translations for supported locales.
+- Verify with smoke, typecheck, lint, and build.
+- Publish a release only after all issue notes are posted.
+
+Acceptance
+- Login includes Classic and VS Code workbench choices.
+- Appearance settings includes the same choices.
+- Locale coverage exists for all supported language files.
+- Release work starts only after verification is clean.`,
+  },
+];
+
+for (const issue of issues) {
+  const result = spawnSync(
+    'gh',
+    ['issue', 'create', '--repo', 'alicomert/pixcode', '--title', issue.title, '--body', issue.body],
+    {
+      stdio: 'inherit',
+      env: {
+        ...process.env,
+        GH_TOKEN: process.env.GITHUB_TOKEN || process.env.GH_TOKEN || '',
+      },
+    },
+  );
+
+  if (result.status !== 0) {
+    process.exit(result.status ?? 1);
+  }
+}

package/scripts/smoke/vscode-workbench-layout.mjs

@@ -0,0 +1,100 @@
+import { existsSync, readFileSync } from 'node:fs';
+
+function assert(condition, message) {
+  if (!condition) {
+    throw new Error(message);
+  }
+}
+
+function read(path) {
+  assert(existsSync(path), `${path} should exist`);
+  return readFileSync(path, 'utf8');
+}
+
+const preferenceHook = read('src/hooks/useWorkbenchLayoutPreference.ts');
+const appContent = read('src/components/app/AppContent.tsx');
+const workbench = read('src/components/vscode-workbench/view/VSCodeWorkbench.tsx');
+const appearanceTab = read('src/components/settings/view/tabs/AppearanceSettingsTab.tsx');
+const loginForm = read('src/components/auth/view/LoginForm.tsx');
+const issuePlan = read('docs/issues/vscode-workbench-layout.md');
+
+const enCommon = JSON.parse(read('src/i18n/locales/en/common.json'));
+const enSettings = JSON.parse(read('src/i18n/locales/en/settings.json'));
+const enAuth = JSON.parse(read('src/i18n/locales/en/auth.json'));
+
+assert(
+  preferenceHook.includes('WORKBENCH_LAYOUT_STORAGE_KEY')
+    && preferenceHook.includes("'classic'")
+    && preferenceHook.includes("'vscode'")
+    && preferenceHook.includes('pixcode:workbench-layout-change'),
+  'Workbench layout preference hook should persist classic/vscode and broadcast updates.',
+);
+
+assert(
+  appContent.includes('useWorkbenchLayoutPreference')
+    && appContent.includes('VSCodeWorkbench')
+    && appContent.includes('useVscodeWorkbench')
+    && appContent.includes('!useVscodeWorkbench && !isMobile')
+    && appContent.includes('<VSCodeWorkbench'),
+  'AppContent should switch desktop users from the classic shell into VSCodeWorkbench.',
+);
+
+assert(
+  workbench.includes('FileTree')
+    && workbench.includes('CodeEditor')
+    && workbench.includes('ChatInterface')
+    && workbench.includes('StandaloneShell')
+    && workbench.includes('GitPanel')
+    && workbench.includes('role="separator"')
+    && workbench.includes('aria-orientation="vertical"')
+    && workbench.includes('leftPaneWidth')
+    && workbench.includes('rightPaneWidth')
+    && workbench.includes('ActivityButton'),
+  'VSCodeWorkbench should compose existing files/editor/git/shell/chat surfaces with vertical resizers.',
+);
+
+assert(
+  appearanceTab.includes('workbenchLayout')
+    && appearanceTab.includes('onWorkbenchLayoutChange')
+    && appearanceTab.includes('role="radio"')
+    && appearanceTab.includes('appearanceSettings.workbenchLayout'),
+  'Appearance settings should expose the workbench layout selector.',
+);
+
+assert(
+  loginForm.includes('useWorkbenchLayoutPreference')
+    && loginForm.includes('login.layout')
+    && loginForm.includes('setWorkbenchLayout'),
+  'Login should let users choose the workspace layout before signing in.',
+);
+
+assert(
+  enCommon.vscodeWorkbench?.title
+    && enCommon.vscodeWorkbench?.activity?.explorer
+    && enCommon.vscodeWorkbench?.panels?.cli,
+  'English common locale should include VSCode workbench copy.',
+);
+
+assert(
+  enSettings.appearanceSettings?.workbenchLayout?.title
+    && enSettings.appearanceSettings?.workbenchLayout?.options?.vscode?.label,
+  'English settings locale should include workbench layout settings copy.',
+);
+
+assert(
+  enAuth.login?.layout?.title
+    && enAuth.login?.layout?.options?.vscode,
+  'English auth locale should include login layout selector copy.',
+);
+
+assert(
+  issuePlan.includes('Issue 1')
+    && issuePlan.includes('Issue 2')
+    && issuePlan.includes('Issue 3')
+    && issuePlan.includes('Issue 4')
+    && issuePlan.includes('Issue 5')
+    && issuePlan.includes('Status: Completed'),
+  'Local issue plan should track the sliced work and completion notes while GitHub is unavailable.',
+);
+
+console.log('vscode workbench layout smoke passed');

package/scripts/smoke/vscode-workbench-polish.mjs

@@ -0,0 +1,101 @@
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+
+const read = (path) => fs.readFileSync(path, 'utf8');
+
+const workbench = read('src/components/vscode-workbench/view/VSCodeWorkbench.tsx');
+const projectType = read('src/types/app.ts');
+const projectsServer = read('server/projects.js');
+const mainState = read('src/components/main-content/view/subcomponents/MainContentStateView.tsx');
+const chatInterface = read('src/components/chat/view/ChatInterface.tsx');
+const chatComposer = read('src/components/chat/view/subcomponents/ChatComposer.tsx');
+const workerSlots = read('src/components/chat/view/subcomponents/WorkerSlotsControl.tsx');
+const wizard = read('src/components/project-creation-wizard/ProjectCreationWizard.tsx');
+const sidebar = read('src/components/sidebar/view/Sidebar.tsx');
+
+assert.match(
+  workbench,
+  /function WorkbenchMenuBar/,
+  'VS Code workbench should render a top menu bar.',
+);
+
+for (const item of ['File', 'Edit', 'Selection', 'View', 'Go', 'Run', 'Terminal', 'Help']) {
+  assert.match(workbench, new RegExp(`label: '${item}'`), `Workbench menu should include ${item}.`);
+}
+
+assert.match(
+  workbench,
+  /type:\s*'existing'/,
+  'File > Open Project should dispatch the existing-folder project wizard flow.',
+);
+
+assert.match(
+  workbench,
+  /type:\s*'new'/,
+  'File > Clone From GitHub should dispatch the GitHub clone project wizard flow.',
+);
+
+assert.match(
+  workbench,
+  /function WorkbenchProjectsPanel/,
+  'Projects activity should use a dedicated project-directory panel.',
+);
+
+assert.doesNotMatch(
+  workbench,
+  /return <Sidebar \{\.\.\.sidebarProps\} isMobile=\{false\} \/>/,
+  'Projects activity should not render the chat-history sidebar.',
+);
+
+assert.match(
+  workbench,
+  /formatProjectPath/,
+  'Projects panel should render a shortened path instead of dumping the full directory.',
+);
+
+assert.match(
+  workbench,
+  /formatFileCount/,
+  'Projects panel should show file counts.',
+);
+
+assert.match(projectType, /fileCount\?: number/, 'Project type should expose optional fileCount metadata.');
+assert.match(projectsServer, /async function countProjectFiles/, 'Backend should count project files for the workbench project list.');
+
+assert.match(
+  mainState,
+  /repeat\(auto-fit,\s*minmax\(min\(100%,\s*11rem\),\s*1fr\)\)/,
+  'Start workspace cards should auto-fit instead of forcing cramped fixed columns.',
+);
+
+assert.doesNotMatch(
+  workbench,
+  /<main className="min-w-\[360px\]/,
+  'Workbench center panel should be allowed to shrink with narrow three-pane layouts.',
+);
+
+assert.match(
+  workbench,
+  /compactComposer/,
+  'Workbench should request compact composer behavior in the right CLI pane.',
+);
+
+assert.match(chatInterface, /compactComposer\?: boolean/, 'ChatInterface should expose compactComposer for narrow workbench panes.');
+assert.match(chatComposer, /compact\?: boolean/, 'ChatComposer should expose a compact prop.');
+assert.match(chatComposer, /flex-wrap/, 'ChatComposer footer should wrap controls in narrow panes.');
+assert.match(workerSlots, /panelClassName\?: string/, 'WorkerSlotsControl should allow a compact panel width override.');
+assert.match(chatComposer, /panelClassName=\{compact/, 'Compact composer should constrain the worker-slot panel.');
+
+assert.match(
+  wizard,
+  /initialWorkspaceType\?: WorkspaceType/,
+  'Project wizard should accept an initial workspace type from the workbench File menu.',
+);
+
+assert.match(
+  sidebar,
+  /event as CustomEvent<\{ workspaceType\?: WorkspaceType \}>/,
+  'Sidebar create-project event should forward the requested workspace type into the wizard.',
+);
+
+console.log('vscode workbench polish smoke passed');

package/server/projects.js

@@ -68,6 +68,74 @@ import Database from 'better-sqlite3';
 import sessionManager from './sessionManager.js';
 import { applyCustomSessionNames } from './database/db.js';
 
+const FILE_COUNT_LIMIT = 20000;
+const FILE_COUNT_IGNORED_DIRECTORIES = new Set([
+  '.cache',
+  '.git',
+  '.hg',
+  '.next',
+  '.npm',
+  '.pnpm-store',
+  '.svn',
+  '.turbo',
+  '.vite',
+  'build',
+  'coverage',
+  'dist',
+  'dist-server',
+  'node_modules',
+  'out',
+  'target',
+  'vendor'
+]);
+
+async function countProjectFiles(projectPath, maxFiles = FILE_COUNT_LIMIT) {
+  if (!projectPath || typeof projectPath !== 'string') {
+    return undefined;
+  }
+
+  try {
+    const stats = await fs.stat(projectPath);
+    if (!stats.isDirectory()) {
+      return undefined;
+    }
+  } catch {
+    return undefined;
+  }
+
+  let count = 0;
+  const pendingDirectories = [projectPath];
+
+  while (pendingDirectories.length > 0) {
+    const currentDirectory = pendingDirectories.pop();
+    let entries = [];
+
+    try {
+      entries = await fs.readdir(currentDirectory, { withFileTypes: true });
+    } catch {
+      continue;
+    }
+
+    for (const entry of entries) {
+      if (entry.isDirectory()) {
+        if (!FILE_COUNT_IGNORED_DIRECTORIES.has(entry.name)) {
+          pendingDirectories.push(path.join(currentDirectory, entry.name));
+        }
+        continue;
+      }
+
+      if (entry.isFile() || entry.isSymbolicLink()) {
+        count += 1;
+        if (count >= maxFiles) {
+          return count;
+        }
+      }
+    }
+  }
+
+  return count;
+}
+
 // Import TaskMaster detection functions
 async function detectTaskMasterFolder(projectPath) {
   try {
@@ -691,6 +759,7 @@ async function getProjects(progressCallback = null) {
       path: actualProjectDir,
       displayName: customName || autoDisplayName,
       fullPath: actualProjectDir,
+      fileCount: await countProjectFiles(actualProjectDir),
       isCustomName: !!customName,
       isManuallyAdded,
       autoDiscovered: isAutoDiscovered,
@@ -832,6 +901,7 @@ async function getProjects(progressCallback = null) {
         path: actualProjectDir,
         displayName: projectConfig.displayName || await generateDisplayName(projectName, actualProjectDir),
         fullPath: actualProjectDir,
+        fileCount: await countProjectFiles(actualProjectDir),
         isCustomName: !!projectConfig.displayName,
         isManuallyAdded,
         autoDiscovered: isAutoDiscovered,
@@ -1557,6 +1627,7 @@ async function addProjectManually(projectPath, displayName = null) {
       path: absolutePath,
       fullPath: absolutePath,
       displayName: displayName || await generateDisplayName(projectName, absolutePath),
+      fileCount: await countProjectFiles(absolutePath),
       isManuallyAdded: true,
       sessions: [],
       cursorSessions: []
@@ -1584,6 +1655,7 @@ async function addProjectManually(projectPath, displayName = null) {
     path: absolutePath,
     fullPath: absolutePath,
     displayName: displayName || await generateDisplayName(projectName, absolutePath),
+    fileCount: await countProjectFiles(absolutePath),
     isManuallyAdded: true,
     sessions: [],
     cursorSessions: []