46:o1,~46:o86a,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/344ii6lor939z.js" 4:I[695259,["$3"],"default"] 5:I[565976,["$3"],"default"] 39:"ViewportBoundary" 3a:I[407550,["$3"],"$39"] 3c:"MetadataBoundary" 3d:I[407550,["$3"],"$3c"] 3e:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/24yy6ayk7w-py.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1q03q74l8cx38.css","style"] :HL["/chat-static/_next/static/immutable/chunks/3ywke3n5--xbv.css","style"] :HL["/chat-static/_next/static/immutable/chunks/0fdug_96ci9uf.css","style"] :HL["/chat-static/_next/static/immutable/chunks/3ov87t7yn984v.css","style"] 1:X 6:X 18:X 1b:X 22:X 20:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L21","p":false,"v":"$22"}}]] 1e:[["children",{"s":{"n":"id","t":"d","k":"ai-pos-system-4-wHzODaQffcG","s":null},"h":98,"d":{"r":"$L1f","p":false,"v":"$6"},"c":"$Q20"}]] 2c:X 2a:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L2b","p":false,"v":"$2c"}}]] 28:[["children",{"s":{"n":"id","t":"d","k":"ai-pos-system-4-wHzODaQffcG","s":null},"h":38,"d":{"r":"$L29","p":false,"v":"$6"},"c":"$Q2a"}]] 26:[["children",{"s":"chat","h":106,"d":{"r":"$L27","p":false,"v":"$6"},"c":"$Q28"}]] 24:[["children",{"s":"(chat)","h":106,"d":{"r":"$L25","p":false,"v":"$6"},"c":"$Q26"}]] 36:X 34:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L35","p":false,"v":"$36"}}]] 32:[["children",{"s":{"n":"id","t":"d","k":"ai-pos-system-4-wHzODaQffcG","s":null},"h":102,"d":{"r":"$L33","p":false,"v":"$6"},"c":"$Q34"}]] 30:[["children",{"s":"chat","h":106,"d":{"r":"$L31","p":false,"v":"$6"},"c":"$Q32"}]] 2e:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2f","p":false,"v":"$6"},"c":"$Q30"}]] 38:X 1c:[["children",{"s":"chat","h":98,"d":{"r":"$L1d","p":false,"v":"$6"},"c":"$Q1e"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L23","p":false,"v":"$6"},"c":"$Q24"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2d","p":false,"v":"$6"},"c":"$Q2e"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L37","p":false,"v":"$38"}}]] 19:[["children",{"s":{"n":"scope","t":"d","k":"ghost-pepper-s-projects","s":null},"h":74,"d":{"r":"$L1a","p":false,"v":"$1b"},"c":"$Q1c"}]] 46:oc70,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/24yy6ayk7w-py.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1q03q74l8cx38.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/3ywke3n5--xbv.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0fdug_96ci9uf.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/3ov87t7yn984v.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/303stc2r7f4w8.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/32gb-v7_cfzqx.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3rneqh-vsqil3.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/06g-rie23iir4.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1ibth-4qqbhor.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/39ouvcffzes09.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/084caquxx-2sg.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3u2tatjfr-5hw.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/02d02djy805-w.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/134tsydfzev9o.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/277_v9eijjb0j.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/174vnyv1pen0w.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1we1wm7k76att.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2vmptnhcjirpe.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/44lffh5bkggou.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/2sm31xx94jmle.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15","$L16"],"$L17"]}],"p":false,"v":"$18"},"c":"$Q19"}]] 46:o1d7,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-","s":null},"h":122,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q8"}]] 40:X 41:X 46:o71d,0:{"q":"","i":false,"S":true,"r":"$1","t":{"t":{"s":"","h":90,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q7"},"h":{"r":["$","$2","h",{"children":[null,["$","$L3a","X2nTt6aJWzSmHoI1cTM3vv",{"children":"$L3b"}],["$","$L3d","X2nTt6aJWzSmHoI1cTM3vm",{"children":[["$","div",null,{"hidden":true,"children":["$","$3e",null,{"name":"Next.Metadata","children":"$L3f"}]}],null]}]]}],"p":false,"v":"$40"}},"s":"$41","a":"$@42","w":"$@43"} 46:o1000,45:I[407550,["$3"],"OutletBoundary"] 47:"LoadingBoundaryProvider" 48:I[695259,["$3"],"$47"] 50:"/chat-static/_next/static/immutable/chunks/303stc2r7f4w8.js" 51:"/chat-static/_next/static/immutable/chunks/32gb-v7_cfzqx.js" 52:"/chat-static/_next/static/immutable/chunks/3rneqh-vsqil3.js" 53:"/chat-static/_next/static/immutable/chunks/06g-rie23iir4.js" 54:"/chat-static/_next/static/immutable/chunks/1ibth-4qqbhor.js" 55:"/chat-static/_next/static/immutable/chunks/39ouvcffzes09.js" 56:"/chat-static/_next/static/immutable/chunks/084caquxx-2sg.js" 57:"/chat-static/_next/static/immutable/chunks/3u2tatjfr-5hw.js" 58:"/chat-static/_next/static/immutable/chunks/02d02djy805-w.js" 59:"/chat-static/_next/static/immutable/chunks/134tsydfzev9o.js" 5a:"/chat-static/_next/static/immutable/chunks/277_v9eijjb0j.js" 5b:"/chat-static/_next/static/immutable/chunks/174vnyv1pen0w.js" 5c:"/chat-static/_next/static/immutable/chunks/1we1wm7k76att.js" 5d:"/chat-static/_next/static/immutable/chunks/2vmptnhcjirpe.js" 5e:"/chat-static/_next/static/immutable/chunks/44lffh5bkggou.js" 5f:"/chat-static/_next/static/immutable/chunks/2sm31xx94jmle.js" 60:"/chat-static/_next/static/immutable/chunks/1lqvnbi2s4tj8.js" 61:"/chat-static/_next/static/immutable/chunks/1y1gg-uv-yg37.js" 62:"/chat-static/_next/static/immutable/chunks/3x5h73pts3lzv.js" 63:"/chat-static/_next/static/immutable/chunks/3e2myqnbydjbc.js" 64:"/chat-static/_next/static/immutable/chunks/0v2tlffizqn1u.js" 65:"/chat-static/_next/static/immutable/chunks/2r81a_es1d5td.js" 66:"/chat-static/_next/static/immutable/chunks/1-royq331wc9f.js" 67:"/chat-static/_next/static/immutable/chunks/32v8z27lzdcpc.js" 68:"/chat-static/_next/static/immutable/chunks/01a9_kdk7wvw6.js" 69:"/chat-static/_next/static/immutable/chunks/3gd76rgcgdfvq.js" 6a:"/chat-static/_next/static/immutable/chunks/2wdn3k_g5gncz.js" 6b:"/chat-static/_next/static/immutable/chunks/00ig7kf-1m7tf.js" 6c:"/chat-static/_next/static/immutable/chunks/2x96j17jpmoel.js" 6d:"/chat-static/_next/static/immutable/chunks/2v7_hc5p3w7qm.js" 6e:"/chat-static/_next/static/immutable/chunks/3gixvwt4zt3ff.js" 6f:"/chat-static/_next/static/immutable/chunks/1lje4567xmwde.js" 70:"/chat-static/_next/static/immutable/chunks/149qzst6zqok-.js" 71:"/chat-static/_next/static/immutable/chunks/1u-0w0tk-ga1n.js" 72:"/chat-static/_next/static/immutable/chunks/1h6_1262jslgg.js" 73:"/chat-static/_next/static/immutable/chunks/0iwgr5y80knyy.js" 74:"/chat-static/_next/static/immutable/chunks/0ls8-j_xjbmtb.js" 75:"/chat-static/_next/static/immutable/chunks/29hmppse7nd8c.js" 76:"/chat-static/_next/static/immutable/chunks/07bo94u1q75p2.js" 77:"/chat-static/_next/static/immutable/chunks/1hte80jv16_y1.js" 78:"/chat-static/_next/static/immutable/chunks/2kar_1p0ee5k-.js" 79:"/chat-static/_next/static/immutable/chunks/01ab9pqopejh4.js" 7a:"/chat-static/_next/static/immutable/chunks/3b9s0cgriiw-2.js" 7b:"/chat-static/_next/static/immutable/chunks/19nmjpy21roro.js" 7c:"/chat-static/_next/static/immutable/chunks/07mcg9948v_cm.js" 7d:"/chat-static/_next/static/immutable/chunks/16-61dr-81lq8.js" 7e:I[822201,["$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"],"default"] 7f:"/chat-static/_next/static/immutable/chunks/29dd5hs7mdgox.js" 80:"/chat-static/_next/static/immutable/chunks/3zpfl0trft0ca.js" 81:"/chat-static/_next/static/immutable/chunks/2hwgp13tbr4-f.js" 82:"/chat-static/_next/static/immutable/chunks/2f8ngs9posz7n.js" 83:"/chat-static/_next/static/immutable/chunks/0mu2v8yc6ph3u.js" 84:"/chat-static/_next/static/immutable/chunks/31e570r7-sp_j.js" 85:"/chat-static/_next/static/immutable/chunks/13yy268fksgp6.js" 86:"/chat-static/_next/static/immutable/chunks/0_3v9xlcug6os.js" 87:"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js" 88:"/chat-static/_next/static/immutable/chunks/2lka5ilnj45pw.js" 89:"/chat-static/_next/static/immutable/chunks/2vb643fwl1hx6.js46:o919," 8a:"/chat-static/_next/static/immutable/chunks/2-fqqwct5uu8q.js" 8b:"GitChatHeaderSkeleton" 8c:I[70040,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$8b"] 6:C 9:["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/1lqvnbi2s4tj8.js","async":true,"nonce":"$undefined"}] a:["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/1y1gg-uv-yg37.js","async":true,"nonce":"$undefined"}] b:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/3x5h73pts3lzv.js","async":true,"nonce":"$undefined"}] c:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/3e2myqnbydjbc.js","async":true,"nonce":"$undefined"}] d:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/0v2tlffizqn1u.js","async":true,"nonce":"$undefined"}] e:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/2r81a_es1d5td.js","async":true,"nonce":"$undefined"}] f:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/1-royq331wc9f.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/32v8z27lzdcpc.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/01a9_kdk7wvw6.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/3gd76rgcgdfvq.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/2wdn3k_g5gncz.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/00ig7kf-1m7tf.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/2x96j17jpmoel.js","async":true,"nonce":"$undefined"}] 16:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/2v7_hc5p3w7qm.js","async":true,"nonce":"$undefined"}] 46:o644,1a:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3gixvwt4zt3ff.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1lje4567xmwde.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/149qzst6zqok-.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1u-0w0tk-ga1n.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1h6_1262jslgg.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0iwgr5y80knyy.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/0ls8-j_xjbmtb.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/29hmppse7nd8c.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/07bo94u1q75p2.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1hte80jv16_y1.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2kar_1p0ee5k-.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/01ab9pqopejh4.js","async":true,"nonce":"$undefined"}]],"$L44"]}] 46:o29a,1d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1f:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 46:o7a9,21:["$","$2","c",{"children":[null,[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3e5ql_2u3u8jr.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/31e570r7-sp_j.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/29dd5hs7mdgox.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2lka5ilnj45pw.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3zpfl0trft0ca.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/16-61dr-81lq8.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/0mu2v8yc6ph3u.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2vb643fwl1hx6.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0_3v9xlcug6os.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/19nmjpy21roro.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2f8ngs9posz7n.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/2-fqqwct5uu8q.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/13yy268fksgp6.js","async":true,"nonce":"$undefined"}]],["$","$L45",null,{"children":["$","$3e",null,{"name":"Next.MetadataOutlet","children":"$@46"}]}]]}] 46:o3e7,23:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 25:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 27:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 46:o1103,29:["$","$L48",null,{"loading":[["$","$2","l",{"children":[["$","span",null,{"role":"status","aria-live":"polite","className":"sr-only","children":"Loading chat…"}],["$","div",null,{"data-chat-skeleton-layout":true,"aria-hidden":"true","className":"flex-1 w-full flex","children":[["$","div",null,{"data-input":true,"className":"flex","children":["$","div",null,{"data-skeleton-chat-column":true,"className":"flex flex-col size-full pt-4 px-2 pb-2","children":[["$","div",null,{"className":"flex-1 overflow-hidden mask-[linear-gradient(to_bottom,black_0%,transparent_100%)]","children":["$","div",null,{"className":"max-w-3xl mx-auto w-full flex-col pt-2","children":[["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-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"}]}],"$L49","$L4a","$L4b"]}]}]]}]}],"$L4c"]}],"$L4d"]}],[],null],"children":"$L4e"}] 46:o74f,2b:["$","$2","c",{"children":["$L4f",[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3e5ql_2u3u8jr.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/31e570r7-sp_j.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/29dd5hs7mdgox.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2lka5ilnj45pw.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3zpfl0trft0ca.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/16-61dr-81lq8.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/0mu2v8yc6ph3u.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2vb643fwl1hx6.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0_3v9xlcug6os.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/19nmjpy21roro.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2f8ngs9posz7n.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/2-fqqwct5uu8q.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/13yy268fksgp6.js","async":true,"nonce":"$undefined"}]],null]}] 46:o780,2d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 2f:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 31:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 33:["$","$L48",null,{"loading":[["$","$L7e","l",{}],[],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3b9s0cgriiw-2.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/19nmjpy21roro.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/07mcg9948v_cm.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/16-61dr-81lq8.js","async":true,"nonce":"$undefined"}]]],"children":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 46:o810,35:["$","$2","c",{"children":[["$","$3e",null,{"fallback":["$","$L8c",null,{}],"children":"$L8d"}],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/29dd5hs7mdgox.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3zpfl0trft0ca.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2hwgp13tbr4-f.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2f8ngs9posz7n.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/19nmjpy21roro.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/0mu2v8yc6ph3u.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/31e570r7-sp_j.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/13yy268fksgp6.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0_3v9xlcug6os.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2lka5ilnj45pw.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/07mcg9948v_cm.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/16-61dr-81lq8.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2vb643fwl1hx6.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/2-fqqwct5uu8q.js","async":true,"nonce":"$undefined"}]],null]}] 46:o32,37:["$","$2","c",{"children":["$L8e",null,null]}] 46:o897,90:I[987761,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"AppCard"] 91:"FULL_BLEED_APP_CARD_CLASSNAME" 92:I[987761,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$91"] 93:"/chat-static/_next/static/immutable/chunks/3unrhq1zay_f4.js" 94:"SidebarCollapseButton" 95:I[663042,["$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","$93"],"$94"] 96:I[192842,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"ChatWarning"] 97:I[903785,["$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","$93"],"NewChatButton"] 41:300 49:["$","div",null,{"className":"flex-1 min-w-0","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-4 w-24 rounded"}]}] 4a:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-6 w-16 rounded-md"}] 4b:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-7 rounded-full"}] 4c:["$","div",null,{"data-output":true,"className":"bg-v0-background-200"}] 8f:T1963,46:o1963,46:o35d,4d:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$8f"}}] 4e:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3e",null,{"fallback":["$","$L90",null,{"className":"$92","children":[["$","$L95",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"}],["$","$L96",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$L97",null,{}]}]]}],"children":"$L98"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 46:o17,18:T8,variants99:T18d6,46:o18d6,(({protect:a})=>{function b(a){return new Promise((b,c)=>{if(document.querySelector(`script[src="${a}"]`))return void b();let d=document.createElement("script");d.src=a,d.async=!0,d.onload=()=>b(),d.onerror=a=>{console.error("Error loading script",a),c(a)},document.head.appendChild(d)})}var c=class a{#a;#b;#c=0;constructor(){let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,this.#e(),window.addEventListener("online",this.#f),window.addEventListener("visibilitychange",this.#f)}getChallenge=async()=>(await this.#g(),await this.#a.then(a=>"function"==typeof a?a():a));#f=()=>{if(document.hidden)return;let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,window.V_C=[],window.V_C.push=c;let d=document.querySelector('script[src*="c.js"]');d&&d.remove(),this.#c+=1};#e=()=>{if(window.V_C){let a=window.V_C.pop();a&&this.#b(a)}else window.V_C=[],window.V_C.push=this.#b};#g=()=>{let a=new URL("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/a-4-a/c.js",window.location.origin);return a.searchParams.set("i",String(this.#c)),a.searchParams.set("v",String(3)),a.searchParams.set("h",window.location.host),b(a.pathname+a.search)};#h=()=>{window.V_C=void 0};static #d(){let a,b;return{promise:new Promise((c,d)=>{a=c,b=d}),resolve:a,reject:b}}},d=class a{#a=!1;#b;constructor(a){this.#b=a}get loaded(){return this.#a}load=async()=>{this.#a||await this.#f()};#c=()=>{if(typeof globalThis.window>"u")throw Error("KPSDK is not available in the server");if(!window.KPSDK)throw Error("KPSDK is not loaded");let b=this.#b.map(b=>{let c=a.#e(b.path);return{domain:c.host,path:c.pathname,method:b.method}});try{window.KPSDK.configure(b)}catch(a){console.error("Error configuring KPSDK...",a)}};#f=async()=>{let a=this;return new Promise((c,d)=>{let e=()=>{document.removeEventListener("kpsdk-load",e),this.#c()},f=()=>{document.removeEventListener("kpsdk-ready",f),a.#a=!0,c()};document.addEventListener("kpsdk-load",e,{once:!0}),document.addEventListener("kpsdk-ready",f,{once:!0}),b("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/p.js").catch(a=>{document.removeEventListener("kpsdk-load",e),document.removeEventListener("kpsdk-ready",f),d(a)})})};static #e(a){let b;try{b=new URL(a)}catch{b=new URL(a,location.origin)}return b}},e=a=>{let b=a.replace(/[.?+^$[\]\\(){}|-]/g,"\\$&").split("*").join(".*");return RegExp(`^${b}$`)},f=({path:a,pattern:b})=>-1!==a.search(b);async function g(a,b,c){let d=XMLHttpRequest.prototype.open,g=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(a,b,c,e,f){return this._requestUrl=b.toString(),this._requestMethod=a,d.call(this,a,b,c??!0,e,f)},XMLHttpRequest.prototype.send=async function(d){let h=this._requestUrl;if(!h||this._isReexecution)return g.call(this,d);let i=new URL(h,location.href),j=c.find(a=>f({path:i.pathname,pattern:e(a.path)}));if(null==j||j.method!==(this._requestMethod??"GET")&&"*"!==j.method)return g.call(this,d);let k=await a.getChallenge();if(this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET"),0!==k.b||b.loaded||((1===k.d||j?.advancedOptions?.checkLevel==="deepAnalysis")&&await b.load(),!b.loaded))return g.call(this,d);this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET");let l=new XMLHttpRequest;return l._isReexecution=!0,l.open(this._requestMethod||"GET",h,!0),l.setRequestHeader("x-is-human",JSON.stringify(k)),l.setRequestHeader("x-path",i.pathname),l.setRequestHeader("x-method",this._requestMethod||"GET"),this.timeout&&(l.timeout=this.timeout),this.responseType&&(l.responseType=this.responseType),this.withCredentials&&(l.withCredentials=this.withCredentials),l.onreadystatechange=()=>{Object.defineProperty(this,"readyState",{value:l.readyState,writable:!0,configurable:!0}),l.readyState===XMLHttpRequest.DONE&&(Object.defineProperty(this,"status",{value:l.status,writable:!0,configurable:!0}),Object.defineProperty(this,"statusText",{value:l.statusText,writable:!0,configurable:!0}),Object.defineProperty(this,"response",{value:l.response,writable:!0,configurable:!0}),Object.defineProperty(this,"responseText",{value:l.responseText,writable:!0,configurable:!0}),Object.defineProperty(this,"responseXML",{value:l.responseXML,writable:!0,configurable:!0}),this.getAllResponseHeaders=()=>l.getAllResponseHeaders(),this.getResponseHeader=a=>l.getResponseHeader(a)),this.onreadystatechange&&this.onreadystatechange.call(this,new Event("readystatechange"))},l.onload=a=>{this.onload&&this.onload.call(this,a)},l.onerror=a=>{this.onerror&&this.onerror.call(this,a)},l.onabort=a=>{this.onabort&&this.onabort.call(this,a)},l.ontimeout=a=>{this.ontimeout&&this.ontimeout.call(this,a)},l.onloadstart=a=>{this.onloadstart&&this.onloadstart.call(this,a)},l.onloadend=a=>{this.onloadend&&this.onloadend.call(this,a)},l.onprogress=a=>{this.onprogress&&this.onprogress.call(this,a)},l.send(d)}}!function({protect:a=[]}){let b;for(let b of a)if(b.advancedOptions?.checkLevel!==void 0&&"deepAnalysis"!==b.advancedOptions.checkLevel&&"basic"!==b.advancedOptions.checkLevel)throw Error(`Invalid checkLevel "${b.advancedOptions.checkLevel}" for route "${b.path}". Must be one of: deepAnalysis, basic`);let h=new c,i=new d(a);g(h,i,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let g=new URL(c instanceof Request?c.url:c,location.href),j=g.origin===location.origin,k=a.find(a=>f({path:g.pathname,pattern:e(a.path)})),l=d?.method??(c instanceof Request?c.method:"GET"),m=null!=k&&(k.method===l||"*"===k.method);if(null==k||!m||!j)return b(c,d);let n=await h.getChallenge(),o=new Headers(d?.headers||(c instanceof Request?c.headers:void 0));o.set("x-is-human",JSON.stringify(n)),o.set("x-path",g.pathname),o.set("x-method",l);let p={...d,headers:o};return i.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await i.load(),window.fetch(c,p)):b(c,p)}}({protect:a})})({ protect: [{"path":"/chat/api/vm/actions/run-pipeline","method":"POST","advancedOptions":{"checkLevel":"deepAnalysis"}},{"path":"/chat/api/chat","method":"POST"},{"path":"/chat/api/vm/actions/*","method":"POST"},{"path":"*/chat/api/vm/actions/*","method":"POST"}] });46:o158,17:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$99"}}],"$L9a","$L9b","$L9c","$L9d"]}],"$L9e"]}] 46:o1000,9f:"GeistThemeScript" a0:I[526065,["$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"],"$9f"] a1:I[600033,["$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"],"AppStoreMetaTag"] a2:I[526065,["$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"],"GeistProvider"] a3:I[818362,["$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"],"LocaleProvider"] a4:I[841245,["$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"],"MotionConfig"] a5:"AtomicContextSWRProvider" a6:I[850359,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$a5"] a7:"GlobalPromiseContextProvider" a8:I[850359,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$a7"] ab:I[827887,["$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"],"JotaiProvider"] ac:"ServerQuerySWRRuntimeProvider" ad:I[74757,["$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"],"$ac"] af:I[815349,["$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"],"CleanupStorage"] b0:I[241214,["$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"],"Analytics"] b1:I[156707,["$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"],"SpeedInsights"] b3:"VercelianAppFlowMigrator" b4:I[23825,["$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"],"$b3"] b5:I[108762,["$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"],"TrackInfo"] b6:I[578386,["$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"],"PageViewTracker"] b7:I[356301,["$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"],"AutoCapture"] 9a:["$","$La0",null,{"storageKey":"theme"}] 9b:["$","$3e",null,{"children":["$","$La1",null,{}]}] 9c:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] 9d:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\46:o2d8,":\"Organization\",\"name\":\"Vercel\",\"url\":\"https://vercel.com\",\"logo\":\"https://assets.vercel.com/image/upload/front/favicon/vercel/favicon.ico\",\"sameAs\":[\"https://x.com/vercel\",\"https://x.com/v0\",\"https://github.com/vercel\",\"https://www.linkedin.com/company/vercel\",\"https://www.linkedin.com/company/v0dev\"]},{\"@context\":\"https://schema.org\",\"@type\":\"WebApplication\",\"name\":\"v0\",\"url\":\"https://v0.app\",\"description\":\"Your collaborative AI assistant to design, iterate, and scale full-stack applications for the web.\",\"applicationCategory\":[\"DeveloperApplication\",\"DesignApplication\"],\"operatingSystem\":\"All\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Vercel\"}}]"}}] 46:o93c,9e:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased mAFGZa_variable _1SOORW_variable hGs1mq_variable","children":[["$","$La2",null,{"storageKey":"theme","withScript":false,"children":["$","$La3",null,{"locale":"en","children":["$","$La4",null,{"reducedMotion":"user","children":["$","$La6",null,{"routes":{"scoped":{"scopeUserDetails":{"path":"/api/chat/scoped/user","method":"GET"},"team":{"path":"/api/chat/scoped/team","method":"GET"},"vercelProjectsFavorites":{"path":"/api/chat/scoped/vercel-projects/favorites","method":"GET"},"chats":{"path":"/api/chat/scoped/chats","method":"GET"},"paginatedChats":{"path":"/api/chat/scoped/get-paginated-chats","method":"GET"},"designSystems":{"path":"/api/chat/scoped/design-systems-with-registry/list","method":"GET"},"sidebarProjectGroups":{"path":"/api/chat/scoped/sidebar-project-groups","method":"GET"},"sidebarDrafts":{"path":"/api/v2/internal/chats/sidebar-drafts","method":"GET"}},"chat":{"attributes":{"path":"/api/chat/chat/attributes","method":"GET"},"externalMeta":{"path":"/api/chat/chat/latest-external-meta","method":"GET"},"latest":{"path":"/api/chat/chat/latest","method":"GET"},"template":{"path":"/api/chat/chat/template","method":"GET"},"messages":{"path":"/api/chat/chat/messages","method":"GET"},"messagesRange":{"path":"/api/chat/chat/messages/range","method":"GET"},"gitStatus":{"path":"/api/git/status","method":"GET"}},"library":{"chatsList":{"path":"/api/chat/library/chats/list","method":"GET"},"archivedChatsList":{"path":"/api/chat/library/chats/archived","method":"GET"},"projectsList":{"path":"/api/chat/library/projects/list","method":"GET"},"filters":{"path":"/api/chat/library/filters","method":"GET"}},"project":{},"global":{"dailyModelUsage":{"path":"/api/chat/global/daily-model-usage","method":"GET"},"freeFixWithV0Usage":{"path":"/api/chat/global/free-fix-with-v0-usage","method":"GET"}}},"children":["$","$La8",null,{"params":null,"promises":{"dailyModelUsage":"$@a9","freeFixWithV0Usage":"$@aa"},"children":[["$","$Lab",null,{"children":["$","$Lad",null,{"children":"$Lae"}]}],["$","$Laf",null,{}]]}]}]}]}]}],["$","$Lb0",null,{}],["$","$Lb1",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3e",null,{"children":"$Lb2"}],["$","$Lb4",null,{}],["$","$Lb5",null,{}],["$","$Lb6",null,{}],["$","$Lb7",null,{}]]}] 46:o90,3b:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 46:oe,40:T8,variants46:o1000,b8:"HydrateDurableAtoms" b9:I[783749,["$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"],"$b8"] ba:I[359783,["$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"],"DataProvider"] bb:I[32170,["$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"],"UserProvider"] bd:"AnimatedIconProvider" be:I[908887,["$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"],"$bd"] bf:I[30570,["$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"],"PortalProvider"] c0:"SnowflakePublishProvider" c1:I[966820,["$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"],"$c0"] c2:"UserInputProvider" c3:I[472914,["$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"],"$c2"] c4:I[69221,["$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"],"CmdkProvider"] c5:"VirtualMachineUIStateProvider" c6:I[319228,["$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"],"$c5"] c7:"DeployedPreviewIframeRefProvider" c8:I[166890,["$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"],"$c7"] c9:"PreviewSourceUIStateProvider" ca:I[197843,["$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"],"$c9"] cb:I[367078,["$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"],"LoaderProvider"] cc:"PromptFormUIProvider" cd:I[595358,["$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"],"$cc"] ce:I[242759,["$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"],"FlagsProvider"] d0:I[530813,["$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"],"NuqsAdapter"] d1:"ChatTabsProvider" d2:I[568561,["$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"],"$d1"] d3:"PersonalScopeMigrationAnnouncementProvider" d4:I[206559,["$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"],"$d3"] d6:"AnnouncementVisibilityProvider" d7:I[878519,["$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"],"$d6"] da:I[561588,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$5946:o4ab,","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d"],"Toaster"] db:I[407562,["$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"],"Toaster"] dc:"SuspendingDialogs" dd:I[840793,["$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"],"$dc"] de:I[323194,["$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"],"SignInDialog"] df:I[279070,["$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"],"ConsentBanner"] e0:I[15279,["$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"],"SessionManager"] 46:o8ad,ae:["$","$Lb9",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"toolConfiguration":{"webSearch":true,"generateImages":true,"vercelProjectId":null,"vercelProjectName":null,"vercelProjectBranch":null,"vercelProjectGitOrg":null,"vercelProjectGitRepo":null,"customInstructionIds":[],"mcpServerIds":[],"marketplaceMcpIds":[],"autoAllowMcpTools":false},"shouldShowUpgrade":false,"chatMobilePanel":"input","chatPanelLayout":[{"id":"input","ratio":0.205,"visible":true},{"id":"output","ratio":0.795,"visible":true}],"dismissedFeatureDialogs":{},"dismissedConnectRepoCard":false,"permissionsModeV2":null}}},"children":["$","$Lba",null,{"children":["$","$Lbb",null,{"expectUser":false,"userPromise":"$@bc","children":["$","$Lbe",null,{"children":["$","$Lbf",null,{"children":["$","$Lc1",null,{"children":["$","$Lc3",null,{"children":["$","$Lc4",null,{"children":["$","$Lc6",null,{"children":["$","$Lc8",null,{"children":["$","$Lca",null,{"children":["$","$Lcb",null,{"children":["$","$Lcd",null,{"children":["$","$Lce",null,{"promise":"$@cf","middlewareFlags":[],"children":["$","$Ld0",null,{"children":["$","$Ld2",null,{"children":["$","$Ld4",null,{"destinationTeamIdPromise":"$@d5","children":["$","$Ld7",null,{"visiblePromise":"$@d8","children":["$","div",null,{"className":"max-h-screen-patched min-h-screen-patched flex w-full flex-col overflow-auto bg-v0-background-200","vaul-drawer-wrapper":"","children":[["$","$3e",null,{"fallback":null,"children":"$Ld9"}],["$","$Lda",null,{}],["$","$Ldb",null,{}],["$","$3e",null,{"fallback":null,"children":["$","$Ldd",null,{}]}],["$","$Lde",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Ldf",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 46:o12c,98:["$","$L90",null,{"className":"$92","children":["$4e:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$L96",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] b2:["$","$Le0",null,{"enabled":false}] 46:o20,bc:"$undefined" d8:true d9:null 46:o81,40:T1,?38:T1,?22:T1,?36:T1,?2c:T1,?41:60 38:T8,variants36:T8,variants1b:T8,variants40:T2,id36:T5,scope2c:T2,id1b:T5,scope36:T2,id46:oe7a,e1:"RouteChatIdProvider" e2:I[903690,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$e1"] e3:"CompletionAttentionProvider" e4:I[607506,["$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"],"$e3"] e5:"SidebarUIProvider" e6:I[475961,["$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"],"$e5"] e9:"HeaderSlotClientRouter" ea:I[597544,["$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"],"$e9"] eb:"/chat-static/_next/static/immutable/chunks/3kts6mi8atfbu.js" ec:I[32459,["$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","$eb"],"default"] ed:I[990009,["$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"],"Header"] ee:"RevalidateChatIdSkeletonStyles" ef:I[564011,["$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"],"$ee"] f0:I[980088,["$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"],"DynamicCMDK"] f1:"PromptQueueSnapshotProvider" f2:I[475641,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$f1"] f5:"ChatPromiseContextProvider" f6:I[850359,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$f5"] fe:I[70040,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"GitChatHeader"] ff:I[239654,["$3"],"IconMark"] 8e:null 46:o77d,44:["$","$Le2",null,{"children":["$","$Le4",null,{"children":["$","$Le6",null,{"children":[["$","$3e",null,{"fallback":null,"children":"$@e7"}],["$","$3e",null,{"children":"$Le8"}],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":[["$","$Lea",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$ec","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3kts6mi8atfbu.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Led",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$ec","errorStyles":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$L4",null,{"parallelRouterKey":"content","error":"$ec","errorStyles":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$44:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]]}],false,["$","$3e",null,{"children":["$","$Lef",null,{}]}],["$","$Lf0",null,{}]]}]}]}] 46:o4a3,4f:["$","$Lf2",null,{"initial":{"chatId":"wHzODaQffcG","snapshot":"$@f3"},"children":"$Lf4"}] 8d:["$","$Lf6",null,{"params":{"chatId":"wHzODaQffcG"},"promises":{"attributes":"$@f7","externalMeta":"$@f8","latest":"$@f9","messagesRange":"$@fa","messages":"$@fb","template":"$@fc","gitStatus":"$@fd"},"children":["$","$Lfe",null,{"chatId":"wHzODaQffcG"}]}] d5:null cf:{"requested":"ghost-pepper-s-projects","identity":null,"resolution":"anonymous","flags":{"aepe":false,"asse":false,"afre":false,"bvge":false,"cste":true,"igm":"gateway.google/gemini-3.1-flash-lite-image","ctv2":false,"lcw":false,"tbb":false,"oivs":false,"vmmt":false,"nfd":"","nfde":1,"iedm":true,"inb":true,"stve":true,"ci":true,"smpe":false,"dsie":false,"sie":false,"siv2":false,"cvod":false,"dce":false,"tse":false,"ftdml":true,"lmmo":false,"ubse":true,"dcpps":false,"spu":true,"kps":false,"tfam":false,"evmv":true,"f5e":true,"f51e":true,"cfmte":false,"gmpe":true,"impe":false,"gope":false,"awde":false,"awpse":false,"g56se":true,"g52e":false,"g46e":false,"kk3e":false,"o5e":true,"o55e":true,"o55fe":true,"o55cnp":false,"ept":false,"pwz":true,"shce":false,"shme":false,"idue":false,"ipc":true,"dsrr":false,"ftr":null}} 46:o5a7,3f:[["$","title","0",{"children":"AI POS system (4) - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"Please duplicate this block."}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","link","3",{"rel":"canonical","href":"https://v0.app/chat/ai-pos-system-4-wHzODaQffcG"}],["$","meta","4",{"property":"og:title","content":"AI POS system (4) - v0 by Vercel"}],["$","meta","5",{"property":"og:description","content":"Please duplicate this block."}],["$","meta","6",{"property":"og:image","content":"https://v0.app/chat/api/og/wHzODaQffcG"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"AI POS system (4) - v0 by Vercel"}],["$","meta","9",{"name":"twitter:description","content":"Please duplicate this block."}],["$","meta","10",{"name":"twitter:image","content":"https://v0.app/chat/api/og/wHzODaQffcG"}],["$","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"}],["$","$Lff","15",{}]] 46:o8,46:null 46:ob49,107:"ExplicitChatIdProvider" 108:I[903690,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"$107"] 109:I[838238,["$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","$7f","$80","$81","$82","$7b","$83","$84","$85","$86","$87","$88","$7c","$7d","$89","$8a"],"SWRDataProvider"] 2c:T8,variants2c:T5,scopef7:{"ok":true,"value":{"designSystemId":null,"title":"AI POS system (4)","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_8YeRyuxQ2oLhCgwbfJNdqDmY","tailwindV4Default":true,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":false,"canWriteToChat":false,"canManageChat":false,"chatCreatedAt":1788010565471,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":"v0-git-s3-storage","storageEntityId":"v0-1-team_8YeRyuxQ2oLhCgwbfJNdqDmY-wHzODaQffcG","vercelProjectId":null,"defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}} f8:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} f9:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} fa:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} fb:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} fc:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} fd:{"ok":true,"value":null,"__seedOnly":true} e7:null 10c:[] 10d:[["b_GNOhNEH2FUz",null],["b_bm8WMjxMFqM",null],["b_keXDLGzZqx8",null],["b_PIBjQokhpLl",null],["b_WwTXqCaHbZR",null],["b_gyuC5wNTQiZ",null],["b_vm9zmfyvZsW",null],["b_qk5wnF11SMU",null],["b_AkhnS11mkLe",null],["b_TO7RmTzxAqs",null]] 10e:[["b_GNOhNEH2FUz",{"templateVersionId":null,"templateCanonId":null}],["b_bm8WMjxMFqM",{"templateVersionId":null,"templateCanonId":null}],["b_keXDLGzZqx8",{"templateVersionId":null,"templateCanonId":null}],["b_PIBjQokhpLl",{"templateVersionId":null,"templateCanonId":null}],["b_WwTXqCaHbZR",{"templateVersionId":null,"templateCanonId":null}],["b_gyuC5wNTQiZ",{"templateVersionId":null,"templateCanonId":null}],["b_vm9zmfyvZsW",{"templateVersionId":null,"templateCanonId":null}],["b_qk5wnF11SMU",{"templateVersionId":null,"templateCanonId":null}],["b_AkhnS11mkLe",{"templateVersionId":null,"templateCanonId":null}],["b_TO7RmTzxAqs",{"templateVersionId":null,"templateCanonId":null}]] 46:obc4,10f:[["7lr69rnjgdR","$D2026-08-29T13:36:05.471Z"],["b_wWOVEqbs40a","$D2026-08-29T13:39:48.973Z"],["b_lmpt4fNz7HJ","$D2026-08-29T13:40:08.101Z"],["b_MfnwHtOtWRs","$D2026-08-29T13:40:09.262Z"],["b_4tD0hYQoBN9","$D2026-08-29T13:40:25.317Z"],["b_0jxIIBDC3Yy","$D2026-08-29T13:40:46.405Z"],["b_oXJY8ePfxJl","$D2026-08-29T13:40:50.898Z"],["b_APGCu5x89M9","$D2026-08-29T13:40:59.481Z"],["b_5HmoipIwiSq","$D2026-08-29T13:41:25.428Z"],["b_0all8JGyy77","$D2026-08-29T13:41:31.377Z"],["b_um0PwqYK7zF","$D2026-08-29T13:42:13.688Z"],["b_OmJqJ1jVSGT","$D2026-08-29T13:46:27.568Z"],["b_E8dxBSo7pdl","$D2026-08-29T13:46:33.103Z"],["b_OGkCJXDVMOj","$D2026-08-29T13:46:54.041Z"],["b_VOpNYdi1W51","$D2026-08-29T13:47:01.148Z"],["b_0BLsbMkO4kL","$D2026-08-29T13:47:23.916Z"],["b_f3QeSQUQ3dq","$D2026-08-29T13:47:29.677Z"],["b_GMbmNAP9qbC","$D2026-08-29T13:48:32.956Z"],["b_UbOb1lXNmcc","$D2026-08-29T13:49:51.560Z"],["b_lmW4qTUHvRq","$D2026-08-29T13:50:04.398Z"],["b_r9hdsg7caYK","$D2026-08-29T13:50:23.927Z"],["b_YfYZFjMfAit","$D2026-08-29T13:51:01.573Z"],["b_r2hzKYGFXj0","$D2026-08-29T13:55:19.312Z"],["b_IivGTNAHpwn","$D2026-08-29T13:55:24.058Z"],["b_TZW4VhoWLFr","$D2026-08-29T13:55:30.201Z"],["b_9TVw2SRi4Og","$D2026-08-29T13:55:33.796Z"],["b_qm54ixFZsAP","$D2026-08-29T13:55:36.845Z"],["b_zIZOrPBSI7B","$D2026-08-29T13:55:40.970Z"],["b_244bOcfigzp","$D2026-08-29T13:55:44.188Z"],["b_wk09EOQfboX","$D2026-08-29T13:55:47.841Z"],["b_I7W0cM1plG3","$D2026-08-29T13:56:01.108Z"],["b_Y1JPRxQqk2j","$D2026-08-29T13:58:33.514Z"],["b_hs7DGIOtCNR","$D2026-08-29T13:58:38.733Z"],["b_Zulwl9WGVDr","$D2026-08-29T14:00:47.479Z"],["b_kAdKj93GOV1","$D2026-08-29T14:03:09.254Z"],["b_n9NeMqlfgDJ","$D2026-08-29T14:03:23.736Z"],["b_GfMDhjAsLXj","$D2026-08-29T14:03:53.521Z"],["b_hpn8Dgum7W6","$D2026-08-29T14:04:06.464Z"],["b_zttWWNcmPws","$D2026-08-30T14:25:46.329Z"],["b_bCvbRSPMm6s","$D2026-08-30T14:26:53.664Z"],["b_S33XEGcNdVO","$D2026-08-30T14:26:58.916Z"],["b_21RsDGp6glg","$D2026-08-30T14:27:09.780Z"],["b_mFmJI47D7uy","$D2026-08-30T14:31:38.791Z"],["b_2QHQ5d9rPrV","$D2026-08-30T14:31:43.293Z"],["b_KasUAkvAX97","$D2026-08-30T14:31:49.687Z"],["b_Y4a15zszSwa","$D2026-08-30T14:31:54.957Z"],["b_CSjofoCNJBH","$D2026-08-30T14:32:09.160Z"],["b_SbdIJb2yn4X","$D2026-08-30T14:32:32.962Z"],["b_0qHtSGfqblZ","$D2026-08-30T14:37:23.332Z"],["b_yFRAfDYHk0A","$D2026-08-30T14:37:26.333Z"],["b_bvFavitqJcy","$D2026-08-30T14:37:40.276Z"],["b_cJY1hH4tU3R","$D2026-08-30T14:37:44.016Z"],["b_QqAdwZ8SMyi","$D2026-08-30T14:40:24.382Z"],["b_fd12qMx2hFV","$D2026-08-30T14:40:28.058Z"],["b_GNOhNEH2FUz","$D2026-08-30T14:46:11.663Z"],["b_bm8WMjxMFqM","$D2026-08-30T14:46:14.913Z"],["b_keXDLGzZqx8","$D2026-08-30T14:46:23.544Z"],["b_PIBjQokhpLl","$D2026-08-30T14:46:41.309Z"],["b_WwTXqCaHbZR","$D2026-08-30T14:46:45.401Z"],["b_gyuC5wNTQiZ","$D2026-08-30T14:46:50.604Z"],["b_vm9zmfyvZsW","$D2026-08-30T14:47:00.438Z"],["b_qk5wnF11SMU","$D2026-08-30T14:47:07.074Z"],["b_AkhnS11mkLe","$D2026-08-30T14:47:29.124Z"],["b_TO7RmTzxAqs","$D2026-08-30T14:48:15.523Z"]] 46:of6,110:[["b_GNOhNEH2FUz",false],["b_bm8WMjxMFqM",false],["b_keXDLGzZqx8",false],["b_PIBjQokhpLl",false],["b_WwTXqCaHbZR",false],["b_gyuC5wNTQiZ",false],["b_vm9zmfyvZsW",false],["b_qk5wnF11SMU",false],["b_AkhnS11mkLe",false],["b_TO7RmTzxAqs",false]] 46:oace,111:[["b_GNOhNEH2FUz",{"git":{"ref":"main","sha":"ef71decba6c6ea2040b7db74858711a9f145fabb","type":"github","repoId":0,"repoName":"v0-1-team_8YeRyuxQ2oLhCgwbfJNdqDmY-wHzODaQffcG","ownerName":"v0-git-s3-storage","commitMessage":"feat: add report center and 3D dashboard screens"}}],["b_bm8WMjxMFqM",{"git":{"ref":"main","sha":"ef71decba6c6ea2040b7db74858711a9f145fabb","type":"github","repoId":0,"repoName":"v0-1-team_8YeRyuxQ2oLhCgwbfJNdqDmY-wHzODaQffcG","ownerName":"v0-git-s3-storage","commitMessage":"feat: add report center and 3D dashboard screens"}}],["b_keXDLGzZqx8",{"git":{"ref":"main","sha":"ef71decba6c6ea2040b7db74858711a9f145fabb","type":"github","repoId":0,"repoName":"v0-1-team_8YeRyuxQ2oLhCgwbfJNdqDmY-wHzODaQffcG","ownerName":"v0-git-s3-storage","commitMessage":"feat: add report center and 3D dashboard screens"}}],["b_PIBjQokhpLl",{"git":{"ref":"main","sha":"ef71decba6c6ea2040b7db74858711a9f145fabb","type":"github","repoId":0,"repoName":"v0-1-team_8YeRyuxQ2oLhCgwbfJNdqDmY-wHzODaQffcG","ownerName":"v0-git-s3-storage","commitMessage":"feat: add report center and 3D dashboard screens"}}],["b_WwTXqCaHbZR",{"git":{"ref":"main","sha":"ef71decba6c6ea2040b7db74858711a9f145fabb","type":"github","repoId":0,"repoName":"v0-1-team_8YeRyuxQ2oLhCgwbfJNdqDmY-wHzODaQffcG","ownerName":"v0-git-s3-storage","commitMessage":"feat: add report center and 3D dashboard screens"}}],["b_gyuC5wNTQiZ",{"git":{"ref":"main","sha":"ef71decba6c6ea2040b7db74858711a9f145fabb","type":"github","repoId":0,"repoName":"v0-1-team_8YeRyuxQ2oLhCgwbfJNdqDmY-wHzODaQffcG","ownerName":"v0-git-s3-storage","commitMessage":"feat: add report center and 3D dashboard screens"}}],["b_vm9zmfyvZsW",{"git":{"ref":"main","sha":"ef71decba6c6ea2040b7db74858711a9f145fabb","type":"github","repoId":0,"repoName":"v0-1-team_8YeRyuxQ2oLhCgwbfJNdqDmY-wHzODaQffcG","ownerName":"v0-git-s3-storage","commitMessage":"feat: add report center and 3D dashboard screens"}}],["b_qk5wnF11SMU",{"git":{"ref":"main","sha":"ef71decba6c6ea2040b7db74858711a9f145fabb","type":"github","repoId":0,"repoName":"v0-1-team_8YeRyuxQ2oLhCgwbfJNdqDmY-wHzODaQffcG","ownerName":"v0-git-s3-storage","commitMessage":"feat: add report center and 3D dashboard screens"}}],["b_AkhnS11mkLe",{"git":{"ref":"main","sha":"ef71decba6c6ea2040b7db74858711a9f145fabb","type":"github","repoId":0,"repoName":"v0-1-team_8YeRyuxQ2oLhCgwbfJNdqDmY-wHzODaQffcG","ownerName":"v0-git-s3-storage","commitMessage":"feat: add report center and 3D dashboard screens"}}],["b_TO7RmTzxAqs",{"git":{"ref":"main","sha":"ef71decba6c6ea2040b7db74858711a9f145fabb","type":"github","repoId":0,"repoName":"v0-1-team_8YeRyuxQ2oLhCgwbfJNdqDmY-wHzODaQffcG","ownerName":"v0-git-s3-storage","commitMessage":"feat: add report center and 3D dashboard screens"}}]] 46:o2d6,112:[["b_GNOhNEH2FUz",null],["b_bm8WMjxMFqM",null],["b_keXDLGzZqx8",null],["b_PIBjQokhpLl",null],["b_WwTXqCaHbZR",null],["b_gyuC5wNTQiZ",null],["b_vm9zmfyvZsW",null],["b_qk5wnF11SMU",null],["b_AkhnS11mkLe",null],["b_TO7RmTzxAqs",null]] 113:[["b_GNOhNEH2FUz",true],["b_bm8WMjxMFqM",true],["b_keXDLGzZqx8",true],["b_PIBjQokhpLl",true],["b_WwTXqCaHbZR",true],["b_gyuC5wNTQiZ",true],["b_vm9zmfyvZsW",true],["b_qk5wnF11SMU",true],["b_AkhnS11mkLe",true],["b_TO7RmTzxAqs",true]] 114:[["b_GNOhNEH2FUz",true],["b_bm8WMjxMFqM",true],["b_keXDLGzZqx8",true],["b_PIBjQokhpLl",true],["b_WwTXqCaHbZR",true],["b_gyuC5wNTQiZ",true],["b_vm9zmfyvZsW",true],["b_qk5wnF11SMU",true],["b_AkhnS11mkLe",true],["b_TO7RmTzxAqs",true]] 115:[] 116:T1ac8f,46:o1ac8f,[V0_FILE]typescriptreact:file="/app/page.tsx" 'use client' import { useState } from 'react' import { ArrowDownLeft, ArrowUpLeft, Bell, Check, ChevronLeft, CreditCard, FileText, Grid2X2, Home, Landmark, Package, Pencil, Plus, Receipt, RotateCcw, ScanLine, ShoppingCart, Sparkles, Trash2, Users, Wallet, X } from 'lucide-react' import { ExportCenter } from '@/components/export-center' import { AccountCombobox } from '@/components/account-combobox' import { ThreeDashboard } from '@/components/three-dashboard' import { ReportCenter } from '@/components/report-center' import { invoiceRows, reportRows, voucherRows } from '@/lib/exporters' type Screen = 'home' | 'sale' | 'invoice' | 'inventory' | 'reports' | 'wallet' | 'transactions' | 'journal' | 'report-center' | 'three-d' type ProductTone = 'green' | 'gold' | 'blue' | 'rose' type Product = { name: string; code: string; unit: string; price: number; stock: number; tone: ProductTone; category: string } type TransactionType = 'مبيعات' | 'مشتريات' | 'مردودات' | 'سند قبض' | 'سند صرف' type Sale = { name: string; detail: string; amount: string; tone: 'green' | 'gold' | 'red'; type: TransactionType; status: 'مكتملة' | 'معلّقة'; number: string; date: string } const transactionTypes: Array<'الكل' | TransactionType> = ['الكل', 'مبيعات', 'مشتريات', 'مردودات', 'سند قبض', 'سند صرف'] type IconComponent = React.ComponentType<{ size?: number; className?: string }> const products: Product[] = [{ name: 'قهوة محمصة', code: 'BEV-0001', unit: 'باكت', price: 42, stock: 28, tone: 'green', category: 'المشروبات' }, { name: 'كوب حراري', code: 'ACC-0002', unit: 'حبة', price: 85, stock: 6, tone: 'gold', category: 'الملحقات' }, { name: 'تمر فاخر', code: 'FOO-0003', unit: 'كرتون', price: 32, stock: 42, tone: 'blue', category: 'الأغذية' }, { name: 'شاي أعشاب', code: 'BEV-0004', unit: 'شريط', price: 26, stock: 3, tone: 'rose', category: 'المشروبات' }] const sales: Sale[] = [{ name: 'فاتورة #1048', detail: 'مؤسسة غيمة للتجارة', amount: '+ 2,450 ر.ي', tone: 'green', type: 'مبيعات', status: 'مكتملة', number: '#1048', date: 'اليوم، 09:40' }, { name: 'فاتورة #1047', detail: 'متجر نبض', amount: '+ 890 ر.ي', tone: 'gold', type: 'مبيعات', status: 'مكتملة', number: '#1047', date: 'اليوم، 08:55' }, { name: 'فاتورة شراء #782', detail: 'مورد الساحة', amount: '− 1,240 ر.ي', tone: 'red', type: 'مشتريات', status: 'مكتملة', number: '#782', date: 'أمس، 14:20' }, { name: 'مردود مبيعات #118', detail: 'مؤسسة غيمة للتجارة', amount: '− 340 ر.ي', tone: 'gold', type: 'مردودات', status: 'مكتملة', number: '#118', date: 'أمس، 12:10' }, { name: 'سند قبض #305', detail: 'تحصيل من عميل', amount: '+ 1,800 ر.ي', tone: 'green', type: 'سند قبض', status: 'مكتملة', number: '#305', date: '28 أغسطس، 16:05' }, { name: 'سند صرف #091', detail: 'مصروف تشغيلي', amount: '− 340 ر.ي', tone: 'red', type: 'سند صرف', status: 'معلّقة', number: '#091', date: '28 أغسطس، 11:30' }] export default function Page() { const [screen, setScreen] = useState('home'); const [invoiceType, setInvoiceType] = useState('مبيعات'); const [period, setPeriod] = useState('هذا الشهر'); const [notice, setNotice] = useState(null); const [alertsOpen, setAlertsOpen] = useState(false); const [selectedTransaction, setSelectedTransaction] = useState(null); const [cart, setCart] = useState([]) const notify = (message: string) => { setNotice(message); window.setTimeout(() => setNotice(null), 2400) } const add = (product: Product) => { setCart((current) => { const quantityInCart = current.filter((item) => item.name === product.name).length; if (quantityInCart >= product.stock) { notify(`لا يمكن إضافة أكثر من مخزون ${product.name}`); return current } notify(`أضيف ${product.name} إلى السلة`); return [...current, product] }) } const total = cart.reduce((sum, item) => sum + item.price, 0) return

{screen === 'home' && <> value === '__all__' ? setScreen('transactions') : setSelectedTransaction(value)} />

} {screen === 'sale' && setCart(cart.filter((_, index) => index !== i))} notify={notify} onBack={() => setScreen('home')} />} {screen === 'invoice' && setScreen('home')} />} {screen === 'inventory' && setScreen('home')} />} {screen === 'reports' && setScreen('home')} />} {screen === 'report-center' && setScreen('home')} />} {screen === 'three-d' && <>

setScreen('home')} />

