arcane-os 0.5.13 → 0.5.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arcane-os",
-  "version": "0.5.13",
+  "version": "0.5.15",
   "description": "Arcane OS JavaScript SDK, project-local CLI, browser runtime, and repository-portable application packager.",
   "type": "module",
   "main": "./src/index.mjs",
@@ -13,6 +13,7 @@
     "./toolchain": "./src/toolchain.mjs",
     "./events": "./src/events.mjs",
     "./event-manager": "./src/event-manager.mjs",
+    "./logging": "./browser-runtime/logging.mjs",
     "./preference-store": "./runtime/arcane/modules/PreferenceStore.js",
     "./speech-playback": "./runtime/arcane/modules/SpeechPlayback.js",
     "./ai/browser-wasm": "./browser-runtime/ai/browser-wasm.mjs",
@@ -63,9 +64,9 @@
     "test": "npm run test:unit && npm run test:functional && npm run test:integration && npm run test:regression",
     "test:release": "node ./bin/arcane-test.mjs test/npm-release.test.mjs",
     "test:unit": "node ./bin/arcane-test.mjs test/app-descriptor.test.mjs test/app-schema.test.mjs test/contracts.test.mjs test/doctor.test.mjs test/mail-credentials.test.mjs test/mail-outbox.test.mjs test/mail-public-api.test.mjs test/mail-send.test.mjs test/mail-transport.test.mjs test/targets.test.mjs test/workspace-operation-lock.test.mjs",
-    "test:functional": "node ./bin/arcane-test.mjs test/browser-speech-providers.test.mjs test/browser-wasm-gpu-notice.test.mjs test/browser-wasm-download-resume.test.mjs test/cli.test.mjs test/dbopfs-document-library.test.mjs test/dev-server.test.mjs test/dom-event-instrumentation.test.mjs test/event-manager.test.mjs test/events.test.mjs test/import-map.test.mjs test/mail-cli.test.mjs test/mail-runtime.test.mjs test/mail-server.test.mjs test/packaging.test.mjs test/persistent-ai-chat-session.test.mjs test/reference-completeness.test.mjs test/runtime-api-behavior.test.mjs test/runtime.test.mjs test/scaffold.test.mjs test/site.test.mjs test/update-check.test.mjs",
+    "test:functional": "node ./bin/arcane-test.mjs test/browser-speech-providers.test.mjs test/browser-wasm-gpu-notice.test.mjs test/browser-wasm-download-resume.test.mjs test/cli.test.mjs test/dbopfs-document-library.test.mjs test/dev-server.test.mjs test/dom-event-instrumentation.test.mjs test/event-manager.test.mjs test/events.test.mjs test/import-map.test.mjs test/mail-cli.test.mjs test/mail-runtime.test.mjs test/mail-server.test.mjs test/packaging.test.mjs test/persistent-ai-chat-session.test.mjs test/reference-completeness.test.mjs test/runtime-api-behavior.test.mjs test/runtime.test.mjs test/scaffold.test.mjs test/speech-playback.test.mjs test/site.test.mjs test/update-check.test.mjs",
     "test:integration": "node ./bin/arcane-test.mjs test/integrated-shared.test.mjs test/integrated-workspace.test.mjs test/mail-browser.test.mjs test/native-plan.test.mjs test/native-provider-loader.test.mjs test/npm-release.test.mjs test/release-bundle.test.mjs test/release-capability-smoke.test.mjs test/shared-payload-batch.test.mjs test/tarball.test.mjs test/wllama-webgpu-runtime.test.mjs",
-    "test:regression": "node ./bin/arcane-test.mjs test/channel-workflows.test.mjs test/native-provider-generation.test.mjs test/testing.test.mjs test/test-sets.test.mjs",
+    "test:regression": "node ./bin/arcane-test.mjs test/channel-workflows.test.mjs test/logging-regression.test.mjs test/native-provider-generation.test.mjs test/speech-queue-regression.test.mjs test/testing.test.mjs test/test-sets.test.mjs",
     "check": "node tools/check-source.mjs && npm test",
     "check:release": "node tools/check-source.mjs --package-only && npm run test:release",
     "pack:local": "npm pack --ignore-scripts",

package/runtime/arcane/components/app-bar.html

