pygpt-net 2.6.20__py3-none-any.whl → 2.6.22__py3-none-any.whl

pygpt_net/ui/layout/chat/output.py

@@ -6,28 +6,23 @@
 # GitHub:  https://github.com/szczyglis-dev/py-gpt   #
 # MIT License                                        #
 # Created By  : Marcin Szczygliński                  #
-# Updated Date: 2025.08.07 19:00:00                  #
+# Updated Date: 2025.08.24 23:00:00                  #
 # ================================================== #
 
 from PySide6.QtCore import Qt
-from PySide6.QtWidgets import QVBoxLayout, QLabel, QHBoxLayout, QCheckBox, QWidget, QSizePolicy, QPushButton, \
-    QGridLayout, QWidgetItem, QLayout
+from PySide6.QtWidgets import QVBoxLayout, QHBoxLayout, QCheckBox, QWidget, QSizePolicy, \
+    QGridLayout
 
 from pygpt_net.ui.widget.audio.output import AudioOutput
 from pygpt_net.ui.widget.element.labels import ChatStatusLabel, IconLabel, HelpLabel
-from pygpt_net.ui.widget.anims.loader import Loading
 from pygpt_net.ui.widget.tabs.layout import OutputLayout
+from pygpt_net.utils import trans
 
 from .explorer import Explorer
 from .input import Input
 from .calendar import Calendar
 from .painter import Painter
 
-from pygpt_net.utils import trans
-import pygpt_net.icons_rc
-
-
-
 class Output:
     def __init__(self, window=None):
         """
@@ -47,10 +42,7 @@ class Output:
 
         :return: QWidget
         """
-        # prepare columns
         self.window.ui.layout = OutputLayout(self.window)
-
-        # create empty containers for chat output
         self.window.ui.nodes['output'] = {}
         self.window.ui.nodes['output_plain'] = {}
 
