@weppy/roblox-mcp 2.7.1 → 2.7.2
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/.claude-plugin/marketplace.json +2 -2
- package/CHANGELOG.md +11 -0
- package/package.json +1 -1
- package/plugins/weppy-roblox-mcp/.claude-plugin/plugin.json +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{ChangelogDetailPage-DxktONbL.js → ChangelogDetailPage-BWM0bhGw.js} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/ChangelogPage-DOXmMWDc.js +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{ConfirmModal-CmJCz5rg.js → ConfirmModal-Dak7jVJo.js} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/ConnectionPage-CNtjimlm.css +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/ConnectionPage-Cds2YIvI.js +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{GameChangeDetail-Be32PRgR.css → GameChangeDetail-C1XtdYwk.css} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{GameChangeDetail-D1kE2L_v.js → GameChangeDetail-MfVogSqQ.js} +5 -5
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{InfoLabel-B9KT3kfU.js → InfoLabel-BDieYXVe.js} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{OverviewPage-T2WCTHpo.js → OverviewPage-CTH7jUzQ.js} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/PlaytestPage-BHQoeC4V.js +11 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/PlaytestPage-DjjsIkke.css +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/SettingsPage-BL3qgVfn.js +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/SettingsPage-Du8-FZAO.css +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{StatusBadge-Bxe88ki2.js → StatusBadge-MxsMOCZ3.js} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/SyncPage-Dm7Ni3j_.css +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/SyncPage-IZEcPmIw.js +4 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{Tabs-BNtOqYlc.js → Tabs-CuTJuL80.js} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{TierComparison-Dyf-knpe.js → TierComparison-DvuMctLJ.js} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/ToolsPage-ByA_a1TP.js +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/ToolsPage-Dq7uIer6.css +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{TooltipText-Baw38jOU.js → TooltipText-DgxJjq91.js} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/UiStudioPage-DVFz_q9v.js +16 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/UiStudioPage-eSinjpOX.css +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{WhatsNewPage-BlOSWgSn.js → WhatsNewPage-CcELayE3.js} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/index-CX4MHzNt.css +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{index-FfT2oWAB.js → index-CjBiayQg.js} +37 -37
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{sample-requests-X_hsWdLX.js → sample-requests-BrVQkhcR.js} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/sample-requests-CygerZZ_.css +1 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{useLiveUptime-DhJz484L.js → useLiveUptime-s_CjVcUM.js} +1 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/index.html +2 -2
- package/plugins/weppy-roblox-mcp/dist/index.js +74 -74
- package/plugins/weppy-roblox-mcp/roblox-plugin/WeppyRobloxMCP.rbxm +0 -0
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/ChangelogPage-DOY-SmWM.js +0 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/ConnectionPage-BiiIQs7f.js +0 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/ConnectionPage-D_mEFudd.css +0 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/PlaytestPage-CW8Xfp6b.js +0 -11
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/PlaytestPage-CYSu0pfO.css +0 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/SettingsPage-Cc9Wnj8M.css +0 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/SettingsPage-DcUt5qjG.js +0 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/SyncPage-BmMeN4N9.css +0 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/SyncPage-C09YF6D5.js +0 -4
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/ToolsPage-B3fMk-22.css +0 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/ToolsPage-HKbmsKMQ.js +0 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/UiStudioPage-Cbgl7xIC.js +0 -16
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/UiStudioPage-DQOd5VrU.css +0 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/index-Gu7et1DX.css +0 -1
- package/plugins/weppy-roblox-mcp/dashboard/dist/assets/sample-requests-Bx1zpYdG.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._card_1jlvt_4{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:16px 20px;display:flex;flex-direction:column;gap:14px}._cardEmbedded_1jlvt_14{border:none;border-radius:0;background:transparent;padding:14px 0 0}._cardTitle_1jlvt_21{margin:0;font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.02em}._usageRow_1jlvt_30{display:flex;flex-direction:column;gap:4px}._usageTotal_1jlvt_36{font-size:13px;font-weight:600;color:var(--text-primary)}._usageBreakdown_1jlvt_42{font-size:12px;color:var(--text-muted)}._usageCounts_1jlvt_47{font-size:12px;color:var(--text-secondary)}._divider_1jlvt_53{border:none;border-top:1px solid var(--border);margin:0}._lastRunRow_1jlvt_60{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}._lastRunLabel_1jlvt_69{color:var(--text-muted);font-weight:500;white-space:nowrap}._errorIcon_1jlvt_75{color:var(--error-text);cursor:help;font-size:13px;line-height:1;position:relative}._errorIcon_1jlvt_75:hover ._tooltip_1jlvt_83{display:block}._tooltip_1jlvt_83{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:11px;color:var(--error-text);white-space:nowrap;z-index:10;pointer-events:none;box-shadow:0 2px 8px #0003}._cleanupRow_1jlvt_106{display:flex;flex-wrap:wrap;gap:8px;align-items:center}._cleanupLabel_1jlvt_113{font-size:12px;color:var(--text-muted);font-weight:500;white-space:nowrap}._cleanupBtn_1jlvt_120{padding:5px 10px;border-radius:5px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-label);font-size:11px;cursor:pointer;white-space:nowrap;transition:border-color var(--transition),color var(--transition)}._cleanupBtn_1jlvt_120:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}._cleanupBtn_1jlvt_120:disabled{opacity:.45;cursor:not-allowed}._cleanupBtnDanger_1jlvt_143{border-color:var(--error-border, rgba(224, 85, 85, .4));color:var(--error-text)}._cleanupBtnDanger_1jlvt_143:hover:not(:disabled){border-color:var(--error-text);background:var(--error-bg, rgba(224, 85, 85, .08));color:var(--error-text)}._retentionSection_1jlvt_155{display:flex;flex-direction:column;gap:10px}._retentionTitle_1jlvt_161{margin:0;font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}._retentionFieldset_1jlvt_170{display:flex;flex-direction:column;gap:10px;border:none;margin:0;padding:0;position:relative}._retentionFieldset_1jlvt_170[disabled]{opacity:.5;pointer-events:none}._proOverlay_1jlvt_185{position:absolute;top:0;right:0;bottom:0;left:0;cursor:not-allowed;z-index:1}._proOverlay_1jlvt_185:hover ._tooltip_1jlvt_83{display:block}._radioRow_1jlvt_197{display:flex;align-items:center;gap:8px;flex-wrap:wrap}._radioLabel_1jlvt_204{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}._radioLabel_1jlvt_204 input[type=radio]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent);flex-shrink:0}._presetGroup_1jlvt_224{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:20px}._presetBtn_1jlvt_232{padding:3px 8px;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-label);font-size:11px;cursor:pointer;transition:border-color var(--transition),background var(--transition)}._presetBtn_1jlvt_232:hover{border-color:var(--accent);color:var(--text-primary)}._presetBtnActive_1jlvt_249{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);font-weight:600}._freeInput_1jlvt_256{width:72px;font-size:12px;padding:3px 7px;border:1px solid var(--border);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-family:inherit}._freeInput_1jlvt_256:focus{outline:none;border-color:var(--accent)}._freeInput_1jlvt_256._inputError_1jlvt_272{border-color:var(--error-text)}._inputUnit_1jlvt_276{font-size:11px;color:var(--text-muted);white-space:nowrap}._cascadeRow_1jlvt_283{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}._cascadeRow_1jlvt_283 input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent);flex-shrink:0}._retentionActions_1jlvt_302{display:flex;gap:8px;flex-wrap:wrap}._saveBtn_1jlvt_308{padding:6px 14px;border-radius:5px;border:1px solid transparent;background:var(--accent);color:var(--bg-card);font-family:var(--font-label);font-size:12px;font-weight:600;cursor:pointer;transition:opacity var(--transition)}._saveBtn_1jlvt_308:hover:not(:disabled){opacity:.88}._saveBtn_1jlvt_308:disabled{opacity:.45;cursor:not-allowed}._runNowBtn_1jlvt_330{padding:6px 14px;border-radius:5px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-label);font-size:12px;cursor:pointer;transition:border-color var(--transition),color var(--transition)}._runNowBtn_1jlvt_330:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}._runNowBtn_1jlvt_330:disabled{opacity:.45;cursor:not-allowed}._errorMsg_1jlvt_353{font-size:12px;color:var(--error-text);padding:4px 0}._page_16yvc_2{display:flex;flex-direction:column;gap:16px;max-width:820px}._card_16yvc_10{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}._licenseCardPro_16yvc_17{border-color:var(--pro-border);background:linear-gradient(180deg,var(--pro-bg-soft),transparent 28%),var(--bg-card);box-shadow:inset 0 1px #f3d46b2e,0 0 0 1px #8f6f1f24}._cardHeader_16yvc_28{font-family:var(--font-label);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}._cardHeaderActions_16yvc_41{display:flex;align-items:center;gap:8px}._collapseButton_16yvc_47{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;line-height:1;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}._collapseButton_16yvc_47:hover{border-color:var(--accent);color:var(--text-primary)}._headerBadge_16yvc_69{font-size:10px;font-weight:400;padding:2px 8px;border-radius:4px;border:1px solid var(--border);color:var(--text-muted);text-transform:none;letter-spacing:0}._headerBadgeLive_16yvc_80{color:var(--success);border-color:var(--success)}._licenseGrid_16yvc_86{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-family:var(--font-code);font-size:13px}._licenseGrid_16yvc_86 dt{color:var(--text-muted)}._licenseGrid_16yvc_86 dd{color:var(--text-primary);margin:0}._statusDot_16yvc_104{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}._statusActive_16yvc_113{background:var(--success);box-shadow:0 0 4px var(--success)}._statusGrace_16yvc_118{background:var(--warning);box-shadow:0 0 4px color-mix(in srgb,var(--warning) 70%,transparent)}._statusInactive_16yvc_123{background:var(--text-muted)}._statusError_16yvc_127{background:var(--error)}._proBadge_16yvc_132{color:var(--pro-badge);font-weight:500}._licenseCardPro_16yvc_17 ._cardHeader_16yvc_28 span:first-child{color:var(--pro-text)}._licenseCardPro_16yvc_17 ._licenseGrid_16yvc_86 dt{color:var(--pro-badge)}._upgradeLink_16yvc_146{display:inline-block;margin-top:8px;font-family:var(--font-label);font-size:12px;color:var(--accent);cursor:pointer;text-decoration:underline}._upgradeLink_16yvc_146:hover{opacity:.8}._licenseControls_16yvc_160{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}._licenseControlRow_16yvc_169{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}._licenseField_16yvc_176{display:flex;flex-direction:column;gap:6px}._licenseFieldGrow_16yvc_182{flex:1;min-width:220px}._controlLabel_16yvc_187{font-family:var(--font-label);font-size:12px;color:var(--text-primary)}._textInput_16yvc_193{font-family:var(--font-code);font-size:12px;padding:6px 8px;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color var(--transition)}._textInput_16yvc_193:focus{border-color:var(--accent)}._actionBtn_16yvc_209{font-family:var(--font-label);font-size:12px;padding:6px 14px;border-radius:4px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;transition:background var(--transition),color var(--transition),opacity var(--transition)}._actionBtn_16yvc_209:hover{background:var(--accent);color:var(--bg-primary)}._actionBtn_16yvc_209:disabled{opacity:.5;cursor:not-allowed}._licenseMessage_16yvc_231{margin:0;font-family:var(--font-code);font-size:12px;color:var(--text-secondary)}._licenseNotice_16yvc_238{margin:12px 0 0;padding:10px 12px;border-radius:8px;border:1px solid var(--border);font-family:var(--font-label);font-size:12px;line-height:1.5}._licenseNoticeInfo_16yvc_248{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}._licenseNoticeWarning_16yvc_254{color:var(--text-primary);background:color-mix(in srgb,var(--warning) 12%,transparent);border-color:color-mix(in srgb,var(--warning) 34%,var(--border))}._licenseNoticeMuted_16yvc_260{color:var(--text-secondary);background:var(--bg-secondary)}._settingRow_16yvc_266{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}._settingRow_16yvc_266:last-child{border-bottom:none}._settingLabel_16yvc_280{font-family:var(--font-label);color:var(--text-primary);flex:1}._settingControl_16yvc_287{display:flex;align-items:center;gap:8px;justify-content:flex-end;min-width:112px}._select_16yvc_296{font-family:var(--font-code);font-size:12px;padding:4px 8px;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;outline:none;transition:border-color var(--transition)}._select_16yvc_296:focus{border-color:var(--accent)}._numberInput_16yvc_314{font-family:var(--font-code);font-size:12px;padding:4px 8px;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);width:80px;outline:none;transition:border-color var(--transition)}._numberInput_16yvc_314:focus{border-color:var(--accent)}._toggleSwitch_16yvc_332{position:relative;display:inline-flex;align-items:center;cursor:pointer}._toggleInput_16yvc_339{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}._toggleTrack_16yvc_347{position:relative;display:inline-flex;align-items:center;width:46px;height:28px;padding:3px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:linear-gradient(180deg,#ffffff08,#fff0),color-mix(in srgb,var(--bg-secondary) 88%,#0b1220 12%);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #070a122e;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition)}._toggleThumb_16yvc_369{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffd1,#ffffff14 45%),linear-gradient(180deg,#f7fbff,#c8d4ea);box-shadow:0 4px 10px #00000047,inset 0 1px #ffffffa6;transform:translate(0);transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}._toggleInput_16yvc_339:focus-visible+._toggleTrack_16yvc_347{border-color:color-mix(in srgb,var(--accent) 70%,white 8%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px #ffffff0d}._toggleInput_16yvc_339:checked+._toggleTrack_16yvc_347{border-color:color-mix(in srgb,var(--accent) 62%,white 6%);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 36%,white 4%),color-mix(in srgb,var(--accent) 78%,#1b2640 22%)),var(--accent);box-shadow:inset 0 1px #ffffff29,0 0 16px color-mix(in srgb,var(--accent) 22%,transparent)}._toggleInput_16yvc_339:checked+._toggleTrack_16yvc_347 ._toggleThumb_16yvc_369{transform:translate(18px);background:radial-gradient(circle at 30% 30%,#ffffffeb,#ffffff1f 42%),linear-gradient(180deg,#fff,#d8e5ff)}._toggleSwitch_16yvc_332:hover ._toggleTrack_16yvc_347{border-color:color-mix(in srgb,var(--accent) 38%,var(--border))}._toggleSwitch_16yvc_332:hover ._toggleInput_16yvc_339:checked+._toggleTrack_16yvc_347{box-shadow:inset 0 1px #ffffff29,0 0 20px color-mix(in srgb,var(--accent) 28%,transparent)}._savedIndicator_16yvc_418{font-family:var(--font-code);font-size:11px;color:var(--success);opacity:1;min-width:56px;text-align:right;white-space:nowrap;transition:opacity .3s ease}._savedIndicatorHidden_16yvc_429{opacity:0}._dataHistoryIntro_16yvc_434{margin:0 0 12px;font-family:var(--font-label);font-size:12px;line-height:1.5;color:var(--text-secondary)}._dataHistoryList_16yvc_442{display:flex;flex-direction:column;border-top:1px solid var(--border)}._dataHistoryRow_16yvc_448{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}._dataHistoryDetail_16yvc_457{padding:0 0 14px;border-bottom:1px solid var(--border)}._uiStudioDataHistoryRow_16yvc_462{border-bottom:none;padding-bottom:10px}._uiStudioDataHistoryDetail_16yvc_467{margin-left:16px;padding:12px 0 16px 16px;border-left:2px solid var(--border);background:linear-gradient(90deg,color-mix(in srgb,var(--bg-secondary) 42%,transparent),transparent 58%)}._dataHistoryMain_16yvc_474{min-width:0}._dataHistoryTitle_16yvc_478{font-family:var(--font-label);font-size:13px;color:var(--text-primary)}._dataHistoryDescription_16yvc_484{margin-top:3px;font-family:var(--font-label);font-size:12px;line-height:1.45;color:var(--text-muted)}._dataHistoryMetric_16yvc_492{font-family:var(--font-code);font-size:12px;color:var(--text-secondary);white-space:nowrap}._dataHistoryActions_16yvc_499{display:flex;align-items:center;gap:8px}._linkButton_16yvc_505,._dangerButton_16yvc_506{font-family:var(--font-label);font-size:12px;line-height:1;padding:7px 10px;border-radius:4px;text-decoration:none;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),opacity var(--transition)}._linkButton_16yvc_505{color:var(--accent);border:1px solid var(--border);background:transparent}._linkButton_16yvc_505:hover{border-color:var(--accent)}._dangerButton_16yvc_506{color:var(--error-text);border:1px solid var(--error-border);background:var(--error-bg)}._dangerButton_16yvc_506:hover{opacity:.86}._dangerButton_16yvc_506:disabled{opacity:.45;cursor:not-allowed}._inlineStatus_16yvc_542{margin:12px 0 0;font-family:var(--font-code);font-size:12px;color:var(--text-secondary)}._coldGrid_16yvc_550{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-family:var(--font-code);font-size:13px}._coldGrid_16yvc_550 dt{color:var(--text-muted)}._coldGrid_16yvc_550 dd{color:var(--text-primary);margin:0}._coldHint_16yvc_568{margin-top:10px;font-family:var(--font-label);font-size:12px;color:var(--text-muted);font-style:italic}._langRow_16yvc_577{display:flex;align-items:center;gap:12px;font-size:13px}._langRow_16yvc_577 label{font-family:var(--font-label);color:var(--text-primary)}._loading_16yvc_590{color:var(--text-muted);font-family:var(--font-code);font-size:13px;padding:32px 0;text-align:center}._unit_16yvc_599{font-family:var(--font-code);font-size:11px;color:var(--text-muted)}@media(max-width:720px){._dataHistoryRow_16yvc_448{grid-template-columns:minmax(0,1fr);align-items:stretch}._dataHistoryMetric_16yvc_492{white-space:normal}._dataHistoryActions_16yvc_499{justify-content:flex-start}._uiStudioDataHistoryDetail_16yvc_467{margin-left:0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{u as o,j as s}from"./index-
|
|
1
|
+
import{u as o,j as s}from"./index-CjBiayQg.js";const e="_badge_1ucqq_2",c="_dot_1ucqq_12",a="_online_1ucqq_20",l="_offline_1ucqq_25",_="_idle_1ucqq_30",u="_syncing_1ucqq_34",d="_initializing_1ucqq_35",n={badge:e,dot:c,online:a,offline:l,idle:_,syncing:u,initializing:d},g={online:"status.online",offline:"status.offline",idle:"status.idle",syncing:"status.syncing",initializing:"status.initializing"};function f({status:i}){const{t}=o();return s.jsxs("span",{className:n.badge,children:[s.jsx("span",{className:`${n.dot} ${n[i]}`}),t(g[i])]})}export{f as S};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._progressPromoWrap_1ry8y_1{display:flex;flex-direction:column;gap:8px}._progressPromo_1ry8y_1{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;display:flex;align-items:center;gap:16px}._progressMain_1ry8y_17{flex:1;min-width:0}._progressLabel_1ry8y_22{font-family:var(--font-label);font-size:11px;color:var(--text-secondary);margin-bottom:6px;display:flex;justify-content:space-between;gap:12px}._progressBar_1ry8y_32{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}._progressFill_1ry8y_39{height:100%;background:var(--pro-badge);border-radius:3px;transition:width var(--transition)}._progressTextGroup_1ry8y_46{display:flex;flex-direction:column;gap:3px}._progressText_1ry8y_46{font-family:var(--font-label);font-size:13px;color:var(--pro-badge);white-space:nowrap;font-weight:500}._discountHint_1ry8y_60{font-size:11px;color:var(--text-muted);white-space:nowrap}._actions_1ry8y_66{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}._btn_1ry8y_74{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-label);font-size:12px;padding:6px 14px;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;text-decoration:none;transition:background var(--transition),border-color var(--transition),opacity var(--transition)}._btn_1ry8y_74:hover{border-color:var(--accent);background:var(--accent-dim)}._btnOutline_1ry8y_95{border-color:var(--pro-badge);color:var(--pro-badge)}._btnOutline_1ry8y_95:hover{background:var(--pro-bg-soft);border-color:var(--pro-badge)}._btnPrimary_1ry8y_105{background:var(--pro-badge);color:var(--pro-text-on-badge);border-color:var(--pro-badge)}._btnPrimary_1ry8y_105:hover{opacity:.9}._panel_1ry8y_115{background:linear-gradient(180deg,var(--pro-bg-soft),transparent 60%),var(--bg-secondary);border:1px solid var(--pro-border);border-radius:var(--radius);padding:24px 20px}._panelIcon_1ry8y_122{font-size:32px;margin-bottom:12px;text-align:center}._panelTitle_1ry8y_128{font-family:var(--font-label);font-size:15px;font-weight:600;color:var(--pro-text);margin-bottom:8px;text-align:center}._panelDesc_1ry8y_137{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5;text-align:center}._benefitList_1ry8y_145{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:4px}._benefitItem_1ry8y_154{font-size:12px;color:var(--text-secondary);padding-left:16px;position:relative}._benefitItem_1ry8y_154:before{content:"+";position:absolute;left:0;color:var(--pro-badge);font-weight:600}._panelDiscountHint_1ry8y_169{font-size:11px;color:var(--text-muted);text-align:center;margin-bottom:12px}@media(max-width:720px){._progressPromo_1ry8y_1{flex-direction:column;align-items:stretch}._progressText_1ry8y_46,._discountHint_1ry8y_60{white-space:normal}._actions_1ry8y_66{justify-content:stretch}._btn_1ry8y_74{width:100%}}._page_siyu4_2{display:flex;flex-direction:column;gap:16px;max-width:900px}._card_siyu4_10{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}._cardHeader_siyu4_17{font-family:var(--font-label);font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}._clearButton_siyu4_29{border:1px solid rgba(209,84,84,.5);background:#d154541f;color:var(--error-text);border-radius:8px;padding:6px 12px;cursor:pointer}._statusRow_siyu4_39{display:flex;align-items:center;gap:12px;margin-bottom:8px}._metaItem_siyu4_46{font-family:var(--font-code);font-size:12px;color:var(--text-secondary)}._statusGrid_siyu4_52{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;font-size:12px}._statusGrid_siyu4_52 dt{color:var(--text-secondary);font-family:var(--font-label)}._statusGrid_siyu4_52 dd{margin:0;font-family:var(--font-code);color:var(--text-primary)}._table_siyu4_71{width:100%;border-collapse:collapse;font-family:var(--font-code);font-size:12px}._table_siyu4_71 th{text-align:left;padding:6px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-label);font-weight:500;font-size:11px}._table_siyu4_71 td{padding:6px 12px;border-bottom:1px solid var(--border);color:var(--text-primary)}._table_siyu4_71 tr:last-child td{border-bottom:none}._directionRail_siyu4_99{display:inline-flex;align-items:center;gap:10px}._endpointLabel_siyu4_105{color:var(--text-secondary)}._optionRail_siyu4_109{display:inline-flex;align-items:center;gap:6px}._directionOption_siyu4_115{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;border-radius:6px;border:1px solid var(--border);font-family:var(--font-code);font-size:13px;cursor:help;-webkit-user-select:none;user-select:none}._directionOptionActive_siyu4_129{background:var(--bg-secondary)}._directionOptionInactive_siyu4_133{background:transparent;opacity:.45;color:var(--text-muted)}._directionOptionActive_siyu4_129._direction_forward_siyu4_139{color:var(--success)}._directionOptionActive_siyu4_129._direction_bidirectional_siyu4_143{color:var(--accent)}._directionOptionActive_siyu4_129._direction_reverse_siyu4_147{color:var(--warning)}._lockBadge_siyu4_152{display:inline-block;margin-left:6px;font-size:11px;color:var(--text-muted)}._proBadge_siyu4_160{display:inline-block;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:600;letter-spacing:.05em;color:var(--pro-text-on-badge);background:var(--pro-badge);border-radius:3px;vertical-align:middle}._forwardBadge_siyu4_174{display:inline-block;padding:2px 8px;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px}._logContainer_siyu4_187{max-height:240px;overflow-y:auto;font-family:var(--font-code);font-size:11px}._logEntry_siyu4_194{display:flex;gap:10px;padding:3px 0;border-bottom:1px solid var(--border);color:var(--text-primary)}._logEntry_siyu4_194:last-child{border-bottom:none}._logTime_siyu4_206{color:var(--text-muted);flex-shrink:0;width:44px}._logType_siyu4_212{font-weight:500;flex-shrink:0;width:90px;text-transform:uppercase;font-size:10px;letter-spacing:.04em}._logTypeWrite_siyu4_221{color:var(--success)}._logTypeUpdate_siyu4_225{color:var(--accent)}._logTypeDelete_siyu4_229{color:var(--error)}._logTypeIdle_siyu4_233{color:var(--text-muted)}._logPath_siyu4_237{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._logEmpty_siyu4_244{color:var(--text-muted);font-style:italic;padding:8px 0}._overlay_siyu4_251{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:16px}._overlayTitle_siyu4_261{font-family:var(--font-label);font-size:15px;font-weight:600;color:var(--text-primary)}._overlayMessage_siyu4_268{font-size:13px;color:var(--text-secondary);max-width:400px}._checklist_siyu4_274{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;text-align:left}._checkItem_siyu4_284{font-family:var(--font-code);font-size:12px;color:var(--text-secondary);padding-left:20px;position:relative}._checkItem_siyu4_284:before{content:"○";position:absolute;left:0;color:var(--text-muted)}._upgradePanel_siyu4_300{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}._upgradePanelHeader_siyu4_307{font-family:var(--font-label);font-size:13px;font-weight:600;color:var(--accent);margin-bottom:8px}._benefitList_siyu4_315{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:4px}._benefitItem_siyu4_324{font-size:12px;color:var(--text-secondary);padding-left:16px;position:relative}._benefitItem_siyu4_324:before{content:"+";position:absolute;left:0;color:var(--accent);font-weight:600}._upgradeActions_siyu4_339{display:flex;gap:8px}._btn_siyu4_344{font-family:var(--font-label);font-size:12px;padding:6px 14px;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:background var(--transition),border-color var(--transition)}._btn_siyu4_344:hover{border-color:var(--accent);background:var(--accent-dim)}._btnPrimary_siyu4_361{background:var(--accent);color:var(--bg-card);border-color:var(--accent)}._btnPrimary_siyu4_361:hover{opacity:.9}._disabled_siyu4_372{opacity:.4;pointer-events:none}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{r as c,a as P,D as S,u as L,i as k,n as R,o as $,j as e,d as D,l as O,m as A,T as E,p as B}from"./index-CjBiayQg.js";import{I as f}from"./InfoLabel-BDieYXVe.js";import{T as j}from"./TooltipText-DgxJjq91.js";import{C as H}from"./ConfirmModal-Dak7jVJo.js";import{S as M}from"./StatusBadge-MxsMOCZ3.js";import{D as F,T as U}from"./TierComparison-DvuMctLJ.js";const W=5e3;function q(){const[t,i]=c.useState(null),[b,y]=c.useState([]),[u,o]=c.useState(!0),[p,w]=c.useState(null),h=c.useRef(null),m=c.useRef(null),r=c.useCallback(async()=>{var d;try{const[T,a]=await Promise.all([P.get("/sync/status"),P.get("/api/dashboard/place-summary")]);i(T);const x=(d=a.places)==null?void 0:d.find(I=>I.isActive);w((x==null?void 0:x.placeDirName)??null)}catch{}},[]),_=c.useCallback(async()=>{try{const d=await P.get("/sync/history",{limit:"30"});y(d.entries??[])}catch{y([])}},[]),g=c.useCallback(async()=>{await Promise.all([r(),_()]),o(!1)},[r,_]),n=c.useCallback(()=>{g()},[g]),N=c.useCallback(async()=>{await P.post("/api/dashboard/sync/history/clear"),y([]),r()},[r]);return c.useEffect(()=>(g(),m.current=setInterval(g,W),()=>{m.current&&clearInterval(m.current)}),[g]),c.useEffect(()=>{const d=new S;h.current=d,d.connect();const T=d.on("sync",()=>{r(),_()});return()=>{T(),d.disconnect(),h.current=null}},[r,_]),{status:t,history:b,loading:u,activePlaceDirName:p,refresh:n,clearHistory:N}}const G="_actions_1ry8y_66",z="_btn_1ry8y_74",Y="_btnOutline_1ry8y_95",V="_btnPrimary_1ry8y_105",J="_panel_1ry8y_115",Q="_panelIcon_1ry8y_122",X="_panelTitle_1ry8y_128",Z="_panelDesc_1ry8y_137",K="_benefitList_1ry8y_145",ee="_benefitItem_1ry8y_154",l={actions:G,btn:z,btnOutline:Y,btnPrimary:V,panel:J,panelIcon:Q,panelTitle:X,panelDesc:Z,benefitList:K,benefitItem:ee};function te({icon:t,title:i,description:b,benefits:y,upgradeLabel:u,upgradeHref:o}){const{t:p}=L(),[w,h]=c.useState(!1),{trackEvent:m}=k(),{pathname:r,search:_}=R(),g=$(r,_);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:l.panel,children:[t&&e.jsx("div",{className:l.panelIcon,children:t}),e.jsx("div",{className:l.panelTitle,children:i}),e.jsx("div",{className:l.panelDesc,children:b}),e.jsx("ul",{className:l.benefitList,children:y.map(n=>e.jsx("li",{className:l.benefitItem,children:n},n))}),e.jsx("div",{className:l.panelDiscountWrap,children:e.jsx(F,{variant:"centered"})}),e.jsxs("div",{className:l.actions,children:[e.jsx("button",{className:`${l.btn} ${l.btnOutline}`,onClick:()=>{m("dashboard_click_event",{click_target:"tier_compare",placement:"tier_panel",...g}),h(!0)},children:p("tier.compare","Basic vs Pro")}),e.jsx("a",{className:`${l.btn} ${l.btnPrimary}`,href:o,target:"_blank",rel:"noreferrer",onClick:()=>m("dashboard_click_event",{click_target:"upgrade_cta",placement:"tier_panel",...g}),children:u})]})]}),w&&e.jsx(U,{onClose:()=>h(!1)})]})}const se="_page_siyu4_2",ne="_card_siyu4_10",ie="_cardHeader_siyu4_17",ae="_clearButton_siyu4_29",ce="_statusRow_siyu4_39",oe="_metaItem_siyu4_46",le="_statusGrid_siyu4_52",re="_table_siyu4_71",de="_directionRail_siyu4_99",ye="_endpointLabel_siyu4_105",ue="_optionRail_siyu4_109",pe="_directionOption_siyu4_115",_e="_directionOptionActive_siyu4_129",he="_directionOptionInactive_siyu4_133",me="_direction_forward_siyu4_139",ge="_direction_bidirectional_siyu4_143",fe="_direction_reverse_siyu4_147",be="_lockBadge_siyu4_152",xe="_proBadge_siyu4_160",je="_forwardBadge_siyu4_174",ve="_logContainer_siyu4_187",we="_logEntry_siyu4_194",Te="_logTime_siyu4_206",Ne="_logType_siyu4_212",Ie="_logTypeWrite_siyu4_221",Pe="_logTypeUpdate_siyu4_225",Ce="_logTypeDelete_siyu4_229",Le="_logTypeIdle_siyu4_233",ke="_logPath_siyu4_237",Se="_logEmpty_siyu4_244",Re="_overlay_siyu4_251",$e="_overlayTitle_siyu4_261",De="_overlayMessage_siyu4_268",Oe="_checklist_siyu4_274",Ae="_checkItem_siyu4_284",Ee="_upgradePanel_siyu4_300",Be="_upgradePanelHeader_siyu4_307",He="_benefitList_siyu4_315",Me="_benefitItem_siyu4_324",Fe="_upgradeActions_siyu4_339",Ue="_btn_siyu4_344",We="_btnPrimary_siyu4_361",qe="_disabled_siyu4_372",s={page:se,card:ne,cardHeader:ie,clearButton:ae,statusRow:ce,metaItem:oe,statusGrid:le,table:re,directionRail:de,endpointLabel:ye,optionRail:ue,directionOption:pe,directionOptionActive:_e,directionOptionInactive:he,direction_forward:me,direction_bidirectional:ge,direction_reverse:fe,lockBadge:be,proBadge:xe,forwardBadge:je,logContainer:ve,logEntry:we,logTime:Te,logType:Ne,logTypeWrite:Ie,logTypeUpdate:Pe,logTypeDelete:Ce,logTypeIdle:Le,logPath:ke,logEmpty:Se,overlay:Re,overlayTitle:$e,overlayMessage:De,checklist:Oe,checkItem:Ae,upgradePanel:Ee,upgradePanelHeader:Be,benefitList:He,benefitItem:Me,upgradeActions:Fe,btn:Ue,btnPrimary:We,disabled:qe},Ge=[{key:"forward",symbol:"←"},{key:"bidirectional",symbol:"↔"},{key:"reverse",symbol:"→"}];function ze(t){const i=new Date(t);return`${String(i.getHours()).padStart(2,"0")}:${String(i.getMinutes()).padStart(2,"0")}`}function Ye(t){switch(t){case"write":return s.logTypeWrite;case"update":return s.logTypeUpdate;case"delete":return s.logTypeDelete;default:return s.logTypeIdle}}function Ve(t){switch(t){case"syncing":return"syncing";case"initializing":return"initializing";case"idle":return"idle";default:return"offline"}}function Je(t,i,b,y){const u=t(`sync.directions.cat.${i}`,i.charAt(0).toUpperCase()+i.slice(1)),o=t("sync.directions.endpoint.local","Local"),p=t("sync.directions.endpoint.studio","Studio");switch(b){case"forward":return[`${u}: ${o} <- ${p}`,t("sync.directions.tooltip.forward.body","Studio changes sync to local files only")].join(`
|
|
2
|
+
`);case"bidirectional":return[`${u}: ${o} <-> ${p}`,t("sync.directions.tooltip.bidirectional.body","Two-way sync between Local and Studio"),y?t("sync.directions.tooltip.proRequired","Pro required in Basic tier"):""].filter(Boolean).join(`
|
|
3
|
+
`);case"reverse":return[`${u}: ${o} -> ${p}`,t("sync.directions.tooltip.reverse.body","Push local file changes to Studio"),y?t("sync.directions.tooltip.proRequired","Pro required in Basic tier"):""].filter(Boolean).join(`
|
|
4
|
+
`);default:return u}}const Qe=["scripts","values","containers","data","services"];function Xe(t,i){return i==="manual"?t("sync.directions.mode.manual","Manual"):i==="auto"?t("sync.directions.mode.auto","Auto"):"-"}function Ze(t,i){return i==="manual"?t("sync.directions.mode.manual.tooltip","Applies sync changes only when you trigger them manually."):i==="auto"?t("sync.directions.mode.auto.tooltip","Applies sync changes automatically when updates arrive."):""}function Ke(t,i){switch(i){case"write":return t("sync.log.type.write","WRITE");case"update":return t("sync.log.type.update","UPDATE");case"delete":return t("sync.log.type.delete","DELETE");default:return t("sync.log.type.idle","IDLE")}}function et(t,i){switch(i){case"write":return t("sync.log.type.write.tooltip","A new sync output was written to disk.");case"update":return t("sync.log.type.update.tooltip","An existing synced file or instance was updated.");case"delete":return t("sync.log.type.delete.tooltip","A synced file or instance was removed.");default:return t("sync.log.type.idle.tooltip","A sync event was recorded without a file mutation.")}}function ot(){const{t}=L(),{trackEvent:i}=k(),{level:b}=D(),{tier:y,loading:u}=O(),o=q(),{show:p}=A(),[w,h]=c.useState(!1),[m,r]=c.useState(!1),_=!u&&y==="basic";if(b==="disconnected"||b==="serverOnly")return e.jsx("div",{className:s.page,children:e.jsx("div",{className:s.card,children:e.jsxs("div",{className:s.overlay,children:[e.jsx("div",{className:s.overlayTitle,children:t("sync.overlay.title","Roblox Studio plugin required")}),e.jsx("div",{className:s.overlayMessage,children:t("sync.overlay.message","Sync status will be available once the Roblox Studio plugin connects.")}),e.jsxs("ul",{className:s.checklist,children:[e.jsx("li",{className:s.checkItem,children:t("sync.overlay.check1","Is Roblox Studio running?")}),e.jsx("li",{className:s.checkItem,children:t("sync.overlay.check2","Is the WEPPY Plugin installed?")})]})]})})});const n=o.status,N=o.history,d=Ve(n==null?void 0:n.state),T=async()=>{r(!0);try{await o.clearHistory(),p(t("toast.clearSuccess","Cleared successfully"),"success"),h(!1)}catch{p(t("toast.clearFailed","Failed to clear data"),"error")}finally{r(!1)}};return e.jsxs("div",{className:s.page,children:[e.jsxs("div",{className:s.card,children:[e.jsxs("div",{className:s.cardHeader,children:[e.jsx(j,{text:t("sync.status.title.tooltip","Current Studio and local file sync status for this place."),children:t("sync.status.title","Sync Status")}),_&&e.jsx(j,{text:t("sync.status.forwardOnly.tooltip","Basic tier allows Studio to local forward sync only."),children:e.jsx("span",{className:s.forwardBadge,children:t("sync.status.forwardOnly","Forward Only")})})]}),e.jsxs("div",{className:s.statusRow,children:[e.jsx(M,{status:d}),(n==null?void 0:n.placeName)&&e.jsxs("span",{className:s.metaItem,children:[e.jsx(f,{label:t("sync.status.place","Place"),tooltip:t("sync.status.place.tooltip","Connected Roblox place name and place ID.")}),": ",n.placeName,n.placeId?` (${n.placeId})`:""]})]}),e.jsxs("dl",{className:s.statusGrid,children:[(n==null?void 0:n.syncRoot)&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:e.jsx(f,{label:t("sync.status.path","Path"),tooltip:t("sync.status.path.tooltip","Local filesystem root currently used for sync output.")})}),e.jsx("dd",{children:n.syncRoot})]}),o.activePlaceDirName&&(n==null?void 0:n.syncRoot)&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:e.jsx(f,{label:t("sync.status.placePath","Place Path"),tooltip:t("sync.status.placePath.tooltip","Active place directory where explorer files are synced.")})}),e.jsx("dd",{children:`${n.syncRoot}/${o.activePlaceDirName}/explorer`})]}),(n==null?void 0:n.instanceCount)!=null&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:e.jsx(f,{label:t("sync.status.instances","Instances"),tooltip:t("sync.status.instances.tooltip","Total synced Roblox instances tracked in the local mirror.")})}),e.jsx("dd",{children:n.instanceCount})]}),(n==null?void 0:n.scriptCount)!=null&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:e.jsx(f,{label:t("sync.status.scripts","Scripts"),tooltip:t("sync.status.scripts.tooltip","Total synced script files currently indexed for this place.")})}),e.jsx("dd",{children:n.scriptCount})]}),(n==null?void 0:n.state)==="syncing"&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:e.jsx(f,{label:t("sync.status.state","State"),tooltip:t("sync.status.state.tooltip","Current runtime sync state reported by the server.")})}),e.jsx("dd",{children:t("status.syncing","Syncing")})]})]})]}),(n==null?void 0:n.directions)&&e.jsxs("div",{className:s.card,children:[e.jsx("div",{className:s.cardHeader,children:e.jsx(j,{text:t("sync.directions.title.tooltip","Per-category sync direction and apply behavior between Local and Studio."),children:t("sync.directions.title","Sync Directions")})}),e.jsxs("table",{className:s.table,children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:e.jsx(f,{label:t("sync.directions.type","Type"),tooltip:t("sync.directions.type.tooltip","Sync category affected by this rule.")})}),e.jsx("th",{children:e.jsx(f,{label:t("sync.directions.direction","Direction"),tooltip:t("sync.directions.direction.tooltip","Whether each category syncs from Studio, to Studio, or both ways.")})}),e.jsx("th",{children:e.jsx(f,{label:t("sync.directions.applyMode","Apply Mode"),tooltip:t("sync.directions.applyMode.tooltip","How incoming sync changes are applied for this category.")})})]})}),e.jsx("tbody",{children:Qe.map(a=>{var C;const x=n.directions[a],I=(C=n.applyModes)==null?void 0:C[a];return e.jsxs("tr",{children:[e.jsx("td",{children:t(`sync.directions.cat.${a}`,a.charAt(0).toUpperCase()+a.slice(1))}),e.jsx("td",{children:e.jsxs("div",{className:s.directionRail,"aria-label":`${a}-direction-rail`,children:[e.jsx(j,{text:t("sync.directions.endpoint.local.tooltip","Local files on disk are always shown on the left side of the direction rail."),children:e.jsx("span",{className:s.endpointLabel,children:t("sync.directions.endpoint.local","Local")})}),e.jsx("span",{className:s.optionRail,children:Ge.map(v=>e.jsx(E,{text:Je(t,a,v.key,_),children:e.jsx("span",{className:`${s.directionOption} ${x===v.key?s.directionOptionActive:s.directionOptionInactive} ${s[`direction_${v.key}`]??""}`,"data-active":x===v.key?"true":"false",children:v.symbol})},v.key))}),e.jsx(j,{text:t("sync.directions.endpoint.studio.tooltip","Roblox Studio is always shown on the right side of the direction rail."),children:e.jsx("span",{className:s.endpointLabel,children:t("sync.directions.endpoint.studio","Studio")})})]})}),e.jsx("td",{children:e.jsx(j,{text:Ze(t,I),children:Xe(t,I)})})]},a)})})]})]}),e.jsxs("div",{className:s.card,children:[e.jsxs("div",{className:s.cardHeader,children:[e.jsx("span",{children:t("sync.log.title","Sync Log")}),e.jsx("button",{className:s.clearButton,onClick:()=>{i("dashboard_click_event",{click_target:"sync_clear_log",page:"sync"}),h(!0)},children:t("common.clear","Clear")})]}),e.jsx("div",{className:s.logContainer,children:N.length===0?e.jsx("div",{className:s.logEmpty,children:t("sync.log.empty","No sync events yet")}):N.map((a,x)=>e.jsxs("div",{className:s.logEntry,children:[e.jsx("span",{className:s.logTime,children:ze(a.timestamp)}),e.jsx(j,{text:et(t,a.type),children:e.jsx("span",{className:`${s.logType} ${Ye(a.type)}`,children:Ke(t,a.type)})}),e.jsxs("span",{className:s.logPath,children:[a.path,a.details?` — ${a.details}`:""]})]},x))})]}),_&&e.jsx(te,{title:t("sync.upgrade.title","Unlock Full Sync with Pro"),description:t("tier.banner.save","Save AI tokens with Pro!"),benefits:[t("sync.upgrade.benefit1","Bidirectional sync — edit files, auto-apply to Studio"),t("sync.upgrade.benefit2","Reverse sync — push file changes back to Studio"),t("sync.upgrade.benefit3","Full sync history and detailed change log")],upgradeLabel:t("sync.upgrade.buy","Upgrade to Pro"),upgradeHref:B.sync}),e.jsx(H,{open:w,title:t("sync.clear.title","Clear sync log?"),message:t("sync.clear.message","This permanently removes the stored sync log for the current place."),cancelLabel:t("common.cancel","Cancel"),confirmLabel:t("common.clear","Clear"),loading:m,onCancel:()=>!m&&h(!1),onConfirm:T})]})}export{ot as Component};
|
package/plugins/weppy-roblox-mcp/dashboard/dist/assets/{Tabs-BNtOqYlc.js → Tabs-CuTJuL80.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as s}from"./index-
|
|
1
|
+
import{j as s}from"./index-CjBiayQg.js";const r="_tabBar_1o4kh_2",_="_tabs_1o4kh_9",d="_actions_1o4kh_14",k="_tab_1o4kh_2",h="_tabActive_1o4kh_39",a={tabBar:r,tabs:_,actions:d,tab:k,tabActive:h};function v({items:n,value:c,onChange:l,ariaLabel:b,className:i,rightActions:e}){return s.jsxs("div",{className:[a.tabBar,i].filter(Boolean).join(" "),role:"tablist","aria-label":b,children:[s.jsx("div",{className:a.tabs,children:n.map(t=>{const o=t.key===c;return s.jsx("button",{type:"button",role:"tab","aria-selected":o,"data-testid":t.testId,className:[a.tab,o?a.tabActive:""].filter(Boolean).join(" "),onClick:()=>l(t.key),children:t.label},t.key)})}),e?s.jsx("div",{className:a.actions,children:e}):null]})}export{v as T};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{u as d,v as p,j as s}from"./index-FfT2oWAB.js";const h=[{name:"query_instances",description:"Query Roblox instances: get, children, find child/descendant, wait for child, class info, search by name/class. [PRO] file_tree, project_structure, descendants, ancestors, search by property/tag.",basic:["get","children","find_child","find_descendant","wait_for_child","class_info","search_name","search_class"],pro:["search_property","search_tag","file_tree","project_structure","descendants","ancestors"]},{name:"mutate_instances",description:"Create, delete, clone, move, rename, or pivot instances. [PRO] create_tree, mass_create, mass_delete, mass_duplicate, smart_duplicate.",basic:["create","create_with_props","delete","clone","move","rename","pivot"],pro:["create_tree","mass_create","mass_delete","mass_duplicate","smart_duplicate"]},{name:"manage_properties",description:"Get/set properties, attributes, and tags on instances. [PRO] set_calculated, set_relative, mass_set, mass_get, modify_children.",basic:["get","set","get_all","set_multiple","get_attr","set_attr","get_all_attrs","delete_attr","add_tag","remove_tag","check_tag","get_tags","get_tagged"],pro:["set_calculated","set_relative","mass_set","mass_get","modify_children"]},{name:"manage_scripts",description:"Manage script source code: read, write, create, delete, edit lines, search. [PRO] replace across scripts.",basic:["get_source","set_source","create","delete","edit_replace","edit_insert","edit_delete","search","get_dependencies"],pro:["replace"]},{name:"manage_ui",description:"Pro only. Create or refine game-style menus, HUDs, buttons, labels, and image panels, then capture screens and review improvement suggestions.",basic:[],pro:["design_brief","create_tree","update","delete","preview","check"]},{name:"manage_lighting",description:"[PRO] Configure environment: lighting, atmosphere, sky, terrain properties, time of day.",basic:[],pro:["lighting","atmosphere","sky","terrain_props","time"]},{name:"manage_selection",description:"Get, set, or clear selection. [PRO] context, details, add/remove items, watch changes.",basic:["get","set","clear","cached"],pro:["context","details","add","remove","watch"]},{name:"manage_camera",description:"Camera operations: get info, focus on instance/position, suggest view, capture Edit-mode viewport screenshot (Edit mode only; not usable during playtest).",basic:["info","focus_path","focus_position","suggest"],pro:["screenshot"]},{name:"manage_tween",description:"[PRO] Tween service: create, play, pause, cancel tweens for smooth animations.",basic:[],pro:["create","play","pause","cancel"]},{name:"manage_audio",description:"[PRO] Audio management: play, stop, pause, resume sounds. Set audio listener.",basic:[],pro:["play","stop","pause","resume","set_listener"]},{name:"manage_animation",description:"[PRO] Animation: load, play, stop animations. Get animation tracks from humanoid/controller.",basic:[],pro:["load","play","stop","get_tracks"]},{name:"manage_physics",description:"[PRO] Physics collision groups: register, set collidable between groups, list groups.",basic:[],pro:["register_group","set_collidable","get_groups"]},{name:"manage_effects",description:"[PRO] Particle effects: emit particles, clear all particles, toggle effect enabled state.",basic:[],pro:["emit","clear","toggle"]},{name:"manage_terrain",description:"[PRO] Terrain operations: fill shapes, clear regions, replace materials, manage colors, read/write voxels, generate procedural terrain, smooth terrain.",basic:[],pro:["fill_block","fill_ball","fill_cylinder","fill_wedge","clear_region","clear_bounds","replace_material","colors_get","colors_set","read_voxel","read_voxels","write_voxels","generate","smooth"]},{name:"spatial_query",description:"[PRO] Spatial queries: raycast, find ground, check placement, multi-raycast, scan area, find flat areas, find spawn positions, analyze walkable, spatial map, find empty space, get bounds, snap to grid, check collision.",basic:[],pro:["raycast","find_ground","check_placement","multi_raycast","scan_area","find_flat","find_spawn","analyze_walkable","spatial_map","find_space","bounds","snap_grid","collision"]},{name:"manage_assets",description:"[PRO] Asset management: insert models by ID, get asset info, search creator store, insert free models/packages, export selection.",basic:[],pro:["insert","info","search","search_insert","insert_free","insert_package","export"]},{name:"manage_sync",description:"[PRO] Project sync management: status, history, direction settings, read/write synced files.",basic:[],pro:["status_current_place","history","directions","read_file","write_file","progress"]},{name:"workspace_state",description:"[PRO] Workspace state: full sync, snapshot, recent changes, viewport info, clear history, metadata, scripts, selection info, clear cache.",basic:[],pro:["sync","snapshot","changes","viewport","clear_history","metadata","scripts","selection_info","clear_cache"]},{name:"manage_logs",description:"Output logs: get filtered logs, poll incrementally with sinceSeq cursor, clear buffer, get recent errors.",basic:["get","clear","errors"],pro:[]},{name:"system_info",description:"System info: ping, connection status, usage tier. [PRO] place info, services list, studio settings, playtest control, automated test runner.",basic:["ping","connection","usage"],pro:["place_info","services","studio_settings","play","stop","pause","resume","play_status","run_test"]},{name:"manage_studio",description:"Pro only. Toggle Studio editor view settings such as UI preview for screenshot and QA workflows; it changes Studio session settings, not game UI objects.",basic:[],pro:["toggle_ui_preview"]},{name:"batch_execute",description:'[PRO] Execute multiple commands in a single batch. Each command is an object with "tool" name and "args". Commands execute sequentially; optionally continue on error.',basic:[],pro:["batch_execute"]},{name:"execute_luau",description:"[PRO] Execute arbitrary Luau code in Roblox Studio sandbox. Blocked services: HttpService, DataStoreService, MessagingService. Cannot access CoreGui/CorePackages.",basic:[],pro:["execute_luau"]}],y={proOnlyTools:15,mixedTools:7,totalBasicActions:51,totalProActions:114},b={tools:h,summary:y},f="_tag_1wj0q_2",x="_label_1wj0q_17",v="_code_1wj0q_22",j="_expiry_1wj0q_31",k="_inline_1wj0q_49",w="_centered_1wj0q_54",r={tag:f,label:x,code:v,expiry:j,inline:k,centered:w};function P({variant:n}){const{t:e}=d();return p()?s.jsxs("div",{className:`${r.tag} ${n==="centered"?r.centered:r.inline}`,children:[s.jsx("span",{className:r.label,children:e("tier.promo.discount.context","🎁 Gumroad 결제 시 할인코드 입력:")}),s.jsx("span",{className:r.code,children:e("tier.comparison.discount.code","WEPPY-MCP")}),s.jsx("span",{className:r.expiry,children:e("tier.comparison.discount.expiry","Valid until April 30")})]}):null}const N="_overlay_171mk_2",C="_modal_171mk_13",R="_summaryGrid_171mk_32",S="_summaryCard_171mk_39",T="_basicCard_171mk_45",O="_proCard_171mk_49",B="_cardTitle_171mk_54",A="_summarySection_171mk_70",I="_sectionTitle_171mk_78",L="_featureList_171mk_90",U="_summary_171mk_32",q="_statBasic_171mk_116",D="_statPro_171mk_120",$="_statMixed_171mk_124",M="_detailHeader_171mk_128",E="_tableWrap_171mk_137",G="_table_171mk_137",H="_toolName_171mk_165",W="_description_171mk_171",z="_actionList_171mk_176",F="_none_171mk_184",Q="_discountBanner_171mk_189",V="_closeBtn_171mk_227",t={overlay:N,modal:C,summaryGrid:R,summaryCard:S,basicCard:T,proCard:O,cardTitle:B,summarySection:A,sectionTitle:I,featureList:L,summary:U,statBasic:q,statPro:D,statMixed:$,detailHeader:M,tableWrap:E,table:G,toolName:H,description:W,actionList:z,none:F,discountBanner:Q,closeBtn:V},Y={manage_ui:{design_brief:"Plan UI direction",create_tree:"Create new UI",update:"Update existing UI",delete:"Remove UI",preview:"Capture UI screen",check:"Review improvement suggestions"}};function K({onClose:n}){const{t:e}=d(),{tools:_,summary:o}=b,l=(a,i)=>i.map(c=>{var m;return e(`tier.tool.${a}.action.${c}`,((m=Y[a])==null?void 0:m[c])??c)}).join(", "),u=[{title:e("tier.comparison.basic.core","Core MCP workflow"),items:[e("tier.comparison.basic.core.item1","Script create/edit"),e("tier.comparison.basic.core.item2","Instance management"),e("tier.comparison.basic.core.item3","Property control"),e("tier.comparison.basic.core.item4","Selection and search"),e("tier.comparison.basic.core.item5","Tag management"),e("tier.comparison.basic.core.item6","Camera control"),e("tier.comparison.basic.core.item7","Log monitoring")]},{title:e("tier.comparison.basic.sync","Sync (Basic)"),items:[e("tier.comparison.basic.sync.item1","Studio to Local one-way sync"),e("tier.comparison.basic.sync.item2","Manual apply as default")]}],g=[{title:e("tier.comparison.pro.all","Everything in Basic, plus"),items:[]},{title:e("tier.comparison.pro.sync","Advanced Sync workflow"),items:[e("tier.comparison.pro.sync.item1","Per-type sync direction"),e("tier.comparison.pro.sync.item2","Per-type apply mode"),e("tier.comparison.pro.sync.item3","Bidirectional and reverse sync"),e("tier.comparison.pro.sync.item4","Full sync, resync, and push to Studio"),e("tier.comparison.pro.sync.item5","Multi-place sync")]},{title:e("tier.comparison.pro.playtest","Playtest control"),items:[e("tier.comparison.pro.playtest.item1","Play, stop, pause, and resume"),e("tier.comparison.pro.playtest.item2","Playtest state inspection"),e("tier.comparison.pro.playtest.item3","Automated test execution")]},{title:e("tier.comparison.pro.creation","Advanced creation workflow"),items:[e("tier.comparison.pro.creation.item1","Bulk operations"),e("tier.comparison.pro.creation.item2","Terrain generation"),e("tier.comparison.pro.creation.item3","Asset search and insert"),e("tier.comparison.pro.creation.item4","Raycast and spatial analysis"),e("tier.comparison.pro.creation.item5","Environment control")]},{title:e("tier.comparison.pro.ui","AI UI design (UI Studio)"),items:[e("tier.comparison.pro.ui.item1","Plan game UI from your request and current Studio context"),e("tier.comparison.pro.ui.item2","Create, update, or remove menus, HUDs, buttons, and panels"),e("tier.comparison.pro.ui.item3","Capture the current UI for review"),e("tier.comparison.pro.ui.item4","Review touch, contrast, and safe-area suggestions")]}];return s.jsx("div",{className:t.overlay,onClick:n,children:s.jsxs("div",{className:t.modal,onClick:a=>a.stopPropagation(),children:[p()&&s.jsx("div",{className:t.discountBanner,children:s.jsx(P,{variant:"centered"})}),s.jsx("h2",{children:e("tier.compare")}),s.jsxs("div",{className:t.summaryGrid,children:[s.jsxs("section",{className:`${t.summaryCard} ${t.basicCard}`,children:[s.jsx("h3",{className:t.cardTitle,children:e("tier.basic")}),u.map(a=>s.jsxs("div",{className:t.summarySection,children:[s.jsx("div",{className:t.sectionTitle,children:a.title}),s.jsx("ul",{className:t.featureList,children:a.items.map(i=>s.jsx("li",{children:i},i))})]},a.title))]}),s.jsxs("section",{className:`${t.summaryCard} ${t.proCard}`,children:[s.jsx("h3",{className:t.cardTitle,children:e("tier.pro")}),g.map(a=>s.jsxs("div",{className:t.summarySection,children:[s.jsx("div",{className:t.sectionTitle,children:a.title}),a.items.length>0&&s.jsx("ul",{className:t.featureList,children:a.items.map(i=>s.jsx("li",{children:i},i))})]},a.title))]})]}),s.jsxs("div",{className:t.summary,children:[s.jsxs("span",{className:t.statBasic,children:["Basic: ",o.totalBasicActions," actions"]}),s.jsxs("span",{className:t.statPro,children:["Pro: ",o.totalProActions," actions"]}),s.jsxs("span",{className:t.statMixed,children:[o.mixedTools," mixed / ",o.proOnlyTools," pro-only"]})]}),s.jsx("div",{className:t.detailHeader,children:e("tier.comparison.detailTitle","Detailed Tool Catalog")}),s.jsx("div",{className:t.tableWrap,children:s.jsxs("table",{className:t.table,children:[s.jsx("thead",{children:s.jsxs("tr",{children:[s.jsx("th",{children:e("tools.col.tool")}),s.jsx("th",{children:e("tier.comparison.description","Description")}),s.jsx("th",{children:e("tier.basic")}),s.jsx("th",{children:e("tier.pro")})]})}),s.jsx("tbody",{children:_.map(a=>s.jsxs("tr",{children:[s.jsx("td",{className:t.toolName,children:a.name}),s.jsx("td",{className:t.description,children:e(`tier.tool.${a.name}.desc`,a.description)}),s.jsx("td",{className:t.actionList,children:a.basic.length>0?l(a.name,a.basic):s.jsx("span",{className:t.none,children:"—"})}),s.jsx("td",{className:t.actionList,children:a.pro.length>0?l(a.name,a.pro):s.jsx("span",{className:t.none,children:"—"})})]},a.name))})]})}),s.jsx("button",{className:t.closeBtn,onClick:n,children:e("tier.comparison.close","Close")})]})})}export{P as D,K as T};
|
|
1
|
+
import{u as d,w as p,j as s}from"./index-CjBiayQg.js";const h=[{name:"query_instances",description:"Query Roblox instances: get, children, find child/descendant, wait for child, class info, search by name/class. [PRO] file_tree, project_structure, descendants, ancestors, search by property/tag.",basic:["get","children","find_child","find_descendant","wait_for_child","class_info","search_name","search_class"],pro:["search_property","search_tag","file_tree","project_structure","descendants","ancestors"]},{name:"mutate_instances",description:"Create, delete, clone, move, rename, or pivot instances. [PRO] create_tree, mass_create, mass_delete, mass_duplicate, smart_duplicate.",basic:["create","create_with_props","delete","clone","move","rename","pivot"],pro:["create_tree","mass_create","mass_delete","mass_duplicate","smart_duplicate"]},{name:"manage_properties",description:"Get/set properties, attributes, and tags on instances. [PRO] set_calculated, set_relative, mass_set, mass_get, modify_children.",basic:["get","set","get_all","set_multiple","get_attr","set_attr","get_all_attrs","delete_attr","add_tag","remove_tag","check_tag","get_tags","get_tagged"],pro:["set_calculated","set_relative","mass_set","mass_get","modify_children"]},{name:"manage_scripts",description:"Manage script source code: read, write, create, delete, edit lines, search. [PRO] replace across scripts.",basic:["get_source","set_source","create","delete","edit_replace","edit_insert","edit_delete","search","get_dependencies"],pro:["replace"]},{name:"manage_ui",description:"Pro only. Create or refine game-style menus, HUDs, buttons, labels, and image panels, then capture screens and review improvement suggestions.",basic:[],pro:["design_brief","create_tree","update","delete","preview","check"]},{name:"manage_lighting",description:"[PRO] Configure environment: lighting, atmosphere, sky, terrain properties, time of day.",basic:[],pro:["lighting","atmosphere","sky","terrain_props","time"]},{name:"manage_selection",description:"Get, set, or clear selection. [PRO] context, details, add/remove items, watch changes.",basic:["get","set","clear","cached"],pro:["context","details","add","remove","watch"]},{name:"manage_camera",description:"Camera operations: get info, focus on instance/position, suggest view, capture Edit-mode viewport screenshot (Edit mode only; not usable during playtest).",basic:["info","focus_path","focus_position","suggest"],pro:["screenshot"]},{name:"manage_tween",description:"[PRO] Tween service: create, play, pause, cancel tweens for smooth animations.",basic:[],pro:["create","play","pause","cancel"]},{name:"manage_audio",description:"[PRO] Audio management: play, stop, pause, resume sounds. Set audio listener.",basic:[],pro:["play","stop","pause","resume","set_listener"]},{name:"manage_animation",description:"[PRO] Animation: load, play, stop animations. Get animation tracks from humanoid/controller.",basic:[],pro:["load","play","stop","get_tracks"]},{name:"manage_physics",description:"[PRO] Physics collision groups: register, set collidable between groups, list groups.",basic:[],pro:["register_group","set_collidable","get_groups"]},{name:"manage_effects",description:"[PRO] Particle effects: emit particles, clear all particles, toggle effect enabled state.",basic:[],pro:["emit","clear","toggle"]},{name:"manage_terrain",description:"[PRO] Terrain operations: fill shapes, clear regions, replace materials, manage colors, read/write voxels, generate procedural terrain, smooth terrain.",basic:[],pro:["fill_block","fill_ball","fill_cylinder","fill_wedge","clear_region","clear_bounds","replace_material","colors_get","colors_set","read_voxel","read_voxels","write_voxels","generate","smooth"]},{name:"spatial_query",description:"[PRO] Spatial queries: raycast, find ground, check placement, multi-raycast, scan area, find flat areas, find spawn positions, analyze walkable, spatial map, find empty space, get bounds, snap to grid, check collision.",basic:[],pro:["raycast","find_ground","check_placement","multi_raycast","scan_area","find_flat","find_spawn","analyze_walkable","spatial_map","find_space","bounds","snap_grid","collision"]},{name:"manage_assets",description:"[PRO] Asset management: insert models by ID, get asset info, search creator store, insert free models/packages, export selection.",basic:[],pro:["insert","info","search","search_insert","insert_free","insert_package","export"]},{name:"manage_sync",description:"[PRO] Project sync management: status, history, direction settings, read/write synced files.",basic:[],pro:["status_current_place","history","directions","read_file","write_file","progress"]},{name:"workspace_state",description:"[PRO] Workspace state: full sync, snapshot, recent changes, viewport info, clear history, metadata, scripts, selection info, clear cache.",basic:[],pro:["sync","snapshot","changes","viewport","clear_history","metadata","scripts","selection_info","clear_cache"]},{name:"manage_logs",description:"Output logs: get filtered logs, poll incrementally with sinceSeq cursor, clear buffer, get recent errors.",basic:["get","clear","errors"],pro:[]},{name:"system_info",description:"System info: ping, connection status, usage tier. [PRO] place info, services list, studio settings, playtest control, automated test runner.",basic:["ping","connection","usage"],pro:["place_info","services","studio_settings","play","stop","pause","resume","play_status","run_test"]},{name:"manage_studio",description:"Pro only. Toggle Studio editor view settings such as UI preview for screenshot and QA workflows; it changes Studio session settings, not game UI objects.",basic:[],pro:["toggle_ui_preview"]},{name:"batch_execute",description:'[PRO] Execute multiple commands in a single batch. Each command is an object with "tool" name and "args". Commands execute sequentially; optionally continue on error.',basic:[],pro:["batch_execute"]},{name:"execute_luau",description:"[PRO] Execute arbitrary Luau code in Roblox Studio sandbox. Blocked services: HttpService, DataStoreService, MessagingService. Cannot access CoreGui/CorePackages.",basic:[],pro:["execute_luau"]}],y={proOnlyTools:15,mixedTools:7,totalBasicActions:51,totalProActions:114},b={tools:h,summary:y},f="_tag_1wj0q_2",x="_label_1wj0q_17",v="_code_1wj0q_22",j="_expiry_1wj0q_31",w="_inline_1wj0q_49",k="_centered_1wj0q_54",r={tag:f,label:x,code:v,expiry:j,inline:w,centered:k};function P({variant:n}){const{t:e}=d();return p()?s.jsxs("div",{className:`${r.tag} ${n==="centered"?r.centered:r.inline}`,children:[s.jsx("span",{className:r.label,children:e("tier.promo.discount.context","🎁 Gumroad 결제 시 할인코드 입력:")}),s.jsx("span",{className:r.code,children:e("tier.comparison.discount.code","WEPPY-MCP")}),s.jsx("span",{className:r.expiry,children:e("tier.comparison.discount.expiry","Valid until April 30")})]}):null}const N="_overlay_171mk_2",C="_modal_171mk_13",R="_summaryGrid_171mk_32",S="_summaryCard_171mk_39",T="_basicCard_171mk_45",O="_proCard_171mk_49",B="_cardTitle_171mk_54",A="_summarySection_171mk_70",I="_sectionTitle_171mk_78",L="_featureList_171mk_90",U="_summary_171mk_32",q="_statBasic_171mk_116",D="_statPro_171mk_120",$="_statMixed_171mk_124",M="_detailHeader_171mk_128",E="_tableWrap_171mk_137",G="_table_171mk_137",H="_toolName_171mk_165",W="_description_171mk_171",z="_actionList_171mk_176",F="_none_171mk_184",Q="_discountBanner_171mk_189",V="_closeBtn_171mk_227",t={overlay:N,modal:C,summaryGrid:R,summaryCard:S,basicCard:T,proCard:O,cardTitle:B,summarySection:A,sectionTitle:I,featureList:L,summary:U,statBasic:q,statPro:D,statMixed:$,detailHeader:M,tableWrap:E,table:G,toolName:H,description:W,actionList:z,none:F,discountBanner:Q,closeBtn:V},Y={manage_ui:{design_brief:"Plan UI direction",create_tree:"Create new UI",update:"Update existing UI",delete:"Remove UI",preview:"Capture UI screen",check:"Review improvement suggestions"}};function K({onClose:n}){const{t:e}=d(),{tools:_,summary:o}=b,l=(a,i)=>i.map(c=>{var m;return e(`tier.tool.${a}.action.${c}`,((m=Y[a])==null?void 0:m[c])??c)}).join(", "),u=[{title:e("tier.comparison.basic.core","Core MCP workflow"),items:[e("tier.comparison.basic.core.item1","Script create/edit"),e("tier.comparison.basic.core.item2","Instance management"),e("tier.comparison.basic.core.item3","Property control"),e("tier.comparison.basic.core.item4","Selection and search"),e("tier.comparison.basic.core.item5","Tag management"),e("tier.comparison.basic.core.item6","Camera control"),e("tier.comparison.basic.core.item7","Log monitoring")]},{title:e("tier.comparison.basic.sync","Sync (Basic)"),items:[e("tier.comparison.basic.sync.item1","Studio to Local one-way sync"),e("tier.comparison.basic.sync.item2","Manual apply as default")]}],g=[{title:e("tier.comparison.pro.all","Everything in Basic, plus"),items:[]},{title:e("tier.comparison.pro.sync","Advanced Sync workflow"),items:[e("tier.comparison.pro.sync.item1","Per-type sync direction"),e("tier.comparison.pro.sync.item2","Per-type apply mode"),e("tier.comparison.pro.sync.item3","Bidirectional and reverse sync"),e("tier.comparison.pro.sync.item4","Full sync, resync, and push to Studio"),e("tier.comparison.pro.sync.item5","Multi-place sync")]},{title:e("tier.comparison.pro.playtest","Playtest control"),items:[e("tier.comparison.pro.playtest.item1","Play, stop, pause, and resume"),e("tier.comparison.pro.playtest.item2","Playtest state inspection"),e("tier.comparison.pro.playtest.item3","Automated test execution")]},{title:e("tier.comparison.pro.creation","Advanced creation workflow"),items:[e("tier.comparison.pro.creation.item1","Bulk operations"),e("tier.comparison.pro.creation.item2","Terrain generation"),e("tier.comparison.pro.creation.item3","Asset search and insert"),e("tier.comparison.pro.creation.item4","Raycast and spatial analysis"),e("tier.comparison.pro.creation.item5","Environment control")]},{title:e("tier.comparison.pro.ui","AI UI design (UI Studio)"),items:[e("tier.comparison.pro.ui.item1","Plan game UI from your request and current Studio context"),e("tier.comparison.pro.ui.item2","Create, update, or remove menus, HUDs, buttons, and panels"),e("tier.comparison.pro.ui.item3","Capture the current UI for review"),e("tier.comparison.pro.ui.item4","Review touch, contrast, and safe-area suggestions")]}];return s.jsx("div",{className:t.overlay,onClick:n,children:s.jsxs("div",{className:t.modal,onClick:a=>a.stopPropagation(),children:[p()&&s.jsx("div",{className:t.discountBanner,children:s.jsx(P,{variant:"centered"})}),s.jsx("h2",{children:e("tier.compare")}),s.jsxs("div",{className:t.summaryGrid,children:[s.jsxs("section",{className:`${t.summaryCard} ${t.basicCard}`,children:[s.jsx("h3",{className:t.cardTitle,children:e("tier.basic")}),u.map(a=>s.jsxs("div",{className:t.summarySection,children:[s.jsx("div",{className:t.sectionTitle,children:a.title}),s.jsx("ul",{className:t.featureList,children:a.items.map(i=>s.jsx("li",{children:i},i))})]},a.title))]}),s.jsxs("section",{className:`${t.summaryCard} ${t.proCard}`,children:[s.jsx("h3",{className:t.cardTitle,children:e("tier.pro")}),g.map(a=>s.jsxs("div",{className:t.summarySection,children:[s.jsx("div",{className:t.sectionTitle,children:a.title}),a.items.length>0&&s.jsx("ul",{className:t.featureList,children:a.items.map(i=>s.jsx("li",{children:i},i))})]},a.title))]})]}),s.jsxs("div",{className:t.summary,children:[s.jsxs("span",{className:t.statBasic,children:["Basic: ",o.totalBasicActions," actions"]}),s.jsxs("span",{className:t.statPro,children:["Pro: ",o.totalProActions," actions"]}),s.jsxs("span",{className:t.statMixed,children:[o.mixedTools," mixed / ",o.proOnlyTools," pro-only"]})]}),s.jsx("div",{className:t.detailHeader,children:e("tier.comparison.detailTitle","Detailed Tool Catalog")}),s.jsx("div",{className:t.tableWrap,children:s.jsxs("table",{className:t.table,children:[s.jsx("thead",{children:s.jsxs("tr",{children:[s.jsx("th",{children:e("tools.col.tool")}),s.jsx("th",{children:e("tier.comparison.description","Description")}),s.jsx("th",{children:e("tier.basic")}),s.jsx("th",{children:e("tier.pro")})]})}),s.jsx("tbody",{children:_.map(a=>s.jsxs("tr",{children:[s.jsx("td",{className:t.toolName,children:a.name}),s.jsx("td",{className:t.description,children:e(`tier.tool.${a.name}.desc`,a.description)}),s.jsx("td",{className:t.actionList,children:a.basic.length>0?l(a.name,a.basic):s.jsx("span",{className:t.none,children:"—"})}),s.jsx("td",{className:t.actionList,children:a.pro.length>0?l(a.name,a.pro):s.jsx("span",{className:t.none,children:"—"})})]},a.name))})]})}),s.jsx("button",{className:t.closeBtn,onClick:n,children:e("tier.comparison.close","Close")})]})})}export{P as D,K as T};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e,r as i,a as D,D as ot,u as at,i as lt,m as rt}from"./index-CjBiayQg.js";import{T as B}from"./TooltipText-DgxJjq91.js";import{C as it}from"./ConfirmModal-Dak7jVJo.js";import{T as nt}from"./Tabs-CuTJuL80.js";const ct="_wrapper_hzgda_2",dt="_table_hzgda_7",ut="_sortable_hzgda_32",pt="_sortArrow_hzgda_41",ht="_clickable_hzgda_52",mt="_empty_hzgda_57",xt="_expandedRow_hzgda_65",bt="_expandedCell_hzgda_74",T={wrapper:ct,table:dt,sortable:ut,sortArrow:pt,clickable:ht,empty:mt,expandedRow:xt,expandedCell:bt};function _t({columns:s,data:l,sortBy:_,sortDir:r="asc",onSort:j,onRowClick:C,rowKey:M,emptyMessage:E,expandedKey:L,renderExpandedRow:N}){return e.jsx("div",{className:T.wrapper,children:e.jsxs("table",{className:T.table,children:[e.jsx("thead",{children:e.jsx("tr",{children:s.map(u=>e.jsxs("th",{style:u.width?{width:u.width}:void 0,className:u.sortable?T.sortable:void 0,onClick:u.sortable&&j?()=>j(u.key):void 0,children:[e.jsx("span",{children:u.label}),u.sortable&&_===u.key&&e.jsx("span",{className:T.sortArrow,children:r==="asc"?"▴":"▾"})]},u.key))})}),e.jsx("tbody",{children:l.length===0?e.jsx("tr",{children:e.jsx("td",{colSpan:s.length,className:T.empty,children:E||"No data"})}):l.map((u,f)=>{const p=M?M(u):String(f),m=L!=null&&p===L&&N?N(u):null;return e.jsxs(i.Fragment,{children:[e.jsx("tr",{className:C?T.clickable:void 0,onClick:C?()=>C(u):void 0,children:s.map(g=>e.jsx("td",{children:g.render?g.render(u):String(u[g.key]??"")},g.key))}),m&&e.jsx("tr",{className:T.expandedRow,children:e.jsx("td",{colSpan:s.length,className:T.expandedCell,children:m})})]},p)})})]})})}function ft(s){return{...s,sequenceNumber:typeof s.sequenceNumber=="number"?s.sequenceNumber:void 0,executionTimeMs:typeof s.executionTimeMs=="number"?s.executionTimeMs:void 0}}const gt=50;function yt(){const[s,l]=i.useState(null),[_,r]=i.useState(!0),[j,C]=i.useState([]),[M,E]=i.useState(0),[L,N]=i.useState(!1),[u,f]=i.useState(!0),[p,R]=i.useState(0),[m,g]=i.useState(""),H=i.useRef(null),x=i.useCallback(async()=>{r(!0);try{const c=await D.get("/api/dashboard/tool-stats");l(c)}catch{}finally{r(!1)}},[]),y=i.useCallback(async(c,w)=>{f(!0);try{const O={limit:String(gt),offset:String(c)};w&&(O.tool=w);const A=await D.get("/api/dashboard/history",O);C(A.entries.map(ft)),E(A.total),N(A.hasMore)}catch{C([]),E(0),N(!1)}finally{f(!1)}},[]),z=i.useCallback(()=>{x(),y(p,m)},[y,x,p,m]),W=i.useCallback(async()=>{await D.post("/api/dashboard/tools/history/clear"),y(p,m)},[y,p,m]),F=i.useCallback(async()=>{await D.post("/api/dashboard/tools/statistics/clear"),x()},[x]);return i.useEffect(()=>{x()},[x]),i.useEffect(()=>{y(p,m)},[y,p,m]),i.useEffect(()=>{const c=new ot;H.current=c,c.connect();const w=c.on("command",()=>{x(),y(p,m)});return()=>{w(),c.disconnect(),H.current=null}},[y,x,p,m]),{statistics:s,statsLoading:_,history:j,historyTotal:M,historyHasMore:L,historyLoading:u,historyOffset:p,historyToolFilter:m,setHistoryOffset:R,setHistoryToolFilter:g,refresh:z,clearHistory:W,clearStatistics:F}}const Ct="_page_9199t_2",jt="_card_9199t_12",kt="_cardToolbar_9199t_19",Tt="_sectionTitle_9199t_27",St="_dangerButton_9199t_33",Nt="_proBadge_9199t_52",wt="_statusOk_9199t_67",vt="_statusFallback_9199t_76",Bt="_statusUnsupported_9199t_85",Mt="_statusError_9199t_94",Et="_tierBasic_9199t_104",Lt="_tierPro_9199t_108",At="_tierMixed_9199t_113",Pt="_filterRow_9199t_124",Rt="_filterLabel_9199t_131",Ht="_filterSelect_9199t_140",Ft="_expandedRow_9199t_151",Ot="_expandedSection_9199t_156",It="_detailList_9199t_166",$t="_detailItem_9199t_172",Dt="_detailLabel_9199t_178",qt="_detailValue_9199t_183",zt="_pre_9199t_188",Wt="_pagination_9199t_205",Ut="_pageInfo_9199t_213",Vt="_btn_9199t_219",Kt="_tierDistribution_9199t_242",Gt="_tierBarWrap_9199t_246",Jt="_tierBarBasic_9199t_254",Zt="_tierBarPro_9199t_259",Qt="_tierLabels_9199t_264",Xt="_statsTableWrap_9199t_273",Yt="_statsTable_9199t_273",ts="_sortableHeader_9199t_304",ss="_sortArrow_9199t_309",es="_statsToolRow_9199t_313",os="_statsActionRow_9199t_321",as="_expandButton_9199t_325",ls="_expandIcon_9199t_337",rs="_actionLabel_9199t_342",is="_emptyStats_9199t_349",ns="_summaryLine_9199t_355",o={page:Ct,card:jt,cardToolbar:kt,sectionTitle:Tt,dangerButton:St,proBadge:Nt,statusOk:wt,statusFallback:vt,statusUnsupported:Bt,statusError:Mt,tierBasic:Et,tierPro:Lt,tierMixed:At,filterRow:Pt,filterLabel:Rt,filterSelect:Ht,expandedRow:Ft,expandedSection:Ot,detailList:It,detailItem:$t,detailLabel:Dt,detailValue:qt,pre:zt,pagination:Wt,pageInfo:Ut,btn:Vt,tierDistribution:Kt,tierBarWrap:Gt,tierBarBasic:Jt,tierBarPro:Zt,tierLabels:Qt,statsTableWrap:Xt,statsTable:Yt,sortableHeader:ts,sortArrow:ss,statsToolRow:es,statsActionRow:os,expandButton:as,expandIcon:ls,actionLabel:rs,emptyStats:is,summaryLine:ns},U=50;function cs(s){const l=new Date(s);return`${String(l.getHours()).padStart(2,"0")}:${String(l.getMinutes()).padStart(2,"0")}:${String(l.getSeconds()).padStart(2,"0")}`}function q(s){return typeof s!="number"||!Number.isFinite(s)?"-":s<1e3?`${s}ms`:`${(s/1e3).toFixed(1)}s`}function P(s,l){return l==="pro"?s("tier.pro","Pro"):l==="mixed"?s("tier.mixed","Mixed"):s("tier.basic","Basic")}function Z(s,l){return l!==s&&l.startsWith(`${s}_`)?l.slice(s.length+1):""}function ds(s,l){const _=Z(s,l);return _?`${s}.${_}`:s}function J(s){return typeof s=="string"&&s.length>0?s:void 0}function us(s){if(!Array.isArray(s))return;const l=s.filter(_=>typeof _=="string"&&_.length>0);return l.length>0?l:void 0}function ps(s){const l=s.result??{};return{requestedCommand:s.requestedCommand??J(l.requestedCommand),executedCommand:s.executedCommand??J(l.executedCommand),alternatives:s.alternatives??us(l.alternatives)}}function hs(s,l){switch(s.status){case"fallback":return{label:l("tools.badge.fallback","FALLBACK"),tooltip:l("tools.badge.fallback.tooltip","The requested Pro action succeeded via a Basic fallback."),className:o.statusFallback};case"unsupported":return{label:l("tools.badge.unsupported","UNSUPPORTED"),tooltip:l("tools.badge.unsupported.tooltip","The requested Pro action was blocked and no fallback ran."),className:o.statusUnsupported};case"error":return{label:l("tools.badge.err","FAILED"),tooltip:l("tools.badge.err.tooltip","The tool run failed."),className:o.statusError};default:return{label:l("tools.status.ok","OK"),tooltip:l("tools.status.ok.tooltip","The tool run completed successfully."),className:o.statusOk}}}function S(s,l){return e.jsxs("div",{className:o.detailItem,children:[e.jsx("span",{className:o.detailLabel,children:s}),e.jsx("span",{className:o.detailValue,children:l})]})}function gs(){const{t:s}=at(),{trackEvent:l,trackPageView:_}=lt(),r=yt(),{show:j}=rt(),[C,M]=i.useState("history"),[E,L]=i.useState(null),[N,u]=i.useState(null),[f,p]=i.useState(null),[R,m]=i.useState(!1),[g,H]=i.useState("totalCalls"),[x,y]=i.useState("desc"),z=i.useCallback(t=>{H(a=>a===t?(y(n=>n==="asc"?"desc":"asc"),t):(y("desc"),t))},[]),W=i.useMemo(()=>{var a;const t=new Set;return Object.keys(((a=r.statistics)==null?void 0:a.tools)??{}).forEach(n=>t.add(n)),r.history.forEach(n=>{n.tool&&t.add(n.tool)}),r.historyToolFilter&&t.add(r.historyToolFilter),Array.from(t).sort()},[r.history,r.historyToolFilter,r.statistics]),F=i.useMemo(()=>{var t;return(t=r.statistics)!=null&&t.tools?Object.values(r.statistics.tools).map(a=>{var G;const n=Object.entries(a.commands??{}).map(([h,d])=>({toolName:a.tool,commandName:d.command??h,label:Z(a.tool,d.command??h)||(d.command??h),tier:d.tier,totalCalls:d.totalCalls,successCount:d.successCount,fallbackCount:d.fallbackCount,unsupportedCount:d.unsupportedCount,failureCount:d.failureCount,totalExecutionTimeMs:d.totalExecutionTimeMs,avgExecutionTimeMs:d.avgExecutionTimeMs})),b=n.reduce((h,d)=>h+d.totalCalls,0),k=n.reduce((h,d)=>h+d.successCount,0),I=n.reduce((h,d)=>h+d.fallbackCount,0),$=n.reduce((h,d)=>h+d.unsupportedCount,0),st=n.reduce((h,d)=>h+d.failureCount,0),K=n.reduce((h,d)=>h+d.totalExecutionTimeMs,0),et=new Set(n.map(h=>h.tier)).size>1?"mixed":((G=n[0])==null?void 0:G.tier)??a.tier;return{toolName:a.tool,tier:et,commands:n,totalCalls:b,successCount:k,fallbackCount:I,unsupportedCount:$,failureCount:st,totalExecutionTimeMs:K,avgExecutionTimeMs:b>0?Math.round(K/b):0}}):[]},[r.statistics]),c=i.useCallback((t,a,n,b)=>e.jsx(B,{text:s(n,b),children:s(t,a)}),[s]),w=i.useMemo(()=>[...F].sort((a,n)=>{const b=a[g],k=n[g];if(typeof b=="number"&&typeof k=="number")return x==="asc"?b-k:k-b;const I=String(b??""),$=String(k??"");return x==="asc"?I.localeCompare($):$.localeCompare(I)}),[F,g,x]),O=i.useMemo(()=>[{key:"timestamp",label:c("tools.col.time","Time","tools.col.time.tooltip","When the tool run was recorded."),width:"80px",render:t=>cs(t.timestamp)},{key:"toolName",label:c("tools.col.toolAction","Tool.Action","tools.col.toolAction.tooltip","Tool name and action that were executed."),render:t=>e.jsxs("span",{children:[ds(t.tool,t.command),t.tier==="pro"&&e.jsx(B,{text:s("tools.badge.pro.tooltip","This entry used a Pro-only tool or action."),children:e.jsx("span",{className:o.proBadge,children:s("tools.badge.pro","PRO")})})]})},{key:"executionTimeMs",label:c("tools.col.duration","Duration","tools.col.duration.tooltip","How long the tool took to finish."),width:"80px",render:t=>q(t.executionTimeMs)},{key:"status",label:c("tools.col.status","Status","tools.col.status.tooltip","Outcome of the recorded tool run."),width:"120px",render:t=>{const a=hs(t,s);return e.jsx(B,{text:a.tooltip,children:e.jsx("span",{className:a.className,children:a.label})})}},{key:"tier",label:c("tools.col.tier","Tier","tools.col.tier.tooltip","License tier required for the tool or action."),width:"60px",render:t=>e.jsx("span",{className:t.tier==="pro"?o.tierPro:o.tierBasic,children:P(s,t.tier)})}],[s,c]),A=i.useMemo(()=>[{key:"toolName",label:c("tools.col.tool","Tool","tools.col.tool.tooltip","Consolidated tool name in the statistics table."),sortable:!0},{key:"totalCalls",label:c("tools.col.calls","Calls","tools.col.calls.tooltip","Total number of recorded calls for this tool."),sortable:!0,width:"70px"},{key:"successCount",label:c("tools.col.ok","OK","tools.col.ok.tooltip","Number of direct successful runs."),sortable:!0,width:"70px"},{key:"fallbackCount",label:c("tools.col.fallback","FALLBACK","tools.col.fallback.tooltip","Number of runs that succeeded through fallback execution."),sortable:!0,width:"110px"},{key:"unsupportedCount",label:c("tools.col.unsupported","UNSUPPORTED","tools.col.unsupported.tooltip","Number of blocked runs without fallback execution."),sortable:!0,width:"130px"},{key:"failureCount",label:c("tools.col.err","FAILED","tools.col.err.tooltip","Number of runs that failed."),sortable:!0,width:"70px"},{key:"avgExecutionTimeMs",label:c("tools.col.avgTime","Avg Time","tools.col.avgTime.tooltip","Average execution time across recorded calls."),sortable:!0,width:"90px",render:t=>q(t.avgExecutionTimeMs)},{key:"tier",label:c("tools.col.tier","Tier","tools.col.tierStats.tooltip","Basic, Pro, or Mixed summary for the tool statistics row."),sortable:!0,width:"70px",render:t=>e.jsx(B,{text:t.tier==="mixed"?s("tools.tier.mixed.tooltip","This tool includes both Basic and Pro actions."):"",children:e.jsx("span",{className:t.tier==="pro"?o.tierPro:t.tier==="mixed"?o.tierMixed:o.tierBasic,children:P(s,t.tier)})})}],[s,c]),v=i.useMemo(()=>{if(!r.statistics)return null;const t=r.statistics.tierSummary.basic.totalCalls,a=r.statistics.tierSummary.pro.totalCalls,n=t+a;if(n===0)return null;const b=Math.round(t/n*100),k=100-b;return{basic:t,pro:a,basicPct:b,proPct:k}},[r.statistics]),V=i.useCallback(t=>{u(a=>a===t?null:t)},[]),Q=i.useCallback(async()=>{if(f){m(!0);try{f==="history"?await r.clearHistory():await r.clearStatistics(),j(s("toast.clearSuccess","Cleared successfully"),"success"),p(null)}catch{j(s("toast.clearFailed","Failed to clear data"),"error")}finally{m(!1)}}},[f,j,s,r]),X=i.useCallback(t=>{const a=t==="history"?"tools_history":"tools_statistics";l("dashboard_click_event",{click_target:t==="history"?"tools_tab_history":"tools_tab_statistics",page:"tools",tab:a}),_({page:"tools",tab:a}),M(t)},[l,_]),Y=i.useCallback(t=>{const a=ps(t);return e.jsxs("div",{className:o.expandedRow,children:[e.jsxs("div",{className:o.expandedSection,children:[e.jsxs("strong",{children:[e.jsx(B,{text:s("tools.detail.params.tooltip","Input parameters passed to this tool run."),children:s("tools.detail.params","Parameters")}),":"]}),e.jsx("pre",{className:o.pre,children:JSON.stringify(t.parameters,null,2)})]}),t.result&&e.jsxs("div",{className:o.expandedSection,children:[e.jsxs("strong",{children:[e.jsx(B,{text:s("tools.detail.result.tooltip","Returned result payload for this tool run."),children:s("tools.detail.result","Result")}),":"]}),e.jsx("pre",{className:o.pre,children:JSON.stringify(t.result,null,2)})]}),(t.status==="fallback"||t.status==="unsupported"||t.status==="error")&&e.jsx("div",{className:o.expandedSection,children:e.jsxs("div",{className:o.detailList,children:[t.status==="fallback"&&(a==null?void 0:a.requestedCommand)&&S(s("tools.detail.requestedCommand","Requested Command"),a.requestedCommand),t.status==="fallback"&&(a==null?void 0:a.executedCommand)&&S(s("tools.detail.executedCommand","Executed Command"),a.executedCommand),t.status==="fallback"&&(a==null?void 0:a.alternatives)&&S(s("tools.detail.alternatives","Alternatives"),a.alternatives.join(", ")),t.status==="unsupported"&&t.blockedMessage&&S(s("tools.detail.blockedMessage","Blocked Reason"),t.blockedMessage),t.status==="unsupported"&&S(s("tools.detail.noFallback","No Fallback"),s("tools.detail.noFallback.value","No fallback ran.")),t.status==="error"&&t.errorMessage&&S(s("tools.detail.errorMessage","Error Message"),t.errorMessage),t.status==="error"&&t.blockedMessage&&S(s("tools.detail.blockedMessage","Blocked Reason"),t.blockedMessage),t.status==="error"&&t.fallbackCommand&&S(s("tools.detail.executedCommand","Executed Command"),t.fallbackCommand)]})})]})},[s]),tt=["history","statistics"].map(t=>({key:t,label:s(`tools.tab.${t}`,t.charAt(0).toUpperCase()+t.slice(1))}));return e.jsxs("div",{className:o.page,children:[e.jsx(nt,{items:tt,value:C,onChange:X}),C==="history"&&e.jsxs("div",{className:o.card,children:[e.jsxs("div",{className:o.cardToolbar,children:[e.jsx("div",{className:o.sectionTitle,children:s("tools.tab.history","History")}),e.jsx("button",{className:o.dangerButton,onClick:()=>{l("dashboard_click_event",{click_target:"tools_clear_history",page:"tools",tab:"tools_history"}),p("history")},children:s("common.clear","Clear")})]}),e.jsx("div",{className:o.filterRow,children:e.jsxs("label",{className:o.filterLabel,children:[s("tools.filter.tool","Tool"),":",e.jsxs("select",{className:o.filterSelect,value:r.historyToolFilter,onChange:t=>{r.setHistoryToolFilter(t.target.value),r.setHistoryOffset(0)},children:[e.jsx("option",{value:"",children:s("tools.filter.all","All")}),W.map(t=>e.jsx("option",{value:t,children:t},t))]})]})}),e.jsx(_t,{columns:O,data:r.history,rowKey:t=>t.id,onRowClick:t=>L(a=>a===t.id?null:t.id),emptyMessage:s("tools.empty.history","No history entries"),expandedKey:E,renderExpandedRow:Y}),e.jsxs("div",{className:o.pagination,children:[e.jsx("button",{className:o.btn,disabled:r.historyOffset===0,title:s("tools.page.prev.tooltip","Go to the previous page of tool history results."),onClick:()=>r.setHistoryOffset(Math.max(0,r.historyOffset-U)),children:s("tools.page.prev","Prev")}),e.jsxs("span",{className:o.pageInfo,children:[r.historyOffset+1,"–",Math.min(r.historyOffset+U,r.historyTotal)," / ",r.historyTotal]}),e.jsx("button",{className:o.btn,disabled:!r.historyHasMore,title:s("tools.page.next.tooltip","Go to the next page of tool history results."),onClick:()=>r.setHistoryOffset(r.historyOffset+U),children:s("tools.page.next","Next")})]})]}),C==="statistics"&&e.jsxs("div",{className:o.card,children:[e.jsxs("div",{className:o.cardToolbar,children:[e.jsx("div",{className:o.sectionTitle,children:s("tools.tab.statistics","Statistics")}),e.jsx("button",{className:o.dangerButton,onClick:()=>{l("dashboard_click_event",{click_target:"tools_clear_statistics",page:"tools",tab:"tools_statistics"}),p("statistics")},children:s("common.clear","Clear")})]}),v&&e.jsxs("div",{className:o.tierDistribution,children:[e.jsxs("div",{className:o.tierBarWrap,children:[e.jsx("div",{className:o.tierBarBasic,style:{width:`${v.basicPct}%`}}),e.jsx("div",{className:o.tierBarPro,style:{width:`${v.proPct}%`}})]}),e.jsxs("div",{className:o.tierLabels,children:[e.jsxs("span",{children:[P(s,"basic")," ",v.basicPct,"% (",v.basic,")"]}),e.jsxs("span",{children:[P(s,"pro")," ",v.proPct,"% (",v.pro,")"]})]})]}),e.jsx("div",{className:o.statsTableWrap,children:e.jsxs("table",{className:o.statsTable,children:[e.jsx("thead",{children:e.jsx("tr",{children:A.map(t=>e.jsxs("th",{style:t.width?{width:t.width}:void 0,className:t.sortable?o.sortableHeader:void 0,onClick:t.sortable?()=>z(t.key):void 0,children:[e.jsx("span",{children:t.label}),t.sortable&&g===t.key&&e.jsx("span",{className:o.sortArrow,children:x==="asc"?"▴":"▾"})]},t.key))})}),e.jsx("tbody",{children:w.length===0?e.jsx("tr",{children:e.jsx("td",{colSpan:A.length,className:o.emptyStats,children:s("tools.empty.stats","No tool statistics")})}):w.map(t=>{const a=N===t.toolName;return e.jsxs(i.Fragment,{children:[e.jsxs("tr",{className:o.statsToolRow,onClick:()=>V(t.toolName),children:[e.jsx("td",{children:e.jsxs("button",{type:"button",className:o.expandButton,"aria-expanded":a,"aria-label":`${t.toolName} ${a?s("common.collapse","Collapse"):s("common.expand","Expand")}`,onClick:n=>{n.stopPropagation(),V(t.toolName)},children:[e.jsx("span",{className:o.expandIcon,"aria-hidden":"true",children:a?"▾":"▸"}),e.jsx("span",{children:t.toolName})]})}),e.jsx("td",{children:t.totalCalls}),e.jsx("td",{children:t.successCount}),e.jsx("td",{children:t.fallbackCount}),e.jsx("td",{children:t.unsupportedCount}),e.jsx("td",{children:t.failureCount}),e.jsx("td",{children:q(t.avgExecutionTimeMs)}),e.jsx("td",{children:e.jsx(B,{text:t.tier==="mixed"?s("tools.tier.mixed.tooltip","This tool includes both Basic and Pro actions."):"",children:e.jsx("span",{className:t.tier==="pro"?o.tierPro:t.tier==="mixed"?o.tierMixed:o.tierBasic,children:P(s,t.tier)})})})]}),a&&t.commands.map(n=>e.jsxs("tr",{className:o.statsActionRow,children:[e.jsx("td",{children:e.jsx("span",{className:o.actionLabel,children:n.label})}),e.jsx("td",{children:n.totalCalls}),e.jsx("td",{children:n.successCount}),e.jsx("td",{children:n.fallbackCount}),e.jsx("td",{children:n.unsupportedCount}),e.jsx("td",{children:n.failureCount}),e.jsx("td",{children:q(n.avgExecutionTimeMs)}),e.jsx("td",{children:e.jsx("span",{className:n.tier==="pro"?o.tierPro:o.tierBasic,children:P(s,n.tier)})})]},`${t.toolName}:${n.commandName}`))]},t.toolName)})})]})}),r.statistics&&e.jsxs("div",{className:o.summaryLine,children:[s("tools.summary.total","Total"),": ",r.statistics.totalCalls," ",s("tools.summary.calls","calls")," | ",s("tools.summary.sessions","Sessions"),": ",r.statistics.totalSessions]})]}),e.jsx(it,{open:f!==null,title:f==="history"?s("tools.clear.history.title","Clear history?"):s("tools.clear.statistics.title","Clear statistics?"),message:f==="history"?s("tools.clear.history.message","This permanently removes the current place tools history."):s("tools.clear.statistics.message","This permanently resets the current place tool statistics."),cancelLabel:s("common.cancel","Cancel"),confirmLabel:s("common.clear","Clear"),loading:R,onCancel:()=>!R&&p(null),onConfirm:Q})]})}export{gs as Component};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_hzgda_2{overflow-x:auto}._table_hzgda_7{width:100%;border-collapse:collapse;font-family:var(--font-code);font-size:12px}._table_hzgda_7 th{text-align:left;color:var(--text-muted);font-weight:500;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--bg-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none}._table_hzgda_7 td{padding:6px 8px;color:var(--text-primary);border-bottom:1px solid var(--border-dim, rgba(255, 255, 255, .04))}._sortable_hzgda_32{cursor:pointer;transition:color var(--transition)}._sortable_hzgda_32:hover{color:var(--accent)}._sortArrow_hzgda_41{margin-left:4px;font-size:10px}._table_hzgda_7 tbody tr:hover td{background:var(--accent-dim)}._clickable_hzgda_52{cursor:pointer}._empty_hzgda_57{text-align:center;color:var(--text-muted);font-style:italic;padding:24px 8px}._expandedRow_hzgda_65 td{padding:0!important;border-bottom:1px solid var(--border)}._expandedRow_hzgda_65:hover td{background:transparent!important}._expandedCell_hzgda_74{padding:0!important}._page_9199t_2{display:flex;flex-direction:column;gap:var(--content-gap);max-width:var(--content-max)}._card_9199t_12{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}._cardToolbar_9199t_19{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}._sectionTitle_9199t_27{font-family:var(--font-label);font-size:13px;color:var(--text-primary)}._dangerButton_9199t_33{border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-text);border-radius:var(--radius-sm);padding:6px 12px;font-family:var(--font-label);font-size:12px;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition)}._dangerButton_9199t_33:hover{background:var(--danger-hover-bg);border-color:var(--danger)}._proBadge_9199t_52{display:inline-block;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:600;letter-spacing:.05em;color:var(--pro-text-on-badge);background:var(--pro-badge);border-radius:3px;vertical-align:middle}._statusOk_9199t_67{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--success-bg);color:var(--success);font-weight:500}._statusFallback_9199t_76{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--info-bg);color:var(--info);font-weight:600}._statusUnsupported_9199t_85{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--warning-bg);color:var(--warning);font-weight:600}._statusError_9199t_94{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--error-bg);color:var(--error);font-weight:600}._tierBasic_9199t_104{color:var(--text-secondary)}._tierPro_9199t_108{color:var(--pro-badge);font-weight:500}._tierMixed_9199t_113{color:var(--text-primary);font-weight:500}._errorText_9199t_119{color:var(--error)}._filterRow_9199t_124{display:flex;align-items:center;gap:12px;margin-bottom:12px}._filterLabel_9199t_131{font-family:var(--font-label);font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}._filterSelect_9199t_140{font-family:var(--font-code);font-size:12px;padding:3px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary)}._expandedRow_9199t_151{background:var(--bg-secondary);padding:12px 16px}._expandedSection_9199t_156{margin-bottom:8px;font-size:12px;color:var(--text-secondary)}._expandedSection_9199t_156:last-child{margin-bottom:0}._detailList_9199t_166{display:flex;flex-direction:column;gap:6px}._detailItem_9199t_172{display:flex;flex-wrap:wrap;gap:6px}._detailLabel_9199t_178{font-family:var(--font-label);color:var(--text-muted)}._detailValue_9199t_183{color:var(--text-primary);word-break:break-word}._pre_9199t_188{font-family:var(--font-code);font-size:11px;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:8px;margin-top:4px;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}._pagination_9199t_205{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}._pageInfo_9199t_213{font-family:var(--font-code);font-size:12px;color:var(--text-secondary)}._btn_9199t_219{font-family:var(--font-label);font-size:12px;padding:4px 12px;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:background var(--transition),border-color var(--transition)}._btn_9199t_219:hover:not(:disabled){border-color:var(--accent);background:var(--accent-dim)}._btn_9199t_219:disabled{opacity:.4;cursor:default}._tierDistribution_9199t_242{margin-bottom:16px}._tierBarWrap_9199t_246{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--bg-secondary)}._tierBarBasic_9199t_254{background:var(--text-secondary);transition:width .3s ease}._tierBarPro_9199t_259{background:var(--accent);transition:width .3s ease}._tierLabels_9199t_264{display:flex;justify-content:space-between;margin-top:4px;font-family:var(--font-code);font-size:11px;color:var(--text-secondary)}._statsTableWrap_9199t_273{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}._statsTable_9199t_273{width:100%;border-collapse:collapse}._statsTable_9199t_273 th,._statsTable_9199t_273 td{padding:10px 12px;font-size:12px;text-align:left;border-bottom:1px solid var(--border)}._statsTable_9199t_273 th{font-family:var(--font-label);font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary)}._statsTable_9199t_273 tbody tr:last-child td{border-bottom:none}._sortableHeader_9199t_304{cursor:pointer;-webkit-user-select:none;user-select:none}._sortArrow_9199t_309{margin-left:4px}._statsToolRow_9199t_313{cursor:pointer}._statsToolRow_9199t_313:hover td{background:var(--bg-secondary)}._statsActionRow_9199t_321 td{background:color-mix(in srgb,var(--bg-secondary) 72%,transparent)}._expandButton_9199t_325{display:inline-flex;align-items:center;gap:8px;padding:0;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer}._expandIcon_9199t_337{width:10px;color:var(--text-secondary)}._actionLabel_9199t_342{display:inline-block;padding-left:18px;font-family:var(--font-code);color:var(--text-secondary)}._emptyStats_9199t_349{text-align:center;color:var(--text-muted)}._summaryLine_9199t_355{margin-top:12px;font-family:var(--font-code);font-size:12px;color:var(--text-muted);text-align:right}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as r,T as s}from"./index-
|
|
1
|
+
import{j as r,T as s}from"./index-CjBiayQg.js";function p({text:o,children:t}){return r.jsx(s,{text:o,children:t})}export{p as T};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import{q as ne,s as q,t as Ee,r as u,u as A,j as t,i as H,R as He,p as Se,l as Oe,v as Ue}from"./index-CjBiayQg.js";import{D as je,T as we}from"./TierComparison-DvuMctLJ.js";import{I as M}from"./InfoLabel-BDieYXVe.js";import{T as f}from"./TooltipText-DgxJjq91.js";import{D as oe,c as le,e as Fe,g as ze,h as qe,i as ce,j as ve,k as Ve,l as de,d as We}from"./sample-requests-BrVQkhcR.js";import{T as Ke}from"./Tabs-CuTJuL80.js";/**
|
|
2
|
+
* @license lucide-react v1.8.0 - ISC
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the ISC license.
|
|
5
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/const Qe=[["path",{d:"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",key:"18u6gg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]],Ye=ne("camera",Qe);/**
|
|
7
|
+
* @license lucide-react v1.8.0 - ISC
|
|
8
|
+
*
|
|
9
|
+
* This source code is licensed under the ISC license.
|
|
10
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
+
*/const Je=[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]],Xe=ne("ellipsis",Je);/**
|
|
12
|
+
* @license lucide-react v1.8.0 - ISC
|
|
13
|
+
*
|
|
14
|
+
* This source code is licensed under the ISC license.
|
|
15
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
+
*/const Ze=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],et=ne("x",Ze);async function be(e){const i=await fetch(`${q}${e}`);if(!i.ok){let a=null;try{a=await i.json()}catch{}throw new Ee(i.status,(a==null?void 0:a.message)??i.statusText,(a==null?void 0:a.error)??null,a)}return await i.json()}function U(e){return typeof e=="number"&&Number.isFinite(e)?e:0}function tt(e){return e.design_check_summary?{priority_high:U(e.design_check_summary.priority_high),priority_medium:U(e.design_check_summary.priority_medium),priority_low:U(e.design_check_summary.priority_low)}:e.lint_summary?{priority_high:U(e.lint_summary.errors),priority_medium:U(e.lint_summary.warnings),priority_low:0}:null}function it(e){return{rule:e.rule,path:e.path,displayPriority:e.displayPriority??(e.severity==="error"?"priority_high":"priority_medium"),actual:e.actual,expected:e.expected,hint:e.hint}}function Ce(e){return{snapshot_id:e.snapshot_id,captured_at:e.captured_at,brief_id:e.brief_id,thresholds_source:e.thresholds_source,scope:e.scope,target:e.target,design_check_summary:tt(e),image:e.image}}function at(e){const i=e.check_results??e.lint_results??[];return{...Ce(e),check_results:i.map(it),image_url:e.image_url,meta:e.meta}}async function ue(e,i){const a=new URLSearchParams;i!==void 0&&a.set("limit",String(i));const l=a.toString()?`?${a.toString()}`:"",o=await be(`/api/ui-studio/snapshots${l}`);return{...o,snapshots:o.snapshots.map(Ce)}}async function st(e,i){const a=i!==void 0?`?placeId=${i}`:"",l=await be(`/api/ui-studio/snapshots/${encodeURIComponent(e)}${a}`);return at(l)}function Ie(e,i){const a=i!==void 0?`?placeId=${i}`:"";return`${q}/api/ui-studio/snapshots/${encodeURIComponent(e)}/image${a}`}const rt=1e4;function Ne(e=50){const[i,a]=u.useState(null),[l,o]=u.useState(!0),[s,n]=u.useState(null),p=u.useCallback(async()=>{try{const d=await ue(void 0,e);a(d),n(null)}catch(d){n(d instanceof Error?d.message:String(d))}finally{o(!1)}},[e]);return u.useEffect(()=>{let d=!1;const _=async()=>{try{const h=await ue(void 0,e);d||(a(h),n(null))}catch(h){d||n(h instanceof Error?h.message:String(h))}finally{d||o(!1)}};_();const m=setInterval(()=>{_()},rt);return()=>{d=!0,clearInterval(m)}},[e]),{data:i,loading:l,error:s,refresh:p}}const nt="_page_1fjjw_2",ot="_grid_1fjjw_9",lt="_card_1fjjw_16",ct="_cardBodyButton_1fjjw_31",dt="_thumb_1fjjw_43",ut="_badges_1fjjw_52",ht="_priorityHighBadge_1fjjw_60",pt="_priorityMediumBadge_1fjjw_69",gt="_priorityLowBadge_1fjjw_78",mt="_cardMeta_1fjjw_87",_t="_target_1fjjw_93",yt="_time_1fjjw_100",ft="_drawer_1fjjw_105",xt="_drawerToolbar_1fjjw_122",St="_drawerTitleBlock_1fjjw_133",jt="_drawerEyebrow_1fjjw_140",wt="_drawerTarget_1fjjw_149",vt="_drawerToolbarActions_1fjjw_159",bt="_closeBtn_1fjjw_167",Ct="_detailBody_1fjjw_188",It="_screenshotPreviewFrame_1fjjw_195",Nt="_fullImg_1fjjw_208",Pt="_metaDl_1fjjw_215",kt="_errorMsg_1fjjw_227",Tt="_suggestionsWrap_1fjjw_232",Bt="_prioritySection_1fjjw_239",Dt="_sectionHighHeader_1fjjw_243",Gt="_sectionLowHeader_1fjjw_249",Mt="_sectionMediumHeader_1fjjw_255",At="_groupCard_1fjjw_261",Rt="_groupHeader_1fjjw_268",Lt="_groupLabel_1fjjw_284",$t="_groupCount_1fjjw_289",Et="_groupChevron_1fjjw_296",Ht="_groupBody_1fjjw_300",Ot="_groupDescription_1fjjw_303",Ut="_groupFix_1fjjw_308",Ft="_falsePositive_1fjjw_317",zt="_itemList_1fjjw_325",qt="_suggestionItem_1fjjw_333",Vt="_suggestionInfo_1fjjw_343",Wt="_pathBreadcrumb_1fjjw_349",Kt="_currentValue_1fjjw_358",Qt="_copyFixBtn_1fjjw_362",Yt="_emptySuggestions_1fjjw_376",Jt="_sampleBanner_1fjjw_384",Xt="_sampleBannerRow_1fjjw_397",Zt="_sampleBannerMain_1fjjw_405",ei="_sampleBadge_1fjjw_413",ti="_sampleTitle_1fjjw_423",ii="_sampleMessage_1fjjw_430",ai="_sampleActions_1fjjw_437",si="_primaryAction_1fjjw_445",ri="_secondaryAction_1fjjw_446",ni="_emptyState_1fjjw_481",oi="_pluginGuideCard_1fjjw_489",li="_pluginGuideMarker_1fjjw_500",ci="_pluginGuideBody_1fjjw_515",di="_pluginGuideTitle_1fjjw_519",ui="_pluginGuideMessage_1fjjw_527",hi="_pluginGuideChecklist_1fjjw_534",pi="_pluginGuideWaiting_1fjjw_557",gi="_pluginGuideDot_1fjjw_566",mi="_analysisWorkspace_1fjjw_574",_i="_analysisMainColumn_1fjjw_579",yi="_analysisDetailPopupLayer_1fjjw_583",fi="_analysisDetailDialog_1fjjw_600",xi="_analysisSummaryPanel_1fjjw_619",Si="_recentCapturesHeader_1fjjw_632",ji="_analysisSummaryText_1fjjw_639",wi="_recentCapturesMeta_1fjjw_640",vi="_analysisReportGrid_1fjjw_646",bi="_analysisReportGroup_1fjjw_653",Ci="_analysisReportCard_1fjjw_657",Ii="_analysisReportThumb_1fjjw_679",Ni="_analysisReportBody_1fjjw_688",Pi="_analysisReportTopline_1fjjw_695",ki="_analysisVerdict_1fjjw_702",Ti="_analysisVerdict_needsFix_1fjjw_713",Bi="_analysisVerdict_review_1fjjw_714",Di="_analysisVerdict_passed_1fjjw_719",Gi="_analysisReportCounts_1fjjw_724",Mi="_analysisReportTarget_1fjjw_729",Ai="_analysisReportIssue_1fjjw_738",Ri="_analysisReportMeta_1fjjw_744",Li="_analysisChildList_1fjjw_751",$i="_analysisChildRow_1fjjw_762",Ei="_analysisChildPath_1fjjw_783",Hi="_analysisChildSummary_1fjjw_792",Oi="_analysisChildDetailHint_1fjjw_793",Ui="_drawerAnalysisSummary_1fjjw_802",Fi="_drawerAnalysisSummaryItem_1fjjw_813",zi="_drawerAnalysisLabel_1fjjw_820",qi="_drawerAnalysisCounts_1fjjw_826",Vi="_drawerAnalysisValue_1fjjw_827",Wi="_recentCapturesSection_1fjjw_832",Ki="_drawerPrimaryActions_1fjjw_844",Qi="_drawerActionBtn_1fjjw_851",Yi="_drawerMoreMenu_1fjjw_880",Ji="_drawerMoreButton_1fjjw_885",Xi="_drawerMoreMenuBody_1fjjw_910",Zi="_drawerMenuItem_1fjjw_923",ea="_drawerMenuItemDanger_1fjjw_946",ta="_actionErrMsg_1fjjw_955",ia="_actionStatusMsg_1fjjw_964",aa="_actionStatus_info_1fjjw_978",sa="_actionStatus_success_1fjjw_984",ra="_actionStatus_warning_1fjjw_990",na="_actionStatusDetail_1fjjw_996",oa="_galleryHeader_1fjjw_1002",la="_cardChecked_1fjjw_1015",ca="_cardCheckbox_1fjjw_1022",da="_captureSelectionActions_1fjjw_1062",ua="_selectionToolbar_1fjjw_1071",ha="_selectionBar_1fjjw_1072",pa="_selectionToolbarCount_1fjjw_1091",ga="_selectionToolbarActions_1fjjw_1098",ma="_selectionBarBtn_1fjjw_1105",_a="_selectionBarBtnDanger_1fjjw_1126",r={page:nt,grid:ot,card:lt,cardBodyButton:ct,thumb:dt,badges:ut,priorityHighBadge:ht,priorityMediumBadge:pt,priorityLowBadge:gt,cardMeta:mt,target:_t,time:yt,drawer:ft,drawerToolbar:xt,drawerTitleBlock:St,drawerEyebrow:jt,drawerTarget:wt,drawerToolbarActions:vt,closeBtn:bt,detailBody:Ct,screenshotPreviewFrame:It,fullImg:Nt,metaDl:Pt,errorMsg:kt,suggestionsWrap:Tt,prioritySection:Bt,sectionHighHeader:Dt,sectionLowHeader:Gt,sectionMediumHeader:Mt,groupCard:At,groupHeader:Rt,groupLabel:Lt,groupCount:$t,groupChevron:Et,groupBody:Ht,groupDescription:Ot,groupFix:Ut,falsePositive:Ft,itemList:zt,suggestionItem:qt,suggestionInfo:Vt,pathBreadcrumb:Wt,currentValue:Kt,copyFixBtn:Qt,emptySuggestions:Yt,sampleBanner:Jt,sampleBannerRow:Xt,sampleBannerMain:Zt,sampleBadge:ei,sampleTitle:ti,sampleMessage:ii,sampleActions:ai,primaryAction:si,secondaryAction:ri,emptyState:ni,pluginGuideCard:oi,pluginGuideMarker:li,pluginGuideBody:ci,pluginGuideTitle:di,pluginGuideMessage:ui,pluginGuideChecklist:hi,pluginGuideWaiting:pi,pluginGuideDot:gi,analysisWorkspace:mi,analysisMainColumn:_i,analysisDetailPopupLayer:yi,analysisDetailDialog:fi,analysisSummaryPanel:xi,recentCapturesHeader:Si,analysisSummaryText:ji,recentCapturesMeta:wi,analysisReportGrid:vi,analysisReportGroup:bi,analysisReportCard:Ci,analysisReportThumb:Ii,analysisReportBody:Ni,analysisReportTopline:Pi,analysisVerdict:ki,analysisVerdict_needsFix:Ti,analysisVerdict_review:Bi,analysisVerdict_passed:Di,analysisReportCounts:Gi,analysisReportTarget:Mi,analysisReportIssue:Ai,analysisReportMeta:Ri,analysisChildList:Li,analysisChildRow:$i,analysisChildPath:Ei,analysisChildSummary:Hi,analysisChildDetailHint:Oi,drawerAnalysisSummary:Ui,drawerAnalysisSummaryItem:Fi,drawerAnalysisLabel:zi,drawerAnalysisCounts:qi,drawerAnalysisValue:Vi,recentCapturesSection:Wi,drawerPrimaryActions:Ki,drawerActionBtn:Qi,drawerMoreMenu:Yi,drawerMoreButton:Ji,drawerMoreMenuBody:Xi,drawerMenuItem:Zi,drawerMenuItemDanger:ea,actionErrMsg:ta,actionStatusMsg:ia,actionStatus_info:aa,actionStatus_success:sa,actionStatus_warning:ra,actionStatusDetail:na,galleryHeader:oa,cardChecked:la,cardCheckbox:ca,captureSelectionActions:da,selectionToolbar:ua,selectionBar:ha,selectionToolbarCount:pa,selectionToolbarActions:ga,selectionBarBtn:ma,selectionBarBtnDanger:_a};function ya({snapshot:e,placeId:i,onClick:a,imageUrlOverride:l,selectable:o,selected:s,onToggleSelect:n}){var v,b,T;const{t:p}=A(),d=((v=e.design_check_summary)==null?void 0:v.priority_high)??0,_=((b=e.design_check_summary)==null?void 0:b.priority_medium)??0,m=((T=e.design_check_summary)==null?void 0:T.priority_low)??0,h=new Date(e.captured_at*1e3).toLocaleString(),y=l??Ie(e.snapshot_id,i),S=()=>{n==null||n(e.snapshot_id)};return t.jsxs("div",{className:`${r.card} ${s?r.cardChecked:""}`,children:[o&&t.jsx(f,{text:p("uiStudio.gallery.cardCheckbox.tooltip","Select this capture. Pick multiple to delete them together."),children:t.jsx("input",{className:r.cardCheckbox,type:"checkbox","aria-label":"화면 캡처 선택",checked:!!s,onChange:S})}),t.jsxs("button",{className:r.cardBodyButton,onClick:P=>a(P.currentTarget),type:"button",children:[t.jsx("img",{className:r.thumb,src:y,alt:e.snapshot_id,loading:"lazy"}),t.jsxs("div",{className:r.badges,children:[d>0&&t.jsx(f,{text:p("uiStudio.gallery.priorityHighBadge.tooltip","Number of suggestions to review first. Click for details."),children:t.jsx("span",{className:r.priorityHighBadge,children:d})}),_>0&&t.jsx(f,{text:p("uiStudio.gallery.priorityMediumBadge.tooltip","Number of recommended suggestions."),children:t.jsx("span",{className:r.priorityMediumBadge,children:_})}),m>0&&t.jsx(f,{text:p("uiStudio.gallery.priorityLowBadge.tooltip","Number of optional improvements."),children:t.jsx("span",{className:r.priorityLowBadge,children:m})})]}),t.jsxs("div",{className:r.cardMeta,children:[t.jsx("div",{className:r.target,children:e.target??e.scope}),t.jsx("div",{className:r.time,children:h})]})]})]})}const fa={touch_target:"touchTarget",contrast:"contrast",text_scaled:"textScaled",safezone:"safezone",min_text_size:"minTextSize"};function xa(e){return e.rule==="contrast"&&/\.(Icon|Avatar|EmptyIcon|GoldIcon|[A-Za-z]*Icon)$/.test(e.path)}const Sa={touch_target:{checkLabel:"터치 타겟 크기",description:"모바일에서 손가락으로 누르기 편한 최소 크기를 만족하는지 확인합니다.",howToFix:"버튼 Size 를 44x44 px 이상으로 키우거나 UIPadding 으로 터치 영역을 확장하세요.",buildUpdateCommand:e=>JSON.stringify({action:"update",targetPath:e.path,changes:{properties:{Size:{xScale:0,xOffset:44,yScale:0,yOffset:44}}}},null,2)},contrast:{checkLabel:"텍스트 대비",description:"텍스트와 배경의 명암 비율이 WCAG 접근성 기준을 만족하는지 확인합니다.",howToFix:"TextColor3 를 더 밝은 색(예: #FFFFFF) 으로 바꾸거나, 배경(BackgroundColor3)을 어둡게 조정하세요.",falsePositiveNote:"이모지 아이콘의 경우 색이 고정되어 대비 규칙이 오탐하는 경우가 많습니다. 실제 가독성에 문제 없으면 무시해도 됩니다.",buildUpdateCommand:e=>JSON.stringify({action:"update",targetPath:e.path,changes:{properties:{TextColor3:{r:255,g:255,b:255}}}},null,2)},text_scaled:{checkLabel:"TextScaled 사용",description:"TextScaled 가 켜져 있으나 UITextSizeConstraint 가 없으면 언어 확장 시 레이아웃이 깨질 수 있습니다.",howToFix:"해당 TextLabel 에 UITextSizeConstraint 자식을 추가하고 MaxTextSize 를 지정하세요.",buildUpdateCommand:e=>JSON.stringify({action:"update",targetPath:e.path,changes:{addChildren:[{className:"UITextSizeConstraint",name:"SizeConstraint",properties:{MaxTextSize:24,MinTextSize:10}}]}},null,2)},safezone:{checkLabel:"세이프존 배치",description:"버튼이 플랫폼별 세이프존(노치·홈 인디케이터·TV safe margin) 안에 있는지 확인합니다.",howToFix:"Position 을 세이프존 안쪽으로 이동하거나, 부모 Frame 을 축소하세요.",buildUpdateCommand:()=>null},min_text_size:{checkLabel:"최소 폰트 크기",description:"텍스트가 너무 작아 가독성이 떨어지는지 확인합니다. 브리프 기준 하한을 사용합니다.",howToFix:"TextSize 를 14 이상(본문 기준)으로 올리세요.",buildUpdateCommand:e=>{const i=typeof e.expected=="string"?parseInt(e.expected.replace(/[^\d]/g,""),10):14;return JSON.stringify({action:"update",targetPath:e.path,changes:{properties:{TextSize:Number.isFinite(i)?i:14}}},null,2)}}};function ja(e,i,a){const l=fa[e];return l?{...i,checkLabel:a(`uiStudio.fix.${l}.label`,i.checkLabel),description:a(`uiStudio.fix.${l}.description`,i.description),howToFix:a(`uiStudio.fix.${l}.howToFix`,i.howToFix),falsePositiveNote:i.falsePositiveNote?a(`uiStudio.fix.${l}.falsePositive`,i.falsePositiveNote):void 0}:i}function wa(e,i){const a=Sa[e]??null;return a?i?ja(e,a,i):a:null}function va(e){return xa(e)}function ba(e,i){const a=new Map;for(const o of e){const s=`${o.displayPriority}::${o.rule}`,n=a.get(s)??[];n.push(o),a.set(s,n)}const l=[];for(const[o,s]of a){const[n,p]=o.split("::"),d=s.filter(va).length;l.push({rule:p??"unknown",priority:n,items:s,fixTemplate:wa(p??"",i),falsePositiveRatio:s.length>0?d/s.length:0})}return l.sort((o,s)=>{const n={priority_high:0,priority_medium:1,priority_low:2};return o.priority!==s.priority?n[o.priority]-n[s.priority]:s.items.length-o.items.length}),{high:l.filter(o=>o.priority==="priority_high"),medium:l.filter(o=>o.priority==="priority_medium"),low:l.filter(o=>o.priority==="priority_low")}}function Pe(e){const i=e.split("."),a=i[i.length-1]??e,l=i[i.length-2],o=l?`${l} > ${a}`:a;return{full:e,breadcrumb:o,leaf:a}}function ke(e){return typeof e=="object"&&e!==null}function he(e){return ke(e.data)?e.data:{}}function ee(e,i){const a=e[i];return ke(a)?a:{}}function W(e,i){const a=e[i];return typeof a=="string"?a:null}function K(e,i){const a=e[i];return typeof a=="number"&&Number.isFinite(a)?a:0}function Ca(e){const i=ee(e,"design_check_summary");return{priority_high:K(i,"priority_high"),priority_medium:K(i,"priority_medium"),priority_low:K(i,"priority_low")}}function pe(e){if(!(e.success??e.ok??!e.error))throw new Error(e.error??"UI Studio action failed")}function ge(e,i){return Te(e,Ca(i))}function F(e,i,a,l,o){const s=e(i,a);return o?`${s}: ${o} · ${l}`:`${s}: ${l}`}function Ia(e){const i=e.design_check_summary;return((i==null?void 0:i.priority_high)??0)>0?"needsFix":((i==null?void 0:i.priority_medium)??0)>0||((i==null?void 0:i.priority_low)??0)>0?"review":"passed"}function Na(e,i){return i==="needsFix"||i==="review"?e("uiStudio.analysis.verdict.hasSuggestions","개선 제안 있음"):e("uiStudio.analysis.verdict.passed","현재 개선 제안 없음")}function Q(e,i){return`${i}${e("uiStudio.storage.countSuffix","개")}`}function Te(e,i){return`${e("uiStudio.priorityHigh","우선 검토")} ${Q(e,(i==null?void 0:i.priority_high)??0)} · ${e("uiStudio.priorityMedium","검토 권장")} ${Q(e,(i==null?void 0:i.priority_medium)??0)} · ${e("uiStudio.priorityLow","선택 개선")} ${Q(e,(i==null?void 0:i.priority_low)??0)}`}function Pa(e,i){return Te(e,i.design_check_summary)}function ka({snapshotId:e,placeId:i,onClose:a,sampleDetail:l,tier:o,onActionDone:s}){const[n,p]=u.useState(l??null),[d,_]=u.useState(null),[m,h]=u.useState(null),[y,S]=u.useState(null),[v,b]=u.useState(null),[T,P]=u.useState(null),{t:g}=A(),{trackEvent:N}=H(),C=o==="pro";u.useEffect(()=>{if(l){p(l),_(null);return}let w=!1;return st(e,i).then(D=>{w||p(D)}).catch(D=>{w||_(D instanceof Error?D.message:String(D))}),()=>{w=!0}},[e,i,l]);const j=async()=>{if(n!=null&&n.target){N("dashboard_click_event",{click_target:"ui_studio_capture_current",page:"ui-studio",tab:"ui_studio_analysis"}),h(null),b("preview"),S({tone:"info",message:g("uiStudio.actions.previewRunning","캡처 중..."),detail:g("uiStudio.actions.previewRunningDetail","완료되면 새 화면 캡처 파일 ID를 표시합니다.")});try{const w=await le("preview",{targetPath:n.target});pe(w);const D=he(w),L=W(D,"snapshot_id"),O=ee(D,"screenshot"),V=ee(D,"meta"),x=W(O,"saved_path"),G=W(V,"persist_warning"),k=ge(g,D);S(G?{tone:"warning",message:F(g,"uiStudio.actions.previewNeedsSaveCheck","캡처 완료, 저장 확인 필요",k,L),detail:G}:L&&x?{tone:"success",message:F(g,"uiStudio.actions.previewSaved","새 화면 캡처 저장 완료",k,L),detail:g("uiStudio.actions.previewSavedDetail","기존 화면 캡처는 변경하지 않고 새 파일로 저장했습니다.")}:L?{tone:"warning",message:F(g,"uiStudio.actions.previewComplete","캡처 완료",k,L),detail:g("uiStudio.actions.previewSavedPathMissing","새 화면 캡처 ID는 받았지만 저장 경로를 확인하지 못했습니다.")}:{tone:"warning",message:F(g,"uiStudio.actions.previewComplete","캡처 완료",k),detail:g("uiStudio.actions.previewSnapshotIdMissing","새 화면 캡처 ID를 확인하지 못했습니다. 목록을 새로고침해 저장 여부를 확인해 주세요.")}),await(s==null?void 0:s())}catch(w){h(w instanceof Error?w.message:String(w))}finally{b(null)}}},B=async()=>{if(n!=null&&n.target){N("dashboard_click_event",{click_target:"ui_studio_check_again",page:"ui-studio",tab:"ui_studio_analysis"}),h(null),b("check"),S({tone:"info",message:g("uiStudio.actions.designCheckRunning","개선 제안 확인 중..."),detail:g("uiStudio.actions.designCheckRunningDetail","완료되면 우선 검토/검토 권장/선택 개선 항목 수를 표시합니다.")});try{const w=await le("check",{targetPath:n.target});pe(w);const D=he(w),L=ge(g,D);S({tone:"success",message:F(g,"uiStudio.actions.designCheckComplete","개선 제안 확인 완료",L),detail:g("uiStudio.actions.designCheckNoSnapshotSaved","이 작업은 화면 캡처 파일을 새로 저장하지 않습니다.")}),await(s==null?void 0:s())}catch(w){h(w instanceof Error?w.message:String(w))}finally{b(null)}}},E=async()=>{h(null),S(null);try{await Fe(i,e),await(s==null?void 0:s()),P(null),a()}catch(w){throw h(w instanceof Error?w.message:String(w)),w}},I=C?void 0:g("uiStudio.actions.proRequired","Pro 업그레이드 후 사용 가능"),R=n!=null&&n.target?Pe(n.target):null;return t.jsxs("div",{className:r.drawer,children:[t.jsxs("div",{className:r.drawerToolbar,"data-testid":"snapshot-detail-toolbar",children:[t.jsxs("div",{className:r.drawerTitleBlock,children:[t.jsx("span",{className:r.drawerEyebrow,children:g("uiStudio.analysis.detailDialog","Analysis detail")}),t.jsx("span",{className:r.drawerTarget,title:(R==null?void 0:R.full)??e,children:(R==null?void 0:R.breadcrumb)??e})]}),t.jsxs("div",{className:r.drawerToolbarActions,children:[n&&t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:r.drawerPrimaryActions,children:[t.jsx(f,{text:I??g("uiStudio.actions.captureCurrentState.tooltip","Save the UI currently shown in Studio as a new capture. Existing captures are kept."),children:t.jsxs("button",{className:r.drawerActionBtn,onClick:()=>void j(),disabled:!C||!n.target||v!==null,type:"button",children:[t.jsx(Ye,{size:15,"aria-hidden":"true"}),t.jsx("span",{children:g("uiStudio.actions.captureCurrentState","현재 상태 캡처")})]})}),t.jsx(f,{text:I??g("uiStudio.actions.checkSuggestionsAgain.tooltip","Recompute suggestions for this capture without taking a new screenshot."),children:t.jsxs("button",{className:r.drawerActionBtn,onClick:()=>void B(),disabled:!C||!n.target||v!==null,type:"button",children:[t.jsx(He,{size:15,"aria-hidden":"true"}),t.jsx("span",{children:g("uiStudio.actions.checkSuggestionsAgain","개선 제안 다시 확인")})]})})]}),t.jsxs("details",{className:r.drawerMoreMenu,children:[t.jsx("summary",{className:r.drawerMoreButton,title:g("uiStudio.actions.more.tooltip","Open additional actions."),"aria-label":g("uiStudio.actions.more","More"),children:t.jsx(Xe,{size:18,"aria-hidden":"true"})}),t.jsx("div",{className:r.drawerMoreMenuBody,children:t.jsx(f,{text:I??g("uiStudio.actions.deleteSnapshot.tooltip","Delete only this capture file. The actual UI in Roblox Studio is not affected."),children:t.jsx("button",{className:`${r.drawerMenuItem} ${r.drawerMenuItemDanger}`,onClick:()=>{N("dashboard_click_event",{click_target:"ui_studio_delete_snapshot",page:"ui-studio",tab:"ui_studio_analysis"}),P("deleteSnapshot")},disabled:!C,type:"button",children:g("uiStudio.actions.deleteSnapshot","이 화면 캡처 삭제")})})})]})]}),t.jsx(f,{text:g("uiStudio.detailClose.tooltip","Close this detail panel."),children:t.jsx("button",{className:r.closeBtn,onClick:a,type:"button","aria-label":g("uiStudio.detailClose","Close"),children:t.jsx(et,{size:18,"aria-hidden":"true"})})})]})]}),d&&t.jsx("div",{className:r.errorMsg,children:d}),n&&t.jsxs("div",{className:r.detailBody,children:[m&&t.jsx("div",{className:r.actionErrMsg,children:m}),y&&t.jsxs("div",{className:`${r.actionStatusMsg} ${r[`actionStatus_${y.tone}`]??""}`,children:[t.jsx("div",{children:y.message}),y.detail&&t.jsx("div",{className:r.actionStatusDetail,children:y.detail})]}),t.jsx(Ta,{detail:n}),t.jsx("div",{className:r.screenshotPreviewFrame,"data-testid":"analysis-screenshot-preview",children:t.jsx("img",{className:r.fullImg,src:n.image_url,alt:n.snapshot_id})}),t.jsx(Ba,{items:n.check_results}),t.jsxs("dl",{className:r.metaDl,children:[t.jsx("dt",{children:t.jsx(M,{label:g("uiStudio.capturedAt","Captured"),tooltip:g("uiStudio.capturedAt.tooltip","When this screen was captured.")})}),t.jsx("dd",{children:new Date(n.captured_at*1e3).toLocaleString()}),t.jsx("dt",{children:t.jsx(M,{label:g("uiStudio.scope","Scope"),tooltip:g("uiStudio.scope.tooltip","Capture scope (full screen or a specific UI).")})}),t.jsx("dd",{children:n.scope}),n.target&&t.jsxs(t.Fragment,{children:[t.jsx("dt",{children:t.jsx(M,{label:g("uiStudio.target","Target"),tooltip:g("uiStudio.target.tooltip","Exact path of the captured UI instance.")})}),t.jsx("dd",{children:n.target})]}),n.brief_id&&t.jsxs(t.Fragment,{children:[t.jsx("dt",{children:t.jsx(M,{label:g("uiStudio.briefId","Brief"),tooltip:g("uiStudio.briefId.tooltip","Identifier of the design brief that produced this UI.")})}),t.jsx("dd",{children:n.brief_id})]})]})]}),T==="deleteSnapshot"&&t.jsx(oe,{title:g("uiStudio.confirm.deleteSnapshotTitle","화면 캡처 삭제"),message:g("uiStudio.confirm.deleteSnapshotMessage","이 화면 캡처 파일만 삭제됩니다 (Studio 인스턴스 보존)."),danger:!0,confirmLabel:g("common.delete","삭제"),onConfirm:E,onClose:()=>P(null)})]})}function Ta({detail:e}){const{t:i}=A(),a=Ia(e);return t.jsxs("section",{className:r.drawerAnalysisSummary,children:[t.jsxs("div",{className:r.drawerAnalysisSummaryItem,children:[t.jsx("span",{className:r.drawerAnalysisLabel,children:t.jsx(M,{label:i("uiStudio.analysis.verdictLabel","개선 요약"),tooltip:i("uiStudio.analysis.verdictLabel.tooltip","Overall improvement verdict for this capture.")})}),t.jsx("span",{className:`${r.analysisVerdict} ${r[`analysisVerdict_${a}`]??""}`,children:Na(i,a)}),t.jsx("span",{className:r.drawerAnalysisCounts,children:Pa(i,e)})]}),t.jsxs("div",{className:r.drawerAnalysisSummaryItem,children:[t.jsx("span",{className:r.drawerAnalysisLabel,children:t.jsx(M,{label:i("uiStudio.analysis.thresholds","검토 기준"),tooltip:i("uiStudio.analysis.thresholds.tooltip","The threshold set used for this review (default or custom).")})}),t.jsx("span",{className:r.drawerAnalysisValue,children:e.thresholds_source})]})]})}function Ba({items:e}){const{t:i}=A();if(e.length===0)return t.jsx("p",{className:r.emptySuggestions,children:i("uiStudio.noSuggestions","현재 개선 제안 없음")});const{high:a,medium:l,low:o}=ba(e,i);return t.jsxs("div",{className:r.suggestionsWrap,children:[t.jsx("h3",{children:t.jsx(M,{label:i("uiStudio.designCheckResultsTitle","Design Check suggestions"),tooltip:i("uiStudio.designCheckResultsTitle.tooltip","All improvement suggestions found in this capture.")})}),a.length>0&&t.jsxs("section",{className:r.prioritySection,children:[t.jsx("h4",{className:r.sectionHighHeader,children:i("uiStudio.highPrioritySection","우선 검토")}),a.map(s=>t.jsx(Y,{group:s},`h-${s.rule}`))]}),l.length>0&&t.jsxs("section",{className:r.prioritySection,children:[t.jsx("h4",{className:r.sectionMediumHeader,children:i("uiStudio.mediumPrioritySection","검토 권장")}),l.map(s=>t.jsx(Y,{group:s},`m-${s.rule}`))]}),o.length>0&&t.jsxs("section",{className:r.prioritySection,children:[t.jsx("h4",{className:r.sectionLowHeader,children:i("uiStudio.lowPrioritySection","선택 개선")}),o.map(s=>t.jsx(Y,{group:s},`l-${s.rule}`))]})]})}function Y({group:e}){var n,p,d;const{t:i}=A(),[a,l]=u.useState(e.priority==="priority_high"&&e.items.length<=5),o=e.falsePositiveRatio>=.5&&!!((n=e.fixTemplate)!=null&&n.falsePositiveNote),s=((p=e.fixTemplate)==null?void 0:p.checkLabel)??e.rule;return t.jsxs("div",{className:r.groupCard,children:[t.jsx(f,{text:i("uiStudio.suggestionGroup.tooltip","Suggestions of the same kind grouped together. Click to expand or collapse."),children:t.jsxs("button",{className:r.groupHeader,onClick:()=>l(_=>!_),type:"button",children:[t.jsx("span",{className:r.groupLabel,children:s}),t.jsx(f,{text:i("uiStudio.groupSummary.tooltip","Number of UI elements matching this group."),children:t.jsxs("span",{className:r.groupCount,children:[e.items.length," ",i("uiStudio.groupSummary","items")]})}),t.jsx("span",{className:r.groupChevron,children:a?"▾":"▸"})]})}),a&&t.jsxs("div",{className:r.groupBody,children:[e.fixTemplate&&t.jsxs(t.Fragment,{children:[t.jsx("p",{className:r.groupDescription,children:e.fixTemplate.description}),t.jsx("p",{className:r.groupFix,children:e.fixTemplate.howToFix})]}),o&&t.jsx(f,{text:i("uiStudio.falsePositiveWarning.tooltip","This check can produce false positives — verify before applying."),children:t.jsxs("p",{className:r.falsePositive,children:[i("uiStudio.falsePositiveWarning","May contain false positives"),":"," ",(d=e.fixTemplate)==null?void 0:d.falsePositiveNote]})}),t.jsx("ul",{className:r.itemList,children:e.items.map((_,m)=>t.jsx(Da,{item:_,group:e},`${_.path}-${m}`))})]})]})}function Da({item:e,group:i}){var _;const{t:a}=A(),{trackEvent:l}=H(),[o,s]=u.useState(!1),n=Pe(e.path),p=((_=i.fixTemplate)==null?void 0:_.buildUpdateCommand(e))??null,d=async()=>{if(p)try{await navigator.clipboard.writeText(p),l("dashboard_click_event",{click_target:"ui_studio_copy_ai_instruction",page:"ui-studio",tab:"ui_studio_analysis"}),s(!0),setTimeout(()=>s(!1),2e3)}catch{}};return t.jsxs("li",{className:r.suggestionItem,children:[t.jsxs("div",{className:r.suggestionInfo,children:[t.jsx("code",{className:r.pathBreadcrumb,title:`${a("uiStudio.fullPath","Full path")}: ${n.full}`,children:n.breadcrumb}),t.jsxs("span",{className:r.currentValue,children:[t.jsx(f,{text:a("uiStudio.colCurrent.tooltip","The currently applied value."),children:t.jsx("span",{children:a("uiStudio.colCurrent","Current")})}),": ",t.jsx("strong",{children:String(e.actual)})," → ",t.jsx(f,{text:a("uiStudio.colRecommended.tooltip","The recommended value."),children:t.jsx("span",{children:a("uiStudio.colRecommended","Recommended")})}),": ",t.jsx("strong",{children:String(e.expected)})]})]}),p&&t.jsx(f,{text:a("uiStudio.copyFixCommand.tooltip","Copy a prompt that asks the AI to fix this issue."),children:t.jsx("button",{className:r.copyFixBtn,onClick:d,type:"button",children:o?a("uiStudio.copiedToClipboard","Copied"):a("uiStudio.copyFixCommand","Copy AI instruction")})})]})}function J(e,i){return Object.entries(i).reduce((a,[l,o])=>a.split(`{${l}}`).join(String(o)),e)}function Ga(e,i){return i.rule==="contrast"?J(e("uiStudio.sample.designCheck.contrast","Text contrast is below {expected} (current {actual}). Adjust TextColor3 or BackgroundColor3."),{expected:String(i.expected),actual:String(i.actual)}):i.rule==="touch_target"?J(e("uiStudio.sample.designCheck.touchTarget","Touch targets should be at least {expected} px (current {actual}). Increase Size or padding."),{expected:String(i.expected),actual:String(i.actual)}):i.rule==="min_text_size"?J(e("uiStudio.sample.designCheck.minTextSize","TextSize is below {expected} (current {actual}). Increase it for readability."),{expected:String(i.expected),actual:String(i.actual)}):i.hint}const Be="sample_inventory_preview",te=ze,Ma=[{path:"StarterGui.InventoryGame.Overlay.Modal.Header.GoldBox.Icon",hint:"텍스트 대비 4.5:1 미만 (현재 1.24). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥4.5:1",rule:"contrast",actual:"1.24"},{path:"StarterGui.InventoryGame.Overlay.Modal.Header.CloseBtn",hint:"텍스트 대비 4.5:1 미만 (현재 4.11). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥4.5:1",rule:"contrast",actual:"4.11"},{path:"StarterGui.InventoryGame.Overlay.Modal.LeftPanel.Portrait.Avatar",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.LeftPanel.EquipGrid.Slot1.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.LeftPanel.EquipGrid.Slot2.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.LeftPanel.EquipGrid.Slot3.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.LeftPanel.EquipGrid.Slot4.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.LeftPanel.EquipGrid.Slot5.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.LeftPanel.EquipGrid.Slot6.EmptyIcon",hint:"텍스트 대비 3.0:1 미만 (현재 2.53). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"2.53"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.TabBar.TabAll",hint:"터치 타겟 44x44 px 이상 권장 (현재 64x32). Size 또는 padding 늘리세요.",displayPriority:"priority_high",expected:"≥44x44",rule:"touch_target",actual:"64x32"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.TabBar.TabWeapon",hint:"터치 타겟 44x44 px 이상 권장 (현재 64x32). Size 또는 padding 늘리세요.",displayPriority:"priority_high",expected:"≥44x44",rule:"touch_target",actual:"64x32"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.TabBar.TabArmor",hint:"터치 타겟 44x44 px 이상 권장 (현재 64x32). Size 또는 padding 늘리세요.",displayPriority:"priority_high",expected:"≥44x44",rule:"touch_target",actual:"64x32"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.TabBar.TabConsume",hint:"터치 타겟 44x44 px 이상 권장 (현재 64x32). Size 또는 padding 늘리세요.",displayPriority:"priority_high",expected:"≥44x44",rule:"touch_target",actual:"64x32"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.TabBar.TabMisc",hint:"터치 타겟 44x44 px 이상 권장 (현재 64x32). Size 또는 padding 늘리세요.",displayPriority:"priority_high",expected:"≥44x44",rule:"touch_target",actual:"64x32"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I1.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I1.Qty",hint:"TextSize 12 미만 (하한 14). 가독성 확보를 위해 상향 조정 권장.",displayPriority:"priority_medium",expected:"≥14",rule:"min_text_size",actual:12},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I2.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I3.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I4.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I5.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I6.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I7.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I8.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I9.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I10.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I11.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I12.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I13.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I13.Qty",hint:"TextSize 12 미만 (하한 14). 가독성 확보를 위해 상향 조정 권장.",displayPriority:"priority_medium",expected:"≥14",rule:"min_text_size",actual:12},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I14.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I14.Qty",hint:"TextSize 12 미만 (하한 14). 가독성 확보를 위해 상향 조정 권장.",displayPriority:"priority_medium",expected:"≥14",rule:"min_text_size",actual:12},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I15.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I15.Qty",hint:"TextSize 12 미만 (하한 14). 가독성 확보를 위해 상향 조정 권장.",displayPriority:"priority_medium",expected:"≥14",rule:"min_text_size",actual:12},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I16.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I16.Qty",hint:"TextSize 12 미만 (하한 14). 가독성 확보를 위해 상향 조정 권장.",displayPriority:"priority_medium",expected:"≥14",rule:"min_text_size",actual:12},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I17.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I17.Qty",hint:"TextSize 12 미만 (하한 14). 가독성 확보를 위해 상향 조정 권장.",displayPriority:"priority_medium",expected:"≥14",rule:"min_text_size",actual:12},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I18.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I19.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I19.Qty",hint:"TextSize 12 미만 (하한 14). 가독성 확보를 위해 상향 조정 권장.",displayPriority:"priority_medium",expected:"≥14",rule:"min_text_size",actual:12},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I20.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.CenterPanel.ItemGrid.I20.Qty",hint:"TextSize 12 미만 (하한 14). 가독성 확보를 위해 상향 조정 권장.",displayPriority:"priority_medium",expected:"≥14",rule:"min_text_size",actual:12},{path:"StarterGui.InventoryGame.Overlay.Modal.DetailPanel.ItemIconBox.Icon",hint:"텍스트 대비 3.0:1 미만 (현재 1.25). TextColor3 또는 BackgroundColor3 조정 필요.",displayPriority:"priority_high",expected:"≥3.0:1",rule:"contrast",actual:"1.25"},{path:"StarterGui.InventoryGame.Overlay.Modal.DetailPanel.Rarity",hint:"TextSize 12 미만 (하한 14). 가독성 확보를 위해 상향 조정 권장.",displayPriority:"priority_medium",expected:"≥14",rule:"min_text_size",actual:12},{path:"StarterGui.InventoryGame.Overlay.Modal.DetailPanel.StatsBox.Passive",hint:"TextSize 12 미만 (하한 14). 가독성 확보를 위해 상향 조정 권장.",displayPriority:"priority_medium",expected:"≥14",rule:"min_text_size",actual:12}];function Aa(e){const l={snapshot_id:Be,captured_at:1776757908,brief_id:null,thresholds_source:"default",scope:"targetPath",target:"StarterGui.InventoryGame",design_check_summary:{priority_high:35,priority_medium:10,priority_low:0},image:{file:"ui-studio-sample.png",width:402,height:252}},o={...l,check_results:Ma.map(n=>({...n,hint:Ga(e,n)})),image_url:te};return{list:{placeId:0,snapshots:[l],totalCount:1},detail:o}}const Ra=/plugin not connected|sync not started/i;function ie(e){return typeof e=="string"&&Ra.test(e)}function De(){const{t:e}=A();return t.jsxs("section",{className:r.pluginGuideCard,role:"status","aria-live":"polite",children:[t.jsx("div",{className:r.pluginGuideMarker,"aria-hidden":"true",children:"!"}),t.jsxs("div",{className:r.pluginGuideBody,children:[t.jsx("h2",{className:r.pluginGuideTitle,children:e("uiStudio.pluginGuide.title","Roblox Studio 플러그인이 연결되지 않았습니다")}),t.jsx("p",{className:r.pluginGuideMessage,children:e("uiStudio.pluginGuide.message","UI Studio는 연결된 Studio place의 화면 캡처와 변경 이력을 표시합니다. Studio와 WEPPY Plugin을 연결하면 자동으로 갱신됩니다.")}),t.jsxs("ul",{className:r.pluginGuideChecklist,children:[t.jsx("li",{children:e("uiStudio.pluginGuide.check1","Roblox Studio가 실행 중인가요?")}),t.jsx("li",{children:e("uiStudio.pluginGuide.check2","WEPPY Plugin이 설치되어 실행 중인가요?")})]}),t.jsxs("div",{className:r.pluginGuideWaiting,children:[t.jsx("span",{className:r.pluginGuideDot,"aria-hidden":"true"}),e("uiStudio.pluginGuide.waiting","플러그인 연결을 기다리는 중...")]})]})]})}function Ge(e){return e.target??e.scope}function La(e){const i=Ge(e),a=i.split(".").filter(o=>o.length>0),l=a.findIndex(o=>o==="StarterGui");return l>=0&&a[l+1]?["StarterGui",a[l+1]].join("."):i}function Me(e){return((e==null?void 0:e.priority_high)??0)>0?"needsFix":((e==null?void 0:e.priority_medium)??0)>0||((e==null?void 0:e.priority_low)??0)>0?"review":"passed"}function $a(e){return Me(e.design_check_summary)}function me(e){return ae(e.design_check_summary)}function ae(e){return((e==null?void 0:e.priority_high)??0)>0?0:((e==null?void 0:e.priority_medium)??0)>0?1:((e==null?void 0:e.priority_low)??0)>0?2:3}function Ea(e){return e.length===0?null:{...e.reduce((a,l)=>{const o=l.latest.design_check_summary;return a.priority_high+=(o==null?void 0:o.priority_high)??0,a.priority_medium+=(o==null?void 0:o.priority_medium)??0,a.priority_low+=(o==null?void 0:o.priority_low)??0,a},{priority_high:0,priority_medium:0,priority_low:0})}}function Ha(e){const i=new Map;for(const o of e){const s=Ge(o),n=i.get(s);if(!n){i.set(s,{latest:o,snapshotCount:1});continue}n.snapshotCount+=1,o.captured_at>n.latest.captured_at&&(n.latest=o)}const a=[...i.entries()].map(([o,s])=>({key:o,latest:s.latest,snapshotCount:s.snapshotCount,verdict:$a(s.latest)})),l=new Map;for(const o of a){const s=La(o.latest),n=l.get(s)??[];n.push(o),l.set(s,n)}return[...l.entries()].map(([o,s])=>{var _;const n=s.sort((m,h)=>{const y=me(m.latest)-me(h.latest);return y!==0?y:h.latest.captured_at-m.latest.captured_at}),p=n.reduce((m,h)=>h.latest.captured_at>m.captured_at?h.latest:m,((_=n[0])==null?void 0:_.latest)??s[0].latest),d=Ea(n);return{key:o,latest:p,snapshotCount:n.reduce((m,h)=>m+h.snapshotCount,0),children:n,summary:d,verdict:Me(d)}}).sort((o,s)=>{const n=ae(o.summary)-ae(s.summary);return n!==0?n:s.latest.captured_at-o.latest.captured_at})}function Oa(e){return e.reduce((i,a)=>(a.verdict==="passed"?i.noSuggestions+=1:i.hasSuggestions+=1,i),{hasSuggestions:0,noSuggestions:0})}function $(e,i){return`${i}${e("uiStudio.storage.countSuffix","개")}`}function se(e,i){return`${e("uiStudio.priorityHigh","우선 검토")} ${$(e,(i==null?void 0:i.priority_high)??0)} · ${e("uiStudio.priorityMedium","검토 권장")} ${$(e,(i==null?void 0:i.priority_medium)??0)} · ${e("uiStudio.priorityLow","선택 개선")} ${$(e,(i==null?void 0:i.priority_low)??0)}`}function Ua(e,i,a){return`${e("uiStudio.analysis.targetCountLabel","분석 대상")} ${$(e,i)} · ${re(e,"needsFix")} ${$(e,a.hasSuggestions)} · ${re(e,"passed")} ${$(e,a.noSuggestions)}`}function Fa({tier:e}){const{t:i}=A(),{trackEvent:a}=H(),l=e==="basic",o=Ne(50),s=u.useRef(null),[n,p]=u.useState(null),[d,_]=u.useState(!1),[m,h]=u.useState(new Set),[y,S]=u.useState(new Set),[v,b]=u.useState(!1),T=u.useCallback((x,G)=>{p(n===x?null:x)},[n]),P=u.useCallback(()=>{p(null)},[]),g=u.useCallback(x=>{h(G=>{const k=new Set(G);return k.has(x)?k.delete(x):k.add(x),k})},[]);u.useEffect(()=>{var G;if(!n)return;(G=s.current)==null||G.focus();const x=k=>{k.key==="Escape"&&!document.getElementById("delete-confirm-title")&&P()};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[P,n]);const N=l?Aa(i):null,C=(N==null?void 0:N.list)??o.data,j=l?!1:o.loading,B=u.useCallback(x=>{S(G=>{const k=new Set(G);return k.has(x)?k.delete(x):k.add(x),k})},[]),E=x=>{S(new Set(x))},I=()=>{S(new Set)},R=async()=>{const x=(C==null?void 0:C.placeId)??0;a("dashboard_click_event",{click_target:"ui_studio_delete_selected_snapshots",page:"ui-studio",tab:"ui_studio_analysis"}),await qe(x,{ids:[...y]}),await o.refresh(),b(!1),S(new Set)};if(j)return t.jsx("div",{className:r.page,children:i("uiStudio.loading","Loading...")});if(!l&&ie(o.error))return t.jsx(De,{});if(!l&&o.error)return t.jsxs("div",{className:r.page,children:["Error: ",o.error]});const w=(C==null?void 0:C.snapshots)??[],D=(C==null?void 0:C.placeId)??0,L=w.map(x=>x.snapshot_id),O=Ha(w),V=Oa(O);return t.jsxs("div",{children:[t.jsxs("div",{className:r.analysisWorkspace,"data-detail-open":n?"true":"false",children:[t.jsxs("div",{className:r.analysisMainColumn,"data-testid":"analysis-main-column",children:[l&&t.jsxs("div",{className:r.sampleBanner,children:[t.jsxs("div",{className:r.sampleBannerRow,children:[t.jsxs("div",{className:r.sampleBannerMain,children:[t.jsx("div",{className:r.sampleBadge,children:i("uiStudio.sample.badge","Preview of the Pro UI gallery")}),t.jsx("div",{className:r.sampleTitle,children:i("uiStudio.sample.title","You are previewing the UI screenshot gallery that unlocks after upgrading to Pro.")}),t.jsx("div",{className:r.sampleMessage,children:i("uiStudio.sample.message","This preview uses sample data from a demo inventory UI. Real screenshots, review history, and AI-driven fixes unlock with Pro.")})]}),t.jsxs("div",{className:r.sampleActions,children:[t.jsx("button",{className:r.secondaryAction,onClick:()=>{a("dashboard_click_event",{click_target:"tier_compare",placement:"ui_studio_analysis_banner",page:"ui-studio",tab:"ui_studio_analysis"}),_(!0)},type:"button",children:i("tier.compare","Basic vs Pro")}),t.jsx("a",{className:r.primaryAction,href:Se.uiStudio,target:"_blank",rel:"noreferrer",onClick:()=>a("dashboard_click_event",{click_target:"upgrade_cta",placement:"ui_studio_analysis_banner",page:"ui-studio",tab:"ui_studio_analysis"}),children:i("tier.upgrade","Upgrade to Pro")})]})]}),t.jsx(je,{variant:"centered"})]}),t.jsx("div",{className:r.galleryHeader,children:t.jsx("h1",{children:t.jsx(M,{label:i("uiStudio.title","UI Studio"),tooltip:i("uiStudio.title.tooltip","A central place to review AI-generated UI screens and improvement suggestions.")})})}),w.length===0?t.jsx("div",{className:r.emptyState,children:i("uiStudio.empty","No screenshots saved yet. They are created automatically when an AI agent captures the current UI state.")}):t.jsxs(t.Fragment,{children:[t.jsx("section",{className:r.analysisSummaryPanel,children:t.jsxs("div",{children:[t.jsx("h2",{children:t.jsx(M,{label:i("uiStudio.analysis.reportsTitle","UI 루트별 최신 분석"),tooltip:i("uiStudio.analysis.reportsTitle.tooltip","Shows the latest capture and suggestion summary per UI (e.g., Inventory window, Main menu).")})}),t.jsx("p",{className:r.analysisSummaryText,children:Ua(i,O.length,V)})]})}),t.jsx("div",{className:r.analysisReportGrid,"data-testid":"analysis-report-grid",children:O.map(x=>t.jsx(qa,{report:x,placeId:D,imageUrlOverride:l?te:void 0,expanded:m.has(x.key),onPrimaryClick:G=>{x.children.length>1?g(x.key):T(x.latest.snapshot_id,G)},onChildClick:(G,k)=>T(G,k)},x.key))}),t.jsxs("section",{className:r.recentCapturesSection,children:[t.jsxs("div",{className:r.recentCapturesHeader,children:[t.jsxs("div",{children:[t.jsx("h2",{children:t.jsx(M,{label:i("uiStudio.analysis.recentCapturesTitle","최근 캡처"),tooltip:i("uiStudio.analysis.recentCapturesTitle.tooltip","All recently saved captures in chronological order.")})}),t.jsxs("p",{className:r.recentCapturesMeta,children:[i("uiStudio.storage.snapshotCount","화면 캡처")," ",$(i,w.length)]})]}),!l&&w.length>0&&t.jsxs("div",{className:r.captureSelectionActions,children:[t.jsx(f,{text:i("uiStudio.gallery.selectAll.tooltip","Select every visible capture at once."),children:t.jsx("button",{className:r.selectionBarBtn,onClick:()=>E(L),type:"button",children:i("uiStudio.gallery.selectAll","모두 선택")})}),y.size>0&&t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:r.selectionToolbarCount,children:[y.size,i("uiStudio.gallery.selection.selectedCount"," selected")]}),t.jsx(f,{text:i("uiStudio.gallery.clearSelection.tooltip","Clear the current selection."),children:t.jsx("button",{className:r.selectionBarBtn,onClick:I,type:"button",children:i("uiStudio.gallery.clearSelection","선택 해제")})}),t.jsx(f,{text:i("uiStudio.gallery.deleteSelected.tooltip","Delete only the selected capture files. The actual UI in Roblox Studio is not affected."),children:t.jsx("button",{className:`${r.selectionBarBtn} ${r.selectionBarBtnDanger}`,onClick:()=>b(!0),type:"button",children:i("common.delete","삭제")})})]})]})]}),t.jsx("div",{className:r.grid,children:w.map(x=>t.jsx(ya,{snapshot:x,placeId:D,onClick:G=>T(x.snapshot_id,G),imageUrlOverride:l?te:void 0,selectable:!l,selected:y.has(x.snapshot_id),onToggleSelect:B},x.snapshot_id))})]})]})]}),n&&t.jsx("div",{className:r.analysisDetailPopupLayer,"data-testid":"analysis-detail-popup-layer",onClick:P,role:"presentation",children:t.jsx("section",{ref:s,className:r.analysisDetailDialog,role:"dialog","aria-modal":"true","aria-label":i("uiStudio.analysis.detailDialog","Analysis detail"),tabIndex:-1,onClick:x=>x.stopPropagation(),children:t.jsx(ka,{snapshotId:n,placeId:D,onClose:P,sampleDetail:l&&n===Be?(N==null?void 0:N.detail)??null:null,tier:e,onActionDone:l?void 0:o.refresh})})})]}),v&&t.jsx(oe,{title:i("uiStudio.confirm.deleteBatchTitle","화면 캡처 일괄 삭제"),message:i("uiStudio.confirm.deleteBatchMessage",`선택한 ${y.size}개의 화면 캡처를 삭제합니다. 이 작업은 되돌릴 수 없습니다.`),danger:!0,confirmLabel:i("common.delete","삭제"),onConfirm:R,onClose:()=>b(!1)}),d&&t.jsx(we,{onClose:()=>_(!1)})]})}function re(e,i){return i==="needsFix"||i==="review"?e("uiStudio.analysis.verdict.hasSuggestions","개선 제안 있음"):e("uiStudio.analysis.verdict.passed","현재 개선 제안 없음")}function za(e,i){return((i==null?void 0:i.priority_high)??0)>0||((i==null?void 0:i.priority_medium)??0)>0||((i==null?void 0:i.priority_low)??0)>0?se(e,i):e("uiStudio.analysis.issueSummary.passed","현재 검토 기준에서 추가 개선 제안은 없습니다.")}function qa({report:e,placeId:i,imageUrlOverride:a,expanded:l,onPrimaryClick:o,onChildClick:s}){const{t:n}=A(),p=e.latest,d=a??Ie(p.snapshot_id,i),_=new Date(p.captured_at*1e3).toLocaleString(),m=re(n,e.verdict),h=e.children.length>1;return t.jsxs("div",{className:r.analysisReportGroup,children:[t.jsxs("button",{className:r.analysisReportCard,"aria-expanded":h?l:void 0,"aria-label":`${e.key} ${h?n("uiStudio.analysis.expandChildren","하위 대상 보기"):n("uiStudio.analysis.openDetail","상세 보기")}`,onClick:y=>o(y.currentTarget),type:"button",children:[t.jsx("img",{className:r.analysisReportThumb,src:d,alt:p.snapshot_id,loading:"lazy"}),t.jsxs("div",{className:r.analysisReportBody,children:[t.jsxs("div",{className:r.analysisReportTopline,children:[t.jsx(f,{text:e.verdict==="passed"?n("uiStudio.analysis.verdict.passed.tooltip","No improvements suggested under the current review thresholds."):n("uiStudio.analysis.verdict.hasSuggestions.tooltip","Some improvements were found in this UI. Click the card for details."),children:t.jsx("span",{className:`${r.analysisVerdict} ${r[`analysisVerdict_${e.verdict}`]??""}`,children:m})}),t.jsx(f,{text:n("uiStudio.analysis.counts.tooltip","Shows how many suggestions are marked review first, recommended, or optional."),children:t.jsx("span",{className:r.analysisReportCounts,children:se(n,e.summary)})})]}),t.jsx("div",{className:r.analysisReportTarget,children:e.key}),t.jsx("div",{className:r.analysisReportIssue,children:za(n,e.summary)}),t.jsxs("div",{className:r.analysisReportMeta,children:[_," ·"," ",t.jsx(f,{text:n("uiStudio.analysis.thresholds.tooltip","The threshold set used for this review (default or custom)."),children:t.jsx("span",{children:n("uiStudio.analysis.thresholds","검토 기준")})}),": ",p.thresholds_source,e.snapshotCount>1?` · ${n("uiStudio.analysis.captureLabel","캡처")} ${$(n,e.snapshotCount)}`:"",h?` · ${n("uiStudio.analysis.childTargets","하위 대상")} ${$(n,e.children.length)}`:""]})]})]}),h&&l&&t.jsx("div",{className:r.analysisChildList,children:e.children.map(y=>t.jsxs("button",{className:r.analysisChildRow,onClick:S=>s(y.latest.snapshot_id,S.currentTarget),type:"button",children:[t.jsx("span",{className:r.analysisChildPath,children:y.key}),t.jsx("span",{className:r.analysisChildSummary,children:se(n,y.latest.design_check_summary)}),t.jsx("span",{className:r.analysisChildDetailHint,children:n("uiStudio.analysis.childDetailHint","하위 대상 상세 보기")})]},y.key))})]})}function Va(e,i,a=1e4){const[l,o]=u.useState(null),[s,n]=u.useState(!0),[p,d]=u.useState(null),_=JSON.stringify(i),m=u.useCallback(async()=>{try{const h=await ce(e,i);o(h),d(null)}catch(h){d(h.message)}finally{n(!1)}},[e,_]);return u.useEffect(()=>{let h=!0;const y=async()=>{try{const v=await ce(e,i);h&&(o(v),d(null))}catch(v){h&&d(v.message)}finally{h&&n(!1)}};y();const S=setInterval(()=>{y()},a);return()=>{h=!1,clearInterval(S)}},[e,_,a]),{data:l,loading:s,error:p,refresh:m}}const Wa="_filterBar_1nnge_4",Ka="_filterGroup_1nnge_14",Qa="_filterLabel_1nnge_21",Ya="_filterCheckbox_1nnge_28",Ja="_segmentGroup_1nnge_45",Xa="_segmentBtn_1nnge_55",Za="_segmentBtnActive_1nnge_73",es="_filterInput_1nnge_79",ts="_filterResetBtn_1nnge_95",is="_requestRow_1nnge_114",as="_requestRowMain_1nnge_127",ss="_requestDetailToggle_1nnge_134",rs="_thumbPair_1nnge_156",ns="_thumbPairButton_1nnge_164",os="_thumbSlot_1nnge_179",ls="_thumbImg_1nnge_204",cs="_thumbPlaceholder_1nnge_211",ds="_thumbArrow_1nnge_219",us="_extraPathsBadge_1nnge_225",hs="_requestMeta_1nnge_239",ps="_requestLabel_1nnge_247",gs="_requestTime_1nnge_256",ms="_requestStats_1nnge_261",_s="_statDot_1nnge_269",ys="_summaryPill_1nnge_273",fs="_requestActions_1nnge_278",xs="_expandHint_1nnge_285",Ss="_mutationsArea_1nnge_298",js="_mutLoading_1nnge_307",ws="_mutEmpty_1nnge_308",vs="_mutError_1nnge_314",bs="_mutationRow_1nnge_320",Cs="_mutationLine_1nnge_330",Is="_mutTs_1nnge_337",Ns="_mutCommand_1nnge_343",Ps="_mutPath_1nnge_349",ks="_mutDiff_1nnge_359",Ts="_mutErr_1nnge_314",Bs="_changeDetails_1nnge_374",Ds="_changeDetailRow_1nnge_382",Gs="_changeDetailRowNoBefore_1nnge_391",Ms="_changeDetailBadge_1nnge_395",As="_changeDetail_text_1nnge_412",Rs="_changeDetail_color_1nnge_417",Ls="_changeDetail_size_1nnge_422",$s="_changeDetail_layout_1nnge_427",Es="_changeDetail_state_1nnge_432",Hs="_changeDetail_asset_1nnge_437",Os="_changeDetail_property_1nnge_442",Us="_changeDetailProperty_1nnge_446",Fs="_changeDetailArrow_1nnge_454",zs="_changeDetailOldValue_1nnge_460",qs="_changeDetailNewValue_1nnge_461",Vs="_compareDialogLayer_1nnge_479",Ws="_compareDialog_1nnge_479",Ks="_beforeAfterDrawer_1nnge_510",Qs="_drawerHeader_1nnge_520",Ys="_drawerTitle_1nnge_529",Js="_drawerCloseBtn_1nnge_536",Xs="_drawerBody_1nnge_552",Zs="_pathTabs_1nnge_559",er="_pathTab_1nnge_559",tr="_pathTabActive_1nnge_588",ir="_comparePanel_1nnge_594",ar="_compareHalf_1nnge_604",sr="_compareLabel_1nnge_611",rr="_compareImg_1nnge_622",nr="_comparePlaceholder_1nnge_630",or="_compareDetailsPanel_1nnge_642",lr="_compareDetailsHeader_1nnge_651",cr="_drawerFooter_1nnge_669",dr="_drawerActionBtn_1nnge_677",ur="_historyTabWrap_1nnge_695",hr="_historyWorkspace_1nnge_701",pr="_historyMainColumn_1nnge_706",gr="_requestList_1nnge_710",mr="_emptyHistory_1nnge_715",_r="_historyError_1nnge_722",yr="_historyLoading_1nnge_728",fr="_listHeader_1nnge_736",xr="_listHeaderTitle_1nnge_745",Sr="_clearBtn_1nnge_752",jr="_deleteErrBanner_1nnge_771",c={filterBar:Wa,filterGroup:Ka,filterLabel:Qa,filterCheckbox:Ya,segmentGroup:Ja,segmentBtn:Xa,segmentBtnActive:Za,filterInput:es,filterResetBtn:ts,requestRow:is,requestRowMain:as,requestDetailToggle:ss,thumbPair:rs,thumbPairButton:ns,thumbSlot:os,thumbImg:ls,thumbPlaceholder:cs,thumbArrow:ds,extraPathsBadge:us,requestMeta:hs,requestLabel:ps,requestTime:gs,requestStats:ms,statDot:_s,summaryPill:ys,requestActions:fs,expandHint:xs,mutationsArea:Ss,mutLoading:js,mutEmpty:ws,mutError:vs,mutationRow:bs,mutationLine:Cs,mutTs:Is,mutCommand:Ns,mutPath:Ps,mutDiff:ks,mutErr:Ts,changeDetails:Bs,changeDetailRow:Ds,changeDetailRowNoBefore:Gs,changeDetailBadge:Ms,changeDetail_text:As,changeDetail_color:Rs,changeDetail_size:Ls,changeDetail_layout:$s,changeDetail_state:Es,changeDetail_asset:Hs,changeDetail_property:Os,changeDetailProperty:Us,changeDetailArrow:Fs,changeDetailOldValue:zs,changeDetailNewValue:qs,compareDialogLayer:Vs,compareDialog:Ws,beforeAfterDrawer:Ks,drawerHeader:Qs,drawerTitle:Ys,drawerCloseBtn:Js,drawerBody:Xs,pathTabs:Zs,pathTab:er,pathTabActive:tr,comparePanel:ir,compareHalf:ar,compareLabel:sr,compareImg:rr,comparePlaceholder:nr,compareDetailsPanel:or,compareDetailsHeader:lr,drawerFooter:cr,drawerActionBtn:dr,historyTabWrap:ur,historyWorkspace:hr,historyMainColumn:pr,requestList:gr,emptyHistory:mr,historyError:_r,historyLoading:yr,listHeader:fr,listHeaderTitle:xr,clearBtn:Sr,deleteErrBanner:jr};function wr(e){try{return new Date(e).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}catch{return e}}function _e(e){return e==null?"nil":typeof e=="string"?`"${e}"`:typeof e=="object"?JSON.stringify(e):String(e)}function Ae({mutations:e,emptyLabel:i}){const{t:a}=A();return e.length===0?t.jsx("div",{className:c.mutEmpty,children:i??a("uiStudio.history.row.mutationsEmpty","No change details")}):t.jsx(t.Fragment,{children:e.map(l=>t.jsx(vr,{mutation:l},l.mutationId))})}function vr({mutation:e}){return t.jsxs("div",{className:c.mutationRow,children:[t.jsxs("div",{className:c.mutationLine,children:[t.jsx("span",{className:c.mutTs,children:wr(e.ts)}),t.jsx("span",{className:c.mutCommand,children:e.command}),e.targetPath&&t.jsx("span",{className:c.mutPath,children:e.targetPath}),e.diffSummary&&t.jsx("span",{className:c.mutDiff,children:e.diffSummary})]}),e.changeDetails&&e.changeDetails.length>0&&t.jsx("div",{className:c.changeDetails,children:e.changeDetails.map(i=>t.jsx(br,{detail:i},`${i.property}:${i.category}`))}),!e.ok&&e.error&&t.jsx("span",{className:c.mutErr,children:e.error})]})}function br({detail:e}){const i=Object.prototype.hasOwnProperty.call(e,"before");return t.jsxs("div",{className:`${c.changeDetailRow} ${i?"":c.changeDetailRowNoBefore}`,children:[t.jsx("span",{className:`${c.changeDetailBadge} ${c[`changeDetail_${e.category}`]??""}`,children:e.label}),t.jsx("span",{className:c.changeDetailProperty,children:e.property}),i&&t.jsx("span",{className:c.changeDetailOldValue,children:_e(e.before)}),t.jsx("span",{className:c.changeDetailArrow,children:"→"}),t.jsx("span",{className:c.changeDetailNewValue,children:_e(e.after)})]})}function ye(e,i){return`${q}/api/ui-studio/snapshots/${encodeURIComponent(e)}/image?placeId=${i}`}function Cr(e){try{return new Date(e).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}catch{return e}}function Ir(e){if(!e)return null;const i=e.split(/[./]/).filter(l=>l.length>0);if(i.length===0)return null;const a=i.findIndex(l=>l==="StarterGui");return a>=0&&i[a+1]?i[a+1]:i[i.length-1]??null}function X(e,i){if(i.label)return i.label;const a=Ir(i.affectedPaths[0]);if(a){const l=i.mutationCount===1?"uiStudio.history.row.pathLabelOne":"uiStudio.history.row.pathLabelMany",o=i.mutationCount===1?"{path} · {n} change detail":"{path} · {n} change details";return e(l,o).replace("{path}",a).replace("{n}",String(i.mutationCount))}return e("uiStudio.history.row.toolLabel","UI changes ({n})").replace("{n}",String(i.mutationCount))}function Z(e,i){return`${i}${e("uiStudio.storage.countSuffix","")}`}function Nr(e,i){if(!i)return null;const a=[i.style_family,i.layout_family,i.device_policy,i.safe_area_policy].filter(l=>typeof l=="string"&&l.length>0);return a.length===0?null:`${e("uiStudio.history.row.qualityPlan","Design direction")}: ${a.join(" · ")}`}function Pr(e,i){if(!i)return null;if(i.source==="unavailable")return e("uiStudio.history.row.designCheckUnavailable","Suggestions: unavailable");if(i.total===0)return e("uiStudio.history.row.designCheckNone","Suggestions: none");const a=`${e("uiStudio.priorityHigh","Priority")} ${Z(e,i.priority_high)}`,l=`${e("uiStudio.priorityMedium","Recommended")} ${Z(e,i.priority_medium)}`,o=`${e("uiStudio.priorityLow","Optional")} ${Z(e,i.priority_low)}`;return`${e("uiStudio.history.row.designCheck","Suggestions")}: ${a} · ${l} · ${o}`}function Re({req:e,placeId:i,onOpenCompare:a,imageUrlOverride:l,sampleMutations:o}){const{t:s}=A(),[n,p]=u.useState(!1),[d,_]=u.useState(null),[m,h]=u.useState(!1),[y,S]=u.useState(null),v=l!=null,b=e.affectedPaths[0]??null,T=e.affectedPaths.length-1,P=b?e.beforeSnapshots[b]??null:null,g=b?e.afterSnapshots[b]??null:null,N=P?v?l:ye(P,i):null,C=g?v?l:ye(g,i):null,j=Nr(s,e.qualityPlanSummary),B=Pr(s,e.postChangeDesignCheckSummary),E=async()=>{if(!n&&d===null)if(v&&o!=null)_(o);else{h(!0),S(null);try{const I=await ve(i,e.requestId);_(I.mutations)}catch(I){S(I.message)}finally{h(!1)}}p(I=>!I)};return t.jsxs("div",{className:c.requestRow,children:[t.jsxs("div",{className:c.requestRowMain,children:[t.jsx(f,{text:s("uiStudio.history.row.compare.tooltip","Compare the before and after screens. Click to open the full comparison view."),children:t.jsxs("button",{className:`${c.thumbPair} ${c.thumbPairButton}`,onClick:I=>a(I.currentTarget),disabled:!b,"aria-label":`${X(s,e)} ${s("uiStudio.history.row.compare","Before / After")}`,type:"button",children:[t.jsx("div",{className:c.thumbSlot,children:N?t.jsx("img",{className:c.thumbImg,src:N,alt:"before",loading:"lazy"}):t.jsx(f,{text:s("uiStudio.history.row.noBeforeState.tooltip","No capture saved before this change."),children:t.jsx("span",{className:c.thumbPlaceholder,children:s("uiStudio.history.row.noBeforeState","이전 없음")})})}),t.jsx("span",{className:c.thumbArrow,children:"→"}),t.jsx("div",{className:c.thumbSlot,children:C?t.jsx("img",{className:c.thumbImg,src:C,alt:"after",loading:"lazy"}):t.jsx(f,{text:s("uiStudio.history.row.noAfterState.tooltip","No capture saved after this change."),children:t.jsx("span",{className:c.thumbPlaceholder,children:s("uiStudio.history.row.noAfterState","이후 없음")})})}),T>0&&t.jsx(f,{text:s("uiStudio.history.row.extraPaths.tooltip","Number of additional UIs changed in this action."),children:t.jsxs("span",{className:c.extraPathsBadge,children:["+",T]})})]})}),t.jsxs("button",{className:c.requestDetailToggle,type:"button","aria-expanded":n,"aria-label":`${X(s,e)} ${s("uiStudio.history.row.toggleDetails","Toggle change details")}`,onClick:()=>void E(),children:[t.jsxs("span",{className:c.requestMeta,children:[t.jsx("span",{className:c.requestLabel,children:X(s,e)}),t.jsx("span",{className:c.requestTime,children:Cr(e.startedAt)}),t.jsxs("span",{className:c.requestStats,children:[t.jsx(f,{text:s("uiStudio.history.row.affectedPaths.tooltip","Number of UIs affected by this action."),children:t.jsxs("span",{children:[s("uiStudio.history.row.affectedPaths","Paths")," ",e.affectedPaths.length,s("uiStudio.storage.countSuffix","")]})}),t.jsx("span",{className:c.statDot,children:"·"}),t.jsx(f,{text:s("uiStudio.history.row.mutations.tooltip","Number of detailed changes (e.g., property edits)."),children:t.jsxs("span",{children:[s("uiStudio.history.row.mutations","Change details")," ",e.mutationCount,s("uiStudio.storage.countSuffix","")]})}),j&&t.jsxs(t.Fragment,{children:[t.jsx("span",{className:c.statDot,children:"·"}),t.jsx(f,{text:s("uiStudio.history.row.qualityPlan.tooltip","Brief design direction used for this change."),children:t.jsx("span",{className:c.summaryPill,children:j})})]}),B&&t.jsxs(t.Fragment,{children:[t.jsx("span",{className:c.statDot,children:"·"}),t.jsx(f,{text:s("uiStudio.history.row.designCheck.tooltip","Post-change Design Check suggestion summary."),children:t.jsx("span",{className:c.summaryPill,children:B})})]})]})]}),t.jsx("span",{className:c.requestActions,children:t.jsx(f,{text:s("uiStudio.history.row.toggleDetails.tooltip","Show or hide a per-line breakdown of what changed."),children:t.jsx("span",{className:c.expandHint,children:n?s("uiStudio.history.row.collapseDetails","Hide change details"):s("uiStudio.history.row.expandDetails","Show {n} change details").replace("{n}",String(e.mutationCount))})})})]})]}),n&&t.jsxs("div",{className:c.mutationsArea,children:[m&&t.jsx("div",{className:c.mutLoading,children:s("uiStudio.history.loading","로딩 중...")}),y&&t.jsx("div",{className:c.mutError,children:y}),d&&t.jsx(Ae,{mutations:d,emptyLabel:s("uiStudio.history.row.mutationsEmpty","No change details")})]})]})}function fe(e,i){return`${q}/api/ui-studio/snapshots/${encodeURIComponent(e)}/image?placeId=${i}`}function Le({requestId:e,placeId:i,onClose:a,imageUrlOverride:l,sampleDetail:o}){const{t:s}=A(),n=u.useRef(null),p=o!=null,[d,_]=u.useState(p?o:null),[m,h]=u.useState(!p),[y,S]=u.useState(null),[v,b]=u.useState(p&&o.affectedPaths.length>0?o.affectedPaths[0]:null);u.useEffect(()=>{var j;(j=n.current)==null||j.focus()},[]),u.useEffect(()=>{const j=B=>{B.key==="Escape"&&(B.preventDefault(),a())};return document.addEventListener("keydown",j),()=>{document.removeEventListener("keydown",j)}},[a]),u.useEffect(()=>{if(p)return;let j=!0;return h(!0),S(null),ve(i,e).then(B=>{j&&(_(B),B.affectedPaths.length>0&&b(B.affectedPaths[0]))}).catch(B=>{j&&S(B.message)}).finally(()=>{j&&h(!1)}),()=>{j=!1}},[e,i,p]);const T=v&&d?d.beforeSnapshots[v]??null:null,P=v&&d?d.afterSnapshots[v]??null:null,g=T?l??fe(T,i):null,N=P?l??fe(P,i):null,C=s("uiStudio.history.row.compare","전후 비교");return t.jsx("div",{className:c.compareDialogLayer,"data-testid":"history-compare-dialog-layer",onClick:a,role:"presentation",children:t.jsx("section",{ref:n,className:c.compareDialog,role:"dialog","aria-modal":"true","aria-label":C,tabIndex:-1,onClick:j=>j.stopPropagation(),children:t.jsxs("div",{className:c.beforeAfterDrawer,children:[t.jsxs("div",{className:c.drawerHeader,children:[t.jsx("h2",{className:c.drawerTitle,children:C}),t.jsx("button",{className:c.drawerCloseBtn,onClick:a,type:"button",children:s("uiStudio.history.drawer.close","닫기")})]}),m&&t.jsx("div",{className:c.drawerBody,children:s("uiStudio.history.loading","로딩 중...")}),y&&t.jsx("div",{className:c.drawerBody,children:t.jsx("span",{className:c.mutErr,children:y})}),!m&&!y&&d&&t.jsxs(t.Fragment,{children:[d.affectedPaths.length>0&&t.jsx("div",{className:c.pathTabs,role:"tablist",children:d.affectedPaths.map(j=>t.jsx(f,{text:`${s("uiStudio.compare.path.tooltip","The UI instance path for this screen.")} ${j}`,children:t.jsx("button",{role:"tab","aria-selected":v===j,className:`${c.pathTab} ${v===j?c.pathTabActive:""}`,onClick:()=>b(j),type:"button",children:j.split("/").pop()??j})},j))}),t.jsxs("div",{className:c.comparePanel,children:[t.jsxs("div",{className:c.compareHalf,children:[t.jsx(f,{text:s("uiStudio.compare.before.tooltip","The screen saved just before AI made the change."),children:t.jsx("div",{className:c.compareLabel,children:"Before"})}),g?t.jsx("img",{className:c.compareImg,src:g,alt:"before"}):t.jsx("div",{className:c.comparePlaceholder,children:s("uiStudio.history.row.noBeforeState","이전 상태 없음")})]}),t.jsxs("div",{className:c.compareHalf,children:[t.jsx(f,{text:s("uiStudio.compare.after.tooltip","The screen saved just after AI made the change."),children:t.jsx("div",{className:c.compareLabel,children:"After"})}),N?t.jsx("img",{className:c.compareImg,src:N,alt:"after"}):t.jsx("div",{className:c.comparePlaceholder,children:s("uiStudio.history.row.noAfterState","이후 상태 없음")})]})]}),t.jsxs("section",{className:c.compareDetailsPanel,children:[t.jsx("div",{className:c.compareDetailsHeader,children:s("uiStudio.history.drawer.changeDetails","Change details")}),t.jsx(Ae,{mutations:d.mutations,emptyLabel:s("uiStudio.history.row.mutationsEmpty","No change details")})]})]}),t.jsx("div",{className:c.drawerFooter,children:t.jsx("button",{className:c.drawerActionBtn,onClick:a,type:"button",children:s("uiStudio.history.drawer.close","닫기")})})]})})})}function z(e){const i=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0),a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),23,59,59,999);return{start:i,end:a}}function xe(e,i){const a=e.split("-").map(Number);if(a.length!==3||a.some(n=>Number.isNaN(n)))return;const[l,o,s]=a;return new Date(l,o-1,s,i?23:0,i?59:0,i?59:0,i?999:0).toISOString()}function kr(e){const i={limit:50};if(e.action!=="all"&&(i.action=e.action),e.datePreset==="custom"){const a=e.from?xe(e.from,!1):void 0,l=e.to?xe(e.to,!0):void 0;a&&(i.from=a),l&&(i.to=l)}else if(e.datePreset!=="all"){const a=new Date;if(e.datePreset==="today"){const{start:l,end:o}=z(a);i.from=l.toISOString(),i.to=o.toISOString()}else if(e.datePreset==="yesterday"){const l=new Date(a);l.setDate(l.getDate()-1);const{start:o,end:s}=z(l);i.from=o.toISOString(),i.to=s.toISOString()}else{const l=e.datePreset==="7d"?6:29,o=new Date(a);o.setDate(o.getDate()-l);const{start:s}=z(o),{end:n}=z(a);i.from=s.toISOString(),i.to=n.toISOString()}}return i}function $e(){return{action:"all",datePreset:"all"}}function Tr(){const{t:e}=A(),{trackEvent:i}=H(),a=Ve(e),[l,o]=u.useState(!1),[s,n]=u.useState(null),p=s?a.requests.find(m=>m.requestId===s)??null:null,d=u.useCallback((m,h)=>{n(m)},[]),_=u.useCallback(()=>{n(null)},[]);return t.jsxs("div",{className:c.historyTabWrap,children:[t.jsxs("div",{className:r.sampleBanner,children:[t.jsxs("div",{className:r.sampleBannerRow,children:[t.jsxs("div",{className:r.sampleBannerMain,children:[t.jsx("div",{className:r.sampleBadge,children:e("uiStudio.history.sample.bannerBadge","Preview of the Pro change history")}),t.jsx("div",{className:r.sampleTitle,children:e("uiStudio.history.sample.bannerTitle","You are previewing the UI change history that unlocks after upgrading to Pro.")}),t.jsx("div",{className:r.sampleMessage,children:e("uiStudio.history.sample.bannerMessage","This preview uses sample data. Real change history, before/after comparison, and batch delete unlock with Pro.")})]}),t.jsxs("div",{className:r.sampleActions,children:[t.jsx("button",{className:r.secondaryAction,onClick:()=>{i("dashboard_click_event",{click_target:"tier_compare",placement:"ui_studio_history_banner",page:"ui-studio",tab:"ui_studio_history"}),o(!0)},type:"button",children:e("tier.compare","Basic vs Pro")}),t.jsx("a",{className:r.primaryAction,href:Se.uiStudio,target:"_blank",rel:"noreferrer",title:e("uiStudio.history.sample.tooltip","Upgrade to Pro to unlock full history"),onClick:()=>i("dashboard_click_event",{click_target:"upgrade_cta",placement:"ui_studio_history_banner",page:"ui-studio",tab:"ui_studio_history"}),children:e("tier.upgrade","Upgrade to Pro")})]})]}),t.jsx(je,{variant:"centered"})]}),t.jsxs("div",{className:c.historyWorkspace,"data-compare-open":s?"true":"false",children:[t.jsxs("div",{className:c.historyMainColumn,"data-testid":"history-main-column",children:[t.jsx("div",{className:c.listHeader,children:t.jsx("h2",{className:c.listHeaderTitle,children:t.jsx(M,{label:e("uiStudio.history.title","변경 이력"),tooltip:e("uiStudio.history.title.tooltip","A timeline of every UI change made by AI.")})})}),t.jsx("div",{className:c.requestList,children:a.requests.map(m=>t.jsx(Re,{req:m,placeId:0,onOpenCompare:h=>d(m.requestId,h),imageUrlOverride:de,sampleMutations:a.mutationsByRequest[m.requestId]},m.requestId))})]}),s&&p&&t.jsx(Le,{requestId:s,placeId:0,onClose:_,imageUrlOverride:de,sampleDetail:{...p,mutations:a.mutationsByRequest[p.requestId]??[]}})]}),l&&t.jsx(we,{onClose:()=>o(!1)})]})}function Br({filter:e,onChange:i}){const{t:a}=A(),l=[{value:"all",label:a("uiStudio.history.filter.actionAll","All"),tooltip:a("uiStudio.history.filter.actionAll.tooltip","Show every kind of action.")},{value:"create_tree",label:a("uiStudio.history.filter.actionCreate","Create"),tooltip:a("uiStudio.history.filter.actionCreate.tooltip","Show only actions that created a new UI.")},{value:"update",label:a("uiStudio.history.filter.actionUpdate","Update"),tooltip:a("uiStudio.history.filter.actionUpdate.tooltip","Show only actions that updated an existing UI.")},{value:"delete",label:a("uiStudio.history.filter.actionDelete","Delete"),tooltip:a("uiStudio.history.filter.actionDelete.tooltip","Show only actions that deleted a UI.")}],o=[{value:"all",label:a("uiStudio.history.filter.dateAll","All"),tooltip:a("uiStudio.history.filter.dateAll.tooltip","Show the full history.")},{value:"today",label:a("uiStudio.history.filter.today","Today"),tooltip:a("uiStudio.history.filter.today.tooltip","Show only changes from today.")},{value:"yesterday",label:a("uiStudio.history.filter.yesterday","Yesterday"),tooltip:a("uiStudio.history.filter.yesterday.tooltip","Show only changes from yesterday.")},{value:"7d",label:a("uiStudio.history.filter.last7Days","Last 7 days"),tooltip:a("uiStudio.history.filter.last7Days.tooltip","Show changes from the last 7 days.")},{value:"30d",label:a("uiStudio.history.filter.last30Days","Last 30 days"),tooltip:a("uiStudio.history.filter.last30Days.tooltip","Show changes from the last 30 days.")},{value:"custom",label:a("uiStudio.history.filter.customRange","Custom range"),tooltip:a("uiStudio.history.filter.customRange.tooltip","Pick a custom start and end date.")}];return t.jsxs("div",{className:c.filterBar,children:[t.jsxs("div",{className:c.filterGroup,children:[t.jsx("span",{className:c.filterLabel,children:t.jsx(M,{label:a("uiStudio.history.filter.actions","작업 유형"),tooltip:a("uiStudio.history.filter.actions.tooltip","Filter records by the kind of change AI made.")})}),t.jsx("div",{className:c.segmentGroup,children:l.map(s=>t.jsx(f,{text:s.tooltip,children:t.jsx("button",{className:`${c.segmentBtn} ${e.action===s.value?c.segmentBtnActive:""}`,onClick:()=>i({...e,action:s.value}),"aria-pressed":e.action===s.value,type:"button",children:s.label})},s.value))})]}),t.jsxs("div",{className:c.filterGroup,children:[t.jsx("span",{className:c.filterLabel,children:t.jsx(M,{label:a("uiStudio.history.filter.period","Period"),tooltip:a("uiStudio.history.filter.period.tooltip","Filter records by time range.")})}),t.jsx("div",{className:c.segmentGroup,children:o.map(s=>t.jsx(f,{text:s.tooltip,children:t.jsx("button",{className:`${c.segmentBtn} ${e.datePreset===s.value?c.segmentBtnActive:""}`,onClick:()=>i({...e,datePreset:s.value,from:s.value==="custom"?e.from:void 0,to:s.value==="custom"?e.to:void 0}),"aria-pressed":e.datePreset===s.value,type:"button",children:s.label})},s.value))})]}),e.datePreset==="custom"&&t.jsxs("div",{className:c.filterGroup,children:[t.jsx("label",{className:c.filterLabel,htmlFor:"ui-history-from-date",children:t.jsx(M,{label:a("uiStudio.history.filter.from","시작일"),tooltip:a("uiStudio.history.filter.from.tooltip","Start date for the query.")})}),t.jsx("input",{id:"ui-history-from-date",type:"date",className:c.filterInput,value:e.from??"",onChange:s=>i({...e,from:s.target.value||void 0})}),t.jsx("label",{className:c.filterLabel,htmlFor:"ui-history-to-date",children:t.jsx(M,{label:a("uiStudio.history.filter.to","종료일"),tooltip:a("uiStudio.history.filter.to.tooltip","End date for the query.")})}),t.jsx("input",{id:"ui-history-to-date",type:"date",className:c.filterInput,value:e.to??"",onChange:s=>i({...e,to:s.target.value||void 0})})]}),t.jsx(f,{text:a("uiStudio.history.filter.reset.tooltip","Reset all filters to defaults."),children:t.jsx("button",{className:c.filterResetBtn,onClick:()=>i($e()),type:"button",children:a("uiStudio.history.filter.reset","Reset")})})]})}function Dr(){var E;const{t:e}=A(),{trackEvent:i}=H(),a=Ne(1),l=((E=a.data)==null?void 0:E.placeId)??0,[o,s]=u.useState($e),{data:n,loading:p,error:d,refresh:_}=Va(l,kr(o)),[m,h]=u.useState(null),[y,S]=u.useState(!1),[v,b]=u.useState(!1),[T,P]=u.useState(null),g=async()=>{P(null);try{await We(l,{all:!0,alsoSnapshots:v}),await _(),S(!1)}catch(I){throw P(I.message),I}},N=(n==null?void 0:n.requests)??[],C=ie(a.error)||ie(d),j=u.useCallback((I,R)=>{i("dashboard_click_event",{click_target:"ui_studio_compare_before_after",page:"ui-studio",tab:"ui_studio_history"}),h(I)},[i]),B=u.useCallback(()=>{h(null)},[]);return t.jsxs("div",{className:c.historyTabWrap,children:[C?t.jsx(De,{}):t.jsxs("div",{className:c.historyWorkspace,"data-compare-open":m?"true":"false",children:[t.jsxs("div",{className:c.historyMainColumn,"data-testid":"history-main-column",children:[t.jsx(Br,{filter:o,onChange:s}),t.jsxs("div",{className:c.listHeader,children:[t.jsx("h2",{className:c.listHeaderTitle,children:t.jsx(M,{label:e("uiStudio.history.title","변경 이력"),tooltip:e("uiStudio.history.title.tooltip","A timeline of every UI change made by AI.")})}),N.length>0&&t.jsx(f,{text:e("uiStudio.history.clear.tooltip","Delete every change record for this project. The actual UI in Roblox Studio is not affected."),children:t.jsx("button",{className:c.clearBtn,onClick:()=>{i("dashboard_click_event",{click_target:"ui_studio_clear_history",page:"ui-studio",tab:"ui_studio_history"}),S(!0)},type:"button",children:e("uiStudio.history.clear","Clear")})})]}),p&&t.jsx("div",{className:c.historyLoading,children:e("uiStudio.history.loading","로딩 중...")}),!p&&d&&t.jsxs("div",{className:c.historyError,children:[e("uiStudio.history.error","오류"),": ",d]}),!p&&!d&&N.length===0&&t.jsx("div",{className:c.emptyHistory,children:e("uiStudio.history.empty","아직 변경 이력이 없습니다. AI 에이전트가 manage_ui 로 UI 를 수정하면 자동으로 기록됩니다.")}),!p&&N.length>0&&t.jsx("div",{className:c.requestList,children:N.map(I=>t.jsx(Re,{req:I,placeId:l,onOpenCompare:R=>j(I.requestId,R)},I.requestId))}),T&&t.jsx("div",{className:c.deleteErrBanner,children:T})]}),m&&t.jsx(Le,{requestId:m,placeId:l,onClose:B})]}),y&&t.jsx(oe,{title:e("uiStudio.history.confirm.clearRequestsTitle","변경 이력 삭제"),message:e("uiStudio.history.confirm.clearRequestsMessage","현재 place의 변경 이력을 삭제합니다. Studio 인스턴스에는 영향을 주지 않습니다."),danger:!0,cascadeOption:{label:e("uiStudio.history.confirm.cascadeOption","연결된 화면 캡처도 함께 삭제"),checked:v,onChange:b},confirmLabel:e("common.delete","삭제"),onConfirm:g,onClose:()=>S(!1)})]})}function Gr({tier:e}){return e==="basic"?t.jsx(Tr,{}):t.jsx(Dr,{})}const Mr=["analysis","history"];function Or(){const{t:e}=A(),{trackEvent:i}=H(),{tier:a,loading:l}=Oe(),[o,s]=Ue(),n=o.get("tab"),p=n&&Mr.includes(n)?n:"analysis",d=m=>{i("dashboard_click_event",{click_target:m==="analysis"?"ui_studio_tab_analysis":"ui_studio_tab_history",page:"ui-studio",tab:m==="analysis"?"ui_studio_analysis":"ui_studio_history"}),s(h=>{const y=new URLSearchParams(h);return y.set("tab",m),y})},_=[{key:"analysis",label:t.jsx(f,{text:e("uiStudio.tabs.analysis.tooltip","Browse AI-captured UI screens and quickly find which UIs need improvement."),children:e("uiStudio.tabs.analysis","Analysis")})},{key:"history",label:t.jsx(f,{text:e("uiStudio.tabs.history.tooltip","Every UI change AI made, in order. Compare before and after screens."),children:e("uiStudio.tabs.history","History")})}];return t.jsxs("div",{className:r.page,children:[t.jsx(Ke,{items:_,value:p,onChange:d}),l?t.jsx("div",{className:r.emptyState,children:e("uiStudio.loading","Loading...")}):p==="analysis"?t.jsx(Fa,{tier:a}):t.jsx(Gr,{tier:a})]})}export{Or as Component};
|