chore(release): bump to v0.89.0 (#8482)

deploy/docker-swarm/docker-compose.ha.yaml

@@ -174,7 +174,7 @@ services:
       # - ../common/clickhouse/storage.xml:/etc/clickhouse-server/config.d/storage.xml
   signoz:
     !!merge <<: *db-depend
-    image: signoz/signoz:v0.88.1
+    image: signoz/signoz:v0.89.0
     command:
       - --config=/root/config/prometheus.yml
     ports:

deploy/docker-swarm/docker-compose.yaml

@@ -115,7 +115,7 @@ services:
       # - ../common/clickhouse/storage.xml:/etc/clickhouse-server/config.d/storage.xml
   signoz:
     !!merge <<: *db-depend
-    image: signoz/signoz:v0.88.1
+    image: signoz/signoz:v0.89.0
     command:
       - --config=/root/config/prometheus.yml
     ports:

deploy/docker/docker-compose.ha.yaml

@@ -177,7 +177,7 @@ services:
       # - ../common/clickhouse/storage.xml:/etc/clickhouse-server/config.d/storage.xml
   signoz:
     !!merge <<: *db-depend
-    image: signoz/signoz:${VERSION:-v0.88.1}
+    image: signoz/signoz:${VERSION:-v0.89.0}
     container_name: signoz
     command:
       - --config=/root/config/prometheus.yml

deploy/docker/docker-compose.yaml

@@ -110,7 +110,7 @@ services:
       # - ../common/clickhouse/storage.xml:/etc/clickhouse-server/config.d/storage.xml
   signoz:
     !!merge <<: *db-depend
-    image: signoz/signoz:${VERSION:-v0.88.1}
+    image: signoz/signoz:${VERSION:-v0.89.0}
     container_name: signoz
     command:
       - --config=/root/config/prometheus.yml

frontend/src/container/LogDetailedView/BodyTitleRenderer.styles.ts

@@ -1,6 +1,9 @@
 import styled from 'styled-components';
 
 export const TitleWrapper = styled.span`
+	user-select: text !important;
+	cursor: text;
+
 	.hover-reveal {
 		visibility: hidden;
 	}

frontend/src/container/LogDetailedView/BodyTitleRenderer.tsx

@@ -71,8 +71,13 @@ function BodyTitleRenderer({
 		onClick: onClickHandler,
 	};
 
+	const handleTextSelection = (e: React.MouseEvent): void => {
+		// Prevent tree node click when user is trying to select text
+		e.stopPropagation();
+	};
+
 	return (
-		<TitleWrapper>
+		<TitleWrapper onMouseDown={handleTextSelection}>
 			<Dropdown menu={menu} trigger={['click']}>
 				<SettingOutlined style={{ marginRight: 8 }} className="hover-reveal" />
 			</Dropdown>

frontend/src/container/LogDetailedView/TableView/TableViewActions.styles.scss

@@ -11,6 +11,18 @@
 	}
 }
 
+.selectable-tree {
+	.ant-tree-node-content-wrapper {
+		user-select: text !important;
+		cursor: text !important;
+	}
+
+	.ant-tree-title {
+		user-select: text !important;
+		cursor: text !important;
+	}
+}
+
 .table-view-actions-content {
 	.ant-popover-inner {
 		border-radius: 4px;

frontend/src/container/LogDetailedView/TableView/TableViewActions.tsx

@@ -53,7 +53,12 @@ const convert = new Convert();
 
 // Memoized Tree Component
 const MemoizedTree = React.memo<{ treeData: any[] }>(({ treeData }) => (
-	<Tree defaultExpandAll showLine treeData={treeData} />
+	<Tree
+		defaultExpandAll
+		showLine
+		treeData={treeData}
+		className="selectable-tree"
+	/>
 ));
 
 MemoizedTree.displayName = 'MemoizedTree';

frontend/src/container/MetricsApplication/Tabs/Overview/ApDex/ApDexMetricsApplication.tsx

@@ -3,9 +3,11 @@ import { useGetMetricMeta } from 'hooks/apDex/useGetMetricMeta';
 import useErrorNotification from 'hooks/useErrorNotification';
 import { useParams } from 'react-router-dom';
 
+import { FeatureKeys } from '../../../../../constants/features';
+import { useAppContext } from '../../../../../providers/App/App';
+import { WidgetKeys } from '../../../constant';
 import { IServiceName } from '../../types';
 import ApDexMetrics from './ApDexMetrics';
-import { metricMeta } from './constants';
 import { ApDexDataSwitcherProps } from './types';
 
 function ApDexMetricsApplication({
@@ -18,7 +20,19 @@ function ApDexMetricsApplication({
 	const { servicename: encodedServiceName } = useParams<IServiceName>();
 	const servicename = decodeURIComponent(encodedServiceName);
 
-	const { data, isLoading, error } = useGetMetricMeta(metricMeta, servicename);
+	const { featureFlags } = useAppContext();
+	const dotMetricsEnabled =
+		featureFlags?.find((flag) => flag.name === FeatureKeys.DOT_METRICS_ENABLED)
+			?.active || false;
+
+	const signozLatencyBucketMetrics = dotMetricsEnabled
+		? WidgetKeys.Signoz_latency_bucket
+		: WidgetKeys.Signoz_latency_bucket_norm;
+
+	const { data, isLoading, error } = useGetMetricMeta(
+		signozLatencyBucketMetrics,
+		servicename,
+	);
 	useErrorNotification(error);
 
 	if (isLoading) {

frontend/src/container/MetricsApplication/Tabs/Overview/ApDex/constants.ts

@@ -1 +0,0 @@
-export const metricMeta = 'signoz_latency_bucket';

frontend/src/container/TraceWaterfall/TraceWaterfallStates/Success/Success.tsx

@@ -215,6 +215,27 @@ export function SpanDuration({
 		setHasActionButtons(false);
 	};
 
+	// Calculate text positioning to handle overflow cases
+	const textStyle = useMemo(() => {
+		const spanRightEdge = leftOffset + width;
+		const textWidthApprox = 8; // Approximate text width in percentage
+
+		// If span would cause text overflow, right-align text to span end
+		if (leftOffset > 100 - textWidthApprox) {
+			return {
+				right: `${100 - spanRightEdge}%`,
+				color,
+				textAlign: 'right' as const,
+			};
+		}
+
+		// Default: left-align text to span start
+		return {
+			left: `${leftOffset}%`,
+			color,
+		};
+	}, [leftOffset, width, color]);
+
 	return (
 		<div
 			className={cx(
@@ -270,7 +291,7 @@ export function SpanDuration({
 				<Typography.Text
 					className="span-line-text"
 					ellipsis
-					style={{ left: `${leftOffset}%`, color }}
+					style={textStyle}
 				>{`${toFixed(time, 2)} ${timeUnitName}`}</Typography.Text>
 			</Tooltip>
 		</div>
@@ -311,6 +332,16 @@ function getWaterfallColumns({
 				/>
 			),
 			size: 450,
+			/**
+			 * Note: The TanStack table currently does not support percentage-based column sizing.
+			 * Therefore, we specify both `minSize` and `maxSize` for the "span-name" column to ensure
+			 * that its width remains between 240px and 900px. Setting a `maxSize` here is important
+			 * because the "span-duration" column has column resizing disabled, making it difficult
+			 * to enforce a minimum width for that column. By constraining the "span-name" column,
+			 * we indirectly control the minimum width available for the "span-duration" column.
+			 */
+			minSize: 240,
+			maxSize: 900,
 		}),
 		columnDefHelper.display({
 			id: 'span-duration',

pkg/query-service/app/clickhouseReader/reader.go

@@ -2858,11 +2858,11 @@ func (r *ClickHouseReader) GetMetricMetadata(ctx context.Context, orgID valuer.U
 			WHERE metric_name = $1
 				AND unix_milli >= $2
 				AND type = 'Histogram'
-				AND JSONExtractString(labels, 'service_name') = $3
+				AND (JSONExtractString(labels, 'service_name') = $3 OR JSONExtractString(labels, 'service.name') = $4)
 			GROUP BY le
 			ORDER BY le`, signozMetricDBName, signozTSTableNameV41Day)
 
-		rows, err := r.db.Query(ctx, query, metricName, unixMilli, serviceName)
+		rows, err := r.db.Query(ctx, query, metricName, unixMilli, serviceName, serviceName)
 		if err != nil {
 			zap.L().Error("Error while querying histogram buckets", zap.Error(err))
 			return nil, fmt.Errorf("error while querying histogram buckets: %s", err.Error())

pkg/version/deployment.go

@@ -106,6 +106,8 @@ func detectPlatform() string {
 		return "render"
 	case os.Getenv("COOLIFY_RESOURCE_UUID") != "":
 		return "coolify"
+	case os.Getenv("RAILWAY_SERVICE_ID") != "":
+		return "railway"
 	}
 
 	// Try to detect cloud provider through metadata endpoints