@@ -69,176 +61,122 @@ class Output:
 
         :return: QHBoxLayout
         """
-        # video capture icon
-        self.window.ui.nodes['icon.video.capture'] = IconLabel(":/icons/webcam.svg", window=self.window)
-        self.window.ui.nodes['icon.video.capture'].setToolTip(trans("icon.video.capture"))
-        self.window.ui.nodes['icon.video.capture'].clicked.connect(
-            lambda:self.window.controller.camera.toggle_capture()
-        )
-
-        # audio output icon
-        self.window.ui.nodes['icon.audio.output'] = IconLabel(":/icons/volume.svg", window=self.window)
-        self.window.ui.nodes['icon.audio.output'].setToolTip(trans("icon.audio.output"))
-        self.window.ui.nodes['icon.audio.output'].clicked.connect(
-            lambda: self.window.controller.plugins.toggle('audio_output')
-        )
-
-        # audio input icon
-        self.window.ui.nodes['icon.audio.input'] = IconLabel(":/icons/mic.svg", window=self.window)
-        self.window.ui.nodes['icon.audio.input'].setToolTip(trans("icon.audio.input"))
-        self.window.ui.nodes['icon.audio.input'].clicked.connect(
-            lambda: self.window.controller.plugins.toggle('audio_input')
-        )
-
-        # interpreter icon
-        self.window.ui.nodes['icon.interpreter'] = IconLabel(":/icons/code.svg", window=self.window)
-        self.window.ui.nodes['icon.interpreter'].setToolTip("Python Code Interpreter")
-        self.window.ui.nodes['icon.interpreter'].clicked.connect(
-            lambda: self.window.tools.get("interpreter").toggle()
-        )
-
-        # indexer icon
-        self.window.ui.nodes['icon.indexer'] = IconLabel(":/icons/db.svg", window=self.window)
-        self.window.ui.nodes['icon.indexer'].setToolTip("Indexer")
-        self.window.ui.nodes['icon.indexer'].clicked.connect(
-            lambda: self.window.tools.get("indexer").toggle()
-        )
-
-        # mode
-        self.window.ui.nodes['chat.label'] = ChatStatusLabel("")
-        self.window.ui.nodes['chat.label'].setSizePolicy(QSizePolicy.Minimum, QSizePolicy.Minimum)
-        self.window.ui.nodes['chat.label'].setWordWrap(False)
-
-        # model
-        self.window.ui.nodes['chat.model'] = ChatStatusLabel("")
-        self.window.ui.nodes['chat.model'].setSizePolicy(QSizePolicy.Minimum, QSizePolicy.Minimum)
-        self.window.ui.nodes['chat.model'].setWordWrap(False)
-
-        # plugins
-        self.window.ui.nodes['chat.plugins'] = ChatStatusLabel("")
-        self.window.ui.nodes['chat.plugins'].setSizePolicy(QSizePolicy.Minimum, QSizePolicy.Minimum)
-
-        # timestamp
-        self.window.ui.nodes['output.timestamp'] = QCheckBox(trans('output.timestamp'))
-        self.window.ui.nodes['output.timestamp'].stateChanged.connect(
-            lambda: self.window.controller.chat.common.toggle_timestamp(
-                self.window.ui.nodes['output.timestamp'].isChecked())
-        )
-
-        # plain text
-        self.window.ui.nodes['output.raw'] = QCheckBox(trans('output.raw'))
-        self.window.ui.nodes['output.raw'].clicked.connect(
-            lambda: self.window.controller.chat.common.toggle_raw(
-                self.window.ui.nodes['output.raw'].isChecked())
-        )
+        nodes = self.window.ui.nodes
+        plugin_addon = self.window.ui.plugin_addon
+        ctrl = self.window.controller
+        tools = self.window.tools
 
-        """
-        # edit icons
-        self.window.ui.nodes['output.edit'] = QCheckBox(trans('output.edit'))
-        self.window.ui.nodes['output.edit'].clicked.connect(
-            lambda: self.window.controller.chat.common.toggle_edit_icons(
-                self.window.ui.nodes['output.edit'].isChecked())
-        )
-        """
+        nodes['icon.video.capture'] = IconLabel(":/icons/webcam.svg", window=self.window)
+        nodes['icon.video.capture'].setToolTip(trans("icon.video.capture"))
+        nodes['icon.video.capture'].clicked.connect(lambda: ctrl.camera.toggle_capture())
+
+        nodes['icon.audio.output'] = IconLabel(":/icons/volume.svg", window=self.window)
+        nodes['icon.audio.output'].setToolTip(trans("icon.audio.output"))
+        nodes['icon.audio.output'].clicked.connect(lambda: ctrl.plugins.toggle('audio_output'))
 
-        # tokens
-        self.window.ui.nodes['prompt.context'] = ChatStatusLabel("")
-        self.window.ui.nodes['prompt.context'].setToolTip(trans('tip.tokens.ctx'))
-        self.window.ui.nodes['prompt.context'].setSizePolicy(QSizePolicy.Minimum, QSizePolicy.Minimum)
+        nodes['icon.audio.input'] = IconLabel(":/icons/mic.svg", window=self.window)
+        nodes['icon.audio.input'].setToolTip(trans("icon.audio.input"))
+        nodes['icon.audio.input'].clicked.connect(lambda: ctrl.plugins.toggle('audio_input'))
 
-        self.window.ui.nodes['input.counter'] = ChatStatusLabel("")
-        self.window.ui.nodes['input.counter'].setToolTip(trans('tip.tokens.input'))
-        self.window.ui.nodes['input.counter'].setWordWrap(False)
+        nodes['icon.interpreter'] = IconLabel(":/icons/code.svg", window=self.window)
+        nodes['icon.interpreter'].setToolTip("Python Code Interpreter")
+        nodes['icon.interpreter'].clicked.connect(lambda: tools.get("interpreter").toggle())
 
-        # plugin audio output addon
-        self.window.ui.plugin_addon['audio.output'] = AudioOutput(self.window)
+        nodes['icon.indexer'] = IconLabel(":/icons/db.svg", window=self.window)
+        nodes['icon.indexer'].setToolTip("Indexer")
+        nodes['icon.indexer'].clicked.connect(lambda: tools.get("indexer").toggle())
 
-        # schedule
-        self.window.ui.plugin_addon['schedule'] = ChatStatusLabel("")
+        min_policy = QSizePolicy(QSizePolicy.Minimum, QSizePolicy.Minimum)
 
-        # inline vision
-        self.window.ui.nodes['inline.vision'] = HelpLabel(trans('inline.vision'))
-        self.window.ui.nodes['inline.vision'].setVisible(False)
-        self.window.ui.nodes['inline.vision'].setContentsMargins(0, 0, 0, 0)
+        nodes['chat.label'] = ChatStatusLabel("")
+        nodes['chat.label'].setSizePolicy(min_policy)
+        nodes['chat.label'].setWordWrap(False)
+
+        nodes['chat.model'] = ChatStatusLabel("")
+        nodes['chat.model'].setSizePolicy(min_policy)
+        nodes['chat.model'].setWordWrap(False)
+
+        nodes['chat.plugins'] = ChatStatusLabel("")
+        nodes['chat.plugins'].setSizePolicy(min_policy)
+
+        nodes['output.timestamp'] = QCheckBox(trans('output.timestamp'))
+        nodes['output.timestamp'].toggled.connect(ctrl.chat.common.toggle_timestamp)
+
+        nodes['output.raw'] = QCheckBox(trans('output.raw'))
+        nodes['output.raw'].toggled.connect(ctrl.chat.common.toggle_raw)
+
+        nodes['prompt.context'] = ChatStatusLabel("")
+        nodes['prompt.context'].setToolTip(trans('tip.tokens.ctx'))
+        nodes['prompt.context'].setSizePolicy(min_policy)
+
+        nodes['input.counter'] = ChatStatusLabel("")
+        nodes['input.counter'].setToolTip(trans('tip.tokens.input'))
+        nodes['input.counter'].setWordWrap(False)
+
+        plugin_addon['audio.output'] = AudioOutput(self.window)
+        plugin_addon['schedule'] = ChatStatusLabel("")
+
+        nodes['inline.vision'] = HelpLabel(trans('inline.vision'))
+        nodes['inline.vision'].setVisible(False)
+        nodes['inline.vision'].setContentsMargins(0, 0, 0, 0)
 
         opts_layout = QHBoxLayout()
-        # opts_layout.setSpacing(2)  #
         opts_layout.setContentsMargins(0, 0, 0, 0)
-        opts_layout.addWidget(self.window.ui.nodes['output.raw'])
-        opts_layout.addWidget(self.window.ui.nodes['output.timestamp'])
-        # opts_layout.addWidget(self.window.ui.nodes['output.edit'])
-        
-        opts_layout.addWidget(self.window.ui.nodes['inline.vision'])
+        opts_layout.addWidget(nodes['output.raw'])
+        opts_layout.addWidget(nodes['output.timestamp'])
+        opts_layout.addWidget(nodes['inline.vision'])
         opts_layout.setAlignment(Qt.AlignLeft)
 
-        left_layout = QHBoxLayout()
-        left_layout.addLayout(opts_layout)
-        left_layout.setContentsMargins(0, 0, 0, 0)
-
-        right_layout = QHBoxLayout()
-        right_layout.addWidget(self.window.ui.nodes['icon.video.capture'])
-        right_layout.addWidget(self.window.ui.nodes['icon.audio.input'])
-        right_layout.addWidget(self.window.ui.nodes['icon.audio.output'])
-        right_layout.addWidget(self.window.ui.nodes['icon.interpreter'])
-        right_layout.addWidget(self.window.ui.nodes['icon.indexer'])
-        right_layout.addWidget(self.window.ui.plugin_addon['schedule'])
-        right_layout.addWidget(QLabel(" "))
-        right_layout.addWidget(self.window.ui.nodes['chat.plugins'])
-        right_layout.addWidget(QLabel(" "))
-        right_layout.addWidget(self.window.ui.nodes['chat.label'])
-        right_layout.addWidget(QLabel("  "))
-        right_layout.addWidget(self.window.ui.nodes['chat.model'])
-        right_layout.addWidget(QLabel("  "))
-        right_layout.addWidget(self.window.ui.nodes['prompt.context'])
-        right_layout.addWidget(QLabel("  "))
-        right_layout.addWidget(self.window.ui.nodes['input.counter'])
-        right_layout.setContentsMargins(0, 8, 20, 0)
-
-        left_widget = QWidget()
-        left_widget.setLayout(left_layout)
-        right_widget = QWidget()
-        right_widget.setLayout(right_layout)
-
-        self.window.ui.nodes['anim.loading'] = QWidget()
-        self.window.ui.nodes['anim.loading'].hide()
+        left_bar_layout = QHBoxLayout()
+        left_bar_layout.addLayout(opts_layout)
+        left_bar_layout.setContentsMargins(0, 0, 0, 0)
+
+        nodes['anim.loading'] = QWidget()
+        nodes['anim.loading'].hide()
+
+        right_bar_layout = QHBoxLayout()
+        right_bar_layout.addWidget(nodes['icon.video.capture'])
+        right_bar_layout.addWidget(nodes['icon.audio.input'])
+        right_bar_layout.addWidget(nodes['icon.audio.output'])
+        right_bar_layout.addWidget(nodes['icon.interpreter'])
+        right_bar_layout.addWidget(nodes['icon.indexer'])
+        right_bar_layout.addWidget(plugin_addon['schedule'])
+        right_bar_layout.addSpacing(6)
+        right_bar_layout.addWidget(nodes['chat.plugins'])
+        right_bar_layout.addSpacing(6)
+        right_bar_layout.addWidget(nodes['chat.label'])
+        right_bar_layout.addSpacing(12)
+        right_bar_layout.addWidget(nodes['chat.model'])
+        right_bar_layout.addSpacing(12)
+        right_bar_layout.addWidget(nodes['prompt.context'])
+        right_bar_layout.addSpacing(12)
+        right_bar_layout.addWidget(nodes['input.counter'])
+        right_bar_layout.setContentsMargins(0, 8, 20, 0)
 
         grid = QGridLayout()
-
-        left_layout = QHBoxLayout()
-        left_layout.addWidget(left_widget)
-        #left_layout.addStretch(1)
-        left_layout.setContentsMargins(0, 0, 0, 0)
-
-        center_layout = QHBoxLayout()
-        #center_layout.addStretch()
-        center_layout.addWidget(self.window.ui.nodes['anim.loading'])
-        center_layout.addStretch()
-        center_layout.setContentsMargins(20, 0, 0, 0)
-
-        right_layout = QHBoxLayout()
-        right_layout.addStretch(1)
-        right_layout.addWidget(right_widget)
-        right_layout.setContentsMargins(0, 0, 0, 0)
-
-        grid.addLayout(left_layout, 0, 0)
-        grid.addLayout(center_layout, 0, 1, alignment=Qt.AlignCenter)
-        grid.addLayout(right_layout, 0, 2, alignment=Qt.AlignRight)
+        grid.addLayout(left_bar_layout, 0, 0)
+        grid.addWidget(nodes['anim.loading'], 0, 1, alignment=Qt.AlignCenter)
+        grid.addLayout(right_bar_layout, 0, 2, alignment=Qt.AlignRight)
+        grid.setColumnStretch(0, 0)
+        grid.setColumnStretch(1, 1)
+        grid.setColumnStretch(2, 0)
         grid.setContentsMargins(0, 0, 0, 0)
 
-        self.window.ui.nodes['chat.footer'] = QWidget()
-        self.window.ui.nodes['chat.footer'].setLayout(grid)
+        nodes['chat.footer'] = QWidget()
+        nodes['chat.footer'].setLayout(grid)
 
         bottom_layout = QVBoxLayout()
-        bottom_layout.addWidget(self.window.ui.nodes['chat.footer'])
+        bottom_layout.addWidget(nodes['chat.footer'])
         bottom_layout.setContentsMargins(2, 0, 2, 0)
         return bottom_layout
 
     def set_fixed_size_policy(self, layout):
         for i in range(layout.count()):
             item = layout.itemAt(i)
-            if isinstance(item, QWidgetItem):
-                widget = item.widget()
-                if widget:
-                    widget.setSizePolicy(QSizePolicy.Fixed, QSizePolicy.Fixed)
-            elif isinstance(item, QLayout):
-                self.set_fixed_size_policy(item)
+            w = item.widget()
+            if w is not None:
+                w.setSizePolicy(QSizePolicy.Fixed, QSizePolicy.Fixed)
+            else:
+                l = item.layout()
+                if l is not None:
+                    self.set_fixed_size_policy(l)

pygpt_net/ui/layout/chat/painter.py

@@ -6,11 +6,12 @@
 # GitHub:  https://github.com/szczyglis-dev/py-gpt   #
 # MIT License                                        #
 # Created By  : Marcin Szczygliński                  #
-# Updated Date: 2025.01.19 02:00:00                  #
+# Updated Date: 2025.08.24 23:00:00                  #
 # ================================================== #
 
 from PySide6.QtGui import QPixmap, QIcon
 from PySide6.QtWidgets import QVBoxLayout, QHBoxLayout, QWidget, QRadioButton, QPushButton, QComboBox, QScrollArea
+from PySide6.QtCore import QSize
 
 from pygpt_net.ui.widget.draw.painter import PainterWidget
 from pygpt_net.ui.widget.element.labels import HelpLabel
@@ -26,6 +27,7 @@ class Painter:
         :param window: Window instance
         """
         self.window = window
