`
+`
Nathaniel Hawthorne · Twice-Told Tales
`
+`
Dr. Heidegger’s Experiment
`
+`
`
+`T`
+`hat very singular man, old Dr. Heidegger, once invited four venerable friends to meet him in his study. There were three white-bearded gentlemen, Mr. Medbourne, Colonel Killigrew, and Mr. Gascoigne, and a withered gentlewoman whose name was the Widow Wycherly.
`
+`
They were all melancholy old creatures, who had been unfortunate in life. If the powder be genuine, said the doctor, `+os(a,lface,'the rose of half a century')+` should bloom again.
`
+`
${esc(label)} · 12
`
+`
line.sku'));
L.push(' '+o('annotation-face',' */'));
L.push(' '+o('keyword-face','const')+' '+o('constant-face','VAT')+' = '+o('variable-name-face','rate')+' ?? 0.21; '+o('javascript-comment-face','// js comment')+' '+o('part-comment-face','/* part comment */'));
L.push(' '+o('keyword-face','function')+' '+o('function-name-face','renderLine')+'('+o('param-name-face','line')+', '+o('param-name-face','fmt')+') {');
L.push(' '+o('keyword-face','const')+' '+o('type-face','Money')+' '+o('variable-name-face','total')+' = '+o('function-call-face','round')+'('+o('variable-name-face','line')+'.'+o('symbol-face','qty')+' * '+o('builtin-face','Number')+'('+o('variable-name-face','line')+'.price));');
L.push(' '+o('keyword-face','return')+' '+o('javascript-string-face','`')+o('interpolate-color1-face','${')+o('interpolate-color2-face','fmt(')+o('interpolate-color3-face','${')+o('interpolate-color4-face','total')+o('interpolate-color3-face','}')+o('interpolate-color2-face',')')+o('interpolate-color1-face','}')+o('javascript-string-face',' EUR`')+'; }');
L.push(' '+o('keyword-face','const')+' '+o('variable-name-face','q')+' = '+o('part-string-face','"')+o('sql-keyword-face','SELECT')+o('part-string-face',' sku ')+o('sql-keyword-face','FROM')+o('part-string-face',' lines ')+o('sql-keyword-face','WHERE')+o('part-string-face',' qty > 0"')+';');
L.push(' '+o('keyword-face','const')+' '+o('variable-name-face','cfg')+' = '+o('json-context-face','{ ')+o('json-key-face','"currency"')+': '+o('json-string-face','"EUR"')+o('json-context-face',', ')+o('json-comment-face','/* json island */')+o('json-context-face',' }')+';');
L.push(' '+o('keyword-face','return')+' ('+o('jsx-depth-1-face','')+o('jsx-depth-2-face','')+o('jsx-depth-3-face','| ')+o('jsx-depth-4-face','')+o('jsx-depth-5-face','{n}')+o('jsx-depth-4-face','')+o('jsx-depth-3-face',' | ')+o('jsx-depth-2-face','
')+o('jsx-depth-1-face','')+');');
L.push(' '+o('preprocessor-face',''));
L.push(B(''));
L.push(B(''));
return previewLines(L);}
// -- The minibuffer stack: vertico / marginalia / consult / embark / orderless --
// ONE shared scene (a single C-x b consult-buffer session) that all five
// packages draw together; each renderer shows that same session with its own
// faces at work, then extends it with the states only it owns. Cross-package
// spans are the point: hovering any run shows which package paints it.
function mbStackScene(){
const v=(f,t)=>os('vertico',f,t),m=(f,t)=>os('marginalia',f,t),c=(f,t)=>os('consult',f,t);
const OM=['orderless-match-face-0','orderless-match-face-1',
'orderless-match-face-2','orderless-match-face-3'];
const om=(n,t)=>os('orderless',OM[n],t);
const L=[];
L.push('One C-x b session — the whole stack draws it:');
L.push('');
L.push('Switch to buffer ('+c('consult-narrow-indicator','[b]')+'): the stu▌');
L.push(v('vertico-group-title','Buffer')+' '+v('vertico-group-separator','────────────────────────────────────────'));
L.push(v('vertico-current',' '+c('consult-buffer',om(0,'the')+'me-'+om(1,'stu')+'dio/app.js')+' '+m('marginalia-mode','js-mode')+' '+m('marginalia-size','48k')));
L.push(' '+c('consult-buffer',om(0,'the')+'me-'+om(1,'stu')+'dio/previews.js')+' '+m('marginalia-mode','js-mode')+' '+m('marginalia-size','36k'));
L.push(v('vertico-group-title','File')+' '+v('vertico-group-separator','──────────────────────────────────────────'));
L.push(' '+c('consult-file',om(0,'the')+'me-notes/'+om(1,'stu')+'dio-plan.org'));
L.push(v('vertico-group-title','Bookmark')+' '+v('vertico-group-separator','──────────────────────────────────────'));
L.push(' '+c('consult-bookmark',om(0,'the')+'me-'+om(1,'stu')+'dio gallery'));
return L;}
function renderVerticoPreview(){const a='vertico',L=mbStackScene();
L.push('');
L.push('vertico owns the frame: '+os(a,'vertico-current','the highlighted candidate row')+', the');
L.push(os(a,'vertico-group-title','group titles')+' and '+os(a,'vertico-group-separator','──── separators')+' above.');
L.push('');
L.push('M-y (yank-pop) — a two-line kill folds onto one row,');
L.push('its newline drawn via vertico-multiline:');
L.push(' (setq cj/theme \'dupre)'+os(a,'vertico-multiline','\\n')+'(load-theme cj/theme t)');
return previewLines(L);}
function renderMarginaliaPreview(){const a='marginalia',L=mbStackScene(),m=(f,t)=>os(a,f,t);
L.push('');
L.push('marginalia annotates every command in the stack:');
L.push('');
L.push('C-x b app.js '+m('marginalia-file-name','~/…/theme-studio/app.js'));
L.push('M-x consult-line '+m('marginalia-key','M-s l')+' '+m('marginalia-documentation','Search for a matching line.'));
L.push('C-h f cj/switch-theme '+m('marginalia-function','(&optional THEME)')+' '+m('marginalia-documentation','Load THEME.'));
L.push('C-h v fill-column '+m('marginalia-type','integer')+' '+m('marginalia-number','72'));
L.push(' user-full-name '+m('marginalia-type','string')+' '+m('marginalia-string','"Craig Jennings"'));
L.push(' debug-on-error '+m('marginalia-type','boolean')+' '+m('marginalia-true','t')+' / '+m('marginalia-null','nil'));
L.push(' major-mode '+m('marginalia-type','symbol')+' '+m('marginalia-symbol','js-mode'));
L.push(' load-path '+m('marginalia-type','list')+' '+m('marginalia-list','("~/.emacs.d/modules" ...)'));
L.push(' enabled-themes '+m('marginalia-type','value')+' '+m('marginalia-value','(dupre)'));
L.push('C-x C-f app.js '+m('marginalia-file-priv-no','-')+m('marginalia-file-priv-read','r')+m('marginalia-file-priv-write','w')+m('marginalia-file-priv-no','-')+m('marginalia-file-priv-read','r')+m('marginalia-file-priv-no','--r--')+' '+m('marginalia-file-owner','craig:users')+' '+m('marginalia-size','48k')+' '+m('marginalia-date','2026-07-02')+' '+m('marginalia-modified','*'));
L.push(' theme-studio/ '+m('marginalia-file-priv-dir','d')+m('marginalia-file-priv-read','r')+m('marginalia-file-priv-write','w')+m('marginalia-file-priv-exec','x')+m('marginalia-file-priv-read','r')+m('marginalia-file-priv-rare','s')+m('marginalia-file-priv-no','----')+' '+m('marginalia-file-owner','craig:users')+' '+m('marginalia-size','4.0k')+' '+m('marginalia-date','2026-06-28'));
L.push(' current.js '+m('marginalia-file-priv-other','→')+' app.js '+m('marginalia-file-priv-link','l')+m('marginalia-file-priv-read','r')+m('marginalia-file-priv-write','w')+m('marginalia-file-priv-exec','x')+m('marginalia-file-priv-no','------')+' '+m('marginalia-date','2026-07-01'));
L.push('C-h P vertico '+m('marginalia-version','1.9')+' '+m('marginalia-archive','gnu')+' '+m('marginalia-installed','installed'));
L.push('minor which-key-mode '+m('marginalia-on','on')+' lighter '+m('marginalia-lighter','" WK"'));
L.push('modes flymake-mode '+m('marginalia-off','off'));
L.push('C-x 8 RET BULLET • '+m('marginalia-char','#x2022'));
return previewLines(L);}
function renderConsultPreview(){const a='consult',L=mbStackScene(),c=(f,t)=>os(a,f,t);
L.push('');
L.push('consult owns the '+c('consult-buffer','buffer')+' / '+c('consult-file','file')+' / '+c('consult-bookmark','bookmark')+' candidates');
L.push('above, and the '+c('consult-narrow-indicator','[b]')+' narrow indicator.');
L.push('Narrow help (?): '+c('consult-key','b')+' '+c('consult-help','Buffer')+' '+c('consult-key','f')+' '+c('consult-help','File')+' '+c('consult-key','m')+' '+c('consult-help','Bookmark'));
L.push('');
L.push('M-s l (consult-line) — the same window, searched:');
L.push(' '+c('consult-line-number-prefix',' 12 ')+'(load-theme \''+c('consult-highlight-match','dupre')+' t)');
L.push(' '+c('consult-line-number-prefix',' 118 ')+'(setq '+c('consult-highlight-match','dupre')+'-accent "#67809c")');
L.push(' '+c('consult-line-number-wrapped',' 340 ')+'(provide \'dupre-theme) · wrapped past point');
L.push(' jump lands at line '+c('consult-line-number','12')+'; the preview gives the target');
L.push(' '+c('consult-preview-line','a preview-line band')+' with the match '+c('consult-preview-match','dupre')+', mark '+c('consult-highlight-mark','▮')+';');
L.push(' consult-yank previews the insertion '+c('consult-preview-insertion','(load-theme ...)'));
L.push('');
L.push('M-s r (consult-ripgrep) — async input splits at '+c('consult-async-split','#')+'dupre'+c('consult-async-split','#'));
L.push(' '+c('consult-async-running','●')+' running '+c('consult-async-finished','✓')+' finished '+c('consult-async-failed','✗')+' failed: rg exited 2');
L.push(' '+c('consult-grep-context','app.js:10- // registry of bespoke renderers'));
L.push(' app.js:12: registered the dupre palette');
L.push(' '+c('consult-grep-context','app.js:14- // gallery wiring below'));
L.push(' '+c('consult-separator','│')+' separator between async input and candidates');
return previewLines(L);}
function renderEmbarkPreview(){const a='embark',L=mbStackScene(),e=(f,t)=>os(a,f,t);
L.push('');
L.push('C-. on the current candidate — embark-act:');
L.push(' '+e('embark-verbose-indicator-title','Act on buffer theme-studio/app.js'));
L.push(' target: '+e('embark-target','theme-studio/app.js'));
L.push(' '+e('embark-keybinding','k')+' kill-buffer '+e('embark-verbose-indicator-documentation','Kill it, offering to save.'));
L.push(' '+e('embark-keybinding','r')+' rename-buffer '+e('embark-verbose-indicator-documentation','Change the buffer name.'));
L.push(' '+e('embark-keybinding-repeat','n')+' next-buffer · repeat key: act stays live');
L.push(' '+e('embark-keybinding','C-h')+' '+e('embark-keymap','embark-buffer-map')+' · a bound sub-keymap');
L.push(' '+e('embark-verbose-indicator-shadowed','s save-buffer — shadowed by a later binding'));
L.push('');
L.push('S-SPC marks, E exports — embark-collect:');
L.push(' '+e('embark-collect-group-title','Buffer')+' '+e('embark-collect-group-separator','────────────────────────────────────'));
L.push(' '+e('embark-collect-candidate','theme-studio/app.js')+' '+e('embark-collect-annotation','js-mode 48k'));
L.push(' '+e('embark-selected','theme-studio/previews.js')+' '+e('embark-collect-annotation','36k')+' · selected');
return previewLines(L);}
function renderOrderlessPreview(){const L=mbStackScene();
const OM=['orderless-match-face-0','orderless-match-face-1',
'orderless-match-face-2','orderless-match-face-3'];
const om=(n,t)=>os('orderless',OM[n],t);
L.push('');
L.push('orderless splits the input on spaces; component N highlights its matches');
L.push('with match-face-N, cycling every four:');
L.push('');
L.push(' input: the stu ap js → '+om(0,'the')+'me-'+om(1,'stu')+'dio/'+om(2,'ap')+'p.'+om(3,'js'));
L.push(' component 1 '+om(0,'the')+' · component 2 '+om(1,'stu')+' · component 3 '+om(2,'ap')+' · component 4 '+om(3,'js'));
L.push(' a fifth component cycles back to '+om(0,'match-face-0'));
return previewLines(L);}
function renderEmmsPreview(){const a='emms',L=[],o=(f,t)=>os(a,f,t);
// The three EMMS UIs: browser tree, active playlist, metaplaylist list.
L.push('M-x emms-browser — the library, by artist:');
L.push(' '+o('emms-browser-artist-face','Bill Evans'));
L.push(' '+o('emms-browser-year/genre-face','1959')+' '+o('emms-browser-album-face','Portrait in Jazz'));
L.push(' '+o('emms-browser-track-face','01. Come Rain or Come Shine'));
L.push(' '+o('emms-browser-albumartist-face','Various — Jazz Piano'));
L.push(' '+o('emms-browser-composer-face','Cole Porter (composer)'));
L.push(' '+o('emms-browser-performer-face','Oscar Peterson (performer)'));
L.push('');
L.push('*EMMS Playlist*:');
L.push(' '+o('emms-playlist-track-face','Peace Piece'));
L.push(' '+o('emms-playlist-selected-face','▶ Waltz for Debby')+' · playing now');
L.push(' '+o('emms-playlist-track-face','Blue in Green'));
L.push('');
L.push('M-x emms-metaplaylist-mode — every playlist buffer:');
L.push(' '+o('emms-metaplaylist-mode-current-face','*EMMS Playlist*')+' · the active one');
L.push(' '+o('emms-metaplaylist-mode-face','jazz-standards'));
return previewLines(L);}
function renderOrgRoamPreview(){const a='org-roam',L=[],o=(f,t)=>os(a,f,t);
// The org-roam backlinks buffer plus the dailies calendar mark.
L.push(o('org-roam-header-line','org-roam buffer, node: Theme Design'));
L.push('');
L.push(o('org-roam-title','Theme Design'));
L.push('Backlinks (3):');
L.push(' '+o('org-roam-olp','Dupre Palette › Colors › Accent')+' · outline path');
L.push(' '+o('org-roam-preview-heading','* Accent selection'));
L.push(' '+o('org-roam-preview-region','Picked dupre blue #67809c as the default agent'));
L.push(' '+o('org-roam-preview-region','accent; /color names remap to dupre hues.'));
L.push(' '+o('org-roam-preview-heading-highlight','* Banner recolor')+' · heading under the mouse');
L.push(' '+o('org-roam-preview-heading-selection','* Palette research')+' · selected heading');
L.push(' '+o('org-roam-dim','12 links from 3 nodes')+' · dimmed chrome');
L.push('');
L.push('org-roam-dailies — calendar days that carry a note:');
L.push(' Jun 28 29 30 Jul 1 '+o('org-roam-dailies-calendar-note','2')+' 3 · the 2nd has a daily');
return previewLines(L);}
function renderHlTodoPreview(){const a='hl-todo',L=[],o=(f,t)=>os(a,f,t);
L.push(';; hl-todo highlights keywords inside comments:');
L.push('(defun cj/next-track ()');
L.push(' ;; '+o('hl-todo','TODO')+': handle the empty-playlist case');
L.push(' ;; '+o('hl-todo','FIXME')+' the shuffle seed is constant');
L.push(' (emms-next))');
L.push('');
L.push('flymake integration — the keyword becomes a diagnostic:');
L.push(' 12:5 '+o('hl-todo-flymake-type','TODO')+' handle the empty-playlist case (hl-todo)');
return previewLines(L);}
function renderSymbolOverlayPreview(){const a='symbol-overlay',L=[];
const F=['symbol-overlay-face-1','symbol-overlay-face-2','symbol-overlay-face-3',
'symbol-overlay-face-4','symbol-overlay-face-5','symbol-overlay-face-6',
'symbol-overlay-face-7','symbol-overlay-face-8'];
const s=(n,t)=>os(a,F[n-1],t);
// Pinned symbols cycle through the eight overlay faces; the default face
// is the transient at-point highlight.
L.push(';; symbol-overlay-put pins a face per symbol:');
L.push('(defun '+s(1,'play-track')+' ('+s(2,'file')+' '+s(3,'playlist')+')');
L.push(' (let (('+s(4,'track')+' (probe '+s(2,'file')+')))');
L.push(' (push '+s(4,'track')+' '+s(3,'playlist')+')');
L.push(' ('+s(5,'emit')+' :'+s(6,'event')+' '+s(7,'level')+' '+s(8,'origin')+')');
L.push(' ('+s(1,'play-track')+'-start '+s(4,'track')+')))');
L.push('');
L.push('transient highlight at point (no pin):');
L.push(' (setq '+os(a,'symbol-overlay-default-face','current-symbol')+' 42)');
return previewLines(L);}
function renderIndentGuidesPreview(){const a='highlight-indent-guides',L=[],o=(f,t)=>os(a,'highlight-indent-guides-'+f,t);
// The character method draws a glyph per level; the column method paints
// bands. top-* marks the innermost block at point, stack-* its enclosing
// blocks — shown as a separate responsive slice of the same code.
L.push(";; method 'character — one glyph per indent level:");
L.push('def render(app):');
L.push(o('character-face','│')+' for face in faces:');
L.push(o('character-face','│')+' '+o('character-face','│')+' if face.bold:');
L.push(o('character-face','│')+' '+o('character-face','│')+' '+o('character-face','│')+' emit(face)');
L.push('');
L.push('point inside emit() — responsive guides: top marks the');
L.push('innermost block, stack the enclosing ones:');
L.push(o('stack-character-face','│')+' '+o('stack-character-face','│')+' '+o('top-character-face','│')+' emit(face) ← point here');
L.push('');
L.push(";; method 'column — alternating odd/even bands:");
L.push(o('odd-face',' ')+' for face in faces:');
L.push(o('odd-face',' ')+' '+o('even-face',' ')+' if face.bold:');
L.push(o('odd-face',' ')+' '+o('even-face',' ')+' '+o('odd-face',' ')+' emit(face)');
L.push('responsive column bands at the same point:');
L.push(o('stack-odd-face',' ')+' '+o('stack-even-face',' ')+' '+o('top-odd-face',' ')+' emit(face)');
L.push(o('stack-even-face',' ')+' '+o('top-even-face',' ')+' · even variants of stack and top');
return previewLines(L);}
function renderYasnippetPreview(){const a='yasnippet',L=[];
L.push(';; TAB on "defun" expanded the snippet; the active field');
L.push(';; carries yas-field-highlight-face until you type:');
L.push('(defun '+os(a,'yas-field-highlight-face','function-name')+' (args)');
L.push(' "docstring"');
L.push(' body)');
L.push('');
L.push('with yas-debug on, every field overlay is marked:');
L.push('(defun name ('+os(a,'yas--field-debug-face','args')+') · yas--field-debug-face');
return previewLines(L);}
function renderPrescientPreview(){const a='prescient',L=[];
L.push('M-x with prescient filtering — input: the stu');
L.push(' '+os(a,'prescient-primary-highlight','the')+'me-studio-open · first component match');
L.push(' theme-'+os(a,'prescient-secondary-highlight','stu')+'dio-shots · later component match');
L.push(' '+os(a,'prescient-primary-highlight','the')+'me-'+os(a,'prescient-secondary-highlight','stu')+'dio-gen · both in one candidate');
return previewLines(L);}
function renderFlyspellCorrectPreview(){const a='flyspell-correct',L=[];
L.push('flyspell-correct-wrapper on a misspelling — the word');
L.push('being corrected is highlighted while the menu is up:');
L.push('');
L.push(' the '+os(a,'flyspell-correct-highlight-face','teh')+' quick brown fox');
L.push('');
L.push(' 1 the 2 tech 3 ten [s]ave [a]ccept s[k]ip');
return previewLines(L);}
function renderAiTermPreview(){const a='ai-term',L=[];
// What these faces actually paint: the Claude Code TUI inside an agent
// terminal. The banner is the fixed accent (every session); each /color
// session color draws the input-box rules and prompt.
L.push(os(a,'cj/ai-term-accent','⏵⏵ bypass permissions on (shift+tab to cycle)')+' · the fixed banner, every agent');
const names=['red','blue','green','yellow','purple','orange','pink','cyan'];
for(const n of names){
L.push('');
L.push(os(a,'cj/ai-term-color-'+n,'──────────────────────────────────────────')+' /color '+n);
L.push(os(a,'cj/ai-term-color-'+n,'❯')+' implement the feature, then run the tests');
L.push(os(a,'cj/ai-term-color-'+n,'──────────────────────────────────────────'));
}
return previewLines(L);}
function renderSlackPreview(){const a='slack',L=[];
L.push(os(a,'slack-room-info-title-room-name-face','#general')+' '+os(a,'slack-room-info-title-face','Acme Workspace'));
L.push(os(a,'slack-room-info-section-title-face','Topic')+' '+os(a,'slack-room-info-section-label-face','daily standup')+' '+os(a,'slack-room-unread-face','3 unread'));
L.push(os(a,'slack-new-message-marker-face','---------------- new messages ----------------'));
L.push(os(a,'slack-message-output-header','craig 10:24'));
L.push(' '+os(a,'slack-message-output-text','hey ')+os(a,'slack-message-mention-me-face','@craig')+os(a,'slack-message-output-text',', see ')+os(a,'slack-message-mention-face','@alice')+os(a,'slack-message-output-text',' in ')+os(a,'slack-channel-button-face','#general')+' '+os(a,'slack-message-mention-keyword-face','urgent'));
L.push(' '+os(a,'slack-mrkdwn-bold-face','*bold*')+' '+os(a,'slack-mrkdwn-italic-face','_italic_')+' '+os(a,'slack-mrkdwn-code-face','`code`')+' '+os(a,'slack-mrkdwn-strike-face','~strike~'));
L.push(' '+os(a,'slack-mrkdwn-blockquote-face','> quoted')+' '+os(a,'slack-mrkdwn-list-face','- item'));
L.push(' '+os(a,'slack-mrkdwn-code-block-face','``` code block ```'));
L.push(' '+os(a,'slack-message-output-reaction',':thumbsup: 3')+' '+os(a,'slack-message-output-reaction-pressed',':heart: 1')+' '+os(a,'slack-message-deleted-face','(message deleted)'));
L.push(' '+os(a,'slack-all-thread-buffer-thread-header-face','Thread: 2 replies'));
L.push(os(a,'slack-attachment-header','Attachment')+' '+os(a,'slack-attachment-field-title','Field:')+' val '+os(a,'slack-message-attachment-preview-header-face','Preview')+' '+os(a,'slack-preview-face','snippet')+os(a,'slack-attachment-pad',' | ')+os(a,'slack-attachment-footer','footer'));
L.push(os(a,'slack-block-highlight-source-overlay-face',' highlighted source block '));
L.push('Actions: '+os(a,'slack-message-action-face','Edit')+' '+os(a,'slack-message-action-primary-face','Approve')+' '+os(a,'slack-message-action-danger-face','Delete'));
L.push('Blocks: '+os(a,'slack-button-block-element-face','[Button]')+os(a,'slack-button-primary-block-element-face','[Primary]')+os(a,'slack-button-danger-block-element-face','[Danger]')+os(a,'slack-select-block-element-face','[Select v]')+os(a,'slack-overflow-block-element-face','[...]')+os(a,'slack-date-picker-block-element-face','[Date]'));
L.push('Dialog: '+os(a,'slack-dialog-title-face','Title')+' '+os(a,'slack-dialog-element-label-face','Label')+' '+os(a,'slack-dialog-element-hint-face','(hint)')+' '+os(a,'slack-dialog-element-placeholder-face','placeholder')+' '+os(a,'slack-dialog-element-error-face','error')+' '+os(a,'slack-dialog-select-element-input-face','[input v]')+' '+os(a,'slack-dialog-submit-button-face','[Submit]')+os(a,'slack-dialog-cancel-button-face','[Cancel]'));
L.push('Users: '+os(a,'slack-user-active-face','alice (active)')+' '+os(a,'slack-user-dnd-face','bob (dnd)')+' '+os(a,'slack-profile-image-face','[img]')+' '+os(a,'slack-user-profile-header-face','Profile')+' '+os(a,'slack-user-profile-property-name-face','Title:')+' Dev');
L.push('Search: '+os(a,'slack-search-result-message-header-face','#general')+' '+os(a,'slack-search-result-message-username-face','craig'));
L.push('Modeline: '+os(a,'slack-modeline-has-unreads-face','* unreads')+' '+os(a,'slack-modeline-channel-has-unreads-face','#ch')+' '+os(a,'slack-modeline-thread-has-unreads-face','thread'));
return previewLines(L);}
function renderTelegaPreview(){const a='telega',L=[];
L.push(os(a,'telega-root-heading','Telegram')+' '+os(a,'telega-tracking','[tracking]')+' '+os(a,'telega-unread-unmuted-modeline','5 unread'));
L.push(os(a,'telega-has-chatbuf-brackets','[')+os(a,'telega-username','Christine')+os(a,'telega-has-chatbuf-brackets',']')+' '+os(a,'telega-user-online-status','online')+' '+os(a,'telega-unmuted-count','3')+' '+os(a,'telega-mention-count','@2')+os(a,'telega-delim-face',' | ')+os(a,'telega-secret-title','Secret')+' '+os(a,'telega-muted-count','muted'));
L.push(os(a,'telega-username','Bob')+' '+os(a,'telega-user-non-online-status','last seen recently')+' '+os(a,'telega-contact-birthdays-today','birthday today')+' '+os(a,'telega-shadow','shadow')+' '+os(a,'telega-link','link')+' '+os(a,'telega-blue','blue')+' '+os(a,'telega-red','red'));
L.push('');
L.push(os(a,'telega-msg-heading','Today'));
L.push(os(a,'telega-msg-user-title','Christine')+' '+os(a,'telega-msg-inline-reply','| reply to Bob')+' '+os(a,'telega-msg-inline-forward','fwd from Carol')+' '+os(a,'telega-msg-inline-other','via bot'));
L.push(' '+os(a,'telega-entity-type-bold','bold')+' '+os(a,'telega-entity-type-italic','italic')+' '+os(a,'telega-entity-type-underline','underline')+' '+os(a,'telega-entity-type-strikethrough','strike')+' '+os(a,'telega-entity-type-code','code')+' '+os(a,'telega-entity-type-spoiler','spoiler'));
L.push(' '+os(a,'telega-entity-type-pre','pre block')+' '+os(a,'telega-entity-type-blockquote','> quote')+' '+os(a,'telega-entity-type-mention','@user')+' '+os(a,'telega-entity-type-hashtag','#tag')+' '+os(a,'telega-entity-type-cashtag','$USD')+' '+os(a,'telega-entity-type-botcommand','/start')+' '+os(a,'telega-entity-type-texturl','link'));
L.push(os(a,'telega-msg-self-title','Me')+' '+os(a,'telega-reaction',':+1: 2')+' '+os(a,'telega-reaction-chosen',':heart: 1')+' '+os(a,'telega-reaction-paid',':star: 5')+' '+os(a,'telega-reaction-paid-chosen',':star: paid')+' '+os(a,'telega-msg-deleted','(deleted)')+' '+os(a,'telega-msg-sponsored','Sponsored'));
L.push(' checklist '+os(a,'telega-checklist-stats-done','2 done')+' / '+os(a,'telega-checklist-stats-todo','3 todo')+' '+os(a,'telega-highlight-text-face','search hit')+' '+os(a,'telega-button-highlight','[active btn]'));
L.push(os(a,'telega-chat-prompt','>')+' '+os(a,'telega-chat-prompt-aux','reply')+' '+os(a,'telega-chat-input-attachment','[photo.jpg]')+' '+os(a,'telega-topic-button','# Topic')+' '+os(a,'telega-filter-active','Main')+' '+os(a,'telega-filter-button-active','[Unread]')+os(a,'telega-filter-button-inactive','[All]'));
L.push('Buttons '+os(a,'telega-box-button','[box]')+os(a,'telega-box-button-active','[on]')+os(a,'telega-box-button-default-active','[def]')+os(a,'telega-box-button-default-passive','[def-]')+os(a,'telega-box-button-primary-active','[pri]')+os(a,'telega-box-button-primary-passive','[pri-]')+os(a,'telega-box-button-success-active','[ok]')+os(a,'telega-box-button-success-passive','[ok-]'));
L.push(' '+os(a,'telega-box-button-danger-active','[del]')+os(a,'telega-box-button-danger-passive','[del-]')+os(a,'telega-box-button-ui-active','[ui]')+os(a,'telega-box-button-ui-passive','[ui-]')+os(a,'telega-box-button2-active','[b2]')+os(a,'telega-box-button2-passive','[b2-]')+os(a,'telega-box-button2-white-foreground','[b2w]'));
L.push('Describe '+os(a,'telega-describe-section-title','Section')+' '+os(a,'telega-describe-subsection-title','Sub')+' '+os(a,'telega-describe-item-title','Item:')+' enckey '+os(a,'telega-enckey-00','00')+os(a,'telega-enckey-01','01')+os(a,'telega-enckey-10','10')+os(a,'telega-enckey-11','11'));
L.push('Palette '+os(a,'telega-palette-builtin-blue','blue')+' '+os(a,'telega-palette-builtin-green','green')+' '+os(a,'telega-palette-builtin-orange','orange')+' '+os(a,'telega-palette-builtin-purple','purple'));
L.push(os(a,'telega-link-preview-sitename','example.com')+' '+os(a,'telega-link-preview-title','Link preview title'));
L.push('Webpage '+os(a,'telega-webpage-title','Title')+' '+os(a,'telega-webpage-subtitle','Subtitle')+' '+os(a,'telega-webpage-header','Header')+' '+os(a,'telega-webpage-subheader','Subheader')+' '+os(a,'telega-webpage-outline','outline')+' '+os(a,'telega-webpage-fixed','fixed')+' '+os(a,'telega-webpage-preformatted','pre')+' '+os(a,'telega-webpage-marked','marked')+' '+os(a,'telega-webpage-strike-through','strike')+' '+os(a,'telega-webpage-chat-link','chat-link'));
return previewLines(L);}
function genericPreview(app){let h='';for(const [face,label] of APPS[app].faces)h+=`
${esc(label)}
`;return h+'
`
+pane('normal',litBody,MAP['bg'],true)
+pane('auto-dim',dimBody,dimBg,false)
+`
`;
}
function renderMarkdownPreview(){const a='markdown-mode',L=[];
const dl='markdown-header-delimiter-face',mk='markdown-markup-face';
L.push(os(a,mk,'---'));
L.push(os(a,'markdown-metadata-key-face','title:')+' '+os(a,'markdown-metadata-value-face','Project Name'));
L.push(os(a,'markdown-metadata-key-face','version:')+' '+os(a,'markdown-metadata-value-face','1.2.0'));
L.push(os(a,mk,'---'));
L.push('');
L.push(os(a,dl,'#')+' '+os(a,'markdown-header-face-1','Project Name'));
L.push('');
L.push(os(a,'markdown-comment-face','<!-- a one-line tagline -->'));
L.push('A library for '+os(a,'markdown-bold-face','**doing things**')+' and '+os(a,'markdown-italic-face','*other things*')+'.');
L.push('');
L.push(os(a,dl,'##')+' '+os(a,'markdown-header-face-2','Installation'));
L.push('');
L.push('Run '+os(a,'markdown-inline-code-face','`npm install project`')+' to get started.');
L.push('');
L.push(os(a,mk,'```')+os(a,'markdown-language-keyword-face','sh'));
L.push(os(a,'markdown-pre-face',' git clone https://example.com/project.git'));
L.push(os(a,'markdown-pre-face',' cd project; make'));
L.push(os(a,mk,'```'));
L.push('');
L.push(os(a,dl,'###')+' '+os(a,'markdown-header-face-3','Usage'));
L.push('');
L.push(os(a,'markdown-list-face','- ')+'See the '+os(a,'markdown-link-face','[docs]')+os(a,'markdown-url-face','(https://example.com/docs)')+' for details.');
L.push(os(a,'markdown-list-face','- ')+'Or browse '+os(a,'markdown-plain-url-face','https://example.com')+' directly.');
L.push(os(a,'markdown-gfm-checkbox-face','- [x]')+' shipped '+os(a,'markdown-gfm-checkbox-face','- [ ]')+' planned');
L.push('');
L.push(os(a,'markdown-blockquote-face','> A note worth quoting, with a footnote')+os(a,'markdown-footnote-marker-face','[^1]')+os(a,'markdown-blockquote-face','.'));
L.push('');
L.push(os(a,'markdown-table-face','| Option | Default |'));
L.push(os(a,'markdown-table-face','|--------|---------|'));
L.push(os(a,'markdown-table-face','| debug | false |'));
L.push('');
L.push(os(a,'markdown-hr-face','---'));
L.push('');
L.push(os(a,'markdown-strike-through-face','~~deprecated~~')+' '+os(a,'markdown-highlight-face','==important==')+' '+os(a,'markdown-math-face','$E = mc^2$'));
L.push(os(a,'markdown-html-tag-delimiter-face','<')+os(a,'markdown-html-tag-name-face','kbd')+os(a,'markdown-html-tag-delimiter-face','>')+'Ctrl-C'+os(a,'markdown-html-tag-delimiter-face','</')+os(a,'markdown-html-tag-name-face','kbd')+os(a,'markdown-html-tag-delimiter-face','>'));
L.push(os(a,'markdown-footnote-marker-face','[^1]:')+' '+os(a,'markdown-footnote-text-face','the footnote text.'));
return previewLines(L);}
// nerd-icons gallery grid: the full colored catalog. Every distinct face-bearing
// nerd-icons glyph (APPS['nerd-icons'].gallery, captured by build-nerd-icons-legend.el),
// one row per color face, the rows ordered by hue so families cluster (blues
// together, reds together). Each cell draws the glyph in its face color with the
// icon's nerd-font name beneath. SIZEPT (points, default 14) sizes the glyphs so
// the designer can view the grid at different buffer sizes via the preview-pane
// dropdown; the cell width scales with it. Recoloring a face repaints its swatch
// and every glyph in its row because os() reads the live registry. Falls back to
// the generic preview if the gallery is missing (the bespoke app registers with a
// valid legend, so that path is defensive).
function renderNerdIconsPreview(sizePt){
const a='nerd-icons',groups=(APPS[a]&&APPS[a].gallery)||[];
if(!groups.length)return genericPreview(a);
const pt=sizePt||14,cellW=Math.round(pt*4.6+24);
let h=``;
for(const g of groups){
h+='
'
+`
`
+os(a,g.face,'■')+' '+esc(g.face)+' ('+g.glyphs.length+')
'
+'
';
for(const e of g.glyphs)
h+=``
+``+os(a,g.face,e.glyph)+'
'
+``+esc(e.name)+''
+'';
h+='
';
}
return h+'