https://console.graffer.jp/aistudio/_next/static/chunks/pages/t/[s…/ai-labs/ocr-comparator-9e594e20eaf34315.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="9ad9e477-6ffd-416d-908b-5876b783ca63",e._sentryDebugIdIdentifier="sentry-dbid-9ad9e477-6ffd-416d-908b-5876b783ca63")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3532],{13338:(e,t,s)=>{"use strict";s.d(t,{O:()=>u,o:()=>c});var r=s(15383),a=s(24458),i=s.n(a),l=s(96588);let n=({children:e,href:t,...s})=>(0,r.jsx)(l.Link,{anchor:({children:e,...s})=>(0,r.jsx)(i(),{...s,href:t,children:e}),...s,children:e});var o=s(80519),d=s.n(o);let c=({href:e})=>(0,r.jsx)("div",{className:d()["history-back"],children:(0,r.jsx)(n,{icon:"ArrowLeftIcon",href:e,children:"戻る"})}),u=({href:e})=>(0,r.jsx)("div",{className:d()["history-back"],children:(0,r.jsx)("div",{onClick:e=>{1!==window.history.length&&(e.preventDefault(),window.history.back())},style:{display:"inline"},children:(0,r.jsx)(n,{icon:"ArrowLeftIcon",href:e,children:"戻る"})})})},29136:(e,t,s)=>{"use strict";s.d(t,{W:()=>l});var r=s(15383),a=s(68679),i=s(76324);let l=({children:e})=>(0,r.jsx)(a.A,{target:i.tM0.AiLabs,children:e})},40559:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>k});var r=s(15383),a=s(14343),i=s(73754),l=s(18631),n=s(90265),o=s(92559),d=s(92106),c=s(44339),u=s(96588),m=s(23624),x=s(46843),h=s(83732),g=s(76324),p=s(89600),f=s(18682),b=s(1569),j=s(92866);async function y(e,t,s,r){try{let a=await fetch(p.sR.AI_LABS.OCR_COMPARATOR,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({prompt:e,image:t,llmPresetIds:s})});if(!a.ok)throw Error(`HTTP error! status: ${a.status}`);if(!a.body)throw Error("Response body is null");if(200!==a.status&&0!==a.status){let e=JSON.parse(await a.text());if(e?.code===f.tG.FORBIDDEN_ACL)return void b.oR.error(f.f9.FORBIDDEN_ACL);throw e?.code===f.tG.UNAUTHORIZED&&b.oR.error("ログアウトしています。ログインし直してください。"),Error(`Error response from OCR Comparator. response.status: ${a.status}, res.code: ${e?.code}, res.message: ${e?.message}`)}let i=a.body.getReader(),l=new TextDecoder;try{for(;;){let{done:e,value:t}=await i.read();if(e)break;if(t){for(let e of l.decode(t,{stream:!0}).split("\n"))if(e.startsWith("data: ")){let t=e.slice(6);if(!t.trim())continue;try{let e=JSON.parse(t);if("start"===e.type)r(e.llmPresetId,{status:"running"});else if("chunk"===e.type)r(e.llmPresetId,{status:"running",text:e.text});else if("result"===e.type){let t=e.result;r(t.llm_preset_id,{status:"done",text:t.text,processingTime:t.processing_time_ms})}else"error"===e.type&&r(e.llmPresetId,{status:"error",error:e.error||"エラーが発生しました"})}catch(e){console.error("Failed to parse JSON:",t,e)}}}}}finally{i.releaseLock()}}catch(e){for(let t of(console.error("Error in OCR comparison:",e),s))r(t,{status:"error",error:e instanceof Error?e.message:"通信エラーが発生しました"})}}let v=["image/png","image/jpeg","image/webp"],w=({tenantSlug:e})=>{let t=(0,a.useContext)(i.I),[s,l]=(0,a.useState)("この画像に含まれているテキストをすべて抽出してください"),[p,f]=(0,a.useState)([]),[w,N]=(0,a.useState)(""),[k,L]=(0,a.useState)(""),{executeComparison:C,results:R,isLoading:E}=(()=>{let[e,t]=(0,a.useState)([]),[s,r]=(0,a.useState)(!1),i=(0,a.useCallback)((e,s)=>{t(t=>t.find(t=>t.llmPresetId===e)?t.map(t=>t.llmPresetId===e?{...t,...s}:t):[...t,{llmPresetId:e,status:"running",...s}])},[]);return{executeComparison:(0,a.useCallback)(async(e,s,a)=>{t([]),r(!0);try{await y(e,s,a,i)}finally{r(!1),(0,j.o)("ocr-comparator")}},[i]),results:e,isLoading:s}})(),I=(0,a.useRef)(null),_=(0,a.useRef)(null),[O,P]=(0,a.useState)({isOpen:!1,title:"",content:""}),S=t?.availableDefaultLLMPresets||[],A=[{__typename:"LLMPreset",id:"gpt-5.4-nano-2026-03-17-default",displayName:"GPT-5.4 Nano (20260317)",llmProviderForDisplay:g.iRT.OpenAi,description:"OpenAI GPT-5.4 Nano (20260317)",model:"OpenAI_GPT54Nano_20260317",isCustom:!1,isFinetuned:!1,tools:[],availableForBatch:!0,isMultimodal:!0,supportsCodeInterpreterAndFileSearch:!0}].filter(e=>!S.some(t=>t.id===e.id)),B=[...S,...A],T=(0,a.useCallback)(e=>{f(t=>t.includes(e)?t.filter(t=>t!==e):t.length>

