arcane-os 0.3.0 → 0.3.2

package/runtime/arcane/components/speech.html

@@ -5,7 +5,7 @@
         --arcane-speech-padding-block-start: .65rem;
         --arcane-speech-padding-inline: .75rem;
         display: grid;
-        grid-template-columns: auto minmax(0, 1fr) max-content max-content;
+        grid-template-columns: auto minmax(0, 1fr) max-content;
         align-items: center;
         gap: var(--arcane-space-3, .75rem);
         box-sizing: border-box;
@@ -94,16 +94,8 @@
         color: var(--arcane-danger, var(--danger-color));
     }
 
-    #endButton {
-        grid-column: 3;
-        justify-self: end;
-        background: var(--arcane-danger, var(--danger-color));
-        border-color: var(--arcane-danger, var(--danger-color));
-        color: var(--arcane-action-text, var(--button-text-color, var(--text-color)));
-    }
-
     #muteButton {
-        grid-column: 4;
+        grid-column: 3;
         justify-self: end;
         float: none;
         background: var(--arcane-secondary, var(--secondary-color));
@@ -125,11 +117,6 @@
             grid-column: 2 / span 2;
         }
 
-        #endButton {
-            grid-row: 1;
-            grid-column: 2;
-        }
-
         #muteButton {
             grid-row: 1;
             grid-column: 3;
@@ -142,10 +129,10 @@
 <button id="sttActivationButton" type="button" hidden disabled>Start transcription</button>
 <button id="stopButton" type="button" class="hidden" disabled>Send</button>
 <p id="speechStatus" class="speech_status" role="status" aria-live="polite"></p>
-<button id="endButton" type="button" class="end">End</button>
 <button id="muteButton" type="button" class="mute" aria-pressed="true" aria-label="Voice unavailable" disabled>Voice unavailable</button>
 
 <script type="module">
+    const completeValue = (value) => value;
     const {
         createArcaneEventSource,
         projectArcaneDOMEvent
@@ -187,7 +174,6 @@
     const recordButton = shadowRoot.querySelector('#recordButton');
     const sttActivationButton = shadowRoot.querySelector('#sttActivationButton');
     const stopButton = shadowRoot.querySelector('#stopButton');
-    const endButton = shadowRoot.querySelector('#endButton');
     const muteButton = shadowRoot.querySelector('#muteButton');
     const speechStatus = shadowRoot.querySelector('#speechStatus');
     const silenceDuration = 0;
@@ -260,17 +246,23 @@
 
     function publicSpeechErrorFields(error, boundaryCode) {
         let causeCode = '';
+        let message = '';
         try {
             causeCode = typeof error?.code === 'string'
-                ? error.code.trim()
+                ? error.code
+                : '';
+            message = typeof error?.message === 'string'
+                ? error.message
                 : '';
         } catch {}
-        return Object.freeze(
+        return completeValue(
             {
+                error,
                 code: boundaryCode,
                 ...(causeCode && causeCode !== boundaryCode
                     ? { causeCode }
-                    : {})
+                    : {}),
+                ...(message ? { message } : {})
             }
         );
     }
@@ -327,7 +319,7 @@
         }
     );
 
-    const lifecycleListenerOptions = Object.freeze(
+    const lifecycleListenerOptions = completeValue(
         { signal: runtimeStateAbortController.signal }
     );
     recordButton.addEventListener('pointerdown', handleRecordPointerDown, lifecycleListenerOptions);
@@ -339,7 +331,6 @@
     recordButton.addEventListener('blur', handleRecordBlur, lifecycleListenerOptions);
     stopButton.addEventListener('click', stop, lifecycleListenerOptions);
     muteButton.addEventListener('click', muteToggle, lifecycleListenerOptions);
-    endButton.addEventListener('click', submitCompletionCommand, lifecycleListenerOptions);
     window.addEventListener(
         'pagehide',
         destroy,
@@ -352,8 +343,8 @@
             signal: runtimeStateAbortController.signal
         }
     );
