diff --git a/packages/web/src/components/ComparisonView.tsx b/packages/web/src/components/ComparisonView.tsx
index 0d80f1f..2dfa813 100644
--- a/packages/web/src/components/ComparisonView.tsx
+++ b/packages/web/src/components/ComparisonView.tsx
@@ -200,7 +200,7 @@ const ComparisonView: Component<ComparisonViewProps> = props => {
                           <Show when={!row.isReduction}>
                             <ArrowUp size={14} />
                           </Show>
-                          {Math.abs(row.change).toFixed(1)}%
+                          {Math.abs(row.change).toFixed(2)}%
                         </span>
                       </Show>
                     }
diff --git a/src/components/ComparisonView.tsx b/src/components/ComparisonView.tsx
deleted file mode 100644
index b98ffa9..0000000
--- a/src/components/ComparisonView.tsx
+++ /dev/null
@@ -1,246 +0,0 @@
-import { Component, For, createSignal, createMemo, Show } from 'solid-js';
-import { ComparisonEntry } from '../utils/types';
-import {
-  formatBytes,
-  formatNumber,
-  formatTime,
-  formatPercent,
-  calculateChange,
-} from '../utils/formatters';
-import { ArrowRight, ArrowDown, ArrowUp, X } from 'lucide-solid';
-
-interface ComparisonViewProps {
-  entries: ComparisonEntry[];
-  onSelect: (entry: ComparisonEntry) => void;
-  onDelete: (id: number) => void;
-}
-
-const ComparisonView: Component<ComparisonViewProps> = props => {
-  const [leftEntry, setLeftEntry] = createSignal<ComparisonEntry | null>(null);
-  const [rightEntry, setRightEntry] = createSignal<ComparisonEntry | null>(null);
-
-  const comparison = createMemo(() => {
-    const left = leftEntry();
-    const right = rightEntry();
-    if (!left || !right) return null;
-
-    const fields = [
-      ['cpuTime', 'CPU Time', 'time'],
-      ['envs.number', 'Env Count', 'number'],
-      ['envs.bytes', 'Env Memory', 'bytes'],
-      ['list.elements', 'List Elements', 'number'],
-      ['list.concats', 'List Concat', 'number'],
-      ['values.number', 'Value Count', 'number'],
-      ['symbols.number', 'Symbol Count', 'number'],
-      ['sets.number', 'Set Count', 'number'],
-      ['sets.elements', 'Attributes', 'number'],
-      ['nrExprs', 'Expressions', 'number'],
-      ['nrThunks', 'Thunks', 'number'],
-      ['nrAvoided', 'Thunks Avoided', 'number'],
-      ['nrLookups', 'Lookups', 'number'],
-      ['nrFunctionCalls', 'Function Calls', 'number'],
-      ['nrPrimOpCalls', 'PrimOp Calls', 'number'],
-    ].map(([key, label, format]) => ({
-      key,
-      label,
-      format: format as 'number' | 'bytes' | 'time' | 'percent',
-    }));
-
-    return fields.map(field => {
-      const getValue = (
-        data: ComparisonEntry['data'],
-        raw: Record<string, unknown>,
-      ): { value: number; present: boolean } => {
-        const keys = field.key.split('.');
-        let value: unknown = data;
-        for (const k of keys) value = value && (value as Record<string, unknown>)?.[k];
-
-        let present = typeof value === 'number';
-        if (!present) {
-          present =
-            keys.reduce((obj: unknown, k: string) => {
-              if (obj && typeof obj === 'object' && k in (obj as Record<string, unknown>)) {
-                const nested = (obj as Record<string, unknown>)[k];
-                return typeof nested === 'object' && nested !== null ? nested : true;
-              }
-              return undefined;
-            }, raw as unknown) !== undefined;
-        }
-
-        return { value: typeof value === 'number' ? value : 0, present };
-      };
-
-      const leftVal = getValue(left.data, left.raw);
-      const rightVal = getValue(right.data, right.raw);
-      const change = calculateChange(rightVal.value, leftVal.value);
-      const isMissing = !leftVal.present || !rightVal.present;
-
-      return {
-        ...field,
-        leftValue: leftVal.value,
-        rightValue: rightVal.value,
-        change: change.percent,
-        isReduction: change.isReduction,
-        isDifferent: leftVal.value !== rightVal.value,
-        isMissing,
-      };
-    });
-  });
-
-  const selectLeft = (e: Event) => {
-    const id = parseInt((e.target as HTMLSelectElement).value);
-    const entry = props.entries.find(en => en.id === id);
-    setLeftEntry(entry || null);
-  };
-
-  const selectRight = (e: Event) => {
-    const id = parseInt((e.target as HTMLSelectElement).value);
-    const entry = props.entries.find(en => en.id === id);
-    setRightEntry(entry || null);
-  };
-
-  return (
-    <div class="comparison-view">
-      <div class="comparison-controls">
-        <div class="compare-selector">
-          <label>Baseline</label>
-          <select onChange={selectLeft} value={leftEntry()?.id || ''}>
-            <option value="">Select snapshot...</option>
-            <For each={props.entries}>
-              {entry => <option value={entry.id}>{entry.name}</option>}
-            </For>
-          </select>
-        </div>
-        <div class="compare-arrow">
-          <ArrowRight size={20} />
-        </div>
-        <div class="compare-selector">
-          <label>Current</label>
-          <select onChange={selectRight} value={rightEntry()?.id || ''}>
-            <option value="">Select snapshot...</option>
-            <For each={props.entries}>
-              {entry => <option value={entry.id}>{entry.name}</option>}
-            </For>
-          </select>
-        </div>
-      </div>
-
-      <Show when={props.entries.length > 0}>
-        <div class="snapshots-list">
-          <h4>Saved Snapshots</h4>
-          <For each={props.entries}>
-            {entry => (
-              <div class="snapshot-item">
-                <span class="snapshot-name">{entry.name}</span>
-                <button class="delete-btn" onClick={() => props.onDelete(entry.id)}>
-                  <X size={16} />
-                </button>
-              </div>
-            )}
-          </For>
-        </div>
-      </Show>
-
-      <Show
-        when={leftEntry() && rightEntry()}
-        fallback={<div class="compare-placeholder">Select two snapshots to compare metrics</div>}
-      >
-        <div class="comparison-table">
-          <div class="compare-header">
-            <div class="col-label">Metric</div>
-            <div class="col-value">{leftEntry()?.name}</div>
-            <div class="col-value">{rightEntry()?.name}</div>
-            <div class="col-change">Change</div>
-          </div>
-          <For each={comparison()}>
-            {row => (
-              <div
-                class={`compare-row ${row.isDifferent ? 'diff' : ''} ${row.isMissing ? 'missing' : ''}`}
-              >
-                <div class="col-label" title={row.label}>
-                  {row.label}
-                </div>
-                <div class="col-value">
-                  <Show
-                    when={row.isMissing}
-                    fallback={
-                      row.format === 'bytes'
-                        ? formatBytes(row.leftValue)
-                        : row.format === 'time'
-                          ? formatTime(row.leftValue)
-                          : row.format === 'percent'
-                            ? formatPercent(row.leftValue)
-                            : formatNumber(row.leftValue)
-                    }
-                  >
-                    <span class="missing-value">N/A</span>
-                  </Show>
-                </div>
-                <div class="col-value">
-                  <Show
-                    when={row.isMissing}
-                    fallback={
-                      row.format === 'bytes'
-                        ? formatBytes(row.rightValue)
-                        : row.format === 'time'
-                          ? formatTime(row.rightValue)
-                          : row.format === 'percent'
-                            ? formatPercent(row.rightValue)
-                            : formatNumber(row.rightValue)
-                    }
-                  >
-                    <span class="missing-value">N/A</span>
-                  </Show>
-                </div>
-                <div
-                  class={`col-change ${row.isReduction ? 'good' : row.isDifferent && !row.isMissing ? 'bad' : ''}`}
-                >
-                  <Show
-                    when={row.isMissing}
-                    fallback={
-                      <Show when={row.isDifferent} fallback={<span class="neutral">—</span>}>
-                        <span class="change-value">
-                          <Show when={row.isReduction}>
-                            <ArrowDown size={14} />
-                          </Show>
-                          <Show when={!row.isReduction}>
-                            <ArrowUp size={14} />
-                          </Show>
-                          {Math.abs(row.change).toFixed(2)}%
-                        </span>
-                      </Show>
-                    }
-                  >
-                    <span
-                      class="missing-indicator"
-                      title="Field not available in one or both implementations"
-                    >
-                      N/A
-                    </span>
-                  </Show>
-                </div>
-              </div>
-            )}
-          </For>
-        </div>
-
-        <div class="comparison-summary">
-          <Show when={comparison()?.some(r => r.isReduction)}>
-            <div class="summary-good">
-              <ArrowDown size={16} />{' '}
-              {comparison()?.filter(r => r.isReduction && r.isDifferent).length} improved
-            </div>
-          </Show>
-          <Show when={comparison()?.some(r => !r.isReduction && r.isDifferent)}>
-            <div class="summary-bad">
-              <ArrowUp size={16} />{' '}
-              {comparison()?.filter(r => !r.isReduction && r.isDifferent).length} regressed
-            </div>
-          </Show>
-        </div>
-      </Show>
-    </div>
-  );
-};
-
-export default ComparisonView;