@@ -220,6 +220,8 @@
 </nav>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     const host=this;
     const root=host.shadowRoot;
     const {createArcaneEventSource,projectArcaneDOMEvent}=await import('arcane-os/event-manager');
@@ -349,7 +351,7 @@
         try{
             setNavigation(JSON.parse(source));
         }catch(error){
-            console.warn('Unable to parse app-bar data-navigation.',error);
+            arcaneLogging.warn('Unable to parse app-bar data-navigation.',error);
             setNavigation([]);
         }
     }

package/runtime/arcane/components/chat.html

@@ -832,7 +832,9 @@
     </section>
 </section>
 
-<script type="module"> 
+<script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+ 
     const {
         createArcaneEventSource,
         projectArcaneDOMEvent
@@ -1059,7 +1061,7 @@
             return value||fallback;
         }
         if(value&&typeof value==='object'){
-            console.error(`Arcane chat progress ${field} is not text.`,value);
+            arcaneLogging.error(`Arcane chat progress ${field} is not text.`,value);
             return visibleErrorMessage(value,fallback);
         }
         if(value!==undefined&&value!==null&&value!==''){
@@ -1067,7 +1069,7 @@
                 `Arcane chat progress ${field} must be text.`,
                 {cause:value}
             );
-            console.error(`Arcane chat progress ${field} is not text.`,error);
+            arcaneLogging.error(`Arcane chat progress ${field} is not text.`,error);
         }
         return fallback;
     }
@@ -1394,7 +1396,7 @@
             const serialized=JSON.stringify(value,null,2);
             if(serialized!==undefined) return serialized;
         }catch(error){
-            console.error('Arcane saved chat record could not be serialized as JSON.',error);
+            arcaneLogging.error('Arcane saved chat record could not be serialized as JSON.',error);
         }
         return String(value);
     }
@@ -1506,7 +1508,7 @@
                 recoveryNeeded=true;
                 actionable=false;
                 restoredPendingToolCalls.clear();
-                console.error(`Arcane saved chat record ${index+1} is not actionable.`,error);
+                arcaneLogging.error(`Arcane saved chat record ${index+1} is not actionable.`,error);
                 item=createSavedRecordFallback(message,index);
             }
             fragment.append(item);
@@ -1617,7 +1619,7 @@
         }catch(error){
             if(!destroyed&&generation===sessionBindingGeneration){
                 const internalProtocolFailure=internalStructuralToolFailure(error);
-                console.error('Arcane saved chat could not be opened.',error);
+                arcaneLogging.error('Arcane saved chat could not be opened.',error);
                 const message=internalProtocolFailure
                     ?'This saved chat could not be opened.'
                     :visibleErrorMessage(error,'The chat session could not be opened.');
@@ -1738,11 +1740,11 @@
     }
 
     host.sendMessage=host.sendMessage||async function(text=''){
-        console.warn('html-import chat.html `host.sendMessage` method not implemented.\n\nThis can also be done by listening for the "chat-send-message" event.\n\nIt is still best practice to implement the `.sendMessage` method atleast with an empty function.\n\n')
+        arcaneLogging.warn('html-import chat.html `host.sendMessage` method not implemented.\n\nThis can also be done by listening for the "chat-send-message" event.\n\nIt is still best practice to implement the `.sendMessage` method atleast with an empty function.\n\n')
     }
 
     host.languageChanged=host.languageChanged||async function(text=''){
-        console.warn('html-import chat.html `host.languageChanged` method not implemented.\n\nThis can also be done by listening for the "chat-language-changed" event.\n\nIt is still best practice to implement the `.languageChanged` method atleast with an empty function.\n\n')
+        arcaneLogging.warn('html-import chat.html `host.languageChanged` method not implemented.\n\nThis can also be done by listening for the "chat-language-changed" event.\n\nIt is still best practice to implement the `.languageChanged` method atleast with an empty function.\n\n')
     }
 
     host.requestAIActivation=host.requestAIActivation||function requestAIActivation(intent){
@@ -2381,7 +2383,7 @@
                     `The language model ${action} request failed.`
                 );
                 requestError=message;
-                console.error('Arcane language model activation request failed.',error);
+                arcaneLogging.error('Arcane language model activation request failed.',error);
                 publish(
                     'chat-ai-activation-error',
                     {request,error,message},
@@ -2420,7 +2422,7 @@
                 &&nextRole.error
                 &&nextRole.error!==role?.error
             ){
-                console.error('Arcane language model runtime failed.',nextRole.error);
+                arcaneLogging.error('Arcane language model runtime failed.',nextRole.error);
             }
             if(role?.state!==nextRole.state
                 ||role?.providerId!==nextRole.providerId
@@ -2501,7 +2503,7 @@
         try{
             controller.start();
         }catch(error){
-            console.error('Arcane conversation timebox could not start.',error);
+            arcaneLogging.error('Arcane conversation timebox could not start.',error);
             conversationTimeboxStatus.textContent='The elapsed timer could not start.';
             conversationTimeboxPanel.dataset.error='true';
             conversationTimeboxUnsubscribe?.();
@@ -2694,7 +2696,7 @@
                         }
                     }
                 );
