x-ipe 1.0.23__py3-none-any.whl → 1.0.25__py3-none-any.whl

x_ipe/static/js/init.js

@@ -56,6 +56,19 @@ function initializeApp() {
     window.projectSidebar = new ProjectSidebar('sidebar-content');
     window.projectSidebar.load();
     
+    // FEATURE-026: Show homepage by default on page load
+    const contentBody = document.getElementById('content-body');
+    if (contentBody && typeof window.HomepageInfinity !== 'undefined') {
+        contentBody.innerHTML = window.HomepageInfinity.getTemplate();
+        window.HomepageInfinity.init(window.projectSidebar);
+        
+        // Update breadcrumb
+        const breadcrumb = document.getElementById('breadcrumb');
+        if (breadcrumb) {
+            breadcrumb.innerHTML = '<li class="breadcrumb-item active">Home</li>';
+        }
+    }
+    
     // Project switcher with callback to refresh sidebar
     window.projectSwitcher = new ProjectSwitcher('project-select', (project) => {
         window.projectSidebar.load();
@@ -81,6 +94,41 @@ function initializeApp() {
         });
     }
     
+    // FEATURE-026: X-IPE Logo click handler - show homepage
+    // Support both workplace.html (.top-bar-brand) and index.html (#brand-home-link)
+    const logoBrand = document.querySelector('.top-bar-brand') || document.getElementById('brand-home-link');
+    if (logoBrand) {
+        logoBrand.addEventListener('click', (e) => {
+            e.preventDefault(); // Prevent navigation
+            
+            // Store sidebar reference for homepage navigation
+            if (window.workplaceManager) {
+                window.workplaceManager.sidebarRef = window.projectSidebar;
+            }
+            
+            // Show homepage in content area
+            const contentBody = document.getElementById('content-body');
+            if (contentBody && typeof window.HomepageInfinity !== 'undefined') {
+                contentBody.innerHTML = window.HomepageInfinity.getTemplate();
+                window.HomepageInfinity.init(window.projectSidebar);
+                
+                // Update breadcrumb
+                const breadcrumb = document.getElementById('breadcrumb');
+                if (breadcrumb) {
+                    breadcrumb.innerHTML = '<li class="breadcrumb-item active">Home</li>';
+                }
+            } else if (window.workplaceManager) {
+                window.workplaceManager.showHomepage();
+                
+                // Update breadcrumb
+                const breadcrumb = document.getElementById('breadcrumb');
+                if (breadcrumb) {
+                    breadcrumb.innerHTML = '<li class="breadcrumb-item active">Home</li>';
+                }
+            }
+        });
+    }
+    
     // FEATURE-011: Initialize Stage Toolbox Modal
     if (typeof StageToolboxModal !== 'undefined') {
         window.stageToolboxModal = new StageToolboxModal();
@@ -92,6 +140,34 @@ function initializeApp() {
         }
     }
     
+    // FEATURE-025-A: Knowledge Base button click handler
+    const kbBtn = document.getElementById('btn-knowledge-base');
+    if (kbBtn) {
+        kbBtn.addEventListener('click', () => {
+            console.log('[KB] Knowledge Base button clicked');
+            
+            // Update breadcrumb
+            const breadcrumb = document.getElementById('breadcrumb');
+            if (breadcrumb) {
+                breadcrumb.innerHTML = '<li class="breadcrumb-item active">Knowledge Base</li>';
+            }
+            
+            // Hide Create Idea button
+            const createIdeaBtn = document.getElementById('btn-create-idea');
+            if (createIdeaBtn) {
+                createIdeaBtn.classList.add('d-none');
+            }
+            
+            // Render Knowledge Base view in content area (two-column layout like Ideation)
+            const container = document.getElementById('content-body');
+            if (container && window.kbCore) {
+                window.kbCore.render(container);
+            } else if (container) {
+                container.innerHTML = '<div class="p-4 text-muted">Knowledge Base module not loaded</div>';
+            }
+        });
+    }
+    
     // Initialize terminal panel (FEATURE-005)
     if (typeof TerminalManager !== 'undefined') {
         window.terminalManager = new TerminalManager('terminal-panes');

x_ipe/static/js/terminal-v2.js

@@ -546,32 +546,33 @@
         }
 
         /**
-         * Send Copilot refine command
+         * Send Copilot refine command (types command, no Enter - user can review)
          */
         sendCopilotRefineCommand(filePath) {
             this._sendCopilotCommand(`refine the idea ${filePath}`);
         }
 
         /**
-         * Send Copilot prompt command (executes with Enter)
+         * Send Copilot prompt command (types command, no Enter - user can review)
          */
         sendCopilotPromptCommand(promptCommand) {
-            this._sendCopilotCommand(promptCommand, true);
+            this._sendCopilotCommand(promptCommand);
         }
 
         /**
-         * Send Copilot prompt command without pressing Enter (for review before execution)
+         * Send Copilot prompt command without pressing Enter (alias for sendCopilotPromptCommand)
          */
         sendCopilotPromptCommandNoEnter(promptCommand) {
-            this._sendCopilotCommand(promptCommand, false);
+            this._sendCopilotCommand(promptCommand);
         }
 
         /**
          * Internal: Send copilot command with typing effect
-         * @param {string} command - Command to type
-         * @param {boolean} pressEnter - Whether to press Enter after command (default: true)
+         * Uses `copilot -i "{prompt}"` to pass prompt directly
+         * Types command without pressing Enter - user can review before executing
+         * @param {string} command - Command/prompt to send to copilot
          */
-        _sendCopilotCommand(command, pressEnter = true) {
+        _sendCopilotCommand(command) {
             let targetIndex = this.activeIndex >= 0 ? this.activeIndex : 0;
 
             if (this.terminals.length === 0) {
@@ -583,12 +584,10 @@
             const instance = this.terminals[targetIndex];
             if (!instance?.socket?.connected) return;
 
-            // Type 'copilot --allow-all-tools' then wait and type command
-            this._typeWithEffect(instance.socket, 'copilot --allow-all-tools', () => {
-                this._waitForCopilotReady(instance, () => {
-                    this._typeWithEffect(instance.socket, command, null, pressEnter);
-                });
-            });
+            // Use copilot with all permissions and -i to pass prompt directly, no Enter (user reviews first)
+            const escapedCommand = command.replace(/"/g, '\\"');
+            const copilotCommand = `copilot --allow-all-tools --allow-all-paths --allow-all-urls -i "${escapedCommand}"`;
+            this._typeWithEffect(instance.socket, copilotCommand, null, false);
         }
 
         /**
@@ -669,6 +668,7 @@
             this.toggleBtn = document.getElementById('terminal-toggle');
             this.zenBtn = document.getElementById('terminal-zen-btn');
             this.addBtn = document.getElementById('add-terminal-btn');
+            this.copilotCmdBtn = document.getElementById('copilot-cmd-btn');
             this.resizeHandle = document.getElementById('terminal-resize-handle');
             this.statusIndicator = document.getElementById('terminal-status-indicator');
             this.statusText = document.getElementById('terminal-status-text');
@@ -713,6 +713,14 @@
                 });
             }
 
+            // Copilot command button - insert command without triggering expand/collapse
+            if (this.copilotCmdBtn) {
+                this.copilotCmdBtn.addEventListener('click', e => {
+                    e.stopPropagation();
+                    this._insertCopilotCommand();
+                });
+            }
+
             // Resize handle
             this._initResize();
 
@@ -865,6 +873,29 @@
             }
         }
 
+        /**
+         * Insert copilot command into active terminal (no Enter)
+         */
+        _insertCopilotCommand() {
+            const copilotCommand = 'copilot --allow-all-tools --allow-all-paths --allow-all-urls';
+            
+            // Ensure we have a terminal
+            let targetIndex = this.paneManager.activeIndex;
+            if (this.paneManager.terminals.length === 0) {
+                targetIndex = this.paneManager.addTerminal();
+            } else if (targetIndex < 0) {
+                targetIndex = 0;
+            }
+            
+            this.paneManager.setFocus(targetIndex);
+            
+            const instance = this.paneManager.terminals[targetIndex];
+            if (!instance?.socket?.connected) return;
+            
+            // Type command without pressing Enter
+            this.paneManager._typeWithEffect(instance.socket, copilotCommand, null, false);
+        }
+
         _reconnectAll() {
             this.paneManager.terminals.forEach(t => {
                 if (t.socket && !t.socket.connected) {

x_ipe/static/js/terminal.js

@@ -813,48 +813,29 @@
 
         /**
          * Send Copilot refine command with typing simulation
+         * Uses `copilot -i "{prompt}"` - types command, no Enter (user can review)
          * @param {string} filePath - Path to the idea file to refine
          */
         sendCopilotRefineCommand(filePath) {
-            // Check if we need a new terminal (if current one is in copilot mode)
-            let targetIndex = this.activeIndex;
-            
-            // If no terminals exist, create one
-            if (this.terminals.length === 0) {
-                targetIndex = this.addTerminal();
-            } else if (targetIndex < 0) {
-                targetIndex = 0;
-            }
-            
-            // Check if current terminal appears to be in copilot CLI mode
-            // We detect this by checking if a new terminal is needed
-            const needsNewTerminal = this._isInCopilotMode(targetIndex);
-            
-            if (needsNewTerminal && this.terminals.length < MAX_TERMINALS) {
-                targetIndex = this.addTerminal();
-            }
-            
-            this.setFocus(targetIndex);
-            
-            // Build the command sequence
-            const copilotCommand = 'copilot --allow-all-tools';
             const refineCommand = `refine the idea ${filePath}`;
-            
-            // Send commands with typing simulation
-            this._sendWithTypingEffect(targetIndex, copilotCommand, () => {
-                // After copilot command, wait for CLI to be ready before sending refine command
-                this._waitForCopilotReady(targetIndex, () => {
-                    this._sendWithTypingEffect(targetIndex, refineCommand);
-                });
-            });
+            this._sendCopilotWithPrompt(refineCommand);
         }
 
         /**
          * Send a custom Copilot prompt command with typing simulation
+         * Uses `copilot -i "{prompt}"` - types command, no Enter (user can review)
          * @param {string} promptCommand - The command to send (with placeholders already replaced)
          */
         sendCopilotPromptCommand(promptCommand) {
-            // Check if we need a new terminal (if current one is in copilot mode)
+            this._sendCopilotWithPrompt(promptCommand);
+        }
+
+        /**
+         * Internal: Send copilot command with -i flag
+         * Types command without pressing Enter - user can review before executing
+         * @param {string} prompt - The prompt to pass to copilot
+         */
+        _sendCopilotWithPrompt(prompt) {
             let targetIndex = this.activeIndex;
             
             // If no terminals exist, create one
@@ -864,25 +845,14 @@
                 targetIndex = 0;
             }
             
-            // Check if current terminal appears to be in copilot CLI mode
-            const needsNewTerminal = this._isInCopilotMode(targetIndex);
-            
-            if (needsNewTerminal && this.terminals.length < MAX_TERMINALS) {
-                targetIndex = this.addTerminal();
-            }
-            
             this.setFocus(targetIndex);
             
-            // Build the command sequence
-            const copilotCommand = 'copilot --allow-all-tools';
+            // Use copilot with all permissions and -i to pass prompt directly, no Enter (user reviews first)
+            const escapedPrompt = prompt.replace(/"/g, '\\"');
+            const copilotCommand = `copilot --allow-all-tools --allow-all-paths --allow-all-urls -i "${escapedPrompt}"`;
             
-            // Send commands with typing simulation
-            this._sendWithTypingEffect(targetIndex, copilotCommand, () => {
-                // After copilot command, wait for CLI to be ready before sending the prompt
-                this._waitForCopilotReady(targetIndex, () => {
-                    this._sendWithTypingEffect(targetIndex, promptCommand);
-                });
-            });
+            // Send command with typing simulation, no Enter
+            this._sendWithTypingEffect(targetIndex, copilotCommand, null, false);
         }
 
         /**
@@ -1018,6 +988,7 @@
             this.header = document.getElementById('terminal-header');
             this.toggleBtn = document.getElementById('terminal-toggle');
             this.zenBtn = document.getElementById('terminal-zen-btn');
+            this.copilotCmdBtn = document.getElementById('copilot-cmd-btn');
             this.resizeHandle = document.getElementById('terminal-resize-handle');
             this.terminalManager = terminalManager;
 
@@ -1029,9 +1000,11 @@
         }
 
         _bindEvents() {
-            // Header click to toggle (except on buttons/status)
+            // Header click to toggle (except on buttons/status/center controls)
             this.header.addEventListener('click', (e) => {
-                if (e.target.closest('.terminal-actions') || e.target.closest('.terminal-status')) return;
+                if (e.target.closest('.terminal-actions') || 
+                    e.target.closest('.terminal-status') ||
+                    e.target.closest('.terminal-header-center')) return;
                 this.toggle();
             });
 
@@ -1047,6 +1020,14 @@
                 });
             }
 
+            // Copilot command button - insert command without triggering expand/collapse
+            if (this.copilotCmdBtn) {
+                this.copilotCmdBtn.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    this._insertCopilotCommand();
+                });
+            }
+
             this._initResize();
 
             // ESC to exit zen mode
@@ -1166,6 +1147,26 @@
 
             this.terminalManager.fitAll();
         }
+
+        /**
+         * Insert copilot command into active terminal (no Enter)
+         */
+        _insertCopilotCommand() {
+            const copilotCommand = 'copilot --allow-all-tools --allow-all-paths --allow-all-urls';
+            
+            // Ensure we have a terminal
+            let targetIndex = this.terminalManager.activeIndex;
+            if (this.terminalManager.terminals.length === 0) {
+                targetIndex = this.terminalManager.addTerminal();
+            } else if (targetIndex < 0) {
+                targetIndex = 0;
+            }
+            
+            this.terminalManager.setFocus(targetIndex);
+            
+            // Type command without pressing Enter
+            this.terminalManager._sendWithTypingEffect(targetIndex, copilotCommand, null, false);
+        }
     }
 
     // Export to window

x_ipe/static/js/uiux-feedback.js

@@ -218,6 +218,42 @@ class UIUXFeedbackManager {
         if (this.state.currentUrl) {
             this.elements.urlInput.value = this.state.currentUrl;
         }
+        
+        // Load saved feedback entries (TASK-237)
+        this._loadSavedFeedback();
+    }
+    
+    /**
+     * Load saved feedback entries from backend (TASK-237)
+     */
+    async _loadSavedFeedback() {
+        try {
+            const response = await fetch('/api/uiux-feedback?days=2');
+            if (!response.ok) {
+                console.warn('[UIUXFeedback] Failed to load saved feedback');
+                return;
+            }
+            
+            const data = await response.json();
+            if (data.entries && data.entries.length > 0) {
+                // Convert saved entries to internal format
+                for (const entry of data.entries) {
+                    this.feedbackEntries.push({
+                        id: entry.id,
+                        name: entry.name,
+                        url: entry.url,
+                        elements: [],  // Not stored in feedback.md
+                        screenshot: null,  // Would need to load from file
+                        description: entry.description || '',
+                        createdAt: entry.date ? new Date(entry.date) : new Date(),
+                        status: 'submitted'  // Already saved
+                    });
+                }
+                this._renderFeedbackPanel();
+            }
+        } catch (error) {
+            console.warn('[UIUXFeedback] Error loading saved feedback:', error);
+        }
     }
     
     /**
@@ -1384,17 +1420,14 @@ class UIUXFeedbackManager {
                         </div>
                     ` : ''}
                     <div class="entry-actions-footer">
-                        ${entry.status === 'submitted' && entry.folder ? `
-                            <button class="btn-copilot" data-folder="${entry.folder}">
-                                <i class="bi bi-robot"></i>
-                                Copilot
-                            </button>
-                        ` : `
-                            <button class="btn-submit" ${canSubmit ? '' : 'disabled'}>
-                                <i class="bi bi-send"></i>
-                                ${entry.status === 'submitting' ? 'Submitting...' : 'Submit'}
-                            </button>
-                        `}
+                        <button class="btn-submit" ${canSubmit && entry.status !== 'submitted' ? '' : 'disabled'}>
+                            <i class="bi bi-send"></i>
+                            ${entry.status === 'submitting' ? 'Submitting...' : 'Submit'}
+                        </button>
+                        <button class="btn-copilot" data-folder="${entry.folder || ''}" ${entry.folder ? '' : 'disabled'}>
+                            <i class="bi bi-robot"></i>
+                            Copilot
+                        </button>
                     </div>
                 </div>
             </div>
@@ -1459,6 +1492,18 @@ class UIUXFeedbackManager {
                 descInput.addEventListener('blur', () => {
                     this._updateEntryDescription(id, descInput.value);
                 });
+                
+                // Re-enable submit button when description changes
+                descInput.addEventListener('input', () => {
+                    if (submitBtn && submitBtn.disabled) {
+                        // Re-enable submit if user modifies description
+                        const entryData = this.feedbackEntries.find(e => e.id === id);
+                        if (entryData && entryData.status === 'submitted') {
+                            entryData.status = 'pending'; // Mark as pending for resubmit
+                            submitBtn.disabled = false;
+                        }
+                    }
+                });
             }
             
             // Submit entry
@@ -1502,10 +1547,26 @@ class UIUXFeedbackManager {
     /**
      * Delete a feedback entry
      */
-    _deleteEntry(id) {
+    async _deleteEntry(id) {
         const index = this.feedbackEntries.findIndex(e => e.id === id);
         if (index >= 0) {
-            const name = this.feedbackEntries[index].name;
+            const entry = this.feedbackEntries[index];
+            const name = entry.name;
+            
+            // If submitted, delete from filesystem too
+            if (entry.status === 'submitted') {
+                try {
+                    const response = await fetch(`/api/uiux-feedback/${encodeURIComponent(name)}`, {
+                        method: 'DELETE'
+                    });
+                    if (!response.ok) {
+                        console.warn('[UIUXFeedback] Failed to delete from filesystem');
+                    }
+                } catch (err) {
+                    console.warn('[UIUXFeedback] Delete API error:', err);
+                }
+            }
+            
             this.feedbackEntries.splice(index, 1);
             this._renderFeedbackPanel();
             this.updateStatus(`Deleted: ${name}`);
@@ -1592,9 +1653,7 @@ class UIUXFeedbackManager {
         
         // Use terminalManager's sendCopilotPromptCommandNoEnter which:
         // 1. Creates terminal if needed
-        // 2. Types 'copilot --allow-all-tools' and presses Enter
-        // 3. Waits for Copilot CLI to be ready
-        // 4. Types the command WITHOUT pressing Enter (user can review/edit)
+        // 2. Types 'copilot -i "{prompt}"' (user can review/edit before pressing Enter)
         if (window.terminalManager && window.terminalManager.sendCopilotPromptCommandNoEnter) {
             window.terminalManager.sendCopilotPromptCommandNoEnter(command);
         } else {

x_ipe/templates/base.html

@@ -24,6 +24,14 @@
     <link href="/static/css/features/stage-toolbox.css" rel="stylesheet">
     <!-- FEATURE-022-A: UI/UX Feedback Browser Simulator -->
     <link href="/static/css/uiux-feedback.css" rel="stylesheet">
+    <!-- FEATURE-023-B: Tracing Dashboard UI -->
+    <link href="/static/css/tracing-dashboard.css" rel="stylesheet">
+    <!-- FEATURE-024: Project Quality Evaluation UI -->
+    <link href="/static/css/quality-evaluation.css" rel="stylesheet">
+    <!-- FEATURE-025-A: Knowledge Base Core UI -->
+    <link href="/static/css/kb-core.css" rel="stylesheet">
+    <!-- FEATURE-026: Homepage Infinity Loop -->
+    <link href="/static/css/homepage-infinity.css" rel="stylesheet">
     
     {% block extra_css %}{% endblock %}
 </head>
@@ -58,6 +66,11 @@
     <script src="/static/js/features/live-refresh.js"></script>
     <script src="/static/js/features/project-switcher.js"></script>
     <script src="/static/js/features/sidebar.js"></script>
+    <!-- CR-006: Ideas Folder Tree Enhancement -->
+    <script src="/static/js/features/confirm-dialog.js"></script>
+    <script src="/static/js/features/tree-search.js"></script>
+    <script src="/static/js/features/tree-drag.js"></script>
+    <script src="/static/js/features/folder-view.js"></script>
     <script src="/static/js/features/workplace.js"></script>
     <!-- FEATURE-011: Stage Toolbox -->
     <script src="/static/js/features/stage-toolbox.js"></script>
@@ -67,6 +80,17 @@
     <script src="/static/3rdparty/html2canvas.min.js"></script>
     <!-- FEATURE-022-A: UI/UX Feedback Browser Simulator -->
     <script src="/static/js/uiux-feedback.js"></script>
+    <!-- FEATURE-023-C: G6 Graph Visualization Library -->
+    <script src="https://unpkg.com/@antv/g6@4.8.24/dist/g6.min.js"></script>
+    <!-- FEATURE-023-B/C: Tracing Dashboard & Graph -->
+    <script src="/static/js/features/tracing-graph.js"></script>
+    <script src="/static/js/features/tracing-dashboard.js"></script>
+    <!-- FEATURE-024: Quality Evaluation UI -->
+    <script src="/static/js/features/quality-evaluation.js"></script>
+    <!-- FEATURE-025-A: Knowledge Base Core -->
+    <script src="/static/js/features/kb-core.js"></script>
+    <!-- FEATURE-026: Homepage Infinity Loop -->
+    <script src="/static/js/features/homepage-infinity.js"></script>
     <script src="/static/js/init.js"></script>
     
     {% block extra_js %}{% endblock %}

x_ipe/templates/index.html

@@ -8,10 +8,16 @@
     <!-- ROW 1: Top Menu Bar -->
     <header class="top-menu">
         <div class="brand">
-            <span class="brand-name">X IPE</span>
+            <!-- FEATURE-026: Make brand clickable to show homepage -->
+            <a href="#" class="brand-name" id="brand-home-link" title="Go to Homepage">X IPE</a>
             <span class="brand-subtitle">An AI native integrated project environment for end to end business value delivery</span>
         </div>
         <div class="menu-actions">
+            <!-- FEATURE-025-A: Knowledge Base Button -->
+            <button class="menu-link" id="btn-knowledge-base" title="Knowledge Base - Manage project knowledge">
+                <i class="bi bi-archive"></i>
+                <span>Knowledge</span>
+            </button>
             <!-- FEATURE-011: Stage Toolbox Button -->
             <button class="menu-link" id="btn-stage-toolbox" title="Stage Toolbox - Manage development tools">
                 <i class="bi bi-tools"></i>
@@ -94,6 +100,9 @@
             </div>
             <!-- Center: Voice Controls (FEATURE-021) -->
             <div class="terminal-header-center">
+                <button class="copilot-cmd-btn" id="copilot-cmd-btn" title="Insert Copilot command">
+                    <i class="bi bi-robot"></i>
+                </button>
                 <button class="mic-toggle" id="mic-toggle" title="Toggle microphone (Ctrl+Shift+V to record when enabled)">
                     <i class="bi bi-mic-mute"></i>
                 </button>