@pixelbyte-software/pixcode 1.51.8 → 1.52.0

package/scripts/smoke/changes-panel-layout.mjs

@@ -1,48 +1,48 @@
-#!/usr/bin/env node
-
-import assert from 'node:assert/strict';
-import { readFileSync } from 'node:fs';
-
-const appTypes = readFileSync('src/types/app.ts', 'utf8');
-const mainContent = readFileSync('src/components/main-content/view/MainContent.tsx', 'utf8');
-const tabSwitcher = readFileSync('src/components/main-content/view/subcomponents/MainContentTabSwitcher.tsx', 'utf8');
-const quickSettings = readFileSync('src/components/quick-settings-panel/view/QuickSettingsContent.tsx', 'utf8');
-
-assert.ok(
-  appTypes.includes("'changes'"),
-  'AppTab should expose Changes as a first-class tab.',
-);
-
-assert.ok(
-  /const sidePanelTabs = new Set<AppTab>\(\[[^\]]*'changes'[^\]]*\]\)/.test(mainContent),
-  'Changes should use the same split/full side-panel behavior as Files, Shell, and Source Control.',
-);
-
-assert.ok(
-  tabSwitcher.includes("id: 'changes'")
-    && tabSwitcher.includes("labelKey: 'tabs.changes'"),
-  'The main tab switcher should render a Changes pill in the top-left project nav.',
-);
-
-assert.ok(
-  /renderSidePanel = \(tab: [^)]*'changes'/.test(mainContent),
-  'MainContent should render Changes through the side-panel renderer.',
-);
-
-assert.ok(
-  mainContent.includes("useChangedFilesMonitor(selectedProject, Boolean(selectedProject), latestMessage, changeTrackingMode)"),
-  'Changed-file tracking should not depend on the Quick Settings Command Center toggle.',
-);
-
-assert.ok(
-  !mainContent.includes('showChangedFilesRail'),
-  'Changed files should live in the Changes side panel, not as a rail that changes chat layout.',
-);
-
-assert.ok(
-  !quickSettings.includes('quickSettings.sections.changeAwareness')
-    && !quickSettings.includes("onPreferenceChange('changeAwareness'"),
-  'Quick Settings should not own the Changes panel toggle.',
-);
-
-console.log('changes panel layout smoke passed');
+#!/usr/bin/env node
+
+import assert from 'node:assert/strict';
+import { readFileSync } from 'node:fs';
+
+const appTypes = readFileSync('src/types/app.ts', 'utf8');
+const mainContent = readFileSync('src/components/main-content/view/MainContent.tsx', 'utf8');
+const tabSwitcher = readFileSync('src/components/main-content/view/subcomponents/MainContentTabSwitcher.tsx', 'utf8');
+const quickSettings = readFileSync('src/components/quick-settings-panel/view/QuickSettingsContent.tsx', 'utf8');
+
+assert.ok(
+  appTypes.includes("'changes'"),
+  'AppTab should expose Changes as a first-class tab.',
+);
+
+assert.ok(
+  /const sidePanelTabs = new Set<AppTab>\(\[[^\]]*'changes'[^\]]*\]\)/.test(mainContent),
+  'Changes should use the same split/full side-panel behavior as Files, Shell, and Source Control.',
+);
+
+assert.ok(
+  tabSwitcher.includes("id: 'changes'")
+    && tabSwitcher.includes("labelKey: 'tabs.changes'"),
+  'The main tab switcher should render a Changes pill in the top-left project nav.',
+);
+
+assert.ok(
+  /renderSidePanel = \(tab: [^)]*'changes'/.test(mainContent),
+  'MainContent should render Changes through the side-panel renderer.',
+);
+
+assert.ok(
+  mainContent.includes("useChangedFilesMonitor(selectedProject, Boolean(selectedProject), latestMessage, changeTrackingMode)"),
+  'Changed-file tracking should not depend on the Quick Settings Command Center toggle.',
+);
+
+assert.ok(
+  !mainContent.includes('showChangedFilesRail'),
+  'Changed files should live in the Changes side panel, not as a rail that changes chat layout.',
+);
+
+assert.ok(
+  !quickSettings.includes('quickSettings.sections.changeAwareness')
+    && !quickSettings.includes("onPreferenceChange('changeAwareness'"),
+  'Quick Settings should not own the Changes panel toggle.',
+);
+
+console.log('changes panel layout smoke passed');

