retold-remote 0.0.4 → 0.0.5

package/web-application/retold-remote.js

@@ -1732,432 +1732,122 @@ let tmpCode=this.codeJar.toString();this.codeJar.destroy();this.codeJar=this._co
 	 * Marshal code content from the data address into the view.
 	 */marshalToView(){super.marshalToView();if(this.codeJar&&this.options.CodeDataAddress){let tmpCode=this._resolveCodeContent();if(typeof tmpCode==='string'){this.codeJar.updateCode(tmpCode);this._updateLineNumbers();}}}/**
 	 * Marshal the current code content back to the data address.
-	 */marshalFromView(){super.marshalFromView();if(this.codeJar&&this.options.CodeDataAddress){this.onCodeChange(this.codeJar.toString());}}}module.exports=PictSectionCode;module.exports.default_configuration=_DefaultConfiguration;module.exports.createHighlighter=libCreateHighlighter;},{"./Pict-Code-Highlighter.js":47,"./Pict-Section-Code-DefaultConfiguration.js":48,"pict-view":76}],50:[function(require,module,exports){// The container for all the Pict-Section-Content related code.
-// The main content view class
-module.exports=require('./views/Pict-View-Content.js');// The content provider (markdown parsing, HTML escaping)
-module.exports.PictContentProvider=require('./providers/Pict-Provider-Content.js');},{"./providers/Pict-Provider-Content.js":51,"./views/Pict-View-Content.js":52}],51:[function(require,module,exports){const libPictProvider=require('pict-provider');const libCreateHighlighter=require('pict-section-code').createHighlighter;/**
- * Content Provider for Pict Section Content
- *
- * A general-purpose markdown-to-HTML parser with support for:
- * - Headings, paragraphs, lists, blockquotes, horizontal rules
- * - Fenced code blocks with language tags (nested fence support)
- * - Syntax highlighting and line numbers for code blocks (via pict-section-code)
- * - Tables (GFM pipe syntax)
- * - Mermaid diagram blocks
- * - KaTeX math (inline and display)
- * - Bold, italic, inline code, links, images
- *
- * Link resolution is customizable via an optional callback.
- */class PictContentProvider extends libPictProvider{constructor(pFable,pOptions,pServiceHash){super(pFable,pOptions,pServiceHash);}/**
-	 * Highlight a code string using pict-section-code's syntax highlighter.
-	 * Uses a mock element to interface with the highlighter's DOM-based API.
-	 *
-	 * @param {string} pCode - The raw code string
-	 * @param {string} pLanguage - The language identifier (e.g. "javascript", "html")
-	 * @returns {string} The syntax-highlighted HTML
-	 */highlightCode(pCode,pLanguage){if(!pCode){return'';}let tmpHighlighter=libCreateHighlighter(pLanguage);// Create a mock element to interface with the highlighter
-let tmpMockElement={textContent:pCode,innerHTML:''};tmpHighlighter(tmpMockElement);return tmpMockElement.innerHTML;}/**
-	 * Generate line number HTML for a code block.
-	 *
-	 * @param {string} pCode - The raw code string
-	 * @returns {string} HTML string with line number spans
-	 */generateLineNumbers(pCode){if(!pCode){return'<span>1</span>';}let tmpLineCount=pCode.split('\n').length;let tmpHTML='';for(let i=1;i<=tmpLineCount;i++){tmpHTML+='<span>'+i+'</span>';}return tmpHTML;}/**
-	 * Parse a markdown string into HTML.
-	 *
-	 * @param {string} pMarkdown - The raw markdown text
-	 * @param {Function} [pLinkResolver] - Optional callback for link resolution: (pHref, pLinkText) => { href, target, rel } or null
-	 * @returns {string} The parsed HTML
-	 */parseMarkdown(pMarkdown,pLinkResolver){if(!pMarkdown){return'';}let tmpLines=pMarkdown.split('\n');let tmpHTML=[];let tmpInCodeBlock=false;let tmpCodeFenceLength=0;let tmpCodeLang='';let tmpCodeLines=[];let tmpInList=false;let tmpListType='';let tmpInBlockquote=false;let tmpBlockquoteLines=[];let tmpInMathBlock=false;let tmpMathLines=[];let tmpParagraphLines=[];// Helper to flush accumulated paragraph lines into a single <p> tag
-let fFlushParagraph=()=>{if(tmpParagraphLines.length>0){tmpHTML.push('<p>'+tmpParagraphLines.map(pLine=>{return this.parseInline(pLine,pLinkResolver);}).join(' ')+'</p>');tmpParagraphLines=[];}};for(let i=0;i<tmpLines.length;i++){let tmpLine=tmpLines[i];// Display math blocks ($$...$$) — skip if inside a code block
-if(!tmpInCodeBlock&&tmpLine.trim().match(/^\$\$/)){if(tmpInMathBlock){// End math block
-tmpHTML.push('<div class="pict-content-katex-display">'+tmpMathLines.join('\n')+'</div>');tmpInMathBlock=false;tmpMathLines=[];}else{// Flush any pending paragraph
-fFlushParagraph();// Close any open list or blockquote
-if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver)+'</blockquote>');tmpInBlockquote=false;tmpBlockquoteLines=[];}tmpInMathBlock=true;}continue;}if(tmpInMathBlock){tmpMathLines.push(tmpLine);continue;}// Code blocks (fenced) — track fence length so ````x```` nests around ```y```
-let tmpFenceMatch=tmpLine.match(/^(`{3,})/);if(tmpFenceMatch){let tmpFenceLen=tmpFenceMatch[1].length;if(tmpInCodeBlock){// Only close if the closing fence is at least as long as the opening
-if(tmpFenceLen>=tmpCodeFenceLength&&tmpLine.trim()===tmpFenceMatch[1]){// End code block
-if(tmpCodeLang==='mermaid'){// Mermaid diagrams: output raw content for client-side rendering
-tmpHTML.push('<pre class="mermaid">'+tmpCodeLines.join('\n')+'</pre>');}else{let tmpCodeText=tmpCodeLines.join('\n');let tmpHighlightedCode=this.highlightCode(tmpCodeText,tmpCodeLang);let tmpLineNumbersHTML=this.generateLineNumbers(tmpCodeText);tmpHTML.push('<div class="pict-content-code-wrap"><div class="pict-content-code-line-numbers">'+tmpLineNumbersHTML+'</div><pre><code class="language-'+this.escapeHTML(tmpCodeLang)+'">'+tmpHighlightedCode+'</code></pre></div>');}tmpInCodeBlock=false;tmpCodeFenceLength=0;tmpCodeLang='';tmpCodeLines=[];continue;}else{// Inner fence with fewer backticks — treat as content
-tmpCodeLines.push(tmpLine);continue;}}else{// Flush any pending paragraph
-fFlushParagraph();// Close any open list or blockquote
-if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver)+'</blockquote>');tmpInBlockquote=false;tmpBlockquoteLines=[];}// Start code block — record fence length
-tmpCodeFenceLength=tmpFenceLen;tmpCodeLang=tmpLine.replace(/^`{3,}/,'').trim();tmpInCodeBlock=true;continue;}}if(tmpInCodeBlock){tmpCodeLines.push(tmpLine);continue;}// Blockquotes
-if(tmpLine.match(/^>\s?/)){if(!tmpInBlockquote){// Flush any pending paragraph
-fFlushParagraph();// Close any open list
-if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}tmpInBlockquote=true;tmpBlockquoteLines=[];}tmpBlockquoteLines.push(tmpLine.replace(/^>\s?/,''));continue;}else if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver)+'</blockquote>');tmpInBlockquote=false;tmpBlockquoteLines=[];}// Horizontal rule
-if(tmpLine.match(/^(-{3,}|\*{3,}|_{3,})\s*$/)){fFlushParagraph();if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}tmpHTML.push('<hr>');continue;}// Headings
-let tmpHeadingMatch=tmpLine.match(/^(#{1,6})\s+(.+)/);if(tmpHeadingMatch){fFlushParagraph();if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}let tmpLevel=tmpHeadingMatch[1].length;let tmpText=this.parseInline(tmpHeadingMatch[2],pLinkResolver);let tmpID=tmpHeadingMatch[2].toLowerCase().replace(/[^\w\s-]/g,'').replace(/\s+/g,'-');tmpHTML.push('<h'+tmpLevel+' id="'+tmpID+'">'+tmpText+'</h'+tmpLevel+'>');continue;}// Unordered list items
-let tmpULMatch=tmpLine.match(/^(\s*)[-*+]\s+(.*)/);if(tmpULMatch){fFlushParagraph();if(!tmpInList||tmpListType!=='ul'){if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');}tmpHTML.push('<ul>');tmpInList=true;tmpListType='ul';}tmpHTML.push('<li>'+this.parseInline(tmpULMatch[2],pLinkResolver)+'</li>');continue;}// Ordered list items
-let tmpOLMatch=tmpLine.match(/^(\s*)\d+\.\s+(.*)/);if(tmpOLMatch){fFlushParagraph();if(!tmpInList||tmpListType!=='ol'){if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');}tmpHTML.push('<ol>');tmpInList=true;tmpListType='ol';}tmpHTML.push('<li>'+this.parseInline(tmpOLMatch[2],pLinkResolver)+'</li>');continue;}// Close list if we've left list items
-if(tmpInList&&tmpLine.trim()!==''){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}// Empty line — flush any accumulated paragraph
-if(tmpLine.trim()===''){fFlushParagraph();continue;}// Table detection
-if(tmpLine.match(/^\|/)&&i+1<tmpLines.length&&tmpLines[i+1].match(/^\|[\s-:|]+\|/)){fFlushParagraph();// Close any open list
-if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}let tmpTableHTML='<table>';// Header row
-let tmpHeaders=tmpLine.split('|').filter(pCell=>{return pCell.trim()!=='';});tmpTableHTML+='<thead><tr>';for(let h=0;h<tmpHeaders.length;h++){tmpTableHTML+='<th>'+this.parseInline(tmpHeaders[h].trim(),pLinkResolver)+'</th>';}tmpTableHTML+='</tr></thead>';// Skip separator row
-i++;// Body rows
-tmpTableHTML+='<tbody>';while(i+1<tmpLines.length&&tmpLines[i+1].match(/^\|/)){i++;let tmpCells=tmpLines[i].split('|').filter(pCell=>{return pCell.trim()!=='';});tmpTableHTML+='<tr>';for(let c=0;c<tmpCells.length;c++){tmpTableHTML+='<td>'+this.parseInline(tmpCells[c].trim(),pLinkResolver)+'</td>';}tmpTableHTML+='</tr>';}tmpTableHTML+='</tbody></table>';tmpHTML.push(tmpTableHTML);continue;}// Accumulate paragraph lines — consecutive non-blank text lines
-// will be joined into a single <p> tag when flushed
-tmpParagraphLines.push(tmpLine);}// Flush any remaining accumulated paragraph
-fFlushParagraph();// Close any trailing open elements
-if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');}if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver)+'</blockquote>');}if(tmpInCodeBlock){let tmpCodeText=tmpCodeLines.join('\n');let tmpHighlightedCode=this.highlightCode(tmpCodeText,tmpCodeLang);let tmpLineNumbersHTML=this.generateLineNumbers(tmpCodeText);tmpHTML.push('<div class="pict-content-code-wrap"><div class="pict-content-code-line-numbers">'+tmpLineNumbersHTML+'</div><pre><code>'+tmpHighlightedCode+'</code></pre></div>');}return tmpHTML.join('\n');}/**
-	 * Parse inline markdown elements (bold, italic, code, links, images, KaTeX).
-	 *
-	 * @param {string} pText - The text to parse
-	 * @param {Function} [pLinkResolver] - Optional callback: (pHref, pLinkText) => { href, target, rel } or null
-	 * @returns {string} HTML with inline elements
-	 */parseInline(pText,pLinkResolver){if(!pText){return'';}let tmpResult=pText;// Extract inline code spans into placeholders so bold/italic regexes don't mangle their contents
-let tmpCodeSpans=[];tmpResult=tmpResult.replace(/`([^`]+)`/g,(pMatch,pCode)=>{let tmpIndex=tmpCodeSpans.length;tmpCodeSpans.push('<code>'+pCode+'</code>');return'\x00CODEINLINE'+tmpIndex+'\x00';});// Inline LaTeX equations ($...$) — must be processed before other inline patterns
-// Match single $ delimiters that aren't adjacent to spaces (to avoid false positives with currency)
-tmpResult=tmpResult.replace(/\$([^\$\s][^\$]*?[^\$\s])\$/g,'<span class="pict-content-katex-inline">$1</span>');// Also match single-character inline math like $x$
-tmpResult=tmpResult.replace(/\$([^\$\s])\$/g,'<span class="pict-content-katex-inline">$1</span>');// Images
-tmpResult=tmpResult.replace(/!\[([^\]]*)\]\(([^)]+)\)/g,'<img src="$2" alt="$1">');// Links
-tmpResult=tmpResult.replace(/\[([^\]]+)\]\(([^)]+)\)/g,(pMatch,pLinkText,pHref)=>{if(typeof pLinkResolver==='function'){let tmpResolved=pLinkResolver(pHref,pLinkText);if(tmpResolved){let tmpTarget=tmpResolved.target?' target="'+tmpResolved.target+'"':'';let tmpRel=tmpResolved.rel?' rel="'+tmpResolved.rel+'"':'';return'<a href="'+tmpResolved.href+'"'+tmpTarget+tmpRel+'>'+pLinkText+'</a>';}}// Default behavior: external links open in new tab
-if(pHref.match(/^https?:\/\//)){return'<a href="'+pHref+'" target="_blank" rel="noopener">'+pLinkText+'</a>';}return'<a href="'+pHref+'">'+pLinkText+'</a>';});// Bold
-tmpResult=tmpResult.replace(/\*\*([^*]+)\*\*/g,'<strong>$1</strong>');tmpResult=tmpResult.replace(/__([^_]+)__/g,'<strong>$1</strong>');// Italic
-tmpResult=tmpResult.replace(/\*([^*]+)\*/g,'<em>$1</em>');tmpResult=tmpResult.replace(/_([^_]+)_/g,'<em>$1</em>');// Restore inline code spans from placeholders
-tmpResult=tmpResult.replace(/\x00CODEINLINE(\d+)\x00/g,(pMatch,pIndex)=>{return tmpCodeSpans[parseInt(pIndex)];});return tmpResult;}/**
-	 * Escape HTML special characters.
-	 *
-	 * @param {string} pText - The text to escape
-	 * @returns {string} The escaped text
-	 */escapeHTML(pText){if(!pText){return'';}return pText.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');}}module.exports=PictContentProvider;module.exports.default_configuration={ProviderIdentifier:"Pict-Content",AutoInitialize:true,AutoInitializeOrdinal:0};},{"pict-provider":46,"pict-section-code":49}],52:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={ViewIdentifier:"Pict-Content",DefaultRenderable:"Pict-Content-Display",DefaultDestinationAddress:"#Pict-Content-Container",AutoRender:false,CSS:/*css*/`
-		.pict-content {
-			padding: 2em 3em;
-			max-width: 900px;
-			margin: 0 auto;
+	 */marshalFromView(){super.marshalFromView();if(this.codeJar&&this.options.CodeDataAddress){this.onCodeChange(this.codeJar.toString());}}}module.exports=PictSectionCode;module.exports.default_configuration=_DefaultConfiguration;module.exports.createHighlighter=libCreateHighlighter;},{"./Pict-Code-Highlighter.js":47,"./Pict-Section-Code-DefaultConfiguration.js":48,"pict-view":76}],50:[function(require,module,exports){module.exports={"ViewIdentifier":"Pict-FileBrowser","DefaultRenderable":"FileBrowser-Container","DefaultDestinationAddress":"#Pict-FileBrowser-Container","AutoRender":false,// --- FileBrowser State ---
+// These are the four core state values for the file browser.
+// They live in AppData at the addresses below.
+"StateAddresses":{"Layout":"AppData.PictFileBrowser.Layout","RootLocation":"AppData.PictFileBrowser.RootLocation","CurrentLocation":"AppData.PictFileBrowser.CurrentLocation","CurrentFile":"AppData.PictFileBrowser.CurrentFile"},// Default state values
+"DefaultState":{"Layout":"browser-detail","RootLocation":"/","CurrentLocation":"","CurrentFile":null},// --- File Data ---
+// The consuming application must populate this address with file/folder data.
+// Expected format: Array of objects with at minimum { Name, Type }
+// Type: "folder" or "file"
+// Additional properties: Size, Modified, Extension, MimeType, Path, Icon, ThumbnailURL
+"FileListAddress":"AppData.PictFileBrowser.FileList","FolderTreeAddress":"AppData.PictFileBrowser.FolderTree","ChildFolderCacheAddress":"AppData.PictFileBrowser.ChildFolderCache",// --- Templates ---
+"Templates":[{"Hash":"FileBrowser-Container-Template","Template":/*html*/`
+<div class="pict-filebrowser" id="Pict-FileBrowser-Wrap">
+	<div class="pict-filebrowser-browse-pane" id="Pict-FileBrowser-BrowsePane"></div>
+	<div class="pict-filebrowser-main-pane">
+		<div class="pict-filebrowser-list-pane" id="Pict-FileBrowser-ListPane"></div>
+		<div class="pict-filebrowser-view-pane" id="Pict-FileBrowser-ViewPane"></div>
+	</div>
+</div>
+`}],"Renderables":[{"RenderableHash":"FileBrowser-Container","TemplateHash":"FileBrowser-Container-Template","DestinationAddress":"#Pict-FileBrowser-Container","RenderMethod":"replace"}],// --- CSS ---
+"CSS":/*css*/`
+		.pict-filebrowser {
+			display: flex;
+			height: 100%;
+			font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+			font-size: 14px;
+			color: #3D3229;
+			border: 1px solid #DDD6CA;
+			border-radius: 4px;
+			overflow: hidden;
+			background: #FAFAF8;
 		}
-		.pict-content-loading {
+
+		.pict-filebrowser-browse-pane {
+			width: 240px;
+			min-width: 180px;
+			border-right: 1px solid #DDD6CA;
+			overflow-y: auto;
+			background: #F5F0E8;
+			flex-shrink: 0;
+		}
+
+		.pict-filebrowser-main-pane {
 			display: flex;
-			align-items: center;
-			justify-content: center;
-			min-height: 200px;
-			color: #8A7F72;
-			font-size: 1em;
+			flex-direction: column;
+			flex: 1;
+			min-width: 0;
 		}
-		.pict-content h1 {
-			font-size: 2em;
-			color: #3D3229;
-			border-bottom: 1px solid #DDD6CA;
-			padding-bottom: 0.3em;
-			margin-top: 0;
+
+		.pict-filebrowser-list-pane {
+			flex: 1;
+			overflow-y: auto;
+			overflow-x: hidden;
 		}
-		.pict-content h2 {
-			font-size: 1.5em;
-			color: #3D3229;
-			border-bottom: 1px solid #EAE3D8;
-			padding-bottom: 0.25em;
-			margin-top: 1.5em;
+
+		.pict-filebrowser-view-pane {
+			border-top: 1px solid #DDD6CA;
+			overflow-y: auto;
+			background: #FAFAF8;
 		}
-		.pict-content h3 {
-			font-size: 1.25em;
-			color: #3D3229;
-			margin-top: 1.25em;
+
+		/* --- Browsing: Tree --- */
+		.pict-fb-tree {
+			padding: 8px 0;
 		}
-		.pict-content h4, .pict-content h5, .pict-content h6 {
-			color: #5E5549;
-			margin-top: 1em;
+		.pict-fb-tree-node {
+			display: flex;
+			align-items: center;
+			padding: 4px 8px 4px 0;
+			cursor: pointer;
+			user-select: none;
+			white-space: nowrap;
 		}
-		.pict-content p {
-			line-height: 1.7;
-			color: #423D37;
-			margin: 0.75em 0;
+		.pict-fb-tree-node:hover {
+			background: #EAE3D8;
 		}
-		.pict-content a {
-			color: #2E7D74;
-			text-decoration: none;
+		.pict-fb-tree-node.selected {
+			background: #DDD6CA;
+			font-weight: 600;
 		}
-		.pict-content a:hover {
-			text-decoration: underline;
+		.pict-fb-tree-toggle {
+			display: inline-block;
+			width: 16px;
+			text-align: center;
+			flex-shrink: 0;
+			color: #8A7F72;
+			font-size: 10px;
 		}
-		.pict-content-code-wrap {
-			position: relative;
-			font-family: 'SFMono-Regular', 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
+		.pict-fb-tree-icon {
+			margin-right: 6px;
+			flex-shrink: 0;
 			font-size: 14px;
-			line-height: 1.5;
-			border-radius: 6px;
-			overflow: auto;
-			margin: 1em 0;
-			background: #3D3229;
 		}
-		.pict-content-code-wrap .pict-content-code-line-numbers {
-			position: absolute;
-			top: 0;
-			left: 0;
-			width: 40px;
-			padding: 1.25em 0;
-			text-align: right;
-			background: #342A22;
-			border-right: 1px solid #4A3F35;
-			color: #8A7F72;
-			font-size: 13px;
-			line-height: 1.5;
-			user-select: none;
-			pointer-events: none;
-			box-sizing: border-box;
+		.pict-fb-tree-label {
+			overflow: hidden;
+			text-overflow: ellipsis;
 		}
-		.pict-content-code-wrap .pict-content-code-line-numbers span {
+		.pict-fb-tree-children {
+			display: none;
+		}
+		.pict-fb-tree-children.expanded {
 			display: block;
-			padding: 0 8px 0 0;
 		}
-		.pict-content-code-wrap pre {
-			margin: 0;
-			background: #3D3229;
-			color: #E8E0D4;
-			padding: 1.25em 1.25em 1.25em 52px;
-			border-radius: 6px;
-			overflow-x: auto;
-			line-height: 1.5;
-			font-size: inherit;
+
+		/* --- Browsing: Search --- */
+		.pict-fb-search {
+			padding: 8px;
 		}
-		.pict-content-code-wrap pre code {
-			background: none;
-			padding: 0;
-			color: inherit;
-			font-size: inherit;
-			font-family: inherit;
-		}
-		.pict-content-code-wrap .keyword { color: #C678DD; }
-		.pict-content-code-wrap .string { color: #98C379; }
-		.pict-content-code-wrap .number { color: #D19A66; }
-		.pict-content-code-wrap .comment { color: #7F848E; font-style: italic; }
-		.pict-content-code-wrap .operator { color: #56B6C2; }
-		.pict-content-code-wrap .punctuation { color: #E8E0D4; }
-		.pict-content-code-wrap .function-name { color: #61AFEF; }
-		.pict-content-code-wrap .property { color: #E06C75; }
-		.pict-content-code-wrap .tag { color: #E06C75; }
-		.pict-content-code-wrap .attr-name { color: #D19A66; }
-		.pict-content-code-wrap .attr-value { color: #98C379; }
-		.pict-content pre {
-			background: #3D3229;
-			color: #E8E0D4;
-			padding: 1.25em;
-			border-radius: 6px;
-			overflow-x: auto;
-			line-height: 1.5;
-			font-size: 0.9em;
-		}
-		.pict-content code {
-			background: #F0ECE4;
-			padding: 0.15em 0.4em;
-			border-radius: 3px;
-			font-size: 0.9em;
-			color: #9E6B47;
-		}
-		.pict-content pre code {
-			background: none;
-			padding: 0;
-			color: inherit;
-			font-size: inherit;
-		}
-		.pict-content blockquote {
-			border-left: 4px solid #2E7D74;
-			margin: 1em 0;
-			padding: 0.5em 1em;
-			background: #F7F5F0;
-			color: #5E5549;
-		}
-		.pict-content blockquote p {
-			margin: 0.25em 0;
-		}
-		.pict-content ul, .pict-content ol {
-			padding-left: 2em;
-			line-height: 1.8;
-		}
-		.pict-content li {
-			margin: 0.25em 0;
-			color: #423D37;
-		}
-		.pict-content hr {
-			border: none;
-			border-top: 1px solid #DDD6CA;
-			margin: 2em 0;
-		}
-		.pict-content table {
-			width: 100%;
-			border-collapse: collapse;
-			margin: 1em 0;
-		}
-		.pict-content table th {
-			background: #F5F0E8;
-			border: 1px solid #DDD6CA;
-			padding: 0.6em 0.8em;
-			text-align: left;
-			font-weight: 600;
-			color: #3D3229;
-		}
-		.pict-content table td {
-			border: 1px solid #DDD6CA;
-			padding: 0.5em 0.8em;
-			color: #423D37;
-		}
-		.pict-content table tr:nth-child(even) {
-			background: #F7F5F0;
-		}
-		.pict-content img {
-			max-width: 100%;
-			height: auto;
-		}
-		.pict-content pre.mermaid {
-			background: #fff;
-			color: #3D3229;
-			text-align: center;
-			padding: 1em;
-		}
-		.pict-content .pict-content-katex-display {
-			text-align: center;
-			margin: 1em 0;
-			padding: 0.5em;
-			overflow-x: auto;
-		}
-		.pict-content .pict-content-katex-inline {
-			display: inline;
-		}
-	`,Templates:[{Hash:"Pict-Content-Template",Template:/*html*/`
-<div class="pict-content" id="Pict-Content-Body">
-	<div class="pict-content-loading">Loading content...</div>
-</div>
-`}],Renderables:[{RenderableHash:"Pict-Content-Display",TemplateHash:"Pict-Content-Template",DestinationAddress:"#Pict-Content-Container",RenderMethod:"replace"}]};class PictContentView extends libPictView{constructor(pFable,pOptions,pServiceHash){super(pFable,pOptions,pServiceHash);}/**
-	 * Display parsed HTML content in the content area.
-	 *
-	 * @param {string} pHTMLContent - The HTML to display
-	 * @param {string} [pContainerID] - The container element ID (defaults to 'Pict-Content-Body')
-	 */displayContent(pHTMLContent,pContainerID){let tmpContainerID=pContainerID||'Pict-Content-Body';this.pict.ContentAssignment.assignContent('#'+tmpContainerID,pHTMLContent);// Scroll to top of content area
-let tmpContentContainer=document.getElementById(tmpContainerID);if(tmpContentContainer&&tmpContentContainer.parentElement){tmpContentContainer.parentElement.scrollTop=0;}// Post-render: initialize Mermaid diagrams if mermaid is available
-this.renderMermaidDiagrams(tmpContainerID);// Post-render: render KaTeX equations if katex is available
-this.renderKaTeXEquations(tmpContainerID);}/**
-	 * Render any Mermaid diagram blocks in the content area.
-	 * Mermaid blocks are `<pre class="mermaid">` elements produced by parseMarkdown.
-	 *
-	 * @param {string} [pContainerID] - The container element ID (defaults to 'Pict-Content-Body')
-	 */renderMermaidDiagrams(pContainerID){if(typeof mermaid==='undefined'){return;}let tmpContainerID=pContainerID||'Pict-Content-Body';let tmpContentBody=document.getElementById(tmpContainerID);if(!tmpContentBody){return;}let tmpMermaidElements=tmpContentBody.querySelectorAll('pre.mermaid');if(tmpMermaidElements.length<1){return;}// mermaid.run() will process all pre.mermaid elements in the container
-try{mermaid.run({nodes:tmpMermaidElements});}catch(pError){this.log.error('Mermaid rendering error: '+pError.message);}}/**
-	 * Render KaTeX inline and display math elements in the content area.
-	 * Inline: `<span class="pict-content-katex-inline">`
-	 * Display: `<div class="pict-content-katex-display">`
-	 *
-	 * @param {string} [pContainerID] - The container element ID (defaults to 'Pict-Content-Body')
-	 */renderKaTeXEquations(pContainerID){if(typeof katex==='undefined'){return;}let tmpContainerID=pContainerID||'Pict-Content-Body';let tmpContentBody=document.getElementById(tmpContainerID);if(!tmpContentBody){return;}// Render inline math
-let tmpInlineElements=tmpContentBody.querySelectorAll('.pict-content-katex-inline');for(let i=0;i<tmpInlineElements.length;i++){try{katex.render(tmpInlineElements[i].textContent,tmpInlineElements[i],{throwOnError:false,displayMode:false});}catch(pError){this.log.warn('KaTeX inline error: '+pError.message);}}// Render display math
-let tmpDisplayElements=tmpContentBody.querySelectorAll('.pict-content-katex-display');for(let i=0;i<tmpDisplayElements.length;i++){try{katex.render(tmpDisplayElements[i].textContent,tmpDisplayElements[i],{throwOnError:false,displayMode:true});}catch(pError){this.log.warn('KaTeX display error: '+pError.message);}}}/**
-	 * Show a loading indicator.
-	 *
-	 * @param {string} [pMessage] - Loading message (defaults to 'Loading content...')
-	 * @param {string} [pContainerID] - The container element ID (defaults to 'Pict-Content-Body')
-	 */showLoading(pMessage,pContainerID){let tmpContainerID=pContainerID||'Pict-Content-Body';let tmpMessage=pMessage||'Loading content...';this.pict.ContentAssignment.assignContent('#'+tmpContainerID,'<div class="pict-content-loading">'+tmpMessage+'</div>');}}module.exports=PictContentView;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],53:[function(require,module,exports){module.exports={"ViewIdentifier":"Pict-FileBrowser","DefaultRenderable":"FileBrowser-Container","DefaultDestinationAddress":"#Pict-FileBrowser-Container","AutoRender":false,// --- FileBrowser State ---
-// These are the four core state values for the file browser.
-// They live in AppData at the addresses below.
-"StateAddresses":{"Layout":"AppData.PictFileBrowser.Layout","RootLocation":"AppData.PictFileBrowser.RootLocation","CurrentLocation":"AppData.PictFileBrowser.CurrentLocation","CurrentFile":"AppData.PictFileBrowser.CurrentFile"},// Default state values
-"DefaultState":{"Layout":"browser-detail","RootLocation":"/","CurrentLocation":"","CurrentFile":null},// --- File Data ---
-// The consuming application must populate this address with file/folder data.
-// Expected format: Array of objects with at minimum { Name, Type }
-// Type: "folder" or "file"
-// Additional properties: Size, Modified, Extension, MimeType, Path, Icon, ThumbnailURL
-"FileListAddress":"AppData.PictFileBrowser.FileList","FolderTreeAddress":"AppData.PictFileBrowser.FolderTree","ChildFolderCacheAddress":"AppData.PictFileBrowser.ChildFolderCache",// --- Templates ---
-"Templates":[{"Hash":"FileBrowser-Container-Template","Template":/*html*/`
-<div class="pict-filebrowser" id="Pict-FileBrowser-Wrap">
-	<div class="pict-filebrowser-browse-pane" id="Pict-FileBrowser-BrowsePane"></div>
-	<div class="pict-filebrowser-main-pane">
-		<div class="pict-filebrowser-list-pane" id="Pict-FileBrowser-ListPane"></div>
-		<div class="pict-filebrowser-view-pane" id="Pict-FileBrowser-ViewPane"></div>
-	</div>
-</div>
-`}],"Renderables":[{"RenderableHash":"FileBrowser-Container","TemplateHash":"FileBrowser-Container-Template","DestinationAddress":"#Pict-FileBrowser-Container","RenderMethod":"replace"}],// --- CSS ---
-"CSS":/*css*/`
-		.pict-filebrowser {
-			display: flex;
-			height: 100%;
-			font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-			font-size: 14px;
-			color: #3D3229;
-			border: 1px solid #DDD6CA;
-			border-radius: 4px;
-			overflow: hidden;
-			background: #FAFAF8;
-		}
-
-		.pict-filebrowser-browse-pane {
-			width: 240px;
-			min-width: 180px;
-			border-right: 1px solid #DDD6CA;
-			overflow-y: auto;
-			background: #F5F0E8;
-			flex-shrink: 0;
-		}
-
-		.pict-filebrowser-main-pane {
-			display: flex;
-			flex-direction: column;
-			flex: 1;
-			min-width: 0;
-		}
-
-		.pict-filebrowser-list-pane {
-			flex: 1;
-			overflow-y: auto;
-			overflow-x: hidden;
-		}
-
-		.pict-filebrowser-view-pane {
-			border-top: 1px solid #DDD6CA;
-			overflow-y: auto;
-			background: #FAFAF8;
-		}
-
-		/* --- Browsing: Tree --- */
-		.pict-fb-tree {
-			padding: 8px 0;
-		}
-		.pict-fb-tree-node {
-			display: flex;
-			align-items: center;
-			padding: 4px 8px 4px 0;
-			cursor: pointer;
-			user-select: none;
-			white-space: nowrap;
-		}
-		.pict-fb-tree-node:hover {
-			background: #EAE3D8;
-		}
-		.pict-fb-tree-node.selected {
-			background: #DDD6CA;
-			font-weight: 600;
-		}
-		.pict-fb-tree-toggle {
-			display: inline-block;
-			width: 16px;
-			text-align: center;
-			flex-shrink: 0;
-			color: #8A7F72;
-			font-size: 10px;
-		}
-		.pict-fb-tree-icon {
-			margin-right: 6px;
-			flex-shrink: 0;
-			font-size: 14px;
-		}
-		.pict-fb-tree-label {
-			overflow: hidden;
-			text-overflow: ellipsis;
-		}
-		.pict-fb-tree-children {
-			display: none;
-		}
-		.pict-fb-tree-children.expanded {
-			display: block;
-		}
-
-		/* --- Browsing: Search --- */
-		.pict-fb-search {
-			padding: 8px;
-		}
-		.pict-fb-search-input {
-			width: 100%;
-			box-sizing: border-box;
-			padding: 6px 10px;
-			border: 1px solid #DDD6CA;
-			border-radius: 4px;
-			font-size: 13px;
-			outline: none;
-			background: #fff;
+		.pict-fb-search-input {
+			width: 100%;
+			box-sizing: border-box;
+			padding: 6px 10px;
+			border: 1px solid #DDD6CA;
+			border-radius: 4px;
+			font-size: 13px;
+			outline: none;
+			background: #fff;
 		}
 		.pict-fb-search-input:focus {
 			border-color: #2E7D74;
@@ -2394,7 +2084,7 @@ let tmpDisplayElements=tmpContentBody.querySelectorAll('.pict-content-katex-disp
 			color: #8A7F72;
 			font-style: italic;
 		}
-	`};},{}],54:[function(require,module,exports){// Pict Section FileBrowser
+	`};},{}],51:[function(require,module,exports){// Pict Section FileBrowser
 // A composable file browser section with browsing, listing, and viewing views.
 // The main container view
 module.exports=require('./views/Pict-View-FileBrowser.js');// --- Providers (base classes for each view type) ---
@@ -2402,7 +2092,7 @@ module.exports.PictFileBrowserBrowseProvider=require('./providers/Pict-Provider-
 module.exports.PictViewBrowseTree=require('./views/Pict-View-FileBrowser-BrowseTree.js');module.exports.PictViewBrowseSearch=require('./views/Pict-View-FileBrowser-BrowseSearch.js');// --- Listing Views ---
 module.exports.PictViewListDetail=require('./views/Pict-View-FileBrowser-ListDetail.js');module.exports.PictViewListIcons=require('./views/Pict-View-FileBrowser-ListIcons.js');// --- Viewing Views ---
 module.exports.PictViewFileInfo=require('./views/Pict-View-FileBrowser-ViewFileInfo.js');module.exports.PictViewImageViewer=require('./views/Pict-View-FileBrowser-ViewImage.js');// --- Service (Fable service with REST endpoints + static web app) ---
-module.exports.FileBrowserService=require('./services/Pict-Service-FileBrowser.js');},{"./providers/Pict-Provider-FileBrowserBrowse.js":55,"./providers/Pict-Provider-FileBrowserIcons.js":56,"./providers/Pict-Provider-FileBrowserLayout.js":57,"./providers/Pict-Provider-FileBrowserList.js":58,"./providers/Pict-Provider-FileBrowserView.js":59,"./services/Pict-Service-FileBrowser.js":60,"./views/Pict-View-FileBrowser-BrowseSearch.js":61,"./views/Pict-View-FileBrowser-BrowseTree.js":62,"./views/Pict-View-FileBrowser-ListDetail.js":63,"./views/Pict-View-FileBrowser-ListIcons.js":64,"./views/Pict-View-FileBrowser-ViewFileInfo.js":65,"./views/Pict-View-FileBrowser-ViewImage.js":66,"./views/Pict-View-FileBrowser.js":67}],55:[function(require,module,exports){const libPictProvider=require('pict-provider');const _DefaultProviderConfiguration={"ProviderIdentifier":"Pict-FileBrowser-Browse","AutoInitialize":true,"AutoInitializeOrdinal":0,"AutoSolveWithApp":true,"AutoSolveOrdinal":0};/**
+module.exports.FileBrowserService=require('./services/Pict-Service-FileBrowser.js');},{"./providers/Pict-Provider-FileBrowserBrowse.js":52,"./providers/Pict-Provider-FileBrowserIcons.js":53,"./providers/Pict-Provider-FileBrowserLayout.js":54,"./providers/Pict-Provider-FileBrowserList.js":55,"./providers/Pict-Provider-FileBrowserView.js":56,"./services/Pict-Service-FileBrowser.js":57,"./views/Pict-View-FileBrowser-BrowseSearch.js":58,"./views/Pict-View-FileBrowser-BrowseTree.js":59,"./views/Pict-View-FileBrowser-ListDetail.js":60,"./views/Pict-View-FileBrowser-ListIcons.js":61,"./views/Pict-View-FileBrowser-ViewFileInfo.js":62,"./views/Pict-View-FileBrowser-ViewImage.js":63,"./views/Pict-View-FileBrowser.js":64}],52:[function(require,module,exports){const libPictProvider=require('pict-provider');const _DefaultProviderConfiguration={"ProviderIdentifier":"Pict-FileBrowser-Browse","AutoInitialize":true,"AutoInitializeOrdinal":0,"AutoSolveWithApp":true,"AutoSolveOrdinal":0};/**
  * Base provider for browsing-type views (tree navigation, search).
  *
  * Subclass or override to customize how folder structures are resolved,
@@ -2457,7 +2147,7 @@ this.pict.manifest.setValueByHash({AppData:this.pict.AppData,Pict:this.pict},tmp
 	 * @param {string} pKey - The option key
 	 * @param {*} pDefault - Default value
 	 * @returns {*} The option value
-	 */getFileBrowserOption(pKey,pDefault){if(this.pict.views&&this.pict.views['Pict-FileBrowser']){let tmpOptions=this.pict.views['Pict-FileBrowser'].options;if(tmpOptions&&pKey in tmpOptions){return tmpOptions[pKey];}}return pDefault;}}module.exports=PictFileBrowserBrowseProvider;module.exports.default_configuration=_DefaultProviderConfiguration;},{"pict-provider":46}],56:[function(require,module,exports){const libPictProvider=require('pict-provider');const _DefaultProviderConfiguration={"ProviderIdentifier":"Pict-FileBrowser-Icons","AutoInitialize":true,"AutoInitializeOrdinal":0,"AutoSolveWithApp":true,"AutoSolveOrdinal":0};// ---- Color palette (matches filebrowser CSS) ----
+	 */getFileBrowserOption(pKey,pDefault){if(this.pict.views&&this.pict.views['Pict-FileBrowser']){let tmpOptions=this.pict.views['Pict-FileBrowser'].options;if(tmpOptions&&pKey in tmpOptions){return tmpOptions[pKey];}}return pDefault;}}module.exports=PictFileBrowserBrowseProvider;module.exports.default_configuration=_DefaultProviderConfiguration;},{"pict-provider":46}],53:[function(require,module,exports){const libPictProvider=require('pict-provider');const _DefaultProviderConfiguration={"ProviderIdentifier":"Pict-FileBrowser-Icons","AutoInitialize":true,"AutoInitializeOrdinal":0,"AutoSolveWithApp":true,"AutoSolveOrdinal":0};// ---- Color palette (matches filebrowser CSS) ----
 const _Colors={Primary:'#3D3229',Accent:'#2E7D74',Muted:'#8A7F72',Light:'#F5F0E8',WarmBeige:'#EAE3D8',TealTint:'#E0EDE9',Lavender:'#E8E0F0',AmberTint:'#F0E8D0'};// ====================================================================
 // RETRO / HAND-DRAWN SVG ICON SET
 //
@@ -2550,7 +2240,7 @@ return this.getIcon('file',tmpSize);}/**
 	 */getExtensionMap(){return Object.assign({},this._extensionMap);}/**
 	 * Inject CSS classes for icon sizing into the pict CSSMap.
 	 * Called automatically by views that use icons.
-	 */injectCSS(){if(this._cssInjected){return;}if(this.pict&&this.pict.CSSMap){this.pict.CSSMap.addCSS('PictFileBrowserIcons','.pict-fb-svg-icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }\n'+'.pict-fb-svg-icon svg { display: block; }\n'+'.pict-fb-tree-icon svg { width: 16px; height: 16px; }\n'+'.pict-fb-detail-icon svg { width: 16px; height: 16px; }\n'+'.pict-fb-icon-graphic svg { width: 36px; height: 36px; }\n'+'.pict-fb-tree-toggle svg { width: 10px; height: 10px; }\n');this._cssInjected=true;}}}module.exports=PictFileBrowserIconProvider;module.exports.default_configuration=_DefaultProviderConfiguration;module.exports.BuiltInIcons=_BuiltInIcons;module.exports.ExtensionMap=_ExtensionMap;module.exports.Colors=_Colors;},{"pict-provider":46}],57:[function(require,module,exports){const libPictProvider=require('pict-provider');const _DefaultProviderConfiguration={"ProviderIdentifier":"Pict-FileBrowser-Layout","AutoInitialize":true,"AutoInitializeOrdinal":0,"AutoSolveWithApp":true,"AutoSolveOrdinal":0};/**
+	 */injectCSS(){if(this._cssInjected){return;}if(this.pict&&this.pict.CSSMap){this.pict.CSSMap.addCSS('PictFileBrowserIcons','.pict-fb-svg-icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }\n'+'.pict-fb-svg-icon svg { display: block; }\n'+'.pict-fb-tree-icon svg { width: 16px; height: 16px; }\n'+'.pict-fb-detail-icon svg { width: 16px; height: 16px; }\n'+'.pict-fb-icon-graphic svg { width: 36px; height: 36px; }\n'+'.pict-fb-tree-toggle svg { width: 10px; height: 10px; }\n');this._cssInjected=true;}}}module.exports=PictFileBrowserIconProvider;module.exports.default_configuration=_DefaultProviderConfiguration;module.exports.BuiltInIcons=_BuiltInIcons;module.exports.ExtensionMap=_ExtensionMap;module.exports.Colors=_Colors;},{"pict-provider":46}],54:[function(require,module,exports){const libPictProvider=require('pict-provider');const _DefaultProviderConfiguration={"ProviderIdentifier":"Pict-FileBrowser-Layout","AutoInitialize":true,"AutoInitializeOrdinal":0,"AutoSolveWithApp":true,"AutoSolveOrdinal":0};/**
  * Layout definitions.
  *
  * Each layout specifies:
@@ -2612,7 +2302,7 @@ this.layouts=JSON.parse(JSON.stringify(_BuiltInLayouts));}/**
 	 * @param {string} pKey - The option key
 	 * @param {*} pDefault - Default value
 	 * @returns {*} The option value
-	 */getFileBrowserOption(pKey,pDefault){if(this.pict.views&&this.pict.views['Pict-FileBrowser']){let tmpOptions=this.pict.views['Pict-FileBrowser'].options;if(tmpOptions&&pKey in tmpOptions){return tmpOptions[pKey];}}return pDefault;}}module.exports=PictFileBrowserLayoutProvider;module.exports.default_configuration=_DefaultProviderConfiguration;module.exports.BuiltInLayouts=_BuiltInLayouts;},{"pict-provider":46}],58:[function(require,module,exports){const libPictProvider=require('pict-provider');const _DefaultProviderConfiguration={"ProviderIdentifier":"Pict-FileBrowser-List","AutoInitialize":true,"AutoInitializeOrdinal":0,"AutoSolveWithApp":true,"AutoSolveOrdinal":0};/**
+	 */getFileBrowserOption(pKey,pDefault){if(this.pict.views&&this.pict.views['Pict-FileBrowser']){let tmpOptions=this.pict.views['Pict-FileBrowser'].options;if(tmpOptions&&pKey in tmpOptions){return tmpOptions[pKey];}}return pDefault;}}module.exports=PictFileBrowserLayoutProvider;module.exports.default_configuration=_DefaultProviderConfiguration;module.exports.BuiltInLayouts=_BuiltInLayouts;},{"pict-provider":46}],55:[function(require,module,exports){const libPictProvider=require('pict-provider');const _DefaultProviderConfiguration={"ProviderIdentifier":"Pict-FileBrowser-List","AutoInitialize":true,"AutoInitializeOrdinal":0,"AutoSolveWithApp":true,"AutoSolveOrdinal":0};/**
  * Base provider for listing-type views (detail list, icon grid).
  *
  * Handles file list retrieval, sorting, filtering, and selection.
@@ -2671,7 +2361,7 @@ if(pEntry.Type==='folder'){return'\uD83D\uDCC1';}let tmpExt=(pEntry.Extension||'
 	 * @param {string} pKey - The option key
 	 * @param {*} pDefault - Default value
 	 * @returns {*} The option value
-	 */getFileBrowserOption(pKey,pDefault){if(this.pict.views&&this.pict.views['Pict-FileBrowser']){let tmpOptions=this.pict.views['Pict-FileBrowser'].options;if(tmpOptions&&pKey in tmpOptions){return tmpOptions[pKey];}}return pDefault;}}module.exports=PictFileBrowserListProvider;module.exports.default_configuration=_DefaultProviderConfiguration;},{"pict-provider":46}],59:[function(require,module,exports){const libPictProvider=require('pict-provider');const _DefaultProviderConfiguration={"ProviderIdentifier":"Pict-FileBrowser-View","AutoInitialize":true,"AutoInitializeOrdinal":0,"AutoSolveWithApp":true,"AutoSolveOrdinal":0};/**
+	 */getFileBrowserOption(pKey,pDefault){if(this.pict.views&&this.pict.views['Pict-FileBrowser']){let tmpOptions=this.pict.views['Pict-FileBrowser'].options;if(tmpOptions&&pKey in tmpOptions){return tmpOptions[pKey];}}return pDefault;}}module.exports=PictFileBrowserListProvider;module.exports.default_configuration=_DefaultProviderConfiguration;},{"pict-provider":46}],56:[function(require,module,exports){const libPictProvider=require('pict-provider');const _DefaultProviderConfiguration={"ProviderIdentifier":"Pict-FileBrowser-View","AutoInitialize":true,"AutoInitializeOrdinal":0,"AutoSolveWithApp":true,"AutoSolveOrdinal":0};/**
  * Base provider for viewing-type views (file info, image preview).
  *
  * Handles retrieval of the currently selected file's metadata and
@@ -2707,7 +2397,7 @@ let tmpExt=(tmpEntry.Extension||'').toLowerCase();let tmpImageExtensions=['.jpg'
 	 * @param {string} pKey - The option key
 	 * @param {*} pDefault - Default value
 	 * @returns {*} The option value
-	 */getFileBrowserOption(pKey,pDefault){if(this.pict.views&&this.pict.views['Pict-FileBrowser']){let tmpOptions=this.pict.views['Pict-FileBrowser'].options;if(tmpOptions&&pKey in tmpOptions){return tmpOptions[pKey];}}return pDefault;}}module.exports=PictFileBrowserViewProvider;module.exports.default_configuration=_DefaultProviderConfiguration;},{"pict-provider":46}],60:[function(require,module,exports){(function(__dirname){(function(){/**
+	 */getFileBrowserOption(pKey,pDefault){if(this.pict.views&&this.pict.views['Pict-FileBrowser']){let tmpOptions=this.pict.views['Pict-FileBrowser'].options;if(tmpOptions&&pKey in tmpOptions){return tmpOptions[pKey];}}return pDefault;}}module.exports=PictFileBrowserViewProvider;module.exports.default_configuration=_DefaultProviderConfiguration;},{"pict-provider":46}],57:[function(require,module,exports){(function(__dirname){(function(){/**
 * Pict FileBrowser Service
 *
 * A Fable service that provides:
@@ -2818,7 +2508,7 @@ tmpNodes.sort((pA,pB)=>{return pA.Name.localeCompare(pB.Name);});return fCallbac
 	 *
 	 * @param {string} pRelativePath - Path relative to basePath
 	 * @param {Function} fCallback - Callback(pError, pInfo)
-	 */getFileInfo(pRelativePath,fCallback){let tmpAbsolutePath=this.resolveSafePath(pRelativePath);if(!tmpAbsolutePath){return fCallback(new Error('Invalid path'));}libFS.stat(tmpAbsolutePath,(pError,pStats)=>{if(pError){if(pError.code==='ENOENT'){return fCallback(new Error('Path not found'));}return fCallback(pError);}let tmpName=libPath.basename(tmpAbsolutePath);let tmpInfo={Name:tmpName,Path:pRelativePath||tmpName,Type:pStats.isDirectory()?'folder':'file',Size:pStats.size,Modified:pStats.mtime,Created:pStats.birthtime};if(!pStats.isDirectory()){tmpInfo.Extension=libPath.extname(tmpName);}return fCallback(null,tmpInfo);});}}module.exports=PictFileBrowserService;module.exports.default_configuration=_DefaultServiceConfiguration;}).call(this);}).call(this,"/node_modules/pict-section-filebrowser/source/services");},{"fable-serviceproviderbase":20,"fs":2,"path":42,"url":113}],61:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-BrowseSearch","DefaultRenderable":"BrowseSearch-Container","DefaultDestinationAddress":"#Pict-FileBrowser-BrowsePane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-BrowseSearch-Container-Template","Template":/*html*/`
+	 */getFileInfo(pRelativePath,fCallback){let tmpAbsolutePath=this.resolveSafePath(pRelativePath);if(!tmpAbsolutePath){return fCallback(new Error('Invalid path'));}libFS.stat(tmpAbsolutePath,(pError,pStats)=>{if(pError){if(pError.code==='ENOENT'){return fCallback(new Error('Path not found'));}return fCallback(pError);}let tmpName=libPath.basename(tmpAbsolutePath);let tmpInfo={Name:tmpName,Path:pRelativePath||tmpName,Type:pStats.isDirectory()?'folder':'file',Size:pStats.size,Modified:pStats.mtime,Created:pStats.birthtime};if(!pStats.isDirectory()){tmpInfo.Extension=libPath.extname(tmpName);}return fCallback(null,tmpInfo);});}}module.exports=PictFileBrowserService;module.exports.default_configuration=_DefaultServiceConfiguration;}).call(this);}).call(this,"/node_modules/pict-section-filebrowser/source/services");},{"fable-serviceproviderbase":20,"fs":2,"path":42,"url":113}],58:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-BrowseSearch","DefaultRenderable":"BrowseSearch-Container","DefaultDestinationAddress":"#Pict-FileBrowser-BrowsePane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-BrowseSearch-Container-Template","Template":/*html*/`
 <div class="pict-fb-search">
 	<input type="text" class="pict-fb-search-input"
 		id="Pict-FileBrowser-SearchInput"
