dsh-plugin-workbench 0.0.3 → 0.0.5

package/lib/client.js

@@ -30,7 +30,7 @@ window.__ModuleLoader__.load({
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		//#region \0dsh-css:src/client/files.module.css.mjs
-		const css$1 = "[data-fe-theme=light]{--fe-bg:#fff;--fe-sidebar-bg:#f3f3f3;--fe-fg:#1f1f1f;--fe-muted:#6e6e6e;--fe-faint:#9d9d9d;--fe-border:#e5e5e5;--fe-border-strong:#c8c8c8;--fe-accent:#005fb8;--fe-hover:#e8e8e8;--fe-selection:#add6ff;--fe-token-keyword:#00f;--fe-token-string:#a31515;--fe-token-comment:green;--fe-token-number:#098658;--fe-token-function:#795e26;--fe-token-type:#267f99;--fe-token-variable:#001080;--fe-token-tag:maroon;--fe-token-meta:#6e6e6e}[data-fe-theme=dark]{--fe-bg:#1e1e1e;--fe-sidebar-bg:#252526;--fe-fg:#d4d4d4;--fe-muted:#ccc;--fe-faint:#9d9d9d;--fe-border:#3c3c3c;--fe-border-strong:#454545;--fe-accent:#007acc;--fe-hover:#2a2d2e;--fe-selection:#264f78;--fe-token-keyword:#569cd6;--fe-token-string:#ce9178;--fe-token-comment:#6a9955;--fe-token-number:#b5cea8;--fe-token-function:#dcdcaa;--fe-token-type:#4ec9b0;--fe-token-variable:#9cdcfe;--fe-token-tag:#569cd6;--fe-token-meta:#9b9b9b}.Myjg4a_column{box-sizing:border-box;background:var(--fe-sidebar-bg);min-width:0;height:100%;color:var(--fe-fg);flex-direction:column;font-size:13px;display:flex;overflow:hidden}.Myjg4a_header{box-sizing:border-box;border-bottom:1px solid var(--fe-border);flex:none;align-items:center;gap:6px;height:34px;padding:0 8px;display:flex}.Myjg4a_headerTitle{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;min-width:0;color:var(--fe-muted);flex:1;font-size:11px;font-weight:600;overflow:hidden}.Myjg4a_headerActions{flex:none;align-items:center;gap:2px;display:flex}.Myjg4a_action{appearance:none;color:var(--fe-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:13px;line-height:1;display:inline-flex}.Myjg4a_action:hover:not(:disabled){background:var(--fe-hover);color:var(--fe-fg)}.Myjg4a_action:disabled{opacity:.5;cursor:default}.Myjg4a_treeArea{flex:1;min-height:0;padding:4px;overflow-y:auto}.Myjg4a_row{cursor:pointer;user-select:none;white-space:nowrap;height:22px;color:var(--fe-fg);border-radius:3px;align-items:center;gap:6px;font-size:13px;display:flex}.Myjg4a_row:hover{background:var(--fe-hover)}.Myjg4a_rowSelected{background:var(--fe-selection)}.Myjg4a_rowSelected .Myjg4a_name{color:var(--fe-fg)}.Myjg4a_chevron{text-align:center;width:12px;color:var(--fe-muted);flex:none;font-size:10px;line-height:22px}.Myjg4a_icon{text-align:center;flex:none;width:16px;font-size:13px;line-height:22px}.Myjg4a_fileBadge{letter-spacing:-.3px;box-sizing:border-box;vertical-align:middle;user-select:none;border-radius:3px;justify-content:center;align-items:center;width:16px;height:15px;padding:0 1px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.Myjg4a_fileBadgeLong{letter-spacing:-.4px;font-size:6.5px}.Myjg4a_name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.Myjg4a_size{color:var(--fe-faint);flex:none;font-size:11px}.Myjg4a_actions{opacity:0;flex:none;align-items:center;gap:2px;transition:opacity .12s;display:flex}.Myjg4a_row:hover .Myjg4a_actions,.Myjg4a_row:focus-within .Myjg4a_actions{opacity:1}.Myjg4a_rowHint{color:var(--fe-faint);padding:2px 8px 2px 0;font-size:12px;line-height:20px}.Myjg4a_rowError{color:#f48771;padding:2px 8px 2px 0;font-size:12px;line-height:18px}.Myjg4a_preview{border-right:1px solid var(--fe-border);background:var(--fe-bg);flex-direction:column;flex:0 0 55%;min-width:240px;min-height:0;animation:.18s Myjg4a_fe-preview-in;display:flex;overflow:hidden}.Myjg4a_previewClosing{animation:.2s forwards Myjg4a_fe-preview-out}@keyframes Myjg4a_fe-preview-in{0%{opacity:0}to{opacity:1}}@keyframes Myjg4a_fe-preview-out{0%{opacity:1}to{opacity:0}}.Myjg4a_handle{cursor:col-resize;touch-action:none;z-index:2;background:0 0;flex:none;width:6px;margin-left:-4px;margin-right:-2px}.Myjg4a_handle:hover,.Myjg4a_handle:active{background:var(--fe-accent);opacity:.35}.Myjg4a_tabBar{border-bottom:1px solid var(--fe-border);background:var(--fe-sidebar-bg);flex:none;align-items:stretch;height:34px;display:flex}.Myjg4a_tabScroller{scrollbar-width:thin;flex:1;align-items:stretch;min-width:0;display:flex;overflow-x:auto}.Myjg4a_collapse,.Myjg4a_tabAction{appearance:none;color:var(--fe-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;margin:auto 4px;padding:0;font-size:14px;line-height:1;display:inline-flex}.Myjg4a_collapse:hover,.Myjg4a_tabAction:hover{background:var(--fe-hover);color:var(--fe-fg)}.Myjg4a_tabActionActive{background:var(--fe-hover);color:var(--fe-accent)}.Myjg4a_tab{max-width:180px;color:var(--fe-muted);border-right:1px solid var(--fe-border);cursor:pointer;user-select:none;white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 8px 0 12px;font-size:13px;display:flex}.Myjg4a_tab:hover{background:var(--fe-hover)}.Myjg4a_tabActive{background:var(--fe-bg);color:var(--fe-fg);box-shadow:inset 0 -1px 0 var(--fe-accent)}.Myjg4a_tabName{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.Myjg4a_tabIcon{flex:none;justify-content:center;align-items:center;width:16px;font-size:13px;line-height:1;display:inline-flex}.Myjg4a_tabClose{appearance:none;color:var(--fe-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:11px;display:inline-flex}.Myjg4a_tabClose:hover{background:var(--fe-hover);color:var(--fe-fg)}.Myjg4a_tabDot{background:var(--fe-fg);opacity:.85;border-radius:50%;flex:none;width:8px;height:8px}.Myjg4a_previewBody{flex:1;min-height:0;overflow:auto}.Myjg4a_editor{height:100%;min-height:0;position:relative}.Myjg4a_editorHighlight{pointer-events:none;white-space:pre;tab-size:2;color:var(--fe-fg);background:0 0;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;position:absolute;inset:0;overflow:auto}.Myjg4a_editorHighlight code{font-family:inherit;font-size:inherit;line-height:inherit;white-space:inherit}.Myjg4a_editorTextarea{box-sizing:border-box;resize:none;color:#0000;caret-color:var(--fe-fg);white-space:pre;tab-size:2;background:0 0;border:none;outline:none;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;position:absolute;inset:0;overflow:auto}.Myjg4a_editor[data-wrap=on] .Myjg4a_editorHighlight,.Myjg4a_editor[data-wrap=on] .Myjg4a_editorTextarea{white-space:pre-wrap;overflow-wrap:anywhere}.Myjg4a_editor[data-wrap=on] .Myjg4a_editorTextarea{overflow-x:hidden}.Myjg4a_saveError{color:#1e1e1e;background:#f48771;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;bottom:8px;right:8px}.Myjg4a_previewHint{color:var(--fe-faint);padding:12px;font-size:12px;line-height:18px}.Myjg4a_previewMeta{color:var(--fe-faint);font-size:11px}.Myjg4a_placeholder{text-align:center;color:var(--fe-faint);flex:1;justify-content:center;align-items:center;padding:16px;font-size:12px;line-height:18px;display:flex}.Myjg4a_editorHighlight .hljs-keyword,.Myjg4a_editorHighlight .hljs-selector-tag,.Myjg4a_editorHighlight .hljs-literal{color:var(--fe-token-keyword)}.Myjg4a_editorHighlight .hljs-string,.Myjg4a_editorHighlight .hljs-regexp,.Myjg4a_editorHighlight .hljs-addition{color:var(--fe-token-string)}.Myjg4a_editorHighlight .hljs-comment,.Myjg4a_editorHighlight .hljs-quote{color:var(--fe-token-comment);font-style:italic}.Myjg4a_editorHighlight .hljs-number,.Myjg4a_editorHighlight .hljs-symbol,.Myjg4a_editorHighlight .hljs-bullet{color:var(--fe-token-number)}.Myjg4a_editorHighlight .hljs-title,.Myjg4a_editorHighlight .hljs-section,.Myjg4a_editorHighlight .hljs-title.function_{color:var(--fe-token-function)}.Myjg4a_editorHighlight .hljs-type,.Myjg4a_editorHighlight .hljs-built_in,.Myjg4a_editorHighlight .hljs-class .hljs-title{color:var(--fe-token-type)}.Myjg4a_editorHighlight .hljs-attr,.Myjg4a_editorHighlight .hljs-attribute,.Myjg4a_editorHighlight .hljs-variable,.Myjg4a_editorHighlight .hljs-template-variable,.Myjg4a_editorHighlight .hljs-params{color:var(--fe-token-variable)}.Myjg4a_editorHighlight .hljs-tag,.Myjg4a_editorHighlight .hljs-name{color:var(--fe-token-tag)}.Myjg4a_editorHighlight .hljs-meta{color:var(--fe-token-meta)}.Myjg4a_editorHighlight .hljs-emphasis{font-style:italic}.Myjg4a_editorHighlight .hljs-strong{font-weight:700}body[data-dsh-maid-atelier] [data-skin-chrome=top-trim],body[data-dsh-maid-atelier] [data-skin-chrome=bottom-trim]{translate:calc(var(--maid-sidebar-width,0px) + var(--dsh-explorer-width,0px) + var(--dsh-preview-width,0px)) 0!important}[class*=explorerCol]{border-right:1px solid var(--fe-border)!important}";
+		const css$1 = "[data-fe-theme=light]{--fe-bg:#fff;--fe-sidebar-bg:#f3f3f3;--fe-fg:#1f1f1f;--fe-muted:#6e6e6e;--fe-faint:#9d9d9d;--fe-border:#e5e5e5;--fe-border-strong:#c8c8c8;--fe-accent:#005fb8;--fe-hover:#e8e8e8;--fe-selection:#add6ff;--fe-token-keyword:#00f;--fe-token-string:#a31515;--fe-token-comment:green;--fe-token-number:#098658;--fe-token-function:#795e26;--fe-token-type:#267f99;--fe-token-variable:#001080;--fe-token-tag:maroon;--fe-token-meta:#6e6e6e}[data-fe-theme=dark]{--fe-bg:#1e1e1e;--fe-sidebar-bg:#252526;--fe-fg:#d4d4d4;--fe-muted:#ccc;--fe-faint:#9d9d9d;--fe-border:#3c3c3c;--fe-border-strong:#454545;--fe-accent:#007acc;--fe-hover:#2a2d2e;--fe-selection:#264f78;--fe-token-keyword:#569cd6;--fe-token-string:#ce9178;--fe-token-comment:#6a9955;--fe-token-number:#b5cea8;--fe-token-function:#dcdcaa;--fe-token-type:#4ec9b0;--fe-token-variable:#9cdcfe;--fe-token-tag:#569cd6;--fe-token-meta:#9b9b9b}.Myjg4a_column{box-sizing:border-box;background:var(--fe-sidebar-bg);min-width:0;height:100%;color:var(--fe-fg);flex-direction:column;font-size:13px;display:flex;overflow:hidden}.Myjg4a_header{box-sizing:border-box;border-bottom:1px solid var(--fe-border);flex:none;align-items:center;gap:6px;height:34px;padding:0 8px;display:flex}.Myjg4a_headerTitle{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;min-width:0;color:var(--fe-muted);flex:1;font-size:11px;font-weight:600;overflow:hidden}.Myjg4a_headerActions{flex:none;align-items:center;gap:2px;display:flex}.Myjg4a_action{appearance:none;color:var(--fe-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:13px;line-height:1;display:inline-flex}.Myjg4a_action:hover:not(:disabled){background:var(--fe-hover);color:var(--fe-fg)}.Myjg4a_action:disabled{opacity:.5;cursor:default}.Myjg4a_treeArea{flex:1;min-height:0;padding:4px;overflow-y:auto}.Myjg4a_row{cursor:pointer;user-select:none;white-space:nowrap;height:22px;color:var(--fe-fg);border-radius:3px;align-items:center;gap:6px;font-size:13px;display:flex}.Myjg4a_row:hover{background:var(--fe-hover)}.Myjg4a_rowSelected{background:var(--fe-selection)}.Myjg4a_rowSelected .Myjg4a_name{color:var(--fe-fg)}.Myjg4a_chevron{text-align:center;width:12px;color:var(--fe-muted);flex:none;font-size:10px;line-height:22px}.Myjg4a_icon{text-align:center;flex:none;width:16px;font-size:13px;line-height:22px}.Myjg4a_fileBadge{letter-spacing:-.3px;box-sizing:border-box;vertical-align:middle;user-select:none;border-radius:3px;justify-content:center;align-items:center;width:16px;height:15px;padding:0 1px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.Myjg4a_fileBadgeLong{letter-spacing:-.4px;font-size:6.5px}.Myjg4a_name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.Myjg4a_size{color:var(--fe-faint);flex:none;font-size:11px}.Myjg4a_actions{opacity:0;flex:none;align-items:center;gap:2px;transition:opacity .12s;display:flex}.Myjg4a_row:hover .Myjg4a_actions,.Myjg4a_row:focus-within .Myjg4a_actions{opacity:1}.Myjg4a_rowHint{color:var(--fe-faint);padding:2px 8px 2px 0;font-size:12px;line-height:20px}.Myjg4a_rowError{color:#f48771;padding:2px 8px 2px 0;font-size:12px;line-height:18px}.Myjg4a_contextMenu{z-index:10000;box-sizing:border-box;border:1px solid var(--fe-border-strong);user-select:none;border-radius:6px;min-width:180px;padding:4px;font-size:13px;position:fixed;box-shadow:0 6px 24px #00000047;background:var(--fe-bg)!important;color:var(--fe-fg)!important}.Myjg4a_contextMenuItem{cursor:pointer;white-space:nowrap;color:inherit;border-radius:4px;align-items:center;gap:8px;padding:5px 10px;display:flex}.Myjg4a_contextMenuItem:hover{background:var(--fe-selection)!important;color:var(--fe-fg)!important}.Myjg4a_contextMenuItemDanger{color:#f48771!important}.Myjg4a_contextMenuDivider{background:var(--fe-border);height:1px;margin:4px 6px}.Myjg4a_preview{border-right:1px solid var(--fe-border);background:var(--fe-bg);flex-direction:column;flex:0 0 55%;min-width:240px;min-height:0;animation:.18s Myjg4a_fe-preview-in;display:flex;overflow:hidden}.Myjg4a_previewClosing{animation:.2s forwards Myjg4a_fe-preview-out}@keyframes Myjg4a_fe-preview-in{0%{opacity:0}to{opacity:1}}@keyframes Myjg4a_fe-preview-out{0%{opacity:1}to{opacity:0}}.Myjg4a_handle{cursor:col-resize;touch-action:none;z-index:2;background:0 0;flex:none;width:6px;margin-left:-4px;margin-right:-2px}.Myjg4a_handle:hover,.Myjg4a_handle:active{background:var(--fe-accent);opacity:.35}.Myjg4a_tabBar{border-bottom:1px solid var(--fe-border);background:var(--fe-sidebar-bg);flex:none;align-items:stretch;height:34px;display:flex}.Myjg4a_tabScroller{scrollbar-width:thin;flex:1;align-items:stretch;min-width:0;display:flex;overflow-x:auto}.Myjg4a_collapse,.Myjg4a_tabAction{appearance:none;color:var(--fe-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;margin:auto 4px;padding:0;font-size:14px;line-height:1;display:inline-flex}.Myjg4a_collapse:hover,.Myjg4a_tabAction:hover{background:var(--fe-hover);color:var(--fe-fg)}.Myjg4a_tabActionActive{background:var(--fe-hover);color:var(--fe-accent)}.Myjg4a_tab{max-width:180px;color:var(--fe-muted);border-right:1px solid var(--fe-border);cursor:pointer;user-select:none;white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 8px 0 12px;font-size:13px;display:flex}.Myjg4a_tab:hover{background:var(--fe-hover)}.Myjg4a_tabActive{background:var(--fe-bg);color:var(--fe-fg);box-shadow:inset 0 -1px 0 var(--fe-accent)}.Myjg4a_tabName{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.Myjg4a_tabIcon{flex:none;justify-content:center;align-items:center;width:16px;font-size:13px;line-height:1;display:inline-flex}.Myjg4a_tabClose{appearance:none;color:var(--fe-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:11px;display:inline-flex}.Myjg4a_tabClose:hover{background:var(--fe-hover);color:var(--fe-fg)}.Myjg4a_tabDot{background:var(--fe-fg);opacity:.85;border-radius:50%;flex:none;width:8px;height:8px}.Myjg4a_previewBody{flex:1;min-height:0;overflow:auto}.Myjg4a_editor{--fe-gutter:44px;contain:layout paint;height:100%;min-height:0;position:relative}.Myjg4a_gutter{width:var(--fe-gutter);box-sizing:border-box;border-right:1px solid var(--fe-border);background:var(--fe-sidebar-bg);color:var(--fe-faint);user-select:none;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.Myjg4a_gutterNumbers{white-space:pre;text-align:right;padding:12px 8px}.Myjg4a_editorPlain .Myjg4a_editorTextarea{color:var(--fe-fg)}.Myjg4a_editorHint{left:calc(var(--fe-gutter) + 8px);background:var(--fe-hover);color:var(--fe-muted);pointer-events:none;border-radius:4px;padding:4px 10px;font-size:11px;position:absolute;bottom:8px}.Myjg4a_editorHighlight{top:0;bottom:0;left:var(--fe-gutter);pointer-events:none;white-space:pre;tab-size:2;color:var(--fe-fg);background:0 0;margin:0;padding:12px 12px calc(12px + 1.5em);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;position:absolute;right:0;overflow:auto}.Myjg4a_editorHighlight code{font-family:inherit;font-size:inherit;line-height:inherit;white-space:inherit}.Myjg4a_editorTextarea{top:0;bottom:0;left:var(--fe-gutter);box-sizing:border-box;resize:none;color:#0000;caret-color:var(--fe-fg);white-space:pre;tab-size:2;background:0 0;border:none;outline:none;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;position:absolute;right:0;overflow:auto}.Myjg4a_editor[data-wrap=on] .Myjg4a_editorHighlight,.Myjg4a_editor[data-wrap=on] .Myjg4a_editorTextarea{white-space:pre-wrap;overflow-wrap:anywhere}.Myjg4a_editor[data-wrap=on] .Myjg4a_editorTextarea{overflow-x:hidden}.Myjg4a_saveError{color:#1e1e1e;background:#f48771;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;bottom:8px;right:8px}.Myjg4a_previewHint{color:var(--fe-faint);padding:12px;font-size:12px;line-height:18px}.Myjg4a_imageView{box-sizing:border-box;background:var(--fe-bg);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:0;padding:12px;display:flex;overflow:auto}.Myjg4a_image{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 0 0 1px var(--fe-border);border-radius:4px}.Myjg4a_previewMeta{color:var(--fe-faint);font-size:11px}.Myjg4a_placeholder{text-align:center;color:var(--fe-faint);flex:1;justify-content:center;align-items:center;padding:16px;font-size:12px;line-height:18px;display:flex}.Myjg4a_editorHighlight .hljs-keyword,.Myjg4a_editorHighlight .hljs-selector-tag,.Myjg4a_editorHighlight .hljs-literal{color:var(--fe-token-keyword)}.Myjg4a_editorHighlight .hljs-string,.Myjg4a_editorHighlight .hljs-regexp,.Myjg4a_editorHighlight .hljs-addition{color:var(--fe-token-string)}.Myjg4a_editorHighlight .hljs-comment,.Myjg4a_editorHighlight .hljs-quote{color:var(--fe-token-comment);font-style:italic}.Myjg4a_editorHighlight .hljs-number,.Myjg4a_editorHighlight .hljs-symbol,.Myjg4a_editorHighlight .hljs-bullet{color:var(--fe-token-number)}.Myjg4a_editorHighlight .hljs-title,.Myjg4a_editorHighlight .hljs-section,.Myjg4a_editorHighlight .hljs-title.function_{color:var(--fe-token-function)}.Myjg4a_editorHighlight .hljs-type,.Myjg4a_editorHighlight .hljs-built_in,.Myjg4a_editorHighlight .hljs-class .hljs-title{color:var(--fe-token-type)}.Myjg4a_editorHighlight .hljs-attr,.Myjg4a_editorHighlight .hljs-attribute,.Myjg4a_editorHighlight .hljs-variable,.Myjg4a_editorHighlight .hljs-template-variable,.Myjg4a_editorHighlight .hljs-params{color:var(--fe-token-variable)}.Myjg4a_editorHighlight .hljs-tag,.Myjg4a_editorHighlight .hljs-name{color:var(--fe-token-tag)}.Myjg4a_editorHighlight .hljs-meta{color:var(--fe-token-meta)}.Myjg4a_editorHighlight .hljs-emphasis{font-style:italic}.Myjg4a_editorHighlight .hljs-strong{color:var(--fe-accent);font-weight:inherit}body[data-dsh-maid-atelier] [data-skin-chrome=top-trim],body[data-dsh-maid-atelier] [data-skin-chrome=bottom-trim]{translate:calc(var(--maid-sidebar-width,0px) + var(--dsh-explorer-width,0px) + var(--dsh-preview-width,0px)) 0!important}[class*=explorerCol]{border-right:1px solid var(--fe-border)!important}";
 		const tagId = "dsh-plugin-workbench/files.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -45,18 +45,28 @@ window.__ModuleLoader__.load({
 			"chevron": "Myjg4a_chevron",
 			"collapse": "Myjg4a_collapse",
 			"column": "Myjg4a_column",
+			"contextMenu": "Myjg4a_contextMenu",
+			"contextMenuDivider": "Myjg4a_contextMenuDivider",
+			"contextMenuItem": "Myjg4a_contextMenuItem",
+			"contextMenuItemDanger": "Myjg4a_contextMenuItemDanger",
 			"editor": "Myjg4a_editor",
 			"editorHighlight": "Myjg4a_editorHighlight",
+			"editorHint": "Myjg4a_editorHint",
+			"editorPlain": "Myjg4a_editorPlain",
 			"editorTextarea": "Myjg4a_editorTextarea",
 			"fe-preview-in": "Myjg4a_fe-preview-in",
 			"fe-preview-out": "Myjg4a_fe-preview-out",
 			"fileBadge": "Myjg4a_fileBadge",
 			"fileBadgeLong": "Myjg4a_fileBadgeLong",
+			"gutter": "Myjg4a_gutter",
+			"gutterNumbers": "Myjg4a_gutterNumbers",
 			"handle": "Myjg4a_handle",
 			"header": "Myjg4a_header",
 			"headerActions": "Myjg4a_headerActions",
 			"headerTitle": "Myjg4a_headerTitle",
 			"icon": "Myjg4a_icon",
+			"image": "Myjg4a_image",
+			"imageView": "Myjg4a_imageView",
 			"name": "Myjg4a_name",
 			"placeholder": "Myjg4a_placeholder",
 			"preview": "Myjg4a_preview",
@@ -666,6 +676,37 @@ window.__ModuleLoader__.load({
 				active: path
 			});
 		}
+		/** Point any open tab at a new path after a rename (the disk path changed). */
+		function retargetFile(oldPath, newPath) {
+			updateCurrent((ws) => {
+				if (!ws.tabs.includes(oldPath)) return ws;
+				const tabs = ws.tabs.map((t) => t === oldPath ? newPath : t);
+				return {
+					...ws,
+					tabs,
+					active: ws.active === oldPath ? newPath : ws.active
+				};
+			});
+		}
+		/** Close every open tab at or under a path (used after deleting it). */
+		function closeFilesUnder(path) {
+			updateCurrent((ws) => {
+				const sep = path.includes("\\") ? "\\" : "/";
+				const prefix = path.endsWith("\\") || path.endsWith("/") ? path : path + sep;
+				const kept = ws.tabs.filter((t) => t !== path && !t.startsWith(prefix));
+				if (kept.length === ws.tabs.length) return ws;
+				let active = ws.active;
+				if (active !== void 0 && (active === path || active.startsWith(prefix))) {
+					const index = ws.tabs.indexOf(active);
+					active = kept[Math.min(index, kept.length - 1)];
+				}
+				return {
+					...ws,
+					tabs: kept,
+					active
+				};
+			});
+		}
 		/** Move a tab before another tab (drag-to-reorder). */
 		function moveTab(dragged, target) {
 			updateCurrent((ws) => {
@@ -726,6 +767,16 @@ window.__ModuleLoader__.load({
 			const idx = Math.max(trimmed.lastIndexOf("/"), trimmed.lastIndexOf("\\"));
 			return idx >= 0 ? trimmed.slice(idx + 1) : trimmed;
 		}
+		/** Parent directory of a path ('' for a bare drive root — never used for such). */
+		function parentOf(path) {
+			const idx = Math.max(path.lastIndexOf("/"), path.lastIndexOf("\\"));
+			return idx > 0 ? path.slice(0, idx) : path;
+		}
+		/** Append a child name to a directory path, honoring its separator style. */
+		function joinPath(dir, name) {
+			const sep = dir.includes("\\") ? "\\" : "/";
+			return dir.endsWith("\\") || dir.endsWith("/") ? dir + name : dir + sep + name;
+		}
 		function formatSize$1(bytes) {
 			if (!Number.isFinite(bytes) || bytes < 0) return "";
 			if (bytes < 1024) return `${bytes} B`;
@@ -735,6 +786,10 @@ window.__ModuleLoader__.load({
 		}
 		/** How often the visible tree is re-listed to pick up disk changes. */
 		const REFRESH_MS = 2e3;
+		/** How many previously-expanded folders to re-list at once on workspace switch. */
+		const DIR_LOAD_BATCH = 4;
+		/** Pause between batches when restoring expanded folders. */
+		const DIR_LOAD_GAP_MS = 50;
 		const EMPTY_EXPANDED = /* @__PURE__ */ new Set();
 		/** True when two directory listings are identical (name/kind/size). */
 		function sameEntries(a, b) {
@@ -742,7 +797,71 @@ window.__ModuleLoader__.load({
 			for (let i = 0; i < a.length; i += 1) if (a[i].name !== b[i].name || a[i].kind !== b[i].kind || a[i].size !== b[i].size) return false;
 			return true;
 		}
-		function FileExplorer({ width, useSessions, t, listDir, openPath }) {
+		/**
+		* One tree row, memoized so opening/activating a file (which changes the
+		* active-path highlight) re-renders only the affected row — with a workspace
+		* full of files, re-rendering the whole tree on every click is what made
+		* opening files feel laggy.
+		*/
+		const TreeRow = (0, react.memo)(function TreeRow({ entry, depth, isActive, isExpanded, onToggleDir, onRefreshDir, onSelect, onDoubleClick, onOpenExternal, onContextMenu, t }) {
+			const isDir = entry.kind === "dir";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${files_module_css_default.row} ${isActive ? files_module_css_default.rowSelected : ""}`,
+				style: { paddingLeft: 8 + depth * 14 },
+				onClick: () => onSelect(entry),
+				onDoubleClick: () => onDoubleClick(entry),
+				onContextMenu: (e) => onContextMenu(e, entry),
+				role: "treeitem",
+				"aria-selected": isActive,
+				"aria-expanded": isDir ? isExpanded : void 0,
+				title: entry.name,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: files_module_css_default.chevron,
+						onClick: (e) => {
+							e.stopPropagation();
+							if (isDir) onToggleDir(entry.path);
+						},
+						children: isDir ? isExpanded ? "▾" : "▸" : ""
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: files_module_css_default.icon,
+						children: isDir ? isExpanded ? "📂" : "📁" : entry.kind === "file" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileIcon, { name: entry.name }) : "·"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: files_module_css_default.name,
+						children: entry.name
+					}),
+					entry.kind === "file" && entry.size !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: files_module_css_default.size,
+						children: formatSize$1(entry.size)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: files_module_css_default.actions,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: files_module_css_default.action,
+							title: t("action.open"),
+							onClick: (e) => {
+								e.stopPropagation();
+								onOpenExternal(entry.path);
+							},
+							children: "↗"
+						}), isDir && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: files_module_css_default.action,
+							title: t("action.refresh"),
+							onClick: (e) => {
+								e.stopPropagation();
+								onRefreshDir(entry.path);
+							},
+							children: "⟳"
+						})]
+					})
+				]
+			});
+		});
+		function FileExplorer({ width, useSessions, t, listDir, openPath, createFile, createDir, renameFile, removePath }) {
 			const sessionList = useSessions((s) => s);
 			const currentId = sessionList.current;
 			const cwd = currentId !== void 0 ? sessionList.byId[currentId]?.cwd : void 0;
@@ -757,6 +876,42 @@ window.__ModuleLoader__.load({
 			const [children, setChildren] = (0, react.useState)({});
 			const [loadingDirs, setLoadingDirs] = (0, react.useState)(/* @__PURE__ */ new Set());
 			const [dirErrors, setDirErrors] = (0, react.useState)({});
+			const [menu, setMenu] = (0, react.useState)(void 0);
+			const [menuPos, setMenuPos] = (0, react.useState)(void 0);
+			const menuRef = (0, react.useRef)(null);
+			(0, react.useLayoutEffect)(() => {
+				if (menu === void 0) {
+					setMenuPos(void 0);
+					return;
+				}
+				const el = menuRef.current;
+				if (el === null) return;
+				const rect = el.getBoundingClientRect();
+				setMenuPos({
+					x: Math.max(4, Math.min(menu.x, window.innerWidth - rect.width - 4)),
+					y: Math.max(4, Math.min(menu.y, window.innerHeight - rect.height - 4))
+				});
+			}, [menu]);
+			(0, react.useEffect)(() => {
+				if (menu === void 0) return void 0;
+				const onKeyDown = (e) => {
+					if (e.key === "Escape") setMenu(void 0);
+				};
+				const onMouseDown = (e) => {
+					const el = menuRef.current;
+					if (el !== null && e.target instanceof Node && el.contains(e.target)) return;
+					setMenu(void 0);
+				};
+				const onBlur = () => setMenu(void 0);
+				document.addEventListener("keydown", onKeyDown);
+				document.addEventListener("mousedown", onMouseDown);
+				window.addEventListener("blur", onBlur);
+				return () => {
+					document.removeEventListener("keydown", onKeyDown);
+					document.removeEventListener("mousedown", onMouseDown);
+					window.removeEventListener("blur", onBlur);
+				};
+			}, [menu]);
 			const treeRef = (0, react.useRef)({
 				root,
 				children,
@@ -769,6 +924,8 @@ window.__ModuleLoader__.load({
 				expanded,
 				rootLoading
 			};
+			const childrenRef = (0, react.useRef)(children);
+			childrenRef.current = children;
 			(0, react.useEffect)(() => {
 				document.body.style.setProperty("--dsh-explorer-width", `${width}px`);
 				return () => {
@@ -790,12 +947,18 @@ window.__ModuleLoader__.load({
 				setRootLoading(true);
 				const controller = new AbortController();
 				rootAbortRef.current = controller;
-				listDir(cwd, controller.signal).then((result) => {
+				listDir(cwd, controller.signal).then(async (result) => {
 					if (controller.signal.aborted) return;
 					setRoot(result.root);
 					setChildren({ [result.root]: result.entries });
 					setRootError(void 0);
-					for (const dirPath of expanded) if (dirPath !== result.root) loadDir(dirPath);
+					const dirs = [...expanded].filter((dirPath) => dirPath !== result.root);
+					for (let i = 0; i < dirs.length; i += DIR_LOAD_BATCH) {
+						if (controller.signal.aborted) return;
+						const batch = dirs.slice(i, i + DIR_LOAD_BATCH);
+						await Promise.all(batch.map((dirPath) => loadDir(dirPath)));
+						if (i + DIR_LOAD_BATCH < dirs.length) await new Promise((resolve) => setTimeout(resolve, DIR_LOAD_GAP_MS));
+					}
 				}).catch((error) => {
 					if (controller.signal.aborted) return;
 					setRootError(error instanceof Error ? error.message : String(error));
@@ -905,12 +1068,8 @@ window.__ModuleLoader__.load({
 						[cwdKey]: next
 					};
 				});
-				if (!children[dirPath]) loadDir(dirPath);
-			}, [
-				cwdKey,
-				children,
-				loadDir
-			]);
+				if (!childrenRef.current[dirPath]) loadDir(dirPath);
+			}, [cwdKey, loadDir]);
 			const refreshDir = (0, react.useCallback)((dirPath) => {
 				setChildren((prev) => {
 					const next = { ...prev };
@@ -919,6 +1078,88 @@ window.__ModuleLoader__.load({
 				});
 				loadDir(dirPath);
 			}, [loadDir]);
+			const openContextMenu = (0, react.useCallback)((e, entry) => {
+				e.preventDefault();
+				e.stopPropagation();
+				setMenu({
+					kind: entry.kind === "dir" ? "dir" : "file",
+					path: entry.path,
+					x: e.clientX,
+					y: e.clientY
+				});
+			}, []);
+			const runAction = (0, react.useCallback)((action) => {
+				setMenu(void 0);
+				action();
+			}, []);
+			const applyMutation = (0, react.useCallback)(async (op, refreshPath) => {
+				try {
+					await op();
+					refreshDir(refreshPath);
+				} catch (error) {
+					const message = error instanceof Error ? error.message : String(error);
+					if (refreshPath === root) setRootError(message);
+					else setDirErrors((prev) => ({
+						...prev,
+						[refreshPath]: message
+					}));
+				}
+			}, [refreshDir, root]);
+			const onNewFile = (0, react.useCallback)((dirPath) => {
+				const name = window.prompt(`${t("prompt.newFileName")}:`, "");
+				if (name === null) return;
+				const trimmed = name.trim();
+				if (trimmed === "") return;
+				applyMutation(() => createFile(joinPath(dirPath, trimmed)), dirPath);
+			}, [
+				applyMutation,
+				createFile,
+				t
+			]);
+			const onNewFolder = (0, react.useCallback)((dirPath) => {
+				const name = window.prompt(`${t("prompt.newFolderName")}:`, "");
+				if (name === null) return;
+				const trimmed = name.trim();
+				if (trimmed === "") return;
+				applyMutation(() => createDir(joinPath(dirPath, trimmed)), dirPath);
+			}, [
+				applyMutation,
+				createDir,
+				t
+			]);
+			const onRename = (0, react.useCallback)((path) => {
+				const current = basenameOf$1(path);
+				const name = window.prompt(`${t("prompt.renameTo")}:`, current);
+				if (name === null) return;
+				const trimmed = name.trim();
+				if (trimmed === "" || trimmed === current) return;
+				const parent = parentOf(path);
+				const to = joinPath(parent, trimmed);
+				applyMutation(async () => {
+					await renameFile(path, to);
+					retargetFile(path, to);
+				}, parent);
+			}, [
+				applyMutation,
+				renameFile,
+				t
+			]);
+			const onDelete = (0, react.useCallback)((path, kind) => {
+				const name = basenameOf$1(path);
+				const message = kind === "dir" ? t("confirm.deleteDir", { name }) : t("confirm.deleteFile", { name });
+				if (!window.confirm(message)) return;
+				applyMutation(async () => {
+					await removePath(path);
+					closeFilesUnder(path);
+				}, parentOf(path));
+			}, [
+				applyMutation,
+				removePath,
+				t
+			]);
+			const onCopyPath = (0, react.useCallback)((path) => {
+				navigator.clipboard.writeText(path).catch(() => {});
+			}, []);
 			const onRowClick = (0, react.useCallback)((entry) => {
 				if (entry.kind === "dir") {
 					toggleDir(entry.path);
@@ -946,59 +1187,18 @@ window.__ModuleLoader__.load({
 				const isLoading = isDir && loadingDirs.has(entry.path);
 				const childEntries = isDir && isExpanded ? children[entry.path] : void 0;
 				const error = isDir ? dirErrors[entry.path] : void 0;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: `${files_module_css_default.row} ${entry.kind === "file" && activePath === entry.path ? files_module_css_default.rowSelected : ""}`,
-					style: { paddingLeft: 8 + depth * 14 },
-					onClick: () => onRowClick(entry),
-					onDoubleClick: () => onRowDoubleClick(entry),
-					role: "treeitem",
-					"aria-selected": entry.kind === "file" && activePath === entry.path,
-					"aria-expanded": isDir ? isExpanded : void 0,
-					title: entry.name,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: files_module_css_default.chevron,
-							onClick: (e) => {
-								e.stopPropagation();
-								if (isDir) toggleDir(entry.path);
-							},
-							children: isDir ? isExpanded ? "▾" : "▸" : ""
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: files_module_css_default.icon,
-							children: isDir ? isExpanded ? "📂" : "📁" : entry.kind === "file" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileIcon, { name: entry.name }) : "·"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: files_module_css_default.name,
-							children: entry.name
-						}),
-						entry.kind === "file" && entry.size !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: files_module_css_default.size,
-							children: formatSize$1(entry.size)
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: files_module_css_default.actions,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: files_module_css_default.action,
-								title: t("action.open"),
-								onClick: (e) => {
-									e.stopPropagation();
-									openPath(entry.path);
-								},
-								children: "↗"
-							}), isDir && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: files_module_css_default.action,
-								title: t("action.refresh"),
-								onClick: (e) => {
-									e.stopPropagation();
-									refreshDir(entry.path);
-								},
-								children: "⟳"
-							})]
-						})
-					]
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeRow, {
+					entry,
+					depth,
+					isActive: entry.kind === "file" && activePath === entry.path,
+					isExpanded,
+					onToggleDir: toggleDir,
+					onRefreshDir: refreshDir,
+					onSelect: onRowClick,
+					onDoubleClick: onRowDoubleClick,
+					onOpenExternal: openPath,
+					onContextMenu: openContextMenu,
+					t
 				}), isDir && isExpanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 					isLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: files_module_css_default.rowHint,
@@ -1018,61 +1218,173 @@ window.__ModuleLoader__.load({
 					childEntries !== void 0 && renderEntries(childEntries, depth + 1)
 				] })] }, entry.path);
 			});
+			const menuItems = (m) => {
+				if (m.kind === "file") return [
+					{
+						label: t("menu.open"),
+						onClick: () => openFile(m.path)
+					},
+					"divider",
+					{
+						label: t("menu.copyPath"),
+						onClick: () => onCopyPath(m.path)
+					},
+					{
+						label: t("menu.openSystem"),
+						onClick: () => void openPath(m.path)
+					},
+					"divider",
+					{
+						label: t("menu.rename"),
+						onClick: () => onRename(m.path)
+					},
+					{
+						label: t("menu.delete"),
+						danger: true,
+						onClick: () => onDelete(m.path, "file")
+					}
+				];
+				if (m.kind === "dir") return [
+					{
+						label: t("menu.newFile"),
+						onClick: () => onNewFile(m.path)
+					},
+					{
+						label: t("menu.newFolder"),
+						onClick: () => onNewFolder(m.path)
+					},
+					"divider",
+					{
+						label: t("menu.copyPath"),
+						onClick: () => onCopyPath(m.path)
+					},
+					{
+						label: t("menu.openSystem"),
+						onClick: () => void openPath(m.path)
+					},
+					{
+						label: t("menu.refresh"),
+						onClick: () => refreshDir(m.path)
+					},
+					"divider",
+					{
+						label: t("menu.rename"),
+						onClick: () => onRename(m.path)
+					},
+					{
+						label: t("menu.delete"),
+						danger: true,
+						onClick: () => onDelete(m.path, "dir")
+					}
+				];
+				return [
+					{
+						label: t("menu.newFile"),
+						onClick: () => onNewFile(m.path)
+					},
+					{
+						label: t("menu.newFolder"),
+						onClick: () => onNewFolder(m.path)
+					},
+					"divider",
+					{
+						label: t("menu.copyPath"),
+						onClick: () => onCopyPath(m.path)
+					},
+					{
+						label: t("menu.refresh"),
+						onClick: () => refreshDir(m.path)
+					}
+				];
+			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: files_module_css_default.column,
 				style: { width: width > 0 ? width : void 0 },
 				"data-pane": "explorer",
 				"data-fe-theme": theme,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: files_module_css_default.header,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: files_module_css_default.headerTitle,
-						title: root ?? cwd,
-						children: basenameOf$1(root ?? cwd)
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: files_module_css_default.headerActions,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: files_module_css_default.header,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: files_module_css_default.headerTitle,
+							title: root ?? cwd,
+							children: basenameOf$1(root ?? cwd)
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: files_module_css_default.headerActions,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: files_module_css_default.action,
+									title: t("action.theme"),
+									onClick: toggleTheme,
+									children: theme === "dark" ? "☀" : "🌙"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: files_module_css_default.action,
+									title: t("action.open"),
+									onClick: () => void openPath(cwd),
+									children: "↗"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: files_module_css_default.action,
+									title: t("tab.expand"),
+									onClick: expandPreview,
+									children: ">"
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: files_module_css_default.treeArea,
+						onContextMenu: (e) => {
+							e.preventDefault();
+							const target = root ?? cwd;
+							if (target === void 0) return;
+							setMenu({
+								kind: "root",
+								path: target,
+								x: e.clientX,
+								y: e.clientY
+							});
+						},
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: files_module_css_default.action,
-								title: t("action.theme"),
-								onClick: toggleTheme,
-								children: theme === "dark" ? "☀" : "🌙"
+							rootLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: files_module_css_default.rowHint,
+								children: t("preview.loading")
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: files_module_css_default.action,
-								title: t("action.open"),
-								onClick: () => void openPath(cwd),
-								children: "↗"
+							rootError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: files_module_css_default.rowError,
+								children: rootError
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: files_module_css_default.action,
-								title: t("tab.expand"),
-								onClick: expandPreview,
-								children: ">"
-							})
+							!rootLoading && rootError === void 0 && root !== void 0 && children[root] !== void 0 && children[root].length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: files_module_css_default.rowHint,
+								children: t("preview.emptyDir")
+							}),
+							root !== void 0 && children[root] !== void 0 && renderEntries(children[root], 0)
 						]
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: files_module_css_default.treeArea,
-					children: [
-						rootLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: files_module_css_default.rowHint,
-							children: t("preview.loading")
-						}),
-						rootError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: files_module_css_default.rowError,
-							children: rootError
-						}),
-						!rootLoading && rootError === void 0 && root !== void 0 && children[root] !== void 0 && children[root].length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: files_module_css_default.rowHint,
-							children: t("preview.emptyDir")
-						}),
-						root !== void 0 && children[root] !== void 0 && renderEntries(children[root], 0)
-					]
-				})]
+					}),
+					menu !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						ref: menuRef,
+						className: files_module_css_default.contextMenu,
+						role: "menu",
+						style: menuPos !== void 0 ? {
+							left: menuPos.x,
+							top: menuPos.y
+						} : {
+							left: menu.x,
+							top: menu.y,
+							visibility: "hidden"
+						},
+						children: menuItems(menu).map((item, index) => item === "divider" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: files_module_css_default.contextMenuDivider }, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							role: "menuitem",
+							className: `${files_module_css_default.contextMenuItem}${item.danger ? ` ${files_module_css_default.contextMenuItemDanger}` : ""}`,
+							onClick: () => runAction(item.onClick),
+							children: item.label
+						}, index))
+					})
+				]
 			});
 		}
 		var core_default = (/* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
@@ -8705,6 +9017,44 @@ window.__ModuleLoader__.load({
 		const PREVIEW_MIN = 240;
 		const CHAT_MIN = 240;
 		const PREVIEW_TOO_LARGE_LABEL = "512KB";
+		/** Same-origin raw-bytes route registered by the host half (see src/index.ts). */
+		const RAW_PREFIX = "/dsh-plugin-files/raw";
+		const IMAGE_EXTENSIONS = /* @__PURE__ */ new Set([
+			"png",
+			"jpg",
+			"jpeg",
+			"gif",
+			"webp",
+			"avif",
+			"bmp",
+			"ico",
+			"svg"
+		]);
+		/**
+		* Same-origin URL serving the file's bytes when it is a previewable image;
+		* undefined otherwise. Image tabs never go through the text RPC read — the
+		* host route resolves the path through the sandboxed fs service itself.
+		*/
+		function imageSrcOf(path) {
+			const idx = path.lastIndexOf(".");
+			if (idx < 0 || idx === path.length - 1) return void 0;
+			const ext = path.slice(idx + 1).toLowerCase();
+			return IMAGE_EXTENSIONS.has(ext) ? `${RAW_PREFIX}/${encodeURIComponent(path)}` : void 0;
+		}
+		/**
+		* Above this size the overlay editor (syntax-highlight layer + transparent
+		* textarea) falls back to a plain textarea: re-injecting and re-laying out
+		* hundreds of KB of wrapped text on every keystroke is what makes the page
+		* lag. The plain textarea keeps editing, wrapping and scrolling — it only
+		* loses the colors, which files this big rarely need anyway.
+		*/
+		const HIGHLIGHT_MAX_BYTES = 65536;
+		/**
+		* Languages always rendered as a plain textarea, never the overlay: the
+		* highlight layer costs a full extra layout pass (and with CJK text a
+		* fragile alignment surface) for prose formats where colors add little.
+		*/
+		const PLAIN_LANGUAGES = /* @__PURE__ */ new Set(["markdown"]);
 		function basenameOf(path) {
 			const trimmed = path.replace(/[\\/]+$/, "");
 			const idx = Math.max(trimmed.lastIndexOf("/"), trimmed.lastIndexOf("\\"));
@@ -8738,6 +9088,18 @@ window.__ModuleLoader__.load({
 				size: result.size
 			};
 		}
+		/**
+		* Gutter text for an editor: one logical line number per source line, as a
+		* single pre-formatted block (VS Code shows logical numbers even when soft
+		* wrap makes a line occupy several visual rows).
+		*/
+		function lineNumbersOf(content) {
+			const count = content.split("\n").length;
+			if (count <= 1) return "1";
+			const parts = new Array(count);
+			for (let i = 0; i < count; i += 1) parts[i] = String(i + 1);
+			return parts.join("\n");
+		}
 		function FilePreview({ t, readFile, writeFile }) {
 			const { tabs, active, theme, collapsed, wrap } = useTabsState();
 			const [previewWidth, setPreviewWidth] = (0, react.useState)(null);
@@ -8747,41 +9109,54 @@ window.__ModuleLoader__.load({
 			const cacheRef = (0, react.useRef)(/* @__PURE__ */ new Map());
 			const hasOpenedRef = (0, react.useRef)(false);
 			const [, bump] = (0, react.useState)(0);
+			const [imageFailed, setImageFailed] = (0, react.useState)(void 0);
 			const previewRef = (0, react.useRef)(null);
 			const handleRef = (0, react.useRef)(null);
 			const highlightRef = (0, react.useRef)(null);
+			const textareaRef = (0, react.useRef)(null);
+			const gutterRef = (0, react.useRef)(null);
 			const refresh = (0, react.useCallback)(() => bump((v) => v + 1), []);
 			(0, react.useEffect)(() => {
 				const cache = cacheRef.current;
 				for (const [path] of cache) if (!tabs.includes(path)) cache.delete(path);
-				const controllers = [];
-				for (const path of tabs) {
-					if (cache.has(path)) continue;
-					cache.set(path, { status: "loading" });
-					const controller = new AbortController();
-					controllers.push(controller);
-					readFile(path, controller.signal).then((result) => {
-						if (!controller.signal.aborted) {
-							cache.set(path, previewDataOf(result));
-							refresh();
-						}
-					}).catch((error) => {
-						if (!controller.signal.aborted) {
-							cache.set(path, {
-								status: "error",
-								message: error instanceof Error ? error.message : String(error)
-							});
-							refresh();
-						}
-					});
+				const target = active ?? tabs[0];
+				if (target === void 0 || cache.has(target)) {
+					refresh();
+					return;
+				}
+				const controller = new AbortController();
+				if (imageSrcOf(target) !== void 0) {
+					cache.set(target, { status: "image" });
+					refresh();
+					return () => controller.abort();
 				}
+				cache.set(target, { status: "loading" });
+				readFile(target, controller.signal).then((result) => {
+					if (!controller.signal.aborted) {
+						cache.set(target, previewDataOf(result));
+						if (result.size > HIGHLIGHT_MAX_BYTES) requestAnimationFrame(refresh);
+						else refresh();
+					}
+				}).catch((error) => {
+					if (!controller.signal.aborted) {
+						cache.set(target, {
+							status: "error",
+							message: error instanceof Error ? error.message : String(error)
+						});
+						refresh();
+					}
+				});
 				refresh();
-				return () => controllers.forEach((c) => c.abort());
+				return () => controller.abort();
 			}, [
 				tabs,
+				active,
 				readFile,
 				refresh
 			]);
+			(0, react.useEffect)(() => {
+				setImageFailed(void 0);
+			}, [active]);
 			if (tabs.length > 0) hasOpenedRef.current = true;
 			(0, react.useEffect)(() => {
 				if (tabs.length > 0) {
@@ -8798,6 +9173,33 @@ window.__ModuleLoader__.load({
 				}
 			}, [tabs.length]);
 			const isOpen = !collapsed && (tabs.length > 0 || closing || hasOpenedRef.current);
+			const activeData = active !== void 0 ? cacheRef.current.get(active) : void 0;
+			const language = active !== void 0 ? detectLanguage(active) : void 0;
+			const tooBig = (activeData?.size ?? 0) > HIGHLIGHT_MAX_BYTES;
+			const plain = language === void 0 || tooBig || language !== void 0 && PLAIN_LANGUAGES.has(language);
+			const gutterNumbers = (0, react.useMemo)(() => activeData?.status === "loaded" ? lineNumbersOf(activeData.draft ?? "") : "", [activeData?.status, activeData?.draft]);
+			(0, react.useEffect)(() => {
+				const pre = highlightRef.current;
+				const ta = textareaRef.current;
+				const gutter = gutterRef.current;
+				if (ta === null || gutter === null) return void 0;
+				let raf = 0;
+				const tick = () => {
+					if (pre !== null) {
+						pre.scrollTop = ta.scrollTop;
+						pre.scrollLeft = ta.scrollLeft;
+					}
+					gutter.scrollTop = ta.scrollTop;
+					raf = requestAnimationFrame(tick);
+				};
+				raf = requestAnimationFrame(tick);
+				return () => cancelAnimationFrame(raf);
+			}, [
+				isOpen,
+				active,
+				activeData?.status,
+				plain
+			]);
 			(0, react.useEffect)(() => {
 				if (!isOpen) {
 					document.body.style.removeProperty("--dsh-preview-width");
@@ -8873,11 +9275,13 @@ window.__ModuleLoader__.load({
 			}, [onSave]);
 			const onTextareaScroll = (0, react.useCallback)((e) => {
 				const pre = highlightRef.current;
+				const gutter = gutterRef.current;
 				const ta = e.currentTarget;
 				if (pre !== null) {
 					pre.scrollTop = ta.scrollTop;
 					pre.scrollLeft = ta.scrollLeft;
 				}
+				if (gutter !== null) gutter.scrollTop = ta.scrollTop;
 			}, []);
 			const onTabDragStart = (0, react.useCallback)((e, path) => {
 				setDragPath(path);
@@ -8894,7 +9298,6 @@ window.__ModuleLoader__.load({
 			const onTabDragEnd = (0, react.useCallback)(() => {
 				setDragPath(void 0);
 			}, []);
-			const activeData = active !== void 0 ? cacheRef.current.get(active) : void 0;
 			if (!isOpen) return null;
 			const renderBody = () => {
 				if (activeData === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -8906,33 +9309,70 @@ window.__ModuleLoader__.load({
 						className: files_module_css_default.previewHint,
 						children: t("preview.loading")
 					});
-					case "loaded": {
-						const highlighted = active !== void 0 ? highlightCode(activeData.draft ?? "", active) : "";
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: files_module_css_default.editor,
-							"data-wrap": wrap ? "on" : "off",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-									ref: highlightRef,
-									className: files_module_css_default.editorHighlight,
-									"aria-hidden": "true",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { dangerouslySetInnerHTML: { __html: highlighted } })
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-									className: files_module_css_default.editorTextarea,
-									value: activeData.draft ?? "",
-									onChange: (e) => onTextareaChange(e.target.value),
-									onScroll: onTextareaScroll,
-									onKeyDown,
-									spellCheck: false,
-									wrap: wrap ? "soft" : "off",
-									title: t("action.saveHint")
-								}),
-								saveError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: files_module_css_default.saveError,
-									children: saveError
+					case "loaded": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: `${files_module_css_default.editor}${plain ? ` ${files_module_css_default.editorPlain}` : ""}`,
+						"data-wrap": wrap ? "on" : "off",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								ref: gutterRef,
+								className: files_module_css_default.gutter,
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: files_module_css_default.gutterNumbers,
+									children: gutterNumbers
 								})
-							]
+							}),
+							!plain && active !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+								ref: highlightRef,
+								className: files_module_css_default.editorHighlight,
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { dangerouslySetInnerHTML: { __html: highlightCode(activeData.draft ?? "", active) } })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								ref: textareaRef,
+								className: files_module_css_default.editorTextarea,
+								value: activeData.draft ?? "",
+								onChange: (e) => onTextareaChange(e.target.value),
+								onScroll: onTextareaScroll,
+								onKeyDown,
+								spellCheck: false,
+								wrap: wrap ? "soft" : "off"
+							}),
+							language !== void 0 && tooBig && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: files_module_css_default.editorHint,
+								children: t("preview.highlightOff")
+							}),
+							saveError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: files_module_css_default.saveError,
+								children: saveError
+							})
+						]
+					});
+					case "image": {
+						const src = active !== void 0 ? imageSrcOf(active) : void 0;
+						const name = active !== void 0 ? basenameOf(active) : "";
+						if (src === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: files_module_css_default.previewHint,
+							children: t("preview.binary")
+						});
+						if (imageFailed === active) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: files_module_css_default.previewHint,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("preview.imageFailed") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: files_module_css_default.previewMeta,
+								children: name
+							})]
+						});
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: files_module_css_default.imageView,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+								className: files_module_css_default.image,
+								src,
+								alt: name,
+								onError: () => setImageFailed(active)
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: files_module_css_default.previewMeta,
+								children: name
+							})]
 						});
 					}
 					case "binary": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -9047,11 +9487,26 @@ window.__ModuleLoader__.load({
 			"tab.close": "关闭标签页",
 			"tab.collapse": "收起文件详情",
 			"tab.expand": "弹出文件详情",
+			"menu.open": "打开预览",
+			"menu.newFile": "新建文件",
+			"menu.newFolder": "新建文件夹",
+			"menu.rename": "重命名",
+			"menu.delete": "删除",
+			"menu.copyPath": "复制路径",
+			"menu.refresh": "刷新",
+			"menu.openSystem": "在系统中打开",
+			"prompt.newFileName": "新文件名",
+			"prompt.newFolderName": "新文件夹名",
+			"prompt.renameTo": "重命名为",
+			"confirm.deleteFile": "确定删除文件「{name}」吗？",
+			"confirm.deleteDir": "确定删除文件夹「{name}」及其全部内容吗？",
 			"preview.loading": "加载中…",
 			"preview.binary": "二进制文件，无法预览",
+			"preview.imageFailed": "图片加载失败",
 			"preview.tooLarge": "文件过大，仅支持预览不超过 {limit}",
 			"preview.emptyDir": "空目录",
-			"preview.error": "加载失败"
+			"preview.error": "加载失败",
+			"preview.highlightOff": "大文件：已关闭语法高亮（仍可编辑）"
 		};
 		const en = {
 			"placeholder.noSession": "No session",
@@ -9065,11 +9520,26 @@ window.__ModuleLoader__.load({
 			"tab.close": "Close tab",
 			"tab.collapse": "Collapse file details",
 			"tab.expand": "Expand file details",
+			"menu.open": "Open preview",
+			"menu.newFile": "New File",
+			"menu.newFolder": "New Folder",
+			"menu.rename": "Rename",
+			"menu.delete": "Delete",
+			"menu.copyPath": "Copy Path",
+			"menu.refresh": "Refresh",
+			"menu.openSystem": "Open in System",
+			"prompt.newFileName": "New file name",
+			"prompt.newFolderName": "New folder name",
+			"prompt.renameTo": "Rename to",
+			"confirm.deleteFile": "Delete file \"{name}\"?",
+			"confirm.deleteDir": "Delete folder \"{name}\" and all its contents?",
 			"preview.loading": "Loading…",
 			"preview.binary": "Binary file, cannot preview",
+			"preview.imageFailed": "Failed to load image",
 			"preview.tooLarge": "File too large to preview (limit {limit})",
 			"preview.emptyDir": "Empty directory",
-			"preview.error": "Load failed"
+			"preview.error": "Load failed",
+			"preview.highlightOff": "Large file: syntax highlighting off (still editable)"
 		};
 		//#endregion
 		//#region src/client/index.ts
@@ -9093,13 +9563,24 @@ window.__ModuleLoader__.load({
 				path,
 				content
 			}, signal));
+			const createFile = (path, signal) => unwrap(ctx.connection.rpc.call(CHANNEL, "createFile", { path }, signal));
+			const createDir = (path, signal) => unwrap(ctx.connection.rpc.call(CHANNEL, "createDir", { path }, signal));
+			const renameFile = (path, to, signal) => unwrap(ctx.connection.rpc.call(CHANNEL, "rename", {
+				path,
+				to
+			}, signal));
+			const removePath = (path, signal) => unwrap(ctx.connection.rpc.call(CHANNEL, "delete", { path }, signal));
 			const openPath = (path) => ctx.workspaces.openPath(path);
 			ctx.slots.inject("explorer", () => ctx.slots.register({
 				name: "explorer",
 				locale: NS,
 				inject: () => ({
 					listDir,
-					openPath
+					openPath,
+					createFile,
+					createDir,
+					renameFile,
+					removePath
 				})
 			}, FileExplorer));
 			ctx.slots.inject("explorer.preview", () => ctx.slots.register({