حرّك المشهد واسحب المؤشرات لاستكشاف الأداء المالي والمخزني بصورة تفاعلية.

} {screen === 'transactions' && setScreen('home')} onSelect={setSelectedTransaction} />} {screen === 'journal' && setScreen('home')} />} {screen === 'wallet' && <>

setScreen('home')} />

} {selectedTransaction && selectedTransaction !== '__all__' &&

setSelectedTransaction(null)}>

}{notice &&

{notice}

} {screen !== 'invoice' && screen !== 'wallet' && screen !== 'transactions' && screen !== 'journal' && screen !== 'report-center' && screen !== 'three-d' &&

} function EntryNavigation({ screen, type, setType, go, notify }: { screen: Screen; type: string; setType: (s: string) => void; go: (s: Screen) => void; notify: (s: string) => void }) { const invoiceTypes = ['مبيعات', 'مشتريات', 'مردود مبيعات', 'مردود مشتريات'] const voucherTypes = ['سند قبض', 'سند صرف'] const options = screen === 'invoice' ? invoiceTypes : voucherTypes const currentIndex = Math.max(0, options.indexOf(type)) const move = (direction: -1 | 1) => { const nextIndex = (currentIndex + direction + options.length) % options.length const next = options[nextIndex] setType(next) notify(`تم الانتقال إلى ${next}`) } return

نموذج الإدخال

{type}

{currentIndex + 1} من {options.length}

} function Header({ title, subtitle, back }: { title: string; subtitle?: string; back?: () => void }) { return

{back ? :

}

{title}

{subtitle &&

{subtitle}

}

{!back && }

} function HomeScreen({ period, setPeriod, go, setType, notify, alertsOpen, setAlertsOpen, onTransaction }: { period: string; setPeriod: (s: string) => void; go: (s: Screen) => void; setType: (s: string) => void; notify: (s: string) => void; alertsOpen: boolean; setAlertsOpen: React.Dispatch>; onTransaction: (s: string) => void }) { return <>

مِيزان

رفيقك المالي اليومي

{alertsOpen &&

التنبيهات

الكوب الحراري منخفض المخزون. راجع طلب التوريد قبل نهاية اليوم.

}

تمت المزامنة الآنAI متصل

الرصيد الكلي

84,620 ر.ي

14.8% مقارنة بالشهر الماضي

الوصول السريع

لمسة واحدة

go('sale')} /> go('invoice')} /> notify('الكاميرا جاهزة لمسح المنتج')} /> go('inventory')} />