-    if (!host.initialMuted && ttsRole.state === 'ready') {
-        host.muted = false;
+    if (!host.initialMuted) {
+        applyConfiguredMutedState(false);
     }
     synchronizeAIMutedState();
     renderControls();
@@ -385,7 +376,7 @@
     );
 
     function unavailableRole(role) {
-        return Object.freeze(
+        return completeValue(
             {
                 role,
                 state: 'unavailable',
@@ -458,6 +449,13 @@
         if (microphoneWasAvailable && !host.availability.microphone) {
             cancelSTTOperation('microphone-unavailable');
         }
+        if (
+            !microphoneWasAvailable
+            && host.availability.microphone
+            && localStatus?.owner === 'microphone'
+        ) {
+            localStatus = null;
+        }
         applyRoleTransitions(previousSTTRole, previousTTSRole);
         return { ...host.availability };
     }
@@ -482,9 +480,12 @@
         if (muted) {
             requestUserMute();
         } else {
-            pendingUnmute = false;
-            host.muted = ttsRole.state !== 'ready';
-            synchronizeAIMutedState();
+            pendingUnmute = true;
+            host.muted = true;
+            if (!settleSuccessfulUnmute()) {
+                synchronizeAIMutedState();
+                continuePendingUnmute();
+            }
         }
         renderControls();
         renderStatus();
@@ -495,6 +496,12 @@
         const previousTTSRole = ttsRole;
         sttRole = snapshot.roles.stt;
         ttsRole = snapshot.roles.tts;
+        if (sttRole.state === 'error' && previousSTTRole.state !== 'error') {
+            console.error('Arcane transcription runtime failed.', sttRole.error);
+        }
+        if (ttsRole.state === 'error' && previousTTSRole.state !== 'error') {
+            console.error('Arcane voice runtime failed.', ttsRole.error);
+        }
         clearSettledTTSIntent();
         applyRoleTransitions(previousSTTRole, previousTTSRole);
     }
@@ -524,6 +531,7 @@
         }
 
         settleSuccessfulUnmute();
+        continuePendingUnmute();
 
         synchronizeAIMutedState();
         renderControls();
@@ -742,19 +750,21 @@
         if (!progress) {
             return fallback;
         }
-
-        const amount = progress.total === null
-            ? `${progress.completed} ${progress.unit}`
-            : `${progress.completed} of ${progress.total} ${progress.unit}`;
-        const heartbeat = progress.heartbeat ? ', active heartbeat' : '';
-        return `${progress.phase}, ${amount}${heartbeat}`;
+        return progress.phase;
     }
 
     function visibleErrorMessage(error, fallback) {
-        const message = typeof error?.message === 'string'
-            ? error.message.trim()
-            : '';
-        return (message || fallback).slice(0, 240);
+        try {
+            if (error?.userSafe === true) {
+                const message = typeof error.userMessage === 'string'
+                    ? error.userMessage
+                    : error.message;
+                if (typeof message === 'string' && message.trim()) {
+                    return message;
+                }
+            }
+        } catch {}
+        return fallback;
     }
 
     async function observeMicrophonePermission() {
@@ -880,11 +890,6 @@
         stop();
     }
 