-                console.error('The conversation timebox message could not be sent.',error);
+                arcaneLogging.error('The conversation timebox message could not be sent.',error);
                 return false;
             }
         );
@@ -2746,7 +2748,7 @@
     async function streamMessage(text='', id='', isThinking){
         if(typeof text!=='string'){
             if(text instanceof Error){
-                console.error('Arcane chat stream delivered an Error as content.',text);
+                arcaneLogging.error('Arcane chat stream delivered an Error as content.',text);
                 throw text;
             }
             const error=new TypeError(
@@ -2754,11 +2756,11 @@
                 {cause:text}
             );
             error.code='ARCANE_CHAT_STREAM_CONTENT_INVALID';
-            console.error('Arcane chat stream delivered invalid content.',error);
+            arcaneLogging.error('Arcane chat stream delivered invalid content.',error);
             throw error;
         }
         if(!id){
-            console.warn('Streaming messages require ids, none specified.')
+            arcaneLogging.warn('Streaming messages require ids, none specified.')
             return false;
         }
 
@@ -2949,7 +2951,7 @@
                 return;
             }
             host.language=language;
-            console.info("Language changed to:",host.language);
+            arcaneLogging.info("Language changed to:",host.language);
             let result;
             try{result=host.languageChanged(host.language);}
             catch(error){result=Promise.reject(error);}
@@ -3266,13 +3268,13 @@
                 }else{
                     restoreRejectedStructuralDraft(messageId,context.operationId,text);
                 }
