handle more nullable types (#1984)

## Summary

Fix ClickHouse query error when expanding log rows with Nullable(DateTime64) columns (and other Nullable types).

- The `convertCHDataTypeToJSType` function didn't generically unwrap `Nullable(...)` types, so `Nullable(DateTime64(...))` fell through to the default string comparison instead of using `parseDateTime64BestEffort()`
- Added general `Nullable(...)` recursive unwrapping (matching the existing `LowCardinality(...)` pattern)
- Hoisted null value handling above the type switch in `processRowToWhereClause` so all column types (Date, Array, Map, etc.) correctly emit `isNull()` for null values

### Screenshots or video

N/A — no UI changes.

### How to test locally or on Vercel

1. Set up a ClickHouse table with a `Nullable(DateTime64)` column and ingest some rows (including rows with null values in that column).
2. Open the log explorer and expand a row that has a `Nullable(DateTime64)` column.
3. Verify that clicking into the row no longer returns a 400 error.
4. Verify that clicking into a row where the `Nullable(DateTime64)` column is null correctly filters using `isNull()`.

### References

- Related PRs:


---

📍 Connect Copilot coding agent with [Jira](https://gh.io/cca-jira-docs), [Azure Boards](https://gh.io/cca-azure-boards-docs) or [Linear](https://gh.io/cca-linear-docs) to delegate work to Copilot in one click without leaving your project management tool.

Author: MikeShi42

.changeset/metal-radios-pay.md

@@ -0,0 +1,6 @@
+---
+"@hyperdx/common-utils": patch
+"@hyperdx/app": patch
+---
+
+fix: Fixed bug preventing clicking into rows with nullable date types (and other misc type) columns.

AGENTS.md

@@ -50,8 +50,10 @@ directory:
 - `agent_docs/code_style.md` - Code patterns and best practices (read only when
   actively coding)
 
-**Tools handle formatting and linting automatically** via pre-commit hooks.
-Focus on implementation; don't manually format code.
+**After finishing all code edits**, run `yarn lint:fix` to auto-fix formatting
+and lint issues across all packages. Pre-commit hooks handle this when
+committing, but if you finish edits without committing, run `yarn lint:fix`
+before stopping.
 
 ## Key Principles
 

package.json

@@ -47,6 +47,7 @@
     "knip": "knip",
     "knip:ci": "knip --reporter json",
     "lint": "npx nx run-many -t ci:lint",
+    "lint:fix": "npx nx run-many -t lint:fix",
     "version": "make version",
     "release": "npx changeset tag && npx changeset publish"
   },

packages/app/src/hooks/__tests__/useRowWhere.test.tsx

@@ -329,6 +329,25 @@ describe('processRowToWhereClause', () => {
     );
   });
 
+  it('should handle null value on Date column', () => {
+    const columnMap = new Map([
+      [
+        'event_created',
+        {
+          name: 'event_created',
+          type: "Nullable(DateTime64(3, 'UTC'))",
+          valueExpr: 'event_created',
+          jsType: JSDataType.Date,
+        },
+      ],
+    ]);
+
+    const row = { event_created: null };
+    const result = processRowToWhereClause(row, columnMap);
+
+    expect(result).toBe('isNull(event_created)');
+  });
+
   it('should handle null value in default block', () => {
     const columnMap = new Map([
       [

packages/app/src/hooks/useRowWhere.tsx

@@ -54,6 +54,11 @@ export function processRowToWhereClause(
         );
       }
 
+      // Handle nullish values for all types uniformly
+      if (value == null) {
+        return SqlString.format(`isNull(?)`, [SqlString.raw(valueExpr)]);
+      }
+
       switch (jsType) {
         case JSDataType.Date:
           return SqlString.format(`?=parseDateTime64BestEffort(?, 9)`, [
@@ -100,10 +105,6 @@ export function processRowToWhereClause(
           );
 
         default:
-          // Handle nullish values
-          if (value == null) {
-            return SqlString.format(`isNull(?)`, [SqlString.raw(valueExpr)]);
-          }
           // Handle the case when string is too long
           if (value.length > MAX_STRING_LENGTH) {
             return SqlString.format(

packages/common-utils/src/clickhouse/__tests__/index.test.ts

@@ -1,4 +1,8 @@
-import { extractColumnReferencesFromKey } from '..';
+import {
+  convertCHDataTypeToJSType,
+  extractColumnReferencesFromKey,
+  JSDataType,
+} from '..';
 
 describe('extractColumnReferencesFromKey', () => {
   it('should extract column references from simple column names', () => {
@@ -37,3 +41,39 @@ describe('extractColumnReferencesFromKey', () => {
     ]);
   });
 });
+
+describe('convertCHDataTypeToJSType', () => {
+  it('should handle Nullable(DateTime64) as Date', () => {
+    expect(convertCHDataTypeToJSType("Nullable(DateTime64(3, 'UTC'))")).toBe(
+      JSDataType.Date,
+    );
+  });
+
+  it('should handle Nullable(Int32) as Number', () => {
+    expect(convertCHDataTypeToJSType('Nullable(Int32)')).toBe(
+      JSDataType.Number,
+    );
+  });
+
+  it('should handle Nullable(String) as String', () => {
+    expect(convertCHDataTypeToJSType('Nullable(String)')).toBe(
+      JSDataType.String,
+    );
+  });
+
+  it('should handle LowCardinality(Nullable(String)) as String', () => {
+    expect(convertCHDataTypeToJSType('LowCardinality(Nullable(String))')).toBe(
+      JSDataType.String,
+    );
+  });
+
+  it('should handle DateTime64 as Date', () => {
+    expect(convertCHDataTypeToJSType("DateTime64(3, 'UTC')")).toBe(
+      JSDataType.Date,
+    );
+  });
+
+  it('should handle Nullable(Bool) as Bool', () => {
+    expect(convertCHDataTypeToJSType('Nullable(Bool)')).toBe(JSDataType.Bool);
+  });
+});

packages/common-utils/src/clickhouse/index.ts

@@ -94,6 +94,8 @@ export const convertCHDataTypeToJSType = (
     return JSDataType.Dynamic;
   } else if (dataType.startsWith('LowCardinality')) {
     return convertCHDataTypeToJSType(dataType.slice(15, -1));
+  } else if (dataType.startsWith('Nullable(')) {
+    return convertCHDataTypeToJSType(dataType.slice(9, -1));
   }
 
   return null;