package/scripts/smoke/chat-composer-fixed-layout.mjs

@@ -1,55 +1,55 @@
-#!/usr/bin/env node
-
-import assert from 'node:assert/strict';
-import { readFileSync } from 'node:fs';
-
-const chatInterface = readFileSync('src/components/chat/view/ChatInterface.tsx', 'utf8');
-const chatComposer = readFileSync('src/components/chat/view/subcomponents/ChatComposer.tsx', 'utf8');
-const chatMessagesPane = readFileSync('src/components/chat/view/subcomponents/ChatMessagesPane.tsx', 'utf8');
-const mainContent = readFileSync('src/components/main-content/view/MainContent.tsx', 'utf8');
-
-assert.ok(
-  chatInterface.includes('composerFrameRef') && chatInterface.includes('ResizeObserver'),
-  'ChatInterface should measure the fixed composer frame instead of relying on normal flex flow.',
-);
-
-assert.ok(
-  chatInterface.includes('bottomPaddingPx={composerFrameHeight + 16}')
-    && chatInterface.includes('composerContainerRef={composerFrameRef}'),
-  'ChatInterface should reserve message-pane space and pass the composer frame ref.',
-);
-
-assert.ok(
-  chatComposer.includes('composerContainerRef')
-    && chatComposer.includes('absolute inset-x-0 bottom-0')
-    && !chatComposer.includes('sticky bottom-0'),
-  'ChatComposer should be an absolute bottom frame, not a sticky/flow-positioned element.',
-);
-
-assert.ok(
-  chatMessagesPane.includes('bottomPaddingPx')
-    && chatMessagesPane.includes('paddingBottom: bottomPaddingPx'),
-  'ChatMessagesPane should reserve bottom padding equal to the fixed composer height.',
-);
-
-assert.ok(
-  /className="flex h-full min-h-0[^"]*"/.test(mainContent),
-  'Chat and orchestration wrappers should always be flex containers, independent of the Changes panel.',
-);
-
-assert.ok(
-  /<div className="min-h-0 min-w-0 flex-1 overflow-hidden">\s*<ErrorBoundary/.test(mainContent),
-  'Chat content should sit inside a flex-1 wrapper so removing the Changes rail does not leave a right-side gap.',
-);
-
-assert.ok(
-  /<div className="min-h-0 min-w-0 flex-1 overflow-hidden">\s*<OrchestrationPage/.test(mainContent),
-  'Orchestration content should sit inside a flex-1 wrapper so removing the Changes rail does not leave a right-side gap.',
-);
-
-assert.ok(
-  !mainContent.includes("showChangedFilesRail && 'flex gap-3'"),
-  'Chat layout must not rely on the old Command Center rail to keep the composer pinned.',
-);
-
-console.log('chat composer fixed layout smoke passed');
+#!/usr/bin/env node
+
+import assert from 'node:assert/strict';
+import { readFileSync } from 'node:fs';
+
+const chatInterface = readFileSync('src/components/chat/view/ChatInterface.tsx', 'utf8');
+const chatComposer = readFileSync('src/components/chat/view/subcomponents/ChatComposer.tsx', 'utf8');
+const chatMessagesPane = readFileSync('src/components/chat/view/subcomponents/ChatMessagesPane.tsx', 'utf8');
+const mainContent = readFileSync('src/components/main-content/view/MainContent.tsx', 'utf8');
+
+assert.ok(
+  chatInterface.includes('composerFrameRef') && chatInterface.includes('ResizeObserver'),
+  'ChatInterface should measure the fixed composer frame instead of relying on normal flex flow.',
+);
+
+assert.ok(
+  chatInterface.includes('bottomPaddingPx={composerFrameHeight + 16}')
+    && chatInterface.includes('composerContainerRef={composerFrameRef}'),
+  'ChatInterface should reserve message-pane space and pass the composer frame ref.',
+);
+
+assert.ok(
+  chatComposer.includes('composerContainerRef')
+    && chatComposer.includes('absolute inset-x-0 bottom-0')
+    && !chatComposer.includes('sticky bottom-0'),
+  'ChatComposer should be an absolute bottom frame, not a sticky/flow-positioned element.',
+);
+
+assert.ok(
+  chatMessagesPane.includes('bottomPaddingPx')
+    && chatMessagesPane.includes('paddingBottom: bottomPaddingPx'),
+  'ChatMessagesPane should reserve bottom padding equal to the fixed composer height.',
+);
+
+assert.ok(
+  /className="flex h-full min-h-0[^"]*"/.test(mainContent),
+  'Chat and orchestration wrappers should always be flex containers, independent of the Changes panel.',
+);
+
+assert.ok(
+  /<div className="min-h-0 min-w-0 flex-1 overflow-hidden">\s*<ErrorBoundary/.test(mainContent),
+  'Chat content should sit inside a flex-1 wrapper so removing the Changes rail does not leave a right-side gap.',
+);
+
+assert.ok(
+  /<div className="min-h-0 min-w-0 flex-1 overflow-hidden">\s*<OrchestrationPage/.test(mainContent),
+  'Orchestration content should sit inside a flex-1 wrapper so removing the Changes rail does not leave a right-side gap.',
+);
+
+assert.ok(
+  !mainContent.includes("showChangedFilesRail && 'flex gap-3'"),
+  'Chat layout must not rely on the old Command Center rail to keep the composer pinned.',
+);
+
+console.log('chat composer fixed layout smoke passed');