-                console.error('Arcane structural tool protocol failure.',error);
+                arcaneLogging.error('Arcane structural tool protocol failure.',error);
                 setSessionStatus(
                     pendingStructuralToolCalls.length?'tool':'ready',
                     pendingStructuralToolMessage||'Chat ready.'
                 );
             }else if(!destroyed&&bindingGeneration===sessionBindingGeneration){
-                console.error('Arcane chat request failed.',error);
+                arcaneLogging.error('Arcane chat request failed.',error);
                 if(sessionRequestMessages.every(message=>message.role==='tool')){
                     const requestMessages=[...chatOutput.children].filter(
                         candidate=>candidate.dataset.operationId===context.operationId
@@ -3541,7 +3543,7 @@
                 if(destroyed||context.signal.aborted){
                     return false;
                 }
-                console.error(
+                arcaneLogging.error(
                     internalStructuralToolFailure(error)
                         ?'Arcane structural tool protocol failure.'
                         :'The chat message could not be submitted.',
@@ -3751,7 +3753,7 @@
                 }
             }
         );
-        console.error('Speech synthesis failed.',error);
+        arcaneLogging.error('Speech synthesis failed.',error);
         return false;
     }
 

package/runtime/arcane/components/dashboard-config.html

@@ -10,6 +10,8 @@
 <html-import id="configModal" class="modal" href="./arcane/components/modal.html?v=13"></html-import>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     const host=this;
     const {default:waitForComponent}=await import('../modules/WaitForComponent.js');
     const {
@@ -65,7 +67,7 @@
         ()=>openConfig().catch(
             error=>{
                 if(!destroyed){
-                    console.error('Unable to configure dashboard:',error);
+                    arcaneLogging.error('Unable to configure dashboard:',error);
                 }
             }
         ),

package/runtime/arcane/components/data-maintenance.html

@@ -13,6 +13,8 @@
 <html-import id="maintenanceModal" class="modal" href="./arcane/components/modal.html?v=13"></html-import>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     const host=this;
     const openButton=host.shadowRoot.querySelector('#openMaintenance');
     const maintenanceModal=host.shadowRoot.querySelector('#maintenanceModal');
@@ -36,7 +38,7 @@
         ()=>openMaintenance().catch(
             error=>{
                 if(!destroyed){
-                    console.error('Unable to open maintenance:',error);
+                    arcaneLogging.error('Unable to open maintenance:',error);
                 }
             }
         ),
@@ -127,7 +129,7 @@
                         return;
                     }
                     status.innerText='Unable to complete data maintenance.';
-                    console.error('Unable to clear empty chats and memories:',error);
+                    arcaneLogging.error('Unable to clear empty chats and memories:',error);
                 }finally{
                     if(!destroyed&&generation===clearGeneration){
                         clearButton.disabled=false;

package/runtime/arcane/components/data-view.html

@@ -14,6 +14,8 @@
 <html-import id="dataModal" class="modal" href="./arcane/components/modal.html?v=13"></html-import>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     const host=this;
     const openButton=host.shadowRoot.querySelector('#openData');
     const dataModal=host.shadowRoot.querySelector('#dataModal');
@@ -39,7 +41,7 @@
         ()=>openData().catch(
             error=>{
                 if(!destroyed){
-                    console.error('Unable to open data view:',error);
+                    arcaneLogging.error('Unable to open data view:',error);
                 }
             }
         ),

package/runtime/arcane/components/directory-picker.html

@@ -30,6 +30,8 @@
 </div>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     const host=this;
     const root=host.shadowRoot;
     const {default:DirectoryPicker}=await import('../modules/DirectoryPicker.js');
@@ -67,7 +69,7 @@
     choose.addEventListener(
         'click',
         ()=>select().catch(
-            error=>console.error('Unable to select a directory:',error)
+            error=>arcaneLogging.error('Unable to select a directory:',error)
         ),
         {signal:lifecycleController.signal}
     );

package/runtime/arcane/components/file-manager.html

@@ -343,6 +343,8 @@
 <html-import id="deleteModal" class="modal" href="./arcane/components/modal.html?v=13"></html-import>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     import('../modules/DBOPFS.js');
     //importing Document at the end of the file to avoid blocking;
 
@@ -461,7 +463,7 @@
         ()=>uploadFiles().catch(
             error=>{
                 if(!destroyed){
-                    console.error('Unable to upload files:',error);
+                    arcaneLogging.error('Unable to upload files:',error);
                 }
             }
         ),
@@ -481,7 +483,7 @@
                     openDirectory(directoryElement.dataset.directory).catch(
                         error=>{
                             if(!destroyed){
-                                console.error('Unable to open directory:',error);
+                                arcaneLogging.error('Unable to open directory:',error);
                             }
                         }
                     );
@@ -1205,7 +1207,7 @@
                         false,
                         nextOperationId('open-error')
                     );
-                    console.error('Unable to open file:',error);
+                    arcaneLogging.error('Unable to open file:',error);
                 }
                 return false;
             }
@@ -1411,7 +1413,7 @@
             ()=>confirmDelete(directory,fileName,true).catch(
                 error=>{
                     if(!destroyed){
-                        console.error('Unable to delete file:',error);
+                        arcaneLogging.error('Unable to delete file:',error);
                     }
                 }
             ),
@@ -1455,7 +1457,7 @@
         }catch(error){
             if(!destroyed&&generation===fileOpenGeneration){
                 status.innerText='Unable to open this file.';
-                console.error('Unable to open file:',error);
+                arcaneLogging.error('Unable to open file:',error);
             }
             return false;
         }
@@ -1649,7 +1651,7 @@
                 }
 
                 openFile(directory,fileName).catch(
-                    error=>console.error('Unable to open file:',error)
+                    error=>arcaneLogging.error('Unable to open file:',error)
                 );
             },
             {signal:lifecycleController.signal}
@@ -1662,7 +1664,7 @@
                 }
 
                 confirmDelete(directory,fileName).catch(
-                    error=>console.error('Unable to delete file:',error)
+                    error=>arcaneLogging.error('Unable to delete file:',error)
                 );
             },
             {signal:lifecycleController.signal}
@@ -1747,7 +1749,7 @@
                         message.innerText=`Unable to delete ${fileName}.`;
                         cancelButton.disabled=false;
                         deleteButton.disabled=false;
-                        console.error('Unable to delete file:',error);
+                        arcaneLogging.error('Unable to delete file:',error);
                     }
                 }
             },
