dsh-plugin-workbench 0.0.4 → 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{contain:layout paint;height:100%;min-height:0;position:relative}.Myjg4a_editorPlain .Myjg4a_editorTextarea{color:var(--fe-fg)}.Myjg4a_editorHint{background:var(--fe-hover);color:var(--fe-muted);pointer-events:none;border-radius:4px;padding:4px 10px;font-size:11px;position:absolute;bottom:8px;left:8px}.Myjg4a_editorHighlight{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;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{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 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,6 +45,10 @@ 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",
@@ -54,11 +58,15 @@ window.__ModuleLoader__.load({
 			"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",
@@ -668,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) => {
@@ -728,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`;
@@ -754,13 +803,14 @@ window.__ModuleLoader__.load({
 		* 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, t }) {
+		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,
@@ -811,7 +861,7 @@ window.__ModuleLoader__.load({
 				]
 			});
 		});
-		function FileExplorer({ width, useSessions, t, listDir, openPath }) {
+		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;
@@ -826,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,
@@ -992,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);
@@ -1029,6 +1197,7 @@ window.__ModuleLoader__.load({
 					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", {
@@ -1049,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) => {
@@ -8736,6 +9017,30 @@ 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
@@ -8783,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);
@@ -8792,10 +9109,12 @@ 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;
@@ -8806,6 +9125,11 @@ window.__ModuleLoader__.load({
 					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) {
@@ -8830,6 +9154,9 @@ window.__ModuleLoader__.load({
 				readFile,
 				refresh
 			]);
+			(0, react.useEffect)(() => {
+				setImageFailed(void 0);
+			}, [active]);
 			if (tabs.length > 0) hasOpenedRef.current = true;
 			(0, react.useEffect)(() => {
 				if (tabs.length > 0) {
@@ -8850,14 +9177,19 @@ window.__ModuleLoader__.load({
 			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;
-				if (pre === null || ta === null || plain) return void 0;
+				const gutter = gutterRef.current;
+				if (ta === null || gutter === null) return void 0;
 				let raf = 0;
 				const tick = () => {
-					pre.scrollTop = ta.scrollTop;
-					pre.scrollLeft = ta.scrollLeft;
+					if (pre !== null) {
+						pre.scrollTop = ta.scrollTop;
+						pre.scrollLeft = ta.scrollLeft;
+					}
+					gutter.scrollTop = ta.scrollTop;
 					raf = requestAnimationFrame(tick);
 				};
 				raf = requestAnimationFrame(tick);
@@ -8943,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);
@@ -8979,6 +9313,15 @@ window.__ModuleLoader__.load({
 						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,
@@ -9005,6 +9348,33 @@ window.__ModuleLoader__.load({
 							})
 						]
 					});
+					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", {
 						className: files_module_css_default.previewHint,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("preview.binary") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -9117,8 +9487,22 @@ 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": "加载失败",
@@ -9136,8 +9520,22 @@ 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",
@@ -9165,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({