arcane-os 0.3.1 → 0.3.2

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

@@ -13,8 +13,8 @@ function nextOperationId(kind){operationSequence+=1;return `${events.descriptor.
 function emit(type,detail={},publicDetail={},operationId=null){if(destroyed)return false;const publication=events.dispatch(type,detail,{publicDetail,operationId});return projectArcaneDOMEvent(host,publication.occurrence,{bubbles:true,composed:true})}
 host.setConversation=(next,items=[],options={})=>{if(destroyed)return false;thread=next||null;advisories=options?.advisories instanceof Map?options.advisories:new Map();heading.hidden=!thread;composer.hidden=!thread;if(!thread){messages.innerHTML='<div class="blank"><div><strong>Select a conversation</strong><p>Choose a thread from the inbox, or connect a service in settings.</p></div></div>';return}root.querySelector('#title').textContent=thread.title;root.querySelector('#participants').textContent=(thread.participants||[]).join(', ');root.querySelector('#badge').textContent=`${thread.channel} · ${thread.providerId}`;render(items)};
 host.setBusy=value=>{if(destroyed)return false;for(const control of composer.elements) control.disabled=Boolean(value)};host.setStatus=value=>{if(destroyed)return false;status.textContent=String(value||'')};
-composer.addEventListener('submit',event=>{event.preventDefault();const value=body.value.trim();if(!value)return;emit('communication-send',{thread,body:value},{hasThread:Boolean(thread),bodyLength:value.length},nextOperationId('send'))},{signal:lifecycleController.signal});
-function render(items){messages.replaceChildren(...Array.from(items||[]).map(item=>{const article=document.createElement('article'),text=document.createElement('p'),footer=document.createElement('footer'),time=document.createElement('time'),state=document.createElement('span');article.className=`message ${item.direction}`;text.textContent=item.body||item.subject||'';time.dateTime=item.timestamp;time.textContent=new Intl.DateTimeFormat(undefined,{dateStyle:'short',timeStyle:'short'}).format(new Date(item.timestamp));state.textContent=item.status;footer.append(time,state);article.append(text,footer);const advisory=advisories.get(item);if(advisory){const note=document.createElement('aside'),title=document.createElement('strong'),summary=document.createElement('p');note.className='advisory';note.dataset.level=String(advisory.level||'caution');note.setAttribute('role','note');title.textContent=String(advisory.title||'Content advisory');summary.textContent=String(advisory.summary||'Review this message carefully.');note.append(title,summary);const signals=Array.from(advisory.signals||[]).map(String).filter(Boolean).slice(0,8);if(signals.length){const list=document.createElement('ul');for(const signal of signals){const entry=document.createElement('li');entry.textContent=signal;list.append(entry)}note.append(list)}if(advisory.actionLabel){const action=document.createElement('button');action.type='button';action.className='arcane-button arcane-button--tertiary';action.textContent=String(advisory.actionLabel);action.addEventListener('click',()=>emit('communication-advisory-action',{thread,message:item,advisory},{hasThread:Boolean(thread),level:String(advisory.level||'caution')},nextOperationId('advisory-action')),{signal:lifecycleController.signal});note.append(action)}article.append(note)}return article}));messages.scrollTop=messages.scrollHeight;}
+composer.addEventListener('submit',event=>{event.preventDefault();const value=body.value;if(!value.trim())return;const detail={thread,body:value};emit('communication-send',detail,detail,nextOperationId('send'))},{signal:lifecycleController.signal});
+function render(items){messages.replaceChildren(...Array.from(items||[]).map(item=>{const article=document.createElement('article'),text=document.createElement('p'),footer=document.createElement('footer'),time=document.createElement('time'),state=document.createElement('span');article.className=`message ${item.direction}`;text.textContent=item.body||item.subject||'';time.dateTime=item.timestamp;time.textContent=new Intl.DateTimeFormat(undefined,{dateStyle:'short',timeStyle:'short'}).format(new Date(item.timestamp));state.textContent=item.status;footer.append(time,state);article.append(text,footer);const advisory=advisories.get(item);if(advisory){const note=document.createElement('aside'),title=document.createElement('strong'),summary=document.createElement('p');note.className='advisory';note.dataset.level=String(advisory.level||'caution');note.setAttribute('role','note');title.textContent=String(advisory.title||'Content advisory');summary.textContent=String(advisory.summary||'Review this message carefully.');note.append(title,summary);const signals=Array.from(advisory.signals||[]).map(String).filter(Boolean);if(signals.length){const list=document.createElement('ul');for(const signal of signals){const entry=document.createElement('li');entry.textContent=signal;list.append(entry)}note.append(list)}if(advisory.actionLabel){const action=document.createElement('button');action.type='button';action.className='arcane-button arcane-button--tertiary';action.textContent=String(advisory.actionLabel);const detail={thread,message:item,advisory};action.addEventListener('click',()=>emit('communication-advisory-action',detail,detail,nextOperationId('advisory-action')),{signal:lifecycleController.signal});note.append(action)}article.append(note)}return article}));messages.scrollTop=messages.scrollHeight;}
 function destroy(){if(destroyed)return false;destroyed=true;lifecycleController.abort();thread=null;advisories={};events.dispose();host.ready=false;return true}
 host.clearComposer=()=>{if(destroyed)return false;body.value='';body.focus()};host.destroy=destroy;host.ready=true;emit('conversation-view-ready',{}, {ready:true});
 </script>

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

@@ -42,7 +42,7 @@
     </div>
     <div id="details-panel" class="panel details" role="tabpanel" aria-labelledby="details-tab" data-panel="details" hidden>
         <section class="metadata"><h3>Source details</h3><dl data-metadata></dl></section>
-        <form class="review"><h3 data-review-heading>Review</h3><label>Status<select data-review-status></select></label><label data-classification-field hidden><span data-classification-label>Classification</span><select data-review-classification></select></label><div data-review-fields></div><label><span data-notes-label>Notes</span><textarea data-review-notes maxlength="10000"></textarea></label><button class="save" type="submit">Save review</button><span class="save-state" aria-live="polite"></span></form>
+        <form class="review"><h3 data-review-heading>Review</h3><label>Status<select data-review-status></select></label><label data-classification-field hidden><span data-classification-label>Classification</span><select data-review-classification></select></label><div data-review-fields></div><label><span data-notes-label>Notes</span><textarea data-review-notes></textarea></label><button class="save" type="submit">Save review</button><span class="save-state" aria-live="polite"></span></form>
     </div>
 </section>
 
@@ -108,15 +108,13 @@
         projectArcaneDOMEvent(host,publication.occurrence,{bubbles:true,composed:true});
     },{signal:lifecycleController.signal});
 
-    function sameOriginUrl(value){
+    function sourceUrl(value){
         if(!String(value||'').trim()) throw new TypeError('A document source is required.');
-        const url=new URL(String(value||''),document.baseURI);
-        if(url.origin!==location.origin) throw new TypeError('Document sources must use the current application origin.');
-        return url.href;
+        return new URL(String(value||''),document.baseURI).href;
     }
 
     function pdfSourceUrl(value,page=null){
-        const url=new URL(sameOriginUrl(value));
+        const url=new URL(sourceUrl(value));
         if(page===null||page===undefined||page==='') return url.href;
         const resolvedPage=Number(page);
         if(!Number.isSafeInteger(resolvedPage)||resolvedPage<1) throw new TypeError('PDF page must be a positive integer.');
@@ -143,12 +141,8 @@
         surface.replaceChildren(paragraph);
     }
 
-    function safeMarkdown(markdown=''){
-        const template=document.createElement('template');
-        template.innerHTML=new MD(markdown).safeRendered;
-        template.content.querySelectorAll('img,video,audio,source,picture').forEach(element=>element.remove());
-        template.content.querySelectorAll('a').forEach(link=>{link.removeAttribute('href');link.removeAttribute('target');link.removeAttribute('rel');});
-        return template.innerHTML;
+    function renderMarkdownHTML(markdown=''){
+        return new MD(markdown).safeRendered;
     }
 
     function showMarkdown(){
@@ -218,7 +212,7 @@
         if(!reviewClassification.value&&reviewClassification.options.length) reviewClassification.selectedIndex=0;
         reviewFields.replaceChildren();
         for(const definition of Array.isArray(config.reviewFields)?config.reviewFields:[]){
-            const key=String(definition.key||'').replace(/[^a-z0-9._-]/gi,'-').slice(0,80);
+            const key=String(definition.key||'').replace(/[^a-z0-9._-]/gi,'-');
             if(!key) continue;
             const label=document.createElement('label'); const caption=document.createElement('span'); caption.textContent=String(definition.label||key);
             let field;
@@ -230,7 +224,7 @@
             }else{
                 field=document.createElement('input'); field.type='text';
             }
-            field.dataset.reviewField=key; field.maxLength=Math.min(Number(definition.maxLength)||10000,10000); field.placeholder=String(definition.placeholder||'');
+            field.dataset.reviewField=key; field.placeholder=String(definition.placeholder||'');
             field.value=String(config.review?.attributes?.[key]||'');
             if(definition.type==='select'&&!field.value&&field.options.length&&![...field.options].some(option=>option.value==='')) field.selectedIndex=0;
             label.append(caption,field); reviewFields.append(label);
@@ -241,7 +235,7 @@
         if(hasPdf){
             try{
                 const resolvedPage=config.pdfPage===null||config.pdfPage===undefined||config.pdfPage===''?null:Number(config.pdfPage);
-                const frame=document.createElement('iframe'); frame.className='pdf-frame'; frame.title=`Original PDF: ${config.title||'document'}${resolvedPage?`, page ${resolvedPage}`:''}`; frame.referrerPolicy='no-referrer'; frame.src=pdfSourceUrl(config.pdfUrl,resolvedPage); pdfPanel.append(frame);
+                const frame=document.createElement('iframe'); frame.className='pdf-frame'; frame.title=`Original PDF: ${config.title||'document'}${resolvedPage?`, page ${resolvedPage}`:''}`; frame.src=pdfSourceUrl(config.pdfUrl,resolvedPage); pdfPanel.append(frame);
             }catch(error){showSurfaceMessage(pdfPanel,error.message,'error');}
         }
         rawMarkdown=''; renderedMarkdown=''; markdownMessage=null;
@@ -249,11 +243,11 @@
         if(hasText){
             showSurfaceMessage(markdownSurface,'Loading document text…');
             try{
-                const response=await fetch(sameOriginUrl(config.markdownUrl),{cache:'no-store',credentials:'same-origin',signal:controller.signal});
+                const response=await fetch(sourceUrl(config.markdownUrl),{signal:controller.signal});
                 if(!response.ok) throw new Error(`Document text unavailable (${response.status}).`);
                 const markdown=await response.text();
                 if(destroyed||sequence!==loadSequence) return false;
-                rawMarkdown=markdown; renderedMarkdown=safeMarkdown(rawMarkdown); showMarkdown();
+                rawMarkdown=markdown; renderedMarkdown=renderMarkdownHTML(rawMarkdown); showMarkdown();
             }catch(error){
                 if(destroyed||sequence!==loadSequence||controller.signal.aborted) return false;
                 markdownMessage={message:error.message,className:'error'}; showMarkdown();

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

@@ -13,9 +13,6 @@
         list-style:none;
         padding:1em;
         margin:0;
-        max-height: 1em;
-        overflow: hidden;
-        transition: max-height 250ms ease-out;
     }
 
     .directory.open{
@@ -314,15 +311,13 @@
 
     .tree-entry-name{
         min-width:0;
-        overflow:hidden;
-        text-overflow:ellipsis;
-        white-space:nowrap;
+        overflow-wrap:anywhere;
     }
 
     .tree-file-count{
         color:var(--platinum,var(--text-color));
         font-size:.75em;
-        white-space:nowrap;
+        overflow-wrap:anywhere;
     }
 
     .tree-empty,
@@ -512,24 +507,8 @@
         return `${events.descriptor.instanceId}:${action}:${operationSequence}`;
     }
 
-    function publicEventDetail(name,detail={}){
-        if(name==='file-manager-action'){
-            const publicDetail={action:String(detail.action||''),kind:String(detail.entry?.kind||''),hasEntry:Boolean(detail.path)};
-            if(detail.code){
-                publicDetail.code=String(detail.code);
-            }
-            if(detail.reason){
-                publicDetail.reason=String(detail.reason);
-            }
-            return publicDetail;
-        }
-        if(name==='file-manager-open'){
-            return {trigger:String(detail.trigger||''),kind:String(detail.entry?.kind||''),hasEntry:Boolean(detail.path)};
-        }
-        if(name==='file-manager-select'){
-            return {selected:Boolean(detail.path),kind:String(detail.entry?.kind||'')};
-        }
-        return {};
+    function publicEventDetail(_name,detail={}){
+        return detail;
     }
 
     function emit(name,detail={},cancelable=false,operationId=null){
@@ -1467,31 +1446,11 @@
 
             status.remove();
 
-            if(fileRef.size<1){
-                const empty=document.createElement('h2');
-
-                if(!layout){
-                    await dbopfs.delete(directory,fileName);
-                    if(destroyed||generation!==fileOpenGeneration){
-                        return false;
-                    }
-                    await loadAll();
-                    if(destroyed||generation!==fileOpenGeneration){
-                        return false;
-                    }
-                    empty.innerText='File was empty and has been deleted';
-                }else{
-                    empty.innerText='File is empty';
-                }
-
-                content.append(empty);
-            }else{
-                const rendered=await renderFile(fileRef,{directory,fileName});
-                if(destroyed||generation!==fileOpenGeneration){
-                    return false;
-                }
-                content.append(rendered);
+            const rendered=await renderFile(fileRef,{directory,fileName});
+            if(destroyed||generation!==fileOpenGeneration){
+                return false;
             }
+            content.append(rendered);
             return true;
         }catch(error){
             if(!destroyed&&generation===fileOpenGeneration){
@@ -1551,13 +1510,11 @@
         ){
             preview=await host.previewTransform(
                 preview,
-                Object.freeze(
-                    {
-                        directory:String(context.directory||''),
-                        extension:String(fileRef.ext||''),
-                        fileName:String(context.fileName||fileRef.name||'')
-                    }
-                )
+                {
+                    directory:String(context.directory||''),
+                    extension:String(fileRef.ext||''),
+                    fileName:String(context.fileName||fileRef.name||'')
+                }
             );
         }