feat(short-drama-agent-front): 优化项目查询与工作区界面

src/features/visual-style/VisualStylePage.vue

@@ -4,7 +4,7 @@ import DetailDisclosure from '../../components/ui/DetailDisclosure.vue'
 import { NAlert, NButton } from 'naive-ui'
 import { LoaderCircle, LockKeyhole, LockKeyholeOpen, Palette, RefreshCw, TriangleAlert } from '@lucide/vue'
 import { computed, ref } from 'vue'
-import { usePolling } from '../../composables/usePolling'
+import { useQuery } from '../../composables/useQuery'
 import { runOperation } from '../workflows/operations'
 import { useProjectMutationGuard } from '../workflows/useProjectMutationGuard'
 import ConfirmAction from '../workflows/ConfirmAction.vue'
@@ -15,16 +15,12 @@ import StyleImages from './components/StyleImages.vue'
 
 /** 项目视觉风格工作区：文本编辑、锁定和风格图记录分开管理。 */
 const { projectId, blocked } = useProjectMutationGuard()
-/** 风格页已有刷新按钮，不再定时轮询。 */
-const query = usePolling(
-    projectId,
-    async (id, signal) => {
-        const style = await visualStyleApi.get(id, signal)
-        assertProject(style, id)
-        return { style }
-    },
-    false
-)
+/** 风格页仅在进入、切换项目或显式刷新时读取。 */
+const query = useQuery(projectId, async (id, signal) => {
+    const style = await visualStyleApi.get(id, signal)
+    assertProject(style, id)
+    return { style }
+})
 const style = computed(() => query.data.value?.style ?? null)
 const disabled = computed(() => blocked.value || !!query.error.value || !query.data.value)
 const editorRevision = ref(0)

src/features/visual-style/components/StyleEditor.vue

@@ -7,7 +7,7 @@ import { NButton, NCheckbox, NInput, NTag } from 'naive-ui'
 import { computed, reactive, ref, watch } from 'vue'
 import type { SaveVisualStyleInput, VisualStyle } from '../types'
 
-/** 编辑草稿独立于轮询结果，刷新不会覆盖尚未保存的输入。 */
+/** 编辑草稿独立于查询结果，刷新不会覆盖尚未保存的输入。 */
 const props = defineProps<{ visualStyle: VisualStyle | null; disabled: boolean }>()
 const emit = defineEmits<{ save: [input: SaveVisualStyleInput]; dirty: [value: boolean] }>()
 const form = reactive({