+1 -12

apps/__init__.py

reviewed

··· 10 10 workspace.html # Required: Main template 11 11 routes.py # Optional: Flask blueprint (for custom routes beyond index) 12 12 background.html # Optional: Background service 13 13 - app_bar.html # Optional: Bottom bar 14 13 app.json # Optional: Metadata overrides 15 14 agents/ # Optional: Custom agents 16 15 tests/ # Optional: App-specific tests ··· 64 63 65 64 # Template paths (relative to Flask template root) 66 65 workspace_template: str = "" 67 67 - app_bar_template: Optional[str] = None 68 66 background_template: Optional[str] = None 69 67 70 68 # Facet configuration (optional, default {}) ··· 99 97 """Return path to workspace template.""" 100 98 return self.workspace_template 101 99 102 102 - def get_app_bar_template(self) -> Optional[str]: 103 103 - """Return path to custom app-bar template, or None.""" 104 104 - return self.app_bar_template 105 105 - 106 100 def get_background_template(self) -> Optional[str]: 107 101 """Return path to background service template, or None.""" 108 102 return self.background_template ··· 121 115 1. Check for workspace.html (required) 122 116 2. Load app.json if present (for icon, label overrides) 123 117 3. Import routes.py and get blueprint (optional - for custom routes) 124 124 - 4. Check for background.html, app_bar.html (optional) 118 118 + 4. Check for background.html (optional) 125 119 """ 126 120 apps_dir = Path(__file__).parent 127 121 ··· 236 230 if (app_path / "background.html").exists(): 237 231 background_template = f"{app_name}/background.html" 238 232 239 239 - app_bar_template = None 240 240 - if (app_path / "app_bar.html").exists(): 241 241 - app_bar_template = f"{app_name}/app_bar.html" 242 242 - 243 233 return App( 244 234 name=app_name, 245 235 icon=icon, 246 236 label=label, 247 237 blueprint=blueprint, 248 238 workspace_template=workspace_template, 249 249 - app_bar_template=app_bar_template, 250 239 background_template=background_template, 251 240 facets_config=facets_config, 252 241 date_nav=date_nav,

-87

apps/chat/app_bar.html

reviewed

