fix: restore lost changes

Modules/Notifications/Sidebar/Chat/Content/Actions.qml

@@ -29,6 +29,7 @@ Item {
 			enabled: root.message.generationCount > 1 && root.message.activeGenerationIndex !== 0
 			icon: "chevron_left"
 			type: IconButton.Tonal
+			isRound: true
 
 			onClicked: {
 				if (!root.edit.readOnly)
@@ -40,8 +41,7 @@ Item {
 		IconButton {
 			enabled: false
 			icon: `${root.message.activeGenerationIndex + 1}`
-			label.font.family: Config.appearance.font.family.sans
-			label.font.pointSize: Tokens.font.size.small
+			label.font: Tokens.font.body.small
 			type: IconButton.Text
 		}
 
@@ -49,6 +49,7 @@ Item {
 			enabled: root.message.generationCount > 1 && root.message.activeGenerationIndex !== root.message.generationCount - 1
 			icon: "chevron_right"
 			type: IconButton.Tonal
+			isRound: true
 
 			onClicked: {
 				if (!root.edit.readOnly)
@@ -76,6 +77,7 @@ Item {
 			inactiveOnColor: Colors.palette.m3onSecondary
 			scale: root.edit.readOnly ? 1 : 0
 			visible: !root.isUser
+			isRound: true
 
 			Behavior on scale {
 				Anim {}
@@ -91,6 +93,7 @@ Item {
 			inactiveColor: Colors.palette.m3secondary
 			inactiveOnColor: Colors.palette.m3onSecondary
 			scale: root.edit.readOnly ? 1 : 0
+			isRound: true
 
 			Behavior on scale {
 				Anim {}
@@ -106,6 +109,7 @@ Item {
 			inactiveColor: Colors.palette.m3tertiary
 			inactiveOnColor: Colors.palette.m3onTertiary
 			visible: root.isUser
+			isRound: true
 
 			onClicked: {
 				root.edit.readOnly = !root.edit.readOnly;

Modules/Notifications/Sidebar/Chat/Content/BubbleEdit.qml

@@ -10,7 +10,7 @@ TextEditBase {
 	color: Colors.palette.m3onSurface
 	readOnly: true
 	textFormat: Text.MarkdownText
-	font.pointSize: Tokens.font.size.smaller
+	font: Tokens.font.body.small
 	wrapMode: Text.WrapAtWordBoundaryOrAnywhere
 
 	onLinkActivated: link => {

Modules/Notifications/Sidebar/Chat/Content/ChatHost.qml

@@ -6,138 +6,138 @@ import qs.Services
 import qs.Modules.Notifications.Sidebar.Chat
 
 Item {
-    id: root
+	id: root
 
-    property int animOff
-    property Item currentItem
-    property bool noAnim: false
-    property bool loading: false
-    property int lastIdx: -1
+	property int animOff
+	property Item currentItem
+	property bool noAnim: false
+	property bool loading: false
+	property int lastIdx: -1
 
-    readonly property Component conversationComp: ChatContent {}
+	readonly property Component conversationComp: ChatContent {}
 
-    signal requestClose
+	signal requestClose
 
-    function loadConversation(chat): void {
-        if (currentItem) {
-            currentItem.destroy();
-            currentItem = null;
-        }
+	function loadConversation(chat): void {
+		if (currentItem) {
+			currentItem.destroy();
+			currentItem = null;
+		}
 
-        if (!chat)
-            return;
+		if (!chat)
+			return;
 
-        root.loading = true;
+		root.loading = true;
 
-        const incubator = root.conversationComp.incubateObject(container, {
-            chatData: chat
-        });
+		const incubator = root.conversationComp.incubateObject(container, {
+			chatData: chat
+		});
 
-        const attach = () => {
-            incubator.object.anchors.fill = container;
-            incubator.object.requestClose.connect(root.requestClose);
-            currentItem = incubator.object;
-            root.loading = false;
-            if (!noAnim)
-                enterAnim.start();
-        };
+		const attach = () => {
+			incubator.object.anchors.fill = container;
+			incubator.object.requestClose.connect(root.requestClose);
+			currentItem = incubator.object;
+			root.loading = false;
+			if (!noAnim)
+				enterAnim.start();
+		};
 
-        if (incubator.status === Component.Ready)
-            attach();
-        else
-            incubator.onStatusChanged = status => {
-                if (status === Component.Ready)
-                    attach();
-            };
-    }
+		if (incubator.status === Component.Ready)
+			attach();
+		else
+			incubator.onStatusChanged = status => {
+				if (status === Component.Ready)
+					attach();
+			};
+	}
 
-    Item {
-        id: container
+	Item {
+		id: container
 
-        anchors.fill: parent
-        layer.enabled: opacity < 1
-        objectName: "ConversationContainer"
+		anchors.fill: parent
+		layer.enabled: opacity < 1
+		objectName: "ConversationContainer"
 
-        Component.onCompleted: {
-            if (ChatState.chatSession)
-                root.loadConversation(ChatState.chatSession);
-        }
-    }
+		Component.onCompleted: {
+			if (ChatState.chatSession)
+				root.loadConversation(ChatState.chatSession);
+		}
+	}
 
-    LoadingIndicator {
-        anchors.centerIn: parent
-        implicitSize: Tokens.font.size.extraLarge * 4
-        opacity: root.loading ? 1 : 0
-        visible: opacity > 0
+	LoadingIndicator {
+		anchors.centerIn: parent
+		implicitSize: Tokens.font.icon.extraLarge.pointSize * 4
+		opacity: root.loading ? 1 : 0
+		visible: opacity > 0
 
-        Behavior on opacity {
-            Anim {}
-        }
-    }
+		Behavior on opacity {
+			Anim {}
+		}
+	}
 
-    Connections {
-        function onChatSessionChanged(): void {
-            exitAnim.complete();
-            enterAnim.complete();
+	Connections {
+		function onChatSessionChanged(): void {
+			exitAnim.complete();
+			enterAnim.complete();
 
-            if (root.noAnim) {
-                root.loadConversation(ChatState.chatSession);
-                return;
-            }
+			if (root.noAnim) {
+				root.loadConversation(ChatState.chatSession);
+				return;
+			}
 
-            root.animOff = Tokens.padding.small * (ChatState.currentIdx > root.lastIdx ? 1 : -1);
-            root.lastIdx = ChatState.currentIdx;
-            exitAnim.start();
-        }
+			root.animOff = Tokens.padding.small * (ChatState.currentIdx > root.lastIdx ? 1 : -1);
+			root.lastIdx = ChatState.currentIdx;
+			exitAnim.start();
+		}
 
-        target: ChatState
-    }
+		target: ChatState
+	}
 
-    SequentialAnimation {
-        id: exitAnim
+	SequentialAnimation {
+		id: exitAnim
 
-        Anim {
-            property: "opacity"
-            target: container
-            to: 0
-            type: Anim.DefaultEffects
-        }
+		Anim {
+			property: "opacity"
+			target: container
+			to: 0
+			type: Anim.DefaultEffects
+		}
 
-        ScriptAction {
-            script: root.loadConversation(ChatState.chatSession)
-        }
-    }
+		ScriptAction {
+			script: root.loadConversation(ChatState.chatSession)
+		}
+	}
 
-    SequentialAnimation {
-        id: enterAnim
+	SequentialAnimation {
+		id: enterAnim
 
-        PropertyAction {
-            property: "topMargin"
-            target: container.anchors
-            value: root.animOff
-        }
+		PropertyAction {
+			property: "topMargin"
+			target: container.anchors
+			value: root.animOff
+		}
 
-        PropertyAction {
-            property: "bottomMargin"
-            target: container.anchors
-            value: -root.animOff
-        }
+		PropertyAction {
+			property: "bottomMargin"
+			target: container.anchors
+			value: -root.animOff
+		}
 
-        ParallelAnimation {
-            Anim {
-                from: 0
-                property: "opacity"
-                target: container
-                to: 1
-                type: Anim.SlowEffects
-            }
+		ParallelAnimation {
+			Anim {
+				from: 0
+				property: "opacity"
+				target: container
+				to: 1
+				type: Anim.SlowEffects
+			}
 
-            Anim {
-                properties: "topMargin,bottomMargin"
-                target: container.anchors
-                to: 0
-                type: Anim.SlowEffects
-            }
-        }
-    }
+			Anim {
+				properties: "topMargin,bottomMargin"
+				target: container.anchors
+				to: 0
+				type: Anim.SlowEffects
+			}
+		}
+	}
 }

Modules/Notifications/Sidebar/Chat/Content/CodeBlockView.qml

@@ -32,8 +32,7 @@ CustomRect {
 	function onHighlightSpans(token, spans) {
 		if (token !== root.highlightToken)
 			return;
-		if (root.code !== root.requestedCode ||
-			root.language !== root.requestedLanguage)
+		if (root.code !== root.requestedCode || root.language !== root.requestedLanguage)
 			return;
 		html = spans.length ? root.highlightedHtml(root.code, spans) : "";
 		colored = root.visible && html.length > 0;
@@ -84,15 +83,13 @@ CustomRect {
 	// whitespace kept, mid-line runs collapsed, tabs as single spaces) so the
 	// plain and colored layouts are identical.
 	function plainForDisplay(code): string {
-		return code.split("\n")
-			.map(line => {
-				const i = line.search(/\S/);
-				if (i < 0)
-					return "";
-				const lead = line.slice(0, i).replace(/\t/g, " ");
-				return lead + line.slice(i).replace(/\s+/g, " ").replace(/\s+$/, "");
-			})
-			.join("\n");
+		return code.split("\n").map(line => {
+			const i = line.search(/\S/);
+			if (i < 0)
+				return "";
+			const lead = line.slice(0, i).replace(/\t/g, " ");
+			return lead + line.slice(i).replace(/\s+/g, " ").replace(/\s+$/, "");
+		}).join("\n");
 	}
 
 	function highlightedHtml(code, spans): string {
@@ -136,7 +133,7 @@ CustomRect {
 			refreshTimer.restart();
 	}
 	onVisibleChanged: if (root.visible)
-		refreshTimer.restart();
+		refreshTimer.restart()
 
 	Timer {
 		id: refreshTimer
@@ -223,7 +220,7 @@ CustomRect {
 
 			Layout.alignment: Qt.AlignVCenter
 			color: root.codeHeaderColor
-			font.pointSize: Tokens.font.size.small
+			font: Tokens.font.label.small
 			text: CodeIcons.name(root.language)
 			visible: root.language.length > 0
 		}
@@ -289,8 +286,7 @@ CustomRect {
 				color: CodeColors.active.normal
 				layer.enabled: true
 				clip: false
-				font.family: Config.appearance.font.family.mono
-				font.pointSize: Tokens.font.size.small
+				font: Tokens.font.mono.small
 				textFormat: root.colored ? Text.RichText : Text.PlainText
 				text: root.colored ? root.html : root.plainForDisplay(root.code)
 				readOnly: true

Modules/Notifications/Sidebar/Chat/Content/ContentBubble.qml

@@ -85,7 +85,7 @@ Item {
 			animateCursor: false
 			color: root.isUser ? Colors.palette.m3onPrimary : Colors.palette.m3onSurface
 			cursor.color: root.isUser ? Colors.palette.m3onPrimary : Colors.palette.m3primary
-			font.pointSize: Tokens.font.size.smaller
+			font: Tokens.font.body.small
 			readOnly: true
 			selectionColor: Qt.alpha((root.isUser ? Colors.palette.m3onPrimary : Colors.palette.m3primary), 0.4)
 			text: root.isUser ? root.segment.text : ""

Modules/Notifications/Sidebar/Chat/Content/ErrorBubble.qml

@@ -93,7 +93,7 @@ Item {
 
 				Layout.fillWidth: true
 
-				font.pointSize: Tokens.font.size.large
+				font: Tokens.font.headline.small
 				elide: CustomText.ElideRight
 				color: Colors.palette.m3onErrorContainer
 
@@ -120,7 +120,7 @@ Item {
 			isRound: true
 			icon: "close"
 			type: IconButton.Text
-			font.pointSize: Tokens.font.size.large
+			font: Tokens.font.icon.medium
 
 			onClicked: exitAnim.start()
 		}

Modules/Notifications/Sidebar/Chat/Content/MarkdownBlocks.qml

@@ -62,13 +62,12 @@ Column {
 					text: modelData.text
 					textFormat: Text.MarkdownText
 					readOnly: true
-					font.bold: true
-					font.pointSize: {
+					font: {
 						if (modelData.level <= 1)
-							return Tokens.font.size.large;
+							return Tokens.font.title.builders.large.weight(Font.Bold).build();
 						if (modelData.level === 2)
-							return Tokens.font.size.normal;
-						return Tokens.font.size.smaller;
+							return Tokens.font.title.builders.medium.weight(Font.Bold).build();
+						return Tokens.font.title.builders.small.weight(Font.Bold).build();
 					}
 					wrapMode: Text.WrapAtWordBoundaryOrAnywhere
 				}

Modules/Notifications/Sidebar/Chat/Content/MathBlockView.qml

@@ -9,7 +9,7 @@ Item {
 
 	required property string latex
 	property color mathColor: Colors.palette.m3onSurface
-	property real fontSize: Tokens.font.size.large
+	property font font: Tokens.font.headline.medium
 
 	implicitHeight: Math.max(equationImage.height, fallbackText.contentHeight) + Tokens.padding.small * 2
 
@@ -18,7 +18,7 @@ Item {
 
 		latex: root.latex
 		color: root.mathColor
-		fontPointSize: root.fontSize
+		fontPointSize: root.font.pointSize
 		devicePixelRatio: Screen.devicePixelRatio
 	}
 
@@ -39,8 +39,7 @@ Item {
 
 		anchors.centerIn: parent
 		color: root.mathColor
-		font.family: Config.appearance.font.family.mono
-		font.pointSize: Tokens.font.size.small
+		font: Tokens.font.mono.medium
 		text: root.latex
 		wrapMode: Text.WrapAtWordBoundaryOrAnywhere
 		visible: !math.ok

Modules/Notifications/Sidebar/Chat/Content/MessageDelegate.qml

@@ -231,7 +231,7 @@ MouseArea {
 
 				MaterialIcon {
 					anchors.centerIn: parent
-					font.pointSize: Tokens.font.size.extraLarge
+					fontStyle: Tokens.font.icon.extraLarge
 					text: thumb.fileIcon(thumb.modelData?.mimeType ?? "")
 					visible: !thumb.modelData?.isImage ?? false
 				}

Modules/Notifications/Sidebar/Chat/Content/ProcessBlock.qml

@@ -70,7 +70,7 @@ Item {
 			IconButton {
 				id: expandBtn
 
-				font.pointSize: Tokens.font.size.large
+				font: Tokens.font.icon.medium
 				icon: "keyboard_arrow_down"
 				inactiveOnColor: hovered ? Colors.palette.m3onSurface : Colors.palette.m3outline
 				anchors.centerIn: parent
@@ -91,7 +91,7 @@ Item {
 			id: collapsedText
 
 			color: Colors.palette.m3outline
-			font.pointSize: Tokens.font.size.small
+			font: Tokens.font.label.small
 			Layout.fillWidth: true
 			Layout.leftMargin: Tokens.spacing.medium
 			text: {
@@ -139,7 +139,7 @@ Item {
 				CustomText {
 					id: requestHeader
 					text: qsTr("Tool call request")
-					font.pointSize: Tokens.font.size.large
+					font: Tokens.font.headline.medium
 					color: Colors.palette.m3onSurface
 				}
 
@@ -420,7 +420,7 @@ Item {
 											IconButton {
 												id: toolExpandBtn
 
-												font.pointSize: Tokens.font.size.large
+												font: Tokens.font.icon.medium
 												icon: "keyboard_arrow_down"
 												inactiveOnColor: hovered ? Colors.palette.m3onSurface : Colors.palette.m3outline
 												rotation: toolCall.expanded ? 180 : 0
@@ -609,7 +609,7 @@ Item {
 					anchors.topMargin: Tokens.spacing.small
 					anchors.right: parent.right
 					color: Colors.palette.m3outline
-					font.pointSize: Tokens.font.size.small
+					font: Tokens.font.body.small
 					wrapMode: CustomText.WrapAtWordBoundaryOrAnywhere
 					text: segment.modelData.type === LlmSegment.Type.Reasoning ? segment.modelData.text : qsTr("%1 %2").arg(content.prettyTool(segment.modelData)).arg(content.toolTarget(segment.modelData))
 				}