+        self._initialized = False
 
     def init(self):
         """
@@ -33,47 +35,62 @@ class Painter:
 
         :return: QWidget
         """
-        self.window.ui.painter = PainterWidget(self.window)
+        ui = self.window.ui
+        nodes = ui.nodes
+        common = self.window.controller.painter.common
+
+        if getattr(ui, 'painter', None) is None:
+            ui.painter = PainterWidget(self.window)
 
         key = 'painter.btn.brush'
-        self.window.ui.nodes[key] = QRadioButton(trans('painter.mode.paint'))
-        self.window.ui.nodes[key].setChecked(True)
-        self.window.ui.nodes[key].toggled.connect(self.window.controller.painter.common.set_brush_mode)
+        if nodes.get(key) is None:
+            rb = QRadioButton(trans('painter.mode.paint'))
+            rb.setChecked(True)
+            rb.toggled.connect(self.window.controller.painter.common.set_brush_mode)
+            nodes[key] = rb
 
         key = 'painter.btn.erase'
-        self.window.ui.nodes[key] = QRadioButton(trans('painter.mode.erase'))
-        self.window.ui.nodes[key].toggled.connect(self.window.controller.painter.common.set_erase_mode)
+        if nodes.get(key) is None:
+            rb = QRadioButton(trans('painter.mode.erase'))
+            rb.toggled.connect(self.window.controller.painter.common.set_erase_mode)
+            nodes[key] = rb
 
         key = 'painter.select.brush.size'