قراءة ذكية ليومك

مبيعاتك ترتفع في الفترة المسائية. اقترح زيادة مخزون القهوة قبل الساعة 6 مساءً.

الوصول السريع

أنجز مهامك اليومية بضغطة واحدة

جاهز للعمل

} function PaymentCards({ go, setType }: { go: (s: Screen) => void; setType: (s: string) => void }) { const open = (type: string) => { setType(type); go('wallet') }; return

السندات المالية

إنشاء قبض وصرف موثّق خلال ثوانٍ

ذكي

} function PurchaseCards({ notify, go, setType }: { notify: (s: string) => void; go: (s: Screen) => void; setType: (s: string) => void }) { return

الفواتير والحركات

إدارة المشتريات والمرتجعات بسهولة

محدّث اليوم

} function InvoiceCard({ notify, go, setType, type, title, subtitle, amount, icon: Icon, tone, message, compact = false }: { notify: (s: string) => void; go: (s: Screen) => void; setType: (s: string) => void; type: string; title: string; subtitle: string; amount: string; icon: IconComponent; tone: ProductTone; message: string; compact?: boolean }) { return } function Performance({ go }: { go: (s: Screen) => void }) { return

أداء المتجر

المبيعات خلال آخر 7 أيام

إجمالي المبيعات

12,480 ر.ي

+8.4%

{[34,48,39,62,51,78,92].map((h,i)=>

{['س','ح','ن','ث','ر','خ','ج'][i]}

)}

} function Transactions({ onSelect }: { onSelect: (s: string) => void }) { return

آخر العمليات

{sales.slice(0, 3).map(x=>)}

} type JournalLine = { id: number; account: string; currency: string; debit: string; credit: string; note: string } function LegacyJournalScreen({ notify, onBack }: { notify: (message: string) => void; onBack: () => void }) { const [lines, setLines] = useState([{ id: 1, account: 'الصندوق الرئيسي', currency: 'ر.ي', debit: '', credit: '', note: '' }, { id: 2, account: 'المبيعات', currency: 'ر.ي', debit: '', credit: '', note: '' }]); const [saved, setSaved] = useState(false); const update = (id: number, key: keyof JournalLine, value: string) => setLines((current) => current.map((line) => line.id === id ? { ...line, [key]: value } : line)); const addLine = () => setLines((current) => [...current, { id: Date.now(), account: '', currency: 'ر.ي', debit: '', credit: '', note: '' }]); const removeLine = (id: number) => setLines((current) => current.length > 2 ? current.filter((line) => line.id !== id) : current); const debit = lines.reduce((sum, line) => sum + Number(line.debit || 0), 0); const credit = lines.reduce((sum, line) => sum + Number(line.credit || 0), 0); const balanced = debit > 0 && debit === credit; const rows = lines.map((line, index) => ({ label: `${index + 1}. ${line.note || line.account || 'قيد محاسبي'} · ${line.currency}`, value: `الحساب: ${line.account || 'غير محدد'} | مدين: ${line.debit || '0'} | دائن: ${line.credit || '0'}` })); return <>

قيد جديد

أضف أي عدد من الحسابات، وسيتم التحقق من التوازن تلقائيًا.

{balanced ? 'متوازن' : 'غير متوازن'}

{lines.map((line, index) =>

السطر {index + 1}{lines.length > 2 && }

update(line.id, 'account', value)} /> update(line.id, 'debit', event.target.value)} placeholder="مدين" className="rounded-xl border border-border bg-card px-3 py-2 text-xs" /> update(line.id, 'credit', event.target.value)} placeholder="دائن" className="rounded-xl border border-border bg-card px-3 py-2 text-xs" />

