pygpt-net 2.6.63__py3-none-any.whl → 2.6.65__py3-none-any.whl

pygpt_net/core/attachments/clipboard.py

@@ -0,0 +1,146 @@
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+# ================================================== #
+# This file is a part of PYGPT package               #
+# Website: https://pygpt.net                         #
+# GitHub:  https://github.com/szczyglis-dev/py-gpt   #
+# MIT License                                        #
+# Created By  : Marcin Szczygliński                  #
+# Updated Date: 2025.09.28 08:00:00                  #
+# ================================================== #
+
+from PySide6.QtCore import QObject, QEvent, Qt
+
+
+class AttachmentDropHandler(QObject):
+    """
+    Generic drag & drop handler for attaching files/images/urls/text.
+
+    Policies:
+    - SWALLOW_ALL: always consume the drop (e.g., attachments list).
+    - INPUT_MIX  : for ChatInput; process attachments and:
+        * swallow image payloads (no text insert),
+        * allow default handling for non-image payloads so paths/text get inserted.
+    """
+    SWALLOW_ALL = 0
+    INPUT_MIX = 1
+
+    def __init__(self, window, target_widget, policy=SWALLOW_ALL):
+        super().__init__(target_widget)
+        self.window = window
+        self._target = target_widget
+        self._policy = policy
+
+        # Accept drops on target and its viewport (important for QTextEdit/QAbstractScrollArea)
+        self._enable_drops(self._target)
+        vp = self._get_viewport(self._target)
+        if vp is not None:
+            self._enable_drops(vp)
+
+        # Install filters on both
+        self._target.installEventFilter(self)
+        if vp is not None:
+            vp.installEventFilter(self)
+
+    def _enable_drops(self, w):
+        try:
+            w.setAcceptDrops(True)
+        except Exception:
+            pass
+
+    def _get_viewport(self, w):
+        try:
+            vp = getattr(w, "viewport", None)
+            if callable(vp):
+                return vp()
+            return None
+        except Exception:
+            return None
+
+    def _mime_supported(self, md) -> bool:
+        try:
+            if md is None:
+                return False
+            return md.hasUrls() or md.hasImage() or md.hasText()
+        except Exception:
+            return False
+
+    def _process_drop(self, md):
+        """
+        Route to ChatInput.handle_clipboard() to reuse existing attach pipeline.
+        """
+        try:
+            chat_input = self.window.ui.nodes.get('input')
+        except Exception:
+            chat_input = None
+
+        if chat_input is not None and hasattr(chat_input, 'handle_clipboard'):
+            try:
+                chat_input.handle_clipboard(md)
+                return chat_input
+            except Exception as e:
+                try:
+                    self.window.core.debug.log(e)
+                except Exception:
+                    pass
+        return None
+
+    def _allow_default_text_insert_for_non_image(self, md) -> bool:
+        try:
+            return not (md and md.hasImage())
+        except Exception:
+            return True
+
+    def eventFilter(self, obj, event):
+        # Only handle events coming to the target or its viewport
+        if obj is not self._target and obj is not self._get_viewport(self._target):
+            return False
+
+        et = event.type()
+
+        if et in (QEvent.DragEnter, QEvent.DragMove):
+            md = getattr(event, 'mimeData', lambda: None)()
+            if self._mime_supported(md):
+                try:
+                    event.setDropAction(Qt.CopyAction)
+                    event.acceptProposedAction()
+                except Exception:
+                    event.accept()
+                return True
+            return False
+
+        if et == QEvent.Drop:
+            md = getattr(event, 'mimeData', lambda: None)()
+            if not self._mime_supported(md):
+                return False
+
+            chat_input = self._process_drop(md)
+
+            try:
+                event.setDropAction(Qt.CopyAction)
+                event.acceptProposedAction()
+            except Exception:
+                event.accept()
+
+            # Policy decision:
+            if self._policy == self.SWALLOW_ALL:
+                # Consume the event; nothing else should handle it.
+                return True
+
+            if self._policy == self.INPUT_MIX:
+                # For non-image payloads we allow default to insert text/paths into input.
+                # To avoid duplicate attachments (insertFromMimeData calls handle_clipboard),
+                # set a one-shot guard flag.
+                if chat_input is not None and self._allow_default_text_insert_for_non_image(md):
+                    try:
+                        chat_input._skip_clipboard_on_next_insert = True
+                    except Exception:
+                        pass
+                    return False  # let default drop insert text/paths
+                else:
+                    return True  # swallow images
+
+            # Default: swallow
+            return True
+
+        return False