··· 1 1 - <style> 2 2 - .chat-message-input { 3 3 - flex: 1; 4 4 - resize: none; 5 5 - border: 1px solid #ddd; 6 6 - border-radius: 20px; 7 7 - padding: 0.75em 1em; 8 8 - font-family: inherit; 9 9 - font-size: 14px; 10 10 - line-height: 1.5; 11 11 - max-height: 120px; 12 12 - min-height: 42px; 13 13 - } 14 14 - 15 15 - .chat-message-input:focus { 16 16 - outline: none; 17 17 - border-color: #667eea; 18 18 - } 19 19 - 20 20 - .chat-provider-toggle { 21 21 - margin-left: auto; 22 22 - padding: 0.75em 1em; 23 23 - background: transparent; 24 24 - border: 1px solid #ddd; 25 25 - border-radius: 20px; 26 26 - cursor: pointer; 27 27 - font-weight: 500; 28 28 - font-size: 14px; 29 29 - transition: all 0.2s; 30 30 - white-space: nowrap; 31 31 - color: #666; 32 32 - } 33 33 - 34 34 - .chat-provider-toggle:hover { 35 35 - background: #f5f5f5; 36 36 - border-color: #999; 37 37 - color: #333; 38 38 - } 39 39 - 40 40 - .chat-provider-toggle[data-provider="anthropic"] { 41 41 - color: #764ba2; 42 42 - border-color: #764ba2; 43 43 - } 44 44 - 45 45 - .chat-provider-toggle[data-provider="google"] { 46 46 - color: #4285f4; 47 47 - border-color: #4285f4; 48 48 - } 49 49 - 50 50 - .chat-provider-toggle[data-provider="openai"] { 51 51 - color: #10a37f; 52 52 - border-color: #10a37f; 53 53 - } 54 54 - 55 55 - </style> 56 56 - 57 57 - <!-- Use display:contents to make form invisible to flexbox --> 58 58 - <form id="chatInputForm" style="display: contents;"> 59 59 - <textarea id="chatMessageInput" class="chat-message-input" rows="1" placeholder="Send a message..."></textarea> 60 60 - <button type="button" id="chatProviderToggle" class="chat-provider-toggle" data-provider="google" title="Click to change provider"> 61 61 - Gemini 62 62 - </button> 63 63 - </form> 64 64 - 65 65 - <script> 66 66 - (function() { 67 67 - const input = document.getElementById('chatMessageInput'); 68 68 - 69 69 - if (!input) { 70 70 - console.error('Chat input not found'); 71 71 - return; 72 72 - } 73 73 - 74 74 - // Auto-resize textarea 75 75 - input.addEventListener('input', () => { 76 76 - input.style.height = 'auto'; 77 77 - input.style.height = Math.min(input.scrollHeight, 120) + 'px'; 78 78 - }); 79 79 - 80 80 - // Focus input if nothing else is focused 81 81 - setTimeout(() => { 82 82 - if (document.activeElement === document.body) { 83 83 - input.focus(); 84 84 - } 85 85 - }, 100); 86 86 - })(); 87 87 - </script>

+15 -10

apps/chat/workspace.html

reviewed

··· 1020 1020 * @param {string} provider - Provider key (anthropic, google, openai) 1021 1021 */ 1022 1022 function setProvider(provider) { 1023 1023 - if (!provider || !providers[provider] || !providerToggle) return; 1023 1023 + if (!provider || !providers[provider]) return; 1024 1024 currentProvider = provider; 1025 1025 - providerToggle.dataset.provider = provider; 1026 1026 - providerToggle.textContent = providers[provider].label; 1025 1025 + if (providerToggle) { 1026 1026 + providerToggle.dataset.provider = provider; 1027 1027 + providerToggle.textContent = providers[provider].label; 1028 1028 + } 1027 1029 } 1028 1030 1029 1031 function initAppBarControls() { ··· 1031 1033 input = document.getElementById('chatMessageInput'); 1032 1034 providerToggle = document.getElementById('chatProviderToggle'); 1033 1035 1034 1034 - if (!form || !input || !providerToggle) { 1036 1036 + if (!form || !input) { 1035 1037 console.error('Chat controls not found'); 1036 1038 return; 1037 1039 } 1038 1040 1039 1039 - currentProvider = providerToggle.dataset.provider; 1041 1041 + // Provider toggle is optional (removed from universal bar) 1042 1042 + currentProvider = providerToggle ? providerToggle.dataset.provider : 'google'; 1040 1043 1041 1041 - providerToggle.addEventListener('click', () => { 1042 1042 - currentProvider = providers[currentProvider].next; 1043 1043 - providerToggle.dataset.provider = currentProvider; 1044 1044 - providerToggle.textContent = providers[currentProvider].label; 1045 1045 - }); 1044 1044 + if (providerToggle) { 1045 1045 + providerToggle.addEventListener('click', () => { 1046 1046 + currentProvider = providers[currentProvider].next; 1047 1047 + providerToggle.dataset.provider = currentProvider; 1048 1048 + providerToggle.textContent = providers[currentProvider].label; 1049 1049 + }); 1050 1050 + } 1046 1051 1047 1052 setupFormHandlers(); 1048 1053 input.focus();

-99

apps/dev/app_bar.html

reviewed

··· 1 1 - <style> 2 2 - .dev-facet-display { 3 3 - display: inline-flex; 4 4 - align-items: center; 5 5 - gap: 8px; 6 6 - padding: 8px 16px; 7 7 - background: #f9fafb; 8 8 - border: 1px solid #e5e7eb; 9 9 - border-radius: 8px; 10 10 - font-size: 14px; 11 11 - } 12 12 - 13 13 - .dev-facet-display.has-facet { 14 14 - background: var(--facet-bg, #f9fafb); 15 15 - border-color: var(--facet-color, #e5e7eb); 16 16 - } 17 17 - 18 18 - .dev-facet-display strong { 19 19 - font-weight: 500; 20 20 - color: #6b7280; 21 21 - } 22 22 - 23 23 - .dev-facet-display small { 24 24 - font-size: 11px; 25 25 - text-transform: uppercase; 26 26 - letter-spacing: 0.05em; 27 27 - color: #9ca3af; 28 28 - margin-left: 4px; 29 29 - } 30 30 - 31 31 - .dev-facet-all { 32 32 - color: #667eea; 33 33 - font-weight: 600; 34 34 - } 35 35 - </style> 36 36 - 37 37 - <div class="dev-facet-display{% if selected_facet %} has-facet{% endif %}" id="dev-facet-display"> 38 38 - <strong>Facet:</strong> 39 39 - <span id="dev-facet-value"> 40 40 - {% if selected_facet %} 41 41 - {% set selected_facet_data = facets|selectattr("name", "equalto", selected_facet)|first %} 42 42 - {% if selected_facet_data %} 43 43 - {{ selected_facet_data.emoji }} {{ selected_facet_data.title }} 44 44 - <small>specific</small> 45 45 - {% else %} 46 46 - {{ selected_facet }} 47 47 - <small>specific</small> 48 48 - {% endif %} 49 49 - {% else %} 50 50 - <strong class="dev-facet-all">All Facets</strong> 51 51 - <small>all-facet</small> 52 52 - {% endif %} 53 53 - </span> 54 54 - </div> 55 55 - 56 56 - <script> 57 57 - (function() { 58 58 - // Listen for facet.switch events 59 59 - window.addEventListener('facet.switch', (e) => { 60 60 - updateFacetDisplay(e.detail.facet, e.detail.facetData); 61 61 - }); 62 62 - 63 63 - function updateFacetDisplay(facetName, facetData) { 64 64 - const display = document.getElementById('dev-facet-display'); 65 65 - const valueEl = document.getElementById('dev-facet-value'); 66 66 - 67 67 - if (!display || !valueEl) return; 68 68 - 69 69 - if (!facetName) { 70 70 - // All-facet mode 71 71 - display.classList.remove('has-facet'); 72 72 - valueEl.innerHTML = ` 73 73 - <strong class="dev-facet-all">All Facets</strong> 74 74 - <small>all-facet</small> 75 75 - `; 76 76 - return; 77 77 - } 78 78 - 79 79 - // Use provided facetData or fallback to window.facetsData 80 80 - if (!facetData) { 81 81 - facetData = window.facetsData?.find(f => f.name === facetName); 82 82 - } 83 83 - 84 84 - display.classList.add('has-facet'); 85 85 - 86 86 - if (facetData) { 87 87 - valueEl.innerHTML = ` 88 88 - ${facetData.emoji} ${facetData.title} 89 89 - <small>specific</small> 90 90 - `; 91 91 - } else { 92 92 - valueEl.innerHTML = ` 93 93 - ${facetName} 94 94 - <small>specific</small> 95 95 - `; 96 96 - } 97 97 - } 98 98 - })(); 99 99 - </script>

-80

apps/entities/app_bar.html

reviewed

··· 1 1 - <style> 2 2 - .entity-add-input { 3 3 - flex: 1; 4 4 - min-width: 0; 5 5 - padding: 0.75em 1em; 6 6 - border: 1px solid #d1d5db; 7 7 - border-radius: 20px; 8 8 - font-family: inherit; 9 9 - font-size: 14px; 10 10 - line-height: 1.5; 11 11 - transition: border-color 0.15s, box-shadow 0.15s; 12 12 - } 13 13 - 14 14 - .entity-add-input:focus { 15 15 - outline: none; 16 16 - border-color: var(--facet-color, #667eea); 17 17 - box-shadow: 0 0 0 3px var(--facet-bg, rgba(102, 126, 234, 0.1)); 18 18 - } 19 19 - 20 20 - .entity-add-input::placeholder { 21 21 - color: #9ca3af; 22 22 - } 23 23 - 24 24 - .entity-add-input:disabled { 25 25 - background: #f3f4f6; 26 26 - color: #9ca3af; 27 27 - cursor: not-allowed; 28 28 - opacity: 0.7; 29 29 - } 30 30 - 31 31 - .entity-add-input:disabled::placeholder { 32 32 - color: #d1d5db; 33 33 - } 34 34 - </style> 35 35 - 36 36 - <form id="entity-add-form" style="display: contents;"> 37 37 - <input 38 38 - type="text" 39 39 - id="entity-assist-input" 40 40 - class="entity-add-input" 41 41 - placeholder="Add entity with AI (e.g., 'OpenAI', 'Claude')..." 42 42 - autocomplete="off" 43 43 - > 44 44 - </form> 45 45 - 46 46 - <script> 47 47 - (function() { 48 48 - const input = document.getElementById('entity-assist-input'); 49 49 - if (!input) return; 50 50 - 51 51 - // Check if facet is selected and update input state 52 52 - function updateInputState() { 53 53 - const facet = window.selectedFacet; 54 54 - if (!facet) { 55 55 - input.disabled = true; 56 56 - input.placeholder = 'Select a facet to add entities'; 57 57 - } else { 58 58 - input.disabled = false; 59 59 - input.placeholder = "Add entity with AI (e.g., 'OpenAI', 'Claude')..."; 60 60 - } 61 61 - } 62 62 - 63 63 - // Initial state - wait for DOM to ensure window.selectedFacet is set 64 64 - if (document.readyState === 'loading') { 65 65 - document.addEventListener('DOMContentLoaded', updateInputState); 66 66 - } else { 67 67 - updateInputState(); 68 68 - } 69 69 - 70 70 - // Listen for facet changes 71 71 - window.addEventListener('facet.switch', updateInputState); 72 72 - 73 73 - // Focus input if nothing else is focused 74 74 - setTimeout(() => { 75 75 - if (document.activeElement === document.body && !input.disabled) { 76 76 - input.focus(); 77 77 - } 78 78 - }, 100); 79 79 - })(); 80 80 - </script>

-62

apps/search/app_bar.html

reviewed

··· 1 1 - <style> 2 2 - .search-bar-input { 3 3 - flex: 1; 4 4 - min-width: 0; 5 5 - padding: 0.75em 1em; 6 6 - border: 1px solid #d1d5db; 7 7 - border-radius: 20px; 8 8 - font-family: inherit; 9 9 - font-size: 14px; 10 10 - line-height: 1.5; 11 11 - transition: border-color 0.15s, box-shadow 0.15s; 12 12 - } 13 13 - 14 14 - .search-bar-input:focus { 15 15 - outline: none; 16 16 - border-color: var(--facet-color, #2563eb); 17 17 - box-shadow: 0 0 0 3px var(--facet-bg, rgba(37, 99, 235, 0.1)); 18 18 - } 19 19 - 20 20 - .search-bar-input::placeholder { 21 21 - color: #9ca3af; 22 22 - } 23 23 - </style> 24 24 - 25 25 - <!-- Use display:contents to make form invisible to flexbox --> 26 26 - <form id="search-bar-form" style="display: contents;"> 27 27 - <input 28 28 - type="text" 29 29 - id="search-bar-input" 30 30 - class="search-bar-input" 31 31 - placeholder="Search your journal..." 32 32 - autocomplete="off" 33 33 - > 34 34 - </form> 35 35 - 36 36 - <script> 37 37 - (function() { 38 38 - const form = document.getElementById('search-bar-form'); 39 39 - const input = document.getElementById('search-bar-input'); 40 40 - if (!form || !input) return; 41 41 - 42 42 - // Focus input on page load if nothing else is focused 43 43 - setTimeout(() => { 44 44 - if (document.activeElement === document.body) { 45 45 - input.focus(); 46 46 - } 47 47 - }, 100); 48 48 - 49 49 - // Handle form submission 50 50 - form.addEventListener('submit', (e) => { 51 51 - e.preventDefault(); 52 52 - window.dispatchEvent(new CustomEvent('search.submit', { 53 53 - detail: { query: input.value.trim() } 54 54 - })); 55 55 - }); 56 56 - 57 57 - // Listen for external query updates (hash changes) 58 58 - window.addEventListener('search.queryUpdate', (e) => { 59 59 - input.value = e.detail.query || ''; 60 60 - }); 61 61 - })(); 62 62 - </script>

-231

apps/todos/app_bar.html

reviewed

··· 1 1 - <style> 2 2 - .todo-add-input { 3 3 - flex: 1; 4 4 - min-width: 0; 5 5 - padding: 0.75em 1em; 6 6 - border: 1px solid #d1d5db; 7 7 - border-radius: 20px; 8 8 - font-family: inherit; 9 9 - font-size: 14px; 10 10 - line-height: 1.5; 11 11 - transition: border-color 0.15s, box-shadow 0.15s; 12 12 - } 13 13 - 14 14 - .todo-add-input:focus { 15 15 - outline: none; 16 16 - border-color: var(--facet-color, #2563eb); 17 17 - box-shadow: 0 0 0 3px var(--facet-bg, rgba(37, 99, 235, 0.1)); 18 18 - } 19 19 - 20 20 - .todo-add-input::placeholder { 21 21 - color: #9ca3af; 22 22 - } 23 23 - 24 24 - .todo-add-input:disabled { 25 25 - background: #f3f4f6; 26 26 - color: #9ca3af; 27 27 - cursor: not-allowed; 28 28 - opacity: 0.7; 29 29 - } 30 30 - 31 31 - .todo-add-input:disabled::placeholder { 32 32 - color: #d1d5db; 33 33 - } 34 34 - 35 35 - .appbar-generate-btn { 36 36 - display: none; 37 37 - align-items: center; 38 38 - justify-content: center; 39 39 - width: 2.5rem; 40 40 - height: 2.5rem; 41 41 - padding: 0; 42 42 - border: none; 43 43 - border-radius: 50%; 44 44 - background: transparent; 45 45 - font-size: 1.25rem; 46 46 - cursor: pointer; 47 47 - transition: transform 0.2s, background 0.15s; 48 48 - } 49 49 - 50 50 - .appbar-generate-btn:hover { 51 51 - background: rgba(0, 0, 0, 0.05); 52 52 - transform: scale(1.1); 53 53 - } 54 54 - 55 55 - .appbar-generate-btn.generating { 56 56 - animation: appbar-spin 2s linear infinite; 57 57 - } 58 58 - 59 59 - @keyframes appbar-spin { 60 60 - from { transform: rotate(0deg); } 61 61 - to { transform: rotate(360deg); } 62 62 - } 63 63 - 64 64 - .appbar-generate-btn.visible { 65 65 - display: inline-flex; 66 66 - } 67 67 - </style> 68 68 - 69 69 - <!-- Use display:contents to make form invisible to flexbox --> 70 70 - <form method="post" style="display: contents;"> 71 71 - <input type="hidden" name="action" value="add"> 72 72 - <input 73 73 - type="text" 74 74 - name="text" 75 75 - id="todo-add-input" 76 76 - class="todo-add-input" 77 77 - placeholder="{% if selected_facet %}Add a todo to {{ facets|selectattr('name', 'equalto', selected_facet)|map(attribute='title')|first|default(selected_facet) }}...{% else %}Add a todo... (use #facet){% endif %}" 78 78 - autocomplete="off" 79 79 - > 80 80 - </form> 81 81 - 82 82 - <!-- Generate button for single-facet mode --> 83 83 - <button 84 84 - type="button" 85 85 - class="appbar-generate-btn{% if selected_facet %} visible{% endif %}" 86 86 - id="appbar-generate-btn" 87 87 - data-day="{{ day }}" 88 88 - title="Generate weekly todos with AI" 89 89 - >✨</button> 90 90 - 91 91 - <script> 92 92 - (function() { 93 93 - const input = document.getElementById('todo-add-input'); 94 94 - const form = input?.closest('form'); 95 95 - if (!input || !form || input.disabled) return; 96 96 - 97 97 - function updatePlaceholder(facetName) { 98 98 - if (facetName) { 99 99 - const facetData = window.facetsData?.find(f => f.name === facetName); 100 100 - const facetTitle = facetData?.title || facetName; 101 101 - input.placeholder = `Add a todo to ${facetTitle}...`; 102 102 - } else { 103 103 - input.placeholder = 'Add a todo... (use #facet)'; 104 104 - } 105 105 - } 106 106 - 107 107 - // Listen for facet selection changes 108 108 - window.addEventListener('facet.switch', (e) => { 109 109 - updatePlaceholder(e.detail.facet); 110 110 - }); 111 111 - 112 112 - // Handle form submission via AJAX 113 113 - form.addEventListener('submit', async (e) => { 114 114 - e.preventDefault(); 115 115 - 116 116 - const text = input.value.trim(); 117 117 - if (!text) { 118 118 - input.focus(); 119 119 - return; 120 120 - } 121 121 - 122 122 - // Capture form data BEFORE disabling (disabled inputs are excluded from FormData) 123 123 - const formData = new FormData(form); 124 124 - input.disabled = true; 125 125 - 126 126 - try { 127 127 - const response = await fetch(window.location.href, { 128 128 - method: 'POST', 129 129 - headers: { 'X-Requested-With': 'XMLHttpRequest' }, 130 130 - body: formData 131 131 - }); 132 132 - 133 133 - const data = await response.json(); 134 134 - 135 135 - if (response.ok && data.status === 'ok') { 136 136 - input.value = ''; 137 137 - window.dispatchEvent(new CustomEvent('todo.added', { detail: data.todo })); 138 138 - } else { 139 139 - alert(data.message || 'Failed to add todo'); 140 140 - } 141 141 - } catch (error) { 142 142 - alert('Network error - please try again'); 143 143 - } finally { 144 144 - input.disabled = false; 145 145 - input.focus(); 146 146 - } 147 147 - }); 148 148 - })(); 149 149 - </script> 150 150 - 151 151 - <script> 152 152 - (function() { 153 153 - const generateBtn = document.getElementById('appbar-generate-btn'); 154 154 - if (!generateBtn) return; 155 155 - 156 156 - const day = generateBtn.dataset.day; 157 157 - let currentFacet = window.selectedFacet; 158 158 - let agentId = null; 159 159 - 160 160 - // Show/hide button based on facet selection 161 161 - function updateVisibility(facetName) { 162 162 - currentFacet = facetName; 163 163 - if (facetName) { 164 164 - generateBtn.classList.add('visible'); 165 165 - // Reset state when switching facets 166 166 - resetButton(); 167 167 - } else { 168 168 - generateBtn.classList.remove('visible'); 169 169 - } 170 170 - } 171 171 - 172 172 - function resetButton() { 173 173 - generateBtn.textContent = '✨'; 174 174 - generateBtn.classList.remove('generating', 'completed'); 175 175 - agentId = null; 176 176 - } 177 177 - 178 178 - // Listen for facet selection changes 179 179 - window.addEventListener('facet.switch', (e) => { 180 180 - updateVisibility(e.detail.facet); 181 181 - }); 182 182 - 183 183 - // Handle click 184 184 - generateBtn.addEventListener('click', async () => { 185 185 - if (!currentFacet) return; 186 186 - 187 187 - // If completed, clicking does nothing 188 188 - if (generateBtn.classList.contains('completed')) return; 189 189 - 190 190 - // If generating, could navigate to agent (future enhancement) 191 191 - if (generateBtn.classList.contains('generating')) return; 192 192 - 193 193 - // Start generation 194 194 - generateBtn.textContent = '⏳'; 195 195 - generateBtn.classList.add('generating'); 196 196 - 197 197 - try { 198 198 - const response = await fetch(`/app/todos/${day}/generate-weekly/${currentFacet}`, { 199 199 - method: 'POST' 200 200 - }); 201 201 - 202 202 - if (!response.ok) { 203 203 - throw new Error('Failed to start generation'); 204 204 - } 205 205 - 206 206 - const data = await response.json(); 207 207 - agentId = data.agent_id; 208 208 - 209 209 - } catch (error) { 210 210 - alert('Failed to start todo generation'); 211 211 - resetButton(); 212 212 - } 213 213 - }); 214 214 - 215 215 - // Listen for cortex events (agent completion) 216 216 - if (window.appEvents) { 217 217 - window.appEvents.listen('cortex', msg => { 218 218 - if (!agentId || msg.agent_id !== agentId) return; 219 219 - 220 220 - if (msg.event === 'finish') { 221 221 - generateBtn.textContent = '✅'; 222 222 - generateBtn.classList.remove('generating'); 223 223 - generateBtn.classList.add('completed'); 224 224 - } else if (msg.event === 'error') { 225 225 - alert('Todo generation failed: ' + (msg.error || 'Unknown error')); 226 226 - resetButton(); 227 227 - } 228 228 - }); 229 229 - } 230 230 - })(); 231 231 - </script>

+4

convey/__init__.py

reviewed

··· 19 19 from .bridge import emit, register_websocket 20 20 from .config import bp as config_bp 21 21 from .root import bp as root_bp 22 22 + from .triage import bp as triage_bp 22 23 23 24 __all__ = [ 24 25 "create_app", ··· 53 54 54 55 # Register config API blueprint 55 56 app.register_blueprint(config_bp) 57 57 + 58 58 + # Register triage API blueprint (universal chat bar) 59 59 + app.register_blueprint(triage_bp) 56 60 57 61 # Initialize and register app system 58 62 registry = AppRegistry()

+81 -4

convey/static/app.css

reviewed

··· 106 106 .workspace { 107 107 margin-top: var(--facet-bar-height); 108 108 margin-left: var(--menu-bar-width-minimal); 109 109 - } 110 110 - 111 111 - /* Add bottom margin when app-bar is present */ 112 112 - body.has-app-bar .workspace { 113 109 margin-bottom: var(--app-bar-height); 114 110 } 115 111 ··· 1026 1022 pointer-events: none; 1027 1023 z-index: -1; 1028 1024 border-radius: 12px; 1025 1025 + } 1026 1026 + 1027 1027 + /* Chat Bar Elements */ 1028 1028 + .chat-bar-input { 1029 1029 + flex: 1; 1030 1030 + resize: none; 1031 1031 + border: 1px solid #ddd; 1032 1032 + border-radius: 20px; 1033 1033 + padding: 0.75em 1em; 1034 1034 + font-family: inherit; 1035 1035 + font-size: 14px; 1036 1036 + line-height: 1.5; 1037 1037 + max-height: 120px; 1038 1038 + min-height: 42px; 1039 1039 + background: transparent; 1040 1040 + position: relative; 1041 1041 + z-index: 1; 1042 1042 + } 1043 1043 + 1044 1044 + .chat-bar-input:focus { 1045 1045 + outline: none; 1046 1046 + border-color: var(--facet-color, #667eea); 1047 1047 + } 1048 1048 + 1049 1049 + .chat-bar-input::placeholder { 1050 1050 + color: #999; 1051 1051 + } 1052 1052 + 1053 1053 + .chat-bar-send { 1054 1054 + width: 36px; 1055 1055 + height: 36px; 1056 1056 + border-radius: 50%; 1057 1057 + border: none; 1058 1058 + background: var(--facet-color, #667eea); 1059 1059 + color: white; 1060 1060 + font-size: 18px; 1061 1061 + cursor: pointer; 1062 1062 + display: flex; 1063 1063 + align-items: center; 1064 1064 + justify-content: center; 1065 1065 + position: relative; 1066 1066 + z-index: 1; 1067 1067 + flex-shrink: 0; 1068 1068 + } 1069 1069 + 1070 1070 + .chat-bar-send:hover { 1071 1071 + opacity: 0.85; 1072 1072 + } 1073 1073 + 1074 1074 + .chat-bar-thinking { 1075 1075 + display: flex; 1076 1076 + align-items: center; 1077 1077 + gap: 0.5em; 1078 1078 + color: #999; 1079 1079 + font-size: 13px; 1080 1080 + position: relative; 1081 1081 + z-index: 1; 1082 1082 + } 1083 1083 + 1084 1084 + .chat-bar-thinking-dot { 1085 1085 + width: 8px; 1086 1086 + height: 8px; 1087 1087 + background: var(--facet-color, #667eea); 1088 1088 + border-radius: 50%; 1089 1089 + animation: chat-bar-pulse 1s ease-in-out infinite; 1090 1090 + } 1091 1091 + 1092 1092 + @keyframes chat-bar-pulse { 1093 1093 + 0%, 100% { opacity: 0.3; } 1094 1094 + 50% { opacity: 1; } 1095 1095 + } 1096 1096 + 1097 1097 + .chat-bar-response { 1098 1098 + flex: 1; 1099 1099 + font-size: 13px; 1100 1100 + color: #666; 1101 1101 + white-space: nowrap; 1102 1102 + overflow: hidden; 1103 1103 + text-overflow: ellipsis; 1104 1104 + position: relative; 1105 1105 + z-index: 1; 1029 1106 } 1030 1107 1031 1108 /* Error log display */

+128 -6

convey/templates/app.html

reviewed

··· 34 34 {% endif %} 35 35 </head> 36 36 {% set body_classes = [] %} 37 37 - {% if app_registry.apps[app].get_app_bar_template() %}{% set _ = body_classes.append('has-app-bar') %}{% endif %} 37 37 + {% set _ = body_classes.append('has-app-bar') %} 38 38 {% if app_registry.apps[app].date_nav_enabled() and day %}{% set _ = body_classes.append('has-date-nav') %}{% endif %} 39 39 <body{% if body_classes %} class="{{ body_classes|join(' ') }}"{% endif %}> 40 40 <!-- Corner Tags (screen region detection) --> ··· 66 66 <!-- Notification Center --> 67 67 <div class="notification-center" id="notification-center"></div> 68 68 69 69 - <!-- App Bar (bottom) - only render if app provides template --> 70 70 - {% set app_bar_template = app_registry.apps[app].get_app_bar_template() %} 71 71 - {% if app_bar_template %} 69 69 + <!-- Chat Bar (universal) --> 72 70 <div class="app-bar"> 73 73 - {% include app_bar_template %} 71 71 + <form id="chatInputForm" style="display: contents;"> 72 72 + <textarea id="chatMessageInput" class="chat-bar-input" rows="1" placeholder="Send a message..."></textarea> 73 73 + <button type="submit" class="chat-bar-send" title="Send" style="display: none;">↑</button> 74 74 + </form> 75 75 + <div class="chat-bar-thinking" style="display: none;"> 76 76 + <span class="chat-bar-thinking-dot"></span> 77 77 + Thinking… 78 78 + </div> 79 79 + <div class="chat-bar-response" style="display: none;"></div> 74 80 </div> 75 75 - {% endif %} 76 81 77 82 <!-- Main Content --> 78 83 <div class="workspace"> ··· 81 86 82 87 <!-- App JavaScript (includes AppServices framework) --> 83 88 <script src="{{ url_for('root.static', filename='app.js') }}"></script> 89 89 + 90 90 + <script> 91 91 + (function() { 92 92 + const chatBarInput = document.getElementById('chatMessageInput'); 93 93 + const chatBarForm = document.getElementById('chatInputForm'); 94 94 + const chatBarThinking = document.querySelector('.chat-bar-thinking'); 95 95 + const chatBarResponse = document.querySelector('.chat-bar-response'); 96 96 + const chatBarSend = document.querySelector('.chat-bar-send'); 97 97 + const isChatApp = window.location.pathname.startsWith('/app/chat'); 98 98 + const STORAGE_KEY = 'solstone:chatBarState'; 99 99 + 100 100 + if (!chatBarInput || !chatBarForm) return; 101 101 + 102 102 + // --- Auto-resize textarea --- 103 103 + chatBarInput.addEventListener('input', () => { 104 104 + chatBarInput.style.height = 'auto'; 105 105 + chatBarInput.style.height = Math.min(chatBarInput.scrollHeight, 120) + 'px'; 106 106 + // Show/hide send button 107 107 + if (chatBarSend) { 108 108 + chatBarSend.style.display = chatBarInput.value.trim() ? '' : 'none'; 109 109 + } 110 110 + }); 111 111 + 112 112 + // --- Focus on load (only if nothing else focused) --- 113 113 + setTimeout(() => { 114 114 + if (document.activeElement === document.body) { 115 115 + chatBarInput.focus(); 116 116 + } 117 117 + }, 100); 118 118 + 119 119 + // --- Restore state from localStorage --- 120 120 + try { 121 121 + const saved = JSON.parse(localStorage.getItem(STORAGE_KEY) || 'null'); 122 122 + if (saved && saved.response && !isChatApp && chatBarResponse) { 123 123 + chatBarResponse.textContent = saved.response; 124 124 + chatBarResponse.style.display = ''; 125 125 + } 126 126 + } catch {} 127 127 + 128 128 + // --- Non-chat app: triage submit --- 129 129 + if (!isChatApp) { 130 130 + // Enter to submit, shift+enter for newline 131 131 + chatBarInput.addEventListener('keydown', e => { 132 132 + if (e.key === 'Enter' && !e.shiftKey) { 133 133 + e.preventDefault(); 134 134 + chatBarForm.requestSubmit(); 135 135 + } 136 136 + }); 137 137 + 138 138 + chatBarForm.onsubmit = async (e) => { 139 139 + e.preventDefault(); 140 140 + const text = chatBarInput.value.trim(); 141 141 + if (!text) return; 142 142 + 143 143 + // Show thinking state 144 144 + chatBarInput.value = ''; 145 145 + chatBarInput.style.height = ''; 146 146 + if (chatBarSend) { 147 147 + chatBarSend.style.display = 'none'; 148 148 + } 149 149 + chatBarInput.disabled = true; 150 150 + if (chatBarThinking) { 151 151 + chatBarThinking.style.display = ''; 152 152 + } 153 153 + if (chatBarResponse) { 154 154 + chatBarResponse.style.display = 'none'; 155 155 + } 156 156 + 157 157 + try { 158 158 + const r = await fetch('/api/triage', { 159 159 + method: 'POST', 160 160 + headers: { 'Content-Type': 'application/json' }, 161 161 + body: JSON.stringify({ 162 162 + message: text, 163 163 + app: '{{ app }}', 164 164 + path: window.location.pathname, 165 165 + facet: window.selectedFacet || null 166 166 + }) 167 167 + }); 168 168 + 169 169 + if (r.ok) { 170 170 + const data = await r.json(); 171 171 + if (chatBarResponse) { 172 172 + chatBarResponse.textContent = data.response || ''; 173 173 + chatBarResponse.style.display = data.response ? '' : 'none'; 174 174 + } 175 175 + 176 176 + // Save to localStorage 177 177 + localStorage.setItem(STORAGE_KEY, JSON.stringify({ 178 178 + message: text, 179 179 + response: data.response || '', 180 180 + timestamp: Date.now(), 181 181 + app: '{{ app }}', 182 182 + path: window.location.pathname 183 183 + })); 184 184 + } else if (chatBarResponse) { 185 185 + chatBarResponse.textContent = 'Something went wrong. Try again.'; 186 186 + chatBarResponse.style.display = ''; 187 187 + } 188 188 + } catch (err) { 189 189 + if (chatBarResponse) { 190 190 + chatBarResponse.textContent = 'Connection error. Try again.'; 191 191 + chatBarResponse.style.display = ''; 192 192 + } 193 193 + } finally { 194 194 + if (chatBarThinking) { 195 195 + chatBarThinking.style.display = 'none'; 196 196 + } 197 197 + chatBarInput.disabled = false; 198 198 + chatBarInput.focus(); 199 199 + } 200 200 + }; 201 201 + } 202 202 + // In chat app: workspace's setupFormHandlers() takes over form submission. 203 203 + // The bar just provides the DOM elements (chatInputForm, chatMessageInput). 204 204 + })(); 205 205 + </script> 84 206 85 207 <!-- Load all app background scripts --> 86 208 {% for app_name, app_instance in app_registry.apps.items() %}

+58

convey/triage.py

reviewed

··· 1 1 + # SPDX-License-Identifier: AGPL-3.0-only 2 2 + # Copyright (c) 2026 sol pbc 3 3 + 4 4 + """Triage endpoint for universal chat bar queries from non-chat apps.""" 5 5 + 6 6 + from __future__ import annotations 7 7 + 8 8 + import logging 9 9 + from typing import Any 10 10 + 11 11 + from flask import Blueprint, request 12 12 + 13 13 + from convey.utils import error_response 14 14 + 15 15 + logger = logging.getLogger(__name__) 16 16 + 17 17 + bp = Blueprint("triage", __name__, url_prefix="/api/triage") 18 18 + 19 19 + 20 20 + @bp.route("", methods=["POST"]) 21 21 + def triage() -> Any: 22 22 + """Accept a message from the universal chat bar and return a response. 23 23 + 24 24 + Expects JSON: {message, app, path, facet} 25 25 + Returns JSON: {response} 26 26 + """ 27 27 + payload = request.get_json(force=True) 28 28 + message = payload.get("message", "").strip() 29 29 + 30 30 + if not message: 31 31 + return error_response("message is required", 400) 32 32 + 33 33 + app_name = payload.get("app", "") 34 34 + path = payload.get("path", "") 35 35 + facet = payload.get("facet") 36 36 + 37 37 + try: 38 38 + from think.models import generate 39 39 + 40 40 + system_prompt = ( 41 41 + "You are a helpful assistant in solstone, a journaling toolkit. " 42 42 + "The user is asking from the app bar. " 43 43 + "Give a brief, one-sentence answer." 44 44 + ) 45 45 + 46 46 + ctx = f"App: {app_name}, Path: {path}" 47 47 + if facet: 48 48 + ctx += f", Facet: {facet}" 49 49 + 50 50 + full_prompt = f"[Context: {ctx}]\n\n{message}" 51 51 + 52 52 + response_text = generate( 53 53 + full_prompt, context="convey.triage", system_instruction=system_prompt 54 54 + ) 55 55 + return {"response": response_text} 56 56 + except Exception: 57 57 + logger.exception("Triage generation failed") 58 58 + return error_response("Failed to generate response", 500)