update(line.id, 'note', event.target.value)} placeholder="البيان / الوصف" className="mt-2 w-full rounded-xl border border-border bg-card px-3 py-2 text-xs" />

)}

{!balanced &&

يجب أن يتساوى إجمالي المدين مع إجمالي الدائن قبل الحفظ.

}

} type EntrySide = { id: number; debitAccount: string; creditAccount: string; debit: string; credit: string; note: string; currency: string } function JournalScreen({ notify, onBack }: { notify: (message: string) => void; onBack: () => void }) { const [rows, setRows] = useState([{ id: 1, debitAccount: 'الصندوق الرئيسي', creditAccount: '', debit: '', credit: '', note: '', currency: 'ر.ي' }, { id: 2, debitAccount: '', creditAccount: 'المبيعات', debit: '', credit: '', note: '', currency: 'ر.ي' }]); const update = (id: number, key: keyof EntrySide, value: string) => setRows((current) => current.map((row) => row.id === id ? { ...row, [key]: value } : row)); const addRow = () => setRows((current) => [...current, { id: Date.now(), debitAccount: '', creditAccount: '', debit: '', credit: '', note: '', currency: 'ر.ي' }]); const removeRow = (id: number) => setRows((current) => current.length > 2 ? current.filter((row) => row.id !== id) : current); const debit = rows.reduce((sum, row) => sum + Number(row.debit || 0), 0); const credit = rows.reduce((sum, row) => sum + Number(row.credit || 0), 0); const balanced = debit > 0 && debit === credit; const exportRows = rows.map((row, index) => ({ label: `${index + 1}. ${row.note || 'قيد محاسبي'} · ${row.currency}`, value: `مدين: ${row.debitAccount || '—'} (${row.debit || '0'}) | دائن: ${row.creditAccount || '—'} (${row.credit || '0'})` })); return <>

قيد جديد

اختر الحساب بسهولة من كل جانب وأضف عددًا غير محدود من الصفوف.

{balanced ? 'متوازن' : 'غير متوازن'}

الجانب المدينالجانب الدائن

{rows.map((row, index) =>

القيد {index + 1}{rows.length > 2 && }

update(row.id, 'debitAccount', value)} /> update(row.id, 'creditAccount', value)} /> update(row.id, 'debit', event.target.value)} placeholder="مبلغ المدين" className="rounded-xl border border-accent/40 bg-card px-3 py-2 text-xs" /> update(row.id, 'credit', event.target.value)} placeholder="مبلغ الدائن" className="rounded-xl border border-destructive/30 bg-card px-3 py-2 text-xs" />