package/scripts/smoke/chat-message-timeline-order.mjs

@@ -1,41 +1,41 @@
-import assert from 'node:assert/strict';
-
-const { normalizedToChatMessages } = await import('../../src/components/chat/hooks/useChatMessages.ts');
-
-const messages = [
-  {
-    id: 'assistant-later',
-    sessionId: 'session-1',
-    timestamp: '2026-05-08T13:29:50.000Z',
-    provider: 'opencode',
-    kind: 'text',
-    role: 'assistant',
-    content: "You're welcome! Good luck with your project.",
-  },
-  {
-    id: 'tool-earlier',
-    sessionId: 'session-1',
-    timestamp: '2026-05-08T13:29:42.000Z',
-    provider: 'opencode',
-    kind: 'tool_use',
-    toolName: 'Edit',
-    toolId: 'tool-1',
-    toolInput: {
-      filePath: 'C:\\Users\\ALICOMERT\\pixcode\\projects\\pixcode-project-4\\index.html',
-      oldString: '<html lang="tr">',
-      newString: '<html lang="en">',
-    },
-  },
-];
-
-const converted = normalizedToChatMessages(messages);
-
-assert.equal(converted.length, 2, 'Both renderable messages should remain visible.');
-assert.equal(converted[0].toolName, 'Edit', 'Earlier tool use should render before a later assistant reply.');
-assert.equal(
-  converted[1].content,
-  "You're welcome! Good luck with your project.",
-  'Later assistant reply should remain after the older tool event.',
-);
-
-console.log('chat message timeline order smoke passed');
+import assert from 'node:assert/strict';
+
+const { normalizedToChatMessages } = await import('../../src/components/chat/hooks/useChatMessages.ts');
+
+const messages = [
+  {
+    id: 'assistant-later',
+    sessionId: 'session-1',
+    timestamp: '2026-05-08T13:29:50.000Z',
+    provider: 'opencode',
+    kind: 'text',
+    role: 'assistant',
+    content: "You're welcome! Good luck with your project.",
+  },
+  {
+    id: 'tool-earlier',
+    sessionId: 'session-1',
+    timestamp: '2026-05-08T13:29:42.000Z',
+    provider: 'opencode',
+    kind: 'tool_use',
+    toolName: 'Edit',
+    toolId: 'tool-1',
+    toolInput: {
+      filePath: 'C:\\Users\\ALICOMERT\\pixcode\\projects\\pixcode-project-4\\index.html',
+      oldString: '<html lang="tr">',
+      newString: '<html lang="en">',
+    },
+  },
+];
+
+const converted = normalizedToChatMessages(messages);
+
+assert.equal(converted.length, 2, 'Both renderable messages should remain visible.');
+assert.equal(converted[0].toolName, 'Edit', 'Earlier tool use should render before a later assistant reply.');
+assert.equal(
+  converted[1].content,
+  "You're welcome! Good luck with your project.",
+  'Later assistant reply should remain after the older tool event.',
+);
+
+console.log('chat message timeline order smoke passed');