-        sizes = self.window.controller.painter.common.get_sizes()
-        self.window.ui.nodes[key] = QComboBox()
-        self.window.ui.nodes[key].addItems(sizes)
-        self.window.ui.nodes[key].currentTextChanged.connect(
-            self.window.controller.painter.common.change_brush_size)
-        self.window.ui.nodes[key].setMinimumContentsLength(10)
-        self.window.ui.nodes[key].setSizeAdjustPolicy(QComboBox.AdjustToContents)
+        if nodes.get(key) is None:
+            sizes = common.get_sizes()
+            cb = QComboBox()
+            cb.addItems(sizes)
+            cb.currentTextChanged.connect(common.change_brush_size)
+            cb.setMinimumContentsLength(10)
+            cb.setSizeAdjustPolicy(QComboBox.AdjustToContents)
+            nodes[key] = cb
 
         key = 'painter.select.canvas.size'
-        canvas_sizes = self.window.controller.painter.common.get_canvas_sizes()
-        self.window.ui.nodes[key] = QComboBox()
-        self.window.ui.nodes[key].addItems(canvas_sizes)
-        self.window.ui.nodes[key].setMinimumContentsLength(20)
-        self.window.ui.nodes[key].setSizeAdjustPolicy(QComboBox.AdjustToContents)
-        self.window.ui.nodes[key].currentTextChanged.connect(
-            self.window.controller.painter.common.change_canvas_size)
+        if nodes.get(key) is None:
+            canvas_sizes = common.get_canvas_sizes()
+            cb = QComboBox()
+            cb.addItems(canvas_sizes)
+            cb.setMinimumContentsLength(20)
+            cb.setSizeAdjustPolicy(QComboBox.AdjustToContents)
+            cb.currentTextChanged.connect(common.change_canvas_size)
+            nodes[key] = cb
 
         key = 'painter.select.brush.color'
