arcane-os 0.5.13 → 0.5.14

package/docs/reference/sdk-api.md

@@ -1,7 +1,7 @@
 # Arcane OS SDK JavaScript API
 
 The npm package exposes a Node.js ESM control plane, the portable
-`arcane-os/event-manager`, `arcane-os/mail`, `arcane-os/preference-store`, and
+`arcane-os/event-manager`, `arcane-os/logging`, `arcane-os/mail`, `arcane-os/preference-store`, and
 `arcane-os/speech-playback` entrypoints, and the browser-only
 `arcane-os/ai/browser-wasm` and `arcane-os/ai/browser-speech` entrypoints.
 Those package subpaths are distinct from application-facing projection modules
@@ -18,7 +18,7 @@ This table is the Node `package.json#exports` map: it defines package
 entrypoints for SDK/tooling code. It is distinct from the generated browser
 import map that resolves application-facing `arcane/*` modules and the focused
 EventManager entry. See [browser runtime delivery](protocols.md#browser-runtime-delivery)
-for the installed-inventory-derived physical-runtime contract in SDK `0.5.12`.
+for the installed-inventory-derived physical-runtime contract in SDK `0.5.14`.
 
 | Specifier | Purpose |
 | --- | --- |
@@ -33,6 +33,7 @@ for the installed-inventory-derived physical-runtime contract in SDK `0.5.12`.
 | `arcane-os/packager` | Low-level browser app packager. |
 | `arcane-os/release-bundle` | Deterministic external release bundles. |
 | `arcane-os/event-manager` | Central synchronous events, complete time-travel history, playback, and optional DOM instrumentation. |
+| `arcane-os/logging` | Shared console diagnostics controlled by the existing `user.developer` preference. |
 | `arcane-os/preference-store` | Portable preference records and injected storage adapters. |
 | `arcane-os/speech-playback` | Portable speech preparation, playback state, and injected media adapters. |
 | `arcane-os/ai/browser-wasm` | Caller-selected browser-local Wllama inference, complete DBOPFS model storage, streaming, cancellation, and structural tool-call results. |
@@ -52,7 +53,7 @@ Protocol mechanics are intentionally kept in the [deep protocol guide](protocols
 
 ## Canonical member inventory
 
-The current JavaScript member total is derived mechanically from every `.mjs`
+The current JavaScript member total is derived mechanically from every JavaScript
 entrypoint in `package.json#exports`. Records are grouped by export name and
 `Object.is()` binding identity, then retain the sorted entrypoints that expose
 that binding; `memberCount` in
@@ -259,6 +260,8 @@ browser map are cataloged separately in [Runtime modules](runtime-modules.md).
 | `resolveMailConfig()` | function | `arcane-os/mail` | Portable Mail | Node with explicit configuration, or browser/native WebView with optional document and location defaults |
 | `sendMailReport()` | function | `arcane-os/mail` | Portable Mail | Node and browser with Fetch and AbortController, or an explicit fetch implementation |
 | `serializeMailReport()` | function | `arcane-os/mail` | Portable Mail | Node and browser |
+| `arcaneLogging` | singleton | `arcane-os/logging` | Shared logging | Node and browser |
+| `readArcaneDeveloperMode()` | function | `arcane-os/logging` | Shared logging | Node and browser |
 
 # Packaging and release bundles
 
@@ -748,7 +751,7 @@ deterministic map. The package root also contains the public
 {
   schemaVersion: 1,
   kind: 'arcane-app-runtime-projection',
-  sdkVersion: '0.5.12',
+  sdkVersion: '0.5.14',
   pathPrefix: 'arcane/',
   files: [{path}]
 }
@@ -2667,7 +2670,7 @@ The import-map operation also reports the stable operation-specific strings
 `ARCANE_IMPORT_MAP_INVALID`, `ARCANE_IMPORT_MAP_UNRESOLVED`, and
 `ARCANE_IMPORT_MAP_COLLISION`; package assembly can additionally report
 `ARCANE_IMPORT_MAP_CLEANUP_FAILED`. They are normalized `ArcaneError.code`
-values, but are not properties added to this general registry in SDK `0.5.12`.
+values, but are not properties added to this general registry in SDK `0.5.14`.
 
 ### Value and import
 
@@ -3437,7 +3440,7 @@ workspace it additionally returns the exact installed package authority:
     packageSource,
     canonicalPackageRoot,
     packageName: 'arcane-os',
-    packageVersion: '0.5.12',
+    packageVersion: '0.5.14',
     runtimeRoot,
     browserRuntimeRoot
   }
@@ -3445,9 +3448,9 @@ workspace it additionally returns the exact installed package authority:
 ```
 
 The dependency can be named `arcane-os` or be one exact npm alias for
-`npm:arcane-os@0.5.12`. The selected installation must still be one direct,
+`npm:arcane-os@0.5.14`. The selected installation must still be one direct,
 physical, non-link package directory whose manifest identifies exactly as
-`arcane-os@0.5.12`; duplicate canonical/alias declarations reject.
+`arcane-os@0.5.14`; duplicate canonical/alias declarations reject.
 `allowMissingManagedImportMap` is an internal packaging/development seam. An
 ordinary caller should leave it `false`.
 
@@ -6728,6 +6731,89 @@ import {serializeMailReport} from 'arcane-os/mail';
 const body = serializeMailReport(report);
 ```
 
+# Shared logging
+
+## arcaneLogging
+
+### Overview
+
+Shared console owner for Arcane runtime and application diagnostics. Available
+in SDK `0.5.14`, it reads the existing `user.developer` preference on every
+diagnostic emission after the shared user is ready. Enable developer mode in
+the application's profile settings. There is no separate verbosity setting.
+See [speech developer diagnostics](ai/browser-speech.md#developer-diagnostics)
+for API calls, generation queue state, and playback events.
+
+### Signature and result
+
+```text
+const arcaneLogging
+arcaneLogging.enabled
+arcaneLogging.log(...args)
+arcaneLogging.info(...args)
+arcaneLogging.debug(...args)
+arcaneLogging.warn(...args)
+arcaneLogging.error(...args)
+arcaneLogging.trace(...args)
+```
+
+`enabled` is a boolean getter for the current shared preference, not another
+setting. `log`, `info`, and `debug` forward to `console.info` when enabled, so
+diagnostics appear at the console's normal Info level. `warn`, `error`, and
+failure `trace` calls forward to their corresponding console methods in either
+mode. Each method returns `undefined`; a console failure does not change the
+operation being observed.
+
+### Availability and normalization
+
+**Node and browser.** Imports reuse the same realm-local owner through
+`Symbol.for('arcane.logging')`, also exposed as `globalThis.arcaneLogging`.
+Arguments pass to the host console unchanged, including complete object
+references. The logger does not serialize content, retain diagnostic history,
+write storage, or send network requests. Diagnostics remain disabled while
+the shared user is not ready. The logger does not select a language or change
+speech generation and playback behavior.
+
+### Example
+
+```javascript
+import {arcaneLogging} from 'arcane-os/logging';
+
+arcaneLogging.info('AI request', request);
+arcaneLogging.info('AI response', parsedResponse);
+```
+
+## readArcaneDeveloperMode()
+
+### Overview
+
+Reads the same developer-mode preference used by `arcaneLogging`, preserving
+the unloaded-user state without creating or changing a setting.
+
+### Signature and result
+
+```text
+readArcaneDeveloperMode(target=globalThis)
+```
+
+`target` supplies the shared `user`. The result is `null` until
+`target.user.ready === true`, then `true` only when
+`target.user.developer === true`; other loaded preference values return
+`false`. If preference access throws, the reader returns `false`.
+
+### Availability and normalization
+
+**Node and browser.** Reads the supplied target synchronously. It performs no
+subscription, write, or logging, and does not cache the preference.
+
+### Example
+
+```javascript
+import {readArcaneDeveloperMode} from 'arcane-os/logging';
+
+const developerMode=readArcaneDeveloperMode();
+```
+
 ## Data export subpaths
 
 The package also exposes eight JSON Schemas (including `arcane-os/schemas/event-stack.json`) and its package manifest. These are data contracts, not callable JavaScript members. See [schema contracts](../architecture.md) and the files under `schemas/`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arcane-os",
-  "version": "0.5.13",
+  "version": "0.5.14",
   "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",
@@ -65,7 +66,7 @@
     "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: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;
             }
         }));