-    function submitCompletionCommand(event) {
-        event.target.disabled = true;
-        void transcribe('End now, run all tool functions.');
-    }
-
     function muteToggle() {
         if (pendingTTSIntent === 'load' || ttsRole.state === 'loading') {
             requestUserMute();
@@ -982,6 +987,25 @@
         return true;
     }
 
+    function continuePendingUnmute() {
+        if (!pendingUnmute || destroyed || !selectedRole(ttsRole)) {
+            return false;
+        }
+        if (
+            pendingTTSIntent === 'load'
+            || activeTTSIntent?.action === 'load'
+            || ttsRole.state === 'loading'
+        ) {
+            return false;
+        }
+        if (ttsRole.state !== 'unloaded') {
+            return false;
+        }
+
+        void requestUserUnmute();
+        return true;
+    }
+
     async function requestTTSIntent(action, reason) {
         if (destroyed) {
             return false;
@@ -991,7 +1015,7 @@
         }
         const generation = ++ttsIntentGeneration;
         const operationId = nextSpeechOperationId(`tts-${action}`);
-        const intent = Object.freeze({ action, generation, operationId });
+        const intent = completeValue({ action, generation, operationId });
         activeTTSIntent = intent;
         ttsOperationId = operationId;
         pendingTTSIntent = action === 'load' && ttsRole.state === 'ready'
@@ -1054,6 +1078,7 @@
             `ARCANE_SPEECH_TTS_${action.toUpperCase()}_REJECTED`
         );
         const reason = `tts-${action}-rejected`;
+        console.error(`Arcane voice ${action} request failed.`, error);
         dispatchSpeechEvent(
             'speech-tts-lifecycle-error',
             {
@@ -1084,43 +1109,58 @@
         if (destroyed) {
             return false;
         }
-        const playbackRejected = boundary === 'playback';
-        const message = visibleErrorMessage(
-            error,
-            playbackRejected
-                ? 'Speech playback failed.'
-                : 'Speech synthesis failed.'
-        );
+        const failures = {
+            synthesis: {
+                code: 'ARCANE_SPEECH_TTS_SYNTHESIS_REQUEST_REJECTED',
+                message: 'Speech synthesis failed.',
+                reason: 'tts-synthesis-rejected'
+            },
+            decode: {
+                code: 'ARCANE_SPEECH_TTS_DECODE_REJECTED',
+                message: 'Speech audio could not be decoded.',
+                reason: 'tts-decode-rejected'
+            },
+            'playback-start': {
+                code: 'ARCANE_SPEECH_TTS_PLAYBACK_START_REJECTED',
+                message: 'Speech playback could not start.',
+                reason: 'tts-playback-start-rejected'
+            },
+            'playback-resume': {
+                code: 'ARCANE_SPEECH_TTS_PLAYBACK_RESUME_REJECTED',
+                message: 'Speech playback could not resume.',
+                reason: 'tts-playback-resume-rejected'
+            }
+        };
+        const normalizedBoundary = Object.hasOwn(failures, boundary)
+            ? boundary
+            : 'synthesis';
+        const failure = failures[normalizedBoundary];
+        const message = visibleErrorMessage(error, failure.message);
         host.muted = true;
         stopTTSPlayback();
         localStatus = {
-            message: `${playbackRejected ? 'Speech playback' : 'Speech synthesis'} failed: ${message}`,
+            message,
             tone: 'error'
         };
-        const errorFields = publicSpeechErrorFields(
-            error,
-            playbackRejected
-                ? 'ARCANE_SPEECH_TTS_PLAYBACK_RESUME_REJECTED'
-                : 'ARCANE_SPEECH_TTS_SYNTHESIS_REQUEST_REJECTED'
-        );
-        const reason = playbackRejected
-            ? 'tts-playback-resume-rejected'
-            : 'tts-synthesis-rejected';
+        const errorFields = publicSpeechErrorFields(error, failure.code);
+        console.error(`Arcane ${normalizedBoundary} speech operation failed.`, error);
         dispatchSpeechEvent(
             'speech-synthesis-error',
             {
+                boundary: normalizedBoundary,
                 ...errorFields,
                 error,
                 message,
-                reason
+                reason: failure.reason
             },
             {
                 bubbles: true,
                 composed: true,
-                operationId: nextSpeechOperationId('synthesis'),
+                operationId: nextSpeechOperationId(`tts-${normalizedBoundary}`),
                 publicDetail: {
+                    boundary: normalizedBoundary,
                     ...errorFields,
-                    reason
+                    reason: failure.reason
                 }
             }
         );
@@ -1156,7 +1196,7 @@
 
         void Promise.resolve(aiRuntime.resumeAudio()).catch(
             function reportTTSResumeFailure(error) {
-                reportTTSError(error, 'playback');
+                reportTTSError(error, 'playback-resume');
             }
         );
     }
@@ -1170,7 +1210,7 @@
             {
                 operationId,
                 publicDetail: {
-                    characterCount: transcription.length
+                    text: transcription
                 }
             }
         );
@@ -1214,11 +1254,14 @@
                 ['NotAllowedError', 'NotFoundError', 'NotReadableError', 'SecurityError']
                     .includes(error?.name)
             ) {
-                setAvailability({ microphone: false });
                 localStatus = {
                     message: 'Microphone access is unavailable. Text chat is still available.',
-                    tone: 'error'
+                    tone: 'error',
+                    owner: 'microphone'
                 };
+                if (microphonePermissionStatus?.state === 'denied') {
+                    setAvailability({ microphone: false });
+                }
                 dispatchSpeechEvent(
                     'speech-microphone-unavailable',
                     { reason: error.name },
@@ -1466,6 +1509,7 @@
             'ARCANE_SPEECH_STT_TRANSCRIPTION_REQUEST_REJECTED'
         );
         const reason = 'stt-transcription-rejected';
+        console.error('Arcane speech transcription failed.', error);
         dispatchSpeechEvent(
             'speech-transcription-error',
             {

package/runtime/arcane/components/terminal-workspace.html

@@ -1,9 +1,9 @@
 <link rel="stylesheet" href="./arcane/css/primitives.css?v=1">
 <style>
     :host{display:block;height:100%;min-height:18rem;--terminal-bg:var(--background,rgb(244, 246, 251));--terminal-fg:var(--text-color,rgb(23, 34, 56));--terminal-muted:var(--muted-text-color,rgb(95, 107, 130));--terminal-accent:var(--focus-color,rgb(118, 87, 213));--terminal-danger:var(--danger-color,rgb(165, 56, 56));--terminal-font:ui-monospace,"Cascadia Code","SFMono-Regular",Consolas,monospace;--terminal-font-size:14px;--terminal-line-height:1.55;--terminal-opacity:1}
-    *{box-sizing:border-box}.workspace{background:color-mix(in srgb,var(--terminal-bg) calc(var(--terminal-opacity)*100%),transparent);border:1px solid color-mix(in srgb,var(--terminal-accent) 20%,transparent);border-radius:.85rem;color:var(--terminal-fg);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;overflow:hidden;box-shadow:0 1.5rem 5rem rgba(0,0,0,.28)}
+    *{box-sizing:border-box}.workspace{background:color-mix(in srgb,var(--terminal-bg) calc(var(--terminal-opacity)*100%),transparent);border:1px solid color-mix(in srgb,var(--terminal-accent) 20%,transparent);border-radius:.85rem;color:var(--terminal-fg);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;overflow:visible;box-shadow:0 1.5rem 5rem rgba(0,0,0,.28)}
     .tabs,.toolbar{align-items:center;background:color-mix(in srgb,var(--terminal-bg) 88%,white 12%);display:flex;gap:.35rem;min-width:0;padding:.45rem .65rem}.tabs{border-bottom:1px solid color-mix(in srgb,var(--terminal-fg) 10%,transparent)}
-    .tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:.45rem;color:var(--terminal-muted);display:flex;font:600 .78rem/1 var(--terminal-font);gap:.35rem;max-width:13rem;padding:.55rem .65rem}.tab[aria-selected="true"]{background:color-mix(in srgb,var(--terminal-accent) 12%,transparent);border-color:color-mix(in srgb,var(--terminal-accent) 30%,transparent);color:var(--terminal-fg)}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-close{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 .15rem}.new-session,.tool{background:transparent;border:1px solid transparent;border-radius:.4rem;color:var(--terminal-muted);cursor:pointer;font:600 .78rem/1 var(--terminal-font);padding:.55rem}.new-session:hover,.tool:hover{border-color:color-mix(in srgb,var(--terminal-accent) 25%,transparent);color:var(--terminal-fg)}
+    .tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:.45rem;color:var(--terminal-muted);display:flex;font:600 .78rem/1 var(--terminal-font);gap:.35rem;padding:.55rem .65rem}.tab[aria-selected="true"]{background:color-mix(in srgb,var(--terminal-accent) 12%,transparent);border-color:color-mix(in srgb,var(--terminal-accent) 30%,transparent);color:var(--terminal-fg)}.tab-label{overflow-wrap:anywhere;white-space:normal}.tab-close{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 .15rem}.new-session,.tool{background:transparent;border:1px solid transparent;border-radius:.4rem;color:var(--terminal-muted);cursor:pointer;font:600 .78rem/1 var(--terminal-font);padding:.55rem}.new-session:hover,.tool:hover{border-color:color-mix(in srgb,var(--terminal-accent) 25%,transparent);color:var(--terminal-fg)}
     .toolbar{border-bottom:1px solid color-mix(in srgb,var(--terminal-fg) 8%,transparent);justify-content:flex-end}.connection{align-items:center;display:flex;gap:.4rem;margin-right:auto;color:var(--terminal-muted);font:600 .72rem/1 var(--terminal-font);text-transform:uppercase;letter-spacing:.08em}.connection::before{background:var(--terminal-muted);border-radius:50%;content:"";height:.48rem;width:.48rem}.connection[data-state="running"]::before{background:var(--terminal-accent);box-shadow:0 0 .7rem var(--terminal-accent)}.connection[data-state="error"]::before,.connection[data-state="exited"]::before{background:var(--terminal-danger)}
     .search{background:var(--terminal-bg);border:1px solid color-mix(in srgb,var(--terminal-fg) 16%,transparent);border-radius:.4rem;color:var(--terminal-fg);font:inherit;max-width:15rem;padding:.4rem .55rem}.search[hidden]{display:none}
     .output{font:var(--terminal-font-size)/var(--terminal-line-height) var(--terminal-font);overflow:auto;overscroll-behavior:contain;padding:1rem 1.1rem;scrollbar-color:color-mix(in srgb,var(--terminal-accent) 30%,transparent) transparent;white-space:pre-wrap;word-break:break-word}.entry{min-height:1em}.entry.command{color:var(--terminal-accent);font-weight:650}.entry.system{color:var(--terminal-muted)}.entry.error{color:var(--terminal-danger)}mark{background:color-mix(in srgb,var(--terminal-accent) 38%,transparent);color:inherit}
@@ -50,11 +50,11 @@
     function addSession(session){sessions.set(session.id,{...session,entries:session.entries||[]});if(!activeId)activeId=session.id;renderTabs();render();setState(session.state||'starting');}
     function removeSession(id){sessions.delete(id);if(activeId===id)activeId=sessions.keys().next().value||'';renderTabs();render();}
     function activateSession(id){if(!sessions.has(id))return;activeId=id;renderTabs();render();setState(sessions.get(id).state||'running');input.focus();emit('terminal-session-select',{sessionId:id});}
-    function append(text,kind='output',sessionId=activeId){const session=sessions.get(sessionId);if(!session)return;session.entries.push({text:String(text??''),kind});if(session.entries.length>4000)session.entries.splice(0,session.entries.length-4000);if(sessionId===activeId)render(true);}
+    function append(text,kind='output',sessionId=activeId){const session=sessions.get(sessionId);if(!session)return;session.entries.push({text:String(text??''),kind});if(sessionId===activeId)render(true);}
     function clear(sessionId=activeId){const session=sessions.get(sessionId);if(session)session.entries=[];render();emit('terminal-clear',{sessionId});}
     function setState(state,id=activeId){const session=sessions.get(id);if(session)session.state=state;if(id===activeId){connection.dataset.state=state;connection.textContent=state;}}
     function setTheme(theme={}){for(const [key,value] of Object.entries(theme)){const name=`--terminal-${key.replace(/[A-Z]/g,match=>`-${match.toLowerCase()}`)}`;host.style.setProperty(name,String(value));}}
-    function submit(){const line=input.value.trimEnd();if(!line.trim())return;if(history.at(-1)!==line)history.push(line);historyIndex=history.length;append(`${promptLabel.textContent} ${line}\n`,'command');input.value='';resizeInput();emit('terminal-submit',{sessionId:activeId,line,history:[...history]});}
+    function submit(){const line=input.value;if(!line.trim())return;if(history.at(-1)!==line)history.push(line);historyIndex=history.length;append(`${promptLabel.textContent} ${line}\n`,'command');input.value='';resizeInput();emit('terminal-submit',{sessionId:activeId,line,history:[...history]});}
     function recall(direction){if(!history.length)return;historyIndex=Math.max(0,Math.min(history.length,historyIndex+direction));input.value=historyIndex===history.length?'':history[historyIndex];resizeInput();input.setSelectionRange(input.value.length,input.value.length);}
     function complete(){const prefix=input.value.split(/\s/).at(-1).toLowerCase();const matches=completions.filter(value=>value.toLowerCase().startsWith(prefix));if(matches.length===1)input.value=input.value.slice(0,-prefix.length)+matches[0];else if(matches.length>1)append(`${matches.join('    ')}\n`,'system');resizeInput();}
     function renderTabs(){const fragment=document.createDocumentFragment();for(const session of sessions.values()){const button=document.createElement('button');button.className='tab';button.type='button';button.setAttribute('role','tab');button.setAttribute('aria-selected',String(session.id===activeId));button.innerHTML=`<span class="tab-label"></span><span class="tab-close" aria-label="Close session">×</span>`;button.querySelector('.tab-label').textContent=session.title||session.shell||'Terminal';button.onclick=event=>{if(event.target.classList.contains('tab-close'))emit('terminal-session-close',{sessionId:session.id});else activateSession(session.id);};fragment.append(button);}const add=document.createElement('button');add.className='new-session';add.type='button';add.textContent='＋';add.title='New terminal session';add.onclick=()=>emit('terminal-session-new');fragment.append(add);tabs.replaceChildren(fragment);}

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

@@ -6,7 +6,7 @@
     <header class="arcane-card__header intro"><h2 class="arcane-section-heading">Create your own skin</h2><p class="arcane-help">Choose a small set of safe design tokens. Compatible Arcane apps use the same saved skin.</p></header>
     <div class="arcane-card__body editor">
         <div class="identity">
-            <div class="arcane-field"><label for="themeName">Skin name</label><input id="themeName" name="name" maxlength="40" required></div>
+            <div class="arcane-field"><label for="themeName">Skin name</label><input id="themeName" name="name" required></div>
             <div class="arcane-field"><label for="themeScheme">Starting contrast</label><select id="themeScheme" name="scheme"><option value="light">Light</option><option value="dark">Dark</option></select></div>
         </div>
         <div id="colors" class="colors"></div>

package/runtime/arcane/components/unified-inbox.html

@@ -1,6 +1,6 @@
 <link rel="stylesheet" href="./arcane/css/primitives.css?v=1">
 <style>
-:host{display:block;min-width:0}.toolbar{display:grid;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-color,#ccd4df)}.toolbar-row{display:flex;gap:.5rem}.toolbar input{min-width:0;width:100%}.filters{display:flex;gap:.4rem;overflow:auto}.filters button{white-space:nowrap}.list{display:grid;max-height:calc(100vh - 17rem);overflow:auto}.thread{display:grid;gap:.35rem;width:100%;padding:1rem;border:0;border-bottom:1px solid var(--border-color,#ccd4df);color:inherit;background:transparent;text-align:left}.thread:hover,.thread[aria-current="true"]{background:var(--secondary-color,#e8edf4)}.thread:focus-visible{outline:.18rem solid var(--focus-color,#7657d5);outline-offset:-.2rem}.line{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.title{overflow:hidden;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.preview{color:var(--muted-text-color,#607080);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{align-items:center;display:flex;gap:.4rem;font-size:.75rem}.badge{border:1px solid var(--border-color,#ccd4df);border-radius:999px;padding:.15rem .45rem;text-transform:uppercase}.unread{display:grid;place-items:center;min-width:1.4rem;height:1.4rem;border-radius:999px;color:var(--button-text-color,#fff);background:var(--focus-color,#7657d5);font-weight:800}.empty{padding:2rem;text-align:center}.empty p{color:var(--muted-text-color,#607080)}
+:host{display:block;min-width:0}.toolbar{display:grid;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-color,#ccd4df)}.toolbar-row{display:flex;gap:.5rem}.toolbar input{min-width:0;width:100%}.filters{display:flex;flex-wrap:wrap;gap:.4rem}.filters button{overflow-wrap:anywhere}.list{display:grid}.thread{display:grid;gap:.35rem;width:100%;padding:1rem;border:0;border-bottom:1px solid var(--border-color,#ccd4df);color:inherit;background:transparent;text-align:left}.thread:hover,.thread[aria-current="true"]{background:var(--secondary-color,#e8edf4)}.thread:focus-visible{outline:.18rem solid var(--focus-color,#7657d5);outline-offset:-.2rem}.line{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.title{font-weight:750;overflow-wrap:anywhere}.preview{color:var(--muted-text-color,#607080);overflow-wrap:anywhere}.meta{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;font-size:.75rem}.badge{border:1px solid var(--border-color,#ccd4df);border-radius:999px;padding:.15rem .45rem;text-transform:uppercase}.unread{display:grid;place-items:center;min-width:1.4rem;height:1.4rem;border-radius:999px;color:var(--button-text-color,#fff);background:var(--focus-color,#7657d5);font-weight:800}.empty{padding:2rem;text-align:center}.empty p{color:var(--muted-text-color,#607080)}
 </style>
 <section aria-label="Unified inbox">
  <div class="toolbar"><div class="toolbar-row"><input id="search" type="search" placeholder="Search conversations" aria-label="Search conversations"><button id="refresh" class="arcane-button arcane-button--tertiary" type="button">Refresh</button></div><div id="filters" class="filters" aria-label="Channel filters"></div></div>
@@ -20,6 +20,6 @@ root.querySelector('#refresh').addEventListener('click',()=>emit('inbox-refresh'
 search.addEventListener('input',render);
 function renderFilters(values){const names=['all',...new Set(values||[])];filters.replaceChildren(...names.map(name=>{const button=document.createElement('button');button.type='button';button.className='arcane-button arcane-button--tertiary';button.textContent=name==='all'?'All':name.toUpperCase();button.setAttribute('aria-pressed',String(channel===name));button.addEventListener('click',()=>{channel=name;renderFilters(values);render()});return button}))}
 function render(){const term=search.value.trim().toLowerCase();const visible=threads.filter(item=>(channel==='all'||item.channel===channel)&&(!term||`${item.title} ${item.preview} ${(item.participants||[]).join(' ')}`.toLowerCase().includes(term)));empty.hidden=visible.length>0;list.replaceChildren(...visible.map(makeThread));}
-function makeThread(item){const button=document.createElement('button');button.type='button';button.className='thread';button.setAttribute('aria-current',String(item.id===activeId));const top=document.createElement('span'),title=document.createElement('span'),time=document.createElement('time'),preview=document.createElement('span'),meta=document.createElement('span'),badge=document.createElement('span'),provider=document.createElement('span');top.className='line';title.className='title';title.textContent=item.title;time.dateTime=item.updatedAt;time.textContent=new Intl.DateTimeFormat(undefined,{month:'short',day:'numeric'}).format(new Date(item.updatedAt));preview.className='preview';preview.textContent=item.preview||'No preview';meta.className='meta';badge.className='badge';badge.textContent=item.channel;provider.textContent=providers[item.providerId]?.label||item.providerId;top.append(title,time);meta.append(badge,provider);if(item.unreadCount){const unread=document.createElement('span');unread.className='unread';unread.textContent=String(item.unreadCount);meta.append(unread)}button.append(top,preview,meta);button.addEventListener('click',()=>emit('thread-select',{thread:item},{threadId:String(item.id||''),channel:String(item.channel||'')}));return button;}
+function makeThread(item){const button=document.createElement('button');button.type='button';button.className='thread';button.setAttribute('aria-current',String(item.id===activeId));const top=document.createElement('span'),title=document.createElement('span'),time=document.createElement('time'),preview=document.createElement('span'),meta=document.createElement('span'),badge=document.createElement('span'),provider=document.createElement('span');top.className='line';title.className='title';title.textContent=item.title;time.dateTime=item.updatedAt;time.textContent=new Intl.DateTimeFormat(undefined,{month:'short',day:'numeric'}).format(new Date(item.updatedAt));preview.className='preview';preview.textContent=item.preview||'No preview';meta.className='meta';badge.className='badge';badge.textContent=item.channel;provider.textContent=providers[item.providerId]?.label||item.providerId;top.append(title,time);meta.append(badge,provider);if(item.unreadCount){const unread=document.createElement('span');unread.className='unread';unread.textContent=String(item.unreadCount);meta.append(unread)}button.append(top,preview,meta);const detail={thread:item};button.addEventListener('click',()=>emit('thread-select',detail,detail));return button;}
 host.ready=true;emit('unified-inbox-ready',{}, {ready:true});
 </script>

package/runtime/arcane/components/voice-transcription.html

@@ -60,6 +60,7 @@
 </section>
 
 <script type="module">
+    const completeValue=(value)=>value;
     const {
         createArcaneEventSource,
         projectArcaneDOMEvent
@@ -203,7 +204,7 @@
         }
     );
 
-    const lifecycleListenerOptions=Object.freeze(
+    const lifecycleListenerOptions=completeValue(
         {signal:runtimeStateAbortController.signal}
     );
     startButton.addEventListener('click',startRecording,lifecycleListenerOptions);
@@ -225,7 +226,7 @@
     );
 
     function unavailableRole(role){
-        return Object.freeze(
+        return completeValue(
             {
                 role,
                 state:'unavailable',
@@ -465,8 +466,8 @@
                 ||destroyed){
                 return false;
             }
-            const segment=typeof result==='string'?result.trim():'';
-            if(!segment){
+            const segment=typeof result==='string'?result:'';
+            if(segment.length===0){
                 setState('idle',options.messages.noSpeech);
                 return false;
             }
@@ -551,8 +552,8 @@
                 composed:true,
                 operationId,
                 publicDetail:{
-                    segmentCharacterCount:detail.text.length,
-                    transcriptCharacterCount:detail.transcript.length
+                    text:detail.text,
+                    transcript:detail.transcript
                 }
             }
         );
@@ -567,8 +568,8 @@
                 composed:true,
                 operationId,
                 publicDetail:{
-                    segmentCharacterCount:detail.text.length,
-                    transcriptCharacterCount:detail.transcript.length
+                    text:detail.text,
+                    transcript:detail.transcript
                 }
             }
         );
@@ -637,7 +638,7 @@
     }
 
     async function completeStream(){
-        if(destroyed||!transcript.trim()||!['idle','error'].includes(state)){
+        if(destroyed||transcript.length===0||!['idle','error'].includes(state)){
             return false;
         }
         const generation=sessionGeneration;
@@ -665,7 +666,7 @@
                     bubbles:true,
                     composed:true,
                     publicDetail:{
-                        transcriptCharacterCount:completionTranscript.length
+                        transcript:completionTranscript
                     }
                 }
             );
@@ -743,7 +744,7 @@
                 bubbles:true,
                 composed:true,
                 publicDetail:{
-                    transcriptCharacterCount:transcript.length
+                    transcript
                 }
             }
         );
@@ -765,7 +766,7 @@
         transcriptElement.querySelectorAll('a').forEach(
             link=>{
                 link.target='_blank';
-                link.rel='noopener noreferrer';
+                link.removeAttribute('rel');
             }
         );
     }