package/scripts/smoke/chat-realtime-hydration.mjs

@@ -1,44 +1,44 @@
-#!/usr/bin/env node
-
-import assert from 'node:assert/strict';
-import { readFileSync } from 'node:fs';
-
-const hook = readFileSync('src/components/chat/hooks/useChatSessionState.ts', 'utf8');
-const store = readFileSync('src/stores/useSessionStore.ts', 'utf8');
-
-assert.ok(
-  hook.includes('refreshActiveSessionMessages'),
-  'Chat session hook should centralize active-session refresh so focus, polling, and reconnect share the same path.',
-);
-
-assert.ok(
-  hook.includes("document.addEventListener('visibilitychange'"),
-  'Chat session hook should refresh active messages when the page becomes visible again.',
-);
-
-assert.ok(
-  hook.includes("window.addEventListener('focus'"),
-  'Chat session hook should refresh active messages when the window regains focus.',
-);
-
-assert.ok(
-  hook.includes('CHAT_PROCESSING_SYNC_INTERVAL_MS'),
-  'Chat session hook should poll while an agent is processing so missed WebSocket events are recovered.',
-);
-
-assert.ok(
-  hook.includes('isFetchingSessionMessagesRef'),
-  'Chat session hook should guard against overlapping message fetches.',
-);
-
-assert.ok(
-  store.includes('lastHydratedAt'),
-  'Session store should track server hydration time separately from initial fetch freshness.',
-);
-
-assert.ok(
-  store.includes('dropCaughtUpRealtimeMessages'),
-  'Session store refresh should drop only realtime messages caught by server, not blindly clear all realtime output.',
-);
-
-console.log('chat realtime hydration smoke passed');
+#!/usr/bin/env node
+
+import assert from 'node:assert/strict';
+import { readFileSync } from 'node:fs';
+
+const hook = readFileSync('src/components/chat/hooks/useChatSessionState.ts', 'utf8');
+const store = readFileSync('src/stores/useSessionStore.ts', 'utf8');
+
+assert.ok(
+  hook.includes('refreshActiveSessionMessages'),
+  'Chat session hook should centralize active-session refresh so focus, polling, and reconnect share the same path.',
+);
+
+assert.ok(
+  hook.includes("document.addEventListener('visibilitychange'"),
+  'Chat session hook should refresh active messages when the page becomes visible again.',
+);
+
+assert.ok(
+  hook.includes("window.addEventListener('focus'"),
+  'Chat session hook should refresh active messages when the window regains focus.',
+);
+
+assert.ok(
+  hook.includes('CHAT_PROCESSING_SYNC_INTERVAL_MS'),
+  'Chat session hook should poll while an agent is processing so missed WebSocket events are recovered.',
+);
+
+assert.ok(
+  hook.includes('isFetchingSessionMessagesRef'),
+  'Chat session hook should guard against overlapping message fetches.',
+);
+
+assert.ok(
+  store.includes('lastHydratedAt'),
+  'Session store should track server hydration time separately from initial fetch freshness.',
+);
+
+assert.ok(
+  store.includes('dropCaughtUpRealtimeMessages'),
+  'Session store refresh should drop only realtime messages caught by server, not blindly clear all realtime output.',
+);
+
+console.log('chat realtime hydration smoke passed');

package/scripts/smoke/chat-session-provider-pools.mjs

