diff --git a/cypress/e2e/Settings/settings.spec.js b/cypress/e2e/Settings/settings.spec.js
index beca04ef..7b408cba 100644
--- a/cypress/e2e/Settings/settings.spec.js
+++ b/cypress/e2e/Settings/settings.spec.js
@@ -12,7 +12,7 @@ import {
   updateDarkMode,
   updateRelativeDates,
   manageIncidentTableColumns,
-  manageCustomAlertColumnDefinitions,
+  manageCustomColumnDefinitions,
   checkIncidentCellContentAllRows,
   checkActionAlertsModalContent,
 } from '../../support/util/common';
@@ -141,27 +141,85 @@ describe('Manage Settings', { failFast: { enabled: true } }, () => {
   });
 
   it('Add valid custom alert column to incident table', () => {
-    const customAlertColumnDefinitions = ['Quote:details.quote'];
-    manageCustomAlertColumnDefinitions(customAlertColumnDefinitions);
-    customAlertColumnDefinitions.forEach((columnName) => {
-      const header = columnName.split(':')[0];
-      cy.get(`[data-column-name="${header}"]`).scrollIntoView().should('be.visible');
-      cy.get(`[data-incident-header="${header}"][data-incident-row-cell-idx="0"]`).then(($el) => {
+    const customColumnDefinitions = [
+      { header: 'Quote', accessorPath: 'details.quote', expression: '' },
+    ];
+    manageCustomColumnDefinitions(customColumnDefinitions);
+    customColumnDefinitions.forEach((column) => {
+      cy.get(`[data-column-name="${column.header}"]`).scrollIntoView().should('be.visible');
+      cy.get(`[data-incident-header="${column.header}"][data-incident-row-cell-idx="0"]`).then(($el) => {
         // eslint-disable-next-line no-unused-expressions
         expect($el.text()).to.exist;
+        // Quote exists in the alert body, so it should not be empty
+        expect($el.text()).to.not.equal('--');
+        expect($el.text().length).to.be.greaterThan(20);
       });
     });
   });
 
   it('Add valid custom alert column with JSON path containing spaces to incident table', () => {
-    const customAlertColumnDefinitions = ["Fav Flavour:details.['favorite ice cream flavor']"];
-    manageCustomAlertColumnDefinitions(customAlertColumnDefinitions);
-    customAlertColumnDefinitions.forEach((columnName) => {
-      const header = columnName.split(':')[0];
-      cy.get(`[data-column-name="${header}"]`).scrollIntoView().should('be.visible');
-      cy.get(`[data-incident-header="${header}"][data-incident-row-cell-idx="0"]`).then(($el) => {
+    const customColumnDefinitions = [
+      { header: 'Fav Flavour', accessorPath: "details.['favorite ice cream flavor']", expression: '' },
+    ];
+    manageCustomColumnDefinitions(customColumnDefinitions);
+    customColumnDefinitions.forEach((column) => {
+      cy.get(`[data-column-name="${column.header}"]`).scrollIntoView().should('be.visible');
+      cy.get(`[data-incident-header="${column.header}"][data-incident-row-cell-idx="0"]`).then(($el) => {
+        // eslint-disable-next-line no-unused-expressions
+        expect($el.text()).to.exist;
+        // Fav Flavour doesn't exist in the alert body, so it should be empty
+        expect($el.text()).to.equal('--');
+      });
+    });
+  });
+
+  it('Add valid custom computed column to incident table', () => {
+    const customColumnDefinitions = [
+      { header: 'CI', accessorPath: 'first_trigger_log_entry.channel.details', expression: '(.*.example.com)' },
+    ];
+    manageCustomColumnDefinitions(customColumnDefinitions, 'computed');
+    customColumnDefinitions.forEach((column) => {
+      cy.get(`[data-column-name="${column.header}"]`).scrollIntoView().should('be.visible');
+      cy.get(`[data-incident-header="${column.header}"][data-incident-row-cell-idx="0"]`).then(($el) => {
+        // eslint-disable-next-line no-unused-expressions
+        expect($el.text()).to.exist;
+        // CI doesn't exist in the alert body, so it should be empty
+        expect($el.text()).to.equal('--');
+      });
+    });
+  });
+
+  it('Add two valid custom computed column to incident table with different expressions', () => {
+    const customColumnDefinitions = [
+      { header: 'CI', accessorPath: 'first_trigger_log_entry.channel.details', expression: '(.*.example.com)' },
+      { header: 'Category', accessorPath: 'first_trigger_log_entry.channel.details', expression: 'Category(.*)' },
+    ];
+    manageCustomColumnDefinitions(customColumnDefinitions, 'computed');
+    customColumnDefinitions.forEach((column) => {
+      cy.get(`[data-column-name="${column.header}"]`).scrollIntoView().should('be.visible');
+      cy.get(`[data-incident-header="${column.header}"][data-incident-row-cell-idx="0"]`).then(($el) => {
+        // eslint-disable-next-line no-unused-expressions
+        expect($el.text()).to.exist;
+        // CI or Category don't exist in the alert body, so it should be empty
+        expect($el.text()).to.equal('--');
+      });
+    });
+  });
+
+  it('Add valid quote custom computed column to incident table', () => {
+    const customColumnDefinitions = [
+      { header: 'QuoteRegex', accessorPath: 'first_trigger_log_entry.channel.details', expression: '{"quote":"(.*)"}' },
+    ];
+    manageCustomColumnDefinitions(customColumnDefinitions, 'computed');
+    customColumnDefinitions.forEach((column) => {
+      cy.get(`[data-column-name="${column.header}"]`).scrollIntoView().should('be.visible');
+      cy.get(`[data-incident-header="${column.header}"][data-incident-row-cell-idx="0"]`).then(($el) => {
         // eslint-disable-next-line no-unused-expressions
         expect($el.text()).to.exist;
+        // Quote does exist in the alert body, so it should not be empty and also shouldn't contain the custom details JSON with quote key, just the quote value
+        expect($el.text()).to.not.equal('--');
+        expect($el.text()).to.not.contain('"quote"');
+        expect($el.text().length).to.be.greaterThan(20);
       });
     });
   });
diff --git a/cypress/support/util/common.js b/cypress/support/util/common.js
index 61ab0e23..5309595a 100644
--- a/cypress/support/util/common.js
+++ b/cypress/support/util/common.js
@@ -255,7 +255,7 @@ export const manageIncidentTableColumns = (desiredState = 'add', columns = []) =
   checkActionAlertsModalContent('Incident table columns saved');
 };
 
-export const manageCustomAlertColumnDefinitions = (customAlertColumnDefinitions) => {
+export const manageCustomColumnDefinitions = (customColumnDefinitions, type = 'alert') => {
   cy.get('.settings-panel-dropdown').click();
   cy.get('.dropdown-item').contains('Columns').click();
 
@@ -263,14 +263,23 @@ export const manageCustomAlertColumnDefinitions = (customAlertColumnDefinitions)
     cy.wrap($el).click();
   });
 
-  customAlertColumnDefinitions.forEach((customAlertColumnDefinition) => {
-    const [header, accessorPath] = customAlertColumnDefinition.split(':');
-    cy.get('input[placeholder="Header"]').type(header);
-    cy.get('input[placeholder="JSON Path"]').type(accessorPath);
+  customColumnDefinitions.forEach((customColumnDefinition) => {
+    const {
+      header, accessorPath, expression,
+    } = customColumnDefinition;
+    cy.get('#column-type-select').select(type);
+    cy.get('input[placeholder="Header"]').clear().type(header);
+    cy.get('input[placeholder="JSON Path"]').clear().type(accessorPath);
+    if (type === 'computed') {
+      cy.get('input[placeholder="Regex"]').clear().type(expression, { parseSpecialCharSequences: false });
+    }
     cy.get('button[aria-label="Add custom column"]').click();
     // Need to escape special characters in accessorPath
     // https://docs.cypress.io/faq/questions/using-cypress-faq#How-do-I-use-special-characters-with-cyget
-    cy.get(`#column-${Cypress.$.escapeSelector(accessorPath)}-add-icon`).click();
+    const columnId = Cypress.$.escapeSelector(
+      [header, accessorPath, expression.replace(/:/g, '\\:')].filter((value) => value !== '').join(':'),
+    );
+    cy.get(`#column-${columnId}-add-icon`).click();
   });
   cy.get('#save-columns-button').click();
   checkActionAlertsModalContent('Incident table columns saved');
diff --git a/src/components/ColumnsModal/ColumnsModalComponent.jsx b/src/components/ColumnsModal/ColumnsModalComponent.jsx
index b5af8d5e..6a5a1515 100644
--- a/src/components/ColumnsModal/ColumnsModalComponent.jsx
+++ b/src/components/ColumnsModal/ColumnsModalComponent.jsx
@@ -34,6 +34,7 @@ import {
   Input,
   Text,
   useToast,
+  Select,
 } from '@chakra-ui/react';
 import {
   AddIcon,
@@ -41,7 +42,8 @@ import {
 import {
   defaultColumns,
   customAlertColumns,
-  columnsForSavedColumns,
+  customComputedColumns,
+  // columnsForSavedColumns,
 } from 'src/config/column-generator';
 
 import {
@@ -52,6 +54,7 @@ import {
 import {
   toggleColumnsModal as toggleColumnsModalConnected,
   setAlertCustomDetailColumns as setAlertCustomDetailColumnsConnected,
+  setComputedColumns as setComputedColumnsConnected,
 } from 'src/redux/settings/actions';
 
 import ColumnsModalItem from './subcomponents/ColumnsModalItem';
@@ -59,7 +62,8 @@ import DraggableColumnsModalItem from './subcomponents/DraggableColumnsModalItem
 
 const TableColumnsModalComponent = () => {
   const displayColumnsModal = useSelector((state) => state.settings.displayColumnsModal);
-  const alertCustomDetailFields = useSelector((state) => state.settings.alertCustomDetailFields);
+  const alertCustomDetailFields = useSelector((state) => state.settings.alertCustomDetailFields) || [];
+  const computedFields = useSelector((state) => state.settings.computedFields) || [];
   const incidentTableColumns = useSelector((state) => state.incidentTable.incidentTableColumns);
   const {
     incidentTableState,
@@ -70,6 +74,9 @@ const TableColumnsModalComponent = () => {
   const setAlertCustomDetailColumns = (newAlertCustomDetailFields) => {
     dispatch(setAlertCustomDetailColumnsConnected(newAlertCustomDetailFields));
   };
+  const setComputedColumns = (newComputedFields) => {
+    dispatch(setComputedColumnsConnected(newComputedFields));
+  };
   const saveIncidentTable = (updatedIncidentTableColumns) => {
     dispatch(saveIncidentTableConnected(updatedIncidentTableColumns));
   };
@@ -83,65 +90,46 @@ const TableColumnsModalComponent = () => {
 
   const toast = useToast();
 
-  const columnValue = (column) => {
-    if (!column) return '';
-    let value;
-    if (column.columnType === 'alert') {
-      // Alert column based on aggregator
-      value = column.Header
-        + (column.accessorPath ? `:${column.accessorPath}` : '')
-        + (column.aggregator ? `:${column.aggregator}` : '');
-    } else {
-      // Incident column
-      value = column.Header;
-    }
-    return value;
-  };
-
   const getAllAvailableColumns = () => {
     // eslint-disable-next-line max-len
-    const v = [...defaultColumns(), ...customAlertColumns(alertCustomDetailFields)].sort((a, b) => columnValue(a).localeCompare(columnValue(b)));
+    const v = [...defaultColumns(), ...customAlertColumns(alertCustomDetailFields), ...customComputedColumns(computedFields)].sort((a, b) => a.value.localeCompare(b.value));
     return v;
   };
 
-  const allAvailableColumns = useMemo(getAllAvailableColumns, [alertCustomDetailFields]);
+  const allAvailableColumns = useMemo(getAllAvailableColumns, [alertCustomDetailFields, computedFields]);
 
-  const getSelectedColumns = () => columnsForSavedColumns(incidentTableColumns).map((column) => {
-    // Recreate original value used from react-select in order to populate dual list
-    const value = columnValue(column);
-    return {
-      id: column.id,
-      Header: column.Header,
-      columnType: column.columnType,
-      accessor: column.accessor,
-      accessorPath: column.accessorPath,
+  const getSelectedColumns = () => incidentTableColumns.map((column) => (
+    {
+      ...column,
       label: column.i18n ? column.i18n : column.Header,
-      value,
-    };
-  });
+    }
+  ));
   const [selectedColumns, setSelectedColumns] = useState(getSelectedColumns());
 
   const getUnselectedColumns = () => {
     const unselected = allAvailableColumns.filter(
-      (c) => !selectedColumns.find((s) => s.value === columnValue(c)),
+      (c) => !selectedColumns.find((s) => s.value === c.value),
     );
     return unselected;
   };
   const unselectedColumns = useMemo(getUnselectedColumns, [allAvailableColumns, selectedColumns]);
 
   const unselectColumn = (column) => {
-    setSelectedColumns((prev) => prev.filter((c) => columnValue(c) !== columnValue(column)));
+    setSelectedColumns((prev) => prev.filter((c) => c.value !== column.value));
   };
   const selectColumn = (column) => {
     setSelectedColumns((prev) => [...prev, column]);
   };
 
-  const addCustomAlertColumn = (value) => {
-    const [Header, accessorPath, aggregator] = value.split(':');
+  const addCustomAlertColumn = (Header, accessorPath) => {
+    const value = `${Header}:${accessorPath}`;
+    if (!Header || !accessorPath) {
+      return;
+    }
     const newColumn = {
+      id: value,
       Header,
       accessorPath,
-      aggregator,
       value,
       label: value,
       columnType: 'alert',
@@ -150,6 +138,25 @@ const TableColumnsModalComponent = () => {
     setAlertCustomDetailColumns(newAlertCustomDetailFields);
   };
 
+  const addCustomComputedColumn = (Header, accessorPath, expression) => {
+    const value = `${Header}:${accessorPath}:${expression.replace(/:/g, '\\:')}`;
+    if (!Header || !accessorPath || !expression) {
+      return;
+    }
+    const newColumn = {
+      id: value,
+      Header,
+      accessorPath,
+      value,
+      expressionType: 'regex-single',
+      expression,
+      label: value,
+      columnType: 'computed',
+    };
+    const newComputedFields = [...computedFields, newColumn];
+    setComputedColumns(newComputedFields);
+  };
+
   const removeCustomAlertColumn = (column) => {
     unselectColumn(column);
     const newAlertCustomDetailFields = alertCustomDetailFields.filter(
@@ -158,10 +165,22 @@ const TableColumnsModalComponent = () => {
     setAlertCustomDetailColumns(newAlertCustomDetailFields);
   };
 
+  const removeCustomComputedColumn = (column) => {
+    unselectColumn(column);
+    const newComputedFields = computedFields.filter(
+      (c) => c.value !== column.value,
+    );
+    setComputedColumns(newComputedFields);
+  };
+
+  const columnTypeInputRef = useRef(null);
   const headerInputRef = useRef(null);
   const accessorPathInputRef = useRef(null);
+  const regexInputRef = useRef(null);
   const addButtonRef = useRef(null);
 
+  const [columnType, setColumnType] = useState('alert');
+
   const [inputIsValid, setInputIsValid] = useState(false);
   const validateInput = () => {
     let valid = true;
@@ -176,7 +195,7 @@ const TableColumnsModalComponent = () => {
 
   const findColumnInSelectedColumns = useCallback(
     (value) => {
-      const column = selectedColumns.find((c) => columnValue(c) === value);
+      const column = selectedColumns.find((c) => c.value === value);
       return {
         column,
         index: selectedColumns.indexOf(column),
@@ -200,7 +219,7 @@ const TableColumnsModalComponent = () => {
 
   const [, drop] = useDrop(() => ({ accept: 'DraggableColumnsModalItem' }));
   return (
-    <Modal isOpen={displayColumnsModal} onClose={toggleColumnsModal} size="xl">
+    <Modal isOpen={displayColumnsModal} onClose={toggleColumnsModal} size="xxl">
       <ModalOverlay />
       <ModalContent>
         <ModalHeader>{t('Incident Table')}</ModalHeader>
@@ -209,13 +228,13 @@ const TableColumnsModalComponent = () => {
           <VStack align="top">
             <Card size="sm" borderWidth="1px">
               <CardHeader>
-                <Heading size="sm">{t('Selected')}</Heading>
+                <Heading mb={0} size="sm">{t('Selected')}</Heading>
               </CardHeader>
-              <CardBody>
+              <CardBody py={0}>
                 <Box id="selected-columns-card-body" ref={drop}>
                   {selectedColumns.map((column) => (
                     <DraggableColumnsModalItem
-                      key={columnValue(column)}
+                      key={column.value}
                       column={column}
                       onClick={() => unselectColumn(column)}
                       itemType="selected"
@@ -226,20 +245,20 @@ const TableColumnsModalComponent = () => {
                 </Box>
               </CardBody>
               <CardFooter>
-                <Text m="auto" fontSize="sm" color="gray.500" as="i">
+                <Text p={0} mx="auto" my={0} fontSize="sm" color="gray.500" as="i">
                   {t('Drag and drop to reorder')}
                 </Text>
               </CardFooter>
             </Card>
-            <Card size="sm">
+            <Card size="sm" borderWidth="1px">
               <CardHeader>
-                <Heading size="sm">{t('Available')}</Heading>
+                <Heading mb={0} size="sm">{t('Available')}</Heading>
               </CardHeader>
-              <CardBody>
-                <Box id="available-columns-card-body">
+              <CardBody py={0}>
+                <Box mb={2} id="available-columns-card-body">
                   {unselectedColumns.map((column) => (
                     <ColumnsModalItem
-                      key={columnValue(column)}
+                      key={column.value}
                       column={column}
                       onClick={() => selectColumn(column)}
                       itemType="available"
@@ -248,22 +267,60 @@ const TableColumnsModalComponent = () => {
                 </Box>
               </CardBody>
             </Card>
-            <Card size="sm">
+            <Card size="sm" borderWidth="1px">
               <CardHeader>
-                <Heading size="sm">{t('Custom')}</Heading>
+                <Heading mb={0} size="sm">{t('Custom')}</Heading>
               </CardHeader>
-              <CardBody>
+              <CardBody py={0}>
                 <Box id="custom-columns-card-body">
-                  {alertCustomDetailFields.map((column) => (
-                    <ColumnsModalItem
-                      key={columnValue(column)}
-                      column={column}
-                      onClick={() => removeCustomAlertColumn(column)}
-                      itemType="custom"
-                    />
-                  ))}
+                  <Card size="xs" mb={1}>
+                    <CardHeader pb={0}>
+                      <Heading size="xs">{t('alert')}</Heading>
+                    </CardHeader>
+                    <CardBody>
+                      {alertCustomDetailFields.map((column) => (
+                        <ColumnsModalItem
+                          key={column.value}
+                          column={column}
+                          onClick={() => removeCustomAlertColumn(column)}
+                          itemType="custom"
+                        />
+                      ))}
+                    </CardBody>
+                  </Card>
+                  <Card size="xs" mb={1}>
+                    <CardHeader pb={0}>
+                      <Heading mb={0} size="xs">{t('computed')}</Heading>
+                    </CardHeader>
+                    <CardBody>
+                      {computedFields.map((column) => (
+                        <ColumnsModalItem
+                          key={column.value}
+                          column={column}
+                          onClick={() => removeCustomComputedColumn(column)}
+                          itemType="custom"
+                          columnType="computed"
+                        />
+                      ))}
+                    </CardBody>
+                  </Card>
                 </Box>
-                <InputGroup>
+                <InputGroup mb={2}>
+                  <Select
+                    id="column-type-select"
+                    ref={columnTypeInputRef}
+                    minWidth="8em"
+                    width="auto"
+                    onChange={() => {
+                      setColumnType(columnTypeInputRef.current.value);
+                    }}
+                  >
+                    {['alert', 'computed'].map((type) => (
+                      <option key={type} value={type}>
+                        {t(type)}
+                      </option>
+                    ))}
+                  </Select>
                   <Input
                     ref={headerInputRef}
                     onChange={validateInput}
@@ -276,19 +333,38 @@ const TableColumnsModalComponent = () => {
                     ref={accessorPathInputRef}
                     onChange={validateInput}
                     m={1}
-                    w="60%"
+                    w="50%"
                     placeholder={t('JSON Path')}
                     size="sm"
                   />
+                  <Input
+                    ref={regexInputRef}
+                    onChange={validateInput}
+                    m={1}
+                    w="50%"
+                    placeholder={t('Regex')}
+                    size="sm"
+                    isDisabled={columnType !== 'computed'}
+                  />
                   <Button
                     ref={addButtonRef}
                     isDisabled={!inputIsValid}
                     onClick={() => {
-                      const value = `${headerInputRef.current.value}:`
-                        + `${accessorPathInputRef.current.value}`;
-                      addCustomAlertColumn(value);
+                      if (columnType === 'alert') {
+                        addCustomAlertColumn(
+                          headerInputRef.current.value,
+                          accessorPathInputRef.current.value,
+                        );
+                      } else {
+                        addCustomComputedColumn(
+                          headerInputRef.current.value,
+                          accessorPathInputRef.current.value,
+                          regexInputRef.current.value,
+                        );
+                      }
                     }}
                     m={1}
+                    px={6}
                     variant="solid"
                     colorScheme="blue"
                     aria-label={t('Add custom column')}
@@ -309,7 +385,7 @@ const TableColumnsModalComponent = () => {
             mr={3}
             onClick={() => {
               // remove any filters on columns that are no longer selected
-              const selectedColumnIds = selectedColumns.map((c) => c.id);
+              const selectedColumnIds = selectedColumns.map((c) => c.value);
               const filters = incidentTableState.filters.filter((f) => selectedColumnIds.includes(f.id));
               updateIncidentTableState({ ...incidentTableState, filters });
 
diff --git a/src/components/ColumnsModal/ColumnsModalComponent.test.js b/src/components/ColumnsModal/ColumnsModalComponent.test.js
index a0ac3759..4892cc6a 100644
--- a/src/components/ColumnsModal/ColumnsModalComponent.test.js
+++ b/src/components/ColumnsModal/ColumnsModalComponent.test.js
@@ -35,7 +35,6 @@ describe('ColumnsModalComponent', () => {
             columnType: 'alert',
             Header: 'CustomField',
             accessorPath: 'details.to.some.path',
-            aggregator: null,
           },
           {
             label: 'AnotherCustomField:details.to.some.other.path',
@@ -43,7 +42,6 @@ describe('ColumnsModalComponent', () => {
             columnType: 'alert',
             Header: 'AnotherCustomField',
             accessorPath: 'details.to.some.other.path',
-            aggregator: null,
           },
           {
             label: "Fav Flavour:details.['favorite ice cream flavor']",
@@ -51,7 +49,17 @@ describe('ColumnsModalComponent', () => {
             columnType: 'alert',
             Header: 'Fav Flavour',
             accessorPath: "details.['favorite ice cream flavor']",
-            aggregator: null,
+          },
+        ],
+        computedFields: [
+          {
+            label: 'regex-single in incident body:first_trigger_log_entry.channel.details:(.*.example.com)',
+            value: 'regex-single in incident body:first_trigger_log_entry.channel.details:(.*.example.com)',
+            columnType: 'computed',
+            Header: 'regex-single in incident body',
+            accessorPath: 'first_trigger_log_entry.channel.details',
+            expressionType: 'regex-single',
+            expression: '(.*.example.com)',
           },
         ],
       },
@@ -81,18 +89,22 @@ describe('ColumnsModalComponent', () => {
     expect(screen.getByRole('banner')).toBeInTheDocument();
     expect(screen.getByRole('banner')).toHaveTextContent('Incident Table');
     expect(screen.getByRole('heading', { name: 'Selected' })).toBeInTheDocument();
-    // 2 standard fields, 3 custom fields, 2 added custom fields
-    expect(screen.getAllByLabelText('Remove column')).toHaveLength(7);
+    // 2 standard fields, 3 custom fields, 2 added custom alert fields, 1 added computed
+    expect(screen.getAllByLabelText('Remove column')).toHaveLength(8);
     expect(screen.getByRole('heading', { name: 'Available' })).toBeInTheDocument();
     expect(screen.getByRole('heading', { name: 'Custom' })).toBeInTheDocument();
+    expect(screen.getByRole('heading', { name: 'alert' })).toBeInTheDocument();
+    expect(screen.getByRole('heading', { name: 'computed' })).toBeInTheDocument();
     expect(screen.getByRole('button', { name: 'OK' })).toBeInTheDocument();
   });
 
   it('should render an enabled custom column option with unique header name', () => {
     // Find the Custom header, and find the CustomField DnD box near it
-    const customColumns = screen.getByText('Custom').parentElement.parentElement;
-    const customColumn = within(customColumns).getByText('CustomField:details.to.some.path');
+    const customColumns = screen.getByRole('heading', { name: 'alert' }).parentElement.parentElement;
+    const customColumn = within(customColumns).getAllByText('Header', { exact: false })[0].parentElement.parentElement;
     expect(customColumn).toBeInTheDocument();
+    expect(customColumn).toHaveTextContent('CustomField');
+    expect(customColumn).toHaveTextContent('details.to.some.path');
     expect(within(customColumn).getByLabelText('Remove column')).toBeInTheDocument();
 
     // Find the Selected header, and find the Selected DnD box near it
@@ -102,12 +114,12 @@ describe('ColumnsModalComponent', () => {
     expect(within(selectedColumn).getByLabelText('Remove column')).toBeInTheDocument();
   });
 
-  it('should render an available custom column option with unique header name', () => {
-    const customColumns = screen.getByText('Custom').parentElement.parentElement;
-    const customColumn = within(customColumns).getByText(
-      'AnotherCustomField:details.to.some.other.path',
-    );
+  it('should render an available custom alert column option with unique header name', () => {
+    const customColumns = screen.getByRole('heading', { name: 'alert' }).parentElement.parentElement;
+    const customColumn = within(customColumns).getAllByText('Header', { exact: false })[1].parentElement.parentElement;
     expect(customColumn).toBeInTheDocument();
+    expect(customColumn).toHaveTextContent('AnotherCustomField');
+    expect(customColumn).toHaveTextContent('details.to.some.other.path');
     expect(within(customColumn).getByLabelText('Remove column')).toBeInTheDocument();
 
     const availableColumns = screen.getByText('Available').parentElement.parentElement;
@@ -117,11 +129,11 @@ describe('ColumnsModalComponent', () => {
   });
 
   it('should render an enabled custom column option with JSON path containing spaces', () => {
-    const customColumns = screen.getByText('Custom').parentElement.parentElement;
-    const customColumn = within(customColumns).getByText(
-      "Fav Flavour:details.['favorite ice cream flavor']",
-    );
+    const customColumns = screen.getByRole('heading', { name: 'alert' }).parentElement.parentElement;
+    const customColumn = within(customColumns).getAllByText('Header', { exact: false })[2].parentElement.parentElement;
     expect(customColumn).toBeInTheDocument();
+    expect(customColumn).toHaveTextContent('Fav Flavour');
+    expect(customColumn).toHaveTextContent("details.['favorite ice cream flavor']");
     expect(within(customColumn).getByLabelText('Remove column')).toBeInTheDocument();
 
     const selectedColumns = screen.getByText('Selected').parentElement.parentElement;
@@ -138,4 +150,19 @@ describe('ColumnsModalComponent', () => {
   //   tabElement.simulate('click');
   //   expect(wrapper.find('[value="Summary:details.to.some.path"]').prop('disabled')).toEqual(true);
   // });
+
+  it('should render an available computed option with unique header name', () => {
+    const customColumns = screen.getByRole('heading', { name: 'computed' }).parentElement.parentElement;
+    const customColumn = within(customColumns).getByText('Header', { exact: false }).parentElement.parentElement;
+    expect(customColumn).toBeInTheDocument();
+    expect(customColumn).toHaveTextContent('regex-single in incident body');
+    expect(customColumn).toHaveTextContent('first_trigger_log_entry.channel.details');
+    expect(customColumn).toHaveTextContent('(.*.example.com)');
+    expect(within(customColumn).getByLabelText('Remove column')).toBeInTheDocument();
+
+    const availableColumns = screen.getByText('Available').parentElement.parentElement;
+    const availableColumn = within(availableColumns).getByText('regex-single in incident body');
+    expect(availableColumn).toBeInTheDocument();
+    expect(within(availableColumn).getByLabelText('Add column')).toBeInTheDocument();
+  });
 });
diff --git a/src/components/ColumnsModal/subcomponents/ColumnsModalItem.jsx b/src/components/ColumnsModal/subcomponents/ColumnsModalItem.jsx
index d253e451..bdd58226 100644
--- a/src/components/ColumnsModal/subcomponents/ColumnsModalItem.jsx
+++ b/src/components/ColumnsModal/subcomponents/ColumnsModalItem.jsx
@@ -3,12 +3,17 @@ import React from 'react';
 
 import {
   Tag,
+  Text,
 } from '@chakra-ui/react';
 
 import {
   AddIcon, CloseIcon,
 } from '@chakra-ui/icons';
 
+import {
+  useTranslation,
+} from 'react-i18next';
+
 const columnLabel = (column) => {
   if (!column) {
     return '';
@@ -20,8 +25,12 @@ const columnLabel = (column) => {
 };
 
 const ColumnsModalItem = ({
-  column, onClick, itemType,
+  column, onClick, itemType, columnType = 'alert',
 }) => {
+  const {
+    t,
+  } = useTranslation();
+
   const iconProps = {
     onClick,
     cursor: 'pointer',
@@ -33,7 +42,6 @@ const ColumnsModalItem = ({
     // old default example column would give null here
     return null;
   }
-  const columnId = column.id || column.label || column.accessorPath;
 
   let ariaLabel = '';
   let iconComponent = null;
@@ -41,7 +49,7 @@ const ColumnsModalItem = ({
     case 'available':
       ariaLabel = 'Add column';
       iconComponent = (
-        <AddIcon id={`column-${columnId}-add-icon`} {...iconProps} aria-label={ariaLabel} />
+        <AddIcon id={`column-${column.value}-add-icon`} {...iconProps} aria-label={ariaLabel} />
       );
       break;
     case 'selected':
@@ -49,19 +57,56 @@ const ColumnsModalItem = ({
     default:
       ariaLabel = 'Remove column';
       iconComponent = (
-        <CloseIcon id={`column-${columnId}-remove-icon`} {...iconProps} aria-label={ariaLabel} />
+        <CloseIcon id={`column-${column.value}-remove-icon`} {...iconProps} aria-label={ariaLabel} />
       );
       break;
   }
   const tagProps = {
-    id: `column-${columnId}-tag`,
+    id: `column-${column.value}-tag`,
     m: 1,
+    p: 1,
     variant: itemType === 'available' ? 'subtle' : 'solid',
     colorScheme: itemType === 'available' ? 'gray' : 'blue',
   };
+
+  let tagText = columnLabel(column);
+  if (itemType === 'custom') {
+    if (columnType === 'alert') {
+      tagProps.px = 2;
+      tagText = (
+        <Text as="span">
+          <b>{t('Header')}</b>
+          :&nbsp;
+          {column.Header}
+          <br />
+          <b>{t('JSON Path')}</b>
+          :&nbsp;
+          {column.accessorPath}
+          <br />
+        </Text>
+      );
+    } else {
+      tagProps.px = 2;
+      tagText = (
+        <Text as="span">
+          <b>{t('Header')}</b>
+          :&nbsp;
+          {column.Header}
+          <br />
+          <b>{t('JSON Path')}</b>
+          :&nbsp;
+          {column.accessorPath}
+          <br />
+          <b>{t('Regex')}</b>
+          :&nbsp;
+          {column.expression}
+        </Text>
+      );
+    }
+  }
   return (
     <Tag {...tagProps}>
-      {columnLabel(column)}
+      {tagText}
       {iconComponent}
     </Tag>
   );
diff --git a/src/components/ColumnsModal/subcomponents/DraggableColumnsModalItem.jsx b/src/components/ColumnsModal/subcomponents/DraggableColumnsModalItem.jsx
index bcb7fd10..91466c56 100644
--- a/src/components/ColumnsModal/subcomponents/DraggableColumnsModalItem.jsx
+++ b/src/components/ColumnsModal/subcomponents/DraggableColumnsModalItem.jsx
@@ -13,21 +13,10 @@ import {
   AddIcon, CloseIcon,
 } from '@chakra-ui/icons';
 
-const columnValue = (column) => {
-  let value;
-  if (column.columnType === 'alert') {
-    // Alert column based on aggregator
-    value = column.Header
-      + (column.accessorPath ? `:${column.accessorPath}` : '')
-      + (column.aggregator ? `:${column.aggregator}` : '');
-  } else {
-    // Incident column
-    value = column.Header;
-  }
-  return value;
-};
-
 const columnLabel = (column) => {
+  if (!column) {
+    return '';
+  }
   if (column.label) {
     return column.label;
   }
@@ -41,11 +30,11 @@ const DraggableColumnsModalItem = ({
   moveColumnInSelectedColumns,
   findColumnInSelectedColumns,
 }) => {
-  const originalIndex = findColumnInSelectedColumns(columnValue(column)).index;
+  const originalIndex = findColumnInSelectedColumns(column.value).index;
   const [, drag] = useDrag(
     () => ({
       type: 'DraggableColumnsModalItem',
-      item: { id: columnValue(column), originalIndex },
+      item: { id: column.value, originalIndex },
       collect: (monitor) => ({
         isDragging: monitor.isDragging(),
       }),
@@ -59,7 +48,7 @@ const DraggableColumnsModalItem = ({
         }
       },
     }),
-    [columnValue(column), originalIndex, moveColumnInSelectedColumns],
+    [column.value, originalIndex, moveColumnInSelectedColumns],
   );
   const [, drop] = useDrop(
     () => ({
@@ -67,10 +56,10 @@ const DraggableColumnsModalItem = ({
       hover({
         id: draggedId,
       }) {
-        if (draggedId !== columnValue(column)) {
+        if (draggedId !== column.value) {
           const {
             index: overIndex,
-          } = findColumnInSelectedColumns(columnValue(column));
+          } = findColumnInSelectedColumns(column.value);
           moveColumnInSelectedColumns(draggedId, overIndex);
         }
       },
@@ -92,7 +81,7 @@ const DraggableColumnsModalItem = ({
       ariaLabel = 'Add column';
       // eslint-disable-next-line max-len
       iconComponent = (
-        <AddIcon id={`column-${column.id}-add-icon`} {...iconProps} aria-label={ariaLabel} />
+        <AddIcon id={`column-${column.value}-add-icon`} {...iconProps} aria-label={ariaLabel} />
       );
       break;
     case 'selected':
@@ -100,12 +89,12 @@ const DraggableColumnsModalItem = ({
     default:
       ariaLabel = 'Remove column';
       iconComponent = (
-        <CloseIcon id={`column-${column.id}-remove-icon`} {...iconProps} aria-label={ariaLabel} />
+        <CloseIcon id={`column-${column.value}-remove-icon`} {...iconProps} aria-label={ariaLabel} />
       );
       break;
   }
   const tagProps = {
-    id: `column-${column.id}-tag`,
+    id: `column-${column.value}-tag`,
     m: 1,
     variant: itemType === 'available' ? 'subtle' : 'solid',
     colorScheme: itemType === 'available' ? 'gray' : 'blue',
diff --git a/src/components/IncidentTable/IncidentTableComponent.test.js b/src/components/IncidentTable/IncidentTableComponent.test.js
index e66c8e65..8177a8b1 100644
--- a/src/components/IncidentTable/IncidentTableComponent.test.js
+++ b/src/components/IncidentTable/IncidentTableComponent.test.js
@@ -57,24 +57,59 @@ describe('IncidentTableComponent', () => {
           {
             Header: 'quote',
             accessorPath: 'details.quote',
-            aggregator: null,
             width: 100,
             columnType: 'alert',
           },
           {
             Header: 'link',
             accessorPath: 'details.link',
-            aggregator: null,
             width: 100,
             columnType: 'alert',
           },
           {
             Header: 'object_details',
             accessorPath: 'details.object_details',
-            aggregator: null,
             width: 100,
             columnType: 'alert',
           },
+          {
+            Header: 'some obscure field',
+            accessorPath: "details['some obscure field']",
+            width: 100,
+            columnType: 'alert',
+          },
+          {
+            Header: 'regex-single in incident body',
+            accessorPath: 'first_trigger_log_entry.channel.details',
+            width: 100,
+            columnType: 'computed',
+            expressionType: 'regex-single',
+            expression: '(.*.example.com)',
+          },
+          {
+            Header: 'regex in incident body',
+            accessorPath: 'first_trigger_log_entry.channel.details',
+            width: 100,
+            columnType: 'computed',
+            expressionType: 'regex',
+            expression: '(.*.example.com)',
+          },
+          {
+            Header: 'no match regex in incident body',
+            accessorPath: 'first_trigger_log_entry.channel.details',
+            width: 100,
+            columnType: 'computed',
+            expressionType: 'regex',
+            expression: '(.*foobar)',
+          },
+          {
+            Header: 'no match regex in non-existant path',
+            accessorPath: 'first_trigger_log_entry.channel.foobar',
+            width: 100,
+            columnType: 'computed',
+            expressionType: 'regex',
+            expression: '(.*)',
+          },
         ],
       },
       incidentActions: {
@@ -126,4 +161,49 @@ describe('IncidentTableComponent', () => {
     // jsonValue should include a key with value 'value1'
     expect(JSON.stringify(jsonValue)).toContain('value1');
   });
+
+  it('should render cell with UUID value for custom detail field', () => {
+    const incidentNumber = 1;
+    const customDetailField = 'some obscure field';
+    const uuid = screen.getAllByIncidentHeader(customDetailField)[incidentNumber].textContent;
+
+    // uuid should include a valid UUID
+    expect(validator.isUUID(uuid)).toBeTruthy();
+  });
+
+  it('should render computed cell with regex-single expression value for hostname in incident details field', () => {
+    const incidentNumber = 1;
+    const customDetailField = 'regex-single in incident body';
+    const host = screen.getAllByIncidentHeader(customDetailField)[incidentNumber].textContent;
+
+    // host should be the hostname regex matched out of the incident details
+    expect(host).toEqual('test1234.example.com');
+  });
+
+  it('should render computed cell with regex expression value for hostname in incident details field', () => {
+    const incidentNumber = 1;
+    const customDetailField = 'regex in incident body';
+    const hosts = screen.getAllByIncidentHeader(customDetailField)[incidentNumber].textContent;
+
+    // hosts should be the hostnames regex matched out of the incident details
+    expect(hosts).toEqual('test1234.example.com, test5678.example.com');
+  });
+
+  it('should render computed cell with no regex match in incident details field', () => {
+    const incidentNumber = 1;
+    const customDetailField = 'no match regex in incident body';
+    const match = screen.getAllByIncidentHeader(customDetailField)[incidentNumber].textContent;
+
+    // hosts should be the hostnames regex matched out of the incident details
+    expect(match).toEqual('--');
+  });
+
+  it('should render computed cell with non-existant path', () => {
+    const incidentNumber = 1;
+    const customDetailField = 'no match regex in non-existant path';
+    const match = screen.getAllByIncidentHeader(customDetailField)[incidentNumber].textContent;
+
+    // hosts should be the hostnames regex matched out of the incident details
+    expect(match).toEqual('--');
+  });
 });
diff --git a/src/components/NavigationBar/subcomponents/LoadSavePresetsModal.jsx b/src/components/NavigationBar/subcomponents/LoadSavePresetsModal.jsx
index db235721..538b080f 100644
--- a/src/components/NavigationBar/subcomponents/LoadSavePresetsModal.jsx
+++ b/src/components/NavigationBar/subcomponents/LoadSavePresetsModal.jsx
@@ -33,6 +33,7 @@ import {
   setFuzzySearch as setFuzzySearchConnected,
   setRespondersInEpFilter as setRespondersInEpFilterConnected,
   setAlertCustomDetailColumns as setAlertCustomDetailColumnsConnected,
+  setComputedColumns as setComputedColumnsConnected,
   setDarkMode as setDarkModeConnected,
   setRelativeDates as setRelativeDatesConnected,
 } from 'src/redux/settings/actions';
@@ -69,6 +70,7 @@ const SettingsModalComponent = () => {
     fuzzySearch,
     respondersInEpFilter,
     alertCustomDetailFields,
+    computedFields,
     darkMode,
     relativeDates,
   } = useSelector((state) => state.settings);
@@ -103,6 +105,7 @@ const SettingsModalComponent = () => {
   const setFuzzySearch = (search) => dispatch(setFuzzySearchConnected(search));
   const setRespondersInEpFilter = (show) => dispatch(setRespondersInEpFilterConnected(show));
   const setAlertCustomDetailColumns = (columns) => dispatch(setAlertCustomDetailColumnsConnected(columns));
+  const setComputedColumns = (columns) => dispatch(setComputedColumnsConnected(columns));
   const setDarkMode = (mode) => dispatch(setDarkModeConnected(mode));
   const setRelativeDates = (relative) => dispatch(setRelativeDatesConnected(relative));
   const toggleDisplayQuerySettings = () => dispatch(toggleDisplayQuerySettingsConnected());
@@ -128,6 +131,7 @@ const SettingsModalComponent = () => {
       fuzzySearch: !!fuzzySearch,
       respondersInEpFilter,
       alertCustomDetailFields,
+      computedFields,
       darkMode,
       relativeDates,
     };
@@ -173,6 +177,7 @@ const SettingsModalComponent = () => {
     setFuzzySearch(!!presets.settings.fuzzySearch);
     setRespondersInEpFilter(presets.settings.respondersInEpFilter);
     setAlertCustomDetailColumns(presets.settings.alertCustomDetailFields);
+    setComputedColumns(presets.settings.computedFields);
     setDarkMode(presets.settings.darkMode);
     setColorMode(presets.settings.darkMode ? 'dark' : 'light');
     setRelativeDates(presets.settings.relativeDates);
diff --git a/src/config/column-generator.jsx b/src/config/column-generator.jsx
index 41bda4a0..76e76328 100644
--- a/src/config/column-generator.jsx
+++ b/src/config/column-generator.jsx
@@ -33,6 +33,10 @@ import {
 } from 'react-redux';
 import i18next from 'src/i18n';
 
+import {
+  anythingToString,
+} from 'src/util/helpers';
+
 import {
   HIGH, LOW,
 } from 'src/util/incidents';
@@ -144,35 +148,38 @@ const dateValueSortType = (row1, row2, columnId, descending) => {
 
 export const incidentColumn = ({
   id,
+  value,
   header,
   accessor,
   accessorPath,
+  expression,
+  expressionType,
   renderer = renderPlainTextCell,
   minWidth,
   sortType,
   columnType,
 }) => {
   const wrappedRenderer = ({
-    cell, value, row,
+    cell, value: cellValue, row,
   }) => {
-    let valueStr;
-    switch (typeof value) {
+    let cellValueStr;
+    switch (typeof cellValue) {
       case 'string':
-        valueStr = value;
+        cellValueStr = cellValue;
         break;
       case 'undefined':
-        valueStr = '';
+        cellValueStr = '';
         break;
       case 'object':
-        valueStr = value ? JSON.stringify(value) : '';
+        cellValueStr = cellValue ? JSON.stringify(cellValue) : '';
         break;
       default:
-        valueStr = `${value}`;
+        cellValueStr = `${cellValue}`;
     }
     try {
       return renderer({
         cell,
-        value: valueStr,
+        value: cellValueStr,
         row,
       });
     } catch (e) {
@@ -189,11 +196,14 @@ export const incidentColumn = ({
   };
 
   const column = {
+    value,
     originalHeader: header,
     Header: i18next.t(header),
     i18n: i18next.t(header),
     accessor,
     accessorPath,
+    expression,
+    expressionType,
     Cell: wrappedRenderer,
     minWidth,
     columnType: columnType || 'incident',
@@ -202,8 +212,8 @@ export const incidentColumn = ({
 
   if (id) {
     column.id = id;
-  } else if (typeof accessor === 'string') {
-    column.id = accessor;
+  } else if (typeof value === 'string') {
+    column.id = value;
   }
 
   if (sortType) {
@@ -215,6 +225,7 @@ export const incidentColumn = ({
 
 export const defaultIncidentColumns = () => [
   incidentColumn({
+    value: 'incident_number',
     header: '#',
     accessor: 'incident_number',
     minWidth: 80,
@@ -226,6 +237,7 @@ export const defaultIncidentColumns = () => [
     }),
   }),
   incidentColumn({
+    value: 'title',
     header: 'Title',
     accessor: 'title',
     minWidth: 200,
@@ -237,12 +249,13 @@ export const defaultIncidentColumns = () => [
     }),
   }),
   incidentColumn({
-    id: 'description',
+    value: 'description',
     header: 'Description',
     accessor: 'description',
     minWidth: 200,
   }),
   incidentColumn({
+    value: 'created_at',
     header: 'Created At',
     accessor: 'created_at',
     minWidth: 200,
@@ -254,7 +267,7 @@ export const defaultIncidentColumns = () => [
     sortType: dateValueSortType,
   }),
   incidentColumn({
-    id: 'age',
+    value: 'age',
     header: 'Age',
     accessor: 'created_at',
     minWidth: 200,
@@ -268,6 +281,7 @@ export const defaultIncidentColumns = () => [
     sortType: dateValueSortType,
   }),
   incidentColumn({
+    value: 'updated_at',
     header: 'Updated At',
     accessor: 'updated_at',
     minWidth: 200,
@@ -279,6 +293,7 @@ export const defaultIncidentColumns = () => [
     sortType: dateValueSortType,
   }),
   incidentColumn({
+    value: 'status',
     header: 'Status',
     accessor: 'status',
     minWidth: 90,
@@ -287,12 +302,13 @@ export const defaultIncidentColumns = () => [
     }) => <StatusComponent status={value} />,
   }),
   incidentColumn({
+    value: 'incident_key',
     header: 'Incident Key',
     accessor: 'incident_key',
     minWidth: 300,
   }),
   incidentColumn({
-    id: 'service',
+    value: 'service',
     header: 'Service',
     accessor: 'service.summary',
     minWidth: 150,
@@ -304,7 +320,7 @@ export const defaultIncidentColumns = () => [
     }),
   }),
   incidentColumn({
-    id: 'assignees',
+    value: 'assignees',
     header: 'Assignees',
     accessor: (incident) => incident.assignments.map((assignment) => assignment.assignee.summary).join(', '),
     minWidth: 160,
@@ -319,6 +335,7 @@ export const defaultIncidentColumns = () => [
     ),
   }),
   incidentColumn({
+    value: 'last_status_change_at',
     header: 'Last Status Change At',
     accessor: 'last_status_change_at',
     minWidth: 200,
@@ -330,7 +347,7 @@ export const defaultIncidentColumns = () => [
     sortType: dateValueSortType,
   }),
   incidentColumn({
-    id: 'num_alerts',
+    value: 'num_alerts',
     header: 'Num Alerts',
     accessor: 'alert_counts.all',
     minWidth: 130,
@@ -345,7 +362,7 @@ export const defaultIncidentColumns = () => [
     ),
   }),
   incidentColumn({
-    id: 'escalation_policy',
+    value: 'escalation_policy',
     header: 'Escalation Policy',
     accessor: 'escalation_policy.summary',
     minWidth: 150,
@@ -357,7 +374,7 @@ export const defaultIncidentColumns = () => [
     }),
   }),
   incidentColumn({
-    id: 'teams',
+    value: 'teams',
     header: 'Teams',
     accessor: (incident) => (incident.teams ? incident.teams.map((team) => team.summary).join(', ') : ''),
     minWidth: 200,
@@ -379,7 +396,7 @@ export const defaultIncidentColumns = () => [
     },
   }),
   incidentColumn({
-    id: 'acknowledgements',
+    value: 'acknowledgements',
     header: 'Acknowledgements',
     accessor: (incident) => incident.acknowledgements.map((acknowledger) => acknowledger.summary).join(', '),
     minWidth: 160,
@@ -394,6 +411,7 @@ export const defaultIncidentColumns = () => [
     ),
   }),
   incidentColumn({
+    value: 'last_status_change_by',
     header: 'Last Status Change By',
     accessor: 'last_status_change_by.summary',
     minWidth: 150,
@@ -405,7 +423,7 @@ export const defaultIncidentColumns = () => [
     }),
   }),
   incidentColumn({
-    id: 'priority',
+    value: 'priority',
     header: 'Priority',
     accessor: (incident) => incident.priority?.summary || '',
     minWidth: 90,
@@ -436,6 +454,7 @@ export const defaultIncidentColumns = () => [
     },
   }),
   incidentColumn({
+    value: 'urgency',
     header: 'Urgency',
     accessor: 'urgency',
     minWidth: 120,
@@ -467,11 +486,13 @@ export const defaultIncidentColumns = () => [
     },
   }),
   incidentColumn({
+    value: 'id',
     header: 'Incident ID',
     accessor: 'id',
     minWidth: 160,
   }),
   incidentColumn({
+    value: 'summary',
     header: 'Summary',
     accessor: 'summary',
     minWidth: 300,
@@ -483,7 +504,7 @@ export const defaultIncidentColumns = () => [
     }),
   }),
   incidentColumn({
-    id: 'latest_note',
+    value: 'latest_note',
     header: 'Latest Note',
     accessor: (incident) => {
       if (incident.notes && incident.notes.length > 0) {
@@ -499,7 +520,7 @@ export const defaultIncidentColumns = () => [
     }) => <LatestNoteComponent incident={original} />,
   }),
   incidentColumn({
-    id: 'latest_note_at',
+    value: 'latest_note_at',
     header: 'Latest Note At',
     accessor: (incident) => {
       if (incident.notes && incident.notes.length > 0) {
@@ -516,7 +537,7 @@ export const defaultIncidentColumns = () => [
     sortType: dateValueSortType,
   }),
   incidentColumn({
-    id: 'external_references',
+    value: 'external_references',
     header: 'External References',
     accessor: (incident) => (incident.external_references
       ? incident.external_references.map((ext) => ext.external_id).join(', ')
@@ -540,7 +561,7 @@ export const defaultIncidentColumns = () => [
     },
   }),
   incidentColumn({
-    id: 'responders',
+    value: 'responders',
     header: 'Responders',
     accessor: (incident) => incident.incidents_responders.map((responder) => responder.user.summary).join(', '),
     minWidth: 160,
@@ -555,7 +576,7 @@ export const defaultIncidentColumns = () => [
     ),
   }),
   incidentColumn({
-    id: 'latest_log_entry_at',
+    value: 'latest_log_entry_at',
     header: 'Latest Log Entry At',
     accessor: (incident) => incident.latest_log_entry?.created_at || incident.updated_at || incident.created_at,
     minWidth: 200,
@@ -567,7 +588,7 @@ export const defaultIncidentColumns = () => [
     sortType: dateValueSortType,
   }),
   incidentColumn({
-    id: 'latest_log_entry_type',
+    value: 'latest_log_entry_type',
     header: 'Latest Log Entry Type',
     accessor: (incident) => {
       if (incident.latest_log_entry) {
@@ -582,7 +603,7 @@ export const defaultIncidentColumns = () => [
     minWidth: 120,
   }),
   incidentColumn({
-    id: 'latest_alert_at',
+    value: 'latest_alert_at',
     header: 'Latest Alert At',
     accessor: (incident) => {
       if (incident.alerts && incident.alerts instanceof Array && incident.alerts.length > 0) {
@@ -604,7 +625,7 @@ export const defaultIncidentColumns = () => [
 
 export const defaultAlertsColumns = () => [
   incidentColumn({
-    id: 'links',
+    value: 'links',
     header: 'Links',
     columnType: 'alert',
     accessor: (incident) => {
@@ -641,7 +662,7 @@ export const defaultAlertsColumns = () => [
     ),
   }),
   incidentColumn({
-    id: 'severity',
+    value: 'severity',
     header: 'Severity',
     columnType: 'alert',
     accessor: (incident) => {
@@ -714,7 +735,7 @@ export const defaultAlertsColumns = () => [
     },
   }),
   incidentColumn({
-    id: 'source_component',
+    value: 'source_component',
     header: 'Component',
     columnType: 'alert',
     accessor: (incident) => incident.alerts?.[0]?.body?.cef_details?.source_component || '',
@@ -722,7 +743,7 @@ export const defaultAlertsColumns = () => [
     renderer: renderPlainTextAlertCell,
   }),
   incidentColumn({
-    id: 'source_origin',
+    value: 'source_origin',
     header: 'Source',
     columnType: 'alert',
     accessor: (incident) => incident.alerts?.[0]?.body?.cef_details?.source_origin || '',
@@ -730,7 +751,7 @@ export const defaultAlertsColumns = () => [
     renderer: renderPlainTextAlertCell,
   }),
   incidentColumn({
-    id: 'event_class',
+    value: 'event_class',
     header: 'Class',
     columnType: 'alert',
     accessor: (incident) => incident.alerts?.[0]?.body?.cef_details?.event_class || '',
@@ -738,7 +759,7 @@ export const defaultAlertsColumns = () => [
     renderer: renderPlainTextAlertCell,
   }),
   incidentColumn({
-    id: 'service_group',
+    value: 'service_group',
     header: 'Group',
     columnType: 'alert',
     accessor: (incident) => incident.alerts?.[0]?.body?.cef_details?.service_group || '',
@@ -746,7 +767,7 @@ export const defaultAlertsColumns = () => [
     renderer: renderPlainTextAlertCell,
   }),
   incidentColumn({
-    id: 'client',
+    value: 'client',
     header: 'Client',
     columnType: 'alert',
     accessor: (incident) => incident.alerts?.[0]?.body?.cef_details?.client || '',
@@ -766,7 +787,7 @@ export const defaultAlertsColumns = () => [
     },
   }),
   incidentColumn({
-    id: 'creation_time',
+    value: 'creation_time',
     header: 'Timestamp',
     columnType: 'alert',
     accessor: (incident) => incident.alerts?.[0]?.body?.cef_details?.creation_time || '',
@@ -775,9 +796,63 @@ export const defaultAlertsColumns = () => [
   }),
 ];
 
+export const customComputedColumnForSavedColumn = (savedColumn) => {
+  const {
+    value,
+    Header: header,
+    accessorPath,
+    expressionType,
+    expression,
+    width,
+  } = savedColumn;
+  if (!(header && accessorPath)) {
+    return null;
+  }
+  const accessor = (incident) => {
+    try {
+      const valuesAtPath = JSONPath({
+        path: accessorPath,
+        json: incident,
+      });
+      if (!valuesAtPath) {
+        return null;
+      }
+      if (expressionType === 'regex') {
+        const stringValuesAtPath = valuesAtPath.map((v) => anythingToString(v));
+        const joinedValuesAtPath = stringValuesAtPath.join('\n');
+        const regex = new RegExp(expression, 'gm');
+        const matches = Array.from(joinedValuesAtPath.matchAll(regex), (match) => match[1]);
+        return matches.join(', ') || null;
+      }
+      if (expressionType === 'regex-single') {
+        const stringValuesAtPath = valuesAtPath.map((v) => anythingToString(v));
+        const joinedValuesAtPath = stringValuesAtPath.join('\n');
+        const regex = new RegExp(expression, 'm');
+        const match = joinedValuesAtPath.match(regex);
+        return match ? match[1] : null;
+      }
+      return valuesAtPath[0];
+    } catch (e) {
+      return null;
+    }
+  };
+
+  const column = incidentColumn({
+    value,
+    header,
+    columnType: 'computed',
+    accessor,
+    accessorPath,
+    expression,
+    expressionType,
+    minWidth: width || 100,
+  });
+  return column;
+};
+
 export const customAlertColumnForSavedColumn = (savedColumn) => {
   const {
-    Header: header, accessorPath, aggregator, width,
+    value, Header: header, accessorPath, width,
   } = savedColumn;
   if (!(header && accessorPath)) {
     return null;
@@ -797,13 +872,11 @@ export const customAlertColumnForSavedColumn = (savedColumn) => {
     } catch (e) {
       result = null;
     }
-    if (aggregator) {
-      return result;
-    }
     return result[0];
   };
+
   const column = incidentColumn({
-    id: accessorPath,
+    value,
     header,
     columnType: 'alert',
     accessor,
@@ -833,8 +906,27 @@ export const customAlertColumns = (savedColumns) => {
   });
 };
 
+export const customComputedColumns = (savedColumns) => {
+  const allColumns = defaultColumns();
+  if (!savedColumns) {
+    return [];
+  }
+  return savedColumns.map((column) => {
+    if (
+      column.columnType === 'computed'
+      && !allColumns.find((c) => c.originalHeader === column.Header)
+    ) {
+      return customComputedColumnForSavedColumn(column);
+    }
+    return undefined;
+  });
+};
+
 export const columnsForSavedColumns = (savedColumns) => {
   const allColumns = defaultColumns();
+  if (!savedColumns) {
+    return [];
+  }
   const columns = savedColumns
     .map((column) => {
       const foundColumn = allColumns.find((c) => c.originalHeader === column.Header);
@@ -847,6 +939,9 @@ export const columnsForSavedColumns = (savedColumns) => {
       if (column.columnType === 'alert') {
         return customAlertColumnForSavedColumn(column);
       }
+      if (column.columnType === 'computed') {
+        return customComputedColumnForSavedColumn(column);
+      }
       return null;
     })
     .filter((c) => !!c);
diff --git a/src/locales/de/translation.json b/src/locales/de/translation.json
index d29f676b..f3cfe315 100644
--- a/src/locales/de/translation.json
+++ b/src/locales/de/translation.json
@@ -22,6 +22,7 @@
   "Adding note": "Notiz hinzufügen",
   "Adding responders": "Responder hinzufügen",
   "Age": "Alter",
+  "alert": "benachrichtigung",
   "Alerts": "Benachrichtigungen",
   "Alerts for incident X": "Benachrichtigungen für Vorfall {{incident_number}}",
   "An unexpected error has occurred:": "Ein unerwarteter Fehler ist aufgetreten:",
@@ -34,14 +35,17 @@
   "Catastrophic Error": "Katastrophaler Fehler",
   "characters remaining": "Zeichen verbleibend",
   "Class": "Klasse",
+  "Clear": "Löschen",
   "Clear Alerts": "Benachrichtigungen löschen",
   "Clear Filter": "Filter löschen",
   "Clear Local Cache": "Lokalen Cache löschen",
   "Clear Notes": "Notizen löschen",
   "Close": "Schließen",
   "Closed Incidents": "Geschlossene Vorfälle",
+  "Column Filters": "Spaltenfilter",
   "Columns": "Spalten",
   "Component": "Komponente",
+  "computed": "berechnet",
   "Connect using PagerDuty OAuth to use this app": "Verbindung unter Verwendung von PagerDuty OAuth herstellen, um diese App zu verwenden",
   "Connected": "Verbunden",
   "Connecting": "Verbinden",
@@ -140,6 +144,7 @@
   "n/a": "n/a",
   "New Incidents": "Neue Vorfälle",
   "No Incidents Found": "Keine Vorfälle gefunden",
+  "No incidents match your search criteria.": "Keine Vorfälle entsprechen Ihren Suchkriterien.",
   "Not requested": "Nicht angefordert",
   "Notes": "Notizen",
   "Now": "Now",
@@ -163,6 +168,7 @@
   "Refresh Incidents": "Vorfälle aktualisieren",
   "Refresh OAuth Token": "OAuth-Token aktualisieren",
   "Refreshing": "Aktualisieren",
+  "Regex": "Regex",
   "Relative Dates": "Relative Daten",
   "Requested additional response for": "Zusätzliche Antwort angefordert für",
   "Resolve": "Schließen",
diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index 653c7800..53c78437 100644
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -22,6 +22,7 @@
   "Adding note": "Adding note",
   "Adding responders": "Adding responders",
   "Age": "Age",
+  "alert": "alert",
   "Alerts": "Alerts",
   "Alerts for incident X": "Alerts for incident {{incident_number}}",
   "An unexpected error has occurred:": "An unexpected error has occurred:",
@@ -34,14 +35,17 @@
   "Catastrophic Error": "Catastrophic Error",
   "characters remaining": "characters remaining",
   "Class": "Class",
+  "Clear": "Clear",
   "Clear Alerts": "Clear Alerts",
   "Clear Filter": "Clear Filter",
   "Clear Local Cache": "Clear Local Cache",
   "Clear Notes": "Clear Notes",
   "Close": "Close",
   "Closed Incidents": "Closed Incidents",
+  "Column Filters": "Column Filters",
   "Columns": "Columns",
   "Component": "Component",
+  "computed": "computed",
   "Connect using PagerDuty OAuth to use this app": "Connect using PagerDuty OAuth to use this app",
   "Connected": "Connected",
   "Connecting": "Connecting",
@@ -140,6 +144,7 @@
   "n/a": "n/a",
   "New Incidents": "New Incidents",
   "No Incidents Found": "No Incidents Found",
+  "No incidents match your search criteria.": "No incidents match your search criteria.",
   "Not requested": "Not requested",
   "Notes": "Notes",
   "Now": "Now",
@@ -163,6 +168,7 @@
   "Refresh Incidents": "Refresh Incidents",
   "Refresh OAuth Token": "Refresh OAuth Token",
   "Refreshing": "Refreshing",
+  "Regex": "Regex",
   "Relative Dates": "Relative Dates",
   "Requested additional response for": "Requested additional response for",
   "Resolve": "Resolve",
diff --git a/src/locales/es/translation.json b/src/locales/es/translation.json
index 2dabdb53..cbae1232 100644
--- a/src/locales/es/translation.json
+++ b/src/locales/es/translation.json
@@ -22,6 +22,7 @@
   "Adding note": "Añadiendo nota",
   "Adding responders": "Añadiendo responsables",
   "Age": "Edad",
+  "alert": "alerta",
   "Alerts": "Alertas",
   "Alerts for incident X": "Alertas para incidente {{incident_number}}",
   "An unexpected error has occurred:": "Se ha producido un error inesperado:",
@@ -34,14 +35,17 @@
   "Catastrophic Error": "Error Catastrófico",
   "characters remaining": "caracteres restantes",
   "Class": "Clase",
+  "Clear": "Borrar",
   "Clear Alerts": "Borrar alertas",
   "Clear Filter": "Borrar filtro",
   "Clear Local Cache": "Borrar caché local",
   "Clear Notes": "Borrar notas",
   "Close": "Cerrar",
   "Closed Incidents": "Incidentes cerrados",
+  "Column Filters": "Filtros de columna",
   "Columns": "Columnas",
   "Component": "Componente",
+  "computed": "calculado",
   "Connect using PagerDuty OAuth to use this app": "Conectar usando PagerDuty OAuth para usar esta aplicación",
   "Connected": "Conectado",
   "Connecting": "Conectando",
@@ -142,6 +146,7 @@
   "n/a": "n/a",
   "New Incidents": "Nuevos incidentes",
   "No Incidents Found": "No se encontraron incidentes",
+  "No incidents match your search criteria.": "No hay incidentes que coincidan con tus criterios de búsqueda.",
   "Not requested": "No solicitado",
   "Notes": "Notas",
   "Now": "Ahora",
@@ -165,6 +170,7 @@
   "Refresh Incidents": "Actualizar incidentes",
   "Refresh OAuth Token": "Actualizar token OAuth",
   "Refreshing": "Actualizando",
+  "Regex": "Regex",
   "Relative Dates": "Fechas relativas",
   "Requested additional response for": "Solicitó una respuesta adicional para",
   "Resolve": "Resolver",
diff --git a/src/locales/fr/translation.json b/src/locales/fr/translation.json
index 27e600a2..a0cf8331 100644
--- a/src/locales/fr/translation.json
+++ b/src/locales/fr/translation.json
@@ -22,6 +22,7 @@
   "Adding note": "Ajout de note",
   "Adding responders": "Ajout d'intervenants",
   "Age": "Âge",
+  "alert": "alerte",
   "Alerts": "Alertes",
   "Alerts for incident X": "Alertes pour l'incident {{incident_number}}",
   "An unexpected error has occurred:": "Une erreur inattendue s'est produite :",
@@ -34,14 +35,17 @@
   "Catastrophic Error": "Erreur catastrophique",
   "characters remaining": "caractères restants",
   "Class": "Classe",
+  "Clear": "Effacer",
   "Clear Alerts": "Effacer les alertes",
   "Clear Filter": "Effacer le filtre",
   "Clear Local Cache": "Effacer le cache local",
   "Clear Notes": "Effacer les notes",
   "Close": "Fermer",
   "Closed Incidents": "Incidents fermés",
+  "Column Filters": "Filtres de colonne",
   "Columns": "Colonnes",
   "Component": "Composant",
+  "computed": "calculé",
   "Connect using PagerDuty OAuth to use this app": "Connectez-vous en utilisant l'OAuth PagerDuty pour utiliser cette application",
   "Connected": "Connecté",
   "Connecting": "Connexion",
@@ -142,6 +146,7 @@
   "n/a": "n/a",
   "New Incidents": "Nouveaux incidents",
   "No Incidents Found": "Aucun incident trouvé",
+  "No incidents match your search criteria.": "Aucun incident ne correspond à vos critères de recherche.",
   "Not requested": "Non demandé",
   "Notes": "Notes",
   "Now": "Maintenant",
@@ -165,6 +170,7 @@
   "Refresh Incidents": "Actualiser les incidents",
   "Refresh OAuth Token": "Actualiser le jeton OAuth",
   "Refreshing": "Rafraîchissement",
+  "Regex": "Regex",
   "Relative Dates": "Dates relatives",
   "Requested additional response for": "Demande de réponse supplémentaire pour",
   "Resolve": "Résoudre",
diff --git a/src/locales/id/translation.json b/src/locales/id/translation.json
index cdce0017..f29fc215 100644
--- a/src/locales/id/translation.json
+++ b/src/locales/id/translation.json
@@ -22,6 +22,7 @@
   "Adding note": "Menambahkan catatan",
   "Adding responders": "Menambahkan penjawab",
   "Age": "Usia",
+  "alert": "peringatan",
   "Alerts": "Peringatan",
   "Alerts for incident X": "Peringatan untuk insiden {{incident_number}}",
   "An unexpected error has occurred:": "Terjadi error yang tidak terduga:",
@@ -34,14 +35,17 @@
   "Catastrophic Error": "Error Kategori Tinggi",
   "characters remaining": "karakter yang tersisa",
   "Class": "Kelas",
+  "Clear": "Hapus",
   "Clear Alerts": "Hapus Peringatan",
   "Clear Filter": "Hapus Filter",
   "Clear Local Cache": "Hapus Cache Lokal",
   "Clear Notes": "Hapus Catatan",
   "Close": "Tutup",
   "Closed Incidents": "Insiden yang Ditutup",
+  "Column Filters": "Filter Kolom",
   "Columns": "Kolom",
   "Component": "Komponen",
+  "computed": "dihitung",
   "Connect using PagerDuty OAuth to use this app": "Untuk menggunakan app ini, hubungkan dengan menggunakan PagerDuty OAuth",
   "Connected": "Terhubung",
   "Connecting": "Menghubungkan",
@@ -138,6 +142,7 @@
   "n/a": "n/a",
   "New Incidents": "Insiden Baru",
   "No Incidents Found": "Tidak ada insiden yang ditemukan",
+  "No incidents match your search criteria.": "Tidak ada insiden yang cocok dengan kriteria pencarian Anda.",
   "Not requested": "Tidak diminta",
   "Notes": "Catatan",
   "Now": "Sekarang",
@@ -161,6 +166,7 @@
   "Refresh Incidents": "Segarkan insiden",
   "Refresh OAuth Token": "Segarkan Token OAuth",
   "Refreshing": "Sedang refresh",
+  "Regex": "Regex",
   "Relative Dates": "Tanggal Relatif",
   "Requested additional response for": "Meminta tanggapan tambahan untuk",
   "Resolve": "Selesaikan",
diff --git a/src/locales/ja/translation.json b/src/locales/ja/translation.json
index 96913c19..8f1aa344 100644
--- a/src/locales/ja/translation.json
+++ b/src/locales/ja/translation.json
@@ -22,6 +22,7 @@
   "Adding note": "メモを追加中",
   "Adding responders": "レスポンダーを追加中",
   "Age": "経過時間",
+  "alert": "アラート",
   "Alerts": "アラート",
   "Alerts for incident X": "インシデント {{incident_number}} のアラート",
   "An unexpected error has occurred:": "予期しないエラーが発生しました：",
@@ -34,14 +35,17 @@
   "Catastrophic Error": "致命的エラー",
   "characters remaining": "文字まで入力可能",
   "Class": "クラス",
+  "Clear": "クリア",
   "Clear Alerts": "アラートをクリア",
   "Clear Filter": "フィルターをクリア",
   "Clear Local Cache": "ローカルキャッシュをクリア",
   "Clear Notes": "メモをクリア",
   "Close": "クローズ",
   "Closed Incidents": "クローズ済みインシデント",
+  "Column Filters": "カラムフィルター",
   "Columns": "カラム",
   "Component": "コンポーネント",
+  "computed": "計算済み",
   "Connect using PagerDuty OAuth to use this app": "このアプリを利用するのに、PagerDuty OAuthに接続してください",
   "Connected": "接続済み",
   "Connecting": "接続中",
@@ -138,6 +142,7 @@
   "n/a": "n/a",
   "New Incidents": "新規インシデント",
   "No Incidents Found": "インシデントが見つかりません",
+  "No incidents match your search criteria.": "検索条件に一致するインシデントがありません。",
   "Not requested": "リクエストされていません",
   "Notes": "メモ",
   "Now": "今",
@@ -161,6 +166,7 @@
   "Refresh Incidents": "インシデントを更新",
   "Refresh OAuth Token": "OAuthトークンをリフレッシュ",
   "Refreshing": "リフレッシュ中",
+  "Regex": "Regex",
   "Relative Dates": "相対日付",
   "Requested additional response for": "追加対応を依頼対象",
   "Resolve": "解決",
diff --git a/src/locales/pt-br/translation.json b/src/locales/pt-br/translation.json
index 0c5d9bee..a2e76603 100644
--- a/src/locales/pt-br/translation.json
+++ b/src/locales/pt-br/translation.json
@@ -22,6 +22,7 @@
   "Adding note": "Adicionando anotação",
   "Adding responders": "Adicionando respondentes",
   "Age": "Idade",
+  "alert": "alerta",
   "Alerts": "Alertas",
   "Alerts for incident X": "Alertas para incidente {{incident_number}}",
   "An unexpected error has occurred:": "Ocorreu um erro inesperado:",
@@ -34,14 +35,17 @@
   "Catastrophic Error": "Erro Catastrófico",
   "characters remaining": "caracteres restantes",
   "Class": "Classe",
+  "Clear": "Limpar",
   "Clear Alerts": "Limpar Alertas",
   "Clear Filter": "Limpar Filtro",
   "Clear Local Cache": "Limpar Cache Local",
   "Clear Notes": "Limpar Anotações",
   "Close": "Fechar",
   "Closed Incidents": "Incidentes Fechados",
+  "Column Filters": "Filtros de Coluna",
   "Columns": "Colunas",
   "Component": "Componente",
+  "computed": "calculado",
   "Connect using PagerDuty OAuth to use this app": "Conectar usando PagerDuty OAuth para usar esta aplicação",
   "Connected": "Conectado",
   "Connecting": "Conectando",
@@ -142,6 +146,7 @@
   "n/a": "n/d",
   "New Incidents": "Novos Incidentes",
   "No Incidents Found": "Nenhum Incidente Encontrado",
+  "No incidents match your search criteria.": "Nenhum incidente corresponde aos seus critérios de pesquisa.",
   "Not requested": "Não solicitado",
   "Notes": "Anotações",
   "Now": "Agora",
@@ -165,6 +170,7 @@
   "Refresh Incidents": "Atualizar Incidentes",
   "Refresh OAuth Token": "Atualizar Token OAuth",
   "Refreshing": "Atualizando",
+  "Regex": "Regex",
   "Relative Dates": "Datas Relativas",
   "Requested additional response for": "Resposta adicional solicitada para",
   "Resolve": "Resolver",
diff --git a/src/locales/pt/translation.json b/src/locales/pt/translation.json
index 3797a4da..45bc0c27 100644
--- a/src/locales/pt/translation.json
+++ b/src/locales/pt/translation.json
@@ -22,6 +22,7 @@
   "Adding note": "A adicionar nota",
   "Adding responders": "A adicionar respondentes",
   "Age": "Idade",
+  "alert": "alerta",
   "Alerts": "Alertas",
   "Alerts for incident X": "Alertas para incidente {{incident_number}}",
   "An unexpected error has occurred:": "Ocorreu um erro inesperado:",
@@ -34,14 +35,17 @@
   "Catastrophic Error": "Erro Catastrófico",
   "characters remaining": "caracteres restantes",
   "Class": "Classe",
+  "Clear": "Limpar",
   "Clear Alerts": "Limpar Alertas",
   "Clear Filter": "Limpar Filtro",
   "Clear Local Cache": "Limpar Cache Local",
   "Clear Notes": "Limpar Notas",
   "Close": "Fechar",
   "Closed Incidents": "Incidentes Fechados",
+  "Column Filters": "Filtros de Coluna",
   "Columns": "Colunas",
   "Component": "Componente",
+  "computed": "calculado",
   "Connect using PagerDuty OAuth to use this app": "Ligue usando PagerDuty OAuth para usar esta aplicação",
   "Connected": "Ligado",
   "Connecting": "A ligar",
@@ -142,6 +146,7 @@
   "n/a": "n/d",
   "New Incidents": "Novos Incidentes",
   "No Incidents Found": "Nenhum Incidente Encontrado",
+  "No incidents match your search criteria.": "Nenhum incidente corresponde aos seus critérios de pesquisa.",
   "Not requested": "Não solicitado",
   "Notes": "Notas",
   "Now": "Agora",
@@ -165,6 +170,7 @@
   "Refresh Incidents": "Atualizar Incidentes",
   "Refresh OAuth Token": "Atualizar Token OAuth",
   "Refreshing": "Atualizando",
+  "Regex": "Regex",
   "Relative Dates": "Datas Relativas",
   "Requested additional response for": "Resposta adicional solicitada para",
   "Resolve": "Resolver",
diff --git a/src/mocks/incidents.test.js b/src/mocks/incidents.test.js
index 3182c045..985f4e0c 100644
--- a/src/mocks/incidents.test.js
+++ b/src/mocks/incidents.test.js
@@ -24,7 +24,7 @@ const generateMockAlert = () => {
   const link = faker.internet.url();
   const customDetails = {
     quote,
-    'some obsecure field': uuid,
+    'some obscure field': uuid,
     link,
     object_details: {
       key1: 'value1',
@@ -109,6 +109,7 @@ export const generateMockIncident = () => {
   const status = INCIDENT_STATES[Math.floor(Math.random() * INCIDENT_STATES.length)];
   const incidentKey = faker.string.alphanumeric(32);
   const incidentId = faker.string.alphanumeric(14);
+  const logEntryId = faker.string.alphanumeric(14);
   const escalationPolicyId = faker.string.alphanumeric(7);
   const serviceId = faker.string.alphanumeric(7);
   const createdAt = faker.date
@@ -133,6 +134,29 @@ export const generateMockIncident = () => {
     },
     alerts: generateMockAlerts(5),
     notes: generateMockNotes(5),
+    first_trigger_log_entry: {
+      // FIXME: This is only for a web_trigger, would not be present for alert triggered incident
+      id: logEntryId,
+      type: 'trigger_log_entry',
+      summary: 'Triggered through the website.',
+      created_at: createdAt,
+      agent: {},
+      channel: {
+        type: 'web_trigger',
+        summary: title,
+        subject: title,
+        details: 'Here is the description;\n\ntest1234.example.com\n\ntest5678.example.com',
+      },
+      service: { id: serviceId },
+      incident: {
+        id: incidentId,
+        type: 'incident_reference',
+        summary: title,
+      },
+      teams: [],
+      contexts: [],
+      event_details: { description: title },
+    },
   };
 };
 
diff --git a/src/redux/incident_table/reducers.js b/src/redux/incident_table/reducers.js
index a7f8d3f8..43728ed6 100644
--- a/src/redux/incident_table/reducers.js
+++ b/src/redux/incident_table/reducers.js
@@ -17,14 +17,14 @@ import {
 } from './actions';
 
 const defaultColumns = [
-  { Header: '#', width: 60, columnType: 'incident' },
-  { Header: 'Status', width: 100, columnType: 'incident' },
-  { Header: 'Priority', width: 90, columnType: 'incident' },
-  { Header: 'Title', width: 400, columnType: 'incident' },
-  { Header: 'Assignees', width: 160, columnType: 'incident' },
-  { Header: 'Created At', width: 180, columnType: 'incident' },
-  { Header: 'Service', width: 300, columnType: 'incident' },
-  { Header: 'Latest Note', width: 200, columnType: 'incident' },
+  { value: 'incident_number', Header: '#', width: 60, columnType: 'incident' },
+  { value: 'status', Header: 'Status', width: 100, columnType: 'incident' },
+  { value: 'priority', Header: 'Priority', width: 90, columnType: 'incident' },
+  { value: 'title', Header: 'Title', width: 400, columnType: 'incident' },
+  { value: 'assignees', Header: 'Assignees', width: 160, columnType: 'incident' },
+  { value: 'created_at', Header: 'Created At', width: 180, columnType: 'incident' },
+  { value: 'service', Header: 'Service', width: 300, columnType: 'incident' },
+  { value: 'latest_note', Header: 'Latest Note', width: 200, columnType: 'incident' },
 ];
 
 const incidentTable = produce(
diff --git a/src/redux/incident_table/sagas.js b/src/redux/incident_table/sagas.js
index dcf69ada..f72975ad 100644
--- a/src/redux/incident_table/sagas.js
+++ b/src/redux/incident_table/sagas.js
@@ -58,11 +58,13 @@ export function* saveIncidentTableImpl(action) {
         tempCol.width = tempCol.minWidth;
       }
       return {
+        value: tempCol.value,
         Header: tempCol.Header,
         accessorPath: tempCol.accessorPath,
-        aggregator: tempCol.aggregator,
         width: tempCol.width,
         columnType: tempCol.columnType,
+        expressionType: tempCol.expressionType,
+        expression: tempCol.expression,
       };
     });
 
diff --git a/src/redux/incidents/sagas.test.js b/src/redux/incidents/sagas.test.js
index b0202b57..212b2943 100644
--- a/src/redux/incidents/sagas.test.js
+++ b/src/redux/incidents/sagas.test.js
@@ -62,9 +62,9 @@ const initialSettings = {
       columnType: 'alert',
       Header: 'Environment',
       accessorPath: 'details.env',
-      aggregator: null,
     },
   ],
+  computedFields: [],
   darkMode: false,
   relativeDates: false,
   status: '',
@@ -153,7 +153,7 @@ describe('Sagas: Incidents', () => {
 
   it('filterIncidents: Search by Alert Custom Detail Field', () => {
     const mockIncident = mockIncidents[0];
-    const customField = 'some obsecure field';
+    const customField = 'some obscure field';
     const customFieldValue = mockIncident.alerts[0].body.details[customField];
     const expectedIncidentResult = [mockIncident];
     return expectSaga(filterIncidents)
diff --git a/src/redux/log_entries/sagas.js b/src/redux/log_entries/sagas.js
index 089d9f12..eb69fc62 100644
--- a/src/redux/log_entries/sagas.js
+++ b/src/redux/log_entries/sagas.js
@@ -64,7 +64,7 @@ export function* getLogEntries(action) {
 
     const params = {
       since: since.toISOString().replace(/\.[\d]{3}/, ''),
-      'include[]': ['incidents', 'linked_incidents', 'external_references', 'channels'],
+      'include[]': ['incidents', 'linked_incidents', 'external_references', 'channels', 'first_trigger_log_entries'],
     };
     let logEntries;
     try {
diff --git a/src/redux/rootSaga.js b/src/redux/rootSaga.js
index cc38aa32..95ddd758 100644
--- a/src/redux/rootSaga.js
+++ b/src/redux/rootSaga.js
@@ -117,6 +117,7 @@ import {
   setFuzzySearch,
   setRespondersInEpFilter,
   setAlertCustomDetailColumns,
+  setComputedColumns,
   setShowIncidentAlertsModalForIncidentId,
   setMaxRateLimit,
   setAutoAcceptIncidentsQuery,
@@ -250,6 +251,7 @@ export default function* rootSaga() {
       setFuzzySearch(),
       setRespondersInEpFilter(),
       setAlertCustomDetailColumns(),
+      setComputedColumns(),
       setShowIncidentAlertsModalForIncidentId(),
       setMaxRateLimit(),
       setAutoAcceptIncidentsQuery(),
diff --git a/src/redux/settings/actions.js b/src/redux/settings/actions.js
index 6911264f..87a2d347 100644
--- a/src/redux/settings/actions.js
+++ b/src/redux/settings/actions.js
@@ -24,6 +24,9 @@ export const SET_RESPONDERS_IN_EP_FILTER_COMPLETED = 'SET_RESPONDERS_IN_EP_FILTE
 export const SET_ALERT_CUSTOM_DETAIL_COLUMNS_REQUESTED = 'SET_ALERT_CUSTOM_DETAIL_COLUMNS_REQUESTED';
 export const SET_ALERT_CUSTOM_DETAIL_COLUMNS_COMPLETED = 'SET_ALERT_CUSTOM_DETAIL_COLUMNS_COMPLETED';
 
+export const SET_COMPUTED_COLUMNS_REQUESTED = 'SET_COMPUTED_COLUMNS_REQUESTED';
+export const SET_COMPUTED_COLUMNS_COMPLETED = 'SET_COMPUTED_COLUMNS_COMPLETED';
+
 export const SET_SHOW_INCIDENT_ALERTS_MODAL_FOR_INCIDENT_ID_REQUESTED = 'SET_SHOW_INCIDENT_ALERTS_MODAL_FOR_INCIDENT_ID_REQUESTED';
 export const SET_SHOW_INCIDENT_ALERTS_MODAL_FOR_INCIDENT_ID_COMPLETED = 'SET_SHOW_INCIDENT_ALERTS_MODAL_FOR_INCIDENT_ID_COMPLETED';
 
@@ -83,6 +86,11 @@ export const setAlertCustomDetailColumns = (alertCustomDetailFields) => ({
   alertCustomDetailFields,
 });
 
+export const setComputedColumns = (computedFields) => ({
+  type: SET_COMPUTED_COLUMNS_REQUESTED,
+  computedFields,
+});
+
 export const setShowIncidentAlertsModalForIncidentId = (incidentId) => ({
   type: SET_SHOW_INCIDENT_ALERTS_MODAL_FOR_INCIDENT_ID_REQUESTED,
   incidentId,
diff --git a/src/redux/settings/reducers.js b/src/redux/settings/reducers.js
index 55d1343c..1920980f 100644
--- a/src/redux/settings/reducers.js
+++ b/src/redux/settings/reducers.js
@@ -19,6 +19,8 @@ import {
   SET_RESPONDERS_IN_EP_FILTER_COMPLETED,
   SET_ALERT_CUSTOM_DETAIL_COLUMNS_REQUESTED,
   SET_ALERT_CUSTOM_DETAIL_COLUMNS_COMPLETED,
+  SET_COMPUTED_COLUMNS_REQUESTED,
+  SET_COMPUTED_COLUMNS_COMPLETED,
   SET_SHOW_INCIDENT_ALERTS_MODAL_FOR_INCIDENT_ID_REQUESTED,
   SET_SHOW_INCIDENT_ALERTS_MODAL_FOR_INCIDENT_ID_COMPLETED,
   SET_MAX_RATE_LIMIT_REQUESTED,
@@ -83,6 +85,15 @@ const settings = produce(
         draft.status = SET_ALERT_CUSTOM_DETAIL_COLUMNS_COMPLETED;
         break;
 
+      case SET_COMPUTED_COLUMNS_REQUESTED:
+        draft.status = SET_COMPUTED_COLUMNS_REQUESTED;
+        break;
+
+      case SET_COMPUTED_COLUMNS_COMPLETED:
+        draft.computedFields = action.computedFields;
+        draft.status = SET_COMPUTED_COLUMNS_COMPLETED;
+        break;
+
       case SET_SHOW_INCIDENT_ALERTS_MODAL_FOR_INCIDENT_ID_REQUESTED:
         draft.status = SET_SHOW_INCIDENT_ALERTS_MODAL_FOR_INCIDENT_ID_REQUESTED;
         break;
@@ -194,9 +205,9 @@ const settings = produce(
         columnType: 'alert',
         Header: 'Environment',
         accessorPath: 'details.env',
-        aggregator: null,
       },
     ],
+    computedFields: [],
     showIncidentAlertsModalForIncidentId: null,
     darkMode: false,
     relativeDates: false,
diff --git a/src/redux/settings/sagas.js b/src/redux/settings/sagas.js
index c0268208..ee5b27e0 100644
--- a/src/redux/settings/sagas.js
+++ b/src/redux/settings/sagas.js
@@ -33,6 +33,8 @@ import {
   SET_RESPONDERS_IN_EP_FILTER_COMPLETED,
   SET_ALERT_CUSTOM_DETAIL_COLUMNS_REQUESTED,
   SET_ALERT_CUSTOM_DETAIL_COLUMNS_COMPLETED,
+  SET_COMPUTED_COLUMNS_REQUESTED,
+  SET_COMPUTED_COLUMNS_COMPLETED,
   SET_MAX_RATE_LIMIT_REQUESTED,
   SET_MAX_RATE_LIMIT_COMPLETED,
   SET_AUTO_ACCEPT_INCIDENTS_QUERY_REQUESTED,
@@ -166,6 +168,20 @@ export function* setAlertCustomDetailColumnsImpl(action) {
   });
 }
 
+export function* setComputedColumns() {
+  yield takeLatest(SET_COMPUTED_COLUMNS_REQUESTED, setComputedColumnsImpl);
+}
+
+export function* setComputedColumnsImpl(action) {
+  const {
+    computedFields,
+  } = action;
+  yield put({
+    type: SET_COMPUTED_COLUMNS_COMPLETED,
+    computedFields,
+  });
+}
+
 export function* setShowIncidentAlertsModalForIncidentId() {
   yield takeLatest(
     SET_SHOW_INCIDENT_ALERTS_MODAL_FOR_INCIDENT_ID_REQUESTED,
@@ -235,8 +251,11 @@ export function* clearLocalCacheImpl() {
   yield put({
     type: 'RESET',
   });
-  yield persistor.purge();
+  yield persistor.pause();
+  yield persistor.flush().then(() => persistor.purge());
   yield persistor.persist();
+  localStorage.clear();
+  sessionStorage.clear();
   yield put({
     type: CLEAR_LOCAL_CACHE_COMPLETED,
   });
diff --git a/src/redux/settings/sagas.test.js b/src/redux/settings/sagas.test.js
index 45927551..834e5383 100644
--- a/src/redux/settings/sagas.test.js
+++ b/src/redux/settings/sagas.test.js
@@ -19,6 +19,8 @@ import {
   SET_DEFAULT_SINCE_DATE_TENOR_COMPLETED,
   SET_ALERT_CUSTOM_DETAIL_COLUMNS_REQUESTED,
   SET_ALERT_CUSTOM_DETAIL_COLUMNS_COMPLETED,
+  SET_COMPUTED_COLUMNS_REQUESTED,
+  SET_COMPUTED_COLUMNS_COMPLETED,
   SET_MAX_RATE_LIMIT_REQUESTED,
   SET_MAX_RATE_LIMIT_COMPLETED,
   SET_AUTO_ACCEPT_INCIDENTS_QUERY_REQUESTED,
@@ -33,6 +35,7 @@ import {
 import {
   setDefaultSinceDateTenor,
   setAlertCustomDetailColumns,
+  setComputedColumns,
   setMaxRateLimit,
   setAutoAcceptIncidentsQuery,
   setAutoRefreshInterval,
@@ -68,9 +71,9 @@ describe('Sagas: Settings', () => {
             columnType: 'alert',
             Header: 'Environment',
             accessorPath: 'details.env',
-            aggregator: null,
           },
         ],
+        computedFields: [],
         showIncidentAlertsModalForIncidentId: null,
         darkMode: false,
         searchAllCustomDetails: false,
@@ -89,7 +92,6 @@ describe('Sagas: Settings', () => {
         columnType: 'alert',
         Header: 'Environment',
         accessorPath: 'details.env',
-        aggregator: null,
       },
     ];
     return expectSaga(setAlertCustomDetailColumns)
@@ -111,6 +113,7 @@ describe('Sagas: Settings', () => {
         autoAcceptIncidentsQuery: true,
         autoRefreshInterval: 5,
         alertCustomDetailFields,
+        computedFields: [],
         showIncidentAlertsModalForIncidentId: null,
         darkMode: false,
         searchAllCustomDetails: false,
@@ -121,6 +124,56 @@ describe('Sagas: Settings', () => {
       })
       .silentRun();
   });
+  it('setComputedColumns', () => {
+    const computedFields = [
+      {
+        label: faker.git.branch(),
+        value: faker.git.branch(),
+        columnType: 'computed',
+        Header: 'Regex',
+        accessorPath: 'details.env',
+        expression: '.*',
+        expressionType: 'regex-single',
+      },
+    ];
+    return expectSaga(setComputedColumns)
+      .withReducer(settings)
+      .dispatch({
+        type: SET_COMPUTED_COLUMNS_REQUESTED,
+        computedFields,
+      })
+      .put({
+        type: SET_COMPUTED_COLUMNS_COMPLETED,
+        computedFields,
+      })
+      .hasFinalState({
+        displaySettingsModal: false,
+        displayLoadSavePresetsModal: false,
+        displayColumnsModal: false,
+        defaultSinceDateTenor: '1 Day',
+        maxRateLimit: 200,
+        autoAcceptIncidentsQuery: true,
+        autoRefreshInterval: 5,
+        alertCustomDetailFields: [
+          {
+            label: 'Environment:details.env',
+            value: 'Environment:details.env',
+            columnType: 'alert',
+            Header: 'Environment',
+            accessorPath: 'details.env',
+          },
+        ],
+        computedFields,
+        showIncidentAlertsModalForIncidentId: null,
+        darkMode: false,
+        searchAllCustomDetails: false,
+        fuzzySearch: false,
+        respondersInEpFilter: false,
+        relativeDates: false,
+        status: SET_COMPUTED_COLUMNS_COMPLETED,
+      })
+      .silentRun();
+  });
   it('setMaxRateLimit', () => {
     const maxRateLimit = faker.number.int({
       min: MAX_RATE_LIMIT_LOWER,
@@ -151,9 +204,9 @@ describe('Sagas: Settings', () => {
             columnType: 'alert',
             Header: 'Environment',
             accessorPath: 'details.env',
-            aggregator: null,
           },
         ],
+        computedFields: [],
         showIncidentAlertsModalForIncidentId: null,
         darkMode: false,
         searchAllCustomDetails: false,
@@ -191,9 +244,9 @@ describe('Sagas: Settings', () => {
             columnType: 'alert',
             Header: 'Environment',
             accessorPath: 'details.env',
-            aggregator: null,
           },
         ],
+        computedFields: [],
         showIncidentAlertsModalForIncidentId: null,
         darkMode: false,
         searchAllCustomDetails: false,
@@ -234,9 +287,9 @@ describe('Sagas: Settings', () => {
             columnType: 'alert',
             Header: 'Environment',
             accessorPath: 'details.env',
-            aggregator: null,
           },
         ],
+        computedFields: [],
         showIncidentAlertsModalForIncidentId: null,
         darkMode: false,
         searchAllCustomDetails: false,
@@ -274,9 +327,9 @@ describe('Sagas: Settings', () => {
             columnType: 'alert',
             Header: 'Environment',
             accessorPath: 'details.env',
-            aggregator: null,
           },
         ],
+        computedFields: [],
         showIncidentAlertsModalForIncidentId: null,
         darkMode: true,
         searchAllCustomDetails: false,
@@ -314,9 +367,9 @@ describe('Sagas: Settings', () => {
             columnType: 'alert',
             Header: 'Environment',
             accessorPath: 'details.env',
-            aggregator: null,
           },
         ],
+        computedFields: [],
         showIncidentAlertsModalForIncidentId: null,
         darkMode: false,
         searchAllCustomDetails: false,
diff --git a/src/util/helpers.js b/src/util/helpers.js
index 0fd07b59..72b964d3 100644
--- a/src/util/helpers.js
+++ b/src/util/helpers.js
@@ -106,3 +106,32 @@ export const chunkArray = (array, size) => {
   }
   return chunkedArr;
 };
+
+export const anythingToString = (value) => {
+  // Check for null and undefined
+  if (value === null) return 'null';
+  if (value === undefined) return 'undefined';
+
+  // Handle different types
+  switch (typeof value) {
+    case 'boolean':
+    case 'number':
+    case 'bigint':
+    case 'symbol':
+    case 'string':
+      return value.toString();
+
+    case 'function':
+      return value.toString(); // Functions are turned into their source code
+
+    case 'object':
+      try {
+        return JSON.stringify(value); // Convert objects and arrays to JSON
+      } catch (error) {
+        return value.toString(); // Fallback for circular references or non-serializable objects
+      }
+
+    default:
+      return String(value); // Fallback for any other type
+  }
+};