@pixelbyte-software/pixcode 1.46.5 → 1.46.7

package/scripts/smoke/control-room-ux-redesign.mjs

@@ -0,0 +1,91 @@
+#!/usr/bin/env node
+
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+import path from 'node:path';
+
+const root = process.cwd();
+
+function read(relativePath) {
+  return fs.readFileSync(path.join(root, relativePath), 'utf8');
+}
+
+function assertIncludes(file, pattern, message) {
+  assert.match(file, pattern instanceof RegExp ? pattern : new RegExp(pattern), message);
+}
+
+const page = read('src/components/control-room/ControlRoomPage.tsx');
+const primitives = read('src/components/control-room/ControlRoomPrimitives.tsx');
+const motion = read('src/lib/animations.ts');
+
+for (const symbol of [
+  'CONTROL_ROOM_GROUPS',
+  'OVERVIEW_CARDS',
+  'operations',
+  'people',
+  'access',
+  'security',
+  'insights',
+]) {
+  assertIncludes(page, new RegExp(symbol), `Control Room should include grouped ${symbol} IA.`);
+}
+
+const overviewCards = page.match(/id: 'overview-card-/g) || [];
+assert.equal(overviewCards.length, 6, 'Control Room first screen should expose exactly six overview action cards.');
+
+assert.doesNotMatch(page, /const sections:/, 'Control Room should not use the old flat feature-wall section list.');
+assert.doesNotMatch(page, /v1\.46 launch surface/, 'Control Room should not frame the UI as a release inventory.');
+assert.doesNotMatch(page, /activeSection === 'admin'[\s\S]{0,3000}activeSection === 'team'/, 'Control Room should group people/admin concepts instead of flat adjacent sections.');
+
+for (const primitive of [
+  'CommandCard',
+  'SummaryCard',
+  'ControlRoomPanel',
+  'ContextDrawer',
+  'GuidanceCard',
+  'EmptyGuidance',
+  'TimelineItem',
+  'ActionRow',
+  'ResponsiveDataList',
+  'AdvancedDisclosure',
+]) {
+  assertIncludes(primitives, new RegExp(`function ${primitive}|const ${primitive}`), `Control Room primitives should include ${primitive}.`);
+  assertIncludes(page, new RegExp(primitive), `ControlRoomPage should use ${primitive}.`);
+}
+
+for (const copy of [
+  'What needs attention',
+  'Running now',
+  'Team and access',
+  'Security and secrets',
+  'Usage and evaluations',
+  'Run timeline',
+  'Recommended next step',
+  'What this means',
+]) {
+  assertIncludes(page, copy.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), `Control Room should include plain-language copy: ${copy}.`);
+}
+
+assertIncludes(page, /lg:grid-cols-\[220px_minmax\(0,1fr\)_320px\]/, 'Desktop Control Room should use a master-detail grid.');
+assertIncludes(page, /overflow-x-auto lg:hidden/, 'Mobile Control Room should use compact horizontal group navigation.');
+assertIncludes(page, /min-h-\[44px\]|h-11/, 'Primary controls should keep mobile touch targets at or above 44px.');
+assertIncludes(page, /AdvancedDisclosure/, 'Advanced forms should be hidden behind progressive disclosure.');
+assertIncludes(page, /TimelineItem[\s\S]*actor[\s\S]*result/, 'Run timeline should expose readable actor/action/result fields.');
+assertIncludes(page, /ContextDrawer/, 'Control Room should include a contextual detail rail or sheet.');
+
+for (const motionSymbol of [
+  'surface',
+  'drawer',
+  'status',
+  'useGsapSurfaceTransition',
+  'useGsapListReveal',
+  'useGsapStatusHighlight',
+  'prefersReducedMotion',
+]) {
+  assertIncludes(motion, new RegExp(motionSymbol), `Shared motion system should include ${motionSymbol}.`);
+}
+
+assertIncludes(motion, /prefers-reduced-motion: reduce/, 'Motion utilities should respect prefers-reduced-motion.');
+assertIncludes(motion, /opacityOnly|reduced motion|Reduced/, 'Motion utilities should document or implement reduced-motion fallback.');
+
+console.log('control room UX redesign smoke passed');

package/scripts/smoke/default-landing-routing.mjs