@@ -820,6 +821,9 @@
     function synchronizeAIRuntimeState(snapshot){
         const previousRole=sttRole;
         sttRole=snapshot.roles.stt;
+        if(sttRole.state==='error'&&previousRole.state!=='error'){
+            console.error('Arcane transcription runtime failed.',sttRole.error);
+        }
         sttActivationController.synchronize(sttRole);
         if(previousRole.state==='ready'&&sttRole.state!=='ready'){
             if(cancelSTTOperation('runtime-unready')){
@@ -853,7 +857,7 @@
         stateMessage=message;
         dispatchVoiceEvent(
             'speech-transcription-cancelled',
-            Object.freeze({reason}),
+            completeValue({reason}),
             {
                 bubbles:true,
                 composed:true,
@@ -886,7 +890,7 @@
         startButton.setAttribute('aria-label',startButton.title);
         stopButton.disabled=state!=='recording';
         completeButton.disabled=destroyed
-            ||!transcript.trim()
+            ||transcript.length===0
             ||!['idle','error'].includes(state);
         sttActivationButton.hidden=destroyed||!sttActivationController.visible;
         sttActivationButton.disabled=destroyed
@@ -905,7 +909,7 @@
         );
         dispatchVoiceEvent(
             'voice-transcription-state',
-            Object.freeze(
+            completeValue(
                 {
                     message:status.innerText,
                     state,
@@ -915,10 +919,7 @@
             {
                 bubbles:true,
                 composed:true,
-                publicDetail:{
-                    state,
-                    sttState:sttRole.state
-                }
+                publicDetail:{message:status.innerText,state,stt:sttRole}
             }
         );
     }
@@ -958,8 +959,17 @@
     }
 
     function visibleErrorMessage(error,fallback){
-        const message=typeof error?.message==='string'?error.message.trim():'';
-        return (message||fallback).slice(0,240);
+        try{
+            if(error?.userSafe===true){
+                const message=typeof error.userMessage==='string'
+                    ?error.userMessage
+                    :error.message;
+                if(typeof message==='string'&&message.trim()){
+                    return message;
+                }
+            }
+        }catch{}
+        return fallback;
     }
 
     function getOptions(){

package/runtime/arcane/entities/Calculation.js

@@ -1,13 +1,12 @@
 export default class Calculation{
     constructor({expression,result,createdAt=new Date()}={}){
-        this.expression=String(expression??'').trim();
-        if(!this.expression||this.expression.length>512) throw new TypeError('Calculation expressions must contain 1-512 characters.');
+        this.expression=String(expression??'');
+        if(!this.expression.trim()) throw new TypeError('Calculation expressions must contain text.');
         this.result=Number(result);
         if(!Number.isFinite(this.result)) throw new RangeError('Calculation result must be finite.');
         const instant=new Date(createdAt);
         if(Number.isNaN(instant.valueOf())) throw new TypeError('Calculation time is invalid.');
         this.createdAt=instant.toISOString();
-        Object.freeze(this);
     }
     toJSON(){return {...this};}
 }