update(row.id, 'note', event.target.value)} placeholder="البيان" className="rounded-xl border border-border bg-card px-3 py-2 text-xs" />

)}

{!balanced &&

يجب أن يتساوى إجمالي المدين مع إجمالي الدائن.

}

} function TransactionsScreen({ onBack, onSelect }: { onBack: () => void; onSelect: (s: string) => void }) { const [filter, setFilter] = useState<'الكل' | TransactionType>('الكل'); const [sortNewest, setSortNewest] = useState(true); const visible = sales.filter((item) => filter === 'الكل' || item.type === filter || (filter === 'مردودات' && item.name.includes('مردود'))).sort((a, b) => sortNewest ? sales.indexOf(a) - sales.indexOf(b) : sales.indexOf(b) - sales.indexOf(a)); const incoming = visible.filter((item) => item.amount.startsWith('+')).reduce((sum, item) => sum + Number(item.amount.replace(/[^0-9]/g, '')), 0); const outgoing = visible.filter((item) => item.amount.startsWith('−')).reduce((sum, item) => sum + Number(item.amount.replace(/[^0-9]/g, '')), 0); return <>

فرز العمليات

اختر نوع العملية لعرض سجل أدق

{transactionTypes.map((type) => )}

تفاصيل السجل

اضغط على أي عملية لعرض تفاصيلها

{visible.length ? visible.map((item) => ) :

لا توجد عمليات من هذا النوع

}

} function SaleScreen({ products, cart, total, add, remove, notify, onBack }: { products: Product[]; cart: Product[]; total: number; add: (product: Product) => void; remove: (index: number) => void; notify: (message: string) => void; onBack: () => void }) { const [query, setQuery] = useState(''); const [category, setCategory] = useState('الكل'); const categories = ['الكل', ...Array.from(new Set(products.map((p: Product) => p.category)))]; const filtered = products.filter((p: Product) => p.name.includes(query) && (category === 'الكل' || p.category === category)); return <>

اقتراح مِيزان الذكي

أكثر المنتجات مبيعًا جاهزة للاختيار

setQuery(e.target.value)} placeholder="ابحث عن منتج..." className="min-w-0 flex-1 bg-transparent text-sm outline-none" aria-label="البحث عن منتج"/>

المنتجات

{filtered.length} أصناف

{categories.map((item: string) => )}

{filtered.map((p: Product)=>)}

{filtered.length === 0 &&

لا توجو منتجات مطابقة

}

السلة ({cart.length})

{total} ر.ي

