[Demo PR] Optimize the function feedback interface

spx-gui/package.json

@@ -67,6 +67,7 @@
     "mdast-util-gfm-table": "^2.0.0",
     "mdast-util-to-hast": "^13.2.0",
     "micromark-extension-gfm-table": "^2.1.1",
+    "modern-screenshot": "^4.7.0",
     "monaco-editor": "^0.52.2",
     "nanoid": "^5.0.5",
     "prettier": "^3.2.2",

spx-gui/src/apps/xbuilder/App.vue

@@ -9,7 +9,8 @@
             <TutorialRoot>
               <RouterView />
               <SpotlightUI />
-              <CopilotUI />
+              <CopilotUI v-if="!route.path.startsWith('/admin')" />
+              <FeedbackDemoUI />
             </TutorialRoot>
           </CopilotRoot>
         </UpdateNotificationWrapper>
@@ -20,11 +21,14 @@
 
 <script setup lang="ts">
 import { computed, defineAsyncComponent } from 'vue'
+import { useRoute } from 'vue-router'
 import { UIConfigProvider, UIModalProvider, UIMessageProvider, type Config } from '@/components/ui'
 import BrowserVersionReminder from '@/components/app/browser-check/BrowserVersionReminder.vue'
 import UpdateNotificationWrapper from '@/components/app/update-check/UpdateNotificationWrapper.vue'
 import CopilotRoot from '@/components/copilot/CopilotRoot.vue'
 import CopilotUI from '@/components/copilot/CopilotUI.vue'
+import FeedbackDemoUI from '@/components/feedback-demo/FeedbackDemoUI.vue'
+import { provideFeedbackDemoModel } from '@/components/feedback-demo/model'
 import TutorialRoot from '@/components/tutorials/TutorialRoot.vue'
 import { SpotlightUI } from '@/utils/spotlight'
 import { useI18n } from '@/utils/i18n'
@@ -35,6 +39,8 @@ import { getUIConfig } from '@/setup'
 const MobileReminder = defineAsyncComponent(() => import('@/components/app/device-check/MobileReminder.vue'))
 
 const showMobileReminder = isMobile()
+const route = useRoute()
+provideFeedbackDemoModel()
 
 const i18n = useI18n()
 const config = computed<Config>(() => getUIConfig(i18n))