initial commit for llm chat tab in sidebar

Modules/Notifications/Sidebar/Content.qml

@@ -1,7 +1,11 @@
-import qs.Components
+pragma ComponentBehavior: Bound
+
 import ZShell.Config
+import ZShell.Llm
 import QtQuick
 import QtQuick.Layouts
+import qs.Components
+import qs.Modules.Notifications.Sidebar.Chat
 import qs.Services
 
 Item {
@@ -16,15 +20,64 @@ Item {
 		anchors.fill: parent
 		spacing: Tokens.spacing.small
 
-		CustomRect {
+		Tabs {
+			Layout.fillWidth: true
+			dashState: root.props
+			nonAnimWidth: layout.width
+		}
+
+		CustomClippingRect {
 			Layout.fillHeight: true
 			Layout.fillWidth: true
-			color: Colors.tPalette.m3surfaceContainerLow
 			radius: Tokens.rounding.small
 
-			NotifDock {
-				props: root.props
-				visibilities: root.visibilities
+			Item {
+				id: pages
+
+				anchors.fill: parent
+				opacity: root.props.currentTab === 0 ? 1 : 0
+				visible: opacity > 0.01
+
+				Behavior on opacity {
+					Anim {
+					}
+				}
+
+				CustomRect {
+					anchors.fill: parent
+					color: Colors.tPalette.m3surfaceContainerLow
+					radius: Tokens.rounding.small
+
+					NotifDock {
+						props: root.props
+						visibilities: root.visibilities
+					}
+				}
+			}
+
+			Item {
+				id: chatPage
+
+				anchors.fill: parent
+				opacity: visible ? 1 : 0
+				visible: root.props.currentTab === 1
+				z: 1
+
+				Behavior on opacity {
+					Anim {
+					}
+				}
+
+				CustomRect {
+					anchors.fill: parent
+					color: Colors.tPalette.m3surfaceContainerLow
+					radius: Tokens.rounding.small
+
+					ChatPanel {
+						anchors.fill: parent
+						props: root.props
+					}
+				}
 			}
 		}