@@ -0,0 +1,42 @@
+#!/usr/bin/env node
+
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+import path from 'node:path';
+
+const root = process.cwd();
+
+function read(relativePath) {
+  return fs.readFileSync(path.join(root, relativePath), 'utf8');
+}
+
+const projectsState = read('src/hooks/useProjectsState.ts');
+assert.match(projectsState, /NON_RESTORABLE_TABS/, 'Non-default utility tabs should be excluded from startup restore.');
+assert.match(projectsState, /controlRoom/, 'Control Room should be treated as a non-restorable startup tab.');
+assert.match(projectsState, /getPersistableTab/, 'Active tab persistence should normalize non-restorable tabs.');
+assert.match(projectsState, /handleQuickStartTasks/, 'Project state should expose a Task quick-start flow.');
+assert.match(projectsState, /quickStartIntoTab\('tasks'\)/, 'Task quick-start should land on the tasks tab.');
+assert.match(projectsState, /setTasksEnabled\?\.?\(true\)|setTasksEnabled\(true\)/, 'Task quick-start should enable the Tasks surface before opening it.');
+
+const appContent = read('src/components/app/AppContent.tsx');
+assert.match(appContent, /handleQuickStartTasks/, 'App content should pass the Task quick-start flow into MainContent.');
+assert.match(appContent, /onQuickStartTasks=\{handleQuickStartTasks\}/, 'MainContent should receive a Task quick-start callback.');
+
+const mainContentTypes = read('src/components/main-content/types/types.ts');
+assert.match(mainContentTypes, /onQuickStartTasks/, 'Main content props should include Task quick-start support.');
+
+const mainContent = read('src/components/main-content/view/MainContent.tsx');
+assert.match(mainContent, /const shouldShowTasksTab = Boolean\(tasksEnabled\)/, 'Tasks tab visibility should be controlled by the user-facing tasks setting, not CLI install state.');
+assert.doesNotMatch(mainContent, /!shouldShowTasksTab && activeTab === 'tasks'/, 'Selecting Tasks should not immediately redirect back to chat because installation is still being checked.');
+assert.match(mainContent, /onQuickStartTasks=\{onQuickStartTasks\}/, 'Empty landing state should receive the Task quick-start callback.');
+
+const emptyState = read('src/components/main-content/view/subcomponents/MainContentStateView.tsx');
+assert.match(emptyState, /onQuickStartTasks/, 'Empty state should expose a Task quick-start callback.');
+assert.match(emptyState, /void onQuickStartTasks\?\.\(\)/, 'Task landing card should call the Task quick-start callback.');
+assert.doesNotMatch(
+  emptyState,
+  /ClipboardCheck[\s\S]{0,900}pixcode:create-project/,
+  'Task landing card should not reuse the generic create-project flow that drops users into chat.',
+);
+
+console.log('default landing routing smoke passed');

package/scripts/smoke/v146-control-room-ui.mjs

@@ -12,14 +12,24 @@ function read(relativePath) {
 
 const controlRoom = read('src/components/control-room/ControlRoomPage.tsx');
 for (const phrase of [
-  'Production loop',
-  'Admin system',
-  'Project collaborators',
-  'Secret vault',
-  'MCP/plugin marketplace',
-  'Evaluation harness',
-  'Cost, token, and latency dashboard',
-  'Security audit mode',
+  'CONTROL_ROOM_GROUPS',
+  'OVERVIEW_CARDS',
+  'overview-card-attention',
+  'overview-card-running',
+  'overview-card-reviews',
+  'overview-card-team-access',
+  'overview-card-security-secrets',
+  'overview-card-usage-evals',
+  'What needs attention',
+  'Running now',
+  'Team and access',
+  'Security and secrets',
+  'Usage and evaluations',
+  'Run timeline',
+  'AdvancedDisclosure',
+  'ContextDrawer',
+  'TimelineItem',
+  'ResponsiveDataList',
   '/api/production-agent-loop/github/issue-to-pr',
   '/api/platformization/admin/users',
   '/api/platformization/project-collaborators',
@@ -27,8 +37,10 @@ for (const phrase of [
   assert.match(controlRoom, new RegExp(phrase.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')), `Control room UI should include ${phrase}.`);
 }
 assert.doesNotMatch(controlRoom, /sections\.access|Self-hosted access|remote-access\/health/, 'Self-hosted access belongs in Settings, not inside Control Room.');
+assert.doesNotMatch(controlRoom, /const sections\s*=/, 'Control Room should not return to the old flat feature-wall section list.');
 
-assert.match(controlRoom, /lg:flex-row/, 'Control room must use responsive layout.');
+assert.match(controlRoom, /lg:grid-cols-\[220px_minmax\(0,1fr\)_320px\]/, 'Control room must use a desktop master-detail layout.');
+assert.match(controlRoom, /overflow-x-auto lg:hidden/, 'Control room must expose mobile-first grouped navigation.');
 assert.match(controlRoom, /sm:grid-cols-2/, 'Control room must include mobile-first responsive grids.');
 assert.match(controlRoom, /xl:grid-cols/, 'Control room must scale to wide screens.');