feat: Integrated tab UI updates (#8516)

## Summary
Next iteration of the integrated tab/top menu

## Changes
- **What**:  
- make integrated default, rename old to legacy
- move feedback to integrated
- fix user icon shapes
- remove comfy cloud text in top bar, move to canvas stats
- add chevron to C logo menu
- move help back to sidebar
   - remove now unused help top positioning code

## Screenshots (if applicable)
<img width="428" height="148" alt="image"
src="https://github.com/user-attachments/assets/725025b7-4982-4f61-be11-8aabb0a1faff"
/>
<img width="264" height="187" alt="image"
src="https://github.com/user-attachments/assets/91fa5e92-df08-4467-9bc5-50a614d9b8aa"
/>
<img width="1169" height="220" alt="image"
src="https://github.com/user-attachments/assets/68c81bea-0cff-48df-8303-a6231a1d2fc4"
/>
<img width="242" height="207" alt="image"
src="https://github.com/user-attachments/assets/5a10f40e-83ae-44c3-9434-3dbe87ba30e2"
/>
<img width="302" height="222" alt="image"
src="https://github.com/user-attachments/assets/27fcc638-5fff-4302-9a1f-066227aafd86"
/>

---------

Co-authored-by: GitHub Action <action@github.com>
Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
pythongosssss
2026-03-07 19:20:01 +00:00
committed by GitHub
parent 5bb742ac3a
commit 1687ca93b3
57 changed files with 114 additions and 138 deletions

View File

@@ -1,21 +1,14 @@
import { defineStore } from 'pinia'
import { ref } from 'vue'
export type HelpCenterTriggerLocation = 'sidebar' | 'topbar'
export const useHelpCenterStore = defineStore('helpCenter', () => {
const isVisible = ref(false)
const triggerLocation = ref<HelpCenterTriggerLocation>('sidebar')
const toggle = (location: HelpCenterTriggerLocation = 'sidebar') => {
if (!isVisible.value) {
triggerLocation.value = location
}
const toggle = () => {
isVisible.value = !isVisible.value
}
const show = (location: HelpCenterTriggerLocation = 'sidebar') => {
triggerLocation.value = location
const show = () => {
isVisible.value = true
}
@@ -25,7 +18,6 @@ export const useHelpCenterStore = defineStore('helpCenter', () => {
return {
isVisible,
triggerLocation,
toggle,
show,
hide