{cart.length===0?

اختر منتجًا لإضافته إلى السلة

{cart.map((p:any,i:number)=>

{p.name}

)}

}

} function InvoiceScreen({ type, setType, notify, onBack }: { type: string; setType: (s: string) => void; notify: (s: string) => void; onBack: () => void }) { const [customer, setCustomer] = useState(''); const [item, setItem] = useState('قهوة محمصة'); const [unit, setUnit] = useState('حبة'); const [quantity, setQuantity] = useState(1); const price = item === 'كوب حراري' ? 85 : item === 'تمر فاخر' ? 32 : 42; const subtotal = price * quantity; const tax = Math.round(subtotal * 0.15); const total = subtotal + tax; const types = ['مبيعات','مشتريات','مردود مبيعات','مردود مشتريات']; const units = ['حبة','شريط','باكت','علبة','كرتون','كيلو','لتر']; return <>

{types.map((name) => )}

اقتراح مِيزان الذكي

تم تجهيز الضريبة والإجمالي تلقائيًا.

مِيزان للمحاس��ة

حلول مالية موثوقة لنمو أعمالك

رقم المستند

INV-2026-1048

29 أغسطس 2026

نوع المستند{type}

الطرف{customer || 'عميل نقدي'}

{type.includes('مشتريات') ? 'اسم المورد' : 'اسم العميل'} setCustomer(e.target.value)} className="mt-2 w-full rounded-2xl border border-input bg-background p-3 text-sm outline-none" placeholder="اكتب الاسم هنا" />المنتجالعبوة / الوحدة

{units.map((name) => )}

الكمية setQuantity(Math.max(1, Number(e.target.value) || 1))} type="number" min="1" className="mt-2 w-full rounded-2xl border border-input bg-background p-3 text-sm outline-none" aria-label="الكمية" />

{item} · {quantity} {unit}{total} ر.ي

} function InventoryScreen({ notify, onBack }: { notify:(s:string)=>void; onBack: () => void }) { const [method, setMethod] = useState('المتوسط المرجح') const [selected, setSelected] = useState(products[0].name) const [warehouse, setWarehouse] = useState('المستودع الرئيسي') const [movement, setMovement] = useState('الكل') const [codeQuery, setCodeQuery] = useState('') const [showCodeSettings, setShowCodeSettings] = useState(false) const [codePattern, setCodePattern] = useState('تلقائي حسب التصنيف') const [prefix, setPrefix] = useState('SKU') const [digits, setDigits] = useState('4') const [barcodeType, setBarcodeType] = useState('Code 128') const [unitMap, setUnitMap] = useState>({ 'قهوة محمصة': 'باكت', 'كوب حراري': 'حبة', 'تمر فاخر': 'كرتون', 'شاي أعشاب': 'شريط' }) const warehouses = ['المستودع الرئيسي', 'مستودع الفرع الشرقي', 'مستودع التوزيع'] const selectedProduct = products.find((product) => product.name === selected) ?? products[0] const visibleProducts = products.filter((product) => `${product.name} ${product.code} ${product.category}`.includes(codeQuery.trim())) const expiry = selectedProduct.name === 'قهوة محمصة' ? '2026-11-18' : selectedProduct.name === 'تمر فاخر' ? '2027-02-04' : '2026-09-12' const cost = method === 'FIFO' ? selectedProduct.price - 3 : method === 'الوارد أولاً صادر أولاً' ? selectedProduct.price - 2 : selectedProduct.price - 1 const ledger = [['الرصيد الافتتاحي', '01 أغسطس، 08:00', '—', '—', '28', 'رصيد أول المدة'], ['شراء', 'أمس، 14:20', '+12', '—', '40', 'مورد الساحة'], ['بيع', 'اليوم، 09:40', '—', '-2', '38', 'فاتورة #1048'], ['تسوية جرد', '18 أغسطس', '—', '-1', '37', 'جرد دوري']] const rows = ledger.filter((row) => movement === 'الكل' || (movement === 'الوارد' && row[2] !== '—') || (movement === 'الصادر' && row[3] !== '—')) return <>

طريقة تقييم المخزون

{method}

محاسبي

{['المتوسط المرجح','FIFO','الوارد أولاً صادر أولاً'].map((name) => )}

تكلفة {selectedProduct.name}{cost} ر.ي / وحدة

تنبيهات الصلاحية

{selectedProduct.name} تنتهي صلاحيته في {expiry}. راجع الكمية واتخذ إجراء قبل 30 يومًا.

ترميز الأصناف والوحدات

إعدادات الكود والباركود

{showCodeSettings &&

نمط الترقيم

بادئة الرمز setPrefix(event.target.value.toUpperCase().replace(/[^A-Z0-9-]/g, '').slice(0, 6))} maxLength={6} className="mt-2 w-full rounded-xl border border-input bg-background px-3 py-3 text-xs font-bold outline-none" />عدد الخانات

نوع الباركود

وحدة الصنف المحدد

تُستخدم الوحدة في البيع والجرد وطباعة الملصق.

مثال المعاينة: {prefix}-{String(products.findIndex((item) => item.name === selectedProduct.name) + 1).padStart(Number(digits), '0')} · {barcodeType}

}

بطاقات الأصناف

{visibleProducts.length} أصناف

setCodeQuery(event.target.value)} placeholder="ابحث بالاسم أو رمز الصنف..." aria-label="البحث باسم أو رمز الصنف" className="min-w-0 flex-1 bg-transparent text-xs outline-none"/>

{visibleProducts.map((p) => )}

كشف حركة المخزون

الوارد والصادر والرصيد للصنف المحدد

اختر المستودع

اختر الصنف لإرسال كشفه

{['الكل','الوارد','الصادر'].map((name) => )}

البيانالتاريخواردصادرالرصيدالمرجع

{rows.map(([type, date, incoming, outgoing, balance, reference]) =>

{type}{date}{incoming}{outgoing}{balance}{reference}

)}

{!rows.length &&

لا توجد حركة مطابقة

}

بيان حركة المخزون

الوارد والصادر والرصيد للصنف المحدد

{rows.length} حركات

البيانواردصادرالرصيد

{rows.map((row) =>

{row[0]}{row[1]} · {row[5]}{row[2]}{row[3]}{row[4]}

)}

} function ReportsScreen({ onBack }: { onBack: () => void }) { const [period, setPeriod] = useState('هذا الشهر') const [report, setReport] = useState('الملخص') const [statement, setStatement] = useState(null) const [payment, setPayment] = useState('كل طرق الدفع') const [query, setQuery] = useState('') const [notice, setNotice] = useState('') const [showInsights, setShowInsights] = useState(false) const [viewMode, setViewMode] = useState<'cards' | 'list'>('cards') const notify = (message: string) => { setNotice(message); window.setTimeout(() => setNotice(''), 2200) } const metrics = report === 'المصروفات' ? [['إجمالي المصروفات', '6,340 ر.ي', '− 4.2%', 'text-destructive'], ['عدد العمليات', '28', '+ 3', 'text-foreground'], ['متوسط العملية', '226 ر.ي', '− 8.1%', 'text-foreground'], ['أعلى بند', 'التوريد', '2,840 ر.ي', 'text-foreground']] : report === 'المبيعات' ? [['إجمالي المبيعات', '24,800 ر.ي', '+ 8.4%', 'text-accent-foreground'], ['عدد الفواتير', '86', '+ 12', 'text-foreground'], ['متوسط الفاتورة', '288 ر.ي', '+ 5.6%', 'text-foreground'], ['أفضل قناة', 'المتجر', '68%', 'text-foreground']] : [['صافي الربح', '18,460 ر.ي', '+ 12.6%', 'text-accent-foreground'], ['المبيعات', '24,800 ر.ي', '+ 8.4%', 'text-foreground'], ['المصروفات', '6,340 ر.ي', '− 4.2%', 'text-destructive'], ['هامش الربح', '74.4%', '+ 2.8%', 'text-foreground']] const rows = [['فاتورة #1048', 'مبيعات · تحويل بنكي', '2,450 ر.ي', 'مكتملة'], ['فاتورة #1047', 'مبيعات · نقد��', '890 ر.ي', 'مكتملة'], ['مورد الساحة', 'مصروف · تحويل بنكي', '340 ر.ي', 'مكتملة'], ['فاتورة #1045', 'مبيعات · بطاقة', '1,280 ر.ي', 'مكتملة']].filter(([name, detail]) => `${name} ${detail}`.includes(query) && (payment === 'كل طرق الدفع' || detail.includes(payment))) const productsReport = [['قهوة محمصة', '42%', '10,416 ر.ي'], ['كوب حراري', '28%', '6,944 ر.ي'], ['تمر فاخر', '18%', '4,464 ر.ي']] return <>

مركز التقارير

خصص العرض واحفظ نسخة جاهزة للمشاركة

مباشر

القوائم المالية

اضغط على البطاقة لعرض الكشف

جاهزة

{['قائمة الدخل','المركز المالي','التدفقات النقدية','ميزان المراجعة'].map((title) => )}

{statement &&

القائمة المحددة

{statement}

الفترة

{period}

الحالة

متوازن

}

لوحة التحليل

نظرة دقيقة على أداء نشاطك

{['الملخص','المبيعات','المصروفات','الربح'].map((name) => )}

{['هذا الأسبوع','هذا الشهر','هذا العام'].map((name) => )}

البحث في العمليات setQuery(e.target.value)} placeholder="ابحث في العمليات..." className="w-full rounded-xl border border-input bg-background px-3 py-2 text-[11px] outline-none" />

{report === 'المصروفات' ? 'إجمالي المصروفات' : report === 'المبيعات' ? 'إجمالي المبيعات' : 'صافي الربح'}

{report === 'المصروفات' ? '6,340' : report === 'المبيعات' ? '24,800' : '18,460'} ر.ي

{period}

{report === 'المصروفات' ? '4.2%' : '12.6%'}

{metrics.map(([label,value,change,tone]) =>

{label}

{value}

{change} مقارنة بالسابق

)}

القوائم المالية

قراءة سريعة للمركز المالي

محدث

{[['قائمة الدخل','18,460 ر.ي'],['المركز المالي','74,800 ر.ي'],['التدفقات النقدية','8,650 ر.ي'],['ميزان المراجعة','متوازن']].map(([label,value]) => )}

بحث ذكي

ابحث في القيود والفواتير والحسابات

setQuery(event.target.value)} placeholder="رقم المستند أو اسم الحساب" aria-label="البحث الذكي" className="mt-4 w-full rounded-2xl border border-border bg-background px-3 py-3 text-xs outline-none focus:ring-2 focus:ring-primary/20" />

4 عملياتكل العملات

اتجاه الأداء

توزيع النتائج خلال {period}

مستقر

{[42,58,49,72,61,84,68,92].map((height,index) =>

{['س','ح','ن','ث','ر','خ','ج','ج'][index]}

)}

الأصناف الأعلى مبيعًا

مساهمة كل صنف من المبيعات

{productsReport.map(([name,share,amount]) =>

{name}{amount}

)}

قراءة مِيزان الذكيةتحليل مبني على بيانات التقرير

تحليل آلي

الأداء يتحسن عن الفترة السابقة. ركّز على المنتجات الأعلى مبيعًا وراجع المصروفات التشغيلية للحفاظ على هامش ربحك.

{showInsights &&

فرصة نمو: زِد مخزون قهوة محمصة قبل ذروة الطلب.

تنبيه: راقب المصروفات التشغيلية إذا تجاوزت 7,000 ر.ي.

إجراء مقترح: راجع الأسعار أسبوعيًا للأصناف الأعلى مبيعًا.

}

كشف الحساب الذكي

مدين، دائن، ورصيد تراكمي للفترة المحددة

إجمالي المدين

8,640 ر.ي

إجمالي الدائن

24,800 ر.ي

الرصيد

16,160 ر.ي

{[['02 / 08 / 2026 · مصروف توريد','2,840','—','5,660'],['05 / 08 / 2026 · فاتورة مبيعات','—','12,450','18,110'],['12 / 08 / 2026 · تحويل بنكي','1,200','—','16,910'],['18 / 08 / 2026 · فاتورة مبيعات','—','8,640','25,550']].map(([description,debit,credit,balance]) => )}

التاريخ والبيان	مدين	دائن	الرصيد
رصيد افتتاحي01 / 08 / 2026 · بداية الفترة	—	—	8,500
{description}	{debit}	{credit}	{balance}

تفاصيل العمليات

{rows.length} عمليات مطابقة للفلاتر الحالية

{rows.length ? rows.map(([name,detail,amount,status]) =>

{name}

{detail}

{amount}

{status}

) :

لا توجد عمليات تطابق البحث الحالو

}