@@ -2853,7 +2543,7 @@ this._lastResults=tmpResults;}/**
 	 * Handle clicking a search result.
 	 *
 	 * @param {number} pIndex - The result index
-	 */selectResult(pIndex){if(!this._lastResults||pIndex>=this._lastResults.length){return;}let tmpEntry=this._lastResults[pIndex];let tmpListProvider=this.pict.providers['Pict-FileBrowser-List'];if(tmpListProvider){tmpListProvider.openEntry(tmpEntry);}}}module.exports=PictViewFileBrowserBrowseSearch;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],62:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-BrowseTree","DefaultRenderable":"BrowseTree-Container","DefaultDestinationAddress":"#Pict-FileBrowser-BrowsePane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-BrowseTree-Container-Template","Template":/*html*/`<div class="pict-fb-tree" id="Pict-FileBrowser-Tree"></div>`},{"Hash":"FileBrowser-BrowseTree-Node-Template","Template":/*html*/`
+	 */selectResult(pIndex){if(!this._lastResults||pIndex>=this._lastResults.length){return;}let tmpEntry=this._lastResults[pIndex];let tmpListProvider=this.pict.providers['Pict-FileBrowser-List'];if(tmpListProvider){tmpListProvider.openEntry(tmpEntry);}}}module.exports=PictViewFileBrowserBrowseSearch;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],59:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-BrowseTree","DefaultRenderable":"BrowseTree-Container","DefaultDestinationAddress":"#Pict-FileBrowser-BrowsePane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-BrowseTree-Container-Template","Template":/*html*/`<div class="pict-fb-tree" id="Pict-FileBrowser-Tree"></div>`},{"Hash":"FileBrowser-BrowseTree-Node-Template","Template":/*html*/`
 <div class="pict-fb-tree-node{~D:Record.SelectedClass~}" style="padding-left: {~D:Record.Indent~}px;" data-path="{~D:Record.Path~}" onclick="{~D:Record.ClickHandler~}">
 	<span class="{~D:Record.ToggleClass~}" onclick="{~D:Record.ToggleHandler~}">{~D:Record.ToggleIcon~}</span>
 	<span class="pict-fb-tree-icon">{~D:Record.Icon~}</span>
@@ -2910,7 +2600,7 @@ let tmpCached=tmpBrowseProvider.getChildFolders(pPath);if(!tmpCached){if(typeof
 	 * Get the current location from state.
 	 *
 	 * @returns {string} The current location path
-	 */getCurrentLocation(){let tmpStateAddresses=this.options.StateAddresses||{};let tmpAddress=tmpStateAddresses.CurrentLocation||'AppData.PictFileBrowser.CurrentLocation';return this.pict.manifest.getValueByHash({AppData:this.pict.AppData,Pict:this.pict},tmpAddress)||'';}}module.exports=PictViewFileBrowserBrowseTree;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],63:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-ListDetail","DefaultRenderable":"ListDetail-Container","DefaultDestinationAddress":"#Pict-FileBrowser-ListPane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-ListDetail-Container-Template","Template":/*html*/`
+	 */getCurrentLocation(){let tmpStateAddresses=this.options.StateAddresses||{};let tmpAddress=tmpStateAddresses.CurrentLocation||'AppData.PictFileBrowser.CurrentLocation';return this.pict.manifest.getValueByHash({AppData:this.pict.AppData,Pict:this.pict},tmpAddress)||'';}}module.exports=PictViewFileBrowserBrowseTree;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],60:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-ListDetail","DefaultRenderable":"ListDetail-Container","DefaultDestinationAddress":"#Pict-FileBrowser-ListPane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-ListDetail-Container-Template","Template":/*html*/`
 <div class="pict-fb-detail" id="Pict-FileBrowser-DetailList">
 	<div class="pict-fb-breadcrumb" id="Pict-FileBrowser-Breadcrumb"></div>
 	<div class="pict-fb-detail-header">
@@ -2962,7 +2652,7 @@ tmpHTML+=this.pict.parseTemplateByHash('FileBrowser-Breadcrumb-Current-Template'
 	 * Get the current location from state.
 	 *
 	 * @returns {string} The current location path
-	 */getCurrentLocation(){let tmpStateAddresses=this.options.StateAddresses||{};let tmpAddress=tmpStateAddresses.CurrentLocation||'AppData.PictFileBrowser.CurrentLocation';return this.pict.manifest.getValueByHash({AppData:this.pict.AppData,Pict:this.pict},tmpAddress)||'';}}module.exports=PictViewFileBrowserListDetail;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],64:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-ListIcons","DefaultRenderable":"ListIcons-Container","DefaultDestinationAddress":"#Pict-FileBrowser-ListPane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-ListIcons-Container-Template","Template":/*html*/`
+	 */getCurrentLocation(){let tmpStateAddresses=this.options.StateAddresses||{};let tmpAddress=tmpStateAddresses.CurrentLocation||'AppData.PictFileBrowser.CurrentLocation';return this.pict.manifest.getValueByHash({AppData:this.pict.AppData,Pict:this.pict},tmpAddress)||'';}}module.exports=PictViewFileBrowserListDetail;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],61:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-ListIcons","DefaultRenderable":"ListIcons-Container","DefaultDestinationAddress":"#Pict-FileBrowser-ListPane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-ListIcons-Container-Template","Template":/*html*/`
 <div id="Pict-FileBrowser-IconList">
 	<div class="pict-fb-breadcrumb" id="Pict-FileBrowser-IconBreadcrumb"></div>
 	<div class="pict-fb-icons" id="Pict-FileBrowser-IconGrid"></div>
@@ -3000,7 +2690,7 @@ tmpHTML+=this.pict.parseTemplateByHash('FileBrowser-Breadcrumb-Segment-Template'
 	 * Get the current location from state.
 	 *
 	 * @returns {string} The current location path
-	 */getCurrentLocation(){let tmpStateAddresses=this.options.StateAddresses||{};let tmpAddress=tmpStateAddresses.CurrentLocation||'AppData.PictFileBrowser.CurrentLocation';return this.pict.manifest.getValueByHash({AppData:this.pict.AppData,Pict:this.pict},tmpAddress)||'';}}module.exports=PictViewFileBrowserListIcons;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],65:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-ViewFileInfo","DefaultRenderable":"ViewFileInfo-Container","DefaultDestinationAddress":"#Pict-FileBrowser-ViewPane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-ViewFileInfo-Container-Template","Template":/*html*/`<div class="pict-fb-fileinfo" id="Pict-FileBrowser-FileInfo"></div>`},{"Hash":"FileBrowser-ViewFileInfo-Detail-Template","Template":/*html*/`
+	 */getCurrentLocation(){let tmpStateAddresses=this.options.StateAddresses||{};let tmpAddress=tmpStateAddresses.CurrentLocation||'AppData.PictFileBrowser.CurrentLocation';return this.pict.manifest.getValueByHash({AppData:this.pict.AppData,Pict:this.pict},tmpAddress)||'';}}module.exports=PictViewFileBrowserListIcons;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],62:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-ViewFileInfo","DefaultRenderable":"ViewFileInfo-Container","DefaultDestinationAddress":"#Pict-FileBrowser-ViewPane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-ViewFileInfo-Container-Template","Template":/*html*/`<div class="pict-fb-fileinfo" id="Pict-FileBrowser-FileInfo"></div>`},{"Hash":"FileBrowser-ViewFileInfo-Detail-Template","Template":/*html*/`
 <div class="pict-fb-fileinfo-title">{~D:Record.Name~}</div>
 <table class="pict-fb-fileinfo-table">
 	<tr>
