From 4f47c736ce184d499d7c09bb9e4e6c594b68f355 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Wed, 9 Jul 2025 17:58:09 +0300
Subject: [PATCH] x

---
 .../dlg-show-term-graph/dlg-show-term-graph.tsx       |  4 ++--
 .../dialogs/dlg-show-term-graph/tg-readonly-flow.tsx  | 11 ++++++++++-
 .../dlg-show-term-graph/toolbar-graph-filter.tsx      |  2 +-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/dlg-show-term-graph.tsx b/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/dlg-show-term-graph.tsx
index eac9fbcd..27299cb7 100644
--- a/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/dlg-show-term-graph.tsx
+++ b/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/dlg-show-term-graph.tsx
@@ -1,8 +1,8 @@
-// Dialog for read-only display of the TermGraph for OSS. Currently ignores activeCst and only shows the schema graph.
+'use client';
+
 import { ReactFlowProvider } from 'reactflow';
 
 import { urls, useConceptNavigation } from '@/app';
-// import { useDialogsStore } from '@/stores/dialogs';
 import { type IRSForm } from '@/features/rsform';
 import { RSTabID } from '@/features/rsform/pages/rsform-page/rsedit-context';
 
diff --git a/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/tg-readonly-flow.tsx b/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/tg-readonly-flow.tsx
index 80c64604..7bc7c9a9 100644
--- a/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/tg-readonly-flow.tsx
+++ b/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/tg-readonly-flow.tsx
@@ -9,7 +9,6 @@ import { SelectColoring } from '@/features/rsform/components/term-graph/select-c
 import { ToolbarFocusedCst } from '@/features/rsform/components/term-graph/toolbar-focused-cst';
 import { applyLayout, produceFilteredGraph, type TGNodeData } from '@/features/rsform/models/graph-api';
 import { type IConstituenta, type IRSForm } from '@/features/rsform/models/rsform';
-import { flowOptions } from '@/features/rsform/pages/rsform-page/editor-term-graph/tg-flow';
 import { useTermGraphStore } from '@/features/rsform/stores/term-graph';
 
 import { DiagramFlow, useReactFlow } from '@/components/flow/diagram-flow';
@@ -17,6 +16,16 @@ import { PARAMETER } from '@/utils/constants';
 
 import ToolbarGraphFilter from './toolbar-graph-filter';
 
+export const flowOptions = {
+  fitView: true,
+  fitViewOptions: { padding: 0.3, duration: PARAMETER.zoomDuration },
+  edgesFocusable: false,
+  nodesFocusable: false,
+  nodesConnectable: false,
+  maxZoom: 3,
+  minZoom: 0.25
+} as const;
+
 export interface TGReadonlyFlowProps {
   schema: IRSForm;
 }
diff --git a/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/toolbar-graph-filter.tsx b/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/toolbar-graph-filter.tsx
index d6b150cf..9ec2e028 100644
--- a/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/toolbar-graph-filter.tsx
+++ b/rsconcept/frontend/src/features/oss/dialogs/dlg-show-term-graph/toolbar-graph-filter.tsx
@@ -6,7 +6,7 @@ import { MiniButton } from '@/components/control';
 import { IconClustering, IconClusteringOff, IconFitImage, IconText, IconTextOff } from '@/components/icons';
 import { PARAMETER } from '@/utils/constants';
 
-import { flowOptions } from '../../pages/oss-page/editor-oss-graph/oss-flow';
+import { flowOptions } from './tg-readonly-flow';
 
 export default function ToolbarGraphFilter() {
   const filter = useTermGraphStore(state => state.filter);