feat: full screen node

frontend/src/components/nodes/RenderingNode.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react'
 import nunjucks from 'nunjucks'
 import CodeMirror from '@uiw/react-codemirror'
 import { javascript } from '@codemirror/lang-javascript'
@@ -19,7 +19,8 @@ import {
     BaseNodeHeaderRow,
 } from '../base/BaseNode'
 import { getDefaultDataForType, getNextNodeId } from '../../lib/flowUtils'
-import { getDefaultStyle } from '../../lib/nodeRegistry'
+import FlowContext from '../../lib/flowContext'
+import { getDefaultStyle, getNodeType } from '../../lib/nodeRegistry'
 import { NodeFooterEdgeIndicators } from '../base/NodeFooterEdgeIndicators'
 import { NodeHeaderTitle } from '../base/NodeHeaderTitle'
 import { NodeMenubar } from '../base/NodeMenubar'
@@ -47,6 +48,9 @@ type Props = AbstractNodeProps<RenderingNodeData>
 type ViewMode = 'preview' | 'raw'
 
 function RenderingNodeComponent({ id, data, width, height, selected }: Props) {
+    const flowContext = useContext(FlowContext)
+    const setFullscreenNodeId = flowContext?.setFullscreenNodeId
+    const supportsFullscreen = getNodeType('render')?.supportsFullscreen
     const [renderedContent, setRenderedContent] = useState<string | null>(null)
     const [resolvedContent, setResolvedContent] = useState<string | null>(null)
     const [error, setError] = useState<null | { kind: string; message: string }>(null)
@@ -675,6 +679,7 @@ function RenderingNodeComponent({ id, data, width, height, selected }: Props) {
                 <BaseNodeHeaderRow
                     icon={<Sparkles className="size-4" />}
                     title={<NodeHeaderTitle nodeId={id} displayTitle={id} />}
+                    onHeaderDoubleClick={supportsFullscreen && setFullscreenNodeId ? () => setFullscreenNodeId(id) : undefined}
                     right={
                         incomingIds.length > 0 ? (
                             <ToggleGroup