@@ -1,35 +1,35 @@
-#!/usr/bin/env node
-import { readFileSync } from 'node:fs';
-
-const projectsState = readFileSync('src/hooks/useProjectsState.ts', 'utf8');
-
-function assert(condition, message) {
-  if (!condition) {
-    console.error(`chat-session-provider-pools smoke failed: ${message}`);
-    process.exit(1);
-  }
-}
-
-const getProjectSessionsBody = projectsState.match(/const getProjectSessions = \(project: Project\): ProjectSession\[\] => \{[\s\S]*?\n\};/)?.[0] ?? '';
-
-assert(
-  getProjectSessionsBody.includes('project.qwenSessions') && getProjectSessionsBody.includes('project.opencodeSessions'),
-  'selected-session refresh logic should include qwen/opencode pools',
-);
-
-assert(
-  projectsState.includes('serialize(nextProject.qwenSessions)') && projectsState.includes('serialize(nextProject.opencodeSessions)'),
-  'project change detection should include qwen/opencode sessions',
-);
-
-assert(
-  projectsState.includes("sessionId.startsWith('codex-')") && projectsState.includes("sessionId.startsWith('gemini_')"),
-  'fallback session provider inference should cover codex and gemini ids, not only qwen/opencode',
-);
-
-assert(
-  projectsState.includes("localStorage.setItem('selected-provider', session.__provider)"),
-  'selecting an existing session should persist that session provider before navigation',
-);
-
-console.log('chat-session-provider-pools smoke passed');
+#!/usr/bin/env node
+import { readFileSync } from 'node:fs';
+
+const projectsState = readFileSync('src/hooks/useProjectsState.ts', 'utf8');
+
+function assert(condition, message) {
+  if (!condition) {
+    console.error(`chat-session-provider-pools smoke failed: ${message}`);
+    process.exit(1);
+  }
+}
+
+const getProjectSessionsBody = projectsState.match(/const getProjectSessions = \(project: Project\): ProjectSession\[\] => \{[\s\S]*?\n\};/)?.[0] ?? '';
+
+assert(
+  getProjectSessionsBody.includes('project.qwenSessions') && getProjectSessionsBody.includes('project.opencodeSessions'),
+  'selected-session refresh logic should include qwen/opencode pools',
+);
+
+assert(
+  projectsState.includes('serialize(nextProject.qwenSessions)') && projectsState.includes('serialize(nextProject.opencodeSessions)'),
+  'project change detection should include qwen/opencode sessions',
+);
+
+assert(
+  projectsState.includes("sessionId.startsWith('codex-')") && projectsState.includes("sessionId.startsWith('gemini_')"),
+  'fallback session provider inference should cover codex and gemini ids, not only qwen/opencode',
+);
+
+assert(
+  projectsState.includes("localStorage.setItem('selected-provider', session.__provider)"),
+  'selecting an existing session should persist that session provider before navigation',
+);
+
+console.log('chat-session-provider-pools smoke passed');

package/scripts/smoke/chat-session-state.mjs

