npm - @weppy/roblox-mcp - Versions diffs - 2.8.2 → 2.9.1 - Mend

@weppy/roblox-mcp 2.8.2 → 2.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/dashboard/dist/assets/ToolsPage-DHhF-Y_W.js ADDED Viewed

@@ -0,0 +1 @@

+ import{j as s,r as n,a as F,D as nt,u as ct,e as dt,l as ut}from"./index-DYezp9b1.js";import{P as pt}from"./PageHeader-Do_AQ2vQ.js";import{T as M}from"./TooltipText-CfI7WgY4.js";import{C as xt}from"./ConfirmModal-BCviiJ3_.js";import{C as ht}from"./CurrentPlaceScope-CHEqGWYd.js";import{T as mt}from"./Tabs-CGfFE3L1.js";import"./ConfirmModal.module-NrFlfTWy.js";const bt="_wrapper_hzgda_2",ft="_table_hzgda_7",gt="_sortable_hzgda_32",_t="_sortArrow_hzgda_41",yt="_clickable_hzgda_52",Ct="_empty_hzgda_57",jt="_expandedRow_hzgda_65",vt="_expandedCell_hzgda_74",T={wrapper:bt,table:ft,sortable:gt,sortArrow:_t,clickable:yt,empty:Ct,expandedRow:jt,expandedCell:vt};function kt({columns:t,data:a,sortBy:b,sortDir:P="asc",onSort:B,onRowClick:i,rowKey:v,emptyMessage:k,expandedKey:E,renderExpandedRow:N}){return s.jsx("div",{className:T.wrapper,children:s.jsxs("table",{className:T.table,children:[s.jsx("thead",{children:s.jsx("tr",{children:t.map(u=>s.jsxs("th",{style:u.width?{width:u.width}:void 0,className:u.sortable?T.sortable:void 0,onClick:u.sortable&&B?()=>B(u.key):void 0,children:[s.jsx("span",{children:u.label}),u.sortable&&b===u.key&&s.jsx("span",{className:T.sortArrow,children:P==="asc"?"▴":"▾"})]},u.key))})}),s.jsx("tbody",{children:a.length===0?s.jsx("tr",{children:s.jsx("td",{colSpan:t.length,className:T.empty,children:k||"No data"})}):a.map((u,R)=>{const L=v?v(u):String(R),x=E!=null&&L===E&&N?N(u):null;return s.jsxs(n.Fragment,{children:[s.jsx("tr",{className:i?T.clickable:void 0,onClick:i?()=>i(u):void 0,children:t.map(C=>s.jsx("td",{children:C.render?C.render(u):String(u[C.key]??"")},C.key))}),x&&s.jsx("tr",{className:T.expandedRow,children:s.jsx("td",{colSpan:t.length,className:T.expandedCell,children:x})})]},L)})})]})})}function St(t){return{...t,sequenceNumber:typeof t.sequenceNumber=="number"?t.sequenceNumber:void 0,executionTimeMs:typeof t.executionTimeMs=="number"?t.executionTimeMs:void 0}}const Tt=50;function Nt(t){if(typeof t=="number")return{placeId:String(t)}}function Z(t,a){return typeof a!="number"?t:`${t}?placeId=${encodeURIComponent(String(a))}`}function wt(t){const a=(t==null?void 0:t.placeId)??null,[b,P]=n.useState(null),[B,i]=n.useState(!0),[v,k]=n.useState([]),[E,N]=n.useState(0),[u,R]=n.useState(!1),[L,y]=n.useState(!0),[x,C]=n.useState(0),[f,I]=n.useState(""),$=n.useRef(null),h=n.useCallback(async()=>{i(!0);try{const c=Nt(a),j=c?await F.get("/api/dashboard/tool-stats",c):await F.get("/api/dashboard/tool-stats");P(j)}catch{}finally{i(!1)}},[a]),_=n.useCallback(async(c,j)=>{y(!0);try{const O={limit:String(Tt),offset:String(c)};j&&(O.tool=j),typeof a=="number"&&(O.placeId=String(a));const A=await F.get("/api/dashboard/history",O);k(A.entries.map(St)),N(A.total),R(A.hasMore)}catch{k([]),N(0),R(!1)}finally{y(!1)}},[a]),U=n.useCallback(()=>{h(),_(x,f)},[_,h,x,f]),V=n.useCallback(async()=>{await F.post(Z("/api/dashboard/tools/history/clear",a)),_(x,f)},[_,x,f,a]),q=n.useCallback(async()=>{await F.post(Z("/api/dashboard/tools/statistics/clear",a)),h()},[h,a]);return n.useEffect(()=>{h()},[h]),n.useEffect(()=>{_(x,f)},[_,x,f]),n.useEffect(()=>{const c=new nt;$.current=c,c.connect();const j=c.on("command",()=>{h(),_(x,f)});return()=>{j(),c.disconnect(),$.current=null}},[_,h,x,f]),{statistics:b,statsLoading:B,history:v,historyTotal:E,historyHasMore:u,historyLoading:L,historyOffset:x,historyToolFilter:f,setHistoryOffset:C,setHistoryToolFilter:I,refresh:U,clearHistory:V,clearStatistics:q}}const Mt="_page_16x6v_2",Pt="_card_16x6v_12",Bt="_cardToolbar_16x6v_19",Et="_sectionTitle_16x6v_27",Rt="_dangerButton_16x6v_33",Lt="_proBadge_16x6v_52",It="_statusOk_16x6v_67",At="_statusFallback_16x6v_76",Ht="_statusUnsupported_16x6v_85",Ot="_statusWarning_16x6v_94",Ft="_statusError_16x6v_103",$t="_tierBasic_16x6v_113",qt="_tierPro_16x6v_117",Dt="_tierMixed_16x6v_122",Wt="_filterRow_16x6v_133",zt="_filterLabel_16x6v_140",Ut="_filterSelect_16x6v_149",Vt="_expandedRow_16x6v_160",Kt="_expandedSection_16x6v_165",Gt="_detailList_16x6v_175",Jt="_detailItem_16x6v_181",Qt="_detailLabel_16x6v_187",Zt="_detailValue_16x6v_192",Xt="_pre_16x6v_197",Yt="_pagination_16x6v_214",te="_pageInfo_16x6v_222",ee="_btn_16x6v_228",se="_tierDistribution_16x6v_251",oe="_tierBarWrap_16x6v_255",ae="_tierBarBasic_16x6v_263",re="_tierBarPro_16x6v_268",le="_tierLabels_16x6v_273",ie="_statsTableWrap_16x6v_282",ne="_statsTable_16x6v_282",ce="_sortableHeader_16x6v_313",de="_sortArrow_16x6v_318",ue="_statsToolRow_16x6v_322",pe="_statsActionRow_16x6v_330",xe="_expandButton_16x6v_334",he="_expandIcon_16x6v_346",me="_actionLabel_16x6v_351",be="_emptyStats_16x6v_358",fe="_summaryLine_16x6v_364",o={page:Mt,card:Pt,cardToolbar:Bt,sectionTitle:Et,dangerButton:Rt,proBadge:Lt,statusOk:It,statusFallback:At,statusUnsupported:Ht,statusWarning:Ot,statusError:Ft,tierBasic:$t,tierPro:qt,tierMixed:Dt,filterRow:Wt,filterLabel:zt,filterSelect:Ut,expandedRow:Vt,expandedSection:Kt,detailList:Gt,detailItem:Jt,detailLabel:Qt,detailValue:Zt,pre:Xt,pagination:Yt,pageInfo:te,btn:ee,tierDistribution:se,tierBarWrap:oe,tierBarBasic:ae,tierBarPro:re,tierLabels:le,statsTableWrap:ie,statsTable:ne,sortableHeader:ce,sortArrow:de,statsToolRow:ue,statsActionRow:pe,expandButton:xe,expandIcon:he,actionLabel:me,emptyStats:be,summaryLine:fe},K=50,ge=new Set(["clientId","placeId","pinnedTarget","recentPriority","globalQueue"]);function _e(t){const a=new Date(t);return`${String(a.getHours()).padStart(2,"0")}:${String(a.getMinutes()).padStart(2,"0")}:${String(a.getSeconds()).padStart(2,"0")}`}function z(t){return typeof t!="number"||!Number.isFinite(t)?"-":t<1e3?`${t}ms`:`${(t/1e3).toFixed(1)}s`}function H(t,a){return a==="pro"?t("tier.pro","Pro"):a==="mixed"?t("tier.mixed","Mixed"):t("tier.basic","Basic")}function tt(t,a){return a!==t&&a.startsWith(`${t}_`)?a.slice(t.length+1):""}function ye(t,a){const b=tt(t,a);return b?`${t}.${b}`:t}function X(t){return typeof t=="string"&&t.length>0?t:void 0}function Ce(t){if(!Array.isArray(t))return;const a=t.filter(b=>typeof b=="string"&&b.length>0);return a.length>0?a:void 0}function je(t){const a=t.result??{};return{requestedCommand:t.requestedCommand??X(a.requestedCommand),executedCommand:t.executedCommand??X(a.executedCommand),alternatives:t.alternatives??Ce(a.alternatives)}}function ve(t,a){switch(t.status){case"fallback":return{label:a("tools.badge.fallback","FALLBACK"),tooltip:a("tools.badge.fallback.tooltip","The requested Pro action succeeded via a Basic fallback."),className:o.statusFallback};case"unsupported":return{label:a("tools.badge.unsupported","UNSUPPORTED"),tooltip:a("tools.badge.unsupported.tooltip","The requested Pro action was blocked and no fallback ran."),className:o.statusUnsupported};case"warning":return{label:a("tools.badge.warn","WARN"),tooltip:a("tools.badge.warn.tooltip","The tool call failed as an expected caller, project, policy, or user-code issue."),className:o.statusWarning};case"error":return{label:a("tools.badge.err","FAILED"),tooltip:a("tools.badge.err.tooltip","The tool run failed."),className:o.statusError};default:return{label:a("tools.status.ok","OK"),tooltip:a("tools.status.ok.tooltip","The tool run completed successfully."),className:o.statusOk}}}function g(t,a){return s.jsxs("div",{className:o.detailItem,children:[s.jsx("span",{className:o.detailLabel,children:t}),s.jsx("span",{className:o.detailValue,children:a})]})}function ke(t){if(!t||typeof t!="object")return;const a=t;if(typeof a.selectionMode=="string"&&ge.has(a.selectionMode))return a}function Y(t){if(!(!t||typeof t!="object"||!("routing"in t)))return ke(t.routing)}function Se(t){return t.routing??Y(t.result)??Y(t.data)}function Te(t,a){return t.requestedClientId?t.requestedClientId:t.requestedPlaceId!==void 0?t.requestedPlaceId:a("tools.history.routing.none","No Studio target named")}function Ne(t){return t.actualPlaceName?`${t.actualPlaceName} · ${t.actualPlaceId??"-"}`:t.actualClientId??"-"}function Ae(){const{t}=ct(),{trackEvent:a,trackPageView:b}=dt(),[P,B]=n.useState(null),i=wt({placeId:P}),{show:v}=ut(),[k,E]=n.useState("history"),[N,u]=n.useState(null),[R,L]=n.useState(null),[y,x]=n.useState(null),[C,f]=n.useState(!1),[I,$]=n.useState("totalCalls"),[h,_]=n.useState("desc"),U=n.useCallback(e=>{$(r=>r===e?(_(l=>l==="asc"?"desc":"asc"),e):(_("desc"),e))},[]),V=n.useMemo(()=>{var r;const e=new Set;return Object.keys(((r=i.statistics)==null?void 0:r.tools)??{}).forEach(l=>e.add(l)),i.history.forEach(l=>{l.tool&&e.add(l.tool)}),i.historyToolFilter&&e.add(i.historyToolFilter),Array.from(e).sort()},[i.history,i.historyToolFilter,i.statistics]),q=n.useMemo(()=>{var e;return(e=i.statistics)!=null&&e.tools?Object.values(i.statistics.tools).map(r=>{var Q;const l=Object.entries(r.commands??{}).map(([p,d])=>({toolName:r.tool,commandName:d.command??p,label:tt(r.tool,d.command??p)||(d.command??p),tier:d.tier,totalCalls:d.totalCalls,successCount:d.successCount,fallbackCount:d.fallbackCount,unsupportedCount:d.unsupportedCount,warningCount:d.warningCount??0,failureCount:d.failureCount,totalExecutionTimeMs:d.totalExecutionTimeMs,avgExecutionTimeMs:d.avgExecutionTimeMs})),m=l.reduce((p,d)=>p+d.totalCalls,0),S=l.reduce((p,d)=>p+d.successCount,0),D=l.reduce((p,d)=>p+d.fallbackCount,0),W=l.reduce((p,d)=>p+d.unsupportedCount,0),rt=l.reduce((p,d)=>p+d.warningCount,0),lt=l.reduce((p,d)=>p+d.failureCount,0),J=l.reduce((p,d)=>p+d.totalExecutionTimeMs,0),it=new Set(l.map(p=>p.tier)).size>1?"mixed":((Q=l[0])==null?void 0:Q.tier)??r.tier;return{toolName:r.tool,tier:it,commands:l,totalCalls:m,successCount:S,fallbackCount:D,unsupportedCount:W,warningCount:rt,failureCount:lt,totalExecutionTimeMs:J,avgExecutionTimeMs:m>0?Math.round(J/m):0}}):[]},[i.statistics]),c=n.useCallback((e,r,l,m)=>s.jsx(M,{text:t(l,m),children:t(e,r)}),[t]),j=n.useMemo(()=>[...q].sort((r,l)=>{const m=r[I],S=l[I];if(typeof m=="number"&&typeof S=="number")return h==="asc"?m-S:S-m;const D=String(m??""),W=String(S??"");return h==="asc"?D.localeCompare(W):W.localeCompare(D)}),[q,I,h]),O=n.useMemo(()=>[{key:"timestamp",label:c("tools.col.time","Time","tools.col.time.tooltip","When the tool run was recorded."),width:"80px",render:e=>_e(e.timestamp)},{key:"toolName",label:c("tools.col.toolAction","Tool.Action","tools.col.toolAction.tooltip","Tool name and action that were executed."),render:e=>s.jsxs("span",{children:[ye(e.tool,e.command),e.tier==="pro"&&s.jsx(M,{text:t("tools.badge.pro.tooltip","This entry used a Pro-only tool or action."),children:s.jsx("span",{className:o.proBadge,children:t("tools.badge.pro","PRO")})})]})},{key:"executionTimeMs",label:c("tools.col.duration","Duration","tools.col.duration.tooltip","How long the tool took to finish."),width:"80px",render:e=>z(e.executionTimeMs)},{key:"status",label:c("tools.col.status","Status","tools.col.status.tooltip","Outcome of the recorded tool run."),width:"120px",render:e=>{const r=ve(e,t);return s.jsx(M,{text:r.tooltip,children:s.jsx("span",{className:r.className,children:r.label})})}},{key:"tier",label:c("tools.col.tier","Tier","tools.col.tier.tooltip","License tier required for the tool or action."),width:"60px",render:e=>s.jsx("span",{className:e.tier==="pro"?o.tierPro:o.tierBasic,children:H(t,e.tier)})}],[t,c]),A=n.useMemo(()=>[{key:"toolName",label:c("tools.col.tool","Tool","tools.col.tool.tooltip","Consolidated tool name in the statistics table."),sortable:!0},{key:"totalCalls",label:c("tools.col.calls","Calls","tools.col.calls.tooltip","Total number of recorded calls for this tool."),sortable:!0,width:"70px"},{key:"successCount",label:c("tools.col.ok","OK","tools.col.ok.tooltip","Number of direct successful runs."),sortable:!0,width:"70px"},{key:"fallbackCount",label:c("tools.col.fallback","FALLBACK","tools.col.fallback.tooltip","Number of runs that succeeded through fallback execution."),sortable:!0,width:"110px"},{key:"unsupportedCount",label:c("tools.col.unsupported","UNSUPPORTED","tools.col.unsupported.tooltip","Number of blocked runs without fallback execution."),sortable:!0,width:"130px"},{key:"warningCount",label:c("tools.col.warn","WARN","tools.col.warn.tooltip","Number of expected failures caused by caller input, project state, Roblox policy, or user code."),sortable:!0,width:"80px"},{key:"failureCount",label:c("tools.col.err","FAILED","tools.col.err.tooltip","Number of runs that failed."),sortable:!0,width:"70px"},{key:"avgExecutionTimeMs",label:c("tools.col.avgTime","Avg Time","tools.col.avgTime.tooltip","Average execution time across recorded calls."),sortable:!0,width:"90px",render:e=>z(e.avgExecutionTimeMs)},{key:"tier",label:c("tools.col.tier","Tier","tools.col.tierStats.tooltip","Basic, Pro, or Mixed summary for the tool statistics row."),sortable:!0,width:"70px",render:e=>s.jsx(M,{text:e.tier==="mixed"?t("tools.tier.mixed.tooltip","This tool includes both Basic and Pro actions."):"",children:s.jsx("span",{className:e.tier==="pro"?o.tierPro:e.tier==="mixed"?o.tierMixed:o.tierBasic,children:H(t,e.tier)})})}],[t,c]),w=n.useMemo(()=>{if(!i.statistics)return null;const e=i.statistics.tierSummary.basic.totalCalls,r=i.statistics.tierSummary.pro.totalCalls,l=e+r;if(l===0)return null;const m=Math.round(e/l*100),S=100-m;return{basic:e,pro:r,basicPct:m,proPct:S}},[i.statistics]),G=n.useCallback(e=>{L(r=>r===e?null:e)},[]),et=n.useCallback(async()=>{if(y){f(!0);try{y==="history"?await i.clearHistory():await i.clearStatistics(),v(t("toast.clearSuccess","Cleared successfully"),"success"),x(null)}catch{v(t("toast.clearFailed","Failed to clear data"),"error")}finally{f(!1)}}},[y,v,t,i]),st=n.useCallback(e=>{const r=e==="history"?"tools_history":"tools_statistics";a("dashboard_click_event",{click_target:e==="history"?"tools_tab_history":"tools_tab_statistics",page:"tools",tab:r}),b({page:"tools",tab:r}),E(e)},[a,b]),ot=n.useCallback(e=>{const r=je(e),l=Se(e);return s.jsxs("div",{className:o.expandedRow,children:[s.jsxs("div",{className:o.expandedSection,children:[s.jsxs("strong",{children:[s.jsx(M,{text:t("tools.detail.params.tooltip","Input parameters passed to this tool run."),children:t("tools.detail.params","Parameters")}),":"]}),s.jsx("pre",{className:o.pre,children:JSON.stringify(e.parameters,null,2)})]}),e.result&&s.jsxs("div",{className:o.expandedSection,children:[s.jsxs("strong",{children:[s.jsx(M,{text:t("tools.detail.result.tooltip","Returned result payload for this tool run."),children:t("tools.detail.result","Result")}),":"]}),s.jsx("pre",{className:o.pre,children:JSON.stringify(e.result,null,2)})]}),l?s.jsxs("div",{className:o.expandedSection,children:[s.jsx("strong",{children:t("tools.history.routing","Routing")}),s.jsxs("div",{className:o.detailList,children:[g(t("tools.history.routing.mode","Mode"),l.selectionMode),g(t("tools.history.routing.requested","Requested"),Te(l,t)),g(t("tools.history.routing.actual","Actual"),Ne(l))]})]}):null,(e.status==="fallback"||e.status==="unsupported"||e.status==="warning"||e.status==="error")&&s.jsx("div",{className:o.expandedSection,children:s.jsxs("div",{className:o.detailList,children:[e.status==="fallback"&&(r==null?void 0:r.requestedCommand)&&g(t("tools.detail.requestedCommand","Requested Command"),r.requestedCommand),e.status==="fallback"&&(r==null?void 0:r.executedCommand)&&g(t("tools.detail.executedCommand","Executed Command"),r.executedCommand),e.status==="fallback"&&(r==null?void 0:r.alternatives)&&g(t("tools.detail.alternatives","Alternatives"),r.alternatives.join(", ")),e.status==="unsupported"&&e.blockedMessage&&g(t("tools.detail.blockedMessage","Blocked Reason"),e.blockedMessage),e.status==="unsupported"&&g(t("tools.detail.noFallback","No Fallback"),t("tools.detail.noFallback.value","No fallback ran.")),e.status==="warning"&&e.warningMessage&&g(t("tools.detail.warningMessage","Warning Message"),e.warningMessage),e.status==="error"&&e.errorMessage&&g(t("tools.detail.errorMessage","Error Message"),e.errorMessage),e.status==="error"&&e.blockedMessage&&g(t("tools.detail.blockedMessage","Blocked Reason"),e.blockedMessage),e.status==="error"&&e.fallbackCommand&&g(t("tools.detail.executedCommand","Executed Command"),e.fallbackCommand)]})})]})},[t]),at=["history","statistics"].map(e=>({key:e,label:t(`tools.tab.${e}`,e.charAt(0).toUpperCase()+e.slice(1))}));return s.jsxs("div",{className:o.page,children:[s.jsx(pt,{title:t("page.tools.title","Tools"),description:t("page.tools.description","Inspect tool history, outcomes, fallback details, and usage statistics."),helpTopicId:"tools"}),s.jsx(ht,{surface:"tools",selectable:!0,selectedPlaceId:P,onSelectedPlaceIdChange:e=>{B(e),i.setHistoryOffset(0)}}),s.jsx(mt,{items:at,value:k,onChange:st}),k==="history"&&s.jsxs("div",{className:o.card,children:[s.jsxs("div",{className:o.cardToolbar,children:[s.jsx("div",{className:o.sectionTitle,children:t("tools.tab.history","History")}),s.jsx("button",{className:o.dangerButton,onClick:()=>{a("dashboard_click_event",{click_target:"tools_clear_history",page:"tools",tab:"tools_history"}),x("history")},children:t("common.clear","Clear")})]}),s.jsx("div",{className:o.filterRow,children:s.jsxs("label",{className:o.filterLabel,children:[t("tools.filter.tool","Tool"),":",s.jsxs("select",{className:o.filterSelect,value:i.historyToolFilter,onChange:e=>{i.setHistoryToolFilter(e.target.value),i.setHistoryOffset(0)},children:[s.jsx("option",{value:"",children:t("tools.filter.all","All")}),V.map(e=>s.jsx("option",{value:e,children:e},e))]})]})}),s.jsx(kt,{columns:O,data:i.history,rowKey:e=>e.id,onRowClick:e=>u(r=>r===e.id?null:e.id),emptyMessage:t("tools.empty.history","No tool history entries for this place"),expandedKey:N,renderExpandedRow:ot}),s.jsxs("div",{className:o.pagination,children:[s.jsx("button",{className:o.btn,disabled:i.historyOffset===0,title:t("tools.page.prev.tooltip","Go to the previous page of tool history results."),onClick:()=>i.setHistoryOffset(Math.max(0,i.historyOffset-K)),children:t("tools.page.prev","Prev")}),s.jsxs("span",{className:o.pageInfo,children:[i.historyOffset+1,"–",Math.min(i.historyOffset+K,i.historyTotal)," / ",i.historyTotal]}),s.jsx("button",{className:o.btn,disabled:!i.historyHasMore,title:t("tools.page.next.tooltip","Go to the next page of tool history results."),onClick:()=>i.setHistoryOffset(i.historyOffset+K),children:t("tools.page.next","Next")})]})]}),k==="statistics"&&s.jsxs("div",{className:o.card,children:[s.jsxs("div",{className:o.cardToolbar,children:[s.jsx("div",{className:o.sectionTitle,children:t("tools.tab.statistics","Statistics")}),s.jsx("button",{className:o.dangerButton,onClick:()=>{a("dashboard_click_event",{click_target:"tools_clear_statistics",page:"tools",tab:"tools_statistics"}),x("statistics")},children:t("common.clear","Clear")})]}),w&&s.jsxs("div",{className:o.tierDistribution,children:[s.jsxs("div",{className:o.tierBarWrap,children:[s.jsx("div",{className:o.tierBarBasic,style:{width:`${w.basicPct}%`}}),s.jsx("div",{className:o.tierBarPro,style:{width:`${w.proPct}%`}})]}),s.jsxs("div",{className:o.tierLabels,children:[s.jsxs("span",{children:[H(t,"basic")," ",w.basicPct,"% (",w.basic,")"]}),s.jsxs("span",{children:[H(t,"pro")," ",w.proPct,"% (",w.pro,")"]})]})]}),s.jsx("div",{className:o.statsTableWrap,children:s.jsxs("table",{className:o.statsTable,children:[s.jsx("thead",{children:s.jsx("tr",{children:A.map(e=>s.jsxs("th",{style:e.width?{width:e.width}:void 0,className:e.sortable?o.sortableHeader:void 0,onClick:e.sortable?()=>U(e.key):void 0,children:[s.jsx("span",{children:e.label}),e.sortable&&I===e.key&&s.jsx("span",{className:o.sortArrow,children:h==="asc"?"▴":"▾"})]},e.key))})}),s.jsx("tbody",{children:j.length===0?s.jsx("tr",{children:s.jsx("td",{colSpan:A.length,className:o.emptyStats,children:t("tools.empty.stats","No tool statistics for this place")})}):j.map(e=>{const r=R===e.toolName;return s.jsxs(n.Fragment,{children:[s.jsxs("tr",{className:o.statsToolRow,onClick:()=>G(e.toolName),children:[s.jsx("td",{children:s.jsxs("button",{type:"button",className:o.expandButton,"aria-expanded":r,"aria-label":`${e.toolName} ${r?t("common.collapse","Collapse"):t("common.expand","Expand")}`,onClick:l=>{l.stopPropagation(),G(e.toolName)},children:[s.jsx("span",{className:o.expandIcon,"aria-hidden":"true",children:r?"▾":"▸"}),s.jsx("span",{children:e.toolName})]})}),s.jsx("td",{children:e.totalCalls}),s.jsx("td",{children:e.successCount}),s.jsx("td",{children:e.fallbackCount}),s.jsx("td",{children:e.unsupportedCount}),s.jsx("td",{children:e.warningCount}),s.jsx("td",{children:e.failureCount}),s.jsx("td",{children:z(e.avgExecutionTimeMs)}),s.jsx("td",{children:s.jsx(M,{text:e.tier==="mixed"?t("tools.tier.mixed.tooltip","This tool includes both Basic and Pro actions."):"",children:s.jsx("span",{className:e.tier==="pro"?o.tierPro:e.tier==="mixed"?o.tierMixed:o.tierBasic,children:H(t,e.tier)})})})]}),r&&e.commands.map(l=>s.jsxs("tr",{className:o.statsActionRow,children:[s.jsx("td",{children:s.jsx("span",{className:o.actionLabel,children:l.label})}),s.jsx("td",{children:l.totalCalls}),s.jsx("td",{children:l.successCount}),s.jsx("td",{children:l.fallbackCount}),s.jsx("td",{children:l.unsupportedCount}),s.jsx("td",{children:l.warningCount}),s.jsx("td",{children:l.failureCount}),s.jsx("td",{children:z(l.avgExecutionTimeMs)}),s.jsx("td",{children:s.jsx("span",{className:l.tier==="pro"?o.tierPro:o.tierBasic,children:H(t,l.tier)})})]},`${e.toolName}:${l.commandName}`))]},e.toolName)})})]})}),i.statistics&&s.jsxs("div",{className:o.summaryLine,children:[t("tools.summary.total","Total"),": ",i.statistics.totalCalls," ",t("tools.summary.calls","calls")," | ",t("tools.summary.sessions","Sessions"),": ",i.statistics.totalSessions]})]}),s.jsx(xt,{open:y!==null,title:y==="history"?t("tools.clear.history.title","Clear history?"):t("tools.clear.statistics.title","Clear statistics?"),message:y==="history"?t("tools.clear.history.message","This permanently removes the current place tools history."):t("tools.clear.statistics.message","This permanently resets the current place tool statistics."),cancelLabel:t("common.cancel","Cancel"),confirmLabel:t("common.clear","Clear"),loading:C,onCancel:()=>!C&&x(null),onConfirm:et})]})}export{Ae as Component};

