diff --git a/web-console/src/components/clearable-input/clearable-input.tsx b/web-console/src/components/clearable-input/clearable-input.tsx
index de75d7dbdca7..926c34cf8401 100644
--- a/web-console/src/components/clearable-input/clearable-input.tsx
+++ b/web-console/src/components/clearable-input/clearable-input.tsx
@@ -35,7 +35,7 @@ export const ClearableInput = React.memo(function ClearableInput(props: Clearabl
     <InputGroup
       className={classNames('clearable-input', className)}
       value={value}
-      onChange={(e: any) => onValueChange(e.target.value)}
+      onChange={(e: any) => onValueChange(e.target.value.trimStart())}
       rightElement={
         value ? (
           <Button icon={IconNames.CROSS} minimal onClick={() => onValueChange('')} />
diff --git a/web-console/src/dialogs/index.ts b/web-console/src/dialogs/index.ts
index 6a3c336831be..ba1a5d12dcb2 100644
--- a/web-console/src/dialogs/index.ts
+++ b/web-console/src/dialogs/index.ts
@@ -31,6 +31,7 @@ export * from './lookup-edit-dialog/lookup-edit-dialog';
 export * from './numeric-input-dialog/numeric-input-dialog';
 export * from './overlord-dynamic-config-dialog/overlord-dynamic-config-dialog';
 export * from './retention-dialog/retention-dialog';
+export * from './service-table-action-dialog/service-table-action-dialog';
 export * from './snitch-dialog/snitch-dialog';
 export * from './spec-dialog/spec-dialog';
 export * from './string-input-dialog/string-input-dialog';
diff --git a/web-console/src/dialogs/lookup-edit-dialog/lookup-edit-dialog.tsx b/web-console/src/dialogs/lookup-edit-dialog/lookup-edit-dialog.tsx
index 951bf4608c48..d541a029636d 100644
--- a/web-console/src/dialogs/lookup-edit-dialog/lookup-edit-dialog.tsx
+++ b/web-console/src/dialogs/lookup-edit-dialog/lookup-edit-dialog.tsx
@@ -83,7 +83,7 @@ export const LookupEditDialog = React.memo(function LookupEditDialog(props: Look
         <FormGroup label="Name">
           <InputGroup
             value={lookupId}
-            onChange={(e: any) => onChange('id', e.target.value)}
+            onChange={(e: any) => onChange('id', e.target.value.trimStart())}
             intent={lookupId ? Intent.NONE : Intent.PRIMARY}
             disabled={isEdit}
             placeholder="Enter the lookup name"
diff --git a/web-console/src/dialogs/service-table-action-dialog/service-properties-table/service-properties-table.scss b/web-console/src/dialogs/service-table-action-dialog/service-properties-table/service-properties-table.scss
new file mode 100644
index 000000000000..c7f3e48e178c
--- /dev/null
+++ b/web-console/src/dialogs/service-table-action-dialog/service-properties-table/service-properties-table.scss
@@ -0,0 +1,38 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.service-properties-table {
+  position: relative;
+  height: 100%;
+
+  .loader {
+    position: relative;
+  }
+
+  .ReactTable {
+    height: 100%;
+
+    .code {
+      word-break: break-all;
+      white-space: pre-wrap;
+      max-height: 100px;
+      overflow: auto;
+      font-family: monospace;
+    }
+  }
+}
diff --git a/web-console/src/dialogs/service-table-action-dialog/service-properties-table/service-properties-table.tsx b/web-console/src/dialogs/service-table-action-dialog/service-properties-table/service-properties-table.tsx
new file mode 100644
index 000000000000..4c89664f3608
--- /dev/null
+++ b/web-console/src/dialogs/service-table-action-dialog/service-properties-table/service-properties-table.tsx
@@ -0,0 +1,103 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { L } from 'druid-query-toolkit';
+import React from 'react';
+import ReactTable from 'react-table';
+
+import { Loader } from '../../../components';
+import { useQueryManager } from '../../../hooks';
+import { STANDARD_TABLE_PAGE_SIZE, STANDARD_TABLE_PAGE_SIZE_OPTIONS } from '../../../react-table';
+import { queryDruidSql } from '../../../utils';
+
+import './service-properties-table.scss';
+
+export interface ServicePropertiesTableRow {
+  property: string;
+  value: string;
+  service_name: string;
+  node_roles: string | null;
+}
+
+export interface ServicePropertiesTableProps {
+  server: string;
+}
+
+export const ServicePropertiesTable = React.memo(function ServicePropertiesTable(
+  props: ServicePropertiesTableProps,
+) {
+  const [propertiesState] = useQueryManager<string, ServicePropertiesTableRow[]>({
+    initQuery: props.server,
+    processQuery: async (server, signal) => {
+      return await queryDruidSql<ServicePropertiesTableRow>(
+        {
+          query: `SELECT "property", "value", "service_name", "node_roles" FROM sys.server_properties WHERE "server" = ${L(
+            server,
+          )} ORDER BY "property" ASC`,
+        },
+        signal,
+      );
+    },
+  });
+
+  function renderTable() {
+    const properties = propertiesState.data || [];
+    const firstRow = properties[0];
+    return (
+      <>
+        {firstRow && (
+          <p
+            className="service-info"
+            data-tooltip={firstRow.node_roles ? `Operating as ${firstRow.node_roles}` : undefined}
+          >
+            Server <strong>{props.server}</strong> is running as{' '}
+            <strong>{firstRow.service_name}</strong>.
+          </p>
+        )}
+        <ReactTable
+          data={properties}
+          defaultPageSize={STANDARD_TABLE_PAGE_SIZE}
+          pageSizeOptions={STANDARD_TABLE_PAGE_SIZE_OPTIONS}
+          showPagination={properties.length > STANDARD_TABLE_PAGE_SIZE}
+          filterable
+          columns={[
+            {
+              Header: 'Property',
+              accessor: 'property',
+              width: 300,
+              className: 'padded',
+            },
+            {
+              Header: 'Value',
+              accessor: 'value',
+              width: 600,
+              className: 'padded code',
+            },
+          ]}
+          noDataText={propertiesState.getErrorMessage() || 'No properties found'}
+        />
+      </>
+    );
+  }
+
+  return (
+    <div className="service-properties-table">
+      {propertiesState.loading ? <Loader /> : renderTable()}
+    </div>
+  );
+});
diff --git a/web-console/src/dialogs/service-table-action-dialog/service-table-action-dialog.tsx b/web-console/src/dialogs/service-table-action-dialog/service-table-action-dialog.tsx
new file mode 100644
index 000000000000..d63380df379b
--- /dev/null
+++ b/web-console/src/dialogs/service-table-action-dialog/service-table-action-dialog.tsx
@@ -0,0 +1,60 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { useState } from 'react';
+
+import type { BasicAction } from '../../utils/basic-action';
+import type { SideButtonMetaData } from '../table-action-dialog/table-action-dialog';
+import { TableActionDialog } from '../table-action-dialog/table-action-dialog';
+
+import { ServicePropertiesTable } from './service-properties-table/service-properties-table';
+
+type ServiceTableActionDialogTab = 'properties';
+
+interface ServiceTableActionDialogProps {
+  service: string;
+  actions: BasicAction[];
+  onClose: () => void;
+}
+
+export const ServiceTableActionDialog = React.memo(function ServiceTableActionDialog(
+  props: ServiceTableActionDialogProps,
+) {
+  const { service, actions, onClose } = props;
+  const [activeTab, setActiveTab] = useState<ServiceTableActionDialogTab>('properties');
+
+  const sideButtonMetadata: SideButtonMetaData[] = [
+    {
+      icon: 'properties',
+      text: 'Properties',
+      active: activeTab === 'properties',
+      onClick: () => setActiveTab('properties'),
+    },
+  ];
+
+  return (
+    <TableActionDialog
+      sideButtonMetadata={sideButtonMetadata}
+      onClose={onClose}
+      title={`Service: ${service}`}
+      actions={actions}
+    >
+      {activeTab === 'properties' && <ServicePropertiesTable server={service} />}
+    </TableActionDialog>
+  );
+});
diff --git a/web-console/src/react-table/react-table-inputs.tsx b/web-console/src/react-table/react-table-inputs.tsx
index 59662e509e8b..8176cf9fbce3 100644
--- a/web-console/src/react-table/react-table-inputs.tsx
+++ b/web-console/src/react-table/react-table-inputs.tsx
@@ -90,7 +90,7 @@ export function GenericFilterInput({ column, filter, onChange, key }: FilterRend
         </Popover>
       }
       value={focusedText ?? needle}
-      onChange={e => setFocusedText(e.target.value)}
+      onChange={e => setFocusedText(e.target.value.trimStart())}
       onKeyDown={e => {
         if (e.key === 'Enter') {
           const inputValue = (e.target as HTMLInputElement).value;
diff --git a/web-console/src/views/explore-view/components/column-picker-menu/column-picker-menu.tsx b/web-console/src/views/explore-view/components/column-picker-menu/column-picker-menu.tsx
index 597df5c4d817..12edcc025b0b 100644
--- a/web-console/src/views/explore-view/components/column-picker-menu/column-picker-menu.tsx
+++ b/web-console/src/views/explore-view/components/column-picker-menu/column-picker-menu.tsx
@@ -53,7 +53,7 @@ export const ColumnPickerMenu = function ColumnPickerMenu(props: ColumnPickerMen
       <InputGroup
         className="search-input"
         value={columnSearch}
-        onChange={e => setColumnSearch(e.target.value)}
+        onChange={e => setColumnSearch(e.target.value.trimStart())}
         placeholder="Search"
         autoFocus
       />
diff --git a/web-console/src/views/explore-view/components/control-pane/control-pane.tsx b/web-console/src/views/explore-view/components/control-pane/control-pane.tsx
index 1b1cd5a785f4..958b15d82c04 100644
--- a/web-console/src/views/explore-view/components/control-pane/control-pane.tsx
+++ b/web-console/src/views/explore-view/components/control-pane/control-pane.tsx
@@ -126,7 +126,7 @@ export const ControlPane = function ControlPane(props: ControlPaneProps) {
           element: (
             <InputGroup
               value={(value as string) || ''}
-              onChange={e => onValueChange(e.target.value)}
+              onChange={e => onValueChange(e.target.value.trimStart())}
               placeholder={parameter.placeholder}
               fill
             />
diff --git a/web-console/src/views/explore-view/components/filter-pane/filter-menu/contains-filter-control/contains-filter-control.tsx b/web-console/src/views/explore-view/components/filter-pane/filter-menu/contains-filter-control/contains-filter-control.tsx
index 75f4d8afebe8..93de543c011f 100644
--- a/web-console/src/views/explore-view/components/filter-pane/filter-menu/contains-filter-control/contains-filter-control.tsx
+++ b/web-console/src/views/explore-view/components/filter-pane/filter-menu/contains-filter-control/contains-filter-control.tsx
@@ -75,7 +75,9 @@ export const ContainsFilterControl = React.memo(function ContainsFilterControl(
       <FormGroup>
         <InputGroup
           value={contains}
-          onChange={e => setFilterPattern({ ...filterPattern, contains: e.target.value })}
+          onChange={e =>
+            setFilterPattern({ ...filterPattern, contains: e.target.value.trimStart() })
+          }
           placeholder="Search string"
         />
       </FormGroup>
diff --git a/web-console/src/views/explore-view/components/filter-pane/filter-menu/regexp-filter-control/regexp-filter-control.tsx b/web-console/src/views/explore-view/components/filter-pane/filter-menu/regexp-filter-control/regexp-filter-control.tsx
index cb0ed2443f2d..652e0ad48089 100644
--- a/web-console/src/views/explore-view/components/filter-pane/filter-menu/regexp-filter-control/regexp-filter-control.tsx
+++ b/web-console/src/views/explore-view/components/filter-pane/filter-menu/regexp-filter-control/regexp-filter-control.tsx
@@ -85,7 +85,7 @@ export const RegexpFilterControl = React.memo(function RegexpFilterControl(
       <FormGroup>
         <InputGroup
           value={regexp}
-          onChange={e => setFilterPattern({ ...filterPattern, regexp: e.target.value })}
+          onChange={e => setFilterPattern({ ...filterPattern, regexp: e.target.value.trimStart() })}
           placeholder="Regexp"
         />
       </FormGroup>
diff --git a/web-console/src/views/services-view/services-view.tsx b/web-console/src/views/services-view/services-view.tsx
index 6bb6b485e428..adb920ac6773 100644
--- a/web-console/src/views/services-view/services-view.tsx
+++ b/web-console/src/views/services-view/services-view.tsx
@@ -31,12 +31,13 @@ import {
   ActionCell,
   MoreButton,
   RefreshButton,
+  TableClickableCell,
   TableColumnSelector,
   type TableColumnSelectorColumn,
   TableFilterableCell,
   ViewControlBar,
 } from '../../components';
-import { AsyncActionDialog } from '../../dialogs';
+import { AsyncActionDialog, ServiceTableActionDialog } from '../../dialogs';
 import type { QueryWithContext } from '../../druid-models';
 import { getConsoleViewIcon } from '../../druid-models';
 import type { Capabilities, CapabilitiesMode } from '../../helpers';
@@ -138,6 +139,9 @@ export interface ServicesViewState {
   middleManagerDisableWorkerHost?: string;
   middleManagerEnableWorkerHost?: string;
 
+  serviceTableActionDialogServer?: string;
+  serviceTableActionDialogActions: BasicAction[];
+
   visibleColumns: LocalStorageBackedVisibility;
 }
 
@@ -283,6 +287,8 @@ ORDER BY
     this.state = {
       servicesState: QueryState.INIT,
 
+      serviceTableActionDialogActions: [],
+
       visibleColumns: new LocalStorageBackedVisibility(
         LocalStorageKeys.SERVICE_TABLE_COLUMN_SELECTION,
       ),
@@ -477,7 +483,34 @@ ORDER BY
           show: visibleColumns.shown('Service'),
           accessor: 'service',
           width: 300,
-          Cell: this.renderFilterableCell('service'),
+          Cell: ({ value, original, aggregated }) => {
+            if (aggregated) return '';
+
+            const { service_type } = original;
+            const workerInfo = workerInfoLookup[value];
+
+            // Make clickable if SQL is available to show properties
+            if (!capabilities.hasSql()) return value;
+
+            return (
+              <TableClickableCell
+                tooltip="Show properties"
+                onClick={() =>
+                  this.setState({
+                    serviceTableActionDialogServer: value,
+                    serviceTableActionDialogActions: this.getServiceActions(
+                      value,
+                      service_type,
+                      workerInfo,
+                    ),
+                  })
+                }
+                hoverIcon={IconNames.PROPERTIES}
+              >
+                {value}
+              </TableClickableCell>
+            );
+          },
           Aggregated: () => '',
         },
         {
@@ -794,22 +827,24 @@ ORDER BY
         },
         {
           Header: ACTION_COLUMN_LABEL,
-          show: capabilities.hasOverlordAccess(),
+          show: capabilities.hasSql(),
           id: ACTION_COLUMN_ID,
           width: ACTION_COLUMN_WIDTH,
           accessor: 'service',
           filterable: false,
           sortable: false,
-          Cell: ({ value, aggregated }) => {
+          Cell: ({ value, original, aggregated }) => {
             if (aggregated) return '';
 
+            const { service_type } = original;
             const workerInfo = workerInfoLookup[value];
-            if (!workerInfo) return null;
 
-            const { worker } = workerInfo;
-            const disabled = worker.version === '';
-            const workerActions = this.getWorkerActions(worker.host, disabled);
-            return <ActionCell actions={workerActions} menuTitle={worker.host} />;
+            // Get all applicable actions (worker actions + properties action)
+            const serviceActions = this.getServiceActions(value, service_type, workerInfo, true);
+            if (serviceActions.length === 0) return null;
+
+            const menuTitle = workerInfo ? workerInfo.worker.host : value;
+            return <ActionCell actions={serviceActions} menuTitle={menuTitle} />;
           },
           Aggregated: () => '',
         },
@@ -817,24 +852,53 @@ ORDER BY
     },
   );
 
-  private getWorkerActions(workerHost: string, disabled: boolean): BasicAction[] {
-    if (disabled) {
-      return [
-        {
+  private getServiceActions(
+    server: string,
+    serviceType: string,
+    workerInfo?: WorkerInfo,
+    fromTable?: boolean,
+  ): BasicAction[] {
+    const actions: BasicAction[] = [];
+
+    // Add worker-specific actions (enable/disable) if this is a worker
+    if (workerInfo) {
+      const { worker } = workerInfo;
+      const disabled = worker.version === '';
+
+      if (disabled) {
+        actions.push({
           icon: IconNames.TICK,
           title: 'Enable',
-          onAction: () => this.setState({ middleManagerEnableWorkerHost: workerHost }),
-        },
-      ];
-    } else {
-      return [
-        {
+          onAction: () => this.setState({ middleManagerEnableWorkerHost: worker.host }),
+        });
+      } else {
+        actions.push({
           icon: IconNames.DISABLE,
           title: 'Disable',
-          onAction: () => this.setState({ middleManagerDisableWorkerHost: workerHost }),
+          onAction: () => this.setState({ middleManagerDisableWorkerHost: worker.host }),
+        });
+      }
+    }
+
+    // Add properties action when called from table
+    if (fromTable) {
+      actions.push({
+        icon: IconNames.PROPERTIES,
+        title: 'View properties',
+        onAction: () => {
+          this.setState({
+            serviceTableActionDialogServer: server,
+            serviceTableActionDialogActions: this.getServiceActions(
+              server,
+              serviceType,
+              workerInfo,
+            ),
+          });
         },
-      ];
+      });
     }
+
+    return actions;
   }
 
   renderDisableWorkerAction() {
@@ -969,7 +1033,21 @@ ORDER BY
         {this.renderServicesTable()}
         {this.renderDisableWorkerAction()}
         {this.renderEnableWorkerAction()}
+        {this.renderServiceTableActionDialog()}
       </div>
     );
   }
+
+  renderServiceTableActionDialog() {
+    const { serviceTableActionDialogServer, serviceTableActionDialogActions } = this.state;
+    if (!serviceTableActionDialogServer) return;
+
+    return (
+      <ServiceTableActionDialog
+        service={serviceTableActionDialogServer}
+        actions={serviceTableActionDialogActions}
+        onClose={() => this.setState({ serviceTableActionDialogServer: undefined })}
+      />
+    );
+  }
 }
diff --git a/web-console/src/views/sql-data-loader-view/expression-editor-dialog/expression-editor-dialog.tsx b/web-console/src/views/sql-data-loader-view/expression-editor-dialog/expression-editor-dialog.tsx
index bb7b4227b4ee..14b8b49e8ea7 100644
--- a/web-console/src/views/sql-data-loader-view/expression-editor-dialog/expression-editor-dialog.tsx
+++ b/web-console/src/views/sql-data-loader-view/expression-editor-dialog/expression-editor-dialog.tsx
@@ -66,7 +66,10 @@ export const ExpressionEditorDialog = React.memo(function ExpressionEditorDialog
         </FormGroup>
         {includeOutputName && (
           <FormGroup label="Output name">
-            <InputGroup value={outputName} onChange={e => setOutputName(e.target.value)} />
+            <InputGroup
+              value={outputName}
+              onChange={e => setOutputName(e.target.value.trimStart())}
+            />
           </FormGroup>
         )}
       </div>
diff --git a/web-console/src/views/workbench-view/tab-rename-dialog/tab-rename-dialog.tsx b/web-console/src/views/workbench-view/tab-rename-dialog/tab-rename-dialog.tsx
index c1d9514e651d..8f1c89dc4d24 100644
--- a/web-console/src/views/workbench-view/tab-rename-dialog/tab-rename-dialog.tsx
+++ b/web-console/src/views/workbench-view/tab-rename-dialog/tab-rename-dialog.tsx
@@ -48,7 +48,11 @@ export const TabRenameDialog = React.memo(function TabRenameDialog(props: TabRen
     >
       <div className={Classes.DIALOG_BODY}>
         <FormGroup label="New tab name">
-          <InputGroup value={newTabName} onChange={e => setNewTabName(e.target.value)} autoFocus />
+          <InputGroup
+            value={newTabName}
+            onChange={e => setNewTabName(e.target.value.trimStart())}
+            autoFocus
+          />
         </FormGroup>
       </div>
       <div className={Classes.DIALOG_FOOTER}>