From 9f18ba900a44eeaeeb417e9f5be7763d14589a63 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Mon, 25 May 2026 00:18:00 -0600
Subject: [PATCH] fix: reset collapsed state when new flowchart is pinned

---
 src/shared/components/PinnedFlowchartPanel.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/shared/components/PinnedFlowchartPanel.vue b/src/shared/components/PinnedFlowchartPanel.vue
index 0cef1fc..9a5054b 100644
--- a/src/shared/components/PinnedFlowchartPanel.vue
+++ b/src/shared/components/PinnedFlowchartPanel.vue
@@ -5,7 +5,10 @@
     class="pinned-panel"
     :style="{ left: `${x}px`, top: `${y}px` }"
   >
-    <n-card size="small" :content-style="collapsed ? 'display:none' : 'padding:8px'">
+    <n-card
+      size="small"
+      :content-style="collapsed ? 'display:none' : 'padding:8px'"
+    >
       <template #header>
         <div ref="handle" class="pinned-handle">
           <n-flex align="center" :size="8">
@@ -60,7 +63,8 @@ const { x, y } = useDraggable(panelRef, {
 watch(
   () => store.mermaidCode,
   async (code) => {
-    if (!code || collapsed.value) return
+    if (!code) return
+    collapsed.value = false
     await nextTick()
     await renderFlowchart(mermaidContainer.value, code)
   },