package/dashboard/dist/assets/TooltipText-CfI7WgY4.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{j as r,k as s}from"./index-DYezp9b1.js";function p({text:o,children:t}){return r.jsx(s,{text:o,children:t})}export{p as T};

package/dashboard/dist/assets/UiStudioPage-RAd0qXzL.js ADDED Viewed

@@ -0,0 +1,11 @@
+import{i as xe,n as q,q as Le,r as g,u as M,j as t,e as H,R as $e,X as Ee,T as Se,h as He,t as Oe}from"./index-DYezp9b1.js";import{I as G}from"./InfoLabel-DCq3Fmko.js";import{T as y}from"./TooltipText-CfI7WgY4.js";import{D as se,c as oe,e as Fe,g as Ue,h as ze,i as le,j as je,k as qe,l as ce,d as Ve}from"./sample-requests-CnV4bBG4.js";import{T as We}from"./Tabs-CGfFE3L1.js";import{P as Ke}from"./PageHeader-Do_AQ2vQ.js";import{C as Qe}from"./CurrentPlaceScope-CHEqGWYd.js";/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ye=[["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"}]],Je=xe("camera",Ye);/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Xe=[["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"}]],Ze=xe("ellipsis",Xe);async function we(e){const i=await fetch(`${q}${e}`);if(!i.ok){let a=null;try{a=await i.json()}catch{}throw new Le(i.status,(a==null?void 0:a.message)??i.statusText,(a==null?void 0:a.error)??null,a)}return await i.json()}function O(e){return typeof e=="number"&&Number.isFinite(e)?e:0}function et(e){return e.design_check_summary?{priority_high:O(e.design_check_summary.priority_high),priority_medium:O(e.design_check_summary.priority_medium),priority_low:O(e.design_check_summary.priority_low)}:e.lint_summary?{priority_high:O(e.lint_summary.errors),priority_medium:O(e.lint_summary.warnings),priority_low:0}:null}function tt(e){return{rule:e.rule,path:e.path,displayPriority:e.displayPriority??(e.severity==="error"?"priority_high":"priority_medium"),actual:e.actual,expected:e.expected,hint:e.hint}}function ve(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:et(e),image:e.image}}function it(e){const i=e.check_results??e.lint_results??[];return{...ve(e),check_results:i.map(tt),image_url:e.image_url,meta:e.meta}}async function ue(e,i){const a=new URLSearchParams;i!==void 0&&a.set("limit",String(i));const n=a.toString()?`?${a.toString()}`:"",l=await we(`/api/ui-studio/snapshots${n}`);return{...l,snapshots:l.snapshots.map(ve)}}async function at(e,i){const a=i!==void 0?`?placeId=${i}`:"",n=await we(`/api/ui-studio/snapshots/${encodeURIComponent(e)}${a}`);return it(n)}function be(e,i){const a=i!==void 0?`?placeId=${i}`:"";return`${q}/api/ui-studio/snapshots/${encodeURIComponent(e)}/image${a}`}const rt=1e4;function Ce(e=50){const[i,a]=g.useState(null),[n,l]=g.useState(!0),[r,o]=g.useState(null),p=g.useCallback(async()=>{try{const u=await ue(void 0,e);a(u),o(null)}catch(u){o(u instanceof Error?u.message:String(u))}finally{l(!1)}},[e]);return g.useEffect(()=>{let u=!1;const _=async()=>{try{const h=await ue(void 0,e);u||(a(h),o(null))}catch(h){u||o(h instanceof Error?h.message:String(h))}finally{u||l(!1)}};_();const m=setInterval(()=>{_()},rt);return()=>{u=!0,clearInterval(m)}},[e]),{data:i,loading:n,error:r,refresh:p}}const st="_page_1fjjw_2",nt="_grid_1fjjw_9",ot="_card_1fjjw_16",lt="_cardBodyButton_1fjjw_31",ct="_thumb_1fjjw_43",ut="_badges_1fjjw_52",dt="_priorityHighBadge_1fjjw_60",ht="_priorityMediumBadge_1fjjw_69",pt="_priorityLowBadge_1fjjw_78",gt="_cardMeta_1fjjw_87",mt="_target_1fjjw_93",_t="_time_1fjjw_100",yt="_drawer_1fjjw_105",ft="_drawerToolbar_1fjjw_122",xt="_drawerTitleBlock_1fjjw_133",St="_drawerEyebrow_1fjjw_140",jt="_drawerTarget_1fjjw_149",wt="_drawerToolbarActions_1fjjw_159",vt="_closeBtn_1fjjw_167",bt="_detailBody_1fjjw_188",Ct="_screenshotPreviewFrame_1fjjw_195",It="_fullImg_1fjjw_208",Nt="_metaDl_1fjjw_215",Pt="_errorMsg_1fjjw_227",kt="_suggestionsWrap_1fjjw_232",Tt="_prioritySection_1fjjw_239",Bt="_sectionHighHeader_1fjjw_243",Dt="_sectionLowHeader_1fjjw_249",Gt="_sectionMediumHeader_1fjjw_255",Mt="_groupCard_1fjjw_261",At="_groupHeader_1fjjw_268",Rt="_groupLabel_1fjjw_284",Lt="_groupCount_1fjjw_289",$t="_groupChevron_1fjjw_296",Et="_groupBody_1fjjw_300",Ht="_groupDescription_1fjjw_303",Ot="_groupFix_1fjjw_308",Ft="_falsePositive_1fjjw_317",Ut="_itemList_1fjjw_325",zt="_suggestionItem_1fjjw_333",qt="_suggestionInfo_1fjjw_343",Vt="_pathBreadcrumb_1fjjw_349",Wt="_currentValue_1fjjw_358",Kt="_copyFixBtn_1fjjw_362",Qt="_emptySuggestions_1fjjw_376",Yt="_sampleBanner_1fjjw_384",Jt="_sampleBannerRow_1fjjw_397",Xt="_sampleBannerMain_1fjjw_405",Zt="_sampleBadge_1fjjw_413",ei="_sampleTitle_1fjjw_423",ti="_sampleMessage_1fjjw_430",ii="_sampleActions_1fjjw_437",ai="_primaryAction_1fjjw_445",ri="_secondaryAction_1fjjw_446",si="_emptyState_1fjjw_481",ni="_pluginGuideCard_1fjjw_489",oi="_pluginGuideMarker_1fjjw_500",li="_pluginGuideBody_1fjjw_515",ci="_pluginGuideTitle_1fjjw_519",ui="_pluginGuideMessage_1fjjw_527",di="_pluginGuideChecklist_1fjjw_534",hi="_pluginGuideWaiting_1fjjw_557",pi="_pluginGuideDot_1fjjw_566",gi="_analysisWorkspace_1fjjw_574",mi="_analysisMainColumn_1fjjw_579",_i="_analysisDetailPopupLayer_1fjjw_583",yi="_analysisDetailDialog_1fjjw_600",fi="_analysisSummaryPanel_1fjjw_619",xi="_recentCapturesHeader_1fjjw_632",Si="_analysisSummaryText_1fjjw_639",ji="_recentCapturesMeta_1fjjw_640",wi="_analysisReportGrid_1fjjw_646",vi="_analysisReportGroup_1fjjw_653",bi="_analysisReportCard_1fjjw_657",Ci="_analysisReportThumb_1fjjw_679",Ii="_analysisReportBody_1fjjw_688",Ni="_analysisReportTopline_1fjjw_695",Pi="_analysisVerdict_1fjjw_702",ki="_analysisVerdict_needsFix_1fjjw_713",Ti="_analysisVerdict_review_1fjjw_714",Bi="_analysisVerdict_passed_1fjjw_719",Di="_analysisReportCounts_1fjjw_724",Gi="_analysisReportTarget_1fjjw_729",Mi="_analysisReportIssue_1fjjw_738",Ai="_analysisReportMeta_1fjjw_744",Ri="_analysisChildList_1fjjw_751",Li="_analysisChildRow_1fjjw_762",$i="_analysisChildPath_1fjjw_783",Ei="_analysisChildSummary_1fjjw_792",Hi="_analysisChildDetailHint_1fjjw_793",Oi="_drawerAnalysisSummary_1fjjw_802",Fi="_drawerAnalysisSummaryItem_1fjjw_813",Ui="_drawerAnalysisLabel_1fjjw_820",zi="_drawerAnalysisCounts_1fjjw_826",qi="_drawerAnalysisValue_1fjjw_827",Vi="_recentCapturesSection_1fjjw_832",Wi="_drawerPrimaryActions_1fjjw_844",Ki="_drawerActionBtn_1fjjw_851",Qi="_drawerMoreMenu_1fjjw_880",Yi="_drawerMoreButton_1fjjw_885",Ji="_drawerMoreMenuBody_1fjjw_910",Xi="_drawerMenuItem_1fjjw_923",Zi="_drawerMenuItemDanger_1fjjw_946",ea="_actionErrMsg_1fjjw_955",ta="_actionStatusMsg_1fjjw_964",ia="_actionStatus_info_1fjjw_978",aa="_actionStatus_success_1fjjw_984",ra="_actionStatus_warning_1fjjw_990",sa="_actionStatusDetail_1fjjw_996",na="_galleryHeader_1fjjw_1002",oa="_cardChecked_1fjjw_1015",la="_cardCheckbox_1fjjw_1022",ca="_captureSelectionActions_1fjjw_1062",ua="_selectionToolbar_1fjjw_1071",da="_selectionBar_1fjjw_1072",ha="_selectionToolbarCount_1fjjw_1091",pa="_selectionToolbarActions_1fjjw_1098",ga="_selectionBarBtn_1fjjw_1105",ma="_selectionBarBtnDanger_1fjjw_1126",s={page:st,grid:nt,card:ot,cardBodyButton:lt,thumb:ct,badges:ut,priorityHighBadge:dt,priorityMediumBadge:ht,priorityLowBadge:pt,cardMeta:gt,target:mt,time:_t,drawer:yt,drawerToolbar:ft,drawerTitleBlock:xt,drawerEyebrow:St,drawerTarget:jt,drawerToolbarActions:wt,closeBtn:vt,detailBody:bt,screenshotPreviewFrame:Ct,fullImg:It,metaDl:Nt,errorMsg:Pt,suggestionsWrap:kt,prioritySection:Tt,sectionHighHeader:Bt,sectionLowHeader:Dt,sectionMediumHeader:Gt,groupCard:Mt,groupHeader:At,groupLabel:Rt,groupCount:Lt,groupChevron:$t,groupBody:Et,groupDescription:Ht,groupFix:Ot,falsePositive:Ft,itemList:Ut,suggestionItem:zt,suggestionInfo:qt,pathBreadcrumb:Vt,currentValue:Wt,copyFixBtn:Kt,emptySuggestions:Qt,sampleBanner:Yt,sampleBannerRow:Jt,sampleBannerMain:Xt,sampleBadge:Zt,sampleTitle:ei,sampleMessage:ti,sampleActions:ii,primaryAction:ai,secondaryAction:ri,emptyState:si,pluginGuideCard:ni,pluginGuideMarker:oi,pluginGuideBody:li,pluginGuideTitle:ci,pluginGuideMessage:ui,pluginGuideChecklist:di,pluginGuideWaiting:hi,pluginGuideDot:pi,analysisWorkspace:gi,analysisMainColumn:mi,analysisDetailPopupLayer:_i,analysisDetailDialog:yi,analysisSummaryPanel:fi,recentCapturesHeader:xi,analysisSummaryText:Si,recentCapturesMeta:ji,analysisReportGrid:wi,analysisReportGroup:vi,analysisReportCard:bi,analysisReportThumb:Ci,analysisReportBody:Ii,analysisReportTopline:Ni,analysisVerdict:Pi,analysisVerdict_needsFix:ki,analysisVerdict_review:Ti,analysisVerdict_passed:Bi,analysisReportCounts:Di,analysisReportTarget:Gi,analysisReportIssue:Mi,analysisReportMeta:Ai,analysisChildList:Ri,analysisChildRow:Li,analysisChildPath:$i,analysisChildSummary:Ei,analysisChildDetailHint:Hi,drawerAnalysisSummary:Oi,drawerAnalysisSummaryItem:Fi,drawerAnalysisLabel:Ui,drawerAnalysisCounts:zi,drawerAnalysisValue:qi,recentCapturesSection:Vi,drawerPrimaryActions:Wi,drawerActionBtn:Ki,drawerMoreMenu:Qi,drawerMoreButton:Yi,drawerMoreMenuBody:Ji,drawerMenuItem:Xi,drawerMenuItemDanger:Zi,actionErrMsg:ea,actionStatusMsg:ta,actionStatus_info:ia,actionStatus_success:aa,actionStatus_warning:ra,actionStatusDetail:sa,galleryHeader:na,cardChecked:oa,cardCheckbox:la,captureSelectionActions:ca,selectionToolbar:ua,selectionBar:da,selectionToolbarCount:ha,selectionToolbarActions:pa,selectionBarBtn:ga,selectionBarBtnDanger:ma};function _a({snapshot:e,placeId:i,onClick:a,imageUrlOverride:n,selectable:l,selected:r,onToggleSelect:o}){var w,b,A;const{t:p}=M(),u=((w=e.design_check_summary)==null?void 0:w.priority_high)??0,_=((b=e.design_check_summary)==null?void 0:b.priority_medium)??0,m=((A=e.design_check_summary)==null?void 0:A.priority_low)??0,h=new Date(e.captured_at*1e3).toLocaleString(),x=n??be(e.snapshot_id,i),j=()=>{o==null||o(e.snapshot_id)};return t.jsxs("div",{className:`${s.card} ${r?s.cardChecked:""}`,children:[l&&t.jsx(y,{text:p("uiStudio.gallery.cardCheckbox.tooltip","Select this capture. Pick multiple to delete them together."),children:t.jsx("input",{className:s.cardCheckbox,type:"checkbox","aria-label":p("uiStudio.gallery.cardCheckbox","Select screenshot"),checked:!!r,onChange:j})}),t.jsxs("button",{className:s.cardBodyButton,onClick:C=>a(C.currentTarget),type:"button",children:[t.jsx("img",{className:s.thumb,src:x,alt:e.snapshot_id,loading:"lazy"}),t.jsxs("div",{className:s.badges,children:[u>0&&t.jsx(y,{text:p("uiStudio.gallery.priorityHighBadge.tooltip","Number of suggestions to review first. Click for details."),children:t.jsx("span",{className:s.priorityHighBadge,children:u})}),_>0&&t.jsx(y,{text:p("uiStudio.gallery.priorityMediumBadge.tooltip","Number of recommended suggestions."),children:t.jsx("span",{className:s.priorityMediumBadge,children:_})}),m>0&&t.jsx(y,{text:p("uiStudio.gallery.priorityLowBadge.tooltip","Number of optional improvements."),children:t.jsx("span",{className:s.priorityLowBadge,children:m})})]}),t.jsxs("div",{className:s.cardMeta,children:[t.jsx("div",{className:s.target,children:e.target??e.scope}),t.jsx("div",{className:s.time,children:h})]})]})]})}const ya={touch_target:"touchTarget",contrast:"contrast",text_scaled:"textScaled",safezone:"safezone",min_text_size:"minTextSize"};function fa(e){return e.rule==="contrast"&&/\.(Icon|Avatar|EmptyIcon|GoldIcon|[A-Za-z]*Icon)$/.test(e.path)}const xa={touch_target:{checkLabel:"터치 타겟 크기",description:"모바일에서 손가락으로 누르기 편한 최소 크기를 만족하는지 확인합니다.",howToFix:"버튼 Size 를 44x44 px 이상으로 키우거나 UIPadding 으로 터치 영역을 확장하세요.",buildUpdateCommand:e=>JSON.stringify({action:"update",targetPath:e.path,changes:{properties:{Size:{xScale:0,xOffset:44,yScale:0,yOffset:44}}}},null,2)},contrast:{checkLabel:"텍스트 대비",description:"텍스트와 배경의 명암 비율이 WCAG 접근성 기준을 만족하는지 확인합니다.",howToFix:"TextColor3 를 더 밝은 색(예: #FFFFFF) 으로 바꾸거나, 배경(BackgroundColor3)을 어둡게 조정하세요.",falsePositiveNote:"이모지 아이콘의 경우 색이 고정되어 대비 규칙이 오탐하는 경우가 많습니다. 실제 가독성에 문제 없으면 무시해도 됩니다.",buildUpdateCommand:e=>JSON.stringify({action:"update",targetPath:e.path,changes:{properties:{TextColor3:{r:255,g:255,b:255}}}},null,2)},text_scaled:{checkLabel:"TextScaled 사용",description:"TextScaled 가 켜져 있으나 UITextSizeConstraint 가 없으면 언어 확장 시 레이아웃이 깨질 수 있습니다.",howToFix:"해당 TextLabel 에 UITextSizeConstraint 자식을 추가하고 MaxTextSize 를 지정하세요.",buildUpdateCommand:e=>JSON.stringify({action:"update",targetPath:e.path,changes:{addChildren:[{className:"UITextSizeConstraint",name:"SizeConstraint",properties:{MaxTextSize:24,MinTextSize:10}}]}},null,2)},safezone:{checkLabel:"세이프존 배치",description:"버튼이 플랫폼별 세이프존(노치·홈 인디케이터·TV safe margin) 안에 있는지 확인합니다.",howToFix:"Position 을 세이프존 안쪽으로 이동하거나, 부모 Frame 을 축소하세요.",buildUpdateCommand:()=>null},min_text_size:{checkLabel:"최소 폰트 크기",description:"텍스트가 너무 작아 가독성이 떨어지는지 확인합니다. 브리프 기준 하한을 사용합니다.",howToFix:"TextSize 를 14 이상(본문 기준)으로 올리세요.",buildUpdateCommand:e=>{const i=typeof e.expected=="string"?parseInt(e.expected.replace(/[^\d]/g,""),10):14;return JSON.stringify({action:"update",targetPath:e.path,changes:{properties:{TextSize:Number.isFinite(i)?i:14}}},null,2)}}};function Sa(e,i,a){const n=ya[e];return n?{...i,checkLabel:a(`uiStudio.fix.${n}.label`,i.checkLabel),description:a(`uiStudio.fix.${n}.description`,i.description),howToFix:a(`uiStudio.fix.${n}.howToFix`,i.howToFix),falsePositiveNote:i.falsePositiveNote?a(`uiStudio.fix.${n}.falsePositive`,i.falsePositiveNote):void 0}:i}function ja(e,i){const a=xa[e]??null;return a?i?Sa(e,a,i):a:null}function wa(e){return fa(e)}function va(e,i){const a=new Map;for(const l of e){const r=`${l.displayPriority}::${l.rule}`,o=a.get(r)??[];o.push(l),a.set(r,o)}const n=[];for(const[l,r]of a){const[o,p]=l.split("::"),u=r.filter(wa).length;n.push({rule:p??"unknown",priority:o,items:r,fixTemplate:ja(p??"",i),falsePositiveRatio:r.length>0?u/r.length:0})}return n.sort((l,r)=>{const o={priority_high:0,priority_medium:1,priority_low:2};return l.priority!==r.priority?o[l.priority]-o[r.priority]:r.items.length-l.items.length}),{high:n.filter(l=>l.priority==="priority_high"),medium:n.filter(l=>l.priority==="priority_medium"),low:n.filter(l=>l.priority==="priority_low")}}function Ie(e){const i=e.split("."),a=i[i.length-1]??e,n=i[i.length-2],l=n?`${n} > ${a}`:a;return{full:e,breadcrumb:l,leaf:a}}function Ne(e){return typeof e=="object"&&e!==null}function de(e){return Ne(e.data)?e.data:{}}function Z(e,i){const a=e[i];return Ne(a)?a:{}}function V(e,i){const a=e[i];return typeof a=="string"?a:null}function W(e,i){const a=e[i];return typeof a=="number"&&Number.isFinite(a)?a:0}function ba(e){const i=Z(e,"design_check_summary");return{priority_high:W(i,"priority_high"),priority_medium:W(i,"priority_medium"),priority_low:W(i,"priority_low")}}function he(e){if(!(e.success??e.ok??!e.error))throw new Error(e.error??"UI Studio action failed")}function pe(e,i){return Pe(e,ba(i))}function F(e,i,a,n,l){const r=e(i,a);return l?`${r}: ${l} · ${n}`:`${r}: ${n}`}function Ca(e){const i=e.design_check_summary;return((i==null?void 0:i.priority_high)??0)>0?"needsFix":((i==null?void 0:i.priority_medium)??0)>0||((i==null?void 0:i.priority_low)??0)>0?"review":"passed"}function Ia(e,i){return i==="needsFix"||i==="review"?e("uiStudio.analysis.verdict.hasSuggestions","개선 제안 있음"):e("uiStudio.analysis.verdict.passed","현재 개선 제안 없음")}function K(e,i){return`${i}${e("uiStudio.storage.countSuffix","개")}`}function Pe(e,i){return`${e("uiStudio.priorityHigh","우선 검토")} ${K(e,(i==null?void 0:i.priority_high)??0)} · ${e("uiStudio.priorityMedium","검토 권장")} ${K(e,(i==null?void 0:i.priority_medium)??0)} · ${e("uiStudio.priorityLow","선택 개선")} ${K(e,(i==null?void 0:i.priority_low)??0)}`}function Na(e,i){return Pe(e,i.design_check_summary)}function Pa({snapshotId:e,placeId:i,onClose:a,sampleDetail:n,tier:l,onActionDone:r}){const[o,p]=g.useState(n??null),[u,_]=g.useState(null),[m,h]=g.useState(null),[x,j]=g.useState(null),[w,b]=g.useState(null),[A,C]=g.useState(null),{t:d}=M(),{trackEvent:T}=H(),N=l==="pro";g.useEffect(()=>{if(n){p(n),_(null);return}let v=!1;return at(e,i).then(B=>{v||p(B)}).catch(B=>{v||_(B instanceof Error?B.message:String(B))}),()=>{v=!0}},[e,i,n]);const S=async()=>{if(o!=null&&o.target){T("dashboard_click_event",{click_target:"ui_studio_capture_current",page:"ui-studio",tab:"ui_studio_analysis"}),h(null),b("preview"),j({tone:"info",message:d("uiStudio.actions.previewRunning","캡처 중..."),detail:d("uiStudio.actions.previewRunningDetail","완료되면 새 화면 캡처 파일 ID를 표시합니다.")});try{const v=await oe("preview",{targetPath:o.target,placeId:i});he(v);const B=de(v),L=V(B,"snapshot_id"),f=Z(B,"screenshot"),R=Z(B,"meta"),D=V(f,"saved_path"),ne=V(R,"persist_warning"),U=pe(d,B);j(ne?{tone:"warning",message:F(d,"uiStudio.actions.previewNeedsSaveCheck","캡처 완료, 저장 확인 필요",U,L),detail:ne}:L&&D?{tone:"success",message:F(d,"uiStudio.actions.previewSaved","새 화면 캡처 저장 완료",U,L),detail:d("uiStudio.actions.previewSavedDetail","기존 화면 캡처는 변경하지 않고 새 파일로 저장했습니다.")}:L?{tone:"warning",message:F(d,"uiStudio.actions.previewComplete","캡처 완료",U,L),detail:d("uiStudio.actions.previewSavedPathMissing","새 화면 캡처 ID는 받았지만 저장 경로를 확인하지 못했습니다.")}:{tone:"warning",message:F(d,"uiStudio.actions.previewComplete","캡처 완료",U),detail:d("uiStudio.actions.previewSnapshotIdMissing","새 화면 캡처 ID를 확인하지 못했습니다. 목록을 새로고침해 저장 여부를 확인해 주세요.")}),await(r==null?void 0:r())}catch(v){h(v instanceof Error?v.message:String(v))}finally{b(null)}}},k=async()=>{if(o!=null&&o.target){T("dashboard_click_event",{click_target:"ui_studio_check_again",page:"ui-studio",tab:"ui_studio_analysis"}),h(null),b("check"),j({tone:"info",message:d("uiStudio.actions.designCheckRunning","개선 제안 확인 중..."),detail:d("uiStudio.actions.designCheckRunningDetail","완료되면 우선 검토/검토 권장/선택 개선 항목 수를 표시합니다.")});try{const v=await oe("check",{targetPath:o.target,placeId:i});he(v);const B=de(v),L=pe(d,B);j({tone:"success",message:F(d,"uiStudio.actions.designCheckComplete","개선 제안 확인 완료",L),detail:d("uiStudio.actions.designCheckNoSnapshotSaved","이 작업은 화면 캡처 파일을 새로 저장하지 않습니다.")}),await(r==null?void 0:r())}catch(v){h(v instanceof Error?v.message:String(v))}finally{b(null)}}},E=async()=>{h(null),j(null);try{await Fe(i,e),await(r==null?void 0:r()),C(null),a()}catch(v){throw h(v instanceof Error?v.message:String(v)),v}},I=N?void 0:d("uiStudio.actions.proRequired","Pro에서 사용 가능"),P=o!=null&&o.target?Ie(o.target):null;return t.jsxs("div",{className:s.drawer,children:[t.jsxs("div",{className:s.drawerToolbar,"data-testid":"snapshot-detail-toolbar",children:[t.jsxs("div",{className:s.drawerTitleBlock,children:[t.jsx("span",{className:s.drawerEyebrow,children:d("uiStudio.analysis.detailDialog","Analysis detail")}),t.jsx("span",{className:s.drawerTarget,title:(P==null?void 0:P.full)??e,children:(P==null?void 0:P.breadcrumb)??e})]}),t.jsxs("div",{className:s.drawerToolbarActions,children:[o&&t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:s.drawerPrimaryActions,children:[t.jsx(y,{text:I??d("uiStudio.actions.captureCurrentState.tooltip","Save the UI currently shown in Studio as a new capture. Existing captures are kept."),children:t.jsxs("button",{className:s.drawerActionBtn,onClick:()=>void S(),disabled:!N||!o.target||w!==null,type:"button",children:[t.jsx(Je,{size:15,"aria-hidden":"true"}),t.jsx("span",{children:d("uiStudio.actions.captureCurrentState","현재 상태 캡처")})]})}),t.jsx(y,{text:I??d("uiStudio.actions.checkSuggestionsAgain.tooltip","Recompute suggestions for this capture without taking a new screenshot."),children:t.jsxs("button",{className:s.drawerActionBtn,onClick:()=>void k(),disabled:!N||!o.target||w!==null,type:"button",children:[t.jsx($e,{size:15,"aria-hidden":"true"}),t.jsx("span",{children:d("uiStudio.actions.checkSuggestionsAgain","개선 제안 다시 확인")})]})})]}),t.jsxs("details",{className:s.drawerMoreMenu,children:[t.jsx("summary",{className:s.drawerMoreButton,title:d("uiStudio.actions.more.tooltip","Open additional actions."),"aria-label":d("uiStudio.actions.more","More"),children:t.jsx(Ze,{size:18,"aria-hidden":"true"})}),t.jsx("div",{className:s.drawerMoreMenuBody,children:t.jsx(y,{text:I??d("uiStudio.actions.deleteSnapshot.tooltip","Delete only this capture file. The actual UI in Roblox Studio is not affected."),children:t.jsx("button",{className:`${s.drawerMenuItem} ${s.drawerMenuItemDanger}`,onClick:()=>{T("dashboard_click_event",{click_target:"ui_studio_delete_snapshot",page:"ui-studio",tab:"ui_studio_analysis"}),C("deleteSnapshot")},disabled:!N,type:"button",children:d("uiStudio.actions.deleteSnapshot","이 화면 캡처 삭제")})})})]})]}),t.jsx(y,{text:d("uiStudio.detailClose.tooltip","Close this detail panel."),children:t.jsx("button",{className:s.closeBtn,onClick:a,type:"button","aria-label":d("uiStudio.detailClose","Close"),children:t.jsx(Ee,{size:18,"aria-hidden":"true"})})})]})]}),u&&t.jsx("div",{className:s.errorMsg,children:u}),o&&t.jsxs("div",{className:s.detailBody,children:[m&&t.jsx("div",{className:s.actionErrMsg,children:m}),x&&t.jsxs("div",{className:`${s.actionStatusMsg} ${s[`actionStatus_${x.tone}`]??""}`,children:[t.jsx("div",{children:x.message}),x.detail&&t.jsx("div",{className:s.actionStatusDetail,children:x.detail})]}),t.jsx(ka,{detail:o}),t.jsx("div",{className:s.screenshotPreviewFrame,"data-testid":"analysis-screenshot-preview",children:t.jsx("img",{className:s.fullImg,src:o.image_url,alt:o.snapshot_id})}),t.jsx(Ta,{items:o.check_results}),t.jsxs("dl",{className:s.metaDl,children:[t.jsx("dt",{children:t.jsx(G,{label:d("uiStudio.capturedAt","Captured"),tooltip:d("uiStudio.capturedAt.tooltip","When this screen was captured.")})}),t.jsx("dd",{children:new Date(o.captured_at*1e3).toLocaleString()}),t.jsx("dt",{children:t.jsx(G,{label:d("uiStudio.scope","Scope"),tooltip:d("uiStudio.scope.tooltip","Capture scope (full screen or a specific UI).")})}),t.jsx("dd",{children:o.scope}),o.target&&t.jsxs(t.Fragment,{children:[t.jsx("dt",{children:t.jsx(G,{label:d("uiStudio.target","Target"),tooltip:d("uiStudio.target.tooltip","Exact path of the captured UI instance.")})}),t.jsx("dd",{children:o.target})]}),o.brief_id&&t.jsxs(t.Fragment,{children:[t.jsx("dt",{children:t.jsx(G,{label:d("uiStudio.briefId","Brief"),tooltip:d("uiStudio.briefId.tooltip","Identifier of the design brief that produced this UI.")})}),t.jsx("dd",{children:o.brief_id})]})]})]}),A==="deleteSnapshot"&&t.jsx(se,{title:d("uiStudio.confirm.deleteSnapshotTitle","화면 캡처 삭제"),message:d("uiStudio.confirm.deleteSnapshotMessage","이 화면 캡처 파일만 삭제됩니다 (Studio 인스턴스 보존)."),danger:!0,confirmLabel:d("common.delete","삭제"),onConfirm:E,onClose:()=>C(null)})]})}function ka({detail:e}){const{t:i}=M(),a=Ca(e);return t.jsxs("section",{className:s.drawerAnalysisSummary,children:[t.jsxs("div",{className:s.drawerAnalysisSummaryItem,children:[t.jsx("span",{className:s.drawerAnalysisLabel,children:t.jsx(G,{label:i("uiStudio.analysis.verdictLabel","개선 요약"),tooltip:i("uiStudio.analysis.verdictLabel.tooltip","Overall improvement verdict for this capture.")})}),t.jsx("span",{className:`${s.analysisVerdict} ${s[`analysisVerdict_${a}`]??""}`,children:Ia(i,a)}),t.jsx("span",{className:s.drawerAnalysisCounts,children:Na(i,e)})]}),t.jsxs("div",{className:s.drawerAnalysisSummaryItem,children:[t.jsx("span",{className:s.drawerAnalysisLabel,children:t.jsx(G,{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:s.drawerAnalysisValue,children:e.thresholds_source})]})]})}function Ta({items:e}){const{t:i}=M();if(e.length===0)return t.jsx("p",{className:s.emptySuggestions,children:i("uiStudio.noSuggestions","현재 개선 제안 없음")});const{high:a,medium:n,low:l}=va(e,i);return t.jsxs("div",{className:s.suggestionsWrap,children:[t.jsx("h3",{children:t.jsx(G,{label:i("uiStudio.designCheckResultsTitle","Design Check suggestions"),tooltip:i("uiStudio.designCheckResultsTitle.tooltip","All improvement suggestions found in this capture.")})}),a.length>0&&t.jsxs("section",{className:s.prioritySection,children:[t.jsx("h4",{className:s.sectionHighHeader,children:i("uiStudio.highPrioritySection","우선 검토")}),a.map(r=>t.jsx(Q,{group:r},`h-${r.rule}`))]}),n.length>0&&t.jsxs("section",{className:s.prioritySection,children:[t.jsx("h4",{className:s.sectionMediumHeader,children:i("uiStudio.mediumPrioritySection","검토 권장")}),n.map(r=>t.jsx(Q,{group:r},`m-${r.rule}`))]}),l.length>0&&t.jsxs("section",{className:s.prioritySection,children:[t.jsx("h4",{className:s.sectionLowHeader,children:i("uiStudio.lowPrioritySection","선택 개선")}),l.map(r=>t.jsx(Q,{group:r},`l-${r.rule}`))]})]})}function Q({group:e}){var o,p,u;const{t:i}=M(),[a,n]=g.useState(e.priority==="priority_high"&&e.items.length<=5),l=e.falsePositiveRatio>=.5&&!!((o=e.fixTemplate)!=null&&o.falsePositiveNote),r=((p=e.fixTemplate)==null?void 0:p.checkLabel)??e.rule;return t.jsxs("div",{className:s.groupCard,children:[t.jsx(y,{text:i("uiStudio.suggestionGroup.tooltip","Suggestions of the same kind grouped together. Click to expand or collapse."),children:t.jsxs("button",{className:s.groupHeader,onClick:()=>n(_=>!_),type:"button",children:[t.jsx("span",{className:s.groupLabel,children:r}),t.jsx(y,{text:i("uiStudio.groupSummary.tooltip","Number of UI elements matching this group."),children:t.jsxs("span",{className:s.groupCount,children:[e.items.length," ",i("uiStudio.groupSummary","items")]})}),t.jsx("span",{className:s.groupChevron,children:a?"▾":"▸"})]})}),a&&t.jsxs("div",{className:s.groupBody,children:[e.fixTemplate&&t.jsxs(t.Fragment,{children:[t.jsx("p",{className:s.groupDescription,children:e.fixTemplate.description}),t.jsx("p",{className:s.groupFix,children:e.fixTemplate.howToFix})]}),l&&t.jsx(y,{text:i("uiStudio.falsePositiveWarning.tooltip","This check can produce false positives — verify before applying."),children:t.jsxs("p",{className:s.falsePositive,children:[i("uiStudio.falsePositiveWarning","May contain false positives"),":"," ",(u=e.fixTemplate)==null?void 0:u.falsePositiveNote]})}),t.jsx("ul",{className:s.itemList,children:e.items.map((_,m)=>t.jsx(Ba,{item:_,group:e},`${_.path}-${m}`))})]})]})}function Ba({item:e,group:i}){var _;const{t:a}=M(),{trackEvent:n}=H(),[l,r]=g.useState(!1),o=Ie(e.path),p=((_=i.fixTemplate)==null?void 0:_.buildUpdateCommand(e))??null,u=async()=>{if(p)try{await navigator.clipboard.writeText(p),n("dashboard_click_event",{click_target:"ui_studio_copy_ai_instruction",page:"ui-studio",tab:"ui_studio_analysis"}),r(!0),setTimeout(()=>r(!1),2e3)}catch{}};return t.jsxs("li",{className:s.suggestionItem,children:[t.jsxs("div",{className:s.suggestionInfo,children:[t.jsx("code",{className:s.pathBreadcrumb,title:`${a("uiStudio.fullPath","Full path")}: ${o.full}`,children:o.breadcrumb}),t.jsxs("span",{className:s.currentValue,children:[t.jsx(y,{text:a("uiStudio.colCurrent.tooltip","The currently applied value."),children:t.jsx("span",{children:a("uiStudio.colCurrent","Current")})}),": ",t.jsx("strong",{children:String(e.actual)})," → ",t.jsx(y,{text:a("uiStudio.colRecommended.tooltip","The recommended value."),children:t.jsx("span",{children:a("uiStudio.colRecommended","Recommended")})}),": ",t.jsx("strong",{children:String(e.expected)})]})]}),p&&t.jsx(y,{text:a("uiStudio.copyFixCommand.tooltip","Copy a prompt that asks the AI to fix this issue."),children:t.jsx("button",{className:s.copyFixBtn,onClick:u,type:"button",children:l?a("uiStudio.copiedToClipboard","Copied"):a("uiStudio.copyFixCommand","Copy AI instruction")})})]})}function Y(e,i){return Object.entries(i).reduce((a,[n,l])=>a.split(`{${n}}`).join(String(l)),e)}function Da(e,i){return i.rule==="contrast"?Y(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"?Y(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"?Y(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 ke="sample_inventory_preview",ee=Ue,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 Ma(e){const n={snapshot_id:ke,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}},l={...n,check_results:Ga.map(o=>({...o,hint:Da(e,o)})),image_url:ee};return{list:{placeId:0,snapshots:[n],totalCount:1},detail:l}}const Aa=/plugin not connected|sync not started/i;function te(e){return typeof e=="string"&&Aa.test(e)}function Te(){const{t:e}=M();return t.jsxs("section",{className:s.pluginGuideCard,role:"status","aria-live":"polite",children:[t.jsx("div",{className:s.pluginGuideMarker,"aria-hidden":"true",children:"!"}),t.jsxs("div",{className:s.pluginGuideBody,children:[t.jsx("h2",{className:s.pluginGuideTitle,children:e("uiStudio.pluginGuide.title","Roblox Studio 플러그인이 연결되지 않았습니다")}),t.jsx("p",{className:s.pluginGuideMessage,children:e("uiStudio.pluginGuide.message","UI Studio는 연결된 Studio place의 화면 캡처와 변경 이력을 표시합니다. Studio와 WEPPY Plugin을 연결하면 자동으로 갱신됩니다.")}),t.jsxs("ul",{className:s.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:s.pluginGuideWaiting,children:[t.jsx("span",{className:s.pluginGuideDot,"aria-hidden":"true"}),e("uiStudio.pluginGuide.waiting","플러그인 연결을 기다리는 중...")]})]})]})}function Be(e){return e.target??e.scope}function Ra(e){const i=Be(e),a=i.split(".").filter(l=>l.length>0),n=a.findIndex(l=>l==="StarterGui");return n>=0&&a[n+1]?["StarterGui",a[n+1]].join("."):i}function De(e){return((e==null?void 0:e.priority_high)??0)>0?"needsFix":((e==null?void 0:e.priority_medium)??0)>0||((e==null?void 0:e.priority_low)??0)>0?"review":"passed"}function La(e){return De(e.design_check_summary)}function ge(e){return ie(e.design_check_summary)}function ie(e){return((e==null?void 0:e.priority_high)??0)>0?0:((e==null?void 0:e.priority_medium)??0)>0?1:((e==null?void 0:e.priority_low)??0)>0?2:3}function $a(e){return e.length===0?null:{...e.reduce((a,n)=>{const l=n.latest.design_check_summary;return a.priority_high+=(l==null?void 0:l.priority_high)??0,a.priority_medium+=(l==null?void 0:l.priority_medium)??0,a.priority_low+=(l==null?void 0:l.priority_low)??0,a},{priority_high:0,priority_medium:0,priority_low:0})}}function Ea(e){const i=new Map;for(const l of e){const r=Be(l),o=i.get(r);if(!o){i.set(r,{latest:l,snapshotCount:1});continue}o.snapshotCount+=1,l.captured_at>o.latest.captured_at&&(o.latest=l)}const a=[...i.entries()].map(([l,r])=>({key:l,latest:r.latest,snapshotCount:r.snapshotCount,verdict:La(r.latest)})),n=new Map;for(const l of a){const r=Ra(l.latest),o=n.get(r)??[];o.push(l),n.set(r,o)}return[...n.entries()].map(([l,r])=>{var _;const o=r.sort((m,h)=>{const x=ge(m.latest)-ge(h.latest);return x!==0?x:h.latest.captured_at-m.latest.captured_at}),p=o.reduce((m,h)=>h.latest.captured_at>m.captured_at?h.latest:m,((_=o[0])==null?void 0:_.latest)??r[0].latest),u=$a(o);return{key:l,latest:p,snapshotCount:o.reduce((m,h)=>m+h.snapshotCount,0),children:o,summary:u,verdict:De(u)}}).sort((l,r)=>{const o=ie(l.summary)-ie(r.summary);return o!==0?o:r.latest.captured_at-l.latest.captured_at})}function Ha(e){return e.reduce((i,a)=>(a.verdict==="passed"?i.noSuggestions+=1:i.hasSuggestions+=1,i),{hasSuggestions:0,noSuggestions:0})}function $(e,i){return`${i}${e("uiStudio.storage.countSuffix","개")}`}function ae(e,i){return`${e("uiStudio.priorityHigh","우선 검토")} ${$(e,(i==null?void 0:i.priority_high)??0)} · ${e("uiStudio.priorityMedium","검토 권장")} ${$(e,(i==null?void 0:i.priority_medium)??0)} · ${e("uiStudio.priorityLow","선택 개선")} ${$(e,(i==null?void 0:i.priority_low)??0)}`}function Oa(e,i,a){return`${e("uiStudio.analysis.targetCountLabel","분석 대상")} ${$(e,i)} · ${re(e,"needsFix")} ${$(e,a.hasSuggestions)} · ${re(e,"passed")} ${$(e,a.noSuggestions)}`}function Fa({tier:e}){const{t:i}=M(),{trackEvent:a}=H(),n=e==="basic",l=Ce(50),r=g.useRef(null),[o,p]=g.useState(null),[u,_]=g.useState(new Set),[m,h]=g.useState(new Set),[x,j]=g.useState(!1),w=g.useCallback((f,R)=>{p(o===f?null:f)},[o]),b=g.useCallback(()=>{p(null)},[]),A=g.useCallback(f=>{_(R=>{const D=new Set(R);return D.has(f)?D.delete(f):D.add(f),D})},[]);g.useEffect(()=>{var R;if(!o)return;(R=r.current)==null||R.focus();const f=D=>{D.key==="Escape"&&!document.getElementById("delete-confirm-title")&&b()};return document.addEventListener("keydown",f),()=>document.removeEventListener("keydown",f)},[b,o]);const C=n?Ma(i):null,d=(C==null?void 0:C.list)??l.data,T=n?!1:l.loading,N=g.useCallback(f=>{h(R=>{const D=new Set(R);return D.has(f)?D.delete(f):D.add(f),D})},[]),S=f=>{h(new Set(f))},k=()=>{h(new Set)},E=async()=>{const f=(d==null?void 0:d.placeId)??0;a("dashboard_click_event",{click_target:"ui_studio_delete_selected_snapshots",page:"ui-studio",tab:"ui_studio_analysis"}),await ze(f,{ids:[...m]}),await l.refresh(),j(!1),h(new Set)};if(T)return t.jsx("div",{className:s.page,children:i("uiStudio.loading","Loading...")});if(!n&&te(l.error))return t.jsx(Te,{});if(!n&&l.error)return t.jsxs("div",{className:s.page,children:[i("uiStudio.error","Error"),": ",l.error]});const I=(d==null?void 0:d.snapshots)??[],P=(d==null?void 0:d.placeId)??0,v=I.map(f=>f.snapshot_id),B=Ea(I),L=Ha(B);return t.jsxs("div",{children:[t.jsxs("div",{className:s.analysisWorkspace,"data-detail-open":o?"true":"false",children:[t.jsxs("div",{className:s.analysisMainColumn,"data-testid":"analysis-main-column",children:[n&&t.jsx("div",{className:s.sampleBanner,children:t.jsxs("div",{className:s.sampleBannerRow,children:[t.jsxs("div",{className:s.sampleBannerMain,children:[t.jsx("div",{className:s.sampleBadge,children:i("uiStudio.sample.badge","Preview of the Pro UI gallery")}),t.jsx("div",{className:s.sampleTitle,children:i("uiStudio.sample.title","You are previewing the UI screenshot gallery that unlocks after upgrading to Pro.")}),t.jsx("div",{className:s.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:s.sampleActions,children:t.jsx("a",{className:s.primaryAction,href:Se.uiStudioAnalysis,target:"_blank",rel:"noreferrer",onClick:()=>a("dashboard_click_event",{click_target:"upgrade_cta",placement:"ui_studio_analysis_banner",page:"ui-studio",tab:"ui_studio_analysis"}),children:i("tier.upgrade","View Pro")})})]})}),t.jsx("div",{className:s.galleryHeader,children:t.jsx("h1",{children:t.jsx(G,{label:i("uiStudio.title","UI Studio"),tooltip:i("uiStudio.title.tooltip","A central place to review AI-generated UI screens and improvement suggestions.")})})}),I.length===0?t.jsx("div",{className:s.emptyState,children:i("uiStudio.empty","No screenshots saved yet. They are created automatically when an AI agent captures the current UI state.")}):t.jsxs(t.Fragment,{children:[t.jsx("section",{className:s.analysisSummaryPanel,children:t.jsxs("div",{children:[t.jsx("h2",{children:t.jsx(G,{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:s.analysisSummaryText,children:Oa(i,B.length,L)})]})}),t.jsx("div",{className:s.analysisReportGrid,"data-testid":"analysis-report-grid",children:B.map(f=>t.jsx(za,{report:f,placeId:P,imageUrlOverride:n?ee:void 0,expanded:u.has(f.key),onPrimaryClick:R=>{f.children.length>1?A(f.key):w(f.latest.snapshot_id,R)},onChildClick:(R,D)=>w(R,D)},f.key))}),t.jsxs("section",{className:s.recentCapturesSection,children:[t.jsxs("div",{className:s.recentCapturesHeader,children:[t.jsxs("div",{children:[t.jsx("h2",{children:t.jsx(G,{label:i("uiStudio.analysis.recentCapturesTitle","최근 캡처"),tooltip:i("uiStudio.analysis.recentCapturesTitle.tooltip","All recently saved captures in chronological order.")})}),t.jsxs("p",{className:s.recentCapturesMeta,children:[i("uiStudio.storage.snapshotCount","화면 캡처")," ",$(i,I.length)]})]}),!n&&I.length>0&&t.jsxs("div",{className:s.captureSelectionActions,children:[t.jsx(y,{text:i("uiStudio.gallery.selectAll.tooltip","Select every visible capture at once."),children:t.jsx("button",{className:s.selectionBarBtn,onClick:()=>S(v),type:"button",children:i("uiStudio.gallery.selectAll","모두 선택")})}),m.size>0&&t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:s.selectionToolbarCount,children:[m.size,i("uiStudio.gallery.selection.selectedCount"," selected")]}),t.jsx(y,{text:i("uiStudio.gallery.clearSelection.tooltip","Clear the current selection."),children:t.jsx("button",{className:s.selectionBarBtn,onClick:k,type:"button",children:i("uiStudio.gallery.clearSelection","선택 해제")})}),t.jsx(y,{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:`${s.selectionBarBtn} ${s.selectionBarBtnDanger}`,onClick:()=>j(!0),type:"button",children:i("common.delete","삭제")})})]})]})]}),t.jsx("div",{className:s.grid,children:I.map(f=>t.jsx(_a,{snapshot:f,placeId:P,onClick:R=>w(f.snapshot_id,R),imageUrlOverride:n?ee:void 0,selectable:!n,selected:m.has(f.snapshot_id),onToggleSelect:N},f.snapshot_id))})]})]})]}),o&&t.jsx("div",{className:s.analysisDetailPopupLayer,"data-testid":"analysis-detail-popup-layer",onClick:b,role:"presentation",children:t.jsx("section",{ref:r,className:s.analysisDetailDialog,role:"dialog","aria-modal":"true","aria-label":i("uiStudio.analysis.detailDialog","Analysis detail"),tabIndex:-1,onClick:f=>f.stopPropagation(),children:t.jsx(Pa,{snapshotId:o,placeId:P,onClose:b,sampleDetail:n&&o===ke?(C==null?void 0:C.detail)??null:null,tier:e,onActionDone:n?void 0:l.refresh})})})]}),x&&t.jsx(se,{title:i("uiStudio.confirm.deleteBatchTitle","화면 캡처 일괄 삭제"),message:i("uiStudio.confirm.deleteBatchMessage",`선택한 ${m.size}개의 화면 캡처를 삭제합니다. 이 작업은 되돌릴 수 없습니다.`),danger:!0,confirmLabel:i("common.delete","삭제"),onConfirm:E,onClose:()=>j(!1)})]})}function re(e,i){return i==="needsFix"||i==="review"?e("uiStudio.analysis.verdict.hasSuggestions","개선 제안 있음"):e("uiStudio.analysis.verdict.passed","현재 개선 제안 없음")}function Ua(e,i){return((i==null?void 0:i.priority_high)??0)>0||((i==null?void 0:i.priority_medium)??0)>0||((i==null?void 0:i.priority_low)??0)>0?ae(e,i):e("uiStudio.analysis.issueSummary.passed","현재 검토 기준에서 추가 개선 제안은 없습니다.")}function za({report:e,placeId:i,imageUrlOverride:a,expanded:n,onPrimaryClick:l,onChildClick:r}){const{t:o}=M(),p=e.latest,u=a??be(p.snapshot_id,i),_=new Date(p.captured_at*1e3).toLocaleString(),m=re(o,e.verdict),h=e.children.length>1;return t.jsxs("div",{className:s.analysisReportGroup,children:[t.jsxs("button",{className:s.analysisReportCard,"aria-expanded":h?n:void 0,"aria-label":`${e.key} ${h?o("uiStudio.analysis.expandChildren","하위 대상 보기"):o("uiStudio.analysis.openDetail","상세 보기")}`,onClick:x=>l(x.currentTarget),type:"button",children:[t.jsx("img",{className:s.analysisReportThumb,src:u,alt:p.snapshot_id,loading:"lazy"}),t.jsxs("div",{className:s.analysisReportBody,children:[t.jsxs("div",{className:s.analysisReportTopline,children:[t.jsx(y,{text:e.verdict==="passed"?o("uiStudio.analysis.verdict.passed.tooltip","No improvements suggested under the current review thresholds."):o("uiStudio.analysis.verdict.hasSuggestions.tooltip","Some improvements were found in this UI. Click the card for details."),children:t.jsx("span",{className:`${s.analysisVerdict} ${s[`analysisVerdict_${e.verdict}`]??""}`,children:m})}),t.jsx(y,{text:o("uiStudio.analysis.counts.tooltip","Shows how many suggestions are marked review first, recommended, or optional."),children:t.jsx("span",{className:s.analysisReportCounts,children:ae(o,e.summary)})})]}),t.jsx("div",{className:s.analysisReportTarget,children:e.key}),t.jsx("div",{className:s.analysisReportIssue,children:Ua(o,e.summary)}),t.jsxs("div",{className:s.analysisReportMeta,children:[_," ·"," ",t.jsx(y,{text:o("uiStudio.analysis.thresholds.tooltip","The threshold set used for this review (default or custom)."),children:t.jsx("span",{children:o("uiStudio.analysis.thresholds","검토 기준")})}),": ",p.thresholds_source,e.snapshotCount>1?` · ${o("uiStudio.analysis.captureLabel","캡처")} ${$(o,e.snapshotCount)}`:"",h?` · ${o("uiStudio.analysis.childTargets","하위 대상")} ${$(o,e.children.length)}`:""]})]})]}),h&&n&&t.jsx("div",{className:s.analysisChildList,children:e.children.map(x=>t.jsxs("button",{className:s.analysisChildRow,onClick:j=>r(x.latest.snapshot_id,j.currentTarget),type:"button",children:[t.jsx("span",{className:s.analysisChildPath,children:x.key}),t.jsx("span",{className:s.analysisChildSummary,children:ae(o,x.latest.design_check_summary)}),t.jsx("span",{className:s.analysisChildDetailHint,children:o("uiStudio.analysis.childDetailHint","하위 대상 상세 보기")})]},x.key))})]})}function qa(e,i,a=1e4){const[n,l]=g.useState(null),[r,o]=g.useState(!0),[p,u]=g.useState(null),_=JSON.stringify(i),m=g.useCallback(async()=>{if(e===null){l(null),u(null),o(!1);return}try{const h=await le(e,i);l(h),u(null)}catch(h){u(h.message)}finally{o(!1)}},[e,_]);return g.useEffect(()=>{let h=!0;if(e===null)return l(null),u(null),o(!1),()=>{h=!1};const x=async()=>{try{const w=await le(e,i);h&&(l(w),u(null))}catch(w){h&&u(w.message)}finally{h&&o(!1)}};x();const j=setInterval(()=>{x()},a);return()=>{h=!1,clearInterval(j)}},[e,_,a]),{data:n,loading:r,error:p,refresh:m}}const Va="_filterBar_1nnge_4",Wa="_filterGroup_1nnge_14",Ka="_filterLabel_1nnge_21",Qa="_filterCheckbox_1nnge_28",Ya="_segmentGroup_1nnge_45",Ja="_segmentBtn_1nnge_55",Xa="_segmentBtnActive_1nnge_73",Za="_filterInput_1nnge_79",er="_filterResetBtn_1nnge_95",tr="_requestRow_1nnge_114",ir="_requestRowMain_1nnge_127",ar="_requestDetailToggle_1nnge_134",rr="_thumbPair_1nnge_156",sr="_thumbPairButton_1nnge_164",nr="_thumbSlot_1nnge_179",or="_thumbImg_1nnge_204",lr="_thumbPlaceholder_1nnge_211",cr="_thumbArrow_1nnge_219",ur="_extraPathsBadge_1nnge_225",dr="_requestMeta_1nnge_239",hr="_requestLabel_1nnge_247",pr="_requestTime_1nnge_256",gr="_requestStats_1nnge_261",mr="_statDot_1nnge_269",_r="_summaryPill_1nnge_273",yr="_requestActions_1nnge_278",fr="_expandHint_1nnge_285",xr="_mutationsArea_1nnge_298",Sr="_mutLoading_1nnge_307",jr="_mutEmpty_1nnge_308",wr="_mutError_1nnge_314",vr="_mutationRow_1nnge_320",br="_mutationLine_1nnge_330",Cr="_mutTs_1nnge_337",Ir="_mutCommand_1nnge_343",Nr="_mutPath_1nnge_349",Pr="_mutDiff_1nnge_359",kr="_mutErr_1nnge_314",Tr="_changeDetails_1nnge_374",Br="_changeDetailRow_1nnge_382",Dr="_changeDetailRowNoBefore_1nnge_391",Gr="_changeDetailBadge_1nnge_395",Mr="_changeDetail_text_1nnge_412",Ar="_changeDetail_color_1nnge_417",Rr="_changeDetail_size_1nnge_422",Lr="_changeDetail_layout_1nnge_427",$r="_changeDetail_state_1nnge_432",Er="_changeDetail_asset_1nnge_437",Hr="_changeDetail_property_1nnge_442",Or="_changeDetailProperty_1nnge_446",Fr="_changeDetailArrow_1nnge_454",Ur="_changeDetailOldValue_1nnge_460",zr="_changeDetailNewValue_1nnge_461",qr="_compareDialogLayer_1nnge_479",Vr="_compareDialog_1nnge_479",Wr="_beforeAfterDrawer_1nnge_510",Kr="_drawerHeader_1nnge_520",Qr="_drawerTitle_1nnge_529",Yr="_drawerCloseBtn_1nnge_536",Jr="_drawerBody_1nnge_552",Xr="_pathTabs_1nnge_559",Zr="_pathTab_1nnge_559",es="_pathTabActive_1nnge_588",ts="_comparePanel_1nnge_594",is="_compareHalf_1nnge_604",as="_compareLabel_1nnge_611",rs="_compareImg_1nnge_622",ss="_comparePlaceholder_1nnge_630",ns="_compareDetailsPanel_1nnge_642",os="_compareDetailsHeader_1nnge_651",ls="_drawerFooter_1nnge_669",cs="_drawerActionBtn_1nnge_677",us="_historyTabWrap_1nnge_695",ds="_historyWorkspace_1nnge_701",hs="_historyMainColumn_1nnge_706",ps="_requestList_1nnge_710",gs="_emptyHistory_1nnge_715",ms="_historyError_1nnge_722",_s="_historyLoading_1nnge_728",ys="_listHeader_1nnge_736",fs="_listHeaderTitle_1nnge_745",xs="_clearBtn_1nnge_752",Ss="_deleteErrBanner_1nnge_771",c={filterBar:Va,filterGroup:Wa,filterLabel:Ka,filterCheckbox:Qa,segmentGroup:Ya,segmentBtn:Ja,segmentBtnActive:Xa,filterInput:Za,filterResetBtn:er,requestRow:tr,requestRowMain:ir,requestDetailToggle:ar,thumbPair:rr,thumbPairButton:sr,thumbSlot:nr,thumbImg:or,thumbPlaceholder:lr,thumbArrow:cr,extraPathsBadge:ur,requestMeta:dr,requestLabel:hr,requestTime:pr,requestStats:gr,statDot:mr,summaryPill:_r,requestActions:yr,expandHint:fr,mutationsArea:xr,mutLoading:Sr,mutEmpty:jr,mutError:wr,mutationRow:vr,mutationLine:br,mutTs:Cr,mutCommand:Ir,mutPath:Nr,mutDiff:Pr,mutErr:kr,changeDetails:Tr,changeDetailRow:Br,changeDetailRowNoBefore:Dr,changeDetailBadge:Gr,changeDetail_text:Mr,changeDetail_color:Ar,changeDetail_size:Rr,changeDetail_layout:Lr,changeDetail_state:$r,changeDetail_asset:Er,changeDetail_property:Hr,changeDetailProperty:Or,changeDetailArrow:Fr,changeDetailOldValue:Ur,changeDetailNewValue:zr,compareDialogLayer:qr,compareDialog:Vr,beforeAfterDrawer:Wr,drawerHeader:Kr,drawerTitle:Qr,drawerCloseBtn:Yr,drawerBody:Jr,pathTabs:Xr,pathTab:Zr,pathTabActive:es,comparePanel:ts,compareHalf:is,compareLabel:as,compareImg:rs,comparePlaceholder:ss,compareDetailsPanel:ns,compareDetailsHeader:os,drawerFooter:ls,drawerActionBtn:cs,historyTabWrap:us,historyWorkspace:ds,historyMainColumn:hs,requestList:ps,emptyHistory:gs,historyError:ms,historyLoading:_s,listHeader:ys,listHeaderTitle:fs,clearBtn:xs,deleteErrBanner:Ss};function js(e){try{return new Date(e).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}catch{return e}}function me(e){return e==null?"nil":typeof e=="string"?`"${e}"`:typeof e=="object"?JSON.stringify(e):String(e)}function Ge({mutations:e,emptyLabel:i}){const{t:a}=M();return e.length===0?t.jsx("div",{className:c.mutEmpty,children:i??a("uiStudio.history.row.mutationsEmpty","No change details")}):t.jsx(t.Fragment,{children:e.map(n=>t.jsx(ws,{mutation:n},n.mutationId))})}function ws({mutation:e}){return t.jsxs("div",{className:c.mutationRow,children:[t.jsxs("div",{className:c.mutationLine,children:[t.jsx("span",{className:c.mutTs,children:js(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(vs,{detail:i},`${i.property}:${i.category}`))}),!e.ok&&e.error&&t.jsx("span",{className:c.mutErr,children:e.error})]})}function vs({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:me(e.before)}),t.jsx("span",{className:c.changeDetailArrow,children:"→"}),t.jsx("span",{className:c.changeDetailNewValue,children:me(e.after)})]})}function _e(e,i){return`${q}/api/ui-studio/snapshots/${encodeURIComponent(e)}/image?placeId=${i}`}function bs(e){try{return new Date(e).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}catch{return e}}function Cs(e){if(!e)return null;const i=e.split(/[./]/).filter(n=>n.length>0);if(i.length===0)return null;const a=i.findIndex(n=>n==="StarterGui");return a>=0&&i[a+1]?i[a+1]:i[i.length-1]??null}function J(e,i){if(i.label)return i.label;const a=Cs(i.affectedPaths[0]);if(a){const n=i.mutationCount===1?"uiStudio.history.row.pathLabelOne":"uiStudio.history.row.pathLabelMany",l=i.mutationCount===1?"{path} · {n} change detail":"{path} · {n} change details";return e(n,l).replace("{path}",a).replace("{n}",String(i.mutationCount))}return e("uiStudio.history.row.toolLabel","UI changes ({n})").replace("{n}",String(i.mutationCount))}function X(e,i){return`${i}${e("uiStudio.storage.countSuffix","")}`}function Is(e,i){if(!i)return null;const a=[i.style_family,i.layout_family,i.device_policy,i.safe_area_policy].filter(n=>typeof n=="string"&&n.length>0);return a.length===0?null:`${e("uiStudio.history.row.qualityPlan","Design direction")}: ${a.join(" · ")}`}function Ns(e,i){if(!i)return null;if(i.source==="unavailable")return e("uiStudio.history.row.designCheckUnavailable","Suggestions: unavailable");if(i.total===0)return e("uiStudio.history.row.designCheckNone","Suggestions: none");const a=`${e("uiStudio.priorityHigh","Priority")} ${X(e,i.priority_high)}`,n=`${e("uiStudio.priorityMedium","Recommended")} ${X(e,i.priority_medium)}`,l=`${e("uiStudio.priorityLow","Optional")} ${X(e,i.priority_low)}`;return`${e("uiStudio.history.row.designCheck","Suggestions")}: ${a} · ${n} · ${l}`}function Me({req:e,placeId:i,onOpenCompare:a,imageUrlOverride:n,sampleMutations:l}){const{t:r}=M(),[o,p]=g.useState(!1),[u,_]=g.useState(null),[m,h]=g.useState(!1),[x,j]=g.useState(null),w=n!=null,b=e.affectedPaths[0]??null,A=e.affectedPaths.length-1,C=b?e.beforeSnapshots[b]??null:null,d=b?e.afterSnapshots[b]??null:null,T=C?w?n:_e(C,i):null,N=d?w?n:_e(d,i):null,S=Is(r,e.qualityPlanSummary),k=Ns(r,e.postChangeDesignCheckSummary),E=async()=>{if(!o&&u===null)if(w&&l!=null)_(l);else{h(!0),j(null);try{const I=await je(i,e.requestId);_(I.mutations)}catch(I){j(I.message)}finally{h(!1)}}p(I=>!I)};return t.jsxs("div",{className:c.requestRow,children:[t.jsxs("div",{className:c.requestRowMain,children:[t.jsx(y,{text:r("uiStudio.history.row.compare.tooltip","Compare the before and after screens. Click to open the full comparison view."),children:t.jsxs("button",{className:`${c.thumbPair} ${c.thumbPairButton}`,onClick:I=>a(I.currentTarget),disabled:!b,"aria-label":`${J(r,e)} ${r("uiStudio.history.row.compare","Before / After")}`,type:"button",children:[t.jsx("div",{className:c.thumbSlot,children:T?t.jsx("img",{className:c.thumbImg,src:T,alt:r("uiStudio.compare.before","Before"),loading:"lazy"}):t.jsx(y,{text:r("uiStudio.history.row.noBeforeState.tooltip","No capture saved before this change."),children:t.jsx("span",{className:c.thumbPlaceholder,children:r("uiStudio.history.row.noBeforeState","이전 없음")})})}),t.jsx("span",{className:c.thumbArrow,children:"→"}),t.jsx("div",{className:c.thumbSlot,children:N?t.jsx("img",{className:c.thumbImg,src:N,alt:r("uiStudio.compare.after","After"),loading:"lazy"}):t.jsx(y,{text:r("uiStudio.history.row.noAfterState.tooltip","No capture saved after this change."),children:t.jsx("span",{className:c.thumbPlaceholder,children:r("uiStudio.history.row.noAfterState","이후 없음")})})}),A>0&&t.jsx(y,{text:r("uiStudio.history.row.extraPaths.tooltip","Number of additional UIs changed in this action."),children:t.jsxs("span",{className:c.extraPathsBadge,children:["+",A]})})]})}),t.jsxs("button",{className:c.requestDetailToggle,type:"button","aria-expanded":o,"aria-label":`${J(r,e)} ${r("uiStudio.history.row.toggleDetails","Toggle change details")}`,onClick:()=>void E(),children:[t.jsxs("span",{className:c.requestMeta,children:[t.jsx("span",{className:c.requestLabel,children:J(r,e)}),t.jsx("span",{className:c.requestTime,children:bs(e.startedAt)}),t.jsxs("span",{className:c.requestStats,children:[t.jsx(y,{text:r("uiStudio.history.row.affectedPaths.tooltip","Number of UIs affected by this action."),children:t.jsxs("span",{children:[r("uiStudio.history.row.affectedPaths","Paths")," ",e.affectedPaths.length,r("uiStudio.storage.countSuffix","")]})}),t.jsx("span",{className:c.statDot,children:"·"}),t.jsx(y,{text:r("uiStudio.history.row.mutations.tooltip","Number of detailed changes (e.g., property edits)."),children:t.jsxs("span",{children:[r("uiStudio.history.row.mutations","Change details")," ",e.mutationCount,r("uiStudio.storage.countSuffix","")]})}),S&&t.jsxs(t.Fragment,{children:[t.jsx("span",{className:c.statDot,children:"·"}),t.jsx(y,{text:r("uiStudio.history.row.qualityPlan.tooltip","Brief design direction used for this change."),children:t.jsx("span",{className:c.summaryPill,children:S})})]}),k&&t.jsxs(t.Fragment,{children:[t.jsx("span",{className:c.statDot,children:"·"}),t.jsx(y,{text:r("uiStudio.history.row.designCheck.tooltip","Post-change Design Check suggestion summary."),children:t.jsx("span",{className:c.summaryPill,children:k})})]})]})]}),t.jsx("span",{className:c.requestActions,children:t.jsx(y,{text:r("uiStudio.history.row.toggleDetails.tooltip","Show or hide a per-line breakdown of what changed."),children:t.jsx("span",{className:c.expandHint,children:o?r("uiStudio.history.row.collapseDetails","Hide change details"):r("uiStudio.history.row.expandDetails","Show {n} change details").replace("{n}",String(e.mutationCount))})})})]})]}),o&&t.jsxs("div",{className:c.mutationsArea,children:[m&&t.jsx("div",{className:c.mutLoading,children:r("uiStudio.history.loading","로딩 중...")}),x&&t.jsx("div",{className:c.mutError,children:x}),u&&t.jsx(Ge,{mutations:u,emptyLabel:r("uiStudio.history.row.mutationsEmpty","No change details")})]})]})}function ye(e,i){return`${q}/api/ui-studio/snapshots/${encodeURIComponent(e)}/image?placeId=${i}`}function Ae({requestId:e,placeId:i,onClose:a,imageUrlOverride:n,sampleDetail:l}){const{t:r}=M(),o=g.useRef(null),p=l!=null,[u,_]=g.useState(p?l:null),[m,h]=g.useState(!p),[x,j]=g.useState(null),[w,b]=g.useState(p&&l.affectedPaths.length>0?l.affectedPaths[0]:null);g.useEffect(()=>{var S;(S=o.current)==null||S.focus()},[]),g.useEffect(()=>{const S=k=>{k.key==="Escape"&&(k.preventDefault(),a())};return document.addEventListener("keydown",S),()=>{document.removeEventListener("keydown",S)}},[a]),g.useEffect(()=>{if(p)return;let S=!0;return h(!0),j(null),je(i,e).then(k=>{S&&(_(k),k.affectedPaths.length>0&&b(k.affectedPaths[0]))}).catch(k=>{S&&j(k.message)}).finally(()=>{S&&h(!1)}),()=>{S=!1}},[e,i,p]);const A=w&&u?u.beforeSnapshots[w]??null:null,C=w&&u?u.afterSnapshots[w]??null:null,d=A?n??ye(A,i):null,T=C?n??ye(C,i):null,N=r("uiStudio.history.row.compare","전후 비교");return t.jsx("div",{className:c.compareDialogLayer,"data-testid":"history-compare-dialog-layer",onClick:a,role:"presentation",children:t.jsx("section",{ref:o,className:c.compareDialog,role:"dialog","aria-modal":"true","aria-label":N,tabIndex:-1,onClick:S=>S.stopPropagation(),children:t.jsxs("div",{className:c.beforeAfterDrawer,children:[t.jsxs("div",{className:c.drawerHeader,children:[t.jsx("h2",{className:c.drawerTitle,children:N}),t.jsx("button",{className:c.drawerCloseBtn,onClick:a,type:"button",children:r("uiStudio.history.drawer.close","닫기")})]}),m&&t.jsx("div",{className:c.drawerBody,children:r("uiStudio.history.loading","로딩 중...")}),x&&t.jsx("div",{className:c.drawerBody,children:t.jsx("span",{className:c.mutErr,children:x})}),!m&&!x&&u&&t.jsxs(t.Fragment,{children:[u.affectedPaths.length>0&&t.jsx("div",{className:c.pathTabs,role:"tablist",children:u.affectedPaths.map(S=>t.jsx(y,{text:`${r("uiStudio.compare.path.tooltip","The UI instance path for this screen.")} ${S}`,children:t.jsx("button",{role:"tab","aria-selected":w===S,className:`${c.pathTab} ${w===S?c.pathTabActive:""}`,onClick:()=>b(S),type:"button",children:S.split("/").pop()??S})},S))}),t.jsxs("div",{className:c.comparePanel,children:[t.jsxs("div",{className:c.compareHalf,children:[t.jsx(y,{text:r("uiStudio.compare.before.tooltip","The screen saved just before AI made the change."),children:t.jsx("div",{className:c.compareLabel,children:r("uiStudio.compare.before","Before")})}),d?t.jsx("img",{className:c.compareImg,src:d,alt:r("uiStudio.compare.before","Before")}):t.jsx("div",{className:c.comparePlaceholder,children:r("uiStudio.history.row.noBeforeState","이전 상태 없음")})]}),t.jsxs("div",{className:c.compareHalf,children:[t.jsx(y,{text:r("uiStudio.compare.after.tooltip","The screen saved just after AI made the change."),children:t.jsx("div",{className:c.compareLabel,children:r("uiStudio.compare.after","After")})}),T?t.jsx("img",{className:c.compareImg,src:T,alt:r("uiStudio.compare.after","After")}):t.jsx("div",{className:c.comparePlaceholder,children:r("uiStudio.history.row.noAfterState","이후 상태 없음")})]})]}),t.jsxs("section",{className:c.compareDetailsPanel,children:[t.jsx("div",{className:c.compareDetailsHeader,children:r("uiStudio.history.drawer.changeDetails","Change details")}),t.jsx(Ge,{mutations:u.mutations,emptyLabel:r("uiStudio.history.row.mutationsEmpty","No change details")})]})]}),t.jsx("div",{className:c.drawerFooter,children:t.jsx("button",{className:c.drawerActionBtn,onClick:a,type:"button",children:r("uiStudio.history.drawer.close","닫기")})})]})})})}function z(e){const i=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0),a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),23,59,59,999);return{start:i,end:a}}function fe(e,i){const a=e.split("-").map(Number);if(a.length!==3||a.some(o=>Number.isNaN(o)))return;const[n,l,r]=a;return new Date(n,l-1,r,i?23:0,i?59:0,i?59:0,i?999:0).toISOString()}function Ps(e){const i={limit:50};if(e.action!=="all"&&(i.action=e.action),e.datePreset==="custom"){const a=e.from?fe(e.from,!1):void 0,n=e.to?fe(e.to,!0):void 0;a&&(i.from=a),n&&(i.to=n)}else if(e.datePreset!=="all"){const a=new Date;if(e.datePreset==="today"){const{start:n,end:l}=z(a);i.from=n.toISOString(),i.to=l.toISOString()}else if(e.datePreset==="yesterday"){const n=new Date(a);n.setDate(n.getDate()-1);const{start:l,end:r}=z(n);i.from=l.toISOString(),i.to=r.toISOString()}else{const n=e.datePreset==="7d"?6:29,l=new Date(a);l.setDate(l.getDate()-n);const{start:r}=z(l),{end:o}=z(a);i.from=r.toISOString(),i.to=o.toISOString()}}return i}function Re(){return{action:"all",datePreset:"all"}}function ks(){const{t:e}=M(),{trackEvent:i}=H(),a=qe(e),[n,l]=g.useState(null),r=n?a.requests.find(u=>u.requestId===n)??null:null,o=g.useCallback((u,_)=>{l(u)},[]),p=g.useCallback(()=>{l(null)},[]);return t.jsxs("div",{className:c.historyTabWrap,children:[t.jsx("div",{className:s.sampleBanner,children:t.jsxs("div",{className:s.sampleBannerRow,children:[t.jsxs("div",{className:s.sampleBannerMain,children:[t.jsx("div",{className:s.sampleBadge,children:e("uiStudio.history.sample.bannerBadge","Preview of the Pro change history")}),t.jsx("div",{className:s.sampleTitle,children:e("uiStudio.history.sample.bannerTitle","You are previewing the UI change history that unlocks after upgrading to Pro.")}),t.jsx("div",{className:s.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:s.sampleActions,children:t.jsx("a",{className:s.primaryAction,href:Se.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":n?"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(G,{label:e("uiStudio.history.title","변경 이력"),tooltip:e("uiStudio.history.title.tooltip","A timeline of every UI change made by AI.")})})}),t.jsx("div",{className:c.requestList,children:a.requests.map(u=>t.jsx(Me,{req:u,placeId:0,onOpenCompare:_=>o(u.requestId,_),imageUrlOverride:ce,sampleMutations:a.mutationsByRequest[u.requestId]},u.requestId))})]}),n&&r&&t.jsx(Ae,{requestId:n,placeId:0,onClose:p,imageUrlOverride:ce,sampleDetail:{...r,mutations:a.mutationsByRequest[r.requestId]??[]}})]})]})}function Ts({filter:e,onChange:i}){const{t:a}=M(),n=[{value:"all",label:a("uiStudio.history.filter.actionAll","All"),tooltip:a("uiStudio.history.filter.actionAll.tooltip","Show every kind of action.")},{value:"create_tree",label:a("uiStudio.history.filter.actionCreate","Create"),tooltip:a("uiStudio.history.filter.actionCreate.tooltip","Show only actions that created a new UI.")},{value:"update",label:a("uiStudio.history.filter.actionUpdate","Update"),tooltip:a("uiStudio.history.filter.actionUpdate.tooltip","Show only actions that updated an existing UI.")},{value:"delete",label:a("uiStudio.history.filter.actionDelete","Delete"),tooltip:a("uiStudio.history.filter.actionDelete.tooltip","Show only actions that deleted a UI.")}],l=[{value:"all",label:a("uiStudio.history.filter.dateAll","All"),tooltip:a("uiStudio.history.filter.dateAll.tooltip","Show the full history.")},{value:"today",label:a("uiStudio.history.filter.today","Today"),tooltip:a("uiStudio.history.filter.today.tooltip","Show only changes from today.")},{value:"yesterday",label:a("uiStudio.history.filter.yesterday","Yesterday"),tooltip:a("uiStudio.history.filter.yesterday.tooltip","Show only changes from yesterday.")},{value:"7d",label:a("uiStudio.history.filter.last7Days","Last 7 days"),tooltip:a("uiStudio.history.filter.last7Days.tooltip","Show changes from the last 7 days.")},{value:"30d",label:a("uiStudio.history.filter.last30Days","Last 30 days"),tooltip:a("uiStudio.history.filter.last30Days.tooltip","Show changes from the last 30 days.")},{value:"custom",label:a("uiStudio.history.filter.customRange","Custom range"),tooltip:a("uiStudio.history.filter.customRange.tooltip","Pick a custom start and end date.")}];return t.jsxs("div",{className:c.filterBar,children:[t.jsxs("div",{className:c.filterGroup,children:[t.jsx("span",{className:c.filterLabel,children:t.jsx(G,{label:a("uiStudio.history.filter.actions","작업 유형"),tooltip:a("uiStudio.history.filter.actions.tooltip","Filter records by the kind of change AI made.")})}),t.jsx("div",{className:c.segmentGroup,children:n.map(r=>t.jsx(y,{text:r.tooltip,children:t.jsx("button",{className:`${c.segmentBtn} ${e.action===r.value?c.segmentBtnActive:""}`,onClick:()=>i({...e,action:r.value}),"aria-pressed":e.action===r.value,type:"button",children:r.label})},r.value))})]}),t.jsxs("div",{className:c.filterGroup,children:[t.jsx("span",{className:c.filterLabel,children:t.jsx(G,{label:a("uiStudio.history.filter.period","Period"),tooltip:a("uiStudio.history.filter.period.tooltip","Filter records by time range.")})}),t.jsx("div",{className:c.segmentGroup,children:l.map(r=>t.jsx(y,{text:r.tooltip,children:t.jsx("button",{className:`${c.segmentBtn} ${e.datePreset===r.value?c.segmentBtnActive:""}`,onClick:()=>i({...e,datePreset:r.value,from:r.value==="custom"?e.from:void 0,to:r.value==="custom"?e.to:void 0}),"aria-pressed":e.datePreset===r.value,type:"button",children:r.label})},r.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(G,{label:a("uiStudio.history.filter.from","시작일"),tooltip:a("uiStudio.history.filter.from.tooltip","Start date for the query.")})}),t.jsx("input",{id:"ui-history-from-date",type:"date",className:c.filterInput,value:e.from??"",onChange:r=>i({...e,from:r.target.value||void 0})}),t.jsx("label",{className:c.filterLabel,htmlFor:"ui-history-to-date",children:t.jsx(G,{label:a("uiStudio.history.filter.to","종료일"),tooltip:a("uiStudio.history.filter.to.tooltip","End date for the query.")})}),t.jsx("input",{id:"ui-history-to-date",type:"date",className:c.filterInput,value:e.to??"",onChange:r=>i({...e,to:r.target.value||void 0})})]}),t.jsx(y,{text:a("uiStudio.history.filter.reset.tooltip","Reset all filters to defaults."),children:t.jsx("button",{className:c.filterResetBtn,onClick:()=>i(Re()),type:"button",children:a("uiStudio.history.filter.reset","Reset")})})]})}function Bs(){var I;const{t:e}=M(),{trackEvent:i}=H(),a=Ce(1),n=((I=a.data)==null?void 0:I.placeId)??null,[l,r]=g.useState(Re),{data:o,loading:p,error:u,refresh:_}=qa(n,Ps(l)),[m,h]=g.useState(null),[x,j]=g.useState(!1),[w,b]=g.useState(!1),[A,C]=g.useState(null),d=async()=>{if(C(null),n===null){C(e("uiStudio.history.noPlaceAction","Current place is not available yet."));return}try{await Ve(n,{all:!0,alsoSnapshots:w}),await _(),j(!1)}catch(P){throw C(P.message),P}},T=(o==null?void 0:o.requests)??[],N=n===null&&a.loading,S=te(a.error)||te(u),k=g.useCallback((P,v)=>{i("dashboard_click_event",{click_target:"ui_studio_compare_before_after",page:"ui-studio",tab:"ui_studio_history"}),h(P)},[i]),E=g.useCallback(()=>{h(null)},[]);return t.jsxs("div",{className:c.historyTabWrap,children:[S?t.jsx(Te,{}):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(Ts,{filter:l,onChange:r}),t.jsxs("div",{className:c.listHeader,children:[t.jsx("h2",{className:c.listHeaderTitle,children:t.jsx(G,{label:e("uiStudio.history.title","변경 이력"),tooltip:e("uiStudio.history.title.tooltip","A timeline of every UI change made by AI.")})}),T.length>0&&t.jsx(y,{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"}),j(!0)},type:"button",children:e("uiStudio.history.clear","Clear")})})]}),N&&t.jsx("div",{className:c.historyLoading,children:e("uiStudio.history.loadingPlace","Loading current place...")}),!N&&p&&t.jsx("div",{className:c.historyLoading,children:e("uiStudio.history.loading","로딩 중...")}),!N&&!p&&u&&t.jsxs("div",{className:c.historyError,children:[e("uiStudio.history.error","오류"),": ",u]}),!N&&!p&&!u&&n===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.")}),!N&&!p&&!u&&n!==null&&T.length===0&&t.jsx("div",{className:c.emptyHistory,children:e("uiStudio.history.empty","아직 변경 이력이 없습니다. AI 에이전트가 manage_ui 로 UI 를 수정하면 자동으로 기록됩니다.")}),!N&&!p&&n!==null&&T.length>0&&t.jsx("div",{className:c.requestList,children:T.map(P=>t.jsx(Me,{req:P,placeId:n,onOpenCompare:v=>k(P.requestId,v)},P.requestId))}),A&&t.jsx("div",{className:c.deleteErrBanner,children:A})]}),m&&n!==null&&t.jsx(Ae,{requestId:m,placeId:n,onClose:E})]}),x&&t.jsx(se,{title:e("uiStudio.history.confirm.clearRequestsTitle","변경 이력 삭제"),message:e("uiStudio.history.confirm.clearRequestsMessage","현재 place의 변경 이력을 삭제합니다. Studio 인스턴스에는 영향을 주지 않습니다."),danger:!0,cascadeOption:{label:e("uiStudio.history.confirm.cascadeOption","연결된 화면 캡처도 함께 삭제"),checked:w,onChange:b},confirmLabel:e("common.delete","삭제"),onConfirm:d,onClose:()=>j(!1)})]})}function Ds({tier:e}){return e==="basic"?t.jsx(ks,{}):t.jsx(Bs,{})}const Gs=["analysis","history"];function Os(){const{t:e}=M(),{trackEvent:i}=H(),{tier:a,loading:n}=He(),[l,r]=Oe(),o=l.get("tab"),p=o&&Gs.includes(o)?o:"analysis",u=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"}),r(h=>{const x=new URLSearchParams(h);return x.set("tab",m),x})},_=[{key:"analysis",label:t.jsx(y,{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(y,{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:s.page,children:[t.jsx(Ke,{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:a}}),!n&&a==="pro"&&t.jsx(Qe,{surface:"uiStudio"}),t.jsx(We,{items:_,value:p,onChange:u}),n?t.jsx("div",{className:s.emptyState,children:e("uiStudio.loading","Loading...")}):p==="analysis"?t.jsx(Fa,{tier:a}):t.jsx(Ds,{tier:a})]})}export{Os as Component};

package/dashboard/dist/assets/{WhatsNewPage-CBUk7WTn.js → WhatsNewPage-CLnx6v4u.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{u,j as e,z as y,r as N,B as w}from"./index-~~DG2RrKOl~~.js";import{P as x}from"./PageHeader-~~CThGgsAt~~.js";const j="_card_f20gt_2",C="_cardUnread_f20gt_15",R="_cardRead_f20gt_20",k="_topRow_f20gt_25",v="_categoryChip_f20gt_32",b="_versionChip_f20gt_45",S="_date_f20gt_57",T="_title_f20gt_65",E="_body_f20gt_74",A="_linkList_f20gt_82",B="_link_f20gt_82",U="_newBadge_f20gt_104",a={card:j,cardUnread:C,cardRead:R,topRow:k,categoryChip:v,versionChip:b,date:S,title:T,body:E,linkList:A,link:B,newBadge:U},L={release:"whatsNew.category.release",notice:"whatsNew.category.notice",deprecation:"whatsNew.category.deprecation",tip:"whatsNew.category.tip"};function f({announcement:s,isNew:p}){const{locale:r,t:o}=u(),i=p?a.cardUnread:a.cardRead,g=s.title[r]??s.title.en,l=s.body[r]??s.body.en,d=s.links??(s.link?[s.link]:[]),h=n=>typeof n=="string"?n:n[r]??n.en;return e.jsxs("div",{className:`${a.card} ${i}`,children:[e.jsxs("div",{className:a.topRow,children:[e.jsx("span",{className:a.categoryChip,children:o(L[s.category])}),s.version&&e.jsx("span",{className:a.versionChip,children:s.version}),p&&e.jsx("span",{className:a.newBadge,children:o("whatsNew.newBadge","NEW")}),e.jsx("span",{className:a.date,children:s.date})]}),e.jsx("h3",{className:a.title,children:g}),e.jsx("p",{className:a.body,children:l}),d.length>0&&e.jsx("div",{className:a.linkList,children:d.map(n=>{const _=h(n.url),t=h(n.label);return e.jsxs("a",{className:a.link,href:_,target:"_blank",rel:"noopener noreferrer",children:["↗"," ",t]},_)})})]})}const $="_page_1talg_2",z="_section_1talg_10",M="_sectionTitle_1talg_16",P="_unreadCount_1talg_28",W="_empty_1talg_43",H="_divider_1talg_51",c={page:$,section:z,sectionTitle:M,unreadCount:P,empty:W,divider:H};function Y(){const{t:s}=u(),{readSet:p,markRead:r}=y(),o=N.useMemo(()=>{const t=[];for(const m of w)p.has(m.id)\|\|t.push(m.id);return t},[]),i=N.useRef(o);i.current=o,N.useEffect(()=>()=>{i.current.length>0&&r(i.current)},[]);const g=N.useMemo(()=>new Set(o),[o]),l=w.filter(t=>g.has(t.id)),d=w.filter(t=>!g.has(t.id)),h=l.length>0,n=d.length>0,_=e.jsx(x,{title:s("whatsNew.pageTitle","What's New"),description:s("whatsNew.pageSubtitle","Stay up to date with MCP changes"),helpTopicId:"whatsNew"});return w.length===0?e.jsxs("div",{className:c.page,children:[_,e.jsx("p",{className:c.empty,children:s("whatsNew.empty","No announcements yet")})]}):e.jsxs("div",{className:c.page,children:[_,h&&e.jsxs("section",{className:c.section,children:[e.jsxs("h2",{className:c.sectionTitle,children:[s("whatsNew.unreadSection","Unread"),e.jsx("span",{className:c.unreadCount,children:l.length})]}),l.map(t=>e.jsx(f,{announcement:t,isNew:!0},`unread-${t.id}`))]}),h&&n&&e.jsx("hr",{className:c.divider}),n&&e.jsxs("section",{className:c.section,children:[e.jsx("h2",{className:c.sectionTitle,children:s("whatsNew.allSection","All Announcements")}),d.map(t=>e.jsx(f,{announcement:t,isNew:!1},`all-${t.id}`))]})]})}export{Y as Component};
1	+ import{u,j as e,G as y,r as N,H as w}from"./index-DYezp9b1.js";import{P as x}from"./PageHeader-Do_AQ2vQ.js";const j="_card_f20gt_2",C="_cardUnread_f20gt_15",R="_cardRead_f20gt_20",k="_topRow_f20gt_25",v="_categoryChip_f20gt_32",b="_versionChip_f20gt_45",S="_date_f20gt_57",T="_title_f20gt_65",E="_body_f20gt_74",A="_linkList_f20gt_82",U="_link_f20gt_82",B="_newBadge_f20gt_104",a={card:j,cardUnread:C,cardRead:R,topRow:k,categoryChip:v,versionChip:b,date:S,title:T,body:E,linkList:A,link:U,newBadge:B},L={release:"whatsNew.category.release",notice:"whatsNew.category.notice",deprecation:"whatsNew.category.deprecation",tip:"whatsNew.category.tip"};function f({announcement:s,isNew:p}){const{locale:r,t:o}=u(),i=p?a.cardUnread:a.cardRead,g=s.title[r]??s.title.en,l=s.body[r]??s.body.en,d=s.links??(s.link?[s.link]:[]),h=n=>typeof n=="string"?n:n[r]??n.en;return e.jsxs("div",{className:`${a.card} ${i}`,children:[e.jsxs("div",{className:a.topRow,children:[e.jsx("span",{className:a.categoryChip,children:o(L[s.category])}),s.version&&e.jsx("span",{className:a.versionChip,children:s.version}),p&&e.jsx("span",{className:a.newBadge,children:o("whatsNew.newBadge","NEW")}),e.jsx("span",{className:a.date,children:s.date})]}),e.jsx("h3",{className:a.title,children:g}),e.jsx("p",{className:a.body,children:l}),d.length>0&&e.jsx("div",{className:a.linkList,children:d.map(n=>{const _=h(n.url),t=h(n.label);return e.jsxs("a",{className:a.link,href:_,target:"_blank",rel:"noopener noreferrer",children:["↗"," ",t]},_)})})]})}const $="_page_1talg_2",M="_section_1talg_10",z="_sectionTitle_1talg_16",H="_unreadCount_1talg_28",P="_empty_1talg_43",W="_divider_1talg_51",c={page:$,section:M,sectionTitle:z,unreadCount:H,empty:P,divider:W};function O(){const{t:s}=u(),{readSet:p,markRead:r}=y(),o=N.useMemo(()=>{const t=[];for(const m of w)p.has(m.id)\|\|t.push(m.id);return t},[]),i=N.useRef(o);i.current=o,N.useEffect(()=>()=>{i.current.length>0&&r(i.current)},[]);const g=N.useMemo(()=>new Set(o),[o]),l=w.filter(t=>g.has(t.id)),d=w.filter(t=>!g.has(t.id)),h=l.length>0,n=d.length>0,_=e.jsx(x,{title:s("whatsNew.pageTitle","What's New"),description:s("whatsNew.pageSubtitle","Stay up to date with MCP changes"),helpTopicId:"whatsNew"});return w.length===0?e.jsxs("div",{className:c.page,children:[_,e.jsx("p",{className:c.empty,children:s("whatsNew.empty","No announcements yet")})]}):e.jsxs("div",{className:c.page,children:[_,h&&e.jsxs("section",{className:c.section,children:[e.jsxs("h2",{className:c.sectionTitle,children:[s("whatsNew.unreadSection","Unread"),e.jsx("span",{className:c.unreadCount,children:l.length})]}),l.map(t=>e.jsx(f,{announcement:t,isNew:!0},`unread-${t.id}`))]}),h&&n&&e.jsx("hr",{className:c.divider}),n&&e.jsxs("section",{className:c.section,children:[e.jsx("h2",{className:c.sectionTitle,children:s("whatsNew.allSection","All Announcements")}),d.map(t=>e.jsx(f,{announcement:t,isNew:!1},`all-${t.id}`))]})]})}export{O as Component};

package/dashboard/dist/assets/copy-BIZzQcB-.js ADDED Viewed

@@ -0,0 +1,6 @@
+import{i as c}from"./index-DYezp9b1.js";/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]],t=c("copy",e);export{t as C};