{notice &&

{notice}

}

} function VoucherSetup({ type, setType, method, setMethod, currency, setCurrency }: { type: string; setType: (value: string) => void; method: string; setMethod: (value: string) => void; currency: string; setCurrency: (value: string) => void }) { const voucherTypes = ['سند قبض', 'سند صرف']; const paymentMethods = ['نقدي', 'تحويل بنكي', 'بطاقة', 'محفظة إلكترونية']; const currencies = [{ name: 'ريال يمني', code: 'ر.ي', flag: 'YER' }, { name: 'ريال سعودي', code: 'ر.س', flag: 'SAR' }, { name: 'دولار أمريكي', code: '$', flag: 'USD' }, { name: 'يورو', code: '€', flag: 'EUR' }]; return

نوع السند

حدد طبيعة الحركة قبل إدخال التفاصيل

{voucherTypes.map((name) => )}

ال��ملة

{currencies.map((item) => )}

طريقة الدفع

{paymentMethods.map((name) => )}

} function WalletScreen({ type, setType, notify, onBack }: { type: string; setType: (value: string) => void; notify: (message: string) => void; onBack: () => void }) { const isReceipt = type === 'سند قبض'; const [party, setParty] = useState(''); const [amount, setAmount] = useState(''); const [date, setDate] = useState('2026-08-23'); const [method, setMethod] = useState('تحويل بنكي'); const [currency, setCurrency] = useState('ريال يمني'); const [account, setAccount] = useState('الحساب التشغيلي'); const [description, setDescription] = useState(''); const [saved, setSaved] = useState(false); const voucherNumber = useState(() => `${isReceipt ? 'قبض' : 'صرف'}-${Math.floor(100000 + Math.random() * 900000)}`)[0]; const save = () => { if (!party.trim() || !amount || Number(amount) <= 0) return notify('أكمل اسم الطرف والمبلغ بشكل صحيح'); setSaved(true); notify(`تم حفظ ${type} بنجاح`); }; return <>

{type !== 'سند قبض' && type !== 'سند صرف' && <>}{(type === 'سند قبض' || type === 'سند صرف') && <>

مِيزان للمحاسبة

حلول مالية موثوقة لنمو أعمالك

رقم السند

{voucherNumber}

{date}

نوع السند{type}

الحساب{account}

الطرف

{party || 'غير محدد'}

المبلغ

{amount || '0'} {currency === 'ريال يمني' ? 'ر.ي' : currency}

البيان

{description || 'بدون بيان إضافي'}

المستلم / المسلماعتماد الإدارة

{isReceipt ? : }

{type} جديد

رقم مقترح: {voucherNumber}

بيانات السند

حفظ تلقائي

{isReceipt ? 'اسم العميل أو الجهة' : 'اسم الم��رد أ�� المستفيد'} setParty(e.target.value)} placeholder="مثال: مؤسسة غيمة للتجارة" className="mt-2 w-full rounded-2xl border border-input bg-background p-3 text-sm outline-none" />

ا��مبلغ (ر.ي) setAmount(e.target.value)} placeholder="0.00" className="mt-2 w-full rounded-2xl border border-input bg-background p-3 font-mono text-sm outline-none" />

التاريخ setDate(e.target.value)} className="mt-2 w-full rounded-2xl border border-input bg-background p-3 text-xs outline-none" />

طريقة الدفع

الحساب

البيان والملاحظات (اختياري)