@@ -1850,7 +1852,7 @@
         }catch(error){
             if(!destroyed){
                 initialized=false;
-                console.error('Unable to initialize file manager:',error);
+                arcaneLogging.error('Unable to initialize file manager:',error);
             }
         }
     }

package/runtime/arcane/components/header.html

@@ -78,6 +78,8 @@
 </header>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     import('../entities/User.js');
     
     const host=this;
@@ -123,17 +125,17 @@
             if (skin) {
                 document.body.className = skin;
             } else {
-                console.log('No saved skin found. Using default.');
+                arcaneLogging.log('No saved skin found. Using default.');
             }
         } catch (err) {
-            console.error('Failed to set global saved skin', err);
+            arcaneLogging.error('Failed to set global saved skin', err);
         }
     }
 
     // Check if user can connect to the internet (make sure the cloud can be reached)
     async function checkInternet() {
         const online = navigator.onLine;
-        console.log(`Internet status: ${online ? 'Online' : 'Offline'}`);
+        arcaneLogging.log(`Internet status: ${online ? 'Online' : 'Offline'}`);
         host.shadowRoot.querySelector('.internet-status')
             .classList
             .toggle('online', online);

package/runtime/arcane/components/markdown-document.html

@@ -211,6 +211,8 @@
 </section>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     const host=this;
     host.ready=false;
 
@@ -883,7 +885,7 @@
             Promise.resolve(options.onNavigate(detail,{signal:lifecycleController.signal,operationId})).catch(
                 error=>{
                     if(!destroyed){
-                        console.error('Markdown document navigation callback failed.',error);
+                        arcaneLogging.error('Markdown document navigation callback failed.',error);
                     }
                 }
             );

package/runtime/arcane/components/markdown-editor.html

@@ -74,6 +74,8 @@
 </section>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     const host=this;
     const {default:MD}=await import('../modules/MD.js?v=2');
     const {
@@ -229,7 +231,7 @@
         emit('markdown-editor-change',detail,detail);
         if(options.onChange){
             Promise.resolve(options.onChange(detail)).catch(
-                error=>console.error('Markdown change callback failed:',error)
+                error=>arcaneLogging.error('Markdown change callback failed:',error)
             );
         }
     }
@@ -329,7 +331,7 @@
                 return false;
             }
             status.innerText=options.labels.saveError;
-            console.error('Unable to save Markdown content:',error);
+            arcaneLogging.error('Unable to save Markdown content:',error);
             return false;
         }finally{
             if(saveController===controller){

package/runtime/arcane/components/modal.html

@@ -156,6 +156,8 @@
 </dialog>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     const host=this;
     const shadowRoot=host.shadowRoot;
     const {createArcaneEventSource,projectArcaneDOMEvent}=await import('arcane-os/event-manager');
@@ -384,7 +386,7 @@
             }catch(error){
                 rows[index].row.dataset.status='failed';
                 rows[index].status.innerText='Unable to complete';
-                console.error(`Unable to complete ${job.name}:`,error);
+                arcaneLogging.error(`Unable to complete ${job.name}:`,error);
                 throw error;
             }
         }));

package/runtime/arcane/components/screen-capture.html