pygpt_net/core/render/web/renderer.py

@@ -6,7 +6,7 @@
 # GitHub:  https://github.com/szczyglis-dev/py-gpt   #
 # MIT License                                        #
 # Created By  : Marcin Szczygliński                  #
-# Updated Date: 2025.09.26 17:00:00                  #
+# Updated Date: 2025.09.28 10:00:00                  #
 # ================================================== #
 
 import json
@@ -386,6 +386,11 @@ class Renderer(BaseRenderer):
         except Exception:
             pass
 
+        try:
+            self.get_output_node(meta).page().runJavaScript("if (typeof window.begin !== 'undefined') begin();")
+        except Exception:
+            pass
+
     def end(self, meta: CtxMeta, ctx: CtxItem, stream: bool = False):
         """
         Render end
@@ -402,6 +407,12 @@ class Renderer(BaseRenderer):
             self.pids[pid].item = None
         else:
             self.reload()
+
+        try:
+            self.get_output_node(meta).page().runJavaScript("if (typeof window.end !== 'undefined') end();")
+        except Exception:
+            pass
+
         self.pids[pid].clear()
         self.auto_cleanup(meta)
 
@@ -1205,11 +1216,10 @@ class Renderer(BaseRenderer):
         if preset.ai_name:
             output_name = preset.ai_name
         if preset.ai_avatar:
-            presets_dir = self.window.core.config.get_user_dir("presets")
-            avatars_dir = os.path.join(presets_dir, "avatars")
-            avatar_path = os.path.join(avatars_dir, preset.ai_avatar)
-            if os.path.exists(avatar_path):
-                avatar_html = f"<img src=\"{self._file_prefix}{avatar_path}\" class=\"avatar\"> "
+            # prefer thumbnail "thumb_<name>" when available
+            avatar_fs = self._resolve_avatar_fs_path(preset.ai_avatar)
+            if avatar_fs:
+                avatar_html = f"<img src=\"{self._file_prefix}{avatar_fs}\" class=\"avatar\"> "
 
         if not output_name and not avatar_html:
             return ""
@@ -1951,6 +1961,30 @@ class Renderer(BaseRenderer):
             pass
         return None
 
+    def _resolve_avatar_fs_path(self, basename: str) -> Optional[str]:
+        """
+        Resolve avatar file system path preferring a local thumbnail named 'thumb_<basename>'.
+
+        Returns:
+        - Absolute path to thumbnail when exists,
+        - Otherwise absolute path to original when exists,
+        - Otherwise None.
+        """
+        if not basename:
+            return None
+        try:
+            presets_dir = self.window.core.config.get_user_dir("presets")
+            avatars_dir = os.path.join(presets_dir, "avatars")
+            thumb = os.path.join(avatars_dir, f"thumb_{basename}")
+            original = os.path.join(avatars_dir, basename)
+            if os.path.exists(thumb):
+                return thumb
+            if os.path.exists(original):
+                return original
+        except Exception:
+            pass
+        return None
+
     def _output_identity(self, ctx: CtxItem) -> Tuple[str, Optional[str], bool]:
         """
         Resolve output identity (name, avatar file:// path) based on preset or ctx-provided agent name.
@@ -1988,11 +2022,10 @@ class Renderer(BaseRenderer):
         name = preset.ai_name or default_name
         avatar = None
         if preset.ai_avatar:
-            presets_dir = self.window.core.config.get_user_dir("presets")
-            avatars_dir = os.path.join(presets_dir, "avatars")
-            avatar_path = os.path.join(avatars_dir, preset.ai_avatar)
-            if os.path.exists(avatar_path):
-                avatar = f"{self._file_prefix}{avatar_path}"
+            # prefer thumbnail URL if available
+            avatar_fs = self._resolve_avatar_fs_path(preset.ai_avatar)
+            if avatar_fs:
+                avatar = f"{self._file_prefix}{avatar_fs}"
         return name, avatar, True
 
     def _build_render_block(

pygpt_net/data/config/config.json

@@ -1,8 +1,8 @@
 {
   "__meta__": {
-    "version": "2.6.63",
-    "app.version": "2.6.63",
-    "updated_at": "2025-09-27T00:00:00"
+    "version": "2.6.65",
+    "app.version": "2.6.65",
+    "updated_at": "2025-09-28T00:00:00"
   },
   "access.audio.event.speech": false,
   "access.audio.event.speech.disabled": [],

pygpt_net/data/config/models.json

@@ -1,8 +1,8 @@
 {
     "__meta__": {
-        "version": "2.6.63",
-        "app.version": "2.6.63",
-        "updated_at": "2025-09-27T00:00:00"
+        "version": "2.6.65",
+        "app.version": "2.6.65",
+        "updated_at": "2025-09-28T00:00:00"
     },
     "items": {
         "SpeakLeash/bielik-11b-v2.3-instruct:Q4_K_M": {

pygpt_net/data/config/presets/agent_openai_coder.json

@@ -31,7 +31,21 @@
     "enabled": true,
     "description": "",
     "remote_tools": "",
-    "extra": {},
+    "extra": {
+        "openai_agent_feedback": {
+            "base": {
+                "prompt": "You are senior programmer and expert in coding. Use markdown for code blocks. If there is any feedback provided, use it to improve the code.",
+                "allow_local_tools": false,
+                "allow_remote_tools": false
+            },
+            "feedback": {
+                "model": "o3-mini-low",
+                "prompt": "You evaluate a code and decide if it's correct. If it's not correct, you provide feedback on what needs to be fixed and improved. Never give it a pass on the first try. After 5 attempts, you can give it a pass if the code is good enough. You can use tools for checking the code, running tests, etc.",
+                "allow_local_tools": false,
+                "allow_remote_tools": false
+            }
+        }
+    },
     "__meta__": {
         "version": "2.5.81",
         "app.version": "2.5.81",

pygpt_net/data/css/style.dark.css

@@ -29,6 +29,13 @@ QListView::item {{
   padding: 4px;
   min-height: 20px;
 }}
+
+/* Subtle hover for list/tree items (non-selected) */
+QListView::item:hover:!selected,
+QTreeView::item:hover:!selected {{
+  background-color: rgba(255, 255, 255, 5);
+}}
+
 QListView::item:selected,
 QTreeView::item:selected {{
   color: #ffffff;
@@ -162,4 +169,9 @@ NodeEditor {{
 
   qproperty-edgeColor: #c0c0c0;
   qproperty-edgeSelectedColor: #ff8a5c;
+}}
+
+/* Status Bar */
+#StatusBarTimer {{
+  color: #999 !important;
 }}

pygpt_net/data/css/style.light.css

@@ -82,6 +82,13 @@ QListView::item {{
   padding: 4px;
   min-height: 20px;
 }}
+
+/* Subtle hover for list/tree items (non-selected) */
+QListView::item:hover:!selected,
+QTreeView::item:hover:!selected {{
+  background-color: #f6f8fb;
+}}
+
 QCalendarWidget QWidget {{
   background: #fff;
 }}
@@ -278,4 +285,9 @@ NodeEditor {{
 
   qproperty-edgeColor: #c0c0c0;
   qproperty-edgeSelectedColor: #ff8a5c;
+}}
+
+/* Status Bar */
+#StatusBarTimer {{
+  color: #5d5d5d !important;
 }}

pygpt_net/data/icons/pin2.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#686868"><path d="m640-480 80 80v80H520v240l-40 40-40-40v-240H240v-80l80-80v-280h-40v-80h400v80h-40v280Zm-286 80h252l-46-46v-314H400v314l-46 46Zm126 0Z"/></svg>

pygpt_net/data/icons/pin3.svg

@@ -0,0 +1,3 @@
+<svg width="24px" height="24px" fill="#686868" version="1.1" viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg">
+ <path d="m621.42-355.15v113.14l-56.569 56.569-141.42-141.42-169.71 169.71h-56.569v-56.569l169.71-169.71-141.42-141.42 56.569-56.569h113.14l197.99-197.99-28.284-28.284 56.569-56.569 282.84 282.84-56.569 56.569-28.284-28.284zm-258.8-145.66 178.19 178.19v-65.054l222.03-222.03-113.14-113.14-222.03 222.03z"/>
+</svg>

pygpt_net/data/icons/point.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#686868"><path d="M480-400q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm-40-240v-200h80v200h-80Zm0 520v-200h80v200h-80Zm200-320v-80h200v80H640Zm-520 0v-80h200v80H120Z"/></svg>

pygpt_net/data/icons/target.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#686868"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-80q-100 0-170-70t-70-170q0-100 70-170t170-70q100 0 170 70t70 170q0 100-70 170t-170 70Zm0-80q66 0 113-47t47-113q0-66-47-113t-113-47q-66 0-113 47t-47 113q0 66 47 113t113 47Zm0-80q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Z"/></svg>

pygpt_net/data/js/app/runtime.js

@@ -197,6 +197,7 @@ class Runtime {
 	api_appendNode = (payload) => {
 		this.resetStreamState('appendNode');
 		this.data.append(payload);
+		this.scrollMgr.scheduleScroll();
 	};
 
 	api_replaceNodes = (payload) => {
@@ -267,10 +268,7 @@ class Runtime {
 	api_updateToolOutput = (c) => this.toolOutput.update(c);
 	api_clearToolOutput = () => this.toolOutput.clear();
 	api_beginToolOutput = () => this.toolOutput.begin();
-	api_endToolOutput = () => {
-	    this.toolOutput.end();
-	    this.scrollMgr.scheduleScroll();
-	}
+	api_endToolOutput = () => this.toolOutput.end();
 	api_enableToolOutput = () => this.toolOutput.enable();
 	api_disableToolOutput = () => this.toolOutput.disable();
 	api_toggleToolOutput = (id) => this.toolOutput.toggle(id);
@@ -377,6 +375,12 @@ class Runtime {
 	api_showTips = () => this.tips.show();
 	api_hideTips = () => this.tips.hide();
 
+	// API: begin/end.
+	api_begin = () => {};
+	api_end = () => {
+	    this.scrollMgr.forceScrollToBottomImmediateAtEnd();
+	}
+
 	// API: custom markup rules control.
 	api_getCustomMarkupRules = () => this.customMarkup.getRules();
 	api_setCustomMarkupRules = (rules) => {
@@ -481,6 +485,9 @@ window.appendStreamTyped = (type, name, chunk) => runtime.api_onChunk(name, chun
 window.nextStream = () => runtime.api_nextStream();
 window.clearStream = () => runtime.api_clearStream();
 
+window.begin = () => runtime.api_begin();
+window.end = () => runtime.api_end();
+
 window.appendNode = (payload) => runtime.api_appendNode(payload);
 window.replaceNodes = (payload) => runtime.api_replaceNodes(payload);
 window.appendToInput = (html) => runtime.api_appendToInput(html);

pygpt_net/data/js/app/scroll.js

@@ -58,6 +58,20 @@ class ScrollManager {
 		this.prevScroll = el.scrollHeight;
 	}
 
+	// Jump to bottom immediately (no smooth behavior).
+	forceScrollToBottomImmediateAtEnd() {
+	    if (this.userInteracted === true || !this.isNearBottom(200)) return;
+		const el = Utils.SE;
+		setTimeout(() => {
+            el.scrollTo({
+                top: el.scrollHeight,
+                behavior: 'instant'
+            });
+            this.lastScrollTop = el.scrollTop;
+		    this.prevScroll = el.scrollHeight;
+        }, 100);
+	}
+
 	// Scroll window to bottom based on auto-follow and margins.
 	scrollToBottom(live = false, force = false) {
 		const el = Utils.SE;

pygpt_net/data/js/app/ui.js

@@ -1,3 +1,5 @@
+// app/ui.js
+
 // ==========================================================================
 // UI manager
 // ==========================================================================
@@ -30,10 +32,25 @@ class UIManager {
 			'#_loader_.hidden { display: none !important; visibility: hidden !important; }',
 			'#_loader_.visible { display: block; visibility: visible; }',
 
-			/* User message collapse (uc-*) */
+			/* User message collapse (uc-*)
+			   Collapsed content now fades out towards the bottom using a CSS mask.
+			   This removes the need for an inline "..." overlay and works in light/dark themes. */
 			'.msg-box.msg-user .msg { position: relative; }',
 			'.msg-box.msg-user .msg > .uc-content { display: block; overflow: visible; }',
-			'.msg-box.msg-user .msg > .uc-content.uc-collapsed { max-height: 1000px; overflow: hidden; }',
+			'.msg-box.msg-user .msg > .uc-content.uc-collapsed {',
+			'  max-height: var(--user-msg-collapse-max-h, 1000px);',
+			'  overflow: hidden;',
+			'  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) calc(100% - var(--uc-fade-height, 64px)), rgba(0,0,0,0) 100%);',
+			'  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) calc(100% - var(--uc-fade-height, 64px)), rgba(0,0,0,0) 100%);',
+			'  -webkit-mask-size: 100% 100%;',
+			'  mask-size: 100% 100%;',
+			'  -webkit-mask-repeat: no-repeat;',
+			'  mask-repeat: no-repeat;',
+			'}',
+			'.msg-box.msg-user .msg > .uc-content.uc-expanded {',
+			'  -webkit-mask-image: none;',
+			'  mask-image: none;',
+			'}',
 			'.msg-box.msg-user .msg > .uc-toggle { display: none; margin-top: 8px; text-align: center; cursor: pointer; user-select: none; }',
 			'.msg-box.msg-user .msg > .uc-toggle.visible { display: block; }',
 

pygpt_net/data/js/app/user.js

@@ -1,3 +1,5 @@
+// app/user.js
+
 // ==========================================================================
 // User collapse manager
 // ==========================================================================
@@ -12,8 +14,7 @@ class UserCollapseManager {
 		// Track processed .msg elements to allow cheap remeasure on resize if needed.
 		this._processed = new Set();
 
-		// Visual indicator attached while collapsed (does not modify original text).
-		this.ellipsisText = ' [...]';
+		// Visual indicator is now purely CSS-based (mask fade) – no inline "..." text injected anymore.
 	}
 
 	// Icon paths for the collapse/expand buttons.
@@ -158,60 +159,27 @@ class UserCollapseManager {
 		};
 	}
 
-	// Create or update the ellipsis indicator inside content (absolute in the bottom-right corner).
+	// Previously created an inline "..." indicator; now acts as a no-op and cleans legacy nodes if present.
 	_ensureEllipsisEl(msg, contentEl) {
 		const content = contentEl || (msg && msg.querySelector('.uc-content'));
 		if (!content) return null;
-
-		// Ensure the content becomes a positioning context only when needed.
-		if (getComputedStyle(content).position === 'static') {
-			content.style.position = 'relative';
-		}
-
-		let dot = content.querySelector('.uc-ellipsis');
-		if (!dot) {
-			dot = document.createElement('span');
-			dot.className = 'uc-ellipsis';
-			dot.textContent = this.ellipsisText;
-			// Inline, theme-agnostic styles; kept minimal and non-interactive.
-			dot.style.position = 'absolute';
-			dot.style.right = '0';
-			dot.style.bottom = '0';
-			dot.style.paddingLeft = '6px';
-			dot.style.pointerEvents = 'none';
-			dot.style.zIndex = '1';
-			dot.style.fontWeight = '500';
-			dot.style.opacity = '0.75';
-			// Do not include in copy-to-clipboard.
-			dot.setAttribute('aria-hidden', 'true');
-			dot.setAttribute('data-copy-ignore', '1');
-
-			content.appendChild(dot);
-		}
-		return dot;
+		try {
+			const legacy = content.querySelector('.uc-ellipsis');
+			if (legacy && legacy.parentNode) {
+				legacy.parentNode.removeChild(legacy);
+			}
+		} catch (_) {}
+		return null;
 	}
 
-	// Show ellipsis only when there is hidden overflow (collapsed).
+	// No visual node is needed anymore; fade is applied via CSS on .uc-collapsed.
 	_showEllipsis(msg, contentEl) {
-		const dot = this._ensureEllipsisEl(msg, contentEl);
-		if (dot) dot.style.display = 'inline';
+		this._ensureEllipsisEl(msg, contentEl);
 	}
-	
-	// Hide and clean ellipsis when not needed (expanded or short content).
+
+	// No visual node is needed anymore; keep DOM lean and clean any legacy nodes.
 	_hideEllipsis(msg) {
-		const content = msg && msg.querySelector('.uc-content');
-		if (!content) return;
-		const dot = content.querySelector('.uc-ellipsis');
-		if (dot && dot.parentNode) {
-			// Remove the indicator to avoid accidental copy/select and keep DOM lean.
-			dot.parentNode.removeChild(dot);
-		}
-		// Drop positioning context when no indicator is present (keep styles minimal).
-		try {
-			if (content && content.style && content.querySelector('.uc-ellipsis') == null) {
-				content.style.position = '';
-			}
-		} catch (_) {}
+		this._ensureEllipsisEl(msg, null);
 	}
 
 	// Apply collapse to all user messages under root.
@@ -247,7 +215,7 @@ class UserCollapseManager {
 			c.classList.remove('uc-expanded'); // No class => fully expanded by default CSS.
 			msg.dataset.ucState = 'expanded';
 
-			// Hide ellipsis in disabled mode.
+			// Hide ellipsis in disabled mode (no-op, CSS fade not applied without .uc-collapsed).
 			this._hideEllipsis(msg);
 
 			// Hide toggle in disabled mode to avoid user interaction.
@@ -279,10 +247,10 @@ class UserCollapseManager {
 
 			if (expand) {
 				c.classList.add('uc-expanded');
-				this._hideEllipsis(msg); // Expanded => no ellipsis
+				this._hideEllipsis(msg); // Expanded => nothing to show (CSS fade applies only to .uc-collapsed)
 			} else {
 				c.classList.add('uc-collapsed');
-				this._showEllipsis(msg, c); // Collapsed => show ellipsis overlay
+				this._showEllipsis(msg, c); // Collapsed => CSS fade handled by stylesheet
 			}
 
 			if (t) {
@@ -300,7 +268,7 @@ class UserCollapseManager {
 				t.title = expand ? labels.collapse : labels.expand;
 			}
 		} else {
-			// Short content – ensure fully expanded and hide toggle + ellipsis.
+			// Short content – ensure fully expanded and hide toggle + (legacy) ellipsis cleanup.
 			c.classList.remove('uc-collapsed');
 			c.classList.remove('uc-expanded');
 			msg.dataset.ucState = 'expanded';
@@ -331,7 +299,7 @@ class UserCollapseManager {
 
 		const isCollapsed = c.classList.contains('uc-collapsed');
 		if (isCollapsed) {
-			// Expand – leave scroll as-is; remove ellipsis.
+			// Expand – leave scroll as-is.
 			c.classList.remove('uc-collapsed');
 			c.classList.add('uc-expanded');
 			msg.dataset.ucState = 'expanded';
@@ -346,7 +314,7 @@ class UserCollapseManager {
 				}
 			}
 		} else {
-			// Collapse – apply classes, show ellipsis, then bring toggle into view (scroll up if needed).
+			// Collapse – apply classes, then bring toggle into view (scroll up if needed).
 			c.classList.remove('uc-expanded');
 			c.classList.add('uc-collapsed');
 			msg.dataset.ucState = 'collapsed';