-        self.window.ui.nodes[key] = QComboBox()
-        colors = self.window.controller.painter.common.get_colors()
-        for color_name, color_value in colors.items():
-            pixmap = QPixmap(100, 100)
-            pixmap.fill(color_value)
-            icon = QIcon(pixmap)
-            self.window.ui.nodes[key].addItem(icon, color_name, color_value)
-        self.window.ui.nodes[key].currentTextChanged.connect(
-            self.window.controller.painter.common.change_brush_color)
-        self.window.ui.nodes[key].setMinimumContentsLength(10)
-        self.window.ui.nodes[key].setSizeAdjustPolicy(QComboBox.AdjustToContents)
+        if nodes.get(key) is None:
+            cb = QComboBox()
+            cb.setIconSize(QSize(16, 16))
+            colors = common.get_colors()
+            for color_name, color_value in colors.items():
+                pixmap = QPixmap(16, 16)
+                pixmap.fill(color_value)
+                icon = QIcon(pixmap)
+                cb.addItem(icon, color_name, color_value)
+            cb.currentTextChanged.connect(common.change_brush_color)
+            cb.setMinimumContentsLength(10)
+            cb.setSizeAdjustPolicy(QComboBox.AdjustToContents)
+            nodes[key] = cb
+
+        self._initialized = True
 
     def setup(self) -> QWidget:
         """
@@ -81,7 +98,6 @@ class Painter:
 
         :return: QWidget
         """