@@ -1,10 +1,12 @@
 <link rel="stylesheet" href="./arcane/css/theme.css?v=1"><link rel="stylesheet" href="./arcane/css/primitives.css?v=1">
 <style>:host{display:block}.capture{display:grid;gap:var(--arcane-space-4)}.actions{display:grid;gap:var(--arcane-space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.action{display:grid;gap:var(--arcane-space-2);padding:var(--arcane-space-4);text-align:left}.action strong{font-size:1.05rem}.action span{color:var(--arcane-muted);font-size:.85rem}.recording{align-items:center;display:flex;gap:var(--arcane-space-3);justify-content:space-between;padding:var(--arcane-space-3);border:1px solid var(--arcane-border);border-radius:var(--arcane-radius-medium)}.preview{display:grid;place-items:center;min-height:16rem;overflow:auto;background:var(--arcane-surface-muted);border:1px solid var(--arcane-border);border-radius:var(--arcane-radius-large)}.preview :where(img,video){display:block}.empty{color:var(--arcane-muted);text-align:center}.status{margin:0;color:var(--arcane-muted)}@media(max-width:44rem){.actions{grid-template-columns:1fr}}</style>
 <section class="capture"><div class="actions"><button class="action arcane-card" type="button" data-capture="image"><strong>Screenshot</strong><span>Capture the selected display as PNG.</span></button><button class="action arcane-card" type="button" data-capture="video"><strong>Record video</strong><span>Record the selected display in a browser-supported video format.</span></button><button class="action arcane-card" type="button" data-capture="gif"><strong>Record GIF</strong><span>Record the selected display as an animated GIF.</span></button></div><div id="recording" class="recording" hidden><span id="recordingLabel">Recording…</span><button id="stop" class="arcane-button" type="button">Stop recording</button></div><div id="preview" class="preview"><div class="empty"><strong>No capture yet</strong><p>Your capture remains on this device unless you choose to save it.</p></div></div><p id="status" class="status" role="status" aria-live="polite">Choose a capture type. Your browser will ask which display to share.</p></section>
-<script type="module">const host=this,root=host.shadowRoot,preview=root.querySelector('#preview'),recording=root.querySelector('#recording'),status=root.querySelector('#status');const {default:ScreenCapture}=await import('../modules/ScreenCapture.js');const {createArcaneEventSource,projectArcaneDOMEvent}=await import('arcane-os/event-manager');const events=createArcaneEventSource(host,{source:'arcane.component.screen-capture',eventTypes:['screen-capture-result','screen-capture-ready']});const capture=new ScreenCapture(),listeners=new AbortController();let destroyed=false,operationGeneration=0,previewUrl='';
+<script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+const host=this,root=host.shadowRoot,preview=root.querySelector('#preview'),recording=root.querySelector('#recording'),status=root.querySelector('#status');const {default:ScreenCapture}=await import('../modules/ScreenCapture.js');const {createArcaneEventSource,projectArcaneDOMEvent}=await import('arcane-os/event-manager');const events=createArcaneEventSource(host,{source:'arcane.component.screen-capture',eventTypes:['screen-capture-result','screen-capture-ready']});const capture=new ScreenCapture(),listeners=new AbortController();let destroyed=false,operationGeneration=0,previewUrl='';
 function emit(type,detail={},publicDetail={},operationId=null){if(destroyed)return false;const publication=events.dispatch(type,detail,{operationId,publicDetail});return projectArcaneDOMEvent(host,publication.occurrence,{bubbles:true,composed:true})}
 function current(generation){return !destroyed&&generation===operationGeneration}
-function cleanupCaptureStart(originalError=null){const cleanupErrors=[];if(capture.recorder&&capture.recorder.state!=='inactive'){try{capture.recorder.stop()}catch(error){cleanupErrors.push(error)}}try{capture.stopTracks(capture.stream)}catch(error){cleanupErrors.push(error)}try{capture.reset()}catch(error){cleanupErrors.push(error)}for(const error of cleanupErrors)console.error('Error cleaning up rejected screen capture start:',error);return originalError}
+function cleanupCaptureStart(originalError=null){const cleanupErrors=[];if(capture.recorder&&capture.recorder.state!=='inactive'){try{capture.recorder.stop()}catch(error){cleanupErrors.push(error)}}try{capture.stopTracks(capture.stream)}catch(error){cleanupErrors.push(error)}try{capture.reset()}catch(error){cleanupErrors.push(error)}for(const error of cleanupErrors)arcaneLogging.error('Error cleaning up rejected screen capture start:',error);return originalError}
 async function onCapture(event){const mode=event.target.closest('[data-capture]')?.dataset.capture;if(!mode||destroyed)return;const generation=++operationGeneration;setButtons(true);try{if(mode==='image'){status.textContent='Choose a display to capture…';const result=await capture.captureImage();if(!current(generation))return;showResult(result,generation)}else{status.textContent='Choose a display to record…';if(mode==='video')await capture.startVideo();else await capture.startGif();if(!current(generation)){cleanupCaptureStart();return}recording.hidden=false;root.querySelector('#recordingLabel').textContent=mode==='gif'?'Recording GIF frames…':'Recording video…';status.textContent='Recording. Return here and press Stop when finished.'}}catch(error){const originalError=mode==='image'?error:cleanupCaptureStart(error);if(!current(generation))return;status.textContent=originalError.message;setButtons(false)}}
 async function onStop(){if(destroyed)return;const generation=operationGeneration;root.querySelector('#stop').disabled=true;status.textContent='Finishing capture…';try{const result=await capture.stop();if(current(generation)&&result)showResult(result,generation)}catch(error){if(current(generation))status.textContent=error.message}finally{if(current(generation)){recording.hidden=true;root.querySelector('#stop').disabled=false;setButtons(false)}}}
 root.querySelector('.actions').addEventListener('click',onCapture,{signal:listeners.signal});root.querySelector('#stop').addEventListener('click',onStop,{signal:listeners.signal});

package/runtime/arcane/components/speech.html

@@ -132,6 +132,8 @@
 <button id="muteButton" type="button" class="mute" aria-pressed="true" aria-label="Voice unavailable" disabled>Voice unavailable</button>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     const completeValue = (value) => value;
     const {
         createArcaneEventSource,
@@ -140,7 +142,7 @@
 
     void import('../modules/DBLS.js').catch(
         function reportDBLSImportFailure(error) {
-            console.error('The shared database runtime could not load.');
+            arcaneLogging.error('The shared database runtime could not load.');
         }
     );
     const aiModuleImport = import('../modules/AI.js');
@@ -365,7 +367,7 @@
             if (destroyed) {
                 return;
             }
-            console.error('The shared AI runtime could not load.');
+            arcaneLogging.error('The shared AI runtime could not load.');
         }
     );
 
@@ -476,10 +478,10 @@
         sttRole = snapshot.roles.stt;
         ttsRole = snapshot.roles.tts;
         if (sttRole.state === 'error' && previousSTTRole.state !== 'error') {
-            console.error('Arcane transcription runtime failed.', sttRole.error);
+            arcaneLogging.error('Arcane transcription runtime failed.', sttRole.error);
         }
         if (ttsRole.state === 'error' && previousTTSRole.state !== 'error') {
-            console.error('Arcane voice runtime failed.', ttsRole.error);
+            arcaneLogging.error('Arcane voice runtime failed.', ttsRole.error);
         }
         clearSettledTTSIntent();
         applyRoleTransitions(previousSTTRole, previousTTSRole);
@@ -1048,7 +1050,7 @@
             `ARCANE_SPEECH_TTS_${action.toUpperCase()}_REJECTED`
         );
         const reason = `tts-${action}-rejected`;