1=3?(b.oR.error("比較できるLLMは最大3個までです"),t):[...t,e])},[]),M=(0,a.useCallback)(e=>{let t=e.target.files?.[0];if(!t)return;if(!v.includes(t.type))return void b.oR.error("PNG、JPEG、WebP形式の画像ファイルを選択してください");if(t.size>5242880)return void b.oR.error("画像のファイルサイズは5MB以下にしてください");let s=new FileReader;s.onload=e=>{let t=e.target?.result,s=new Image;s.onload=()=>{s.width>2048||s.height>2048?b.oR.error("画像は最大2048x2048ピクセルまでです"):(N(t),L(t))},s.src=t},s.readAsDataURL(t)},[]),F=(0,a.useCallback)(()=>{N(""),L(""),_.current&&(_.current.value="")},[]),D=(0,a.useCallback)(()=>{let e=[];return p.length<2&&e.push("比較するLLMを最低2個選択してください"),0===s.length&&e.push("プロンプトを入力してください"),w||e.push("画像をアップロードしてください"),E&&e.push("現在処理中です"),e},[p.length,s.length,w,E]),H=(0,a.useCallback)(async()=>{p.length<2?b.oR.error("比較するLLMを最低2個選択してください"):p.length>3?b.oR.error("比較するLLMは最大3個までです"):0===s.length?b.oR.error("プロンプトを入力してください"):s.length>1e3?b.oR.error("プロンプトは1000文字以内で入力してください"):w?(C(s,w,p),setTimeout(()=>{I.current?.scrollIntoView({behavior:"smooth",block:"start"})},100)):b.oR.error("画像をアップロードしてください")},[s,w,p,C]),J=(0,a.useCallback)(()=>{let e=D();e.length>0&&b.oR.error(e.join("\n"))},[D]),$=(0,a.useCallback)(e=>{let t=e.target.value;t.length<=1e3&&l(t)},[]),G=(0,a.useCallback)((e,t)=>{t.text&&P({isOpen:!0,title:`${e.displayName} (${e.llmProviderForDisplay})`,content:t.text,processingTime:t.processingTime})},[]),W=(0,a.useCallback)(()=>{P(e=>({...e,isOpen:!1}))},[]);return(0,a.useEffect)(()=>{let e=e=>{"Escape"===e.key&&O.isOpen&&W()};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[O.isOpen,W]),(0,r.jsxs)(d.n,{children:[(0,r.jsx)(o.M,{backHref:n.B.AILabs.List.link(e),featureName:"ocr-comparator"}),(0,r.jsx)("h1",{className:"text-2xl font-bold mb-4",children:"OCR比較ツール"}),(0,r.jsxs)("div",{className:"text-gray-600 mb-8",children:[(0,r.jsx)("p",{children:"複数のLLMに同じ画像とプロンプトを送信して、OCR結果を比較できます。"}),(0,r.jsx)("p",{children:"最大3つのLLMを選択して、同時にOCR結果を確認することができます。"})]}),(0,r.jsxs)("div",{className:"bg-white p-6 rounded-lg shadow-sm mb-6",children:[(0,r.jsx)("h2",{className:"font-bold mb-4",children:"比較するLLMを選択（最低2個、最大3個）"}),(0,r.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:B.map(e=>(0,r.jsx)("div",{className:"border rounded-lg p-4",children:(0,r.jsx)(m.A,{control:(0,r.jsx)(x.A,{checked:p.includes(e.id),onChange:()=>T(e.id),disabled:!p.includes(e.id)&&p.length>=3}),label:(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.displayName}),(0,r.jsx)("div",{className:"text-sm text-gray-500",children:e.llmProviderForDisplay}),e.description&&(0,r.jsx)("div",{className:"text-xs text-gray-400 mt-1",children:e.description})]})})},e.id))})]}),(0,r.jsxs)("div",{className:"bg-white p-6 rounded-lg shadow-sm mb-6",children:[(0,r.jsx)("h2",{className:"font-bold mb-4",children:"画像をアップロード"}),(0,r.jsxs)("p",{className:"text-sm text-gray-500 mb-4",children:["PNG、JPEG、WebP形式、最大",2048,"x",2048,"ピクセル、5MB以下の画像をアップロードできます"]}),(0,r.jsx)("input",{ref:_,type:"file",accept:"image/png,image/jpeg,image/webp",onChange:M,className:"hidden"}),k?(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("img",{src:k,alt:"アップロード画像",className:"max-w-full h-auto rounded-lg border",style:{maxHeight:"400px"}}),(0,r.jsx)("button",{onClick:F,className:"absolute top-2 right-2 bg-red-500 text-white p-2 rounded-full hover:bg-red-600 transition-colors",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor",children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})})})]}):(0,r.jsxs)("div",{onClick:()=>_.current?.click(),className:"border-2 border-dashed border-gray-300 rounded-lg p-8 text-center cursor-pointer hover:border-blue-400 transition-colors",children:[(0,r.jsx)("svg",{className:"mx-auto h-12 w-12 text-gray-400",stroke:"currentColor",fill:"none",viewBox:"0 0 48 48",children:(0,r.jsx)("path",{d:"M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})}),(0,r.jsx)("p",{className:"mt-2 text-sm text-gray-600",children:"クリックして画像をアップロード"})]})]}),(0,r.jsxs)("div",{className:"bg-white p-6 rounded-lg shadow-sm mb-6",children:[(0,r.jsx)("div",{className:"flex items-center justify-between mb-2",children:(0,r.jsx)("h2",{className:"font-bold",children:"プロンプト"})}),(0,r.jsx)(u.TextArea,{label:"",description:"",value:s,onChange:$,rows:6,maxLength:1e3,disabled:p.length<2||!w}),(0,r.jsx)("div",{className:"mt-4 flex justify-end items-center",children:(0,r.jsx)("div",{children:(0,r.jsx)(c.PrimaryButton,{text:"OCR比較実行",onClick:p.length<2||0===s.length||!w||E?J:H,style:{font:"600 14px/18px Meiryo, Arial, system-ui, sans-serif"}})})})]}),(E||R.length>0)&&(0,r.jsxs)("div",{ref:I,className:"bg-white p-6 rounded-lg shadow-sm",children:[(0,r.jsx)("h2",{className:"font-bold mb-4",children:"OCR実行結果"}),(0,r.jsx)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-4",children:p.map(e=>{let t=B.find(t=>

1t.id===e),s=R.find(t=>t.llmPresetId===e);return(0,r.jsxs)("div",{className:"border rounded-lg p-4",children:[(0,r.jsxs)("div",{className:"mb-2",children:[(0,r.jsx)("h3",{className:"font-semibold",children:t?.displayName}),(0,r.jsx)("p",{className:"text-sm text-gray-500",children:t?.llmProviderForDisplay})]}),s?(0,r.jsxs)(r.Fragment,{children:["running"===s.status&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,r.jsx)(h.A,{size:16}),(0,r.jsx)("span",{className:"text-xs text-gray-500",children:"OCR処理中..."})]}),s.text&&(0,r.jsx)("div",{className:"bg-gray-50 p-3 rounded-md max-h-96 overflow-y-auto cursor-pointer hover:bg-gray-100 transition-colors",onClick:()=>G(t,s),title:"クリックして拡大表示",children:(0,r.jsx)("pre",{className:"whitespace-pre-wrap text-sm",children:s.text})})]}),"done"===s.status&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"text-xs text-gray-500 mb-2",children:["処理時間:"," ",((s.processingTime||0)/1e3).toFixed(2),"秒"]}),(0,r.jsx)("div",{className:"bg-gray-50 p-3 rounded-md max-h-96 overflow-y-auto cursor-pointer hover:bg-gray-100 transition-colors",onClick:()=>G(t,s),title:"クリックして拡大表示",children:(0,r.jsx)("pre",{className:"whitespace-pre-wrap text-sm",children:s.text})})]}),"error"===s.status&&(0,r.jsxs)("div",{className:"text-red-500 p-3 bg-red-50 rounded-md",children:["エラーが発生しました: ",s.error]})]}):E?(0,r.jsx)("div",{className:"flex items-center justify-center py-8",children:(0,r.jsx)(h.A,{size:24})}):null]},e)})})]}),O.isOpen&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-50 z-40",onClick:W}),(0,r.jsxs)("dialog",{open:!0,className:"fixed inset-0 z-50 p-4 bg-white rounded-lg shadow-lg max-w-4xl w-full h-[calc(100%-80px)] mt-[70px] overflow-hidden flex flex-col",children:[(0,r.jsxs)("div",{className:"flex justify-between items-center mb-4 flex-shrink-0",children:[(0,r.jsx)("h3",{className:"text-lg font-bold",children:O.title}),(0,r.jsxs)("div",{className:"flex items-center gap-4",children:[O.processingTime&&(0,r.jsxs)("div",{className:"text-sm text-gray-500",children:["処理時間: ",(O.processingTime/1e3).toFixed(2),"秒"]}),(0,r.jsx)("button",{onClick:W,className:"text-gray-500 hover:text-gray-700",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})]}),(0,r.jsx)("div",{className:"flex-1 overflow-y-auto bg-gray-50 p-4 rounded-md",children:(0,r.jsx)("pre",{className:"whitespace-pre-wrap text-sm leading-relaxed",children:O.content})})]})]})]})};var N=s(29136);let k=()=>{let e=a.useContext(i.I);return(0,r.jsx)(l.F,{children:(0,r.jsx)(N.W,{children:e&&(0,r.jsx)(w,{tenantId:e.tenant.id,userId:e.user.id,tenantSlug:e.tenant.slug})})})}},42177:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/t/[slug]/ai-labs/ocr-comparator",function(){return s(40559)}])},68679:(e,t,s)=>{"use strict";s.d(t,{A:()=>d});var r=s(15383),a=s(73754),i=s(90265),l=s(96588),n=s(80063),o=s(14343);let d=({target:e,children:t})=>{let s=(0,o.useContext)(a.I),d=(0,n.useRouter)();return s?.availableFeatures.includes(e)?(0,r.jsx)(r.Fragment,{children:t}):(d.replace(i.B.Root.link()),(0,r.jsx)(l.Spinner,{loading:!0}))}},72046:(e,t,s)=>{"use strict";s.d(t,{S:()=>o});var r=s(15383),a=s(80063),i=s(75910),l=s(73468),n=s(13338);let o=({defaultBackHref:e})=>{let{query:t}=(0,a.useRouter)(),s=(0,i.l)(),{href:o,useBrowserHistoryBack:d}=(0,l.wZ)({tenantSlug:s,from:t.from,chatId:t.chatId,defaultBackHref:e});return d?(0,r.jsx)(n.O,{href:o}):(0,r.jsx)(n.o,{href:o})}},73468:(e,t,s)=>{"use strict";s.d(t,{Tt:()=>a,wZ:()=>l});var r=s(90265);let a="chat-suggestion",i=e=>Array.isArray(e)?e[0]:e,l=({tenantSlug:e,from:t,chatId:s,defaultBackHref:l})=>{let n=i(t),o=i(s);return n===a?o?{href:r.B.Chat.ChatDetail.link(e,o),useBrowserHistoryBack:!0}:{href:r.B.Chat.Index.link(e),useBrowserHistoryBack:!1}:"chat-new"===n?{href:r.B.Chat.Index.link(e),useBrowserHistoryBack:!1}:{href:l,useBrowserHistoryBack:!1}}},80519:e=>{e.exports={"history-back":"history-back_history-back__ux0WJ",historyBack:"history-back_history-back__ux0WJ"}},92106:(e,t,s)=>{"use strict";s.d(t,{n:()=>a});var r=s(15383);let a=({children:e})=>(0,r.jsx)("section",{className:"section",children:(0,r.jsx)("div",{className:"container",children:e})})},92559:(e,t,s)=>{"use strict";s.d(t,{M:()=>b});var r=s(15383),a=s(14343),i=s(72046),l=s(46620),n=s(60796),o=s(92866),d=s(98096),c=s(82753),u=s(76324);(0,d.J1)`
2  query AiLabsExecutionStatus($featureName: String!) {
3    aiLabsExecutionStatus(featureName: $featureName) {
4      featureName
5      currentCount
6      dailyLimit
7      remaining
8      isLimitExceeded
9    }
10  }
11`;let m=new Intl.NumberFormat("ja-JP"),x="毎日 0:00（JST）にリセットされます。",h=e=>{if(e.isLimitExceeded)return"exceeded";let t=Math.max(5,Math.ceil(.2*e.dailyLimit));return e.remaining<=t?"near-limit":"normal"},g={normal:"text-gray-500","near-limit":"text-amber-700",exceeded:"text-red-700"},p=({featureName:e})=>{let{status:t,isLoading:s,error:i,refetch:l}=(e=>{let{data:t,loading:s,error:r,refetch:i}=(0,c.I)(u.y0Y,{variables:{featureName:e},fetchPolicy:"network-only"});return{status:t?.aiLabsExecutionStatus?{featureName:t.aiLabsExecutionStatus.featureName,currentCount:t.aiLabsExecutionStatus.currentCount,dailyLimit:t.aiLabsExecutionStatus.dailyLimit,remaining:t.aiLabsExecutionStatus.remaining,isLimitExceeded:t.aiLabsExecutionStatus.isLimitExceeded}:null,isLoading:s,error:r??null,refetch:(0,a.useCallback)(async()=>{await i()},[i])}})(e);(0,a.useEffect)(()=>(0,o.C)(e,()=>{l()}),[e,l]);let d=!s&&!i&&null!==t;return(0,r.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:d&&(0,r.jsx)(n.m,{title:((e,t)=>{let s=m.format(t);switch(e){case"exceeded":return["本日の上限に達しました。",x,"機能に関するご要望の受付は終了しました。"].join("\n");case"near-limit":return["残り少なくなっています。",`組織内で1日${s}回まで使用できます。`,x].join("\n");case"normal":return[`組織内で1日${s}回まで使用できます。`,x].join("\n")}})(h(t),t.dailyLimit),placement:"bottom-end",slotProps:{tooltip:{sx:{whiteSpace:"pre-line"}}},children:(0,r.jsx)("span",{tabIndex:0,className:"rounded outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40",children:(0,r.jsx)(f,{status:t})})})})},f=({status:e})=>{let t=h(e);return(0,r.jsxs)("span",{className:`flex items-center gap-1 ${g[t]}`,"data-state":t,children:["normal"!==t&&(0,r.jsx)(l.A,{"aria-hidden":!0,size:14,className:"shrink-0"}),(0,r.jsxs)("span",{className:"normal"===t?void 0:"font-semibold",children:["本日 ",m.format(e.remaining)," /"," ",m.format(e.dailyLimit)," 回"]})]})},b=({backHref:e,featureName:t})=>(0,r.jsxs)("div",{className:"flex items-start justify-between mb-4",children:[(0,r.jsx)(i.S,{defaultBackHref:e}),(0,r.jsx)("div",{className:"flex flex-col items-end gap-1",children:void 0!==t&&(0,r.jsx)(p,{featureName:t})})]})},92866:(e,t,s)=>{"use strict";s.d(t,{C:()=>i,o:()=>a});let r="ai-labs:executed",a=e=>{let t=new CustomEvent(r,{detail:{featureName:e}});window.dispatchEvent(t)},i=(e,t)=>{let s=s=>{let r=s.detail;r?.featureName===e&&t()};return window.addEventListener(r,s),()=>{window.removeEventListener(r,s)}}}},e=>{e.O(0,[8971,7738,8061,4350,2180,8479,106,4361,5159,322,6608,1821,9763,8635,8631,636,6593,8792],()=>e(e.s=42177)),_N_E=e.O()}]);