@@ -1,19 +1,19 @@
-#!/usr/bin/env node
-
-import { readFileSync } from 'node:fs';
-
-const sourcePath = 'src/components/chat/hooks/useChatSessionState.ts';
-const source = readFileSync(sourcePath, 'utf8');
-
-const staleStoreMessagesMemo = /const\s+storeMessages\s*=\s*useMemo\s*\([\s\S]{0,500}?sessionStore\.getMessages\(activeSessionId\)[\s\S]{0,300}?\[\s*activeSessionId\s*,\s*sessionStore\s*\]/m;
-
-if (staleStoreMessagesMemo.test(source)) {
-  console.error([
-    'useChatSessionState keeps sessionStore.getMessages() behind a stale useMemo.',
-    'The session store can notify a render while activeSessionId/sessionStore stay the same,',
-    'so the chat pane must read store messages on each render.',
-  ].join(' '));
-  process.exit(1);
-}
-
-console.log('chat session state store read is render-fresh');
+#!/usr/bin/env node
+
+import { readFileSync } from 'node:fs';
+
+const sourcePath = 'src/components/chat/hooks/useChatSessionState.ts';
+const source = readFileSync(sourcePath, 'utf8');
+
+const staleStoreMessagesMemo = /const\s+storeMessages\s*=\s*useMemo\s*\([\s\S]{0,500}?sessionStore\.getMessages\(activeSessionId\)[\s\S]{0,300}?\[\s*activeSessionId\s*,\s*sessionStore\s*\]/m;
+
+if (staleStoreMessagesMemo.test(source)) {
+  console.error([
+    'useChatSessionState keeps sessionStore.getMessages() behind a stale useMemo.',
+    'The session store can notify a render while activeSessionId/sessionStore stay the same,',
+    'so the chat pane must read store messages on each render.',
+  ].join(' '));
+  process.exit(1);
+}
+
+console.log('chat session state store read is render-fresh');

package/scripts/smoke/code-editor-theme.mjs

@@ -1,55 +1,55 @@
-import assert from 'node:assert/strict';
-import fs from 'node:fs';
-
-const read = (path) => fs.readFileSync(path, 'utf8');
-
-const surface = read('src/components/code-editor/view/subcomponents/CodeEditorSurface.tsx');
-const styles = read('src/components/code-editor/utils/editorStyles.ts');
-const editorSettings = read('src/components/code-editor/hooks/useCodeEditorSettings.ts');
-const settingsController = read('src/components/settings/hooks/useSettingsController.ts');
-const settingsConstants = read('src/components/settings/constants/constants.ts');
-const themeContext = read('src/contexts/ThemeContext.jsx');
-
-assert.match(
-  surface,
-  /const lightEditorTheme = EditorView\.theme/,
-  'Code editor should define an explicit light CodeMirror theme.',
-);
-
-assert.match(
-  surface,
-  /theme=\{isDarkMode \? oneDark : lightEditorTheme\}/,
-  'Code editor should use the light theme when dark mode is disabled.',
-);
-
-assert.match(
-  styles,
-  /\.cm-editor[\s\S]*background-color: \$\{isDarkMode \? '#111827' : '#ffffff'\} !important;/,
-  'Injected editor styles should force a light editor background when light mode is active.',
-);
-
-assert.match(
-  editorSettings,
-  /const readAppTheme = \(\)/,
-  'Code editor settings should fall back to the app theme when no editor theme is saved.',
-);
-
-assert.match(
-  settingsController,
-  /const readCodeEditorTheme = \(\): CodeEditorSettingsState\['theme'\]/,
-  'Settings should show the app-aligned editor theme fallback.',
-);
-
-assert.match(
-  settingsConstants,
-  /theme: 'light'/,
-  'Code editor settings should no longer default to a dark editor in light installations.',
-);
-
-assert.match(
-  themeContext,
-  /syncCodeEditorThemeWithApp/,
-  'Main theme toggle should keep the code editor theme aligned unless the editor was customized separately.',
-);
-
-console.log('code editor theme smoke passed');
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+
+const read = (path) => fs.readFileSync(path, 'utf8');
+
+const surface = read('src/components/code-editor/view/subcomponents/CodeEditorSurface.tsx');
+const styles = read('src/components/code-editor/utils/editorStyles.ts');
+const editorSettings = read('src/components/code-editor/hooks/useCodeEditorSettings.ts');
+const settingsController = read('src/components/settings/hooks/useSettingsController.ts');
+const settingsConstants = read('src/components/settings/constants/constants.ts');
+const themeContext = read('src/contexts/ThemeContext.jsx');
+
+assert.match(
+  surface,
+  /const lightEditorTheme = EditorView\.theme/,
+  'Code editor should define an explicit light CodeMirror theme.',
+);
+
+assert.match(
+  surface,
+  /theme=\{isDarkMode \? oneDark : lightEditorTheme\}/,
+  'Code editor should use the light theme when dark mode is disabled.',
+);
+
+assert.match(
+  styles,
+  /\.cm-editor[\s\S]*background-color: \$\{isDarkMode \? '#111827' : '#ffffff'\} !important;/,
+  'Injected editor styles should force a light editor background when light mode is active.',
+);
+
+assert.match(
+  editorSettings,
+  /const readAppTheme = \(\)/,
+  'Code editor settings should fall back to the app theme when no editor theme is saved.',
+);
+
+assert.match(
+  settingsController,
+  /const readCodeEditorTheme = \(\): CodeEditorSettingsState\['theme'\]/,
+  'Settings should show the app-aligned editor theme fallback.',
+);
+
+assert.match(
+  settingsConstants,
+  /theme: 'light'/,
+  'Code editor settings should no longer default to a dark editor in light installations.',
+);
+
+assert.match(
+  themeContext,
+  /syncCodeEditorThemeWithApp/,
+  'Main theme toggle should keep the code editor theme aligned unless the editor was customized separately.',
+);
+
+console.log('code editor theme smoke passed');