@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/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
- "grid": "Yvqh9W_grid",
394
- "optionRow": "Yvqh9W_optionRow",
395
- "optionPill": "Yvqh9W_optionPill",
396
- "historyItem": "Yvqh9W_historyItem",
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
- "uploadHint": "Yvqh9W_uploadHint",
414
- "modeRow": "Yvqh9W_modeRow",
415
- "generateInner": "Yvqh9W_generateInner",
416
- "optionGrid": "Yvqh9W_optionGrid",
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
- "updateBanner": "Yvqh9W_updateBanner",
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
- "modelSelect": "Yvqh9W_modelSelect",
439
+ "updateActions": "Yvqh9W_updateActions",
440
+ "config": "Yvqh9W_config",
441
+ "historyMain": "Yvqh9W_historyMain",
452
442
  "historyThumb": "Yvqh9W_historyThumb",
453
- "canvasEmptyIcon": "Yvqh9W_canvasEmptyIcon",
454
- "zoomHint": "Yvqh9W_zoomHint",
455
- "lightboxCaption": "Yvqh9W_lightboxCaption",
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
- "hiddenFile": "Yvqh9W_hiddenFile",
459
- "updateRelease": "Yvqh9W_updateRelease",
460
- "referenceActions": "Yvqh9W_referenceActions",
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
- "historyHeader": "Yvqh9W_historyHeader",
467
- "canvas": "Yvqh9W_canvas",
487
+ "referenceActions": "Yvqh9W_referenceActions",
468
488
  "paramGroup": "Yvqh9W_paramGroup",
469
- "footer": "Yvqh9W_footer",
470
- "historyClear": "Yvqh9W_historyClear"
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 apiUrl = config?.apiUrl ?? "";
578
- const configured = apiUrl.trim() !== "";
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") setPreview(null);
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.jsx)("h2", {
779
- className: panel_module_css_default.panelTitle,
780
- children: tt("panel.title")
781
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
782
- className: panel_module_css_default.panelSubtitle,
783
- children: tt("panel.subtitle")
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
- onClick: () => {
1296
- setPreview(null);
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)("img", {
1360
- className: panel_module_css_default.lightboxImage,
1361
- src: srcOf(previewImage),
1362
- alt: previewImage.revisedPrompt ?? tt("preview.title")
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
- previewImage.revisedPrompt !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("figcaption", {
1365
- className: panel_module_css_default.lightboxCaption,
1366
- title: previewImage.revisedPrompt,
1367
- children: tt("revisedPrompt", { prompt: previewImage.revisedPrompt })
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.jsx)("a", {
1378
- className: panel_module_css_default.lightboxDownload,
1379
- href: srcOf(previewImage),
1380
- download: `dsh-image-${preview.index + 1}.${extensionOf(previewImage.mime)}`,
1381
- children: tt("download")
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
- "chevronOpen": "i1cc5G_chevronOpen",
1868
- "select": "i1cc5G_select",
2089
+ "footer": "i1cc5G_footer",
2090
+ "readOnly": "i1cc5G_readOnly",
2091
+ "head": "i1cc5G_head",
2092
+ "invalid": "i1cc5G_invalid",
1869
2093
  "body": "i1cc5G_body",
1870
- "label": "i1cc5G_label",
2094
+ "badges": "i1cc5G_badges",
1871
2095
  "card": "i1cc5G_card",
1872
- "chevron": "i1cc5G_chevron",
1873
- "head": "i1cc5G_head",
2096
+ "pending": "i1cc5G_pending",
2097
+ "discard": "i1cc5G_discard",
1874
2098
  "badge": "i1cc5G_badge",
1875
- "header": "i1cc5G_header",
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
- "hint": "i1cc5G_hint",
1882
- "headText": "i1cc5G_headText",
1883
- "invalid": "i1cc5G_invalid",
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"),