3b:o1,~3b:o7d5,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/29-0e2l_ftoy4.js" 4:I[881283,["$3"],"default"] 5:I[532156,["$3"],"default"] 38:"ViewportBoundary" 39:I[447370,["$3"],"$38"] 3b:"MetadataBoundary" 3c:I[447370,["$3"],"$3b"] 3d:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/36tuvukktzqv8.css","style"] :HL["/chat-static/_next/static/immutable/chunks/0u7pm0wafed3f.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1beba52kcb_f3.css","style"] 1:X 6:X 17:X 1a:X 21:X 1f:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L20","p":false,"v":"$21"}}]] 1d:[["children",{"s":{"n":"id","t":"d","k":"search-app-layout-DpCD8e8baQy","s":null},"h":98,"d":{"r":"$L1e","p":false,"v":"$6"},"c":"$Q1f"}]] 2b:X 29:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L2a","p":false,"v":"$2b"}}]] 27:[["children",{"s":{"n":"id","t":"d","k":"search-app-layout-DpCD8e8baQy","s":null},"h":38,"d":{"r":"$L28","p":false,"v":"$6"},"c":"$Q29"}]] 25:[["children",{"s":"chat","h":106,"d":{"r":"$L26","p":false,"v":"$6"},"c":"$Q27"}]] 23:[["children",{"s":"(chat)","h":106,"d":{"r":"$L24","p":false,"v":"$6"},"c":"$Q25"}]] 35:X 33:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L34","p":false,"v":"$35"}}]] 31:[["children",{"s":{"n":"id","t":"d","k":"search-app-layout-DpCD8e8baQy","s":null},"h":102,"d":{"r":"$L32","p":false,"v":"$6"},"c":"$Q33"}]] 2f:[["children",{"s":"chat","h":106,"d":{"r":"$L30","p":false,"v":"$6"},"c":"$Q31"}]] 2d:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2e","p":false,"v":"$6"},"c":"$Q2f"}]] 37:X 1b:[["children",{"s":"chat","h":98,"d":{"r":"$L1c","p":false,"v":"$6"},"c":"$Q1d"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L22","p":false,"v":"$6"},"c":"$Q23"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2c","p":false,"v":"$6"},"c":"$Q2d"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L36","p":false,"v":"$37"}}]] 18:[["children",{"s":{"n":"scope","t":"d","k":"piers109uks-projects","s":null},"h":74,"d":{"r":"$L19","p":false,"v":"$1a"},"c":"$Q1b"}]] 3b:oc0f,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/36tuvukktzqv8.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0u7pm0wafed3f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1beba52kcb_f3.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0ze4k9r9ze-6-.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0uu771obgs4zk.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/1cg0x4xl4rzt8.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/0oa-ez0obqf3e.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2n8arzg6hgeis.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/3_hyua04me36e.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2u8moz0agv-0t.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/14uebsvgphqea.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/3t_uywabvafjl.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/2te8xbyesbk_o.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2z1998ua8w1bs.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/41b64aopsuebt.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/0tdh6xa77idk3.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1psn7s_7uurym.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/0vmyo3fy-j3l0.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/08gybubbnbbf6.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/00f1nc9tld7kn.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/168pmv8iqbp6l.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15"],"$L16"]}],"p":false,"v":"$17"},"c":"$Q18"}]] 3b:o1db,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-cgas","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"}]] 3f:X 40:X 3b:o712,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,["$","$L39","xzsY27xxqoJZfEyG5kMN9v",{"children":"$L3a"}],["$","$L3c","xzsY27xxqoJZfEyG5kMN9m",{"children":[["$","div",null,{"hidden":true,"children":["$","$3d",null,{"name":"Next.Metadata","children":"$L3e"}]}],null]}]]}],"p":false,"v":"$3f"}},"s":"$40","a":"$@41"} 3b:o1000,43:I[447370,["$3"],"OutletBoundary"] 45:"LoadingBoundaryProvider" 46:I[881283,["$3"],"$45"] 4e:"/chat-static/_next/static/immutable/chunks/0ze4k9r9ze-6-.js" 4f:"/chat-static/_next/static/immutable/chunks/0uu771obgs4zk.js" 50:"/chat-static/_next/static/immutable/chunks/1cg0x4xl4rzt8.js" 51:"/chat-static/_next/static/immutable/chunks/0oa-ez0obqf3e.js" 52:"/chat-static/_next/static/immutable/chunks/2n8arzg6hgeis.js" 53:"/chat-static/_next/static/immutable/chunks/3_hyua04me36e.js" 54:"/chat-static/_next/static/immutable/chunks/2u8moz0agv-0t.js" 55:"/chat-static/_next/static/immutable/chunks/14uebsvgphqea.js" 56:"/chat-static/_next/static/immutable/chunks/3t_uywabvafjl.js" 57:"/chat-static/_next/static/immutable/chunks/2te8xbyesbk_o.js" 58:"/chat-static/_next/static/immutable/chunks/2z1998ua8w1bs.js" 59:"/chat-static/_next/static/immutable/chunks/41b64aopsuebt.js" 5a:"/chat-static/_next/static/immutable/chunks/0tdh6xa77idk3.js" 5b:"/chat-static/_next/static/immutable/chunks/1psn7s_7uurym.js" 5c:"/chat-static/_next/static/immutable/chunks/0vmyo3fy-j3l0.js" 5d:"/chat-static/_next/static/immutable/chunks/08gybubbnbbf6.js" 5e:"/chat-static/_next/static/immutable/chunks/00f1nc9tld7kn.js" 5f:"/chat-static/_next/static/immutable/chunks/168pmv8iqbp6l.js" 60:"/chat-static/_next/static/immutable/chunks/1g7tzp8gxzp7y.js" 61:"/chat-static/_next/static/immutable/chunks/27joi8ke6zwb1.js" 62:"/chat-static/_next/static/immutable/chunks/2hl1rox1fjj2y.js" 63:"/chat-static/_next/static/immutable/chunks/0j-hyfhabu165.js" 64:"/chat-static/_next/static/immutable/chunks/3is4ok_hcvg16.js" 65:"/chat-static/_next/static/immutable/chunks/0krl8yknkqdlo.js" 66:"/chat-static/_next/static/immutable/chunks/2oly665qgi93b.js" 67:"/chat-static/_next/static/immutable/chunks/1yxwx_6_9heeh.js" 68:"/chat-static/_next/static/immutable/chunks/2-woveuok2_bu.js" 69:"/chat-static/_next/static/immutable/chunks/0llgtvncjkb-a.js" 6a:"/chat-static/_next/static/immutable/chunks/0wrh-9frjlhtu.js" 6b:"/chat-static/_next/static/immutable/chunks/2q7_a8_y-twta.js" 6c:"/chat-static/_next/static/immutable/chunks/37f1lrgrv6gyl.js" 6d:"/chat-static/_next/static/immutable/chunks/26mnw8rsnqbdb.js" 6e:"/chat-static/_next/static/immutable/chunks/1c6xvoevt94ht.js" 6f:"/chat-static/_next/static/immutable/chunks/41yt2_bmqnc4_.js" 70:"/chat-static/_next/static/immutable/chunks/2n2nyh1ck0x3o.js" 71:"/chat-static/_next/static/immutable/chunks/05fqe2zkhyw3a.js" 72:"/chat-static/_next/static/immutable/chunks/0as2uwo5jwv2m.js" 73:"/chat-static/_next/static/immutable/chunks/443ylfyntl5vj.js" 74:"/chat-static/_next/static/immutable/chunks/2ic72fp0ns8zf.js" 75:"/chat-static/_next/static/immutable/chunks/1bjg-ccc4_3l2.js" 76:"/chat-static/_next/static/immutable/chunks/22ale4_iy2s7v.js" 77:"/chat-static/_next/static/immutable/chunks/2x7kqdybwdzno.js" 78:"/chat-static/_next/static/immutable/chunks/3-8vweuf4sxq0.js" 79:"/chat-static/_next/static/immutable/chunks/1czy7n6v1122h.js" 7a:"/chat-static/_next/static/immutable/chunks/35k_8ap28c09w.js" 7b:"/chat-static/_next/static/immutable/chunks/2m9ejtqms807e.js" 7c:"/chat-static/_next/static/immutable/chunks/3ajgfj53_ida7.js" 7d:"/chat-static/_next/static/immutable/chunks/2e0w10d35o8f_.js" 7e:"/chat-static/_next/static/immutable/chunks/3uef_bg058-3q.js" 7f:"/chat-static/_next/static/immutable/chunks/02r313unssv7e.js" 80:"/chat-static/_next/static/immutable/chunks/3jxvbwrnk8xsk.js" 81:"/chat-static/_next/static/immutable/chunks/0iyhd3mpziyvn.js" 82:"/chat-static/_next/static/immutable/chunks/3hn7e2tligl8m.js" 83:"/chat-static/_next/static/immutable/chunks/01eb1-4s89o_8.js" 84:"/chat-static/_next/static/immutable/chunks/2d664_dg1mx0e.js" 85:"/chat-static/_next/static/immutable/chunks/2vn8hfiq34xb3.js" 86:"/chat-static/_next/static/immutable/chunks/3iqyjvwi2y--z.js" 87:"/chat-static/_next/static/immutable/chunks/3wnxnrjxigvq0.js" 88:"/chat-static/_next/static/immutable/chunks/0mhexttefuo77.js" 89:"/chat-static/_next/static/immutable/chunks/1ro8sfstjfb1l.js" 8a:"/chat-static/_next/static/immutable/chunks/1xtqz7d9xg9x-.js" 8b:"/chat-static/_next/static/immutable3b:oef0,/chunks/3gsnlg_gzeqe6.js" 8c:"/chat-static/_next/static/immutable/chunks/2f4aapzwsb4ad.js" 8d:"/chat-static/_next/static/immutable/chunks/03moul6mf2vff.js" 8e:"/chat-static/_next/static/immutable/chunks/09g_lg6yi9zr2.js" 8f:"/chat-static/_next/static/immutable/chunks/2dw59mmq3t_n2.js" 90:"/chat-static/_next/static/immutable/chunks/02ntc4v7f_48l.js" 91:"/chat-static/_next/static/immutable/chunks/1kyasb38j1xlg.js" 92:I[822201,["$4e","$4f","$50","$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","$80","$81","$82","$83","$84","$85","$86","$87","$88","$89","$8a","$8b","$8c","$8d","$8e","$8f","$90","$91"],"default"] 93:"/chat-static/_next/static/immutable/chunks/1hd9wf00iq189.js" 94:"/chat-static/_next/static/immutable/chunks/2qiagsvqu48g4.js" 95:"/chat-static/_next/static/immutable/chunks/2r91a8mq-d7x6.js" 96:"/chat-static/_next/static/immutable/chunks/2poobxo-13ssl.js" 97:"/chat-static/_next/static/immutable/chunks/3xo8k1x_jeuou.js" 98:"/chat-static/_next/static/immutable/chunks/1qm1q21q1b8jt.js" 99:"/chat-static/_next/static/immutable/chunks/3rd6bt0u18dlr.js" 9a:"/chat-static/_next/static/immutable/chunks/31lyqxliq_nwu.js" 9b:"/chat-static/_next/static/immutable/chunks/0afzraja_oi8s.js" 9c:"FullChatHeaderSkeleton" 9d:I[785935,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$9c"] :HL["/chat-static/_next/static/immutable/chunks/1bd6oof2e97gy.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1mojv1zl7cih1.css","style"] 6:C 9:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/1g7tzp8gxzp7y.js","async":true,"nonce":"$undefined"}] a:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/27joi8ke6zwb1.js","async":true,"nonce":"$undefined"}] b:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/2hl1rox1fjj2y.js","async":true,"nonce":"$undefined"}] c:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/0j-hyfhabu165.js","async":true,"nonce":"$undefined"}] d:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/3is4ok_hcvg16.js","async":true,"nonce":"$undefined"}] e:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/0krl8yknkqdlo.js","async":true,"nonce":"$undefined"}] f:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/2oly665qgi93b.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/1yxwx_6_9heeh.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/2-woveuok2_bu.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/0llgtvncjkb-a.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/0wrh-9frjlhtu.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/2q7_a8_y-twta.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-30",{"src":"/chat-static/_next/static/immutable/chunks/37f1lrgrv6gyl.js","async":true,"nonce":"$undefined"}] 3b:o9d9,19:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/26mnw8rsnqbdb.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1c6xvoevt94ht.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/41yt2_bmqnc4_.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2n2nyh1ck0x3o.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/05fqe2zkhyw3a.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0as2uwo5jwv2m.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/443ylfyntl5vj.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/2ic72fp0ns8zf.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1bjg-ccc4_3l2.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/22ale4_iy2s7v.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2x7kqdybwdzno.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/3-8vweuf4sxq0.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1czy7n6v1122h.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/35k_8ap28c09w.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/2m9ejtqms807e.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/3ajgfj53_ida7.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/2e0w10d35o8f_.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3uef_bg058-3q.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/02r313unssv7e.js","async":true,"nonce":"$undefined"}]],"$L42"]}] 3b:o29a,1c:["$","$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"}]]}] 1e:["$","$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"}]]}] 3b:oc9e,20:["$","$2","c",{"children":[null,[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1bd6oof2e97gy.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1mojv1zl7cih1.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/1ll3_bcmqsql6.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2qiagsvqu48g4.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2vn8hfiq34xb3.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/01eb1-4s89o_8.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2r91a8mq-d7x6.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/3hn7e2tligl8m.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3iqyjvwi2y--z.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3rd6bt0u18dlr.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2poobxo-13ssl.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/2d664_dg1mx0e.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1ro8sfstjfb1l.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/31lyqxliq_nwu.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1xtqz7d9xg9x-.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1kyasb38j1xlg.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/09g_lg6yi9zr2.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/2dw59mmq3t_n2.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/03moul6mf2vff.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3xo8k1x_jeuou.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/02ntc4v7f_48l.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/1qm1q21q1b8jt.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/0afzraja_oi8s.js","async":true,"nonce":"$undefined"}]],["$","$L43",null,{"children":["$","$3d",null,{"name":"Next.MetadataOutlet","children":"$@44"}]}]]}] 3b:o3e7,22:["$","$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"}]]}] 24:["$","$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"}]]}] 26:["$","$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"}]]}] 3b:o10d2,28:["$","$L46",null,{"loading":[["$","$2","l",{"children":[["$","div",null,{"data-chat-skeleton-layout":true,"className":"flex-1 w-full flex","children":[["$","div",null,{"data-input":true,"aria-hidden":"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-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","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":["$","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-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","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":["$","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":[["$","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"}]}],["$","div",null,{"className":"flex-1 min-w-0","children":"$L47"}],"$L48","$L49"]}]}]]}]}],"$L4a"]}],"$L4b"]}],[],null],"children":"$L4c"}] 3b:oc44,2a:["$","$2","c",{"children":["$L4d",[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1bd6oof2e97gy.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1mojv1zl7cih1.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/1ll3_bcmqsql6.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2qiagsvqu48g4.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2vn8hfiq34xb3.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/01eb1-4s89o_8.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2r91a8mq-d7x6.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/3hn7e2tligl8m.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3iqyjvwi2y--z.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3rd6bt0u18dlr.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2poobxo-13ssl.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/2d664_dg1mx0e.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1ro8sfstjfb1l.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/31lyqxliq_nwu.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1xtqz7d9xg9x-.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1kyasb38j1xlg.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/09g_lg6yi9zr2.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/2dw59mmq3t_n2.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/03moul6mf2vff.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3xo8k1x_jeuou.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/02ntc4v7f_48l.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/1qm1q21q1b8jt.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/0afzraja_oi8s.js","async":true,"nonce":"$undefined"}]],null]}] 3b:o3e7,2c:["$","$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"}]]}] 2e:["$","$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"}]]}] 30:["$","$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"}]]}] 3b:oc1c,32:["$","$L46",null,{"loading":[["$","$L92","l",{}],[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1bd6oof2e97gy.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1mojv1zl7cih1.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3jxvbwrnk8xsk.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0iyhd3mpziyvn.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3hn7e2tligl8m.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/01eb1-4s89o_8.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2d664_dg1mx0e.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2vn8hfiq34xb3.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3iqyjvwi2y--z.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3wnxnrjxigvq0.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0mhexttefuo77.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1ro8sfstjfb1l.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1xtqz7d9xg9x-.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/3gsnlg_gzeqe6.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/2f4aapzwsb4ad.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/03moul6mf2vff.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/09g_lg6yi9zr2.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/2dw59mmq3t_n2.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/02ntc4v7f_48l.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/1kyasb38j1xlg.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"}]]}]}] 3b:oe8e,34:["$","$2","c",{"children":[["$","$3d",null,{"fallback":["$","$L9d",null,{}],"children":"$L9e"}],[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1bd6oof2e97gy.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1mojv1zl7cih1.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/1hd9wf00iq189.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2qiagsvqu48g4.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0iyhd3mpziyvn.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2vn8hfiq34xb3.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2r91a8mq-d7x6.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0mhexttefuo77.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/03moul6mf2vff.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/09g_lg6yi9zr2.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/3iqyjvwi2y--z.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/2poobxo-13ssl.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/01eb1-4s89o_8.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2d664_dg1mx0e.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1xtqz7d9xg9x-.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/3xo8k1x_jeuou.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/3gsnlg_gzeqe6.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/1kyasb38j1xlg.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/1qm1q21q1b8jt.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/2f4aapzwsb4ad.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/3rd6bt0u18dlr.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/31lyqxliq_nwu.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/2dw59mmq3t_n2.js","async":true,"nonce":"$undefined"}],["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/02ntc4v7f_48l.js","async":true,"nonce":"$undefined"}],["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/3hn7e2tligl8m.js","async":true,"nonce":"$undefined"}],["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/1ro8sfstjfb1l.js","async":true,"nonce":"$undefined"}],["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/0afzraja_oi8s.js","async":true,"nonce":"$undefined"}]],null]}] 3b:o32,36:["$","$2","c",{"children":["$L9f",null,null]}] 3b:oa98,a1:I[987761,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"AppCard"] a2:"FULL_BLEED_APP_CARD_CLASSNAME" a3:I[987761,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$a2"] a4:"/chat-static/_next/static/immutable/chunks/084gyujs7avth.js" a5:"SidebarCollapseButton" a6:I[663042,["$4e","$4f","$50","$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","$a4"],"$a5"] a7:I[192842,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"ChatWarning"] a8:I[903785,["$4e","$4f","$50","$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","$a4"],"NewChatButton"] 40:300 47:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-4 w-24 rounded"}] 48:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-6 w-16 rounded-md"}] 49:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-7 rounded-full"}] 4a:["$","div",null,{"data-output":true,"className":"flex items-center justify-center bg-v0-background-200","children":["$","span",null,{"role":"status","aria-live":"polite","className":"sr-only","children":"Loading chat…"}]}] a0:T1963,3b:o1963,3b:o35d,4b:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$a0"}}] 4c:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3d",null,{"fallback":["$","$La1",null,{"className":"$a3","children":[["$","$La6",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"}],["$","$La7",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$La8",null,{}]}]]}],"children":"$La9"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3b:o17,17:T8,variantsaa:T18d5,3b:o18d5,(({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);!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 g=new c,h=new d(a);(async function(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)}})(g,h,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let i=new URL(c instanceof Request?c.url:c,location.href),j=i.origin===location.origin,k=a.find(a=>f({path:i.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 g.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",i.pathname),o.set("x-method",l);let p={...d,headers:o};return h.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await h.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"}] });3b:o158,16:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$aa"}}],"$Lab","$Lac","$Lad","$Lae"]}],"$Laf"]}] 3b:o1000,b0:"GeistThemeScript" b1:I[216694,["$4e","$4f","$50","$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"],"$b0"] b2:I[600033,["$4e","$4f","$50","$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"],"AppStoreMetaTag"] b3:I[216694,["$4e","$4f","$50","$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"],"GeistProvider"] b4:I[818362,["$4e","$4f","$50","$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"],"LocaleProvider"] b5:I[841245,["$4e","$4f","$50","$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"],"MotionConfig"] b6:"AtomicContextSWRProvider" b7:I[850359,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$b6"] b8:"GlobalPromiseContextProvider" b9:I[850359,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$b8"] bc:I[827887,["$4e","$4f","$50","$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"],"JotaiProvider"] bd:"ServerQuerySWRRuntimeProvider" be:I[74757,["$4e","$4f","$50","$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"],"$bd"] c0:I[815349,["$4e","$4f","$50","$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"],"CleanupStorage"] c1:I[14329,["$4e","$4f","$50","$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"],"Analytics"] c2:I[815108,["$4e","$4f","$50","$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"],"SpeedInsights"] c4:I[108762,["$4e","$4f","$50","$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"],"TrackInfo"] c5:I[578386,["$4e","$4f","$50","$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"],"PageViewTracker"] c6:I[356301,["$4e","$4f","$50","$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"],"AutoCapture"] ab:["$","$Lb1",null,{"storageKey":"theme"}] ac:["$","$3d",null,{"children":["$","$Lb2",null,{}]}] ad:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] ae:["$","script",null,{"type":"application/ld+json","dangerouslySetInner3b:o317,HTML":{"__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\"}}]"}}] 3b:o8f0,af:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased vb86Jq_variable kGLt-a_variable hGs1mq_variable","children":[["$","$Lb3",null,{"storageKey":"theme","withScript":false,"children":["$","$Lb4",null,{"locale":"en","children":["$","$Lb5",null,{"reducedMotion":"user","children":["$","$Lb7",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"}},"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":["$","$Lb9",null,{"params":null,"promises":{"dailyModelUsage":"$@ba","freeFixWithV0Usage":"$@bb"},"children":[["$","$Lbc",null,{"children":["$","$Lbe",null,{"children":"$Lbf"}]}],["$","$Lc0",null,{}]]}]}]}]}]}],["$","$Lc1",null,{}],["$","$Lc2",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3d",null,{"children":"$Lc3"}],["$","$Lc4",null,{}],["$","$Lc5",null,{}],["$","$Lc6",null,{}]]}] 3b:o90,3a:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 3b:oe,3f:T8,variants3b:o1000,c7:"HydrateDurableAtoms" c8:I[783749,["$4e","$4f","$50","$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"],"$c7"] c9:I[359783,["$4e","$4f","$50","$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"],"DataProvider"] ca:I[32170,["$4e","$4f","$50","$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"],"UserProvider"] cc:"AnimatedIconProvider" cd:I[908887,["$4e","$4f","$50","$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"],"$cc"] ce:I[30570,["$4e","$4f","$50","$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"],"PortalProvider"] cf:"SnowflakePublishProvider" d0:I[966820,["$4e","$4f","$50","$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"],"$cf"] d1:"UserInputProvider" d2:I[472914,["$4e","$4f","$50","$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"],"$d1"] d3:I[69221,["$4e","$4f","$50","$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"],"CmdkProvider"] d4:"VirtualMachineUIStateProvider" d5:I[319228,["$4e","$4f","$50","$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"],"$d4"] d6:"DeployedPreviewIframeRefProvider" d7:I[166890,["$4e","$4f","$50","$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"],"$d6"] d8:"PreviewSourceUIStateProvider" d9:I[197843,["$4e","$4f","$50","$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"],"$d8"] da:I[367078,["$4e","$4f","$50","$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"],"LoaderProvider"] db:"PromptFormUIProvider" dc:I[595358,["$4e","$4f","$50","$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"],"$db"] dd:I[242759,["$4e","$4f","$50","$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"],"FlagsProvider"] df:I[200621,["$4e","$4f","$50","$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"],"NuqsAdapter"] e0:"ChatTabsProvider" e1:I[568561,["$4e","$4f","$50","$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"],"$e0"] e2:"PersonalScopeMigrationAnnouncementProvider" e3:I[206559,["$4e","$4f","$50","$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"],"$e2"] e5:"AnnouncementVisibilityProvider" e6:I[878519,["$4e","$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","3b:o53b,$68","$69","$6a","$6b","$6c"],"$e5"] e9:I[561588,["$4e","$4f","$50","$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"],"Toaster"] ea:I[407562,["$4e","$4f","$50","$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"],"Toaster"] eb:"SuspendingDialogs" ec:I[840793,["$4e","$4f","$50","$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"],"$eb"] ed:I[323194,["$4e","$4f","$50","$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"],"SignInDialog"] ee:I[279070,["$4e","$4f","$50","$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"],"ConsentBanner"] ef:I[15279,["$4e","$4f","$50","$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"],"SessionManager"] 3b:o8ef,bf:["$","$Lc8",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"sidebarGroupOrder":[],"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"manualModelSelectionAnchorKey":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":["$","$Lc9",null,{"children":["$","$Lca",null,{"expectUser":false,"userPromise":"$@cb","children":["$","$Lcd",null,{"children":["$","$Lce",null,{"children":["$","$Ld0",null,{"children":["$","$Ld2",null,{"children":["$","$Ld3",null,{"children":["$","$Ld5",null,{"children":["$","$Ld7",null,{"children":["$","$Ld9",null,{"children":["$","$Lda",null,{"children":["$","$Ldc",null,{"children":["$","$Ldd",null,{"promise":"$@de","middlewareFlags":["cgas"],"children":["$","$Ldf",null,{"children":["$","$Le1",null,{"children":["$","$Le3",null,{"destinationTeamIdPromise":"$@e4","children":["$","$Le6",null,{"visiblePromise":"$@e7","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":[["$","$3d",null,{"fallback":null,"children":"$Le8"}],["$","$Le9",null,{}],["$","$Lea",null,{}],["$","$3d",null,{"fallback":null,"children":["$","$Lec",null,{}]}],["$","$Led",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Lee",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 3b:o12c,a9:["$","$La1",null,{"className":"$a3","children":["$4c:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$La7",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] c3:["$","$Lef",null,{"enabled":false}] 3b:o20,cb:"$undefined" e7:true e8:null 3b:o77,3f:0 37:0 21:0 35:0 2b:0 40:60 37:T8,variants35:T8,variants1a:T8,variants3f:T2,id35:T5,scope2b:T2,id1a:T5,scope35:T2,id3b:o1000,f0:"RouteChatIdProvider" f1:I[903690,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$f0"] f2:"CompletionAttentionProvider" f3:I[607506,["$4e","$4f","$50","$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"],"$f2"] f4:"SidebarUIProvider" f5:I[475961,["$4e","$4f","$50","$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"],"$f4"] f8:"HeaderSlotClientRouter" f9:I[597544,["$4e","$4f","$50","$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"],"$f8"] fa:"/chat-static/_next/static/immutable/chunks/2_ozw2u5th039.js" fb:I[32459,["$4e","$4f","$50","$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","$fa"],"default"] fc:I[990009,["$4e","$4f","$50","$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"],"Header"] fd:"RevalidateChatIdSkeletonStyles" fe:I[564011,["$4e","$4f","$50","$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"],"$fd"] ff:I[980088,["$4e","$4f","$50","$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"],"DynamicCMDK"] 100:"PromptQueueSnapshotProvider" 101:I[475641,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$100"] 104:"GitDeploymentStatusCache" 105:I[92452,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$104"] 107:"ChatPromiseContextProvider" 108:I[850359,["$4e","$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","3b:o37b,$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$107"] 10f:I[785935,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"FullChatHeader"] 110:I[310960,["$3"],"IconMark"] 9f:null 3b:o77d,42:["$","$Lf1",null,{"children":["$","$Lf3",null,{"children":["$","$Lf5",null,{"children":[["$","$3d",null,{"fallback":null,"children":"$@f6"}],["$","$3d",null,{"children":"$Lf7"}],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":[["$","$Lf9",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$fb","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2_ozw2u5th039.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Lfc",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$fb","errorStyles":"$42:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$42: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":"$fb","errorStyles":"$42:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$42: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,["$","$3d",null,{"children":["$","$Lfe",null,{}]}],["$","$Lff",null,{}]]}]}]}] 3b:o1aa,4d:["$","$L101",null,{"initial":{"chatId":"DpCD8e8baQy","snapshot":"$@102"},"children":"$L103"}] 9e:["$","$L105",null,{"chatId":"DpCD8e8baQy","status":"$@106","children":["$","$L108",null,{"params":{"chatId":"DpCD8e8baQy"},"promises":{"attributes":"$@109","externalMeta":"$@10a","latest":"$@10b","messagesRange":"$@10c","messages":"$@10d","template":"$@10e"},"children":["$","$L10f",null,{"chatId":"DpCD8e8baQy"}]}]}] e4:null 3b:o727,3e:[["$","title","0",{"children":"Search app layout - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"I want to make a search app where the user can search for laws and see them displayed. On the left third of the app, the search box should be at the top..."}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","link","3",{"rel":"canonical","href":"https://v0.app/chat/search-app-layout-DpCD8e8baQy"}],["$","meta","4",{"property":"og:title","content":"Search app layout - v0 by Vercel"}],["$","meta","5",{"property":"og:description","content":"I want to make a search app where the user can search for laws and see them displayed. On the left third of the app, the search box should be at the top..."}],["$","meta","6",{"property":"og:image","content":"https://v0.app/chat/api/og/DpCD8e8baQy"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Search app layout - v0 by Vercel"}],["$","meta","9",{"name":"twitter:description","content":"I want to make a search app where the user can search for laws and see them displayed. On the left third of the app, the search box should be at the top..."}],["$","meta","10",{"name":"twitter:image","content":"https://v0.app/chat/api/og/DpCD8e8baQy"}],["$","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"}],["$","$L110","15",{}]] 3b:o42,44:null 106:E{"digest":"2153592939"} 109:E{"digest":"2153592939"} 3b:oba3,111:I[144680,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"S"] 119:"ExplicitChatIdProvider" 11a:I[903690,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$119"] 11b:I[838238,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"SWRDataProvider"] 2b:T8,variants2b:T5,scope10a:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} 10b:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10c:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10d:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10e:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} f6:null 102:null 11d:[] 11e:[["b_zjfhLHYEDDk",null],["b_rtSW0eCfrDK",null],["b_UD0dvq5CV20",null]] 11f:[["b_zjfhLHYEDDk",{"templateVersionId":null,"templateCanonId":null}],["b_rtSW0eCfrDK",{"templateVersionId":null,"templateCanonId":null}],["b_UD0dvq5CV20",{"templateVersionId":null,"templateCanonId":null}]] 120:[["b_a78E2ov2amR","$D2024-11-20T16:25:01.954Z"],["b_BsMiIGeJlCa","$D2024-11-20T16:41:36.650Z"],["b_mZVm8piyla6","$D2024-11-20T16:52:37.624Z"],["b_Ecf9nBEysEE","$D2024-11-20T17:06:42.512Z"],["b_fG0kw77ugP8","$D2024-11-21T13:45:13.882Z"],["b_zjfhLHYEDDk","$D2024-11-22T13:30:30.554Z"],["b_rtSW0eCfrDK","$D2024-11-23T00:02:01.459Z"],["b_UD0dvq5CV20","$D2024-12-03T14:46:13.489Z"]] 121:[["b_zjfhLHYEDDk",false],["b_rtSW0eCfrDK",false],["b_UD0dvq5CV20",false]] 122:[["b_zjfhLHYEDDk","$undefined"],["b_rtSW0eCfrDK","$undefined"],["b_UD0dvq5CV20","$undefined"]] 123:[["b_zjfhLHYEDDk",null],["b_rtSW0eCfrDK",null],["b_UD0dvq5CV20",null]] 124:[["b_zjfhLHYEDDk",true],["b_rtSW0eCfrDK",true],["b_UD0dvq5CV20",true]] 125:[["b_zjfhLHYEDDk",true],["b_rtSW0eCfrDK",true],["b_UD0dvq5CV20",true]] 126:[] 127:T27c9,3b:o27c9,'use client' import { useState } from 'react' import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" import { ScrollArea } from "@/components/ui/scroll-area" import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card" import { Textarea } from "@/components/ui/textarea" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet" import { ExternalLink, Menu } from 'lucide-react' import jsonLogic from 'json-logic-js' interface IJsonLogicInterpretation { rule: object examples: object[] variables: string[] } interface IStatuteData extends Partial { id: string url: string title: string | null text: string | null } // Mock data for laws const mockLaws: IStatuteData[] = [ { id: "1", url: "https://example.com/law1", title: "Age Restriction for Voting", text: "A person must be at least 18 years old to vote in national elections.", rule: { ">=": [{ var: "age" }, 18] }, examples: [{ age: 20 }, { age: 17 }, { age: 18 }], variables: ["age"] }, { id: "2", url: "https://example.com/law2", title: "Income Tax Bracket", text: "Individuals earning more than $50,000 annually are subject to a higher tax rate.", rule: { ">": [{ var: "income" }, 50000] }, examples: [{ income: 45000 }, { income: 55000 }, { income: 50000 }], variables: ["income"] }, // Add more mock laws as needed ] // Mock showcase laws (you can replace these with your selected laws) const showcaseLaws = mockLaws.slice(0, 2) // Mock search function const searchLaws = (query: string) => { return mockLaws.filter(law => law.title?.toLowerCase().includes(query.toLowerCase()) || law.text?.toLowerCase().includes(query.toLowerCase()) ) } export default function JsonLawgicApp() { const [searchTerm, setSearchTerm] = useState('') const [searchResults, setSearchResults] = useState(mockLaws) const [selectedLaw, setSelectedLaw] = useState(null) const [ruleInput, setRuleInput] = useState('') const [examplesInput, setExamplesInput] = useState('') const [evaluationResults, setEvaluationResults] = useState(null) const [isMenuOpen, setIsMenuOpen] = useState(false) const handleSearch = () => { const results = searchLaws(searchTerm) setSearchResults(results) } const handleSelectLaw = (law: IStatuteData) => { setSelectedLaw(law) setRuleInput(JSON.stringify(law.rule, null, 2)) setExamplesInput(JSON.stringify(law.examples, null, 2)) setEvaluationResults(null) setIsMenuOpen(false) } const handleApplyLogic = () => { try { const rule = JSON.parse(ruleInput) const examples = JSON.parse(examplesInput) const results = examples.map(example => jsonLogic.apply(rule, example)) setEvaluationResults(results) } catch (error) { console.error('Error applying JSON Logic:', error) setEvaluationResults(null) } } return (

Json-Lawgic

Search Showcase

setSearchTerm(e.target.value)} />

{searchResults.map(law => ( ))}

Showcase Laws

{showcaseLaws.map(law => ( ))}

) } function LawDetails({ selectedLaw, ruleInput, examplesInput, evaluationResults, setRuleInput, setExamplesInput, handleApplyLogic }: { selectedLaw: IStatuteData | null ruleInput: string examplesInput: string evaluationResults: boolean[] | null setRuleInput: (value: string) => void setExamplesInput: (value: string) => void handleApplyLogic: () => void }) { return (

{selectedLaw ? ( {selectedLaw.title}

{selectedLaw.text}

JSON Logic Evaluator

Rule

setRuleInput(e.target.value)}
                    rows={5}
                    className="font-mono text-sm"
                  />
                </div>
                <div>
                  <label htmlFor="examples" className="block text-sm font-medium mb-1">Examples</label>
                  <Textarea
                    id="examples"
                    value={examplesInput}
                    onChange={(e) => setExamplesInput(e.target.value)}
                    rows={5}
                    className="font-mono text-sm"
                  />
                </div>
              </div>
              <Button onClick={handleApplyLogic}>Apply Logic</Button>
              {evaluationResults !== null && (
                <div className="mt-4">
                  <h4 className="text-md font-semibold mb-2">Evaluation Results:</h4>
                  <ul className="list-disc pl-5 text-sm">
                    {evaluationResults.map((result, index) => (
                      <li key={index}>Example {index + 1}: {result.toString()}</li>
                    ))}
                  </ul>
                </div>
              )}
            </div>
          </CardContent>
        </Card>
      ) : (
        <div className="flex h-full items-center justify-center text-muted-foreground">
          Select a law to view its details
        </div>
      )}
    </div>
  )
}3b:oa,128:T27c9,3b:o27c9,'use client'

import { useState } from 'react'
import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"
import { ScrollArea } from "@/components/ui/scroll-area"
import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"
import { Textarea } from "@/components/ui/textarea"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"
import { ExternalLink, Menu } from 'lucide-react'
import jsonLogic from 'json-logic-js'

interface IJsonLogicInterpretation {
  rule: object
  examples: object[]
  variables: string[]
}

interface IStatuteData extends Partial<IJsonLogicInterpretation> {
  id: string
  url: string
  title: string | null
  text: string | null
}

// Mock showcase laws (you can replace these with your selected laws)
const showcaseLaws = mockLaws.slice(0, 2)

// Mock search function
const searchLaws = (query: string) => {
  return mockLaws.filter(law => 
    law.title?.toLowerCase().includes(query.toLowerCase()) || 
    law.text?.toLowerCase().includes(query.toLowerCase())
  )
}

export default function JsonLawgicApp() {
  const [searchTerm, setSearchTerm] = useState('')
  const [searchResults, setSearchResults] = useState(mockLaws)
  const [selectedLaw, setSelectedLaw] = useState<IStatuteData | null>(null)
  const [ruleInput, setRuleInput] = useState('')
  const [examplesInput, setExamplesInput] = useState('')
  const [evaluationResults, setEvaluationResults] = useState<boolean[] | null>(null)
  const [isMenuOpen, setIsMenuOpen] = useState(false)

const handleSearch = () => {
    const results = searchLaws(searchTerm)
    setSearchResults(results)
  }

const handleSelectLaw = (law: IStatuteData) => {
    setSelectedLaw(law)
    setRuleInput(JSON.stringify(law.rule, null, 2))
    setExamplesInput(JSON.stringify(law.examples, null, 2))
    setEvaluationResults(null)
    setIsMenuOpen(false)
  }

const handleApplyLogic = () => {
    try {
      const rule = JSON.parse(ruleInput)
      const examples = JSON.parse(examplesInput)
      const results = examples.map(example => jsonLogic.apply(rule, example))
      setEvaluationResults(results)
    } catch (error) {
      console.error('Error applying JSON Logic:', error)
      setEvaluationResults(null)
    }
  }

return (
    <div className="flex flex-col h-screen bg-background">
      <header className="bg-primary text-primary-foreground p-4 flex justify-between items-center">
        <h1 className="text-2xl font-bold">Json-Lawgic</h1>
        <Sheet open={isMenuOpen} onOpenChange={setIsMenuOpen}>
          <SheetTrigger asChild>
            <Button variant="ghost" size="icon" className="md:hidden">
              <Menu className="h-6 w-6" />
              <span className="sr-only">Toggle menu</span>
            </Button>
          </SheetTrigger>
          <SheetContent side="left" className="w-[300px] sm:w-[400px]">
            <nav className="flex flex-col space-y-4">
              <h2 className="text-lg font-semibold mb-2">Laws</h2>
              {searchResults.map(law => (
                <Button
                  key={law.id}
                  variant="ghost"
                  className="justify-start"
                  onClick={() => handleSelectLaw(law)}
                >
                  {law.title}
                </Button>
              ))}
            </nav>
          </SheetContent>
        </Sheet>
      </header>
      <Tabs defaultValue="search" className="flex-grow flex flex-col">
        <TabsList className="w-full justify-start">
          <TabsTrigger value="search">Search</TabsTrigger>
          <TabsTrigger value="showcase">Showcase</TabsTrigger>
        </TabsList>
        <div className="flex-grow flex flex-col md:flex-row">
          <TabsContent value="search" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <div className="space-y-4">
                <Input
                  type="text"
                  placeholder="Search for laws..."
                  value={searchTerm}
                  onChange={(e) => setSearchTerm(e.target.value)}
                />
                <Button onClick={handleSearch} className="w-full">Search</Button>
              </div>
              <ScrollArea className="h-[300px] md:h-[calc(100vh-240px)] mt-4 hidden md:block">
                <div className="space-y-2">
                  {searchResults.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <LawDetails
              selectedLaw={selectedLaw}
              ruleInput={ruleInput}
              examplesInput={examplesInput}
              evaluationResults={evaluationResults}
              setRuleInput={setRuleInput}
              setExamplesInput={setExamplesInput}
              handleApplyLogic={handleApplyLogic}
            />
          </TabsContent>
          <TabsContent value="showcase" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <h2 className="text-xl font-semibold mb-4">Showcase Laws</h2>
              <ScrollArea className="h-[300px] md:h-[calc(100vh-240px)]">
                <div className="space-y-2">
                  {showcaseLaws.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <LawDetails
              selectedLaw={selectedLaw}
              ruleInput={ruleInput}
              examplesInput={examplesInput}
              evaluationResults={evaluationResults}
              setRuleInput={setRuleInput}
              setExamplesInput={setExamplesInput}
              handleApplyLogic={handleApplyLogic}
            />
          </TabsContent>
        </div>
      </Tabs>
    </div>
  )
}

function LawDetails({
  selectedLaw,
  ruleInput,
  examplesInput,
  evaluationResults,
  setRuleInput,
  setExamplesInput,
  handleApplyLogic
}: {
  selectedLaw: IStatuteData | null
  ruleInput: string
  examplesInput: string
  evaluationResults: boolean[] | null
  setRuleInput: (value: string) => void
  setExamplesInput: (value: string) => void
  handleApplyLogic: () => void
}) {
  return (
    <div className="w-full md:w-2/3 p-4 overflow-auto">
      {selectedLaw ? (
        <Card>
          <CardHeader>
            <CardTitle className="text-xl md:text-2xl font-bold flex items-center gap-2">
              {selectedLaw.title}
              <a href={selectedLaw.url} target="_blank" rel="noopener noreferrer">
                <ExternalLink className="w-5 h-5" />
              </a>
            </CardTitle>
          </CardHeader>
          <CardContent className="space-y-6">
            <ScrollArea className="h-40 w-full">
              <p className="text-sm md:text-base text-muted-foreground">{selectedLaw.text}</p>
            </ScrollArea>
            <div className="space-y-4">
              <h3 className="text-lg font-semibold">JSON Logic Evaluator</h3>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                  <label htmlFor="rule" className="block text-sm font-medium mb-1">Rule</label>
                  <Textarea
                    id="rule"
                    value={ruleInput}
                    onChange={(e) => setRuleInput(e.target.value)}
                    rows={5}
                    className="font-mono text-sm"
                  />
                </div>
                <div>
                  <label htmlFor="examples" className="block text-sm font-medium mb-1">Examples</label>
                  <Textarea
                    id="examples"
                    value={examplesInput}
                    onChange={(e) => setExamplesInput(e.target.value)}
                    rows={5}
                    className="font-mono text-sm"
                  />
                </div>
              </div>
              <Button onClick={handleApplyLogic}>Apply Logic</Button>
              {evaluationResults !== null && (
                <div className="mt-4">
                  <h4 className="text-md font-semibold mb-2">Evaluation Results:</h4>
                  <ul className="list-disc pl-5 text-sm">
                    {evaluationResults.map((result, index) => (
                      <li key={index}>Example {index + 1}: {result.toString()}</li>
                    ))}
                  </ul>
                </div>
              )}
            </div>
          </CardContent>
        </Card>
      ) : (
        <div className="flex h-full items-center justify-center text-muted-foreground">
          Select a law to view its details
        </div>
      )}
    </div>
  )
}3b:oa,129:T2629,3b:o2629,'use client'

interface IJsonLogicInterpretation {
  rule: object
  examples: object[]
  variables: string[]
}

interface IStatuteData extends Partial<IJsonLogicInterpretation> {
  id: string
  url: string
  title: string | null
  text: string | null
}

// Mock showcase laws (you can replace these with your selected laws)
const showcaseLaws = mockLaws.slice(0, 2)

const handleSearch = () => {
    const results = searchLaws(searchTerm)
    setSearchResults(results)
  }

return (
    <div className="flex flex-col h-screen bg-background">
      <header className="bg-primary text-primary-foreground p-4 flex justify-between items-center">
        <h1 className="text-2xl font-bold">Json-Lawgic</h1>
      </header>
      <Tabs defaultValue="search" className="flex-grow flex flex-col">
        <TabsList className="w-full justify-start">
          <TabsTrigger value="search">Search</TabsTrigger>
          <TabsTrigger value="showcase">Showcase</TabsTrigger>
        </TabsList>
        <div className="flex-grow flex flex-col md:flex-row">
          <TabsContent value="search" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <div className="space-y-4">
                <Input
                  type="text"
                  placeholder="Search for laws..."
                  value={searchTerm}
                  onChange={(e) => setSearchTerm(e.target.value)}
                />
                <Button onClick={handleSearch} className="w-full">Search</Button>
              </div>
              <ScrollArea className="h-[calc(100vh-280px)] md:h-[calc(100vh-240px)] mt-4">
                <div className="space-y-2">
                  {searchResults.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <Sheet open={isDetailsOpen} onOpenChange={setIsDetailsOpen}>
              <SheetContent side="right" className="w-full md:w-2/3 p-0 sm:max-w-none">
                <LawDetails
                  selectedLaw={selectedLaw}
                  ruleInput={ruleInput}
                  examplesInput={examplesInput}
                  evaluationResults={evaluationResults}
                  setRuleInput={setRuleInput}
                  setExamplesInput={setExamplesInput}
                  handleApplyLogic={handleApplyLogic}
                />
              </SheetContent>
            </Sheet>
          </TabsContent>
          <TabsContent value="showcase" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <h2 className="text-xl font-semibold mb-4">Showcase Laws</h2>
              <ScrollArea className="h-[calc(100vh-240px)]">
                <div className="space-y-2">
                  {showcaseLaws.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <Sheet open={isDetailsOpen} onOpenChange={setIsDetailsOpen}>
              <SheetContent side="right" className="w-full md:w-2/3 p-0 sm:max-w-none">
                <LawDetails
                  selectedLaw={selectedLaw}
                  ruleInput={ruleInput}
                  examplesInput={examplesInput}
                  evaluationResults={evaluationResults}
                  setRuleInput={setRuleInput}
                  setExamplesInput={setExamplesInput}
                  handleApplyLogic={handleApplyLogic}
                />
              </SheetContent>
            </Sheet>
          </TabsContent>
        </div>
      </Tabs>
    </div>
  )
}

function LawDetails({
  selectedLaw,
  ruleInput,
  examplesInput,
  evaluationResults,
  setRuleInput,
  setExamplesInput,
  handleApplyLogic
}: {
  selectedLaw: IStatuteData | null
  ruleInput: string
  examplesInput: string
  evaluationResults: boolean[] | null
  setRuleInput: (value: string) => void
  setExamplesInput: (value: string) => void
  handleApplyLogic: () => void
}) {
  return (
    <div className="h-full overflow-auto p-6">
      {selectedLaw ? (
        <Card>
          <CardHeader>
            <CardTitle className="text-xl md:text-2xl font-bold flex items-center gap-2">
              {selectedLaw.title}
              <a href={selectedLaw.url} target="_blank" rel="noopener noreferrer">
                <ExternalLink className="w-5 h-5" />
              </a>
            </CardTitle>
          </CardHeader>
          <CardContent className="space-y-6">
            <ScrollArea className="h-40 w-full">
              <p className="text-sm md:text-base text-muted-foreground">{selectedLaw.text}</p>
            </ScrollArea>
            <div className="space-y-4">
              <h3 className="text-lg font-semibold">JSON Logic Evaluator</h3>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                  <label htmlFor="rule" className="block text-sm font-medium mb-1">Rule</label>
                  <Textarea
                    id="rule"
                    value={ruleInput}
                    onChange={(e) => setRuleInput(e.target.value)}
                    rows={5}
                    className="font-mono text-sm"
                  />
                </div>
                <div>
                  <label htmlFor="examples" className="block text-sm font-medium mb-1">Examples</label>
                  <Textarea
                    id="examples"
                    value={examplesInput}
                    onChange={(e) => setExamplesInput(e.target.value)}
                    rows={5}
                    className="font-mono text-sm"
                  />
                </div>
              </div>
              <Button onClick={handleApplyLogic}>Apply Logic</Button>
              {evaluationResults !== null && (
                <div className="mt-4">
                  <h4 className="text-md font-semibold mb-2">Evaluation Results:</h4>
                  <ul className="list-disc pl-5 text-sm">
                    {evaluationResults.map((result, index) => (
                      <li key={index}>Example {index + 1}: {result.toString()}</li>
                    ))}
                  </ul>
                </div>
              )}
            </div>
          </CardContent>
        </Card>
      ) : (
        <div className="flex h-full items-center justify-center text-muted-foreground">
          Select a law to view its details
        </div>
      )}
    </div>
  )
}3b:oa,12a:T2629,3b:o2629,'use client'

interface IJsonLogicInterpretation {
  rule: object
  examples: object[]
  variables: string[]
}

interface IStatuteData extends Partial<IJsonLogicInterpretation> {
  id: string
  url: string
  title: string | null
  text: string | null
}

// Mock showcase laws (you can replace these with your selected laws)
const showcaseLaws = mockLaws.slice(0, 2)

const handleSearch = () => {
    const results = searchLaws(searchTerm)
    setSearchResults(results)
  }

return (
    <div className="flex flex-col h-screen bg-background">
      <header className="bg-primary text-primary-foreground p-4 flex justify-between items-center">
        <h1 className="text-2xl font-bold">Json-Lawgic</h1>
      </header>
      <Tabs defaultValue="search" className="flex-grow flex flex-col">
        <TabsList className="w-full justify-start">
          <TabsTrigger value="search">Search</TabsTrigger>
          <TabsTrigger value="showcase">Showcase</TabsTrigger>
        </TabsList>
        <div className="flex-grow flex flex-col md:flex-row">
          <TabsContent value="search" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <div className="space-y-4">
                <Input
                  type="text"
                  placeholder="Search for laws..."
                  value={searchTerm}
                  onChange={(e) => setSearchTerm(e.target.value)}
                />
                <Button onClick={handleSearch} className="w-full">Search</Button>
              </div>
              <ScrollArea className="h-[calc(100vh-280px)] md:h-[calc(100vh-240px)] mt-4">
                <div className="space-y-2">
                  {searchResults.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <Sheet open={isDetailsOpen} onOpenChange={setIsDetailsOpen}>
              <SheetContent side="right" className="w-full md:w-2/3 p-0 sm:max-w-none">
                <LawDetails
                  selectedLaw={selectedLaw}
                  ruleInput={ruleInput}
                  examplesInput={examplesInput}
                  evaluationResults={evaluationResults}
                  setRuleInput={setRuleInput}
                  setExamplesInput={setExamplesInput}
                  handleApplyLogic={handleApplyLogic}
                />
              </SheetContent>
            </Sheet>
          </TabsContent>
          <TabsContent value="showcase" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <h2 className="text-xl font-semibold mb-4">Showcase Laws</h2>
              <ScrollArea className="h-[calc(100vh-240px)]">
                <div className="space-y-2">
                  {showcaseLaws.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <Sheet open={isDetailsOpen} onOpenChange={setIsDetailsOpen}>
              <SheetContent side="right" className="w-full md:w-2/3 p-0 sm:max-w-none">
                <LawDetails
                  selectedLaw={selectedLaw}
                  ruleInput={ruleInput}
                  examplesInput={examplesInput}
                  evaluationResults={evaluationResults}
                  setRuleInput={setRuleInput}
                  setExamplesInput={setExamplesInput}
                  handleApplyLogic={handleApplyLogic}
                />
              </SheetContent>
            </Sheet>
          </TabsContent>
        </div>
      </Tabs>
    </div>
  )
}

function LawDetails({
  selectedLaw,
  ruleInput,
  examplesInput,
  evaluationResults,
  setRuleInput,
  setExamplesInput,
  handleApplyLogic
}: {
  selectedLaw: IStatuteData | null
  ruleInput: string
  examplesInput: string
  evaluationResults: boolean[] | null
  setRuleInput: (value: string) => void
  setExamplesInput: (value: string) => void
  handleApplyLogic: () => void
}) {
  return (
    <div className="h-full overflow-auto p-6">
      {selectedLaw ? (
        <Card>
          <CardHeader>
            <CardTitle className="text-xl md:text-2xl font-bold flex items-center gap-2">
              {selectedLaw.title}
              <a href={selectedLaw.url} target="_blank" rel="noopener noreferrer">
                <ExternalLink className="w-5 h-5" />
              </a>
            </CardTitle>
          </CardHeader>
          <CardContent className="space-y-6">
            <ScrollArea className="h-40 w-full">
              <p className="text-sm md:text-base text-muted-foreground">{selectedLaw.text}</p>
            </ScrollArea>
            <div className="space-y-4">
              <h3 className="text-lg font-semibold">JSON Logic Evaluator</h3>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                  <label htmlFor="rule" className="block text-sm font-medium mb-1">Rule</label>
                  <Textarea
                    id="rule"
                    value={ruleInput}
                    onChange={(e) => setRuleInput(e.target.value)}
                    rows={5}
                    className="font-mono text-sm"
                  />
                </div>
                <div>
                  <label htmlFor="examples" className="block text-sm font-medium mb-1">Examples</label>
                  <Textarea
                    id="examples"
                    value={examplesInput}
                    onChange={(e) => setExamplesInput(e.target.value)}
                    rows={5}
                    className="font-mono text-sm"
                  />
                </div>
              </div>
              <Button onClick={handleApplyLogic}>Apply Logic</Button>
              {evaluationResults !== null && (
                <div className="mt-4">
                  <h4 className="text-md font-semibold mb-2">Evaluation Results:</h4>
                  <ul className="list-disc pl-5 text-sm">
                    {evaluationResults.map((result, index) => (
                      <li key={index}>Example {index + 1}: {result.toString()}</li>
                    ))}
                  </ul>
                </div>
              )}
            </div>
          </CardContent>
        </Card>
      ) : (
        <div className="flex h-full items-center justify-center text-muted-foreground">
          Select a law to view its details
        </div>
      )}
    </div>
  )
}3b:o420,12b:T40d,I have changed the data model a bit:
```ts
export interface RuleVariable {
  name: string
  description: string
}

export interface JsonLogicInterpretation {
  // The pure JSON logic rule expressed as a JSON object
  rule: object
  // three examples of data that we could run the JsonLogic rule on
  examples: object[]
  // a list of variables referenced in the rule
  variables: RuleVariable[]
  // The consequences IF the rule evaluates to true, expressed as briefly as possible
  consequences: string[]
}

export interface IStatuteData {
  id: string
  url: string
  title: string | null
  /** section content */
  text: string | null

rules: JsonLogicInterpretation[]
}
```

I am now displaying the consequences and variables below the rule and examples. I also support multiple of JsonLogicInterpretation per law, since one law can have many corresponding rules. How should I display this list of JsonLogicInterpretations? I am struggling to think how to let the user look at each of the different rules if there is more than one.12c:T29ab,3b:o29ab,'use client'

interface RuleVariable {
  name: string
  description: string
}

interface JsonLogicInterpretation {
  rule: object
  examples: object[]
  variables: RuleVariable[]
  consequences: string[]
}

interface IStatuteData {
  id: string
  url: string
  title: string | null
  text: string | null
  rules: JsonLogicInterpretation[]
}

// Mock data for laws
const mockLaws: IStatuteData[] = [
  {
    id: "1",
    url: "https://example.com/law1",
    title: "Age Restriction for Voting",
    text: "A person must be at least 18 years old to vote in national elections.",
    rules: [
      {
        rule: { ">=": [{ var: "age" }, 18] },
        examples: [{ age: 20 }, { age: 17 }, { age: 18 }],
        variables: [{ name: "age", description: "The age of the person in years" }],
        consequences: ["Eligible to vote in national elections"]
      },
      {
        rule: { "<": [{ var: "age" }, 18] },
        examples: [{ age: 16 }, { age: 17 }, { age: 18 }],
        variables: [{ name: "age", description: "The age of the person in years" }],
        consequences: ["Not eligible to vote in national elections"]
      }
    ]
  },
  {
    id: "2",
    url: "https://example.com/law2",
    title: "Income Tax Bracket",
    text: "Individuals earning more than $50,000 annually are subject to a higher tax rate.",
    rules: [
      {
        rule: { ">": [{ var: "income" }, 50000] },
        examples: [{ income: 45000 }, { income: 55000 }, { income: 50000 }],
        variables: [{ name: "income", description: "Annual income in USD" }],
        consequences: ["Subject to higher tax rate"]
      }
    ]
  },
]

const handleSearch = () => {
    const results = searchLaws(searchTerm)
    setSearchResults(results)
  }

const handleSelectLaw = (law: IStatuteData) => {
    setSelectedLaw(law)
    setIsDetailsOpen(true)
  }

return (
    <div className="flex flex-col h-screen bg-background">
      <header className="bg-primary text-primary-foreground p-4 flex justify-between items-center">
        <h1 className="text-2xl font-bold">Json-Lawgic</h1>
      </header>
      <Tabs defaultValue="search" className="flex-grow flex flex-col">
        <TabsList className="w-full justify-start">
          <TabsTrigger value="search">Search</TabsTrigger>
          <TabsTrigger value="showcase">Showcase</TabsTrigger>
        </TabsList>
        <div className="flex-grow flex flex-col md:flex-row">
          <TabsContent value="search" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <div className="space-y-4">
                <Input
                  type="text"
                  placeholder="Search for laws..."
                  value={searchTerm}
                  onChange={(e) => setSearchTerm(e.target.value)}
                />
                <Button onClick={handleSearch} className="w-full">Search</Button>
              </div>
              <ScrollArea className="h-[calc(100vh-280px)] md:h-[calc(100vh-240px)] mt-4">
                <div className="space-y-2">
                  {searchResults.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <Sheet open={isDetailsOpen} onOpenChange={setIsDetailsOpen}>
              <SheetContent side="right" className="w-full md:w-2/3 p-0 sm:max-w-none">
                <LawDetails selectedLaw={selectedLaw} />
              </SheetContent>
            </Sheet>
          </TabsContent>
          <TabsContent value="showcase" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <h2 className="text-xl font-semibold mb-4">Showcase Laws</h2>
              <ScrollArea className="h-[calc(100vh-240px)]">
                <div className="space-y-2">
                  {mockLaws.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <Sheet open={isDetailsOpen} onOpenChange={setIsDetailsOpen}>
              <SheetContent side="right" className="w-full md:w-2/3 p-0 sm:max-w-none">
                <LawDetails selectedLaw={selectedLaw} />
              </SheetContent>
            </Sheet>
          </TabsContent>
        </div>
      </Tabs>
    </div>
  )
}

function LawDetails({ selectedLaw }: { selectedLaw: IStatuteData | null }) {
  const [selectedRuleIndex, setSelectedRuleIndex] = useState(0)
  const [ruleInput, setRuleInput] = useState('')
  const [examplesInput, setExamplesInput] = useState('')
  const [evaluationResults, setEvaluationResults] = useState<boolean[] | null>(null)

if (!selectedLaw) {
    return (
      <div className="flex h-full items-center justify-center text-muted-foreground">
        Select a law to view its details
      </div>
    )
  }

const selectedRule = selectedLaw.rules[selectedRuleIndex]

interface RuleVariable {
  name: string
  description: string
}

interface JsonLogicInterpretation {
  rule: object
  examples: object[]
  variables: RuleVariable[]
  consequences: string[]
}

interface IStatuteData {
  id: string
  url: string
  title: string | null
  text: string | null
  rules: JsonLogicInterpretation[]
}

const handleSearch = () => {
    const results = searchLaws(searchTerm)
    setSearchResults(results)
  }

const handleSelectLaw = (law: IStatuteData) => {
    setSelectedLaw(law)
    setIsDetailsOpen(true)
  }

return (
    <div className="flex flex-col h-screen bg-background">
      <header className="bg-primary text-primary-foreground p-4 flex justify-between items-center">
        <h1 className="text-2xl font-bold">Json-Lawgic</h1>
      </header>
      <Tabs defaultValue="search" className="flex-grow flex flex-col">
        <TabsList className="w-full justify-start">
          <TabsTrigger value="search">Search</TabsTrigger>
          <TabsTrigger value="showcase">Showcase</TabsTrigger>
        </TabsList>
        <div className="flex-grow flex flex-col md:flex-row">
          <TabsContent value="search" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <div className="space-y-4">
                <Input
                  type="text"
                  placeholder="Search for laws..."
                  value={searchTerm}
                  onChange={(e) => setSearchTerm(e.target.value)}
                />
                <Button onClick={handleSearch} className="w-full">Search</Button>
              </div>
              <ScrollArea className="h-[calc(100vh-280px)] md:h-[calc(100vh-240px)] mt-4">
                <div className="space-y-2">
                  {searchResults.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <Sheet open={isDetailsOpen} onOpenChange={setIsDetailsOpen}>
              <SheetContent side="right" className="w-full md:w-2/3 p-0 sm:max-w-none">
                <LawDetails selectedLaw={selectedLaw} />
              </SheetContent>
            </Sheet>
          </TabsContent>
          <TabsContent value="showcase" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <h2 className="text-xl font-semibold mb-4">Showcase Laws</h2>
              <ScrollArea className="h-[calc(100vh-240px)]">
                <div className="space-y-2">
                  {mockLaws.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <Sheet open={isDetailsOpen} onOpenChange={setIsDetailsOpen}>
              <SheetContent side="right" className="w-full md:w-2/3 p-0 sm:max-w-none">
                <LawDetails selectedLaw={selectedLaw} />
              </SheetContent>
            </Sheet>
          </TabsContent>
        </div>
      </Tabs>
    </div>
  )
}

if (!selectedLaw) {
    return (
      <div className="flex h-full items-center justify-center text-muted-foreground">
        Select a law to view its details
      </div>
    )
  }

const selectedRule = selectedLaw.rules[selectedRuleIndex]

interface RuleVariable {
  name: string
  description: string
}

interface JsonLogicInterpretation {
  rule: object
  examples: object[]
  variables: RuleVariable[]
  consequences: string[]
}

interface IStatuteData {
  id: string
  url: string
  title: string | null
  text: string | null
  rules: JsonLogicInterpretation[]
}

const handleSearch = () => {
    const results = searchLaws(searchTerm)
    setSearchResults(results)
  }

const handleSelectLaw = (law: IStatuteData) => {
    setSelectedLaw(law)
    setIsDetailsOpen(true)
  }

return (
    <div className="flex flex-col h-screen bg-background">
      <header className="bg-primary text-primary-foreground p-4 flex justify-between items-center">
        <h1 className="text-2xl font-bold">Json-Lawgic</h1>
      </header>
      <Tabs defaultValue="search" className="flex-grow flex flex-col">
        <TabsList className="w-full justify-start">
          <TabsTrigger value="search">Search</TabsTrigger>
          <TabsTrigger value="showcase">Showcase</TabsTrigger>
        </TabsList>
        <div className="flex-grow flex flex-col md:flex-row">
          <TabsContent value="search" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <div className="space-y-4">
                <Input
                  type="text"
                  placeholder="Search for laws..."
                  value={searchTerm}
                  onChange={(e) => setSearchTerm(e.target.value)}
                />
                <Button onClick={handleSearch} className="w-full">Search</Button>
              </div>
              <ScrollArea className="h-[calc(100vh-280px)] md:h-[calc(100vh-240px)] mt-4">
                <div className="space-y-2">
                  {searchResults.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <Sheet open={isDetailsOpen} onOpenChange={setIsDetailsOpen}>
              <SheetContent side="right" className="w-full md:w-2/3 p-0 sm:max-w-none">
                <LawDetails selectedLaw={selectedLaw} />
              </SheetContent>
            </Sheet>
          </TabsContent>
          <TabsContent value="showcase" className="flex-grow flex flex-col md:flex-row m-0">
            <div className="w-full md:w-1/3 p-4 border-b md:border-b-0 md:border-r">
              <h2 className="text-xl font-semibold mb-4">Showcase Laws</h2>
              <ScrollArea className="h-[calc(100vh-240px)]">
                <div className="space-y-2">
                  {mockLaws.map(law => (
                    <Button
                      key={law.id}
                      variant="ghost"
                      className="w-full justify-start text-left"
                      onClick={() => handleSelectLaw(law)}
                    >
                      {law.title}
                    </Button>
                  ))}
                </div>
              </ScrollArea>
            </div>
            <Sheet open={isDetailsOpen} onOpenChange={setIsDetailsOpen}>
              <SheetContent side="right" className="w-full md:w-2/3 p-0 sm:max-w-none">
                <LawDetails selectedLaw={selectedLaw} />
              </SheetContent>
            </Sheet>
          </TabsContent>
        </div>
      </Tabs>
    </div>
  )
}

if (!selectedLaw) {
    return (
      <div className="flex h-full items-center justify-center text-muted-foreground">
        Select a law to view its details
      </div>
    )
  }

const selectedRule = selectedLaw.rules[selectedRuleIndex]

return (
    <div className="h-full overflow-auto p-6">
      <Card>
        <CardHeader>
          <CardTitle className="text-xl md:text-2xl font-bold flex items-center gap-2">
            {selectedLaw.title}
            <a href={selectedLaw.url} target="_blank" rel="noopener noreferrer">
              <ExternalLink className="w-5 h-5" />
            </a>
          </CardTitle>
        </CardHeader>
        <CardContent className="space-y-6">
          <ScrollArea className="h-40 w-full">
            <p className="text-sm md:text-base text-muted-foreground">{selectedLaw.text}</p>
          </ScrollArea>
          <Tabs value={selectedRuleIndex.toString()} onValueChange={(value) => setSelectedRuleIndex(parseInt(value))}>
            <TabsList>
              {selectedLaw.rules.map((_, index) => (
                <TabsTrigger key={index} value={index.toString()}>Rule {index + 1}</TabsTrigger>
              ))}
            </TabsList>
            <TabsContent value={selectedRuleIndex.toString()}>
              <div className="space-y-4">
                <h3 className="text-lg font-semibold">JSON Logic Evaluator</h3>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  <div>
                    <label htmlFor="rule" className="block text-sm font-medium mb-1">Rule</label>
                    <Textarea
                      id="rule"
                      value={ruleInput || JSON.stringify(selectedRule.rule, null, 2)}
                      onChange={(e) => setRuleInput(e.target.value)}
                      rows={5}
                      className="font-mono text-sm"
                    />
                  </div>
                  <div>
                    <label htmlFor="examples" className="block text-sm font-medium mb-1">Examples</label>
                    <Textarea
                      id="examples"
                      value={examplesInput || JSON.stringify(selectedRule.examples, null, 2)}
                      onChange={(e) => setExamplesInput(e.target.value)}
                      rows={5}
                      className="font-mono text-sm"
                    />
                  </div>
                </div>
                <Button onClick={handleApplyLogic}>Apply Logic</Button>
                {evaluationResults !== null && (
                  <div className="mt-4">
                    <h4 className="text-md font-semibold mb-2">Evaluation Results:</h4>
                    <ul className="list-disc pl-5 text-sm">
                      {evaluationResults.map((result, index) => (
                        <li key={index}>Example {index + 1}: {result.toString()}</li>
                      ))}
                    </ul>
                  </div>
                )}
                <div className="mt-4">
                  <h4 className="text-md font-semibold mb-2">Variables:</h4>
                  <ul className="list-disc pl-5 text-sm">
                    {selectedRule.variables.map((variable, index) => (
                      <li key={index}>{variable.name}: {variable.description}</li>
                    ))}
                  </ul>
                </div>
                <div className="mt-4">
                  <h4 className="text-md font-semibold mb-2">Consequences:</h4>
                  <ul className="list-disc pl-5 text-sm">
                    {selectedRule.consequences.map((consequence, index) => (
                      <li key={index}>{consequence}</li>
                    ))}
                  </ul>
                </div>
              </div>
            </TabsContent>
          </Tabs>
        </CardContent>
      </Card>
    </div>
  )
}3b:o3e37,103:["$","$L111",null,{"value":{"cacheData":{}},"children":["$","$L105",null,{"chatId":"DpCD8e8baQy","status":"$@112","children":["$","$L108",null,{"params":{"chatId":"DpCD8e8baQy"},"promises":{"attributes":"$@113","externalMeta":"$@114","latest":"$@115","messagesRange":"$@116","messages":"$@117","template":"$@118"},"children":["$","$L11a",null,{"chatId":"DpCD8e8baQy","children":["$","$L11b",null,{"seedOnlyKeys":["@\"chat:state\",\"DpCD8e8baQy\","],"data":{"block:output:initial":{"id":"b_UD0dvq5CV20","file":"json-lawgic-app.tsx","result":"$@11c"},"@\"block:mappings\",\"DpCD8e8baQy\",":{"sqlBlockExecutionStates":"$Q11d","blocksForkedFrom":"$Q11e","blocksTemplateIds":"$Q11f","blocksCreatedAt":"$Q120","blocksShared":"$Q121","blocksDeployed":"$Q122","blocksSubdomains":"$Q123","brandedBlocks":"$Q124","unlistedBlocks":"$Q125","blockOutputs":"$Q126"},"@\"chat:state\",\"DpCD8e8baQy\",":{"messages":[{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"hmjF0DPLpuUGgvT1mwc6VTbx2irZCA18","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2024-11-20T16:24:53.323Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_a78E2ov2amR","type":"v0","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"5kPjEmxDqoUUCtmmUCKjI29vKT4k18Wc","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"hmjF0DPLpuUGgvT1mwc6VTbx2irZCA18","type":"message","createdAt":"$D2024-11-20T16:24:53.324Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"xYFNQ8Mdclwytnn8XpzYtqJ0ef7fAQhI","parentId":"5kPjEmxDqoUUCtmmUCKjI29vKT4k18Wc","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2024-11-20T16:41:27.911Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_BsMiIGeJlCa","type":"v0","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"I2ojy0Dy5o4qtCLB98o4b08z2emVYkhF","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"xYFNQ8Mdclwytnn8XpzYtqJ0ef7fAQhI","type":"message","createdAt":"$D2024-11-20T16:41:27.912Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"MRkTepRsTYxr5cg3qSNxFAoYjwkVbt0r","parentId":"I2ojy0Dy5o4qtCLB98o4b08z2emVYkhF","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2024-11-20T16:52:28.241Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_mZVm8piyla6","type":"v0","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"OM1TM9j5LFPTv3YWrROTa64Ql4LyISya","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"MRkTepRsTYxr5cg3qSNxFAoYjwkVbt0r","type":"message","createdAt":"$D2024-11-20T16:52:28.242Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"2KczUo7DUI3aIEdMvXUmUcOQBHtWDFWC","parentId":"OM1TM9j5LFPTv3YWrROTa64Ql4LyISya","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2024-11-20T17:06:33.173Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_Ecf9nBEysEE","type":"v0","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"kZPL2FbocPh2g9aAKhEkOFkU8ZObm2WP","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"2KczUo7DUI3aIEdMvXUmUcOQBHtWDFWC","type":"message","createdAt":"$D2024-11-20T17:06:33.174Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"U6l1wF99bqnoL6u73q029jonSvV5cFpE","parentId":"kZPL2FbocPh2g9aAKhEkOFkU8ZObm2WP","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2024-11-21T13:45:05.303Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_fG0kw77ugP8","type":"v0","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"sczDsQy7OEAr7Y8c8ZpfKB5DjYyeJx6d","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"U6l1wF99bqnoL6u73q029jonSvV5cFpE","type":"message","createdAt":"$D2024-11-21T13:45:05.304Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"Ok, now can you update all the styles and UI to make this mobile responsive?"}],"version":1},"role":"user","id":"CastcPhyxMfhUrNLJFiDEKys8ABREplg","attachments":[],"parentId":"sczDsQy7OEAr7Y8c8ZpfKB5DjYyeJx6d","type":"message","authorId":"pYkU3K31OXY86z82GkMacUtp","createdAt":"$D2024-11-22T13:30:19.335Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"I'll update the styles and UI to make the Json-Lawgic app mobile responsive. I'll use a combination of Tailwind CSS classes and some conditional rendering to achieve this."]],["p",{},["text",{},"Here's the updated, mobile-responsive version of the Json-Lawgic app:"]],["Codeblock",{"lang":"typescriptreact","meta":{"project":"Json-Lawgic","file":"json-lawgic-app.tsx","type":"react"},"closed":true,"blockId":"b_zjfhLHYEDDk","resultId":"nnKTKYsviak","source":"$127","needsBlockSource":false},"$128"],["p",{},["text",{},"Here are the key changes I made to make the app mobile-responsive:"]],["ol",{"start":1},["li",{"index":1},["text",{},"Added a mobile menu using the "],["code",{},"Sheet"],["text",{}," component from shadcn/ui. This menu is visible on mobile devices and contains the list of laws."]],["li",{"index":2},["p",{},["text",{},"Used Tailwind's responsive classes to adjust the layout for different screen sizes:"]],["ul",{"start":1},["li",{"index":1},["text",{},"The main content area switches from a column layout on mobile to a row layout on larger screens."]],["li",{"index":2},["text",{},"The law list is hidden on mobile (as it's in the sheet menu) and visible on larger screens."]]]],["li",{"index":3},["p",{},["text",{},"Adjusted font sizes and spacing for better readability on smaller screens:"]],["ul",{"start":1},["li",{"index":1},["text",{},"Used smaller text sizes on mobile for the law title and content."]],["li",{"index":2},["text",{},"Reduced padding and margins on smaller screens to maximize available space."]]]],["li",{"index":4},["text",{},"Made the search and showcase sections full-width on mobile and maintain the 1/3 - 2/3 split on larger screens."]],["li",{"index":5},["text",{},"Ensured that the JSON Logic Evaluator section stacks vertically on mobile and maintains a two-column layout on larger screens."]],["li",{"index":6},["text",{},"Kept the scrollable areas for the law list and law text, adjusting their heights for different screen sizes."]],["li",{"index":7},["text",{},"Maintained all existing functionality while making it accessible on both mobile and desktop views."]],["li",{"index":8},["text",{},"Used the "],["code",{},"aria-label"],["text",{}," attribute for the mobile menu button to improve accessibility."]]],["p",{},["text",{},"These changes make the Json-Lawgic app fully responsive, providing a good user experience on both mobile and desktop devices. The app now adapts its layout and components based on the screen size, ensuring that all features remain accessible and usable across different devices."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"6XfsbOlyNNrSyeQJk3U6p4GMcTWcHwiE","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"CastcPhyxMfhUrNLJFiDEKys8ABREplg","type":"message","creditCost":0.073227,"workMetrics":{"diffMap":{}},"createdAt":"$D2024-11-22T13:30:19.336Z","updatedAt":"$D2024-11-22T13:31:35.992Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"For search on mobile, it seems weird that search is in the main view, but the results are in the hamburger menu. Is there a better way?"}],"version":1},"role":"user","id":"7RxuTGNbwmiVZZV3marS5LqZZ12VFDLS","attachments":[],"parentId":"6XfsbOlyNNrSyeQJk3U6p4GMcTWcHwiE","type":"message","authorId":"pYkU3K31OXY86z82GkMacUtp","createdAt":"$D2024-11-23T00:01:50.533Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"You're right, that is a bit counterintuitive. Let's improve the mobile experience by keeping the search results with the search input. I'll update the layout to make it more user-friendly on mobile devices."]],["p",{},["text",{},"Here's an updated version of the Json-Lawgic app with a better mobile search experience:"]],["Codeblock",{"lang":"typescriptreact","meta":{"project":"Json-Lawgic","file":"json-lawgic-app.tsx","type":"react"},"closed":true,"blockId":"b_rtSW0eCfrDK","resultId":"sto0qDyFGXW","source":"$129","needsBlockSource":false},"$12a"],["p",{},["text",{},"Here are the key changes I made to improve the mobile experience:"]],["ol",{"start":1},["li",{"index":1},["text",{},"Removed the hamburger menu and kept the search functionality in the main view for both mobile and desktop."]],["li",{"index":2},["text",{},"Used a "],["code",{},"Sheet"],["text",{}," component to display the law details on mobile. This allows users to easily view the full details of a selected law without losing context of the search results."]],["li",{"index":3},["text",{},"On desktop, the layout remains similar to the previous version with the search/list on the left and details on the right."]],["li",{"index":4},["text",{},"Adjusted the height of the search results ScrollArea to ensure it fits well on both mobile and desktop screens."]],["li",{"index":5},["text",{},"Made the Sheet content full-width on mobile for better use of space."]],["li",{"index":6},["text",{},"Kept the showcase section similar to the search section for consistency."]],["li",{"index":7},["text",{},"Ensured that the law details are scrollable within the Sheet on mobile, allowing users to see all content even on smaller screens."]]],["p",{},["text",{},"These changes provide a more intuitive and consistent experience across devices:"]],["ul",{"start":1},["li",{"index":1},["text",{},"On mobile, users can search and see results in the main view. When they select a law, it opens in a full-screen sheet that they can easily dismiss to return to the search results."]],["li",{"index":2},["text",{},"On desktop, the experience remains similar to before, with the side-by-side view of the list and details."]]],["p",{},["text",{},"This layout ensures that the search functionality and results are always visible and accessible on mobile, addressing the issue you pointed out. The use of the Sheet component for law details on mobile provides a smooth transition between the list and detailed views without losing context."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"PSdeayaojEypn0VFwdTR6OMIOi6tLMwA","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"7RxuTGNbwmiVZZV3marS5LqZZ12VFDLS","type":"message","creditCost":0.087087,"workMetrics":{"diffMap":{}},"createdAt":"$D2024-11-23T00:01:50.534Z","updatedAt":"$D2024-11-23T00:03:03.045Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"$12b"}],"version":1},"role":"user","id":"lf7W0h1jvXoVIo3mPoRDI4ISOciQ88dP","attachments":[],"parentId":"PSdeayaojEypn0VFwdTR6OMIOi6tLMwA","type":"message","authorId":"pYkU3K31OXY86z82GkMacUtp","createdAt":"$D2024-12-03T14:46:01.864Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"To accommodate the updated data model and display multiple JsonLogicInterpretations per law, I'll modify the LawDetails component to include a tabbed interface for the rules. This will allow users to easily switch between different rules for the same law. Here's an updated version of the Json-Lawgic app that incorporates these changes:"]],["Codeblock",{"lang":"typescriptreact","meta":{"project":"Json-Lawgic","file":"json-lawgic-app.tsx","type":"react"},"closed":true,"blockId":"b_UD0dvq5CV20","resultId":"NUA8JWLv5YU","source":"$12c","needsBlockSource":false},"$12d"],["p",{},["text",{},"Here are the key changes and additions I've made to accommodate the new data model and multiple rules per law:"]],["ol",{"start":1},["li",{"index":1},["text",{},"Updated the "],["code",{},"IStatuteData"],["text",{}," interface to include the "],["code",{},"rules"],["text",{}," array of "],["code",{},"JsonLogicInterpretation"],["text",{}," objects."]],["li",{"index":2},["text",{},"Modified the mock data to include multiple rules for the \"Age Restriction for Voting\" law."]],["li",{"index":3},["text",{},"In the "],["code",{},"LawDetails"],["text",{}," component, I've added a nested "],["code",{},"Tabs"],["text",{}," component to allow users to switch between different rules for the same law."]],["li",{"index":4},["p",{},["text",{},"Each rule now displays:"]],["ul",{"start":1},["li",{"index":1},["text",{},"The JSON Logic rule"]],["li",{"index":2},["text",{},"Examples"]],["li",{"index":3},["text",{},"A button to apply the logic"]],["li",{"index":4},["text",{},"Evaluation results (when available)"]],["li",{"index":5},["text",{},"Variables with their descriptions"]],["li",{"index":6},["text",{},"Consequences of the rule"]]]],["li",{"index":5},["text",{},"The component maintains its responsiveness, using a full-width sheet on mobile and a side-by-side layout on desktop."]],["li",{"index":6},["text",{},"The JSON Logic rule and examples are pre-populated in the textareas, but users can still edit them if needed."]],["li",{"index":7},["text",{},"The variables and consequences are displayed in list format below the JSON Logic evaluator."]]],["p",{},["text",{},"This implementation allows users to easily navigate between multiple rules for a single law while maintaining a clean and intuitive interface. The tabbed interface for rules ensures that users can quickly switch between different rules without losing context of the overall law."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"ystf7xRvzTjmhIZA9NKHEcanePGPMJuQ","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"lf7W0h1jvXoVIo3mPoRDI4ISOciQ88dP","type":"message","creditCost":0.0847875,"workMetrics":{"diffMap":{}},"createdAt":"$D2024-12-03T14:46:01.865Z","updatedAt":"$D2024-12-03T14:47:18.921Z"}],"lastSyncedAt":1794701441179,"undo":null,"activeForkKey":["hmjF0DPLpuUGgvT1mwc6VTbx2irZCA18","5kPjEmxDqoUUCtmmUCKjI29vKT4k18Wc","xYFNQ8Mdclwytnn8XpzYtqJ0ef7fAQhI","I2ojy0Dy5o4qtCLB98o4b08z2emVYkhF","MRkTepRsTYxr5cg3qSNxFAoYjwkVbt0r","OM1TM9j5LFPTv3YWrROTa64Ql4LyISya","2KczUo7DUI3aIEdMvXUmUcOQBHtWDFWC","kZPL2FbocPh2g9aAKhEkOFkU8ZObm2WP","U6l1wF99bqnoL6u73q029jonSvV5cFpE","sczDsQy7OEAr7Y8c8ZpfKB5DjYyeJx6d","CastcPhyxMfhUrNLJFiDEKys8ABREplg","6XfsbOlyNNrSyeQJk3U6p4GMcTWcHwiE","7RxuTGNbwmiVZZV3marS5LqZZ12VFDLS","PSdeayaojEypn0VFwdTR6OMIOi6tLMwA","lf7W0h1jvXoVIo3mPoRDI4ISOciQ88dP","ystf7xRvzTjmhIZA9NKHEcanePGPMJuQ"],"lifecycle":{"phase":"idle","persistence":"persisted"},"isAuthor":false,"isRestoring":false,"hashMessageId":null},"@\"active-block\",\"DpCD8e8baQy\",":{"id":"b_UD0dvq5CV20","meta":{"project":"Json-Lawgic","file":"json-lawgic-app.tsx","type":"react"},"initial":true,"type":"react","messageId":"ystf7xRvzTjmhIZA9NKHEcanePGPMJuQ","language":"typescriptreact","source":"$12e","resultId":"NUA8JWLv5YU","closed":true,"hasSourceBeenEdited":false,"isLoading":false,"needsBlockSource":false},"@\"chat:meta\",\"DpCD8e8baQy\",":{"title":"Search app layout","authorId":"pYkU3K31OXY86z82GkMacUtp","ownerId":"team_98yBCr8SxcDM8SOVoi5Dzv5W","storageEntityType":null,"storageEntityId":null,"vercelProjectId":null,"canWriteToChat":false},"@\"chat:vm-mode\",\"DpCD8e8baQy\",":false,"@\"chat:vercel-project\",\"DpCD8e8baQy\",":"$@12f","@\"team:sensitive-environment-variable-policy\",\"DpCD8e8baQy\",":"$@130","@\"block-view\",\"DpCD8e8baQy\",":true,"integrations:figma":"$@131"},"children":["$L132","$L133","$L134","$L135","$L136"]}]}]}]}]}]
3b:o38,112:E{"digest":"603313063"}
113:E{"digest":"603313063"}
3b:ocfb,137:I[900547,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"FullChat"]
138:"NavigationMarker"
139:I[430834,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$138"]
13a:"OpenInV0JourneyCompletion"
13b:I[228493,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$13a"]
13c:"SuspendingKeepTitleUpdated"
13d:I[487989,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$13c"]
13e:"KeepClientOnUpToDateSlugPath"
13f:I[983440,["$4e","$4f","$50","$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","$93","$94","$81","$85","$95","$88","$8d","$8e","$86","$96","$83","$84","$8a","$97","$8b","$91","$98","$8c","$99","$9a","$8f","$90","$82","$89","$9b"],"$13e"]
114:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
115:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
116:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
117:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
118:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
11c:null
12f:"$undefined"
130:"$undefined"
131:{"isSignedIn":false}
132:["$","$L137","full-chat",{"isMobile":false,"templatesServer":null}]
133:["$","$L139",null,{"phase":"content","label":"Chat.Detail","routeOverride":"/chat/[slug]"}]
134:["$","$L13b",null,{}]
135:["$","$3d",null,{"children":["$","$L13d",null,{"chatId":"DpCD8e8baQy"}]}]
136:["$","$L13f",null,{"id":"DpCD8e8baQy","requireMatchingChatPath":true,"title":"Search app layout"}]
3b:o37,40:C
3f:C
1:C
37:C
21:C
35:C
2b:C
1a:C
17:C
41:[70217]
3b:C
</article></body></html>