cowork-dash 0.1.2__py3-none-any.whl

cowork_dash/assets/app.js

@@ -0,0 +1,237 @@
+// Theme handling - sync mermaid with DMC color scheme
+(function initTheme() {
+    function updateMermaidTheme(theme) {
+        if (typeof mermaid !== 'undefined') {
+            mermaid.initialize({
+                startOnLoad: false,
+                theme: theme === 'dark' ? 'dark' : 'default',
+                securityLevel: 'loose',
+                logLevel: 'error'
+            });
+            // Re-render any existing mermaid diagrams
+            renderMermaid();
+        }
+    }
+
+    // Watch for DMC color scheme changes via MutationObserver
+    function watchColorScheme() {
+        const observer = new MutationObserver(function(mutations) {
+            mutations.forEach(function(mutation) {
+                if (mutation.type === 'attributes' && mutation.attributeName === 'data-mantine-color-scheme') {
+                    const scheme = document.documentElement.getAttribute('data-mantine-color-scheme');
+                    updateMermaidTheme(scheme);
+                }
+            });
+        });
+
+        observer.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ['data-mantine-color-scheme']
+        });
+
+        // Initial theme check
+        const initialScheme = document.documentElement.getAttribute('data-mantine-color-scheme');
+        if (initialScheme) {
+            updateMermaidTheme(initialScheme);
+        }
+    }
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', watchColorScheme);
+    } else {
+        watchColorScheme();
+    }
+})();
+
+// Initialize Mermaid
+mermaid.initialize({
+    startOnLoad: false,
+    theme: 'default',
+    securityLevel: 'loose',
+    logLevel: 'error'
+});
+
+// Render mermaid diagrams
+async function renderMermaid() {
+    const mermaidDivs = document.querySelectorAll('.mermaid-diagram');
+
+    for (const div of mermaidDivs) {
+        if (!div.getAttribute('data-processed')) {
+            const code = div.textContent.trim();
+            div.setAttribute('data-processed', 'true');
+
+            try {
+                // Clear the div and create unique ID
+                const id = 'mermaid-' + Math.random().toString(36).substr(2, 9);
+                div.innerHTML = '';
+
+                // Render mermaid
+                const { svg } = await mermaid.render(id, code);
+                div.innerHTML = svg;
+            } catch (error) {
+                console.error('Mermaid rendering error:', error);
+                div.innerHTML = '<div style="color: #d93025; padding: 20px; text-align: left;">' +
+                    '<strong>Mermaid Syntax Error:</strong><br>' +
+                    '<code style="font-size: 12px;">' + error.message + '</code><br><br>' +
+                    '<details><summary style="cursor: pointer;">View Code</summary>' +
+                    '<pre style="background: #f5f5f5; padding: 10px; margin-top: 10px; overflow: auto;">' +
+                    code + '</pre></details></div>';
+            }
+        }
+    }
+}
+
+// Run mermaid on load and when content changes
+window.addEventListener('load', renderMermaid);
+
+// Use MutationObserver to detect when canvas content changes
+// Check if observer already exists to prevent redeclaration errors
+if (typeof window.mermaidObserver === 'undefined') {
+    window.mermaidObserver = new MutationObserver(function(mutations) {
+        renderMermaid();
+    });
+
+    // Start observing once the canvas is available - retry until found
+    function attachMermaidObserver() {
+        const canvasContent = document.getElementById('canvas-content');
+        if (canvasContent) {
+            window.mermaidObserver.observe(canvasContent, { childList: true, subtree: true });
+            console.log('Mermaid observer attached to canvas-content');
+            // Run initial render in case content is already there
+            renderMermaid();
+        } else {
+            // Retry after a short delay
+            setTimeout(attachMermaidObserver, 500);
+        }
+    }
+    attachMermaidObserver();
+}
+
+// Auto-scroll chat messages to bottom
+(function initChatAutoScroll() {
+    let chatMessages = null;
+
+    function scrollToBottom() {
+        if (chatMessages) {
+            chatMessages.scrollTop = chatMessages.scrollHeight;
+        }
+    }
+
+    function setupAutoScroll() {
+        chatMessages = document.getElementById('chat-messages');
+        if (!chatMessages) {
+            setTimeout(setupAutoScroll, 500);
+            return;
+        }
+
+        // Watch for changes to chat messages
+        const observer = new MutationObserver(function(mutations) {
+            // Small delay to ensure DOM is updated
+            setTimeout(scrollToBottom, 50);
+        });
+
+        observer.observe(chatMessages, {
+            childList: true,
+            subtree: true
+        });
+
+        console.log('Chat auto-scroll initialized');
+    }
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', setupAutoScroll);
+    } else {
+        setupAutoScroll();
+    }
+})();
+
+// Resizable split pane - improved reliability
+(function initResizablePanes() {
+    let isResizing = false;
+    let container, chatPanel, resizeHandle, sidebar;
+
+    function findElements() {
+        container = document.getElementById('main-container');
+        chatPanel = document.getElementById('chat-panel');
+        resizeHandle = document.getElementById('resize-handle');
+        sidebar = document.getElementById('sidebar-panel');
+
+        return !!(resizeHandle && chatPanel && sidebar && container);
+    }
+
+    function handleMouseDown(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        isResizing = true;
+        document.body.style.cursor = 'col-resize';
+        document.body.style.userSelect = 'none';
+
+        // Add a semi-transparent overlay to prevent interference
+        const overlay = document.createElement('div');
+        overlay.id = 'resize-overlay';
+        overlay.style.cssText = 'position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; cursor: col-resize;';
+        document.body.appendChild(overlay);
+    }
+
+    function handleMouseMove(e) {
+        if (!isResizing) return;
+        e.preventDefault();
+
+        const containerRect = container.getBoundingClientRect();
+        const containerWidth = containerRect.width;
+        const offsetX = e.clientX - containerRect.left;
+        const chatWidth = (offsetX / containerWidth) * 100;
+
+        // Constrain between 30% and 70%
+        if (chatWidth >= 30 && chatWidth <= 70) {
+            chatPanel.style.flex = `0 0 ${chatWidth}%`;
+            sidebar.style.flex = `0 0 ${100 - chatWidth}%`;
+        }
+    }
+
+    function handleMouseUp() {
+        if (isResizing) {
+            isResizing = false;
+            document.body.style.cursor = '';
+            document.body.style.userSelect = '';
+
+            // Remove the overlay
+            const overlay = document.getElementById('resize-overlay');
+            if (overlay) {
+                overlay.remove();
+            }
+        }
+    }
+
+    function setupResizing() {
+        if (!findElements()) {
+            console.log('Resize elements not found, retrying...');
+            setTimeout(setupResizing, 500);
+            return;
+        }
+
+        // Remove any existing listeners to prevent duplicates
+        resizeHandle.removeEventListener('mousedown', handleMouseDown);
+        document.removeEventListener('mousemove', handleMouseMove);
+        document.removeEventListener('mouseup', handleMouseUp);
+
+        // Add event listeners
+        resizeHandle.addEventListener('mousedown', handleMouseDown);
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+
+        console.log('Resize functionality initialized');
+    }
+
+    // Initialize on load and after a short delay to ensure DOM is ready
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', setupResizing);
+    } else {
+        setupResizing();
+    }
+
+    // Also try after window load
+    window.addEventListener('load', function() {
+        setTimeout(setupResizing, 100);
+    });
+})();

