@weppy/roblox-mcp 2.17.21 → 2.17.22
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/CHANGELOG.md +6 -0
- package/dashboard/dist/assets/AiPromptExamples-CQGYhsSq.js +1 -0
- package/dashboard/dist/assets/{AssetsPage-BiFlajKz.js → AssetsPage-tnh7G0oI.js} +1 -1
- package/dashboard/dist/assets/{ChangelogPage-CZ4M3zvA.js → ChangelogPage-niZk_9S5.js} +1 -1
- package/dashboard/dist/assets/{ConfirmModal-EJt_S9vY.js → ConfirmModal-BSuAB3WU.js} +1 -1
- package/dashboard/dist/assets/{ConnectionPage-n7saIQzt.js → ConnectionPage-4Bu7ELYr.js} +1 -1
- package/dashboard/dist/assets/{ContentScopedDialog-BcNAWEg1.js → ContentScopedDialog-BZBRfU-h.js} +1 -1
- package/dashboard/dist/assets/{ControlsPage-BtjiFRSB.js → ControlsPage-CMQLZIv5.js} +1 -1
- package/dashboard/dist/assets/{DialogHeader-BMv5alOx.js → DialogHeader-DYe1ZbDg.js} +1 -1
- package/dashboard/dist/assets/{GameChangeDetail-BNoyNyoe.js → GameChangeDetail-C3zrRv4g.js} +1 -1
- package/dashboard/dist/assets/{InfoLabel-xpwjU19F.js → InfoLabel-C9QuVrs9.js} +1 -1
- package/dashboard/dist/assets/{OverviewPage-gmgRY2nN.js → OverviewPage-CI3l2Ay4.js} +1 -1
- package/dashboard/dist/assets/{PageHeader-C7zSPJ0K.js → PageHeader-plAaGWcw.js} +1 -1
- package/dashboard/dist/assets/{PlaceSelectOptions-e39l4_SC.js → PlaceSelectOptions-Bh6TVGoa.js} +1 -1
- package/dashboard/dist/assets/{PlaytestAiPromptExamples-DNcOx55_.js → PlaytestAiPromptExamples-CV1U6nF6.js} +1 -1
- package/dashboard/dist/assets/{PlaytestPage-C1cvi3ce.js → PlaytestPage-BgG_4l9a.js} +1 -1
- package/dashboard/dist/assets/SettingsPage-CKqiItPX.js +23 -0
- package/dashboard/dist/assets/{SyncPage-C1xj3Vtj.js → SyncPage-k_67oQ0S.js} +1 -1
- package/dashboard/dist/assets/{Tabs-CJSfllHd.js → Tabs-BDAljzT9.js} +1 -1
- package/dashboard/dist/assets/{TierPromoPanel-Cj3f7idb.js → TierPromoPanel-DUwTC3Zz.js} +1 -1
- package/dashboard/dist/assets/{ToolsPage-DxgcVWzx.js → ToolsPage-RoWl4i2b.js} +1 -1
- package/dashboard/dist/assets/{TooltipText-CKbtCUcM.js → TooltipText-Btgvmrqc.js} +1 -1
- package/dashboard/dist/assets/{UiStudioPage-DmWjv22S.css → UiStudioPage-SojeKPNs.css} +1 -1
- package/dashboard/dist/assets/UiStudioPage-Tbo30itW.js +23 -0
- package/dashboard/dist/assets/{WhatsNewPage-D91VijNf.js → WhatsNewPage-n-lW5_0g.js} +1 -1
- package/dashboard/dist/assets/{bot-DBgSRd9L.js → bot-Cw9-c1xX.js} +1 -1
- package/dashboard/dist/assets/{check-BGgW005M.js → check-D8GciAv-.js} +1 -1
- package/dashboard/dist/assets/{copy-B53fec-q.js → copy-CcmKRqlO.js} +1 -1
- package/dashboard/dist/assets/{index-B-46k2zD.js → index-CfT3smRY.js} +64 -32
- package/dashboard/dist/assets/{rotate-ccw-C68bQzOX.js → rotate-ccw-B9h7F-0m.js} +1 -1
- package/dashboard/dist/assets/{sample-requests-Cb8_d2yO.js → sample-requests-cbyN06Aw.js} +1 -1
- package/dashboard/dist/assets/{trash-2-DMaFDTK8.js → trash-2-ElF9PcCM.js} +1 -1
- package/dashboard/dist/assets/{useLiveUptime-Dd5RwIEz.js → useLiveUptime-CXdR7Bos.js} +1 -1
- package/dashboard/dist/assets/{useSettings-DpFpA827.js → useSettings-DhD_vaHX.js} +1 -1
- package/dashboard/dist/index.html +1 -1
- package/dist/index.js +165 -518
- package/package.json +1 -1
- package/roblox-plugin/WeppyRobloxMCP.rbxm +0 -0
- package/dashboard/dist/assets/AiPromptExamples-v7F0ZqtA.js +0 -1
- package/dashboard/dist/assets/SettingsPage-BMmYemqI.js +0 -23
- package/dashboard/dist/assets/UiStudioPage-Ch9n11Rs.js +0 -11
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import{c as $e,m as Z,h as rt,r as _,u as N,j as t,b as W,R as nt,X as ot,d as ge,a as lt,T as Ae,f as ct,C as ut}from"./index-CfT3smRY.js";import{I as E}from"./InfoLabel-C9QuVrs9.js";import{T as x}from"./TooltipText-Btgvmrqc.js";import{C as dt,P as pt}from"./PageHeader-plAaGWcw.js";import{D as ee,c as ve,e as ht,g as _t,h as gt,i as xe,j as Me,k as mt,l as be,d as yt}from"./sample-requests-cbyN06Aw.js";import{A as ce}from"./AiPromptExamples-CQGYhsSq.js";import{C as ft}from"./ContentScopedDialog-BZBRfU-h.js";import{B as St}from"./bot-Cw9-c1xX.js";import{C as vt,T as xt}from"./Tabs-BDAljzT9.js";import"./copy-CcmKRqlO.js";import"./PlaceSelectOptions-Bh6TVGoa.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 bt=[["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"}]],wt=$e("camera",bt);/**
|
|
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 jt=[["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"}]],Ct=$e("ellipsis",jt);async function Le(e){const i=await fetch(`${Z}${e}`);if(!i.ok){let s=null;try{s=await i.json()}catch{}throw new rt(i.status,(s==null?void 0:s.message)??i.statusText,(s==null?void 0:s.error)??null,s)}return await i.json()}function K(e){return typeof e=="number"&&Number.isFinite(e)?e:0}const kt=["structure","visual","interaction","primary_view_context","responsive_viewport"];function we(e){const i=e.coverage_dimensions,s={structure:{status:e.deterministic_status==="failed"?"failed":"completed",reasons:[]},visual:{status:e.visual_status??"not_requested",reasons:[]},interaction:{status:"skipped",reasons:[]},primary_view_context:{status:"skipped",reasons:[]},responsive_viewport:{status:"skipped",reasons:[]}};if(!i)return s;for(const r of kt){const o=i[r];o&&["completed","not_requested","skipped","failed"].includes(o.status)&&(s[r]={status:o.status,reasons:Array.isArray(o.reasons)?o.reasons.filter(a=>typeof a=="string"):[]})}return s}function It(e,i){return e.readiness==="ready"||e.readiness==="review_required"||e.readiness==="insufficient_evidence"?e.readiness:"insufficient_evidence"}function Nt(e){return e==="recompose"||e==="refine"||e==="approved"?e:void 0}function Pt(e){return e==="recommended"||e==="required"?e:void 0}function Rt(e){if(Array.isArray(e))return e.filter(i=>i==="primary_visual"||i==="functional_safe"||i==="responsive_ready")}function qt(e){if(e.design_check_summary){const r={platform_guidance:e.design_check_summary.platform_guidance,platform_ui:e.design_check_summary.platform_ui,priority_high:K(e.design_check_summary.priority_high),priority_medium:K(e.design_check_summary.priority_medium),priority_low:K(e.design_check_summary.priority_low),deterministic_status:e.design_check_summary.deterministic_status==="failed"?"failed":"completed",visual_status:e.design_check_summary.visual_status??"not_requested",coverage:e.design_check_summary.coverage==="structural_and_visual"?"structural_and_visual":"structural_only",skipped_reasons:Array.isArray(e.design_check_summary.skipped_reasons)?e.design_check_summary.skipped_reasons.filter(a=>typeof a=="string"):[],primary_visual_status:e.design_check_summary.primary_visual_status,primary_visual_verdict:Nt(e.design_check_summary.primary_visual_verdict),critic_summary:typeof e.design_check_summary.critic_summary=="string"?e.design_check_summary.critic_summary:void 0,functional_safe:typeof e.design_check_summary.functional_safe=="boolean"?e.design_check_summary.functional_safe:void 0,responsive_requirement:Pt(e.design_check_summary.responsive_requirement),responsive_ready:typeof e.design_check_summary.responsive_ready=="boolean"?e.design_check_summary.responsive_ready:void 0,required_dimensions:Rt(e.design_check_summary.required_dimensions),observation_source:e.design_check_summary.observation_source==="play_client"?"play_client":e.design_check_summary.observation_source==="edit"?"edit":void 0,runtime_status:e.design_check_summary.runtime_status==="completed"||e.design_check_summary.runtime_status==="skipped"?e.design_check_summary.runtime_status:void 0,limitations:Array.isArray(e.design_check_summary.limitations)?e.design_check_summary.limitations.filter(a=>typeof a=="string"):[],state_coverage:Array.isArray(e.design_check_summary.state_coverage)?e.design_check_summary.state_coverage:[]},o=we({...r,coverage_dimensions:e.design_check_summary.coverage_dimensions});return{...r,coverage_dimensions:o,viewport_profiles_tested:Array.isArray(e.design_check_summary.viewport_profiles_tested)?e.design_check_summary.viewport_profiles_tested.filter(a=>typeof a=="string"):[],readiness:It(e.design_check_summary)}}if(!e.lint_summary)return null;const i={priority_high:K(e.lint_summary.errors),priority_medium:K(e.lint_summary.warnings),priority_low:0,deterministic_status:"completed",visual_status:"not_requested",coverage:"structural_only",skipped_reasons:[]},s=we(i);return{...i,coverage_dimensions:s,viewport_profiles_tested:[],readiness:"insufficient_evidence"}}function Tt(e){return{guidance_refs:e.guidance_refs,evidence:e.evidence,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 Ee(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:qt(e),primary_view_context:e.primary_view_context,image:e.image}}function Bt(e){const i=e.check_results??e.lint_results??[];return{...Ee(e),check_results:i.map(Tt),image_url:e.image_url,meta:e.meta,layout_metadata:e.layout_metadata,target_profiles:e.target_profiles,profile_simulations:e.profile_simulations,design_check_context:e.design_check_context}}async function je(e,i){const s=new URLSearchParams;i!==void 0&&s.set("limit",String(i));const r=s.toString()?`?${s.toString()}`:"",o=await Le(`/api/ui-studio/snapshots${r}`);return{...o,snapshots:o.snapshots.map(Ee)}}async function Gt(e,i){const s=i!==void 0?`?placeId=${i}`:"",r=await Le(`/api/ui-studio/snapshots/${encodeURIComponent(e)}${s}`);return Bt(r)}function Ue(e,i){const s=i!==void 0?`?placeId=${i}`:"";return`${Z}/api/ui-studio/snapshots/${encodeURIComponent(e)}/image${s}`}const Dt=1e4;function Oe(e=50){const[i,s]=_.useState(null),[r,o]=_.useState(!0),[a,l]=_.useState(null),u=_.useCallback(async()=>{try{const p=await je(void 0,e);s(p),l(null)}catch(p){l(p instanceof Error?p.message:String(p))}finally{o(!1)}},[e]);return _.useEffect(()=>{let p=!1;const d=async()=>{try{const h=await je(void 0,e);p||(s(h),l(null))}catch(h){p||l(h instanceof Error?h.message:String(h))}finally{p||o(!1)}};d();const m=setInterval(()=>{d()},Dt);return()=>{p=!0,clearInterval(m)}},[e]),{data:i,loading:r,error:a,refresh:u}}const $t="_page_12gq5_2",At="_grid_12gq5_9",Mt="_card_12gq5_16",Lt="_cardBodyButton_12gq5_31",Et="_thumb_12gq5_48",Ut="_runtimeObservationPlaceholder_12gq5_57",Ot="_badges_12gq5_69",Ht="_priorityHighBadge_12gq5_77",Ft="_priorityMediumBadge_12gq5_78",Vt="_priorityLowBadge_12gq5_79",zt="_cardMeta_12gq5_109",Wt="_target_12gq5_115",Kt="_time_12gq5_122",Yt="_drawer_12gq5_127",Qt="_drawerToolbar_12gq5_144",Xt="_drawerTitleBlock_12gq5_155",Jt="_drawerEyebrow_12gq5_162",Zt="_drawerTarget_12gq5_171",ei="_drawerToolbarActions_12gq5_181",ti="_closeBtn_12gq5_189",ii="_detailBody_12gq5_210",si="_screenshotPreviewFrame_12gq5_217",ai="_fullImg_12gq5_230",ri="_metaDl_12gq5_237",ni="_platformGuidance_12gq5_249",oi="_platformGuidanceItem_12gq5_267",li="_platformGuidanceKind_12gq5_277",ci="_errorMsg_12gq5_290",ui="_suggestionsWrap_12gq5_295",di="_prioritySection_12gq5_302",pi="_sectionHighHeader_12gq5_306",hi="_sectionLowHeader_12gq5_312",_i="_sectionMediumHeader_12gq5_318",gi="_groupCard_12gq5_324",mi="_groupHeader_12gq5_331",yi="_groupLabel_12gq5_347",fi="_groupCount_12gq5_352",Si="_groupChevron_12gq5_359",vi="_groupBody_12gq5_363",xi="_groupDescription_12gq5_366",bi="_groupFix_12gq5_371",wi="_falsePositive_12gq5_380",ji="_itemList_12gq5_388",Ci="_suggestionItem_12gq5_396",ki="_suggestionInfo_12gq5_406",Ii="_pathBreadcrumb_12gq5_412",Ni="_currentValue_12gq5_421",Pi="_copyFixBtn_12gq5_425",Ri="_emptySuggestions_12gq5_439",qi="_sampleBanner_12gq5_447",Ti="_sampleBannerRow_12gq5_460",Bi="_sampleBannerMain_12gq5_468",Gi="_sampleBadge_12gq5_476",Di="_sampleTitle_12gq5_486",$i="_sampleMessage_12gq5_493",Ai="_sampleActions_12gq5_500",Mi="_primaryAction_12gq5_508",Li="_secondaryAction_12gq5_509",Ei="_emptyState_12gq5_544",Ui="_pluginGuideCard_12gq5_552",Oi="_pluginGuideMarker_12gq5_563",Hi="_pluginGuideBody_12gq5_578",Fi="_pluginGuideTitle_12gq5_582",Vi="_pluginGuideMessage_12gq5_590",zi="_pluginGuideChecklist_12gq5_597",Wi="_pluginGuideWaiting_12gq5_620",Ki="_pluginGuideDot_12gq5_629",Yi="_analysisWorkspace_12gq5_637",Qi="_analysisMainColumn_12gq5_642",Xi="_analysisSummaryPanel_12gq5_647",Ji="_recentCapturesHeader_12gq5_660",Zi="_analysisSummaryText_12gq5_667",es="_recentCapturesMeta_12gq5_668",ts="_analysisReportGrid_12gq5_674",is="_analysisReportGroup_12gq5_681",ss="_analysisReportCard_12gq5_685",as="_analysisReportThumb_12gq5_707",rs="_analysisReportBody_12gq5_716",ns="_analysisReportTopline_12gq5_723",os="_analysisVerdict_12gq5_730",ls="_analysisVerdict_needsFix_12gq5_741",cs="_analysisVerdict_review_12gq5_742",us="_analysisVerdict_incomplete_12gq5_747",ds="_analysisVerdict_passed_12gq5_752",ps="_analysisReportCounts_12gq5_757",hs="_readinessSummary_12gq5_762",_s="_readinessChip_12gq5_768",gs="_readinessChipReady_12gq5_783",ms="_readinessChipPending_12gq5_789",ys="_primaryReadinessBlock_12gq5_795",fs="_criticSummary_12gq5_802",Ss="_analysisReportTarget_12gq5_821",vs="_analysisReportIssue_12gq5_830",xs="_analysisReportCoverage_12gq5_836",bs="_coverageChips_12gq5_842",ws="_coverageChip_12gq5_842",js="_coverageChip_completed_12gq5_863",Cs="_coverageChip_failed_12gq5_868",ks="_coverageChip_skipped_12gq5_873",Is="_coverageChip_not_requested_12gq5_874",Ns="_analysisReportMeta_12gq5_879",Ps="_analysisChildList_12gq5_886",Rs="_analysisChildRow_12gq5_897",qs="_analysisChildPath_12gq5_918",Ts="_analysisChildSummary_12gq5_927",Bs="_analysisChildDetailHint_12gq5_928",Gs="_drawerAnalysisSummary_12gq5_937",Ds="_drawerAnalysisSummaryItem_12gq5_948",$s="_drawerAnalysisLabel_12gq5_955",As="_drawerAnalysisCounts_12gq5_961",Ms="_drawerAnalysisValue_12gq5_962",Ls="_recentCapturesSection_12gq5_967",Es="_drawerPrimaryActions_12gq5_979",Us="_drawerActionBtn_12gq5_986",Os="_drawerMoreMenu_12gq5_1015",Hs="_drawerMoreButton_12gq5_1020",Fs="_drawerMoreMenuBody_12gq5_1045",Vs="_drawerMenuItem_12gq5_1058",zs="_drawerMenuItemDanger_12gq5_1081",Ws="_actionErrMsg_12gq5_1090",Ks="_actionStatusMsg_12gq5_1099",Ys="_actionStatus_info_12gq5_1113",Qs="_actionStatus_success_12gq5_1119",Xs="_actionStatus_warning_12gq5_1125",Js="_actionStatusDetail_12gq5_1131",Zs="_galleryHeader_12gq5_1137",ea="_cardChecked_12gq5_1154",ta="_cardCheckbox_12gq5_1161",ia="_captureSelectionActions_12gq5_1176",sa="_selectionToolbar_12gq5_1185",aa="_selectionBar_12gq5_1186",ra="_selectionToolbarCount_12gq5_1205",na="_selectionToolbarActions_12gq5_1212",oa="_selectionBarBtn_12gq5_1219",la="_selectionBarBtnDanger_12gq5_1245",n={page:$t,grid:At,card:Mt,cardBodyButton:Lt,thumb:Et,runtimeObservationPlaceholder:Ut,badges:Ot,priorityHighBadge:Ht,priorityMediumBadge:Ft,priorityLowBadge:Vt,cardMeta:zt,target:Wt,time:Kt,drawer:Yt,drawerToolbar:Qt,drawerTitleBlock:Xt,drawerEyebrow:Jt,drawerTarget:Zt,drawerToolbarActions:ei,closeBtn:ti,detailBody:ii,screenshotPreviewFrame:si,fullImg:ai,metaDl:ri,platformGuidance:ni,platformGuidanceItem:oi,platformGuidanceKind:li,errorMsg:ci,suggestionsWrap:ui,prioritySection:di,sectionHighHeader:pi,sectionLowHeader:hi,sectionMediumHeader:_i,groupCard:gi,groupHeader:mi,groupLabel:yi,groupCount:fi,groupChevron:Si,groupBody:vi,groupDescription:xi,groupFix:bi,falsePositive:wi,itemList:ji,suggestionItem:Ci,suggestionInfo:ki,pathBreadcrumb:Ii,currentValue:Ni,copyFixBtn:Pi,emptySuggestions:Ri,sampleBanner:qi,sampleBannerRow:Ti,sampleBannerMain:Bi,sampleBadge:Gi,sampleTitle:Di,sampleMessage:$i,sampleActions:Ai,primaryAction:Mi,secondaryAction:Li,emptyState:Ei,pluginGuideCard:Ui,pluginGuideMarker:Oi,pluginGuideBody:Hi,pluginGuideTitle:Fi,pluginGuideMessage:Vi,pluginGuideChecklist:zi,pluginGuideWaiting:Wi,pluginGuideDot:Ki,analysisWorkspace:Yi,analysisMainColumn:Qi,analysisSummaryPanel:Xi,recentCapturesHeader:Ji,analysisSummaryText:Zi,recentCapturesMeta:es,analysisReportGrid:ts,analysisReportGroup:is,analysisReportCard:ss,analysisReportThumb:as,analysisReportBody:rs,analysisReportTopline:ns,analysisVerdict:os,analysisVerdict_needsFix:ls,analysisVerdict_review:cs,analysisVerdict_incomplete:us,analysisVerdict_passed:ds,analysisReportCounts:ps,readinessSummary:hs,readinessChip:_s,readinessChipReady:gs,readinessChipPending:ms,primaryReadinessBlock:ys,criticSummary:fs,analysisReportTarget:Ss,analysisReportIssue:vs,analysisReportCoverage:xs,coverageChips:bs,coverageChip:ws,coverageChip_completed:js,coverageChip_failed:Cs,coverageChip_skipped:ks,coverageChip_not_requested:Is,analysisReportMeta:Ns,analysisChildList:Ps,analysisChildRow:Rs,analysisChildPath:qs,analysisChildSummary:Ts,analysisChildDetailHint:Bs,drawerAnalysisSummary:Gs,drawerAnalysisSummaryItem:Ds,drawerAnalysisLabel:$s,drawerAnalysisCounts:As,drawerAnalysisValue:Ms,recentCapturesSection:Ls,drawerPrimaryActions:Es,drawerActionBtn:Us,drawerMoreMenu:Os,drawerMoreButton:Hs,drawerMoreMenuBody:Fs,drawerMenuItem:Vs,drawerMenuItemDanger:zs,actionErrMsg:Ws,actionStatusMsg:Ks,actionStatus_info:Ys,actionStatus_success:Qs,actionStatus_warning:Xs,actionStatusDetail:Js,galleryHeader:Zs,cardChecked:ea,cardCheckbox:ta,captureSelectionActions:ia,selectionToolbar:sa,selectionBar:aa,selectionToolbarCount:ra,selectionToolbarActions:na,selectionBarBtn:oa,selectionBarBtnDanger:la};function ca({snapshot:e,placeId:i,onClick:s,imageUrlOverride:r,selectable:o,selected:a,onToggleSelect:l}){var b,R,M;const{t:u}=N(),p=((b=e.design_check_summary)==null?void 0:b.priority_high)??0,d=((R=e.design_check_summary)==null?void 0:R.priority_medium)??0,m=((M=e.design_check_summary)==null?void 0:M.priority_low)??0,h=new Date(e.captured_at*1e3).toLocaleString(),f=r??Ue(e.snapshot_id,i),S=()=>{l==null||l(e.snapshot_id)};return t.jsxs("div",{className:`${n.card} ${a?n.cardChecked:""}`,children:[o&&t.jsx(x,{text:u("uiStudio.gallery.cardCheckbox.tooltip","Select this capture. Pick multiple to delete them together."),children:t.jsx(dt,{className:n.cardCheckbox,"aria-label":u("uiStudio.gallery.cardCheckbox","Select screenshot"),checked:!!a,onChange:S})}),t.jsxs("button",{className:n.cardBodyButton,onClick:k=>s(k.currentTarget),type:"button",children:[e.image?t.jsx("img",{className:n.thumb,src:f,alt:e.snapshot_id,loading:"lazy"}):t.jsx("div",{className:`${n.thumb} ${n.runtimeObservationPlaceholder}`,role:"img","aria-label":u("uiStudio.runtimeStructureObservation","Runtime structure observation"),children:u("uiStudio.runtimeStructureObservation","Runtime structure observation")}),t.jsxs("div",{className:n.badges,children:[p>0&&t.jsx(x,{text:u("uiStudio.gallery.priorityHighBadge.tooltip","Number of suggestions to review first. Click for details."),children:t.jsx("span",{className:n.priorityHighBadge,children:p})}),d>0&&t.jsx(x,{text:u("uiStudio.gallery.priorityMediumBadge.tooltip","Number of recommended suggestions."),children:t.jsx("span",{className:n.priorityMediumBadge,children:d})}),m>0&&t.jsx(x,{text:u("uiStudio.gallery.priorityLowBadge.tooltip","Number of optional improvements."),children:t.jsx("span",{className:n.priorityLowBadge,children:m})})]}),t.jsxs("div",{className:n.cardMeta,children:[t.jsx("div",{className:n.target,children:e.target??e.scope}),t.jsx("div",{className:n.time,children:h})]})]})]})}const ua={touch_target:"touchTarget",contrast:"contrast",text_scaled:"textScaled",safezone:"safezone",min_text_size:"minTextSize"};function da(e){return e.rule==="contrast"&&/\.(Icon|Avatar|EmptyIcon|GoldIcon|[A-Za-z]*Icon)$/.test(e.path)}const pa={touch_target:{checkLabel:"터치 타겟 크기",description:"모바일에서 손가락으로 누르기 편한 최소 크기를 만족하는지 확인합니다.",howToFix:"버튼 Size 를 44x44 px 이상으로 키우거나 UIPadding 으로 터치 영역을 확장하세요."},contrast:{checkLabel:"텍스트 대비",description:"텍스트와 배경의 명암 비율이 WCAG 접근성 기준을 만족하는지 확인합니다.",howToFix:"TextColor3 를 더 밝은 색(예: #FFFFFF) 으로 바꾸거나, 배경(BackgroundColor3)을 어둡게 조정하세요.",falsePositiveNote:"이모지 아이콘의 경우 색이 고정되어 대비 규칙이 오탐하는 경우가 많습니다. 실제 가독성에 문제 없으면 무시해도 됩니다."},text_scaled:{checkLabel:"TextScaled 사용",description:"TextScaled 가 켜져 있으나 UITextSizeConstraint 가 없으면 언어 확장 시 레이아웃이 깨질 수 있습니다.",howToFix:"해당 TextLabel 에 UITextSizeConstraint 자식을 추가하고 MaxTextSize 를 지정하세요."},safezone:{checkLabel:"세이프존 배치",description:"버튼이 플랫폼별 세이프존(노치·홈 인디케이터·TV safe margin) 안에 있는지 확인합니다.",howToFix:"화면 가장자리 배치가 가독성이나 조작에 영향을 준다면, 측정된 영역과 적용 가능한 Roblox 지침을 검토하고 의도한 배치를 존중하는 대안을 고려하세요."},min_text_size:{checkLabel:"최소 폰트 크기",description:"텍스트가 너무 작아 가독성이 떨어지는지 확인합니다. 브리프 기준 하한을 사용합니다.",howToFix:"TextSize 를 14 이상(본문 기준)으로 올리세요."}};function ha(e,i,s){const r=ua[e];return r?{...i,checkLabel:s(`uiStudio.fix.${r}.label`,i.checkLabel),description:s(`uiStudio.fix.${r}.description`,i.description),howToFix:s(`uiStudio.fix.${r}.howToFix`,i.howToFix),falsePositiveNote:i.falsePositiveNote?s(`uiStudio.fix.${r}.falsePositive`,i.falsePositiveNote):void 0}:i}function _a(e,i){const s=pa[e]??null;return s?i?ha(e,s,i):s:null}function ga(e){return da(e)}function ma(e,i){const s=new Map;for(const o of e){const a=`${o.displayPriority}::${o.rule}`,l=s.get(a)??[];l.push(o),s.set(a,l)}const r=[];for(const[o,a]of s){const[l,u]=o.split("::"),p=a.filter(ga).length;r.push({rule:u??"unknown",priority:l,items:a,fixTemplate:_a(u??"",i),falsePositiveRatio:a.length>0?p/a.length:0})}return r.sort((o,a)=>{const l={priority_high:0,priority_medium:1,priority_low:2};return o.priority!==a.priority?l[o.priority]-l[a.priority]:a.items.length-o.items.length}),{high:r.filter(o=>o.priority==="priority_high"),medium:r.filter(o=>o.priority==="priority_medium"),low:r.filter(o=>o.priority==="priority_low")}}function He(e){const i=e.split("."),s=i[i.length-1]??e,r=i[i.length-2],o=r?`${r} > ${s}`:s;return{full:e,breadcrumb:o,leaf:s}}function me({id:e,title:i,request:s,onCopied:r}){const{locale:o,t:a}=N();return t.jsx(ce,{examples:[{id:e,title:i,request:s}],resetKey:`${o}|${e}|${s}`,onCopied:r,labels:{copy:a("uiStudio.copyFixCommand","Copy AI instruction"),copying:a("guidance.ai.copying","Copying…"),copied:a("guidance.ai.copied","Copied"),copyFailed:a("guidance.ai.copyFailed","Could not copy. Select the request text and copy it manually.")}})}function Fe({placeId:e,target:i,snapshotId:s,sample:r=!1}){const{t:o}=N(),[a,l]=_.useState(!1),u=o("uiStudio.design.saveRequest","Save reusable visual characteristics from this captured UI as a named design for this Place. Use the capture and its same-time metadata; do not mix current UI values into the captured design. Record inferred or missing details honestly. Preserve native text, controls, and existing behavior. Do not upload assets or change Studio UI.").concat(`
|
|
12
|
+
${o("uiStudio.design.source","Source")}: ${i}
|
|
13
|
+
Place: ${e}
|
|
14
|
+
Snapshot: ${s}`,r?`
|
|
15
|
+
${o("uiStudio.design.sample","Sample only. This target does not exist in your Studio; choose your own UI first.")}`:"");return t.jsxs("details",{open:a,onToggle:p=>l(p.currentTarget.open),children:[t.jsx("summary",{children:o("uiStudio.design.save","Copy design save request")}),a&&t.jsx(me,{id:`save-${e}-${s}`,title:o("uiStudio.design.save","Copy design save request"),request:u})]})}function ya(e){if(!e||typeof e!="object")return!1;const i=e;return["id","revision","title","summary","applies_when","limitations"].every(s=>typeof i[s]=="string")&&(i.kind==="constraint"||i.kind==="recommendation")&&!!i.source&&["url","section","checked_at"].every(s=>typeof i.source[s]=="string")}function fa(e){try{const i=new URL(e);return i.protocol==="https:"&&i.hostname==="create.roblox.com"&&!i.username&&!i.password?i.href:void 0}catch{return}}function Sa({summary:e}){const{t:i}=N(),s=Array.isArray(e==null?void 0:e.platform_guidance)?e.platform_guidance.filter(ya):[];return s.length===0?null:t.jsxs("details",{className:n.platformGuidance,children:[t.jsx("summary",{children:i("uiStudio.platformGuidance.title","Roblox guidance")}),t.jsx("p",{children:i("uiStudio.platformGuidance.context","Reference guidance for the AI to interpret in your project. It does not authorize changes.")}),s.map(r=>{const o=fa(r.source.url);return t.jsxs("section",{className:n.platformGuidanceItem,children:[t.jsx("h4",{children:r.title}),t.jsx("p",{className:n.platformGuidanceKind,children:r.kind==="constraint"?i("uiStudio.platformGuidance.constraint","API constraint"):i("uiStudio.platformGuidance.recommendation","Recommendation")}),t.jsx("p",{children:r.summary}),t.jsxs("dl",{className:n.metaDl,children:[t.jsx("dt",{children:i("uiStudio.platformGuidance.appliesWhen","Applies when")}),t.jsx("dd",{children:r.applies_when}),t.jsx("dt",{children:i("uiStudio.platformGuidance.limitations","Limits")}),t.jsx("dd",{children:r.limitations}),t.jsx("dt",{children:i("uiStudio.platformGuidance.source","Official source")}),t.jsx("dd",{children:o?t.jsx("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r.source.section}):r.source.section}),t.jsx("dt",{children:i("uiStudio.platformGuidance.checkedAt","Source checked")}),t.jsx("dd",{children:r.source.checked_at}),t.jsx("dt",{children:i("uiStudio.platformGuidance.revision","Guidance revision")}),t.jsx("dd",{children:r.revision})]})]},`${r.id}:${r.revision}`)})]})}function Ve(e){return typeof e=="object"&&e!==null}function Ce(e){return Ve(e.data)?e.data:{}}function ue(e,i){const s=e[i];return Ve(s)?s:{}}function ie(e,i){const s=e[i];return typeof s=="string"?s:null}function se(e,i){const s=e[i];return typeof s=="number"&&Number.isFinite(s)?s:0}function va(e){const i=ue(e,"design_check_summary");return{priority_high:se(i,"priority_high"),priority_medium:se(i,"priority_medium"),priority_low:se(i,"priority_low")}}function ke(e){if(!(e.success??e.ok??!e.error))throw new Error(e.error??"UI Studio action failed")}function Ie(e,i){return ze(e,va(i))}function Y(e,i,s,r,o){const a=e(i,s);return o?`${a}: ${o} · ${r}`:`${a}: ${r}`}function xa(e){const i=e.design_check_summary;return((i==null?void 0:i.priority_high)??0)>0?"needsFix":(i==null?void 0:i.readiness)==="insufficient_evidence"?"incomplete":((i==null?void 0:i.priority_medium)??0)>0||((i==null?void 0:i.priority_low)??0)>0?"review":"passed"}function ba(e,i){return i==="needsFix"||i==="review"?e("uiStudio.analysis.verdict.hasSuggestions","개선 제안 있음"):i==="incomplete"?e("uiStudio.analysis.verdict.incomplete","검토 증거 부족"):e("uiStudio.analysis.verdict.passed","현재 개선 제안 없음")}function ae(e,i){return`${i}${e("uiStudio.storage.countSuffix","개")}`}function ze(e,i){return`${e("uiStudio.priorityHigh","우선 검토")} ${ae(e,(i==null?void 0:i.priority_high)??0)} · ${e("uiStudio.priorityMedium","검토 권장")} ${ae(e,(i==null?void 0:i.priority_medium)??0)} · ${e("uiStudio.priorityLow","선택 개선")} ${ae(e,(i==null?void 0:i.priority_low)??0)}`}function wa(e,i){return ze(e,i.design_check_summary)}function ja(e,i){return i==="recompose"?e("uiStudio.primaryVisual.recompose","Recompose"):i==="refine"?e("uiStudio.primaryVisual.refine","Refine"):i==="approved"?e("uiStudio.primaryVisual.approved","Approved"):e("uiStudio.primaryVisual.unknown","Unknown")}function Ca(e,i){return i==="ready"?e("uiStudio.readiness.ready","Ready"):i==="review_required"?e("uiStudio.readiness.reviewRequired","Review required"):i==="insufficient_evidence"?e("uiStudio.readiness.insufficient","Evidence incomplete"):e("uiStudio.readiness.unknown","Readiness unknown")}function ka({snapshotId:e,placeId:i,onClose:s,sampleDetail:r,tier:o,onActionDone:a}){const[l,u]=_.useState(r??null),[p,d]=_.useState(null),[m,h]=_.useState(null),[f,S]=_.useState(null),[b,R]=_.useState(null),[M,k]=_.useState(null),{t:g}=N(),{trackEvent:B}=W(),P=o==="pro";_.useEffect(()=>{if(r){u(r),d(null);return}let v=!1;return Gt(e,i).then($=>{v||u($)}).catch($=>{v||d($ instanceof Error?$.message:String($))}),()=>{v=!0}},[e,i,r]);const j=async()=>{if(l!=null&&l.target){B("dashboard_click_event",{click_target:"ui_studio_capture_current",page:"ui-studio",tab:"ui_studio_analysis"}),h(null),R("preview"),S({tone:"info",message:g("uiStudio.actions.previewRunning","캡처 중..."),detail:g("uiStudio.actions.previewRunningDetail","완료되면 새 화면 캡처 파일 ID를 표시합니다.")});try{const v=await ve("preview",{targetPath:l.target,placeId:i});ke(v);const $=Ce(v),A=ie($,"snapshot_id"),z=ue($,"screenshot"),w=ue($,"meta"),L=ie(z,"saved_path"),G=ie(w,"persist_warning"),V=Ie(g,$);S(G?{tone:"warning",message:Y(g,"uiStudio.actions.previewNeedsSaveCheck","캡처 완료, 저장 확인 필요",V,A),detail:G}:A&&L?{tone:"success",message:Y(g,"uiStudio.actions.previewSaved","새 화면 캡처 저장 완료",V,A),detail:g("uiStudio.actions.previewSavedDetail","기존 화면 캡처는 변경하지 않고 새 파일로 저장했습니다.")}:A?{tone:"warning",message:Y(g,"uiStudio.actions.previewComplete","캡처 완료",V,A),detail:g("uiStudio.actions.previewSavedPathMissing","새 화면 캡처 ID는 받았지만 저장 경로를 확인하지 못했습니다.")}:{tone:"warning",message:Y(g,"uiStudio.actions.previewComplete","캡처 완료",V),detail:g("uiStudio.actions.previewSnapshotIdMissing","새 화면 캡처 ID를 확인하지 못했습니다. 목록을 새로고침해 저장 여부를 확인해 주세요.")}),await(a==null?void 0:a())}catch(v){h(v instanceof Error?v.message:String(v))}finally{R(null)}}},T=async()=>{if(l!=null&&l.target){B("dashboard_click_event",{click_target:"ui_studio_check_again",page:"ui-studio",tab:"ui_studio_analysis"}),h(null),R("check"),S({tone:"info",message:g("uiStudio.actions.designCheckRunning","개선 제안 확인 중..."),detail:g("uiStudio.actions.designCheckRunningDetail","완료되면 우선 검토/검토 권장/선택 개선 항목 수를 표시합니다.")});try{const v=await ve("check",{targetPath:l.target,placeId:i});ke(v);const $=Ce(v),A=Ie(g,$);S({tone:"success",message:Y(g,"uiStudio.actions.designCheckComplete","개선 제안 확인 완료",A),detail:g("uiStudio.actions.designCheckNoSnapshotSaved","이 작업은 화면 캡처 파일을 새로 저장하지 않습니다.")}),await(a==null?void 0:a())}catch(v){h(v instanceof Error?v.message:String(v))}finally{R(null)}}},q=async()=>{h(null),S(null);try{await ht(i,e),await(a==null?void 0:a()),k(null),s()}catch(v){throw h(v instanceof Error?v.message:String(v)),v}},D=P?void 0:g("uiStudio.actions.proRequired","Pro에서 사용 가능"),C=l!=null&&l.target?He(l.target):null;return t.jsxs("div",{className:n.drawer,children:[t.jsxs("div",{className:n.drawerToolbar,"data-testid":"snapshot-detail-toolbar",children:[t.jsxs("div",{className:n.drawerTitleBlock,children:[t.jsx("span",{className:n.drawerEyebrow,children:g("uiStudio.analysis.detailDialog","Analysis detail")}),t.jsx("span",{className:n.drawerTarget,title:(C==null?void 0:C.full)??e,children:(C==null?void 0:C.breadcrumb)??e})]}),t.jsxs("div",{className:n.drawerToolbarActions,children:[l&&t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:n.drawerPrimaryActions,children:[t.jsx(x,{text:D??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:n.drawerActionBtn,onClick:()=>void j(),disabled:!P||!l.target||b!==null,type:"button",children:[t.jsx(wt,{size:15,"aria-hidden":"true"}),t.jsx("span",{children:g("uiStudio.actions.captureCurrentState","현재 상태 캡처")})]})}),t.jsx(x,{text:D??g("uiStudio.actions.checkSuggestionsAgain.tooltip","Recompute suggestions for this capture without taking a new screenshot."),children:t.jsxs("button",{className:n.drawerActionBtn,onClick:()=>void T(),disabled:!P||!l.target||b!==null,type:"button",children:[t.jsx(nt,{size:15,"aria-hidden":"true"}),t.jsx("span",{children:g("uiStudio.actions.checkSuggestionsAgain","개선 제안 다시 확인")})]})})]}),t.jsxs("details",{className:n.drawerMoreMenu,children:[t.jsx("summary",{className:n.drawerMoreButton,title:g("uiStudio.actions.more.tooltip","Open additional actions."),"aria-label":g("uiStudio.actions.more","More"),children:t.jsx(Ct,{size:18,"aria-hidden":"true"})}),t.jsx("div",{className:n.drawerMoreMenuBody,children:t.jsx(x,{text:D??g("uiStudio.actions.deleteSnapshot.tooltip","Delete only this capture file. The actual UI in Roblox Studio is not affected."),children:t.jsx("button",{className:`${n.drawerMenuItem} ${n.drawerMenuItemDanger}`,onClick:()=>{B("dashboard_click_event",{click_target:"ui_studio_delete_snapshot",page:"ui-studio",tab:"ui_studio_analysis"}),k("deleteSnapshot")},disabled:!P,type:"button",children:g("uiStudio.actions.deleteSnapshot","이 화면 캡처 삭제")})})})]})]}),t.jsx(x,{text:g("uiStudio.detailClose.tooltip","Close this detail panel."),children:t.jsx("button",{className:n.closeBtn,onClick:s,type:"button","aria-label":g("uiStudio.detailClose","Close"),children:t.jsx(ot,{size:18,"aria-hidden":"true"})})})]})]}),p&&t.jsx("div",{className:n.errorMsg,children:p}),l&&t.jsxs("div",{className:n.detailBody,children:[m&&t.jsx("div",{className:n.actionErrMsg,children:m}),f&&t.jsxs("div",{className:`${n.actionStatusMsg} ${n[`actionStatus_${f.tone}`]??""}`,children:[t.jsx("div",{children:f.message}),f.detail&&t.jsx("div",{className:n.actionStatusDetail,children:f.detail})]}),t.jsx(Ia,{detail:l}),l.target&&t.jsx(Fe,{placeId:i,target:l.target,snapshotId:e,sample:o==="basic"}),t.jsx("div",{className:n.screenshotPreviewFrame,"data-testid":"analysis-screenshot-preview",children:l.image?t.jsx("img",{className:n.fullImg,src:l.image_url,alt:l.snapshot_id}):t.jsx("div",{className:`${n.fullImg} ${n.runtimeObservationPlaceholder}`,role:"img","aria-label":g("uiStudio.runtimeStructureObservation","Runtime structure observation"),children:g("uiStudio.runtimeStructureObservation","Runtime structure observation")})}),t.jsx(qa,{items:l.check_results,summary:l.design_check_summary,requestScope:`Place: ${i} / Snapshot: ${e}`}),t.jsx(Sa,{summary:l.design_check_summary}),t.jsxs("dl",{className:n.metaDl,children:[t.jsx("dt",{children:t.jsx(E,{label:g("uiStudio.capturedAt","Captured"),tooltip:g("uiStudio.capturedAt.tooltip","When this screen was captured.")})}),t.jsx("dd",{children:new Date(l.captured_at*1e3).toLocaleString()}),t.jsx("dt",{children:t.jsx(E,{label:g("uiStudio.scope","Scope"),tooltip:g("uiStudio.scope.tooltip","Capture scope (full screen or a specific UI).")})}),t.jsx("dd",{children:l.scope}),l.target&&t.jsxs(t.Fragment,{children:[t.jsx("dt",{children:t.jsx(E,{label:g("uiStudio.target","Target"),tooltip:g("uiStudio.target.tooltip","Exact path of the captured UI instance.")})}),t.jsx("dd",{children:l.target})]}),l.brief_id&&t.jsxs(t.Fragment,{children:[t.jsx("dt",{children:t.jsx(E,{label:g("uiStudio.briefId","Brief"),tooltip:g("uiStudio.briefId.tooltip","Identifier of the design brief that produced this UI.")})}),t.jsx("dd",{children:l.brief_id})]})]})]}),M==="deleteSnapshot"&&t.jsx(ee,{title:g("uiStudio.confirm.deleteSnapshotTitle","화면 캡처 삭제"),message:g("uiStudio.confirm.deleteSnapshotMessage","이 화면 캡처 파일만 삭제됩니다 (Studio 인스턴스 보존)."),danger:!0,confirmLabel:g("common.delete","삭제"),onConfirm:q,onClose:()=>k(null)})]})}function Ia({detail:e}){const{t:i}=N(),s=xa(e);return t.jsxs("section",{className:n.drawerAnalysisSummary,children:[t.jsxs("div",{className:n.drawerAnalysisSummaryItem,children:[t.jsx("span",{className:n.drawerAnalysisLabel,children:t.jsx(E,{label:i("uiStudio.analysis.verdictLabel","개선 요약"),tooltip:i("uiStudio.analysis.verdictLabel.tooltip","Overall improvement verdict for this capture.")})}),t.jsx("span",{className:`${n.analysisVerdict} ${n[`analysisVerdict_${s}`]??""}`,children:ba(i,s)}),t.jsx("span",{className:n.drawerAnalysisCounts,children:wa(i,e)})]}),t.jsxs("div",{className:n.drawerAnalysisSummaryItem,children:[t.jsx("span",{className:n.drawerAnalysisLabel,children:t.jsx(E,{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:n.drawerAnalysisValue,children:e.thresholds_source})]}),t.jsx(Na,{summary:e.design_check_summary}),t.jsx(Ra,{summary:e.design_check_summary}),t.jsx(Pa,{summary:e.design_check_summary})]})}function Na({summary:e}){const{t:i}=N();if(!e)return null;const s=e.functional_safe===!0?i("uiStudio.functional.checkedScopeSafe","Checked scope safe"):e.functional_safe===!1?i("uiStudio.functional.risk","Risk found"):i("uiStudio.functional.unknown","Unknown"),r=e.responsive_requirement==="required"?i("uiStudio.responsive.required","Required"):e.responsive_requirement==="recommended"?i("uiStudio.responsive.recommended","Recommended"):i("uiStudio.responsive.unknown","Unknown");return t.jsxs("div",{className:n.primaryReadinessBlock,children:[t.jsxs("div",{className:n.readinessSummary,"aria-label":i("uiStudio.readiness.summary","UI readiness"),children:[t.jsxs("span",{className:n.readinessChip,children:[i("uiStudio.primaryVisual.label","Primary visual")," · ",ja(i,e.primary_visual_verdict)]}),t.jsxs("span",{className:n.readinessChip,children:[i("uiStudio.functional.label","Functional")," · ",s]}),t.jsxs("span",{className:n.readinessChip,children:[i("uiStudio.responsive.label","Responsive")," · ",r]}),e.observation_source&&t.jsxs("span",{className:n.readinessChip,children:[i("uiStudio.observationSource.label","검사 출처")," · ",e.observation_source==="play_client"?i("uiStudio.observationSource.playClient","Play client"):i("uiStudio.observationSource.edit","Edit")]}),t.jsx("span",{className:`${n.readinessChip} ${e.readiness==="ready"?n.readinessChipReady:n.readinessChipPending}`,children:Ca(i,e.readiness)})]}),e.critic_summary&&t.jsxs("p",{className:n.criticSummary,children:[t.jsx("span",{children:i("uiStudio.criticSummary","Critic summary")}),e.critic_summary]})]})}function Pa({summary:e}){var s,r;const{t:i}=N();return!e||!((s=e.state_coverage)!=null&&s.length)&&!((r=e.limitations)!=null&&r.length)?null:t.jsxs("div",{className:n.primaryReadinessBlock,children:[e.state_coverage&&e.state_coverage.length>0&&t.jsx("div",{className:n.coverageChips,"aria-label":i("uiStudio.stateCoverage.label","상태별 검토"),children:e.state_coverage.map(o=>t.jsxs("span",{className:n.coverageChip,title:o.reasons.join(", "),children:[o.stateId," · ",o.status==="completed"?i("uiStudio.analysis.coverageStatus.completed","완료"):o.status==="failed"?i("uiStudio.analysis.coverageStatus.failed","실패"):i("uiStudio.analysis.coverageStatus.skipped","생략")]},`${o.stateId}:${o.status}`))}),e.limitations&&e.limitations.length>0&&t.jsx("div",{className:n.coverageChips,"aria-label":i("uiStudio.limitations.label","검토 제한"),children:e.limitations.map(o=>t.jsx("span",{className:n.coverageChip,children:o},o))})]})}function Ra({summary:e}){const{t:i}=N(),s=e==null?void 0:e.coverage_dimensions;if(!s)return null;const r=[["Structure",s.structure],["Visual",s.visual],["Interaction",s.interaction],["Primary view",s.primary_view_context],["Responsive",s.responsive_viewport]];return t.jsx("div",{className:n.coverageChips,"aria-label":i("uiStudio.analysis.coverageDimensions","검토 범위"),children:r.map(([o,a])=>t.jsxs("span",{className:`${n.coverageChip} ${n[`coverageChip_${a.status}`]??""}`,title:a.reasons.join(", "),children:[o," · ",a.status==="completed"?i("uiStudio.analysis.coverageStatus.completed","완료"):a.status==="failed"?i("uiStudio.analysis.coverageStatus.failed","실패"):i("uiStudio.analysis.coverageStatus.skipped","생략")]},o))})}function qa({items:e,summary:i,requestScope:s}){const{t:r}=N();if(e.length===0)return t.jsx("p",{className:n.emptySuggestions,children:(i==null?void 0:i.readiness)==="insufficient_evidence"?r("uiStudio.noSuggestionsIncomplete","제안은 없지만 검토되지 않은 범위가 남아 있습니다."):r("uiStudio.noSuggestions","현재 개선 제안 없음")});const{high:o,medium:a,low:l}=ma(e,r);return t.jsxs("div",{className:n.suggestionsWrap,children:[t.jsx("h3",{children:t.jsx(E,{label:r("uiStudio.designCheckResultsTitle","Design Check suggestions"),tooltip:r("uiStudio.designCheckResultsTitle.tooltip","All improvement suggestions found in this capture.")})}),o.length>0&&t.jsxs("section",{className:n.prioritySection,children:[t.jsx("h4",{className:n.sectionHighHeader,children:r("uiStudio.highPrioritySection","우선 검토")}),o.map(u=>t.jsx(re,{group:u,requestScope:s},`h-${u.rule}`))]}),a.length>0&&t.jsxs("section",{className:n.prioritySection,children:[t.jsx("h4",{className:n.sectionMediumHeader,children:r("uiStudio.mediumPrioritySection","검토 권장")}),a.map(u=>t.jsx(re,{group:u,requestScope:s},`m-${u.rule}`))]}),l.length>0&&t.jsxs("section",{className:n.prioritySection,children:[t.jsx("h4",{className:n.sectionLowHeader,children:r("uiStudio.lowPrioritySection","선택 개선")}),l.map(u=>t.jsx(re,{group:u,requestScope:s},`l-${u.rule}`))]})]})}function re({group:e,requestScope:i}){var u,p,d;const{t:s}=N(),[r,o]=_.useState(e.priority==="priority_high"&&e.items.length<=5),a=e.falsePositiveRatio>=.5&&!!((u=e.fixTemplate)!=null&&u.falsePositiveNote),l=((p=e.fixTemplate)==null?void 0:p.checkLabel)??e.rule;return t.jsxs("div",{className:n.groupCard,children:[t.jsx(x,{text:s("uiStudio.suggestionGroup.tooltip","Suggestions of the same kind grouped together. Click to expand or collapse."),children:t.jsxs("button",{className:n.groupHeader,onClick:()=>o(m=>!m),type:"button",children:[t.jsx("span",{className:n.groupLabel,children:l}),t.jsx(x,{text:s("uiStudio.groupSummary.tooltip","Number of UI elements matching this group."),children:t.jsxs("span",{className:n.groupCount,children:[e.items.length," ",s("uiStudio.groupSummary","items")]})}),t.jsx("span",{className:n.groupChevron,children:r?"▾":"▸"})]})}),r&&t.jsxs("div",{className:n.groupBody,children:[e.fixTemplate&&t.jsxs(t.Fragment,{children:[t.jsx("p",{className:n.groupDescription,children:e.fixTemplate.description}),t.jsx("p",{className:n.groupFix,children:e.fixTemplate.howToFix})]}),a&&t.jsx(x,{text:s("uiStudio.falsePositiveWarning.tooltip","This check can produce false positives — verify before applying."),children:t.jsxs("p",{className:n.falsePositive,children:[s("uiStudio.falsePositiveWarning","May contain false positives"),":"," ",(d=e.fixTemplate)==null?void 0:d.falsePositiveNote]})}),t.jsx("ul",{className:n.itemList,children:e.items.map((m,h)=>t.jsx(Ta,{item:m,requestScope:i},`${m.path}-${h}`))})]})]})}function Ta({item:e,requestScope:i}){const{t:s}=N(),{trackEvent:r}=W(),o=He(e.path),a=`${i}
|
|
16
|
+
${s("uiStudio.design.fixRequest","Inspect the current target and confirm its identity before changing it. Address only the observed issue using the existing design. Preserve unrelated layout, content, scripts, and interaction. Re-read changed values and use a guarded property update where supported; do not recreate the UI or apply fixed values blindly.")}
|
|
17
|
+
${s("uiStudio.design.source","Source")}: ${e.path}
|
|
18
|
+
${s("uiStudio.design.observation","Observation")}: ${e.rule}: ${e.actual} → ${e.expected}. ${e.hint}`,l=()=>r("dashboard_click_event",{click_target:"ui_studio_copy_ai_instruction",page:"ui-studio",tab:"ui_studio_analysis"});return t.jsxs("li",{className:n.suggestionItem,children:[t.jsxs("div",{className:n.suggestionInfo,children:[t.jsx("code",{className:n.pathBreadcrumb,title:`${s("uiStudio.fullPath","Full path")}: ${o.full}`,children:o.breadcrumb}),t.jsxs("span",{className:n.currentValue,children:[t.jsx(x,{text:s("uiStudio.colCurrent.tooltip","The currently applied value."),children:t.jsx("span",{children:s("uiStudio.colCurrent","Current")})}),": ",t.jsx("strong",{children:String(e.actual)})," → ",t.jsx(x,{text:s("uiStudio.colRecommended.tooltip","The recommended value."),children:t.jsx("span",{children:s("uiStudio.colRecommended","Recommended")})}),": ",t.jsx("strong",{children:String(e.expected)})]})]}),t.jsx(me,{id:`fix-${e.path}-${e.rule}`,title:s("uiStudio.design.fix","Request a targeted change"),request:a,onCopied:l})]})}function ne(e,i){return Object.entries(i).reduce((s,[r,o])=>s.split(`{${r}}`).join(String(o)),e)}function Ba(e,i){return i.rule==="contrast"?ne(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"?ne(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"?ne(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 We="sample_inventory_preview",de=_t,Ga=[{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 Da(e){const r={snapshot_id:We,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={...r,check_results:Ga.map(l=>({...l,hint:Ba(e,l)})),image_url:de};return{list:{placeId:0,snapshots:[r],totalCount:1},detail:o}}const $a=/plugin not connected|sync not started/i;function pe(e){return typeof e=="string"&&$a.test(e)}function Ke(){const{t:e}=N();return t.jsxs("section",{className:n.pluginGuideCard,role:"status","aria-live":"polite",children:[t.jsx("div",{className:n.pluginGuideMarker,"aria-hidden":"true",children:"!"}),t.jsxs("div",{className:n.pluginGuideBody,children:[t.jsx("h2",{className:n.pluginGuideTitle,children:e("uiStudio.pluginGuide.title","Roblox Studio 플러그인이 연결되지 않았습니다")}),t.jsx("p",{className:n.pluginGuideMessage,children:e("uiStudio.pluginGuide.message","UI Studio는 연결된 Studio place의 화면 캡처와 변경 이력을 표시합니다. Studio와 WEPPY Plugin을 연결하면 자동으로 갱신됩니다.")}),t.jsxs("ul",{className:n.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:n.pluginGuideWaiting,children:[t.jsx("span",{className:n.pluginGuideDot,"aria-hidden":"true"}),e("uiStudio.pluginGuide.waiting","플러그인 연결을 기다리는 중...")]})]})]})}function ye(e){const i=new URLSearchParams({placeId:String(e.placeId)});return e.clientId&&i.set("clientId",e.clientId),i.toString()}function Ne(e,i=0){return ge.get(`/api/ui-studio/designs?${ye(e)}&offset=${i}&limit=20`)}function Aa(e,i,s){return ge.get(`/api/ui-studio/designs/${encodeURIComponent(i)}?${ye(e)}&expectedRevision=${s}`)}function Ma(e,i,s){return ge.delete(`/api/ui-studio/designs/${encodeURIComponent(i.designId)}?${ye(e)}`,{expectedRevision:i.revision,bridgeSessionId:s,...e.clientId?{clientId:e.clientId}:{}})}const La="_panel_1f5jr_1",Ea="_list_1f5jr_4",Ua="_row_1f5jr_5",Oa="_description_1f5jr_7",Ha="_error_1f5jr_8",Fa="_actions_1f5jr_9",Va="_button_1f5jr_10",za="_danger_1f5jr_11",Wa="_reference_1f5jr_13",O={panel:La,list:Ea,row:Ua,description:Oa,error:Ha,actions:Fa,button:Va,danger:za,reference:Wa};function Ka({placeId:e}){var Se;const{locale:i,t:s}=N(),{level:r,status:o}=lt(),a=((Se=o==null?void 0:o.pluginClients)==null?void 0:Se.filter(y=>y.placeId===e&&y.connectionState==="connected"))??[],l=a.length===1?a[0].clientId:void 0,u={placeId:e,...l?{clientId:l}:{}},p=`${e}|${l??""}|${i}`,d=_.useRef(0),m=_.useRef(null),h=_.useRef(null),f=_.useRef(0),[S,b]=_.useState(null),[R,M]=_.useState(0),[k,g]=_.useState(!1),[B,P]=_.useState([]),[j,T]=_.useState(0),[q,D]=_.useState(null),[C,v]=_.useState(!1),[$,A]=_.useState(null),[z,w]=_.useState(null),[L,G]=_.useState(!1),V=e!==0||!!l,fe=r==="studioConnected"&&a.length===1;_.useEffect(()=>{const y=++d.current;if(P([]),T(0),D(null),A(null),w(null),G(!1),b(null),f.current+=1,!k||!V){v(!1);return}return v(!0),Ne(u).then(I=>{y===d.current&&(P(I.designs),T(I.total??I.designs.length),b(I.bridgeSessionId))}).catch(I=>{y===d.current&&A(I instanceof Error?I.message:String(I))}).finally(()=>{y===d.current&&v(!1)}),()=>{d.current+=1}},[k,p,V,R]);const it=async()=>{if(C)return;const y=d.current;v(!0),A(null);try{const I=await Ne(u,B.length);if(y!==d.current)return;P(U=>[...new Map([...U,...I.designs].map(H=>[H.designId,H])).values()]),T(I.total),b(I.bridgeSessionId)}catch(I){y===d.current&&A(I instanceof Error?I.message:String(I))}finally{y===d.current&&v(!1)}},st=async y=>{const I=d.current,U=++f.current;D(null),A(null);try{const H=await Aa(u,y.designId,y.revision);I===d.current&&U===f.current&&D(H)}catch(H){I===d.current&&U===f.current&&A(H instanceof Error?H.message:String(H))}},at=async()=>{if(!z||!fe||L||!S)return;const y=d.current,I=z;G(!0),A(null);try{if(await Ma(u,I,S),y!==d.current)return;P(U=>U.filter(H=>H.designId!==I.designId)),T(U=>Math.max(0,U-1)),D(null),w(null),queueMicrotask(()=>{var U;return(U=m.current)==null?void 0:U.focus()})}catch(U){y===d.current&&A(U instanceof Error?U.message:String(U))}finally{y===d.current&&G(!1)}};return t.jsxs("details",{className:O.panel,open:k,onToggle:y=>g(y.currentTarget.open),children:[t.jsx("summary",{ref:m,children:s("uiStudio.design.saved","Saved designs")}),!V&&t.jsx("p",{className:O.description,children:s("uiStudio.design.connect","Connect the matching Studio to view designs for an unpublished Place.")}),C&&t.jsx("p",{role:"status",children:s("uiStudio.loading","Loading...")}),$&&t.jsxs("div",{children:[t.jsx("p",{role:"alert",className:O.error,children:$}),t.jsx("button",{type:"button",className:O.button,onClick:()=>M(y=>y+1),children:s("common.retry","Retry")})]}),V&&!C&&!$&&B.length===0&&t.jsx("p",{className:O.description,children:s("uiStudio.design.empty","Ask AI to save a UI design, then reuse it for another screen here.")}),t.jsx("ul",{className:O.list,children:B.map(y=>t.jsx("li",{children:t.jsxs("details",{className:O.row,onToggle:I=>{I.currentTarget.open&&st(y)},children:[t.jsx("summary",{children:y.name}),y.description&&t.jsx("p",{className:O.description,children:y.description}),(q==null?void 0:q.designId)===y.designId&&t.jsxs(t.Fragment,{children:[q.referenceImageUrl&&t.jsx("img",{className:O.reference,src:q.referenceImageUrl,alt:y.name}),q.sourceStatus==="missing"&&t.jsx("p",{className:O.description,children:s("uiStudio.design.sourceMissing","Original capture unavailable. The saved design is kept.")}),q.visual_thesis&&t.jsx("p",{className:O.description,children:q.visual_thesis}),t.jsx(me,{id:`reuse-${p}-${y.designId}-${y.revision}`,title:s("uiStudio.design.reuse","Use this design"),request:`${s("uiStudio.design.reuseRequest","Use this saved design as visual evidence for my next UI request. Read its current revision first, preserve my explicit changes, and decide the new screen purpose, content, layout, and interaction states separately. Do not change existing screens or inherit past verification results.")}
|
|
19
|
+
Place: ${e}${l?`
|
|
20
|
+
Studio: ${l}`:""}
|
|
21
|
+
Design: ${y.name}
|
|
22
|
+
${y.designId} / revision ${y.revision}`}),t.jsxs("div",{className:O.actions,children:[t.jsxs("span",{children:[s("uiStudio.design.revision","Revision")," ",y.revision]}),fe&&t.jsx("button",{type:"button",className:`${O.button} ${O.danger}`,onClick:I=>{h.current=I.currentTarget,w(y)},children:s("uiStudio.design.delete","Delete saved design")})]})]})]})},y.designId))}),B.length<j&&t.jsx("button",{type:"button",className:O.button,disabled:C,onClick:()=>void it(),children:s("uiStudio.design.more","Load more designs")}),z&&t.jsx(ee,{danger:!0,title:s("uiStudio.design.delete","Delete saved design"),message:`${z.name}: ${s("uiStudio.design.deleteMessage","Delete only this saved design. Studio UI, source assets, and change history are kept.")}${$?`
|
|
23
|
+
${$}`:""}`,busy:L,onConfirm:at,onClose:()=>{L||(w(null),queueMicrotask(()=>{var y;return(y=h.current)==null?void 0:y.focus()}))}})]})}function Ya(e){return{review:{id:"review-ui",title:e("uiStudio.emptyGuide.ai.reviewTitle","Review an existing UI"),request:e("uiStudio.emptyGuide.ai.reviewRequest","Inspect both Edit UI and UI created in the Play Client, then identify a screen to review. If there are several candidates, ask me which one to use first. Check text readability, overlapping elements, safe areas, and content outside the screen, then save the evidence in UI Studio. Do not modify the existing UI, and clearly separate semantic runtime observations, available screenshots, required states, and anything you could not verify.")},create:{id:"create-ui",title:e("uiStudio.emptyGuide.ai.createTitle","Create a new UI"),request:e("uiStudio.emptyGuide.ai.createRequest","Create an inventory UI for this game. Check the existing UI and data structure first, and ask me if the required features or visual direction are unclear. Do not overwrite existing UI. Capture and review the finished screen, then save the results in UI Studio.")}}}const Qa="_emptyState_13gyl_1",Xa="_header_13gyl_11",Ja="_method_13gyl_12",Za="_methodTitle_13gyl_44",er="_moreExamples_13gyl_57",Q={emptyState:Qa,header:Xa,method:Ja,methodTitle:Za,moreExamples:er};function Ye({kind:e}){const{locale:i,t:s}=N(),r=Ya(s),o=e==="analysis",a={copy:s("guidance.ai.copy","Copy request"),copying:s("guidance.ai.copying","Copying…"),copied:s("guidance.ai.copied","Copied"),copyFailed:s("guidance.ai.copyFailed","Could not copy. Select the request text and copy it manually.")};return t.jsxs("section",{className:Q.emptyState,children:[t.jsxs("header",{className:Q.header,children:[t.jsx("h3",{children:o?s("uiStudio.emptyGuide.analysis.title","Create or review game UI"):s("uiStudio.emptyGuide.history.title","Start a UI task")}),t.jsx("p",{children:o?s("uiStudio.emptyGuide.analysis.description","Ask AI to create or review UI, then inspect the saved screens and findings here."):s("uiStudio.emptyGuide.history.description","When AI creates or changes UI, the change record will appear here.")})]}),t.jsxs("section",{className:Q.method,children:[t.jsxs("div",{className:Q.methodTitle,children:[t.jsx(St,{size:16,"aria-hidden":"true"}),t.jsx("h4",{children:s("uiStudio.emptyGuide.ai.title","Ask AI")})]}),t.jsx(ce,{examples:[o?r.review:r.create],resetKey:`${i}|ui-studio-${e}`,labels:a,nextStep:s("guidance.ai.nextStep","Paste this request into an AI chat connected to WEPPY.")}),o&&t.jsxs("details",{className:Q.moreExamples,children:[t.jsx("summary",{children:s("uiStudio.emptyGuide.ai.more","Other request examples")}),t.jsx(ce,{examples:[r.create],resetKey:`${i}|ui-studio-create`,labels:a})]})]})]})}function tr(e){return((e==null?void 0:e.priority_high)??0)>0||((e==null?void 0:e.priority_medium)??0)>0||((e==null?void 0:e.priority_low)??0)>0}function te(e){return e===null||e.readiness==="insufficient_evidence"}function Qe(e){return e.target??e.scope}function ir(e){const i=Qe(e),s=i.split(".").filter(o=>o.length>0),r=s.findIndex(o=>o==="StarterGui");return r>=0&&s[r+1]?["StarterGui",s[r+1]].join("."):i}function Xe(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":te(e)?"incomplete":"passed"}function sr(e){return Xe(e.design_check_summary)}function Pe(e){return he(e.design_check_summary)}function he(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:te(e)?3:4}function ar(e){var l;if(e.length===0)return null;if(e.length===1)return((l=e[0])==null?void 0:l.latest.design_check_summary)??null;const i=e.reduce((u,p)=>{const d=p.latest.design_check_summary;u.priority_high+=(d==null?void 0:d.priority_high)??0,u.priority_medium+=(d==null?void 0:d.priority_medium)??0,u.priority_low+=(d==null?void 0:d.priority_low)??0,(d==null?void 0:d.deterministic_status)==="failed"&&(u.deterministic_status="failed"),(d==null?void 0:d.visual_status)==="failed"?u.visual_status="failed":(d==null?void 0:d.visual_status)==="skipped"&&u.visual_status!=="failed"?u.visual_status="skipped":(d==null?void 0:d.visual_status)==="completed"&&u.visual_status==="completed"?u.visual_status="completed":(d==null?void 0:d.visual_status)!=="completed"&&u.visual_status==="completed"&&(u.visual_status="not_requested"),(d==null?void 0:d.coverage)!=="structural_and_visual"&&(u.coverage="structural_only");for(const m of(d==null?void 0:d.skipped_reasons)??[])u.skipped_reasons.add(m);(d==null?void 0:d.readiness)==="insufficient_evidence"?u.readiness="insufficient_evidence":(d==null?void 0:d.readiness)==="review_required"&&u.readiness==="ready"&&(u.readiness="review_required");for(const m of(d==null?void 0:d.viewport_profiles_tested)??[])u.viewport_profiles_tested.add(m);return u},{priority_high:0,priority_medium:0,priority_low:0,deterministic_status:"completed",visual_status:"completed",coverage:"structural_and_visual",skipped_reasons:new Set,readiness:"ready",viewport_profiles_tested:new Set}),s=e.flatMap(u=>u.latest.design_check_summary?[u.latest.design_check_summary]:[]),r=u=>{const p=s.flatMap(h=>{var f;return(f=h.coverage_dimensions)!=null&&f[u]?[h.coverage_dimensions[u]]:[]}),d=p.map(h=>h.status);return{status:d.includes("failed")?"failed":d.length===s.length&&d.every(h=>h==="completed")?"completed":d.length>0&&d.every(h=>h==="not_requested")?"not_requested":"skipped",reasons:Array.from(new Set(p.flatMap(h=>h.reasons)))}},o=s.some(u=>u.coverage_dimensions)?{structure:r("structure"),visual:r("visual"),interaction:r("interaction"),primary_view_context:r("primary_view_context"),responsive_viewport:r("responsive_viewport")}:void 0,a=Array.from(new Set(s.flatMap(u=>u.observation_source?[u.observation_source]:[])));return{priority_high:i.priority_high,priority_medium:i.priority_medium,priority_low:i.priority_low,deterministic_status:i.deterministic_status,visual_status:i.visual_status,coverage:i.coverage,skipped_reasons:[...i.skipped_reasons],readiness:i.readiness,viewport_profiles_tested:[...i.viewport_profiles_tested],coverage_dimensions:o,observation_source:a.length===1?a[0]:void 0,limitations:Array.from(new Set(s.flatMap(u=>u.limitations??[]))),state_coverage:s.flatMap(u=>u.state_coverage??[])}}function rr(e){const i=new Map;for(const o of e){const a=Qe(o),l=i.get(a);if(!l){i.set(a,{latest:o,snapshotCount:1});continue}l.snapshotCount+=1,o.captured_at>l.latest.captured_at&&(l.latest=o)}const s=[...i.entries()].map(([o,a])=>({key:o,latest:a.latest,snapshotCount:a.snapshotCount,verdict:sr(a.latest)})),r=new Map;for(const o of s){const a=ir(o.latest),l=r.get(a)??[];l.push(o),r.set(a,l)}return[...r.entries()].map(([o,a])=>{var d;const l=a.sort((m,h)=>{const f=Pe(m.latest)-Pe(h.latest);return f!==0?f:h.latest.captured_at-m.latest.captured_at}),u=l.reduce((m,h)=>h.latest.captured_at>m.captured_at?h.latest:m,((d=l[0])==null?void 0:d.latest)??a[0].latest),p=ar(l);return{key:o,latest:u,snapshotCount:l.reduce((m,h)=>m+h.snapshotCount,0),children:l,summary:p,verdict:Xe(p)}}).sort((o,a)=>{const l=he(o.summary)-he(a.summary);return l!==0?l:a.latest.captured_at-o.latest.captured_at})}function nr(e){return e.reduce((i,s)=>(tr(s.summary)?i.hasSuggestions+=1:s.summary&&(i.noSuggestions+=1),te(s.summary)&&(i.evidenceIncomplete+=1),i),{hasSuggestions:0,evidenceIncomplete:0,noSuggestions:0})}function F(e,i){return`${i}${e("uiStudio.storage.countSuffix","개")}`}function _e(e,i){const s=te(i)?` · ${e("uiStudio.analysis.verdict.incomplete","검토 증거 부족")}`:"";return`${e("uiStudio.priorityHigh","우선 검토")} ${F(e,(i==null?void 0:i.priority_high)??0)} · ${e("uiStudio.priorityMedium","검토 권장")} ${F(e,(i==null?void 0:i.priority_medium)??0)} · ${e("uiStudio.priorityLow","선택 개선")} ${F(e,(i==null?void 0:i.priority_low)??0)}${s}`}function Re(e){const i=e==null?void 0:e.coverage_dimensions;return i?[["Visual",i.visual],["Interaction",i.interaction],["Primary view",i.primary_view_context],["Responsive",i.responsive_viewport]].flatMap(([s,r])=>typeof r=="object"&&r.status!=="completed"?[s]:[]):[]}function or(e,i){return i==="recompose"?e("uiStudio.primaryVisual.recompose","Recompose"):i==="refine"?e("uiStudio.primaryVisual.refine","Refine"):i==="approved"?e("uiStudio.primaryVisual.approved","Approved"):e("uiStudio.primaryVisual.unknown","Unknown")}function lr(e,i){return i==="ready"?e("uiStudio.readiness.ready","Ready"):i==="review_required"?e("uiStudio.readiness.reviewRequired","Review required"):i==="insufficient_evidence"?e("uiStudio.readiness.insufficient","Evidence incomplete"):e("uiStudio.readiness.unknown","Readiness unknown")}function cr(e,i,s){const r=s.evidenceIncomplete>0?` · ${J(e,"incomplete")} ${F(e,s.evidenceIncomplete)}`:"";return`${e("uiStudio.analysis.targetCountLabel","분석 대상")} ${F(e,i)} · ${J(e,"needsFix")} ${F(e,s.hasSuggestions)}${r} · ${J(e,"passed")} ${F(e,s.noSuggestions)}`}function qe(e,i){return(i==null?void 0:i.deterministic_status)==="failed"?e("uiStudio.analysis.coverage.deterministicFailed","구조 검사 실패"):(i==null?void 0:i.coverage)==="structural_and_visual"&&i.visual_status==="completed"?e("uiStudio.analysis.coverage.full","구조·시각 검사 완료"):(i==null?void 0:i.visual_status)==="skipped"?e("uiStudio.analysis.coverage.visualSkipped","구조 검사만 완료 · 시각 검사 생략"):(i==null?void 0:i.visual_status)==="failed"?e("uiStudio.analysis.coverage.visualFailed","구조 검사 완료 · 시각 검사 실패"):e("uiStudio.analysis.coverage.structuralOnly","구조 검사만 완료")}function ur({tier:e}){const{t:i}=N(),{trackEvent:s}=W(),r=e==="basic",o=Oe(50),a=_.useRef(null),[l,u]=_.useState(null),[p,d]=_.useState(new Set),[m,h]=_.useState(new Set),[f,S]=_.useState(!1),b=_.useCallback((w,L)=>{const G=l===w;G||(a.current=L??null),u(G?null:w)},[l]),R=_.useCallback(()=>{u(null)},[]),M=_.useCallback(w=>{d(L=>{const G=new Set(L);return G.has(w)?G.delete(w):G.add(w),G})},[]),k=r?Da(i):null,g=(k==null?void 0:k.list)??o.data,B=r?!1:o.loading,P=_.useCallback(w=>{h(L=>{const G=new Set(L);return G.has(w)?G.delete(w):G.add(w),G})},[]),j=w=>{h(new Set(w))},T=()=>{h(new Set)},q=async()=>{const w=(g==null?void 0:g.placeId)??0;s("dashboard_click_event",{click_target:"ui_studio_delete_selected_snapshots",page:"ui-studio",tab:"ui_studio_analysis"}),await gt(w,{ids:[...m]}),await o.refresh(),S(!1),h(new Set)};if(B)return t.jsx("div",{className:n.page,children:i("uiStudio.loading","Loading...")});if(!r&&pe(o.error))return t.jsx(Ke,{});if(!r&&o.error)return t.jsxs("div",{className:n.page,children:[i("uiStudio.error","Error"),": ",o.error]});const D=(g==null?void 0:g.snapshots)??[],C=g!==null,v=(g==null?void 0:g.placeId)??0,$=D.map(w=>w.snapshot_id),A=rr(D),z=nr(A);return t.jsxs("div",{children:[!r&&C&&t.jsx(Ka,{placeId:v},v),t.jsx("div",{className:n.analysisWorkspace,"data-detail-open":l?"true":"false",children:t.jsxs("div",{className:n.analysisMainColumn,"data-testid":"analysis-main-column",children:[r&&t.jsx("div",{className:n.sampleBanner,children:t.jsxs("div",{className:n.sampleBannerRow,children:[t.jsxs("div",{className:n.sampleBannerMain,children:[t.jsx("div",{className:n.sampleBadge,children:i("uiStudio.sample.badge","Preview of the Pro UI gallery")}),t.jsx("div",{className:n.sampleTitle,children:i("uiStudio.sample.title","You are previewing the UI screenshot gallery that unlocks after upgrading to Pro.")}),t.jsx("div",{className:n.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.jsx("div",{className:n.sampleActions,children:t.jsx("a",{className:n.primaryAction,href:Ae.uiStudioAnalysis,target:"_blank",rel:"noreferrer",onClick:()=>s("dashboard_click_event",{click_target:"upgrade_cta",placement:"ui_studio_analysis_banner",page:"ui-studio",tab:"ui_studio_analysis"}),children:i("tier.upgrade","View Pro")})})]})}),t.jsx("div",{className:n.galleryHeader,children:t.jsx("h2",{children:t.jsx(E,{label:i("uiStudio.title","UI Studio"),tooltip:i("uiStudio.title.tooltip","A central place to review AI-generated UI screens and improvement suggestions.")})})}),D.length===0?C?t.jsx(Ye,{kind:"analysis"}):t.jsx("div",{className:n.emptyState,children:i("uiStudio.empty.unavailable","UI Studio data is not available yet.")}):t.jsxs(t.Fragment,{children:[t.jsx("section",{className:n.analysisSummaryPanel,children:t.jsxs("div",{children:[t.jsx("h2",{children:t.jsx(E,{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:n.analysisSummaryText,children:cr(i,A.length,z)})]})}),t.jsx("div",{className:n.analysisReportGrid,"data-testid":"analysis-report-grid",children:A.map(w=>t.jsx(pr,{report:w,placeId:v,imageUrlOverride:r?de:void 0,expanded:p.has(w.key),onPrimaryClick:L=>{w.children.length>1?M(w.key):b(w.latest.snapshot_id,L)},onChildClick:(L,G)=>b(L,G)},w.key))}),t.jsxs("section",{className:n.recentCapturesSection,children:[t.jsxs("div",{className:n.recentCapturesHeader,children:[t.jsxs("div",{children:[t.jsx("h2",{children:t.jsx(E,{label:i("uiStudio.analysis.recentCapturesTitle","최근 캡처"),tooltip:i("uiStudio.analysis.recentCapturesTitle.tooltip","All recently saved captures in chronological order.")})}),t.jsxs("p",{className:n.recentCapturesMeta,children:[i("uiStudio.storage.snapshotCount","화면 캡처")," ",F(i,D.length)]})]}),!r&&D.length>0&&t.jsxs("div",{className:n.captureSelectionActions,children:[t.jsx(x,{text:i("uiStudio.gallery.selectAll.tooltip","Select every visible capture at once."),children:t.jsx("button",{className:n.selectionBarBtn,onClick:()=>j($),type:"button",children:i("uiStudio.gallery.selectAll","모두 선택")})}),m.size>0&&t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:n.selectionToolbarCount,children:[m.size,i("uiStudio.gallery.selection.selectedCount"," selected")]}),t.jsx(x,{text:i("uiStudio.gallery.clearSelection.tooltip","Clear the current selection."),children:t.jsx("button",{className:n.selectionBarBtn,onClick:T,type:"button",children:i("uiStudio.gallery.clearSelection","선택 해제")})}),t.jsx(x,{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:`${n.selectionBarBtn} ${n.selectionBarBtnDanger}`,onClick:()=>S(!0),type:"button",children:i("common.delete","삭제")})})]})]})]}),t.jsx("div",{className:n.grid,children:D.map(w=>t.jsx(ca,{snapshot:w,placeId:v,onClick:L=>b(w.snapshot_id,L),imageUrlOverride:r?de:void 0,selectable:!r,selected:m.has(w.snapshot_id),onToggleSelect:P},w.snapshot_id))})]})]})]})}),t.jsx(ft,{open:l!==null,ariaLabel:i("uiStudio.analysis.detailDialog","Analysis detail"),onClose:R,returnFocusTo:a.current,testId:"analysis-detail-popup-layer",children:l&&t.jsx(ka,{snapshotId:l,placeId:v,onClose:R,sampleDetail:r&&l===We?(k==null?void 0:k.detail)??null:null,tier:e,onActionDone:r?void 0:o.refresh})}),f&&t.jsx(ee,{title:i("uiStudio.confirm.deleteBatchTitle","화면 캡처 일괄 삭제"),message:i("uiStudio.confirm.deleteBatchMessage",`선택한 ${m.size}개의 화면 캡처를 삭제합니다. 이 작업은 되돌릴 수 없습니다.`),danger:!0,confirmLabel:i("common.delete","삭제"),onConfirm:q,onClose:()=>S(!1)})]})}function J(e,i){return i==="needsFix"||i==="review"?e("uiStudio.analysis.verdict.hasSuggestions","개선 제안 있음"):i==="incomplete"?e("uiStudio.analysis.verdict.incomplete","검토 증거 부족"):e("uiStudio.analysis.verdict.passed","현재 개선 제안 없음")}function dr(e,i){if(((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){if((i==null?void 0:i.readiness)==="insufficient_evidence"){const s=Re(i);return s.length>0?`${e("uiStudio.analysis.remainingReview","남은 검토")}: ${s.join(", ")}`:e("uiStudio.analysis.issueSummary.incomplete","검토 증거가 더 필요합니다.")}return _e(e,i)}if((i==null?void 0:i.readiness)==="insufficient_evidence"){const s=Re(i);return s.length>0?`${e("uiStudio.analysis.remainingReview","남은 검토")}: ${s.join(", ")}`:e("uiStudio.analysis.issueSummary.incomplete","검토 증거가 더 필요합니다.")}return e("uiStudio.analysis.issueSummary.passed","현재 검토 기준에서 추가 개선 제안은 없습니다.")}function pr({report:e,placeId:i,imageUrlOverride:s,expanded:r,onPrimaryClick:o,onChildClick:a}){var f;const{t:l}=N(),u=e.latest,p=s??Ue(u.snapshot_id,i),d=new Date(u.captured_at*1e3).toLocaleString(),m=J(l,e.verdict),h=e.children.length>1;return t.jsxs("div",{className:n.analysisReportGroup,children:[t.jsxs("button",{className:n.analysisReportCard,"aria-expanded":h?r:void 0,"aria-label":`${e.key} ${h?l("uiStudio.analysis.expandChildren","하위 대상 보기"):l("uiStudio.analysis.openDetail","상세 보기")}`,onClick:S=>o(S.currentTarget),type:"button",children:[u.image?t.jsx("img",{className:n.analysisReportThumb,src:p,alt:u.snapshot_id,loading:"lazy"}):t.jsx("div",{className:`${n.analysisReportThumb} ${n.runtimeObservationPlaceholder}`,role:"img","aria-label":l("uiStudio.runtimeStructureObservation","Runtime structure observation"),children:l("uiStudio.runtimeStructureObservation","Runtime structure observation")}),t.jsxs("div",{className:n.analysisReportBody,children:[t.jsxs("div",{className:n.analysisReportTopline,children:[t.jsx(x,{text:e.verdict==="passed"?l("uiStudio.analysis.verdict.passed.tooltip","No improvements suggested under the current review thresholds."):l("uiStudio.analysis.verdict.hasSuggestions.tooltip","Some improvements were found in this UI. Click the card for details."),children:t.jsx("span",{className:`${n.analysisVerdict} ${n[`analysisVerdict_${e.verdict}`]??""}`,children:m})}),t.jsx(x,{text:l("uiStudio.analysis.counts.tooltip","Shows how many suggestions are marked review first, recommended, or optional."),children:t.jsx("span",{className:n.analysisReportCounts,children:_e(l,e.summary)})})]}),t.jsx("div",{className:n.analysisReportTarget,children:e.key}),((f=e.summary)==null?void 0:f.readiness)==="insufficient_evidence"&&e.verdict!=="incomplete"&&t.jsx("div",{className:n.analysisReportIssue,children:l("uiStudio.analysis.verdict.incomplete","검토 증거 부족")}),t.jsx(hr,{summary:e.summary}),t.jsx("div",{className:n.analysisReportIssue,children:dr(l,e.summary)}),t.jsx("div",{className:n.analysisReportCoverage,children:qe(l,e.summary)}),t.jsx(_r,{summary:e.summary}),t.jsxs("div",{className:n.analysisReportMeta,children:[d," ·"," ",t.jsx(x,{text:l("uiStudio.analysis.thresholds.tooltip","The threshold set used for this review (default or custom)."),children:t.jsx("span",{children:l("uiStudio.analysis.thresholds","검토 기준")})}),": ",u.thresholds_source,e.snapshotCount>1?` · ${l("uiStudio.analysis.captureLabel","캡처")} ${F(l,e.snapshotCount)}`:"",h?` · ${l("uiStudio.analysis.childTargets","하위 대상")} ${F(l,e.children.length)}`:""]})]})]}),h&&r&&t.jsx("div",{className:n.analysisChildList,children:e.children.map(S=>t.jsxs("button",{className:n.analysisChildRow,onClick:b=>a(S.latest.snapshot_id,b.currentTarget),type:"button",children:[t.jsx("span",{className:n.analysisChildPath,children:S.key}),t.jsx("span",{className:n.analysisChildSummary,children:_e(l,S.latest.design_check_summary)}),t.jsx("span",{className:n.analysisChildSummary,children:qe(l,S.latest.design_check_summary)}),t.jsx("span",{className:n.analysisChildDetailHint,children:l("uiStudio.analysis.childDetailHint","하위 대상 상세 보기")})]},S.key))})]})}function hr({summary:e}){const{t:i}=N();if(!e)return null;const s=e.functional_safe===!0?i("uiStudio.functional.checkedScopeSafe","Checked scope safe"):e.functional_safe===!1?i("uiStudio.functional.risk","Risk found"):i("uiStudio.functional.unknown","Unknown"),r=e.responsive_requirement==="required"?i("uiStudio.responsive.required","Required"):e.responsive_requirement==="recommended"?i("uiStudio.responsive.recommended","Recommended"):i("uiStudio.responsive.unknown","Unknown");return t.jsxs("div",{className:n.readinessSummary,"aria-label":i("uiStudio.readiness.summary","UI readiness"),children:[t.jsxs("span",{className:n.readinessChip,children:[i("uiStudio.primaryVisual.label","Primary visual")," · ",or(i,e.primary_visual_verdict)]}),t.jsxs("span",{className:n.readinessChip,children:[i("uiStudio.functional.label","Functional")," · ",s]}),t.jsxs("span",{className:n.readinessChip,children:[i("uiStudio.responsive.label","Responsive")," · ",r]}),e.observation_source&&t.jsxs("span",{className:n.readinessChip,children:[i("uiStudio.observationSource.label","검사 출처")," · ",e.observation_source==="play_client"?i("uiStudio.observationSource.playClient","Play client"):i("uiStudio.observationSource.edit","Edit")]}),t.jsx("span",{className:`${n.readinessChip} ${e.readiness==="ready"?n.readinessChipReady:n.readinessChipPending}`,children:lr(i,e.readiness)})]})}function _r({summary:e}){const{t:i}=N(),s=e==null?void 0:e.coverage_dimensions;if(!s)return null;const r=[["Structure",s.structure],["Visual",s.visual],["Interaction",s.interaction],["Primary view",s.primary_view_context],["Responsive",s.responsive_viewport]];return t.jsx("div",{className:n.coverageChips,"aria-label":i("uiStudio.analysis.coverageDimensions","검토 범위"),children:r.map(([o,a])=>t.jsxs("span",{className:`${n.coverageChip} ${n[`coverageChip_${a.status}`]??""}`,title:a.reasons.join(", "),children:[o," · ",a.status==="completed"?i("uiStudio.analysis.coverageStatus.completed","완료"):a.status==="failed"?i("uiStudio.analysis.coverageStatus.failed","실패"):i("uiStudio.analysis.coverageStatus.skipped","생략")]},o))})}function gr(e,i,s=1e4){const[r,o]=_.useState(null),[a,l]=_.useState(!0),[u,p]=_.useState(null),d=JSON.stringify(i),m=_.useCallback(async()=>{if(e===null){o(null),p(null),l(!1);return}try{const h=await xe(e,i);o(h),p(null)}catch(h){p(h.message)}finally{l(!1)}},[e,d]);return _.useEffect(()=>{let h=!0;if(e===null)return o(null),p(null),l(!1),()=>{h=!1};const f=async()=>{try{const b=await xe(e,i);h&&(o(b),p(null))}catch(b){h&&p(b.message)}finally{h&&l(!1)}};f();const S=setInterval(()=>{f()},s);return()=>{h=!1,clearInterval(S)}},[e,d,s]),{data:r,loading:a,error:u,refresh:m}}const mr="_filterBar_1203k_4",yr="_filterGroup_1203k_14",fr="_filterLabel_1203k_21",Sr="_filterCheckbox_1203k_28",vr="_segmentGroup_1203k_45",xr="_segmentBtn_1203k_55",br="_segmentBtnActive_1203k_73",wr="_filterInput_1203k_79",jr="_filterResetBtn_1203k_95",Cr="_requestRow_1203k_114",kr="_requestRowMain_1203k_127",Ir="_requestDetailToggle_1203k_134",Nr="_thumbPair_1203k_156",Pr="_thumbPairButton_1203k_164",Rr="_thumbSlot_1203k_179",qr="_thumbImg_1203k_204",Tr="_thumbPlaceholder_1203k_211",Br="_thumbArrow_1203k_219",Gr="_extraPathsBadge_1203k_225",Dr="_requestMeta_1203k_239",$r="_requestLabel_1203k_247",Ar="_requestTime_1203k_256",Mr="_requestStats_1203k_261",Lr="_statDot_1203k_269",Er="_summaryPill_1203k_273",Ur="_requestReadiness_1203k_277",Or="_requestReadinessPill_1203k_283",Hr="_requestReadinessReady_1203k_297",Fr="_requestReadinessPending_1203k_303",Vr="_requestActions_1203k_310",zr="_expandHint_1203k_317",Wr="_mutationsArea_1203k_330",Kr="_mutLoading_1203k_339",Yr="_mutEmpty_1203k_340",Qr="_mutError_1203k_346",Xr="_mutationRow_1203k_352",Jr="_mutationLine_1203k_362",Zr="_mutTs_1203k_369",en="_mutCommand_1203k_375",tn="_mutPath_1203k_381",sn="_mutDiff_1203k_391",an="_mutErr_1203k_346",rn="_changeDetails_1203k_406",nn="_changeDetailRow_1203k_414",on="_changeDetailRowNoBefore_1203k_423",ln="_changeDetailBadge_1203k_427",cn="_changeDetail_text_1203k_444",un="_changeDetail_color_1203k_449",dn="_changeDetail_size_1203k_454",pn="_changeDetail_layout_1203k_459",hn="_changeDetail_state_1203k_464",_n="_changeDetail_asset_1203k_469",gn="_changeDetail_property_1203k_474",mn="_changeDetailProperty_1203k_478",yn="_changeDetailArrow_1203k_486",fn="_changeDetailOldValue_1203k_492",Sn="_changeDetailNewValue_1203k_493",vn="_compareDialogLayer_1203k_511",xn="_compareDialog_1203k_511",bn="_beforeAfterDrawer_1203k_542",wn="_drawerHeader_1203k_552",jn="_drawerTitle_1203k_561",Cn="_drawerCloseBtn_1203k_569",kn="_drawerBody_1203k_585",In="_pathTabs_1203k_592",Nn="_pathTab_1203k_592",Pn="_pathTabActive_1203k_621",Rn="_comparePanel_1203k_627",qn="_compareHalf_1203k_637",Tn="_compareLabel_1203k_644",Bn="_compareImg_1203k_655",Gn="_comparePlaceholder_1203k_663",Dn="_compareDetailsPanel_1203k_675",$n="_compareDetailsHeader_1203k_684",An="_drawerFooter_1203k_702",Mn="_drawerActionBtn_1203k_710",Ln="_historyTabWrap_1203k_728",En="_historyWorkspace_1203k_734",Un="_historyMainColumn_1203k_739",On="_requestList_1203k_743",Hn="_emptyHistory_1203k_748",Fn="_historyError_1203k_758",Vn="_historyLoading_1203k_764",zn="_listHeader_1203k_772",Wn="_listHeaderTitle_1203k_781",Kn="_clearBtn_1203k_788",Yn="_deleteErrBanner_1203k_812",c={filterBar:mr,filterGroup:yr,filterLabel:fr,filterCheckbox:Sr,segmentGroup:vr,segmentBtn:xr,segmentBtnActive:br,filterInput:wr,filterResetBtn:jr,requestRow:Cr,requestRowMain:kr,requestDetailToggle:Ir,thumbPair:Nr,thumbPairButton:Pr,thumbSlot:Rr,thumbImg:qr,thumbPlaceholder:Tr,thumbArrow:Br,extraPathsBadge:Gr,requestMeta:Dr,requestLabel:$r,requestTime:Ar,requestStats:Mr,statDot:Lr,summaryPill:Er,requestReadiness:Ur,requestReadinessPill:Or,requestReadinessReady:Hr,requestReadinessPending:Fr,requestActions:Vr,expandHint:zr,mutationsArea:Wr,mutLoading:Kr,mutEmpty:Yr,mutError:Qr,mutationRow:Xr,mutationLine:Jr,mutTs:Zr,mutCommand:en,mutPath:tn,mutDiff:sn,mutErr:an,changeDetails:rn,changeDetailRow:nn,changeDetailRowNoBefore:on,changeDetailBadge:ln,changeDetail_text:cn,changeDetail_color:un,changeDetail_size:dn,changeDetail_layout:pn,changeDetail_state:hn,changeDetail_asset:_n,changeDetail_property:gn,changeDetailProperty:mn,changeDetailArrow:yn,changeDetailOldValue:fn,changeDetailNewValue:Sn,compareDialogLayer:vn,compareDialog:xn,beforeAfterDrawer:bn,drawerHeader:wn,drawerTitle:jn,drawerCloseBtn:Cn,drawerBody:kn,pathTabs:In,pathTab:Nn,pathTabActive:Pn,comparePanel:Rn,compareHalf:qn,compareLabel:Tn,compareImg:Bn,comparePlaceholder:Gn,compareDetailsPanel:Dn,compareDetailsHeader:$n,drawerFooter:An,drawerActionBtn:Mn,historyTabWrap:Ln,historyWorkspace:En,historyMainColumn:Un,requestList:On,emptyHistory:Hn,historyError:Fn,historyLoading:Vn,listHeader:zn,listHeaderTitle:Wn,clearBtn:Kn,deleteErrBanner:Yn};function Qn(e){try{return new Date(e).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}catch{return e}}function Te(e){return e==null?"nil":typeof e=="string"?`"${e}"`:typeof e=="object"?JSON.stringify(e):String(e)}function Je({mutations:e,emptyLabel:i}){const{t:s}=N();return e.length===0?t.jsx("div",{className:c.mutEmpty,children:i??s("uiStudio.history.row.mutationsEmpty","No change details")}):t.jsx(t.Fragment,{children:e.map(r=>t.jsx(Xn,{mutation:r},r.mutationId))})}function Xn({mutation:e}){return t.jsxs("div",{className:c.mutationRow,children:[t.jsxs("div",{className:c.mutationLine,children:[t.jsx("span",{className:c.mutTs,children:Qn(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(Jn,{detail:i},`${i.property}:${i.category}`))}),!e.ok&&e.error&&t.jsx("span",{className:c.mutErr,children:e.error})]})}function Jn({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:Te(e.before)}),t.jsx("span",{className:c.changeDetailArrow,children:"→"}),t.jsx("span",{className:c.changeDetailNewValue,children:Te(e.after)})]})}function Be(e,i){return`${Z}/api/ui-studio/snapshots/${encodeURIComponent(e)}/image?placeId=${i}`}function Zn(e){try{return new Date(e).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}catch{return e}}function eo(e){if(!e)return null;const i=e.split(/[./]/).filter(r=>r.length>0);if(i.length===0)return null;const s=i.findIndex(r=>r==="StarterGui");return s>=0&&i[s+1]?i[s+1]:i[i.length-1]??null}function oe(e,i){if(i.label)return i.label;const s=eo(i.affectedPaths[0]);if(s){const r=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(r,o).replace("{path}",s).replace("{n}",String(i.mutationCount))}return e("uiStudio.history.row.toolLabel","UI changes ({n})").replace("{n}",String(i.mutationCount))}function le(e,i){return`${i}${e("uiStudio.storage.countSuffix","")}`}function to(e,i){if(!i)return null;const s=[i.style_family,i.layout_family,i.device_policy,i.safe_area_policy].filter(r=>typeof r=="string"&&r.length>0);return s.length===0?null:`${e("uiStudio.history.row.qualityPlan","Design direction")}: ${s.join(" · ")}`}function io(e,i,s){if(!i)return null;if(i.source==="unavailable")return e("uiStudio.history.row.designCheckUnavailable","Suggestions: unavailable");if(s==="insufficient_evidence"||i.readiness==="insufficient_evidence")return e("uiStudio.history.row.readinessIncomplete","Readiness: evidence incomplete");if(i.total===0)return e("uiStudio.history.row.designCheckNone","Suggestions: none");const r=`${e("uiStudio.priorityHigh","Priority")} ${le(e,i.priority_high)}`,o=`${e("uiStudio.priorityMedium","Recommended")} ${le(e,i.priority_medium)}`,a=`${e("uiStudio.priorityLow","Optional")} ${le(e,i.priority_low)}`;return`${e("uiStudio.history.row.designCheck","Suggestions")}: ${r} · ${o} · ${a}`}function so(e,i){return i==="recompose"?e("uiStudio.primaryVisual.recompose","Recompose"):i==="refine"?e("uiStudio.primaryVisual.refine","Refine"):i==="approved"?e("uiStudio.primaryVisual.approved","Approved"):e("uiStudio.primaryVisual.unknown","Unknown")}function Ze({req:e,placeId:i,onOpenCompare:s,imageUrlOverride:r,sampleMutations:o}){const{t:a}=N(),[l,u]=_.useState(!1),[p,d]=_.useState(null),[m,h]=_.useState(!1),[f,S]=_.useState(null),b=r!=null,R=e.affectedPaths[0]??null,M=e.affectedPaths.length-1,k=R?e.beforeSnapshots[R]??null:null,g=R?e.afterSnapshots[R]??null:null,B=k?b?r:Be(k,i):null,P=g?b?r:Be(g,i):null,j=to(a,e.qualityPlanSummary),T=io(a,e.postChangeDesignCheckSummary,e.readiness),q=e.postChangeDesignCheckSummary,D=async()=>{if(!l&&p===null)if(b&&o!=null)d(o);else{h(!0),S(null);try{const C=await Me(i,e.requestId);d(C.mutations)}catch(C){S(C.message)}finally{h(!1)}}u(C=>!C)};return t.jsxs("div",{className:c.requestRow,children:[t.jsxs("div",{className:c.requestRowMain,children:[t.jsx(x,{text:a("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:C=>s(C.currentTarget),disabled:!R,"aria-label":`${oe(a,e)} ${a("uiStudio.history.row.compare","Before / After")}`,type:"button",children:[t.jsx("div",{className:c.thumbSlot,children:B?t.jsx("img",{className:c.thumbImg,src:B,alt:a("uiStudio.compare.before","Before"),loading:"lazy"}):t.jsx(x,{text:a("uiStudio.history.row.noBeforeState.tooltip","No capture saved before this change."),children:t.jsx("span",{className:c.thumbPlaceholder,children:a("uiStudio.history.row.noBeforeState","이전 없음")})})}),t.jsx("span",{className:c.thumbArrow,children:"→"}),t.jsx("div",{className:c.thumbSlot,children:P?t.jsx("img",{className:c.thumbImg,src:P,alt:a("uiStudio.compare.after","After"),loading:"lazy"}):t.jsx(x,{text:a("uiStudio.history.row.noAfterState.tooltip","No capture saved after this change."),children:t.jsx("span",{className:c.thumbPlaceholder,children:a("uiStudio.history.row.noAfterState","이후 없음")})})}),M>0&&t.jsx(x,{text:a("uiStudio.history.row.extraPaths.tooltip","Number of additional UIs changed in this action."),children:t.jsxs("span",{className:c.extraPathsBadge,children:["+",M]})})]})}),t.jsxs("button",{className:c.requestDetailToggle,type:"button","aria-expanded":l,"aria-label":`${oe(a,e)} ${a("uiStudio.history.row.toggleDetails","Toggle change details")}`,onClick:()=>void D(),children:[t.jsxs("span",{className:c.requestMeta,children:[t.jsx("span",{className:c.requestLabel,children:oe(a,e)}),t.jsx("span",{className:c.requestTime,children:Zn(e.startedAt)}),t.jsxs("span",{className:c.requestStats,children:[t.jsx(x,{text:a("uiStudio.history.row.affectedPaths.tooltip","Number of UIs affected by this action."),children:t.jsxs("span",{children:[a("uiStudio.history.row.affectedPaths","Paths")," ",e.affectedPaths.length,a("uiStudio.storage.countSuffix","")]})}),t.jsx("span",{className:c.statDot,children:"·"}),t.jsx(x,{text:a("uiStudio.history.row.mutations.tooltip","Number of detailed changes (e.g., property edits)."),children:t.jsxs("span",{children:[a("uiStudio.history.row.mutations","Change details")," ",e.mutationCount,a("uiStudio.storage.countSuffix","")]})}),j&&t.jsxs(t.Fragment,{children:[t.jsx("span",{className:c.statDot,children:"·"}),t.jsx(x,{text:a("uiStudio.history.row.qualityPlan.tooltip","Brief design direction used for this change."),children:t.jsx("span",{className:c.summaryPill,children:j})})]}),T&&t.jsxs(t.Fragment,{children:[t.jsx("span",{className:c.statDot,children:"·"}),t.jsx(x,{text:a("uiStudio.history.row.designCheck.tooltip","Post-change Design Check suggestion summary."),children:t.jsx("span",{className:c.summaryPill,children:T})})]})]}),q&&t.jsxs("span",{className:c.requestReadiness,"aria-label":a("uiStudio.readiness.summary","UI readiness"),children:[t.jsx("span",{className:c.requestReadinessPill,children:so(a,q.primary_visual_verdict)}),t.jsx("span",{className:c.requestReadinessPill,children:q.functional_safe===!0?a("uiStudio.functional.safeCompact","Functional safe"):q.functional_safe===!1?a("uiStudio.functional.riskCompact","Functional risk"):a("uiStudio.functional.unknownCompact","Functional unknown")}),t.jsx("span",{className:c.requestReadinessPill,children:q.responsive_requirement==="required"?a("uiStudio.responsive.requiredCompact","Responsive required"):q.responsive_requirement==="recommended"?a("uiStudio.responsive.recommendedCompact","Responsive recommended"):a("uiStudio.responsive.unknownCompact","Responsive unknown")}),q.readiness==="ready"&&t.jsx("span",{className:`${c.requestReadinessPill} ${c.requestReadinessReady}`,children:a("uiStudio.readiness.ready","Ready")}),q.readiness==="review_required"&&t.jsx("span",{className:`${c.requestReadinessPill} ${c.requestReadinessPending}`,children:a("uiStudio.readiness.reviewRequired","Review required")})]})]}),t.jsx("span",{className:c.requestActions,children:t.jsx(x,{text:a("uiStudio.history.row.toggleDetails.tooltip","Show or hide a per-line breakdown of what changed."),children:t.jsx("span",{className:c.expandHint,children:l?a("uiStudio.history.row.collapseDetails","Hide change details"):a("uiStudio.history.row.expandDetails","Show {n} change details").replace("{n}",String(e.mutationCount))})})})]})]}),l&&t.jsxs("div",{className:c.mutationsArea,children:[m&&t.jsx("div",{className:c.mutLoading,children:a("uiStudio.history.loading","로딩 중...")}),f&&t.jsx("div",{className:c.mutError,children:f}),p&&t.jsx(Je,{mutations:p,emptyLabel:a("uiStudio.history.row.mutationsEmpty","No change details")})]})]})}function Ge(e,i){return`${Z}/api/ui-studio/snapshots/${encodeURIComponent(e)}/image?placeId=${i}`}function et({requestId:e,placeId:i,onClose:s,imageUrlOverride:r,sampleDetail:o}){const{t:a}=N(),l=_.useRef(null),u=o!=null,[p,d]=_.useState(u?o:null),[m,h]=_.useState(!u),[f,S]=_.useState(null),[b,R]=_.useState(u&&o.affectedPaths.length>0?o.affectedPaths[0]:null);_.useEffect(()=>{var j;(j=l.current)==null||j.focus()},[]),_.useEffect(()=>{const j=T=>{T.key==="Escape"&&(T.preventDefault(),s())};return document.addEventListener("keydown",j),()=>{document.removeEventListener("keydown",j)}},[s]),_.useEffect(()=>{if(u)return;let j=!0;return h(!0),S(null),Me(i,e).then(T=>{j&&(d(T),T.affectedPaths.length>0&&R(T.affectedPaths[0]))}).catch(T=>{j&&S(T.message)}).finally(()=>{j&&h(!1)}),()=>{j=!1}},[e,i,u]);const M=b&&p?p.beforeSnapshots[b]??null:null,k=b&&p?p.afterSnapshots[b]??null:null,g=M?r??Ge(M,i):null,B=k?r??Ge(k,i):null,P=a("uiStudio.history.row.compare","전후 비교");return t.jsx("div",{className:c.compareDialogLayer,"data-testid":"history-compare-dialog-layer",onClick:s,role:"presentation",children:t.jsx("section",{ref:l,className:c.compareDialog,role:"dialog","aria-modal":"true","aria-label":P,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:P}),t.jsx("button",{className:c.drawerCloseBtn,onClick:s,type:"button",children:a("uiStudio.history.drawer.close","닫기")})]}),m&&t.jsx("div",{className:c.drawerBody,children:a("uiStudio.history.loading","로딩 중...")}),f&&t.jsx("div",{className:c.drawerBody,children:t.jsx("span",{className:c.mutErr,children:f})}),!m&&!f&&p&&t.jsxs(t.Fragment,{children:[p.affectedPaths.length>0&&t.jsx("div",{className:c.pathTabs,role:"tablist",children:p.affectedPaths.map(j=>t.jsx(x,{text:`${a("uiStudio.compare.path.tooltip","The UI instance path for this screen.")} ${j}`,children:t.jsx("button",{role:"tab","aria-selected":b===j,className:`${c.pathTab} ${b===j?c.pathTabActive:""}`,onClick:()=>R(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(x,{text:a("uiStudio.compare.before.tooltip","The screen saved just before AI made the change."),children:t.jsx("div",{className:c.compareLabel,children:a("uiStudio.compare.before","Before")})}),g?t.jsx("img",{className:c.compareImg,src:g,alt:a("uiStudio.compare.before","Before")}):t.jsx("div",{className:c.comparePlaceholder,children:a("uiStudio.history.row.noBeforeState","이전 상태 없음")})]}),t.jsxs("div",{className:c.compareHalf,children:[t.jsx(x,{text:a("uiStudio.compare.after.tooltip","The screen saved just after AI made the change."),children:t.jsx("div",{className:c.compareLabel,children:a("uiStudio.compare.after","After")})}),B?t.jsx("img",{className:c.compareImg,src:B,alt:a("uiStudio.compare.after","After")}):t.jsx("div",{className:c.comparePlaceholder,children:a("uiStudio.history.row.noAfterState","이후 상태 없음")})]})]}),b&&k&&t.jsx(Fe,{placeId:i,target:b,snapshotId:k,sample:u}),t.jsxs("section",{className:c.compareDetailsPanel,children:[t.jsx("div",{className:c.compareDetailsHeader,children:a("uiStudio.history.drawer.changeDetails","Change details")}),t.jsx(Je,{mutations:p.mutations,emptyLabel:a("uiStudio.history.row.mutationsEmpty","No change details")})]})]}),t.jsx("div",{className:c.drawerFooter,children:t.jsx("button",{className:c.drawerActionBtn,onClick:s,type:"button",children:a("uiStudio.history.drawer.close","닫기")})})]})})})}function X(e){const i=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0),s=new Date(e.getFullYear(),e.getMonth(),e.getDate(),23,59,59,999);return{start:i,end:s}}function De(e,i){const s=e.split("-").map(Number);if(s.length!==3||s.some(l=>Number.isNaN(l)))return;const[r,o,a]=s;return new Date(r,o-1,a,i?23:0,i?59:0,i?59:0,i?999:0).toISOString()}function ao(e){const i={limit:50};if(e.action!=="all"&&(i.action=e.action),e.datePreset==="custom"){const s=e.from?De(e.from,!1):void 0,r=e.to?De(e.to,!0):void 0;s&&(i.from=s),r&&(i.to=r)}else if(e.datePreset!=="all"){const s=new Date;if(e.datePreset==="today"){const{start:r,end:o}=X(s);i.from=r.toISOString(),i.to=o.toISOString()}else if(e.datePreset==="yesterday"){const r=new Date(s);r.setDate(r.getDate()-1);const{start:o,end:a}=X(r);i.from=o.toISOString(),i.to=a.toISOString()}else{const r=e.datePreset==="7d"?6:29,o=new Date(s);o.setDate(o.getDate()-r);const{start:a}=X(o),{end:l}=X(s);i.from=a.toISOString(),i.to=l.toISOString()}}return i}function tt(){return{action:"all",datePreset:"all"}}function ro(e){return e.action==="all"&&e.datePreset==="all"&&e.from===void 0&&e.to===void 0}function no(){const{t:e}=N(),{trackEvent:i}=W(),s=mt(e),[r,o]=_.useState(null),a=r?s.requests.find(p=>p.requestId===r)??null:null,l=_.useCallback((p,d)=>{o(p)},[]),u=_.useCallback(()=>{o(null)},[]);return t.jsxs("div",{className:c.historyTabWrap,children:[t.jsx("div",{className:n.sampleBanner,children:t.jsxs("div",{className:n.sampleBannerRow,children:[t.jsxs("div",{className:n.sampleBannerMain,children:[t.jsx("div",{className:n.sampleBadge,children:e("uiStudio.history.sample.bannerBadge","Preview of the Pro change history")}),t.jsx("div",{className:n.sampleTitle,children:e("uiStudio.history.sample.bannerTitle","You are previewing the UI change history that unlocks after upgrading to Pro.")}),t.jsx("div",{className:n.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.jsx("div",{className:n.sampleActions,children:t.jsx("a",{className:n.primaryAction,href:Ae.uiStudioHistory,target:"_blank",rel:"noreferrer",title:e("uiStudio.history.sample.tooltip","Full history is available with Pro"),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","View Pro")})})]})}),t.jsxs("div",{className:c.historyWorkspace,"data-compare-open":r?"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(E,{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:s.requests.map(p=>t.jsx(Ze,{req:p,placeId:0,onOpenCompare:d=>l(p.requestId,d),imageUrlOverride:be,sampleMutations:s.mutationsByRequest[p.requestId]},p.requestId))})]}),r&&a&&t.jsx(et,{requestId:r,placeId:0,onClose:u,imageUrlOverride:be,sampleDetail:{...a,mutations:s.mutationsByRequest[a.requestId]??[]}})]})]})}function oo({filter:e,onChange:i}){const{t:s}=N(),r=[{value:"all",label:s("uiStudio.history.filter.actionAll","All"),tooltip:s("uiStudio.history.filter.actionAll.tooltip","Show every kind of action.")},{value:"create_tree",label:s("uiStudio.history.filter.actionCreate","Create"),tooltip:s("uiStudio.history.filter.actionCreate.tooltip","Show only actions that created a new UI.")},{value:"update",label:s("uiStudio.history.filter.actionUpdate","Update"),tooltip:s("uiStudio.history.filter.actionUpdate.tooltip","Show only actions that updated an existing UI.")},{value:"delete",label:s("uiStudio.history.filter.actionDelete","Delete"),tooltip:s("uiStudio.history.filter.actionDelete.tooltip","Show only actions that deleted a UI.")}],o=[{value:"all",label:s("uiStudio.history.filter.dateAll","All"),tooltip:s("uiStudio.history.filter.dateAll.tooltip","Show the full history.")},{value:"today",label:s("uiStudio.history.filter.today","Today"),tooltip:s("uiStudio.history.filter.today.tooltip","Show only changes from today.")},{value:"yesterday",label:s("uiStudio.history.filter.yesterday","Yesterday"),tooltip:s("uiStudio.history.filter.yesterday.tooltip","Show only changes from yesterday.")},{value:"7d",label:s("uiStudio.history.filter.last7Days","Last 7 days"),tooltip:s("uiStudio.history.filter.last7Days.tooltip","Show changes from the last 7 days.")},{value:"30d",label:s("uiStudio.history.filter.last30Days","Last 30 days"),tooltip:s("uiStudio.history.filter.last30Days.tooltip","Show changes from the last 30 days.")},{value:"custom",label:s("uiStudio.history.filter.customRange","Custom range"),tooltip:s("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(E,{label:s("uiStudio.history.filter.actions","작업 유형"),tooltip:s("uiStudio.history.filter.actions.tooltip","Filter records by the kind of change AI made.")})}),t.jsx("div",{className:c.segmentGroup,children:r.map(a=>t.jsx(x,{text:a.tooltip,children:t.jsx("button",{className:`${c.segmentBtn} ${e.action===a.value?c.segmentBtnActive:""}`,onClick:()=>i({...e,action:a.value}),"aria-pressed":e.action===a.value,type:"button",children:a.label})},a.value))})]}),t.jsxs("div",{className:c.filterGroup,children:[t.jsx("span",{className:c.filterLabel,children:t.jsx(E,{label:s("uiStudio.history.filter.period","Period"),tooltip:s("uiStudio.history.filter.period.tooltip","Filter records by time range.")})}),t.jsx("div",{className:c.segmentGroup,children:o.map(a=>t.jsx(x,{text:a.tooltip,children:t.jsx("button",{className:`${c.segmentBtn} ${e.datePreset===a.value?c.segmentBtnActive:""}`,onClick:()=>i({...e,datePreset:a.value,from:a.value==="custom"?e.from:void 0,to:a.value==="custom"?e.to:void 0}),"aria-pressed":e.datePreset===a.value,type:"button",children:a.label})},a.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(E,{label:s("uiStudio.history.filter.from","시작일"),tooltip:s("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:a=>i({...e,from:a.target.value||void 0})}),t.jsx("label",{className:c.filterLabel,htmlFor:"ui-history-to-date",children:t.jsx(E,{label:s("uiStudio.history.filter.to","종료일"),tooltip:s("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:a=>i({...e,to:a.target.value||void 0})})]}),t.jsx(x,{text:s("uiStudio.history.filter.reset.tooltip","Reset all filters to defaults."),children:t.jsx("button",{className:c.filterResetBtn,onClick:()=>i(tt()),type:"button",children:s("uiStudio.history.filter.reset","Reset")})})]})}function lo(){var D;const{t:e}=N(),{trackEvent:i}=W(),s=Oe(1),r=((D=s.data)==null?void 0:D.placeId)??null,[o,a]=_.useState(tt),{data:l,loading:u,error:p,refresh:d}=gr(r,ao(o)),[m,h]=_.useState(null),[f,S]=_.useState(!1),[b,R]=_.useState(!1),[M,k]=_.useState(null),g=async()=>{if(k(null),r===null){k(e("uiStudio.history.noPlaceAction","Current place is not available yet."));return}try{await yt(r,{all:!0,alsoSnapshots:b}),await d(),S(!1)}catch(C){throw k(C.message),C}},B=(l==null?void 0:l.requests)??[],P=r===null&&s.loading,j=pe(s.error)||pe(p),T=_.useCallback((C,v)=>{i("dashboard_click_event",{click_target:"ui_studio_compare_before_after",page:"ui-studio",tab:"ui_studio_history"}),h(C)},[i]),q=_.useCallback(()=>{h(null)},[]);return t.jsxs("div",{className:c.historyTabWrap,children:[j?t.jsx(Ke,{}):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(oo,{filter:o,onChange:a}),t.jsxs("div",{className:c.listHeader,children:[t.jsx("h2",{className:c.listHeaderTitle,children:t.jsx(E,{label:e("uiStudio.history.title","변경 이력"),tooltip:e("uiStudio.history.title.tooltip","A timeline of every UI change made by AI.")})}),B.length>0&&t.jsx(x,{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.loadingPlace","Loading current place...")}),!P&&u&&t.jsx("div",{className:c.historyLoading,children:e("uiStudio.history.loading","로딩 중...")}),!P&&!u&&p&&t.jsxs("div",{className:c.historyError,children:[e("uiStudio.history.error","오류"),": ",p]}),!P&&!u&&!p&&r===null&&t.jsx("div",{className:c.emptyHistory,children:e("uiStudio.history.noPlace","No current place data is available yet. Connect WEPPY Plugin and sync a place to view UI change history.")}),!P&&!u&&!p&&r!==null&&B.length===0&&(ro(o)?t.jsx(Ye,{kind:"history"}):t.jsxs("div",{className:c.emptyHistory,children:[t.jsx("strong",{children:e("uiStudio.history.filteredEmpty.title","No change history matches these filters")}),t.jsx("span",{children:e("uiStudio.history.filteredEmpty.body","Change the filters or use Reset to show the full history.")})]})),!P&&!u&&r!==null&&B.length>0&&t.jsx("div",{className:c.requestList,children:B.map(C=>t.jsx(Ze,{req:C,placeId:r,onOpenCompare:v=>T(C.requestId,v)},C.requestId))}),M&&t.jsx("div",{className:c.deleteErrBanner,children:M})]}),m&&r!==null&&t.jsx(et,{requestId:m,placeId:r,onClose:q})]}),f&&t.jsx(ee,{title:e("uiStudio.history.confirm.clearRequestsTitle","변경 이력 삭제"),message:e("uiStudio.history.confirm.clearRequestsMessage","현재 place의 변경 이력을 삭제합니다. Studio 인스턴스에는 영향을 주지 않습니다."),danger:!0,cascadeOption:{label:e("uiStudio.history.confirm.cascadeOption","연결된 화면 캡처도 함께 삭제"),checked:b,onChange:R},confirmLabel:e("common.delete","삭제"),onConfirm:g,onClose:()=>S(!1)})]})}function co({tier:e}){return e==="basic"?t.jsx(no,{}):t.jsx(lo,{})}const uo=["analysis","history"];function wo(){const{t:e}=N(),{trackEvent:i}=W(),{tier:s,loading:r}=ct(),[o,a]=ut(),l=o.get("tab"),u=l&&uo.includes(l)?l:"analysis",p=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"}),a(h=>{const f=new URLSearchParams(h);return f.set("tab",m),f})},d=[{key:"analysis",label:t.jsx(x,{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(x,{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:n.page,children:[t.jsx(pt,{title:e("page.uiStudio.title","UI Studio"),description:e("page.uiStudio.description","Review UI captures, improvement suggestions, and before/after change history."),helpTopicId:"uiStudio",helpState:{tier:s}}),!r&&s==="pro"&&t.jsx(vt,{surface:"uiStudio"}),t.jsx(xt,{items:d,value:u,onChange:p}),r?t.jsx("div",{className:n.emptyState,children:e("uiStudio.loading","Loading...")}):u==="analysis"?t.jsx(ur,{tier:s}):t.jsx(co,{tier:s})]})}export{wo as Component};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{u as j,j as e,L as k,a1 as C,e as P,r as u,a2 as N}from"./index-
|
|
1
|
+
import{u as j,j as e,L as k,a1 as C,e as P,r as u,a2 as N}from"./index-CfT3smRY.js";import{P as I}from"./PageHeader-plAaGWcw.js";import{P as R}from"./PlaytestAiPromptExamples-CV1U6nF6.js";import"./AiPromptExamples-CQGYhsSq.js";import"./copy-CcmKRqlO.js";function f(s){return`announcement-${s}`}const b="_card_76vlh_2",L="_cardUnread_76vlh_21",A="_cardRead_76vlh_26",T="_cardUnreadWarning_76vlh_31",B="_topRow_76vlh_38",E="_categoryChip_76vlh_45",S="_versionChip_76vlh_58",U="_importantBadge_76vlh_70",$="_date_76vlh_83",W="_title_76vlh_91",M="_body_76vlh_100",z="_aiPrompt_76vlh_108",O="_aiPromptIntro_76vlh_118",V="_linkList_76vlh_131",Y="_link_76vlh_131",H="_internalLink_76vlh_153",q="_newBadge_76vlh_175",a={card:b,cardUnread:L,cardRead:A,cardUnreadWarning:T,topRow:B,categoryChip:E,versionChip:S,importantBadge:U,date:$,title:W,body:M,aiPrompt:z,aiPromptIntro:O,linkList:V,link:Y,internalLink:H,newBadge:q},D={release:"whatsNew.category.release",notice:"whatsNew.category.notice",deprecation:"whatsNew.category.deprecation",tip:"whatsNew.category.tip"};function v({announcement:s,isNew:d}){var w;const{locale:h,t:i}=j(),c=d?a.cardUnread:a.cardRead,o=s.severity==="warning",p=o&&d?a.cardUnreadWarning:"",x=s.title[h]??s.title.en,_=s.body[h]??s.body.en,m=s.links??(s.link?[s.link]:[]),l=f(s.id),g=t=>typeof t=="string"?t:t[h]??t.en;return e.jsxs("article",{id:l,tabIndex:-1,"aria-labelledby":`${l}-title`,className:`${a.card} ${c} ${p}`,children:[e.jsxs("div",{className:a.topRow,children:[e.jsx("span",{className:a.categoryChip,children:i(D[s.category])}),o&&e.jsx("span",{className:a.importantBadge,children:i("whatsNew.importantBadge","IMPORTANT")}),s.version&&e.jsx("span",{className:a.versionChip,children:s.version}),d&&e.jsx("span",{className:a.newBadge,children:i("whatsNew.newBadge","NEW")}),e.jsx("span",{className:a.date,children:s.date})]}),e.jsx("h3",{id:`${l}-title`,className:a.title,children:x}),e.jsx("p",{className:a.body,children:_}),((w=s.aiPrompt)==null?void 0:w.kind)==="playtest-values"&&e.jsxs("div",{className:a.aiPrompt,children:[e.jsxs("div",{className:a.aiPromptIntro,children:[e.jsx("strong",{children:i("playtest.emptyValues.aiTitle","Ask AI")}),e.jsx("span",{children:i("playtest.emptyValues.aiDescription","Copy a request and paste it into an AI chat connected to WEPPY.")})]}),e.jsx(R,{exampleIds:[s.aiPrompt.exampleId]})]}),m.length>0&&e.jsx("div",{className:a.linkList,children:m.map(t=>{const n=g(t.url),y=g(t.label);return n.startsWith("/")?e.jsx(k,{className:`${a.link} ${a.internalLink}`,to:n,children:y},n):e.jsxs("a",{className:a.link,href:n,target:"_blank",rel:"noopener noreferrer",children:["↗"," ",y]},n)})})]})}const G="_page_4653w_2",K="_section_4653w_10",F="_sectionTitle_4653w_16",J="_unreadCount_4653w_28",Q="_empty_4653w_43",X="_divider_4653w_51",r={page:G,section:K,sectionTitle:F,unreadCount:J,empty:Q,divider:X};function ne(){const{t:s}=j(),{readSet:d,markRead:h}=C(),{search:i}=P(),c=new URLSearchParams(i).get("announcement");u.useEffect(()=>{if(!c||!N.some(n=>n.id===c))return;const t=document.getElementById(f(c));t==null||t.scrollIntoView({block:"start"}),t==null||t.focus({preventScroll:!0})},[c]);const o=u.useMemo(()=>{const t=[];for(const n of N)d.has(n.id)||t.push(n.id);return t},[]),p=u.useRef(o);p.current=o,u.useEffect(()=>()=>{p.current.length>0&&h(p.current)},[]);const x=u.useMemo(()=>new Set(o),[o]),_=N.filter(t=>x.has(t.id)),m=N.filter(t=>!x.has(t.id)),l=_.length>0,g=m.length>0,w=e.jsx(I,{title:s("whatsNew.pageTitle","What's New"),description:s("whatsNew.pageSubtitle","Stay up to date with MCP changes"),helpTopicId:"whatsNew"});return N.length===0?e.jsxs("div",{className:r.page,children:[w,e.jsx("p",{className:r.empty,children:s("whatsNew.empty","No announcements yet")})]}):e.jsxs("div",{className:r.page,children:[w,l&&e.jsxs("section",{className:r.section,children:[e.jsxs("h2",{className:r.sectionTitle,children:[s("whatsNew.unreadSection","Unread"),e.jsx("span",{className:r.unreadCount,children:_.length})]}),_.map(t=>e.jsx(v,{announcement:t,isNew:!0},`unread-${t.id}`))]}),l&&g&&e.jsx("hr",{className:r.divider}),g&&e.jsxs("section",{className:r.section,children:[e.jsx("h2",{className:r.sectionTitle,children:s("whatsNew.allSection","All Announcements")}),m.map(t=>e.jsx(v,{announcement:t,isNew:!1},`all-${t.id}`))]})]})}export{ne as Component};
|