feat(workflow): show variables in drawer

frontend/src/components/assistant-editor/workflow-page.tsx

@@ -3,7 +3,7 @@
 import { Bug, Loader2, Save } from "lucide-react";
 
 import { DebugDrawer } from "@/components/assistant-editor/debug-preview";
-import { DynamicVariablesDialog } from "@/components/assistant-editor/dynamic-variables";
+import { DynamicVariablesPanel } from "@/components/assistant-editor/dynamic-variables";
 import {
   AssistantIdentity,
   EditableTitle,
@@ -115,6 +115,7 @@ export function WorkflowPage({
               disabled={!assistantId}
               onClick={() => {
                 setWorkflowSettingsOpen(false);
+                setDynamicVariablesOpen(false);
                 setWorkflowEditingNodeId(null);
                 setWorkflowEditingEdgeId(null);
                 setWorkflowDebugOpen(true);
@@ -144,7 +145,14 @@ export function WorkflowPage({
             onChange={setWorkflowGraph}
             settings={workflowSettings}
             onSettingsChange={setWorkflowSettings}
-            onOpenDynamicVariables={() => setDynamicVariablesOpen(true)}
+            dynamicVariablesOpen={dynamicVariablesOpen}
+            onDynamicVariablesOpenChange={setDynamicVariablesOpen}
+            dynamicVariablesPanel={
+              <DynamicVariablesPanel
+                definitions={dynamicVariableDefinitions}
+                onChange={setWorkflowDynamicVariableDefinitions}
+              />
+            }
             editingNodeId={workflowEditingNodeId}
             onEditingNodeIdChange={setWorkflowEditingNodeId}
             editingEdgeId={workflowEditingEdgeId}
@@ -179,13 +187,6 @@ export function WorkflowPage({
             knowledgeOptions={kbOptions}
           />
         </div>
-
-        <DynamicVariablesDialog
-          open={dynamicVariablesOpen}
-          onOpenChange={setDynamicVariablesOpen}
-          definitions={dynamicVariableDefinitions}
-          onChange={setWorkflowDynamicVariableDefinitions}
-        />
       </div>
     );
   }