-        console.error(`Arcane voice ${action} request failed.`, error);
+        arcaneLogging.error(`Arcane voice ${action} request failed.`, error);
         dispatchSpeechEvent(
             'speech-tts-lifecycle-error',
             {
@@ -1113,7 +1115,7 @@
             tone: 'error'
         };
         const errorFields = publicSpeechErrorFields(error, failure.code);
-        console.error(`Arcane ${normalizedBoundary} speech operation failed.`, error);
+        arcaneLogging.error(`Arcane ${normalizedBoundary} speech operation failed.`, error);
         dispatchSpeechEvent(
             'speech-synthesis-error',
             {
@@ -1535,7 +1537,7 @@
             'ARCANE_SPEECH_STT_TRANSCRIPTION_REQUEST_REJECTED'
         );
         const reason = 'stt-transcription-rejected';
-        console.error('Arcane speech transcription failed.', error);
+        arcaneLogging.error('Arcane speech transcription failed.', error);
         dispatchSpeechEvent(
             'speech-transcription-error',
             {
@@ -1642,7 +1644,7 @@
         if (session.audioContext.state !== 'closed') {
             void session.audioContext.close().catch(
                 function reportAudioContextCloseFailure(error) {
-                    console.warn('The microphone audio context could not close.');
+                    arcaneLogging.warn('The microphone audio context could not close.');
                 }
             );
         }

package/runtime/arcane/components/table.html

@@ -17,6 +17,8 @@
 </table>
 
 <script type="module">
+    const {arcaneLogging}=await import('arcane-os/logging');
+
     const host = this;
     const shadowRoot=this.shadowRoot;
     const {createArcaneEventSource,projectArcaneDOMEvent}=
@@ -68,7 +70,7 @@
         tableBody.innerHTML = '';
 
         tableArray.forEach(
-            (row)=>{ console.log('row',row);
+            (row)=>{ arcaneLogging.log('row',row);
                 const tr = tableBody.insertRow();
                 row.forEach(
                     (cellValue)=>{