cowork_dash/assets/favicon.svg

@@ -0,0 +1 @@
+<svg width="1255" height="1255" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><clipPath id="clip0"><rect x="2481" y="563" width="1255" height="1255"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-2481 -563)"><path d="M2481 1190.5C2481 843.941 2761.94 563 3108.5 563 3455.06 563 3736 843.941 3736 1190.5 3736 1537.06 3455.06 1818 3108.5 1818 2761.94 1818 2481 1537.06 2481 1190.5Z" fill="#616161" fill-rule="evenodd"/><path d="M3047.5 863 3047.5 863C3096.43 1037.37 3217.21 1182.01 3379 1260L3379 1260C3217.21 1337.99 3096.43 1482.62 3047.5 1657L3047.5 1657C2998.54 1482.64 2877.78 1338.01 2716 1260L2716 1260C2877.78 1181.99 2998.54 1037.36 3047.5 863Z" fill="#FFFFFF" fill-rule="evenodd"/><path d="M3353 743 3353 743C3374.85 824.038 3428.77 891.257 3501 927.5L3501 927.5C3428.77 963.743 3374.85 1030.96 3353 1112L3353 1112C3331.14 1030.97 3277.23 963.752 3205 927.5L3205 927.5C3277.23 891.248 3331.14 824.032 3353 743Z" fill="#FFFFFF" fill-rule="evenodd"/></g></svg>