@dickpy/dsh-imagegen 1.0.3 → 1.0.5

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.
Files changed (11) hide show
  1. package/README.md +7 -7
  2. package/docs/images/image-generation-studio.png +0 -0
  3. package/docs/images/plugin-settings.png +0 -0
  4. package/lib/client.js +333 -112
  5. package/lib/client.js.map +1 -1
  6. package/lib/index.js +1 -1
  7. package/package.json +1 -1
  8. package/src/client/ImageGenPanel.tsx +132 -19
  9. package/src/client/locales.ts +16 -0
  10. package/src/client/panel.module.css +148 -10
  11. package/src/protocol.ts +1 -1
package/lib/client.js CHANGED
@@ -12,7 +12,7 @@ window.__ModuleLoader__.load({
12
12
  let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
13
13
  //#region src/protocol.ts
14
14
  /** Published package version shared by the host updater and the client UI. */
15
- const PLUGIN_VERSION = "1.0.3";
15
+ const PLUGIN_VERSION = "1.0.5";
16
16
  /** Same-origin route family (loopback-only, mirroring the dsh-ssh fence). */
17
17
  const SETTINGS_API = {
18
18
  describe: "/api/dsh-imagegen/settings/describe",
@@ -215,6 +215,14 @@ window.__ModuleLoader__.load({
215
215
  "preview.prev": "上一张",
216
216
  "preview.next": "下一张",
217
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": "添加到图生图",
218
226
  "config.missing": "尚未配置 API：请前往「设置 → 插件 → 可配置」为 AI 生图填写 api_url 与 api_key。",
219
227
  "config.configured": "已连接 {url}",
220
228
  "config.disabled": "插件已停用，请在设置中重新启用。",
@@ -317,6 +325,14 @@ window.__ModuleLoader__.load({
317
325
  "preview.prev": "Previous",
318
326
  "preview.next": "Next",
319
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",
320
336
  "config.missing": "API not configured: open \"Settings → Plugins → Configurable\" and fill in api_url and api_key for AI Image.",
321
337
  "config.configured": "Connected to {url}",
322
338
  "config.disabled": "The plugin is disabled — re-enable it in Settings.",
@@ -383,7 +399,7 @@ window.__ModuleLoader__.load({
383
399
  }
384
400
  //#endregion
385
401
  //#region \0dsh-css:E:\dsh-plugin\src\client\panel.module.css.mjs
386
- 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{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;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;display:grid}.Yvqh9W_grid[data-count=\"1\"] .Yvqh9W_imageCard{grid-area:1/1/3/3}.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:cover;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;min-height:0;position:relative;overflow:auto}.Yvqh9W_lightboxScaleFrame{justify-content:center;align-items:center;min-width:100%;min-height:100%;display:flex}.Yvqh9W_lightboxImage{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%;display:block;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}}";
387
403
  const tagId$1 = "@dickpy/dsh-imagegen/panel.module.css";
388
404
  if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
389
405
  const tag = document.createElement("style");
@@ -393,91 +409,100 @@ window.__ModuleLoader__.load({
393
409
  document.head.appendChild(tag);
394
410
  }
395
411
  var panel_module_css_default = {
412
+ "lightboxClose": "Yvqh9W_lightboxClose",
413
+ "panelHeading": "Yvqh9W_panelHeading",
414
+ "modelSelect": "Yvqh9W_modelSelect",
396
415
  "config": "Yvqh9W_config",
397
- "optionRow": "Yvqh9W_optionRow",
398
- "uploadBox": "Yvqh9W_uploadBox",
399
- "historyMain": "Yvqh9W_historyMain",
400
- "historyThumb": "Yvqh9W_historyThumb",
401
- "historyClear": "Yvqh9W_historyClear",
402
- "updateRelease": "Yvqh9W_updateRelease",
403
- "panelTitle": "Yvqh9W_panelTitle",
416
+ "history": "Yvqh9W_history",
417
+ "lightboxActions": "Yvqh9W_lightboxActions",
418
+ "promptFooter": "Yvqh9W_promptFooter",
404
419
  "historyMeta": "Yvqh9W_historyMeta",
405
- "canvasMeta": "Yvqh9W_canvasMeta",
406
- "historyAction": "Yvqh9W_historyAction",
407
- "panelHeader": "Yvqh9W_panelHeader",
408
- "panelHeading": "Yvqh9W_panelHeading",
409
- "lightbox": "Yvqh9W_lightbox",
410
- "hiddenFile": "Yvqh9W_hiddenFile",
411
- "canvasStateHint": "Yvqh9W_canvasStateHint",
412
- "entry": "Yvqh9W_entry",
413
- "canvasError": "Yvqh9W_canvasError",
414
- "modelLabel": "Yvqh9W_modelLabel",
415
- "canvasStateTitle": "Yvqh9W_canvasStateTitle",
416
- "panelSubtitle": "Yvqh9W_panelSubtitle",
417
- "canvasEmptyIcon": "Yvqh9W_canvasEmptyIcon",
420
+ "historyTitle": "Yvqh9W_historyTitle",
421
+ "footer": "Yvqh9W_footer",
422
+ "historyEmpty": "Yvqh9W_historyEmpty",
423
+ "canvasBody": "Yvqh9W_canvasBody",
424
+ "connectionStatus": "Yvqh9W_connectionStatus",
425
+ "imageCaption": "Yvqh9W_imageCaption",
426
+ "uploadHint": "Yvqh9W_uploadHint",
427
+ "optionPill": "Yvqh9W_optionPill",
418
428
  "download": "Yvqh9W_download",
419
- "connectionDot": "Yvqh9W_connectionDot",
429
+ "lightboxDownload": "Yvqh9W_lightboxDownload",
430
+ "lightboxEdit": "Yvqh9W_lightboxEdit",
431
+ "generateButton": "Yvqh9W_generateButton",
432
+ "card": "Yvqh9W_card",
433
+ "uploadBox": "Yvqh9W_uploadBox",
434
+ "lightboxCaptionRow": "Yvqh9W_lightboxCaptionRow",
435
+ "optionRow": "Yvqh9W_optionRow",
436
+ "canvas": "Yvqh9W_canvas",
437
+ "updateText": "Yvqh9W_updateText",
438
+ "historyItem": "Yvqh9W_historyItem",
439
+ "historyList": "Yvqh9W_historyList",
440
+ "panelSubtitle": "Yvqh9W_panelSubtitle",
420
441
  "prompt": "Yvqh9W_prompt",
442
+ "canvasStateHint": "Yvqh9W_canvasStateHint",
443
+ "canvasHistoryTag": "Yvqh9W_canvasHistoryTag",
421
444
  "spinner": "Yvqh9W_spinner",
422
- "historyPrompt": "Yvqh9W_historyPrompt",
423
- "historyTitle": "Yvqh9W_historyTitle",
445
+ "dshImageGenSpin": "Yvqh9W_dshImageGenSpin",
446
+ "lightboxNav": "Yvqh9W_lightboxNav",
424
447
  "configScroll": "Yvqh9W_configScroll",
425
- "imageCaption": "Yvqh9W_imageCaption",
426
- "lightboxMeta": "Yvqh9W_lightboxMeta",
448
+ "lightboxTools": "Yvqh9W_lightboxTools",
449
+ "lightboxZoomLevel": "Yvqh9W_lightboxZoomLevel",
450
+ "lightboxImage": "Yvqh9W_lightboxImage",
451
+ "historyPrompt": "Yvqh9W_historyPrompt",
452
+ "panelTitle": "Yvqh9W_panelTitle",
453
+ "updateActions": "Yvqh9W_updateActions",
454
+ "modelLabel": "Yvqh9W_modelLabel",
455
+ "historyClear": "Yvqh9W_historyClear",
456
+ "canvasStateTitle": "Yvqh9W_canvasStateTitle",
457
+ "historyInfo": "Yvqh9W_historyInfo",
458
+ "historyMain": "Yvqh9W_historyMain",
459
+ "connectionDot": "Yvqh9W_connectionDot",
460
+ "grid": "Yvqh9W_grid",
461
+ "promptCount": "Yvqh9W_promptCount",
462
+ "entryLabel": "Yvqh9W_entryLabel",
463
+ "updateRelease": "Yvqh9W_updateRelease",
427
464
  "canvasState": "Yvqh9W_canvasState",
428
- "imageCard": "Yvqh9W_imageCard",
429
465
  "lightboxCaption": "Yvqh9W_lightboxCaption",
430
- "entryIcon": "Yvqh9W_entryIcon",
431
- "modePill": "Yvqh9W_modePill",
432
- "referenceActions": "Yvqh9W_referenceActions",
433
- "uploadHint": "Yvqh9W_uploadHint",
434
- "promptCount": "Yvqh9W_promptCount",
435
- "dshImageGenSpin": "Yvqh9W_dshImageGenSpin",
436
- "promptFooter": "Yvqh9W_promptFooter",
437
- "modelSelect": "Yvqh9W_modelSelect",
438
- "paramHint": "Yvqh9W_paramHint",
439
- "canvasBody": "Yvqh9W_canvasBody",
440
- "footer": "Yvqh9W_footer",
441
- "optionGrid": "Yvqh9W_optionGrid",
442
- "historyList": "Yvqh9W_historyList",
443
- "modeRow": "Yvqh9W_modeRow",
444
- "uploadIcon": "Yvqh9W_uploadIcon",
445
- "historyItem": "Yvqh9W_historyItem",
466
+ "paramGroup": "Yvqh9W_paramGroup",
467
+ "updateBanner": "Yvqh9W_updateBanner",
468
+ "historyThumbPlaceholder": "Yvqh9W_historyThumbPlaceholder",
469
+ "canvasError": "Yvqh9W_canvasError",
470
+ "panelHeader": "Yvqh9W_panelHeader",
446
471
  "referenceImage": "Yvqh9W_referenceImage",
447
- "updateActions": "Yvqh9W_updateActions",
448
- "generateButton": "Yvqh9W_generateButton",
472
+ "canvasEmptyIcon": "Yvqh9W_canvasEmptyIcon",
473
+ "bigSpinner": "Yvqh9W_bigSpinner",
449
474
  "generateInner": "Yvqh9W_generateInner",
475
+ "lightboxFigure": "Yvqh9W_lightboxFigure",
476
+ "optionGrid": "Yvqh9W_optionGrid",
477
+ "lightboxTool": "Yvqh9W_lightboxTool",
478
+ "lightboxCopy": "Yvqh9W_lightboxCopy",
479
+ "modelWrap": "Yvqh9W_modelWrap",
480
+ "lightboxMeta": "Yvqh9W_lightboxMeta",
481
+ "paramHint": "Yvqh9W_paramHint",
482
+ "lightboxScaleFrame": "Yvqh9W_lightboxScaleFrame",
483
+ "historyActions": "Yvqh9W_historyActions",
450
484
  "image": "Yvqh9W_image",
451
485
  "zoomHint": "Yvqh9W_zoomHint",
452
- "bigSpinner": "Yvqh9W_bigSpinner",
453
- "connectionStatus": "Yvqh9W_connectionStatus",
454
- "optionPill": "Yvqh9W_optionPill",
455
- "lightboxFigure": "Yvqh9W_lightboxFigure",
456
- "updateText": "Yvqh9W_updateText",
457
- "card": "Yvqh9W_card",
458
- "lightboxClose": "Yvqh9W_lightboxClose",
459
- "entryLabel": "Yvqh9W_entryLabel",
460
- "lightboxImage": "Yvqh9W_lightboxImage",
486
+ "modePill": "Yvqh9W_modePill",
461
487
  "view": "Yvqh9W_view",
462
- "paramLabel": "Yvqh9W_paramLabel",
463
- "history": "Yvqh9W_history",
464
- "updateBanner": "Yvqh9W_updateBanner",
488
+ "historyThumb": "Yvqh9W_historyThumb",
465
489
  "historyHeader": "Yvqh9W_historyHeader",
466
- "studio": "Yvqh9W_studio",
467
- "canvas": "Yvqh9W_canvas",
468
- "historyActions": "Yvqh9W_historyActions",
469
- "panel": "Yvqh9W_panel",
470
- "grid": "Yvqh9W_grid",
471
- "historyEmpty": "Yvqh9W_historyEmpty",
490
+ "imageCard": "Yvqh9W_imageCard",
472
491
  "lightboxIndex": "Yvqh9W_lightboxIndex",
473
- "lightboxDownload": "Yvqh9W_lightboxDownload",
474
- "paramGroup": "Yvqh9W_paramGroup",
475
- "historyThumbPlaceholder": "Yvqh9W_historyThumbPlaceholder",
476
- "modelWrap": "Yvqh9W_modelWrap",
477
- "historyInfo": "Yvqh9W_historyInfo",
478
- "canvasHistoryTag": "Yvqh9W_canvasHistoryTag",
479
- "lightboxNav": "Yvqh9W_lightboxNav",
480
- "reference": "Yvqh9W_reference"
492
+ "panel": "Yvqh9W_panel",
493
+ "studio": "Yvqh9W_studio",
494
+ "lightboxStage": "Yvqh9W_lightboxStage",
495
+ "modeRow": "Yvqh9W_modeRow",
496
+ "canvasMeta": "Yvqh9W_canvasMeta",
497
+ "paramLabel": "Yvqh9W_paramLabel",
498
+ "entryIcon": "Yvqh9W_entryIcon",
499
+ "entry": "Yvqh9W_entry",
500
+ "reference": "Yvqh9W_reference",
501
+ "historyAction": "Yvqh9W_historyAction",
502
+ "lightbox": "Yvqh9W_lightbox",
503
+ "referenceActions": "Yvqh9W_referenceActions",
504
+ "hiddenFile": "Yvqh9W_hiddenFile",
505
+ "uploadIcon": "Yvqh9W_uploadIcon"
481
506
  };
482
507
  //#endregion
483
508
  //#region src/client/ImageGenPanel.tsx
@@ -527,6 +552,12 @@ window.__ModuleLoader__.load({
527
552
  ];
528
553
  const PROMPT_MAX = 2e3;
529
554
  const REF_IMAGE_MAX_BYTES = 10 * 1024 * 1024;
555
+ const PREVIEW_SCALE_MIN = .5;
556
+ const PREVIEW_SCALE_MAX = 3;
557
+ const PREVIEW_SCALE_STEP = .25;
558
+ function clampPreviewScale(scale) {
559
+ return Math.min(PREVIEW_SCALE_MAX, Math.max(PREVIEW_SCALE_MIN, scale));
560
+ }
530
561
  /** Read the current config from the settings scope snapshot. */
531
562
  function useConfig(scope) {
532
563
  const [value, setValue] = (0, react.useState)(scope.getSnapshot().value);
@@ -610,11 +641,14 @@ window.__ModuleLoader__.load({
610
641
  const [history, setHistory] = (0, react.useState)([]);
611
642
  const [viewingHistoryId, setViewingHistoryId] = (0, react.useState)(null);
612
643
  const [preview, setPreview] = (0, react.useState)(null);
644
+ const [previewScale, setPreviewScale] = (0, react.useState)(1);
645
+ const [promptCopied, setPromptCopied] = (0, react.useState)(false);
613
646
  const [update, setUpdate] = (0, react.useState)(null);
614
647
  const [updating, setUpdating] = (0, react.useState)(false);
615
648
  const [updateMessage, setUpdateMessage] = (0, react.useState)(null);
616
649
  const [updateResult, setUpdateResult] = (0, react.useState)(null);
617
650
  const fileInput = (0, react.useRef)(null);
651
+ const previewStage = (0, react.useRef)(null);
618
652
  const elapsed = useElapsed(generating, startedAt);
619
653
  (0, react.useEffect)(() => {
620
654
  let disposed = false;
@@ -719,9 +753,18 @@ window.__ModuleLoader__.load({
719
753
  images: previewImages,
720
754
  index
721
755
  });
756
+ setPreviewScale(1);
757
+ setPromptCopied(false);
758
+ };
759
+ const closePreview = () => {
760
+ setPreview(null);
761
+ setPreviewScale(1);
762
+ setPromptCopied(false);
722
763
  };
723
764
  /** Step the preview by ±1, wrapping around. */
724
765
  const stepPreview = (delta) => {
766
+ setPreviewScale(1);
767
+ setPromptCopied(false);
725
768
  setPreview((current) => {
726
769
  if (current === null) return null;
727
770
  const total = current.images.length;
@@ -734,13 +777,26 @@ window.__ModuleLoader__.load({
734
777
  (0, react.useEffect)(() => {
735
778
  if (preview === null) return;
736
779
  const onKey = (event) => {
737
- if (event.key === "Escape") setPreview(null);
780
+ if (event.key === "Escape") closePreview();
738
781
  else if (event.key === "ArrowLeft") stepPreview(-1);
739
782
  else if (event.key === "ArrowRight") stepPreview(1);
783
+ else if (event.key === "+" || event.key === "=") setPreviewScale((current) => clampPreviewScale(current + PREVIEW_SCALE_STEP));
784
+ else if (event.key === "-") setPreviewScale((current) => clampPreviewScale(current - PREVIEW_SCALE_STEP));
785
+ else if (event.key === "0") setPreviewScale(1);
740
786
  };
741
787
  window.addEventListener("keydown", onKey);
742
788
  return () => window.removeEventListener("keydown", onKey);
743
789
  }, [preview]);
790
+ (0, react.useEffect)(() => {
791
+ if (preview === null) return;
792
+ const frame = window.requestAnimationFrame(() => {
793
+ const stage = previewStage.current;
794
+ if (stage === null) return;
795
+ stage.scrollLeft = Math.max(0, (stage.scrollWidth - stage.clientWidth) / 2);
796
+ stage.scrollTop = Math.max(0, (stage.scrollHeight - stage.clientHeight) / 2);
797
+ });
798
+ return () => window.cancelAnimationFrame(frame);
799
+ }, [preview, previewScale]);
744
800
  /** Load a past generation's images into the canvas. */
745
801
  const viewHistoryEntry = async (entry) => {
746
802
  try {
@@ -789,6 +845,41 @@ window.__ModuleLoader__.load({
789
845
  const generateDisabled = generating || !enabled || !configured;
790
846
  const viewingEntry = viewingHistoryId === null ? null : history.find((entry) => entry.id === viewingHistoryId) ?? null;
791
847
  const previewImage = preview === null ? null : preview.images[preview.index] ?? null;
848
+ const previewFrameScale = Math.max(1, previewScale);
849
+ const previewImageScale = previewScale / previewFrameScale;
850
+ const copyPreviewPrompt = async (text) => {
851
+ try {
852
+ if (navigator.clipboard?.writeText !== void 0) await navigator.clipboard.writeText(text);
853
+ else {
854
+ const textarea = document.createElement("textarea");
855
+ textarea.value = text;
856
+ textarea.style.position = "fixed";
857
+ textarea.style.opacity = "0";
858
+ document.body.appendChild(textarea);
859
+ textarea.select();
860
+ const copied = document.execCommand("copy");
861
+ textarea.remove();
862
+ if (!copied) throw new Error("copy failed");
863
+ }
864
+ setPromptCopied(true);
865
+ window.setTimeout(() => {
866
+ setPromptCopied(false);
867
+ }, 1800);
868
+ } catch {
869
+ setPromptCopied(false);
870
+ }
871
+ };
872
+ const addPreviewToEdit = () => {
873
+ if (previewImage === null || preview === null) return;
874
+ setMode("edit");
875
+ setRefImage({
876
+ dataUrl: srcOf(previewImage),
877
+ name: `dsh-image-${preview.index + 1}.${extensionOf(previewImage.mime)}`
878
+ });
879
+ if (prompt.trim() === "" && previewImage.revisedPrompt !== void 0) setPrompt(previewImage.revisedPrompt);
880
+ setError(null);
881
+ closePreview();
882
+ };
792
883
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
793
884
  className: panel_module_css_default.panel,
794
885
  children: [
@@ -1159,6 +1250,7 @@ window.__ModuleLoader__.load({
1159
1250
  }) : null]
1160
1251
  }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
1161
1252
  className: panel_module_css_default.grid,
1253
+ "data-count": images.length,
1162
1254
  children: images.map((image, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("figure", {
1163
1255
  className: panel_module_css_default.imageCard,
1164
1256
  role: "button",
@@ -1302,17 +1394,14 @@ window.__ModuleLoader__.load({
1302
1394
  role: "dialog",
1303
1395
  "aria-modal": "true",
1304
1396
  "aria-label": tt("preview.title"),
1305
- onClick: () => {
1306
- setPreview(null);
1307
- },
1397
+ onClick: closePreview,
1308
1398
  children: [
1309
1399
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
1310
1400
  type: "button",
1311
1401
  className: panel_module_css_default.lightboxClose,
1312
1402
  "aria-label": tt("preview.close"),
1313
- onClick: () => {
1314
- setPreview(null);
1315
- },
1403
+ title: tt("preview.close"),
1404
+ onClick: closePreview,
1316
1405
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
1317
1406
  viewBox: "0 0 16 16",
1318
1407
  width: "18",
@@ -1374,15 +1463,139 @@ window.__ModuleLoader__.load({
1374
1463
  event.stopPropagation();
1375
1464
  },
1376
1465
  children: [
1377
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
1378
- className: panel_module_css_default.lightboxImage,
1379
- src: srcOf(previewImage),
1380
- alt: previewImage.revisedPrompt ?? tt("preview.title")
1466
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
1467
+ ref: previewStage,
1468
+ className: panel_module_css_default.lightboxStage,
1469
+ onWheel: (event) => {
1470
+ event.preventDefault();
1471
+ setPreviewScale((current) => clampPreviewScale(current + (event.deltaY < 0 ? PREVIEW_SCALE_STEP : -.25)));
1472
+ },
1473
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
1474
+ className: panel_module_css_default.lightboxScaleFrame,
1475
+ style: {
1476
+ width: `${previewFrameScale * 100}%`,
1477
+ height: `${previewFrameScale * 100}%`
1478
+ },
1479
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
1480
+ className: panel_module_css_default.lightboxImage,
1481
+ style: {
1482
+ width: `${previewImageScale * 100}%`,
1483
+ height: `${previewImageScale * 100}%`
1484
+ },
1485
+ src: srcOf(previewImage),
1486
+ alt: previewImage.revisedPrompt ?? tt("preview.title")
1487
+ })
1488
+ })
1489
+ }),
1490
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
1491
+ className: panel_module_css_default.lightboxTools,
1492
+ role: "group",
1493
+ "aria-label": tt("preview.zoomControls"),
1494
+ children: [
1495
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
1496
+ type: "button",
1497
+ className: panel_module_css_default.lightboxTool,
1498
+ "aria-label": tt("preview.zoomOut"),
1499
+ title: tt("preview.zoomOut"),
1500
+ onClick: () => {
1501
+ setPreviewScale((current) => clampPreviewScale(current - PREVIEW_SCALE_STEP));
1502
+ },
1503
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
1504
+ viewBox: "0 0 16 16",
1505
+ width: "17",
1506
+ height: "17",
1507
+ fill: "none",
1508
+ stroke: "currentColor",
1509
+ strokeWidth: "1.7",
1510
+ strokeLinecap: "round",
1511
+ "aria-hidden": "true",
1512
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
1513
+ cx: "7",
1514
+ cy: "7",
1515
+ r: "4.2"
1516
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.8 7h4.4M13 13l-2.8-2.8" })]
1517
+ })
1518
+ }),
1519
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
1520
+ type: "button",
1521
+ className: panel_module_css_default.lightboxZoomLevel,
1522
+ "aria-label": tt("preview.zoomReset"),
1523
+ title: tt("preview.zoomReset"),
1524
+ onClick: () => {
1525
+ setPreviewScale(1);
1526
+ },
1527
+ children: tt("preview.zoomLevel", { percent: Math.round(previewScale * 100) })
1528
+ }),
1529
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
1530
+ type: "button",
1531
+ className: panel_module_css_default.lightboxTool,
1532
+ "aria-label": tt("preview.zoomIn"),
1533
+ title: tt("preview.zoomIn"),
1534
+ onClick: () => {
1535
+ setPreviewScale((current) => clampPreviewScale(current + PREVIEW_SCALE_STEP));
1536
+ },
1537
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
1538
+ viewBox: "0 0 16 16",
1539
+ width: "17",
1540
+ height: "17",
1541
+ fill: "none",
1542
+ stroke: "currentColor",
1543
+ strokeWidth: "1.7",
1544
+ strokeLinecap: "round",
1545
+ "aria-hidden": "true",
1546
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
1547
+ cx: "7",
1548
+ cy: "7",
1549
+ r: "4.2"
1550
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M7 4.8v4.4M4.8 7h4.4M13 13l-2.8-2.8" })]
1551
+ })
1552
+ })
1553
+ ]
1381
1554
  }),
1382
- previewImage.revisedPrompt !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("figcaption", {
1383
- className: panel_module_css_default.lightboxCaption,
1384
- title: previewImage.revisedPrompt,
1385
- children: tt("revisedPrompt", { prompt: previewImage.revisedPrompt })
1555
+ previewImage.revisedPrompt !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
1556
+ className: panel_module_css_default.lightboxCaptionRow,
1557
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("figcaption", {
1558
+ className: panel_module_css_default.lightboxCaption,
1559
+ title: previewImage.revisedPrompt,
1560
+ children: tt("revisedPrompt", { prompt: previewImage.revisedPrompt })
1561
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
1562
+ type: "button",
1563
+ className: panel_module_css_default.lightboxCopy,
1564
+ "aria-label": tt(promptCopied ? "preview.copied" : "preview.copyPrompt"),
1565
+ title: tt(promptCopied ? "preview.copied" : "preview.copyPrompt"),
1566
+ onClick: () => {
1567
+ copyPreviewPrompt(previewImage.revisedPrompt);
1568
+ },
1569
+ children: [promptCopied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
1570
+ viewBox: "0 0 16 16",
1571
+ width: "16",
1572
+ height: "16",
1573
+ fill: "none",
1574
+ stroke: "currentColor",
1575
+ strokeWidth: "1.8",
1576
+ strokeLinecap: "round",
1577
+ strokeLinejoin: "round",
1578
+ "aria-hidden": "true",
1579
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 8l3 3 7-7" })
1580
+ }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
1581
+ viewBox: "0 0 16 16",
1582
+ width: "16",
1583
+ height: "16",
1584
+ fill: "none",
1585
+ stroke: "currentColor",
1586
+ strokeWidth: "1.5",
1587
+ strokeLinecap: "round",
1588
+ strokeLinejoin: "round",
1589
+ "aria-hidden": "true",
1590
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
1591
+ x: "5",
1592
+ y: "5",
1593
+ width: "7",
1594
+ height: "8",
1595
+ rx: "1"
1596
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 10V3.8c0-.44.36-.8.8-.8H9" })]
1597
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt(promptCopied ? "preview.copied" : "preview.copyPrompt") })]
1598
+ })]
1386
1599
  }) : null,
1387
1600
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
1388
1601
  className: panel_module_css_default.lightboxMeta,
@@ -1392,11 +1605,19 @@ window.__ModuleLoader__.load({
1392
1605
  index: preview.index + 1,
1393
1606
  total: preview.images.length
1394
1607
  })
1395
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
1396
- className: panel_module_css_default.lightboxDownload,
1397
- href: srcOf(previewImage),
1398
- download: `dsh-image-${preview.index + 1}.${extensionOf(previewImage.mime)}`,
1399
- children: tt("download")
1608
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
1609
+ className: panel_module_css_default.lightboxActions,
1610
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
1611
+ type: "button",
1612
+ className: panel_module_css_default.lightboxEdit,
1613
+ onClick: addPreviewToEdit,
1614
+ children: tt("preview.addToEdit")
1615
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
1616
+ className: panel_module_css_default.lightboxDownload,
1617
+ href: srcOf(previewImage),
1618
+ download: `dsh-image-${preview.index + 1}.${extensionOf(previewImage.mime)}`,
1619
+ children: tt("download")
1620
+ })]
1400
1621
  })]
1401
1622
  })
1402
1623
  ]
@@ -1879,35 +2100,35 @@ window.__ModuleLoader__.load({
1879
2100
  document.head.appendChild(tag);
1880
2101
  }
1881
2102
  var settings_card_module_css_default = {
1882
- "readOnly": "i1cc5G_readOnly",
1883
- "versionValue": "i1cc5G_versionValue",
1884
- "label": "i1cc5G_label",
1885
- "select": "i1cc5G_select",
1886
- "head": "i1cc5G_head",
1887
- "card": "i1cc5G_card",
1888
- "pending": "i1cc5G_pending",
2103
+ "versionRow": "i1cc5G_versionRow",
2104
+ "body": "i1cc5G_body",
1889
2105
  "badge": "i1cc5G_badge",
1890
- "reset": "i1cc5G_reset",
1891
2106
  "footer": "i1cc5G_footer",
1892
2107
  "badges": "i1cc5G_badges",
1893
2108
  "discard": "i1cc5G_discard",
1894
- "versionLabel": "i1cc5G_versionLabel",
1895
- "name": "i1cc5G_name",
1896
- "versionRow": "i1cc5G_versionRow",
1897
- "inputInvalid": "i1cc5G_inputInvalid",
1898
- "field": "i1cc5G_field",
1899
- "description": "i1cc5G_description",
2109
+ "readOnly": "i1cc5G_readOnly",
2110
+ "reset": "i1cc5G_reset",
1900
2111
  "header": "i1cc5G_header",
2112
+ "failed": "i1cc5G_failed",
2113
+ "card": "i1cc5G_card",
2114
+ "save": "i1cc5G_save",
1901
2115
  "chevron": "i1cc5G_chevron",
2116
+ "invalid": "i1cc5G_invalid",
2117
+ "input": "i1cc5G_input",
2118
+ "field": "i1cc5G_field",
1902
2119
  "hint": "i1cc5G_hint",
1903
- "save": "i1cc5G_save",
1904
- "headText": "i1cc5G_headText",
1905
- "body": "i1cc5G_body",
1906
2120
  "notExposed": "i1cc5G_notExposed",
2121
+ "label": "i1cc5G_label",
1907
2122
  "chevronOpen": "i1cc5G_chevronOpen",
1908
- "input": "i1cc5G_input",
1909
- "invalid": "i1cc5G_invalid",
1910
- "failed": "i1cc5G_failed"
2123
+ "description": "i1cc5G_description",
2124
+ "pending": "i1cc5G_pending",
2125
+ "select": "i1cc5G_select",
2126
+ "name": "i1cc5G_name",
2127
+ "versionLabel": "i1cc5G_versionLabel",
2128
+ "headText": "i1cc5G_headText",
2129
+ "versionValue": "i1cc5G_versionValue",
2130
+ "inputInvalid": "i1cc5G_inputInvalid",
2131
+ "head": "i1cc5G_head"
1911
2132
  };
1912
2133
  //#endregion
1913
2134
  //#region src/client/SettingsCard.tsx