46:o1,~46:o828,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/3hgpkj-xzfw6u.js" 4:I[381307,["$3"],"default"] 5:I[934914,["$3"],"default"] 39:"ViewportBoundary" 3a:I[176645,["$3"],"$39"] 3c:"MetadataBoundary" 3d:I[176645,["$3"],"$3c"] 3e:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/38ixqab1bwv1l.css","style"] :HL["/chat-static/_next/static/immutable/chunks/23dt8aqwslw_4.css","style"] :HL["/chat-static/_next/static/immutable/chunks/176nhfyswbwwb.css","style"] :HL["/chat-static/_next/static/immutable/chunks/2va7g60oc736i.css","style"] 1:X 6:X 18:X 1b:X 22:X 20:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L21","p":false,"v":"$22"}}]] 1e:[["children",{"s":{"n":"id","t":"d","k":"voice-to-blog-system-t7vFo91quOQ","s":null},"h":98,"d":{"r":"$L1f","p":false,"v":"$6"},"c":"$Q20"}]] 2c:X 2a:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L2b","p":false,"v":"$2c"}}]] 28:[["children",{"s":{"n":"id","t":"d","k":"voice-to-blog-system-t7vFo91quOQ","s":null},"h":38,"d":{"r":"$L29","p":false,"v":"$6"},"c":"$Q2a"}]] 26:[["children",{"s":"chat","h":106,"d":{"r":"$L27","p":false,"v":"$6"},"c":"$Q28"}]] 24:[["children",{"s":"(chat)","h":106,"d":{"r":"$L25","p":false,"v":"$6"},"c":"$Q26"}]] 36:X 34:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L35","p":false,"v":"$36"}}]] 32:[["children",{"s":{"n":"id","t":"d","k":"voice-to-blog-system-t7vFo91quOQ","s":null},"h":102,"d":{"r":"$L33","p":false,"v":"$6"},"c":"$Q34"}]] 30:[["children",{"s":"chat","h":106,"d":{"r":"$L31","p":false,"v":"$6"},"c":"$Q32"}]] 2e:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2f","p":false,"v":"$6"},"c":"$Q30"}]] 38:X 1c:[["children",{"s":"chat","h":98,"d":{"r":"$L1d","p":false,"v":"$6"},"c":"$Q1e"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L23","p":false,"v":"$6"},"c":"$Q24"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2d","p":false,"v":"$6"},"c":"$Q2e"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L37","p":false,"v":"$38"}}]] 19:[["children",{"s":{"n":"scope","t":"d","k":"ryonri88s-projects","s":null},"h":74,"d":{"r":"$L1a","p":false,"v":"$1b"},"c":"$Q1c"}]] 46:oc43,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/38ixqab1bwv1l.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/23dt8aqwslw_4.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/176nhfyswbwwb.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2va7g60oc736i.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2-nov4axpa7_4.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0w1lrom8rw5ju.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0x4-3nkgsq4e6.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1aewy7yrnlnw1.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/0_szic-zyfps5.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/3k1wxi7wfmc1l.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3ns0-t8rn_3z7.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3nfhzou9aygx6.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2hnc1lvy4flvw.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0ndudxt1u55xy.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2s__s-8qxn94c.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/10nyt517pjj02.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/3ezjq7shv0amj.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/3vwuml-2j-v_n.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/2opuakn4fr21i.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/3zl9kariunavf.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/1lff788ic9m6v.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15","$L16"],"$L17"]}],"p":false,"v":"$18"},"c":"$Q19"}]] 46:o1d7,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-","s":null},"h":122,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q8"}]] 40:X 41:X 46:o716,0:{"q":"","i":false,"S":true,"r":"$1","t":{"t":{"s":"","h":90,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q7"},"h":{"r":["$","$2","h",{"children":[null,["$","$L3a","F2QEcNR6nJsEcghKCFeZ0v",{"children":"$L3b"}],["$","div","F2QEcNR6nJsEcghKCFeZ0m",{"hidden":true,"children":["$","$L3d",null,{"children":["$","$3e",null,{"name":"Next.Metadata","children":"$L3f"}]}]}]]}],"p":false,"v":"$40"}},"s":"$41","a":"$@42","w":"$@43"} 46:o1000,45:I[176645,["$3"],"OutletBoundary"] 47:"LoadingBoundaryProvider" 48:I[381307,["$3"],"$47"] 51:"/chat-static/_next/static/immutable/chunks/2-nov4axpa7_4.js" 52:"/chat-static/_next/static/immutable/chunks/0w1lrom8rw5ju.js" 53:"/chat-static/_next/static/immutable/chunks/0x4-3nkgsq4e6.js" 54:"/chat-static/_next/static/immutable/chunks/1aewy7yrnlnw1.js" 55:"/chat-static/_next/static/immutable/chunks/0_szic-zyfps5.js" 56:"/chat-static/_next/static/immutable/chunks/3k1wxi7wfmc1l.js" 57:"/chat-static/_next/static/immutable/chunks/3ns0-t8rn_3z7.js" 58:"/chat-static/_next/static/immutable/chunks/3nfhzou9aygx6.js" 59:"/chat-static/_next/static/immutable/chunks/2hnc1lvy4flvw.js" 5a:"/chat-static/_next/static/immutable/chunks/0ndudxt1u55xy.js" 5b:"/chat-static/_next/static/immutable/chunks/2s__s-8qxn94c.js" 5c:"/chat-static/_next/static/immutable/chunks/10nyt517pjj02.js" 5d:"/chat-static/_next/static/immutable/chunks/3ezjq7shv0amj.js" 5e:"/chat-static/_next/static/immutable/chunks/3vwuml-2j-v_n.js" 5f:"/chat-static/_next/static/immutable/chunks/2opuakn4fr21i.js" 60:"/chat-static/_next/static/immutable/chunks/3zl9kariunavf.js" 61:"/chat-static/_next/static/immutable/chunks/1lff788ic9m6v.js" 62:"/chat-static/_next/static/immutable/chunks/3xfqd79v-con1.js" 63:"/chat-static/_next/static/immutable/chunks/0xd1jmbsccuw8.js" 64:"/chat-static/_next/static/immutable/chunks/0b_epuoqrnt9r.js" 65:"/chat-static/_next/static/immutable/chunks/1t4aphgbcggb9.js" 66:"/chat-static/_next/static/immutable/chunks/3ppx1kyz3ck5n.js" 67:"/chat-static/_next/static/immutable/chunks/22d52d8i9k163.js" 68:"/chat-static/_next/static/immutable/chunks/3bjhoosx4vgw9.js" 69:"/chat-static/_next/static/immutable/chunks/3941mm2kmjqco.js" 6a:"/chat-static/_next/static/immutable/chunks/2qw8c6axqxpet.js" 6b:"/chat-static/_next/static/immutable/chunks/024-t3_x03fhs.js" 6c:"/chat-static/_next/static/immutable/chunks/3noaaw7xa00yr.js" 6d:"/chat-static/_next/static/immutable/chunks/3_b2wbin-ikog.js" 6e:"/chat-static/_next/static/immutable/chunks/3137kxq4-rxwu.js" 6f:"/chat-static/_next/static/immutable/chunks/29-81hev6erh9.js" 70:"/chat-static/_next/static/immutable/chunks/35ybdpw6biz8e.js" 71:"/chat-static/_next/static/immutable/chunks/2sbbirxir76sy.js" 72:"/chat-static/_next/static/immutable/chunks/3dsbjdgy2m7-4.js" 73:"/chat-static/_next/static/immutable/chunks/1dl0dkng3xad8.js" 74:"/chat-static/_next/static/immutable/chunks/42ds7__et18bk.js" 75:"/chat-static/_next/static/immutable/chunks/0dg5emfbfa6q0.js" 76:"/chat-static/_next/static/immutable/chunks/011gun9_73cts.js" 77:"/chat-static/_next/static/immutable/chunks/0xhmaj83lemd6.js" 78:"/chat-static/_next/static/immutable/chunks/0ik0krwm72obb.js" 79:"/chat-static/_next/static/immutable/chunks/0bx93s4h6yv9g.js" 7a:"/chat-static/_next/static/immutable/chunks/2dmz7_fn4a28j.js" 7b:"/chat-static/_next/static/immutable/chunks/1rvb8b76e7p_-.js" 7c:"/chat-static/_next/static/immutable/chunks/12pnv2lle7oqq.js" 7d:"/chat-static/_next/static/immutable/chunks/0_gorie14y0z_.js" 7e:"/chat-static/_next/static/immutable/chunks/2ijnsnwwprz3f.js" 7f:"/chat-static/_next/static/immutable/chunks/2kkkecrer8mde.js" 80:I[822201,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f"],"default"] 81:"/chat-static/_next/static/immutable/chunks/2czpwag266mcr.js" 82:"/chat-static/_next/static/immutable/chunks/1myf2--w88b7m.js" 83:"/chat-static/_next/static/immutable/chunks/0236krgk19uqh.js" 84:"/chat-static/_next/static/immutable/chunks/3_x3oo4l7hl52.js" 85:"/chat-static/_next/static/immutable/chunks/12_1rv8aot32c.js" 86:"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js" 87:"/chat-static/_next/static/immutable/chunks/2_me7qwcrvxjn.js" 88:"/chat-static/_next/static/immutable/chunks/16j7zt53wo_d8.js" 89:"/chat-static/_next/static/immutable/chunks/2s7yjppybqlx-.js" 8a:"GitChatHeaderSkeleton" 8b:I[70040,["$51","$52","$53",46:o891,"$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"$8a"] 6:C 9:["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3xfqd79v-con1.js","async":true,"nonce":"$undefined"}] a:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/0xd1jmbsccuw8.js","async":true,"nonce":"$undefined"}] b:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/0b_epuoqrnt9r.js","async":true,"nonce":"$undefined"}] c:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/1t4aphgbcggb9.js","async":true,"nonce":"$undefined"}] d:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/3ppx1kyz3ck5n.js","async":true,"nonce":"$undefined"}] e:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/22d52d8i9k163.js","async":true,"nonce":"$undefined"}] f:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/3bjhoosx4vgw9.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/3941mm2kmjqco.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/2qw8c6axqxpet.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/024-t3_x03fhs.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/3noaaw7xa00yr.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/3_b2wbin-ikog.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/3137kxq4-rxwu.js","async":true,"nonce":"$undefined"}] 16:["$","script","script-30",{"src":"/chat-static/_next/static/immutable/chunks/29-81hev6erh9.js","async":true,"nonce":"$undefined"}] 46:o644,1a:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/35ybdpw6biz8e.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2sbbirxir76sy.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3dsbjdgy2m7-4.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1dl0dkng3xad8.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/42ds7__et18bk.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0dg5emfbfa6q0.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/011gun9_73cts.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/0xhmaj83lemd6.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0ik0krwm72obb.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0bx93s4h6yv9g.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2dmz7_fn4a28j.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/1rvb8b76e7p_-.js","async":true,"nonce":"$undefined"}]],"$L44"]}] 46:o29a,1d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1f:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 46:o620,21:["$","$2","c",{"children":[null,[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3i_olc7z7o2e6.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0236krgk19uqh.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0_gorie14y0z_.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/3_x3oo4l7hl52.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1myf2--w88b7m.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2kkkecrer8mde.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/12_1rv8aot32c.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2_me7qwcrvxjn.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/2s7yjppybqlx-.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/16j7zt53wo_d8.js","async":true,"nonce":"$undefined"}]],["$","$L45",null,{"children":["$","$3e",null,{"name":"Next.MetadataOutlet","children":"$@46"}]}]]}] 46:o3e7,23:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 25:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 27:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 46:o114a,29:["$","$L48",null,{"loading":[["$","$2","l",{"children":[["$","span",null,{"role":"status","aria-live":"polite","className":"sr-only","children":"Loading chat…"}],["$","div",null,{"data-chat-skeleton-layout":true,"aria-hidden":"true","className":"flex-1 w-full flex","children":[["$","div",null,{"data-input":true,"className":"flex","children":["$","div",null,{"data-skeleton-chat-column":true,"className":"flex flex-col size-full pt-4 px-2 pb-2","children":[["$","div",null,{"className":"flex-1 overflow-hidden mask-[linear-gradient(to_bottom,black_0%,transparent_100%)]","children":["$","div",null,{"className":"max-w-3xl mx-auto w-full flex-col pt-2","children":[["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":[["$","svg",null,{"width":"16","height":"16","className":"absolute -top-[6px] right-0","fill":"var(--v0-gray-200)","children":["$","path",null,{"d":"M-2.70729e-07 6.19355C8 6.19355 12 4.12903 16 6.99382e-07C16 6.70968 16 13.5 10 16L-2.70729e-07 6.19355Z"}]}],["$","div",null,{"style":{"width":900,"height":120}}]]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}],["$","div",null,{"className":"flex flex-col w-full gap-4 px-2","children":[["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","3",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","4",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}]]}],["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":[["$","svg",null,{"width":"16","height":"16","className":"absolute -top-[6px] right-0","fill":"var(--v0-gray-200)","children":["$","path",null,{"d":"M-2.70729e-07 6.19355C8 6.19355 12 4.12903 16 6.99382e-07C16 6.70968 16 13.5 10 16L-2.70729e-07 6.19355Z"}]}],["$","div",null,{"style":{"width":900,"height":120}}]]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}]]}]}],["$","div",null,{"className":"mx-auto w-full max-w-3xl","children":["$","div",null,{"className":"p-1.5 flex items-center gap-1 rounded-xl material-medium bg-v0-background-300 border border-v0-alpha-400","children":["$L49","$L4a","$L4b","$L4c"]}]}]]}]}],"$L4d"]}],"$L4e"]}],[],null],"children":"$L4f"}] 46:o5c6,2b:["$","$2","c",{"children":["$L50",[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3i_olc7z7o2e6.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0236krgk19uqh.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0_gorie14y0z_.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/3_x3oo4l7hl52.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1myf2--w88b7m.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2kkkecrer8mde.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/12_1rv8aot32c.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2_me7qwcrvxjn.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/2s7yjppybqlx-.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/16j7zt53wo_d8.js","async":true,"nonce":"$undefined"}]],null]}] 46:o780,2d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 2f:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 31:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 33:["$","$L48",null,{"loading":[["$","$L80","l",{}],[],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/12pnv2lle7oqq.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0_gorie14y0z_.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2ijnsnwwprz3f.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2kkkecrer8mde.js","async":true,"nonce":"$undefined"}]]],"children":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 46:o687,35:["$","$2","c",{"children":[["$","$3e",null,{"fallback":["$","$L8b",null,{}],"children":"$L8c"}],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2czpwag266mcr.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1myf2--w88b7m.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0236krgk19uqh.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/0_gorie14y0z_.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3_x3oo4l7hl52.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2kkkecrer8mde.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2ijnsnwwprz3f.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/12_1rv8aot32c.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/2_me7qwcrvxjn.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/16j7zt53wo_d8.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2s7yjppybqlx-.js","async":true,"nonce":"$undefined"}]],null]}] 46:o32,37:["$","$2","c",{"children":["$L8d",null,null]}] 46:o92c,8f:I[987761,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"AppCard"] 90:"FULL_BLEED_APP_CARD_CLASSNAME" 91:I[987761,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"$90"] 92:"/chat-static/_next/static/immutable/chunks/0vm3ydhww-1l7.js" 93:"SidebarCollapseButton" 94:I[663042,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$92"],"$93"] 95:I[192842,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"ChatWarning"] 96:I[903785,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$92"],"NewChatButton"] 41:300 49:["$","div",null,{"className":"flex size-7 shrink-0 items-center justify-center","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-4 rounded"}]}] 4a:["$","div",null,{"className":"flex-1 min-w-0","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-4 w-24 rounded"}]}] 4b:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-6 w-16 rounded-md"}] 4c:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-7 rounded-full"}] 4d:["$","div",null,{"data-output":true,"className":"bg-v0-background-200"}] 8e:T1963,46:o1963,46:o35d,4e:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$8e"}}] 4f:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3e",null,{"fallback":["$","$L8f",null,{"className":"$91","children":[["$","$L94",null,{"collapsedOnly":true,"syncWidth":true,"syncCollapsedMarginRight":"0px","syncExpandedMarginRight":"0px","peekOnHover":false,"className":"pointer-events-auto absolute left-3 top-3 z-20 hidden sm:flex"}],["$","$L95",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$L96",null,{}]}]]}],"children":"$L97"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 46:o17,18:T8,variants98:T18d6,46:o18d6,(({protect:a})=>{function b(a){return new Promise((b,c)=>{if(document.querySelector(`script[src="${a}"]`))return void b();let d=document.createElement("script");d.src=a,d.async=!0,d.onload=()=>b(),d.onerror=a=>{console.error("Error loading script",a),c(a)},document.head.appendChild(d)})}var c=class a{#a;#b;#c=0;constructor(){let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,this.#e(),window.addEventListener("online",this.#f),window.addEventListener("visibilitychange",this.#f)}getChallenge=async()=>(await this.#g(),await this.#a.then(a=>"function"==typeof a?a():a));#f=()=>{if(document.hidden)return;let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,window.V_C=[],window.V_C.push=c;let d=document.querySelector('script[src*="c.js"]');d&&d.remove(),this.#c+=1};#e=()=>{if(window.V_C){let a=window.V_C.pop();a&&this.#b(a)}else window.V_C=[],window.V_C.push=this.#b};#g=()=>{let a=new URL("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/a-4-a/c.js",window.location.origin);return a.searchParams.set("i",String(this.#c)),a.searchParams.set("v",String(3)),a.searchParams.set("h",window.location.host),b(a.pathname+a.search)};#h=()=>{window.V_C=void 0};static #d(){let a,b;return{promise:new Promise((c,d)=>{a=c,b=d}),resolve:a,reject:b}}},d=class a{#a=!1;#b;constructor(a){this.#b=a}get loaded(){return this.#a}load=async()=>{this.#a||await this.#f()};#c=()=>{if(typeof globalThis.window>"u")throw Error("KPSDK is not available in the server");if(!window.KPSDK)throw Error("KPSDK is not loaded");let b=this.#b.map(b=>{let c=a.#e(b.path);return{domain:c.host,path:c.pathname,method:b.method}});try{window.KPSDK.configure(b)}catch(a){console.error("Error configuring KPSDK...",a)}};#f=async()=>{let a=this;return new Promise((c,d)=>{let e=()=>{document.removeEventListener("kpsdk-load",e),this.#c()},f=()=>{document.removeEventListener("kpsdk-ready",f),a.#a=!0,c()};document.addEventListener("kpsdk-load",e,{once:!0}),document.addEventListener("kpsdk-ready",f,{once:!0}),b("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/p.js").catch(a=>{document.removeEventListener("kpsdk-load",e),document.removeEventListener("kpsdk-ready",f),d(a)})})};static #e(a){let b;try{b=new URL(a)}catch{b=new URL(a,location.origin)}return b}},e=a=>{let b=a.replace(/[.?+^$[\]\\(){}|-]/g,"\\$&").split("*").join(".*");return RegExp(`^${b}$`)},f=({path:a,pattern:b})=>-1!==a.search(b);async function g(a,b,c){let d=XMLHttpRequest.prototype.open,g=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(a,b,c,e,f){return this._requestUrl=b.toString(),this._requestMethod=a,d.call(this,a,b,c??!0,e,f)},XMLHttpRequest.prototype.send=async function(d){let h=this._requestUrl;if(!h||this._isReexecution)return g.call(this,d);let i=new URL(h,location.href),j=c.find(a=>f({path:i.pathname,pattern:e(a.path)}));if(null==j||j.method!==(this._requestMethod??"GET")&&"*"!==j.method)return g.call(this,d);let k=await a.getChallenge();if(this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET"),0!==k.b||b.loaded||((1===k.d||j?.advancedOptions?.checkLevel==="deepAnalysis")&&await b.load(),!b.loaded))return g.call(this,d);this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET");let l=new XMLHttpRequest;return l._isReexecution=!0,l.open(this._requestMethod||"GET",h,!0),l.setRequestHeader("x-is-human",JSON.stringify(k)),l.setRequestHeader("x-path",i.pathname),l.setRequestHeader("x-method",this._requestMethod||"GET"),this.timeout&&(l.timeout=this.timeout),this.responseType&&(l.responseType=this.responseType),this.withCredentials&&(l.withCredentials=this.withCredentials),l.onreadystatechange=()=>{Object.defineProperty(this,"readyState",{value:l.readyState,writable:!0,configurable:!0}),l.readyState===XMLHttpRequest.DONE&&(Object.defineProperty(this,"status",{value:l.status,writable:!0,configurable:!0}),Object.defineProperty(this,"statusText",{value:l.statusText,writable:!0,configurable:!0}),Object.defineProperty(this,"response",{value:l.response,writable:!0,configurable:!0}),Object.defineProperty(this,"responseText",{value:l.responseText,writable:!0,configurable:!0}),Object.defineProperty(this,"responseXML",{value:l.responseXML,writable:!0,configurable:!0}),this.getAllResponseHeaders=()=>l.getAllResponseHeaders(),this.getResponseHeader=a=>l.getResponseHeader(a)),this.onreadystatechange&&this.onreadystatechange.call(this,new Event("readystatechange"))},l.onload=a=>{this.onload&&this.onload.call(this,a)},l.onerror=a=>{this.onerror&&this.onerror.call(this,a)},l.onabort=a=>{this.onabort&&this.onabort.call(this,a)},l.ontimeout=a=>{this.ontimeout&&this.ontimeout.call(this,a)},l.onloadstart=a=>{this.onloadstart&&this.onloadstart.call(this,a)},l.onloadend=a=>{this.onloadend&&this.onloadend.call(this,a)},l.onprogress=a=>{this.onprogress&&this.onprogress.call(this,a)},l.send(d)}}!function({protect:a=[]}){let b;for(let b of a)if(b.advancedOptions?.checkLevel!==void 0&&"deepAnalysis"!==b.advancedOptions.checkLevel&&"basic"!==b.advancedOptions.checkLevel)throw Error(`Invalid checkLevel "${b.advancedOptions.checkLevel}" for route "${b.path}". Must be one of: deepAnalysis, basic`);let h=new c,i=new d(a);g(h,i,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let g=new URL(c instanceof Request?c.url:c,location.href),j=g.origin===location.origin,k=a.find(a=>f({path:g.pathname,pattern:e(a.path)})),l=d?.method??(c instanceof Request?c.method:"GET"),m=null!=k&&(k.method===l||"*"===k.method);if(null==k||!m||!j)return b(c,d);let n=await h.getChallenge(),o=new Headers(d?.headers||(c instanceof Request?c.headers:void 0));o.set("x-is-human",JSON.stringify(n)),o.set("x-path",g.pathname),o.set("x-method",l);let p={...d,headers:o};return i.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await i.load(),window.fetch(c,p)):b(c,p)}}({protect:a})})({ protect: [{"path":"/chat/api/vm/actions/run-pipeline","method":"POST","advancedOptions":{"checkLevel":"deepAnalysis"}},{"path":"/chat/api/chat","method":"POST"},{"path":"/chat/api/vm/actions/*","method":"POST"},{"path":"*/chat/api/vm/actions/*","method":"POST"}] });46:o158,17:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$98"}}],"$L99","$L9a","$L9b","$L9c"]}],"$L9d"]}] 46:o1000,9e:"GeistThemeScript" 9f:I[943185,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$9e"] a0:I[600033,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"AppStoreMetaTag"] a1:I[943185,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"GeistProvider"] a2:I[818362,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"LocaleProvider"] a3:I[841245,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"MotionConfig"] a4:"AtomicContextSWRProvider" a5:I[850359,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"$a4"] a6:"GlobalPromiseContextProvider" a7:I[850359,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"$a6"] aa:I[827887,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"JotaiProvider"] ab:"ServerQuerySWRRuntimeProvider" ac:I[74757,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$ab"] ae:I[815349,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"CleanupStorage"] af:I[470669,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"Analytics"] b0:I[191173,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"SpeedInsights"] b1:I[15279,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"SessionManager"] b2:"VercelianAppFlowMigrator" b3:I[23825,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$b2"] b4:I[108762,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"TrackInfo"] b5:I[578386,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"PageViewTracker"] b6:I[356301,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"AutoCapture"] 99:["$","$L9f",null,{"sto46:o3ed,rageKey":"theme"}] 9a:["$","$3e",null,{"children":["$","$La0",null,{}]}] 9b:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] 9c:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Vercel\",\"url\":\"https://vercel.com\",\"logo\":\"https://assets.vercel.com/image/upload/front/favicon/vercel/favicon.ico\",\"sameAs\":[\"https://x.com/vercel\",\"https://x.com/v0\",\"https://github.com/vercel\",\"https://www.linkedin.com/company/vercel\",\"https://www.linkedin.com/company/v0dev\"]},{\"@context\":\"https://schema.org\",\"@type\":\"WebApplication\",\"name\":\"v0\",\"url\":\"https://v0.app\",\"description\":\"Your collaborative AI assistant to design, iterate, and scale full-stack applications for the web.\",\"applicationCategory\":[\"DeveloperApplication\",\"DesignApplication\"],\"operatingSystem\":\"All\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Vercel\"}}]"}}] 46:o949,9d:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased kSVEZa_variable yCrHjW_variable hGs1mq_variable","children":[["$","$La1",null,{"storageKey":"theme","withScript":false,"children":["$","$La2",null,{"locale":"en","children":["$","$La3",null,{"reducedMotion":"user","children":["$","$La5",null,{"routes":{"scoped":{"scopeUserDetails":{"path":"/api/chat/scoped/user","method":"GET"},"team":{"path":"/api/chat/scoped/team","method":"GET"},"vercelProjectsFavorites":{"path":"/api/chat/scoped/vercel-projects/favorites","method":"GET"},"chats":{"path":"/api/chat/scoped/chats","method":"GET"},"paginatedChats":{"path":"/api/chat/scoped/get-paginated-chats","method":"GET"},"designSystems":{"path":"/api/chat/scoped/design-systems-with-registry/list","method":"GET"},"sidebarProjectGroups":{"path":"/api/chat/scoped/sidebar-project-groups","method":"GET"},"sidebarDrafts":{"path":"/api/v2/internal/chats/sidebar-drafts","method":"GET"}},"chat":{"attributes":{"path":"/api/chat/chat/attributes","method":"GET"},"externalMeta":{"path":"/api/chat/chat/latest-external-meta","method":"GET"},"latest":{"path":"/api/chat/chat/latest","method":"GET"},"template":{"path":"/api/chat/chat/template","method":"GET"},"messages":{"path":"/api/chat/chat/messages","method":"GET"},"messagesRange":{"path":"/api/chat/chat/messages/range","method":"GET"},"gitStatus":{"path":"/api/git/status","method":"GET"}},"library":{"chatsList":{"path":"/api/chat/library/chats/list","method":"GET"},"archivedChatsList":{"path":"/api/chat/library/chats/archived","method":"GET"},"projectsList":{"path":"/api/chat/library/projects/list","method":"GET"},"filters":{"path":"/api/chat/library/filters","method":"GET"}},"project":{},"global":{"dailyModelUsage":{"path":"/api/chat/global/daily-model-usage","method":"GET"},"freeFixWithV0Usage":{"path":"/api/chat/global/free-fix-with-v0-usage","method":"GET"}}},"children":["$","$La7",null,{"params":null,"promises":{"dailyModelUsage":"$@a8","freeFixWithV0Usage":"$@a9"},"children":[["$","$Laa",null,{"children":["$","$Lac",null,{"children":"$Lad"}]}],["$","$Lae",null,{}]]}]}]}]}]}],["$","$Laf",null,{}],["$","$Lb0",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3e",null,{"children":["$","$Lb1",null,{}]}],["$","$Lb3",null,{}],["$","$Lb4",null,{}],["$","$Lb5",null,{}],["$","$Lb6",null,{}]]}] 46:o90,3b:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 46:oe,40:T8,variants46:o1000,b7:"HydrateDurableAtoms" b8:I[783749,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$b7"] b9:I[359783,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"DataProvider"] ba:I[32170,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"UserProvider"] bc:"AnimatedIconProvider" bd:I[908887,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$bc"] be:I[30570,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"PortalProvider"] bf:"SnowflakePublishProvider" c0:I[966820,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$bf"] c1:"UserInputProvider" c2:I[472914,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$c1"] c3:I[69221,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"CmdkProvider"] c4:"VirtualMachineUIStateProvider" c5:I[319228,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$c4"] c6:"DeployedPreviewIframeRefProvider" c7:I[166890,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$c6"] c8:"PreviewSourceUIStateProvider" c9:I[197843,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$c8"] ca:I[367078,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"LoaderProvider"] cb:"PromptFormUIProvider" cc:I[595358,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$cb"] cd:I[242759,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"FlagsProvider"] cf:I[723704,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"NuqsAdapter"] d0:"ChatTabsProvider" d1:I[568561,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$d0"] d2:"PersonalScopeMigrationAnnouncementProvider" d3:I[206559,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$d2"] d5:"AnnouncementVisibilityProvider" d6:I[878519,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","46:o462,$6b","$6c","$6d","$6e","$6f"],"$d5"] d9:I[561588,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"Toaster"] da:I[407562,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"Toaster"] db:"SuspendingDialogs" dc:I[840793,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"$db"] dd:I[323194,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"SignInDialog"] de:I[279070,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"],"ConsentBanner"] 46:o8ad,ad:["$","$Lb8",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"toolConfiguration":{"webSearch":true,"generateImages":true,"vercelProjectId":null,"vercelProjectName":null,"vercelProjectBranch":null,"vercelProjectGitOrg":null,"vercelProjectGitRepo":null,"customInstructionIds":[],"mcpServerIds":[],"marketplaceMcpIds":[],"autoAllowMcpTools":false},"shouldShowUpgrade":false,"chatMobilePanel":"input","chatPanelLayout":[{"id":"input","ratio":0.205,"visible":true},{"id":"output","ratio":0.795,"visible":true}],"dismissedFeatureDialogs":{},"dismissedConnectRepoCard":false,"permissionsModeV2":null}}},"children":["$","$Lb9",null,{"children":["$","$Lba",null,{"expectUser":false,"userPromise":"$@bb","children":["$","$Lbd",null,{"children":["$","$Lbe",null,{"children":["$","$Lc0",null,{"children":["$","$Lc2",null,{"children":["$","$Lc3",null,{"children":["$","$Lc5",null,{"children":["$","$Lc7",null,{"children":["$","$Lc9",null,{"children":["$","$Lca",null,{"children":["$","$Lcc",null,{"children":["$","$Lcd",null,{"promise":"$@ce","middlewareFlags":[],"children":["$","$Lcf",null,{"children":["$","$Ld1",null,{"children":["$","$Ld3",null,{"destinationTeamIdPromise":"$@d4","children":["$","$Ld6",null,{"visiblePromise":"$@d7","children":["$","div",null,{"className":"max-h-screen-patched min-h-screen-patched flex w-full flex-col overflow-auto bg-v0-background-200","vaul-drawer-wrapper":"","children":[["$","$3e",null,{"fallback":null,"children":"$Ld8"}],["$","$Ld9",null,{}],["$","$Lda",null,{}],["$","$3e",null,{"fallback":null,"children":["$","$Ldc",null,{}]}],["$","$Ldd",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Lde",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 46:o105,97:["$","$L8f",null,{"className":"$91","children":["$4f:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$L95",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] 46:o20,bb:"$undefined" d7:true d8:null 46:o81,40:T1,?38:T1,?22:T1,?36:T1,?2c:T1,?41:60 38:T8,variants36:T8,variants1b:T8,variants40:T2,id36:T5,scope2c:T2,id1b:T5,scope36:T2,id46:oe74,df:"RouteChatIdProvider" e0:I[903690,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"$df"] e1:"CompletionAttentionProvider" e2:I[607506,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b"],"$e1"] e3:"SidebarUIProvider" e4:I[475961,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b"],"$e3"] e7:"HeaderSlotClientRouter" e8:I[597544,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b"],"$e7"] e9:"/chat-static/_next/static/immutable/chunks/2eerkywibkd4m.js" ea:I[32459,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$e9"],"default"] eb:I[990009,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b"],"Header"] ec:"RevalidateChatIdSkeletonStyles" ed:I[564011,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b"],"$ec"] ee:I[980088,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b"],"DynamicCMDK"] ef:"PromptQueueSnapshotProvider" f0:I[475641,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"$ef"] f3:"ChatPromiseContextProvider" f4:I[850359,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"$f3"] fc:I[70040,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"GitChatHeader"] fd:I[705838,["$3"],"IconMark"] 8d:null 46:o77d,44:["$","$Le0",null,{"children":["$","$Le2",null,{"children":["$","$Le4",null,{"children":[["$","$3e",null,{"fallback":null,"children":"$@e5"}],["$","$3e",null,{"children":"$Le6"}],false,false,["$","div",null,{"className":"isolate flex min-h-0 flex-1","children":[false,["$","div",null,{"className":"flex min-h-0 min-w-0 flex-1 flex-col","children":[["$","$Le8",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$ea","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2eerkywibkd4m.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Leb",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$ea","errorStyles":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$L4",null,{"parallelRouterKey":"content","error":"$ea","errorStyles":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]]}],false,["$","$3e",null,{"children":["$","$Led",null,{}]}],["$","$Lee",null,{}]]}]}]}] 46:o45a,50:["$","$Lf0",null,{"initial":{"chatId":"t7vFo91quOQ","snapshot":"$@f1"},"children":"$Lf2"}] 8c:["$","$Lf4",null,{"params":{"chatId":"t7vFo91quOQ"},"promises":{"attributes":"$@f5","externalMeta":"$@f6","latest":"$@f7","messagesRange":"$@f8","messages":"$@f9","template":"$@fa","gitStatus":"$@fb"},"children":["$","$Lfc",null,{"chatId":"t7vFo91quOQ"}]}] d4:null ce:{"requested":"ryonri88s-projects","identity":null,"resolution":"anonymous","flags":{"aepe":false,"asse":false,"afre":false,"bvge":false,"ctbe":true,"igm":"gateway.google/gemini-3.1-flash-lite-image","caae":false,"lcw":false,"tbb":false,"spqe":true,"oivs":false,"vmmt":false,"nfd":"","nfde":1,"iedm":true,"inb":true,"stve":true,"ci":true,"smpe":false,"dsie":false,"sie":false,"siv2":false,"cvod":false,"dce":false,"tse":false,"lmmo":false,"ubse":true,"dcpps":false,"spu":true,"kps":false,"tfam":false,"evmv":true,"dcv":false,"f5e":true,"f51e":true,"gmpe":true,"impe":false,"gope":false,"g56se":true,"g56spe":true,"g52e":false,"g46e":false,"kk3e":false,"o5e":true,"pwz":true,"shce":false,"shme":false,"idue":false,"ipc":true,"dsrr":false,"ftr":null}} 46:o9fc,3f:[["$","title","0",{"children":"Voice-to-blog system - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"# Voice-to-Blog システム構築プロンプト以下のプロンプトをAIアシスタントに提供することで、同様のシステムを構築できます。## メインプロンプト```音声ファイル（m4a）を文字起こしして、過去のブログ記事から学習した文体でブログ記事を自動生成するシステムを作ってください。## 要件###..."}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","link","3",{"rel":"canonical","href":"https://v0.app/chat/voice-to-blog-system-t7vFo91quOQ"}],["$","meta","4",{"property":"og:title","content":"Voice-to-blog system - v0 by Vercel"}],["$","meta","5",{"property":"og:description","content":"# Voice-to-Blog システム構築プロンプト以下のプロンプトをAIアシスタントに提供することで、同様のシステムを構築できます。## メインプロンプト```音声ファイル（m4a）を文字起こしして、過去のブログ記事から学習した文体でブログ記事を自動生成するシステムを作ってください。## 要件###..."}],["$","meta","6",{"property":"og:image","content":"https://v0.app/chat/api/og/t7vFo91quOQ"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Voice-to-blog system - v0 by Vercel"}],["$","meta","9",{"name":"twitter:description","content":"# Voice-to-Blog システム構築プロンプト以下のプロンプトをAIアシスタントに提供することで、同様のシステムを構築できます。## メインプロンプト```音声ファイル（m4a）を文字起こしして、過去のブログ記事から学習した文体でブログ記事を自動生成するシステムを作ってください。## 要件###..."}],["$","meta","10",{"name":"twitter:image","content":"https://v0.app/chat/api/og/t7vFo91quOQ"}],["$","link","11",{"rel":"icon","href":"/assets/icon-light-32x32.png","media":"(prefers-color-scheme: light)","sizes":"32x32","type":"image/png"}],["$","link","12",{"rel":"icon","href":"/assets/icon-dark-32x32.png","media":"(prefers-color-scheme: dark)","sizes":"32x32","type":"image/png"}],["$","link","13",{"rel":"icon","href":"/assets/icon.svg","sizes":"32x32","type":"image/svg+xml"}],["$","link","14",{"rel":"apple-touch-icon","href":"/assets/apple-icon.png","type":"image/png"}],["$","$Lfd","15",{}]] 46:o8,46:null 46:o8b3,105:"ExplicitChatIdProvider" 106:I[903690,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"$105"] 107:I[838238,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$82","$83","$7d","$84","$7f","$7e","$85","$86","$87","$88","$89"],"SWRDataProvider"] 2c:T8,variants2c:T5,scopef5:{"ok":true,"value":{"designSystemId":null,"title":"Voice-to-blog system","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_rxbHozVDKUAODKm6t8mOACjI","tailwindV4Default":true,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"chatCreatedAt":1754536324119,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":null,"storageEntityId":null,"vercelProjectId":null,"defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}} f6:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} f7:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f8:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f9:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} fa:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} fb:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} e5:null 109:[] 10a:[["b_GtqmpjbHwPs",null]] 10b:[["b_GtqmpjbHwPs",{"templateVersionId":null,"templateCanonId":null}]] 10c:[["b_GtqmpjbHwPs","$D2025-08-07T03:12:13.978Z"]] 10d:[["b_GtqmpjbHwPs",false]] 10e:[["b_GtqmpjbHwPs","$undefined"]] 10f:[["b_GtqmpjbHwPs",null]] 110:[["b_GtqmpjbHwPs",true]] 111:[["b_GtqmpjbHwPs",true]] 112:[] 113:T1521,46:o1521,# Voice-to-Blog システム構築プロンプト以下のプロンプトをAIアシスタントに提供することで、同様のシステムを構築できます。## メインプロンプト```音声ファイル（m4a）を文字起こしして、過去のブログ記事から学習した文体でブログ記事を自動生成するシステムを作ってください。## 要件### 1. 基本機能- m4aファイルをGoogle Cloud Speech-to-Text APIで文字起こし- 過去記事（テキストファイル）から文体の特徴を抽出- 学習した文体でブログ記事を生成- note.com対応のMarkdown形式で出力### 2. プロジェクト構造```voice-to-blog/├── input/ # 音声ファイル置き場├── training_data/ # 学習用の過去記事├── output/ # 生成されたブログ記事├── scripts/ # 各種スクリプト├── generate_blog.py # メインスクリプト└── requirements.txt # 依存関係```### 3. 文字起こし機能- Google Cloud Speech-to-Text APIを使用（Whisperより高精度）- 長時間音声対応（50秒ごとにチャンク分割）- 日本語に最適化された設定### 4. 文体分析機能- MeCabで形態素解析- 以下の特徴を抽出： - 文末表現（です・ます調など） - 一人称（私、僕、ぼくなど） - よく使う単語・フレーズ - 段落の長さ - 句読点の使い方### 5. ブログ生成機能- 録音時間に応じた適切な長さ（20分→2,000〜2,500文字）- 構造化された記事： - タイトル - 導入文（150-200文字） - 本文（3-5セクション、各400-500文字） - まとめ（200-250文字） - CTA（行動喚起）- 見出しを適切に配置- 重要キーワードを**太字**で強調### 6. 安全機能- API使用量制限（1日10回、月額1,000円上限）- 使用履歴のトラッキング- 実行前の確認プロンプト### 7. 出力形式- Markdown形式（.md）- プレビュー用HTML- コピーボタン付きインターフェース## 実装の優先順位1. Google Cloud Speech-to-Text APIでの文字起こし2. 文体分析（MeCab使用）3. 構造化されたブログ生成4. 使用量制限機能5. プレビュー機能## 注意事項- Python 3.8以上を使用- 仮想環境（venv）を推奨- Google Cloud認証情報は.gitignoreに追加- 使用量追跡ファイルも.gitignoreに追加```## ステップバイステップ版プロンプト### ステップ1: 基本構造の作成```Pythonで音声ファイルからブログ記事を生成するシステムの基本構造を作ってください。以下のディレクトリ構造で：- input/（音声ファイル）- training_data/（学習用記事）- output/（生成記事）- scripts/（処理スクリプト）README.mdとrequirements.txtも含めてください。```### ステップ2: Google Speech-to-Text統合```Google Cloud Speech-to-Text APIを使って日本語音声を文字起こしする機能を追加してください。- 長時間音声対応（チャンク分割）- エラーハンドリング- 認証情報の安全な管理```### ステップ3: 文体分析機能```MeCabを使って、training_dataフォルダ内のテキストファイルから文体の特徴を抽出する機能を追加してください。抽出する特徴：- 文末表現の頻度- 一人称の使い方- よく使う単語TOP20- 平均文長```### ステップ4: ブログ生成機能```文字起こしテキストと文体分析結果を使って、構造化されたブログ記事を生成する機能を追加してください。要件：- 20分の録音→2,000〜2,500文字- 見出しを含む構造化- 学習した文体の適用- Markdown形式での出力```### ステップ5: 使用量制限```Google APIの使用量を制限する機能を追加してください：- 1日10回まで- 月額1,000円上限- 使用履歴の記録- 実行前の確認```## カスタマイズ用プロンプト### 文体をさらに詳細に分析したい場合```文体分析機能を拡張して、以下も抽出してください：- 感情表現の頻度- 比喩や例え話の使用頻度- 段落内の文の数- 接続詞の使い方```### 他の音声認識APIを使いたい場合```Google Speech-to-Text APIの代わりに[API名]を使うように変更してください。同様の精度と日本語対応を維持してください。```### 出力形式を変更したい場合```出力形式を以下に変更してください：- WordPress対応のHTML- はてなブログ対応の記法- Qiita対応のMarkdown```## トラブルシューティング用プロンプト### 文字起こし精度が低い場合```日本語の文字起こし精度を向上させる方法を教えてください。現在の問題：[具体的な問題を記述]使用API：Google Speech-to-Text```### 生成される記事が短すぎる場合```生成されるブログ記事が目標文字数に達しません。現在：[X]文字、目標：2,000〜2,500文字内容を充実させる方法を提案してください。```## 完全版リポジトリ参考実装: https://github.com/ihayato/speechtoblogこのリポジトリには以下が含まれています：- 完全な実装コード- 詳細なドキュメント- 制作ポリシー- 使用量制限機能- セットアップガイド46:oa,114:Tabf3,46:oabf3,[V0_FILE]typescriptreact:file="app/page.tsx" 'use client' import { useState } from 'react' import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card' import { Button } from '@/components/ui/button' import { Input } from '@/components/ui/input' import { Label } from '@/components/ui/label' import { Textarea } from '@/components/ui/textarea' import { Progress } from '@/components/ui/progress' import { Alert, AlertDescription } from '@/components/ui/alert' import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs' import { Upload, FileAudio, FileText, Settings, BarChart3 } from 'lucide-react' interface UsageStats { dailyUsage: number monthlyUsage: number dailyLimit: number monthlyLimit: number } interface GeneratedBlog { title: string content: string wordCount: number estimatedReadTime: number } export default function VoiceToBlogSystem() { const [audioFile, setAudioFile] = useState(null) const [isProcessing, setIsProcessing] = useState(false) const [progress, setProgress] = useState(0) const [generatedBlog, setGeneratedBlog] = useState(null) const [usageStats, setUsageStats] = useState({ dailyUsage: 3, monthlyUsage: 15, dailyLimit: 10, monthlyLimit: 100 }) const [trainingData, setTrainingData] = useState('') const handleFileUpload = (event: React.ChangeEvent) => { const file = event.target.files?.[0] if (file && file.type.includes('audio')) { setAudioFile(file) } } const processAudioToBlog = async () => { if (!audioFile) return setIsProcessing(true) setProgress(0) try { // Step 1: Upload audio file setProgress(20) const formData = new FormData() formData.append('audio', audioFile) formData.append('trainingData', trainingData) // Step 2: Transcribe audio setProgress(40) const transcribeResponse = await fetch('/api/transcribe', { method: 'POST', body: formData }) if (!transcribeResponse.ok) { throw new Error('Transcription failed') } const { transcript } = await transcribeResponse.json() setProgress(60) // Step 3: Generate blog post const generateResponse = await fetch('/api/generate-blog', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ transcript, trainingData, audioDuration: audioFile.size / 1000000 * 60 // Rough estimate }) }) if (!generateResponse.ok) { throw new Error('Blog generation failed') } const blog = await generateResponse.json() setGeneratedBlog(blog) setProgress(100) // Update usage stats setUsageStats(prev => ({ ...prev, dailyUsage: prev.dailyUsage + 1, monthlyUsage: prev.monthlyUsage + 1 })) } catch (error) { console.error('Error processing audio:', error) alert('処理中にエラーが発生しました。') } finally { setIsProcessing(false) } } const copyToClipboard = (text: string) => { navigator.clipboard.writeText(text) alert('クリップボードにコピーしました！') } const downloadMarkdown = () => { if (!generatedBlog) return const markdown = `# ${generatedBlog.title}\n\n${generatedBlog.content}` const blob = new Blob([markdown], { type: 'text/markdown' }) const url = URL.createObjectURL(blob) const a = document.createElement('a') a.href = url a.download = `${generatedBlog.title.replace(/[^a-zA-Z0-9]/g, '_')}.md` a.click() URL.revokeObjectURL(url) } return (

Voice-to-Blog システム

音声ファイルから自動でブログ記事を生成

記事生成学習データ使用状況設定

{/* Upload Section */} 音声ファイルアップロード m4a, mp3, wav形式の音声ファイルをアップロードしてください

クリックして音声ファイルを選択

{audioFile && (

選択されたファイル: {audioFile.name}

サイズ: {(audioFile.size / 1024 / 1024).toFixed(2)} MB

)} {isProcessing && (

{progress < 40 ? '音声を文字起こし中...' : progress < 80 ? 'ブログ記事を生成中...' : '完了間近...'}

)} {/* Usage Alert */} 使用状況

今日の使用回数 {usageStats.dailyUsage}/{usageStats.dailyLimit}

今月の使用回数 {usageStats.monthlyUsage}/{usageStats.monthlyLimit}

{usageStats.dailyUsage >= usageStats.dailyLimit && ( 本日の使用制限に達しました。明日再度お試しください。 )}

{/* Generated Blog Preview */} {generatedBlog && ( 生成されたブログ記事文字数: {generatedBlog.wordCount}文字 | 推定読了時間: {generatedBlog.estimatedReadTime}分

{generatedBlog.title}

{generatedBlog.content}

)} 学習データ管理過去のブログ記事を入力して、文体を学習させてください

過去のブログ記事（複数記事をまとめて入力可能）

setTrainingData(e.target.value)}
                    className="min-h-[300px]"
                  />
                  <p className="text-sm text-gray-600">
                    文字数: {trainingData.length}文字
                  </p>
                </div>
              </CardContent>
            </Card>
          </TabsContent>

<TabsContent value="usage">
            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
              <Card>
                <CardHeader>
                  <CardTitle>使用統計</CardTitle>
                </CardHeader>
                <CardContent className="space-y-4">
                  <div className="space-y-2">
                    <div className="flex justify-between">
                      <span>今日の使用回数</span>
                      <span className="font-semibold">{usageStats.dailyUsage}/{usageStats.dailyLimit}</span>
                    </div>
                    <div className="flex justify-between">
                      <span>今月の使用回数</span>
                      <span className="font-semibold">{usageStats.monthlyUsage}/{usageStats.monthlyLimit}</span>
                    </div>
                    <div className="flex justify-between">
                      <span>推定月額費用</span>
                      <span className="font-semibold">¥{Math.round(usageStats.monthlyUsage * 10)}</span>
                    </div>
                  </div>
                </CardContent>
              </Card>

<Card>
                <CardHeader>
                  <CardTitle>制限設定</CardTitle>
                </CardHeader>
                <CardContent className="space-y-4">
                  <div className="space-y-2">
                    <Label>1日の使用制限</Label>
                    <Input type="number" value={usageStats.dailyLimit} readOnly />
                  </div>
                  <div className="space-y-2">
                    <Label>月額上限（円）</Label>
                    <Input type="number" value="1000" readOnly />
                  </div>
                </CardContent>
              </Card>
            </div>
          </TabsContent>

<TabsContent value="settings">
            <Card>
              <CardHeader>
                <CardTitle>システム設定</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4">
                <Alert>
                  <AlertDescription>
                    Google Cloud Speech-to-Text APIの認証情報は環境変数で設定してください。
                    詳細はREADME.mdを参照してください。
                  </AlertDescription>
                </Alert>
                
                <div className="space-y-4">
                  <div>
                    <Label>出力形式</Label>
                    <select className="w-full mt-1 p-2 border rounded-md">
                      <option>note.com対応Markdown</option>
                      <option>WordPress HTML</option>
                      <option>はてなブログ記法</option>
                    </select>
                  </div>
                  
                  <div>
                    <Label>目標文字数（20分音声の場合）</Label>
                    <Input type="number" defaultValue="2250" />
                  </div>
                </div>
              </CardContent>
            </Card>
          </TabsContent>
        </Tabs>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/api/transcribe/route.ts"
import { NextRequest, NextResponse } from 'next/server'

// Google Cloud Speech-to-Text API integration
export async function POST(request: NextRequest) {
  try {
    const formData = await request.formData()
    const audioFile = formData.get('audio') as File
    
    if (!audioFile) {
      return NextResponse.json({ error: 'No audio file provided' }, { status: 400 })
    }

// Convert audio file to base64 for Google Cloud Speech-to-Text API
    const audioBuffer = await audioFile.arrayBuffer()
    const audioBase64 = Buffer.from(audioBuffer).toString('base64')

// Google Cloud Speech-to-Text API configuration
    const speechConfig = {
      config: {
        encoding: 'M4A', // or 'MP3', 'WAV' based on file type
        sampleRateHertz: 16000,
        languageCode: 'ja-JP',
        enableAutomaticPunctuation: true,
        enableWordTimeOffsets: true,
        model: 'latest_long', // Best for long audio files
        useEnhanced: true
      },
      audio: {
        content: audioBase64
      }
    }

// Note: In a real implementation, you would call Google Cloud Speech-to-Text API here
    // For demo purposes, we'll simulate the transcription
    const simulatedTranscript = `
こんにちは、今日は新しいプロジェクトについてお話ししたいと思います。
最近、音声認識技術の進歩により、音声からテキストへの変換が非常に精度高く行えるようになりました。
これにより、ブログ記事の作成プロセスを大幅に効率化することが可能になっています。

従来のブログ記事作成では、まず構成を考え、それから文章を書き起こすという作業が必要でした。
しかし、音声入力を活用することで、より自然な文章表現が可能になり、
思考の流れをそのまま記事に反映させることができます。

今回開発したシステムでは、過去の記事から文体の特徴を学習し、
一貫性のある文章スタイルでブログ記事を自動生成することができます。
これにより、ブランドイメージを保ちながら、効率的にコンテンツを制作することが可能になります。
`

// Simulate API delay
    await new Promise(resolve => setTimeout(resolve, 2000))

return NextResponse.json({
      transcript: simulatedTranscript.trim(),
      confidence: 0.95,
      duration: audioFile.size / 1000000 * 60 // Rough estimate in seconds
    })

} catch (error) {
    console.error('Transcription error:', error)
    return NextResponse.json(
      { error: 'Transcription failed' },
      { status: 500 }
    )
  }
}
[V0_FILE]typescriptreact:file="app/api/generate-blog/route.ts"
import { NextRequest, NextResponse } from 'next/server'
import { generateText } from 'ai'
import { openai } from '@ai-sdk/openai'

interface StyleAnalysis {
  sentenceEndings: string[]
  firstPerson: string
  commonPhrases: string[]
  averageSentenceLength: number
  tone: string
}

function analyzeWritingStyle(trainingData: string): StyleAnalysis {
  const sentences = trainingData.split(/[。！？]/).filter(s => s.trim().length > 0)
  
  // Analyze sentence endings
  const endings = sentences.map(s => {
    const trimmed = s.trim()
    if (trimmed.endsWith('です')) return 'です'
    if (trimmed.endsWith('ます')) return 'ます'
    if (trimmed.endsWith('である')) return 'である'
    if (trimmed.endsWith('だ')) return 'だ'
    return 'その他'
  })

// Detect first person usage
  let firstPerson = '私'
  if (trainingData.includes('僕')) firstPerson = '僕'
  if (trainingData.includes('ぼく')) firstPerson = 'ぼく'

// Calculate average sentence length
  const avgLength = sentences.reduce((sum, s) => sum + s.length, 0) / sentences.length

// Detect common phrases (simplified)
  const commonPhrases = [
    'と思います',
    'ということで',
    'なので',
    'また',
    'さらに',
    'しかし',
    'ただし'
  ].filter(phrase => trainingData.includes(phrase))

return {
    sentenceEndings: [...new Set(endings)],
    firstPerson,
    commonPhrases,
    averageSentenceLength: Math.round(avgLength),
    tone: endings.includes('です') || endings.includes('ます') ? 'polite' : 'casual'
  }
}

export async function POST(request: NextRequest) {
  try {
    const { transcript, trainingData, audioDuration } = await request.json()

if (!transcript) {
      return NextResponse.json({ error: 'No transcript provided' }, { status: 400 })
    }

// Analyze writing style from training data
    const styleAnalysis = trainingData ? analyzeWritingStyle(trainingData) : null

// Calculate target word count based on audio duration
    const targetWordCount = Math.round((audioDuration / 60) * 110) // ~110 words per minute of audio

// Generate blog post using AI
    const styleInstructions = styleAnalysis ? `
文体の特徴:
- 文末表現: ${styleAnalysis.sentenceEndings.join(', ')}
- 一人称: ${styleAnalysis.firstPerson}
- よく使う表現: ${styleAnalysis.commonPhrases.join(', ')}
- 文の長さ: 平均${styleAnalysis.averageSentenceLength}文字
- トーン: ${styleAnalysis.tone === 'polite' ? '丁寧語' : 'カジュアル'}
` : '丁寧で読みやすい文体で書いてください。'

const { text } = await generateText({
      model: openai('gpt-4o'),
      system: `あなたは優秀なブログライターです。音声から文字起こしされたテキストを元に、構造化されたブログ記事を作成してください。

${styleInstructions}

記事の構成:
1. 魅力的なタイトル
2. 導入文（150-200文字）
3. 本文（3-5セクション、各400-500文字）
4. まとめ（200-250文字）
5. 行動喚起（CTA）

要件:
- 目標文字数: ${targetWordCount}文字程度
- 見出しを適切に配置（## を使用）
- 重要なキーワードは**太字**で強調
- note.com対応のMarkdown形式
- 読みやすい段落構成`,
      prompt: `以下の音声文字起こしテキストを元に、ブログ記事を作成してください：

${transcript}`,
      maxTokens: 4000
    })

// Extract title from generated content
    const lines = text.split('\n')
    const titleLine = lines.find(line => line.startsWith('#'))
    const title = titleLine ? titleLine.replace('#', '').trim() : 'Generated Blog Post'
    const content = text.replace(titleLine || '', '').trim()

// Calculate word count and estimated read time
    const wordCount = content.length
    const estimatedReadTime = Math.ceil(wordCount / 400) // ~400 characters per minute reading speed in Japanese

return NextResponse.json({
      title,
      content,
      wordCount,
      estimatedReadTime,
      styleAnalysis
    })

} catch (error) {
    console.error('Blog generation error:', error)
    return NextResponse.json(
      { error: 'Blog generation failed' },
      { status: 500 }
    )
  }
}
[V0_FILE]typescriptreact:file="components/ui/progress.tsx"
import * as React from "react"
import * as ProgressPrimitive from "@radix-ui/react-progress"
import { cn } from "@/lib/utils"

const Progress = React.forwardRef<
  React.ElementRef<typeof ProgressPrimitive.Root>,
  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
>(({ className, value, ...props }, ref) => (
  <ProgressPrimitive.Root
    ref={ref}
    className={cn(
      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
      className
    )}
    {...props}
  >
    <ProgressPrimitive.Indicator
      className="h-full w-full flex-1 bg-primary transition-all"
      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
    />
  </ProgressPrimitive.Root>
))
Progress.displayName = ProgressPrimitive.Root.displayName

export { Progress }
[V0_FILE]python:file="scripts/setup_google_cloud.py"
#!/usr/bin/env python3
"""
Google Cloud Speech-to-Text API setup script
"""

import os
import json
from google.cloud import speech

def setup_google_cloud_credentials():
    """
    Google Cloud認証情報のセットアップ
    """
    print("Google Cloud Speech-to-Text API セットアップ")
    print("=" * 50)
    
    # 環境変数の確認
    credentials_path = os.getenv('GOOGLE_APPLICATION_CREDENTIALS')
    
    if not credentials_path:
        print("❌ GOOGLE_APPLICATION_CREDENTIALS環境変数が設定されていません")
        print("\n設定手順:")
        print("1. Google Cloud Consoleでプロジェクトを作成")
        print("2. Speech-to-Text APIを有効化")
        print("3. サービスアカウントキーを作成・ダウンロード")
        print("4. 環境変数を設定:")
        print("   export GOOGLE_APPLICATION_CREDENTIALS='path/to/your/credentials.json'")
        return False
    
    if not os.path.exists(credentials_path):
        print(f"❌ 認証情報ファイルが見つかりません: {credentials_path}")
        return False
    
    try:
        # 認証情報の検証
        client = speech.SpeechClient()
        print("✅ Google Cloud Speech-to-Text API認証成功")
        
        # 利用可能な音声認識モデルの表示
        print("\n利用可能な音声認識モデル:")
        print("- latest_long: 長時間音声用（推奨）")
        print("- latest_short: 短時間音声用")
        print("- command_and_search: コマンド・検索用")
        
        return True
        
    except Exception as e:
        print(f"❌ 認証エラー: {e}")
        return False

def test_speech_recognition():
    """
    音声認識のテスト
    """
    try:
        client = speech.SpeechClient()
        
        # テスト用の設定
        config = speech.RecognitionConfig(
            encoding=speech.RecognitionConfig.AudioEncoding.LINEAR16,
            sample_rate_hertz=16000,
            language_code="ja-JP",
            enable_automatic_punctuation=True,
            model="latest_long"
        )
        
        print("✅ 音声認識設定テスト成功")
        print(f"   - 言語: {config.language_code}")
        print(f"   - モデル: {config.model}")
        print(f"   - 自動句読点: {config.enable_automatic_punctuation}")
        
        return True
        
    except Exception as e:
        print(f"❌ 設定テストエラー: {e}")
        return False

def estimate_costs():
    """
    使用料金の見積もり
    """
    print("\n💰 Google Cloud Speech-to-Text API 料金見積もり")
    print("=" * 50)
    print("標準モデル:")
    print("- 最初の60分/月: 無料")
    print("- 60分超過分: $0.006/15秒 (約¥0.9/15秒)")
    print("\n拡張モデル (latest_long):")
    print("- $0.009/15秒 (約¥1.35/15秒)")
    print("\n20分音声の場合:")
    print("- 標準モデル: 約¥72")
    print("- 拡張モデル: 約¥108")
    print("\n月10回利用の場合:")
    print("- 標準モデル: 約¥720/月")
    print("- 拡張モデル: 約¥1,080/月")

if __name__ == "__main__":
    print("Voice-to-Blog システム セットアップ")
    print("=" * 50)
    
    if setup_google_cloud_credentials():
        if test_speech_recognition():
            print("\n✅ セットアップ完了！")
            estimate_costs()
        else:
            print("\n❌ セットアップに問題があります")
    else:
        print("\n❌ Google Cloud認証情報を設定してください")
[V0_FILE]python:file="scripts/analyze_writing_style.py"
#!/usr/bin/env python3
"""
文体分析スクリプト
過去のブログ記事から文体の特徴を抽出
"""

import os
import re
import json
from collections import Counter
from pathlib import Path

def load_training_data(training_dir="training_data"):
    """
    学習用データの読み込み
    """
    training_texts = []
    training_path = Path(training_dir)
    
    if not training_path.exists():
        print(f"❌ 学習データディレクトリが見つかりません: {training_dir}")
        return []
    
    for file_path in training_path.glob("*.txt"):
        try:
            with open(file_path, 'r', encoding='utf-8') as f:
                content = f.read().strip()
                if content:
                    training_texts.append(content)
                    print(f"✅ 読み込み完了: {file_path.name}")
        except Exception as e:
            print(f"❌ ファイル読み込みエラー: {file_path.name} - {e}")
    
    return training_texts

def analyze_sentence_endings(texts):
    """
    文末表現の分析
    """
    endings = []
    
    for text in texts:
        sentences = re.split(r'[。！？]', text)
        for sentence in sentences:
            sentence = sentence.strip()
            if not sentence:
                continue
                
            if sentence.endswith('です'):
                endings.append('です')
            elif sentence.endswith('ます'):
                endings.append('ます')
            elif sentence.endswith('である'):
                endings.append('である')
            elif sentence.endswith('だ'):
                endings.append('だ')
            elif sentence.endswith('でしょう'):
                endings.append('でしょう')
            else:
                endings.append('その他')
    
    return Counter(endings)

def analyze_first_person(texts):
    """
    一人称の分析
    """
    first_persons = ['私', '僕', 'ぼく', '俺', 'おれ', '自分']
    usage = Counter()
    
    combined_text = ' '.join(texts)
    
    for person in first_persons:
        count = combined_text.count(person)
        if count > 0:
            usage[person] = count
    
    return usage

def analyze_common_phrases(texts):
    """
    よく使う表現の分析
    """
    phrases = [
        'と思います', 'と思う', 'ということで', 'ということ',
        'なので', 'だから', 'そのため', 'したがって',
        'また', 'さらに', 'そして', 'それから',
        'しかし', 'ただし', 'でも', 'けれど',
        'について', 'に関して', 'において',
        'ような', 'みたいな', 'といった',
        'かもしれません', 'でしょう', 'と考えられます'
    ]
    
    usage = Counter()
    combined_text = ' '.join(texts)
    
    for phrase in phrases:
        count = combined_text.count(phrase)
        if count > 0:
            usage[phrase] = count
    
    return usage

def analyze_sentence_length(texts):
    """
    文の長さの分析
    """
    lengths = []
    
    for text in texts:
        sentences = re.split(r'[。！？]', text)
        for sentence in sentences:
            sentence = sentence.strip()
            if sentence:
                lengths.append(len(sentence))
    
    if not lengths:
        return 0, 0, 0
    
    avg_length = sum(lengths) / len(lengths)
    min_length = min(lengths)
    max_length = max(lengths)
    
    return avg_length, min_length, max_length

def analyze_paragraph_structure(texts):
    """
    段落構造の分析
    """
    paragraph_lengths = []
    
    for text in texts:
        paragraphs = text.split('\n\n')
        for paragraph in paragraphs:
            paragraph = paragraph.strip()
            if paragraph:
                paragraph_lengths.append(len(paragraph))
    
    if not paragraph_lengths:
        return 0, 0
    
    avg_paragraph_length = sum(paragraph_lengths) / len(paragraph_lengths)
    total_paragraphs = len(paragraph_lengths)
    
    return avg_paragraph_length, total_paragraphs

def generate_style_profile(texts):
    """
    文体プロファイルの生成
    """
    if not texts:
        return None
    
    print("📊 文体分析を実行中...")
    
    # 各種分析の実行
    sentence_endings = analyze_sentence_endings(texts)
    first_person_usage = analyze_first_person(texts)
    common_phrases = analyze_common_phrases(texts)
    avg_length, min_length, max_length = analyze_sentence_length(texts)
    avg_paragraph_length, total_paragraphs = analyze_paragraph_structure(texts)
    
    # 文体の判定
    polite_endings = sentence_endings.get('です', 0) + sentence_endings.get('ます', 0)
    casual_endings = sentence_endings.get('だ', 0) + sentence_endings.get('である', 0)
    
    tone = 'polite' if polite_endings > casual_endings else 'casual'
    
    # 最も使用される一人称
    primary_first_person = first_person_usage.most_common(1)[0][0] if first_person_usage else '私'
    
    # 結果の整理
    style_profile = {
        'sentence_endings': dict(sentence_endings.most_common(5)),
        'first_person': {
            'primary': primary_first_person,
            'usage': dict(first_person_usage)
        },
        'common_phrases': dict(common_phrases.most_common(10)),
        'sentence_length': {
            'average': round(avg_length, 1),
            'min': min_length,
            'max': max_length
        },
        'paragraph_structure': {
            'average_length': round(avg_paragraph_length, 1),
            'total_paragraphs': total_paragraphs
        },
        'tone': tone,
        'total_texts': len(texts),
        'total_characters': sum(len(text) for text in texts)
    }
    
    return style_profile

def save_style_profile(profile, output_file="output/style_profile.json"):
    """
    文体プロファイルの保存
    """
    output_path = Path(output_file)
    output_path.parent.mkdir(exist_ok=True)
    
    with open(output_path, 'w', encoding='utf-8') as f:
        json.dump(profile, f, ensure_ascii=False, indent=2)
    
    print(f"✅ 文体プロファイルを保存しました: {output_file}")

def print_style_analysis(profile):
    """
    文体分析結果の表示
    """
    if not profile:
        print("❌ 分析結果がありません")
        return
    
    print("\n📊 文体分析結果")
    print("=" * 50)
    
    print(f"📚 分析対象: {profile['total_texts']}件のテキスト")
    print(f"📝 総文字数: {profile['total_characters']:,}文字")
    print(f"🎭 文体: {'丁寧語' if profile['tone'] == 'polite' else 'カジュアル'}")
    print(f"👤 主要一人称: {profile['first_person']['primary']}")
    
    print(f"\n📏 文の長さ:")
    print(f"   平均: {profile['sentence_length']['average']}文字")
    print(f"   最短: {profile['sentence_length']['min']}文字")
    print(f"   最長: {profile['sentence_length']['max']}文字")
    
    print(f"\n📄 段落構造:")
    print(f"   平均段落長: {profile['paragraph_structure']['average_length']}文字")
    print(f"   総段落数: {profile['paragraph_structure']['total_paragraphs']}")
    
    print(f"\n🔚 文末表現 (上位5位):")
    for ending, count in profile['sentence_endings'].items():
        print(f"   {ending}: {count}回")
    
    print(f"\n💬 よく使う表現 (上位5位):")
    for phrase, count in list(profile['common_phrases'].items())[:5]:
        print(f"   「{phrase}」: {count}回")

if __name__ == "__main__":
    print("Voice-to-Blog システム - 文体分析")
    print("=" * 50)
    
    # 学習データの読み込み
    training_texts = load_training_data()
    
    if not training_texts:
        print("\n❌ 学習データが見つかりません")
        print("training_data/フォルダに.txtファイルを配置してください")
        exit(1)
    
    # 文体分析の実行
    style_profile = generate_style_profile(training_texts)
    
    if style_profile:
        # 結果の表示
        print_style_analysis(style_profile)
        
        # プロファイルの保存
        save_style_profile(style_profile)
        
        print(f"\n✅ 文体分析完了！")
        print("生成されたプロファイルはブログ記事生成時に自動で使用されます。")
    else:
        print("\n❌ 文体分析に失敗しました")
[V0_FILE]markdown:file="README.md" type="markdown"
# Voice-to-Blog システム

音声ファイル（m4a）を文字起こしして、過去のブログ記事から学習した文体でブログ記事を自動生成するシステムです。

## 🚀 主な機能

- **音声文字起こし**: Google Cloud Speech-to-Text APIを使用した高精度な日本語音声認識
- **文体学習**: 過去のブログ記事から文体の特徴を自動抽出
- **自動記事生成**: 学習した文体で構造化されたブログ記事を生成
- **使用量制限**: API使用量を制限して予算管理
- **複数出力形式**: note.com、WordPress、はてなブログ対応

## 📋 システム要件

- Node.js 18.0以上
- Python 3.8以上（分析スクリプト用）
- Google Cloud Platform アカウント
- OpenAI API キー

## 🛠️ セットアップ

### 1. プロジェクトのクローン

\`\`\`bash
git clone <repository-url>
cd voice-to-blog-system
\`\`\`

### 2. 依存関係のインストール

\`\`\`bash
# Node.js依存関係
npm install

# Python依存関係（分析スクリプト用）
pip install -r requirements.txt
\`\`\`

### 3. 環境変数の設定

\`.env.local\`ファイルを作成：

\`\`\`env
# Google Cloud Speech-to-Text API
GOOGLE_APPLICATION_CREDENTIALS=path/to/your/credentials.json

# OpenAI API
OPENAI_API_KEY=your_openai_api_key

# その他の設定
NEXT_PUBLIC_MAX_DAILY_USAGE=10
NEXT_PUBLIC_MAX_MONTHLY_BUDGET=1000
\`\`\`

### 4. Google Cloud認証の設定

\`\`\`bash
# Google Cloud CLIのインストール（未インストールの場合）
curl https://sdk.cloud.google.com | bash

# 認証
gcloud auth login
gcloud config set project YOUR_PROJECT_ID

# Speech-to-Text APIの有効化
gcloud services enable speech.googleapis.com

# サービスアカウントキーの作成
gcloud iam service-accounts create voice-to-blog
gcloud projects add-iam-policy-binding YOUR_PROJECT_ID \
  --member="serviceAccount:voice-to-blog@YOUR_PROJECT_ID.iam.gserviceaccount.com" \
  --role="roles/speech.client"
gcloud iam service-accounts keys create credentials.json \
  --iam-account=voice-to-blog@YOUR_PROJECT_ID.iam.gserviceaccount.com
\`\`\`

## 🎯 使用方法

### 1. 開発サーバーの起動

\`\`\`bash
npm run dev
\`\`\`

### 2. 学習データの準備

\`training_data/\`フォルダに過去のブログ記事（.txtファイル）を配置：

\`\`\`
training_data/
├── article1.txt
├── article2.txt
└── article3.txt
\`\`\`

### 3. 文体分析の実行

\`\`\`bash
python scripts/analyze_writing_style.py
\`\`\`

### 4. 音声ファイルのアップロード

1. Webインターフェースにアクセス（http://localhost:3000）
2. 音声ファイル（m4a, mp3, wav）をアップロード
3. 「ブログ記事を生成」ボタンをクリック
4. 生成された記事をプレビュー・ダウンロード

## 📊 料金見積もり

### Google Cloud Speech-to-Text API

- **標準モデル**: 最初の60分/月は無料、以降 $0.006/15秒
- **拡張モデル**: $0.009/15秒

### 使用例（20分音声 × 月10回）

- 標準モデル: 約¥720/月
- 拡張モデル: 約¥1,080/月

### OpenAI API（GPT-4）

- 入力: $0.03/1K tokens
- 出力: $0.06/1K tokens
- 1記事あたり約¥50-100

## 🔧 カスタマイズ

### 出力形式の変更

\`app/api/generate-blog/route.ts\`で出力形式を調整：

\`\`\`typescript
// note.com形式
const noteFormat = \`# \${title}\n\n\${content}\`

// WordPress形式
const wordpressFormat = \`<h1>\${title}</h1>\n\${content.replace(/##/g, '<h2>').replace(/\*\*/g, '<strong>')}\`
\`\`\`

### 文体分析の拡張

\`scripts/analyze_writing_style.py\`で分析項目を追加：

\`\`\`python
def analyze_emotion_expressions(texts):
    """感情表現の分析"""
    emotions = ['嬉しい', '悲しい', '驚いた', '困った']
    # 分析ロジック
\`\`\`

## 📁 プロジェクト構造

\`\`\`
voice-to-blog-system/
├── app/                    # Next.jsアプリケーション
│   ├── api/               # APIルート
│   │   ├── transcribe/    # 音声文字起こし
│   │   └── generate-blog/ # ブログ生成
│   └── page.tsx          # メインページ
├── components/            # UIコンポーネント
├── scripts/              # Python分析スクリプト
├── training_data/        # 学習用記事データ
├── output/              # 生成された記事
└── public/              # 静的ファイル
\`\`\`

## 🚨 制限事項

- 音声ファイルサイズ: 最大100MB
- 1日の使用回数: 10回（設定変更可能）
- 対応音声形式: m4a, mp3, wav
- 音声長: 最大60分

## 🔍 トラブルシューティング

### 文字起こし精度が低い場合

1. 音声品質を確認（ノイズ、音量）
2. 話速を調整
3. Google Cloud Speech-to-Text APIの設定を調整

### 生成記事が短い場合

1. 音声の内容を充実させる
2. \`targetWordCount\`パラメータを調整
3. プロンプトを詳細化

### API制限に達した場合

1. 使用量制限の設定を確認
2. Google Cloud Consoleで課金状況を確認
3. 必要に応じて制限値を調整

## 📞 サポート

問題が発生した場合は、以下を確認してください：

1. 環境変数の設定
2. API認証情報
3. 依存関係のバージョン
4. ログファイル（\`logs/\`フォルダ）

## 📄 ライセンス

MIT License

## 🤝 コントリビューション

プルリクエストやイシューの報告を歓迎します。

---

**注意**: このシステムはGoogle Cloud Speech-to-Text APIとOpenAI APIを使用するため、使用量に応じて料金が発生します。使用前に料金体系を確認してください。
\`\`\`

## 🔄 更新履歴

import { useState } from 'react'
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
import { Label } from '@/components/ui/label'
import { Textarea } from '@/components/ui/textarea'
import { Progress } from '@/components/ui/progress'
import { Alert, AlertDescription } from '@/components/ui/alert'
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
import { Upload, FileAudio, FileText, Settings, BarChart3 } from 'lucide-react'

interface UsageStats {
  dailyUsage: number
  monthlyUsage: number
  dailyLimit: number
  monthlyLimit: number
}

interface GeneratedBlog {
  title: string
  content: string
  wordCount: number
  estimatedReadTime: number
}

export default function VoiceToBlogSystem() {
  const [audioFile, setAudioFile] = useState<File | null>(null)
  const [isProcessing, setIsProcessing] = useState(false)
  const [progress, setProgress] = useState(0)
  const [generatedBlog, setGeneratedBlog] = useState<GeneratedBlog | null>(null)
  const [usageStats, setUsageStats] = useState<UsageStats>({
    dailyUsage: 3,
    monthlyUsage: 15,
    dailyLimit: 10,
    monthlyLimit: 100
  })
  const [trainingData, setTrainingData] = useState('')

const handleFileUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
    const file = event.target.files?.[0]
    if (file && file.type.includes('audio')) {
      setAudioFile(file)
    }
  }

const processAudioToBlog = async () => {
    if (!audioFile) return

setIsProcessing(true)
    setProgress(0)

try {
      // Step 1: Upload audio file
      setProgress(20)
      const formData = new FormData()
      formData.append('audio', audioFile)
      formData.append('trainingData', trainingData)

// Step 2: Transcribe audio
      setProgress(40)
      const transcribeResponse = await fetch('/api/transcribe', {
        method: 'POST',
        body: formData
      })

if (!transcribeResponse.ok) {
        throw new Error('Transcription failed')
      }

const { transcript } = await transcribeResponse.json()
      setProgress(60)

// Step 3: Generate blog post
      const generateResponse = await fetch('/api/generate-blog', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({
          transcript,
          trainingData,
          audioDuration: audioFile.size / 1000000 * 60 // Rough estimate
        })
      })

if (!generateResponse.ok) {
        throw new Error('Blog generation failed')
      }

const blog = await generateResponse.json()
      setGeneratedBlog(blog)
      setProgress(100)

// Update usage stats
      setUsageStats(prev => ({
        ...prev,
        dailyUsage: prev.dailyUsage + 1,
        monthlyUsage: prev.monthlyUsage + 1
      }))

} catch (error) {
      console.error('Error processing audio:', error)
      alert('処理中にエラーが発生しました。')
    } finally {
      setIsProcessing(false)
    }
  }

const copyToClipboard = (text: string) => {
    navigator.clipboard.writeText(text)
    alert('クリップボードにコピーしました！')
  }

const downloadMarkdown = () => {
    if (!generatedBlog) return

const markdown = `# ${generatedBlog.title}\n\n${generatedBlog.content}`
    const blob = new Blob([markdown], { type: 'text/markdown' })
    const url = URL.createObjectURL(blob)
    const a = document.createElement('a')
    a.href = url
    a.download = `${generatedBlog.title.replace(/[^a-zA-Z0-9]/g, '_')}.md`
    a.click()
    URL.revokeObjectURL(url)
  }

return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 p-4">
      <div className="max-w-6xl mx-auto">
        <div className="text-center mb-8">
          <h1 className="text-4xl font-bold text-gray-900 mb-2">Voice-to-Blog システム</h1>
          <p className="text-lg text-gray-600">音声ファイルから自動でブログ記事を生成</p>
        </div>

<Tabs defaultValue="generate" className="space-y-6">
          <TabsList className="grid w-full grid-cols-4">
            <TabsTrigger value="generate" className="flex items-center gap-2">
              <FileAudio className="w-4 h-4" />
              記事生成
            </TabsTrigger>
            <TabsTrigger value="training" className="flex items-center gap-2">
              <FileText className="w-4 h-4" />
              学習データ
            </TabsTrigger>
            <TabsTrigger value="usage" className="flex items-center gap-2">
              <BarChart3 className="w-4 h-4" />
              使用状況
            </TabsTrigger>
            <TabsTrigger value="settings" className="flex items-center gap-2">
              <Settings className="w-4 h-4" />
              設定
            </TabsTrigger>
          </TabsList>

<TabsContent value="generate" className="space-y-6">
            <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
              {/* Upload Section */}
              <Card>
                <CardHeader>
                  <CardTitle className="flex items-center gap-2">
                    <Upload className="w-5 h-5" />
                    音声ファイルアップロード
                  </CardTitle>
                  <CardDescription>
                    m4a, mp3, wav形式の音声ファイルをアップロードしてください
                  </CardDescription>
                </CardHeader>
                <CardContent className="space-y-4">
                  <div className="border-2 border-dashed border-gray-300 rounded-lg p-6 text-center">
                    <Input
                      type="file"
                      accept="audio/*"
                      onChange={handleFileUpload}
                      className="hidden"
                      id="audio-upload"
                    />
                    <Label htmlFor="audio-upload" className="cursor-pointer">
                      <div className="space-y-2">
                        <FileAudio className="w-12 h-12 mx-auto text-gray-400" />
                        <p className="text-sm text-gray-600">
                          クリックして音声ファイルを選択
                        </p>
                      </div>
                    </Label>
                  </div>

{audioFile && (
                    <div className="bg-green-50 p-3 rounded-lg">
                      <p className="text-sm text-green-800">
                        選択されたファイル: {audioFile.name}
                      </p>
                      <p className="text-xs text-green-600">
                        サイズ: {(audioFile.size / 1024 / 1024).toFixed(2)} MB
                      </p>
                    </div>
                  )}

<Button
                    onClick={processAudioToBlog}
                    disabled={!audioFile || isProcessing || usageStats.dailyUsage >= usageStats.dailyLimit}
                    className="w-full"
                  >
                    {isProcessing ? '処理中...' : 'ブログ記事を生成'}
                  </Button>

{isProcessing && (
                    <div className="space-y-2">
                      <Progress value={progress} className="w-full" />
                      <p className="text-sm text-gray-600 text-center">
                        {progress < 40 ? '音声を文字起こし中...' :
                         progress < 80 ? 'ブログ記事を生成中...' : '完了間近...'}
                      </p>
                    </div>
                  )}
                </CardContent>
              </Card>

{/* Usage Alert */}
              <Card>
                <CardHeader>
                  <CardTitle>使用状況</CardTitle>
                </CardHeader>
                <CardContent>
                  <div className="space-y-4">
                    <div>
                      <div className="flex justify-between text-sm mb-1">
                        <span>今日の使用回数</span>
                        <span>{usageStats.dailyUsage}/{usageStats.dailyLimit}</span>
                      </div>
                      <Progress value={(usageStats.dailyUsage / usageStats.dailyLimit) * 100} />
                    </div>
                    
                    <div>
                      <div className="flex justify-between text-sm mb-1">
                        <span>今月の使用回数</span>
                        <span>{usageStats.monthlyUsage}/{usageStats.monthlyLimit}</span>
                      </div>
                      <Progress value={(usageStats.monthlyUsage / usageStats.monthlyLimit) * 100} />
                    </div>

{usageStats.dailyUsage >= usageStats.dailyLimit && (
                      <Alert>
                        <AlertDescription>
                          本日の使用制限に達しました。明日再度お試しください。
                        </AlertDescription>
                      </Alert>
                    )}
                  </div>
                </CardContent>
              </Card>
            </div>

{/* Generated Blog Preview */}
            {generatedBlog && (
              <Card>
                <CardHeader>
                  <CardTitle>生成されたブログ記事</CardTitle>
                  <CardDescription>
                    文字数: {generatedBlog.wordCount}文字 | 推定読了時間: {generatedBlog.estimatedReadTime}分
                  </CardDescription>
                </CardHeader>
                <CardContent className="space-y-4">
                  <div className="bg-gray-50 p-4 rounded-lg max-h-96 overflow-y-auto">
                    <h2 className="text-xl font-bold mb-4">{generatedBlog.title}</h2>
                    <div className="whitespace-pre-wrap text-sm">
                      {generatedBlog.content}
                    </div>
                  </div>
                  
                  <div className="flex gap-2">
                    <Button onClick={() => copyToClipboard(`# ${generatedBlog.title}\n\n${generatedBlog.content}`)}>
                      Markdownをコピー
                    </Button>
                    <Button variant="outline" onClick={downloadMarkdown}>
                      ダウンロード
                    </Button>
                  </div>
                </CardContent>
              </Card>
            )}
          </TabsContent>

<TabsContent value="training">
            <Card>
              <CardHeader>
                <CardTitle>学習データ管理</CardTitle>
                <CardDescription>
                  過去のブログ記事を入力して、文体を学習させてください
                </CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-4">
                  <Label htmlFor="training-data">過去のブログ記事（複数記事をまとめて入力可能）</Label>
                  <Textarea
                    id="training-data"
                    placeholder="過去のブログ記事をここに貼り付けてください..."
                    value={trainingData}
                    onChange={(e) => setTrainingData(e.target.value)}
                    className="min-h-[300px]"
                  />
                  <p className="text-sm text-gray-600">
                    文字数: {trainingData.length}文字
                  </p>
                </div>
              </CardContent>
            </Card>
          </TabsContent>