fix(dashboard): Multiple small UI fixes (vendurehq#4394)

Author: michaelbromley

CLAUDE.md

@@ -97,6 +97,27 @@ DB=sqlite npm run populate
 - **E2E tests**: In `packages/<name>/e2e/` as `*.e2e-spec.ts`, run with `npm run e2e <test-file>` from package dir
 - **E2E cache**: Seed data gets cached in `packages/<name>/e2e/__data__` for speed. Delete to reset after schema changes.
 
+### Dashboard E2E Tests
+
+Dashboard Playwright tests live in `packages/dashboard/e2e/tests/`. When adding a new test (including regression tests for bug fixes), **always check existing suites first** before creating a new file:
+
+- `catalog/product-list.spec.ts` — product list behaviour (sorting, column settings, filtering)
+- `catalog/products.spec.ts` — product detail page
+- `catalog/custom-fields.spec.ts` — custom field rendering, editing, persistence
+- `sales/orders.spec.ts` — draft orders, order detail, order modification
+- `tests/regression/` — **only** for tests that genuinely don't fit any existing suite
+
+Add a comment referencing the issue number above the test, e.g.:
+```ts
+// #4393 — product list should default to sorting by updatedAt descending
+test('should apply descending updatedAt sort by default', async ({ page }) => {
+```
+
+Run dashboard e2e tests from `packages/dashboard`:
+```bash
+CI=true VITE_TEST_PORT=5176 npx playwright test --config e2e/playwright.config.ts <test-path> --reporter=list
+```
+
 ## Code Style
 
 - **Indentation**: 4 spaces

docs/docs/reference/dashboard/form-components/date-time-input.mdx

@@ -2,7 +2,7 @@
 title: "DateTimeInput"
 generated: true
 ---
-<GenerationInfo sourceFile="packages/dashboard/src/lib/components/data-input/datetime-input.tsx" sourceLine="41" packageName="@vendure/dashboard" />
+<GenerationInfo sourceFile="packages/dashboard/src/lib/components/data-input/datetime-input.tsx" sourceLine="42" packageName="@vendure/dashboard" />
 
 A component for selecting a date and time.
 

docs/docs/reference/dashboard/list-views/list-page.mdx

@@ -362,7 +362,7 @@ Allows you to specify the default sorting applied to the table.
 *Example*
 
 ```tsx
-defaultSort={[{ id: 'orderPlacedAt', desc: true }]}
+defaultSort={[{ id: 'updatedAt', desc: true }]}
 ```
 ### defaultVisibility
 

packages/dashboard/.gitignore

@@ -33,6 +33,7 @@ storybook-static
 # E2E tests (Playwright)
 e2e/.auth/
 e2e/__data__/
+e2e/fixtures/.compiled/
 e2e/test-results/
 e2e/playwright-report/
 test-results/

packages/dashboard/e2e/fixtures/custom-history-entry-plugin.ts

@@ -0,0 +1,62 @@
+/**
+ * Registers a CUSTOM_TYPE order history entry and exposes a mutation
+ * to create one. Used to test the fallback renderer for unrecognized
+ * history entry types in the dashboard.
+ *
+ * NOTE: This file uses NestJS parameter decorators and must be
+ * compiled with SWC (which supports emitDecoratorMetadata).
+ * The global-setup.ts handles this automatically.
+ */
+import { Args, Mutation, Resolver } from '@nestjs/graphql';
+import {
+    Ctx,
+    HistoryService,
+    ID,
+    Order,
+    PluginCommonModule,
+    RequestContext,
+    TransactionalConnection,
+    VendurePlugin,
+} from '@vendure/core';
+import gql from 'graphql-tag';
+
+const CUSTOM_TYPE = 'CUSTOM_TYPE';
+
+@Resolver()
+class AddHistoryEntryResolver {
+    constructor(
+        private connection: TransactionalConnection,
+        private historyService: HistoryService,
+    ) {}
+
+    @Mutation()
+    async addCustomOrderHistoryEntry(
+        @Ctx() ctx: RequestContext,
+        @Args() args: { orderId: ID; message: string },
+    ) {
+        const order = await this.connection.getEntityOrThrow(ctx, Order, args.orderId);
+        await this.historyService.createHistoryEntryForOrder({
+            orderId: order.id,
+            ctx,
+            type: CUSTOM_TYPE as any,
+            data: { message: args.message },
+        });
+        return order;
+    }
+}
+
+@VendurePlugin({
+    imports: [PluginCommonModule],
+    adminApiExtensions: {
+        schema: gql`
+            extend enum HistoryEntryType {
+                CUSTOM_TYPE
+            }
+            extend type Mutation {
+                addCustomOrderHistoryEntry(orderId: ID!, message: String!): Order!
+            }
+        `,
+        resolvers: [AddHistoryEntryResolver],
+    },
+})
+export class CustomHistoryEntryPlugin {}