@@ -3033,7 +2723,7 @@ tmpHTML+=this.pict.parseTemplateByHash('FileBrowser-Breadcrumb-Segment-Template'
 	 * After rendering the container, populate with file info.
 	 */onAfterRender(pRenderable){this.rebuildFileInfo();this.pict.CSSMap.injectCSS();return super.onAfterRender(pRenderable);}/**
 	 * Rebuild the file info display.
-	 */rebuildFileInfo(){let tmpViewProvider=this.pict.providers['Pict-FileBrowser-View'];let tmpListProvider=this.pict.providers['Pict-FileBrowser-List'];let tmpCurrentFile=tmpViewProvider?tmpViewProvider.getCurrentFile():null;if(!tmpCurrentFile){let tmpEmptyHTML=this.pict.parseTemplateByHash('FileBrowser-ViewFileInfo-Empty-Template',{});this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-FileInfo',tmpEmptyHTML);return;}let tmpRecord={Name:tmpCurrentFile.Name||'Unknown',TypeDescription:tmpViewProvider?tmpViewProvider.getFileTypeDescription(tmpCurrentFile):'File',SizeFormatted:tmpListProvider?tmpListProvider.formatFileSize(tmpCurrentFile.Size):tmpCurrentFile.Size||'--',ModifiedFormatted:tmpListProvider?tmpListProvider.formatDate(tmpCurrentFile.Modified):tmpCurrentFile.Modified||'--',Extension:tmpCurrentFile.Extension||'--',Path:tmpCurrentFile.Path||'--'};let tmpHTML=this.pict.parseTemplateByHash('FileBrowser-ViewFileInfo-Detail-Template',tmpRecord);this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-FileInfo',tmpHTML);}}module.exports=PictViewFileBrowserViewFileInfo;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],66:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-ViewImage","DefaultRenderable":"ViewImage-Container","DefaultDestinationAddress":"#Pict-FileBrowser-ViewPane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-ViewImage-Container-Template","Template":/*html*/`<div class="pict-fb-image-viewer" id="Pict-FileBrowser-ImageViewer"></div>`},{"Hash":"FileBrowser-ViewImage-Display-Template","Template":/*html*/`<img src="{~D:Record.ImageURL~}" alt="{~D:Record.Name~}" />`},{"Hash":"FileBrowser-ViewImage-NoImage-Template","Template":/*html*/`<div class="pict-fb-image-viewer-none">{~D:Record.Message~}</div>`}],"Renderables":[{"RenderableHash":"ViewImage-Container","TemplateHash":"FileBrowser-ViewImage-Container-Template","DestinationAddress":"#Pict-FileBrowser-ViewPane","RenderMethod":"replace"}]};/**
+	 */rebuildFileInfo(){let tmpViewProvider=this.pict.providers['Pict-FileBrowser-View'];let tmpListProvider=this.pict.providers['Pict-FileBrowser-List'];let tmpCurrentFile=tmpViewProvider?tmpViewProvider.getCurrentFile():null;if(!tmpCurrentFile){let tmpEmptyHTML=this.pict.parseTemplateByHash('FileBrowser-ViewFileInfo-Empty-Template',{});this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-FileInfo',tmpEmptyHTML);return;}let tmpRecord={Name:tmpCurrentFile.Name||'Unknown',TypeDescription:tmpViewProvider?tmpViewProvider.getFileTypeDescription(tmpCurrentFile):'File',SizeFormatted:tmpListProvider?tmpListProvider.formatFileSize(tmpCurrentFile.Size):tmpCurrentFile.Size||'--',ModifiedFormatted:tmpListProvider?tmpListProvider.formatDate(tmpCurrentFile.Modified):tmpCurrentFile.Modified||'--',Extension:tmpCurrentFile.Extension||'--',Path:tmpCurrentFile.Path||'--'};let tmpHTML=this.pict.parseTemplateByHash('FileBrowser-ViewFileInfo-Detail-Template',tmpRecord);this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-FileInfo',tmpHTML);}}module.exports=PictViewFileBrowserViewFileInfo;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],63:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={"ViewIdentifier":"Pict-FileBrowser-ViewImage","DefaultRenderable":"ViewImage-Container","DefaultDestinationAddress":"#Pict-FileBrowser-ViewPane","AutoRender":false,"Templates":[{"Hash":"FileBrowser-ViewImage-Container-Template","Template":/*html*/`<div class="pict-fb-image-viewer" id="Pict-FileBrowser-ImageViewer"></div>`},{"Hash":"FileBrowser-ViewImage-Display-Template","Template":/*html*/`<img src="{~D:Record.ImageURL~}" alt="{~D:Record.Name~}" />`},{"Hash":"FileBrowser-ViewImage-NoImage-Template","Template":/*html*/`<div class="pict-fb-image-viewer-none">{~D:Record.Message~}</div>`}],"Renderables":[{"RenderableHash":"ViewImage-Container","TemplateHash":"FileBrowser-ViewImage-Container-Template","DestinationAddress":"#Pict-FileBrowser-ViewPane","RenderMethod":"replace"}]};/**
  * Viewing view that displays an image preview for the currently selected file.
  *
  * If the selected file is an image and has a URL or ThumbnailURL, it renders
@@ -3042,7 +2732,7 @@ tmpHTML+=this.pict.parseTemplateByHash('FileBrowser-Breadcrumb-Segment-Template'
 	 * After rendering the container, populate with the image or message.
 	 */onAfterRender(pRenderable){this.rebuildImageView();this.pict.CSSMap.injectCSS();return super.onAfterRender(pRenderable);}/**
 	 * Rebuild the image viewer display.
-	 */rebuildImageView(){let tmpViewProvider=this.pict.providers['Pict-FileBrowser-View'];let tmpCurrentFile=tmpViewProvider?tmpViewProvider.getCurrentFile():null;if(!tmpCurrentFile){let tmpHTML=this.pict.parseTemplateByHash('FileBrowser-ViewImage-NoImage-Template',{Message:'No file selected'});this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-ImageViewer',tmpHTML);return;}let tmpIsImage=tmpViewProvider?tmpViewProvider.isImage(tmpCurrentFile):false;if(!tmpIsImage){let tmpHTML=this.pict.parseTemplateByHash('FileBrowser-ViewImage-NoImage-Template',{Message:'Selected file is not an image'});this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-ImageViewer',tmpHTML);return;}let tmpImageURL=tmpViewProvider?tmpViewProvider.getImageURL(tmpCurrentFile):null;if(!tmpImageURL){let tmpHTML=this.pict.parseTemplateByHash('FileBrowser-ViewImage-NoImage-Template',{Message:'No image URL available'});this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-ImageViewer',tmpHTML);return;}let tmpHTML=this.pict.parseTemplateByHash('FileBrowser-ViewImage-Display-Template',{ImageURL:tmpImageURL,Name:tmpCurrentFile.Name||'Image'});this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-ImageViewer',tmpHTML);}}module.exports=PictViewFileBrowserViewImage;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],67:[function(require,module,exports){const libPictView=require('pict-view');const _DefaultConfiguration=require('../Pict-Section-FileBrowser-DefaultConfiguration.js');const libBrowseProvider=require('../providers/Pict-Provider-FileBrowserBrowse.js');const libListProvider=require('../providers/Pict-Provider-FileBrowserList.js');const libViewProvider=require('../providers/Pict-Provider-FileBrowserView.js');const libLayoutProvider=require('../providers/Pict-Provider-FileBrowserLayout.js');const libIconProvider=require('../providers/Pict-Provider-FileBrowserIcons.js');/**
+	 */rebuildImageView(){let tmpViewProvider=this.pict.providers['Pict-FileBrowser-View'];let tmpCurrentFile=tmpViewProvider?tmpViewProvider.getCurrentFile():null;if(!tmpCurrentFile){let tmpHTML=this.pict.parseTemplateByHash('FileBrowser-ViewImage-NoImage-Template',{Message:'No file selected'});this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-ImageViewer',tmpHTML);return;}let tmpIsImage=tmpViewProvider?tmpViewProvider.isImage(tmpCurrentFile):false;if(!tmpIsImage){let tmpHTML=this.pict.parseTemplateByHash('FileBrowser-ViewImage-NoImage-Template',{Message:'Selected file is not an image'});this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-ImageViewer',tmpHTML);return;}let tmpImageURL=tmpViewProvider?tmpViewProvider.getImageURL(tmpCurrentFile):null;if(!tmpImageURL){let tmpHTML=this.pict.parseTemplateByHash('FileBrowser-ViewImage-NoImage-Template',{Message:'No image URL available'});this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-ImageViewer',tmpHTML);return;}let tmpHTML=this.pict.parseTemplateByHash('FileBrowser-ViewImage-Display-Template',{ImageURL:tmpImageURL,Name:tmpCurrentFile.Name||'Image'});this.pict.ContentAssignment.assignContent('#Pict-FileBrowser-ImageViewer',tmpHTML);}}module.exports=PictViewFileBrowserViewImage;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],64:[function(require,module,exports){const libPictView=require('pict-view');const _DefaultConfiguration=require('../Pict-Section-FileBrowser-DefaultConfiguration.js');const libBrowseProvider=require('../providers/Pict-Provider-FileBrowserBrowse.js');const libListProvider=require('../providers/Pict-Provider-FileBrowserList.js');const libViewProvider=require('../providers/Pict-Provider-FileBrowserView.js');const libLayoutProvider=require('../providers/Pict-Provider-FileBrowserLayout.js');const libIconProvider=require('../providers/Pict-Provider-FileBrowserIcons.js');/**
  * Main FileBrowser view.
  *
  * Renders the outer container layout (browse pane, list pane, view pane)
@@ -3065,14 +2755,326 @@ if(!this.pict.AppData.PictFileBrowser.FileList){this.pict.AppData.PictFileBrowse
 	 */onAfterRender(pRenderable){this.pict.CSSMap.injectCSS();return super.onAfterRender(pRenderable);}/**
 	 * Get a state value by key.
 	 *
-	 * @param {string} pKey - One of: Layout, RootLocation, CurrentLocation, CurrentFile
-	 * @returns {*} The state value
-	 */getState(pKey){let tmpStateAddresses=this.options.StateAddresses||{};let tmpAddress=tmpStateAddresses[pKey];if(!tmpAddress){return undefined;}return this.pict.manifest.getValueByHash({AppData:this.pict.AppData,Pict:this.pict},tmpAddress);}/**
-	 * Set a state value by key.
+	 * @param {string} pKey - One of: Layout, RootLocation, CurrentLocation, CurrentFile
+	 * @returns {*} The state value
+	 */getState(pKey){let tmpStateAddresses=this.options.StateAddresses||{};let tmpAddress=tmpStateAddresses[pKey];if(!tmpAddress){return undefined;}return this.pict.manifest.getValueByHash({AppData:this.pict.AppData,Pict:this.pict},tmpAddress);}/**
+	 * Set a state value by key.
+	 *
+	 * @param {string} pKey - One of: Layout, RootLocation, CurrentLocation, CurrentFile
+	 * @param {*} pValue - The value to set
+	 */setState(pKey,pValue){let tmpStateAddresses=this.options.StateAddresses||{};let tmpAddress=tmpStateAddresses[pKey];if(!tmpAddress){return;}this.pict.manifest.setValueByHash({AppData:this.pict.AppData,Pict:this.pict},tmpAddress,pValue);}}module.exports=PictViewFileBrowser;module.exports.default_configuration=_DefaultConfiguration;},{"../Pict-Section-FileBrowser-DefaultConfiguration.js":50,"../providers/Pict-Provider-FileBrowserBrowse.js":52,"../providers/Pict-Provider-FileBrowserIcons.js":53,"../providers/Pict-Provider-FileBrowserLayout.js":54,"../providers/Pict-Provider-FileBrowserList.js":55,"../providers/Pict-Provider-FileBrowserView.js":56,"pict-view":76}],65:[function(require,module,exports){// The container for all the Pict-Section-Content related code.
+// The main content view class
+module.exports=require('./views/Pict-View-Content.js');// The content provider (markdown parsing, HTML escaping)
+module.exports.PictContentProvider=require('./providers/Pict-Provider-Content.js');},{"./providers/Pict-Provider-Content.js":66,"./views/Pict-View-Content.js":67}],66:[function(require,module,exports){const libPictProvider=require('pict-provider');const libCreateHighlighter=require('pict-section-code').createHighlighter;/**
+ * Content Provider for Pict Section Content
+ *
+ * A general-purpose markdown-to-HTML parser with support for:
+ * - Headings, paragraphs, lists, blockquotes, horizontal rules
+ * - Fenced code blocks with language tags (nested fence support)
+ * - Syntax highlighting and line numbers for code blocks (via pict-section-code)
+ * - Tables (GFM pipe syntax)
+ * - Mermaid diagram blocks
+ * - KaTeX math (inline and display)
+ * - Bold, italic, inline code, links, images
+ *
+ * Link resolution is customizable via an optional callback.
+ */class PictContentProvider extends libPictProvider{constructor(pFable,pOptions,pServiceHash){super(pFable,pOptions,pServiceHash);}/**
+	 * Highlight a code string using pict-section-code's syntax highlighter.
+	 * Uses a mock element to interface with the highlighter's DOM-based API.
+	 *
+	 * @param {string} pCode - The raw code string
+	 * @param {string} pLanguage - The language identifier (e.g. "javascript", "html")
+	 * @returns {string} The syntax-highlighted HTML
+	 */highlightCode(pCode,pLanguage){if(!pCode){return'';}let tmpHighlighter=libCreateHighlighter(pLanguage);// Create a mock element to interface with the highlighter
+let tmpMockElement={textContent:pCode,innerHTML:''};tmpHighlighter(tmpMockElement);return tmpMockElement.innerHTML;}/**
+	 * Generate line number HTML for a code block.
+	 *
+	 * @param {string} pCode - The raw code string
+	 * @returns {string} HTML string with line number spans
+	 */generateLineNumbers(pCode){if(!pCode){return'<span>1</span>';}let tmpLineCount=pCode.split('\n').length;let tmpHTML='';for(let i=1;i<=tmpLineCount;i++){tmpHTML+='<span>'+i+'</span>';}return tmpHTML;}/**
+	 * Parse a markdown string into HTML.
+	 *
+	 * @param {string} pMarkdown - The raw markdown text
+	 * @param {Function} [pLinkResolver] - Optional callback for link resolution: (pHref, pLinkText) => { href, target, rel } or null
+	 * @param {Function} [pImageResolver] - Optional callback for image URL resolution: (pSrc, pAlt) => resolvedSrc or null
+	 * @returns {string} The parsed HTML
+	 */parseMarkdown(pMarkdown,pLinkResolver,pImageResolver){if(!pMarkdown){return'';}let tmpLines=pMarkdown.split('\n');let tmpHTML=[];let tmpInCodeBlock=false;let tmpCodeFenceLength=0;let tmpCodeLang='';let tmpCodeLines=[];let tmpInList=false;let tmpListType='';let tmpInBlockquote=false;let tmpBlockquoteLines=[];let tmpInMathBlock=false;let tmpMathLines=[];let tmpParagraphLines=[];// Helper to flush accumulated paragraph lines into a single <p> tag
+let fFlushParagraph=()=>{if(tmpParagraphLines.length>0){tmpHTML.push('<p>'+tmpParagraphLines.map(pLine=>{return this.parseInline(pLine,pLinkResolver,pImageResolver);}).join(' ')+'</p>');tmpParagraphLines=[];}};for(let i=0;i<tmpLines.length;i++){let tmpLine=tmpLines[i];// Display math blocks ($$...$$) — skip if inside a code block
+if(!tmpInCodeBlock&&tmpLine.trim().match(/^\$\$/)){if(tmpInMathBlock){// End math block
+tmpHTML.push('<div class="pict-content-katex-display">'+tmpMathLines.join('\n')+'</div>');tmpInMathBlock=false;tmpMathLines=[];}else{// Flush any pending paragraph
+fFlushParagraph();// Close any open list or blockquote
+if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver,pImageResolver)+'</blockquote>');tmpInBlockquote=false;tmpBlockquoteLines=[];}tmpInMathBlock=true;}continue;}if(tmpInMathBlock){tmpMathLines.push(tmpLine);continue;}// Code blocks (fenced) — track fence length so ````x```` nests around ```y```
+let tmpFenceMatch=tmpLine.match(/^(`{3,})/);if(tmpFenceMatch){let tmpFenceLen=tmpFenceMatch[1].length;if(tmpInCodeBlock){// Only close if the closing fence is at least as long as the opening
+if(tmpFenceLen>=tmpCodeFenceLength&&tmpLine.trim()===tmpFenceMatch[1]){// End code block
+if(tmpCodeLang==='mermaid'){// Mermaid diagrams: output raw content for client-side rendering
+tmpHTML.push('<pre class="mermaid">'+tmpCodeLines.join('\n')+'</pre>');}else{let tmpCodeText=tmpCodeLines.join('\n');let tmpHighlightedCode=this.highlightCode(tmpCodeText,tmpCodeLang);let tmpLineNumbersHTML=this.generateLineNumbers(tmpCodeText);tmpHTML.push('<div class="pict-content-code-wrap"><div class="pict-content-code-line-numbers">'+tmpLineNumbersHTML+'</div><pre><code class="language-'+this.escapeHTML(tmpCodeLang)+'">'+tmpHighlightedCode+'</code></pre></div>');}tmpInCodeBlock=false;tmpCodeFenceLength=0;tmpCodeLang='';tmpCodeLines=[];continue;}else{// Inner fence with fewer backticks — treat as content
+tmpCodeLines.push(tmpLine);continue;}}else{// Flush any pending paragraph
+fFlushParagraph();// Close any open list or blockquote
+if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver,pImageResolver)+'</blockquote>');tmpInBlockquote=false;tmpBlockquoteLines=[];}// Start code block — record fence length
+tmpCodeFenceLength=tmpFenceLen;tmpCodeLang=tmpLine.replace(/^`{3,}/,'').trim();tmpInCodeBlock=true;continue;}}if(tmpInCodeBlock){tmpCodeLines.push(tmpLine);continue;}// Blockquotes
+if(tmpLine.match(/^>\s?/)){if(!tmpInBlockquote){// Flush any pending paragraph
+fFlushParagraph();// Close any open list
+if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}tmpInBlockquote=true;tmpBlockquoteLines=[];}tmpBlockquoteLines.push(tmpLine.replace(/^>\s?/,''));continue;}else if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver,pImageResolver)+'</blockquote>');tmpInBlockquote=false;tmpBlockquoteLines=[];}// Horizontal rule
+if(tmpLine.match(/^(-{3,}|\*{3,}|_{3,})\s*$/)){fFlushParagraph();if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}tmpHTML.push('<hr>');continue;}// Headings
+let tmpHeadingMatch=tmpLine.match(/^(#{1,6})\s+(.+)/);if(tmpHeadingMatch){fFlushParagraph();if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}let tmpLevel=tmpHeadingMatch[1].length;let tmpText=this.parseInline(tmpHeadingMatch[2],pLinkResolver,pImageResolver);let tmpID=tmpHeadingMatch[2].toLowerCase().replace(/[^\w\s-]/g,'').replace(/\s+/g,'-');tmpHTML.push('<h'+tmpLevel+' id="'+tmpID+'">'+tmpText+'</h'+tmpLevel+'>');continue;}// Unordered list items
+let tmpULMatch=tmpLine.match(/^(\s*)[-*+]\s+(.*)/);if(tmpULMatch){fFlushParagraph();if(!tmpInList||tmpListType!=='ul'){if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');}tmpHTML.push('<ul>');tmpInList=true;tmpListType='ul';}tmpHTML.push('<li>'+this.parseInline(tmpULMatch[2],pLinkResolver,pImageResolver)+'</li>');continue;}// Ordered list items
+let tmpOLMatch=tmpLine.match(/^(\s*)\d+\.\s+(.*)/);if(tmpOLMatch){fFlushParagraph();if(!tmpInList||tmpListType!=='ol'){if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');}tmpHTML.push('<ol>');tmpInList=true;tmpListType='ol';}tmpHTML.push('<li>'+this.parseInline(tmpOLMatch[2],pLinkResolver,pImageResolver)+'</li>');continue;}// Close list if we've left list items
+if(tmpInList&&tmpLine.trim()!==''){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}// Empty line — flush any accumulated paragraph
+if(tmpLine.trim()===''){fFlushParagraph();continue;}// Table detection
+if(tmpLine.match(/^\|/)&&i+1<tmpLines.length&&tmpLines[i+1].match(/^\|[\s-:|]+\|/)){fFlushParagraph();// Close any open list
+if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}let tmpTableHTML='<table>';// Header row
+let tmpHeaders=tmpLine.split('|').filter(pCell=>{return pCell.trim()!=='';});tmpTableHTML+='<thead><tr>';for(let h=0;h<tmpHeaders.length;h++){tmpTableHTML+='<th>'+this.parseInline(tmpHeaders[h].trim(),pLinkResolver,pImageResolver)+'</th>';}tmpTableHTML+='</tr></thead>';// Skip separator row
+i++;// Body rows
+tmpTableHTML+='<tbody>';while(i+1<tmpLines.length&&tmpLines[i+1].match(/^\|/)){i++;let tmpCells=tmpLines[i].split('|').filter(pCell=>{return pCell.trim()!=='';});tmpTableHTML+='<tr>';for(let c=0;c<tmpCells.length;c++){tmpTableHTML+='<td>'+this.parseInline(tmpCells[c].trim(),pLinkResolver,pImageResolver)+'</td>';}tmpTableHTML+='</tr>';}tmpTableHTML+='</tbody></table>';tmpHTML.push(tmpTableHTML);continue;}// Accumulate paragraph lines — consecutive non-blank text lines
+// will be joined into a single <p> tag when flushed
+tmpParagraphLines.push(tmpLine);}// Flush any remaining accumulated paragraph
+fFlushParagraph();// Close any trailing open elements
+if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');}if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver,pImageResolver)+'</blockquote>');}if(tmpInCodeBlock){let tmpCodeText=tmpCodeLines.join('\n');let tmpHighlightedCode=this.highlightCode(tmpCodeText,tmpCodeLang);let tmpLineNumbersHTML=this.generateLineNumbers(tmpCodeText);tmpHTML.push('<div class="pict-content-code-wrap"><div class="pict-content-code-line-numbers">'+tmpLineNumbersHTML+'</div><pre><code>'+tmpHighlightedCode+'</code></pre></div>');}return tmpHTML.join('\n');}/**
+	 * Parse inline markdown elements (bold, italic, code, links, images, KaTeX).
+	 *
+	 * @param {string} pText - The text to parse
+	 * @param {Function} [pLinkResolver] - Optional callback: (pHref, pLinkText) => { href, target, rel } or null
+	 * @param {Function} [pImageResolver] - Optional callback: (pSrc, pAlt) => resolvedSrc or null
+	 * @returns {string} HTML with inline elements
+	 */parseInline(pText,pLinkResolver,pImageResolver){if(!pText){return'';}let tmpResult=pText;// Extract inline code spans into placeholders so bold/italic regexes don't mangle their contents
+let tmpCodeSpans=[];tmpResult=tmpResult.replace(/`([^`]+)`/g,(pMatch,pCode)=>{let tmpIndex=tmpCodeSpans.length;tmpCodeSpans.push('<code>'+pCode+'</code>');return'\x00CODEINLINE'+tmpIndex+'\x00';});// Inline LaTeX equations ($...$) — must be processed before other inline patterns
+// Match single $ delimiters that aren't adjacent to spaces (to avoid false positives with currency)
+tmpResult=tmpResult.replace(/\$([^\$\s][^\$]*?[^\$\s])\$/g,'<span class="pict-content-katex-inline">$1</span>');// Also match single-character inline math like $x$
+tmpResult=tmpResult.replace(/\$([^\$\s])\$/g,'<span class="pict-content-katex-inline">$1</span>');// Images
+tmpResult=tmpResult.replace(/!\[([^\]]*)\]\(([^)]+)\)/g,(pMatch,pAlt,pSrc)=>{let tmpSrc=pSrc;if(typeof pImageResolver==='function'){let tmpResolved=pImageResolver(pSrc,pAlt);if(tmpResolved){tmpSrc=tmpResolved;}}return'<img src="'+tmpSrc+'" alt="'+pAlt+'">';});// Links
+tmpResult=tmpResult.replace(/\[([^\]]+)\]\(([^)]+)\)/g,(pMatch,pLinkText,pHref)=>{if(typeof pLinkResolver==='function'){let tmpResolved=pLinkResolver(pHref,pLinkText);if(tmpResolved){let tmpTarget=tmpResolved.target?' target="'+tmpResolved.target+'"':'';let tmpRel=tmpResolved.rel?' rel="'+tmpResolved.rel+'"':'';return'<a href="'+tmpResolved.href+'"'+tmpTarget+tmpRel+'>'+pLinkText+'</a>';}}// Default behavior: external links open in new tab
+if(pHref.match(/^https?:\/\//)){return'<a href="'+pHref+'" target="_blank" rel="noopener">'+pLinkText+'</a>';}return'<a href="'+pHref+'">'+pLinkText+'</a>';});// Bold
+tmpResult=tmpResult.replace(/\*\*([^*]+)\*\*/g,'<strong>$1</strong>');tmpResult=tmpResult.replace(/__([^_]+)__/g,'<strong>$1</strong>');// Italic
+tmpResult=tmpResult.replace(/\*([^*]+)\*/g,'<em>$1</em>');tmpResult=tmpResult.replace(/_([^_]+)_/g,'<em>$1</em>');// Restore inline code spans from placeholders
+tmpResult=tmpResult.replace(/\x00CODEINLINE(\d+)\x00/g,(pMatch,pIndex)=>{return tmpCodeSpans[parseInt(pIndex)];});return tmpResult;}/**
+	 * Escape HTML special characters.
+	 *
+	 * @param {string} pText - The text to escape
+	 * @returns {string} The escaped text
+	 */escapeHTML(pText){if(!pText){return'';}return pText.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');}}module.exports=PictContentProvider;module.exports.default_configuration={ProviderIdentifier:"Pict-Content",AutoInitialize:true,AutoInitializeOrdinal:0};},{"pict-provider":46,"pict-section-code":49}],67:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={ViewIdentifier:"Pict-Content",DefaultRenderable:"Pict-Content-Display",DefaultDestinationAddress:"#Pict-Content-Container",AutoRender:false,CSS:/*css*/`
+		.pict-content {
+			padding: 2em 3em;
+			max-width: 900px;
+			margin: 0 auto;
+		}
+		.pict-content-loading {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			min-height: 200px;
+			color: #8A7F72;
+			font-size: 1em;
+		}
+		.pict-content h1 {
+			font-size: 2em;
+			color: #3D3229;
+			border-bottom: 1px solid #DDD6CA;
+			padding-bottom: 0.3em;
+			margin-top: 0;
+		}
+		.pict-content h2 {
+			font-size: 1.5em;
+			color: #3D3229;
+			border-bottom: 1px solid #EAE3D8;
+			padding-bottom: 0.25em;
+			margin-top: 1.5em;
+		}
+		.pict-content h3 {
+			font-size: 1.25em;
+			color: #3D3229;
+			margin-top: 1.25em;
+		}
+		.pict-content h4, .pict-content h5, .pict-content h6 {
+			color: #5E5549;
+			margin-top: 1em;
+		}
+		.pict-content p {
+			line-height: 1.7;
+			color: #423D37;
+			margin: 0.75em 0;
+		}
+		.pict-content a {
+			color: #2E7D74;
+			text-decoration: none;
+		}
+		.pict-content a:hover {
+			text-decoration: underline;
+		}
+		.pict-content-code-wrap {
+			position: relative;
+			font-family: 'SFMono-Regular', 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
+			font-size: 14px;
+			line-height: 1.5;
+			border-radius: 6px;
+			overflow: auto;
+			margin: 1em 0;
+			background: #3D3229;
+		}
+		.pict-content-code-wrap .pict-content-code-line-numbers {
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 40px;
+			padding: 1.25em 0;
+			text-align: right;
+			background: #342A22;
+			border-right: 1px solid #4A3F35;
+			color: #8A7F72;
+			font-size: 13px;
+			line-height: 1.5;
+			user-select: none;
+			pointer-events: none;
+			box-sizing: border-box;
+		}
+		.pict-content-code-wrap .pict-content-code-line-numbers span {
+			display: block;
+			padding: 0 8px 0 0;
+		}
+		.pict-content-code-wrap pre {
+			margin: 0;
+			background: #3D3229;
+			color: #E8E0D4;
+			padding: 1.25em 1.25em 1.25em 52px;
+			border-radius: 6px;
+			overflow-x: auto;
+			line-height: 1.5;
+			font-size: inherit;
+		}
+		.pict-content-code-wrap pre code {
+			background: none;
+			padding: 0;
+			color: inherit;
+			font-size: inherit;
+			font-family: inherit;
+		}
+		.pict-content-code-wrap .keyword { color: #C678DD; }
+		.pict-content-code-wrap .string { color: #98C379; }
+		.pict-content-code-wrap .number { color: #D19A66; }
+		.pict-content-code-wrap .comment { color: #7F848E; font-style: italic; }
+		.pict-content-code-wrap .operator { color: #56B6C2; }
+		.pict-content-code-wrap .punctuation { color: #E8E0D4; }
+		.pict-content-code-wrap .function-name { color: #61AFEF; }
+		.pict-content-code-wrap .property { color: #E06C75; }
+		.pict-content-code-wrap .tag { color: #E06C75; }
+		.pict-content-code-wrap .attr-name { color: #D19A66; }
+		.pict-content-code-wrap .attr-value { color: #98C379; }
+		.pict-content pre {
+			background: #3D3229;
+			color: #E8E0D4;
+			padding: 1.25em;
+			border-radius: 6px;
+			overflow-x: auto;
+			line-height: 1.5;
+			font-size: 0.9em;
+		}
+		.pict-content code {
+			background: #F0ECE4;
+			padding: 0.15em 0.4em;
+			border-radius: 3px;
+			font-size: 0.9em;
+			color: #9E6B47;
+		}
+		.pict-content pre code {
+			background: none;
+			padding: 0;
+			color: inherit;
+			font-size: inherit;
+		}
+		.pict-content blockquote {
+			border-left: 4px solid #2E7D74;
+			margin: 1em 0;
+			padding: 0.5em 1em;
+			background: #F7F5F0;
+			color: #5E5549;
+		}
+		.pict-content blockquote p {
+			margin: 0.25em 0;
+		}
+		.pict-content ul, .pict-content ol {
+			padding-left: 2em;
+			line-height: 1.8;
+		}
+		.pict-content li {
+			margin: 0.25em 0;
+			color: #423D37;
+		}
+		.pict-content hr {
+			border: none;
+			border-top: 1px solid #DDD6CA;
+			margin: 2em 0;
+		}
+		.pict-content table {
+			width: 100%;
+			border-collapse: collapse;
+			margin: 1em 0;
+		}
+		.pict-content table th {
+			background: #F5F0E8;
+			border: 1px solid #DDD6CA;
+			padding: 0.6em 0.8em;
+			text-align: left;
+			font-weight: 600;
+			color: #3D3229;
+		}
+		.pict-content table td {
+			border: 1px solid #DDD6CA;
+			padding: 0.5em 0.8em;
+			color: #423D37;
+		}
+		.pict-content table tr:nth-child(even) {
+			background: #F7F5F0;
+		}
+		.pict-content img {
+			max-width: 100%;
+			height: auto;
+		}
+		.pict-content pre.mermaid {
+			background: #fff;
+			color: #3D3229;
+			text-align: center;
+			padding: 1em;
+		}
+		.pict-content .pict-content-katex-display {
+			text-align: center;
+			margin: 1em 0;
+			padding: 0.5em;
+			overflow-x: auto;
+		}
+		.pict-content .pict-content-katex-inline {
+			display: inline;
+		}
+	`,Templates:[{Hash:"Pict-Content-Template",Template:/*html*/`
+<div class="pict-content" id="Pict-Content-Body">
+	<div class="pict-content-loading">Loading content...</div>
+</div>
+`}],Renderables:[{RenderableHash:"Pict-Content-Display",TemplateHash:"Pict-Content-Template",DestinationAddress:"#Pict-Content-Container",RenderMethod:"replace"}]};class PictContentView extends libPictView{constructor(pFable,pOptions,pServiceHash){super(pFable,pOptions,pServiceHash);}/**
+	 * Display parsed HTML content in the content area.
+	 *
+	 * @param {string} pHTMLContent - The HTML to display
+	 * @param {string} [pContainerID] - The container element ID (defaults to 'Pict-Content-Body')
+	 */displayContent(pHTMLContent,pContainerID){let tmpContainerID=pContainerID||'Pict-Content-Body';this.pict.ContentAssignment.assignContent('#'+tmpContainerID,pHTMLContent);// Scroll to top of content area
+let tmpContentContainer=document.getElementById(tmpContainerID);if(tmpContentContainer&&tmpContentContainer.parentElement){tmpContentContainer.parentElement.scrollTop=0;}// Post-render: initialize Mermaid diagrams if mermaid is available
+this.renderMermaidDiagrams(tmpContainerID);// Post-render: render KaTeX equations if katex is available
+this.renderKaTeXEquations(tmpContainerID);}/**
+	 * Render any Mermaid diagram blocks in the content area.
+	 * Mermaid blocks are `<pre class="mermaid">` elements produced by parseMarkdown.
 	 *
-	 * @param {string} pKey - One of: Layout, RootLocation, CurrentLocation, CurrentFile
-	 * @param {*} pValue - The value to set
-	 */setState(pKey,pValue){let tmpStateAddresses=this.options.StateAddresses||{};let tmpAddress=tmpStateAddresses[pKey];if(!tmpAddress){return;}this.pict.manifest.setValueByHash({AppData:this.pict.AppData,Pict:this.pict},tmpAddress,pValue);}}module.exports=PictViewFileBrowser;module.exports.default_configuration=_DefaultConfiguration;},{"../Pict-Section-FileBrowser-DefaultConfiguration.js":53,"../providers/Pict-Provider-FileBrowserBrowse.js":55,"../providers/Pict-Provider-FileBrowserIcons.js":56,"../providers/Pict-Provider-FileBrowserLayout.js":57,"../providers/Pict-Provider-FileBrowserList.js":58,"../providers/Pict-Provider-FileBrowserView.js":59,"pict-view":76}],68:[function(require,module,exports){/**
+	 * @param {string} [pContainerID] - The container element ID (defaults to 'Pict-Content-Body')
+	 */renderMermaidDiagrams(pContainerID){if(typeof mermaid==='undefined'){return;}let tmpContainerID=pContainerID||'Pict-Content-Body';let tmpContentBody=document.getElementById(tmpContainerID);if(!tmpContentBody){return;}let tmpMermaidElements=tmpContentBody.querySelectorAll('pre.mermaid');if(tmpMermaidElements.length<1){return;}// mermaid.run() will process all pre.mermaid elements in the container
+try{mermaid.run({nodes:tmpMermaidElements});}catch(pError){this.log.error('Mermaid rendering error: '+pError.message);}}/**
+	 * Render KaTeX inline and display math elements in the content area.
+	 * Inline: `<span class="pict-content-katex-inline">`
+	 * Display: `<div class="pict-content-katex-display">`
+	 *
+	 * @param {string} [pContainerID] - The container element ID (defaults to 'Pict-Content-Body')
+	 */renderKaTeXEquations(pContainerID){if(typeof katex==='undefined'){return;}let tmpContainerID=pContainerID||'Pict-Content-Body';let tmpContentBody=document.getElementById(tmpContainerID);if(!tmpContentBody){return;}// Render inline math
+let tmpInlineElements=tmpContentBody.querySelectorAll('.pict-content-katex-inline');for(let i=0;i<tmpInlineElements.length;i++){try{katex.render(tmpInlineElements[i].textContent,tmpInlineElements[i],{throwOnError:false,displayMode:false});}catch(pError){this.log.warn('KaTeX inline error: '+pError.message);}}// Render display math
+let tmpDisplayElements=tmpContentBody.querySelectorAll('.pict-content-katex-display');for(let i=0;i<tmpDisplayElements.length;i++){try{katex.render(tmpDisplayElements[i].textContent,tmpDisplayElements[i],{throwOnError:false,displayMode:true});}catch(pError){this.log.warn('KaTeX display error: '+pError.message);}}}/**
+	 * Show a loading indicator.
+	 *
+	 * @param {string} [pMessage] - Loading message (defaults to 'Loading content...')
+	 * @param {string} [pContainerID] - The container element ID (defaults to 'Pict-Content-Body')
+	 */showLoading(pMessage,pContainerID){let tmpContainerID=pContainerID||'Pict-Content-Body';let tmpMessage=pMessage||'Loading content...';this.pict.ContentAssignment.assignContent('#'+tmpContainerID,'<div class="pict-content-loading">'+tmpMessage+'</div>');}}module.exports=PictContentView;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],68:[function(require,module,exports){/**
  * Pict-MDE-CodeMirror: Helper module for PictSectionMarkdownEditor
  *
  * Handles CodeMirror editor instance creation, extension configuration,
@@ -3088,22 +3090,53 @@ if(!this.pict.AppData.PictFileBrowser.FileList){this.pict.AppData.PictFileBrowse
 	 * @param {number} pSegmentIndex - The segment index
 	 * @param {string} pContent - The initial content
 	 */pView._createEditorInContainer=function _createEditorInContainer(pContainer,pSegmentIndex,pContent){let tmpCM=pView._codeMirrorModules;// Build the extensions array
-let tmpExtensions=[];// Add consumer-provided extensions (e.g. basicSetup, markdown())
+let tmpExtensions=[];// Keyboard shortcuts for formatting, inter-segment navigation, and image paste handling
+// IMPORTANT: Must be added BEFORE consumer extensions (e.g. basicSetup) so that
+// our domEventHandlers fire before CM6's internal keymap handlers.
+tmpExtensions.push(tmpCM.EditorView.domEventHandlers({keydown:(pEvent,pEditorView)=>{// Ctrl/Cmd + B = bold
+if((pEvent.ctrlKey||pEvent.metaKey)&&pEvent.key==='b'){pEvent.preventDefault();pView.applyFormatting(pSegmentIndex,'bold');return true;}// Ctrl/Cmd + I = italic
+if((pEvent.ctrlKey||pEvent.metaKey)&&pEvent.key==='i'){pEvent.preventDefault();pView.applyFormatting(pSegmentIndex,'italic');return true;}// Ctrl/Cmd + E = inline code
+if((pEvent.ctrlKey||pEvent.metaKey)&&pEvent.key==='e'){pEvent.preventDefault();pView.applyFormatting(pSegmentIndex,'code');return true;}},paste:(pEvent,pEditorView)=>{// Check clipboard for image data
+let tmpItems=pEvent.clipboardData&&pEvent.clipboardData.items;if(!tmpItems){return false;}for(let i=0;i<tmpItems.length;i++){if(tmpItems[i].type.startsWith('image/')){pEvent.preventDefault();let tmpFile=tmpItems[i].getAsFile();if(tmpFile){pView._processImageFile(tmpFile,pSegmentIndex);}return true;}}return false;},drop:(pEvent,pEditorView)=>{// Intercept image file drops at the CodeMirror level to prevent
+// the browser from inserting the image as a raw DOM element.
+// Without this, both CodeMirror's default drop behavior AND the
+// container-level handler fire, causing rendering artifacts.
+if(pView._dragSourceIndex>=0){return false;// segment-reorder drag, not a file drop
+}if(!pEvent.dataTransfer||!pEvent.dataTransfer.files||pEvent.dataTransfer.files.length<1){return false;}let tmpFile=pEvent.dataTransfer.files[0];if(tmpFile.type&&tmpFile.type.startsWith('image/')){pEvent.preventDefault();pEvent.stopPropagation();pView._processImageFile(tmpFile,pSegmentIndex);// Clean up the dragover visual indicator on the container
+let tmpContainer=pEditorView.dom.closest('.pict-mde-segment-editor');if(tmpContainer){tmpContainer.classList.remove('pict-mde-image-dragover');}return true;}return false;}}));// Add consumer-provided extensions (e.g. basicSetup, markdown())
 if(tmpCM.extensions&&Array.isArray(tmpCM.extensions)){tmpExtensions=tmpExtensions.concat(tmpCM.extensions);}// Update listener for content changes, focus, and cursor tracking
 tmpExtensions.push(tmpCM.EditorView.updateListener.of(pUpdate=>{if(pUpdate.docChanged){pView._onSegmentContentChange(pSegmentIndex,pUpdate.state.doc.toString());}// Track focus changes to toggle the active class
 if(pUpdate.focusChanged){if(pUpdate.view.hasFocus){pView._setActiveSegment(pSegmentIndex);// Position sidebar at cursor on focus
 pView._updateSidebarPosition(pSegmentIndex);}else{// Small delay so clicking a sidebar button doesn't immediately deactivate
 setTimeout(()=>{if(pView._activeSegmentIndex===pSegmentIndex){// Check if focus moved to another segment or truly left
 let tmpSegEl=document.getElementById(`PictMDE-Segment-${pSegmentIndex}`);if(tmpSegEl&&!tmpSegEl.contains(document.activeElement)){pView._clearActiveSegment(pSegmentIndex);pView._resetSidebarPosition(pSegmentIndex);}}},100);}}// Track cursor/selection changes to move the sidebar
-if(pUpdate.selectionSet&&pUpdate.view.hasFocus){pView._updateSidebarPosition(pSegmentIndex);}}));// Keyboard shortcuts for formatting and image paste handling
-tmpExtensions.push(tmpCM.EditorView.domEventHandlers({keydown:(pEvent,pEditorView)=>{// Ctrl/Cmd + B = bold
-if((pEvent.ctrlKey||pEvent.metaKey)&&pEvent.key==='b'){pEvent.preventDefault();pView.applyFormatting(pSegmentIndex,'bold');return true;}// Ctrl/Cmd + I = italic
-if((pEvent.ctrlKey||pEvent.metaKey)&&pEvent.key==='i'){pEvent.preventDefault();pView.applyFormatting(pSegmentIndex,'italic');return true;}// Ctrl/Cmd + E = inline code
-if((pEvent.ctrlKey||pEvent.metaKey)&&pEvent.key==='e'){pEvent.preventDefault();pView.applyFormatting(pSegmentIndex,'code');return true;}},paste:(pEvent,pEditorView)=>{// Check clipboard for image data
-let tmpItems=pEvent.clipboardData&&pEvent.clipboardData.items;if(!tmpItems){return false;}for(let i=0;i<tmpItems.length;i++){if(tmpItems[i].type.startsWith('image/')){pEvent.preventDefault();let tmpFile=tmpItems[i].getAsFile();if(tmpFile){pView._processImageFile(tmpFile,pSegmentIndex);}return true;}}return false;}}));// Collapse long data URIs in image markdown so the editor is readable
+if(pUpdate.selectionSet&&pUpdate.view.hasFocus){pView._updateSidebarPosition(pSegmentIndex);}}));// Collapse long data URIs in image markdown so the editor is readable
 let tmpCollapseExtension=pView._buildDataURICollapseExtension();if(tmpCollapseExtension){tmpExtensions.push(tmpCollapseExtension);}// Make read-only if configured
 if(pView.options.ReadOnly){tmpExtensions.push(tmpCM.EditorState.readOnly.of(true));tmpExtensions.push(tmpCM.EditorView.editable.of(false));}// Allow consumer to customize extensions
-tmpExtensions=pView.customConfigureExtensions(tmpExtensions,pSegmentIndex);let tmpState=tmpCM.EditorState.create({doc:pContent||'',extensions:tmpExtensions});let tmpEditorView=new tmpCM.EditorView({state:tmpState,parent:pContainer});pView._segmentEditors[pSegmentIndex]=tmpEditorView;};/**
+tmpExtensions=pView.customConfigureExtensions(tmpExtensions,pSegmentIndex);let tmpState=tmpCM.EditorState.create({doc:pContent||'',extensions:tmpExtensions});let tmpEditorView=new tmpCM.EditorView({state:tmpState,parent:pContainer});pView._segmentEditors[pSegmentIndex]=tmpEditorView;// -- Inter-segment arrow-key navigation --
+// Use a capture-phase DOM listener so we intercept ArrowDown/ArrowUp
+// BEFORE CodeMirror's internal keymap handlers process them.
+tmpEditorView.contentDOM.addEventListener('keydown',function(pEvent){if(pEvent.key!=='ArrowDown'&&pEvent.key!=='ArrowUp'){return;}// Don't interfere if a modifier key is held (selection, etc.)
+if(pEvent.shiftKey||pEvent.ctrlKey||pEvent.metaKey||pEvent.altKey){return;}let tmpState=tmpEditorView.state;let tmpCursorPos=tmpState.selection.main.head;let tmpLine=tmpState.doc.lineAt(tmpCursorPos);let tmpColumnOffset=tmpCursorPos-tmpLine.from;if(pEvent.key==='ArrowDown'){// Only navigate when cursor is on the very last line
+if(tmpLine.to<tmpState.doc.length){return;// not on last line — let CM handle it
+}// Find next segment
+let tmpOrderedIndices=pView._getOrderedSegmentIndices();let tmpLogicalIndex=pView._getLogicalIndex(pSegmentIndex);if(tmpLogicalIndex<0||tmpLogicalIndex>=tmpOrderedIndices.length-1){return;// last segment — nowhere to go
+}let tmpNextInternalIndex=tmpOrderedIndices[tmpLogicalIndex+1];let tmpNextEditor=pView._segmentEditors[tmpNextInternalIndex];if(!tmpNextEditor){return;}pEvent.preventDefault();pEvent.stopPropagation();// Focus the next editor and place cursor on the first line
+let tmpFirstLine=tmpNextEditor.state.doc.line(1);let tmpTargetCol=Math.min(tmpColumnOffset,tmpFirstLine.to-tmpFirstLine.from);tmpNextEditor.focus();tmpNextEditor.dispatch({selection:{anchor:tmpFirstLine.from+tmpTargetCol}});pView._setActiveSegment(tmpNextInternalIndex);}else if(pEvent.key==='ArrowUp'){// Only navigate when cursor is on the very first line
+if(tmpLine.number>1){return;// not on first line — let CM handle it
+}// Find previous segment
+let tmpOrderedIndices=pView._getOrderedSegmentIndices();let tmpLogicalIndex=pView._getLogicalIndex(pSegmentIndex);if(tmpLogicalIndex<=0){return;// first segment — nowhere to go
+}let tmpPrevInternalIndex=tmpOrderedIndices[tmpLogicalIndex-1];let tmpPrevEditor=pView._segmentEditors[tmpPrevInternalIndex];if(!tmpPrevEditor){return;}pEvent.preventDefault();pEvent.stopPropagation();// Focus the previous editor and place cursor on the last line
+let tmpLastLine=tmpPrevEditor.state.doc.line(tmpPrevEditor.state.doc.lines);let tmpTargetCol=Math.min(tmpColumnOffset,tmpLastLine.to-tmpLastLine.from);tmpPrevEditor.focus();tmpPrevEditor.dispatch({selection:{anchor:tmpLastLine.from+tmpTargetCol}});pView._setActiveSegment(tmpPrevInternalIndex);}},true);// <-- capture phase
+// -- Capture-phase drop listener for image files --
+// Safari processes native contenteditable drops before CodeMirror's
+// bubble-phase domEventHandlers fire, which can insert a raw <img>
+// element into the editor DOM.  A capture-phase listener fires first
+// and lets us preventDefault() before the browser acts.
+tmpEditorView.contentDOM.addEventListener('drop',function(pEvent){if(pView._dragSourceIndex>=0){return;// segment-reorder drag
+}if(!pEvent.dataTransfer||!pEvent.dataTransfer.files||pEvent.dataTransfer.files.length<1){return;}let tmpFile=pEvent.dataTransfer.files[0];if(tmpFile.type&&tmpFile.type.startsWith('image/')){pEvent.preventDefault();pEvent.stopPropagation();pView._processImageFile(tmpFile,pSegmentIndex);// Clean up the dragover visual indicator
+let tmpEditorEl=document.getElementById(`PictMDE-SegmentEditor-${pSegmentIndex}`);if(tmpEditorEl){tmpEditorEl.classList.remove('pict-mde-image-dragover');}}},true);// <-- capture phase
+};/**
 	 * Build a CodeMirror extension that visually collapses long data URIs
 	 * inside markdown image syntax.
 	 *
@@ -3386,7 +3419,7 @@ pView._renderedViewGeneration++;let tmpGeneration=pView._renderedViewGeneration;
 let tmpContentContainer=tmpContainer.querySelector(`#${tmpRenderedViewID} .pict-content`);if(tmpContentContainer){let tmpContentID='PictMDE-RenderedViewContent';tmpContentContainer.id=tmpContentID;pView._postRenderMermaid(tmpContentID,-1,tmpGeneration);pView._postRenderKaTeX(tmpContentID);}};/**
 	 * Switch back from rendered view to the editing view: rebuild the
 	 * full editor UI from the data.
-	 */pView._restoreEditingView=function _restoreEditingView(){let tmpContainer=pView._getContainerElement();if(!tmpContainer){return;}tmpContainer.classList.remove('pict-mde-rendered-mode');pView._buildEditorUI();};};},{"pict-section-content":50}],73:[function(require,module,exports){module.exports={"DefaultRenderable":"MarkdownEditor-Wrap","DefaultDestinationAddress":"#MarkdownEditor-Container-Div","Templates":[{"Hash":"MarkdownEditor-Container","Template":/*html*/`<div class="pict-mde" id="PictMDE-Container"></div>`},{"Hash":"MarkdownEditor-Segment","Template":/*html*/`<div class="pict-mde-segment" id="PictMDE-Segment-{~D:Record.SegmentIndex~}" data-segment-index="{~D:Record.SegmentIndex~}">
+	 */pView._restoreEditingView=function _restoreEditingView(){let tmpContainer=pView._getContainerElement();if(!tmpContainer){return;}tmpContainer.classList.remove('pict-mde-rendered-mode');pView._buildEditorUI();};};},{"pict-section-content":65}],73:[function(require,module,exports){module.exports={"DefaultRenderable":"MarkdownEditor-Wrap","DefaultDestinationAddress":"#MarkdownEditor-Container-Div","Templates":[{"Hash":"MarkdownEditor-Container","Template":/*html*/`<div class="pict-mde" id="PictMDE-Container"></div>`},{"Hash":"MarkdownEditor-Segment","Template":/*html*/`<div class="pict-mde-segment" id="PictMDE-Segment-{~D:Record.SegmentIndex~}" data-segment-index="{~D:Record.SegmentIndex~}">
 	<div class="pict-mde-left-controls">
 		<div class="pict-mde-quadrant-tl"></div>
 		<div class="pict-mde-quadrant-bl"></div>
@@ -3554,8 +3587,9 @@ let tmpContentContainer=tmpContainer.querySelector(`#${tmpRenderedViewID} .pict-
 /* ---- Editor body (middle column) ---- */
 .pict-mde-segment-body
 {
-	flex: 1 1 auto;
+	flex: 1 1 0%;
 	min-width: 0;
+	overflow: hidden;
 	background: #FFFFFF;
 	transition: background-color 0.15s ease;
 }
@@ -3613,6 +3647,13 @@ let tmpContentContainer=tmpContainer.querySelector(`#${tmpRenderedViewID} .pict-
 	display: block;
 	border-top: 1px solid #EDEDED;
 	background: #FCFCFC;
+	overflow: hidden;
+}
+/* Constrain images in the rich preview even if pict-section-content CSS loads late */
+.pict-mde-rich-preview img
+{
+	max-width: 100%;
+	height: auto;
 }
 /* Global preview toggle: hide all previews when container has class */
 .pict-mde.pict-mde-previews-hidden .pict-mde-rich-preview.pict-mde-has-rich-preview,
@@ -3894,6 +3935,182 @@ let tmpContentContainer=tmpContainer.querySelector(`#${tmpRenderedViewID} .pict-
 {
 	display: flex;
 }
+
+/* ============================================
+   RESPONSIVE: Tablet / Phone (max-width: 768px)
+   ============================================ */
+@media (max-width: 768px)
+{
+	/* Prevent any horizontal overflow in the editor */
+	.pict-mde
+	{
+		overflow-x: hidden;
+		max-width: 100%;
+	}
+
+	/* Reduce the left controls column width */
+	.pict-mde-left-controls
+	{
+		flex: 0 0 16px;
+	}
+	.pict-mde-left-btn
+	{
+		width: 16px;
+		height: 18px;
+		font-size: 10px;
+	}
+
+	/* Make left-side buttons always visible on touch (no hover) */
+	.pict-mde-left-btn
+	{
+		opacity: 0.6;
+	}
+
+	/* Narrow the drag handle */
+	.pict-mde-drag-handle
+	{
+		flex: 0 0 5px;
+	}
+
+	/* Shrink the right sidebar column */
+	.pict-mde-sidebar
+	{
+		flex: 0 0 24px;
+	}
+	.pict-mde-sidebar-btn
+	{
+		width: 20px;
+		height: 20px;
+		font-size: 11px;
+	}
+
+	/* Make right sidebar buttons always visible (touch devices) */
+	.pict-mde-quadrant-tr,
+	.pict-mde-quadrant-br
+	{
+		opacity: 0.7;
+	}
+	.pict-mde-segment.pict-mde-active .pict-mde-quadrant-tr,
+	.pict-mde-segment.pict-mde-active .pict-mde-quadrant-br
+	{
+		opacity: 1;
+	}
+
+	/* Reduce CodeMirror content padding */
+	.pict-mde-segment-editor .cm-editor .cm-content
+	{
+		padding: 6px 6px;
+	}
+
+	/* Reduce font size slightly for more content on screen */
+	.pict-mde-segment-editor .cm-editor .cm-scroller
+	{
+		font-size: 13px;
+	}
+
+	/* Add segment button: reduce left margin */
+	.pict-mde-add-segment
+	{
+		padding-left: 21px;
+	}
+
+	/* Rich preview: less padding */
+	.pict-mde-rich-preview .pict-content
+	{
+		padding: 8px;
+		font-size: 12px;
+	}
+
+	/* Image previews: smaller max dimensions */
+	.pict-mde-image-preview img
+	{
+		max-width: 120px;
+		max-height: 100px;
+	}
+
+	/* Rendered view: less padding */
+	.pict-mde-rendered-view
+	{
+		padding: 10px 8px;
+	}
+}
+
+/* ============================================
+   RESPONSIVE: Small phone (max-width: 480px)
+   ============================================ */
+@media (max-width: 480px)
+{
+	/* Wrap segment so left controls flow to the top as a horizontal bar */
+	.pict-mde-segment
+	{
+		flex-wrap: wrap;
+	}
+
+	/* Left controls become a horizontal toolbar at the top of the segment */
+	.pict-mde-left-controls
+	{
+		flex: 0 0 100%;
+		flex-direction: row;
+		justify-content: flex-start;
+		gap: 2px;
+		padding: 3px 4px;
+		order: -1;
+		background: #F5F5F5;
+		border-bottom: 1px solid #EDEDED;
+	}
+	.pict-mde-left-btn
+	{
+		width: 24px;
+		height: 24px;
+		font-size: 12px;
+		opacity: 0.7;
+	}
+
+	/* Left quadrants flow horizontally */
+	.pict-mde-quadrant-tl,
+	.pict-mde-quadrant-bl
+	{
+		flex-direction: row;
+		gap: 2px;
+		position: static;
+	}
+
+	/* Segment body: explicit basis so it fills the wrapped row */
+	.pict-mde-segment-body
+	{
+		flex: 1 1 calc(100% - 20px);
+	}
+
+	/* Hide drag handle on very small screens */
+	.pict-mde-drag-handle
+	{
+		display: none;
+	}
+
+	/* Right sidebar: further shrink */
+	.pict-mde-sidebar
+	{
+		flex: 0 0 20px;
+	}
+	.pict-mde-sidebar-btn
+	{
+		width: 18px;
+		height: 18px;
+		font-size: 10px;
+	}
+
+	/* Add segment: no left offset since controls are at top */
+	.pict-mde-add-segment
+	{
+		padding-left: 0;
+	}
+
+	/* Even tighter CodeMirror padding */
+	.pict-mde-segment-editor .cm-editor .cm-content
+	{
+		padding: 4px 4px;
+	}
+}
 `};},{}],74:[function(require,module,exports){const libPictViewClass=require('pict-view');const libPictSectionContent=require('pict-section-content');const _DefaultConfiguration=require('./Pict-Section-MarkdownEditor-DefaultConfiguration.js');// Helper modules
 const libFormatting=require('./Pict-MDE-Formatting.js');const libImageHandling=require('./Pict-MDE-ImageHandling.js');const libDragAndReorder=require('./Pict-MDE-DragAndReorder.js');const libRichPreview=require('./Pict-MDE-RichPreview.js');const libCodeMirror=require('./Pict-MDE-CodeMirror.js');class PictSectionMarkdownEditor extends libPictViewClass{constructor(pFable,pOptions,pServiceHash){let tmpOptions=Object.assign({},_DefaultConfiguration,pOptions);super(pFable,tmpOptions,pServiceHash);this.initialRenderComplete=false;// CodeMirror prototype references (injected by consumer or found on window)
 this._codeMirrorModules=null;// Map of segment index to CodeMirror EditorView instance
@@ -3903,7 +4120,7 @@ this._viewCallIdentifier=false;// Currently active (focused) segment index, or -
 this._activeSegmentIndex=-1;// Drag state for reorder
 this._dragSourceIndex=-1;// Whether controls (line numbers + right sidebar) are currently visible
 this._controlsVisible=true;// Whether rich previews are globally visible
-this._previewsVisible=false;// Set of logical segment indices where preview has been individually hidden
+this._previewsVisible=true;// Set of logical segment indices where preview has been individually hidden
 this._hiddenPreviewSegments={};// Debounce timers for image preview updates (keyed by segment index)
 this._imagePreviewTimers={};// Debounce timers for rich content preview updates (keyed by segment index)
 this._richPreviewTimers={};// Generation counters for mermaid async rendering (keyed by segment index)
@@ -3923,8 +4140,9 @@ libFormatting.attach(this);libImageHandling.attach(this);libDragAndReorder.attac
 	 * @param {object} [pCodeMirrorModules] - The CodeMirror modules object
 	 * @returns {boolean|void}
 	 */connectCodeMirrorModules(pCodeMirrorModules){if(pCodeMirrorModules&&typeof pCodeMirrorModules==='object'){if(typeof pCodeMirrorModules.EditorView==='function'&&typeof pCodeMirrorModules.EditorState==='function'){this._codeMirrorModules=pCodeMirrorModules;return;}}// Try to find CodeMirror modules in global scope
-if(typeof window!=='undefined'){if(window.CodeMirrorModules&&typeof window.CodeMirrorModules.EditorView==='function'){this.log.trace(`PICT-MarkdownEditor Found CodeMirror modules on window.CodeMirrorModules.`);this._codeMirrorModules=window.CodeMirrorModules;return;}}this.log.error(`PICT-MarkdownEditor No CodeMirror modules found. Provide them via connectCodeMirrorModules() or set window.CodeMirrorModules.`);return false;}onAfterRender(pRenderable){// Inject CSS from all registered views
-this.pict.CSSMap.injectCSS();if(!this.initialRenderComplete){this.onAfterInitialRender();this.initialRenderComplete=true;}return super.onAfterRender(pRenderable);}onAfterInitialRender(){// Resolve CodeMirror modules if not already set
+if(typeof window!=='undefined'){if(window.CodeMirrorModules&&typeof window.CodeMirrorModules.EditorView==='function'){this.log.trace(`PICT-MarkdownEditor Found CodeMirror modules on window.CodeMirrorModules.`);this._codeMirrorModules=window.CodeMirrorModules;return;}}this.log.error(`PICT-MarkdownEditor No CodeMirror modules found. Provide them via connectCodeMirrorModules() or set window.CodeMirrorModules.`);return false;}onAfterRender(pRenderable){if(!this.initialRenderComplete){this.onAfterInitialRender();this.initialRenderComplete=true;}// Inject CSS from all registered views (after onAfterInitialRender so
+// that pict-section-content's CSS is registered before injection)
+this.pict.CSSMap.injectCSS();return super.onAfterRender(pRenderable);}onAfterInitialRender(){// Resolve CodeMirror modules if not already set
 if(!this._codeMirrorModules){this.connectCodeMirrorModules();}if(!this._codeMirrorModules){this.log.error(`PICT-MarkdownEditor Cannot initialize; no CodeMirror modules available.`);return false;}// Register pict-section-content's CSS for rich preview rendering.
 // This ensures the rendered markdown (headings, code blocks, tables, etc.)
 // is styled correctly inside the preview area.
@@ -4037,7 +4255,8 @@ let tmpVisible=pVisible;if(typeof pSegmentIndexOrVisible==='boolean'){tmpVisible
 	 * @param {number} pSegmentIndex - The internal segment index
 	 * @param {boolean} [pVisible] - If provided, set to this value; otherwise toggle
 	 */toggleSegmentPreview(pSegmentIndex,pVisible){// Convert internal index to logical index for persistent tracking
-let tmpLogicalIndex=this._getLogicalIndex(pSegmentIndex);if(tmpLogicalIndex<0){return;}let tmpCurrentlyHidden=!!this._hiddenPreviewSegments[tmpLogicalIndex];if(typeof pVisible==='boolean'){tmpCurrentlyHidden=!pVisible;}else{tmpCurrentlyHidden=!tmpCurrentlyHidden;}if(tmpCurrentlyHidden){this._hiddenPreviewSegments[tmpLogicalIndex]=true;}else{delete this._hiddenPreviewSegments[tmpLogicalIndex];}let tmpSegmentEl=document.getElementById(`PictMDE-Segment-${pSegmentIndex}`);if(tmpSegmentEl){if(tmpCurrentlyHidden){tmpSegmentEl.classList.add('pict-mde-preview-hidden');}else{tmpSegmentEl.classList.remove('pict-mde-preview-hidden');}}}// -- Segment Data Management --
+let tmpLogicalIndex=this._getLogicalIndex(pSegmentIndex);if(tmpLogicalIndex<0){return;}let tmpCurrentlyHidden=!!this._hiddenPreviewSegments[tmpLogicalIndex];if(typeof pVisible==='boolean'){tmpCurrentlyHidden=!pVisible;}else{tmpCurrentlyHidden=!tmpCurrentlyHidden;}if(tmpCurrentlyHidden){this._hiddenPreviewSegments[tmpLogicalIndex]=true;}else{delete this._hiddenPreviewSegments[tmpLogicalIndex];}let tmpSegmentEl=document.getElementById(`PictMDE-Segment-${pSegmentIndex}`);if(tmpSegmentEl){if(tmpCurrentlyHidden){tmpSegmentEl.classList.add('pict-mde-preview-hidden');}else{tmpSegmentEl.classList.remove('pict-mde-preview-hidden');// Render preview content when making it visible
+this._updateRichPreviews(pSegmentIndex);this._updateImagePreviews(pSegmentIndex);}}}// -- Segment Data Management --
 /**
 	 * Get the segments array from the configured data address.
 	 *
@@ -4121,7 +4340,7 @@ this._swapHiddenPreviewState(tmpLogicalIndex,tmpLogicalIndex+1);this._buildEdito
 	 */marshalFromView(){super.marshalFromView();this._marshalAllEditorsToData();}/**
 	 * Destroy all editors and clean up.
 	 */destroy(){for(let tmpIndex in this._segmentEditors){if(this._segmentEditors[tmpIndex]){this._segmentEditors[tmpIndex].destroy();}}this._segmentEditors={};// Clear rich preview debounce timers
-for(let tmpIndex in this._richPreviewTimers){clearTimeout(this._richPreviewTimers[tmpIndex]);}this._richPreviewTimers={};this._richPreviewGenerations={};}}module.exports=PictSectionMarkdownEditor;module.exports.default_configuration=_DefaultConfiguration;},{"./Pict-MDE-CodeMirror.js":68,"./Pict-MDE-DragAndReorder.js":69,"./Pict-MDE-Formatting.js":70,"./Pict-MDE-ImageHandling.js":71,"./Pict-MDE-RichPreview.js":72,"./Pict-Section-MarkdownEditor-DefaultConfiguration.js":73,"pict-section-content":50,"pict-view":76}],75:[function(require,module,exports){module.exports={"name":"pict-view","version":"1.0.67","description":"Pict View Base Class","main":"source/Pict-View.js","scripts":{"test":"npx quack test","tests":"npx quack test -g","start":"node source/Pict-View.js","coverage":"npx quack coverage","build":"npx quack build","docker-dev-build":"docker build ./ -f Dockerfile_LUXURYCode -t pict-view-image:local","docker-dev-run":"docker run -it -d --name pict-view-dev -p 30001:8080 -p 38086:8086 -v \"$PWD/.config:/home/coder/.config\"  -v \"$PWD:/home/coder/pict-view\" -u \"$(id -u):$(id -g)\" -e \"DOCKER_USER=$USER\" pict-view-image:local","docker-dev-shell":"docker exec -it pict-view-dev /bin/bash","types":"tsc -p .","lint":"eslint source/**"},"types":"types/source/Pict-View.d.ts","repository":{"type":"git","url":"git+https://github.com/stevenvelozo/pict-view.git"},"author":"steven velozo <steven@velozo.com>","license":"MIT","bugs":{"url":"https://github.com/stevenvelozo/pict-view/issues"},"homepage":"https://github.com/stevenvelozo/pict-view#readme","devDependencies":{"@eslint/js":"^9.39.1","browser-env":"^3.3.0","eslint":"^9.39.1","pict":"^1.0.348","quackage":"^1.0.58","typescript":"^5.9.3"},"mocha":{"diff":true,"extension":["js"],"package":"./package.json","reporter":"spec","slow":"75","timeout":"5000","ui":"tdd","watch-files":["source/**/*.js","test/**/*.js"],"watch-ignore":["lib/vendor"]},"dependencies":{"fable":"^3.1.63","fable-serviceproviderbase":"^3.0.19"}};},{}],76:[function(require,module,exports){const libFableServiceBase=require('fable-serviceproviderbase');const libPackage=require('../package.json');const defaultPictViewSettings={DefaultRenderable:false,DefaultDestinationAddress:false,DefaultTemplateRecordAddress:false,ViewIdentifier:false,// If this is set to true, when the App initializes this will.
+for(let tmpIndex in this._richPreviewTimers){clearTimeout(this._richPreviewTimers[tmpIndex]);}this._richPreviewTimers={};this._richPreviewGenerations={};}}module.exports=PictSectionMarkdownEditor;module.exports.default_configuration=_DefaultConfiguration;},{"./Pict-MDE-CodeMirror.js":68,"./Pict-MDE-DragAndReorder.js":69,"./Pict-MDE-Formatting.js":70,"./Pict-MDE-ImageHandling.js":71,"./Pict-MDE-RichPreview.js":72,"./Pict-Section-MarkdownEditor-DefaultConfiguration.js":73,"pict-section-content":65,"pict-view":76}],75:[function(require,module,exports){module.exports={"name":"pict-view","version":"1.0.67","description":"Pict View Base Class","main":"source/Pict-View.js","scripts":{"test":"npx quack test","tests":"npx quack test -g","start":"node source/Pict-View.js","coverage":"npx quack coverage","build":"npx quack build","docker-dev-build":"docker build ./ -f Dockerfile_LUXURYCode -t pict-view-image:local","docker-dev-run":"docker run -it -d --name pict-view-dev -p 30001:8080 -p 38086:8086 -v \"$PWD/.config:/home/coder/.config\"  -v \"$PWD:/home/coder/pict-view\" -u \"$(id -u):$(id -g)\" -e \"DOCKER_USER=$USER\" pict-view-image:local","docker-dev-shell":"docker exec -it pict-view-dev /bin/bash","types":"tsc -p .","lint":"eslint source/**"},"types":"types/source/Pict-View.d.ts","repository":{"type":"git","url":"git+https://github.com/stevenvelozo/pict-view.git"},"author":"steven velozo <steven@velozo.com>","license":"MIT","bugs":{"url":"https://github.com/stevenvelozo/pict-view/issues"},"homepage":"https://github.com/stevenvelozo/pict-view#readme","devDependencies":{"@eslint/js":"^9.39.1","browser-env":"^3.3.0","eslint":"^9.39.1","pict":"^1.0.348","quackage":"^1.0.58","typescript":"^5.9.3"},"mocha":{"diff":true,"extension":["js"],"package":"./package.json","reporter":"spec","slow":"75","timeout":"5000","ui":"tdd","watch-files":["source/**/*.js","test/**/*.js"],"watch-ignore":["lib/vendor"]},"dependencies":{"fable":"^3.1.63","fable-serviceproviderbase":"^3.0.19"}};},{}],76:[function(require,module,exports){const libFableServiceBase=require('fable-serviceproviderbase');const libPackage=require('../package.json');const defaultPictViewSettings={DefaultRenderable:false,DefaultDestinationAddress:false,DefaultTemplateRecordAddress:false,ViewIdentifier:false,// If this is set to true, when the App initializes this will.
 // After the App initializes, initialize will be called as soon as it's added.
 AutoInitialize:true,AutoInitializeOrdinal:0,// If this is set to true, when the App autorenders (on load) this will.
 // After the App initializes, render will be called as soon as it's added.
@@ -5795,93 +6014,7 @@ let tmpBrand='Documentation';if(tmpDocuserve.CoverLoaded&&tmpDocuserve.Cover&&tm
 	 * Sanitize a title string, preserving only <small> tags.
 	 */sanitizeTitle(pText){if(!pText){return'';}return this.escapeHTML(pText).replace(/&lt;small&gt;/gi,'<small>').replace(/&lt;\/small&gt;/gi,'</small>');}/**
 	 * Escape HTML special characters.
-	 */escapeHTML(pText){if(!pText){return'';}return pText.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');}}module.exports=DocuserveTopBarView;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],93:[function(require,module,exports){arguments[4][50][0].apply(exports,arguments);},{"./providers/Pict-Provider-Content.js":94,"./views/Pict-View-Content.js":95,"dup":50}],94:[function(require,module,exports){const libPictProvider=require('pict-provider');const libCreateHighlighter=require('pict-section-code').createHighlighter;/**
- * Content Provider for Pict Section Content
- *
- * A general-purpose markdown-to-HTML parser with support for:
- * - Headings, paragraphs, lists, blockquotes, horizontal rules
- * - Fenced code blocks with language tags (nested fence support)
- * - Syntax highlighting and line numbers for code blocks (via pict-section-code)
- * - Tables (GFM pipe syntax)
- * - Mermaid diagram blocks
- * - KaTeX math (inline and display)
- * - Bold, italic, inline code, links, images
- *
- * Link resolution is customizable via an optional callback.
- */class PictContentProvider extends libPictProvider{constructor(pFable,pOptions,pServiceHash){super(pFable,pOptions,pServiceHash);}/**
-	 * Highlight a code string using pict-section-code's syntax highlighter.
-	 * Uses a mock element to interface with the highlighter's DOM-based API.
-	 *
-	 * @param {string} pCode - The raw code string
-	 * @param {string} pLanguage - The language identifier (e.g. "javascript", "html")
-	 * @returns {string} The syntax-highlighted HTML
-	 */highlightCode(pCode,pLanguage){if(!pCode){return'';}let tmpHighlighter=libCreateHighlighter(pLanguage);// Create a mock element to interface with the highlighter
-let tmpMockElement={textContent:pCode,innerHTML:''};tmpHighlighter(tmpMockElement);return tmpMockElement.innerHTML;}/**
-	 * Generate line number HTML for a code block.
-	 *
-	 * @param {string} pCode - The raw code string
-	 * @returns {string} HTML string with line number spans
-	 */generateLineNumbers(pCode){if(!pCode){return'<span>1</span>';}let tmpLineCount=pCode.split('\n').length;let tmpHTML='';for(let i=1;i<=tmpLineCount;i++){tmpHTML+='<span>'+i+'</span>';}return tmpHTML;}/**
-	 * Parse a markdown string into HTML.
-	 *
-	 * @param {string} pMarkdown - The raw markdown text
-	 * @param {Function} [pLinkResolver] - Optional callback for link resolution: (pHref, pLinkText) => { href, target, rel } or null
-	 * @param {Function} [pImageResolver] - Optional callback for image URL resolution: (pSrc, pAlt) => resolvedSrc or null
-	 * @returns {string} The parsed HTML
-	 */parseMarkdown(pMarkdown,pLinkResolver,pImageResolver){if(!pMarkdown){return'';}let tmpLines=pMarkdown.split('\n');let tmpHTML=[];let tmpInCodeBlock=false;let tmpCodeFenceLength=0;let tmpCodeLang='';let tmpCodeLines=[];let tmpInList=false;let tmpListType='';let tmpInBlockquote=false;let tmpBlockquoteLines=[];let tmpInMathBlock=false;let tmpMathLines=[];let tmpParagraphLines=[];// Helper to flush accumulated paragraph lines into a single <p> tag
-let fFlushParagraph=()=>{if(tmpParagraphLines.length>0){tmpHTML.push('<p>'+tmpParagraphLines.map(pLine=>{return this.parseInline(pLine,pLinkResolver,pImageResolver);}).join(' ')+'</p>');tmpParagraphLines=[];}};for(let i=0;i<tmpLines.length;i++){let tmpLine=tmpLines[i];// Display math blocks ($$...$$) — skip if inside a code block
-if(!tmpInCodeBlock&&tmpLine.trim().match(/^\$\$/)){if(tmpInMathBlock){// End math block
-tmpHTML.push('<div class="pict-content-katex-display">'+tmpMathLines.join('\n')+'</div>');tmpInMathBlock=false;tmpMathLines=[];}else{// Flush any pending paragraph
-fFlushParagraph();// Close any open list or blockquote
-if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver,pImageResolver)+'</blockquote>');tmpInBlockquote=false;tmpBlockquoteLines=[];}tmpInMathBlock=true;}continue;}if(tmpInMathBlock){tmpMathLines.push(tmpLine);continue;}// Code blocks (fenced) — track fence length so ````x```` nests around ```y```
-let tmpFenceMatch=tmpLine.match(/^(`{3,})/);if(tmpFenceMatch){let tmpFenceLen=tmpFenceMatch[1].length;if(tmpInCodeBlock){// Only close if the closing fence is at least as long as the opening
-if(tmpFenceLen>=tmpCodeFenceLength&&tmpLine.trim()===tmpFenceMatch[1]){// End code block
-if(tmpCodeLang==='mermaid'){// Mermaid diagrams: output raw content for client-side rendering
-tmpHTML.push('<pre class="mermaid">'+tmpCodeLines.join('\n')+'</pre>');}else{let tmpCodeText=tmpCodeLines.join('\n');let tmpHighlightedCode=this.highlightCode(tmpCodeText,tmpCodeLang);let tmpLineNumbersHTML=this.generateLineNumbers(tmpCodeText);tmpHTML.push('<div class="pict-content-code-wrap"><div class="pict-content-code-line-numbers">'+tmpLineNumbersHTML+'</div><pre><code class="language-'+this.escapeHTML(tmpCodeLang)+'">'+tmpHighlightedCode+'</code></pre></div>');}tmpInCodeBlock=false;tmpCodeFenceLength=0;tmpCodeLang='';tmpCodeLines=[];continue;}else{// Inner fence with fewer backticks — treat as content
-tmpCodeLines.push(tmpLine);continue;}}else{// Flush any pending paragraph
-fFlushParagraph();// Close any open list or blockquote
-if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver,pImageResolver)+'</blockquote>');tmpInBlockquote=false;tmpBlockquoteLines=[];}// Start code block — record fence length
-tmpCodeFenceLength=tmpFenceLen;tmpCodeLang=tmpLine.replace(/^`{3,}/,'').trim();tmpInCodeBlock=true;continue;}}if(tmpInCodeBlock){tmpCodeLines.push(tmpLine);continue;}// Blockquotes
-if(tmpLine.match(/^>\s?/)){if(!tmpInBlockquote){// Flush any pending paragraph
-fFlushParagraph();// Close any open list
-if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}tmpInBlockquote=true;tmpBlockquoteLines=[];}tmpBlockquoteLines.push(tmpLine.replace(/^>\s?/,''));continue;}else if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver,pImageResolver)+'</blockquote>');tmpInBlockquote=false;tmpBlockquoteLines=[];}// Horizontal rule
-if(tmpLine.match(/^(-{3,}|\*{3,}|_{3,})\s*$/)){fFlushParagraph();if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}tmpHTML.push('<hr>');continue;}// Headings
-let tmpHeadingMatch=tmpLine.match(/^(#{1,6})\s+(.+)/);if(tmpHeadingMatch){fFlushParagraph();if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}let tmpLevel=tmpHeadingMatch[1].length;let tmpText=this.parseInline(tmpHeadingMatch[2],pLinkResolver,pImageResolver);let tmpID=tmpHeadingMatch[2].toLowerCase().replace(/[^\w\s-]/g,'').replace(/\s+/g,'-');tmpHTML.push('<h'+tmpLevel+' id="'+tmpID+'">'+tmpText+'</h'+tmpLevel+'>');continue;}// Unordered list items
-let tmpULMatch=tmpLine.match(/^(\s*)[-*+]\s+(.*)/);if(tmpULMatch){fFlushParagraph();if(!tmpInList||tmpListType!=='ul'){if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');}tmpHTML.push('<ul>');tmpInList=true;tmpListType='ul';}tmpHTML.push('<li>'+this.parseInline(tmpULMatch[2],pLinkResolver,pImageResolver)+'</li>');continue;}// Ordered list items
-let tmpOLMatch=tmpLine.match(/^(\s*)\d+\.\s+(.*)/);if(tmpOLMatch){fFlushParagraph();if(!tmpInList||tmpListType!=='ol'){if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');}tmpHTML.push('<ol>');tmpInList=true;tmpListType='ol';}tmpHTML.push('<li>'+this.parseInline(tmpOLMatch[2],pLinkResolver,pImageResolver)+'</li>');continue;}// Close list if we've left list items
-if(tmpInList&&tmpLine.trim()!==''){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}// Empty line — flush any accumulated paragraph
-if(tmpLine.trim()===''){fFlushParagraph();continue;}// Table detection
-if(tmpLine.match(/^\|/)&&i+1<tmpLines.length&&tmpLines[i+1].match(/^\|[\s-:|]+\|/)){fFlushParagraph();// Close any open list
-if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');tmpInList=false;}let tmpTableHTML='<table>';// Header row
-let tmpHeaders=tmpLine.split('|').filter(pCell=>{return pCell.trim()!=='';});tmpTableHTML+='<thead><tr>';for(let h=0;h<tmpHeaders.length;h++){tmpTableHTML+='<th>'+this.parseInline(tmpHeaders[h].trim(),pLinkResolver,pImageResolver)+'</th>';}tmpTableHTML+='</tr></thead>';// Skip separator row
-i++;// Body rows
-tmpTableHTML+='<tbody>';while(i+1<tmpLines.length&&tmpLines[i+1].match(/^\|/)){i++;let tmpCells=tmpLines[i].split('|').filter(pCell=>{return pCell.trim()!=='';});tmpTableHTML+='<tr>';for(let c=0;c<tmpCells.length;c++){tmpTableHTML+='<td>'+this.parseInline(tmpCells[c].trim(),pLinkResolver,pImageResolver)+'</td>';}tmpTableHTML+='</tr>';}tmpTableHTML+='</tbody></table>';tmpHTML.push(tmpTableHTML);continue;}// Accumulate paragraph lines — consecutive non-blank text lines
-// will be joined into a single <p> tag when flushed
-tmpParagraphLines.push(tmpLine);}// Flush any remaining accumulated paragraph
-fFlushParagraph();// Close any trailing open elements
-if(tmpInList){tmpHTML.push(tmpListType==='ul'?'</ul>':'</ol>');}if(tmpInBlockquote){tmpHTML.push('<blockquote>'+this.parseMarkdown(tmpBlockquoteLines.join('\n'),pLinkResolver,pImageResolver)+'</blockquote>');}if(tmpInCodeBlock){let tmpCodeText=tmpCodeLines.join('\n');let tmpHighlightedCode=this.highlightCode(tmpCodeText,tmpCodeLang);let tmpLineNumbersHTML=this.generateLineNumbers(tmpCodeText);tmpHTML.push('<div class="pict-content-code-wrap"><div class="pict-content-code-line-numbers">'+tmpLineNumbersHTML+'</div><pre><code>'+tmpHighlightedCode+'</code></pre></div>');}return tmpHTML.join('\n');}/**
-	 * Parse inline markdown elements (bold, italic, code, links, images, KaTeX).
-	 *
-	 * @param {string} pText - The text to parse
-	 * @param {Function} [pLinkResolver] - Optional callback: (pHref, pLinkText) => { href, target, rel } or null
-	 * @param {Function} [pImageResolver] - Optional callback: (pSrc, pAlt) => resolvedSrc or null
-	 * @returns {string} HTML with inline elements
-	 */parseInline(pText,pLinkResolver,pImageResolver){if(!pText){return'';}let tmpResult=pText;// Extract inline code spans into placeholders so bold/italic regexes don't mangle their contents
-let tmpCodeSpans=[];tmpResult=tmpResult.replace(/`([^`]+)`/g,(pMatch,pCode)=>{let tmpIndex=tmpCodeSpans.length;tmpCodeSpans.push('<code>'+pCode+'</code>');return'\x00CODEINLINE'+tmpIndex+'\x00';});// Inline LaTeX equations ($...$) — must be processed before other inline patterns
-// Match single $ delimiters that aren't adjacent to spaces (to avoid false positives with currency)
-tmpResult=tmpResult.replace(/\$([^\$\s][^\$]*?[^\$\s])\$/g,'<span class="pict-content-katex-inline">$1</span>');// Also match single-character inline math like $x$
-tmpResult=tmpResult.replace(/\$([^\$\s])\$/g,'<span class="pict-content-katex-inline">$1</span>');// Images
-tmpResult=tmpResult.replace(/!\[([^\]]*)\]\(([^)]+)\)/g,(pMatch,pAlt,pSrc)=>{let tmpSrc=pSrc;if(typeof pImageResolver==='function'){let tmpResolved=pImageResolver(pSrc,pAlt);if(tmpResolved){tmpSrc=tmpResolved;}}return'<img src="'+tmpSrc+'" alt="'+pAlt+'">';});// Links
-tmpResult=tmpResult.replace(/\[([^\]]+)\]\(([^)]+)\)/g,(pMatch,pLinkText,pHref)=>{if(typeof pLinkResolver==='function'){let tmpResolved=pLinkResolver(pHref,pLinkText);if(tmpResolved){let tmpTarget=tmpResolved.target?' target="'+tmpResolved.target+'"':'';let tmpRel=tmpResolved.rel?' rel="'+tmpResolved.rel+'"':'';return'<a href="'+tmpResolved.href+'"'+tmpTarget+tmpRel+'>'+pLinkText+'</a>';}}// Default behavior: external links open in new tab
-if(pHref.match(/^https?:\/\//)){return'<a href="'+pHref+'" target="_blank" rel="noopener">'+pLinkText+'</a>';}return'<a href="'+pHref+'">'+pLinkText+'</a>';});// Bold
-tmpResult=tmpResult.replace(/\*\*([^*]+)\*\*/g,'<strong>$1</strong>');tmpResult=tmpResult.replace(/__([^_]+)__/g,'<strong>$1</strong>');// Italic
-tmpResult=tmpResult.replace(/\*([^*]+)\*/g,'<em>$1</em>');tmpResult=tmpResult.replace(/_([^_]+)_/g,'<em>$1</em>');// Restore inline code spans from placeholders
-tmpResult=tmpResult.replace(/\x00CODEINLINE(\d+)\x00/g,(pMatch,pIndex)=>{return tmpCodeSpans[parseInt(pIndex)];});return tmpResult;}/**
-	 * Escape HTML special characters.
-	 *
-	 * @param {string} pText - The text to escape
-	 * @returns {string} The escaped text
-	 */escapeHTML(pText){if(!pText){return'';}return pText.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');}}module.exports=PictContentProvider;module.exports.default_configuration={ProviderIdentifier:"Pict-Content",AutoInitialize:true,AutoInitializeOrdinal:0};},{"pict-provider":46,"pict-section-code":49}],95:[function(require,module,exports){arguments[4][52][0].apply(exports,arguments);},{"dup":52,"pict-view":76}],96:[function(require,module,exports){module.exports={"Name":"Retold Content Editor","Hash":"ContentEditor","MainViewportViewIdentifier":"ContentEditor-Layout","AutoSolveAfterInitialize":true,"AutoRenderMainViewportViewAfterInitialize":false,"AutoRenderViewsAfterInitialize":false,"pict_configuration":{"Product":"ContentEditor-Pict-Application"}};},{}],97:[function(require,module,exports){const libPictApplication=require('pict-application');// File browser
+	 */escapeHTML(pText){if(!pText){return'';}return pText.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');}}module.exports=DocuserveTopBarView;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],93:[function(require,module,exports){arguments[4][65][0].apply(exports,arguments);},{"./providers/Pict-Provider-Content.js":94,"./views/Pict-View-Content.js":95,"dup":65}],94:[function(require,module,exports){arguments[4][66][0].apply(exports,arguments);},{"dup":66,"pict-provider":46,"pict-section-code":49}],95:[function(require,module,exports){arguments[4][67][0].apply(exports,arguments);},{"dup":67,"pict-view":76}],96:[function(require,module,exports){module.exports={"Name":"Retold Content Editor","Hash":"ContentEditor","MainViewportViewIdentifier":"ContentEditor-Layout","AutoSolveAfterInitialize":true,"AutoRenderMainViewportViewAfterInitialize":false,"AutoRenderViewsAfterInitialize":false,"pict_configuration":{"Product":"ContentEditor-Pict-Application"}};},{}],97:[function(require,module,exports){const libPictApplication=require('pict-application');// File browser
 const libPictSectionFileBrowser=require('pict-section-filebrowser');// Provider
 const libContentEditorProvider=require('./providers/Pict-Provider-ContentEditor.js');// Views
 const libViewLayout=require('./views/PictView-Editor-Layout.js');const libViewTopBar=require('./views/PictView-Editor-TopBar.js');const libViewMarkdownEditor=require('./views/PictView-Editor-MarkdownEditor.js');const libViewCodeEditor=require('./views/PictView-Editor-CodeEditor.js');const libViewSettingsPanel=require('./views/PictView-Editor-SettingsPanel.js');const libViewMarkdownReference=require('./views/PictView-Editor-MarkdownReference.js');const libViewTopics=require('./views/PictView-Editor-Topics.js');/**
@@ -5893,13 +6026,37 @@ const libViewLayout=require('./views/PictView-Editor-Layout.js');const libViewTo
  */class ContentEditorApplication extends libPictApplication{constructor(pFable,pOptions,pServiceHash){super(pFable,pOptions,pServiceHash);// Register the content editor provider
 this.pict.addProvider('ContentEditor-Provider',libContentEditorProvider.default_configuration,libContentEditorProvider);// Register views
 this.pict.addView('ContentEditor-Layout',libViewLayout.default_configuration,libViewLayout);this.pict.addView('ContentEditor-TopBar',libViewTopBar.default_configuration,libViewTopBar);this.pict.addView('ContentEditor-MarkdownEditor',libViewMarkdownEditor.default_configuration,libViewMarkdownEditor);this.pict.addView('ContentEditor-CodeEditor',libViewCodeEditor.default_configuration,libViewCodeEditor);this.pict.addView('ContentEditor-SettingsPanel',libViewSettingsPanel.default_configuration,libViewSettingsPanel);this.pict.addView('ContentEditor-MarkdownReference',libViewMarkdownReference.default_configuration,libViewMarkdownReference);this.pict.addView('ContentEditor-Topics',libViewTopics.default_configuration,libViewTopics);// Register the file browser -- override destination and layout for sidebar use
-let tmpFileBrowserConfig=JSON.parse(JSON.stringify(libPictSectionFileBrowser.default_configuration));tmpFileBrowserConfig.DefaultDestinationAddress='#ContentEditor-Sidebar-Container';tmpFileBrowserConfig.DefaultState.Layout='list-only';this.pict.addView('Pict-FileBrowser',tmpFileBrowserConfig,libPictSectionFileBrowser);// Register the list detail sub-view for the file list pane
-this.pict.addView('Pict-FileBrowser-ListDetail',libPictSectionFileBrowser.PictViewListDetail.default_configuration,libPictSectionFileBrowser.PictViewListDetail);}onAfterInitializeAsync(fCallback){// Expose the pict instance as window.pict for inline onclick handlers
+let tmpFileBrowserConfig=JSON.parse(JSON.stringify(libPictSectionFileBrowser.default_configuration));tmpFileBrowserConfig.DefaultDestinationAddress='#ContentEditor-Sidebar-Container';tmpFileBrowserConfig.DefaultState.Layout='list-only';this.pict.addView('Pict-FileBrowser',tmpFileBrowserConfig,libPictSectionFileBrowser);// Register the list detail sub-view for the file list pane.
+// Override templates to:
+//   - Add a "create folder" button to the breadcrumb bar
+//   - Add a hover-visible "+" insert button on each file row
+let tmpListDetailConfig=JSON.parse(JSON.stringify(libPictSectionFileBrowser.PictViewListDetail.default_configuration));for(let i=0;i<tmpListDetailConfig.Templates.length;i++){if(tmpListDetailConfig.Templates[i].Hash==='FileBrowser-ListDetail-Container-Template'){tmpListDetailConfig.Templates[i].Template=/*html*/`
+<div class="pict-fb-detail" id="Pict-FileBrowser-DetailList">
+	<div class="pict-fb-breadcrumb-bar">
+		<div class="pict-fb-breadcrumb" id="Pict-FileBrowser-Breadcrumb"></div>
+		<button class="pict-fb-breadcrumb-addfolder" onclick="pict.PictApplication.promptNewFolder()" title="New folder">+</button>
+	</div>
+	<div class="pict-fb-detail-header">
+		<div class="pict-fb-detail-header-cell pict-fb-detail-col-name" onclick="pict.views['{~D:Record.ViewHash~}'].sortBy('Name')">Name</div>
+		<div class="pict-fb-detail-header-cell pict-fb-detail-col-size" onclick="pict.views['{~D:Record.ViewHash~}'].sortBy('Size')">Size</div>
+		<div class="pict-fb-detail-header-cell pict-fb-detail-col-modified" onclick="pict.views['{~D:Record.ViewHash~}'].sortBy('Modified')">Modified</div>
+	</div>
+	<div id="Pict-FileBrowser-DetailRows"></div>
+</div>
+`;}if(tmpListDetailConfig.Templates[i].Hash==='FileBrowser-ListDetail-Row-Template'){tmpListDetailConfig.Templates[i].Template=/*html*/`
+<div class="pict-fb-detail-row{~D:Record.SelectedClass~}" data-index="{~D:Record.Index~}" data-name="{~D:Record.Name~}" onclick="{~D:Record.ClickHandler~}" ondblclick="{~D:Record.DblClickHandler~}">
+	<span class="pict-fb-detail-icon">{~D:Record.Icon~}</span>
+	<span class="pict-fb-detail-name">{~D:Record.Name~}</span>
+	<span class="pict-fb-detail-size">{~D:Record.SizeFormatted~}</span>
+	<span class="pict-fb-detail-modified">{~D:Record.ModifiedFormatted~}</span>
+	<button class="pict-fb-insert-btn" onclick="event.stopPropagation(); pict.PictApplication.insertFileReference(this.parentElement.getAttribute('data-name'))" title="Insert into editor">+</button>
+</div>
+`;}}this.pict.addView('Pict-FileBrowser-ListDetail',tmpListDetailConfig,libPictSectionFileBrowser.PictViewListDetail);}onAfterInitializeAsync(fCallback){// Expose the pict instance as window.pict for inline onclick handlers
 // (pict-section-filebrowser templates reference pict.views[...])
 if(typeof window!=='undefined'){window.pict=this.pict;}// Initialize application state
 this.pict.AppData.ContentEditor={CurrentFile:'',ActiveEditor:'markdown',// 'markdown' or 'code'
 IsDirty:false,IsSaving:false,IsLoading:false,Files:[],Document:{Segments:[{Content:''}]},CodeContent:'',SaveStatus:'',SaveStatusClass:'',// Settings
-AutoSegmentMarkdown:false,AutoSegmentDepth:1,AutoContentPreview:false,MarkdownEditingControls:true,MarkdownWordWrap:true,CodeWordWrap:false,SidebarCollapsed:false,SidebarWidth:250,AutoPreviewImages:true,AutoPreviewVideo:false,AutoPreviewAudio:false,ShowHiddenFiles:false,TopicsFilePath:'.pict_documentation_topics.json'};// Restore persisted settings from localStorage
+AutoSegmentMarkdown:false,AutoSegmentDepth:1,AutoContentPreview:true,MarkdownEditingControls:true,MarkdownWordWrap:true,CodeWordWrap:false,SidebarCollapsed:false,SidebarWidth:250,AutoPreviewImages:true,AutoPreviewVideo:false,AutoPreviewAudio:false,ShowHiddenFiles:false,TopicsFilePath:'.pict_documentation_topics.json'};// Restore persisted settings from localStorage
 this._loadSettings();// Render the layout shell
 this.pict.views['ContentEditor-Layout'].render();// Wire up file selection from the file browser
 let tmpSelf=this;let tmpListProvider=this.pict.providers['Pict-FileBrowser-List'];if(tmpListProvider){let tmpOriginalSelectFile=tmpListProvider.selectFile.bind(tmpListProvider);tmpListProvider.selectFile=function(pFileEntry){tmpOriginalSelectFile(pFileEntry);if(pFileEntry&&pFileEntry.Type==='file'){tmpSelf.navigateToFile(pFileEntry.Path);}};}// Wire up folder navigation to fetch subfolder contents from the server
@@ -6020,10 +6177,15 @@ this._cleanupEditors();// Re-render top bar
 this.pict.views['ContentEditor-TopBar'].render();// Binary files: show preview card without loading content
 if(tmpEditorType==='binary'){this._showBinaryPreview(pFilePath);this.updateStats();return;}// Text files: load content from the server
 let tmpProvider=this.pict.providers['ContentEditor-Provider'];this.pict.AppData.ContentEditor.IsLoading=true;tmpProvider.loadFile(pFilePath,(pError,pContent)=>{tmpSelf.pict.AppData.ContentEditor.IsLoading=false;if(pError){tmpSelf.pict.AppData.ContentEditor.SaveStatus='Error loading file: '+pError;tmpSelf.pict.AppData.ContentEditor.SaveStatusClass='content-editor-status-error';tmpSelf.pict.views['ContentEditor-TopBar'].render();return;}if(tmpEditorType==='markdown'){// Markdown editor: uses segments (auto-segment if enabled)
-tmpSelf.pict.AppData.ContentEditor.Document.Segments=tmpSelf.segmentMarkdownContent(pContent);let tmpEditorView=tmpSelf.pict.views['ContentEditor-MarkdownEditor'];if(tmpEditorView){tmpEditorView.render();tmpEditorView.marshalToView();// Apply the Auto Content Preview setting via the
-// library's own toggle so the per-segment button
-// continues to work.
-tmpEditorView.togglePreview(tmpSelf.pict.AppData.ContentEditor.AutoContentPreview);// Apply the Editing Controls setting (line numbers
+tmpSelf.pict.AppData.ContentEditor.Document.Segments=tmpSelf.segmentMarkdownContent(pContent);let tmpEditorView=tmpSelf.pict.views['ContentEditor-MarkdownEditor'];if(tmpEditorView){// Set the image base URL so relative image references
+// resolve through the /content/ static route.
+let tmpImageBase='/content/';let tmpLastSlash=pFilePath.lastIndexOf('/');if(tmpLastSlash>0){tmpImageBase='/content/'+pFilePath.substring(0,tmpLastSlash)+'/';}tmpEditorView.options.ImageBaseURL=tmpImageBase;tmpEditorView.render();tmpEditorView.marshalToView();// Always ensure the global preview class is clear so
+// per-segment toggles work.
+tmpEditorView.togglePreview(true);// Set per-segment preview visibility based on the
+// Auto Content Preview setting.  We must always loop
+// to clear any stale _hiddenPreviewSegments state
+// from previous file loads.
+let tmpShowPreviews=!!tmpSelf.pict.AppData.ContentEditor.AutoContentPreview;for(let tmpIdx in tmpEditorView._segmentEditors){tmpEditorView.toggleSegmentPreview(parseInt(tmpIdx,10),tmpShowPreviews);}// Apply the Editing Controls setting (line numbers
 // and right sidebar) via the library's toggleControls.
 tmpEditorView.toggleControls(tmpSelf.pict.AppData.ContentEditor.MarkdownEditingControls);}tmpSelf.updateStats();}else{// Code editor: uses CodeContent
 tmpSelf.pict.AppData.ContentEditor.CodeContent=pContent;// Detect language from file extension
@@ -6065,6 +6227,24 @@ let tmpDefaultContent='';if(pFilePath.endsWith('.md')){tmpDefaultContent='# '+pF
 tmpSelf.loadFileList(null,()=>{tmpSelf.navigateToFile(pFilePath);});}});}/**
 	 * Prompt the user for a new file name and create it.
 	 */promptNewFile(){let tmpFileName=prompt('Enter a name for the new file (e.g. my-page.md, script.js, style.css):');if(tmpFileName&&tmpFileName.trim()){this.createNewFile(tmpFileName.trim());}}/**
+	 * Prompt the user for a folder name and create it in the current
+	 * browse location via the server API.
+	 */promptNewFolder(){let tmpFolderName=prompt('Enter a name for the new folder:');if(!tmpFolderName||!tmpFolderName.trim()){return;}tmpFolderName=tmpFolderName.trim();// Build the full relative path inside the current browse location
+let tmpCurrentLocation='';if(this.pict.AppData.PictFileBrowser&&this.pict.AppData.PictFileBrowser.CurrentLocation){tmpCurrentLocation=this.pict.AppData.PictFileBrowser.CurrentLocation;}let tmpPath=tmpCurrentLocation?tmpCurrentLocation+'/'+tmpFolderName:tmpFolderName;let tmpSelf=this;fetch('/api/content/mkdir',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({Path:tmpPath})}).then(pResponse=>pResponse.json()).then(pData=>{if(pData&&pData.Success){tmpSelf.log.info(`Folder created: ${tmpPath}`);// Refresh the file list to show the new folder
+tmpSelf.loadFileList();}else{alert('Could not create folder: '+(pData?pData.Error:'Unknown error'));}}).catch(pError=>{alert('Error creating folder: '+pError.message);});}/**
+	 * Insert a file reference into the active markdown editor segment.
+	 *
+	 * Called from the "+" button on file browser rows.  For image files
+	 * this inserts markdown image syntax; for other files a markdown link.
+	 *
+	 * @param {string} pFilename - The filename to insert
+	 */insertFileReference(pFilename){if(!pFilename){return;}let tmpEditorView=this.pict.views['ContentEditor-MarkdownEditor'];if(!tmpEditorView||this.pict.AppData.ContentEditor.ActiveEditor!=='markdown'){return;}// Determine the active segment (the one with focus, or the last one)
+let tmpSegmentIndex=tmpEditorView._activeSegmentIndex;if(tmpSegmentIndex<0){// Fall back to the first segment
+let tmpIndices=tmpEditorView._getOrderedSegmentIndices();if(tmpIndices.length>0){tmpSegmentIndex=tmpIndices[0];}}if(tmpSegmentIndex<0){return;}// Build alt text from the filename (strip extension and timestamp prefix)
+let tmpAltText=pFilename.replace(/\.[^.]+$/,'');tmpAltText=tmpAltText.replace(/^\d{10,}-/,'');tmpAltText=tmpAltText.replace(/[-_]+/g,' ').trim()||'image';// Check if this is an image file
+let tmpExt=pFilename.substring(pFilename.lastIndexOf('.')).toLowerCase();let tmpImageExts=['.png','.jpg','.jpeg','.gif','.webp','.svg','.bmp','.avif','.apng','.ico','.tiff','.tif','.jfif'];if(tmpImageExts.indexOf(tmpExt)>=0){// Insert markdown image syntax — relative filename resolved by ImageBaseURL
+tmpEditorView._insertImageMarkdown(tmpSegmentIndex,pFilename,tmpAltText);}else{// Insert a markdown link for non-image files
+let tmpEditor=tmpEditorView._segmentEditors[tmpSegmentIndex];if(tmpEditor){let tmpInsert='['+tmpAltText+']('+pFilename+')';let tmpCursorPos=tmpEditor.state.selection.main.head;tmpEditor.dispatch({changes:{from:tmpCursorPos,insert:tmpInsert},selection:{anchor:tmpCursorPos+tmpInsert.length}});tmpEditor.focus();}}}/**
 	 * Handle F4 / Cmd+Shift+T: context-aware topic creation.
 	 *
 	 * If the markdown editor is active and has focus, creates a new
@@ -6106,7 +6286,7 @@ tmpStatsEl.textContent='';return;}tmpStatsEl.textContent=tmpLines+' lines \u00B7
 	 */saveSettings(){if(typeof window==='undefined'||!window.localStorage){return;}let tmpSettings=this.pict.AppData.ContentEditor;let tmpData={AutoSegmentMarkdown:tmpSettings.AutoSegmentMarkdown,AutoSegmentDepth:tmpSettings.AutoSegmentDepth,AutoContentPreview:tmpSettings.AutoContentPreview,MarkdownEditingControls:tmpSettings.MarkdownEditingControls,MarkdownWordWrap:tmpSettings.MarkdownWordWrap,CodeWordWrap:tmpSettings.CodeWordWrap,SidebarCollapsed:tmpSettings.SidebarCollapsed,SidebarWidth:tmpSettings.SidebarWidth,AutoPreviewImages:tmpSettings.AutoPreviewImages,AutoPreviewVideo:tmpSettings.AutoPreviewVideo,AutoPreviewAudio:tmpSettings.AutoPreviewAudio,ShowHiddenFiles:tmpSettings.ShowHiddenFiles,TopicsFilePath:tmpSettings.TopicsFilePath};try{window.localStorage.setItem(this._settingsKey,JSON.stringify(tmpData));}catch(pError){this.log.warn('Failed to save settings: '+pError.message);}}/**
 	 * Load editor settings from localStorage, overwriting the
 	 * current defaults for any keys that are present.
-	 */_loadSettings(){if(typeof window==='undefined'||!window.localStorage){return;}try{let tmpRaw=window.localStorage.getItem(this._settingsKey);if(!tmpRaw){return;}let tmpStored=JSON.parse(tmpRaw);let tmpSettings=this.pict.AppData.ContentEditor;if(typeof tmpStored.AutoSegmentMarkdown==='boolean'){tmpSettings.AutoSegmentMarkdown=tmpStored.AutoSegmentMarkdown;}if(typeof tmpStored.AutoSegmentDepth==='number'){tmpSettings.AutoSegmentDepth=tmpStored.AutoSegmentDepth;}if(typeof tmpStored.AutoContentPreview==='boolean'){tmpSettings.AutoContentPreview=tmpStored.AutoContentPreview;}if(typeof tmpStored.MarkdownEditingControls==='boolean'){tmpSettings.MarkdownEditingControls=tmpStored.MarkdownEditingControls;}if(typeof tmpStored.MarkdownWordWrap==='boolean'){tmpSettings.MarkdownWordWrap=tmpStored.MarkdownWordWrap;}if(typeof tmpStored.CodeWordWrap==='boolean'){tmpSettings.CodeWordWrap=tmpStored.CodeWordWrap;}if(typeof tmpStored.SidebarCollapsed==='boolean'){tmpSettings.SidebarCollapsed=tmpStored.SidebarCollapsed;}if(typeof tmpStored.SidebarWidth==='number'){tmpSettings.SidebarWidth=tmpStored.SidebarWidth;}if(typeof tmpStored.AutoPreviewImages==='boolean'){tmpSettings.AutoPreviewImages=tmpStored.AutoPreviewImages;}if(typeof tmpStored.AutoPreviewVideo==='boolean'){tmpSettings.AutoPreviewVideo=tmpStored.AutoPreviewVideo;}if(typeof tmpStored.AutoPreviewAudio==='boolean'){tmpSettings.AutoPreviewAudio=tmpStored.AutoPreviewAudio;}if(typeof tmpStored.ShowHiddenFiles==='boolean'){tmpSettings.ShowHiddenFiles=tmpStored.ShowHiddenFiles;}if(typeof tmpStored.TopicsFilePath==='string'){tmpSettings.TopicsFilePath=tmpStored.TopicsFilePath;}}catch(pError){this.log.warn('Failed to load settings: '+pError.message);}}}module.exports=ContentEditorApplication;module.exports.default_configuration=require('./Pict-Application-ContentEditor-Configuration.json');},{"./Pict-Application-ContentEditor-Configuration.json":96,"./providers/Pict-Provider-ContentEditor.js":101,"./views/PictView-Editor-CodeEditor.js":102,"./views/PictView-Editor-Layout.js":103,"./views/PictView-Editor-MarkdownEditor.js":104,"./views/PictView-Editor-MarkdownReference.js":105,"./views/PictView-Editor-SettingsPanel.js":106,"./views/PictView-Editor-TopBar.js":107,"./views/PictView-Editor-Topics.js":108,"pict-application":44,"pict-section-filebrowser":54}],98:[function(require,module,exports){module.exports={"Name":"Retold Content Reader","Hash":"ContentReader","MainViewportViewIdentifier":"Docuserve-Layout","AutoSolveAfterInitialize":true,"AutoRenderMainViewportViewAfterInitialize":false,"AutoRenderViewsAfterInitialize":false,"pict_configuration":{"Product":"ContentReader-Pict-Application"}};},{}],99:[function(require,module,exports){const libDocuserveApplication=require('pict-docuserve');/**
+	 */_loadSettings(){if(typeof window==='undefined'||!window.localStorage){return;}try{let tmpRaw=window.localStorage.getItem(this._settingsKey);if(!tmpRaw){return;}let tmpStored=JSON.parse(tmpRaw);let tmpSettings=this.pict.AppData.ContentEditor;if(typeof tmpStored.AutoSegmentMarkdown==='boolean'){tmpSettings.AutoSegmentMarkdown=tmpStored.AutoSegmentMarkdown;}if(typeof tmpStored.AutoSegmentDepth==='number'){tmpSettings.AutoSegmentDepth=tmpStored.AutoSegmentDepth;}if(typeof tmpStored.AutoContentPreview==='boolean'){tmpSettings.AutoContentPreview=tmpStored.AutoContentPreview;}if(typeof tmpStored.MarkdownEditingControls==='boolean'){tmpSettings.MarkdownEditingControls=tmpStored.MarkdownEditingControls;}if(typeof tmpStored.MarkdownWordWrap==='boolean'){tmpSettings.MarkdownWordWrap=tmpStored.MarkdownWordWrap;}if(typeof tmpStored.CodeWordWrap==='boolean'){tmpSettings.CodeWordWrap=tmpStored.CodeWordWrap;}if(typeof tmpStored.SidebarCollapsed==='boolean'){tmpSettings.SidebarCollapsed=tmpStored.SidebarCollapsed;}if(typeof tmpStored.SidebarWidth==='number'){tmpSettings.SidebarWidth=tmpStored.SidebarWidth;}if(typeof tmpStored.AutoPreviewImages==='boolean'){tmpSettings.AutoPreviewImages=tmpStored.AutoPreviewImages;}if(typeof tmpStored.AutoPreviewVideo==='boolean'){tmpSettings.AutoPreviewVideo=tmpStored.AutoPreviewVideo;}if(typeof tmpStored.AutoPreviewAudio==='boolean'){tmpSettings.AutoPreviewAudio=tmpStored.AutoPreviewAudio;}if(typeof tmpStored.ShowHiddenFiles==='boolean'){tmpSettings.ShowHiddenFiles=tmpStored.ShowHiddenFiles;}if(typeof tmpStored.TopicsFilePath==='string'){tmpSettings.TopicsFilePath=tmpStored.TopicsFilePath;}}catch(pError){this.log.warn('Failed to load settings: '+pError.message);}}}module.exports=ContentEditorApplication;module.exports.default_configuration=require('./Pict-Application-ContentEditor-Configuration.json');},{"./Pict-Application-ContentEditor-Configuration.json":96,"./providers/Pict-Provider-ContentEditor.js":101,"./views/PictView-Editor-CodeEditor.js":102,"./views/PictView-Editor-Layout.js":103,"./views/PictView-Editor-MarkdownEditor.js":104,"./views/PictView-Editor-MarkdownReference.js":105,"./views/PictView-Editor-SettingsPanel.js":106,"./views/PictView-Editor-TopBar.js":107,"./views/PictView-Editor-Topics.js":108,"pict-application":44,"pict-section-filebrowser":51}],98:[function(require,module,exports){module.exports={"Name":"Retold Content Reader","Hash":"ContentReader","MainViewportViewIdentifier":"Docuserve-Layout","AutoSolveAfterInitialize":true,"AutoRenderMainViewportViewAfterInitialize":false,"AutoRenderViewsAfterInitialize":false,"pict_configuration":{"Product":"ContentReader-Pict-Application"}};},{}],99:[function(require,module,exports){const libDocuserveApplication=require('pict-docuserve');/**
  * Content Reader Application
  *
  * Extends pict-docuserve to serve standalone markdown content.
@@ -6156,11 +6336,7 @@ if(typeof window!=='undefined'){window.PictContentReader=module.exports.PictCont
 	 * @param {File} pFile - The image file to upload
 	 * @param {Function} fCallback - Callback receiving (error, url)
 	 */uploadImage(pFile,fCallback){let tmpCallback=typeof fCallback==='function'?fCallback:()=>{};// Determine the target folder from the currently open file
-let tmpUploadPath='';let tmpCurrentFile=this.pict.AppData.ContentEditor.CurrentFile;if(tmpCurrentFile){let tmpLastSlash=tmpCurrentFile.lastIndexOf('/');if(tmpLastSlash>0){tmpUploadPath=tmpCurrentFile.substring(0,tmpLastSlash);}}else if(this.pict.AppData.PictFileBrowser&&this.pict.AppData.PictFileBrowser.CurrentLocation){tmpUploadPath=this.pict.AppData.PictFileBrowser.CurrentLocation;}let tmpHeaders={'Content-Type':pFile.type,'x-filename':pFile.name};if(tmpUploadPath){tmpHeaders['x-upload-path']=tmpUploadPath;}fetch('/api/content/upload-image',{method:'POST',body:pFile,headers:tmpHeaders}).then(pResponse=>pResponse.json()).then(pData=>{if(pData&&pData.Success&&pData.URL){return tmpCallback(null,pData.URL);}return tmpCallback(pData?pData.Error:'Upload failed');}).catch(pError=>{this.log.warn(`ContentEditor: Image upload failed: ${pError}`);return tmpCallback(pError.message);});}/**
-	 * List uploaded images.
-	 *
-	 * @param {Function} fCallback - Callback receiving (error, filesArray)
-	 */listUploads(fCallback){let tmpCallback=typeof fCallback==='function'?fCallback:()=>{};fetch('/api/content/uploads').then(pResponse=>pResponse.json()).then(pData=>{if(pData&&pData.Success){return tmpCallback(null,pData.Files||[]);}return tmpCallback(pData?pData.Error:'Unknown error',[]);}).catch(pError=>{this.log.warn(`ContentEditor: Error listing uploads: ${pError}`);return tmpCallback(pError.message,[]);});}}module.exports=ContentEditorProvider;module.exports.default_configuration={ProviderIdentifier:"ContentEditor-Provider",AutoInitialize:true,AutoInitializeOrdinal:0};},{"pict-provider":46}],102:[function(require,module,exports){const libPictSectionCode=require('pict-section-code');/**
+let tmpUploadPath='';let tmpCurrentFile=this.pict.AppData.ContentEditor.CurrentFile;if(tmpCurrentFile){let tmpLastSlash=tmpCurrentFile.lastIndexOf('/');if(tmpLastSlash>0){tmpUploadPath=tmpCurrentFile.substring(0,tmpLastSlash);}}else if(this.pict.AppData.PictFileBrowser&&this.pict.AppData.PictFileBrowser.CurrentLocation){tmpUploadPath=this.pict.AppData.PictFileBrowser.CurrentLocation;}let tmpHeaders={'Content-Type':pFile.type,'x-filename':pFile.name};if(tmpUploadPath){tmpHeaders['x-upload-path']=tmpUploadPath;}fetch('/api/content/upload-image',{method:'POST',body:pFile,headers:tmpHeaders}).then(pResponse=>pResponse.json()).then(pData=>{if(pData&&pData.Success&&pData.URL){return tmpCallback(null,pData.URL);}return tmpCallback(pData?pData.Error:'Upload failed');}).catch(pError=>{this.log.warn(`ContentEditor: Image upload failed: ${pError}`);return tmpCallback(pError.message);});}}module.exports=ContentEditorProvider;module.exports.default_configuration={ProviderIdentifier:"ContentEditor-Provider",AutoInitialize:true,AutoInitializeOrdinal:0};},{"pict-provider":46}],102:[function(require,module,exports){const libPictSectionCode=require('pict-section-code');/**
  * Map of file extensions to highlight.js language identifiers.
  *
  * highlight.js supports 190+ languages. This map covers the most common
@@ -6388,6 +6564,38 @@ if(this.pict.PictApplication){this.pict.PictApplication.markDirty();this.pict.Pi
 		{
 			display: none;
 		}
+		/* Breadcrumb bar: flex wrapper with create-folder button */
+		.pict-fb-breadcrumb-bar
+		{
+			display: flex;
+			align-items: center;
+			background: #F5F0E8;
+			border-bottom: 1px solid #DDD6CA;
+		}
+		.pict-fb-breadcrumb-bar .pict-fb-breadcrumb
+		{
+			flex: 1;
+			border-bottom: none;
+		}
+		.pict-fb-breadcrumb-addfolder
+		{
+			flex-shrink: 0;
+			background: transparent;
+			border: none;
+			font-size: 1.1rem;
+			font-weight: 600;
+			color: #8A7F72;
+			cursor: pointer;
+			padding: 4px 10px;
+			line-height: 1;
+			border-radius: 4px;
+			margin-right: 4px;
+		}
+		.pict-fb-breadcrumb-addfolder:hover
+		{
+			color: #2E7D74;
+			background: #EAE3D8;
+		}
 		#ContentEditor-Editor-Container
 		{
 			flex: 1;
@@ -6716,13 +6924,178 @@ if(this.pict.PictApplication){this.pict.PictApplication.markDirty();this.pict.Pi
 			border-radius: 3px;
 			color: #5E5549;
 		}
-		.content-editor-upload-footer
+		.content-editor-upload-footer
+		{
+			padding: 10px 18px;
+			border-top: 1px solid #EDE9E3;
+			font-size: 0.72rem;
+			color: #8A7F72;
+			text-align: center;
+		}
+
+		/* File browser row insert button — hidden by default, shown on
+		   hover for image file rows via CSS attribute selectors. */
+		.pict-fb-insert-btn
+		{
+			display: none;
+			position: absolute;
+			right: 6px;
+			top: 50%;
+			transform: translateY(-50%);
+			background: #2E7D74;
+			color: #FFF;
+			border: none;
+			border-radius: 4px;
+			font-size: 0.78rem;
+			font-weight: 700;
+			line-height: 1;
+			padding: 2px 7px;
+			cursor: pointer;
+		}
+		.pict-fb-insert-btn:hover
+		{
+			background: #3A9E92;
+		}
+		/* Make the row position:relative so the button can be absolutely placed */
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row
+		{
+			position: relative;
+		}
+		/* Show the insert button on hover for image file extensions.
+		   CSS attribute selector [data-name$=".ext" i] matches
+		   the end of the data-name attribute, case-insensitive. */
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".png" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".jpg" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".jpeg" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".gif" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".webp" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".svg" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".bmp" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".avif" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".apng" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".ico" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".tiff" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".tif" i]:hover .pict-fb-insert-btn,
+		#ContentEditor-Sidebar-Container .pict-fb-detail-row[data-name$=".jfif" i]:hover .pict-fb-insert-btn
 		{
-			padding: 10px 18px;
-			border-top: 1px solid #EDE9E3;
-			font-size: 0.72rem;
-			color: #8A7F72;
-			text-align: center;
+			display: inline-block;
+		}
+
+		/* ============================================
+		   RESPONSIVE: Tablet / Phone (max-width: 768px)
+		   ============================================ */
+		@media (max-width: 768px)
+		{
+			/* Prevent horizontal scroll on the whole app */
+			#ContentEditor-Application-Container
+			{
+				overflow-x: hidden;
+				width: 100%;
+				max-width: 100vw;
+			}
+
+			/* Stack sidebar ABOVE editor instead of side-by-side */
+			.content-editor-body
+			{
+				flex-direction: column;
+			}
+
+			/* Sidebar becomes a horizontal strip at the top */
+			.content-editor-sidebar-wrap
+			{
+				width: 100% !important;
+				max-height: 40vh;
+				flex-shrink: 0;
+				border-bottom: 1px solid #DDD6CA;
+				border-right: none;
+			}
+
+			/* When collapsed on mobile, hide the inner content but keep the
+			   toggle button visible (it's positioned below the sidebar strip) */
+			.content-editor-sidebar-wrap.collapsed
+			{
+				width: 100% !important;
+				max-height: 0;
+				overflow: visible;
+			}
+			.content-editor-sidebar-wrap.collapsed .content-editor-sidebar-inner
+			{
+				display: none;
+			}
+
+			/* Hide the resize handle (desktop-only interaction) */
+			.content-editor-resize-handle
+			{
+				display: none;
+			}
+
+			/* Reposition the sidebar toggle for horizontal layout —
+			   place it at the bottom-center of the sidebar strip */
+			.content-editor-sidebar-toggle
+			{
+				position: absolute;
+				top: auto;
+				bottom: -20px;
+				right: auto;
+				left: 50%;
+				transform: translateX(-50%);
+				width: 28px;
+				height: 20px;
+				border-radius: 0 0 4px 4px;
+				border: 1px solid #DDD6CA;
+				border-top: none;
+				z-index: 10;
+			}
+			.content-editor-sidebar-wrap.collapsed .content-editor-sidebar-toggle
+			{
+				bottom: -20px;
+				right: auto;
+				left: 50%;
+				transform: translateX(-50%);
+			}
+
+			/* Reduce editor container padding (less gutters) */
+			#ContentEditor-Editor-Container
+			{
+				padding: 24px 8px 8px 8px;
+			}
+
+			/* Reduce binary preview padding */
+			.binary-preview-image
+			{
+				padding: 12px;
+			}
+			.binary-preview-card
+			{
+				padding: 12px;
+				gap: 12px;
+			}
+
+			/* Upload panel: fill more of the screen */
+			.content-editor-upload-panel
+			{
+				width: 95vw;
+				max-width: 95vw;
+			}
+
+		}
+
+		/* ============================================
+		   RESPONSIVE: Small phone (max-width: 480px)
+		   ============================================ */
+		@media (max-width: 480px)
+		{
+			/* Even tighter editor padding */
+			#ContentEditor-Editor-Container
+			{
+				padding: 20px 4px 4px 4px;
+			}
+
+			/* Sidebar gets a smaller max height */
+			.content-editor-sidebar-wrap
+			{
+				max-height: 35vh;
+			}
 		}
 	`,Templates:[{Hash:"ContentEditor-Layout-Shell-Template",Template:/*html*/`
 <div id="ContentEditor-TopBar-Container"></div>
@@ -6779,7 +7152,10 @@ if(this.pict.PictApplication){this.pict.PictApplication.markDirty();this.pict.Pi
 this.pict.views['ContentEditor-TopBar'].render();// Show welcome message in editor area if no file loaded
 let tmpEditorContainer=this.pict.ContentAssignment.getElement('#ContentEditor-Editor-Container');if(tmpEditorContainer&&tmpEditorContainer[0]&&!this.pict.AppData.ContentEditor.CurrentFile){tmpEditorContainer[0].innerHTML='<div style="display:flex;align-items:center;justify-content:center;height:100%;color:#8A7F72;font-size:1.1em;">Select a file from the sidebar to begin editing</div>';}// Inject CSS
 this.pict.CSSMap.injectCSS();// Apply persisted sidebar state
-let tmpSettings=this.pict.AppData.ContentEditor;let tmpWrap=document.getElementById('ContentEditor-SidebarWrap');let tmpToggle=document.getElementById('ContentEditor-SidebarToggle');if(tmpWrap){tmpWrap.style.width=tmpSettings.SidebarWidth+'px';if(tmpSettings.SidebarCollapsed){tmpWrap.classList.add('collapsed');if(tmpToggle)tmpToggle.innerHTML='&#x25B6;';}}// Wire up sidebar toggle
+let tmpSettings=this.pict.AppData.ContentEditor;let tmpWrap=document.getElementById('ContentEditor-SidebarWrap');let tmpToggle=document.getElementById('ContentEditor-SidebarToggle');if(tmpWrap){let tmpIsMobile=window.innerWidth<=768;tmpWrap.style.width=tmpIsMobile?'100%':tmpSettings.SidebarWidth+'px';if(tmpSettings.SidebarCollapsed){tmpWrap.classList.add('collapsed');if(tmpToggle)tmpToggle.innerHTML=tmpIsMobile?'&#x25BC;':'&#x25B6;';}else if(tmpIsMobile){// Auto-collapse sidebar on narrow viewports.
+// Sync the setting so toggleSidebar() works correctly,
+// but don't persist — the desktop preference stays in localStorage.
+tmpSettings.SidebarCollapsed=true;tmpWrap.classList.add('collapsed');if(tmpToggle)tmpToggle.innerHTML='&#x25BC;';}}// Wire up sidebar toggle
 let tmpSelf=this;if(tmpToggle){tmpToggle.addEventListener('click',()=>{tmpSelf.toggleSidebar();});}// Wire up resize handle
 this._wireResizeHandle();// Listen for hash changes
 window.addEventListener('hashchange',()=>{tmpSelf.pict.PictApplication.resolveHash();});// Keyboard shortcuts
@@ -6796,7 +7172,8 @@ let tmpUploadOverlay=document.getElementById('ContentEditor-UploadOverlay');if(t
 let tmpConfirmOverlay=document.getElementById('ContentEditor-ConfirmOverlay');if(tmpConfirmOverlay&&tmpConfirmOverlay.classList.contains('open')){return;}// Close the current file
 if(tmpSelf.pict.AppData.ContentEditor.CurrentFile){pEvent.preventDefault();tmpSelf.pict.PictApplication.closeCurrentFile();return;}}});return super.onAfterRender(pRenderable,pRenderDestinationAddress,pRecord,pContent);}/**
 	 * Toggle the sidebar collapsed/expanded state.
-	 */toggleSidebar(){let tmpWrap=document.getElementById('ContentEditor-SidebarWrap');let tmpToggle=document.getElementById('ContentEditor-SidebarToggle');if(!tmpWrap){return;}let tmpSettings=this.pict.AppData.ContentEditor;tmpSettings.SidebarCollapsed=!tmpSettings.SidebarCollapsed;if(tmpSettings.SidebarCollapsed){tmpWrap.classList.add('collapsed');if(tmpToggle)tmpToggle.innerHTML='&#x25B6;';}else{tmpWrap.classList.remove('collapsed');tmpWrap.style.width=tmpSettings.SidebarWidth+'px';if(tmpToggle)tmpToggle.innerHTML='&#x25C0;';}this.pict.PictApplication.saveSettings();}/**
+	 */toggleSidebar(){let tmpWrap=document.getElementById('ContentEditor-SidebarWrap');let tmpToggle=document.getElementById('ContentEditor-SidebarToggle');if(!tmpWrap){return;}let tmpSettings=this.pict.AppData.ContentEditor;tmpSettings.SidebarCollapsed=!tmpSettings.SidebarCollapsed;// Use vertical arrows on narrow viewports, horizontal on wide
+let tmpIsMobile=window.innerWidth<=768;if(tmpSettings.SidebarCollapsed){tmpWrap.classList.add('collapsed');if(tmpToggle)tmpToggle.innerHTML=tmpIsMobile?'&#x25BC;':'&#x25B6;';}else{tmpWrap.classList.remove('collapsed');tmpWrap.style.width=tmpIsMobile?'100%':tmpSettings.SidebarWidth+'px';if(tmpToggle)tmpToggle.innerHTML=tmpIsMobile?'&#x25B2;':'&#x25C0;';}this.pict.PictApplication.saveSettings();}/**
 	 * Switch the active sidebar tab.
 	 *
 	 * @param {string} pTab - 'files', 'reference', or 'topics'
@@ -7550,6 +7927,40 @@ if(tmpLastIndex<tmpText.length){tmpFragment.appendChild(document.createTextNode(
 			color: #5E5549;
 			white-space: nowrap;
 		}
+
+		/* ============================================
+		   RESPONSIVE: Tablet / Phone (max-width: 768px)
+		   ============================================ */
+		@media (max-width: 768px)
+		{
+			/* Settings flyout: position from left edge for more room */
+			.content-editor-settings-flyout
+			{
+				right: -8px;
+				width: 260px;
+			}
+		}
+
+		/* ============================================
+		   RESPONSIVE: Small phone (max-width: 480px)
+		   ============================================ */
+		@media (max-width: 480px)
+		{
+			/* Full-width settings flyout on small phones */
+			.content-editor-settings-flyout
+			{
+				position: fixed;
+				top: 48px;
+				right: 0;
+				left: 0;
+				width: 100%;
+				border-radius: 0 0 8px 8px;
+			}
+			.content-editor-settings-flyout::before
+			{
+				display: none;
+			}
+		}
 	`,Templates:[{Hash:"ContentEditor-SettingsPanel-Template",Template:/*html*/`
 <div class="content-editor-settings-wrap">
 	<button class="content-editor-settings-gear" id="ContentEditor-SettingsGear"
@@ -7665,7 +8076,10 @@ if(tmpLastIndex<tmpText.length){tmpFragment.appendChild(document.createTextNode(
 let tmpSettings=this.pict.AppData.ContentEditor;let tmpMdWrapCheckbox=this.pict.ContentAssignment.getElement('#ContentEditor-Setting-MarkdownWordWrap');if(tmpMdWrapCheckbox&&tmpMdWrapCheckbox[0]){tmpMdWrapCheckbox[0].checked=tmpSettings.MarkdownWordWrap;}let tmpCodeWrapCheckbox=this.pict.ContentAssignment.getElement('#ContentEditor-Setting-CodeWordWrap');if(tmpCodeWrapCheckbox&&tmpCodeWrapCheckbox[0]){tmpCodeWrapCheckbox[0].checked=tmpSettings.CodeWordWrap;}let tmpControlsCheckbox=this.pict.ContentAssignment.getElement('#ContentEditor-Setting-EditingControls');if(tmpControlsCheckbox&&tmpControlsCheckbox[0]){tmpControlsCheckbox[0].checked=tmpSettings.MarkdownEditingControls;}let tmpPreviewCheckbox=this.pict.ContentAssignment.getElement('#ContentEditor-Setting-AutoPreview');if(tmpPreviewCheckbox&&tmpPreviewCheckbox[0]){tmpPreviewCheckbox[0].checked=tmpSettings.AutoContentPreview;}let tmpSegmentCheckbox=this.pict.ContentAssignment.getElement('#ContentEditor-Setting-AutoSegment');if(tmpSegmentCheckbox&&tmpSegmentCheckbox[0]){tmpSegmentCheckbox[0].checked=tmpSettings.AutoSegmentMarkdown;}let tmpSelect=this.pict.ContentAssignment.getElement('#ContentEditor-Setting-SegmentDepth');if(tmpSelect&&tmpSelect[0]){tmpSelect[0].value=String(tmpSettings.AutoSegmentDepth);tmpSelect[0].disabled=!tmpSettings.AutoSegmentMarkdown;}let tmpImgCheckbox=this.pict.ContentAssignment.getElement('#ContentEditor-Setting-AutoPreviewImages');if(tmpImgCheckbox&&tmpImgCheckbox[0]){tmpImgCheckbox[0].checked=tmpSettings.AutoPreviewImages;}let tmpVideoCheckbox=this.pict.ContentAssignment.getElement('#ContentEditor-Setting-AutoPreviewVideo');if(tmpVideoCheckbox&&tmpVideoCheckbox[0]){tmpVideoCheckbox[0].checked=tmpSettings.AutoPreviewVideo;}let tmpAudioCheckbox=this.pict.ContentAssignment.getElement('#ContentEditor-Setting-AutoPreviewAudio');if(tmpAudioCheckbox&&tmpAudioCheckbox[0]){tmpAudioCheckbox[0].checked=tmpSettings.AutoPreviewAudio;}let tmpHiddenCheckbox=this.pict.ContentAssignment.getElement('#ContentEditor-Setting-ShowHiddenFiles');if(tmpHiddenCheckbox&&tmpHiddenCheckbox[0]){tmpHiddenCheckbox[0].checked=tmpSettings.ShowHiddenFiles;}return super.onAfterRender(pRenderable,pRenderDestinationAddress,pRecord,pContent);}togglePanel(){if(this._isOpen){this.closePanel();}else{this.openPanel();}}openPanel(){this._isOpen=true;let tmpFlyout=this.pict.ContentAssignment.getElement('#ContentEditor-SettingsFlyout');let tmpOverlay=this.pict.ContentAssignment.getElement('#ContentEditor-SettingsOverlay');let tmpGear=this.pict.ContentAssignment.getElement('#ContentEditor-SettingsGear');if(tmpFlyout&&tmpFlyout[0])tmpFlyout[0].classList.add('open');if(tmpOverlay&&tmpOverlay[0])tmpOverlay[0].classList.add('open');if(tmpGear&&tmpGear[0])tmpGear[0].classList.add('active');}closePanel(){this._isOpen=false;let tmpFlyout=this.pict.ContentAssignment.getElement('#ContentEditor-SettingsFlyout');let tmpOverlay=this.pict.ContentAssignment.getElement('#ContentEditor-SettingsOverlay');let tmpGear=this.pict.ContentAssignment.getElement('#ContentEditor-SettingsGear');if(tmpFlyout&&tmpFlyout[0])tmpFlyout[0].classList.remove('open');if(tmpOverlay&&tmpOverlay[0])tmpOverlay[0].classList.remove('open');if(tmpGear&&tmpGear[0])tmpGear[0].classList.remove('active');}onMarkdownWordWrapChanged(pChecked){this.pict.AppData.ContentEditor.MarkdownWordWrap=pChecked;this.pict.PictApplication.saveSettings();// Live-apply to all CodeMirror segment editors if markdown is active
 let tmpEditorView=this.pict.views['ContentEditor-MarkdownEditor'];if(tmpEditorView&&this.pict.AppData.ContentEditor.ActiveEditor==='markdown'&&tmpEditorView._segmentEditors){for(let tmpKey in tmpEditorView._segmentEditors){let tmpEditor=tmpEditorView._segmentEditors[tmpKey];if(tmpEditor&&tmpEditor.contentDOM){if(pChecked){tmpEditor.contentDOM.classList.add('cm-lineWrapping');}else{tmpEditor.contentDOM.classList.remove('cm-lineWrapping');}}}}}onCodeWordWrapChanged(pChecked){this.pict.AppData.ContentEditor.CodeWordWrap=pChecked;this.pict.PictApplication.saveSettings();// Live-apply to the code editor if it's currently active
 let tmpCodeEditorView=this.pict.views['ContentEditor-CodeEditor'];if(tmpCodeEditorView&&tmpCodeEditorView._editorElement&&this.pict.AppData.ContentEditor.ActiveEditor==='code'){if(pChecked){tmpCodeEditorView._editorElement.style.whiteSpace='pre-wrap';tmpCodeEditorView._editorElement.style.overflowWrap='break-word';}else{tmpCodeEditorView._editorElement.style.whiteSpace='pre';tmpCodeEditorView._editorElement.style.overflowWrap='normal';}}}onEditingControlsChanged(pChecked){this.pict.AppData.ContentEditor.MarkdownEditingControls=pChecked;this.pict.PictApplication.saveSettings();// Live-apply to the markdown editor if it's currently active
-let tmpEditorView=this.pict.views['ContentEditor-MarkdownEditor'];if(tmpEditorView&&this.pict.AppData.ContentEditor.ActiveEditor==='markdown'){tmpEditorView.toggleControls(pChecked);}}onAutoPreviewChanged(pChecked){this.pict.AppData.ContentEditor.AutoContentPreview=pChecked;this.pict.PictApplication.saveSettings();}onAutoSegmentChanged(pChecked){this.pict.AppData.ContentEditor.AutoSegmentMarkdown=pChecked;this.pict.PictApplication.saveSettings();// Enable/disable the depth dropdown
+let tmpEditorView=this.pict.views['ContentEditor-MarkdownEditor'];if(tmpEditorView&&this.pict.AppData.ContentEditor.ActiveEditor==='markdown'){tmpEditorView.toggleControls(pChecked);}}onAutoPreviewChanged(pChecked){this.pict.AppData.ContentEditor.AutoContentPreview=pChecked;this.pict.PictApplication.saveSettings();let tmpEditorView=this.pict.views['ContentEditor-MarkdownEditor'];if(tmpEditorView&&this.pict.AppData.ContentEditor.ActiveEditor==='markdown'){if(pChecked){// Turning ON: clear global hidden class and show all previews
+tmpEditorView.togglePreview(true);for(let tmpIdx in tmpEditorView._segmentEditors){tmpEditorView.toggleSegmentPreview(parseInt(tmpIdx,10),true);}}else{// Turning OFF: hide each segment individually so
+// per-segment toggle buttons still work
+for(let tmpIdx in tmpEditorView._segmentEditors){tmpEditorView.toggleSegmentPreview(parseInt(tmpIdx,10),false);}}}}onAutoSegmentChanged(pChecked){this.pict.AppData.ContentEditor.AutoSegmentMarkdown=pChecked;this.pict.PictApplication.saveSettings();// Enable/disable the depth dropdown
 let tmpSelect=this.pict.ContentAssignment.getElement('#ContentEditor-Setting-SegmentDepth');if(tmpSelect&&tmpSelect[0]){tmpSelect[0].disabled=!pChecked;}}onSegmentDepthChanged(pValue){this.pict.AppData.ContentEditor.AutoSegmentDepth=parseInt(pValue,10)||1;this.pict.PictApplication.saveSettings();}onAutoPreviewImagesChanged(pChecked){this.pict.AppData.ContentEditor.AutoPreviewImages=pChecked;this.pict.PictApplication.saveSettings();}onAutoPreviewVideoChanged(pChecked){this.pict.AppData.ContentEditor.AutoPreviewVideo=pChecked;this.pict.PictApplication.saveSettings();}onAutoPreviewAudioChanged(pChecked){this.pict.AppData.ContentEditor.AutoPreviewAudio=pChecked;this.pict.PictApplication.saveSettings();}onShowHiddenFilesChanged(pChecked){this.pict.AppData.ContentEditor.ShowHiddenFiles=pChecked;this.pict.PictApplication.saveSettings();// Tell the server to include/exclude hidden files, then refresh
 let tmpSelf=this;this.pict.PictApplication.syncHiddenFilesSetting(()=>{tmpSelf.pict.PictApplication.loadFileList();});}}module.exports=ContentEditorSettingsPanelView;module.exports.default_configuration=_ViewConfiguration;},{"pict-view":76}],107:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={ViewIdentifier:"ContentEditor-TopBar",DefaultRenderable:"ContentEditor-TopBar-Display",DefaultDestinationAddress:"#ContentEditor-TopBar-Container",AutoRender:false,CSS:/*css*/`
 		.content-editor-topbar
@@ -7896,6 +8310,99 @@ let tmpSelf=this;this.pict.PictApplication.syncHiddenFilesSetting(()=>{tmpSelf.p
 			border-radius: 3px;
 			color: #5E5549;
 		}
+
+		/* ============================================
+		   RESPONSIVE: Tablet / Phone (max-width: 768px)
+		   ============================================ */
+		@media (max-width: 768px)
+		{
+			.content-editor-topbar
+			{
+				height: auto;
+				min-height: 44px;
+				flex-wrap: wrap;
+				padding: 4px 0;
+			}
+
+			/* Brand text: shrink */
+			.content-editor-topbar-brand
+			{
+				padding: 0 8px;
+				font-size: 0.85rem;
+			}
+
+			/* File name: switch from absolute centering to flow layout */
+			.content-editor-topbar-file
+			{
+				position: static;
+				transform: none;
+				max-width: none;
+				flex: 1;
+				min-width: 0;
+				padding: 0 4px;
+			}
+
+			/* Hide the spacer (not needed when file is in-flow) */
+			.content-editor-topbar-spacer
+			{
+				display: none;
+			}
+
+			/* Hide word/line count stats on mobile to save space */
+			.content-editor-topbar-stats
+			{
+				display: none;
+			}
+
+			/* Compact action buttons */
+			.content-editor-topbar-actions
+			{
+				gap: 4px;
+				padding: 0 6px;
+			}
+
+			.content-editor-topbar-btn
+			{
+				padding: 5px 10px;
+				font-size: 0.75rem;
+			}
+
+			/* Status text */
+			.content-editor-topbar-status
+			{
+				padding: 0 6px;
+				font-size: 0.72rem;
+			}
+
+			/* Confirm dialog: tighter for mobile */
+			.content-editor-confirm-panel
+			{
+				width: 95vw;
+				max-width: 95vw;
+			}
+		}
+
+		/* ============================================
+		   RESPONSIVE: Small phone (max-width: 480px)
+		   ============================================ */
+		@media (max-width: 480px)
+		{
+			/* Hide brand text entirely on very small screens */
+			.content-editor-topbar-brand
+			{
+				display: none;
+			}
+
+			.content-editor-topbar-filename
+			{
+				font-size: 0.8rem;
+			}
+
+			.content-editor-topbar-actions
+			{
+				padding: 0 4px;
+			}
+		}
 	`,Templates:[{Hash:"ContentEditor-TopBar-Template",Template:/*html*/`
 <div class="content-editor-topbar">
 	<div class="content-editor-topbar-brand">Content Editor</div>
@@ -8541,7 +9048,7 @@ if(psychotic){result.hostname=isAbsolute?'':srcPath.length?srcPath.shift():'';re
 if(result.pathname!==null||result.search!==null){result.path=(result.pathname?result.pathname:'')+(result.search?result.search:'');}result.auth=relative.auth||result.auth;result.slashes=result.slashes||relative.slashes;result.href=result.format();return result;};Url.prototype.parseHost=function(){var host=this.host;var port=portPattern.exec(host);if(port){port=port[0];if(port!==':'){this.port=port.substr(1);}host=host.substr(0,host.length-port.length);}if(host){this.hostname=host;}};exports.parse=urlParse;exports.resolve=urlResolve;exports.resolveObject=urlResolveObject;exports.format=urlFormat;exports.Url=Url;},{"punycode/":78,"qs":80}],114:[function(require,module,exports){module.exports={"Name":"Retold Remote","MainViewportViewIdentifier":"ContentEditor-Layout","AutoSolveAfterInitialize":true,"AutoRenderMainViewportViewAfterInitialize":false,"AutoRenderViewsAfterInitialize":false};},{}],115:[function(require,module,exports){const libContentEditorApplication=require('retold-content-system').PictContentEditor;const libPictSectionFileBrowser=require('pict-section-filebrowser');// Providers
 const libProviderRetoldRemote=require('./providers/Pict-Provider-RetoldRemote.js');const libProviderGalleryNavigation=require('./providers/Pict-Provider-GalleryNavigation.js');const libProviderGalleryFilterSort=require('./providers/Pict-Provider-GalleryFilterSort.js');const libProviderRetoldRemoteIcons=require('./providers/Pict-Provider-RetoldRemoteIcons.js');const libProviderRetoldRemoteTheme=require('./providers/Pict-Provider-RetoldRemoteTheme.js');// Views (replace parent views)
 const libViewLayout=require('./views/PictView-Remote-Layout.js');const libViewTopBar=require('./views/PictView-Remote-TopBar.js');const libViewSettingsPanel=require('./views/PictView-Remote-SettingsPanel.js');// Views (new)
-const libViewGallery=require('./views/PictView-Remote-Gallery.js');const libViewMediaViewer=require('./views/PictView-Remote-MediaViewer.js');const libViewImageViewer=require('./views/PictView-Remote-ImageViewer.js');const libViewVideoExplorer=require('./views/PictView-Remote-VideoExplorer.js');const libViewAudioExplorer=require('./views/PictView-Remote-AudioExplorer.js');// Application configuration
+const libViewGallery=require('./views/PictView-Remote-Gallery.js');const libViewMediaViewer=require('./views/PictView-Remote-MediaViewer.js');const libViewImageViewer=require('./views/PictView-Remote-ImageViewer.js');const libViewVideoExplorer=require('./views/PictView-Remote-VideoExplorer.js');const libViewAudioExplorer=require('./views/PictView-Remote-AudioExplorer.js');const libViewVLCSetup=require('./views/PictView-Remote-VLCSetup.js');// Application configuration
 const _DefaultConfiguration=require('./Pict-Application-RetoldRemote-Configuration.json');/**
  * Retold Remote Application
  *
@@ -8552,7 +9059,7 @@ const _DefaultConfiguration=require('./Pict-Application-RetoldRemote-Configurati
  */class RetoldRemoteApplication extends libContentEditorApplication{constructor(pFable,pOptions,pServiceHash){let tmpOptions=Object.assign({},_DefaultConfiguration,pOptions);super(pFable,tmpOptions,pServiceHash);// Replace parent views with media-focused versions.
 // Re-registering with the same ViewIdentifier replaces the parent's view.
 this.pict.addView('ContentEditor-Layout',libViewLayout.default_configuration,libViewLayout);this.pict.addView('ContentEditor-TopBar',libViewTopBar.default_configuration,libViewTopBar);// Add new views
-this.pict.addView('RetoldRemote-Gallery',libViewGallery.default_configuration,libViewGallery);this.pict.addView('RetoldRemote-MediaViewer',libViewMediaViewer.default_configuration,libViewMediaViewer);this.pict.addView('RetoldRemote-ImageViewer',libViewImageViewer.default_configuration,libViewImageViewer);this.pict.addView('RetoldRemote-SettingsPanel',libViewSettingsPanel.default_configuration,libViewSettingsPanel);this.pict.addView('RetoldRemote-VideoExplorer',libViewVideoExplorer.default_configuration,libViewVideoExplorer);this.pict.addView('RetoldRemote-AudioExplorer',libViewAudioExplorer.default_configuration,libViewAudioExplorer);// Add new providers
+this.pict.addView('RetoldRemote-Gallery',libViewGallery.default_configuration,libViewGallery);this.pict.addView('RetoldRemote-MediaViewer',libViewMediaViewer.default_configuration,libViewMediaViewer);this.pict.addView('RetoldRemote-ImageViewer',libViewImageViewer.default_configuration,libViewImageViewer);this.pict.addView('RetoldRemote-SettingsPanel',libViewSettingsPanel.default_configuration,libViewSettingsPanel);this.pict.addView('RetoldRemote-VideoExplorer',libViewVideoExplorer.default_configuration,libViewVideoExplorer);this.pict.addView('RetoldRemote-AudioExplorer',libViewAudioExplorer.default_configuration,libViewAudioExplorer);this.pict.addView('RetoldRemote-VLCSetup',libViewVLCSetup.default_configuration,libViewVLCSetup);// Add new providers
 this.pict.addProvider('RetoldRemote-Provider',libProviderRetoldRemote.default_configuration,libProviderRetoldRemote);this.pict.addProvider('RetoldRemote-GalleryNavigation',libProviderGalleryNavigation.default_configuration,libProviderGalleryNavigation);this.pict.addProvider('RetoldRemote-GalleryFilterSort',libProviderGalleryFilterSort.default_configuration,libProviderGalleryFilterSort);this.pict.addProvider('RetoldRemote-Icons',libProviderRetoldRemoteIcons.default_configuration,libProviderRetoldRemoteIcons);this.pict.addProvider('RetoldRemote-Theme',libProviderRetoldRemoteTheme.default_configuration,libProviderRetoldRemoteTheme);}onAfterInitializeAsync(fCallback){// Expose pict on window for inline onclick handlers
 if(typeof window!=='undefined'){window.pict=this.pict;}// Initialize RetoldRemote-specific state
 this.pict.AppData.RetoldRemote={ActiveMode:'gallery',// 'gallery' or 'viewer'
@@ -8611,6 +9118,14 @@ let tmpViewer=this.pict.views['RetoldRemote-MediaViewer'];if(tmpViewer){tmpViewe
 let tmpViewer=this.pict.views['RetoldRemote-MediaViewer'];if(tmpViewer){tmpViewer.showMedia(pFilePath,'document');}}else{// Default: use media viewer
 let tmpViewer=this.pict.views['RetoldRemote-MediaViewer'];if(tmpViewer){tmpViewer.showMedia(pFilePath,tmpMediaType);}}// Update the topbar
 let tmpTopBar=this.pict.views['ContentEditor-TopBar'];if(tmpTopBar){tmpTopBar.updateInfo();}}/**
+	 * Navigate to a file with an explicit media type override, bypassing
+	 * extension-based detection.
+	 *
+	 * @param {string} pFilePath - Relative file path
+	 * @param {string} pMediaType - 'image', 'video', 'audio', or 'text'
+	 */navigateToFileAs(pFilePath,pMediaType){if(!pFilePath){return;}let tmpRemote=this.pict.AppData.RetoldRemote;// Update the hash
+let tmpFragProvider=this.pict.providers['RetoldRemote-Provider'];let tmpFragId=tmpFragProvider?tmpFragProvider.getFragmentIdentifier(pFilePath):pFilePath;window.location.hash='#/view/'+tmpFragId;// Update parent state for compatibility
+this.pict.AppData.ContentEditor.CurrentFile=pFilePath;this.pict.AppData.ContentEditor.ActiveEditor='binary';let tmpViewer=this.pict.views['RetoldRemote-MediaViewer'];if(tmpViewer){tmpViewer.showMedia(pFilePath,pMediaType);}let tmpTopBar=this.pict.views['ContentEditor-TopBar'];if(tmpTopBar){tmpTopBar.updateInfo();}}/**
 	 * Override loadFileList to also populate the gallery and fetch folder summary.
 	 */loadFileList(pPath,fCallback){let tmpCallback=typeof fCallback==='function'?fCallback:typeof pPath==='function'?pPath:()=>{};let tmpSelf=this;let tmpPath=typeof pPath==='string'?pPath:null;if(tmpPath===null&&this.pict.AppData.PictFileBrowser&&this.pict.AppData.PictFileBrowser.CurrentLocation){tmpPath=this.pict.AppData.PictFileBrowser.CurrentLocation;}let tmpURL='/api/filebrowser/list';if(tmpPath&&tmpPath.length>0){let tmpMediaProvider=tmpSelf.pict.providers['RetoldRemote-Provider'];if(tmpMediaProvider){tmpURL+='?path='+tmpMediaProvider._getPathParam(tmpPath);}else{tmpURL+='?path='+encodeURIComponent(tmpPath);}}fetch(tmpURL).then(pResponse=>{// Capture the folder hash header before parsing JSON
 let tmpFolderHash=pResponse.headers.get('X-Retold-Folder-Hash');if(tmpFolderHash&&tmpPath){let tmpHashProvider=tmpSelf.pict.providers['RetoldRemote-Provider'];if(tmpHashProvider){tmpHashProvider.registerHash(tmpPath,tmpFolderHash);}}return pResponse.json();}).then(pFileList=>{tmpSelf.pict.AppData.PictFileBrowser=tmpSelf.pict.AppData.PictFileBrowser||{};tmpSelf.pict.AppData.PictFileBrowser.FileList=pFileList||[];tmpSelf.pict.AppData.PictFileBrowser.CurrentLocation=typeof pPath==='string'?pPath:tmpSelf.pict.AppData.PictFileBrowser.CurrentLocation||'';// Register hashes from file list entries (when hashed filenames is on)
@@ -8632,11 +9147,11 @@ let tmpFilePath=tmpFragProvider?tmpFragProvider.resolveFragmentIdentifier(tmpRaw
 }}/**
 	 * Load RetoldRemote settings from localStorage.
 	 */_loadRemoteSettings(){try{let tmpStored=localStorage.getItem('retold-remote-settings');if(tmpStored){let tmpSettings=JSON.parse(tmpStored);let tmpRemote=this.pict.AppData.RetoldRemote;if(tmpSettings.Theme)tmpRemote.Theme=tmpSettings.Theme;if(tmpSettings.ViewMode)tmpRemote.ViewMode=tmpSettings.ViewMode;if(tmpSettings.ThumbnailSize)tmpRemote.ThumbnailSize=tmpSettings.ThumbnailSize;if(tmpSettings.GalleryFilter){tmpRemote.GalleryFilter=tmpSettings.GalleryFilter;tmpRemote.FilterState.MediaType=tmpSettings.GalleryFilter;}if(typeof tmpSettings.ShowHiddenFiles==='boolean')tmpRemote.ShowHiddenFiles=tmpSettings.ShowHiddenFiles;if(typeof tmpSettings.DistractionFreeShowNav==='boolean')tmpRemote.DistractionFreeShowNav=tmpSettings.DistractionFreeShowNav;if(tmpSettings.ImageFitMode)tmpRemote.ImageFitMode=tmpSettings.ImageFitMode;if(typeof tmpSettings.SidebarCollapsed==='boolean')tmpRemote.SidebarCollapsed=tmpSettings.SidebarCollapsed;if(tmpSettings.SidebarWidth)tmpRemote.SidebarWidth=tmpSettings.SidebarWidth;if(tmpSettings.SortField)tmpRemote.SortField=tmpSettings.SortField;if(tmpSettings.SortDirection)tmpRemote.SortDirection=tmpSettings.SortDirection;if(Array.isArray(tmpSettings.FilterPresets))tmpRemote.FilterPresets=tmpSettings.FilterPresets;if(typeof tmpSettings.FilterPanelOpen==='boolean')tmpRemote.FilterPanelOpen=tmpSettings.FilterPanelOpen;if(typeof tmpSettings.AutoplayVideo==='boolean')tmpRemote.AutoplayVideo=tmpSettings.AutoplayVideo;if(typeof tmpSettings.AutoplayAudio==='boolean')tmpRemote.AutoplayAudio=tmpSettings.AutoplayAudio;}}catch(pError){// localStorage may not be available
-}}}module.exports=RetoldRemoteApplication;},{"./Pict-Application-RetoldRemote-Configuration.json":114,"./providers/Pict-Provider-GalleryFilterSort.js":117,"./providers/Pict-Provider-GalleryNavigation.js":118,"./providers/Pict-Provider-RetoldRemote.js":119,"./providers/Pict-Provider-RetoldRemoteIcons.js":120,"./providers/Pict-Provider-RetoldRemoteTheme.js":121,"./views/PictView-Remote-AudioExplorer.js":122,"./views/PictView-Remote-Gallery.js":123,"./views/PictView-Remote-ImageViewer.js":124,"./views/PictView-Remote-Layout.js":125,"./views/PictView-Remote-MediaViewer.js":126,"./views/PictView-Remote-SettingsPanel.js":127,"./views/PictView-Remote-TopBar.js":128,"./views/PictView-Remote-VideoExplorer.js":129,"pict-section-filebrowser":54,"retold-content-system":100}],116:[function(require,module,exports){/**
+}}}module.exports=RetoldRemoteApplication;},{"./Pict-Application-RetoldRemote-Configuration.json":114,"./providers/Pict-Provider-GalleryFilterSort.js":117,"./providers/Pict-Provider-GalleryNavigation.js":118,"./providers/Pict-Provider-RetoldRemote.js":119,"./providers/Pict-Provider-RetoldRemoteIcons.js":120,"./providers/Pict-Provider-RetoldRemoteTheme.js":121,"./views/PictView-Remote-AudioExplorer.js":122,"./views/PictView-Remote-Gallery.js":123,"./views/PictView-Remote-ImageViewer.js":124,"./views/PictView-Remote-Layout.js":125,"./views/PictView-Remote-MediaViewer.js":126,"./views/PictView-Remote-SettingsPanel.js":127,"./views/PictView-Remote-TopBar.js":128,"./views/PictView-Remote-VLCSetup.js":129,"./views/PictView-Remote-VideoExplorer.js":130,"pict-section-filebrowser":51,"retold-content-system":100}],116:[function(require,module,exports){/**
  * Retold Remote -- Browser Bundle Entry
  *
  * Exports the RetoldRemote application class for browser consumption.
- */module.exports={RetoldRemoteApplication:require('./Pict-Application-RetoldRemote.js')};if(typeof window!=='undefined'){window.RetoldRemoteApplication=module.exports.RetoldRemoteApplication;}},{"./Pict-Application-RetoldRemote.js":115}],117:[function(require,module,exports){const libPictProvider=require('pict-provider');const _ImageExtensions={'png':true,'jpg':true,'jpeg':true,'gif':true,'webp':true,'svg':true,'bmp':true,'ico':true,'avif':true,'tiff':true,'tif':true};const _VideoExtensions={'mp4':true,'webm':true,'mov':true,'mkv':true,'avi':true,'wmv':true,'flv':true,'m4v':true};const _AudioExtensions={'mp3':true,'wav':true,'ogg':true,'flac':true,'aac':true,'m4a':true,'wma':true};const _DocumentExtensions={'pdf':true,'epub':true,'mobi':true};const _DefaultProviderConfiguration={ProviderIdentifier:'RetoldRemote-GalleryFilterSort',AutoInitialize:true,AutoInitializeOrdinal:0,AutoSolveWithApp:false};class GalleryFilterSortProvider extends libPictProvider{constructor(pFable,pOptions,pServiceHash){super(pFable,pOptions,pServiceHash);}// ──────────────────────────────────────────────
+ */module.exports={RetoldRemoteApplication:require('./Pict-Application-RetoldRemote.js')};if(typeof window!=='undefined'){window.RetoldRemoteApplication=module.exports.RetoldRemoteApplication;}},{"./Pict-Application-RetoldRemote.js":115}],117:[function(require,module,exports){const libPictProvider=require('pict-provider');const _ImageExtensions={'png':true,'jpg':true,'jpeg':true,'gif':true,'webp':true,'svg':true,'bmp':true,'ico':true,'avif':true,'tiff':true,'tif':true};const _VideoExtensions={'mp4':true,'webm':true,'mov':true,'mkv':true,'avi':true,'wmv':true,'flv':true,'m4v':true,'ogv':true,'mpg':true,'mpeg':true,'mpe':true,'mpv':true,'m2v':true,'ts':true,'mts':true,'m2ts':true,'vob':true,'3gp':true,'3g2':true,'f4v':true,'rm':true,'rmvb':true,'divx':true,'asf':true,'mxf':true,'dv':true,'nsv':true,'nuv':true,'y4m':true,'wtv':true,'swf':true,'dat':true};const _AudioExtensions={'mp3':true,'wav':true,'ogg':true,'flac':true,'aac':true,'m4a':true,'wma':true};const _DocumentExtensions={'pdf':true,'epub':true,'mobi':true};const _DefaultProviderConfiguration={ProviderIdentifier:'RetoldRemote-GalleryFilterSort',AutoInitialize:true,AutoInitializeOrdinal:0,AutoSolveWithApp:false};class GalleryFilterSortProvider extends libPictProvider{constructor(pFable,pOptions,pServiceHash){super(pFable,pOptions,pServiceHash);}// ──────────────────────────────────────────────
 // Pipeline
 // ──────────────────────────────────────────────
 /**
@@ -8748,7 +9263,7 @@ if(pEvent.key==='Escape'&&pEvent.target.id==='RetoldRemote-Gallery-Search'){pEve
 if(pEvent.target.tagName==='INPUT'||pEvent.target.tagName==='TEXTAREA'||pEvent.target.isContentEditable){return;}// If the help panel is visible, Escape closes it
 if(tmpSelf._helpPanelVisible&&pEvent.key==='Escape'){pEvent.preventDefault();tmpSelf._toggleHelpPanel();return;}let tmpRemote=tmpSelf.pict.AppData.RetoldRemote;let tmpActiveMode=tmpRemote.ActiveMode;if(tmpActiveMode==='gallery'&&tmpSelf._sidebarFocused){tmpSelf._handleSidebarKey(pEvent);}else if(tmpActiveMode==='gallery'){tmpSelf._handleGalleryKey(pEvent);}else if(tmpActiveMode==='video-explorer'){tmpSelf._handleVideoExplorerKey(pEvent);}else if(tmpActiveMode==='audio-explorer'){tmpSelf._handleAudioExplorerKey(pEvent);}else if(tmpActiveMode==='viewer'){tmpSelf._handleViewerKey(pEvent);}};document.addEventListener('keydown',this._keydownHandler);this._keydownBound=true;}/**
 	 * Handle keyboard events in gallery mode.
-	 */_handleGalleryKey(pEvent){let tmpRemote=this.pict.AppData.RetoldRemote;let tmpItems=tmpRemote.GalleryItems||[];let tmpIndex=tmpRemote.GalleryCursorIndex||0;switch(pEvent.key){case'ArrowRight':pEvent.preventDefault();this.moveCursor(Math.min(tmpIndex+1,tmpItems.length-1));break;case'ArrowLeft':pEvent.preventDefault();this.moveCursor(Math.max(tmpIndex-1,0));break;case'ArrowDown':pEvent.preventDefault();this.moveCursor(Math.min(tmpIndex+this._columnsPerRow,tmpItems.length-1));break;case'ArrowUp':pEvent.preventDefault();this.moveCursor(Math.max(tmpIndex-this._columnsPerRow,0));break;case'Enter':pEvent.preventDefault();this.openCurrent();break;case'Escape':pEvent.preventDefault();this.navigateUp();break;case'g':pEvent.preventDefault();this._toggleViewMode();break;case'x':pEvent.preventDefault();this._clearAllFilters();break;case'Home':pEvent.preventDefault();this.moveCursor(0);break;case'End':pEvent.preventDefault();this.moveCursor(tmpItems.length-1);break;case'f':pEvent.preventDefault();{// Ensure the filter bar is visible first
+	 */_handleGalleryKey(pEvent){let tmpRemote=this.pict.AppData.RetoldRemote;let tmpItems=tmpRemote.GalleryItems||[];let tmpIndex=tmpRemote.GalleryCursorIndex||0;switch(pEvent.key){case'ArrowRight':pEvent.preventDefault();this.moveCursor(Math.min(tmpIndex+1,tmpItems.length-1));break;case'ArrowLeft':pEvent.preventDefault();this.moveCursor(Math.max(tmpIndex-1,0));break;case'ArrowDown':pEvent.preventDefault();this.moveCursor(Math.min(tmpIndex+this._columnsPerRow,tmpItems.length-1));break;case'ArrowUp':pEvent.preventDefault();this.moveCursor(Math.max(tmpIndex-this._columnsPerRow,0));break;case'Enter':pEvent.preventDefault();this.openCurrent();break;case'Escape':pEvent.preventDefault();this.navigateUp();break;case'g':pEvent.preventDefault();this._toggleViewMode();break;case'x':pEvent.preventDefault();this._clearAllFilters();break;case'Home':pEvent.preventDefault();this.moveCursor(0);break;case'End':pEvent.preventDefault();this.moveCursor(tmpItems.length-1);break;case'1':pEvent.preventDefault();this.openCurrentAs('image');break;case'2':pEvent.preventDefault();this.openCurrentAs('video');break;case'3':pEvent.preventDefault();this.openCurrentAs('audio');break;case'4':pEvent.preventDefault();this.openCurrentAs('text');break;case'f':pEvent.preventDefault();{// Ensure the filter bar is visible first
 this._showFilterBar();let tmpGalleryView=this.pict.views['RetoldRemote-Gallery'];if(tmpGalleryView){tmpGalleryView.toggleFilterPanel();}}break;case's':pEvent.preventDefault();{// Ensure the filter bar is visible first
 this._showFilterBar();setTimeout(()=>{let tmpSortSelect=document.getElementById('RetoldRemote-Gallery-Sort');if(tmpSortSelect){tmpSortSelect.focus();}},50);}break;case'c':pEvent.preventDefault();this._toggleSettingsPanel();break;case'd':pEvent.preventDefault();this._toggleDistractionFree();break;}}/**
 	 * Handle keyboard events when the sidebar file list has focus.
@@ -8769,7 +9284,7 @@ if(this._sidebarCursorIndex<tmpRows.length){tmpRows[this._sidebarCursorIndex].cl
 if(pIndex<tmpRows.length){tmpRows[pIndex].classList.add('sidebar-focused');tmpRows[pIndex].scrollIntoView({block:'nearest',behavior:'smooth'});}}/**
 	 * Handle keyboard events in viewer mode.
 	 */_handleViewerKey(pEvent){let tmpRemote=this.pict.AppData.RetoldRemote;// Video action menu mode — intercept keys for menu options
-if(tmpRemote.VideoMenuActive&&tmpRemote.CurrentViewerMediaType==='video'){switch(pEvent.key){case'Escape':pEvent.preventDefault();this.closeViewer();return;case'ArrowRight':case'j':pEvent.preventDefault();this.nextFile();return;case'ArrowLeft':case'k':pEvent.preventDefault();this.prevFile();return;case'e':pEvent.preventDefault();let tmpVEX=this.pict.views['RetoldRemote-VideoExplorer'];if(tmpVEX){tmpVEX.showExplorer(tmpRemote.CurrentViewerFile);}return;case' ':case'Enter':pEvent.preventDefault();let tmpViewer=this.pict.views['RetoldRemote-MediaViewer'];if(tmpViewer){tmpViewer.playVideo();}return;case't':pEvent.preventDefault();let tmpMediaViewer=this.pict.views['RetoldRemote-MediaViewer'];if(tmpMediaViewer){tmpMediaViewer.loadVideoMenuFrame();}return;case'v':pEvent.preventDefault();this._openWithVLC();return;}return;}switch(pEvent.key){case'Escape':pEvent.preventDefault();this.closeViewer();break;case'ArrowRight':case'j':pEvent.preventDefault();this.nextFile();break;case'ArrowLeft':case'k':pEvent.preventDefault();this.prevFile();break;case'f':pEvent.preventDefault();this._toggleFullscreen();break;case'i':pEvent.preventDefault();this._toggleFileInfo();break;case' ':pEvent.preventDefault();this._togglePlayPause();break;case'+':case'=':pEvent.preventDefault();this._zoomIn();break;case'-':pEvent.preventDefault();this._zoomOut();break;case'0':pEvent.preventDefault();this._zoomReset();break;case'z':pEvent.preventDefault();this._cycleFitMode();break;case'Enter':pEvent.preventDefault();this._openWithVLC();break;case'd':pEvent.preventDefault();this._toggleDistractionFree();break;}}/**
+if(tmpRemote.VideoMenuActive&&tmpRemote.CurrentViewerMediaType==='video'){switch(pEvent.key){case'Escape':pEvent.preventDefault();this.closeViewer();return;case'ArrowRight':case'j':pEvent.preventDefault();this.nextFile();return;case'ArrowLeft':case'k':pEvent.preventDefault();this.prevFile();return;case'e':pEvent.preventDefault();let tmpVEX=this.pict.views['RetoldRemote-VideoExplorer'];if(tmpVEX){tmpVEX.showExplorer(tmpRemote.CurrentViewerFile);}return;case' ':case'Enter':pEvent.preventDefault();let tmpViewer=this.pict.views['RetoldRemote-MediaViewer'];if(tmpViewer){tmpViewer.playVideo();}return;case't':pEvent.preventDefault();let tmpMediaViewer=this.pict.views['RetoldRemote-MediaViewer'];if(tmpMediaViewer){tmpMediaViewer.loadVideoMenuFrame();}return;case'v':pEvent.preventDefault();this._streamWithVLC();return;}return;}switch(pEvent.key){case'Escape':pEvent.preventDefault();this.closeViewer();break;case'ArrowRight':case'j':pEvent.preventDefault();this.nextFile();break;case'ArrowLeft':case'k':pEvent.preventDefault();this.prevFile();break;case'f':pEvent.preventDefault();this._toggleFullscreen();break;case'i':pEvent.preventDefault();this._toggleFileInfo();break;case' ':pEvent.preventDefault();this._togglePlayPause();break;case'+':case'=':pEvent.preventDefault();this._zoomIn();break;case'-':pEvent.preventDefault();this._zoomOut();break;case'0':pEvent.preventDefault();this._zoomReset();break;case'z':pEvent.preventDefault();this._cycleFitMode();break;case'Enter':pEvent.preventDefault();this._streamWithVLC();break;case'v':pEvent.preventDefault();this._streamWithVLC();break;case'd':pEvent.preventDefault();this._toggleDistractionFree();break;case'1':pEvent.preventDefault();this.switchViewerType('image');break;case'2':pEvent.preventDefault();this.switchViewerType('video');break;case'3':pEvent.preventDefault();this.switchViewerType('audio');break;case'4':pEvent.preventDefault();this.switchViewerType('text');break;}}/**
 	 * Handle keyboard events in video explorer mode.
 	 */_handleVideoExplorerKey(pEvent){switch(pEvent.key){case'Escape':pEvent.preventDefault();let tmpVEX=this.pict.views['RetoldRemote-VideoExplorer'];if(tmpVEX){tmpVEX.goBack();}break;}}/**
 	 * Handle keyboard events in audio explorer mode.
@@ -8785,6 +9300,15 @@ tmpNewTile.scrollIntoView({block:'nearest',behavior:'smooth'});}}/**
 let tmpCurrentLocation=this.pict.AppData.PictFileBrowser&&this.pict.AppData.PictFileBrowser.CurrentLocation||'';tmpRemote.FolderCursorHistory[tmpCurrentLocation]=tmpIndex;// Navigate into the folder or archive
 let tmpApp=this.pict.PictApplication;if(tmpApp&&tmpApp.loadFileList){tmpApp.loadFileList(tmpItem.Path);}}else{// Open the file in the viewer
 let tmpApp=this.pict.PictApplication;if(tmpApp&&tmpApp.navigateToFile){tmpApp.navigateToFile(tmpItem.Path);}}}/**
+	 * Open the currently selected gallery item, forcing a specific media type
+	 * regardless of its file extension.
+	 *
+	 * @param {string} pMediaType - 'image', 'video', 'audio', or 'text'
+	 */openCurrentAs(pMediaType){let tmpRemote=this.pict.AppData.RetoldRemote;let tmpItems=tmpRemote.GalleryItems||[];let tmpIndex=tmpRemote.GalleryCursorIndex||0;if(tmpIndex>=tmpItems.length){return;}let tmpItem=tmpItems[tmpIndex];if(tmpItem.Type==='folder'||tmpItem.Type==='archive'){return;}let tmpApp=this.pict.PictApplication;if(tmpApp&&tmpApp.navigateToFileAs){tmpApp.navigateToFileAs(tmpItem.Path,pMediaType);}}/**
+	 * Re-open the currently viewed file with a different media type.
+	 *
+	 * @param {string} pMediaType - 'image', 'video', 'audio', or 'text'
+	 */switchViewerType(pMediaType){let tmpRemote=this.pict.AppData.RetoldRemote;let tmpFilePath=tmpRemote.CurrentViewerFile;if(!tmpFilePath){return;}let tmpViewer=this.pict.views['RetoldRemote-MediaViewer'];if(tmpViewer){tmpViewer.showMedia(tmpFilePath,pMediaType);}}/**
 	 * Navigate up one directory level.
 	 */navigateUp(){let tmpCurrentLocation=this.pict.AppData.PictFileBrowser&&this.pict.AppData.PictFileBrowser.CurrentLocation||'';if(!tmpCurrentLocation){return;}// Remember cursor position in the current folder before navigating away
 let tmpRemote=this.pict.AppData.RetoldRemote;tmpRemote.FolderCursorHistory[tmpCurrentLocation]=tmpRemote.GalleryCursorIndex||0;let tmpParent=tmpCurrentLocation.indexOf('/')>=0?tmpCurrentLocation.replace(/\/[^/]+\/?$/,''):'';let tmpApp=this.pict.PictApplication;if(tmpApp&&tmpApp.loadFileList){tmpApp.loadFileList(tmpParent);}}/**
@@ -8864,6 +9388,12 @@ if(tmpRemote.CurrentViewerMediaType!=='video'){return;}// Check if VLC is availa
 let tmpCapabilities=tmpRemote.ServerCapabilities||{};if(!tmpCapabilities.vlc){return;}let tmpFilePath=tmpRemote.CurrentViewerFile;if(!tmpFilePath){return;}// Show a brief toast
 this._showToast('Opening in VLC...');// POST to the server to open the file
 fetch('/api/media/open',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({path:tmpFilePath})}).then(pResponse=>{return pResponse.json();}).then(pData=>{if(!pData.Success){this._showToast('Failed to open: '+(pData.Error||'Unknown error'));}}).catch(pError=>{this._showToast('Failed to open: '+pError.message);});}/**
+	 * Stream the current media file to VLC on the client device via vlc:// protocol link.
+	 */_streamWithVLC(){let tmpRemote=this.pict.AppData.RetoldRemote;let tmpMediaType=tmpRemote.CurrentViewerMediaType;if(tmpMediaType!=='video'&&tmpMediaType!=='audio'){return;}let tmpFilePath=tmpRemote.CurrentViewerFile;if(!tmpFilePath){return;}let tmpProvider=this.pict.providers['RetoldRemote-Provider'];let tmpContentPath=tmpProvider?tmpProvider.getContentURL(tmpFilePath):'/content/'+encodeURIComponent(tmpFilePath);let tmpStreamURL=window.location.origin+tmpContentPath;// On Windows, VLC's native handler expects the raw URL.
+// On macOS/Linux our custom handlers URL-decode, so we encode.
+let tmpIsWindows=/Windows/.test(navigator.userAgent);let tmpVLCURL=tmpIsWindows?'vlc://'+tmpStreamURL:'vlc://'+encodeURIComponent(tmpStreamURL);this._showToast('Opening VLC...');// Use a temporary anchor element to trigger the protocol handler
+// without navigating the current page away
+let tmpLink=document.createElement('a');tmpLink.href=tmpVLCURL;tmpLink.style.display='none';document.body.appendChild(tmpLink);tmpLink.click();document.body.removeChild(tmpLink);}/**
 	 * Show a brief toast notification in the viewer.
 	 *
 	 * @param {string} pMessage - Text to display
@@ -9089,7 +9619,7 @@ return this.getIcon('file',tmpSize);}/**
 	 * @returns {Object} Extension-to-icon name map
 	 */getExtensionMap(){return Object.assign({},this._extensionMap);}/**
 	 * Inject CSS classes for icon sizing into the pict CSSMap.
-	 */injectCSS(){if(this._cssInjected){return;}if(this.pict&&this.pict.CSSMap){this.pict.CSSMap.addCSS('RetoldRemoteIcons','.retold-remote-icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }\n'+'.retold-remote-icon svg { display: block; }\n'+'.retold-remote-icon-sm svg { width: 16px; height: 16px; }\n'+'.retold-remote-icon-md svg { width: 48px; height: 48px; }\n'+'.retold-remote-icon-lg svg { width: 64px; height: 64px; }\n'+'.retold-remote-icon-xl svg { width: 96px; height: 96px; }\n');this._cssInjected=true;}}onAfterInitialize(){this.injectCSS();return super.onAfterInitialize();}}module.exports=RetoldRemoteIconProvider;module.exports.default_configuration=_DefaultProviderConfiguration;module.exports.DefaultColors=_DefaultColors;},{"pict-provider":46,"pict-section-filebrowser/source/providers/Pict-Provider-FileBrowserIcons.js":56}],121:[function(require,module,exports){const libPictProvider=require('pict-provider');const _ProviderConfiguration={ProviderIdentifier:'RetoldRemote-Theme',AutoInitialize:true,AutoInitializeOrdinal:0};/**
+	 */injectCSS(){if(this._cssInjected){return;}if(this.pict&&this.pict.CSSMap){this.pict.CSSMap.addCSS('RetoldRemoteIcons','.retold-remote-icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }\n'+'.retold-remote-icon svg { display: block; }\n'+'.retold-remote-icon-sm svg { width: 16px; height: 16px; }\n'+'.retold-remote-icon-md svg { width: 48px; height: 48px; }\n'+'.retold-remote-icon-lg svg { width: 64px; height: 64px; }\n'+'.retold-remote-icon-xl svg { width: 96px; height: 96px; }\n');this._cssInjected=true;}}onAfterInitialize(){this.injectCSS();return super.onAfterInitialize();}}module.exports=RetoldRemoteIconProvider;module.exports.default_configuration=_DefaultProviderConfiguration;module.exports.DefaultColors=_DefaultColors;},{"pict-provider":46,"pict-section-filebrowser/source/providers/Pict-Provider-FileBrowserIcons.js":53}],121:[function(require,module,exports){const libPictProvider=require('pict-provider');const _ProviderConfiguration={ProviderIdentifier:'RetoldRemote-Theme',AutoInitialize:true,AutoInitializeOrdinal:0};/**
  * Theme provider for retold-remote.
  *
  * Manages 15 themes (5 grey-only + 10 fun) via CSS custom properties.
@@ -10968,19 +11498,21 @@ if(tmpCapabilities.ffmpeg){tmpHTML+='<div id="RetoldRemote-VideoActionThumb" cla
 setTimeout(()=>{this.loadVideoMenuFrame();},0);}// Explore option (e)
 if(tmpCapabilities.ffmpeg){tmpHTML+='<button class="retold-remote-video-action-btn" '+'onclick="pict.views[\'RetoldRemote-VideoExplorer\'].showExplorer(pict.AppData.RetoldRemote.CurrentViewerFile)" '+'title="Explore frames from this video">'+'<span class="retold-remote-video-action-key">e</span>'+'Explore Video Frames'+'</button>';}// Play option (space/enter)
 tmpHTML+='<button class="retold-remote-video-action-btn selected" '+'onclick="pict.views[\'RetoldRemote-MediaViewer\'].playVideo()" '+'title="Play video in browser">'+'<span class="retold-remote-video-action-key">Space</span>'+'Play in Browser'+'</button>';// Thumbnail option (t)
-if(tmpCapabilities.ffmpeg){tmpHTML+='<button class="retold-remote-video-action-btn" '+'onclick="pict.views[\'RetoldRemote-MediaViewer\'].loadVideoMenuFrame()" '+'title="Extract a frame from the midpoint of this video">'+'<span class="retold-remote-video-action-key">t</span>'+'Thumbnail'+'</button>';}// VLC option (v)
-if(tmpCapabilities.vlc){tmpHTML+='<button class="retold-remote-video-action-btn" '+'onclick="pict.providers[\'RetoldRemote-GalleryNavigation\']._openWithVLC()" '+'title="Open with VLC media player">'+'<span class="retold-remote-video-action-key">v</span>'+'Open with VLC'+'</button>';}tmpHTML+='</div>';return tmpHTML;}/**
+if(tmpCapabilities.ffmpeg){tmpHTML+='<button class="retold-remote-video-action-btn" '+'onclick="pict.views[\'RetoldRemote-MediaViewer\'].loadVideoMenuFrame()" '+'title="Extract a frame from the midpoint of this video">'+'<span class="retold-remote-video-action-key">t</span>'+'Thumbnail'+'</button>';}// VLC streaming option (v) — always available, streams from server to client VLC
+tmpHTML+='<button class="retold-remote-video-action-btn" '+'onclick="pict.providers[\'RetoldRemote-GalleryNavigation\']._streamWithVLC()" '+'title="Stream to VLC on this device">'+'<span class="retold-remote-video-action-key">v</span>'+'Stream with VLC'+'</button>';tmpHTML+='</div>';return tmpHTML;}/**
 	 * Launch the in-browser video player (from the video action menu).
 	 */playVideo(){let tmpRemote=this.pict.AppData.RetoldRemote;let tmpFilePath=tmpRemote.CurrentViewerFile;if(!tmpFilePath)return;let tmpFileName=tmpFilePath.replace(/^.*\//,'');let tmpProvider=this.pict.providers['RetoldRemote-Provider'];let tmpContentURL=tmpProvider?tmpProvider.getContentURL(tmpFilePath):'/content/'+encodeURIComponent(tmpFilePath);let tmpCapabilities=tmpRemote.ServerCapabilities||{};let tmpHTML='<div class="retold-remote-video-wrap">';let tmpAutoplayVideo=tmpRemote.AutoplayVideo?' autoplay':'';tmpHTML+='<video controls'+tmpAutoplayVideo+' preload="metadata" '+'id="RetoldRemote-VideoPlayer">'+'<source src="'+tmpContentURL+'">'+'Your browser does not support the video tag.'+'</video>';// Stats bar below the video
-tmpHTML+='<div class="retold-remote-video-stats" id="RetoldRemote-VideoStats">';tmpHTML+='<span class="retold-remote-video-stat-label">Loading info...</span>';if(tmpCapabilities.ffmpeg){tmpHTML+='<button class="retold-remote-explore-btn" '+'onclick="pict.views[\'RetoldRemote-VideoExplorer\'].showExplorer(pict.AppData.RetoldRemote.CurrentViewerFile)" '+'title="Explore frames from this video">'+'Explore Video'+'</button>';}if(tmpCapabilities.vlc){tmpHTML+='<button class="retold-remote-vlc-btn" '+'onclick="pict.providers[\'RetoldRemote-GalleryNavigation\']._openWithVLC()" '+'title="Open with VLC">'+'Open with VLC'+'</button>';}tmpHTML+='</div>';// end stats
+tmpHTML+='<div class="retold-remote-video-stats" id="RetoldRemote-VideoStats">';tmpHTML+='<span class="retold-remote-video-stat-label">Loading info...</span>';if(tmpCapabilities.ffmpeg){tmpHTML+='<button class="retold-remote-explore-btn" '+'onclick="pict.views[\'RetoldRemote-VideoExplorer\'].showExplorer(pict.AppData.RetoldRemote.CurrentViewerFile)" '+'title="Explore frames from this video">'+'Explore Video'+'</button>';}tmpHTML+='<button class="retold-remote-vlc-btn" '+'onclick="pict.providers[\'RetoldRemote-GalleryNavigation\']._streamWithVLC()" '+'title="Stream to VLC on this device">'+'Stream with VLC'+'</button>';tmpHTML+='</div>';// end stats
 tmpHTML+='</div>';// end wrap
 // Replace the action menu with the player
 let tmpMenu=document.getElementById('RetoldRemote-VideoActionMenu');if(tmpMenu){tmpMenu.outerHTML=tmpHTML;}// Mark that we are now in player mode (not menu mode)
 tmpRemote.VideoMenuActive=false;}/**
 	 * Extract and display a single full-resolution frame from the midpoint of the current video.
 	 */loadVideoMenuFrame(){let tmpRemote=this.pict.AppData.RetoldRemote;let tmpFilePath=tmpRemote.CurrentViewerFile;if(!tmpFilePath)return;let tmpThumbWrap=document.getElementById('RetoldRemote-VideoActionThumb');if(!tmpThumbWrap)return;tmpThumbWrap.innerHTML='<div class="retold-remote-video-action-thumb-loading">Extracting frame...</div>';let tmpProvider=this.pict.providers['RetoldRemote-Provider'];let tmpPathParam=tmpProvider?tmpProvider._getPathParam(tmpFilePath):encodeURIComponent(tmpFilePath);fetch('/api/media/video-frames?path='+tmpPathParam+'&count=1').then(pResponse=>pResponse.json()).then(pData=>{// Verify we are still on the same file and still in the menu
-if(tmpRemote.CurrentViewerFile!==tmpFilePath)return;let tmpWrap=document.getElementById('RetoldRemote-VideoActionThumb');if(!tmpWrap)return;if(pData&&pData.Frames&&pData.Frames.length>0){let tmpFrame=pData.Frames[0];let tmpFrameURL='/api/media/video-frame/'+pData.CacheKey+'/'+tmpFrame.Filename;tmpWrap.innerHTML='<img src="'+tmpFrameURL+'" '+'alt="'+this._escapeHTML(tmpFilePath.replace(/^.*\//,''))+'" '+'onerror="this.parentNode.innerHTML=\'\'">';}else{tmpWrap.innerHTML='';}}).catch(()=>{let tmpWrap=document.getElementById('RetoldRemote-VideoActionThumb');if(tmpWrap)tmpWrap.innerHTML='';});}_buildAudioHTML(pURL,pFileName){let tmpIconProvider=this.pict.providers['RetoldRemote-Icons'];let tmpIconHTML=tmpIconProvider?'<span class="retold-remote-icon retold-remote-icon-lg">'+tmpIconProvider.getIcon('music-note',64)+'</span>':'&#127925;';let tmpHTML='<div style="text-align: center; padding: 40px;">'+'<div style="margin-bottom: 24px;">'+tmpIconHTML+'</div>'+'<div style="font-size: 1.1rem; color: var(--retold-text-secondary); margin-bottom: 24px;">'+this._escapeHTML(pFileName)+'</div>'+'<audio controls'+(this.pict.AppData.RetoldRemote.AutoplayAudio?' autoplay':'')+' preload="metadata" id="RetoldRemote-AudioPlayer" style="width: 100%; max-width: 500px;">'+'<source src="'+pURL+'">'+'Your browser does not support the audio tag.'+'</audio>';// Explore Audio button (available when ffprobe is present)
-let tmpCapabilities=this.pict.AppData.RetoldRemote.ServerCapabilities||{};if(tmpCapabilities.ffprobe||tmpCapabilities.ffmpeg){tmpHTML+='<div style="margin-top: 20px;">'+'<button class="retold-remote-explore-btn" '+'onclick="pict.views[\'RetoldRemote-AudioExplorer\'].showExplorer(pict.AppData.RetoldRemote.CurrentViewerFile)" '+'title="Explore waveform and extract segments from this audio">'+'&#128202; Explore Audio'+'</button>'+'</div>';}tmpHTML+='</div>';return tmpHTML;}_buildDocumentHTML(pURL,pFileName,pFilePath){let tmpExtension=pFilePath.replace(/^.*\./,'').toLowerCase();if(tmpExtension==='pdf'){return'<iframe src="'+pURL+'" '+'style="width: 100%; height: 100%; border: none;">'+'</iframe>';}if(tmpExtension==='epub'||tmpExtension==='mobi'){return this._buildEbookHTML(pURL,pFileName,pFilePath);}// For other document types, show a download link
+if(tmpRemote.CurrentViewerFile!==tmpFilePath)return;let tmpWrap=document.getElementById('RetoldRemote-VideoActionThumb');if(!tmpWrap)return;if(pData&&pData.Frames&&pData.Frames.length>0){let tmpFrame=pData.Frames[0];let tmpFrameURL='/api/media/video-frame/'+pData.CacheKey+'/'+tmpFrame.Filename;tmpWrap.innerHTML='<img src="'+tmpFrameURL+'" '+'alt="'+this._escapeHTML(tmpFilePath.replace(/^.*\//,''))+'" '+'onerror="this.parentNode.innerHTML=\'\'">';}else{tmpWrap.innerHTML='';}}).catch(()=>{let tmpWrap=document.getElementById('RetoldRemote-VideoActionThumb');if(tmpWrap)tmpWrap.innerHTML='';});}_buildAudioHTML(pURL,pFileName){let tmpIconProvider=this.pict.providers['RetoldRemote-Icons'];let tmpIconHTML=tmpIconProvider?'<span class="retold-remote-icon retold-remote-icon-lg">'+tmpIconProvider.getIcon('music-note',64)+'</span>':'&#127925;';let tmpHTML='<div style="text-align: center; padding: 40px;">'+'<div style="margin-bottom: 24px;">'+tmpIconHTML+'</div>'+'<div style="font-size: 1.1rem; color: var(--retold-text-secondary); margin-bottom: 24px;">'+this._escapeHTML(pFileName)+'</div>'+'<audio controls'+(this.pict.AppData.RetoldRemote.AutoplayAudio?' autoplay':'')+' preload="metadata" id="RetoldRemote-AudioPlayer" style="width: 100%; max-width: 500px;">'+'<source src="'+pURL+'">'+'Your browser does not support the audio tag.'+'</audio>';// Action buttons below the player
+tmpHTML+='<div style="margin-top: 20px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;">';// Explore Audio button (available when ffprobe is present)
+let tmpCapabilities=this.pict.AppData.RetoldRemote.ServerCapabilities||{};if(tmpCapabilities.ffprobe||tmpCapabilities.ffmpeg){tmpHTML+='<button class="retold-remote-explore-btn" '+'onclick="pict.views[\'RetoldRemote-AudioExplorer\'].showExplorer(pict.AppData.RetoldRemote.CurrentViewerFile)" '+'title="Explore waveform and extract segments from this audio">'+'Explore Audio'+'</button>';}// Stream with VLC
+tmpHTML+='<button class="retold-remote-vlc-btn" '+'onclick="pict.providers[\'RetoldRemote-GalleryNavigation\']._streamWithVLC()" '+'title="Stream to VLC on this device (v)">'+'Stream with VLC'+'</button>';tmpHTML+='</div>';tmpHTML+='</div>';return tmpHTML;}_buildDocumentHTML(pURL,pFileName,pFilePath){let tmpExtension=pFilePath.replace(/^.*\./,'').toLowerCase();if(tmpExtension==='pdf'){return'<iframe src="'+pURL+'" '+'style="width: 100%; height: 100%; border: none;">'+'</iframe>';}if(tmpExtension==='epub'||tmpExtension==='mobi'){return this._buildEbookHTML(pURL,pFileName,pFilePath);}// For other document types, show a download link
 let tmpIconProvider=this.pict.providers['RetoldRemote-Icons'];let tmpDocIconHTML=tmpIconProvider?'<span class="retold-remote-icon retold-remote-icon-lg">'+tmpIconProvider.getIcon('document-large',64)+'</span>':'&#128196;';return'<div style="text-align: center; padding: 40px;">'+'<div style="margin-bottom: 24px;">'+tmpDocIconHTML+'</div>'+'<div style="font-size: 1.1rem; color: var(--retold-text-secondary); margin-bottom: 24px;">'+this._escapeHTML(pFileName)+'</div>'+'<a href="'+pURL+'" target="_blank" style="color: var(--retold-accent); font-size: 0.9rem;">Open in new tab</a>'+'</div>';}_buildTextHTML(pURL,pFileName,pFilePath){return'<div class="retold-remote-code-viewer-container" id="RetoldRemote-CodeViewer-Container">'+'<div class="retold-remote-code-viewer-loading">Loading...</div>'+'</div>';}/**
 	 * Map a file extension to a pict-section-code highlight language.
 	 *
@@ -11112,6 +11644,26 @@ let tmpExploreBtn=tmpStatsBar.querySelector('.retold-remote-explore-btn');let tm
 		{
 			color: var(--retold-danger-muted);
 		}
+		.retold-remote-settings-vlc-btn
+		{
+			display: block;
+			width: 100%;
+			padding: 8px 12px;
+			border: 1px solid var(--retold-border);
+			border-radius: 4px;
+			background: var(--retold-bg-secondary);
+			color: var(--retold-text-secondary);
+			font-size: 0.75rem;
+			font-family: inherit;
+			cursor: pointer;
+			text-align: left;
+			transition: background 0.15s, color 0.15s;
+		}
+		.retold-remote-settings-vlc-btn:hover
+		{
+			background: var(--retold-bg-hover);
+			color: var(--retold-text-primary);
+		}
 		.retold-remote-settings-shortcut-group
 		{
 			margin-bottom: 10px;
@@ -11163,8 +11715,9 @@ tmpHTML+='<div class="retold-remote-settings-row">';tmpHTML+='<span class="retol
 // Server capabilities
 tmpHTML+='<div class="retold-remote-settings-section">';tmpHTML+='<div class="retold-remote-settings-section-title">Server Capabilities</div>';tmpHTML+='<div class="retold-remote-settings-capabilities">';let tmpTools=[{key:'sharp',label:'Sharp (image thumbnails)'},{key:'imagemagick',label:'ImageMagick (image fallback)'},{key:'ffmpeg',label:'ffmpeg (video thumbnails)'},{key:'ffprobe',label:'ffprobe (media metadata)'}];for(let i=0;i<tmpTools.length;i++){let tmpTool=tmpTools[i];let tmpAvailable=tmpCapabilities[tmpTool.key];tmpHTML+='<div class="retold-remote-settings-cap-row">';tmpHTML+='<span class="retold-remote-settings-cap-label">'+tmpTool.label+'</span>';tmpHTML+='<span class="'+(tmpAvailable?'retold-remote-settings-cap-yes':'retold-remote-settings-cap-no')+'">'+(tmpAvailable?'Available':'Not found')+'</span>';tmpHTML+='</div>';}// Hashed filenames status
 tmpHTML+='<div class="retold-remote-settings-cap-row" style="margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--retold-border);">';tmpHTML+='<span class="retold-remote-settings-cap-label">Hashed filenames</span>';tmpHTML+='<span class="'+(tmpRemote.HashedFilenames?'retold-remote-settings-cap-yes':'retold-remote-settings-cap-no')+'">'+(tmpRemote.HashedFilenames?'Enabled':'Disabled')+'</span>';tmpHTML+='</div>';tmpHTML+='</div>';tmpHTML+='</div>';// end capabilities section
-// Keyboard shortcuts
-tmpHTML+='<div class="retold-remote-settings-section">';tmpHTML+='<div class="retold-remote-settings-section-title">Keyboard Shortcuts</div>';tmpHTML+=this._buildShortcutGroup('Global',[{key:'F1',desc:'Help panel'},{key:'F9',desc:'Focus sidebar'},{key:'/',desc:'Search / filter bar'},{key:'Esc',desc:'Close overlay / back'}]);tmpHTML+=this._buildShortcutGroup('Gallery',[{key:'\u2190 \u2191 \u2192 \u2193',desc:'Navigate items'},{key:'Enter',desc:'Open item'},{key:'Esc',desc:'Go up one folder'},{key:'Home',desc:'Jump to first item'},{key:'End',desc:'Jump to last item'},{key:'g',desc:'Toggle grid / list'},{key:'f',desc:'Advanced filter panel'},{key:'s',desc:'Focus sort dropdown'},{key:'x',desc:'Clear all filters'},{key:'c',desc:'Settings panel'},{key:'d',desc:'Distraction-free mode'}]);tmpHTML+=this._buildShortcutGroup('Sidebar (F9)',[{key:'\u2191 \u2193',desc:'Navigate file list'},{key:'Home',desc:'Jump to first'},{key:'End',desc:'Jump to last'},{key:'Enter',desc:'Open item'},{key:'Esc',desc:'Return to gallery'}]);tmpHTML+=this._buildShortcutGroup('Media Viewer',[{key:'Esc',desc:'Back to gallery'},{key:'\u2192  j',desc:'Next file'},{key:'\u2190  k',desc:'Previous file'},{key:'Space',desc:'Play / pause'},{key:'f',desc:'Fullscreen'},{key:'i',desc:'File info overlay'},{key:'+  -',desc:'Zoom in / out'},{key:'0',desc:'Reset zoom'},{key:'z',desc:'Cycle fit mode'},{key:'d',desc:'Distraction-free mode'}]);tmpHTML+=this._buildShortcutGroup('Video Menu',[{key:'Space',desc:'Play in browser'},{key:'Enter',desc:'Play in browser'},{key:'e',desc:'Explore video frames'},{key:'t',desc:'Extract thumbnail'},{key:'v',desc:'Open with VLC'},{key:'\u2192  j',desc:'Next file'},{key:'\u2190  k',desc:'Previous file'},{key:'Esc',desc:'Back to gallery'}]);tmpHTML+=this._buildShortcutGroup('Video Explorer',[{key:'Esc',desc:'Back'}]);tmpHTML+=this._buildShortcutGroup('Audio Explorer',[{key:'Space',desc:'Play selection'},{key:'+  -',desc:'Zoom in / out'},{key:'0',desc:'Zoom to fit'},{key:'z',desc:'Zoom to selection'},{key:'Esc',desc:'Clear selection / back'}]);tmpHTML+='</div>';// end shortcuts section
+// VLC Setup
+tmpHTML+='<div class="retold-remote-settings-section">';tmpHTML+='<div class="retold-remote-settings-section-title">VLC Streaming</div>';tmpHTML+='<button class="retold-remote-settings-vlc-btn" onclick="pict.views[\'RetoldRemote-VLCSetup\'].openModal()">';tmpHTML+='VLC Protocol Setup';tmpHTML+='</button>';tmpHTML+='</div>';// Keyboard shortcuts
+tmpHTML+='<div class="retold-remote-settings-section">';tmpHTML+='<div class="retold-remote-settings-section-title">Keyboard Shortcuts</div>';tmpHTML+=this._buildShortcutGroup('Global',[{key:'F1',desc:'Help panel'},{key:'F9',desc:'Focus sidebar'},{key:'/',desc:'Search / filter bar'},{key:'Esc',desc:'Close overlay / back'}]);tmpHTML+=this._buildShortcutGroup('Gallery',[{key:'\u2190 \u2191 \u2192 \u2193',desc:'Navigate items'},{key:'Enter',desc:'Open item'},{key:'1  2  3  4',desc:'Open as image / video / audio / text'},{key:'Esc',desc:'Go up one folder'},{key:'Home',desc:'Jump to first item'},{key:'End',desc:'Jump to last item'},{key:'g',desc:'Toggle grid / list'},{key:'f',desc:'Advanced filter panel'},{key:'s',desc:'Focus sort dropdown'},{key:'x',desc:'Clear all filters'},{key:'c',desc:'Settings panel'},{key:'d',desc:'Distraction-free mode'}]);tmpHTML+=this._buildShortcutGroup('Sidebar (F9)',[{key:'\u2191 \u2193',desc:'Navigate file list'},{key:'Home',desc:'Jump to first'},{key:'End',desc:'Jump to last'},{key:'Enter',desc:'Open item'},{key:'Esc',desc:'Return to gallery'}]);tmpHTML+=this._buildShortcutGroup('Media Viewer',[{key:'Esc',desc:'Back to gallery'},{key:'\u2192  j',desc:'Next file'},{key:'\u2190  k',desc:'Previous file'},{key:'1  2  3  4',desc:'View as image / video / audio / text'},{key:'Space',desc:'Play / pause'},{key:'f',desc:'Fullscreen'},{key:'i',desc:'File info overlay'},{key:'v',desc:'Stream with VLC'},{key:'+  -',desc:'Zoom in / out'},{key:'0',desc:'Reset zoom'},{key:'z',desc:'Cycle fit mode'},{key:'d',desc:'Distraction-free mode'}]);tmpHTML+=this._buildShortcutGroup('Video Menu',[{key:'Space',desc:'Play in browser'},{key:'Enter',desc:'Play in browser'},{key:'e',desc:'Explore video frames'},{key:'t',desc:'Extract thumbnail'},{key:'v',desc:'Stream with VLC'},{key:'\u2192  j',desc:'Next file'},{key:'\u2190  k',desc:'Previous file'},{key:'Esc',desc:'Back to gallery'}]);tmpHTML+=this._buildShortcutGroup('Video Explorer',[{key:'Esc',desc:'Back'}]);tmpHTML+=this._buildShortcutGroup('Audio Explorer',[{key:'Space',desc:'Play selection'},{key:'+  -',desc:'Zoom in / out'},{key:'0',desc:'Zoom to fit'},{key:'z',desc:'Zoom to selection'},{key:'Esc',desc:'Clear selection / back'}]);tmpHTML+='</div>';// end shortcuts section
 tmpHTML+='</div>';// end settings
 tmpContainer.innerHTML=tmpHTML;}_buildShortcutGroup(pTitle,pShortcuts){let tmpHTML='<div class="retold-remote-settings-shortcut-group">';tmpHTML+='<div class="retold-remote-settings-shortcut-group-title">'+pTitle+'</div>';for(let i=0;i<pShortcuts.length;i++){tmpHTML+='<div class="retold-remote-settings-shortcut-row">';tmpHTML+='<span class="retold-remote-settings-shortcut-desc">'+pShortcuts[i].desc+'</span>';tmpHTML+='<span class="retold-remote-settings-shortcut-key">'+pShortcuts[i].key+'</span>';tmpHTML+='</div>';}tmpHTML+='</div>';return tmpHTML;}changeTheme(pThemeKey){let tmpThemeProvider=this.pict.providers['RetoldRemote-Theme'];if(tmpThemeProvider){tmpThemeProvider.applyTheme(pThemeKey);this.pict.PictApplication.saveSettings();// Re-render settings to update dropdown selection
 this._renderSettingsContent();}}changeSetting(pKey,pValue){let tmpRemote=this.pict.AppData.RetoldRemote;tmpRemote[pKey]=pValue;this.pict.PictApplication.saveSettings();// Re-render gallery if visible
@@ -11313,7 +11866,259 @@ tmpBtn.classList.add('filter-active');tmpBtn.innerHTML='&#9683;<span class="reto
 tmpBtn.classList.add('filter-bar-open');tmpBtn.innerHTML='&#9698;';tmpBtn.title='Hide filter bar (/)';}else{// Default: no filters, bar hidden
 tmpBtn.innerHTML='&#9698;';tmpBtn.title='Toggle filter bar (/)';}}/**
 	 * Update the info display with folder summary.
-	 */updateInfo(){let tmpInfoEl=document.getElementById('RetoldRemote-TopBar-Info');if(!tmpInfoEl){return;}let tmpRemote=this.pict.AppData.RetoldRemote;let tmpSummary=tmpRemote.FolderSummary;if(tmpRemote.ActiveMode==='viewer'){let tmpItems=tmpRemote.GalleryItems||[];let tmpIndex=tmpRemote.GalleryCursorIndex||0;let tmpItem=tmpItems[tmpIndex];if(tmpItem){tmpInfoEl.textContent=tmpItem.Name;}return;}if(!tmpSummary){tmpInfoEl.textContent='';return;}let tmpParts=[];if(tmpSummary.Folders>0)tmpParts.push(tmpSummary.Folders+' folders');if(tmpSummary.Images>0)tmpParts.push(tmpSummary.Images+' images');if(tmpSummary.Videos>0)tmpParts.push(tmpSummary.Videos+' videos');if(tmpSummary.Audio>0)tmpParts.push(tmpSummary.Audio+' audio');if(tmpSummary.Documents>0)tmpParts.push(tmpSummary.Documents+' docs');if(tmpSummary.Other>0)tmpParts.push(tmpSummary.Other+' other');tmpInfoEl.textContent=tmpParts.join(' \u00b7 ');}}RetoldRemoteTopBarView.default_configuration=_ViewConfiguration;module.exports=RetoldRemoteTopBarView;},{"pict-view":76}],129:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={ViewIdentifier:"RetoldRemote-VideoExplorer",DefaultRenderable:"RetoldRemote-VideoExplorer",DefaultDestinationAddress:"#RetoldRemote-Viewer-Container",AutoRender:false,CSS:/*css*/`
+	 */updateInfo(){let tmpInfoEl=document.getElementById('RetoldRemote-TopBar-Info');if(!tmpInfoEl){return;}let tmpRemote=this.pict.AppData.RetoldRemote;let tmpSummary=tmpRemote.FolderSummary;if(tmpRemote.ActiveMode==='viewer'){let tmpItems=tmpRemote.GalleryItems||[];let tmpIndex=tmpRemote.GalleryCursorIndex||0;let tmpItem=tmpItems[tmpIndex];if(tmpItem){tmpInfoEl.textContent=tmpItem.Name;}return;}if(!tmpSummary){tmpInfoEl.textContent='';return;}let tmpParts=[];if(tmpSummary.Folders>0)tmpParts.push(tmpSummary.Folders+' folders');if(tmpSummary.Images>0)tmpParts.push(tmpSummary.Images+' images');if(tmpSummary.Videos>0)tmpParts.push(tmpSummary.Videos+' videos');if(tmpSummary.Audio>0)tmpParts.push(tmpSummary.Audio+' audio');if(tmpSummary.Documents>0)tmpParts.push(tmpSummary.Documents+' docs');if(tmpSummary.Other>0)tmpParts.push(tmpSummary.Other+' other');tmpInfoEl.textContent=tmpParts.join(' \u00b7 ');}}RetoldRemoteTopBarView.default_configuration=_ViewConfiguration;module.exports=RetoldRemoteTopBarView;},{"pict-view":76}],129:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={ViewIdentifier:"RetoldRemote-VLCSetup",DefaultRenderable:"RetoldRemote-VLCSetup",DefaultDestinationAddress:"#ContentEditor-Application-Container",AutoRender:false,CSS:/*css*/`
+		.retold-remote-vlc-modal-backdrop
+		{
+			position: fixed;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			background: rgba(0, 0, 0, 0.6);
+			z-index: 9000;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		.retold-remote-vlc-modal
+		{
+			background: var(--retold-bg-tertiary);
+			border: 1px solid var(--retold-border);
+			border-radius: 8px;
+			width: 600px;
+			max-width: 90vw;
+			max-height: 85vh;
+			display: flex;
+			flex-direction: column;
+			box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+		}
+		.retold-remote-vlc-modal-header
+		{
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 14px 18px;
+			border-bottom: 1px solid var(--retold-border);
+			flex-shrink: 0;
+		}
+		.retold-remote-vlc-modal-title
+		{
+			font-size: 0.85rem;
+			font-weight: 700;
+			color: var(--retold-text-primary);
+		}
+		.retold-remote-vlc-modal-close
+		{
+			border: none;
+			background: transparent;
+			color: var(--retold-text-muted);
+			font-size: 1.1rem;
+			cursor: pointer;
+			padding: 2px 6px;
+			border-radius: 3px;
+			font-family: inherit;
+			line-height: 1;
+		}
+		.retold-remote-vlc-modal-close:hover
+		{
+			background: var(--retold-bg-hover);
+			color: var(--retold-text-primary);
+		}
+		.retold-remote-vlc-modal-body
+		{
+			flex: 1;
+			overflow-y: auto;
+			padding: 18px;
+		}
+		.retold-remote-vlc-setup-section
+		{
+			margin-bottom: 18px;
+		}
+		.retold-remote-vlc-setup-section-title
+		{
+			font-size: 0.7rem;
+			font-weight: 700;
+			text-transform: uppercase;
+			letter-spacing: 0.5px;
+			color: var(--retold-text-dim);
+			margin-bottom: 8px;
+		}
+		.retold-remote-vlc-setup-desc
+		{
+			font-size: 0.75rem;
+			color: var(--retold-text-secondary);
+			line-height: 1.5;
+			margin-bottom: 8px;
+		}
+		.retold-remote-vlc-setup-status
+		{
+			display: flex;
+			align-items: center;
+			gap: 8px;
+			padding: 8px;
+			border-radius: 4px;
+			background: var(--retold-bg-secondary);
+			margin-bottom: 12px;
+			font-size: 0.75rem;
+			color: var(--retold-text-secondary);
+		}
+		.retold-remote-vlc-setup-status-dot
+		{
+			width: 8px;
+			height: 8px;
+			border-radius: 50%;
+			flex-shrink: 0;
+		}
+		.retold-remote-vlc-setup-status-dot.detected
+		{
+			background: var(--retold-accent);
+		}
+		.retold-remote-vlc-setup-status-dot.unknown
+		{
+			background: var(--retold-text-dim);
+		}
+		.retold-remote-vlc-setup-platform
+		{
+			display: none;
+		}
+		.retold-remote-vlc-setup-platform.active
+		{
+			display: block;
+		}
+		.retold-remote-vlc-setup-platform-tabs
+		{
+			display: flex;
+			gap: 0;
+			margin-bottom: 12px;
+			border-bottom: 1px solid var(--retold-border);
+		}
+		.retold-remote-vlc-setup-platform-tab
+		{
+			padding: 6px 12px;
+			border: none;
+			background: transparent;
+			font-size: 0.72rem;
+			font-weight: 600;
+			color: var(--retold-text-muted);
+			cursor: pointer;
+			border-bottom: 2px solid transparent;
+			font-family: inherit;
+		}
+		.retold-remote-vlc-setup-platform-tab:hover
+		{
+			color: var(--retold-text-secondary);
+		}
+		.retold-remote-vlc-setup-platform-tab.active
+		{
+			color: var(--retold-accent);
+			border-bottom-color: var(--retold-accent);
+		}
+		.retold-remote-vlc-setup-code
+		{
+			background: var(--retold-bg-primary);
+			border: 1px solid var(--retold-border);
+			border-radius: 4px;
+			padding: 10px;
+			font-family: "SF Mono", "Fira Code", "Consolas", monospace;
+			font-size: 0.68rem;
+			color: var(--retold-text-secondary);
+			line-height: 1.6;
+			overflow-x: auto;
+			white-space: pre;
+			margin-bottom: 8px;
+			tab-size: 4;
+		}
+		.retold-remote-vlc-setup-btn
+		{
+			display: inline-block;
+			padding: 6px 14px;
+			border: 1px solid var(--retold-border);
+			border-radius: 4px;
+			background: var(--retold-bg-secondary);
+			color: var(--retold-text-secondary);
+			font-size: 0.72rem;
+			font-family: inherit;
+			cursor: pointer;
+			transition: background 0.15s, color 0.15s;
+			margin-right: 6px;
+			margin-bottom: 6px;
+		}
+		.retold-remote-vlc-setup-btn:hover
+		{
+			background: var(--retold-bg-hover);
+			color: var(--retold-text-primary);
+		}
+		.retold-remote-vlc-setup-btn.primary
+		{
+			background: var(--retold-accent);
+			border-color: var(--retold-accent);
+			color: #fff;
+		}
+		.retold-remote-vlc-setup-btn.primary:hover
+		{
+			opacity: 0.85;
+		}
+		.retold-remote-vlc-setup-step
+		{
+			display: flex;
+			gap: 10px;
+			margin-bottom: 10px;
+		}
+		.retold-remote-vlc-setup-step-num
+		{
+			flex-shrink: 0;
+			width: 20px;
+			height: 20px;
+			border-radius: 50%;
+			background: var(--retold-accent);
+			color: #fff;
+			font-size: 0.65rem;
+			font-weight: 700;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		.retold-remote-vlc-setup-step-content
+		{
+			flex: 1;
+			font-size: 0.75rem;
+			color: var(--retold-text-secondary);
+			line-height: 1.5;
+		}
+		.retold-remote-vlc-setup-note
+		{
+			font-size: 0.7rem;
+			color: var(--retold-text-dim);
+			font-style: italic;
+			margin-top: 4px;
+		}
+		.retold-remote-vlc-setup-toast
+		{
+			position: fixed;
+			bottom: 20px;
+			left: 50%;
+			transform: translateX(-50%);
+			background: var(--retold-bg-secondary);
+			color: var(--retold-accent);
+			padding: 8px 16px;
+			border-radius: 4px;
+			font-size: 0.75rem;
+			z-index: 10000;
+			pointer-events: none;
+			border: 1px solid var(--retold-border);
+		}
+	`};class RetoldRemoteVLCSetupView extends libPictView{constructor(pFable,pOptions,pServiceHash){super(pFable,pOptions,pServiceHash);this._activePlatformTab=this._detectPlatform();this._modalVisible=false;this._boundKeyHandler=null;}_detectPlatform(){let tmpUA=typeof navigator!=='undefined'?navigator.userAgent:'';if(/Macintosh|Mac OS X/.test(tmpUA)){return'macos';}if(/Windows/.test(tmpUA)){return'windows';}return'linux';}openModal(){if(this._modalVisible){return;}this._modalVisible=true;// Create the backdrop
+let tmpBackdrop=document.createElement('div');tmpBackdrop.className='retold-remote-vlc-modal-backdrop';tmpBackdrop.id='RetoldRemote-VLCSetup-Backdrop';tmpBackdrop.onclick=pEvent=>{if(pEvent.target===tmpBackdrop){this.closeModal();}};// Create the modal
+let tmpModal=document.createElement('div');tmpModal.className='retold-remote-vlc-modal';// Header
+let tmpHeader=document.createElement('div');tmpHeader.className='retold-remote-vlc-modal-header';tmpHeader.innerHTML='<span class="retold-remote-vlc-modal-title">VLC Protocol Setup</span>'+'<button class="retold-remote-vlc-modal-close" onclick="pict.views[\'RetoldRemote-VLCSetup\'].closeModal()">X</button>';// Body
+let tmpBody=document.createElement('div');tmpBody.className='retold-remote-vlc-modal-body';tmpBody.id='RetoldRemote-VLCSetup-Container';tmpModal.appendChild(tmpHeader);tmpModal.appendChild(tmpBody);tmpBackdrop.appendChild(tmpModal);document.body.appendChild(tmpBackdrop);// Render content into the body
+this._renderVLCSetupContent();// Escape key handler
+this._boundKeyHandler=pEvent=>{if(pEvent.key==='Escape'){pEvent.preventDefault();pEvent.stopPropagation();this.closeModal();}};document.addEventListener('keydown',this._boundKeyHandler,true);}closeModal(){if(!this._modalVisible){return;}this._modalVisible=false;let tmpBackdrop=document.getElementById('RetoldRemote-VLCSetup-Backdrop');if(tmpBackdrop){tmpBackdrop.remove();}if(this._boundKeyHandler){document.removeEventListener('keydown',this._boundKeyHandler,true);this._boundKeyHandler=null;}}switchPlatformTab(pTab){this._activePlatformTab=pTab;this._renderVLCSetupContent();}_renderVLCSetupContent(){let tmpContainer=document.getElementById('RetoldRemote-VLCSetup-Container');if(!tmpContainer){return;}let tmpPlatform=this._activePlatformTab;let tmpHTML='';// Description
+tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-desc">';tmpHTML+='Stream media directly in VLC from the browser. Press <b>v</b> in the media viewer to launch VLC with the current file.';tmpHTML+='</div>';tmpHTML+='</div>';// Platform status
+tmpHTML+='<div class="retold-remote-vlc-setup-status">';tmpHTML+='<div class="retold-remote-vlc-setup-status-dot '+(this._detectPlatform()===tmpPlatform?'detected':'unknown')+'"></div>';tmpHTML+='<span>Detected platform: <b>'+this._getPlatformLabel(this._detectPlatform())+'</b></span>';tmpHTML+='</div>';// Platform tabs
+tmpHTML+='<div class="retold-remote-vlc-setup-platform-tabs">';tmpHTML+=this._buildPlatformTab('macos','macOS',tmpPlatform);tmpHTML+=this._buildPlatformTab('windows','Windows',tmpPlatform);tmpHTML+=this._buildPlatformTab('linux','Linux',tmpPlatform);tmpHTML+='</div>';// Platform-specific content
+tmpHTML+=this._buildMacOSContent(tmpPlatform);tmpHTML+=this._buildWindowsContent(tmpPlatform);tmpHTML+=this._buildLinuxContent(tmpPlatform);// Test section
+tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-section-title">Test</div>';tmpHTML+='<div class="retold-remote-vlc-setup-desc">';tmpHTML+='Click below to test whether the vlc:// protocol handler is registered. VLC should open.';tmpHTML+='</div>';tmpHTML+='<button class="retold-remote-vlc-setup-btn" onclick="pict.views[\'RetoldRemote-VLCSetup\'].testProtocol()">Test VLC Protocol</button>';tmpHTML+='</div>';tmpContainer.innerHTML=tmpHTML;}_buildPlatformTab(pKey,pLabel,pActive){let tmpClass='retold-remote-vlc-setup-platform-tab';if(pKey===pActive){tmpClass+=' active';}return'<button class="'+tmpClass+'" onclick="pict.views[\'RetoldRemote-VLCSetup\'].switchPlatformTab(\''+pKey+'\')">'+pLabel+'</button>';}_getPlatformLabel(pKey){if(pKey==='macos')return'macOS';if(pKey==='windows')return'Windows';return'Linux';}_buildMacOSContent(pActive){let tmpClass='retold-remote-vlc-setup-platform'+(pActive==='macos'?' active':'');let tmpHTML='<div class="'+tmpClass+'" data-platform="macos">';tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-section-title">Setup (macOS)</div>';tmpHTML+='<div class="retold-remote-vlc-setup-desc">';tmpHTML+='VLC on macOS does not register a vlc:// protocol handler by default. ';tmpHTML+='An AppleScript app bundle is needed to bridge vlc:// links to VLC. ';tmpHTML+='Run the command below in Terminal to create and register the handler automatically.';tmpHTML+='</div>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-section-title">Automatic Setup</div>';tmpHTML+='<div class="retold-remote-vlc-setup-desc">';tmpHTML+='Copy and paste this into Terminal:';tmpHTML+='</div>';let tmpScript=this._getMacSetupScript();tmpHTML+='<div class="retold-remote-vlc-setup-code">'+this._escapeHTML(tmpScript)+'</div>';tmpHTML+='<button class="retold-remote-vlc-setup-btn primary" onclick="pict.views[\'RetoldRemote-VLCSetup\'].copyMacSetup()">Copy to Clipboard</button>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-section-title">What This Does</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step">';tmpHTML+='<div class="retold-remote-vlc-setup-step-num">1</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step-content">Creates an AppleScript at <code>/tmp/VLCProtocol.applescript</code> that handles vlc:// URLs</div>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step">';tmpHTML+='<div class="retold-remote-vlc-setup-step-num">2</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step-content">Compiles it into an app bundle at <code>/Applications/VLCProtocol.app</code></div>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step">';tmpHTML+='<div class="retold-remote-vlc-setup-step-num">3</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step-content">Adds the vlc:// URL scheme to the app\'s Info.plist</div>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step">';tmpHTML+='<div class="retold-remote-vlc-setup-step-num">4</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step-content">Registers the protocol handler with macOS Launch Services</div>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-note">Requires VLC installed at /Applications/VLC.app and Python 3 (included with macOS).</div>';tmpHTML+='</div>';tmpHTML+='</div>';return tmpHTML;}_buildWindowsContent(pActive){let tmpClass='retold-remote-vlc-setup-platform'+(pActive==='windows'?' active':'');let tmpHTML='<div class="'+tmpClass+'" data-platform="windows">';tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-section-title">Setup (Windows)</div>';tmpHTML+='<div class="retold-remote-vlc-setup-desc">';tmpHTML+='VLC on Windows registers the vlc:// protocol handler during installation. ';tmpHTML+='If it is not working, you can re-register it by saving and running the registry file below.';tmpHTML+='</div>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-section-title">Option A: Reinstall VLC</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step">';tmpHTML+='<div class="retold-remote-vlc-setup-step-num">1</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step-content">Reinstall VLC and ensure "Register VLC as handler for vlc:// protocol" is checked during installation.</div>';tmpHTML+='</div>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-section-title">Option B: Registry File</div>';tmpHTML+='<div class="retold-remote-vlc-setup-desc">';tmpHTML+='Save this as <code>vlc-protocol.reg</code> and double-click to import. ';tmpHTML+='Adjust the VLC path if yours differs.';tmpHTML+='</div>';let tmpRegFile=this._getWindowsRegFile();tmpHTML+='<div class="retold-remote-vlc-setup-code">'+this._escapeHTML(tmpRegFile)+'</div>';tmpHTML+='<button class="retold-remote-vlc-setup-btn primary" onclick="pict.views[\'RetoldRemote-VLCSetup\'].copyWindowsReg()">Copy to Clipboard</button>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-section-title">Option C: Batch Script</div>';tmpHTML+='<div class="retold-remote-vlc-setup-desc">';tmpHTML+='Alternatively, save this as <code>vlc-protocol-setup.bat</code> and run as Administrator. ';tmpHTML+='This creates a wrapper script that URL-decodes the vlc:// link before passing it to VLC.';tmpHTML+='</div>';let tmpBatchScript=this._getWindowsBatchScript();tmpHTML+='<div class="retold-remote-vlc-setup-code">'+this._escapeHTML(tmpBatchScript)+'</div>';tmpHTML+='<button class="retold-remote-vlc-setup-btn primary" onclick="pict.views[\'RetoldRemote-VLCSetup\'].copyWindowsBatch()">Copy to Clipboard</button>';tmpHTML+='</div>';tmpHTML+='</div>';return tmpHTML;}_buildLinuxContent(pActive){let tmpClass='retold-remote-vlc-setup-platform'+(pActive==='linux'?' active':'');let tmpHTML='<div class="'+tmpClass+'" data-platform="linux">';tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-section-title">Setup (Linux)</div>';tmpHTML+='<div class="retold-remote-vlc-setup-desc">';tmpHTML+='Register a vlc:// protocol handler using a .desktop file and xdg-mime. ';tmpHTML+='Run the command below in a terminal.';tmpHTML+='</div>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-section-title">Setup Command</div>';let tmpScript=this._getLinuxSetupScript();tmpHTML+='<div class="retold-remote-vlc-setup-code">'+this._escapeHTML(tmpScript)+'</div>';tmpHTML+='<button class="retold-remote-vlc-setup-btn primary" onclick="pict.views[\'RetoldRemote-VLCSetup\'].copyLinuxSetup()">Copy to Clipboard</button>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-section">';tmpHTML+='<div class="retold-remote-vlc-setup-section-title">What This Does</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step">';tmpHTML+='<div class="retold-remote-vlc-setup-step-num">1</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step-content">Creates a handler script at <code>~/.local/bin/vlc-protocol</code> that URL-decodes and opens VLC</div>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step">';tmpHTML+='<div class="retold-remote-vlc-setup-step-num">2</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step-content">Creates a .desktop file at <code>~/.local/share/applications/vlc-protocol.desktop</code></div>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step">';tmpHTML+='<div class="retold-remote-vlc-setup-step-num">3</div>';tmpHTML+='<div class="retold-remote-vlc-setup-step-content">Registers vlc:// as a URL scheme via <code>xdg-mime</code></div>';tmpHTML+='</div>';tmpHTML+='<div class="retold-remote-vlc-setup-note">Requires VLC and Python 3 installed.</div>';tmpHTML+='</div>';tmpHTML+='</div>';return tmpHTML;}_getMacSetupScript(){return["# Create the AppleScript handler","cat > /tmp/VLCProtocol.applescript << 'EOF'","on open location theURL","\tset theURL to text 7 thru -1 of theURL","\tset theURL to do shell script \"python3 -c 'import sys, urllib.parse; print(urllib.parse.unquote(sys.argv[1]))' \" & quoted form of theURL","\tdo shell script \"open -a VLC \" & quoted form of theURL","end open location","EOF","","# Compile into app bundle","osacompile -o /Applications/VLCProtocol.app /tmp/VLCProtocol.applescript","","# Add vlc:// URL scheme to Info.plist","/usr/libexec/PlistBuddy -c \"Add :CFBundleURLTypes array\" \\","  /Applications/VLCProtocol.app/Contents/Info.plist 2>/dev/null","/usr/libexec/PlistBuddy -c \"Add :CFBundleURLTypes:0 dict\" \\","  /Applications/VLCProtocol.app/Contents/Info.plist 2>/dev/null","/usr/libexec/PlistBuddy -c \"Add :CFBundleURLTypes:0:CFBundleURLName string 'VLC Protocol'\" \\","  /Applications/VLCProtocol.app/Contents/Info.plist 2>/dev/null","/usr/libexec/PlistBuddy -c \"Add :CFBundleURLTypes:0:CFBundleURLSchemes array\" \\","  /Applications/VLCProtocol.app/Contents/Info.plist 2>/dev/null","/usr/libexec/PlistBuddy -c \"Add :CFBundleURLTypes:0:CFBundleURLSchemes:0 string vlc\" \\","  /Applications/VLCProtocol.app/Contents/Info.plist 2>/dev/null","","# Register with Launch Services","/System/Library/Frameworks/CoreServices.framework/Frameworks/LaunchServices.framework/Support/lsregister \\","  -f /Applications/VLCProtocol.app","","echo \"VLC protocol handler installed successfully.\""].join('\n');}_getWindowsRegFile(){return["Windows Registry Editor Version 5.00","","[HKEY_CLASSES_ROOT\\vlc]","@=\"URL:VLC Protocol\"","\"URL Protocol\"=\"\"","","[HKEY_CLASSES_ROOT\\vlc\\shell]","","[HKEY_CLASSES_ROOT\\vlc\\shell\\open]","","[HKEY_CLASSES_ROOT\\vlc\\shell\\open\\command]","@=\"\\\"C:\\\\Program Files\\\\VideoLAN\\\\VLC\\\\vlc.exe\\\" \\\"%1\\\"\""].join('\n');}_getWindowsBatchScript(){return["@echo off","REM VLC Protocol Handler Setup for Windows","REM Run this as Administrator","","REM Create the handler script","mkdir \"%APPDATA%\\VLCProtocol\" 2>nul","(","echo import sys, urllib.parse, subprocess","echo url = sys.argv[1] if len(sys.argv^) ^> 1 else ''","echo if url.startswith('vlc://'^): url = url[6:]","echo url = urllib.parse.unquote(url^)","echo subprocess.Popen(['C:\\\\Program Files\\\\VideoLAN\\\\VLC\\\\vlc.exe', url]^)",") > \"%APPDATA%\\VLCProtocol\\handler.py\"","","REM Register the protocol in the registry","reg add \"HKCU\\Software\\Classes\\vlc\" /ve /d \"URL:VLC Protocol\" /f","reg add \"HKCU\\Software\\Classes\\vlc\" /v \"URL Protocol\" /d \"\" /f","reg add \"HKCU\\Software\\Classes\\vlc\\shell\\open\\command\" /ve /d \"pythonw \\\"%APPDATA%\\VLCProtocol\\handler.py\\\" \\\"%%1\\\"\" /f","","echo VLC protocol handler installed successfully.","pause"].join('\n');}_getLinuxSetupScript(){return["# Create handler script","mkdir -p ~/.local/bin","cat > ~/.local/bin/vlc-protocol << 'EOF'","#!/bin/bash","URL=\"$1\"","URL=\"${URL#vlc://}\"","URL=$(python3 -c \"import sys, urllib.parse; print(urllib.parse.unquote(sys.argv[1]))\" \"$URL\")","exec vlc \"$URL\" &","EOF","chmod +x ~/.local/bin/vlc-protocol","","# Create .desktop file","cat > ~/.local/share/applications/vlc-protocol.desktop << 'EOF'","[Desktop Entry]","Name=VLC Protocol Handler","Exec=bash -c '~/.local/bin/vlc-protocol %u'","Type=Application","NoDisplay=true","MimeType=x-scheme-handler/vlc;","EOF","","# Register the handler","xdg-mime default vlc-protocol.desktop x-scheme-handler/vlc","update-desktop-database ~/.local/share/applications/","","echo \"VLC protocol handler installed successfully.\""].join('\n');}_escapeHTML(pStr){return pStr.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');}_copyToClipboard(pText,pLabel){if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(pText).then(()=>{this._showToast(pLabel+' copied to clipboard');}).catch(()=>{this._fallbackCopy(pText,pLabel);});}else{this._fallbackCopy(pText,pLabel);}}_fallbackCopy(pText,pLabel){let tmpTextarea=document.createElement('textarea');tmpTextarea.value=pText;tmpTextarea.style.position='fixed';tmpTextarea.style.left='-9999px';document.body.appendChild(tmpTextarea);tmpTextarea.select();try{document.execCommand('copy');this._showToast(pLabel+' copied to clipboard');}catch(pErr){this._showToast('Failed to copy - please select and copy manually');}document.body.removeChild(tmpTextarea);}_showToast(pMessage){let tmpExisting=document.querySelector('.retold-remote-vlc-setup-toast');if(tmpExisting){tmpExisting.remove();}let tmpToast=document.createElement('div');tmpToast.className='retold-remote-vlc-setup-toast';tmpToast.textContent=pMessage;document.body.appendChild(tmpToast);setTimeout(()=>{if(tmpToast.parentNode){tmpToast.remove();}},2000);}copyMacSetup(){this._copyToClipboard(this._getMacSetupScript(),'macOS setup script');}copyWindowsReg(){this._copyToClipboard(this._getWindowsRegFile(),'Registry file');}copyWindowsBatch(){this._copyToClipboard(this._getWindowsBatchScript(),'Batch script');}copyLinuxSetup(){this._copyToClipboard(this._getLinuxSetupScript(),'Linux setup script');}testProtocol(){let tmpIsWindows=/Windows/.test(navigator.userAgent);let tmpSampleURL='https://www.sample-videos.com/video321/mp4/720/big_buck_bunny_720p_1mb.mp4';let tmpTestURL=tmpIsWindows?'vlc://'+tmpSampleURL:'vlc://'+encodeURIComponent(tmpSampleURL);let tmpLink=document.createElement('a');tmpLink.href=tmpTestURL;tmpLink.style.display='none';document.body.appendChild(tmpLink);tmpLink.click();document.body.removeChild(tmpLink);}}RetoldRemoteVLCSetupView.default_configuration=_ViewConfiguration;module.exports=RetoldRemoteVLCSetupView;},{"pict-view":76}],130:[function(require,module,exports){const libPictView=require('pict-view');const _ViewConfiguration={ViewIdentifier:"RetoldRemote-VideoExplorer",DefaultRenderable:"RetoldRemote-VideoExplorer",DefaultDestinationAddress:"#RetoldRemote-Viewer-Container",AutoRender:false,CSS:/*css*/`
 		.retold-remote-vex
 		{
 			display: flex;