https://console.graffer.jp/aistudio/_next/static/chunks/pages/t/[s…ge-generator-comparator-b3e4884a23dfa304.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="8e175a93-3d7c-4734-81a9-3877527d0bdb",e._sentryDebugIdIdentifier="sentry-dbid-8e175a93-3d7c-4734-81a9-3877527d0bdb")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1177],{1813:(e,r,t)=>{"use strict";t.d(r,{A:()=>c});var a=t(14343);let s=(...e)=>e.filter((e,r,t)=>!!e&&""!==e.trim()&&t.indexOf(e)===r).join(" ").trim(),i=e=>{let r=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,r,t)=>t?t.toUpperCase():r.toLowerCase());return r.charAt(0).toUpperCase()+r.slice(1)};var n={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let o=(0,a.createContext)({}),l=(0,a.forwardRef)(({color:e,size:r,strokeWidth:t,absoluteStrokeWidth:i,className:l="",children:c,iconNode:d,...m},u)=>{let{size:h=24,strokeWidth:p=2,absoluteStrokeWidth:f=!1,color:x="currentColor",className:g=""}=(0,a.useContext)(o)??{},y=i??f?24*Number(t??p)/Number(r??h):t??p;return(0,a.createElement)("svg",{ref:u,...n,width:r??h??n.width,height:r??h??n.height,stroke:e??x,strokeWidth:y,className:s("lucide",g,l),...!c&&!(e=>{for(let r in e)if(r.startsWith("aria-")||"role"===r||"title"===r)return!0;return!1})(m)&&{"aria-hidden":"true"},...m},[...d.map(([e,r])=>(0,a.createElement)(e,r)),...Array.isArray(c)?c:[c]])}),c=(e,r)=>{let t=(0,a.forwardRef)(({className:t,...n},o)=>(0,a.createElement)(l,{ref:o,iconNode:r,className:s(`lucide-${i(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,t),...n}));return t.displayName=i(e),t}},7322:(e,r,t)=>{"use strict";t.d(r,{A:()=>x});var a=t(14343),s=t(71623),i=t(11301),n=t(54217),o=t(10329),l=t(8516),c=t(81714),d=t(90699),m=t(18211);function u(e){return(0,m.Ay)("MuiSvgIcon",e)}(0,d.A)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var h=t(15383);let p=(0,o.Ay)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,r)=>{let{ownerState:t}=e;return[r.root,"inherit"!==t.color&&r[`color${(0,n.A)(t.color)}`],r[`fontSize${(0,n.A)(t.fontSize)}`]]}})((0,l.A)(({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter(([,e])=>e&&e.main).map(([r])=>({props:{color:r},style:{color:(e.vars??e).palette?.[r]?.main}})),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}))),f=a.forwardRef(function(e,r){let t=(0,c.b)({props:e,name:"MuiSvgIcon"}),{children:o,className:l,color:d="inherit",component:m="svg",fontSize:f="medium",htmlColor:x,inheritViewBox:g=!1,titleAccess:y,viewBox:v="0 0 24 24",...b}=t,A=a.isValidElement(o)&&"svg"===o.type,w={...t,color:d,component:m,fontSize:f,instanceFontSize:e.fontSize,inheritViewBox:g,viewBox:v,hasSvgAsChild:A},j={};g||(j.viewBox=v);let N=(e=>{let{color:r,fontSize:t,classes:a}=e,s={root:["root","inherit"!==r&&`color${(0,n.A)(r)}`,`fontSize${(0,n.A)(t)}`]};return(0,i.A)(s,u,a)})(w);return(0,h.jsxs)(p,{as:m,className:(0,s.A)(N.root,l),focusable:"false",color:x,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:r,...j,...b,...A&&o.props,ownerState:w,children:[A?o.props.children:o,y?(0,h.jsx)("title",{children:y}):null]})});function x(e,r){function t(r,t){return(0,h.jsx)(f,{"data-testid":void 0,ref:t,...r,children:e})}return t.muiName=f.muiName,a.memo(a.forwardRef(t))}f.muiName="SvgIcon"},13338:(e,r,t)=>{"use strict";t.d(r,{O:()=>m,o:()=>d});var a=t(15383),s=t(24458),i=t.n(s),n=t(96588);let o=({children:e,href:r,...t})=>

