@dickpy/dsh-imagegen 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -7
- package/docs/images/image-generation-studio.png +0 -0
- package/docs/images/plugin-settings.png +0 -0
- package/lib/client.js +356 -129
- package/lib/client.js.map +1 -1
- package/lib/index.js +3 -1
- package/package.json +1 -1
- package/src/client/ImageGenPanel.tsx +132 -27
- package/src/client/SettingsCard.tsx +5 -0
- package/src/client/locales.ts +22 -0
- package/src/client/panel.module.css +197 -26
- package/src/client/settings-card.module.css +26 -0
- package/src/protocol.ts +3 -0
- package/src/updater.ts +2 -1
package/lib/client.js
CHANGED
|
@@ -11,6 +11,8 @@ window.__ModuleLoader__.load({
|
|
|
11
11
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
12
12
|
let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
|
|
13
13
|
//#region src/protocol.ts
|
|
14
|
+
/** Published package version shared by the host updater and the client UI. */
|
|
15
|
+
const PLUGIN_VERSION = "1.0.4";
|
|
14
16
|
/** Same-origin route family (loopback-only, mirroring the dsh-ssh fence). */
|
|
15
17
|
const SETTINGS_API = {
|
|
16
18
|
describe: "/api/dsh-imagegen/settings/describe",
|
|
@@ -213,9 +215,19 @@ window.__ModuleLoader__.load({
|
|
|
213
215
|
"preview.prev": "上一张",
|
|
214
216
|
"preview.next": "下一张",
|
|
215
217
|
"preview.index": "{index} / {total}",
|
|
218
|
+
"preview.zoomControls": "图片缩放控制",
|
|
219
|
+
"preview.zoomIn": "放大",
|
|
220
|
+
"preview.zoomOut": "缩小",
|
|
221
|
+
"preview.zoomReset": "重置缩放",
|
|
222
|
+
"preview.zoomLevel": "{percent}%",
|
|
223
|
+
"preview.copyPrompt": "复制提示词",
|
|
224
|
+
"preview.copied": "已复制",
|
|
225
|
+
"preview.addToEdit": "添加到图生图",
|
|
216
226
|
"config.missing": "尚未配置 API:请前往「设置 → 插件 → 可配置」为 AI 生图填写 api_url 与 api_key。",
|
|
217
227
|
"config.configured": "已连接 {url}",
|
|
218
228
|
"config.disabled": "插件已停用,请在设置中重新启用。",
|
|
229
|
+
"connection.connected": "已连接",
|
|
230
|
+
"connection.disconnected": "未连接",
|
|
219
231
|
"update.available": "检测到新版本:{version}",
|
|
220
232
|
"update.install": "在线更新",
|
|
221
233
|
"update.installing": "更新中…",
|
|
@@ -224,6 +236,7 @@ window.__ModuleLoader__.load({
|
|
|
224
236
|
"update.release": "查看 Release",
|
|
225
237
|
"settings.title": "AI 生图(dsh-imagegen)",
|
|
226
238
|
"settings.description": "配置图像生成 API 地址与密钥",
|
|
239
|
+
"settings.currentVersion": "当前版本",
|
|
227
240
|
"settings.apiUrl": "API 地址(api_url)",
|
|
228
241
|
"settings.apiUrlHint": "OpenAI 兼容接口基址,如 https://api.openai.com/v1;将自动拼接 /images/generations 与 /images/edits",
|
|
229
242
|
"settings.apiKey": "API 密钥(api_key)",
|
|
@@ -312,9 +325,19 @@ window.__ModuleLoader__.load({
|
|
|
312
325
|
"preview.prev": "Previous",
|
|
313
326
|
"preview.next": "Next",
|
|
314
327
|
"preview.index": "{index} / {total}",
|
|
328
|
+
"preview.zoomControls": "Image zoom controls",
|
|
329
|
+
"preview.zoomIn": "Zoom in",
|
|
330
|
+
"preview.zoomOut": "Zoom out",
|
|
331
|
+
"preview.zoomReset": "Reset zoom",
|
|
332
|
+
"preview.zoomLevel": "{percent}%",
|
|
333
|
+
"preview.copyPrompt": "Copy prompt",
|
|
334
|
+
"preview.copied": "Copied",
|
|
335
|
+
"preview.addToEdit": "Add to image to image",
|
|
315
336
|
"config.missing": "API not configured: open \"Settings → Plugins → Configurable\" and fill in api_url and api_key for AI Image.",
|
|
316
337
|
"config.configured": "Connected to {url}",
|
|
317
338
|
"config.disabled": "The plugin is disabled — re-enable it in Settings.",
|
|
339
|
+
"connection.connected": "Connected",
|
|
340
|
+
"connection.disconnected": "Disconnected",
|
|
318
341
|
"update.available": "A new version is available: {version}",
|
|
319
342
|
"update.install": "Update online",
|
|
320
343
|
"update.installing": "Updating…",
|
|
@@ -323,6 +346,7 @@ window.__ModuleLoader__.load({
|
|
|
323
346
|
"update.release": "View Release",
|
|
324
347
|
"settings.title": "AI Image (dsh-imagegen)",
|
|
325
348
|
"settings.description": "Configure the image generation API endpoint and key",
|
|
349
|
+
"settings.currentVersion": "Current version",
|
|
326
350
|
"settings.apiUrl": "API URL (api_url)",
|
|
327
351
|
"settings.apiUrlHint": "OpenAI-compatible base URL, e.g. https://api.openai.com/v1; /images/generations and /images/edits are appended",
|
|
328
352
|
"settings.apiKey": "API Key (api_key)",
|
|
@@ -375,7 +399,7 @@ window.__ModuleLoader__.load({
|
|
|
375
399
|
}
|
|
376
400
|
//#endregion
|
|
377
401
|
//#region \0dsh-css:E:\dsh-plugin\src\client\panel.module.css.mjs
|
|
378
|
-
const css$1 = "[data-pane=conversation]{position:relative}[data-dsh-imagegen-view]{z-index:60;background:var(--dsw-alias-bg-base);display:none;position:absolute;inset:0}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-dsh-imagegen-view]{display:block}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane=conversation]>:not([data-dsh-imagegen-view]),html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*=centerCol]>:not([data-dsh-imagegen-view]){display:none!important}.Yvqh9W_entry{width:100%;height:32px;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.Yvqh9W_entry:hover{background:var(--dsw-specific-sidebar-nav-item-hover);color:var(--dsw-alias-label-primary)}.Yvqh9W_entry[data-active]{background:var(--dsw-specific-sidebar-nav-item-active);color:var(--dsw-alias-label-primary);font-weight:600}.Yvqh9W_entryIcon{flex:none;justify-content:center;align-items:center;display:inline-flex}.Yvqh9W_entryLabel{text-overflow:ellipsis;overflow:hidden}[data-dsh-frame][data-sidebar-collapsed] .Yvqh9W_entry{justify-content:center;width:100%;padding:0}[data-dsh-frame][data-sidebar-collapsed] .Yvqh9W_entryLabel{display:none}.Yvqh9W_view{overflow:hidden}.Yvqh9W_panel,.Yvqh9W_panel *,.Yvqh9W_panel :before,.Yvqh9W_panel :after{box-sizing:border-box}.Yvqh9W_panel{background:var(--dsw-alias-bg-base);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;overflow:hidden}.Yvqh9W_panelHeader{flex:none;align-items:baseline;gap:10px;display:flex}.Yvqh9W_panelTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:700}.Yvqh9W_panelSubtitle{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.Yvqh9W_banner{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;border-radius:10px;flex:none;padding:7px 12px;font-size:12px;line-height:1.5}.Yvqh9W_banner[data-kind=ok]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}.Yvqh9W_banner[data-kind=warn]{color:var(--dsw-alias-state-warn-primary);border-color:var(--dsw-alias-state-warn-primary)}.Yvqh9W_updateBanner{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);overflow-wrap:anywhere;border-radius:10px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px 7px 12px;font-size:12px;line-height:1.5;display:flex}.Yvqh9W_updateBanner[data-kind=ok]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}.Yvqh9W_updateText{min-width:0}.Yvqh9W_updateActions{flex:none;align-items:center;gap:10px;display:inline-flex}.Yvqh9W_updateRelease{color:inherit;text-underline-offset:2px;white-space:nowrap;text-decoration:underline}@media (width<=700px){.Yvqh9W_updateBanner{flex-direction:column;align-items:flex-start}.Yvqh9W_updateActions{justify-content:space-between;width:100%}}.Yvqh9W_studio{flex:1;gap:14px;min-width:0;min-height:0;display:flex}.Yvqh9W_config{flex-direction:column;flex:none;gap:12px;width:300px;min-width:260px;max-width:340px;height:100%;min-height:0;display:flex;overflow:hidden}.Yvqh9W_configScroll{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.Yvqh9W_configScroll::-webkit-scrollbar{width:8px}.Yvqh9W_configScroll::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_canvas{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.Yvqh9W_history{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;flex:none;width:240px;min-width:200px;max-width:280px;min-height:0;display:flex;overflow:hidden}.Yvqh9W_historyHeader{border-bottom:1px solid var(--dsw-alias-border-l1);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.Yvqh9W_historyTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.Yvqh9W_historyClear{font:inherit;color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.Yvqh9W_historyClear:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.Yvqh9W_historyList{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex;overflow-y:auto}.Yvqh9W_historyList::-webkit-scrollbar{width:8px}.Yvqh9W_historyList::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_historyEmpty{text-align:center;color:var(--dsw-alias-label-tertiary);flex:1;justify-content:center;align-items:center;padding:20px;font-size:12px;line-height:1.6;display:flex}.Yvqh9W_historyItem{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:10px;flex-direction:column;flex:none;gap:6px;padding:8px;display:flex}.Yvqh9W_historyItem:hover{border-color:var(--dsw-alias-border-l2)}.Yvqh9W_historyItem[data-active]{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_historyMain{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:8px;min-width:0;padding:0;display:flex}.Yvqh9W_historyThumb{object-fit:cover;background:var(--dsw-alias-bg-base);border-radius:8px;flex:none;width:52px;height:52px}.Yvqh9W_historyThumbPlaceholder{background:var(--dsw-alias-bg-layer-3);border-radius:8px;flex:none;width:52px;height:52px}.Yvqh9W_historyInfo{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Yvqh9W_historyPrompt{color:var(--dsw-alias-label-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.Yvqh9W_historyMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.Yvqh9W_historyActions{justify-content:flex-end;gap:6px;display:flex}.Yvqh9W_historyAction{font:inherit;color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.Yvqh9W_historyAction:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.Yvqh9W_historyAction[data-danger]:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.Yvqh9W_card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex}.Yvqh9W_modeRow{align-items:center;gap:8px;display:flex}.Yvqh9W_modePill{flex:1;justify-content:center;height:28px;font-size:13px}.Yvqh9W_uploadBox{min-height:128px;color:var(--dsw-alias-label-secondary);border:1.5px dashed var(--dsw-alias-border-l2);cursor:pointer;font:inherit;text-align:center;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:12.5px;display:flex}.Yvqh9W_uploadBox:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-interactive-bg-hover)}.Yvqh9W_uploadBox:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Yvqh9W_uploadIcon{color:var(--dsw-alias-label-tertiary);display:inline-flex}.Yvqh9W_uploadHint{color:var(--dsw-alias-label-tertiary);font-size:11px}.Yvqh9W_reference{flex-direction:column;gap:8px;display:flex}.Yvqh9W_referenceImage{object-fit:contain;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;width:100%;max-height:176px}.Yvqh9W_referenceActions{gap:8px;display:flex}.Yvqh9W_hiddenFile{display:none}.Yvqh9W_prompt{width:100%;min-height:120px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6}.Yvqh9W_prompt:focus-visible{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_prompt::placeholder{color:var(--dsw-alias-label-tertiary)}.Yvqh9W_promptFooter{justify-content:flex-end;margin-top:-6px;display:flex}.Yvqh9W_promptCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.Yvqh9W_paramGroup{flex-direction:column;gap:8px;display:flex}.Yvqh9W_paramLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.Yvqh9W_optionRow{flex-wrap:wrap;gap:6px;display:flex}.Yvqh9W_optionGrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.Yvqh9W_optionPill{justify-content:center}.Yvqh9W_paramHint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.45}.Yvqh9W_footer{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;align-items:stretch;gap:8px;padding:10px 2px 0 0;display:flex}.Yvqh9W_modelWrap{flex-direction:column;gap:5px;min-width:0;display:flex}.Yvqh9W_modelLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.Yvqh9W_modelSelect{width:100%;height:36px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;border-radius:18px;outline:none;padding:0 12px;font-family:inherit;font-size:13px}.Yvqh9W_modelSelect:focus-visible{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_modelSelect:disabled{opacity:.55}.Yvqh9W_generateButton{width:100%}.Yvqh9W_generateInner{align-items:center;gap:7px;display:inline-flex}.Yvqh9W_canvasState{text-align:center;color:var(--dsw-alias-label-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.Yvqh9W_canvasStateTitle{color:var(--dsw-alias-label-secondary);font-size:14px;font-weight:600}.Yvqh9W_canvasStateHint{max-width:380px;font-size:12px;line-height:1.6}.Yvqh9W_canvasEmptyIcon{color:var(--dsw-alias-label-tertiary);margin-bottom:4px;display:inline-flex}.Yvqh9W_canvasError{color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-label-error);overflow-wrap:anywhere;border-radius:10px;flex:none;margin:14px;padding:10px 14px;font-size:12.5px;line-height:1.6}.Yvqh9W_canvasBody{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.Yvqh9W_canvasBody::-webkit-scrollbar{width:8px}.Yvqh9W_canvasBody::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_canvasMeta{color:var(--dsw-alias-label-tertiary);flex:none;align-items:center;gap:8px;font-size:12px;display:flex}.Yvqh9W_canvasHistoryTag{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}.Yvqh9W_grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:14px;display:grid}.Yvqh9W_imageCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);cursor:zoom-in;border-radius:12px;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.Yvqh9W_imageCard:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Yvqh9W_image{aspect-ratio:1;object-fit:cover;background:var(--dsw-alias-bg-base);width:100%;display:block}.Yvqh9W_imageCaption{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;border-top:1px solid var(--dsw-alias-border-l1);padding:7px 10px;font-size:11px;line-height:1.5;overflow:hidden}.Yvqh9W_download{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);opacity:0;backdrop-filter:blur(4px);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;text-decoration:none;transition:opacity .12s;position:absolute;top:8px;right:8px}.Yvqh9W_imageCard:hover .Yvqh9W_download{opacity:1}.Yvqh9W_download:hover{background:var(--dsw-alias-bg-base)}.Yvqh9W_zoomHint{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);opacity:0;backdrop-filter:blur(4px);pointer-events:none;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex;position:absolute;bottom:8px;left:8px}.Yvqh9W_imageCard:hover .Yvqh9W_zoomHint{opacity:1}.Yvqh9W_spinner,.Yvqh9W_bigSpinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;animation:.8s linear infinite Yvqh9W_dshImageGenSpin;display:inline-block}.Yvqh9W_spinner{width:11px;height:11px}.Yvqh9W_bigSpinner{width:30px;height:30px;color:var(--dsw-alias-state-business-primary);border-width:3px;margin-bottom:6px}.Yvqh9W_lightbox{z-index:1000;backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.Yvqh9W_lightboxClose{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:absolute;top:16px;right:16px}.Yvqh9W_lightboxClose:hover{background:#ffffff42}.Yvqh9W_lightboxNav{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.Yvqh9W_lightboxNav:hover{background:#ffffff42}.Yvqh9W_lightboxNav[data-dir=prev]{left:16px}.Yvqh9W_lightboxNav[data-dir=next]{right:16px}.Yvqh9W_lightboxFigure{flex-direction:column;gap:10px;max-width:min(1100px,100vw - 160px);max-height:calc(100vh - 48px);margin:0;display:flex}.Yvqh9W_lightboxImage{object-fit:contain;background:#ffffff0a;border-radius:10px;max-width:100%;max-height:calc(100vh - 160px);box-shadow:0 24px 80px #00000080}.Yvqh9W_lightboxCaption{color:#ffffffe6;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.Yvqh9W_lightboxMeta{justify-content:space-between;align-items:center;gap:12px;display:flex}.Yvqh9W_lightboxIndex{color:#fffc;font-variant-numeric:tabular-nums;font-size:12px}.Yvqh9W_lightboxDownload{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;padding:4px 14px;font-size:12.5px;font-weight:500;text-decoration:none}.Yvqh9W_lightboxDownload:hover{background:#ffffff42}@keyframes Yvqh9W_dshImageGenSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.Yvqh9W_download,.Yvqh9W_spinner,.Yvqh9W_bigSpinner{transition:none;animation-duration:1.5s}}";
|
|
402
|
+
const css$1 = "[data-pane=conversation]{position:relative}[data-dsh-imagegen-view]{z-index:60;background:var(--dsw-alias-bg-base);display:none;position:absolute;inset:0}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-dsh-imagegen-view]{display:block}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane=conversation]>:not([data-dsh-imagegen-view]),html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*=centerCol]>:not([data-dsh-imagegen-view]){display:none!important}.Yvqh9W_entry{width:100%;height:32px;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.Yvqh9W_entry:hover{background:var(--dsw-specific-sidebar-nav-item-hover);color:var(--dsw-alias-label-primary)}.Yvqh9W_entry[data-active]{background:var(--dsw-specific-sidebar-nav-item-active);color:var(--dsw-alias-label-primary);font-weight:600}.Yvqh9W_entryIcon{flex:none;justify-content:center;align-items:center;display:inline-flex}.Yvqh9W_entryLabel{text-overflow:ellipsis;overflow:hidden}[data-dsh-frame][data-sidebar-collapsed] .Yvqh9W_entry{justify-content:center;width:100%;padding:0}[data-dsh-frame][data-sidebar-collapsed] .Yvqh9W_entryLabel{display:none}.Yvqh9W_view{overflow:hidden}.Yvqh9W_panel,.Yvqh9W_panel *,.Yvqh9W_panel :before,.Yvqh9W_panel :after{box-sizing:border-box}.Yvqh9W_panel{background:var(--dsw-alias-bg-base);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;overflow:hidden}.Yvqh9W_panelHeader{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.Yvqh9W_panelHeading{align-items:baseline;gap:10px;min-width:0;display:flex}.Yvqh9W_panelTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:700}.Yvqh9W_panelSubtitle{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.Yvqh9W_connectionStatus{border:1px solid var(--dsw-alias-label-error);height:28px;color:var(--dsw-alias-label-error);font:inherit;white-space:nowrap;background:0 0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;line-height:1;display:inline-flex}.Yvqh9W_connectionStatus[data-connected=true]{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}.Yvqh9W_connectionDot{background:currentColor;border-radius:50%;width:6px;height:6px}.Yvqh9W_updateBanner{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);overflow-wrap:anywhere;border-radius:10px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px 7px 12px;font-size:12px;line-height:1.5;display:flex}.Yvqh9W_updateBanner[data-kind=ok]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}.Yvqh9W_updateText{min-width:0}.Yvqh9W_updateActions{flex:none;align-items:center;gap:10px;display:inline-flex}.Yvqh9W_updateRelease{color:inherit;text-underline-offset:2px;white-space:nowrap;text-decoration:underline}@media (width<=700px){.Yvqh9W_panelHeader{align-items:flex-start}.Yvqh9W_panelHeading{flex-direction:column;align-items:flex-start;gap:2px}.Yvqh9W_updateBanner{flex-direction:column;align-items:flex-start}.Yvqh9W_updateActions{justify-content:space-between;width:100%}}.Yvqh9W_studio{flex:1;gap:14px;min-width:0;min-height:0;display:flex}.Yvqh9W_config{flex-direction:column;flex:none;gap:12px;width:300px;min-width:260px;max-width:340px;height:100%;min-height:0;display:flex;overflow:hidden}.Yvqh9W_configScroll{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.Yvqh9W_configScroll::-webkit-scrollbar{width:8px}.Yvqh9W_configScroll::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_canvas{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.Yvqh9W_history{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;flex:none;width:240px;min-width:200px;max-width:280px;min-height:0;display:flex;overflow:hidden}.Yvqh9W_historyHeader{border-bottom:1px solid var(--dsw-alias-border-l1);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.Yvqh9W_historyTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.Yvqh9W_historyClear{font:inherit;color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.Yvqh9W_historyClear:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.Yvqh9W_historyList{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex;overflow-y:auto}.Yvqh9W_historyList::-webkit-scrollbar{width:8px}.Yvqh9W_historyList::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_historyEmpty{text-align:center;color:var(--dsw-alias-label-tertiary);flex:1;justify-content:center;align-items:center;padding:20px;font-size:12px;line-height:1.6;display:flex}.Yvqh9W_historyItem{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:10px;flex-direction:column;flex:none;gap:6px;padding:8px;display:flex}.Yvqh9W_historyItem:hover{border-color:var(--dsw-alias-border-l2)}.Yvqh9W_historyItem[data-active]{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_historyMain{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:8px;min-width:0;padding:0;display:flex}.Yvqh9W_historyThumb{object-fit:cover;background:var(--dsw-alias-bg-base);border-radius:8px;flex:none;width:52px;height:52px}.Yvqh9W_historyThumbPlaceholder{background:var(--dsw-alias-bg-layer-3);border-radius:8px;flex:none;width:52px;height:52px}.Yvqh9W_historyInfo{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Yvqh9W_historyPrompt{color:var(--dsw-alias-label-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.Yvqh9W_historyMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.Yvqh9W_historyActions{justify-content:flex-end;gap:6px;display:flex}.Yvqh9W_historyAction{font:inherit;color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.Yvqh9W_historyAction:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.Yvqh9W_historyAction[data-danger]:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.Yvqh9W_card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex}.Yvqh9W_modeRow{align-items:center;gap:8px;display:flex}.Yvqh9W_modePill{flex:1;justify-content:center;height:28px;font-size:13px}.Yvqh9W_uploadBox{min-height:128px;color:var(--dsw-alias-label-secondary);border:1.5px dashed var(--dsw-alias-border-l2);cursor:pointer;font:inherit;text-align:center;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:12.5px;display:flex}.Yvqh9W_uploadBox:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-interactive-bg-hover)}.Yvqh9W_uploadBox:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Yvqh9W_uploadIcon{color:var(--dsw-alias-label-tertiary);display:inline-flex}.Yvqh9W_uploadHint{color:var(--dsw-alias-label-tertiary);font-size:11px}.Yvqh9W_reference{flex-direction:column;gap:8px;display:flex}.Yvqh9W_referenceImage{object-fit:contain;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;width:100%;max-height:176px}.Yvqh9W_referenceActions{gap:8px;display:flex}.Yvqh9W_hiddenFile{display:none}.Yvqh9W_prompt{width:100%;min-height:120px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6}.Yvqh9W_prompt:focus-visible{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_prompt::placeholder{color:var(--dsw-alias-label-tertiary)}.Yvqh9W_promptFooter{justify-content:flex-end;margin-top:-6px;display:flex}.Yvqh9W_promptCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.Yvqh9W_paramGroup{flex-direction:column;gap:8px;display:flex}.Yvqh9W_paramLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.Yvqh9W_optionRow{flex-wrap:wrap;gap:6px;display:flex}.Yvqh9W_optionGrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.Yvqh9W_optionPill{justify-content:center}.Yvqh9W_paramHint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.45}.Yvqh9W_footer{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;align-items:stretch;gap:8px;padding:10px 2px 0 0;display:flex}.Yvqh9W_modelWrap{flex-direction:column;gap:5px;min-width:0;display:flex}.Yvqh9W_modelLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.Yvqh9W_modelSelect{width:100%;height:36px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;border-radius:18px;outline:none;padding:0 12px;font-family:inherit;font-size:13px}.Yvqh9W_modelSelect:focus-visible{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_modelSelect:disabled{opacity:.55}.Yvqh9W_generateButton{width:100%}.Yvqh9W_generateInner{align-items:center;gap:7px;display:inline-flex}.Yvqh9W_canvasState{text-align:center;color:var(--dsw-alias-label-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.Yvqh9W_canvasStateTitle{color:var(--dsw-alias-label-secondary);font-size:14px;font-weight:600}.Yvqh9W_canvasStateHint{max-width:380px;font-size:12px;line-height:1.6}.Yvqh9W_canvasEmptyIcon{color:var(--dsw-alias-label-tertiary);margin-bottom:4px;display:inline-flex}.Yvqh9W_canvasError{color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-label-error);overflow-wrap:anywhere;border-radius:10px;flex:none;margin:14px;padding:10px 14px;font-size:12.5px;line-height:1.6}.Yvqh9W_canvasBody{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.Yvqh9W_canvasBody::-webkit-scrollbar{width:8px}.Yvqh9W_canvasBody::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_canvasMeta{color:var(--dsw-alias-label-tertiary);flex:none;align-items:center;gap:8px;font-size:12px;display:flex}.Yvqh9W_canvasHistoryTag{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}.Yvqh9W_grid{flex:1;gap:14px;min-height:0;display:grid}.Yvqh9W_grid[data-count=\"1\"]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.Yvqh9W_grid[data-count=\"2\"]{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.Yvqh9W_grid[data-count=\"3\"]{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}.Yvqh9W_grid[data-count=\"4\"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.Yvqh9W_imageCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);cursor:zoom-in;border-radius:12px;flex-direction:column;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}.Yvqh9W_imageCard:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Yvqh9W_image{object-fit:contain;background:var(--dsw-alias-bg-base);flex:1;width:100%;min-height:0;display:block}.Yvqh9W_imageCaption{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;border-top:1px solid var(--dsw-alias-border-l1);padding:7px 10px;font-size:11px;line-height:1.5;overflow:hidden}.Yvqh9W_download{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);opacity:0;backdrop-filter:blur(4px);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;text-decoration:none;transition:opacity .12s;position:absolute;top:8px;right:8px}.Yvqh9W_imageCard:hover .Yvqh9W_download{opacity:1}.Yvqh9W_download:hover{background:var(--dsw-alias-bg-base)}.Yvqh9W_zoomHint{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);opacity:0;backdrop-filter:blur(4px);pointer-events:none;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex;position:absolute;bottom:8px;left:8px}.Yvqh9W_imageCard:hover .Yvqh9W_zoomHint{opacity:1}.Yvqh9W_spinner,.Yvqh9W_bigSpinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;animation:.8s linear infinite Yvqh9W_dshImageGenSpin;display:inline-block}.Yvqh9W_spinner{width:11px;height:11px}.Yvqh9W_bigSpinner{width:30px;height:30px;color:var(--dsw-alias-state-business-primary);border-width:3px;margin-bottom:6px}.Yvqh9W_lightbox{z-index:1000;backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.Yvqh9W_lightboxClose{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:absolute;top:16px;right:16px}.Yvqh9W_lightboxClose:hover{background:#ffffff42}.Yvqh9W_lightboxNav{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.Yvqh9W_lightboxNav:hover{background:#ffffff42}.Yvqh9W_lightboxNav[data-dir=prev]{left:max(20px,50% - 640px)}.Yvqh9W_lightboxNav[data-dir=next]{right:max(20px,50% - 640px)}.Yvqh9W_lightboxFigure{flex-direction:column;gap:10px;width:min(1100px,100vw - 160px);max-width:min(1100px,100vw - 160px);height:min(820px,100vh - 48px);min-height:0;margin:0;display:flex}.Yvqh9W_lightboxStage{background:#ffffff0a;border-radius:10px;flex:1;place-items:center;min-height:0;display:grid;overflow:auto}.Yvqh9W_lightboxImage{object-fit:contain;border-radius:10px;max-width:calc(100% - 4px);max-height:calc(100% - 4px);transition:transform .12s;box-shadow:0 24px 80px #00000080}.Yvqh9W_lightboxTools{justify-content:center;align-items:center;gap:6px;display:flex}.Yvqh9W_lightboxTool,.Yvqh9W_lightboxZoomLevel,.Yvqh9W_lightboxCopy{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;justify-content:center;align-items:center;display:inline-flex}.Yvqh9W_lightboxTool,.Yvqh9W_lightboxZoomLevel{height:32px}.Yvqh9W_lightboxTool{border-radius:50%;width:32px}.Yvqh9W_lightboxZoomLevel{min-width:58px;font:inherit;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 9px;font-size:12px}.Yvqh9W_lightboxTool:hover,.Yvqh9W_lightboxZoomLevel:hover,.Yvqh9W_lightboxCopy:hover{background:#ffffff42}.Yvqh9W_lightboxCaptionRow{align-items:flex-start;gap:8px;min-width:0;display:flex}.Yvqh9W_lightboxCaption{color:#ffffffe6;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.Yvqh9W_lightboxCopy{min-height:28px;font:inherit;white-space:nowrap;border-radius:999px;flex:none;gap:5px;padding:4px 9px;font-size:12px}.Yvqh9W_lightboxMeta{justify-content:space-between;align-items:center;gap:12px;display:flex}.Yvqh9W_lightboxIndex{color:#fffc;font-variant-numeric:tabular-nums;font-size:12px}.Yvqh9W_lightboxActions{align-items:center;gap:8px;display:inline-flex}.Yvqh9W_lightboxDownload,.Yvqh9W_lightboxEdit{font:inherit;color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;padding:4px 14px;font-size:12.5px;font-weight:500;text-decoration:none}.Yvqh9W_lightboxDownload:hover,.Yvqh9W_lightboxEdit:hover{background:#ffffff42}.Yvqh9W_lightboxEdit{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px}@media (width<=720px){.Yvqh9W_lightbox{padding:16px}.Yvqh9W_lightboxFigure{width:calc(100vw - 32px);max-width:none}.Yvqh9W_lightboxNav[data-dir=prev]{left:20px}.Yvqh9W_lightboxNav[data-dir=next]{right:20px}.Yvqh9W_lightboxCaptionRow,.Yvqh9W_lightboxMeta{flex-direction:column;align-items:stretch}.Yvqh9W_lightboxCopy,.Yvqh9W_lightboxActions{align-self:flex-end}}@keyframes Yvqh9W_dshImageGenSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.Yvqh9W_download,.Yvqh9W_spinner,.Yvqh9W_bigSpinner{transition:none;animation-duration:1.5s}}";
|
|
379
403
|
const tagId$1 = "@dickpy/dsh-imagegen/panel.module.css";
|
|
380
404
|
if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
|
|
381
405
|
const tag = document.createElement("style");
|
|
@@ -385,89 +409,99 @@ window.__ModuleLoader__.load({
|
|
|
385
409
|
document.head.appendChild(tag);
|
|
386
410
|
}
|
|
387
411
|
var panel_module_css_default = {
|
|
388
|
-
"view": "Yvqh9W_view",
|
|
389
|
-
"entryLabel": "Yvqh9W_entryLabel",
|
|
390
|
-
"uploadIcon": "Yvqh9W_uploadIcon",
|
|
391
|
-
"canvasError": "Yvqh9W_canvasError",
|
|
392
412
|
"canvasHistoryTag": "Yvqh9W_canvasHistoryTag",
|
|
393
|
-
"
|
|
394
|
-
"
|
|
395
|
-
"
|
|
396
|
-
"
|
|
413
|
+
"prompt": "Yvqh9W_prompt",
|
|
414
|
+
"entryLabel": "Yvqh9W_entryLabel",
|
|
415
|
+
"historyThumbPlaceholder": "Yvqh9W_historyThumbPlaceholder",
|
|
416
|
+
"generateInner": "Yvqh9W_generateInner",
|
|
417
|
+
"historyActions": "Yvqh9W_historyActions",
|
|
397
418
|
"canvasStateHint": "Yvqh9W_canvasStateHint",
|
|
398
|
-
"modelWrap": "Yvqh9W_modelWrap",
|
|
399
|
-
"canvasState": "Yvqh9W_canvasState",
|
|
400
|
-
"historyEmpty": "Yvqh9W_historyEmpty",
|
|
401
|
-
"historyMain": "Yvqh9W_historyMain",
|
|
402
|
-
"historyMeta": "Yvqh9W_historyMeta",
|
|
403
|
-
"dshImageGenSpin": "Yvqh9W_dshImageGenSpin",
|
|
404
|
-
"updateActions": "Yvqh9W_updateActions",
|
|
405
|
-
"paramLabel": "Yvqh9W_paramLabel",
|
|
406
|
-
"lightboxNav": "Yvqh9W_lightboxNav",
|
|
407
|
-
"lightboxClose": "Yvqh9W_lightboxClose",
|
|
408
|
-
"paramHint": "Yvqh9W_paramHint",
|
|
409
|
-
"lightbox": "Yvqh9W_lightbox",
|
|
410
|
-
"entryIcon": "Yvqh9W_entryIcon",
|
|
411
|
-
"download": "Yvqh9W_download",
|
|
412
419
|
"spinner": "Yvqh9W_spinner",
|
|
413
|
-
"
|
|
414
|
-
"
|
|
415
|
-
"
|
|
416
|
-
"
|
|
417
|
-
"lightboxMeta": "Yvqh9W_lightboxMeta",
|
|
418
|
-
"historyThumbPlaceholder": "Yvqh9W_historyThumbPlaceholder",
|
|
419
|
-
"canvasStateTitle": "Yvqh9W_canvasStateTitle",
|
|
420
|
-
"canvasMeta": "Yvqh9W_canvasMeta",
|
|
421
|
-
"config": "Yvqh9W_config",
|
|
420
|
+
"bigSpinner": "Yvqh9W_bigSpinner",
|
|
421
|
+
"lightboxStage": "Yvqh9W_lightboxStage",
|
|
422
|
+
"historyHeader": "Yvqh9W_historyHeader",
|
|
423
|
+
"paramLabel": "Yvqh9W_paramLabel",
|
|
422
424
|
"canvasBody": "Yvqh9W_canvasBody",
|
|
425
|
+
"dshImageGenSpin": "Yvqh9W_dshImageGenSpin",
|
|
426
|
+
"lightboxActions": "Yvqh9W_lightboxActions",
|
|
427
|
+
"lightboxEdit": "Yvqh9W_lightboxEdit",
|
|
428
|
+
"updateText": "Yvqh9W_updateText",
|
|
423
429
|
"panelTitle": "Yvqh9W_panelTitle",
|
|
424
|
-
"prompt": "Yvqh9W_prompt",
|
|
425
|
-
"lightboxFigure": "Yvqh9W_lightboxFigure",
|
|
426
|
-
"generateButton": "Yvqh9W_generateButton",
|
|
427
|
-
"panelHeader": "Yvqh9W_panelHeader",
|
|
428
|
-
"bigSpinner": "Yvqh9W_bigSpinner",
|
|
429
|
-
"configScroll": "Yvqh9W_configScroll",
|
|
430
|
-
"lightboxIndex": "Yvqh9W_lightboxIndex",
|
|
431
|
-
"modePill": "Yvqh9W_modePill",
|
|
432
|
-
"modelLabel": "Yvqh9W_modelLabel",
|
|
433
|
-
"studio": "Yvqh9W_studio",
|
|
434
|
-
"historyTitle": "Yvqh9W_historyTitle",
|
|
435
|
-
"history": "Yvqh9W_history",
|
|
436
|
-
"historyInfo": "Yvqh9W_historyInfo",
|
|
437
|
-
"historyActions": "Yvqh9W_historyActions",
|
|
438
|
-
"historyAction": "Yvqh9W_historyAction",
|
|
439
|
-
"card": "Yvqh9W_card",
|
|
440
|
-
"panelSubtitle": "Yvqh9W_panelSubtitle",
|
|
441
|
-
"uploadBox": "Yvqh9W_uploadBox",
|
|
442
430
|
"reference": "Yvqh9W_reference",
|
|
443
|
-
"
|
|
444
|
-
"updateText": "Yvqh9W_updateText",
|
|
445
|
-
"promptFooter": "Yvqh9W_promptFooter",
|
|
446
|
-
"banner": "Yvqh9W_banner",
|
|
447
|
-
"entry": "Yvqh9W_entry",
|
|
448
|
-
"promptCount": "Yvqh9W_promptCount",
|
|
431
|
+
"canvasError": "Yvqh9W_canvasError",
|
|
449
432
|
"referenceImage": "Yvqh9W_referenceImage",
|
|
433
|
+
"optionPill": "Yvqh9W_optionPill",
|
|
434
|
+
"lightboxCaption": "Yvqh9W_lightboxCaption",
|
|
435
|
+
"paramHint": "Yvqh9W_paramHint",
|
|
436
|
+
"grid": "Yvqh9W_grid",
|
|
437
|
+
"zoomHint": "Yvqh9W_zoomHint",
|
|
450
438
|
"panel": "Yvqh9W_panel",
|
|
451
|
-
"
|
|
439
|
+
"updateActions": "Yvqh9W_updateActions",
|
|
440
|
+
"config": "Yvqh9W_config",
|
|
441
|
+
"historyMain": "Yvqh9W_historyMain",
|
|
452
442
|
"historyThumb": "Yvqh9W_historyThumb",
|
|
453
|
-
"
|
|
454
|
-
"
|
|
455
|
-
"
|
|
443
|
+
"card": "Yvqh9W_card",
|
|
444
|
+
"optionGrid": "Yvqh9W_optionGrid",
|
|
445
|
+
"lightbox": "Yvqh9W_lightbox",
|
|
446
|
+
"lightboxClose": "Yvqh9W_lightboxClose",
|
|
447
|
+
"lightboxImage": "Yvqh9W_lightboxImage",
|
|
448
|
+
"lightboxMeta": "Yvqh9W_lightboxMeta",
|
|
449
|
+
"modeRow": "Yvqh9W_modeRow",
|
|
450
|
+
"canvasStateTitle": "Yvqh9W_canvasStateTitle",
|
|
451
|
+
"panelHeading": "Yvqh9W_panelHeading",
|
|
452
|
+
"download": "Yvqh9W_download",
|
|
453
|
+
"historyTitle": "Yvqh9W_historyTitle",
|
|
454
|
+
"imageCard": "Yvqh9W_imageCard",
|
|
455
|
+
"canvasState": "Yvqh9W_canvasState",
|
|
456
|
+
"promptFooter": "Yvqh9W_promptFooter",
|
|
457
|
+
"updateBanner": "Yvqh9W_updateBanner",
|
|
458
|
+
"lightboxIndex": "Yvqh9W_lightboxIndex",
|
|
456
459
|
"historyList": "Yvqh9W_historyList",
|
|
460
|
+
"configScroll": "Yvqh9W_configScroll",
|
|
461
|
+
"canvasMeta": "Yvqh9W_canvasMeta",
|
|
462
|
+
"entryIcon": "Yvqh9W_entryIcon",
|
|
463
|
+
"canvas": "Yvqh9W_canvas",
|
|
464
|
+
"view": "Yvqh9W_view",
|
|
457
465
|
"historyPrompt": "Yvqh9W_historyPrompt",
|
|
458
|
-
"
|
|
459
|
-
"
|
|
460
|
-
"
|
|
461
|
-
"imageCard": "Yvqh9W_imageCard",
|
|
466
|
+
"optionRow": "Yvqh9W_optionRow",
|
|
467
|
+
"modelSelect": "Yvqh9W_modelSelect",
|
|
468
|
+
"footer": "Yvqh9W_footer",
|
|
462
469
|
"image": "Yvqh9W_image",
|
|
463
|
-
"lightboxImage": "Yvqh9W_lightboxImage",
|
|
464
470
|
"imageCaption": "Yvqh9W_imageCaption",
|
|
471
|
+
"uploadIcon": "Yvqh9W_uploadIcon",
|
|
472
|
+
"historyMeta": "Yvqh9W_historyMeta",
|
|
473
|
+
"canvasEmptyIcon": "Yvqh9W_canvasEmptyIcon",
|
|
474
|
+
"updateRelease": "Yvqh9W_updateRelease",
|
|
475
|
+
"modelWrap": "Yvqh9W_modelWrap",
|
|
476
|
+
"lightboxNav": "Yvqh9W_lightboxNav",
|
|
477
|
+
"lightboxCopy": "Yvqh9W_lightboxCopy",
|
|
478
|
+
"historyItem": "Yvqh9W_historyItem",
|
|
479
|
+
"modePill": "Yvqh9W_modePill",
|
|
480
|
+
"generateButton": "Yvqh9W_generateButton",
|
|
481
|
+
"historyClear": "Yvqh9W_historyClear",
|
|
482
|
+
"lightboxCaptionRow": "Yvqh9W_lightboxCaptionRow",
|
|
483
|
+
"promptCount": "Yvqh9W_promptCount",
|
|
484
|
+
"modelLabel": "Yvqh9W_modelLabel",
|
|
485
|
+
"lightboxZoomLevel": "Yvqh9W_lightboxZoomLevel",
|
|
465
486
|
"lightboxDownload": "Yvqh9W_lightboxDownload",
|
|
466
|
-
"
|
|
467
|
-
"canvas": "Yvqh9W_canvas",
|
|
487
|
+
"referenceActions": "Yvqh9W_referenceActions",
|
|
468
488
|
"paramGroup": "Yvqh9W_paramGroup",
|
|
469
|
-
"
|
|
470
|
-
"
|
|
489
|
+
"lightboxTool": "Yvqh9W_lightboxTool",
|
|
490
|
+
"historyEmpty": "Yvqh9W_historyEmpty",
|
|
491
|
+
"panelHeader": "Yvqh9W_panelHeader",
|
|
492
|
+
"historyInfo": "Yvqh9W_historyInfo",
|
|
493
|
+
"panelSubtitle": "Yvqh9W_panelSubtitle",
|
|
494
|
+
"lightboxTools": "Yvqh9W_lightboxTools",
|
|
495
|
+
"historyAction": "Yvqh9W_historyAction",
|
|
496
|
+
"lightboxFigure": "Yvqh9W_lightboxFigure",
|
|
497
|
+
"uploadHint": "Yvqh9W_uploadHint",
|
|
498
|
+
"entry": "Yvqh9W_entry",
|
|
499
|
+
"connectionDot": "Yvqh9W_connectionDot",
|
|
500
|
+
"studio": "Yvqh9W_studio",
|
|
501
|
+
"hiddenFile": "Yvqh9W_hiddenFile",
|
|
502
|
+
"uploadBox": "Yvqh9W_uploadBox",
|
|
503
|
+
"history": "Yvqh9W_history",
|
|
504
|
+
"connectionStatus": "Yvqh9W_connectionStatus"
|
|
471
505
|
};
|
|
472
506
|
//#endregion
|
|
473
507
|
//#region src/client/ImageGenPanel.tsx
|
|
@@ -517,6 +551,12 @@ window.__ModuleLoader__.load({
|
|
|
517
551
|
];
|
|
518
552
|
const PROMPT_MAX = 2e3;
|
|
519
553
|
const REF_IMAGE_MAX_BYTES = 10 * 1024 * 1024;
|
|
554
|
+
const PREVIEW_SCALE_MIN = .5;
|
|
555
|
+
const PREVIEW_SCALE_MAX = 3;
|
|
556
|
+
const PREVIEW_SCALE_STEP = .25;
|
|
557
|
+
function clampPreviewScale(scale) {
|
|
558
|
+
return Math.min(PREVIEW_SCALE_MAX, Math.max(PREVIEW_SCALE_MIN, scale));
|
|
559
|
+
}
|
|
520
560
|
/** Read the current config from the settings scope snapshot. */
|
|
521
561
|
function useConfig(scope) {
|
|
522
562
|
const [value, setValue] = (0, react.useState)(scope.getSnapshot().value);
|
|
@@ -525,6 +565,14 @@ window.__ModuleLoader__.load({
|
|
|
525
565
|
}), [scope]);
|
|
526
566
|
return value;
|
|
527
567
|
}
|
|
568
|
+
/** Track the redacted api-key presence bit exposed by the settings bridge. */
|
|
569
|
+
function useKeySet(scope) {
|
|
570
|
+
const [keySet, setKeySet] = (0, react.useState)(scope.getKeySetSnapshot());
|
|
571
|
+
(0, react.useEffect)(() => scope.subscribeKeySet(() => {
|
|
572
|
+
setKeySet(scope.getKeySetSnapshot());
|
|
573
|
+
}), [scope]);
|
|
574
|
+
return keySet;
|
|
575
|
+
}
|
|
528
576
|
/** Tick a seconds counter while `running`. */
|
|
529
577
|
function useElapsed(running, startedAt) {
|
|
530
578
|
const [elapsed, setElapsed] = (0, react.useState)(0);
|
|
@@ -574,8 +622,9 @@ window.__ModuleLoader__.load({
|
|
|
574
622
|
const { api, scope } = props;
|
|
575
623
|
const config = useConfig(scope);
|
|
576
624
|
const enabled = config?.enabled ?? true;
|
|
577
|
-
const
|
|
578
|
-
const
|
|
625
|
+
const configured = (config?.apiUrl ?? "").trim() !== "";
|
|
626
|
+
const keySet = useKeySet(scope);
|
|
627
|
+
const connected = enabled && configured && keySet;
|
|
579
628
|
const [mode, setMode] = (0, react.useState)("text");
|
|
580
629
|
const [prompt, setPrompt] = (0, react.useState)("");
|
|
581
630
|
const [size, setSize] = (0, react.useState)("auto");
|
|
@@ -591,6 +640,8 @@ window.__ModuleLoader__.load({
|
|
|
591
640
|
const [history, setHistory] = (0, react.useState)([]);
|
|
592
641
|
const [viewingHistoryId, setViewingHistoryId] = (0, react.useState)(null);
|
|
593
642
|
const [preview, setPreview] = (0, react.useState)(null);
|
|
643
|
+
const [previewScale, setPreviewScale] = (0, react.useState)(1);
|
|
644
|
+
const [promptCopied, setPromptCopied] = (0, react.useState)(false);
|
|
594
645
|
const [update, setUpdate] = (0, react.useState)(null);
|
|
595
646
|
const [updating, setUpdating] = (0, react.useState)(false);
|
|
596
647
|
const [updateMessage, setUpdateMessage] = (0, react.useState)(null);
|
|
@@ -700,9 +751,18 @@ window.__ModuleLoader__.load({
|
|
|
700
751
|
images: previewImages,
|
|
701
752
|
index
|
|
702
753
|
});
|
|
754
|
+
setPreviewScale(1);
|
|
755
|
+
setPromptCopied(false);
|
|
756
|
+
};
|
|
757
|
+
const closePreview = () => {
|
|
758
|
+
setPreview(null);
|
|
759
|
+
setPreviewScale(1);
|
|
760
|
+
setPromptCopied(false);
|
|
703
761
|
};
|
|
704
762
|
/** Step the preview by ±1, wrapping around. */
|
|
705
763
|
const stepPreview = (delta) => {
|
|
764
|
+
setPreviewScale(1);
|
|
765
|
+
setPromptCopied(false);
|
|
706
766
|
setPreview((current) => {
|
|
707
767
|
if (current === null) return null;
|
|
708
768
|
const total = current.images.length;
|
|
@@ -715,9 +775,12 @@ window.__ModuleLoader__.load({
|
|
|
715
775
|
(0, react.useEffect)(() => {
|
|
716
776
|
if (preview === null) return;
|
|
717
777
|
const onKey = (event) => {
|
|
718
|
-
if (event.key === "Escape")
|
|
778
|
+
if (event.key === "Escape") closePreview();
|
|
719
779
|
else if (event.key === "ArrowLeft") stepPreview(-1);
|
|
720
780
|
else if (event.key === "ArrowRight") stepPreview(1);
|
|
781
|
+
else if (event.key === "+" || event.key === "=") setPreviewScale((current) => clampPreviewScale(current + PREVIEW_SCALE_STEP));
|
|
782
|
+
else if (event.key === "-") setPreviewScale((current) => clampPreviewScale(current - PREVIEW_SCALE_STEP));
|
|
783
|
+
else if (event.key === "0") setPreviewScale(1);
|
|
721
784
|
};
|
|
722
785
|
window.addEventListener("keydown", onKey);
|
|
723
786
|
return () => window.removeEventListener("keydown", onKey);
|
|
@@ -770,32 +833,64 @@ window.__ModuleLoader__.load({
|
|
|
770
833
|
const generateDisabled = generating || !enabled || !configured;
|
|
771
834
|
const viewingEntry = viewingHistoryId === null ? null : history.find((entry) => entry.id === viewingHistoryId) ?? null;
|
|
772
835
|
const previewImage = preview === null ? null : preview.images[preview.index] ?? null;
|
|
836
|
+
const copyPreviewPrompt = async (text) => {
|
|
837
|
+
try {
|
|
838
|
+
if (navigator.clipboard?.writeText !== void 0) await navigator.clipboard.writeText(text);
|
|
839
|
+
else {
|
|
840
|
+
const textarea = document.createElement("textarea");
|
|
841
|
+
textarea.value = text;
|
|
842
|
+
textarea.style.position = "fixed";
|
|
843
|
+
textarea.style.opacity = "0";
|
|
844
|
+
document.body.appendChild(textarea);
|
|
845
|
+
textarea.select();
|
|
846
|
+
const copied = document.execCommand("copy");
|
|
847
|
+
textarea.remove();
|
|
848
|
+
if (!copied) throw new Error("copy failed");
|
|
849
|
+
}
|
|
850
|
+
setPromptCopied(true);
|
|
851
|
+
window.setTimeout(() => {
|
|
852
|
+
setPromptCopied(false);
|
|
853
|
+
}, 1800);
|
|
854
|
+
} catch {
|
|
855
|
+
setPromptCopied(false);
|
|
856
|
+
}
|
|
857
|
+
};
|
|
858
|
+
const addPreviewToEdit = () => {
|
|
859
|
+
if (previewImage === null || preview === null) return;
|
|
860
|
+
setMode("edit");
|
|
861
|
+
setRefImage({
|
|
862
|
+
dataUrl: srcOf(previewImage),
|
|
863
|
+
name: `dsh-image-${preview.index + 1}.${extensionOf(previewImage.mime)}`
|
|
864
|
+
});
|
|
865
|
+
if (prompt.trim() === "" && previewImage.revisedPrompt !== void 0) setPrompt(previewImage.revisedPrompt);
|
|
866
|
+
setError(null);
|
|
867
|
+
closePreview();
|
|
868
|
+
};
|
|
773
869
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
774
870
|
className: panel_module_css_default.panel,
|
|
775
871
|
children: [
|
|
776
872
|
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
|
|
777
873
|
className: panel_module_css_default.panelHeader,
|
|
778
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.
|
|
779
|
-
className: panel_module_css_default.
|
|
780
|
-
children:
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
874
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
|
|
875
|
+
className: panel_module_css_default.panelHeading,
|
|
876
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
|
|
877
|
+
className: panel_module_css_default.panelTitle,
|
|
878
|
+
children: tt("panel.title")
|
|
879
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
880
|
+
className: panel_module_css_default.panelSubtitle,
|
|
881
|
+
children: tt("panel.subtitle")
|
|
882
|
+
})]
|
|
883
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
|
|
884
|
+
type: "button",
|
|
885
|
+
className: panel_module_css_default.connectionStatus,
|
|
886
|
+
"data-connected": connected ? "true" : "false",
|
|
887
|
+
"aria-label": tt(connected ? "connection.connected" : "connection.disconnected"),
|
|
888
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
889
|
+
className: panel_module_css_default.connectionDot,
|
|
890
|
+
"aria-hidden": "true"
|
|
891
|
+
}), tt(connected ? "connection.connected" : "connection.disconnected")]
|
|
784
892
|
})]
|
|
785
893
|
}),
|
|
786
|
-
!enabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
787
|
-
className: panel_module_css_default.banner,
|
|
788
|
-
"data-kind": "warn",
|
|
789
|
-
children: tt("config.disabled")
|
|
790
|
-
}) : !configured ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
791
|
-
className: panel_module_css_default.banner,
|
|
792
|
-
"data-kind": "warn",
|
|
793
|
-
children: tt("config.missing")
|
|
794
|
-
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
795
|
-
className: panel_module_css_default.banner,
|
|
796
|
-
"data-kind": "ok",
|
|
797
|
-
children: tt("config.configured", { url: apiUrl })
|
|
798
|
-
}),
|
|
799
894
|
update !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
800
895
|
className: panel_module_css_default.updateBanner,
|
|
801
896
|
"data-kind": updateResult === "success" ? "ok" : "warn",
|
|
@@ -1141,6 +1236,7 @@ window.__ModuleLoader__.load({
|
|
|
1141
1236
|
}) : null]
|
|
1142
1237
|
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
1143
1238
|
className: panel_module_css_default.grid,
|
|
1239
|
+
"data-count": images.length,
|
|
1144
1240
|
children: images.map((image, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("figure", {
|
|
1145
1241
|
className: panel_module_css_default.imageCard,
|
|
1146
1242
|
role: "button",
|
|
@@ -1284,17 +1380,14 @@ window.__ModuleLoader__.load({
|
|
|
1284
1380
|
role: "dialog",
|
|
1285
1381
|
"aria-modal": "true",
|
|
1286
1382
|
"aria-label": tt("preview.title"),
|
|
1287
|
-
onClick:
|
|
1288
|
-
setPreview(null);
|
|
1289
|
-
},
|
|
1383
|
+
onClick: closePreview,
|
|
1290
1384
|
children: [
|
|
1291
1385
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
1292
1386
|
type: "button",
|
|
1293
1387
|
className: panel_module_css_default.lightboxClose,
|
|
1294
1388
|
"aria-label": tt("preview.close"),
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
},
|
|
1389
|
+
title: tt("preview.close"),
|
|
1390
|
+
onClick: closePreview,
|
|
1298
1391
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
1299
1392
|
viewBox: "0 0 16 16",
|
|
1300
1393
|
width: "18",
|
|
@@ -1356,15 +1449,128 @@ window.__ModuleLoader__.load({
|
|
|
1356
1449
|
event.stopPropagation();
|
|
1357
1450
|
},
|
|
1358
1451
|
children: [
|
|
1359
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("
|
|
1360
|
-
className: panel_module_css_default.
|
|
1361
|
-
|
|
1362
|
-
|
|
1452
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
1453
|
+
className: panel_module_css_default.lightboxStage,
|
|
1454
|
+
onWheel: (event) => {
|
|
1455
|
+
event.preventDefault();
|
|
1456
|
+
setPreviewScale((current) => clampPreviewScale(current + (event.deltaY < 0 ? PREVIEW_SCALE_STEP : -.25)));
|
|
1457
|
+
},
|
|
1458
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
|
|
1459
|
+
className: panel_module_css_default.lightboxImage,
|
|
1460
|
+
style: { transform: `scale(${previewScale})` },
|
|
1461
|
+
src: srcOf(previewImage),
|
|
1462
|
+
alt: previewImage.revisedPrompt ?? tt("preview.title")
|
|
1463
|
+
})
|
|
1363
1464
|
}),
|
|
1364
|
-
|
|
1365
|
-
className: panel_module_css_default.
|
|
1366
|
-
|
|
1367
|
-
|
|
1465
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1466
|
+
className: panel_module_css_default.lightboxTools,
|
|
1467
|
+
role: "group",
|
|
1468
|
+
"aria-label": tt("preview.zoomControls"),
|
|
1469
|
+
children: [
|
|
1470
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
1471
|
+
type: "button",
|
|
1472
|
+
className: panel_module_css_default.lightboxTool,
|
|
1473
|
+
"aria-label": tt("preview.zoomOut"),
|
|
1474
|
+
title: tt("preview.zoomOut"),
|
|
1475
|
+
onClick: () => {
|
|
1476
|
+
setPreviewScale((current) => clampPreviewScale(current - PREVIEW_SCALE_STEP));
|
|
1477
|
+
},
|
|
1478
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
|
|
1479
|
+
viewBox: "0 0 16 16",
|
|
1480
|
+
width: "17",
|
|
1481
|
+
height: "17",
|
|
1482
|
+
fill: "none",
|
|
1483
|
+
stroke: "currentColor",
|
|
1484
|
+
strokeWidth: "1.7",
|
|
1485
|
+
strokeLinecap: "round",
|
|
1486
|
+
"aria-hidden": "true",
|
|
1487
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
|
|
1488
|
+
cx: "7",
|
|
1489
|
+
cy: "7",
|
|
1490
|
+
r: "4.2"
|
|
1491
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.8 7h4.4M13 13l-2.8-2.8" })]
|
|
1492
|
+
})
|
|
1493
|
+
}),
|
|
1494
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
1495
|
+
type: "button",
|
|
1496
|
+
className: panel_module_css_default.lightboxZoomLevel,
|
|
1497
|
+
"aria-label": tt("preview.zoomReset"),
|
|
1498
|
+
title: tt("preview.zoomReset"),
|
|
1499
|
+
onClick: () => {
|
|
1500
|
+
setPreviewScale(1);
|
|
1501
|
+
},
|
|
1502
|
+
children: tt("preview.zoomLevel", { percent: Math.round(previewScale * 100) })
|
|
1503
|
+
}),
|
|
1504
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
1505
|
+
type: "button",
|
|
1506
|
+
className: panel_module_css_default.lightboxTool,
|
|
1507
|
+
"aria-label": tt("preview.zoomIn"),
|
|
1508
|
+
title: tt("preview.zoomIn"),
|
|
1509
|
+
onClick: () => {
|
|
1510
|
+
setPreviewScale((current) => clampPreviewScale(current + PREVIEW_SCALE_STEP));
|
|
1511
|
+
},
|
|
1512
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
|
|
1513
|
+
viewBox: "0 0 16 16",
|
|
1514
|
+
width: "17",
|
|
1515
|
+
height: "17",
|
|
1516
|
+
fill: "none",
|
|
1517
|
+
stroke: "currentColor",
|
|
1518
|
+
strokeWidth: "1.7",
|
|
1519
|
+
strokeLinecap: "round",
|
|
1520
|
+
"aria-hidden": "true",
|
|
1521
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
|
|
1522
|
+
cx: "7",
|
|
1523
|
+
cy: "7",
|
|
1524
|
+
r: "4.2"
|
|
1525
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M7 4.8v4.4M4.8 7h4.4M13 13l-2.8-2.8" })]
|
|
1526
|
+
})
|
|
1527
|
+
})
|
|
1528
|
+
]
|
|
1529
|
+
}),
|
|
1530
|
+
previewImage.revisedPrompt !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1531
|
+
className: panel_module_css_default.lightboxCaptionRow,
|
|
1532
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("figcaption", {
|
|
1533
|
+
className: panel_module_css_default.lightboxCaption,
|
|
1534
|
+
title: previewImage.revisedPrompt,
|
|
1535
|
+
children: tt("revisedPrompt", { prompt: previewImage.revisedPrompt })
|
|
1536
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
|
|
1537
|
+
type: "button",
|
|
1538
|
+
className: panel_module_css_default.lightboxCopy,
|
|
1539
|
+
"aria-label": tt(promptCopied ? "preview.copied" : "preview.copyPrompt"),
|
|
1540
|
+
title: tt(promptCopied ? "preview.copied" : "preview.copyPrompt"),
|
|
1541
|
+
onClick: () => {
|
|
1542
|
+
copyPreviewPrompt(previewImage.revisedPrompt);
|
|
1543
|
+
},
|
|
1544
|
+
children: [promptCopied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
1545
|
+
viewBox: "0 0 16 16",
|
|
1546
|
+
width: "16",
|
|
1547
|
+
height: "16",
|
|
1548
|
+
fill: "none",
|
|
1549
|
+
stroke: "currentColor",
|
|
1550
|
+
strokeWidth: "1.8",
|
|
1551
|
+
strokeLinecap: "round",
|
|
1552
|
+
strokeLinejoin: "round",
|
|
1553
|
+
"aria-hidden": "true",
|
|
1554
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 8l3 3 7-7" })
|
|
1555
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
|
|
1556
|
+
viewBox: "0 0 16 16",
|
|
1557
|
+
width: "16",
|
|
1558
|
+
height: "16",
|
|
1559
|
+
fill: "none",
|
|
1560
|
+
stroke: "currentColor",
|
|
1561
|
+
strokeWidth: "1.5",
|
|
1562
|
+
strokeLinecap: "round",
|
|
1563
|
+
strokeLinejoin: "round",
|
|
1564
|
+
"aria-hidden": "true",
|
|
1565
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
|
|
1566
|
+
x: "5",
|
|
1567
|
+
y: "5",
|
|
1568
|
+
width: "7",
|
|
1569
|
+
height: "8",
|
|
1570
|
+
rx: "1"
|
|
1571
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 10V3.8c0-.44.36-.8.8-.8H9" })]
|
|
1572
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt(promptCopied ? "preview.copied" : "preview.copyPrompt") })]
|
|
1573
|
+
})]
|
|
1368
1574
|
}) : null,
|
|
1369
1575
|
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1370
1576
|
className: panel_module_css_default.lightboxMeta,
|
|
@@ -1374,11 +1580,19 @@ window.__ModuleLoader__.load({
|
|
|
1374
1580
|
index: preview.index + 1,
|
|
1375
1581
|
total: preview.images.length
|
|
1376
1582
|
})
|
|
1377
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.
|
|
1378
|
-
className: panel_module_css_default.
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1583
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
|
|
1584
|
+
className: panel_module_css_default.lightboxActions,
|
|
1585
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
1586
|
+
type: "button",
|
|
1587
|
+
className: panel_module_css_default.lightboxEdit,
|
|
1588
|
+
onClick: addPreviewToEdit,
|
|
1589
|
+
children: tt("preview.addToEdit")
|
|
1590
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
|
|
1591
|
+
className: panel_module_css_default.lightboxDownload,
|
|
1592
|
+
href: srcOf(previewImage),
|
|
1593
|
+
download: `dsh-image-${preview.index + 1}.${extensionOf(previewImage.mime)}`,
|
|
1594
|
+
children: tt("download")
|
|
1595
|
+
})]
|
|
1382
1596
|
})]
|
|
1383
1597
|
})
|
|
1384
1598
|
]
|
|
@@ -1851,7 +2065,7 @@ window.__ModuleLoader__.load({
|
|
|
1851
2065
|
};
|
|
1852
2066
|
//#endregion
|
|
1853
2067
|
//#region \0dsh-css:E:\dsh-plugin\src\client\settings-card.module.css.mjs
|
|
1854
|
-
const css = ".i1cc5G_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.i1cc5G_card:hover{border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_card:has(.i1cc5G_body){background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.i1cc5G_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.i1cc5G_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.i1cc5G_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.i1cc5G_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.i1cc5G_chevron,.i1cc5G_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.i1cc5G_chevronOpen{transform:rotate(180deg)}.i1cc5G_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.i1cc5G_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.i1cc5G_field+.i1cc5G_field{border-top:1px solid var(--dsw-alias-border-l2)}.i1cc5G_head{align-items:center;gap:8px;display:flex}.i1cc5G_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.i1cc5G_badges{align-items:center;gap:8px;display:inline-flex}.i1cc5G_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.i1cc5G_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.i1cc5G_reset:disabled{cursor:default;opacity:.5}.i1cc5G_input,.i1cc5G_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:0 12px;font-size:13px;line-height:1.5}.i1cc5G_input:focus-visible,.i1cc5G_select:focus-visible{border-color:var(--dsw-alias-brand-primary)}.i1cc5G_input:disabled,.i1cc5G_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.i1cc5G_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:0 12px;font-size:13px;line-height:1.5}.i1cc5G_hint,.i1cc5G_invalid{margin:0;font-size:12px;line-height:1.5}.i1cc5G_hint{color:var(--dsw-alias-label-tertiary)}.i1cc5G_invalid{color:var(--dsw-alias-label-error)}.i1cc5G_readOnly,.i1cc5G_notExposed{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.i1cc5G_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.i1cc5G_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.i1cc5G_discard,.i1cc5G_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.i1cc5G_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.i1cc5G_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.i1cc5G_discard:disabled,.i1cc5G_save:disabled{opacity:.4;cursor:default}.i1cc5G_discard:focus-visible,.i1cc5G_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.i1cc5G_card,.i1cc5G_chevron,.i1cc5G_chevronOpen{transition:none}}";
|
|
2068
|
+
const css = ".i1cc5G_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.i1cc5G_card:hover{border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_card:has(.i1cc5G_body){background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.i1cc5G_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.i1cc5G_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.i1cc5G_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.i1cc5G_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.i1cc5G_chevron,.i1cc5G_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.i1cc5G_chevronOpen{transform:rotate(180deg)}.i1cc5G_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.i1cc5G_versionRow{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.i1cc5G_versionLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.i1cc5G_versionValue{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);font-family:var(--dsw-font-family-mono,monospace);border-radius:999px;padding:1px 8px;font-size:12px;line-height:1.5}.i1cc5G_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.i1cc5G_field+.i1cc5G_field{border-top:1px solid var(--dsw-alias-border-l2)}.i1cc5G_head{align-items:center;gap:8px;display:flex}.i1cc5G_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.i1cc5G_badges{align-items:center;gap:8px;display:inline-flex}.i1cc5G_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.i1cc5G_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.i1cc5G_reset:disabled{cursor:default;opacity:.5}.i1cc5G_input,.i1cc5G_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:0 12px;font-size:13px;line-height:1.5}.i1cc5G_input:focus-visible,.i1cc5G_select:focus-visible{border-color:var(--dsw-alias-brand-primary)}.i1cc5G_input:disabled,.i1cc5G_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.i1cc5G_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:0 12px;font-size:13px;line-height:1.5}.i1cc5G_hint,.i1cc5G_invalid{margin:0;font-size:12px;line-height:1.5}.i1cc5G_hint{color:var(--dsw-alias-label-tertiary)}.i1cc5G_invalid{color:var(--dsw-alias-label-error)}.i1cc5G_readOnly,.i1cc5G_notExposed{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.i1cc5G_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.i1cc5G_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.i1cc5G_discard,.i1cc5G_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.i1cc5G_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.i1cc5G_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.i1cc5G_discard:disabled,.i1cc5G_save:disabled{opacity:.4;cursor:default}.i1cc5G_discard:focus-visible,.i1cc5G_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.i1cc5G_card,.i1cc5G_chevron,.i1cc5G_chevronOpen{transition:none}}";
|
|
1855
2069
|
const tagId = "@dickpy/dsh-imagegen/settings-card.module.css";
|
|
1856
2070
|
if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
|
|
1857
2071
|
const tag = document.createElement("style");
|
|
@@ -1861,32 +2075,35 @@ window.__ModuleLoader__.load({
|
|
|
1861
2075
|
document.head.appendChild(tag);
|
|
1862
2076
|
}
|
|
1863
2077
|
var settings_card_module_css_default = {
|
|
2078
|
+
"description": "i1cc5G_description",
|
|
2079
|
+
"label": "i1cc5G_label",
|
|
2080
|
+
"versionLabel": "i1cc5G_versionLabel",
|
|
1864
2081
|
"field": "i1cc5G_field",
|
|
2082
|
+
"notExposed": "i1cc5G_notExposed",
|
|
2083
|
+
"save": "i1cc5G_save",
|
|
2084
|
+
"chevron": "i1cc5G_chevron",
|
|
2085
|
+
"input": "i1cc5G_input",
|
|
1865
2086
|
"failed": "i1cc5G_failed",
|
|
2087
|
+
"versionValue": "i1cc5G_versionValue",
|
|
1866
2088
|
"name": "i1cc5G_name",
|
|
1867
|
-
"
|
|
1868
|
-
"
|
|
2089
|
+
"footer": "i1cc5G_footer",
|
|
2090
|
+
"readOnly": "i1cc5G_readOnly",
|
|
2091
|
+
"head": "i1cc5G_head",
|
|
2092
|
+
"invalid": "i1cc5G_invalid",
|
|
1869
2093
|
"body": "i1cc5G_body",
|
|
1870
|
-
"
|
|
2094
|
+
"badges": "i1cc5G_badges",
|
|
1871
2095
|
"card": "i1cc5G_card",
|
|
1872
|
-
"
|
|
1873
|
-
"
|
|
2096
|
+
"pending": "i1cc5G_pending",
|
|
2097
|
+
"discard": "i1cc5G_discard",
|
|
1874
2098
|
"badge": "i1cc5G_badge",
|
|
1875
|
-
"
|
|
2099
|
+
"chevronOpen": "i1cc5G_chevronOpen",
|
|
2100
|
+
"select": "i1cc5G_select",
|
|
2101
|
+
"headText": "i1cc5G_headText",
|
|
1876
2102
|
"reset": "i1cc5G_reset",
|
|
1877
|
-
"badges": "i1cc5G_badges",
|
|
1878
|
-
"description": "i1cc5G_description",
|
|
1879
|
-
"input": "i1cc5G_input",
|
|
1880
2103
|
"inputInvalid": "i1cc5G_inputInvalid",
|
|
1881
|
-
"
|
|
1882
|
-
"
|
|
1883
|
-
"
|
|
1884
|
-
"pending": "i1cc5G_pending",
|
|
1885
|
-
"readOnly": "i1cc5G_readOnly",
|
|
1886
|
-
"notExposed": "i1cc5G_notExposed",
|
|
1887
|
-
"footer": "i1cc5G_footer",
|
|
1888
|
-
"save": "i1cc5G_save",
|
|
1889
|
-
"discard": "i1cc5G_discard"
|
|
2104
|
+
"header": "i1cc5G_header",
|
|
2105
|
+
"versionRow": "i1cc5G_versionRow",
|
|
2106
|
+
"hint": "i1cc5G_hint"
|
|
1890
2107
|
};
|
|
1891
2108
|
//#endregion
|
|
1892
2109
|
//#region src/client/SettingsCard.tsx
|
|
@@ -2029,6 +2246,16 @@ window.__ModuleLoader__.load({
|
|
|
2029
2246
|
role: "status",
|
|
2030
2247
|
children: t("settings.readOnly")
|
|
2031
2248
|
}) : null,
|
|
2249
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
2250
|
+
className: settings_card_module_css_default.versionRow,
|
|
2251
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
2252
|
+
className: settings_card_module_css_default.versionLabel,
|
|
2253
|
+
children: t("settings.currentVersion")
|
|
2254
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("code", {
|
|
2255
|
+
className: settings_card_module_css_default.versionValue,
|
|
2256
|
+
children: ["v", PLUGIN_VERSION]
|
|
2257
|
+
})]
|
|
2258
|
+
}),
|
|
2032
2259
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
|
|
2033
2260
|
id: "dsh-imagegen-settings-apikey",
|
|
2034
2261
|
label: t("settings.apiKey"),
|