-        # build tab body
         self.init()
         body = self.window.core.tabs.from_layout(self.setup_painter())
         body.append(self.window.ui.painter)
@@ -93,39 +109,51 @@ class Painter:
 
         :return: QVBoxLayout
         """
+        ui = self.window.ui
+        nodes = ui.nodes
+
         top = QHBoxLayout()
-        top.addWidget(self.window.ui.nodes['painter.btn.brush'])
-        top.addWidget(self.window.ui.nodes['painter.btn.erase'])
-        top.addWidget(self.window.ui.nodes['painter.select.brush.size'])
-        top.addWidget(self.window.ui.nodes['painter.select.brush.color'])
-        top.addWidget(self.window.ui.nodes['painter.select.canvas.size'])
+        top.addWidget(nodes['painter.btn.brush'])
+        top.addWidget(nodes['painter.btn.erase'])
+        top.addWidget(nodes['painter.select.brush.size'])
+        top.addWidget(nodes['painter.select.brush.color'])
+        top.addWidget(nodes['painter.select.canvas.size'])
         top.addStretch(1)
 
-        self.window.ui.nodes['painter.btn.capture'] = QPushButton(trans('painter.btn.capture'))
-        self.window.ui.nodes['painter.btn.capture'].clicked.connect(self.window.controller.painter.capture.use)
-        top.addWidget(self.window.ui.nodes['painter.btn.capture'])
-
-        self.window.ui.nodes['painter.btn.camera.capture'] = QPushButton(trans('painter.btn.camera.capture'))
-        self.window.ui.nodes['painter.btn.camera.capture'].clicked.connect(self.window.controller.painter.capture.camera)
-        top.addWidget(self.window.ui.nodes['painter.btn.camera.capture'])
-
-        self.window.ui.nodes['painter.btn.clear'] = QPushButton(trans('painter.btn.clear'))
-        self.window.ui.nodes['painter.btn.clear'].clicked.connect(self.window.ui.painter.clear_image)
-        top.addWidget(self.window.ui.nodes['painter.btn.clear'])
-
-        self.window.ui.painter_scroll = QScrollArea()
-        self.window.ui.painter_scroll.setWidget(self.window.ui.painter)
-        self.window.ui.painter_scroll.setWidgetResizable(True)
-
-        self.window.ui.nodes['tip.output.tab.draw'] = HelpLabel(trans('tip.output.tab.draw'), self.window)
+        if nodes.get('painter.btn.capture') is None:
+            btn = QPushButton(trans('painter.btn.capture'))
+            btn.clicked.connect(self.window.controller.painter.capture.use)
+            nodes['painter.btn.capture'] = btn
+        top.addWidget(nodes['painter.btn.capture'])
+
+        if nodes.get('painter.btn.camera.capture') is None:
+            btn = QPushButton(trans('painter.btn.camera.capture'))
+            btn.clicked.connect(self.window.controller.painter.capture.camera)
+            nodes['painter.btn.camera.capture'] = btn
+        top.addWidget(nodes['painter.btn.camera.capture'])
+
+        if nodes.get('painter.btn.clear') is None:
+            btn = QPushButton(trans('painter.btn.clear'))
+            btn.clicked.connect(ui.painter.clear_image)
+            nodes['painter.btn.clear'] = btn
+        top.addWidget(nodes['painter.btn.clear'])
+
+        if getattr(ui, 'painter_scroll', None) is None:
+            ui.painter_scroll = QScrollArea()
+            ui.painter_scroll.setWidget(ui.painter)
+            ui.painter_scroll.setWidgetResizable(True)
+        else:
+            if ui.painter_scroll.widget() is not ui.painter:
+                ui.painter_scroll.setWidget(ui.painter)
+            ui.painter_scroll.setWidgetResizable(True)
+
+        if nodes.get('tip.output.tab.draw') is None:
+            nodes['tip.output.tab.draw'] = HelpLabel(trans('tip.output.tab.draw'), self.window)
 
         layout = QVBoxLayout()
         layout.addLayout(top)
-        layout.addWidget( self.window.ui.painter_scroll)
-        layout.addWidget(self.window.ui.nodes['tip.output.tab.draw'])
+        layout.addWidget(ui.painter_scroll)
+        layout.addWidget(nodes['tip.output.tab.draw'])
         layout.setContentsMargins(0, 0, 0, 0)
 
-        return layout
-
-
-
+        return layout