1(0,a.jsx)(n.Link,{anchor:({children:e,...t})=>(0,a.jsx)(i(),{...t,href:r,children:e}),...t,children:e});var l=t(80519),c=t.n(l);let d=({href:e})=>(0,a.jsx)("div",{className:c()["history-back"],children:(0,a.jsx)(o,{icon:"ArrowLeftIcon",href:e,children:"戻る"})}),m=({href:e})=>(0,a.jsx)("div",{className:c()["history-back"],children:(0,a.jsx)("div",{onClick:e=>{1!==window.history.length&&(e.preventDefault(),window.history.back())},style:{display:"inline"},children:(0,a.jsx)(o,{icon:"ArrowLeftIcon",href:e,children:"戻る"})})})},29136:(e,r,t)=>{"use strict";t.d(r,{W:()=>n});var a=t(15383),s=t(68679),i=t(76324);let n=({children:e})=>(0,a.jsx)(s.A,{target:i.tM0.AiLabs,children:e})},46620:(e,r,t)=>{"use strict";t.d(r,{A:()=>a});let a=(0,t(1813).A)("triangle-alert",[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]])},64200:(e,r,t)=>{"use strict";t.d(r,{A:()=>i});var a=t(7322),s=t(15383);let i=(0,a.A)((0,s.jsx)("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3z"}),"OpenInNew")},68679:(e,r,t)=>{"use strict";t.d(r,{A:()=>c});var a=t(15383),s=t(73754),i=t(90265),n=t(96588),o=t(80063),l=t(14343);let c=({target:e,children:r})=>{let t=(0,l.useContext)(s.I),c=(0,o.useRouter)();return t?.availableFeatures.includes(e)?(0,a.jsx)(a.Fragment,{children:r}):(c.replace(i.B.Root.link()),(0,a.jsx)(n.Spinner,{loading:!0}))}},72046:(e,r,t)=>{"use strict";t.d(r,{S:()=>l});var a=t(15383),s=t(80063),i=t(75910),n=t(73468),o=t(13338);let l=({defaultBackHref:e})=>{let{query:r}=(0,s.useRouter)(),t=(0,i.l)(),{href:l,useBrowserHistoryBack:c}=(0,n.wZ)({tenantSlug:t,from:r.from,chatId:r.chatId,defaultBackHref:e});return c?(0,a.jsx)(o.O,{href:l}):(0,a.jsx)(o.o,{href:l})}},72853:(e,r,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/t/[slug]/ai-labs/image-generator-comparator",function(){return t(99314)}])},73468:(e,r,t)=>{"use strict";t.d(r,{Tt:()=>s,wZ:()=>n});var a=t(90265);let s="chat-suggestion",i=e=>Array.isArray(e)?e[0]:e,n=({tenantSlug:e,from:r,chatId:t,defaultBackHref:n})=>{let o=i(r),l=i(t);return o===s?l?{href:a.B.Chat.ChatDetail.link(e,l),useBrowserHistoryBack:!0}:{href:a.B.Chat.Index.link(e),useBrowserHistoryBack:!1}:"chat-new"===o?{href:a.B.Chat.Index.link(e),useBrowserHistoryBack:!1}:{href:n,useBrowserHistoryBack:!1}}},80519:e=>{e.exports={"history-back":"history-back_history-back__ux0WJ",historyBack:"history-back_history-back__ux0WJ"}},82698:(e,r,t)=>{"use strict";t.d(r,{A:()=>i});var a=t(7322),s=t(15383);let i=(0,a.A)([(0,s.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5m10.79-1.38C16.45 15.8 14.32 15 12 15s-4.45.8-6.14 2.12C4.7 15.73 4 13.95 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12"},"0"),(0,s.jsx)("path",{d:"M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6m0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11"},"1")],"AccountCircleOutlined")},83732:(e,r,t)=>{"use strict";t.d(r,{A:()=>j});var a=t(14343),s=t(71623),i=t(11301),n=t(41257),o=t(10329),l=t(8516),c=t(81714),d=t(54217),m=t(95071),u=t(90699),h=t(18211);function p(e){return(0,h.Ay)("MuiCircularProgress",e)}(0,u.A)("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);var f=t(15383);let x=(0,n.i7)`
2  0% {
3    transform: rotate(0deg);
4  }
5
6  100% {
7    transform: rotate(360deg);
8  }
9`,g=(0,n.i7)`
10  0% {
11    stroke-dasharray: 1px, 200px;
12    stroke-dashoffset: 0;
13  }
14
15  50% {
16    stroke-dasharray: 100px, 200px;
17    stroke-dashoffset: -15px;
18  }
19
20  100% {
21    stroke-dasharray: 1px, 200px;
22    stroke-dashoffset: -126px;
23  }
24`,y="string"!=typeof x?(0,n.AH)`
25        animation: ${x} 1.4s linear infinite;
26      `:null,v="string"!=typeof g?(0,n.AH)`
27        animation: ${g} 1.4s ease-in-out infinite;
28      `:null,b=(0,o.Ay)("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,r)=>{let{ownerState:t}=e;return[r.root,r[t.variant],r[`color${(0,d.A)(t.color)}`]]}})((0,l.A)(({theme:e})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("transform")}},{props:{variant:"indeterminate"},style:y||{animation:`${x} 1.4s linear infinite`}},...Object.entries(e.palette).filter((0,m.A)()).map(([r])=>({props:{color:r},style:{color:(e.vars||e).palette[r].main}}))]}))),A=(0,o.Ay)("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(e,r)=>r.svg})({display:"block"}),w=(0,o.Ay)("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,r)=>{let{ownerState:t}=e;return[r.circle,r[`circle${(0,d.A)(t.variant)}`],t.disableShrink&&r.circleDisableShrink]}})((0,l.A)(({theme:e})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:e})=>"indeterminate"===e.variant&&!e.disableShrink,style:v||{animation:`${g} 1.4s ease-in-out infinite`}}]}))),j=a.forwardRef(function(e,r){let t=(0,c.b)({props:e,name:"MuiCircularProgress"}),{className:a,color:n="primary",disableShrink:o=!1,size:l=40,style:m,thickness:u=3.6,value:h=0,variant:x="indeterminate",...g}=t,y={...t,color:n,disableShrink:o,size:l,thickness:u,value:h,variant:x},v=(e=>{let{classes:r,variant:t,color:a,disableShrink:s}=e,n={root:["root",t,`color${(0,d.A)(a)}

28`],svg:["svg"],circle:["circle",`circle${(0,d.A)(t)}`,s&&"circleDisableShrink"]};return(0,i.A)(n,p,r)})(y),j={},N={},k={};if("determinate"===x){let e=2*Math.PI*((44-u)/2);j.strokeDasharray=e.toFixed(3),k["aria-valuenow"]=Math.round(h),j.strokeDashoffset=`${((100-h)/100*e).toFixed(3)}px`,N.transform="rotate(-90deg)"}return(0,f.jsx)(b,{className:(0,s.A)(v.root,a),style:{width:l,height:l,...N,...m},ownerState:y,ref:r,role:"progressbar",...k,...g,children:(0,f.jsx)(A,{className:v.svg,ownerState:y,viewBox:"22 22 44 44",children:(0,f.jsx)(w,{className:v.circle,style:j,ownerState:y,cx:44,cy:44,r:(44-u)/2,fill:"none",strokeWidth:u})})})})},89851:(e,r,t)=>{"use strict";t.d(r,{A:()=>i});var a=t(7322),s=t(15383);let i=(0,a.A)((0,s.jsx)("path",{d:"m7 10 5 5 5-5z"}),"ArrowDropDown")},92106:(e,r,t)=>{"use strict";t.d(r,{n:()=>s});var a=t(15383);let s=({children:e})=>(0,a.jsx)("section",{className:"section",children:(0,a.jsx)("div",{className:"container",children:e})})},92559:(e,r,t)=>{"use strict";t.d(r,{M:()=>y});var a=t(15383),s=t(14343),i=t(72046),n=t(46620),o=t(60796),l=t(92866),c=t(98096),d=t(82753),m=t(76324);(0,c.J1)`
29  query AiLabsExecutionStatus($featureName: String!) {
30    aiLabsExecutionStatus(featureName: $featureName) {
31      featureName
32      currentCount
33      dailyLimit
34      remaining
35      isLimitExceeded
36    }
37  }
38`;let u=new Intl.NumberFormat("ja-JP"),h="毎日 0:00（JST）にリセットされます。",p=e=>{if(e.isLimitExceeded)return"exceeded";let r=Math.max(5,Math.ceil(.2*e.dailyLimit));return e.remaining<=r?"near-limit":"normal"},f={normal:"text-gray-500","near-limit":"text-amber-700",exceeded:"text-red-700"},x=({featureName:e})=>{let{status:r,isLoading:t,error:i,refetch:n}=(e=>{let{data:r,loading:t,error:a,refetch:i}=(0,d.I)(m.y0Y,{variables:{featureName:e},fetchPolicy:"network-only"});return{status:r?.aiLabsExecutionStatus?{featureName:r.aiLabsExecutionStatus.featureName,currentCount:r.aiLabsExecutionStatus.currentCount,dailyLimit:r.aiLabsExecutionStatus.dailyLimit,remaining:r.aiLabsExecutionStatus.remaining,isLimitExceeded:r.aiLabsExecutionStatus.isLimitExceeded}:null,isLoading:t,error:a??null,refetch:(0,s.useCallback)(async()=>{await i()},[i])}})(e);(0,s.useEffect)(()=>(0,l.C)(e,()=>{n()}),[e,n]);let c=!t&&!i&&null!==r;return(0,a.jsx)("div",{className:"text-sm tabular-nums whitespace-nowrap min-w-[10rem] h-5 flex items-center justify-end","data-testid":"ai-labs-remaining-usage","aria-live":"polite",children:c&&(0,a.jsx)(o.m,{title:((e,r)=>{let t=u.format(r);switch(e){case"exceeded":return["本日の上限に達しました。",h,"機能に関するご要望の受付は終了しました。"].join("\n");case"near-limit":return["残り少なくなっています。",`組織内で1日${t}回まで使用できます。`,h].join("\n");case"normal":return[`組織内で1日${t}回まで使用できます。`,h].join("\n")}})(p(r),r.dailyLimit),placement:"bottom-end",slotProps:{tooltip:{sx:{whiteSpace:"pre-line"}}},children:(0,a.jsx)("span",{tabIndex:0,className:"rounded outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40",children:(0,a.jsx)(g,{status:r})})})})},g=({status:e})=>{let r=p(e);return(0,a.jsxs)("span",{className:`flex items-center gap-1 ${f[r]}`,"data-state":r,children:["normal"!==r&&(0,a.jsx)(n.A,{"aria-hidden":!0,size:14,className:"shrink-0"}),(0,a.jsxs)("span",{className:"normal"===r?void 0:"font-semibold",children:["本日 ",u.format(e.remaining)," /"," ",u.format(e.dailyLimit)," 回"]})]})},y=({backHref:e,featureName:r})=>(0,a.jsxs)("div",{className:"flex items-start justify-between mb-4",children:[(0,a.jsx)(i.S,{defaultBackHref:e}),(0,a.jsx)("div",{className:"flex flex-col items-end gap-1",children:void 0!==r&&(0,a.jsx)(x,{featureName:r})})]})},92866:(e,r,t)=>{"use strict";t.d(r,{C:()=>i,o:()=>s});let a="ai-labs:executed",s=e=>{let r=new CustomEvent(a,{detail:{featureName:e}});window.dispatchEvent(r)},i=(e,r)=>{let t=t=>{let a=t.detail;a?.featureName===e&&r()};return window.addEventListener(a,t),()=>{window.removeEventListener(a,t)}}},95071:(e,r,t)=>{"use strict";function a(e=[]){return([,r])=>r&&function(e,r=[]){if("string"!=typeof e.main)return!1;for(let t of r)if(!e.hasOwnProperty(t)||"string"!=typeof e[t])return!1;return!0}(r,e)}t.d(r,{A:()=>a})},99314:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>b});var a=t(15383),s=t(14343),i=t(73754),n=t(18631),o=t(90265),l=t(92559),c=t(92106),d=t(44339),m=t

38(96588),u=t(83732),h=t(89600),p=t(18682),f=t(1569),x=t(92866);let g=[{name:"OpenAI GPT-Image-2",provider:"OpenAI",description:"OpenAI GPT-Image-2 画像生成モデル"},{name:"VertexAI Gemini 3.1 Flash Image (Nano Banana 2)",provider:"Google",description:"Google Vertex AI Gemini 3.1 Flash Image (Nano Banana 2) 画像生成モデル"}],y=({tenantSlug:e})=>{let[r,t]=(0,s.useState)("美しい夕日の風景画を生成してください"),{executeComparison:i,results:n,isLoading:y}=(()=>{let[e,r]=(0,s.useState)([]),[t,a]=(0,s.useState)(!1);return{executeComparison:(0,s.useCallback)(async e=>{let t={OpenAI_GPTImage2:"OpenAI GPT-Image-2",VertexAI_Gemini31FlashImage:"VertexAI Gemini 3.1 Flash Image (Nano Banana 2)"};r(["OpenAI GPT-Image-2","VertexAI Gemini 3.1 Flash Image (Nano Banana 2)"].map(e=>({modelName:e,status:"running"}))),a(!0);try{let s=await fetch(h.sR.AI_LABS.IMAGE_GENERATOR_COMPARATOR_V2,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({prompt:e})});if(!s.ok)throw Error(`HTTP error! status: ${s.status}`);if(!s.body)throw Error("Response body is null");if(200!==s.status&&0!==s.status){let e=JSON.parse(await s.text());if(e?.code===p.tG.FORBIDDEN_ACL){f.oR.error(p.f9.FORBIDDEN_ACL),a(!1);return}throw e?.code===p.tG.UNAUTHORIZED&&f.oR.error("ログアウトしています。ログインし直してください。"),Error(`Error response from Image Generator Comparator. response.status: ${s.status}, res.code: ${e?.code}, res.message: ${e?.message}`)}let i=s.body.getReader(),n=new TextDecoder;try{let e="";for(;;){let{done:a,value:s}=await i.read();if(a)break;let o=(e+=n.decode(s,{stream:!0})).split("\n");for(let a of(e=o.pop()||"",o))if(a.startsWith("data: ")){let e=a.slice(6);if(e.startsWith("result:")){let a=JSON.parse(e.slice(7)),s=t[a.modelName]||a.modelName;r(e=>e.map(e=>e.modelName===s?{...e,status:"done",imageBase64:a.imageBase64?`data:image/png;base64,${a.imageBase64}`:void 0,processingTime:a.processingTimeMs}:e))}else if(e.startsWith("heartbeat:"))console.log("Heartbeat received");else if(e.startsWith("error:")){let t=JSON.parse(e.slice(6)),a="PROMPT_TOO_LARGE"===t.code?"プロンプトサイズが制限を超えました。プロンプトを短くしてください。":"IMAGE_TOO_LARGE"===t.code?"画像サイズが制限を超えました。画像を小さくしてください。":t.message||"エラーが発生しました";r(e=>e.map(e=>({...e,status:"error",error:a}))),f.oR.error(a)}}}}finally{i.releaseLock()}}catch(e){console.error("Error in Image Generator Comparator:",e),r(r=>r.map(r=>({...r,status:"error",error:e instanceof Error?e.message:"通信エラーが発生しました"}))),f.oR.error("画像生成中にエラーが発生しました")}finally{a(!1),(0,x.o)("image-generator-comparator")}},[]),results:e,isLoading:t}})(),v=(0,s.useRef)(null),b=(0,s.useCallback)(async()=>{0===r.length?f.oR.error("プロンプトを入力してください"):r.length>1e3?f.oR.error("プロンプトは1000文字以内で入力してください"):(i(r),setTimeout(()=>{v.current?.scrollIntoView({behavior:"smooth",block:"start"})},100))},[r,i]),A=(0,s.useCallback)(e=>{let r=e.target.value;r.length<=1e3&&t(r)},[]),w=(0,s.useCallback)(e=>{window.open(e,"_blank","noopener")},[]);return(0,a.jsxs)(c.n,{children:[(0,a.jsx)(l.M,{backHref:o.B.AILabs.List.link(e),featureName:"image-generator-comparator"}),(0,a.jsx)("h1",{className:"text-2xl font-bold mb-4",children:"画像生成比較ツール"}),(0,a.jsxs)("div",{className:"text-gray-600 mb-8",children:[(0,a.jsx)("p",{children:"2つの固定された画像生成モデルに同じプロンプトを送信して、生成結果を比較できます。"}),(0,a.jsx)("p",{children:"OpenAI GPT-Image-2、VertexAI Gemini 3.1 Flash Image (Nano Banana 2)での生成結果を同時に確認できます。"})]}),(0,a.jsxs)("div",{className:"bg-white p-6 rounded-lg shadow-sm mb-6",children:[(0,a.jsx)("h2",{className:"font-bold mb-2",children:"プロンプト"}),(0,a.jsx)(m.TextArea,{label:"",description:"",value:r,onChange:A,placeholder:"生成したい画像ã

38®èª¬æ˜Žã‚’入力してください（最大1000文字）",rows:6,maxLength:1e3}),(0,a.jsx)("div",{className:"mt-4 flex justify-end items-center",children:(0,a.jsx)("div",{children:(0,a.jsx)(d.PrimaryButton,{text:"画像生成実行",onClick:b,disabled:0===r.length||y,style:{font:"600 14px/18px Meiryo, Arial, system-ui, sans-serif"}})})})]}),(y||n.length>0)&&(0,a.jsxs)("div",{ref:v,className:"bg-white p-6 rounded-lg shadow-sm",children:[(0,a.jsx)("h2",{className:"font-bold mb-4",children:"生成結果"}),(0,a.jsx)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:g.map((e,r)=>{let t=n.find(r=>r.modelName===e.name);return(0,a.jsxs)("div",{className:"border rounded-lg p-4",children:[(0,a.jsxs)("div",{className:"mb-2",children:[(0,a.jsx)("h3",{className:"font-semibold",children:e.name}),(0,a.jsx)("p",{className:"text-sm text-gray-500",children:e.provider})]}),t?(0,a.jsxs)(a.Fragment,{children:["running"===t.status&&(0,a.jsxs)("div",{className:"flex items-center justify-center py-8",children:[(0,a.jsx)(u.A,{size:24}),(0,a.jsx)("span",{className:"ml-2 text-sm text-gray-500",children:"生成中..."})]}),"done"===t.status&&t.imageBase64&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"text-xs text-gray-500 mb-2",children:["処理時間:"," ",((t.processingTime||0)/1e3).toFixed(2),"秒"]}),(0,a.jsx)("img",{src:t.imageBase64,alt:`Generated by ${e.name}`,className:"w-full rounded-lg cursor-pointer hover:opacity-90 transition-opacity",onClick:()=>w(t.imageBase64)})]}),"error"===t.status&&(0,a.jsxs)("div",{className:"text-red-500 p-3 bg-red-50 rounded-md",children:["エラーが発生しました: ",t.error]})]}):y?(0,a.jsx)("div",{className:"flex items-center justify-center py-8",children:(0,a.jsx)(u.A,{size:24})}):null]},r)})})]})]})};var v=t(29136);let b=()=>{let e=s.useContext(i.I);return e?(0,a.jsx)(v.W,{children:(0,a.jsx)(n.F,{children:(0,a.jsx)(y,{tenantId:e.tenant.id,tenantSlug:e.tenant.slug,userId:e.user.id})})}):null}}},e=>{e.O(0,[8971,7738,8061,4350,2180,8479,106,4361,5159,322,8635,8631,636,6593,8792],()=>e(e.s=72853)),_N_E=e.O()}]);