setDescription(e.target.value)} placeholder="أضف سبب العملية أو مرجعها..." rows={3} className="mt-2 w-full resize-none rounded-2xl border border-input bg-background p-3 text-sm outline-none" /><div className="mt-4 flex items-center justify-between rounded-2xl bg-muted p-3"><span className="text-xs text-muted-foreground">الإج��الي</span><strong className={`font-mono text-lg ${isReceipt ? 'text-accent-foreground' : 'text-destructive'}`}>{amount ? Number(amount).toLocaleString('ar-SA') : '0'} <span className="text-xs font-normal">ر.ي</span></strong></div><button onClick={save} className="mt-4 w-full rounded-2xl bg-primary p-3.5 text-sm font-bold text-primary-foreground">{saved ? 'تم الحفظ بنجاح' : `حفظ ${type}`}</button></div></>}{type !== 'سند قبض' && type !== 'سند صرف' && <><div className="wallet-card rounded-3xl bg-secondary p-5"><Wallet size={24}/><p className="mt-8 text-xs text-secondary-foreground/70">الرصيد المتاح</p><p className="mt-1 font-mono text-3xl font-bold text-secondary-foreground">84,620 ر.ي</p></div><div className="grid grid-cols-2 gap-3"><Stat label="الدخل" value="+24,800"/><Stat label="المصروفات" value="−6,340" danger/></div><div className="rounded-3xl border border-border bg-card p-4"><h2 className="font-bold">حساباتك</h2><p className="mt-3 text-xs leading-6 text-muted-foreground">اختر سند قبض أو صرف من الرئيسية لإضافة حركة مالية موثّقة.</p></div></>}</section></> }
function WalletAccounts({ notify }: { notify: (message: string) => void }) { const [tab, setTab] = useState('الصناديق'); const [accounts, setAccounts] = useState([{ id: 1, name: 'الصندوق الرئيسي', detail: 'نقدي · الفرع الرئيسي', balance: '18,450 ر.ي', icon: Wallet, tone: 'green' }, { id: 2, name: 'الحساب التشغيلي', detail: 'بنك اليمن الدولي · ****4021', balance: '42,800 ر.ي', icon: Landmark, tone: 'blue' }, { id: 3, name: 'صراف المبيعات', detail: 'عهدة · أحمد محمد', balance: '2,350 ر.ي', icon: Users, tone: 'gold' }, { id: 4, name: 'محفظة كاش', detail: 'محفظة إلكترونية · ****7788', balance: '6,200 ر.ي', icon: CreditCard, tone: 'rose' }]); const [editing, setEditing] = useState<number | null>(null); const [name, setName] = useState(''); const current = accounts.filter((item) => tab === 'الصناديق' ? item.icon === Wallet : tab === 'البنوك' ? item.icon === Landmark : tab === 'الصرافين' ? item.icon === Users : item.icon === CreditCard); const openEdit = (item: typeof accounts[number]) => { setEditing(item.id); setName(item.name) }; const save = () => { if (!name.trim()) return notify('اكتب اسم الحساب أولًا'); setAccounts((items) => editing ? items.map((item) => item.id === editing ? { ...item, name: name.trim() } : item) : [...items, { id: Date.now(), name: name.trim(), detail: tab === 'الصناديق' ? 'نقدي · حساب جديد' : tab === 'البنوك' ? 'حساب ب��كي · جديد' : tab === 'الصرافين' ? 'عهدة · صراف جديد' : 'محفظة إلكترونية · جديدة', balance: '0 ر.ي', icon: tab === 'الصناديق' ? Wallet : tab === 'البنوك' ? Landmark : tab === 'الصرافين' ? Users : CreditCard, tone: tab === 'الصناديق' ? 'green' : tab === 'البنوك' ? 'blue' : tab === 'الصرافين' ? 'gold' : 'rose' }]); setName(''); setEditing(null); notify(editing ? 'تم تحديث ��لحساب' : `تمت إضافة ${tab.slice(0, -1)}`) }; return <div className="space-y-3"><div className="flex items-center justify-between"><div><h2 className="font-bold">الحسابات المالية</h2><p className="mt-1 text-xs text-muted-foreground">أدر الصناديق والبنوك والصرافين من مكان واحد</p></div><button onClick={() => { setEditing(null); setName('') }} className="flex items-center gap-1 rounded-xl bg-primary px-3 py-2 text-[10px] font-bold text-primary-foreground"><Plus size={14}/>إضافة</button></div><div className="flex gap-2 overflow-x-auto">{['الصناديق','البنوك','الصرافين','المحافظ الإلكترونية'].map((item) => <button key={item} onClick={() => setTab(item)} className={`whitespace-nowrap rounded-full px-3 py-2 text-[11px] font-bold ${tab === item ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}>{item}</button>)}</div><div className="space-y-2">{current.map((item) => { const Icon = item.icon; return <div key={item.id} className="surface-card flex items-center gap-3 rounded-2xl border border-border bg-card p-3"><span className={`quick-icon ${item.tone}`}><Icon size={17}/></span><div className="min-w-0 flex-1"><p className="truncate text-sm font-bold">{item.name}</p><p className="mt-1 truncate text-[10px] text-muted-foreground">{item.detail}</p></div><div className="text-left"><p className="font-mono text-xs font-bold">{item.balance}</p><div className="mt-1 flex justify-end gap-1"><button aria-label={`تعديل ${item.name}`} onClick={() => openEdit(item)} className="rounded-lg p-1.5 text-muted-foreground hover:bg-muted"><Pencil size={13}/></button><button aria-label={`حذف ${item.name}`} onClick={() => { setAccounts((items) => items.filter((account) => account.id !== item.id)); notify('تم حذف الحساب') }} className="rounded-lg p-1.5 text-muted-foreground hover:bg-muted"><Trash2 size={13}/></button></div></div></div> })}</div><div className="rounded-2xl border border-dashed border-border bg-muted/40 p-3"><label className="text-xs font-bold">{editing ? 'تحديث اس�� الحساب' : `إضافة ${tab.slice(0, -1)} جديد`}</label><div className="mt-2 flex gap-2"><input value={name} onChange={(event) => setName(event.target.value)} placeholder="مثال: صندوق الفرع" className="min-w-0 flex-1 rounded-xl border border-input bg-card px-3 py-2 text-xs outline-none" aria-label="اسم الحساب"/><button onClick={save} className="rounded-xl bg-primary px-3 text-xs font-bold text-primary-foreground">{editing ? 'تحديث' : 'حفظ'}</button></div></div></div> }
function WalletOverview({ notify }: { notify: (message: string) => void }) { const [range, setRange] = useState('هذا الشهر'); const total = 69800; const inflow = 8650; const outflow = 1540; const pending = 3; return <div className="space-y-3"><div className="flex items-center justify-between"><div><h2 className="font-bold">نظرة المحفظة</h2><p className="mt-1 text-xs text-muted-foreground">ملخص السيولة لجميع حساباتك</p></div><select aria-label="الفترة الزمنية" value={range} onChange={(event) => setRange(event.target.value)} className="rounded-xl border border-input bg-card px-2 py-2 text-[10px] font-bold"><option>هذا الشهر</option><option>هذا الأسبوع</option><option>هذا العام</option></select></div><div className="hero-card rounded-3xl p-4 text-primary-foreground"><div className="flex items-start justify-between"><div><p className="text-[11px] text-primary-foreground/70">إجمالي الأرصدة</p><p className="mt-2 font-mono text-2xl font-bold">{total.toLocaleString('ar-YE')} <span className="text-xs font-normal">ر.ي</span></p></div><Wallet size={22} className="opacity-80" /></div><div className="mt-4 grid grid-cols-3 gap-2 border-t border-primary-foreground/15 pt-3"><div><p className="text-[10px] text-primary-foreground/65">الوارد</p><p className="mt-1 font-mono text-xs font-bold text-accent">+{inflow.toLocaleString('ar-YE')}</p></div><div><p className="text-[10px] text-primary-foreground/65">الصادر</p><p className="mt-1 font-mono text-xs font-bold">−{outflow.toLocaleString('ar-YE')}</p></div><div><p className="text-[10px] text-primary-foreground/65">قيد التسوية</p><p className="mt-1 font-mono text-xs font-bold">{pending}</p></div></div></div><div className="grid grid-cols-2 gap-3"><button onClick={() => notify('تم فتح نموذج التحويل بين الحسابات')} className="rounded-2xl border border-primary/20 bg-primary/5 p-3 text-right"><ArrowDownLeft size={17} className="text-primary" /><strong className="mt-2 block text-xs">تحويل داخلي</strong><span className="mt-1 block text-[10px] text-muted-foreground">نقل بين حساباتك</span></button><button onClick={() => notify('لا توجد تسويات معلقة')} className="rounded-2xl border border-border bg-card p-3 text-right"><Check size={17} className="text-accent-foreground" /><strong className="mt-2 block text-xs">التسويات</strong><span className="mt-1 block text-[10px] text-muted-foreground">{pending} عمليات للمراجعة</span></button></div></div> }
function WalletMovement({ notify }: { notify: (message: string) => void }) { const [account, setAccount] = useState('كل الحسابات'); const [filter, setFilter] = useState('الكل'); const [query, setQuery] = useState(''); const accounts = ['كل الحسابات', 'الصندوق الرئيسي', 'الحساب التشغيلي', 'صراف المبيعات', 'محفظة كاش']; const movements = [{ date: '24 أغسطس 2026 · 09:40', reference: 'سند قبض #1048', description: 'تحصيل مبيعات من مؤسسة غيمة', account: 'الصندوق الرئيسي', debit: 2450, credit: 0, balance: 20900 }, { date: '23 أغسطس 2026 · 16:20', reference: 'تحويل بنكي #1047', description: 'تحويل إلى الحساب التشغيلي', account: 'الصندوق الرئيسي', debit: 0, credit: 1200, balance: 18450 }, { date: '22 أغسطس 2026 · 12:05', reference: 'سند صرف #1046', description: 'مصروفات تشغيلية', account: 'الحساب التشغيلي', debit: 0, credit: 340, balance: 42800 }, { date: '20 أغسطس 2026 · 10:15', reference: 'إيداع محفظة #1045', description: 'تغذية محفظة كاش', account: 'محفظة كاش', debit: 6200, credit: 0, balance: 6200 }]; const rows = movements.filter((row) => (account === 'كل الحسابات' || row.account === account) && (filter === 'الكل' || (filter === 'مدين' && row.debit > 0) || (filter === 'دائن' && row.credit > 0)) && `${row.reference} ${row.description} ${row.account}`.includes(query)); return <div className='wallet-movement-sheet space-y-3'><div className='flex items-start justify-between gap-3'><div><h2 className='font-bold'>حركة الحسابات</h2><p className='mt-1 text-xs text-muted-foreground'>كشف مدين ودائن ورصيد تراكمي</p></div><div className='no-print flex gap-2'><button type='button' onClick={() => window.print()} className='rounded-xl bg-primary px-3 py-2 text-[10px] font-bold text-primary-foreground'>طباعة الحركة</button><button type='button' onClick={() => notify('تم تجهيز كشف حركة الحسابات')} className='rounded-xl bg-muted px-3 py-2 text-[10px] font-bold'>معاينة</button></div></div><div className='surface-card rounded-3xl border border-border bg-card p-3'><div className='grid gap-2'><label className='text-[10px] font-bold text-muted-foreground'>الحساب المالي<select value={account} onChange={(event) => setAccount(event.target.value)} className='mt-1 w-full rounded-xl border border-input bg-background px-3 py-2.5 text-xs font-bold'>{accounts.map((item) => <option key={item}>{item}</option>)}</select></label><label className='text-[10px] font-bold text-muted-foreground'>بحث<input value={query} onChange={(event) => setQuery(event.target.value)} placeholder='رقم السند أو البيان...' className='mt-1 w-full rounded-xl border border-input bg-background px-3 py-2.5 text-xs outline-none' /></label></div><div className='mt-3 flex gap-2'>{['الكل','مدين','دائن'].map((item) => <button key={item} onClick={() => setFilter(item)} className={`rounded-full px-3 py-2 text-[10px] font-bold ${filter === item ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}>{item}</button>)}</div></div><div className='grid grid-cols-3 gap-2'><Stat label='إجمالي المدين' value='8,650 ر.ي'/><Stat label='إجمالي الدائن' value='1,540 ر.ي'/><Stat label='الرصيد الحالي' value='69,800 ر.ي'/></div><div className='overflow-hidden rounded-3xl border border-border bg-card'><div className='overflow-x-auto'><table className='w-full min-w-[680px] text-right text-[11px]'><thead className='bg-muted text-muted-foreground'><tr><th className='p-3 font-bold'>التاريخ والمرجع</th><th className='p-3 font-bold'>البيان</th><th className='p-3 font-bold'>الحساب</th><th className='p-3 font-bold text-left'>مدين</th><th className='p-3 font-bold text-left'>دائن</th><th className='p-3 font-bold text-left'>الرصيد</th></tr></thead><tbody className='divide-y divide-border'>{rows.length ? rows.map((row) => <tr key={row.reference} className='align-top'><td className='p-3'><p className='font-bold'>{row.date}</p><p className='mt-1 text-[10px] text-muted-foreground'>{row.reference}</p></td><td className='p-3'>{row.description}</td><td className='p-3 text-muted-foreground'>{row.account}</td><td className='p-3 text-left font-mono font-bold text-accent-foreground'>{row.debit ? `+${row.debit.toLocaleString('ar-YE')}` : '—'}</td><td className='p-3 text-left font-mono font-bold text-destructive'>{row.credit ? `−${row.credit.toLocaleString('ar-YE')}` : '—'}</td><td className='p-3 text-left font-mono font-bold'>{row.balance.toLocaleString('ar-YE')} ر.ي</td></tr>) : <tr><td colSpan={6} className='p-8 text-center text-muted-foreground'>لا توجد حركات مطابقة</td></tr>}</tbody></table></div></div></div> }

import { useState } from 'react'
import { ArrowDownLeft, ArrowUpLeft, Bell, Check, ChevronLeft, CreditCard, FileText, Grid2X2, Home, Landmark, Package, Pencil, Plus, Receipt, RotateCcw, ScanLine, ShoppingCart, Sparkles, Trash2, Users, Wallet, X } from 'lucide-react'
import { ExportCenter } from '@/components/export-center'
import { AccountCombobox } from '@/components/account-combobox'
import { ThreeDashboard } from '@/components/three-dashboard'
import { ReportCenter } from '@/components/report-center'
import { invoiceRows, reportRows, voucherRows } from '@/lib/exporters'

type ProductTone = 'green' | 'gold' | 'blue' | 'rose'
type Product = { name: string; code: string; unit: string; price: number; stock: number; tone: ProductTone; category: string }
type TransactionType = 'مبيعات' | 'مشتريات' | 'مردودات' | 'سند قبض' | 'سند صرف'
type Sale = { name: string; detail: string; amount: string; tone: 'green' | 'gold' | 'red'; type: TransactionType; status: 'مكتملة' | 'معلّقة'; number: string; date: string }
const transactionTypes: Array<'الكل' | TransactionType> = ['الكل', 'مبيعات', 'مشتريات', 'مردودات', 'سند قبض', 'سند صرف']
type IconComponent = React.ComponentType<{ size?: number; className?: string }>
const products: Product[] = [{ name: 'قهوة محمصة', code: 'BEV-0001', unit: 'باكت', price: 42, stock: 28, tone: 'green', category: 'المشروبات' }, { name: 'كوب حراري', code: 'ACC-0002', unit: 'حبة', price: 85, stock: 6, tone: 'gold', category: 'الملحقات' }, { name: 'تمر فاخر', code: 'FOO-0003', unit: 'كرتون', price: 32, stock: 42, tone: 'blue', category: 'الأغذية' }, { name: 'شاي أعشاب', code: 'BEV-0004', unit: 'شريط', price: 26, stock: 3, tone: 'rose', category: 'المشروبات' }]
const sales: Sale[] = [{ name: 'فاتورة #1048', detail: 'مؤسسة غيمة للتجارة', amount: '+ 2,450 ر.ي', tone: 'green', type: 'مبيعات', status: 'مكتملة', number: '#1048', date: 'اليوم، 09:40' }, { name: 'فاتورة #1047', detail: 'متجر نبض', amount: '+ 890 ر.ي', tone: 'gold', type: 'مبيعات', status: 'مكتملة', number: '#1047', date: 'اليوم، 08:55' }, { name: 'فاتورة شراء #782', detail: 'مورد الساحة', amount: '− 1,240 ر.ي', tone: 'red', type: 'مشتريات', status: 'مكتملة', number: '#782', date: 'أمس، 14:20' }, { name: 'مردود مبيعات #118', detail: 'مؤسسة غيمة للتجارة', amount: '− 340 ر.ي', tone: 'gold', type: 'مردودات', status: 'مكتملة', number: '#118', date: 'أمس، 12:10' }, { name: 'سند قبض #305', detail: 'تحصيل من عميل', amount: '+ 1,800 ر.ي', tone: 'green', type: 'سند قبض', status: 'مكتملة', number: '#305', date: '28 أغسطس، 16:05' }, { name: 'سند صرف #091', detail: 'مصروف تشغيلي', amount: '− 340 ر.ي', tone: 'red', type: 'سند صرف', status: 'معلّقة', number: '#091', date: '28 أغسطس، 11:30' }]

export default function Page() {
  const [screen, setScreen] = useState<Screen>('home'); const [invoiceType, setInvoiceType] = useState('مبيعات'); const [period, setPeriod] = useState('هذا الشهر'); const [notice, setNotice] = useState<string | null>(null); const [alertsOpen, setAlertsOpen] = useState(false); const [selectedTransaction, setSelectedTransaction] = useState<string | null>(null); const [cart, setCart] = useState<Product[]>([])
  const notify = (message: string) => { setNotice(message); window.setTimeout(() => setNotice(null), 2400) }
  const add = (product: Product) => { setCart((current) => { const quantityInCart = current.filter((item) => item.name === product.name).length; if (quantityInCart >= product.stock) { notify(`لا يمكن إضافة أكثر من مخزون ${product.name}`); return current } notify(`أضيف ${product.name} إلى السلة`); return [...current, product] }) }
  const total = cart.reduce((sum, item) => sum + item.price, 0)
  return <main dir="rtl" className="mobile-shell min-h-screen bg-background text-foreground"><div className="mx-auto min-h-screen max-w-md overflow-hidden bg-background shadow-2xl md:my-8 md:min-h-[850px] md:rounded-[2.5rem] md:border md:border-border">
    {screen === 'home' && <><HomeScreen period={period} setPeriod={setPeriod} go={setScreen} setType={setInvoiceType} notify={notify} alertsOpen={alertsOpen} setAlertsOpen={setAlertsOpen} onTransaction={(value) => value === '__all__' ? setScreen('transactions') : setSelectedTransaction(value)} /><div className="fixed bottom-36 left-1/2 z-10 flex -translate-x-1/2 gap-2 md:bottom-28"><button type="button" onClick={() => setScreen('report-center')} className="rounded-full bg-smart px-4 py-3 text-[11px] font-bold text-smart-foreground shadow-lg">مركز التقارير</button><button type="button" onClick={() => setScreen('three-d')} className="rounded-full bg-accent px-4 py-3 text-[11px] font-bold text-accent-foreground shadow-lg">لوحة 3D</button><button type="button" onClick={() => setScreen('journal')} className="rounded-full bg-primary px-4 py-3 text-[11px] font-bold text-primary-foreground shadow-lg">إضافة قيد <Plus size={14} className="inline" /></button></div><button type="button" onClick={() => setScreen('transactions')} className="fixed bottom-20 left-1/2 z-10 flex -translate-x-1/2 items-center gap-2 rounded-full bg-primary px-5 py-3 text-xs font-bold text-primary-foreground shadow-lg md:bottom-12">عرض سجل العمليات <ChevronLeft size={15} /></button></>}
    {screen === 'sale' && <SaleScreen products={products} cart={cart} total={total} add={add} remove={(i: number) => setCart(cart.filter((_, index) => index !== i))} notify={notify} onBack={() => setScreen('home')} />}
    {screen === 'invoice' && <InvoiceScreen type={invoiceType} setType={setInvoiceType} notify={notify} onBack={() => setScreen('home')} />}
    {screen === 'inventory' && <InventoryScreen notify={notify} onBack={() => setScreen('home')} />}
    {screen === 'reports' && <ReportsScreen onBack={() => setScreen('home')} />}
    {screen === 'report-center' && <ReportCenter onBack={() => setScreen('home')} />}
    {screen === 'three-d' && <><Header title="لوحة ثلاثية الأبعاد" subtitle="مؤشرات تفاعلية للمبيعات والمخزون" back={() => setScreen('home')} /><section className="space-y-4 px-5 pb-28 pt-4"><ThreeDashboard /><div className="surface-card rounded-3xl border border-border bg-card p-4 text-xs leading-6 text-muted-foreground">حرّك المشهد واسحب المؤشرات لاستكشاف الأداء المالي والمخزني بصورة تفاعلية.</div></section></>}
    {screen === 'transactions' && <TransactionsScreen onBack={() => setScreen('home')} onSelect={setSelectedTransaction} />}
    {screen === 'journal' && <JournalScreen notify={notify} onBack={() => setScreen('home')} />}
    {screen === 'wallet' && <><Header title="الصناديق والبنوك" subtitle="إدارة السيولة والحركة" back={() => setScreen('home')} /><section className="space-y-5 px-5 pb-28 pt-3"><WalletAccounts notify={notify} /><WalletOverview notify={notify} /><WalletMovement notify={notify} /><div className="border-t border-border pt-5"><WalletScreen type={invoiceType} setType={setInvoiceType} notify={notify} onBack={() => setScreen('home')} /></div></section></>}
    {selectedTransaction && selectedTransaction !== '__all__' && <div role="presentation" className="fixed inset-0 z-20 flex items-end bg-foreground/20 p-4 backdrop-blur-sm" onClick={() => setSelectedTransaction(null)}><div role="dialog" aria-modal="true" aria-labelledby="transaction-title" className="w-full rounded-3xl bg-card p-5 shadow-2xl" onClick={(event) => event.stopPropagation()}><div className="flex items-center justify-between"><div><p className="text-xs text-muted-foreground">تفاصيل العملية</p><h2 id="transaction-title" className="mt-1 font-bold">{selectedTransaction}</h2></div><button aria-label="إغلاق" className="icon-button" onClick={() => setSelectedTransaction(null)}><X size={17}/></button></div><div className="mt-5 flex items-center justify-between rounded-2xl bg-muted p-4"><span className="text-xs text-muted-foreground">الحالة</span><span className="rounded-full bg-accent px-3 py-1 text-[11px] font-bold text-accent-foreground">مكتملة</span></div><div className="mt-4 grid grid-cols-2 gap-3"><button onClick={() => { setSelectedTransaction(null); notify('تم فتح نسخة العملية') }} className="rounded-2xl bg-primary p-3 text-xs font-bold text-primary-foreground">فتح التفاصيل</button><button onClick={() => { setSelectedTransaction(null); notify('تم نسخ رقم العملية') }} className="rounded-2xl bg-muted p-3 text-xs font-bold">نسخ الرق����</button></div></div></div>}{notice && <div role="status" className="toast flex items-center gap-2 rounded-2xl bg-primary px-4 py-3 text-xs font-semibold text-primary-foreground"><span className="grid size-5 place-items-center rounded-full bg-accent text-accent-foreground"><Check size={13} /></span>{notice}</div>}
    {screen !== 'invoice' && screen !== 'wallet' && screen !== 'transactions' && screen !== 'journal' && screen !== 'report-center' && screen !== 'three-d' && <Nav screen={screen} setScreen={setScreen} go={setScreen} />}
    {(screen === 'invoice' || screen === 'wallet') && <EntryNavigation screen={screen} type={invoiceType} setType={setInvoiceType} go={setScreen} notify={notify} />}
  </div></main>
}