<!DOCTYPE html>
<!-- saved from url=(0057)https://copilot.microsoft.com/chats/Ukv5MXYagAxxaQ2BAE4He -->
<html dir="ltr" lang="ar" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:web="http://schemas.live.com/Web/" data-theme="light"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script async="" src="./blazor.bootstrap_files/clarity.js.download"></script><script type="text/javascript" nonce="">//<![CDATA[
si_ST=new Date
//]]></script><!--pc--><title>Microsoft Copilot: Your AI companion</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="referrer" content="origin-when-cross-origin"><meta name="description" content="Microsoft Copilot is your companion to inform, entertain, and inspire. Get advice, feedback, and straightforward answers. Try Copilot now."><meta name="apple-itunes-app" content="app-id=6472538445"><meta property="og:title" content="Microsoft Copilot: Your AI companion"><meta property="og:type" content="website"><meta property="og:site_name" content="Microsoft Copilot: Your AI companion"><meta property="og:description" content="Microsoft Copilot is your companion to inform, entertain, and inspire. Get advice, feedback, and straightforward answers. Try Copilot now."><meta property="og:url" content="https://copilot.microsoft.com"><meta property="og:image" content="https://studiostaticassetsprod.azureedge.net/bundle-cmc/images/meta-image.jpg"><meta property="og:image:width" content="600"><meta property="og:image:height" content="315"><link href="https://studiostaticassetsprod.azureedge.net/bundle-cmc/favicon.ico" data-orighref="" rel="icon" title="" target="" type="" as="" crossorigin="" media=""><link href="https://studiostaticassetsprod.azureedge.net/bundle-cmc/favicon.svg" data-orighref="" rel="icon" title="" target="" type="" as="" crossorigin="" media=""><link href="https://copilot.microsoft.com/pwa/copilot-manifest.webmanifest" data-orighref="" rel="manifest" title="" target="" type="" as="" crossorigin="" media=""><script type="module" nonce="">//<![CDATA[
window.appStart = performance.now();;
//]]></script><script type="text/javascript" nonce="">//<![CDATA[
_G={Region:"XA",Lang:"en-US",ST:(typeof si_ST!=='undefined'?si_ST:new Date),Mkt:"en-US",RevIpCC:"ye",RTL:false,Ver:"49",IG:"67A3385B46FC49ADADBAB66B89C2BEC0",EventID:"6755b789c3b74eecb9c85a0af7b0477f",V:"web",P:"discoverbing",DA:"DUBE01",SUIH:"ZnIw1kJuQFgMWyMVdAXRQw",adc:"b_ad",EF:{cookss:1,emptyclientcookdom:1,bmcov:1,crossdomainfix:1,bmasynctrigger:1,bmasynctrigger3:1,getslctspt:1,newtabsloppyclick:1,chevroncheckmousemove:1,sharepreview:1,shareoutimage:1,sharefixreadnum:1,sharepreviewthumbnailid:1,shareencodefix:1,chatskip2content:1,fablogfix:1},gpUrl:"\/fd\/ls\/GLinkPing.aspx?" }; _G.lsUrl="/fd/ls/l?IG="+_G.IG ;curUrl="https:\/\/copilot.microsoft.com\/";_G.EnableCompression=false;function si_T(a){ if(document.images){_G.GPImg=new Image;_G.GPImg.src=_G.gpUrl+'IG='+_G.IG+'&'+a;}return true;}_G.BAT="0";_G.NTT="600000";_G.CTT="3000";_G.BNFN="Default";_G.LG="160";_G.FilterFlareInterval=5;;var amd,define,require;(function(n){function e(n,i,u){t[n]||(t[n]={dependencies:i,callback:u},r(n))}function r(n){if(n){if(n)return u(n)}else{if(!f){for(var r in t)u(r);f=!0}return i}}function u(n){var s,e;if(i[n])return i[n];if(t.hasOwnProperty(n)){var h=t[n],f=h.dependencies,l=h.callback,a=r,o={},c=[a,o];if(f.length<2)throw"invalid usage";else if(f.length>2)for(s=f.slice(2,f.length),e=0;e<s.length;e++)c.push(u(s[e]));return l.apply(this,c),i[n]=o,o}}var t={},i={},f=!1;n.define=e;n.require=r})(amd||(amd={}));define=amd.define;require=amd.require;var _w=window,_d=document,sb_ie=window.ActiveXObject!==undefined,sb_i6=sb_ie&&!_w.XMLHttpRequest,_ge=function(n){return _d.getElementById(n)},_qs=function(n,t){return t=typeof t=="undefined"?_d:t,t.querySelector?t.querySelector(n):null},sb_st=function(n,t){return setTimeout(n,t)},sb_rst=sb_st,sb_ct=function(n){clearTimeout(n)},sb_gt=function(){return(new Date).getTime()},sj_gx=function(){return sb_i6?new ActiveXObject("MSXML2.XMLHTTP"):new XMLHttpRequest};_w.sj_ce=function(n,t,i){var r=_d.createElement(n);return t&&(r.id=t),i&&(r.className=i),r};_w.sj_cook=_w.sj_cook||{get:function(n,t){var i=_d.cookie.match(new RegExp("\\b"+n+"=[^;]+")),r;return t&&i?(r=i[0].match(new RegExp("\\b"+t+"=([^&]*)")),r?r[1]:null):i?i[0]:null}};_w.sk_merge||(_w.sk_merge=function(n){_d.cookie=n});_w.ChatMergeLogHelper={getBotRequestId:function(n){var t=this.getChatJoinKeys(n);return t?t.rid:null},getConversationIg:function(n){var t=this.getChatJoinKeys(n);return t?t.ig:null},getChatJoinKeys:function(n){var i,r,u,t,o,f,e;return(function(n){n.Home="home";n.Search="search";n.Conversation="conversation";n.OffStage="off-stage";n.Notebook="notebook";n.GPTCreator="gpt-creator"}(u||(u={})),t=_w.GlobalInstTracker,o=null,typeof t!="undefined"&&t&&t.convModeToJoinKeys&&typeof _w.CIB!="undefined"&&((r=(i=_w.CIB)===null||i===void 0?void 0:i.vm)===null||r===void 0?void 0:r.mode)&&n)?(f=_w.CIB.vm.mode,f===u.Notebook?t.convModeToJoinKeys.get(f):t.convModeToJoinKeys.get("conversation")):(e=location.href.match(new RegExp("[?&]IID=Codex-[^?&#]*")))&&e[0]?{ig:_G.IG,rid:e[0].split("=Codex-")[1]}:o}};
//]]></script><link rel="stylesheet" href="./blazor.bootstrap_files/styles.css" type="text/css"><style type="text/css">#b_header #id_h{content-visibility:hidden}#b_results>.b_ans:not(.b_top):nth-child(n+5) .rqnaContainerwithfeedback #df_listaa{content-visibility:auto;contain-intrinsic-size:648px 205px}#b_results>.b_algo:not(.b_algoBorder):nth-child(n+5)>h2{content-visibility:auto;contain-intrinsic-size:608px 24px}#b_results>.b_algo:not(.b_algoBorder):nth-child(n+5) .b_caption:not(.b_rich):not(.b_capmedia):not(.b_snippetgobig):not(.rebateContent){content-visibility:auto;contain-intrinsic-size:608px 65px;padding-right:16px;margin-right:-16px;margin-left:-16px;padding-left:16px}#b_results>.b_algo:not(.b_algoBorder):nth-child(n+5) .b_caption.b_rich .captionMediaCard .wide_wideAlgo{content-visibility:auto;contain-intrinsic-size:370px 120px}#b_results>.b_algo:not(.b_algoBorder):nth-child(n+5) .scs_icn{content-visibility:auto}#b_results>.b_ans:nth-child(n+7) .b_rs:not(.pageRecoContainer){content-visibility:auto;contain-intrinsic-size:608px 296px}#b_results>.b_ans:nth-child(n+7) .b_rs:not(.pageRecoContainer) .b_rsv3{padding-bottom:1px}#b_results>.b_pag{content-visibility:auto;contain-intrinsic-size:628px 45px}#b_footer>#b_footerItems{content-visibility:auto;contain-intrinsic-size:1px 24px}.cnt_vis_hid{content-visibility:hidden}#b_header #id_h{content-visibility:visible}</style><script type="text/javascript" nonce="">//<![CDATA[
var logJSText=function(n,t){t===void 0&&(t=null);(new Image).src=_G.lsUrl+'&Type=Event.ClientInst&DATA=[{"T":"CI.ClientInst","FID":"CI","Name":"'+escape(n)+(t?'","Text":"'+escape(t):"")+'"}]'},logCSP=function(n){(new Image).src=_G.lsUrl+'&Type=Event.ClientInst&DATA=[{"T":"CI.Error","FID":"CI","Name":"CSPViolation","Text":"'+escape(n)+'"}]'},getHref=function(){return location.href};try{var ignErr=["ResizeObserver loop","Script error"],ignCSPErr=["unsafe-eval"],maxErr=3,ignoreCurrentError=function(n,t){return(ignErr.some(function(t){return n.includes(t)})||ignCSPErr.some(function(t){return n.includes(t)}))?ignCSPErr.some(function(t){return n.includes(t)})&&t.filename&&!t.filename.includes("chrome-extension://")?!1:(t!=null&&(typeof sj_sp!="undefined"&&sj_sp(t),typeof sj_pd!="undefined"&&sj_pd(t)),!0):!1},regexEsc=function(n){return n.replace(/([.?*+^$&[\]\\(){}|<>-])/g,"\\$1")},ignoreCSPLog=function(n){return["javascript:void(0)","javascript: void(0)","javascript:void()"].some(function(t){return n.sample.includes(t)})};window.jsErrorHandler=function(n){var f,p,h,rt,ut,u,e,ft,o,a,v,s;try{if(f='"noMessage"',p=(n.error||n).message||f,ignoreCurrentError(p,n))return;if(h=(window.ERC?window.ERC:0)+1,window.ERC=h,h>maxErr){logJSText("max errors reached");return}var c=n.error||n,w=n.filename,b=n.lineno,k=n.colno,d=n.extra,l=c.severity||"Error",g=c.message||f,i=c.stack,t='"'+escape(g.replace(/"/g,""))+'"',nt=new RegExp(regexEsc(getHref()),"g"),tt=window.lirab,it=window.liraa,r=tt?" hint == ["+tt:"";if(r=r+(it?", "+it+")":r?"]":""),i){for(rt=/\(([^\)]+):[0-9]+:[0-9]+\)/g,u={};(ut=rt.exec(i))!==null;)e=ut[1],u[e]?u[e]++:u[e]=1;o=0;for(a in u)u[a]>1&&(v=regexEsc(a),ft=new RegExp(v,"g"),i=i.replace(ft,o),i+="#"+o+"="+v,o++);i=i.replace(nt,"self").replace(/"/g,"");t+=',"Stack":"'+(escape(i)+'"')}if(w?t+=',"Meta":"'+escape(w.replace(nt,"self"))+r+'"':r&&(t+=',"Meta":"'+r+'"'),b&&(t+=',"Line":"'+b+'"'),k&&(t+=',"Char":"'+k+'"'),d&&(t+=',"ExtraInfo":"'+d+'"'),g===f)if(l="Warning",t+=',"ObjectToString":"'+n.toString()+'"',JSON&&JSON.stringify)t+=',"JSON":"'+escape(JSON.stringify(n))+'"';else for(s in n)n.hasOwnProperty(s)&&(t+=',"'+s+'":"'+n[s]+'"');var et=(new Date).getTime(),ot='"T":"CI.'+l+'","FID":"CI","Name":"JS'+l+'","Text":'+t+"",st="<E><T>Event.ClientInst<\/T><IG>"+_G.IG+"<\/IG><TS>"+et+"<\/TS><D><![CDATA[[{"+ot+"}]]\]><\/D><\/E>",ht="<ClientInstRequest><Events>"+st+"<\/Events><STS>"+et+"<\/STS><\/ClientInstRequest>",y=new XMLHttpRequest;y.open("POST","/fd/ls/lsp.aspx?",!0);y.setRequestHeader("Content-Type","text/xml");y.send(ht);typeof sj_evt!="undefined"&&sj_evt.fire("ErrorInstrumentation",t)}catch(ct){logJSText("MetaJSError","Failed to execute error handler. "+ct.message)}};window.cspErrorHandler=function(n){try{ignoreCSPLog(n)||logCSP(n.sample)}catch(t){logJSText("MetaJSError","Failed to execute CSP error handler. "+t.message)}};window.addEventListener&&(window.addEventListener("error",window.jsErrorHandler,!1),window.addEventListener("unhandledrejection",window.jsErrorHandler,!1),window.addEventListener("securitypolicyviolation",window.cspErrorHandler))}catch(e){logJSText("MetaJSError","Failed to bind error handler "+e.message)};_w.bbe="A:rms:answers:Shared:BingCore.Bundle";define("fallback",["require","exports"],function(n,t){function f(){return function(){for(var r,h,c,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];if(r=s(arguments.callee),u&&(h=e(r),h.toString()!=f().toString()))return h.apply(null,arguments);c=i[r].q;t[0]==="onPP"&&o();c.push(t)}}function s(n){for(var t in i)if(i[t].h===n)return t}function e(n,t){for(var u,e=n.split("."),i=_w,r=0;r<e.length;r++)u=e[r],typeof i[u]=="undefined"&&t&&(i[u]=r===e.length-1?f():{}),i=i[u];return i}function o(){var e=i["rms.js"].q,o,f,r,n,s,u,t;if(e.length>0)for(o=!1,f=0;f<e.length;f++){for(r=e[f],n=0;n<r.length;n++)if(s=_w.bbe,u=r[n][s],u||(u=r[n]["A:rmsBu0"]),u){t=_d.createElement("script");t.setAttribute("data-rms","1");t.setAttribute("crossorigin","anonymous");t.src=u;t.type="text/javascript";setTimeout(function(){_d.body.appendChild(t)},0);r.splice(n,1);o=!0;break}if(o)break}}function h(){var n,t,f;for(u=!1,n=0;n<r.length;n++)t=r[n],f=e(t,!0),i[t]={h:f,q:[]}}function c(){for(var t,n=0;n<r.length;n++){var o=r[n],s=i[o].q,h=e(o);for(t=0;t<s.length;t++)h.toString()!==f().toString()&&h.apply(null,s[t])}u=!0}function l(n,t,i,r){n&&((n===_w||n===_d||n===_d.body)&&t=="load"?_w.sj_evt.bind("onP1",i,!0):n.addEventListener?n.addEventListener(t,i,r):n.attachEvent?n.attachEvent("on"+t,i):n["on"+t]=i)}t.__esModule=!0;t.replay=void 0;var r=["rms.js","sj_evt.bind","sj_evt.fire","sj_jb","sj_wf","sj_cook.get","sj_cook.set","sj_pd","sj_sp","sj_be","sj_go","sj_ev","sj_ue","sj_evt.unbind","sj_et","Log.Log","sj_mo","sj_so"],i={},u=!1;_w.fb_is=o;t.replay=c;h();_w.sj_be=l});function lb(){_w.si_sendCReq&&sb_st(_w.si_sendCReq,800);_w.lbc&&_w.lbc()};(function(){function n(n){n=sb_ie?_w.event:n;(!n.altKey||n.ctrlKey||n.shiftKey)&&(n.key&&n.key==="Enter"||n.keyCode&&n.keyCode===13)&&_w.si_ct(sb_ie?n.srcElement:n.target,!1,n,"enter")}sj_be(document,"keydown",n,!1)})();(function(){function n(n){_w.si_ct(sb_ie?_w.event.srcElement:n.target,!1,_w.event||n)}sj_be(document,"mousedown",n,!1);sj_evt.bind("sydFSCLoaded",function(){var t;typeof CIB!="undefined"&&((t=CIB===null||CIB===void 0?void 0:CIB.config)===null||t===void 0?void 0:t.bing)&&(CIB.config.bing.sendClickBeacon=n)},!0)})();_w.si_sbwu=function(n){var u=_G.BQIG==null?_G.IG:_G.BQIG,r="/fd/ls/GLinkPingPost.aspx?",t,i;if(r+=n.length>2&&n.substring(0,3)==="IG="?n:"IG="+u+n,t="sendBeacon",i=!1,navigator&&navigator[t])try{navigator[t](r,"");i=!0}catch(f){}return i};ClTrCo={};var ctcc=0,clc=_w.ClTrCo||{},SerpMode;(function(n){n.Home="home";n.Search="search";n.Conversation="conversation";n.OffStage="off-stage";n.Notebook="notebook";n.GPTCreator="gpt-creator"})(SerpMode||(SerpMode={}));_w.si_ct=function(n,t,i,r){var w,b,u,e,o,l,f,nt,a,k,c,p,d;if(clc.SharedClickSuppressed)return!0;u="getAttribute";try{for(;n!==document.body;n=n.parentNode){if(!n||n===document||n[u]("data-noct"))break;if(e=(n.tagName==="A"||n[u]("data-clicks"))&&(n[u]("h")||n[u]("data-h")||n[u]("data-cspi"))||n[u]("_ct"),e){o=n[u]("_ctf");l=-1;i&&(i.type==="keydown"?l=-2:i.button!=null&&(l=i.button));o&&_w[o]||(o="si_T");o==="si_T"&&(f=n[u]("href"),_G!==undefined&&_G.EF!==undefined&&_G.EF.newtabredironclicktracking===1&&f.indexOf("/newtabredir")==0?(nt=new RegExp("[?&]?url=([^&]*)(&|$)"),a=f.match(nt),a&&(f=f.indexOf("&be=1")>=0?encodeURIComponent(atob(decodeURIComponent(a[1]))):a[1])):f=encodeURIComponent(n[u]("href")),clc.furl&&!n[u]("data-private")?e+="&url="+f:clc.mfurl&&(e+="&abc="+f));r&&(e+="&source="+r);k="";clc.mc&&(k="&c="+ctcc++);var v=_w.ChatMergeLogHelper,y=_w.GlobalInstTracker,s,h="";if(typeof v!="undefined"&&v&&typeof v.getChatJoinKeys=="function"&&(c=v.getChatJoinKeys(!0),c&&typeof y!="undefined"&&y&&typeof y.getRidFromInstTracker=="function"&&(p=null,typeof _w.CIB!="undefined"&&((b=(w=_w.CIB)===null||w===void 0?void 0:w.vm)===null||b===void 0?void 0:b.mode)&&(p=_w.CIB.vm.mode),(d=e.match(new RegExp("ID=[^?&#]*")))&&d[0]))){var tt=d[0].split("ID=")[1].split(","),g=tt[0].split("_")[0],rt=tt[1].split(".")[0];(g.length>5&&g.substring(0,6)==="Codex-"||p===SerpMode.Notebook||p===SerpMode.Conversation)&&(s=y.getRidFromInstTracker(g,rt),s||(s=c.rid),c.ig&&(h+="IG="+c.ig))}h+="&"+e+k;s&&(h+="&rid="+s);_w.si_sbwu(h)||_w[o]&&_w[o](h,n,i,l);break}if(t)break}}catch(it){_w.SharedLogHelper?SharedLogHelper.LogWarning("clickEX",null,it):(new Image).src=_G.lsUrl+'&Type=Event.ClientInst&DATA=[{"T":"CI.Warning","FID":"CI","Name":"JSWarning","Text":'+it.message+"}]"}return!0};_w.si_sbwu||(_w.si_sbwu=function(){return!1}),function(){_w._G&&(_G.si_ct_e="click")}();var wlc_d = 1500, wlc_t =63869267593;;var perf;(function(n){function f(n){return i.hasOwnProperty(n)?i[n]:n}function e(n){var t="S";return n==0?t="P":n==2&&(t="M"),t}function o(n){for(var c,i=[],t={},r,l=0;l<n.length;l++){var a=n[l],o=a.v,s=a.t,h=a.k;s===0&&(h=f(h),o=o.toString(36));s===3?i.push("".concat(h,":").concat(o)):(r=t[s]=t[s]||[],r.push("".concat(h,":").concat(o)))}for(c in t)t.hasOwnProperty(c)&&(r=t[c],i.push("".concat(e(+c),':"').concat(r.join(","),'"')));return i.push(u),i}for(var r=["redirectStart","redirectEnd","fetchStart","domainLookupStart","domainLookupEnd","connectStart","secureConnectionStart","connectEnd","requestStart","responseStart","responseEnd","domLoading","domInteractive","domContentLoadedEventStart","domContentLoadedEventEnd","domComplete","loadEventStart","loadEventEnd","unloadEventStart","unloadEventEnd","firstChunkEnd","secondChunkStart","htmlEnd","pageEnd","msFirstPaint"],u="v:1.1",i={},t=0;t<r.length;t++)i[r[t]]=t;n.compress=o})(perf||(perf={}));window.perf=window.perf||{},function(n){n.log=function(t,i){var u=n.compress(t),e,r;u.push('T:"CI.Perf",FID:"CI",Name:"PerfV2"');var s="/fd/ls/lsp.aspx?",h="sendBeacon",f=_w.ChatMergeLogHelper;typeof f!="undefined"&&typeof f.getBotRequestId=="function"&&(e=f.getBotRequestId(),e&&u.push('rid:"'.concat(e,'"')));var l="<E><T>Event.ClientInst<\/T><IG>".concat(_G.IG,"<\/IG><TS>").concat(i,"<\/TS><D><![CDATA[{").concat(u.join(","),"}]\]><\/D><\/E>"),c="<ClientInstRequest><Events>".concat(l,"<\/Events><STS>").concat(i,"<\/STS><\/ClientInstRequest>"),o=!_w.navigator||!navigator[h];if(!o)try{navigator[h](s,c)}catch(a){o=!0}o&&(r=sj_gx(),r.open("POST",s,!0),r.setRequestHeader("Content-Type","text/xml"),r.send(c))}}(window.perf);var perf;(function(n){function a(){return c(Math.random()*1e4)}function o(){return y?c(f.now())+l:+new Date}function v(n,r,f){t.length===0&&i&&sb_st(u,1e3);t.push({k:n,v:r,t:f})}function p(n){return i||(r=n),!i}function w(n,t){t||(t=o());v(n,t,0)}function b(n,t){v(n,t,1)}function u(){var u,f;if(t.length){for(u=0;u<t.length;u++)f=t[u],f.t===0&&(f.v-=r);t.push({k:"id",v:e,t:3});n.log(t,o());t=[];i=!0}}function k(){r=o();e=a();i=!1;sj_evt.bind("onP1",u)}var s="performance",h=!!_w[s],f=_w[s],y=h&&!!f.now,c=Math.round,t=[],i=!1,l,r,e;h?l=r=f.timing.navigationStart:r=_w.si_ST?_w.si_ST:+new Date;e=a();n.setStartTime=p;n.mark=w;n.record=b;n.flush=u;n.reset=k;sj_be(window,"load",u,!1);sj_be(window,"beforeunload",u,!1)})(perf||(perf={}));_w.si_PP=function(n,t,i){var r,s,a,c,e,l,o,v;if(!_G.PPS){for(s=["FC","BC","SE","TC","H","BP",null];r=s.shift();)s.push('"'+r+'":'+(_G[r+"T"]?_G[r+"T"]-_G.ST:-1));var u=_w.perf,h="navigation",r,f=i||_w.performance&&_w.performance.timing;if(f&&u){if(a=f.navigationStart,u.setStartTime(a),a>=0){for(r in f)c=f[r],typeof c=="number"&&c>0&&r!=="navigationStart"&&r!==h&&u.mark(r,c);_G.FCT&&u.mark("FN",_G.FCT);_G.BCT&&u.mark("BN",_G.BCT)}u.record("nav",h in f?f[h]:performance[h].type)}e="connection";l="";_w.navigator&&navigator[e]&&(l=',"net":"'.concat(navigator[e].type,'"'),navigator[e].downlinkMax&&(l+=',"dlMax":"'.concat(navigator[e].downlinkMax,'"')));o=_w.ChatMergeLogHelper;typeof o!="undefined"&&o&&typeof o.getBotRequestId=="function"&&(v=o.getBotRequestId());_G.PPImg=new Image;_G.PPImg.src=_G.lsUrl+'&Type=Event.CPT&DATA={"pp":{"S":"'+(t||"L")+'",'+s.join(",")+',"CT":'+(n-_G.ST)+',"IL":'+_d.images.length+"}"+(_G.C1?","+_G.C1:"")+l+(v?',"rid":"'+v+'"':"")+"}"+(_G.P?"&P="+_G.P:"")+(_G.DA?"&DA="+_G.DA:"")+(_G.MN?"&MN="+_G.MN:"");_G.PPS=1;sb_st(function(){u&&u.flush();sj_evt.fire("onPP");sj_evt.fire(_w.p1)},1)}};_w.onbeforeunload=function(){si_PP(new Date,"A")};sj_evt.bind("ajax.requestSent",function(){window.perf&&perf.reset()});
//]]></script><style>*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Ginto,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:CascadiaCode,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--color-inherit: inherit;--color-current: currentColor;--color-transparent: transparent;--color-black: #000;--color-white: #fff;--color-background-100: var(--color-background-100);--color-background-150: var(--color-background-150);--color-background-200: var(--color-background-200);--color-background-250: var(--color-background-250);--color-background-300: var(--color-background-300);--color-background-350: var(--color-background-350);--color-background-400: var(--color-background-400);--color-background-450: var(--color-background-450);--color-background-550: var(--color-background-550);--color-background-600: var(--color-background-600);--color-background-650: var(--color-background-650);--color-background-700: var(--color-background-700);--color-background-750: var(--color-background-750);--color-background-800: var(--color-background-800);--color-background-850: var(--color-background-850);--color-background-900: var(--color-background-900);--color-background-static-100: var(--color-background-static-100);--color-background-static-150: var(--color-background-static-150);--color-background-static-200: var(--color-background-static-200);--color-background-static-250: var(--color-background-static-250);--color-background-static-300: var(--color-background-static-300);--color-background-static-350: var(--color-background-static-350);--color-background-static-400: var(--color-background-static-400);--color-background-static-450: var(--color-background-static-450);--color-background-static-550: var(--color-background-static-550);--color-background-static-600: var(--color-background-static-600);--color-background-static-650: var(--color-background-static-650);--color-background-static-700: var(--color-background-static-700);--color-background-static-750: var(--color-background-static-750);--color-background-static-800: var(--color-background-static-800);--color-background-static-850: var(--color-background-static-850);--color-background-static-900: var(--color-background-static-900);--color-foreground-100: var(--color-foreground-100);--color-foreground-150: var(--color-foreground-150);--color-foreground-200: var(--color-foreground-200);--color-foreground-250: var(--color-foreground-250);--color-foreground-300: var(--color-foreground-300);--color-foreground-350: var(--color-foreground-350);--color-foreground-400: var(--color-foreground-400);--color-foreground-450: var(--color-foreground-450);--color-foreground-550: var(--color-foreground-550);--color-foreground-600: var(--color-foreground-600);--color-foreground-650: var(--color-foreground-650);--color-foreground-700: var(--color-foreground-700);--color-foreground-750: var(--color-foreground-750);--color-foreground-800: var(--color-foreground-800);--color-foreground-850: var(--color-foreground-850);--color-foreground-900: var(--color-foreground-900);--color-foreground-static-100: var(--color-foreground-static-100);--color-foreground-static-150: var(--color-foreground-static-150);--color-foreground-static-200: var(--color-foreground-static-200);--color-foreground-static-250: var(--color-foreground-static-250);--color-foreground-static-300: var(--color-foreground-static-300);--color-foreground-static-350: var(--color-foreground-static-350);--color-foreground-static-400: var(--color-foreground-static-400);--color-foreground-static-450: var(--color-foreground-static-450);--color-foreground-static-550: var(--color-foreground-static-550);--color-foreground-static-600: var(--color-foreground-static-600);--color-foreground-static-650: var(--color-foreground-static-650);--color-foreground-static-700: var(--color-foreground-static-700);--color-foreground-static-750: var(--color-foreground-static-750);--color-foreground-static-800: var(--color-foreground-static-800);--color-foreground-static-850: var(--color-foreground-static-850);--color-foreground-static-900: var(--color-foreground-static-900);--color-stroke-100: var(--color-stroke-100);--color-stroke-150: var(--color-stroke-150);--color-stroke-200: var(--color-stroke-200);--color-stroke-250: var(--color-stroke-250);--color-stroke-300: var(--color-stroke-300);--color-stroke-350: var(--color-stroke-350);--color-stroke-400: var(--color-stroke-400);--color-stroke-450: var(--color-stroke-450);--color-stroke-550: var(--color-stroke-550);--color-stroke-600: var(--color-stroke-600);--color-stroke-650: var(--color-stroke-650);--color-stroke-700: var(--color-stroke-700);--color-stroke-750: var(--color-stroke-750);--color-stroke-800: var(--color-stroke-800);--color-stroke-850: var(--color-stroke-850);--color-stroke-900: var(--color-stroke-900);--color-stroke-static-100: var(--color-stroke-static-100);--color-stroke-static-150: var(--color-stroke-static-150);--color-stroke-static-200: var(--color-stroke-static-200);--color-stroke-static-250: var(--color-stroke-static-250);--color-stroke-static-300: var(--color-stroke-static-300);--color-stroke-static-350: var(--color-stroke-static-350);--color-stroke-static-400: var(--color-stroke-static-400);--color-stroke-static-450: var(--color-stroke-static-450);--color-stroke-static-550: var(--color-stroke-static-550);--color-stroke-static-600: var(--color-stroke-static-600);--color-stroke-static-650: var(--color-stroke-static-650);--color-stroke-static-700: var(--color-stroke-static-700);--color-stroke-static-750: var(--color-stroke-static-750);--color-stroke-static-800: var(--color-stroke-static-800);--color-stroke-static-850: var(--color-stroke-static-850);--color-stroke-static-900: var(--color-stroke-static-900);--color-neutral-50: #ffffff;--color-neutral-100: #fcfcfc;--color-neutral-150: #fcfcfc;--color-neutral-200: #f1f1f1;--color-neutral-250: #e2e2e2;--color-neutral-300: #c6c6c6;--color-neutral-350: #ababab;--color-neutral-400: #909090;--color-neutral-450: #767676;--color-neutral-550: #5f5f5f;--color-neutral-600: #535353;--color-neutral-650: #474747;--color-neutral-700: #3b3b3b;--color-neutral-750: #303030;--color-neutral-800: #262626;--color-neutral-850: #1b1b1b;--color-neutral-900: #111111;--color-neutral-950: #000000;--color-midnight-100: #f8fcff;--color-midnight-150: #f5f7ff;--color-midnight-200: #e8ecff;--color-midnight-250: #cfdeff;--color-midnight-300: #b8c3f5;--color-midnight-350: #9da8d9;--color-midnight-400: #7f8dc4;--color-midnight-450: #6777af;--color-midnight-550: #4b5c92;--color-midnight-600: #3e5189;--color-midnight-650: #2c3a63;--color-midnight-700: #242f50;--color-midnight-750: #1d2439;--color-midnight-800: #171e32;--color-midnight-850: #101524;--color-midnight-900: #0c101c;--color-saddle-100: #fffdfb;--color-saddle-150: #fff9f4;--color-saddle-200: #ffedde;--color-saddle-250: #f2ddcc;--color-saddle-300: #e3cbbc;--color-saddle-350: #bba5a0;--color-saddle-400: #a2898c;--color-saddle-450: #867073;--color-saddle-550: #6d585b;--color-saddle-600: #604d4f;--color-saddle-650: #524144;--color-saddle-700: #463739;--color-saddle-750: #392d2e;--color-saddle-800: #2d2224;--color-saddle-850: #21191a;--color-saddle-900: #150f10;--color-salmon-100: #fefcfb;--color-salmon-150: #fdf8f6;--color-salmon-200: #fbede8;--color-salmon-250: #f7dbd1;--color-salmon-300: #efb7a1;--color-salmon-350: #e59472;--color-salmon-400: #c67a5b;--color-salmon-450: #ad6446;--color-salmon-550: #8a4b30;--color-salmon-600: #7c4026;--color-salmon-650: #6a3620;--color-salmon-700: #5a2d1a;--color-salmon-750: #4b2414;--color-salmon-800: #3b1c0e;--color-salmon-850: #2d1308;--color-salmon-900: #1e0b04;--color-slate-100: #f3f5f7;--color-slate-150: #f0f1f5;--color-slate-200: #e4e6f1;--color-slate-250: #cfd8ec;--color-slate-300: #b8bfdd;--color-slate-350: #9ea5c2;--color-slate-400: #828bac;--color-slate-450: #6b7597;--color-slate-550: #505b7b;--color-slate-600: #455172;--color-slate-650: #313a52;--color-slate-700: #282f42;--color-slate-750: #1f2330;--color-slate-800: #191d29;--color-slate-850: #11151d;--color-slate-900: #0d1017;--color-stone-100: #fefcfb;--color-stone-150: #f8f4f2;--color-stone-200: #f4efed;--color-stone-250: #e8e0dc;--color-stone-300: #ccc4c0;--color-stone-350: #b1aaa6;--color-stone-400: #968f8c;--color-stone-450: #7b7572;--color-stone-550: #635d5a;--color-stone-600: #57514f;--color-stone-650: #4a4543;--color-stone-700: #3e3a38;--color-stone-750: #33302e;--color-stone-800: #282523;--color-stone-850: #1d1b1a;--color-stone-900: #131110;--color-green-400: #4BA849;--color-blue-250: #cfeaf5;--color-blue-300: #b9e3f3;--color-blue-450: #0f92c6;--color-green-150: #f7fde5;--color-green-300: #94dc7f;--color-orange-300: #ffb352;--color-peach-100: #fcf7f2;--color-peach-150: #fdedde;--color-peach-200: #fee5ce;--color-peach-250: #fee0c3;--color-peach-300: #ffd2a7;--color-peach-350: #e3b388;--color-code-text: #fcfaf7;--color-code-comment: #aa9c87;--color-code-yellow: #ffc42f;--color-code-blue: #67abf1;--color-code-green: #00b360;--color-code-orange: #f96c00;--color-code-purple: #e3b5fa;--color-audio-blue: #b4d7ff;--color-audio-cyan: #b9fced;--color-link-350: #4d8dfa;--color-link-550: #235ccf;--color-weather-blue: #1695DF;--color-green-350: #6fc366;--color-green-550: #127323;--color-red-350: #fa818b;--color-red-550: #993a45}@font-face{font-family:Ginto;src:url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/fonts/Ginto-Copilot-Upright-Variable.woff2) format("woff2"),url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/fonts/Ginto-Copilot-Upright-Variable.woff) format("woff"),url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/fonts/Ginto-Copilot-Upright-Variable.ttf) format("ttf")}@font-face{font-family:CascadiaCode;src:url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/fonts/CascadiaCode.woff2) format("woff2"),url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/fonts/CascadiaCode.ttf) format("ttf")}body{--tw-bg-opacity: 1;background-color:rgb(248 244 242 / var(--tw-bg-opacity));font-family:Ginto,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";color:var(--color-foreground-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"opsz" 40,"wght" 410;font-size:1.0625rem;line-height:1.625rem}body bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}body strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}body:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(16 21 36 / var(--tw-border-opacity))}bold,strong,stronger{font-synthesis:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.t-bottom-fade{-webkit-mask-image:linear-gradient(transparent 0px,black 6rem);mask-image:linear-gradient(transparent 0px,#000 6rem)}.t-table{width:100%;table-layout:auto;--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);font-variation-settings:"opsz" 40,"wght" 410;font-size:.9375rem;line-height:1.25rem}.t-table bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.t-table strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.t-table thead{--tw-bg-opacity: 1;background-color:rgb(255 237 222 / var(--tw-bg-opacity));color:var(--color-foreground-750);font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none;font-size:.9375rem;line-height:1.25rem}.t-table thead:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(23 30 50 / var(--tw-bg-opacity))}.t-table th{font-weight:500}.t-table th,.t-table td{border-width:1px;border-color:var(--color-stroke-300);padding:.625rem 1rem;text-align:left}.t-table th:is([data-theme=dark] *),.t-table td:is([data-theme=dark] *){border-color:var(--color-stroke-250)}.t-discover-card-large,.t-discover-card-small{border-image-width:96px;border-image-outset:0;border-image-repeat:stretch}.t-discover-card-large{border-image-slice:45% fill;border-image-source:url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/images/card-container-large-light.svg)}[data-theme=dark] .t-discover-card-large{border-image-source:url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/images/card-container-large-dark.svg)}.t-discover-card-small{border-image-slice:40% fill;border-image-source:url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/images/card-container-small-light.svg)}[data-theme=dark] .t-discover-card-small{border-image-source:url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/images/card-container-small-dark.svg)}.t-discover-background-image{-webkit-mask-box-image-width:104px;-webkit-mask-box-image-slice:48% fill;-webkit-mask-box-image-outset:0;-webkit-mask-box-image-repeat:stretch;-webkit-mask-box-image-source:url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/images/squircle-mask-large.svg)}.t-discover-card-image{-webkit-mask-box-image-width:94px;-webkit-mask-box-image-slice:48% fill;-webkit-mask-box-image-outset:0;-webkit-mask-box-image-repeat:stretch}.t-discover-card-large .t-discover-card-image{-webkit-mask-box-image-source:url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/images/card-image-large.svg)}.t-discover-card-small .t-discover-card-image{-webkit-mask-box-image-source:url(https://studiostaticassetsprod.azureedge.net/bundle-wpwa/images/card-image-small.svg)}@media (prefers-contrast: more){.t-discover-card-large,.t-discover-card-small{-o-border-image:none!important;border-image:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-16{top:-4rem;right:-4rem;bottom:-4rem;left:-4rem}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-1\/4{bottom:25%}.bottom-\[60px\]{bottom:60px}.bottom-\[var\(--babylon-component-height\)\]{bottom:var(--babylon-component-height)}.bottom-composer-system-alert{bottom:calc(var(--composer-container-height) + 1rem)}.end-0{inset-inline-end:0px}.end-0\.5{inset-inline-end:.125rem}.end-2{inset-inline-end:.5rem}.end-4{inset-inline-end:1rem}.end-6{inset-inline-end:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.start-0{inset-inline-start:0px}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\[88px\]{top:88px}.top-\[93px\]{top:93px}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-4{grid-column:span 4 / span 4}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-end-2{grid-row-end:2}.row-end-3{grid-row-end:3}.float-right{float:right}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-auto{margin:auto}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-px{margin-left:1px;margin-right:1px}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-2\.5{margin-top:.625rem;margin-bottom:.625rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-ms-2\.5{margin-inline-start:-.625rem}.-mt-2{margin-top:-.5rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.mb-\[var\(--composer-container-height\)\]{margin-bottom:var(--composer-container-height)}.me-0\.5{margin-inline-end:.125rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.me-6{margin-inline-end:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.ms-1{margin-inline-start:.25rem}.ms-2{margin-inline-start:.5rem}.ms-4{margin-inline-start:1rem}.ms-5{margin-inline-start:1.25rem}.ms-auto{margin-inline-start:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.box-content{box-sizing:content-box}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[2\/1\]{aspect-ratio:2/1}.aspect-\[2\/3\]{aspect-ratio:2/3}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1 / 1}.size-0\.5{width:.125rem;height:.125rem}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-12{width:3rem;height:3rem}.size-14{width:3.5rem;height:3.5rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-32{width:8rem;height:8rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-5\/6{width:83.333333%;height:83.333333%}.size-56{width:14rem;height:14rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-fit{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.size-full{width:100%;height:100%}.size-min{width:-moz-min-content;width:min-content;height:-moz-min-content;height:min-content}.h-0{height:0px}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2\/5{height:40%}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[100px\]{height:100px}.h-\[116px\]{height:116px}.h-\[188px\]{height:188px}.h-\[240px\]{height:240px}.h-\[320px\]{height:320px}.h-\[3px\]{height:3px}.h-\[400px\]{height:400px}.h-\[424px\]{height:424px}.h-\[42px\]{height:42px}.h-\[474px\]{height:474px}.h-\[50px\]{height:50px}.h-\[549px\]{height:549px}.h-\[86px\]{height:86px}.h-\[88px\]{height:88px}.h-\[95px\]{height:95px}.h-auto{height:auto}.h-bottom-fade{height:calc(100% - 2rem)}.h-composer{height:4rem}.h-dvh{height:100dvh}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-12{max-height:3rem}.max-h-128{max-height:32rem}.max-h-96{max-height:24rem}.max-h-\[50\%\]{max-height:50%}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-5rem\)\]{max-height:calc(100vh - 5rem)}.max-h-dvh-0\.5{max-height:50dvh}.max-h-expanded-section{max-height:calc(100vh - 8rem)}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-12{min-height:3rem}.min-h-14{min-height:3.5rem}.min-h-16{min-height:4rem}.min-h-36{min-height:9rem}.min-h-5{min-height:1.25rem}.min-h-6{min-height:1.5rem}.min-h-7{min-height:1.75rem}.min-h-8{min-height:2rem}.min-h-9{min-height:2.25rem}.min-h-\[150px\]{min-height:150px}.min-h-\[186px\]{min-height:186px}.min-h-\[25\%\]{min-height:25%}.min-h-\[40vh\]{min-height:40vh}.min-h-\[45\%\]{min-height:45%}.min-h-\[60px\]{min-height:60px}.min-h-\[calc\(100dvh-60px-var\(--composer-container-height\)\)\]{min-height:calc(100dvh - 60px - var(--composer-container-height))}.min-h-\[calc\(100dvh-var\(--babylon-component-height\)-var\(--composer-container-height\)\)\]{min-height:calc(100dvh - var(--babylon-component-height) - var(--composer-container-height))}.min-h-\[var\(--babylon-component-height\)\]{min-height:var(--babylon-component-height)}.min-h-composer{min-height:4rem}.min-h-user-input{min-height:1.625rem}.w-0{width:0px}.w-10{width:2.5rem}.w-24{width:6rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\/12{width:41.666667%}.w-60{width:15rem}.w-72{width:18rem}.w-96{width:24rem}.w-\[1\.5ch\]{width:1.5ch}.w-\[128px\]{width:128px}.w-\[147px\]{width:147px}.w-\[163px\]{width:163px}.w-\[347px\]{width:347px}.w-\[360px\]{width:360px}.w-\[400px\]{width:400px}.w-\[5ch\]{width:5ch}.w-\[6ch\]{width:6ch}.w-\[700px\]{width:700px}.w-\[800px\]{width:800px}.w-auto{width:auto}.w-bottom-fade{width:calc(100% - 2rem)}.w-daily-briefing{width:358px}.w-expanded-composer{width:min(calc(100vw - 1.5rem),46.5rem)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-prompt-sign-in{width:360px}.w-screen{width:100vw}.w-settings{width:278px}.min-w-0{min-width:0px}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-14{min-width:3.5rem}.min-w-16{min-width:4rem}.min-w-4{min-width:1rem}.min-w-40{min-width:10rem}.min-w-44{min-width:11rem}.min-w-60{min-width:15rem}.min-w-72{min-width:18rem}.min-w-8{min-width:2rem}.min-w-80{min-width:20rem}.min-w-9{min-width:2.25rem}.min-w-96{min-width:24rem}.min-w-\[250px\]{min-width:250px}.min-w-\[284px\]{min-width:284px}.min-w-\[50px\]{min-width:50px}.min-w-\[56px\]{min-width:56px}.max-w-0{max-width:0px}.max-w-3xl{max-width:48rem}.max-w-40{max-width:10rem}.max-w-4xl{max-width:56rem}.max-w-72{max-width:18rem}.max-w-96{max-width:24rem}.max-w-\[220px\]{max-width:220px}.max-w-\[284px\]{max-width:284px}.max-w-\[400px\]{max-width:400px}.max-w-\[540px\]{max-width:540px}.max-w-\[80\%\]{max-width:80%}.max-w-\[80vw\]{max-width:80vw}.max-w-\[min\(80\%\,256px\)\]{max-width:min(80%,256px)}.max-w-chat{max-width:min(100%,46.5rem)}.max-w-composer-system-alert{max-width:22.125rem}.max-w-cookie-banner{max-width:52.5rem}.max-w-discover{max-width:54rem}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-\[15\]{flex-grow:15}.origin-bottom{transform-origin:bottom}.origin-top-left{transform-origin:top left}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-180{--tw-rotate: -180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-scale-x-100{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin-slow{animation:spin 2.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin-slower{animation:spin 5s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-\[1fr_1fr_1fr\]{grid-template-rows:1fr 1fr 1fr}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-items-start{justify-items:start}.justify-items-center{justify-items:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.gap-y-9{row-gap:2.25rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.25rem}.rounded-4xl{border-radius:1.5rem}.rounded-5xl{border-radius:1.75rem}.rounded-6xl{border-radius:2rem}.rounded-7xl{border-radius:3rem}.rounded-8xl{border-radius:4rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[60px\]{border-radius:60px}.rounded-\[8\.5px\]{border-radius:8.5px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-submitButton{border-radius:.875rem}.rounded-xl{border-radius:.75rem}.rounded-b-4xl{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-b-5xl{border-bottom-right-radius:1.75rem;border-bottom-left-radius:1.75rem}.rounded-b-6xl{border-bottom-right-radius:2rem;border-bottom-left-radius:2rem}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-3xl{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}.rounded-t-7xl{border-top-left-radius:3rem;border-top-right-radius:3rem}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[0\.5px\]{border-width:.5px}.border-b{border-bottom-width:1px}.border-b-\[0\.5px\]{border-bottom-width:.5px}.border-t{border-top-width:1px}.border-t-\[0\.5px\]{border-top-width:.5px}.border-solid{border-style:solid}.border-black\/10{border-color:#0000001a}.border-black\/15{border-color:#00000026}.border-black\/20{border-color:#0003}.border-black\/5{border-color:#0000000d}.border-black\/8{border-color:#00000014}.border-foreground-800{border-color:var(--color-foreground-800)}.border-neutral-350{--tw-border-opacity: 1;border-color:rgb(171 171 171 / var(--tw-border-opacity))}.border-saddle-250{--tw-border-opacity: 1;border-color:rgb(242 221 204 / var(--tw-border-opacity))}.border-saddle-300{--tw-border-opacity: 1;border-color:rgb(227 203 188 / var(--tw-border-opacity))}.border-stroke-100{border-color:var(--color-stroke-100)}.border-stroke-200{border-color:var(--color-stroke-200)}.border-stroke-250{border-color:var(--color-stroke-250)}.border-stroke-300{border-color:var(--color-stroke-300)}.border-stroke-350{border-color:var(--color-stroke-350)}.border-stroke-550{border-color:var(--color-stroke-550)}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-b-black\/20{border-bottom-color:#0003}.bg-\[color\:var\(--foreground-color\)\]{background-color:var(--foreground-color)}.bg-\[var\(--background-color\)\]{background-color:var(--background-color)}.bg-background-100{background-color:var(--color-background-100)}.bg-background-150{background-color:var(--color-background-150)}.bg-background-200{background-color:var(--color-background-200)}.bg-background-250{background-color:var(--color-background-250)}.bg-background-300{background-color:var(--color-background-300)}.bg-background-600{background-color:var(--color-background-600)}.bg-background-900{background-color:var(--color-background-900)}.bg-background-static-250{background-color:var(--color-background-static-250)}.bg-background-static-850{background-color:var(--color-background-static-850)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-black\/20{background-color:#0003}.bg-black\/3{background-color:#00000008}.bg-black\/30{background-color:#0000004d}.bg-black\/5{background-color:#0000000d}.bg-black\/50{background-color:#00000080}.bg-black\/8{background-color:#00000014}.bg-foreground-200{background-color:var(--color-foreground-200)}.bg-foreground-750{background-color:var(--color-foreground-750)}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(75 168 73 / var(--tw-bg-opacity))}.bg-midnight-700{--tw-bg-opacity: 1;background-color:rgb(36 47 80 / var(--tw-bg-opacity))}.bg-neutral-200{--tw-bg-opacity: 1;background-color:rgb(241 241 241 / var(--tw-bg-opacity))}.bg-spot-peach-150{--tw-bg-opacity: 1;background-color:rgb(253 237 222 / var(--tw-bg-opacity))}.bg-spot-peach-200\/50{background-color:#fee5ce80}.bg-spot-peach-300{--tw-bg-opacity: 1;background-color:rgb(255 210 167 / var(--tw-bg-opacity))}.bg-spot-peach-300\/50{background-color:#ffd2a780}.bg-spot-peach-300\/60{background-color:#ffd2a799}.bg-stone-100\/30{background-color:#fefcfb4d}.bg-stone-150{--tw-bg-opacity: 1;background-color:rgb(248 244 242 / var(--tw-bg-opacity))}.bg-stone-200{--tw-bg-opacity: 1;background-color:rgb(244 239 237 / var(--tw-bg-opacity))}.bg-stone-750{--tw-bg-opacity: 1;background-color:rgb(51 48 46 / var(--tw-bg-opacity))}.bg-stone-800{--tw-bg-opacity: 1;background-color:rgb(40 37 35 / var(--tw-bg-opacity))}.bg-stone-850\/30{background-color:#1d1b1a4d}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\/12{background-color:#ffffff1f}.bg-white\/25{background-color:#ffffff40}.bg-white\/30{background-color:#ffffff4d}.bg-white\/40{background-color:#fff6}.bg-white\/50{background-color:#ffffff80}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-gradient-audio-input-light{background-image:linear-gradient(180deg,#b4d7ff,#b9fced)}.bg-gradient-audio-output-light{background-image:linear-gradient(180deg,#b4d7ff 30%,#b9fced 80%)}.bg-gradient-chat-light{background-image:linear-gradient(180deg,#f8f4f2 50%,#fdedde)}.bg-gradient-chat-light-character{background-image:linear-gradient(180deg,#f8f4f2 125%,#fdedde 250%)}.bg-gradient-discover-light{background-image:linear-gradient(180deg,#f8f4f2,#fdedde)}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-\[center_bottom_10\%\]{background-position:center bottom 10%}.bg-\[center_bottom_21\%\]{background-position:center bottom 21%}.bg-\[center_bottom_32\%\]{background-position:center bottom 32%}.bg-\[center_bottom_38\%\]{background-position:center bottom 38%}.fill-black{fill:#000}.fill-foreground-100{fill:var(--color-foreground-100)}.fill-foreground-250{fill:var(--color-foreground-250)}.fill-foreground-600{fill:var(--color-foreground-600)}.fill-foreground-750{fill:var(--color-foreground-750)}.fill-foreground-800{fill:var(--color-foreground-800)}.fill-system-red-550{fill:#993a45}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[1\.5px\]{padding-top:1.5px;padding-bottom:1.5px}.py-px{padding-top:1px;padding-bottom:1px}.py-user-input{padding-top:.6875rem;padding-bottom:.6875rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-9{padding-bottom:2.25rem}.pe-1{padding-inline-end:.25rem}.pe-1\.5{padding-inline-end:.375rem}.pe-2{padding-inline-end:.5rem}.pe-2\.5{padding-inline-end:.625rem}.pe-3{padding-inline-end:.75rem}.pe-4{padding-inline-end:1rem}.pe-8{padding-inline-end:2rem}.pl-1{padding-left:.25rem}.pl-1\.5{padding-left:.375rem}.pl-12{padding-left:3rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.pr-1\.5{padding-right:.375rem}.pr-12{padding-right:3rem}.pr-14{padding-right:3.5rem}.pr-7{padding-right:1.75rem}.ps-1{padding-inline-start:.25rem}.ps-2{padding-inline-start:.5rem}.ps-3{padding-inline-start:.75rem}.ps-3\.5{padding-inline-start:.875rem}.ps-4{padding-inline-start:1rem}.ps-6{padding-inline-start:1.5rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-bottom-fade{padding-top:6rem}.pt-px{padding-top:1px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.indent-0{text-indent:0px}.align-middle{vertical-align:middle}.font-mono{font-family:CascadiaCode,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Ginto,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-\[12px\]{font-size:12px}.text-\[64px\]{font-size:64px}.font-bold{font-weight:700}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-\[3rem\]{line-height:3rem}.text-\[color\:var\(--background-color\)\]{color:var(--background-color)}.text-\[color\:var\(--foreground-color\)\]{color:var(--foreground-color)}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-black\/40{color:#0006}.text-black\/80{color:#000c}.text-foreground-100{color:var(--color-foreground-100)}.text-foreground-250{color:var(--color-foreground-250)}.text-foreground-450{color:var(--color-foreground-450)}.text-foreground-550{color:var(--color-foreground-550)}.text-foreground-600{color:var(--color-foreground-600)}.text-foreground-650{color:var(--color-foreground-650)}.text-foreground-700{color:var(--color-foreground-700)}.text-foreground-750{color:var(--color-foreground-750)}.text-foreground-800{color:var(--color-foreground-800)}.text-foreground-850{color:var(--color-foreground-850)}.text-foreground-900{color:var(--color-foreground-900)}.text-foreground-static-250{color:var(--color-foreground-static-250)}.text-midnight-450{--tw-text-opacity: 1;color:rgb(103 119 175 / var(--tw-text-opacity))}.text-neutral-400{--tw-text-opacity: 1;color:rgb(144 144 144 / var(--tw-text-opacity))}.text-neutral-450{--tw-text-opacity: 1;color:rgb(118 118 118 / var(--tw-text-opacity))}.text-neutral-900{--tw-text-opacity: 1;color:rgb(17 17 17 / var(--tw-text-opacity))}.text-salmon-450{--tw-text-opacity: 1;color:rgb(173 100 70 / var(--tw-text-opacity))}.text-salmon-550{--tw-text-opacity: 1;color:rgb(138 75 48 / var(--tw-text-opacity))}.text-salmon-600{--tw-text-opacity: 1;color:rgb(124 64 38 / var(--tw-text-opacity))}.text-spot-blue-450{--tw-text-opacity: 1;color:rgb(15 146 198 / var(--tw-text-opacity))}.text-stone-450{--tw-text-opacity: 1;color:rgb(123 117 114 / var(--tw-text-opacity))}.text-stone-550{--tw-text-opacity: 1;color:rgb(99 93 90 / var(--tw-text-opacity))}.text-stone-550\/90{color:#635d5ae6}.text-stone-750{--tw-text-opacity: 1;color:rgb(51 48 46 / var(--tw-text-opacity))}.text-stone-800{--tw-text-opacity: 1;color:rgb(40 37 35 / var(--tw-text-opacity))}.text-stone-900{--tw-text-opacity: 1;color:rgb(19 17 16 / var(--tw-text-opacity))}.text-system-red-550{--tw-text-opacity: 1;color:rgb(153 58 69 / var(--tw-text-opacity))}.text-weather-blue{--tw-text-opacity: 1;color:rgb(22 149 223 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.bg-blend-saturation{background-blend-mode:saturation}.bg-blend-luminosity{background-blend-mode:luminosity}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-button-light{--tw-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px .5px .5px .5px #ffffff inset;--tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color), inset 0px .5px .5px .5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-button-strong-light{--tw-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);--tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-composer-input{--tw-shadow: 0px 2px 16px 0px rgba(0, 0, 0, .04);--tw-shadow-colored: 0px 2px 16px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-2{outline-width:2px}.outline-offset-1{outline-offset:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[6px\]{--tw-blur: blur(6px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-lg{--tw-blur: blur(16px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-150{--tw-saturate: saturate(1.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-2xl{--tw-backdrop-blur: blur(40px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[10px\]{--tw-backdrop-blur: blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-saturate-200{--tw-backdrop-saturate: saturate(2);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.squircle-16{clip-path:polygon(0px 32px,.07802971593637409px 20.271182473472834px,.3126978854297491px 16.078460832689743px,.7057966140965632px 13.012163936372524px,1.260505795766658px 10.54584346802724px,1.981719281401805px 8.484248123590419px,2.8765872814673834px 6.731439302629894px,3.9553972232171972px 5.233026740260549px,5.233026740260549px 3.9553972232171972px,6.731439302629894px 2.8765872814673834px,8.484248123590415px 1.9817192814018085px,10.545843468027236px 1.260505795766658px,13.01216393637252px .7057966140965632px,16.078460832689746px .3126978854297491px,20.271182473472834px .07802971593637409px,31.99999800765891px 0px,calc(100% - 31.99999800765891px) 0px,calc(100% - 20.271182473472834px) .07802971593637409px,calc(100% - 16.078460832689746px) .3126978854297491px,calc(100% - 13.01216393637252px) .7057966140965632px,calc(100% - 10.545843468027236px) 1.260505795766658px,calc(100% - 8.484248123590415px) 1.9817192814018085px,calc(100% - 6.731439302629894px) 2.8765872814673834px,calc(100% - 5.233026740260549px) 3.9553972232171972px,calc(100% - 3.9553972232171972px) 5.233026740260549px,calc(100% - 2.8765872814673834px) 6.731439302629894px,calc(100% - 1.981719281401805px) 8.484248123590419px,calc(100% - 1.260505795766658px) 10.54584346802724px,calc(100% - .7057966140965632px) 13.012163936372524px,calc(100% - .3126978854297491px) 16.078460832689743px,calc(100% - .07802971593637409px) 20.271182473472834px,calc(100% + -0px) 32px,calc(100% + -0px) calc(100% - 32px),calc(100% - .07802971593637409px) calc(100% - 20.271182473472834px),calc(100% - .3126978854297491px) calc(100% - 16.078460832689743px),calc(100% - .7057966140965632px) calc(100% - 13.012163936372524px),calc(100% - 1.260505795766658px) calc(100% - 10.54584346802724px),calc(100% - 1.981719281401805px) calc(100% - 8.484248123590419px),calc(100% - 2.8765872814673834px) calc(100% - 6.731439302629894px),calc(100% - 3.9553972232171972px) calc(100% - 5.233026740260549px),calc(100% - 5.233026740260549px) calc(100% - 3.9553972232171972px),calc(100% - 6.731439302629894px) calc(100% - 2.8765872814673834px),calc(100% - 8.484248123590415px) calc(100% - 1.9817192814018085px),calc(100% - 10.545843468027236px) calc(100% - 1.260505795766658px),calc(100% - 13.01216393637252px) calc(100% - .7057966140965632px),calc(100% - 16.078460832689746px) calc(100% - .3126978854297491px),calc(100% - 20.271182473472834px) calc(100% - .07802971593637409px),calc(100% - 31.99999800765891px) calc(100% + -0px),31.99999800765891px calc(100% + -0px),20.271182473472834px calc(100% - .07802971593637409px),16.078460832689746px calc(100% - .3126978854297491px),13.01216393637252px calc(100% - .7057966140965632px),10.545843468027236px calc(100% - 1.260505795766658px),8.484248123590415px calc(100% - 1.9817192814018085px),6.731439302629894px calc(100% - 2.8765872814673834px),5.233026740260549px calc(100% - 3.9553972232171972px),3.9553972232171972px calc(100% - 5.233026740260549px),2.8765872814673834px calc(100% - 6.731439302629894px),1.981719281401805px calc(100% - 8.484248123590419px),1.260505795766658px calc(100% - 10.54584346802724px),.7057966140965632px calc(100% - 13.012163936372524px),.3126978854297491px calc(100% - 16.078460832689743px),.07802971593637409px calc(100% - 20.271182473472834px),0px calc(100% - 32px))}.squircle-16-12{clip-path:polygon(0px 32px,.07802971593637409px 20.271182473472834px,.3126978854297491px 16.078460832689743px,.7057966140965632px 13.012163936372524px,1.260505795766658px 10.54584346802724px,1.981719281401805px 8.484248123590419px,2.8765872814673834px 6.731439302629894px,3.9553972232171972px 5.233026740260549px,5.233026740260549px 3.9553972232171972px,6.731439302629894px 2.8765872814673834px,8.484248123590415px 1.9817192814018085px,10.545843468027236px 1.260505795766658px,13.01216393637252px .7057966140965632px,16.078460832689746px .3126978854297491px,20.271182473472834px .07802971593637409px,31.99999800765891px 0px,calc(100% - 31.99999800765891px) 0px,calc(100% - 20.271182473472834px) .07802971593637409px,calc(100% - 16.078460832689746px) .3126978854297491px,calc(100% - 13.01216393637252px) .7057966140965632px,calc(100% - 10.545843468027236px) 1.260505795766658px,calc(100% - 8.484248123590415px) 1.9817192814018085px,calc(100% - 6.731439302629894px) 2.8765872814673834px,calc(100% - 5.233026740260549px) 3.9553972232171972px,calc(100% - 3.9553972232171972px) 5.233026740260549px,calc(100% - 2.8765872814673834px) 6.731439302629894px,calc(100% - 1.981719281401805px) 8.484248123590419px,calc(100% - 1.260505795766658px) 10.54584346802724px,calc(100% - .7057966140965632px) 13.012163936372524px,calc(100% - .3126978854297491px) 16.078460832689743px,calc(100% - .07802971593637409px) 20.271182473472834px,calc(100% + -0px) 32px,calc(100% + -0px) calc(100% - 24px),calc(100% - .05852228695228234px) calc(100% - 15.203386855104625px),calc(100% - .23452341407231359px) calc(100% - 12.058845624517309px),calc(100% - .5293474605724242px) calc(100% - 9.759122952279393px),calc(100% - .9453793468249927px) calc(100% - 7.909382601020429px),calc(100% - 1.4862894610513528px) calc(100% - 6.363186092692814px),calc(100% - 2.1574404611005384px) calc(100% - 5.048579476972421px),calc(100% - 2.966547917412896px) calc(100% - 3.9247700551954097px),calc(100% - 3.9247700551954097px) calc(100% - 2.966547917412896px),calc(100% - 5.048579476972421px) calc(100% - 2.1574404611005384px),calc(100% - 6.3631860926928105px) calc(100% - 1.4862894610513564px),calc(100% - 7.909382601020425px) calc(100% - .9453793468249927px),calc(100% - 9.759122952279391px) calc(100% - .5293474605724242px),calc(100% - 12.05884562451731px) calc(100% - .23452341407231359px),calc(100% - 15.203386855104625px) calc(100% - .05852228695228234px),calc(100% - 23.99999850574418px) calc(100% + -0px),23.99999850574418px calc(100% + -0px),15.203386855104625px calc(100% - .05852228695228234px),12.05884562451731px calc(100% - .23452341407231359px),9.759122952279391px calc(100% - .5293474605724242px),7.909382601020425px calc(100% - .9453793468249927px),6.3631860926928105px calc(100% - 1.4862894610513564px),5.048579476972421px calc(100% - 2.1574404611005384px),3.9247700551954097px calc(100% - 2.966547917412896px),2.966547917412896px calc(100% - 3.9247700551954097px),2.1574404611005384px calc(100% - 5.048579476972421px),1.4862894610513528px calc(100% - 6.363186092692814px),.9453793468249927px calc(100% - 7.909382601020429px),.5293474605724242px calc(100% - 9.759122952279393px),.23452341407231359px calc(100% - 12.058845624517309px),.05852228695228234px calc(100% - 15.203386855104625px),0px calc(100% - 24px))}.squircle-24{clip-path:polygon(0px 48px,.11704457390456469px 30.40677371020925px,.46904682814462717px 24.117691249034618px,1.0586949211448484px 19.518245904558785px,1.8907586936499854px 15.818765202040858px,2.9725789221027057px 12.726372185385628px,4.314880922201077px 10.097158953944842px,5.933095834825792px 7.849540110390819px,7.849540110390819px 5.933095834825792px,10.097158953944842px 4.314880922201077px,12.726372185385621px 2.972578922102713px,15.81876520204085px 1.8907586936499854px,19.518245904558782px 1.0586949211448484px,24.11769124903462px .46904682814462717px,30.40677371020925px .11704457390456469px,47.99999701148836px 0px,calc(100% - 47.99999701148836px) 0px,calc(100% - 30.40677371020925px) .11704457390456469px,calc(100% - 24.11769124903462px) .46904682814462717px,calc(100% - 19.518245904558782px) 1.0586949211448484px,calc(100% - 15.81876520204085px) 1.8907586936499854px,calc(100% - 12.726372185385621px) 2.972578922102713px,calc(100% - 10.097158953944842px) 4.314880922201077px,calc(100% - 7.849540110390819px) 5.933095834825792px,calc(100% - 5.933095834825792px) 7.849540110390819px,calc(100% - 4.314880922201077px) 10.097158953944842px,calc(100% - 2.9725789221027057px) 12.726372185385628px,calc(100% - 1.8907586936499854px) 15.818765202040858px,calc(100% - 1.0586949211448484px) 19.518245904558785px,calc(100% - .46904682814462717px) 24.117691249034618px,calc(100% - .11704457390456469px) 30.40677371020925px,calc(100% + -0px) 48px,calc(100% + -0px) calc(100% - 48px),calc(100% - .11704457390456469px) calc(100% - 30.40677371020925px),calc(100% - .46904682814462717px) calc(100% - 24.117691249034618px),calc(100% - 1.0586949211448484px) calc(100% - 19.518245904558785px),calc(100% - 1.8907586936499854px) calc(100% - 15.818765202040858px),calc(100% - 2.9725789221027057px) calc(100% - 12.726372185385628px),calc(100% - 4.314880922201077px) calc(100% - 10.097158953944842px),calc(100% - 5.933095834825792px) calc(100% - 7.849540110390819px),calc(100% - 7.849540110390819px) calc(100% - 5.933095834825792px),calc(100% - 10.097158953944842px) calc(100% - 4.314880922201077px),calc(100% - 12.726372185385621px) calc(100% - 2.972578922102713px),calc(100% - 15.81876520204085px) calc(100% - 1.8907586936499854px),calc(100% - 19.518245904558782px) calc(100% - 1.0586949211448484px),calc(100% - 24.11769124903462px) calc(100% - .46904682814462717px),calc(100% - 30.40677371020925px) calc(100% - .11704457390456469px),calc(100% - 47.99999701148836px) calc(100% + -0px),47.99999701148836px calc(100% + -0px),30.40677371020925px calc(100% - .11704457390456469px),24.11769124903462px calc(100% - .46904682814462717px),19.518245904558782px calc(100% - 1.0586949211448484px),15.81876520204085px calc(100% - 1.8907586936499854px),12.726372185385621px calc(100% - 2.972578922102713px),10.097158953944842px calc(100% - 4.314880922201077px),7.849540110390819px calc(100% - 5.933095834825792px),5.933095834825792px calc(100% - 7.849540110390819px),4.314880922201077px calc(100% - 10.097158953944842px),2.9725789221027057px calc(100% - 12.726372185385628px),1.8907586936499854px calc(100% - 15.818765202040858px),1.0586949211448484px calc(100% - 19.518245904558785px),.46904682814462717px calc(100% - 24.117691249034618px),.11704457390456469px calc(100% - 30.40677371020925px),0px calc(100% - 48px))}.squircle-24-16{clip-path:polygon(0px 48px,.11704457390456469px 30.40677371020925px,.46904682814462717px 24.117691249034618px,1.0586949211448484px 19.518245904558785px,1.8907586936499854px 15.818765202040858px,2.9725789221027057px 12.726372185385628px,4.314880922201077px 10.097158953944842px,5.933095834825792px 7.849540110390819px,7.849540110390819px 5.933095834825792px,10.097158953944842px 4.314880922201077px,12.726372185385621px 2.972578922102713px,15.81876520204085px 1.8907586936499854px,19.518245904558782px 1.0586949211448484px,24.11769124903462px .46904682814462717px,30.40677371020925px .11704457390456469px,47.99999701148836px 0px,calc(100% - 47.99999701148836px) 0px,calc(100% - 30.40677371020925px) .11704457390456469px,calc(100% - 24.11769124903462px) .46904682814462717px,calc(100% - 19.518245904558782px) 1.0586949211448484px,calc(100% - 15.81876520204085px) 1.8907586936499854px,calc(100% - 12.726372185385621px) 2.972578922102713px,calc(100% - 10.097158953944842px) 4.314880922201077px,calc(100% - 7.849540110390819px) 5.933095834825792px,calc(100% - 5.933095834825792px) 7.849540110390819px,calc(100% - 4.314880922201077px) 10.097158953944842px,calc(100% - 2.9725789221027057px) 12.726372185385628px,calc(100% - 1.8907586936499854px) 15.818765202040858px,calc(100% - 1.0586949211448484px) 19.518245904558785px,calc(100% - .46904682814462717px) 24.117691249034618px,calc(100% - .11704457390456469px) 30.40677371020925px,calc(100% + -0px) 48px,calc(100% + -0px) calc(100% - 32px),calc(100% - .07802971593637409px) calc(100% - 20.271182473472834px),calc(100% - .3126978854297491px) calc(100% - 16.078460832689743px),calc(100% - .7057966140965632px) calc(100% - 13.012163936372524px),calc(100% - 1.260505795766658px) calc(100% - 10.54584346802724px),calc(100% - 1.981719281401805px) calc(100% - 8.484248123590419px),calc(100% - 2.8765872814673834px) calc(100% - 6.731439302629894px),calc(100% - 3.9553972232171972px) calc(100% - 5.233026740260549px),calc(100% - 5.233026740260549px) calc(100% - 3.9553972232171972px),calc(100% - 6.731439302629894px) calc(100% - 2.8765872814673834px),calc(100% - 8.484248123590415px) calc(100% - 1.9817192814018085px),calc(100% - 10.545843468027236px) calc(100% - 1.260505795766658px),calc(100% - 13.01216393637252px) calc(100% - .7057966140965632px),calc(100% - 16.078460832689746px) calc(100% - .3126978854297491px),calc(100% - 20.271182473472834px) calc(100% - .07802971593637409px),calc(100% - 31.99999800765891px) calc(100% + -0px),31.99999800765891px calc(100% + -0px),20.271182473472834px calc(100% - .07802971593637409px),16.078460832689746px calc(100% - .3126978854297491px),13.01216393637252px calc(100% - .7057966140965632px),10.545843468027236px calc(100% - 1.260505795766658px),8.484248123590415px calc(100% - 1.9817192814018085px),6.731439302629894px calc(100% - 2.8765872814673834px),5.233026740260549px calc(100% - 3.9553972232171972px),3.9553972232171972px calc(100% - 5.233026740260549px),2.8765872814673834px calc(100% - 6.731439302629894px),1.981719281401805px calc(100% - 8.484248123590419px),1.260505795766658px calc(100% - 10.54584346802724px),.7057966140965632px calc(100% - 13.012163936372524px),.3126978854297491px calc(100% - 16.078460832689743px),.07802971593637409px calc(100% - 20.271182473472834px),0px calc(100% - 32px))}.squircle-36{clip-path:polygon(0px 72px,.17556686085684703px 45.610160565313876px,.7035702422169408px 36.176536873551925px,1.5880423817172726px 29.27736885683818px,2.836138040474978px 23.72814780306129px,4.458868383154055px 19.089558278078442px,6.472321383301619px 15.145738430917262px,8.899643752238696px 11.774310165586236px,11.774310165586236px 8.899643752238696px,15.145738430917262px 6.472321383301619px,19.089558278078435px 4.458868383154069px,23.728147803061283px 2.836138040474978px,29.277368856838173px 1.5880423817172726px,36.17653687355193px .7035702422169408px,45.610160565313876px .17556686085684703px,71.99999551723255px 0px,calc(100% - 71.99999551723255px) 0px,calc(100% - 45.610160565313876px) .17556686085684703px,calc(100% - 36.17653687355193px) .7035702422169408px,calc(100% - 29.277368856838173px) 1.5880423817172726px,calc(100% - 23.728147803061283px) 2.836138040474978px,calc(100% - 19.089558278078435px) 4.458868383154069px,calc(100% - 15.145738430917262px) 6.472321383301619px,calc(100% - 11.774310165586236px) 8.899643752238696px,calc(100% - 8.899643752238696px) 11.774310165586236px,calc(100% - 6.472321383301619px) 15.145738430917262px,calc(100% - 4.458868383154055px) 19.089558278078442px,calc(100% - 2.836138040474978px) 23.72814780306129px,calc(100% - 1.5880423817172726px) 29.27736885683818px,calc(100% - .7035702422169408px) 36.176536873551925px,calc(100% - .17556686085684703px) 45.610160565313876px,calc(100% + -0px) 72px,calc(100% + -0px) calc(100% - 72px),calc(100% - .17556686085684703px) calc(100% - 45.610160565313876px),calc(100% - .7035702422169408px) calc(100% - 36.176536873551925px),calc(100% - 1.5880423817172726px) calc(100% - 29.27736885683818px),calc(100% - 2.836138040474978px) calc(100% - 23.72814780306129px),calc(100% - 4.458868383154055px) calc(100% - 19.089558278078442px),calc(100% - 6.472321383301619px) calc(100% - 15.145738430917262px),calc(100% - 8.899643752238696px) calc(100% - 11.774310165586236px),calc(100% - 11.774310165586236px) calc(100% - 8.899643752238696px),calc(100% - 15.145738430917262px) calc(100% - 6.472321383301619px),calc(100% - 19.089558278078435px) calc(100% - 4.458868383154069px),calc(100% - 23.728147803061283px) calc(100% - 2.836138040474978px),calc(100% - 29.277368856838173px) calc(100% - 1.5880423817172726px),calc(100% - 36.17653687355193px) calc(100% - .7035702422169408px),calc(100% - 45.610160565313876px) calc(100% - .17556686085684703px),calc(100% - 71.99999551723255px) calc(100% + -0px),71.99999551723255px calc(100% + -0px),45.610160565313876px calc(100% - .17556686085684703px),36.17653687355193px calc(100% - .7035702422169408px),29.277368856838173px calc(100% - 1.5880423817172726px),23.728147803061283px calc(100% - 2.836138040474978px),19.089558278078435px calc(100% - 4.458868383154069px),15.145738430917262px calc(100% - 6.472321383301619px),11.774310165586236px calc(100% - 8.899643752238696px),8.899643752238696px calc(100% - 11.774310165586236px),6.472321383301619px calc(100% - 15.145738430917262px),4.458868383154055px calc(100% - 19.089558278078442px),2.836138040474978px calc(100% - 23.72814780306129px),1.5880423817172726px calc(100% - 29.27736885683818px),.7035702422169408px calc(100% - 36.176536873551925px),.17556686085684703px calc(100% - 45.610160565313876px),0px calc(100% - 72px))}.squircle-36-24{clip-path:polygon(0px 72px,.17556686085684703px 45.610160565313876px,.7035702422169408px 36.176536873551925px,1.5880423817172726px 29.27736885683818px,2.836138040474978px 23.72814780306129px,4.458868383154055px 19.089558278078442px,6.472321383301619px 15.145738430917262px,8.899643752238696px 11.774310165586236px,11.774310165586236px 8.899643752238696px,15.145738430917262px 6.472321383301619px,19.089558278078435px 4.458868383154069px,23.728147803061283px 2.836138040474978px,29.277368856838173px 1.5880423817172726px,36.17653687355193px .7035702422169408px,45.610160565313876px .17556686085684703px,71.99999551723255px 0px,calc(100% - 71.99999551723255px) 0px,calc(100% - 45.610160565313876px) .17556686085684703px,calc(100% - 36.17653687355193px) .7035702422169408px,calc(100% - 29.277368856838173px) 1.5880423817172726px,calc(100% - 23.728147803061283px) 2.836138040474978px,calc(100% - 19.089558278078435px) 4.458868383154069px,calc(100% - 15.145738430917262px) 6.472321383301619px,calc(100% - 11.774310165586236px) 8.899643752238696px,calc(100% - 8.899643752238696px) 11.774310165586236px,calc(100% - 6.472321383301619px) 15.145738430917262px,calc(100% - 4.458868383154055px) 19.089558278078442px,calc(100% - 2.836138040474978px) 23.72814780306129px,calc(100% - 1.5880423817172726px) 29.27736885683818px,calc(100% - .7035702422169408px) 36.176536873551925px,calc(100% - .17556686085684703px) 45.610160565313876px,calc(100% + -0px) 72px,calc(100% + -0px) calc(100% - 48px),calc(100% - .11704457390456469px) calc(100% - 30.40677371020925px),calc(100% - .46904682814462717px) calc(100% - 24.117691249034618px),calc(100% - 1.0586949211448484px) calc(100% - 19.518245904558785px),calc(100% - 1.8907586936499854px) calc(100% - 15.818765202040858px),calc(100% - 2.9725789221027057px) calc(100% - 12.726372185385628px),calc(100% - 4.314880922201077px) calc(100% - 10.097158953944842px),calc(100% - 5.933095834825792px) calc(100% - 7.849540110390819px),calc(100% - 7.849540110390819px) calc(100% - 5.933095834825792px),calc(100% - 10.097158953944842px) calc(100% - 4.314880922201077px),calc(100% - 12.726372185385621px) calc(100% - 2.972578922102713px),calc(100% - 15.81876520204085px) calc(100% - 1.8907586936499854px),calc(100% - 19.518245904558782px) calc(100% - 1.0586949211448484px),calc(100% - 24.11769124903462px) calc(100% - .46904682814462717px),calc(100% - 30.40677371020925px) calc(100% - .11704457390456469px),calc(100% - 47.99999701148836px) calc(100% + -0px),47.99999701148836px calc(100% + -0px),30.40677371020925px calc(100% - .11704457390456469px),24.11769124903462px calc(100% - .46904682814462717px),19.518245904558782px calc(100% - 1.0586949211448484px),15.81876520204085px calc(100% - 1.8907586936499854px),12.726372185385621px calc(100% - 2.972578922102713px),10.097158953944842px calc(100% - 4.314880922201077px),7.849540110390819px calc(100% - 5.933095834825792px),5.933095834825792px calc(100% - 7.849540110390819px),4.314880922201077px calc(100% - 10.097158953944842px),2.9725789221027057px calc(100% - 12.726372185385628px),1.8907586936499854px calc(100% - 15.818765202040858px),1.0586949211448484px calc(100% - 19.518245904558785px),.46904682814462717px calc(100% - 24.117691249034618px),.11704457390456469px calc(100% - 30.40677371020925px),0px calc(100% - 48px))}.squircle-24-36{clip-path:polygon(0px 48px,.11704457390456469px 30.40677371020925px,.46904682814462717px 24.117691249034618px,1.0586949211448484px 19.518245904558785px,1.8907586936499854px 15.818765202040858px,2.9725789221027057px 12.726372185385628px,4.314880922201077px 10.097158953944842px,5.933095834825792px 7.849540110390819px,7.849540110390819px 5.933095834825792px,10.097158953944842px 4.314880922201077px,12.726372185385621px 2.972578922102713px,15.81876520204085px 1.8907586936499854px,19.518245904558782px 1.0586949211448484px,24.11769124903462px .46904682814462717px,30.40677371020925px .11704457390456469px,47.99999701148836px 0px,calc(100% - 47.99999701148836px) 0px,calc(100% - 30.40677371020925px) .11704457390456469px,calc(100% - 24.11769124903462px) .46904682814462717px,calc(100% - 19.518245904558782px) 1.0586949211448484px,calc(100% - 15.81876520204085px) 1.8907586936499854px,calc(100% - 12.726372185385621px) 2.972578922102713px,calc(100% - 10.097158953944842px) 4.314880922201077px,calc(100% - 7.849540110390819px) 5.933095834825792px,calc(100% - 5.933095834825792px) 7.849540110390819px,calc(100% - 4.314880922201077px) 10.097158953944842px,calc(100% - 2.9725789221027057px) 12.726372185385628px,calc(100% - 1.8907586936499854px) 15.818765202040858px,calc(100% - 1.0586949211448484px) 19.518245904558785px,calc(100% - .46904682814462717px) 24.117691249034618px,calc(100% - .11704457390456469px) 30.40677371020925px,calc(100% + -0px) 48px,calc(100% + -0px) calc(100% - 72px),calc(100% - .17556686085684703px) calc(100% - 45.610160565313876px),calc(100% - .7035702422169408px) calc(100% - 36.176536873551925px),calc(100% - 1.5880423817172726px) calc(100% - 29.27736885683818px),calc(100% - 2.836138040474978px) calc(100% - 23.72814780306129px),calc(100% - 4.458868383154055px) calc(100% - 19.089558278078442px),calc(100% - 6.472321383301619px) calc(100% - 15.145738430917262px),calc(100% - 8.899643752238696px) calc(100% - 11.774310165586236px),calc(100% - 11.774310165586236px) calc(100% - 8.899643752238696px),calc(100% - 15.145738430917262px) calc(100% - 6.472321383301619px),calc(100% - 19.089558278078435px) calc(100% - 4.458868383154069px),calc(100% - 23.728147803061283px) calc(100% - 2.836138040474978px),calc(100% - 29.277368856838173px) calc(100% - 1.5880423817172726px),calc(100% - 36.17653687355193px) calc(100% - .7035702422169408px),calc(100% - 45.610160565313876px) calc(100% - .17556686085684703px),calc(100% - 71.99999551723255px) calc(100% + -0px),71.99999551723255px calc(100% + -0px),45.610160565313876px calc(100% - .17556686085684703px),36.17653687355193px calc(100% - .7035702422169408px),29.277368856838173px calc(100% - 1.5880423817172726px),23.728147803061283px calc(100% - 2.836138040474978px),19.089558278078435px calc(100% - 4.458868383154069px),15.145738430917262px calc(100% - 6.472321383301619px),11.774310165586236px calc(100% - 8.899643752238696px),8.899643752238696px calc(100% - 11.774310165586236px),6.472321383301619px calc(100% - 15.145738430917262px),4.458868383154055px calc(100% - 19.089558278078442px),2.836138040474978px calc(100% - 23.72814780306129px),1.5880423817172726px calc(100% - 29.27736885683818px),.7035702422169408px calc(100% - 36.176536873551925px),.17556686085684703px calc(100% - 45.610160565313876px),0px calc(100% - 72px))}.squircle-48{clip-path:polygon(0px 96px,.23408914780912937px 60.8135474204185px,.9380936562892543px 48.235382498069235px,2.117389842289697px 39.03649180911757px,3.781517387299971px 31.637530404081716px,5.945157844205411px 25.452744370771256px,8.629761844402154px 20.194317907889683px,11.866191669651585px 15.699080220781639px,15.699080220781639px 11.866191669651585px,20.194317907889683px 8.629761844402154px,25.452744370771242px 5.945157844205426px,31.6375304040817px 3.781517387299971px,39.036491809117564px 2.117389842289697px,48.23538249806924px .9380936562892543px,60.8135474204185px .23408914780912937px,95.99999402297672px 0px,calc(100% - 95.99999402297672px) 0px,calc(100% - 60.8135474204185px) .23408914780912937px,calc(100% - 48.23538249806924px) .9380936562892543px,calc(100% - 39.036491809117564px) 2.117389842289697px,calc(100% - 31.6375304040817px) 3.781517387299971px,calc(100% - 25.452744370771242px) 5.945157844205426px,calc(100% - 20.194317907889683px) 8.629761844402154px,calc(100% - 15.699080220781639px) 11.866191669651585px,calc(100% - 11.866191669651585px) 15.699080220781639px,calc(100% - 8.629761844402154px) 20.194317907889683px,calc(100% - 5.945157844205411px) 25.452744370771256px,calc(100% - 3.781517387299971px) 31.637530404081716px,calc(100% - 2.117389842289697px) 39.03649180911757px,calc(100% - .9380936562892543px) 48.235382498069235px,calc(100% - .23408914780912937px) 60.8135474204185px,calc(100% + -0px) 96px,calc(100% + -0px) calc(100% - 96px),calc(100% - .23408914780912937px) calc(100% - 60.8135474204185px),calc(100% - .9380936562892543px) calc(100% - 48.235382498069235px),calc(100% - 2.117389842289697px) calc(100% - 39.03649180911757px),calc(100% - 3.781517387299971px) calc(100% - 31.637530404081716px),calc(100% - 5.945157844205411px) calc(100% - 25.452744370771256px),calc(100% - 8.629761844402154px) calc(100% - 20.194317907889683px),calc(100% - 11.866191669651585px) calc(100% - 15.699080220781639px),calc(100% - 15.699080220781639px) calc(100% - 11.866191669651585px),calc(100% - 20.194317907889683px) calc(100% - 8.629761844402154px),calc(100% - 25.452744370771242px) calc(100% - 5.945157844205426px),calc(100% - 31.6375304040817px) calc(100% - 3.781517387299971px),calc(100% - 39.036491809117564px) calc(100% - 2.117389842289697px),calc(100% - 48.23538249806924px) calc(100% - .9380936562892543px),calc(100% - 60.8135474204185px) calc(100% - .23408914780912937px),calc(100% - 95.99999402297672px) calc(100% + -0px),95.99999402297672px calc(100% + -0px),60.8135474204185px calc(100% - .23408914780912937px),48.23538249806924px calc(100% - .9380936562892543px),39.036491809117564px calc(100% - 2.117389842289697px),31.6375304040817px calc(100% - 3.781517387299971px),25.452744370771242px calc(100% - 5.945157844205426px),20.194317907889683px calc(100% - 8.629761844402154px),15.699080220781639px calc(100% - 11.866191669651585px),11.866191669651585px calc(100% - 15.699080220781639px),8.629761844402154px calc(100% - 20.194317907889683px),5.945157844205411px calc(100% - 25.452744370771256px),3.781517387299971px calc(100% - 31.637530404081716px),2.117389842289697px calc(100% - 39.03649180911757px),.9380936562892543px calc(100% - 48.235382498069235px),.23408914780912937px calc(100% - 60.8135474204185px),0px calc(100% - 96px))}.squircle-48-32{clip-path:polygon(0px 96px,.23408914780912937px 60.8135474204185px,.9380936562892543px 48.235382498069235px,2.117389842289697px 39.03649180911757px,3.781517387299971px 31.637530404081716px,5.945157844205411px 25.452744370771256px,8.629761844402154px 20.194317907889683px,11.866191669651585px 15.699080220781639px,15.699080220781639px 11.866191669651585px,20.194317907889683px 8.629761844402154px,25.452744370771242px 5.945157844205426px,31.6375304040817px 3.781517387299971px,39.036491809117564px 2.117389842289697px,48.23538249806924px .9380936562892543px,60.8135474204185px .23408914780912937px,95.99999402297672px 0px,calc(100% - 95.99999402297672px) 0px,calc(100% - 60.8135474204185px) .23408914780912937px,calc(100% - 48.23538249806924px) .9380936562892543px,calc(100% - 39.036491809117564px) 2.117389842289697px,calc(100% - 31.6375304040817px) 3.781517387299971px,calc(100% - 25.452744370771242px) 5.945157844205426px,calc(100% - 20.194317907889683px) 8.629761844402154px,calc(100% - 15.699080220781639px) 11.866191669651585px,calc(100% - 11.866191669651585px) 15.699080220781639px,calc(100% - 8.629761844402154px) 20.194317907889683px,calc(100% - 5.945157844205411px) 25.452744370771256px,calc(100% - 3.781517387299971px) 31.637530404081716px,calc(100% - 2.117389842289697px) 39.03649180911757px,calc(100% - .9380936562892543px) 48.235382498069235px,calc(100% - .23408914780912937px) 60.8135474204185px,calc(100% + -0px) 96px,calc(100% + -0px) calc(100% - 64px),calc(100% - .15605943187274818px) calc(100% - 40.54236494694567px),calc(100% - .6253957708594982px) calc(100% - 32.156921665379485px),calc(100% - 1.4115932281931265px) calc(100% - 26.024327872745047px),calc(100% - 2.521011591533316px) calc(100% - 21.09168693605448px),calc(100% - 3.96343856280361px) calc(100% - 16.968496247180838px),calc(100% - 5.753174562934767px) calc(100% - 13.462878605259789px),calc(100% - 7.9107944464343944px) calc(100% - 10.466053480521097px),calc(100% - 10.466053480521097px) calc(100% - 7.9107944464343944px),calc(100% - 13.462878605259789px) calc(100% - 5.753174562934767px),calc(100% - 16.96849624718083px) calc(100% - 3.963438562803617px),calc(100% - 21.091686936054472px) calc(100% - 2.521011591533316px),calc(100% - 26.02432787274504px) calc(100% - 1.4115932281931265px),calc(100% - 32.15692166537949px) calc(100% - .6253957708594982px),calc(100% - 40.54236494694567px) calc(100% - .15605943187274818px),calc(100% - 63.99999601531782px) calc(100% + -0px),63.99999601531782px calc(100% + -0px),40.54236494694567px calc(100% - .15605943187274818px),32.15692166537949px calc(100% - .6253957708594982px),26.02432787274504px calc(100% - 1.4115932281931265px),21.091686936054472px calc(100% - 2.521011591533316px),16.96849624718083px calc(100% - 3.963438562803617px),13.462878605259789px calc(100% - 5.753174562934767px),10.466053480521097px calc(100% - 7.9107944464343944px),7.9107944464343944px calc(100% - 10.466053480521097px),5.753174562934767px calc(100% - 13.462878605259789px),3.96343856280361px calc(100% - 16.968496247180838px),2.521011591533316px calc(100% - 21.09168693605448px),1.4115932281931265px calc(100% - 26.024327872745047px),.6253957708594982px calc(100% - 32.156921665379485px),.15605943187274818px calc(100% - 40.54236494694567px),0px calc(100% - 64px))}.squircle-60{clip-path:polygon(0px 120px,.2926114347613975px 76.01693427552313px,1.1726170703615537px 60.29422812258654px,2.646737302862107px 48.79561476139696px,4.7268967341249635px 39.546913005102155px,7.431447305256768px 31.81593046346407px,10.787202305502689px 25.242897384862104px,14.832739587064495px 19.623850275977063px,19.623850275977063px 14.832739587064495px,25.242897384862104px 10.787202305502689px,31.815930463464056px 7.431447305256782px,39.54691300510214px 4.7268967341249635px,48.79561476139695px 2.646737302862107px,60.294228122586546px 1.1726170703615537px,76.01693427552313px .2926114347613975px,119.99999252872091px 0px,calc(100% - 119.99999252872091px) 0px,calc(100% - 76.01693427552313px) .2926114347613975px,calc(100% - 60.294228122586546px) 1.1726170703615537px,calc(100% - 48.79561476139695px) 2.646737302862107px,calc(100% - 39.54691300510214px) 4.7268967341249635px,calc(100% - 31.815930463464056px) 7.431447305256782px,calc(100% - 25.242897384862104px) 10.787202305502689px,calc(100% - 19.623850275977063px) 14.832739587064495px,calc(100% - 14.832739587064495px) 19.623850275977063px,calc(100% - 10.787202305502689px) 25.242897384862104px,calc(100% - 7.431447305256768px) 31.81593046346407px,calc(100% - 4.7268967341249635px) 39.546913005102155px,calc(100% - 2.646737302862107px) 48.79561476139696px,calc(100% - 1.1726170703615537px) 60.29422812258654px,calc(100% - .2926114347613975px) 76.01693427552313px,calc(100% + -0px) 120px,calc(100% + -0px) calc(100% - 120px),calc(100% - .2926114347613975px) calc(100% - 76.01693427552313px),calc(100% - 1.1726170703615537px) calc(100% - 60.29422812258654px),calc(100% - 2.646737302862107px) calc(100% - 48.79561476139696px),calc(100% - 4.7268967341249635px) calc(100% - 39.546913005102155px),calc(100% - 7.431447305256768px) calc(100% - 31.81593046346407px),calc(100% - 10.787202305502689px) calc(100% - 25.242897384862104px),calc(100% - 14.832739587064495px) calc(100% - 19.623850275977063px),calc(100% - 19.623850275977063px) calc(100% - 14.832739587064495px),calc(100% - 25.242897384862104px) calc(100% - 10.787202305502689px),calc(100% - 31.815930463464056px) calc(100% - 7.431447305256782px),calc(100% - 39.54691300510214px) calc(100% - 4.7268967341249635px),calc(100% - 48.79561476139695px) calc(100% - 2.646737302862107px),calc(100% - 60.294228122586546px) calc(100% - 1.1726170703615537px),calc(100% - 76.01693427552313px) calc(100% - .2926114347613975px),calc(100% - 119.99999252872091px) calc(100% + -0px),119.99999252872091px calc(100% + -0px),76.01693427552313px calc(100% - .2926114347613975px),60.294228122586546px calc(100% - 1.1726170703615537px),48.79561476139695px calc(100% - 2.646737302862107px),39.54691300510214px calc(100% - 4.7268967341249635px),31.815930463464056px calc(100% - 7.431447305256782px),25.242897384862104px calc(100% - 10.787202305502689px),19.623850275977063px calc(100% - 14.832739587064495px),14.832739587064495px calc(100% - 19.623850275977063px),10.787202305502689px calc(100% - 25.242897384862104px),7.431447305256768px calc(100% - 31.81593046346407px),4.7268967341249635px calc(100% - 39.546913005102155px),2.646737302862107px calc(100% - 48.79561476139696px),1.1726170703615537px calc(100% - 60.29422812258654px),.2926114347613975px calc(100% - 76.01693427552313px),0px calc(100% - 120px))}.text-3xs{font-size:.625rem;line-height:.875rem;font-variation-settings:"opsz" 40,"wght" 600;font-synthesis:none}.text-3xs bold{font-weight:800;font-variation-settings:"opsz" 40,"wght" 800;font-synthesis:none}.text-3xs strong{font-weight:800;font-variation-settings:"opsz" 40,"wght" 800;font-synthesis:none}.text-2xs{font-size:.75rem;line-height:1rem;font-variation-settings:"opsz" 40,"wght" 450}.text-2xs bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-2xs strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-2xs-strong{font-weight:650;font-size:.75rem;line-height:1rem;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-xs{font-size:.875rem;line-height:1.25rem;font-variation-settings:"opsz" 40,"wght" 410}.text-xs bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-xs strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-xs-strong{font-weight:650;font-size:.875rem;line-height:1.25rem;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-sm{font-size:.9375rem;line-height:1.25rem;font-variation-settings:"opsz" 40,"wght" 410}.text-sm bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-sm strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-sm-strong{font-weight:650;font-size:.9375rem;line-height:1.25rem;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-base{font-size:1.0625rem;line-height:1.625rem;font-variation-settings:"opsz" 40,"wght" 410}.text-base bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-base strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-base-strong{font-weight:650;font-size:1.0625rem;line-height:1.625rem;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-base-dense{font-size:1.0625rem;line-height:1.375rem;font-variation-settings:"opsz" 40,"wght" 410}.text-base-dense bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-base-dense strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-md{font-size:1.25rem;line-height:1.625rem;letter-spacing:-.01em;font-variation-settings:"opsz" 40,"wght" 460}.text-md bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-md strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-md-strong{font-weight:650;font-size:1.25rem;line-height:1.625rem;letter-spacing:-.01em;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-lg{font-size:1.5rem;line-height:1.9375rem;letter-spacing:-.01em;font-variation-settings:"opsz" 40,"wght" 440}.text-lg bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-lg strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-lg-strong{font-weight:650;font-size:1.5rem;line-height:1.9375rem;letter-spacing:-.01em;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-xl{font-size:1.75rem;line-height:2rem;letter-spacing:-.01em;font-variation-settings:"opsz" 40,"wght" 480}.text-xl bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-xl strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-2xl{font-size:2.375rem;line-height:2.5rem;letter-spacing:-.02em;font-variation-settings:"opsz" 40,"wght" 480}.text-2xl bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-2xl strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-sm-e{font-size:.9375rem;line-height:1.425rem;font-variation-settings:"opsz" 40,"wght" 410}.text-sm-e bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-sm-e strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-xl-e{font-size:2rem;line-height:2.25rem;letter-spacing:-.02em;font-variation-settings:"opsz" 40,"wght" 480}.text-xl-e bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.text-xl-e strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}html,body,#app{height:100%;overscroll-behavior:none}:root{--color-background-100: var(--color-stone-100);--color-background-150: var(--color-stone-150);--color-background-200: var(--color-stone-200);--color-background-250: var(--color-stone-250);--color-background-300: var(--color-stone-300);--color-background-350: var(--color-stone-350);--color-background-400: var(--color-stone-400);--color-background-450: var(--color-stone-450);--color-background-550: var(--color-stone-550);--color-background-600: var(--color-stone-600);--color-background-650: var(--color-stone-650);--color-background-700: var(--color-stone-700);--color-background-750: var(--color-stone-750);--color-background-800: var(--color-stone-800);--color-background-850: var(--color-stone-850);--color-background-900: var(--color-stone-900);--color-background-static-100: var(--color-stone-100);--color-background-static-150: var(--color-stone-150);--color-background-static-200: var(--color-stone-200);--color-background-static-250: var(--color-stone-250);--color-background-static-300: var(--color-stone-300);--color-background-static-350: var(--color-stone-350);--color-background-static-400: var(--color-stone-400);--color-background-static-450: var(--color-stone-450);--color-background-static-550: var(--color-stone-550);--color-background-static-600: var(--color-stone-600);--color-background-static-650: var(--color-stone-650);--color-background-static-700: var(--color-stone-700);--color-background-static-750: var(--color-stone-750);--color-background-static-800: var(--color-stone-800);--color-background-static-850: var(--color-stone-850);--color-background-static-900: var(--color-stone-900);--color-foreground-100: var(--color-stone-100);--color-foreground-150: var(--color-stone-150);--color-foreground-200: var(--color-stone-200);--color-foreground-250: var(--color-stone-250);--color-foreground-300: var(--color-stone-300);--color-foreground-350: var(--color-stone-350);--color-foreground-400: var(--color-stone-400);--color-foreground-450: var(--color-stone-450);--color-foreground-550: var(--color-stone-550);--color-foreground-600: var(--color-stone-600);--color-foreground-650: var(--color-stone-650);--color-foreground-700: var(--color-stone-700);--color-foreground-750: var(--color-stone-750);--color-foreground-800: var(--color-stone-800);--color-foreground-850: var(--color-stone-850);--color-foreground-900: var(--color-stone-900);--color-foreground-static-100: var(--color-stone-100);--color-foreground-static-150: var(--color-stone-150);--color-foreground-static-200: var(--color-stone-200);--color-foreground-static-250: var(--color-stone-250);--color-foreground-static-300: var(--color-stone-300);--color-foreground-static-350: var(--color-stone-350);--color-foreground-static-400: var(--color-stone-400);--color-foreground-static-450: var(--color-stone-450);--color-foreground-static-550: var(--color-stone-550);--color-foreground-static-600: var(--color-stone-600);--color-foreground-static-650: var(--color-stone-650);--color-foreground-static-700: var(--color-stone-700);--color-foreground-static-750: var(--color-stone-750);--color-foreground-static-800: var(--color-stone-800);--color-foreground-static-850: var(--color-stone-850);--color-foreground-static-900: var(--color-stone-900);--color-stroke-100: var(--color-saddle-100);--color-stroke-150: var(--color-saddle-150);--color-stroke-200: var(--color-saddle-200);--color-stroke-250: var(--color-saddle-250);--color-stroke-300: var(--color-saddle-300);--color-stroke-350: var(--color-saddle-350);--color-stroke-400: var(--color-saddle-400);--color-stroke-450: var(--color-saddle-450);--color-stroke-550: var(--color-saddle-550);--color-stroke-600: var(--color-saddle-600);--color-stroke-650: var(--color-saddle-650);--color-stroke-700: var(--color-saddle-700);--color-stroke-750: var(--color-saddle-750);--color-stroke-800: var(--color-saddle-800);--color-stroke-850: var(--color-saddle-850);--color-stroke-900: var(--color-saddle-900);--color-stroke-static-100: var(--color-saddle-100);--color-stroke-static-150: var(--color-saddle-150);--color-stroke-static-200: var(--color-saddle-200);--color-stroke-static-250: var(--color-saddle-250);--color-stroke-static-300: var(--color-saddle-300);--color-stroke-static-350: var(--color-saddle-350);--color-stroke-static-400: var(--color-saddle-400);--color-stroke-static-450: var(--color-saddle-450);--color-stroke-static-550: var(--color-saddle-550);--color-stroke-static-600: var(--color-saddle-600);--color-stroke-static-650: var(--color-saddle-650);--color-stroke-static-700: var(--color-saddle-700);--color-stroke-static-750: var(--color-saddle-750);--color-stroke-static-800: var(--color-saddle-800);--color-stroke-static-850: var(--color-saddle-850);--color-stroke-static-900: var(--color-saddle-900)}[data-theme=dark]{--color-background-100: var(--color-midnight-900);--color-background-150: var(--color-midnight-850);--color-background-200: var(--color-midnight-800);--color-background-250: var(--color-midnight-750);--color-background-300: var(--color-midnight-700);--color-background-350: var(--color-midnight-650);--color-background-400: var(--color-midnight-600);--color-background-450: var(--color-midnight-550);--color-background-550: var(--color-midnight-450);--color-background-600: var(--color-midnight-400);--color-background-650: var(--color-midnight-350);--color-background-700: var(--color-midnight-300);--color-background-750: var(--color-midnight-250);--color-background-800: var(--color-midnight-200);--color-background-850: var(--color-midnight-150);--color-background-900: var(--color-midnight-100);--color-background-static-100: var(--color-midnight-100);--color-background-static-150: var(--color-midnight-150);--color-background-static-200: var(--color-midnight-200);--color-background-static-250: var(--color-midnight-250);--color-background-static-300: var(--color-midnight-300);--color-background-static-350: var(--color-midnight-350);--color-background-static-400: var(--color-midnight-400);--color-background-static-450: var(--color-midnight-450);--color-background-static-550: var(--color-midnight-550);--color-background-static-600: var(--color-midnight-600);--color-background-static-650: var(--color-midnight-650);--color-background-static-700: var(--color-midnight-700);--color-background-static-750: var(--color-midnight-750);--color-background-static-800: var(--color-midnight-800);--color-background-static-850: var(--color-midnight-850);--color-background-static-900: var(--color-midnight-900);--color-foreground-100: var(--color-saddle-900);--color-foreground-150: var(--color-saddle-850);--color-foreground-200: var(--color-saddle-800);--color-foreground-250: var(--color-saddle-750);--color-foreground-300: var(--color-saddle-700);--color-foreground-350: var(--color-saddle-650);--color-foreground-400: var(--color-saddle-600);--color-foreground-450: var(--color-saddle-550);--color-foreground-550: var(--color-saddle-550);--color-foreground-600: var(--color-saddle-450);--color-foreground-650: var(--color-saddle-400);--color-foreground-700: var(--color-saddle-350);--color-foreground-750: var(--color-saddle-300);--color-foreground-800: var(--color-saddle-250);--color-foreground-850: var(--color-saddle-200);--color-foreground-900: var(--color-saddle-150);--color-foreground-static-100: var(--color-saddle-100);--color-foreground-static-150: var(--color-saddle-150);--color-foreground-static-200: var(--color-saddle-200);--color-foreground-static-250: var(--color-saddle-250);--color-foreground-static-300: var(--color-saddle-300);--color-foreground-static-350: var(--color-saddle-350);--color-foreground-static-400: var(--color-saddle-400);--color-foreground-static-450: var(--color-saddle-450);--color-foreground-static-550: var(--color-saddle-550);--color-foreground-static-600: var(--color-saddle-600);--color-foreground-static-650: var(--color-saddle-650);--color-foreground-static-700: var(--color-saddle-700);--color-foreground-static-750: var(--color-saddle-750);--color-foreground-static-800: var(--color-saddle-800);--color-foreground-static-850: var(--color-saddle-850);--color-foreground-static-900: var(--color-saddle-900);--color-stroke-100: var(--color-slate-900);--color-stroke-150: var(--color-slate-850);--color-stroke-200: var(--color-slate-800);--color-stroke-250: var(--color-slate-750);--color-stroke-300: var(--color-slate-700);--color-stroke-350: var(--color-slate-650);--color-stroke-400: var(--color-slate-600);--color-stroke-450: var(--color-slate-550);--color-stroke-550: var(--color-slate-450);--color-stroke-600: var(--color-slate-400);--color-stroke-650: var(--color-slate-350);--color-stroke-700: var(--color-slate-300);--color-stroke-750: var(--color-slate-250);--color-stroke-800: var(--color-slate-200);--color-stroke-850: var(--color-slate-150);--color-stroke-900: var(--color-slate-100);--color-stroke-static-100: var(--color-slate-100);--color-stroke-static-150: var(--color-slate-150);--color-stroke-static-200: var(--color-slate-200);--color-stroke-static-250: var(--color-slate-250);--color-stroke-static-300: var(--color-slate-300);--color-stroke-static-350: var(--color-slate-350);--color-stroke-static-400: var(--color-slate-400);--color-stroke-static-450: var(--color-slate-450);--color-stroke-static-550: var(--color-slate-550);--color-stroke-static-600: var(--color-slate-600);--color-stroke-static-650: var(--color-slate-650);--color-stroke-static-700: var(--color-slate-700);--color-stroke-static-750: var(--color-slate-750);--color-stroke-static-800: var(--color-slate-800);--color-stroke-static-850: var(--color-slate-850);--color-stroke-static-900: var(--color-slate-900)}.font-ligatures-none{font-variant-ligatures:none}ol,ul{margin-top:.75rem;gap:.5rem}ol ol,ol ul,ul ul,ul ol{margin-bottom:.5rem;margin-top:.375rem;gap:.375rem}ol{list-style-type:decimal}ol ol{list-style:lower-alpha}ol ol ol{margin-bottom:0;list-style-type:disc}ol ol ol ol{list-style:circle}ul{list-style-type:disc}ul ul{list-style:circle}.code-block-scrollbar::-webkit-scrollbar{height:3px}.language-scrollbar::-webkit-scrollbar{width:3px}.language-scrollbar::-webkit-scrollbar-thumb,.code-block-scrollbar::-webkit-scrollbar-thumb{border-radius:.75rem;background-color:var(--color-stroke-400)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-container::-webkit-scrollbar{width:12px;visibility:hidden;background:transparent}.scrollbar-container::-webkit-scrollbar-thumb{background-color:#00000073;border-radius:8px;visibility:hidden;background-clip:content-box;border:4px solid transparent}.scrollbar-container:hover::-webkit-scrollbar-thumb{visibility:visible}.scrollbar-container::-webkit-scrollbar-thumb:hover{background-color:#0000009c}.scrollbar-container::-webkit-scrollbar-thumb:active{background-color:#0000009e}.scrollbar-container:hover::-webkit-scrollbar-track{visibility:hidden}@media (prefers-color-scheme: dark){.scrollbar-container::-webkit-scrollbar{background-color:#ffffff8c}.scrollbar-container::-webkit-scrollbar-thumb{background-color:#ffffff73}.scrollbar-container::-webkit-scrollbar-thumb:hover{background-color:#ffffff9c}.scrollbar-container::-webkit-scrollbar-thumb:active{background-color:#ffffff9e}}.marker\:normal-nums *::marker{font-variant-numeric:normal}.marker\:text-foreground-750 *::marker{color:var(--color-foreground-750)}.marker\:text-sm-strong *::marker{font-weight:650;font-size:.9375rem;line-height:1.25rem;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.marker\:normal-nums::marker{font-variant-numeric:normal}.marker\:text-foreground-750::marker{color:var(--color-foreground-750)}.marker\:text-sm-strong::marker{font-weight:650;font-size:.9375rem;line-height:1.25rem;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.placeholder\:text-center::-moz-placeholder{text-align:center}.placeholder\:text-center::placeholder{text-align:center}.placeholder\:text-stone-550::-moz-placeholder{--tw-text-opacity: 1;color:rgb(99 93 90 / var(--tw-text-opacity))}.placeholder\:text-stone-550::placeholder{--tw-text-opacity: 1;color:rgb(99 93 90 / var(--tw-text-opacity))}.placeholder\:text-stone-550\/90::-moz-placeholder{color:#635d5ae6}.placeholder\:text-stone-550\/90::placeholder{color:#635d5ae6}.backdrop\:bg-stone-850\/30::backdrop{background-color:#1d1b1a4d}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.before\:inset-x-px:before{content:var(--tw-content);left:1px;right:1px}.before\:-top-0:before{content:var(--tw-content);top:-0px}.before\:bottom-0\.5:before{content:var(--tw-content);bottom:.125rem}.before\:top-full:before{content:var(--tw-content);top:100%}.before\:h-dvh:before{content:var(--tw-content);height:100dvh}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:rounded-2xl:before{content:var(--tw-content);border-radius:1rem}.before\:rounded-3xl:before{content:var(--tw-content);border-radius:1.25rem}.before\:rounded-4xl:before{content:var(--tw-content);border-radius:1.5rem}.before\:rounded-7xl:before{content:var(--tw-content);border-radius:3rem}.before\:rounded-8xl:before{content:var(--tw-content);border-radius:4rem}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:rounded-lg:before{content:var(--tw-content);border-radius:.5rem}.before\:rounded-xl:before{content:var(--tw-content);border-radius:.75rem}.before\:rounded-b-none:before{content:var(--tw-content);border-bottom-right-radius:0;border-bottom-left-radius:0}.before\:rounded-t-none:before{content:var(--tw-content);border-top-left-radius:0;border-top-right-radius:0}.before\:border:before{content:var(--tw-content);border-width:1px}.before\:border-2:before{content:var(--tw-content);border-width:2px}.before\:border-stroke-350:before{content:var(--tw-content);border-color:var(--color-stroke-350)}.before\:border-transparent:before{content:var(--tw-content);border-color:transparent}.before\:bg-\[var\(--background-color\)\]:before{content:var(--tw-content);background-color:var(--background-color)}.before\:bg-slate-200:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(228 230 241 / var(--tw-bg-opacity))}.before\:bg-stone-200:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(244 239 237 / var(--tw-bg-opacity))}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:opacity-100:before{content:var(--tw-content);opacity:1}.before\:opacity-30:before{content:var(--tw-content);opacity:.3}.before\:opacity-40:before{content:var(--tw-content);opacity:.4}.before\:bg-blend-luminosity:before{content:var(--tw-content);background-blend-mode:luminosity}.before\:delay-100:before{content:var(--tw-content);transition-delay:.1s}.before\:duration-200:before{content:var(--tw-content);transition-duration:.2s}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-px:after{content:var(--tw-content);top:-1px;right:-1px;bottom:-1px;left:-1px}.after\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\:inset-px:after{content:var(--tw-content);top:1px;right:1px;bottom:1px;left:1px}.after\:bottom-\[calc\(100\%-1px\)\]:after{content:var(--tw-content);bottom:calc(100% - 1px)}.after\:bottom-full:after{content:var(--tw-content);bottom:100%}.after\:start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:mt-3:after{content:var(--tw-content);margin-top:.75rem}.after\:size-5:after{content:var(--tw-content);width:1.25rem;height:1.25rem}.after\:h-\[max\(20dvh\,100\%\)\]:after{content:var(--tw-content);height:max(20dvh,100%)}.after\:h-\[min\(50px\,100\%\)\]:after{content:var(--tw-content);height:min(50px,100%)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:translate-x-4:after{content:var(--tw-content);--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rounded-6xl:after{content:var(--tw-content);border-radius:2rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-\[0\.5px\]:after{content:var(--tw-content);border-width:.5px}.after\:border-b:after{content:var(--tw-content);border-bottom-width:1px}.after\:border-black\/10:after{content:var(--tw-content);border-color:#0000001a}.after\:border-stroke-300:after{content:var(--tw-content);border-color:var(--color-stroke-300)}.after\:border-transparent:after{content:var(--tw-content);border-color:transparent}.after\:bg-spot-peach-100:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(252 247 242 / var(--tw-bg-opacity))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.after\:bg-gradient-to-t:after{content:var(--tw-content);background-image:linear-gradient(to top,var(--tw-gradient-stops))}.after\:from-\[var\(--background-color\)\]:after{content:var(--tw-content);--tw-gradient-from: var(--background-color) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.after\:via-\[var\(--background-color\)\]:after{content:var(--tw-content);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--background-color) var(--tw-gradient-via-position), var(--tw-gradient-to)}.after\:via-5\%:after{content:var(--tw-content);--tw-gradient-via-position: 5%}.after\:to-\[transparent\]:after{content:var(--tw-content);--tw-gradient-to: transparent var(--tw-gradient-to-position)}.after\:pr-1:after{content:var(--tw-content);padding-right:.25rem}.after\:text-black:after{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.after\:opacity-60:after{content:var(--tw-content);opacity:.6}.after\:opacity-70:after{content:var(--tw-content);opacity:.7}.after\:shadow-switch:after{content:var(--tw-content);--tw-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .04), 0px 3px 8px 0px rgba(0, 0, 0, .15), 0px 3px 1px 0px rgba(0, 0, 0, .06);--tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color), 0px 3px 8px 0px var(--tw-shadow-color), 0px 3px 1px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.focus-within\:border-stroke-250:focus-within{border-color:var(--color-stroke-250)}.focus-within\:shadow-xl:focus-within{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:scale-\[1\.025\]:hover{--tw-scale-x: 1.025;--tw-scale-y: 1.025;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-stroke-300:hover{border-color:var(--color-stroke-300)}.hover\:bg-background-100:hover{background-color:var(--color-background-100)}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.hover\:bg-black\/10:hover{background-color:#0000001a}.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:bg-spot-peach-300:hover{--tw-bg-opacity: 1;background-color:rgb(255 210 167 / var(--tw-bg-opacity))}.hover\:bg-spot-peach-350:hover{--tw-bg-opacity: 1;background-color:rgb(227 179 136 / var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:bg-white\/70:hover{background-color:#ffffffb3}.hover\:bg-white\/8:hover{background-color:#ffffff14}.hover\:bg-white\/80:hover{background-color:#fffc}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.after\:hover\:scale-110:hover:after{content:var(--tw-content);--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus-within\:hover\:border-stroke-350:hover:focus-within{border-color:var(--color-stroke-350)}.focus\:bg-black\/5:focus{background-color:#0000000d}.focus\:bg-spot-peach-300:focus{--tw-bg-opacity: 1;background-color:rgb(255 210 167 / var(--tw-bg-opacity))}.focus\:underline:focus{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.placeholder\:focus\:text-start:focus::-moz-placeholder{text-align:start}.placeholder\:focus\:text-start:focus::placeholder{text-align:start}.focus\:before\:ring-stroke-800:focus:before{content:var(--tw-content);--tw-ring-color: var(--color-stroke-800)}.focus-visible\:z-\[1\]:focus-visible{z-index:1}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-\[auto\]:focus-visible{outline-color:auto}.focus-visible\:outline-stroke-900:focus-visible{outline-color:var(--color-stroke-900)}.focus-visible\:before\:ring-2:focus-visible:before{content:var(--tw-content);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.active\:bg-black\/3:active{background-color:#00000008}.active\:bg-black\/5:active{background-color:#0000000d}.active\:bg-black\/8:active{background-color:#00000014}.active\:bg-spot-peach-250:active{--tw-bg-opacity: 1;background-color:rgb(254 224 195 / var(--tw-bg-opacity))}.active\:bg-stone-750:active{--tw-bg-opacity: 1;background-color:rgb(51 48 46 / var(--tw-bg-opacity))}.active\:bg-white\/30:active{background-color:#ffffff4d}.active\:bg-white\/35:active{background-color:#ffffff59}.active\:bg-white\/5:active{background-color:#ffffff0d}.active\:bg-white\/60:active{background-color:#fff9}.active\:fill-foreground-350:active{fill:var(--color-foreground-350)}.active\:fill-foreground-600:active{fill:var(--color-foreground-600)}.active\:fill-foreground-650:active{fill:var(--color-foreground-650)}.active\:text-foreground-350:active{color:var(--color-foreground-350)}.active\:text-foreground-450:active{color:var(--color-foreground-450)}.active\:text-foreground-600:active{color:var(--color-foreground-600)}.active\:text-foreground-static-350:active{color:var(--color-foreground-static-350)}.active\:text-system-red-550\/70:active{color:#993a45b3}.after\:active\:w-6:active:after{content:var(--tw-content);width:1.5rem}.after\:active\:translate-x-3:active:after{content:var(--tw-content);--tw-translate-x: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .group-focus-within\:block{display:block}.group:hover .group-hover\:block{display:block}.peer:focus~.peer-focus\:ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:focus~.peer-focus\:ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.peer:focus~.peer-focus\:ring-offset-2{--tw-ring-offset-width: 2px}.peer:disabled~.peer-disabled\:pointer-events-none{pointer-events:none}.peer:disabled~.peer-disabled\:opacity-40{opacity:.4}@media (prefers-contrast: more){.contrast-more\:mt-\[-2px\]{margin-top:-2px}.contrast-more\:hidden{display:none}.contrast-more\:border{border-width:1px}.contrast-more\:border-2{border-width:2px}.contrast-more\:border-slate-400{--tw-border-opacity: 1;border-color:rgb(130 139 172 / var(--tw-border-opacity))}.contrast-more\:border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.contrast-more\:fill-current{fill:currentColor}.contrast-more\:outline{outline-style:solid}.contrast-more\:outline-2{outline-width:2px}.contrast-more\:forced-color-adjust-none{forced-color-adjust:none}.before\:contrast-more\:border-2:before{content:var(--tw-content);border-width:2px}.contrast-more\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.contrast-more\:after\:absolute:after{content:var(--tw-content);position:absolute}.contrast-more\:after\:h-2\/3:after{content:var(--tw-content);height:66.666667%}.contrast-more\:after\:w-2\/3:after{content:var(--tw-content);width:66.666667%}.contrast-more\:after\:border-2:after{content:var(--tw-content);border-width:2px}.contrast-more\:focus\:border-0:focus{border-width:0px}.contrast-more\:focus\:outline:focus{outline-style:solid}}.dark\:border:is([data-theme=dark] *){border-width:1px}.dark\:border-none:is([data-theme=dark] *){border-style:none}.dark\:border-black:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.dark\:border-black\/40:is([data-theme=dark] *){border-color:#0006}.dark\:border-slate-450\/40:is([data-theme=dark] *){border-color:#6b759766}.dark\:border-slate-650:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(49 58 82 / var(--tw-border-opacity))}.dark\:border-stroke-250:is([data-theme=dark] *){border-color:var(--color-stroke-250)}.dark\:border-white\/10:is([data-theme=dark] *){border-color:#ffffff1a}.dark\:border-white\/12:is([data-theme=dark] *){border-color:#ffffff1f}.dark\:border-white\/15:is([data-theme=dark] *){border-color:#ffffff26}.dark\:border-white\/5:is([data-theme=dark] *){border-color:#ffffff0d}.dark\:border-white\/8:is([data-theme=dark] *){border-color:#ffffff14}.dark\:bg-background-150:is([data-theme=dark] *){background-color:var(--color-background-150)}.dark\:bg-background-250:is([data-theme=dark] *){background-color:var(--color-background-250)}.dark\:bg-background-static-750:is([data-theme=dark] *){background-color:var(--color-background-static-750)}.dark\:bg-background-static-900:is([data-theme=dark] *){background-color:var(--color-background-static-900)}.dark\:bg-black:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.dark\:bg-black\/20:is([data-theme=dark] *){background-color:#0003}.dark\:bg-black\/25:is([data-theme=dark] *){background-color:#00000040}.dark\:bg-black\/30:is([data-theme=dark] *){background-color:#0000004d}.dark\:bg-black\/35:is([data-theme=dark] *){background-color:#00000059}.dark\:bg-black\/40:is([data-theme=dark] *){background-color:#0006}.dark\:bg-black\/50:is([data-theme=dark] *){background-color:#00000080}.dark\:bg-midnight-350\/10:is([data-theme=dark] *){background-color:#9da8d91a}.dark\:bg-midnight-700:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(36 47 80 / var(--tw-bg-opacity))}.dark\:bg-midnight-700\/70:is([data-theme=dark] *){background-color:#242f50b3}.dark\:bg-midnight-750:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(29 36 57 / var(--tw-bg-opacity))}.dark\:bg-midnight-800\/30:is([data-theme=dark] *){background-color:#171e324d}.dark\:bg-midnight-850:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(16 21 36 / var(--tw-bg-opacity))}.dark\:bg-midnight-850\/70:is([data-theme=dark] *){background-color:#101524b3}.dark\:bg-midnight-900:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(12 16 28 / var(--tw-bg-opacity))}.dark\:bg-midnight-900\/80:is([data-theme=dark] *){background-color:#0c101ccc}.dark\:bg-neutral-800:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity))}.dark\:bg-saddle-250:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(242 221 204 / var(--tw-bg-opacity))}.dark\:bg-saddle-800:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(45 34 36 / var(--tw-bg-opacity))}.dark\:bg-slate-450\/30:is([data-theme=dark] *){background-color:#6b75974d}.dark\:bg-slate-600:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(69 81 114 / var(--tw-bg-opacity))}.dark\:bg-slate-700:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(40 47 66 / var(--tw-bg-opacity))}.dark\:bg-slate-750:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(31 35 48 / var(--tw-bg-opacity))}.dark\:bg-white:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dark\:bg-white\/20:is([data-theme=dark] *){background-color:#fff3}.dark\:bg-white\/3:is([data-theme=dark] *){background-color:#ffffff08}.dark\:bg-white\/30:is([data-theme=dark] *){background-color:#ffffff4d}.dark\:bg-white\/5:is([data-theme=dark] *){background-color:#ffffff0d}.dark\:bg-white\/8:is([data-theme=dark] *){background-color:#ffffff14}.dark\:bg-gradient-audio-input-dark:is([data-theme=dark] *){background-image:linear-gradient(180deg,#3e5189,#4b5c92)}.dark\:bg-gradient-audio-output-dark:is([data-theme=dark] *){background-image:linear-gradient(180deg,#3e5189 30%,#4b5c92 80%)}.dark\:bg-gradient-discover-dark:is([data-theme=dark] *){background-image:linear-gradient(180deg,#0c101c,#171e32,#242f50)}.dark\:bg-none:is([data-theme=dark] *){background-image:none}.dark\:fill-black:is([data-theme=dark] *){fill:#000}.dark\:fill-foreground-750:is([data-theme=dark] *){fill:var(--color-foreground-750)}.dark\:fill-system-red-350:is([data-theme=dark] *){fill:#fa818b}.dark\:fill-white:is([data-theme=dark] *){fill:#fff}.dark\:dark\:text-slate-400:is([data-theme=dark] *):is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(130 139 172 / var(--tw-text-opacity))}.dark\:text-foreground-700:is([data-theme=dark] *){color:var(--color-foreground-700)}.dark\:text-foreground-750:is([data-theme=dark] *){color:var(--color-foreground-750)}.dark\:text-midnight-300:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(184 195 245 / var(--tw-text-opacity))}.dark\:text-midnight-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(127 141 196 / var(--tw-text-opacity))}.dark\:text-neutral-100:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(252 252 252 / var(--tw-text-opacity))}.dark\:text-saddle-100:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(255 253 251 / var(--tw-text-opacity))}.dark\:text-saddle-200:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(255 237 222 / var(--tw-text-opacity))}.dark\:text-saddle-250:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(242 221 204 / var(--tw-text-opacity))}.dark\:text-salmon-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(198 122 91 / var(--tw-text-opacity))}.dark\:text-salmon-550:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(138 75 48 / var(--tw-text-opacity))}.dark\:text-slate-250\/60:is([data-theme=dark] *){color:#cfd8ec99}.dark\:text-slate-350:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(158 165 194 / var(--tw-text-opacity))}.dark\:text-slate-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(130 139 172 / var(--tw-text-opacity))}.dark\:text-system-red-350:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(250 129 139 / var(--tw-text-opacity))}.dark\:text-white:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-white\/40:is([data-theme=dark] *){color:#fff6}.dark\:text-white\/80:is([data-theme=dark] *){color:#fffc}.dark\:opacity-30:is([data-theme=dark] *){opacity:.3}.dark\:opacity-50:is([data-theme=dark] *){opacity:.5}.dark\:shadow-button-dark:is([data-theme=dark] *){--tw-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .4), 0px .5px .5px 0px rgba(255, 255, 255, .12) inset;--tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color), inset 0px .5px .5px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-none:is([data-theme=dark] *){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:saturate-100:is([data-theme=dark] *){--tw-saturate: saturate(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark\:marker\:text-foreground-600 *:is([data-theme=dark] *)::marker{color:var(--color-foreground-600)}.dark\:marker\:text-foreground-600:is([data-theme=dark] *)::marker{color:var(--color-foreground-600)}.dark\:placeholder\:text-slate-350:is([data-theme=dark] *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(158 165 194 / var(--tw-text-opacity))}.dark\:placeholder\:text-slate-350:is([data-theme=dark] *)::placeholder{--tw-text-opacity: 1;color:rgb(158 165 194 / var(--tw-text-opacity))}.dark\:placeholder\:text-slate-400:is([data-theme=dark] *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(130 139 172 / var(--tw-text-opacity))}.dark\:placeholder\:text-slate-400:is([data-theme=dark] *)::placeholder{--tw-text-opacity: 1;color:rgb(130 139 172 / var(--tw-text-opacity))}.dark\:backdrop\:bg-midnight-850\/70:is([data-theme=dark] *)::backdrop{background-color:#101524b3}.dark\:before\:bg-midnight-650:is([data-theme=dark] *):before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(44 58 99 / var(--tw-bg-opacity))}.dark\:before\:bg-midnight-800:is([data-theme=dark] *):before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(23 30 50 / var(--tw-bg-opacity))}.dark\:before\:opacity-60:is([data-theme=dark] *):before{content:var(--tw-content);opacity:.6}.dark\:before\:opacity-70:is([data-theme=dark] *):before{content:var(--tw-content);opacity:.7}.dark\:after\:border-white\/20:is([data-theme=dark] *):after{content:var(--tw-content);border-color:#fff3}.dark\:after\:bg-slate-800:is([data-theme=dark] *):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(25 29 41 / var(--tw-bg-opacity))}.dark\:after\:opacity-50:is([data-theme=dark] *):after{content:var(--tw-content);opacity:.5}.dark\:after\:opacity-70:is([data-theme=dark] *):after{content:var(--tw-content);opacity:.7}.dark\:hover\:bg-background-450:hover:is([data-theme=dark] *){background-color:var(--color-background-450)}.dark\:hover\:bg-black\/30:hover:is([data-theme=dark] *){background-color:#0000004d}.dark\:hover\:bg-black\/40:hover:is([data-theme=dark] *){background-color:#0006}.dark\:hover\:bg-black\/50:hover:is([data-theme=dark] *){background-color:#00000080}.dark\:hover\:bg-black\/60:hover:is([data-theme=dark] *){background-color:#0009}.dark\:hover\:bg-slate-450\/40:hover:is([data-theme=dark] *){background-color:#6b759766}.dark\:hover\:bg-slate-550:hover:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(80 91 123 / var(--tw-bg-opacity))}.dark\:hover\:bg-white\/10:hover:is([data-theme=dark] *){background-color:#ffffff1a}.dark\:hover\:bg-white\/5:hover:is([data-theme=dark] *){background-color:#ffffff0d}.dark\:hover\:bg-white\/8:hover:is([data-theme=dark] *){background-color:#ffffff14}.hover\:dark\:bg-black\/50:is([data-theme=dark] *):hover{background-color:#00000080}.hover\:dark\:bg-midnight-600:is([data-theme=dark] *):hover{--tw-bg-opacity: 1;background-color:rgb(62 81 137 / var(--tw-bg-opacity))}.dark\:focus\:bg-white\/5:focus:is([data-theme=dark] *){background-color:#ffffff0d}.dark\:active\:bg-black\/20:active:is([data-theme=dark] *){background-color:#0003}.dark\:active\:bg-black\/25:active:is([data-theme=dark] *){background-color:#00000040}.dark\:active\:bg-slate-450\/20:active:is([data-theme=dark] *){background-color:#6b759733}.dark\:active\:bg-slate-600\/80:active:is([data-theme=dark] *){background-color:#455172cc}.dark\:active\:bg-white\/5:active:is([data-theme=dark] *){background-color:#ffffff0d}.dark\:active\:bg-white\/8:active:is([data-theme=dark] *){background-color:#ffffff14}.dark\:active\:fill-foreground-650:active:is([data-theme=dark] *){fill:var(--color-foreground-650)}.active\:dark\:text-system-red-350\/70:is([data-theme=dark] *):active{color:#fa818bb3}.dark\:active\:text-foreground-650:active:is([data-theme=dark] *){color:var(--color-foreground-650)}.peer:focus~.dark\:peer-focus\:ring-white:is([data-theme=dark] *){--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))}@media not all and (min-width: 640px){.max-sm\:mb-2{margin-bottom:.5rem}}@media (min-width: 640px){.sm\:relative{position:relative}.sm\:bottom-\[120px\]{bottom:120px}.sm\:bottom-\[var\(--babylon-component-height\)\]{bottom:var(--babylon-component-height)}.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-start-2{grid-column-start:2}.sm\:row-start-auto{grid-row-start:auto}.sm\:mb-0{margin-bottom:0}.sm\:mb-14{margin-bottom:3.5rem}.sm\:mb-16{margin-bottom:4rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-0{margin-top:0}.sm\:mt-12{margin-top:3rem}.sm\:line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.sm\:line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-60{height:15rem}.sm\:h-\[424px\]{height:424px}.sm\:h-auto{height:auto}.sm\:min-h-\[120px\]{min-height:120px}.sm\:min-h-\[calc\(100dvh-120px-var\(--composer-container-height\)\)\]{min-height:calc(100dvh - 120px - var(--composer-container-height))}.sm\:min-h-\[calc\(100dvh-var\(--babylon-component-height\)-var\(--composer-container-height\)\)\]{min-height:calc(100dvh - var(--babylon-component-height) - var(--composer-container-height))}.sm\:min-h-\[var\(--babylon-component-height\)\]{min-height:var(--babylon-component-height)}.sm\:w-96{width:24rem}.sm\:w-\[350px\]{width:350px}.sm\:w-\[400px\]{width:400px}.sm\:w-\[700px\]{width:700px}.sm\:w-auto{width:auto}.sm\:w-conversations{width:24rem}.sm\:w-settings{width:278px}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-none{max-width:none}.sm\:max-w-voiceSelector{max-width:18rem}.sm\:grow{flex-grow:1}.sm\:origin-top-right{transform-origin:top right}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-\[1fr\,auto\,1fr\]{grid-template-rows:1fr auto 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-5{gap:1.25rem}.sm\:gap-8{gap:2rem}.sm\:rounded-3xl{border-radius:1.25rem}.sm\:rounded-4xl{border-radius:1.5rem}.sm\:bg-white\/40{background-color:#fff6}.sm\:p-3{padding:.75rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-\[0px\]{padding-top:0;padding-bottom:0}.sm\:pb-16{padding-bottom:4rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pb-3{padding-bottom:.75rem}.sm\:pb-5{padding-bottom:1.25rem}.sm\:pe-6{padding-inline-end:1.5rem}.sm\:pl-10{padding-left:2.5rem}.sm\:pr-10{padding-right:2.5rem}.sm\:pt-24{padding-top:6rem}.sm\:text-center{text-align:center}.sm\:text-base{font-size:1.0625rem;line-height:1.625rem;font-variation-settings:"opsz" 40,"wght" 410}.sm\:text-base bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.sm\:text-base strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.sm\:text-md{font-size:1.25rem;line-height:1.625rem;letter-spacing:-.01em;font-variation-settings:"opsz" 40,"wght" 460}.sm\:text-md bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.sm\:text-md strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.sm\:text-md-strong{font-weight:650;font-size:1.25rem;line-height:1.625rem;letter-spacing:-.01em;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.sm\:text-xl{font-size:1.75rem;line-height:2rem;letter-spacing:-.01em;font-variation-settings:"opsz" 40,"wght" 480}.sm\:text-xl bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.sm\:text-xl strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.sm\:text-2xl{font-size:2.375rem;line-height:2.5rem;letter-spacing:-.02em;font-variation-settings:"opsz" 40,"wght" 480}.sm\:text-2xl bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.sm\:text-2xl strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.sm\:dark\:bg-black\/35:is([data-theme=dark] *){background-color:#00000059}}@media (min-width: 768px){.md\:mb-5{margin-bottom:1.25rem}.md\:h-80{height:20rem}.md\:w-\[696px\]{width:696px}.md\:w-fit{width:-moz-fit-content;width:fit-content}.md\:min-w-\[76px\]{min-width:76px}.md\:flex-row{flex-direction:row}.md\:gap-16{gap:4rem}.md\:gap-2{gap:.5rem}.md\:rounded-3xl{border-radius:1.25rem}.md\:rounded-6xl{border-radius:2rem}.md\:p-6{padding:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pb-8{padding-bottom:2rem}.md\:text-center{text-align:center}.md\:text-lg{font-size:1.5rem;line-height:1.9375rem;letter-spacing:-.01em;font-variation-settings:"opsz" 40,"wght" 440}.md\:text-lg bold{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}.md\:text-lg strong{font-weight:650;font-variation-settings:"opsz" 40,"wght" 650;font-synthesis:none}}@media (min-width: 1024px){.lg\:flex-row{flex-direction:row}}.rtl\:left-auto:where([dir=rtl],[dir=rtl] *){left:auto}.rtl\:right-4:where([dir=rtl],[dir=rtl] *){right:1rem}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.sm\:rtl\:origin-top-left:where([dir=rtl],[dir=rtl] *){transform-origin:top left}}.\[\&\:not\(\:first-child\)\]\:pt-3\.5:not(:first-child){padding-top:.875rem}.\[\&\:not\(\:first-child\)\]\:pt-6:not(:first-child){padding-top:1.5rem}code{color:var(--color-foreground-static-150)}.hljs-comment,.hljs-meta{color:#aa9c87}.hljs-built_in,.hljs-class .hljs-title{color:#ffc42f}.hljs-doctag,.hljs-formula,.hljs-keyword,.hljs-literal{color:#67abf1}.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{color:#00b360}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#f96c00}.hljs-bullet,.hljs-link,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#e3b5fa}</style><link rel="modulepreload" as="script" crossorigin="" href="https://studiostaticassetsprod.azureedge.net/bundle-wpwa/assets/code-DkfhLNOM.js"><link rel="modulepreload" as="script" crossorigin="" href="./blazor.bootstrap_files/bundle.js.download"></head><body class="b_respl b_sydConvMode b_sydStandalone" dir="rtl" data-tabster="{&quot;root&quot;:{}}"><script type="text/javascript" nonce="">//<![CDATA[
(function(n){var i,r,t;if(document.querySelector){i=[];r="ad";function u(){var w=sb_gt(),l=document.documentElement,h=document.body,u=0,n=-1,b=l.clientHeight,a=["#b_results ."+_G.adc,".sb_adsWv2",".ads","#b_topw ."+_G.adc],t,f,o,p,c,s,r;if(h){t=0;f=document.querySelector("#b_pole .b_PolePAContainer");f&&(t=f.offsetHeight,n=f?f.offsetTop:n);var v=document.querySelector("#b_results #productAdCarousel"),e=document.querySelector("#b_results .pa_b_supertop"),y=document.querySelector("#b_results .bn_wide");for(e?(n=e?e.offsetTop:n,t=e.offsetHeight):y?t+=y.offsetHeight:v&&(t+=v.offsetHeight),u=t,o=0;o<a.length;o++)for(p=a[o],c=document.querySelectorAll(p),s=0;s<c.length;s++)r=c[s],r&&r.className.indexOf("b_adTop")!==-1&&(u+=r.offsetHeight,n===-1&&(n=r?r.offsetTop:-1));u===0&&(u=-1);i=[n,u,l.clientWidth,b,h.offsetWidth,h.offsetHeight,sb_gt()-w]}}n?(t=n.onbeforefire,n.onbeforefire=function(){t&&t();u();n.mark(r,i)}):(t=si_PP,si_PP=function(){u();var n='"'+r+'":['+i.join()+"]";_G.C1=_G.C1?_G.C1+","+n:n;t.apply(null,[].slice.apply(arguments))})}})(_w.pp);_G.AppVer="51894737";
//]]></script><div id="app" style="--composer-container-height: 96px;"><div class="sr-only"><div aria-live="polite" aria-atomic="true"></div><div aria-live="assertive" aria-atomic="true"></div></div><div class="fixed inset-0"><div class="absolute size-full bg-gradient-chat-light dark:bg-midnight-850 dark:bg-none"></div></div><main class="relative overflow-hidden"><div class="absolute end-6 flex flex-col items-end top-6 z-30"><div style="will-change: auto; opacity: 1;"><button id=":r2:" aria-controls=":r1:" aria-expanded="false" aria-haspopup="menu" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-sm size-10 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="الإعدادات" data-testid="settings-button"><span class="absolute inset-0 rounded-full overflow-hidden backdrop-blur-2xl backdrop-saturate-200 before:bg-stone-200 before:opacity-30 dark:before:bg-midnight-650 dark:before:opacity-70 before:absolute before:inset-0 before:bg-blend-luminosity after:bg-white after:opacity-70 dark:after:bg-slate-800 dark:after:opacity-70 after:absolute after:inset-0"></span><div class="relative size-full rounded-full aspect-square flex items-center justify-center uppercase after:absolute after:-inset-px after:rounded-full after:border-[0.5px] after:border-black/10 dark:after:border-white/20 text-md"><div>f</div></div></button></div></div><div class="h-dvh" style="opacity: 1; will-change: opacity, transform; transform: none;"><div class="flex size-full flex-col items-center overflow-y-auto overflow-x-hidden overscroll-contain text-foreground-800 scrollbar-container" data-testid="chat-page"><div></div><div data-tabster="{&quot;mover&quot;:{&quot;cyclic&quot;:false,&quot;direction&quot;:1,&quot;memorizeCurrent&quot;:true}}" class="mb-[var(--composer-container-height)] grow px-6 max-w-chat w-full" data-content="conversation" style="opacity: 1; will-change: opacity;"><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div class="relative pt-6 inline-block w-full space-y-8 min-h-[60px] sm:min-h-[120px]" style="opacity: 0; transform: none;"><div class="absolute -z-10 w-full bottom-[60px] sm:bottom-[120px] h-[50px]"></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="Hbf7ZcvoCZyxVC8mmL8He-user-message" aria-labelledby="Hbf7ZcvoCZyxVC8mmL8He-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">3. استخدام State Management:
عند استخدام هذه الطريقة كيف الغي البيانات القديمة و اضيف بيانات جديدة</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="wp2KTtP9L9yjSoDrZ5bWx-author wp2KTtP9L9yjSoDrZ5bWx-content" tabindex="0" role="article"><h2 id="wp2KTtP9L9yjSoDrZ5bWx-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="wp2KTtP9L9yjSoDrZ5bWx-content"><p><span class="">عند استخدام إدارة الحالة (State Management) في Blazor، يمكنك بسهولة تحديث البيانات القديمة وإضافة بيانات جديدة. لنستخدم مثالاً عمليًا لتوضيح كيفية القيام بذلك.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">1. إعداد خدمة حالة مشتركة:</h3><p><span class="">أولاً، دعنا ننشئ خدمة الحالة التي ستحتفظ بالبيانات المشتركة بين الصفحات.</span></p><h4 class="text-base-strong">تعريف خدمة الحالة:</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">public</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">class</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-title">AppState</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">public</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">List&lt;</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-built_in">int</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt; </span><span initial="start" animate="end" variants="[object Object]" custom="0">MyList </span><span initial="start" animate="end" variants="[object Object]" custom="0">{ </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">get</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">; </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">private</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">set</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">; </span><span initial="start" animate="end" variants="[object Object]" custom="0">} </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">List&lt;</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-built_in">int</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;();

    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">UpdateList</span>(<span class="hljs-params">List&lt;<span class="hljs-built_in">int</span>&gt; newList</span>)</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">MyList </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0">newList;
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">ClearList</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">MyList.Clear();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><h4 class="text-base-strong">تسجيل خدمة الحالة في <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Program.cs</code>:</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">builder.Services.AddSingleton&lt;AppState&gt;();
</span></code></pre></div></div></div><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">2. استخدام خدمة الحالة في الصفحات:</h3><h4 class="text-base-strong">الصفحة الأولى (مصدر البيانات):</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">@page </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/sourcepage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">NavigationManager </span><span initial="start" animate="end" variants="[object Object]" custom="0">Navigation
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">AppState </span><span initial="start" animate="end" variants="[object Object]" custom="0">AppState

</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;button </span><span initial="start" animate="end" variants="[object Object]" custom="0">@onclick=</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"UpdateData"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;Update </span><span initial="start" animate="end" variants="[object Object]" custom="0">Data&lt;/button&gt;
</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;button </span><span initial="start" animate="end" variants="[object Object]" custom="0">@onclick=</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"ClearData"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;Clear </span><span initial="start" animate="end" variants="[object Object]" custom="0">Data&lt;/button&gt;
</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;button </span><span initial="start" animate="end" variants="[object Object]" custom="0">@onclick=</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"NavigateToDestination"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;Navigate </span><span initial="start" animate="end" variants="[object Object]" custom="0">to </span><span initial="start" animate="end" variants="[object Object]" custom="0">Destination </span><span initial="start" animate="end" variants="[object Object]" custom="0">Page&lt;/button&gt;

</span><span initial="start" animate="end" variants="[object Object]" custom="0">@code </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">UpdateData</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">newData </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">List&lt;</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-built_in">int</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt; </span><span initial="start" animate="end" variants="[object Object]" custom="0">{ </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-number">6</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">, </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-number">7</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">, </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-number">8</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">, </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-number">9</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">, </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-number">10</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">};
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">AppState.UpdateList(newData);
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">ClearData</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">AppState.ClearList();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">NavigateToDestination</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">Navigation.NavigateTo(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/destinationpage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">);
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><h4 class="text-base-strong">الصفحة الثانية (وجهة البيانات):</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">@page </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/destinationpage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">AppState </span><span initial="start" animate="end" variants="[object Object]" custom="0">AppState

</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;h3&gt;Destination </span><span initial="start" animate="end" variants="[object Object]" custom="0">Page&lt;/h3&gt;

</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;ul&gt;
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">@foreach </span><span initial="start" animate="end" variants="[object Object]" custom="0">(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">item </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">in</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">AppState.MyList)
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;li&gt;@item&lt;/li&gt;
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;/ul&gt;
</span></code></pre></div></div></div><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">شرح الكود:</h3><ol start="1" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تعريف خدمة الحالة </strong><code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">AppState</code>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تحتوي الخدمة على قائمة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">MyList</code> بالإضافة إلى وظائف لتحديث القائمة (<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">UpdateList</code>) ومسحها (<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">ClearList</code>).</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تسجيل الخدمة</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">قمنا بتسجيل الخدمة في <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Program.cs</code> كخدمة مشتركة باستخدام <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">AddSingleton</code>.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>استخدام الخدمة في الصفحة الأولى</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">يوجد زران: أحدهما لتحديث البيانات (<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">UpdateData</code>) والآخر لمسح البيانات (<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">ClearData</code>).</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">عند النقر على زر <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Update Data</code>، يتم استدعاء دالة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">UpdateData</code> لتحديث القائمة ببيانات جديدة.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">عند النقر على زر <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Clear Data</code>، يتم استدعاء دالة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">ClearData</code> لمسح البيانات من القائمة.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>عرض البيانات في الصفحة الثانية</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تقوم الصفحة الثانية بعرض محتويات القائمة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">MyList</code> من خدمة الحالة المشتركة.</span></p></li></ul></li></ol><p><span class="">بهذه الطريقة، يمكنك إدارة البيانات بسهولة باستخدام خدمة حالة مشتركة، مما يتيح لك تحديث وإضافة وإزالة البيانات بمرونة. إذا كنت بحاجة إلى مزيد من المساعدة أو تفاصيل إضافية، فلا تتردد في إخباري! 🌟</span></p><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="NGJuJyy6eLZn6HhAZgkDs-user-message" aria-labelledby="NGJuJyy6eLZn6HhAZgkDs-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">هل تحذف البيانات في الخدمة ام انها تبقى حتى اغلاق التطبيق</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="TwLfHzwfRAEMfmgQdLRP2-author TwLfHzwfRAEMfmgQdLRP2-content" tabindex="0" role="article"><h2 id="TwLfHzwfRAEMfmgQdLRP2-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="TwLfHzwfRAEMfmgQdLRP2-content"><p><span class="">في Blazor، البيانات المخزنة في الخدمة تبقى متاحة طوال فترة حياة الخدمة نفسها. عند استخدام خدمة مسجلة كـ <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Singleton</code>، تبقى البيانات مخزنة في الخدمة طوال فترة تشغيل التطبيق، حتى يتم إعادة تشغيل التطبيق أو إغلاقه.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">نقاط رئيسية:</h3><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>خدمة </strong><code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Singleton</code>: إذا كنت قد سجلت الخدمة كـ <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Singleton</code>، تبقى البيانات مخزنة وتستمر طوال فترة حياة التطبيق. يتم إنشاء مثيل واحد فقط من الخدمة ويُستخدم في كل مرة تُستدعى فيها.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>خدمة </strong><code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Scoped</code><strong> أو </strong><code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Transient</code>: إذا سجلت الخدمة كـ <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Scoped</code>، تبقى البيانات متاحة طوال فترة حياة النطاق (Scope) الحالي، مثل جلسة المستخدم أو طلب محدد. خدمة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Transient</code> تُنشئ مثيلًا جديدًا في كل مرة يتم فيها استدعاء الخدمة، مما يعني أن البيانات لا تُحفظ بين الاستدعاءات.</span></p></li></ul><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">مثال:</h3><p><span class="">لتأكيد ذلك، إذا كان لديك خدمة مسجلة كـ <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Singleton</code>، البيانات ستبقى حتى يتم إغلاق التطبيق:</span></p><h4 class="text-base-strong">تسجيل الخدمة كـ <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Singleton</code>:</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">builder.Services.AddSingleton&lt;AppState&gt;();
</span></code></pre></div></div></div><p><span class="">في هذه الحالة، البيانات ستبقى متاحة طوال فترة تشغيل التطبيق.</span></p><h4 class="text-base-strong">إذا أردت مسح البيانات:</h4><p><span class="">يمكنك إنشاء دالة في الخدمة لمسح البيانات عند الحاجة، كما فعلنا في المثال السابق:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">ClearList</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">MyList.Clear();
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><p><span class="">ومن ثم يمكن استدعاء هذه الدالة من أي مكان في التطبيق لمسح البيانات:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">@page </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/sourcepage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">NavigationManager </span><span initial="start" animate="end" variants="[object Object]" custom="0">Navigation
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">AppState </span><span initial="start" animate="end" variants="[object Object]" custom="0">AppState

</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;button </span><span initial="start" animate="end" variants="[object Object]" custom="0">@onclick=</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"ClearData"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;Clear </span><span initial="start" animate="end" variants="[object Object]" custom="0">Data&lt;/button&gt;

</span><span initial="start" animate="end" variants="[object Object]" custom="0">@code </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">ClearData</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">AppState.ClearList();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><p><span class="">بهذه الطريقة، يمكنك التحكم في عمر البيانات المخزنة في الخدمة وتحديثها أو مسحها حسب الحاجة. إذا كان لديك أي استفسارات أخرى أو بحاجة إلى مزيد من المساعدة، فأنا هنا لدعمك! 🌟</span></p><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="vcYVBoqVqq8dRN9hgGF94-user-message" aria-labelledby="vcYVBoqVqq8dRN9hgGF94-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">ممتاز 
طيب هل تبقى البيانات حتى لو فتحت صفحة جديدة من التطبيق بمعني عند الضغط على اي عنصر من عناصر التطبيق وبالزر اليمين وضغطت على فتح في تبويب جديد هلى تنتقل البيانات للصفحة الجديدة المفتوحة</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="YvvNVUH8ah4PamLu62VF1-author YvvNVUH8ah4PamLu62VF1-content" tabindex="0" role="article"><h2 id="YvvNVUH8ah4PamLu62VF1-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="YvvNVUH8ah4PamLu62VF1-content"><p><span class="">عند استخدام خدمات مسجلة كـ <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Singleton</code> في Blazor، تكون البيانات مشتركة داخل نفس السياق (Context) للتطبيق. ومع ذلك، عند فتح التبويب الجديد من المتصفح، يتم إنشاء سياق جديد للتطبيق، مما يعني أن البيانات الموجودة في الخدمات المسجلة كـ <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Singleton</code> في التبويب الأصلي لن تكون متاحة في التبويب الجديد.</span></p><p><span class="">هذا بسبب أن كل تبويب جديد يفتح نسخة جديدة ومستقلة من التطبيق، وبالتالي فإن خدمات <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Singleton</code> المسجلة على مستوى التطبيق تكون محددة لنفس النسخة فقط.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">الحلول الممكنة:</h3><ol start="1" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>استخدام </strong><code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code><strong> أو </strong><code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Session Storage</code>:
يمكنك استخدام التخزين المحلي (<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code>) أو التخزين في الجلسة (<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Session Storage</code>) لتخزين البيانات، بحيث يمكن استرجاع البيانات عند فتح تبويب جديد.</span></p></li></ol><h4 class="text-base-strong">مثال على استخدام <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code> مع Blazor:</h4><p><span class="">استخدام مكتبة مثل <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Blazored.LocalStorage</code> لتخزين واسترجاع البيانات.</span></p><p><span class=""><strong>تثبيت المكتبة</strong>:
يمكنك تثبيت المكتبة من NuGet:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize"></span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none">dotnet add package Blazored.LocalStorage
</code></pre></div></div></div><p><span class=""><strong>إعداد المكتبة في </strong><code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Program.cs</code>:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">builder.Services.AddBlazoredLocalStorage();
</span></code></pre></div></div></div><p><span class=""><strong>استخدام </strong><code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code><strong> لتخزين البيانات</strong>:
في الصفحة المصدر:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">@page </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/sourcepage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">ILocalStorageService </span><span initial="start" animate="end" variants="[object Object]" custom="0">LocalStorage
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">NavigationManager </span><span initial="start" animate="end" variants="[object Object]" custom="0">Navigation

</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;button </span><span initial="start" animate="end" variants="[object Object]" custom="0">@onclick=</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"UpdateData"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;Update </span><span initial="start" animate="end" variants="[object Object]" custom="0">Data&lt;/button&gt;
</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;button </span><span initial="start" animate="end" variants="[object Object]" custom="0">@onclick=</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"ClearData"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;Clear </span><span initial="start" animate="end" variants="[object Object]" custom="0">Data&lt;/button&gt;
</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;button </span><span initial="start" animate="end" variants="[object Object]" custom="0">@onclick=</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"NavigateToDestination"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;Navigate </span><span initial="start" animate="end" variants="[object Object]" custom="0">to </span><span initial="start" animate="end" variants="[object Object]" custom="0">Destination </span><span initial="start" animate="end" variants="[object Object]" custom="0">Page&lt;/button&gt;

</span><span initial="start" animate="end" variants="[object Object]" custom="0">@code </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">private</span> <span class="hljs-keyword">async</span> Task <span class="hljs-title">UpdateData</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">newData </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">List&lt;</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-built_in">int</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt; </span><span initial="start" animate="end" variants="[object Object]" custom="0">{ </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-number">6</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">, </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-number">7</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">, </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-number">8</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">, </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-number">9</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">, </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-number">10</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">};
        </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">LocalStorage.SetItemAsync(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"MyList"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">, </span><span initial="start" animate="end" variants="[object Object]" custom="0">newData);
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">private</span> <span class="hljs-keyword">async</span> Task <span class="hljs-title">ClearData</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">LocalStorage.RemoveItemAsync(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"MyList"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">);
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">NavigateToDestination</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">Navigation.NavigateTo(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/destinationpage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">);
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><p><span class="">في صفحة الوجهة:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">@page </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/destinationpage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">ILocalStorageService </span><span initial="start" animate="end" variants="[object Object]" custom="0">LocalStorage

</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;h3&gt;Destination </span><span initial="start" animate="end" variants="[object Object]" custom="0">Page&lt;/h3&gt;

</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;ul&gt;
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">@foreach </span><span initial="start" animate="end" variants="[object Object]" custom="0">(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">item </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">in</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">myList)
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;li&gt;@item&lt;/li&gt;
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;/ul&gt;

</span><span initial="start" animate="end" variants="[object Object]" custom="0">@code </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">private</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">List&lt;</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-built_in">int</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt; </span><span initial="start" animate="end" variants="[object Object]" custom="0">myList </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">List&lt;</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-built_in">int</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;();

    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">protected</span> <span class="hljs-keyword">override</span> <span class="hljs-keyword">async</span> Task <span class="hljs-title">OnInitializedAsync</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">myList </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">LocalStorage.GetItemAsync&lt;List&lt;</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-built_in">int</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;&gt;(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"MyList"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">) </span><span initial="start" animate="end" variants="[object Object]" custom="0">?? </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">List&lt;</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-built_in">int</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><p><span class="">باستخدام هذه الطريقة، يمكنك تخزين البيانات في <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code> واسترجاعها في أي تبويب جديد يتم فتحه، مما يتيح لك مشاركة البيانات بين التبويبات المختلفة لتطبيق Blazor.</span></p><p><span class="">إذا كنت بحاجة إلى مزيد من المساعدة أو تفاصيل إضافية، فلا تتردد في إخباري! 🌟</span></p><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="true" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5 text-foreground-800"><path d="M12.4829 1.70374C11.6841 0.866611 10.3913 1.31688 10.052 2.29418C9.77205 3.10043 9.4084 4.06594 9.05406 4.77684C7.99442 6.90276 7.37583 8.11234 5.66974 9.62586C5.44337 9.82668 5.15163 9.9885 4.82905 10.116C3.69991 10.5623 2.63809 11.7321 2.91581 13.1207L3.26885 14.8859C3.45455 15.8144 4.14894 16.5583 5.06251 16.8075L10.6622 18.3347C13.2078 19.0289 15.8017 17.3942 16.2737 14.7983L16.9576 11.0365C17.2924 9.19503 15.8777 7.49989 14.006 7.49989H13.1225L13.1328 7.44766C13.2129 7.03948 13.3093 6.47735 13.3738 5.86473C13.438 5.25446 13.4721 4.58034 13.4218 3.9522C13.3725 3.33584 13.2379 2.70305 12.9176 2.22254C12.8081 2.05832 12.6455 1.87416 12.4829 1.70374Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="FMejcZw4G9yjfpaHkkByp-user-message" aria-labelledby="FMejcZw4G9yjfpaHkkByp-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">كيف يمكن حذف البيانات من LOCAL STORGE</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="vBZL8nr57H1XxGG7bGjQQ-author vBZL8nr57H1XxGG7bGjQQ-content" tabindex="0" role="article"><h2 id="vBZL8nr57H1XxGG7bGjQQ-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="vBZL8nr57H1XxGG7bGjQQ-content"><p><span class="">لحذف البيانات من <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code> في Blazor، يمكنك استخدام مكتبة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Blazored.LocalStorage</code> إذا كنت قد قمت بتثبيتها واستخدامها في تطبيقك.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">خطوات حذف البيانات من <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code>:</h3><h4 class="text-base-strong">1. تثبيت وإعداد مكتبة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Blazored.LocalStorage</code>:</h4><p><span class="">إذا لم تقم بتثبيت المكتبة بعد، يمكنك تثبيتها عبر NuGet:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">bash</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">dotnet </span><span initial="start" animate="end" variants="[object Object]" custom="0">add </span><span initial="start" animate="end" variants="[object Object]" custom="0">package </span><span initial="start" animate="end" variants="[object Object]" custom="0">Blazored.LocalStorage
</span></code></pre></div></div></div><p><span class="">ثم قم بإعداد المكتبة في <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Program.cs</code>:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">builder.Services.AddBlazoredLocalStorage();
</span></code></pre></div></div></div><h4 class="text-base-strong">2. حذف البيانات من <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code> باستخدام Blazor:</h4><p><span class="">يمكنك استخدام خدمة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">ILocalStorageService</code> لحذف البيانات بسهولة.</span></p><h4 class="text-base-strong">مثال على حذف عنصر معين من <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code>:</h4><p><span class="">افترض أن لديك مفتاح اسمه "MyList" وتريد حذفه:</span></p><p><span class="">في الصفحة أو المكون الذي تريد تنفيذ الحذف فيه:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">@page </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/examplepage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">ILocalStorageService </span><span initial="start" animate="end" variants="[object Object]" custom="0">LocalStorage

</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;button </span><span initial="start" animate="end" variants="[object Object]" custom="0">@onclick=</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"ClearLocalStorage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;Clear </span><span initial="start" animate="end" variants="[object Object]" custom="0">Local </span><span initial="start" animate="end" variants="[object Object]" custom="0">Storage&lt;/button&gt;

</span><span initial="start" animate="end" variants="[object Object]" custom="0">@code </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">private</span> <span class="hljs-keyword">async</span> Task <span class="hljs-title">ClearLocalStorage</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">LocalStorage.RemoveItemAsync(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"MyList"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">);
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">خطوات الكود:</h3><ol start="1" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>استيراد الخدمة</strong>: حقن خدمة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">ILocalStorageService</code> باستخدام <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">@inject</code>.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>زر الحذف</strong>: إضافة زر يقوم باستدعاء دالة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">ClearLocalStorage</code> عند النقر عليه.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>دالة الحذف</strong>: الدالة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">ClearLocalStorage</code> تستخدم <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">RemoveItemAsync</code> لحذف العنصر المحدد من <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code>.</span></p></li></ol><h4 class="text-base-strong">حذف جميع البيانات من <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code>:</h4><p><span class="">إذا كنت تريد حذف جميع البيانات المخزنة في <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code>، يمكنك استخدام <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">ClearAsync</code> بدلاً من <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">RemoveItemAsync</code>:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">private</span> <span class="hljs-keyword">async</span> Task <span class="hljs-title">ClearAllLocalStorage</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">LocalStorage.ClearAsync();
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><p><span class="">بهذه الطريقة، يمكنك حذف البيانات من <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Local Storage</code> بمرونة حسب الحاجة. إذا كنت بحاجة إلى مزيد من المساعدة أو تفاصيل إضافية، فلا تتردد في إخباري! 🌟</span></p><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="HPmQJ5nXxoCmydkvpyBN7-user-message" aria-labelledby="HPmQJ5nXxoCmydkvpyBN7-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">ممتاز تم اضافة الخدمات وكل شيء كيف يمكن فتح صفحة في تبويب جديد</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="uW3JQgpDktFnaXbYj59wP-author uW3JQgpDktFnaXbYj59wP-content" tabindex="0" role="article"><h2 id="uW3JQgpDktFnaXbYj59wP-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="uW3JQgpDktFnaXbYj59wP-content"><p><span class="">جميل جدًا! لفتح صفحة جديدة في تبويب جديد باستخدام Blazor، يمكنك استخدام جافا سكريبت لتحقيق ذلك. يمكنك استدعاء جافا سكريبت من Blazor باستخدام <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">IJSRuntime</code>.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">خطوات فتح صفحة جديدة في تبويب جديد:</h3><h4 class="text-base-strong">1. إضافة ملف جافا سكريبت:</h4><p><span class="">أضف ملف جافا سكريبت يحتوي على دالة لفتح صفحة في تبويب جديد.</span></p><p><span class=""><strong>wwwroot/js/site.js</strong>:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">javascript</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">function</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-title function_">openInNewTab</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-params">url</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">) </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-variable language_">window</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">.</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-title function_">open</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">(url, </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">'_blank'</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">);
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><h4 class="text-base-strong">2. إضافة استدعاء جافا سكريبت من Blazor:</h4><p><span class="">في المكون أو الصفحة التي تريد فتح التبويب الجديد منها، استخدم <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">IJSRuntime</code> لاستدعاء دالة جافا سكريبت.</span></p><p><span class=""><strong><button type="button" class="font-bold text-salmon-550 dark:text-midnight-400 hover:underline" initial="start" animate="end" variants="[object Object]" custom="0">YourComponent.razor</button></strong>:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">@page </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/sourcepage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">IJSRuntime </span><span initial="start" animate="end" variants="[object Object]" custom="0">JS
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">NavigationManager </span><span initial="start" animate="end" variants="[object Object]" custom="0">Navigation

</span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;button </span><span initial="start" animate="end" variants="[object Object]" custom="0">@onclick=</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"OpenNewTab"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;Open </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">in</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">New </span><span initial="start" animate="end" variants="[object Object]" custom="0">Tab&lt;/button&gt;

</span><span initial="start" animate="end" variants="[object Object]" custom="0">@code </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">private</span> <span class="hljs-keyword">async</span> Task <span class="hljs-title">OpenNewTab</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">url </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0">Navigation.ToAbsoluteUri(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/destinationpage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">).ToString();
        </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">JS.InvokeVoidAsync(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"openInNewTab"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">, </span><span initial="start" animate="end" variants="[object Object]" custom="0">url);
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">شرح الكود:</h3><ol start="1" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>إضافة دالة جافا سكريبت</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">الدالة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">openInNewTab(url)</code> تفتح الرابط المحدد في تبويب جديد.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>استدعاء الدالة من Blazor</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">استيراد <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">IJSRuntime</code> و<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">NavigationManager</code> لاستخدامهما في استدعاء جافا سكريبت وتحديد الرابط.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">زر <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Open in New Tab</code> يستدعي دالة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">OpenNewTab</code> عند النقر عليه.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">دالة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">OpenNewTab</code> تستخدم <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">NavigationManager</code> لإنشاء رابط مطلق (Absolute URL) للصفحة الوجهة، ثم تستدعي دالة جافا سكريبت <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">openInNewTab</code> لفتح التبويب الجديد.</span></p></li></ul></li></ol><p><span class="">بهذه الطريقة، يمكنك فتح صفحة جديدة في تبويب جديد باستخدام Blazor. إذا كان لديك أي استفسارات أخرى أو تحتاج إلى مزيد من المساعدة، فلا تتردد في إخباري! 🌟</span></p><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="TUzeowuC8gxNjkiSszFoj-user-message" aria-labelledby="TUzeowuC8gxNjkiSszFoj-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">شكرا جزيلا و تصبح على خير</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="sajr83UaoEUGTuvhd5w5A-author sajr83UaoEUGTuvhd5w5A-content" tabindex="0" role="article"><h2 id="sajr83UaoEUGTuvhd5w5A-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="sajr83UaoEUGTuvhd5w5A-content"><p><span class="">العفو! كان من دواعي سروري مساعدتك اليوم. إذا كنت بحاجة إلى أي شيء في المستقبل، فلا تتردد في التواصل معي.</span></p><p><span class="">أتمنى لك ليلة سعيدة وأحلام جميلة! 🌙✨ تصبح على خير.</span></p><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="true" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5 text-foreground-800"><path d="M12.4829 1.70374C11.6841 0.866611 10.3913 1.31688 10.052 2.29418C9.77205 3.10043 9.4084 4.06594 9.05406 4.77684C7.99442 6.90276 7.37583 8.11234 5.66974 9.62586C5.44337 9.82668 5.15163 9.9885 4.82905 10.116C3.69991 10.5623 2.63809 11.7321 2.91581 13.1207L3.26885 14.8859C3.45455 15.8144 4.14894 16.5583 5.06251 16.8075L10.6622 18.3347C13.2078 19.0289 15.8017 17.3942 16.2737 14.7983L16.9576 11.0365C17.2924 9.19503 15.8777 7.49989 14.006 7.49989H13.1225L13.1328 7.44766C13.2129 7.03948 13.3093 6.47735 13.3738 5.86473C13.438 5.25446 13.4721 4.58034 13.4218 3.9522C13.3725 3.33584 13.2379 2.70305 12.9176 2.22254C12.8081 2.05832 12.6455 1.87416 12.4829 1.70374Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="f6F1Kc8J8o3dUx7qbt6nk-user-message" aria-labelledby="f6F1Kc8J8o3dUx7qbt6nk-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">ماهذا الخطأ 
System.InvalidOperationException: Cannot create a DbSet for 'IdentityUser' because this type is not included in the model for the context.
   at Microsoft.EntityFrameworkCore.Internal.InternalDbSet`1.get_EntityType()
   at Microsoft.EntityFrameworkCore.Internal.InternalDbSet`1.CheckState()
   at Microsoft.EntityFrameworkCore.Internal.InternalDbSet`1.get_EntityQueryable()
   at Microsoft.EntityFrameworkCore.Internal.InternalDbSet`1.System.Linq.IQueryable.get_Provider()
   at Microsoft.EntityFrameworkCore.EntityFrameworkQueryableExtensions.ExecuteAsync[TSource,TResult](MethodInfo operatorMethodInfo, IQueryable`1 source, Expression expression, CancellationToke</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="FEnocEptpZGyeMPEx4Ef2-author FEnocEptpZGyeMPEx4Ef2-content" tabindex="0" role="article"><h2 id="FEnocEptpZGyeMPEx4Ef2-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="FEnocEptpZGyeMPEx4Ef2-content"><p><span class="">يبدو أن الخطأ يرتبط بعدم تضمين نوع <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">IdentityUser</code> في نموذج السياق (DbContext) للتطبيق. يمكن أن يحدث هذا الخطأ إذا لم يتم تكوين السياق بشكل صحيح لتشمل <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">IdentityUser</code>.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">الحلول الممكنة:</h3><ol start="1" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تأكد من تضمين </strong><code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">IdentityUser</code><strong> في السياق</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تأكد من أن نوع <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">IdentityUser</code> مضمن في السياق وأنه متوافق مع الإصدار المستخدم من Entity Framework Core.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تحقق من تثبيت الأساسيات</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تأكد من أن مكتبة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Microsoft.AspNetCore.Identity.EntityFrameworkCore</code> مثبتة في مشروعك.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تحقق من تكوين السياق</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تأكد من أن تكوين السياق يشمل <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">IdentityUser</code> بشكل صحيح.</span></p></li></ul></li></ol><h4 class="text-base-strong">مثال على تكوين السياق:</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">public</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">class</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-title">ApplicationDbContext</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">: </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-title">IdentityDbContext</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&lt;</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-title">IdentityUser</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">&gt;
</span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-title">ApplicationDbContext</span>(<span class="hljs-params">DbContextOptions&lt;ApplicationDbContext&gt; options</span>)
        : <span class="hljs-title">base</span>(<span class="hljs-params">options</span>)</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><ol start="4" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تحقق من تطبيق الميجريشنز</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تأكد من أن الميجريشنز تم تطبيقها بشكل صحيح وأن السياق متوافق معها.</span></p></li></ul></li></ol><p><span class="">إذا كنت تواجه مشكلة مستمرة، يمكنك مشاركة كلمة الأوامر أو الكود الذي تستخدمه للمساعدة في تحديد المشكلة بشكل أدق. أتمنى أن تكون هذه النصائح مفيدة لك! إذا كان لديك أي استفسارات أخرى، فلا تتردد في طرحها.</span></p><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="knB6xCZiQ9hPZ2BwXggsM-user-message" aria-labelledby="knB6xCZiQ9hPZ2BwXggsM-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">كيف اضيف الايميل مع اليوزر والباسوورد في هذا الكود 
[HttpPost]
public async Task&lt;IActionResult&gt; ADD_USER([FromBody] USER_NEW USER2)
{
    if (USER2 == null)
    {
        return BadRequest("لا يمكن التسجيل");
    }
    var USER1 = new IdentityUser
    {
        UserName = USER2.USER_NAME
    };
    var RES = await _USER_MAN.CreateAsync(USER1, USER2.USER_PASS);
    if (!RES.Succeeded)
    {
        return BadRequest();
    }
    return Ok(RES);
}</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="AfKfEiYyd8oTXqVr28kDS-author AfKfEiYyd8oTXqVr28kDS-content" tabindex="0" role="article"><h2 id="AfKfEiYyd8oTXqVr28kDS-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="AfKfEiYyd8oTXqVr28kDS-content"><p><span class="">لإضافة البريد الإلكتروني إلى المستخدم عند تسجيله باستخدام ASP.NET Core Identity، يمكنك تعديل الكود ليشمل تعيين خاصية <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Email</code> بالإضافة إلى <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">UserName</code> و <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Password</code>. إليك الطريقة:</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">الكود المعدل:</h3><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">[</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-meta">HttpPost</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">]
</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">async</span> Task&lt;IActionResult&gt; <span class="hljs-title">ADD_USER</span>(<span class="hljs-params">[FromBody] USER_NEW USER2</span>)</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">if</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">(USER2 </span><span initial="start" animate="end" variants="[object Object]" custom="0">== </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-literal">null</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">)
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">return</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">BadRequest(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"لا يمكن التسجيل"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">);
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">USER1 </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">IdentityUser
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">UserName </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0">USER2.USER_NAME,
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">Email </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0">USER2.EMAIL </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-comment">// إضافة البريد الإلكتروني</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">};

    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">RES </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">_USER_MAN.CreateAsync(USER1, </span><span initial="start" animate="end" variants="[object Object]" custom="0">USER2.USER_PASS);
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">if</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">(!RES.Succeeded)
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">return</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">BadRequest();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">return</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">Ok(RES);
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">التأكد من صحة البريد الإلكتروني:</h3><p><span class="">تأكد من أنك تتلقى البريد الإلكتروني بشكل صحيح في النموذج <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">USER_NEW</code>.</span></p><h4 class="text-base-strong">تعريف النموذج <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">USER_NEW</code>:</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">public</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">class</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-title">USER_NEW</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">public</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-built_in">string</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">USER_NAME </span><span initial="start" animate="end" variants="[object Object]" custom="0">{ </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">get</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">; </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">set</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">; </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">public</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-built_in">string</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">USER_PASS </span><span initial="start" animate="end" variants="[object Object]" custom="0">{ </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">get</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">; </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">set</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">; </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">public</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-built_in">string</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">EMAIL </span><span initial="start" animate="end" variants="[object Object]" custom="0">{ </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">get</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">; </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">set</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">; </span><span initial="start" animate="end" variants="[object Object]" custom="0">} </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-comment">// إضافة خاصية البريد الإلكتروني</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><p><span class="">بهذا الشكل، يمكنك تضمين البريد الإلكتروني في عملية إنشاء المستخدم. تأكد من أن البريد الإلكتروني يتم تعيينه بشكل صحيح وأن كل القيم المطلوبة متوفرة في نموذج البيانات.</span></p><p><span class="">إذا كنت بحاجة إلى أي تعديلات أخرى أو مساعدة إضافية، فلا تتردد في إخباري! 🌟</span></p><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="SeBaNtxQL2YKQjHdSqhZu-user-message" aria-labelledby="SeBaNtxQL2YKQjHdSqhZu-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: TypeError: Failed to fetch
System.Net.Http.HttpRequestException: TypeError: Failed to fetch
 ---&gt; TypeError: Failed to fetch
   Exception_EndOfInnerExceptionStack
   at System.Net.Http.BrowserHttpInterop.&lt;CancelationHelper&gt;d__13`1[[System.Runtime.InteropServices.JavaScript.JSObject, System.Runtime.InteropServices.JavaScript, Version=8.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a]].MoveNext()
   at System.Net.Http.BrowserHttpHandler.CallFetch(HttpRequestMessage , CancellationToken , Nullable`1 )
   at System.Net.Http.BrowserHttpHandler.&lt;SendAsync&gt;g__Impl|53_0(HttpRequestMessage , CancellationToken , Nullable`1 )
   at System.Net.Http.HttpClient.&lt;SendAsync&gt;g__Core|83_0(HttpRequestMessage , HttpCompletionOption , CancellationTokenSource , Boolean , CancellationTokenSource , CancellationToken )
   at System.Net.Http.Json.HttpClientJsonExtensions.&lt;&lt;FromJsonAsyncCore&gt;g__Core|12_0&gt;d`2[[Q_MAX_HR_PRO.Data.CORP_DATA, Q_MAX_HR_PRO, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null],[System.Text.Json.JsonSerializerOptions, System.Text.Json, Version=8.0.0.0, Culture=neutral, PublicKeyToken=cc7b13ffcd2ddd51]].MoveNext()
   at Q_MAX_HR_PRO.Pages.LOGIN.OnInitializedAsync()
   at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task , ComponentState )</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="YcvUtJpiGV7voqdWDY9Su-author YcvUtJpiGV7voqdWDY9Su-content" tabindex="0" role="article"><h2 id="YcvUtJpiGV7voqdWDY9Su-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="YcvUtJpiGV7voqdWDY9Su-content"><p><span class="">يبدو أن الخطأ يرتبط بمحاولة إجراء طلب HTTP وفشل الاستجابة بنوع البيانات المتوقع<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r3k:" aria-expanded="false" aria-controls=":r3j:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span>. يمكن أن يحدث هذا الخطأ إذا كانت الطلبة لا تعمل بشكل صحيح أو إذا كانت الخادم لا يستجيب بشكل صحيح<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r3m:" aria-expanded="false" aria-controls=":r3l:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span>.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">خطوات لحل الخطأ:</h3><ol start="1" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تحقق من صحة الطلب HTTP</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تأكد من أن الطلب يستخدم العنوان URL الصحيح وأن الخادم يعمل بشكل صحيح<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r3o:" aria-expanded="false" aria-controls=":r3n:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span>.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">حاول تنفيذ الطلب مباشرة في متصفح للتحقق من الاستجابة.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>إضافة التعامل مع الاستثناءات</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">قم بإضافة التعامل مع الاستثناءات في الكود لتسجيل الخطأ وتحليله بشكل أفضل<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r3q:" aria-expanded="false" aria-controls=":r3p:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span>.</span></p></li></ul></li></ol><h4 class="text-base-strong">مثال على إضافة التعامل مع الاستثناءات:</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">@page </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/examplepage"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">HttpClient </span><span initial="start" animate="end" variants="[object Object]" custom="0">Http
</span><span initial="start" animate="end" variants="[object Object]" custom="0">@inject </span><span initial="start" animate="end" variants="[object Object]" custom="0">IJSRuntime </span><span initial="start" animate="end" variants="[object Object]" custom="0">JS

</span><span initial="start" animate="end" variants="[object Object]" custom="0">@code </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">private</span> <span class="hljs-keyword">async</span> Task <span class="hljs-title">LoadData</span>()</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">try</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
            </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">response </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">Http.GetFromJsonAsync&lt;USER_NEW&gt;(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"api/your_api_endpoint"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">);
            </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-comment">// إعداد البيانات</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
        </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">catch</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">(Exception </span><span initial="start" animate="end" variants="[object Object]" custom="0">ex)
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
            </span><span initial="start" animate="end" variants="[object Object]" custom="0">Console.WriteLine(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">$"Error: <span class="hljs-subst">{ex.Message}</span>"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">);
            </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">JS.InvokeVoidAsync(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"openInNewTab"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">, </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"https://example.com/error"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">);
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><ol start="3" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تحقق من الخادم</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تأكد من أن الخادم يعمل بشكل صحيح ويستجيب بنوع البيانات المتوقع<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r3s:" aria-expanded="false" aria-controls=":r3r:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span>.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تأكد من أن الطلب يستخدم النوع المناسب من الاستجابة (مثل JSON).</span></p></li></ul></li></ol><p><span class="">إذا كنت تواجه مشكلة مستمرة، يمكنك مشاركة كلمة الأوامر أو الكود الذي تستخدمه للمساعدة في تحديد المشكلة بشكل أدق. أتمنى أن تكون هذه النصائح مفيدة لك! إذا كان لديك أي استفسارات أخرى، فلا تتردد في طرحها.</span></p><div class="flex flex-wrap gap-2 pt-1" data-copy="false"><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="Unhandled exception rendering component - Microsoft Q&amp;A"><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">1</span><span class="me-0.5">learn.microsoft.com</span></button></div><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div><div class="space-y-3 break-words" id="YcvUtJpiGV7voqdWDY9Su-content"></div><div class="space-y-3 break-words" id="YcvUtJpiGV7voqdWDY9Su-content"></div><div class="space-y-3 break-words" id="YcvUtJpiGV7voqdWDY9Su-content"></div><div class="space-y-3 break-words" id="YcvUtJpiGV7voqdWDY9Su-content"></div><div class="space-y-3 break-words" id="YcvUtJpiGV7voqdWDY9Su-content"></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="eGgcZsz72oB2x4vTfszVo-user-message" aria-labelledby="eGgcZsz72oB2x4vTfszVo-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">يعمل عند عمل ديباج من المشروع لكن عند نشره وتركيبه على ISS يظهر هذا الخطأ</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="zVKsLoiBbuC4hd45ixv1w-author zVKsLoiBbuC4hd45ixv1w-content" tabindex="0" role="article"><h2 id="zVKsLoiBbuC4hd45ixv1w-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="zVKsLoiBbuC4hd45ixv1w-content"><p><span class="">عندما يعمل التطبيق بشكل صحيح أثناء التصحيح المحلي (Debugging) ولكن يظهر خطأ عند نشره على IIS، يمكن أن تكون هناك عدة أسباب محتملة تتعلق بالإعدادات أو التكوين. دعنا نستعرض بعض الخطوات للتحقق من المشكلة وحلها:</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">1. تحقق من إعدادات الـ CORS (Cross-Origin Resource Sharing):</h3><p><span class="">تأكد من أن الخادم يسمح بالطلبات من النطاقات المختلفة (CORS)، خاصة إذا كانت الواجهة الأمامية (Frontend) تعمل على نطاق مختلف عن الـ API.</span></p><h4 class="text-base-strong">كيفية إعداد CORS:</h4><p><span class="">في <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Startup.cs</code>:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">ConfigureServices</span>(<span class="hljs-params">IServiceCollection services</span>)</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">services.AddCors(options </span><span initial="start" animate="end" variants="[object Object]" custom="0">=&gt;
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">options.AddPolicy(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"AllowAllOrigins"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">,
            </span><span initial="start" animate="end" variants="[object Object]" custom="0">builder </span><span initial="start" animate="end" variants="[object Object]" custom="0">=&gt;
            </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
                </span><span initial="start" animate="end" variants="[object Object]" custom="0">builder.AllowAnyOrigin()
                       </span><span initial="start" animate="end" variants="[object Object]" custom="0">.AllowAnyMethod()
                       </span><span initial="start" animate="end" variants="[object Object]" custom="0">.AllowAnyHeader();
            </span><span initial="start" animate="end" variants="[object Object]" custom="0">});
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">});

    </span><span initial="start" animate="end" variants="[object Object]" custom="0">services.AddControllers();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">services.AddRazorPages();
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}

</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">Configure</span>(<span class="hljs-params">IApplicationBuilder app, IWebHostEnvironment env</span>)</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
</span><span initial="start" animate="end" variants="[object Object]" custom="0">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">if</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">(env.IsDevelopment())
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">app.UseDeveloperExceptionPage();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}
    </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">else</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">app.UseExceptionHandler(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"/Error"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">);
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">app.UseHsts();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="0">app.UseHttpsRedirection();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">app.UseStaticFiles();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">app.UseRouting();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">app.UseCors(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"AllowAllOrigins"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">);
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">app.UseAuthorization();

    </span><span initial="start" animate="end" variants="[object Object]" custom="0">app.UseEndpoints(endpoints </span><span initial="start" animate="end" variants="[object Object]" custom="0">=&gt;
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">endpoints.MapRazorPages();
        </span><span initial="start" animate="end" variants="[object Object]" custom="0">endpoints.MapControllers();
    </span><span initial="start" animate="end" variants="[object Object]" custom="0">});
</span><span initial="start" animate="end" variants="[object Object]" custom="0">}
</span></code></pre></div></div></div><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">2. تحقق من عنوان URL الكامل:</h3><p><span class="">تأكد من أن عنوان URL المستخدم في التطبيق يتوافق مع عنوان URL للنشر.</span></p><h4 class="text-base-strong">مثال:</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="0">builder.Services.AddScoped(sp </span><span initial="start" animate="end" variants="[object Object]" custom="0">=&gt; </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">HttpClient </span><span initial="start" animate="end" variants="[object Object]" custom="0">{ </span><span initial="start" animate="end" variants="[object Object]" custom="0">BaseAddress </span><span initial="start" animate="end" variants="[object Object]" custom="0">= </span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="0"> </span><span initial="start" animate="end" variants="[object Object]" custom="0">Uri(</span><span initial="start" animate="end" variants="[object Object]" custom="0"><span class="hljs-string">"https://your-deployed-api-url/"</span></span><span initial="start" animate="end" variants="[object Object]" custom="0">) </span><span initial="start" animate="end" variants="[object Object]" custom="0">});
</span></code></pre></div></div></div><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">3. تحقق من إعدادات الأمان:</h3><p><span class="">تأكد من أن إعدادات الأمان في IIS لا تعوق الوصول إلى الموارد المطلوبة.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">4. تحقق من سجلات IIS:</h3><p><span class="">تفحص سجلات IIS لمعرفة المزيد عن الخطأ المحتمل. قد تجد معلومات مفيدة حول السبب المحتمل للخطأ.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">5. التحقق من تكوين التطبيق المنشور:</h3><p><span class="">تأكد من أن جميع ملفات التكوين (مثل <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">appsettings.json</code>) تم نشرها بشكل صحيح وأن الإعدادات في بيئة النشر تتوافق مع الإعدادات المستخدمة في بيئة التطوير.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">6. استخدام أدوات المتصفح للتحقق من الأخطاء:</h3><p><span class="">استخدم أدوات المطور في المتصفح (مثل Chrome DevTools) لفحص الأخطاء في الشبكة وتحليل سبب فشل الطلب.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">7. التحقق من متطلبات النظام والتصاريح:</h3><p><span class="">تأكد من أن الخادم يلبي جميع متطلبات النظام لتشغيل التطبيق وأن التصاريح الصحيحة قد تم تعيينها للوصول إلى الموارد المطلوبة.</span></p><p><span class="">باتباع هذه الخطوات، يجب أن تتمكن من تحديد السبب الرئيسي للخطأ ومعالجته. إذا كنت بحاجة إلى مساعدة إضافية، فلا تتردد في إخباري! 🌟<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r4h:" aria-expanded="false" aria-controls=":r4g:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span><span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r4j:" aria-expanded="false" aria-controls=":r4i:" aria-label="اقتباس 2" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">2</button></span><span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r4l:" aria-expanded="false" aria-controls=":r4k:" aria-label="اقتباس 3" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">3</button></span><span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r4n:" aria-expanded="false" aria-controls=":r4m:" aria-label="اقتباس 4" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">4</button></span><span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r4p:" aria-expanded="false" aria-controls=":r4o:" aria-label="اقتباس 5" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">5</button></span><span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r4r:" aria-expanded="false" aria-controls=":r4q:" aria-label="اقتباس 6" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">6</button></span></span></p><div class="flex flex-wrap gap-2 pt-1" data-copy="false"><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">1</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">2</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">3</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">4</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">5</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">6</span><span class="me-0.5">github.com</span></button></div><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div><div class="space-y-3 break-words" id="zVKsLoiBbuC4hd45ixv1w-content"></div><div class="space-y-3 break-words" id="zVKsLoiBbuC4hd45ixv1w-content"></div><div class="space-y-3 break-words" id="zVKsLoiBbuC4hd45ixv1w-content"></div><div class="space-y-3 break-words" id="zVKsLoiBbuC4hd45ixv1w-content"></div><div class="space-y-3 break-words" id="zVKsLoiBbuC4hd45ixv1w-content"></div><div class="space-y-3 break-words" id="zVKsLoiBbuC4hd45ixv1w-content"></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="GPbCsg6YkomTFTiEDZtbD-user-message" aria-labelledby="GPbCsg6YkomTFTiEDZtbD-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">هل هذا الكود صحيح 
using (var outputFile = new StreamWriter(PATH))
{
    var PAR1 = _DECR_DAT.CRYP_DATA1(ACT_DATA.ACTIVE_CODE);
    var PAR2 = _DECR_DAT.CRYP_DATA1(ACT_DATA.US_NO.ToString());
    var newLine = PAR1 + "|" + PAR2;
    outputFile.WriteLine(newLine);
}</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="vzMvj2bimhzcstwwAoCha-author vzMvj2bimhzcstwwAoCha-content" tabindex="0" role="article"><h2 id="vzMvj2bimhzcstwwAoCha-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="vzMvj2bimhzcstwwAoCha-content"><p><span class="">نعم، الكود يبدو صحيحًا لكتابة البيانات إلى ملف باستخدام <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">StreamWriter</code>. ومع ذلك، تأكد من الأمور التالية:</span></p><ol start="1" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>التأكد من صحة المتغيرات</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تأكد من أن <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">PATH</code> يشير إلى مسار صالح للملف الذي تريد الكتابة فيه.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تأكد من أن <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">_DECR_DAT</code> و <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">ACT_DATA</code> متاحان وتم تهيئتهما بشكل صحيح قبل استخدامهما.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>التعامل مع الأخطاء المحتملة</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">يفضل إضافة معالجة الأخطاء للتعامل مع أي استثناءات قد تحدث أثناء عملية الكتابة إلى الملف.</span></p></li></ul></li></ol><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">مثال مع معالجة الأخطاء:</h3><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="1.422"><span class="hljs-keyword">try</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.44">
</span><span initial="start" animate="end" variants="[object Object]" custom="1.458">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.476"><span class="hljs-keyword">using</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.494"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.512">(</span><span initial="start" animate="end" variants="[object Object]" custom="1.53"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.548"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.566">outputFile </span><span initial="start" animate="end" variants="[object Object]" custom="1.584">= </span><span initial="start" animate="end" variants="[object Object]" custom="1.602"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.62"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.638">StreamWriter(PATH))
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.656">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="1.674"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.692"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.71">PAR1 </span><span initial="start" animate="end" variants="[object Object]" custom="1.728">= </span><span initial="start" animate="end" variants="[object Object]" custom="1.746">_DECR_DAT.CRYP_DATA1(ACT_DATA.ACTIVE_CODE);
        </span><span initial="start" animate="end" variants="[object Object]" custom="1.764"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.782"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.8">PAR2 </span><span initial="start" animate="end" variants="[object Object]" custom="1.818">= </span><span initial="start" animate="end" variants="[object Object]" custom="1.836">_DECR_DAT.CRYP_DATA1(ACT_DATA.US_NO.ToString());
        </span><span initial="start" animate="end" variants="[object Object]" custom="1.854"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.872"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.89">newLine </span><span initial="start" animate="end" variants="[object Object]" custom="1.908">= </span><span initial="start" animate="end" variants="[object Object]" custom="1.926"><span class="hljs-string">$"<span class="hljs-subst">{PAR1}</span>|<span class="hljs-subst">{PAR2}</span>"</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.944">;
        </span><span initial="start" animate="end" variants="[object Object]" custom="1.962">outputFile.WriteLine(newLine);
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.98">}
</span><span initial="start" animate="end" variants="[object Object]" custom="1.998">}
</span><span initial="start" animate="end" variants="[object Object]" custom="2.016"><span class="hljs-keyword">catch</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.034"> </span><span initial="start" animate="end" variants="[object Object]" custom="2.052">(Exception </span><span initial="start" animate="end" variants="[object Object]" custom="2.07">ex)
</span><span initial="start" animate="end" variants="[object Object]" custom="2.088">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.106">Console.WriteLine(</span><span initial="start" animate="end" variants="[object Object]" custom="2.124"><span class="hljs-string">$"An error occurred: <span class="hljs-subst">{ex.Message}</span>"</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.142">);
</span><span initial="start" animate="end" variants="[object Object]" custom="2.16">}
</span></code></pre></div></div></div><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">شرح الكود:</h3><ol start="1" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>إنشاء </strong><code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">StreamWriter</code>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">يتم إنشاء مثيل لـ <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">StreamWriter</code> لكتابة البيانات إلى الملف المحدد بالمسار <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">PATH</code>.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>توليد البيانات</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">يتم استخدام <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">CRYP_DATA1</code> لتشفير البيانات.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">يتم دمج البيانات الناتجة في سطر واحد مفصول بعلامة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">|</code>.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>كتابة البيانات إلى الملف</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">يتم استخدام <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">WriteLine</code> لكتابة السطر الجديد إلى الملف.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>معالجة الأخطاء</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">يتم استخدام عبارة <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">try-catch</code> لالتقاط أي استثناءات قد تحدث أثناء عملية الكتابة وإظهار رسالة خطأ.</span></p></li></ul></li></ol><p><span class="">بهذا الشكل، يكون الكود أكثر استقرارًا وقادرًا على التعامل مع الأخطاء بشكل أفضل. إذا كنت بحاجة إلى مزيد من المساعدة أو تفاصيل إضافية، فلا تتردد في إخباري! 🌟</span></p><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="J68qLv5NZwFDKbPp8opZi-user-message" aria-labelledby="J68qLv5NZwFDKbPp8opZi-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">كل شيء سليم ولكن نتيجة NEWLINE هي كالتالي 
"System.Threading.Tasks.Task`1[System.String]|System.Threading.Tasks.Task`1[System.String]"</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="DPg6kWmM3BnBogEfkiEiP-author DPg6kWmM3BnBogEfkiEiP-content" tabindex="0" role="article"><h2 id="DPg6kWmM3BnBogEfkiEiP-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="DPg6kWmM3BnBogEfkiEiP-content"><p><span class="">يبدو أن هناك مشكلة تتعلق باستخدام الدوال غير المتزامنة (<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">async</code>) و<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">await</code>. النتيجة "System.Threading.Tasks.Task<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">1[System.String]" تشير إلى أنك تتعامل مع كائنات</code>Task<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">دون انتظار نتيجة تنفيذها. لضمان الحصول على القيم الصحيحة من الدوال غير المتزامنة، تحتاج إلى استخدام الكلمة المفتاحية</code>await` للحصول على النتائج.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">التعديل:</h3><p><span class="">يجب أن تتأكد من استخدام <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">await</code> عند استدعاء الدوال غير المتزامنة. إليك الكود المعدل:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="1.224"><span class="hljs-keyword">using</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.242"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.26">(</span><span initial="start" animate="end" variants="[object Object]" custom="1.278"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.296"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.314">outputFile </span><span initial="start" animate="end" variants="[object Object]" custom="1.332">= </span><span initial="start" animate="end" variants="[object Object]" custom="1.35"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.368"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.386">StreamWriter(PATH))
</span><span initial="start" animate="end" variants="[object Object]" custom="1.404">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.422"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.44"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.458">PAR1 </span><span initial="start" animate="end" variants="[object Object]" custom="1.476">= </span><span initial="start" animate="end" variants="[object Object]" custom="1.494"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.512"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.53">_DECR_DAT.CRYP_DATA1(ACT_DATA.ACTIVE_CODE);
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.548"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.566"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.584">PAR2 </span><span initial="start" animate="end" variants="[object Object]" custom="1.602">= </span><span initial="start" animate="end" variants="[object Object]" custom="1.62"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.638"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.656">_DECR_DAT.CRYP_DATA1(ACT_DATA.US_NO.ToString());
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.674"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.692"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.71">newLine </span><span initial="start" animate="end" variants="[object Object]" custom="1.728">= </span><span initial="start" animate="end" variants="[object Object]" custom="1.746"><span class="hljs-string">$"<span class="hljs-subst">{PAR1}</span>|<span class="hljs-subst">{PAR2}</span>"</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.764">;
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.782">outputFile.WriteLine(newLine);
</span><span initial="start" animate="end" variants="[object Object]" custom="1.8">}
</span></code></pre></div></div></div><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">التحقق من تعريف الدوال:</h3><p><span class="">تأكد من أن الدوال <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">CRYP_DATA1</code> معرفة كدوال غير متزامنة (async).</span></p><h4 class="text-base-strong">مثال على تعريف دالة غير متزامنة:</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="2.214"><span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">async</span> Task&lt;<span class="hljs-built_in">string</span>&gt; <span class="hljs-title">CRYP_DATA1</span>(<span class="hljs-params"><span class="hljs-built_in">string</span> input</span>)</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.232">
</span><span initial="start" animate="end" variants="[object Object]" custom="2.25">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.268"><span class="hljs-comment">// تنفيذ بعض العمليات</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.286">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.304"><span class="hljs-keyword">return</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.322"> </span><span initial="start" animate="end" variants="[object Object]" custom="2.34"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.358"> </span><span initial="start" animate="end" variants="[object Object]" custom="2.376">Task.FromResult(</span><span initial="start" animate="end" variants="[object Object]" custom="2.394"><span class="hljs-string">"result"</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.412">);
</span><span initial="start" animate="end" variants="[object Object]" custom="2.43">}
</span></code></pre></div></div></div><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">كيفية استخدام <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">await</code>:</h3><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">استخدم <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">await</code> عندما تستدعي دالة غير متزامنة لتنتظر حتى تكتمل العملية وتحصل على النتيجة.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تأكد من أن طريقة الاستدعاء (<code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">ADD_USER</code>) نفسها معرفة كدالة غير متزامنة باستخدام <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">async</code>.</span></p></li></ul><p><span class="">بهذا الشكل، تحصل على القيم الفعلية بدلاً من كائنات <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Task</code>:</span></p><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="3.366">[</span><span initial="start" animate="end" variants="[object Object]" custom="3.384"><span class="hljs-meta">HttpPost</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.402">]
</span><span initial="start" animate="end" variants="[object Object]" custom="3.42"><span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">async</span> Task&lt;IActionResult&gt; <span class="hljs-title">ADD_USER</span>(<span class="hljs-params">[FromBody] USER_NEW USER2</span>)</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.438">
</span><span initial="start" animate="end" variants="[object Object]" custom="3.456">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.474"><span class="hljs-keyword">if</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.492"> </span><span initial="start" animate="end" variants="[object Object]" custom="3.51">(USER2 </span><span initial="start" animate="end" variants="[object Object]" custom="3.528">== </span><span initial="start" animate="end" variants="[object Object]" custom="3.546"><span class="hljs-literal">null</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.564">)
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.582">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="3.6"><span class="hljs-keyword">return</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.618"> </span><span initial="start" animate="end" variants="[object Object]" custom="3.636">BadRequest(</span><span initial="start" animate="end" variants="[object Object]" custom="3.654"><span class="hljs-string">"لا يمكن التسجيل"</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.672">);
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.69">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="3.708"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.726"> </span><span initial="start" animate="end" variants="[object Object]" custom="3.744">USER1 </span><span initial="start" animate="end" variants="[object Object]" custom="3.762">= </span><span initial="start" animate="end" variants="[object Object]" custom="3.78"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.798"> </span><span initial="start" animate="end" variants="[object Object]" custom="3.816">IdentityUser
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.834">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="3.852">UserName </span><span initial="start" animate="end" variants="[object Object]" custom="3.87">= </span><span initial="start" animate="end" variants="[object Object]" custom="3.888">USER2.USER_NAME,
        </span><span initial="start" animate="end" variants="[object Object]" custom="3.906">Email </span><span initial="start" animate="end" variants="[object Object]" custom="3.924">= </span><span initial="start" animate="end" variants="[object Object]" custom="3.942">USER2.EMAIL </span><span initial="start" animate="end" variants="[object Object]" custom="3.96"><span class="hljs-comment">// إضافة البريد الإلكتروني</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.978">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.996">};

    </span><span initial="start" animate="end" variants="[object Object]" custom="4.014"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.032"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.05">RES </span><span initial="start" animate="end" variants="[object Object]" custom="4.068">= </span><span initial="start" animate="end" variants="[object Object]" custom="4.086"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.104"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.122">_USER_MAN.CreateAsync(USER1, </span><span initial="start" animate="end" variants="[object Object]" custom="4.14">USER2.USER_PASS);
    </span><span initial="start" animate="end" variants="[object Object]" custom="4.158"><span class="hljs-keyword">if</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.176"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.194">(!RES.Succeeded)
    </span><span initial="start" animate="end" variants="[object Object]" custom="4.212">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="4.23"><span class="hljs-keyword">return</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.248"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.266">BadRequest();
    </span><span initial="start" animate="end" variants="[object Object]" custom="4.284">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="4.302"><span class="hljs-keyword">using</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.32"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.338">(</span><span initial="start" animate="end" variants="[object Object]" custom="4.356"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.374"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.392">outputFile </span><span initial="start" animate="end" variants="[object Object]" custom="4.41">= </span><span initial="start" animate="end" variants="[object Object]" custom="4.428"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.446"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.464">StreamWriter(PATH))
    </span><span initial="start" animate="end" variants="[object Object]" custom="4.482">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="4.5"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.518"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.536">PAR1 </span><span initial="start" animate="end" variants="[object Object]" custom="4.554">= </span><span initial="start" animate="end" variants="[object Object]" custom="4.572"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.59"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.608">_DECR_DAT.CRYP_DATA1(ACT_DATA.ACTIVE_CODE);
        </span><span initial="start" animate="end" variants="[object Object]" custom="4.626"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.644"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.662">PAR2 </span><span initial="start" animate="end" variants="[object Object]" custom="4.68">= </span><span initial="start" animate="end" variants="[object Object]" custom="4.698"><span class="hljs-keyword">await</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.716"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.734">_DECR_DAT.CRYP_DATA1(ACT_DATA.US_NO.ToString());
        </span><span initial="start" animate="end" variants="[object Object]" custom="4.752"><span class="hljs-keyword">var</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.77"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.788">newLine </span><span initial="start" animate="end" variants="[object Object]" custom="4.806">= </span><span initial="start" animate="end" variants="[object Object]" custom="4.824"><span class="hljs-string">$"<span class="hljs-subst">{PAR1}</span>|<span class="hljs-subst">{PAR2}</span>"</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.842">;
        </span><span initial="start" animate="end" variants="[object Object]" custom="4.86">outputFile.WriteLine(newLine);
    </span><span initial="start" animate="end" variants="[object Object]" custom="4.878">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="4.896"><span class="hljs-keyword">return</span></span><span initial="start" animate="end" variants="[object Object]" custom="4.914"> </span><span initial="start" animate="end" variants="[object Object]" custom="4.932">Ok(RES);
</span><span initial="start" animate="end" variants="[object Object]" custom="4.95">}
</span></code></pre></div></div></div><p><span class="">باتباع هذه الخطوات، يجب أن تحصل على النتائج الصحيحة بدلاً من كائنات <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">Task</code>. إذا كنت بحاجة إلى مزيد من المساعدة أو توضيحات إضافية، فلا تتردد في إخباري! 🌟</span></p><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="1XWX1Tkq1RL5NEQW67Tze-user-message" aria-labelledby="1XWX1Tkq1RL5NEQW67Tze-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">لماذا المكتبة Blazor.Bootstrap لا تعمل عند انقطاع الانترنت</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="JD5iw7GqU4JFh3YpRTQb9-author JD5iw7GqU4JFh3YpRTQb9-content" tabindex="0" role="article"><h2 id="JD5iw7GqU4JFh3YpRTQb9-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="JD5iw7GqU4JFh3YpRTQb9-content"><p><span class="">مشكلة عدم عمل المكتبة Blazor.Bootstrap عند انقطاع الإنترنت ترتبط بأن الكتابة تعتمد على موارد من CDN (Content Delivery Network) لتحميل CSS وJavaScript<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r6u:" aria-expanded="false" aria-controls=":r6t:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span>. عند فقدان الاتصال بالإنترنت، لا يمكن للتطبيق الوصول إلى هذه الموارد.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">الحلول الممكنة:</h3><ol start="1" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>استخدام نسخة محلية للموارد</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">قم بتحميل الموارد اللازمة مثل CSS وJavaScript وتخزينها محليًا<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r70:" aria-expanded="false" aria-controls=":r6v:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span>.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">قم بتعديل الكود لاستخدام الموارد المحلية عند عدم وجود اتصال بالإنترنت<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r72:" aria-expanded="false" aria-controls=":r71:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span>.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تعديل الكود</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">قم بإزالة أو تعديل الطلبات التي تستخدم CDN لتحميل الموارد<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r74:" aria-expanded="false" aria-controls=":r73:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span>.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">قم بتحديث الكود لاستخدام الموارد المحلية عند الحاجة<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r76:" aria-expanded="false" aria-controls=":r75:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span>.</span></p></li></ul></li></ol><h4 class="text-base-strong">مثال على تعديل الكود:</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">csharp</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="1.71"><span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">Configure</span>(<span class="hljs-params">IApplicationBuilder app, IWebHostEnvironment env</span>)</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.728">
</span><span initial="start" animate="end" variants="[object Object]" custom="1.746">{
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.764"><span class="hljs-keyword">if</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.782"> </span><span initial="start" animate="end" variants="[object Object]" custom="1.8">(env.IsDevelopment())
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.818">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="1.836">app.UseDeveloperExceptionPage();
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.854">}
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.872"><span class="hljs-keyword">else</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.89">
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.908">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="1.926">app.UseExceptionHandler(</span><span initial="start" animate="end" variants="[object Object]" custom="1.944"><span class="hljs-string">"/Error"</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.962">);
        </span><span initial="start" animate="end" variants="[object Object]" custom="1.98">app.UseHsts();
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.998">}

    </span><span initial="start" animate="end" variants="[object Object]" custom="2.016">app.UseHttpsRedirection();
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.034">app.UseStaticFiles();
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.052">app.UseRouting();
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.07">app.UseCors(</span><span initial="start" animate="end" variants="[object Object]" custom="2.088"><span class="hljs-string">"AllowAllOrigins"</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.106">);

    </span><span initial="start" animate="end" variants="[object Object]" custom="2.124">app.UseEndpoints(endpoints </span><span initial="start" animate="end" variants="[object Object]" custom="2.142">=&gt;
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.16">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="2.178">endpoints.MapRazorPages();
        </span><span initial="start" animate="end" variants="[object Object]" custom="2.196">endpoints.MapControllers();
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.214">});

    </span><span initial="start" animate="end" variants="[object Object]" custom="2.232">app.UseStaticFiles(</span><span initial="start" animate="end" variants="[object Object]" custom="2.25"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.268"> </span><span initial="start" animate="end" variants="[object Object]" custom="2.286">StaticFileOptions
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.304">{
        </span><span initial="start" animate="end" variants="[object Object]" custom="2.322">FileProvider </span><span initial="start" animate="end" variants="[object Object]" custom="2.34">= </span><span initial="start" animate="end" variants="[object Object]" custom="2.358"><span class="hljs-keyword">new</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.376"> </span><span initial="start" animate="end" variants="[object Object]" custom="2.394">PhysicalFileProvider(
            </span><span initial="start" animate="end" variants="[object Object]" custom="2.412">Path.Combine(Directory.GetCurrentDirectory(), </span><span initial="start" animate="end" variants="[object Object]" custom="2.43"><span class="hljs-string">"wwwroot"</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.448">)),
        </span><span initial="start" animate="end" variants="[object Object]" custom="2.466">RequestPath </span><span initial="start" animate="end" variants="[object Object]" custom="2.484">= </span><span initial="start" animate="end" variants="[object Object]" custom="2.502"><span class="hljs-string">"/static"</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.52">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.538">});
</span><span initial="start" animate="end" variants="[object Object]" custom="2.556">}
</span></code></pre></div></div></div><p><span class="">بهذا الشكل، يمكن للتطبيق الاستمرار في العمل حتى عند انقطاع الإنترنت باستخدام الموارد المحلية. إذا كنت بحاجة إلى مزيد من المساعدة أو تفاصيل إضافية، فلا تتردد في إخباري! 🌟</span></p><p><span class="">هل هناك أي شيء آخر يمكنني مساعدتك به؟
<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r78:" aria-expanded="false" aria-controls=":r77:" aria-label="اقتباس 2" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">2</button></span><span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r7a:" aria-expanded="false" aria-controls=":r79:" aria-label="اقتباس 3" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">3</button></span><span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r7c:" aria-expanded="false" aria-controls=":r7b:" aria-label="اقتباس 4" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">4</button></span><span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r7e:" aria-expanded="false" aria-controls=":r7d:" aria-label="اقتباس 5" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">5</button></span></span></p><div class="flex flex-wrap gap-2 pt-1" data-copy="false"><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="Need to be able to use this fully offline #398 - GitHub"><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">1</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">2</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">3</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">4</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">5</span><span class="me-0.5">github.com</span></button></div><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="nvn6cc17bFhDsVYJRphaj-user-message" aria-labelledby="nvn6cc17bFhDsVYJRphaj-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">هذا الملف INDEX ما هو التعديل المطلوب 
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;title&gt;Q_MAX_HR_PRO&lt;/title&gt;
    &lt;base href="/" /&gt;
    &lt;link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" /&gt;
    &lt;link rel="stylesheet" href="_content/Radzen.Blazor/css/material-base.css"&gt;
    &lt;link rel="stylesheet" href="css/app.css" /&gt;
    &lt;link rel="icon" type="image/png" href="favicon.png" /&gt;
    &lt;link href="Q_MAX_HR_PRO.styles.css" rel="stylesheet" /&gt;
    &lt;link href="manifest.webmanifest" rel="manifest" /&gt;
    &lt;link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" /&gt;
    &lt;link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" /&gt;
    &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"&gt;
    &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" /&gt;
    &lt;link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" /&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;div id="app"&gt;
        &lt;div class="loader"&gt;&lt;/div&gt;
        &lt;!--&lt;svg class="loading-progress"&gt;
            &lt;circle r="40%" cx="50%" cy="50%" /&gt;
            &lt;circle r="40%" cx="50%" cy="50%" /&gt;
        &lt;/svg&gt;--&gt;
        &lt;!--&lt;div class="loading-progress-text"&gt;&lt;/div&gt;--&gt;
    &lt;/div&gt;

    &lt;div id="blazor-error-ui"&gt;
        An unhandled error has occurred.
        &lt;a href="" class="reload"&gt;Reload&lt;/a&gt;
        &lt;a class="dismiss"&gt;🗙&lt;/a&gt;
    &lt;/div&gt;
    &lt;script src="_framework/blazor.webassembly.js"&gt;&lt;/script&gt;
    &lt;script src="_content/Radzen.Blazor/Radzen.Blazor.js"&gt;&lt;/script&gt;
    &lt;script&gt;navigator.serviceWorker.register('service-worker.js');&lt;/script&gt;
    &lt;script src="_content/Radzen.Blazor/Radzen.Blazor.js?v=@(typeof(Radzen.Colors).Assembly.GetName().Version)"&gt;&lt;/script&gt;
    &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;!-- Add chart.js reference if chart components are used in your application. --&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"&gt;&lt;/script&gt;
    &lt;!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"&gt;&lt;/script&gt;
    &lt;!-- Add sortable.js reference if SortableList component is used in your application. --&gt;
    &lt;script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"&gt;&lt;/script&gt;
    &lt;script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"&gt;&lt;/script&gt;
    &lt;script src="css/FUNC_PRI.js"&gt;&lt;/script&gt;

&lt;/body&gt;

&lt;/html&gt;</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="eCDpc31iaVDj3WtSjec1G-author eCDpc31iaVDj3WtSjec1G-content" tabindex="0" role="article"><h2 id="eCDpc31iaVDj3WtSjec1G-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="eCDpc31iaVDj3WtSjec1G-content"><p><span class="">لتجنب مشاكل انقطاع الإنترنت وتأكد أن مكتبة Blazor.Bootstrap تعمل بشكل صحيح عند عدم توفر الاتصال بالإنترنت، يمكنك استخدام نسخة محلية من ملفات CSS وJavaScript المطلوبة بدلاً من تحميلها من CDN. إليك كيفية تعديل ملف <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">index.html</code> الخاص بك ليتضمن النسخ المحلية من Bootstrap و Blazor.Bootstrap:</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">1. تحميل الملفات المطلوبة محليًا:</h3><p><span class="">قم بتنزيل الملفات التالية واحفظها في مجلد <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">wwwroot</code> الخاص بك:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">Bootstrap CSS و JavaScript.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">Blazor.Bootstrap CSS و JavaScript.</span></p></li></ul><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">2. تحديث <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">index.html</code>:</h3><p><span class="">قم بتعديل ملف <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">index.html</code> ليستخدم النسخ المحلية بدلاً من روابط CDN:</span></p><h4 class="text-base-strong">التعديل المقترح على <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">index.html</code>:</h4><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize">html</span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none"><span initial="start" animate="end" variants="[object Object]" custom="1.71"><span class="hljs-meta">&lt;!DOCTYPE <span class="hljs-keyword">html</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.728">
</span><span initial="start" animate="end" variants="[object Object]" custom="1.746"><span class="hljs-tag">&lt;<span class="hljs-name">html</span> <span class="hljs-attr">lang</span>=<span class="hljs-string">"en"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.764">

</span><span initial="start" animate="end" variants="[object Object]" custom="1.782"><span class="hljs-tag">&lt;<span class="hljs-name">head</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.8">
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.818"><span class="hljs-tag">&lt;<span class="hljs-name">meta</span> <span class="hljs-attr">charset</span>=<span class="hljs-string">"utf-8"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.836">
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.854"><span class="hljs-tag">&lt;<span class="hljs-name">meta</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"viewport"</span> <span class="hljs-attr">content</span>=<span class="hljs-string">"width=device-width, initial-scale=1.0"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.872">
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.89"><span class="hljs-tag">&lt;<span class="hljs-name">title</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.908">Q_MAX_HR_PRO</span><span initial="start" animate="end" variants="[object Object]" custom="1.926"><span class="hljs-tag">&lt;/<span class="hljs-name">title</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.944">
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.962"><span class="hljs-tag">&lt;<span class="hljs-name">base</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"/"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="1.98">
    </span><span initial="start" animate="end" variants="[object Object]" custom="1.998"><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"stylesheet"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"css/bootstrap/bootstrap.min.css"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.016">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.034"><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"stylesheet"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"_content/Radzen.Blazor/css/material-base.css"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.052">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.07"><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"stylesheet"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"css/app.css"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.088">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.106"><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"icon"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"image/png"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"favicon.png"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.124">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.142"><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"Q_MAX_HR_PRO.styles.css"</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"stylesheet"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.16">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.178"><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"manifest.webmanifest"</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"manifest"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.196">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.214"><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"apple-touch-icon"</span> <span class="hljs-attr">sizes</span>=<span class="hljs-string">"512x512"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"icon-512.png"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.232">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.25"><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"apple-touch-icon"</span> <span class="hljs-attr">sizes</span>=<span class="hljs-string">"192x192"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"icon-192.png"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.268">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.286"><span class="hljs-comment">&lt;!-- استخدام النسخ المحلية من Bootstrap و Blazor.Bootstrap --&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.304">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.322"><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"css/bootstrap/bootstrap.min.css"</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"stylesheet"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.34">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.358"><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"css/bootstrap-icons/bootstrap-icons.min.css"</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"stylesheet"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.376">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.394"><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"css/blazor.bootstrap/blazor.bootstrap.css"</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"stylesheet"</span> /&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.412">
</span><span initial="start" animate="end" variants="[object Object]" custom="2.43"><span class="hljs-tag">&lt;/<span class="hljs-name">head</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.448">

</span><span initial="start" animate="end" variants="[object Object]" custom="2.466"><span class="hljs-tag">&lt;<span class="hljs-name">body</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.484">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.502"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"app"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.52">
        </span><span initial="start" animate="end" variants="[object Object]" custom="2.538"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"loader"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.556"><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.574">
        </span><span initial="start" animate="end" variants="[object Object]" custom="2.592"><span class="hljs-comment">&lt;!--&lt;svg class="loading-progress"&gt;
            &lt;circle r="40%" cx="50%" cy="50%" /&gt;
            &lt;circle r="40%" cx="50%" cy="50%" /&gt;
        &lt;/svg&gt;--&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.61">
        </span><span initial="start" animate="end" variants="[object Object]" custom="2.628"><span class="hljs-comment">&lt;!--&lt;div class="loading-progress-text"&gt;&lt;/div&gt;--&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.646">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.664"><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.682">

    </span><span initial="start" animate="end" variants="[object Object]" custom="2.7"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"blazor-error-ui"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.718">
        </span><span initial="start" animate="end" variants="[object Object]" custom="2.736">An </span><span initial="start" animate="end" variants="[object Object]" custom="2.754">unhandled </span><span initial="start" animate="end" variants="[object Object]" custom="2.772">error </span><span initial="start" animate="end" variants="[object Object]" custom="2.79">has </span><span initial="start" animate="end" variants="[object Object]" custom="2.808">occurred.
        </span><span initial="start" animate="end" variants="[object Object]" custom="2.826"><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">""</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"reload"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.844">Reload</span><span initial="start" animate="end" variants="[object Object]" custom="2.862"><span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.88">
        </span><span initial="start" animate="end" variants="[object Object]" custom="2.898"><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"dismiss"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.916">🗙</span><span initial="start" animate="end" variants="[object Object]" custom="2.934"><span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.952">
    </span><span initial="start" animate="end" variants="[object Object]" custom="2.97"><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="2.988">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.006"><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"_framework/blazor.webassembly.js"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.024"><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.042">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.06"><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"_content/Radzen.Blazor/Radzen.Blazor.js"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.078"><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.096">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.114"><span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.132"><span class="language-javascript">navigator.<span class="hljs-property">serviceWorker</span>.<span class="hljs-title function_">register</span>(<span class="hljs-string">'service-worker.js'</span>);</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.15"><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.168">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.186"><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"_content/Radzen.Blazor/Radzen.Blazor.js?v=@(typeof(Radzen.Colors).Assembly.GetName().Version)"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.204"><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.222">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.24"><span class="hljs-comment">&lt;!-- استخدام النسخ المحلية من JavaScript --&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.258">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.276"><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"js/bootstrap.bundle.min.js"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.294"><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.312">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.33"><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"js/chart.umd.js"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.348"><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.366">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.384"><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"js/chartjs-plugin-datalabels.min.js"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.402"><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.42">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.438"><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"js/sortable.min.js"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.456"><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.474">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.492"><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"js/blazor.bootstrap.js"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.51"><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.528">
    </span><span initial="start" animate="end" variants="[object Object]" custom="3.546"><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"css/FUNC_PRI.js"</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.564"><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.582">
</span><span initial="start" animate="end" variants="[object Object]" custom="3.6"><span class="hljs-tag">&lt;/<span class="hljs-name">body</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.618">

</span><span initial="start" animate="end" variants="[object Object]" custom="3.636"><span class="hljs-tag">&lt;/<span class="hljs-name">html</span>&gt;</span></span><span initial="start" animate="end" variants="[object Object]" custom="3.654">
</span></code></pre></div></div></div><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">الشرح:</h3><ol start="1" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تحميل الملفات محليًا</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">قم بتنزيل الملفات المطلوبة واحفظها في المجلدات المناسبة ضمن <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">wwwroot</code>، مثل <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">css</code> و <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">js</code>.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">تأكد من تحديث المسارات في ملف <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">index.html</code> لتشير إلى الملفات المحلية.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تعديل الروابط</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">قم بإزالة الروابط إلى CDN واستبدلها بالمسارات المحلية للملفات التي قمت بتحميلها.</span></p></li></ul></li></ol><p><span class="">بهذا التعديل، سيتأكد التطبيق من استخدام النسخ المحلية للموارد المطلوبة حتى إذا انقطع الاتصال بالإنترنت. إذا كنت بحاجة إلى مساعدة إضافية أو تفاصيل أخرى، فلا تتردد في إخباري! 🌟<span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r7i:" aria-expanded="false" aria-controls=":r7h:" aria-label="اقتباس 1" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">1</button></span><span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r7k:" aria-expanded="false" aria-controls=":r7j:" aria-label="اقتباس 2" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">2</button></span><span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r7m:" aria-expanded="false" aria-controls=":r7l:" aria-label="اقتباس 3" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">3</button></span><span class="mx-0.5 inline-block h-5 w-4 pb-1 align-middle" data-copy="false" style="opacity: 1; will-change: opacity;"><button id=":r7o:" aria-expanded="false" aria-controls=":r7n:" aria-label="اقتباس 4" type="button" class="mx-px flex size-full items-center justify-center rounded-md bg-spot-peach-300/60 pt-px text-foreground-800 text-3xs hover:bg-spot-peach-300 focus:bg-spot-peach-300 dark:bg-slate-700 hover:dark:bg-midnight-600">4</button></span></span></p><div class="flex flex-wrap gap-2 pt-1" data-copy="false"><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">1</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">2</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">3</span><span class="me-0.5">github.com</span></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 shadow-button-light dark:shadow-button-dark bg-white/70 hover:bg-white active:bg-white/60 dark:bg-slate-450/30 dark:hover:bg-slate-450/40 dark:active:bg-slate-450/20 text-xs min-h-8 min-w-8 px-2.5 py-1 gap-x-1.5 rounded-full before:rounded-full before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title=""><span class="inline-block h-4 min-w-4 rounded-md bg-spot-peach-300/60 px-1 pt-px text-center leading-4 text-foreground-800 text-3xs dark:bg-slate-750">4</span><span class="me-0.5">github.com</span></button></div><div class="flex gap-2 transition-opacity duration-300 ease-in-out opacity-0" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i></div><div class="min-h-[calc(100dvh-60px-var(--composer-container-height))] sm:min-h-[calc(100dvh-120px-var(--composer-container-height))]"><div class="pb-6 inline-block w-full space-y-8" style="opacity: 1; will-change: opacity, transform; transform: none;"><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3" id="Htxajn9TZLE2zPjFVRV5z-user-message" aria-labelledby="Htxajn9TZLE2zPjFVRV5z-user-message" tabindex="0" role="article"><h2 class="sr-only" aria-label="لقد قلت" data-copy="false">لقد قلت</h2><div class="flex w-full flex-col items-end" data-content="user-message"><div class="h-fit max-w-[80%] self-end whitespace-pre-wrap break-words rounded-2xl bg-spot-peach-300/50 px-5 py-3 dark:bg-midnight-750 text-base">من اين يتم تحميل الملفات محليا</div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i><div data-tabster="{&quot;groupper&quot;:{&quot;tabbability&quot;:2},&quot;focusable&quot;:{}}" class="space-y-3 " data-content="ai-message" aria-labelledby="rcqUjKiRJZKKnpwACmzzo-author rcqUjKiRJZKKnpwACmzzo-content" tabindex="0" role="article"><h2 id="rcqUjKiRJZKKnpwACmzzo-author" class="sr-only" aria-label="قال Copilot" data-copy="false">قال Copilot</h2><div class="space-y-3 break-words" id="rcqUjKiRJZKKnpwACmzzo-content"><p><span class="">لتنزيل الملفات اللازمة محليًا، يمكنك اتباع الخطوات التالية:</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">1. تحميل ملفات Bootstrap:</h3><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>CSS</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><button type="button" class="font-bold text-salmon-550 dark:text-midnight-400 hover:underline" initial="start" animate="end" variants="[object Object]" custom="0">Bootstrap CSS</button></span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><button type="button" class="font-bold text-salmon-550 dark:text-midnight-400 hover:underline" initial="start" animate="end" variants="[object Object]" custom="0">Bootstrap Icons</button></span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>JavaScript</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><button type="button" class="font-bold text-salmon-550 dark:text-midnight-400 hover:underline" initial="start" animate="end" variants="[object Object]" custom="0">Bootstrap Bundle JavaScript</button></span></p></li></ul></li></ul><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">2. تحميل ملفات Blazor.Bootstrap:</h3><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>CSS</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><button type="button" class="font-bold text-salmon-550 dark:text-midnight-400 hover:underline" initial="start" animate="end" variants="[object Object]" custom="0">Blazor.Bootstrap CSS</button></span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>JavaScript</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><button type="button" class="font-bold text-salmon-550 dark:text-midnight-400 hover:underline" initial="start" animate="end" variants="[object Object]" custom="0">Blazor.Bootstrap JS</button></span></p></li></ul></li></ul><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">3. خطوات تحميل الملفات:</h3><ol start="1" class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-5 marker:normal-nums marker:text-sm-strong"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تنزيل الملفات</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">افتح الروابط أعلاه في متصفحك.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">انقر بزر الفأرة الأيمن واختر "حفظ باسم" (Save As) لحفظ الملفات في المجلدات المناسبة داخل مجلد <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">wwwroot</code> لتطبيق Blazor الخاص بك.</span></p></li></ul></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class=""><strong>تنظيم الملفات داخل مجلد wwwroot</strong>:</span></p><ul class="relative list-outside marker:text-foreground-750 dark:marker:text-foreground-600 flex flex-col ms-4 px-1"><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">أنشئ مجلدات جديدة داخل <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">wwwroot</code> مثل <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">css</code> و <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">js</code> إذا لم تكن موجودة بالفعل.</span></p></li><li class="ps-2" style="opacity: 1; will-change: opacity;"><p><span class="">احفظ الملفات التي قمت بتنزيلها في المجلدات المناسبة.</span></p></li></ul></li></ol><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">4. تحديث ملف index.html:</h3><p><span class="">بعد تنزيل الملفات وتخزينها محليًا، قم بتحديث ملف <code class="font-ligatures-none mx-0.5 rounded-[4px] border border-stroke-300 bg-spot-peach-200/50 px-1 py-px font-mono text-foreground-800 text-sm dark:bg-midnight-900" style="opacity: 1; will-change: opacity;">index.html</code> ليستخدم النسخ المحلية من الملفات بدلاً من الروابط إلى CDN، كما أوضحت في ردي السابق.</span></p><h3 class="text-md-strong pb-1 [&amp;:not(:first-child)]:pt-3.5">مثال على تنظيم الملفات داخل wwwroot:</h3><div class="rounded-xl dark:border dark:border-stroke-250" style="opacity: 1; will-change: opacity;"><div class="flex w-full items-center justify-between rounded-t-xl border-b border-white/20 bg-background-static-850 py-2 pe-2.5 ps-4 text-foreground-static-250 text-sm dark:border-stroke-250 dark:bg-background-static-900"><span class="capitalize"></span><button class="relative min-h-9 min-w-9 gap-1.5 rounded-xl bg-transparent p-2 text-foreground-static-250 text-sm before:absolute before:inset-0 before:rounded-xl before:border before:border-transparent hover:bg-white/8 active:bg-white/5 active:fill-foreground-650 active:text-foreground-static-350 before:contrast-more:border-2" type="button" title="نسخ الرمز" data-copy="false"><div class="flex items-center justify-center gap-2" aria-hidden="true"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg> نسخ</div></button></div><div class="rounded-b-xl bg-background-static-850 px-4 pb-1.5 dark:bg-background-static-900"><div class="code-block-scrollbar overflow-x-auto whitespace-pre pb-3 pt-4 font-mono text-sm"><pre><code class="text-sm font-ligatures-none">wwwroot/
├── css/
│   ├── bootstrap/
│   │   └── bootstrap.min.css
│   ├── bootstrap-icons/
│   │   └── bootstrap-icons.min.css
│   └── blazor.bootstrap/
│       └── blazor.bootstrap.css
├── js/
│   ├── bootstrap.bundle.min.js
│   ├── chart.umd.js
│   ├── chartjs-plugin-datalabels.min.js
│   ├── sortable.min.js
│   └── blazor.bootstrap.js
</code></pre></div></div></div><p><span class="">باتباع هذه الخطوات، يمكنك تنزيل الموارد محليًا وضمان عمل التطبيق حتى في حالة انقطاع الإنترنت. إذا كنت بحاجة إلى مزيد من المساعدة أو تفاصيل إضافية، فأنا هنا لمساعدتك! 🌟</span></p><div class="flex gap-2 transition-opacity duration-300 ease-in-out" data-copy="false"><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة جيدة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 2.29418C10.3913 1.31688 11.6841 0.866611 12.4829 1.70374C12.6455 1.87416 12.8081 2.05832 12.9176 2.22254C13.2379 2.70305 13.3725 3.33584 13.4218 3.9522C13.4721 4.58034 13.438 5.25446 13.3738 5.86473C13.3093 6.47735 13.2129 7.03948 13.1328 7.44766C13.1294 7.46535 13.1259 7.48277 13.1225 7.49989H14.006C15.8777 7.49989 17.2924 9.19503 16.9576 11.0365L16.2737 14.7983C15.8017 17.3942 13.2078 19.0289 10.6622 18.3347L5.06251 16.8075C4.14894 16.5583 3.45455 15.8144 3.26885 14.8859L2.91581 13.1207C2.63809 11.7321 3.69991 10.5623 4.82905 10.116C5.15163 9.9885 5.44337 9.82668 5.66974 9.62586C7.37583 8.11234 7.99442 6.90276 9.05406 4.77684C9.4084 4.06594 9.77205 3.10043 10.052 2.29418ZM12.0165 7.87851L12.0169 7.87696L12.0187 7.86962L12.0262 7.83852C12.0328 7.81068 12.0426 7.76892 12.0549 7.71482C12.0793 7.60658 12.1135 7.44919 12.1515 7.25525C12.2277 6.86655 12.3188 6.33493 12.3793 5.76005C12.4401 5.18282 12.4685 4.57569 12.425 4.03195C12.3806 3.47644 12.2652 3.04673 12.0855 2.77724C12.0264 2.68859 11.9138 2.55593 11.7594 2.3941C11.5605 2.18565 11.1314 2.23417 10.9967 2.62217C10.7141 3.43598 10.3334 4.45183 9.94904 5.22294C8.88216 7.36338 8.19326 8.72396 6.33336 10.3739C5.99304 10.6758 5.58878 10.891 5.19665 11.046C4.31631 11.394 3.75035 12.1944 3.89639 12.9246L4.24943 14.6898C4.36085 15.2469 4.77748 15.6932 5.32562 15.8427L10.9254 17.3699C12.9052 17.9099 14.9227 16.6384 15.2898 14.6194L15.9738 10.8577C16.197 9.62998 15.2538 8.49989 14.006 8.49989H12.5015C12.3476 8.49989 12.2022 8.42895 12.1074 8.3076C12.0127 8.18627 11.9792 8.02785 12.0165 7.87851C12.0165 7.87847 12.0165 7.87855 12.0165 7.87851Z" fill="currentColor"></path></svg></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="استجابة خاطئة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M10.052 17.7057C10.3913 18.683 11.6841 19.1333 12.4829 18.2962C12.6455 18.1257 12.8081 17.9416 12.9176 17.7774C13.2379 17.2968 13.3725 16.6641 13.4218 16.0477C13.4721 15.4195 13.438 14.7454 13.3738 14.1352C13.3093 13.5225 13.2129 12.9604 13.1328 12.5522C13.1294 12.5345 13.1259 12.5171 13.1225 12.5H14.006C15.8777 12.5 17.2924 10.8049 16.9576 8.96334L16.2737 5.20164C15.8017 2.60569 13.2078 0.970952 10.6622 1.66519L5.06251 3.19239C4.14894 3.44154 3.45455 4.18547 3.26885 5.11401L2.91581 6.87918C2.63809 8.2678 3.69991 9.43756 4.82905 9.88388C5.15163 10.0114 5.44337 10.1732 5.66974 10.374C7.37583 11.8875 7.99442 13.0971 9.05406 15.2231C9.4084 15.9339 9.77205 16.8995 10.052 17.7057ZM12.0165 12.1214L12.0169 12.1229L12.0187 12.1303L12.0262 12.1614C12.0328 12.1892 12.0426 12.231 12.0549 12.2851C12.0793 12.3933 12.1135 12.5507 12.1515 12.7446C12.2277 13.1333 12.3188 13.665 12.3793 14.2398C12.4401 14.8171 12.4685 15.4242 12.425 15.9679C12.3806 16.5235 12.2652 16.9532 12.0855 17.2227C12.0264 17.3113 11.9138 17.444 11.7594 17.6058C11.5605 17.8142 11.1314 17.7657 10.9967 17.3777C10.7141 16.5639 10.3334 15.5481 9.94904 14.777C8.88216 12.6365 8.19326 11.2759 6.33336 9.62597C5.99304 9.32406 5.58878 9.1089 5.19665 8.9539C4.31631 8.60592 3.75035 7.80549 3.89639 7.0753L4.24943 5.31013C4.36085 4.753 4.77748 4.30665 5.32562 4.15715L10.9254 2.62995C12.9052 2.08999 14.9227 3.36145 15.2898 5.38053L15.9738 9.14223C16.197 10.3699 15.2538 11.5 14.006 11.5H12.5015C12.3476 11.5 12.2022 11.5709 12.1074 11.6923C12.0127 11.8136 11.9792 11.972 12.0165 12.1214C12.0165 12.1214 12.0165 12.1213 12.0165 12.1214Z" fill="currentColor"></path></svg></button><button type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="نسخ الرسالة"><div style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><mask id="mask0_25413_62234" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="20" style="mask-type: alpha;"><path d="M8.5 2C7.39543 2 6.5 2.89543 6.5 4V14C6.5 15.1046 7.39543 16 8.5 16H14.5C15.6046 16 16.5 15.1046 16.5 14V4C16.5 2.89543 15.6046 2 14.5 2H8.5ZM7.5 4C7.5 3.44772 7.94772 3 8.5 3H14.5C15.0523 3 15.5 3.44772 15.5 4V14C15.5 14.5523 15.0523 15 14.5 15H8.5C7.94772 15 7.5 14.5523 7.5 14V4ZM4.5 6.00001C4.5 5.25973 4.9022 4.61339 5.5 4.26758V14.5C5.5 15.8807 6.61929 17 8 17H14.2324C13.8866 17.5978 13.2403 18 12.5 18H8C6.067 18 4.5 16.433 4.5 14.5V6.00001Z" fill="currentColor"></path></mask><g mask="url(#mask0_25413_62234)"><rect width="24" height="24" transform="translate(-1.5 -2)" fill="currentColor"></rect></g></svg></div></button><button aria-pressed="false" type="button" class="relative flex items-center justify-center text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-white/8 dark:active:bg-white/5 text-xs size-9 rounded-xl before:rounded-xl before:absolute before:inset-0 before:pointer-events-none before:border before:border-transparent before:contrast-more:border-2 outline-2 outline-offset-1 focus-visible:z-[1] focus-visible:outline focus-visible:outline-stroke-900" title="إبلاغ عن رسالة"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M5 13H16.5C16.8993 13 17.1375 12.5549 16.916 12.2226L14.1009 8L16.916 3.77735C17.1375 3.44507 16.8993 3 16.5 3H4.5C4.22386 3 4 3.22386 4 3.5V17.5C4 17.7761 4.22386 18 4.5 18C4.77614 18 5 17.7761 5 17.5V13ZM5 12V4H15.5657L13.084 7.72265C12.972 7.8906 12.972 8.1094 13.084 8.27735L15.5657 12H5Z" fill="currentColor"></path></svg></button></div></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i></div></div><i tabindex="0" role="none" data-tabster-dummy="" aria-hidden="true" style="position: fixed; height: 1px; width: 1px; opacity: 0.001; z-index: -1; content-visibility: hidden; top: 0px; left: 0px;"></i></div></div></div><div data-testid="composer" class="pointer-events-none absolute bottom-0 flex w-full z-10"><dialog><input type="file" accept="image/png,image/jpg,image/svg+xml" class="hidden"></dialog><div class="t-bottom-fade absolute bottom-0 mx-4 box-content w-bottom-fade pt-bottom-fade h-bottom-fade" style="opacity: 1; will-change: opacity;"><div class="fixed inset-0"><div class="absolute size-full bg-gradient-chat-light dark:bg-midnight-850 dark:bg-none"></div></div></div><div class="relative mb-4 flex w-full flex-col items-center px-3 sm:mb-8" style="will-change: auto; opacity: 1; transform: none;"><div class="relative max-h-full min-h-composer min-w-16 max-w-chat rounded-5xl" style="transform: none; transform-origin: 50% 50% 0px;"><div class="absolute inset-0" style="border-radius: 28px; box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 24px 0px; transform: none; transform-origin: 50% 50% 0px;"></div><div class="relative overflow-hidden backdrop-blur-2xl backdrop-saturate-200 before:bg-slate-200 before:opacity-40 dark:before:bg-midnight-800 dark:before:opacity-60 before:absolute before:inset-0 before:bg-blend-luminosity after:bg-spot-peach-100 after:opacity-60 dark:after:bg-slate-800 dark:after:opacity-50 after:absolute after:inset-0" style="border-radius: 28px; box-shadow: rgba(0, 0, 0, 0.06) 0px 42px 30px 0px; transform: none; transform-origin: 50% 50% 0px;"><div class="pointer-events-auto relative flex flex-col contrast-more:border-2 z-10" style="border-radius: 28px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset; transform: none; transform-origin: 50% 50% 0px;"><div class="relative flex max-h-full max-w-chat justify-center w-expanded-composer p-2 items-end" style="transform: none; transform-origin: 50% 50% 0px;"><div class="relative my-1 shrink-0 size-10" style="transform: none; transform-origin: 50% 50% 0px;"><button type="button" class="absolute flex size-10 items-center justify-center rounded-xl fill-foreground-750 p-2 text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-black/30 dark:active:bg-black/20 end-0" aria-hidden="false" aria-label="الانتقال إلى الصفحة الرئيسية" title="الانتقال إلى الصفحة الرئيسية" data-testid="home-button" style="transform: none; transform-origin: 50% 50% 0px;"><div class="w-fit" style="opacity: 1; will-change: opacity;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" fill="none" class="size-6" aria-hidden="true"><path fill="url(#a)" d="M85.855 18.313A11.574 11.574 0 0 0 74.75 10h-3.379a11.574 11.574 0 0 0-11.384 9.485L54.2 51.018l1.436-4.913a11.574 11.574 0 0 1 11.11-8.327H86.38l8.235 3.207 7.937-3.207h-2.316a11.574 11.574 0 0 1-11.105-8.313z"></path><path fill="url(#b)" d="M36.326 101.64A11.574 11.574 0 0 0 47.445 110h7.176c6.276 0 11.409-5.002 11.57-11.277l.781-30.405-1.634 5.583a11.574 11.574 0 0 1-11.108 8.321H34.432l-7.058-3.829-7.641 3.83h2.278c5.154 0 9.687 3.408 11.119 8.36z"></path><path fill="url(#c)" d="M74.248 10H34.15c-11.457 0-18.33 15.142-22.913 30.283-5.43 17.939-12.534 41.93 8.02 41.93H36.57c5.174 0 9.716-3.421 11.138-8.396 3.01-10.531 8.286-28.903 12.43-42.889 2.105-7.107 3.86-13.211 6.551-17.012C68.2 11.785 70.715 10 74.248 10"></path><path fill="url(#d)" d="M74.248 10H34.15c-11.457 0-18.33 15.142-22.913 30.283-5.43 17.939-12.534 41.93 8.02 41.93H36.57c5.174 0 9.716-3.421 11.138-8.396 3.01-10.531 8.286-28.903 12.43-42.889 2.105-7.107 3.86-13.211 6.551-17.012C68.2 11.785 70.715 10 74.248 10"></path><path fill="url(#e)" d="M46.744 110h40.099c11.456 0 18.33-15.144 22.913-30.288 5.429-17.942 12.533-41.937-8.02-41.937H84.422a11.576 11.576 0 0 0-11.138 8.396c-3.01 10.533-8.286 28.909-12.43 42.897-2.106 7.109-3.86 13.214-6.552 17.016-1.51 2.131-4.025 3.916-7.558 3.916"></path><path fill="url(#f)" d="M46.744 110h40.099c11.456 0 18.33-15.144 22.913-30.288 5.429-17.942 12.533-41.937-8.02-41.937H84.422a11.576 11.576 0 0 0-11.138 8.396c-3.01 10.533-8.286 28.909-12.43 42.897-2.106 7.109-3.86 13.214-6.552 17.016-1.51 2.131-4.025 3.916-7.558 3.916"></path><defs><radialgradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(-27.40125 -33.47302 31.47539 -25.76598 95.512 51.286)" gradientUnits="userSpaceOnUse"><stop offset="0.096" stop-color="#00AEFF"></stop><stop offset="0.773" stop-color="#2253CE"></stop><stop offset="1" stop-color="#0736C4"></stop></radialgradient><radialgradient id="b" cx="0" cy="0" r="1" gradientTransform="rotate(51.84 -70.254 70.14)scale(39.9779 38.7796)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB657"></stop><stop offset="0.634" stop-color="#FF5F3D"></stop><stop offset="0.923" stop-color="#C02B3C"></stop></radialgradient><radialgradient id="e" cx="0" cy="0" r="1" gradientTransform="matrix(-31.67773 90.58917 -108.5232 -37.949 103.796 30.703)" gradientUnits="userSpaceOnUse"><stop offset="0.066" stop-color="#8C48FF"></stop><stop offset="0.5" stop-color="#F2598A"></stop><stop offset="0.896" stop-color="#FFB152"></stop></radialgradient><lineargradient id="c" x1="31.75" x2="37.471" y1="18.75" y2="84.938" gradientUnits="userSpaceOnUse"><stop offset="0.156" stop-color="#0D91E1"></stop><stop offset="0.487" stop-color="#52B471"></stop><stop offset="0.652" stop-color="#98BD42"></stop><stop offset="0.937" stop-color="#FFC800"></stop></lineargradient><lineargradient id="d" x1="36.75" x2="39.874" y1="10" y2="82.213" gradientUnits="userSpaceOnUse"><stop stop-color="#3DCBFF"></stop><stop offset="0.247" stop-color="#0588F7" stop-opacity="0"></stop></lineargradient><lineargradient id="f" x1="106.964" x2="106.923" y1="33.365" y2="53.037" gradientUnits="userSpaceOnUse"><stop offset="0.058" stop-color="#F8ADFA"></stop><stop offset="0.708" stop-color="#A86EDD" stop-opacity="0"></stop></lineargradient></defs></svg></div></button></div><div class="relative my-1 shrink-0 size-10" style="transform: none; transform-origin: 50% 50% 0px;"><button type="button" class="absolute flex size-10 items-center justify-center rounded-xl fill-foreground-750 p-2 text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-black/30 dark:active:bg-black/20" aria-hidden="false" aria-label="فتح" title="فتح" style="transform: none; transform-origin: 50% 50% 0px;"><div class="w-fit" style="opacity: 1; will-change: opacity;"><svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="size-6" aria-hidden="true"><path d="M11.7498 3C12.1295 3 12.4434 3.28201 12.4931 3.64808L12.5 3.74985L12.5012 11H19.7543C20.1685 11 20.5043 11.3358 20.5043 11.75C20.5043 12.1297 20.2221 12.4435 19.8561 12.4932L19.7543 12.5H12.5012L12.5032 19.7491C12.5033 20.1633 12.1676 20.4993 11.7534 20.4993C11.3737 20.4993 11.0598 20.2173 11.0101 19.8512L11.0032 19.7494L11.0012 12.5H3.7522C3.33798 12.5 3.0022 12.1642 3.0022 11.75C3.0022 11.3703 3.28435 11.0565 3.65043 11.0068L3.7522 11H11.0012L11 3.75015C10.9999 3.33594 11.3356 3 11.7498 3Z"></path></svg></div></button></div><div class="relative flex grow flex-col overflow-hidden bg-white/90 shadow-composer-input before:absolute before:inset-0 before:rounded-3xl before:border-2 before:border-stroke-350 dark:bg-midnight-900/80 dark:shadow-none w-auto contrast-more:border-2 mx-2 before:opacity-0" aria-hidden="false" style="border-radius: 20px; transform: none; transform-origin: 50% 50% 0px;"><div class="w-full h-0" style="transform: none; transform-origin: 50% 50% 0px;"></div><div class="flex grow items-end w-auto grow" style="transform: none; transform-origin: 50% 50% 0px;"><div class="relative grow overflow-hidden" style="transform: none; transform-origin: 50% 50% 0px;"><div class="relative flex size-full cursor-text overflow-hidden text-black dark:text-white" style="transform: none; transform-origin: 50% 50% 0px;"><div class="flex grow flex-col gap-4 py-user-input" style="transform: none; transform-origin: 50% 50% 0px;"><div class="max-h-dvh-0.5 overflow-y-auto px-4 scrollbar-container"><div><label class="invisible block h-0 whitespace-nowrap" for="userInput">رسالة Copilot</label><textarea class="block min-h-user-input w-full resize-none overflow-y-hidden whitespace-pre-wrap bg-transparent text-black outline-none placeholder:text-stone-550/90 dark:text-white dark:placeholder:text-slate-400 text-base" placeholder="رسالة Copilot" id="userInput" role="textbox" spellcheck="false" enterkeyhint="enter" style="height: 26px !important;"></textarea></div></div></div></div></div><div class="relative bottom-0 my-1.5 flex h-9 items-center w-0"></div></div></div><div class="relative my-1 shrink-0 h-10 overflow-hidden" style="transform: none; transform-origin: 50% 50% 0px;"><button type="button" class="absolute flex size-10 items-center justify-center rounded-xl fill-foreground-750 p-2 text-foreground-800 fill-foreground-800 active:text-foreground-600 active:fill-foreground-600 dark:active:text-foreground-650 dark:active:fill-foreground-650 bg-transparent hover:bg-black/5 active:bg-black/3 dark:hover:bg-black/30 dark:active:bg-black/20 start-0" disabled="" aria-hidden="true" aria-label="" title="" style="transform: none; transform-origin: 50% 50% 0px;"><div class="w-fit" style="opacity: 1; will-change: opacity;"><div></div></div></button></div></div></div></div></div></div></div><div id="inAppFeedbackOcv"></div></main></div><script type="text/javascript" nonce="">//<![CDATA[
_G.FCT=new Date;
//]]></script><script type="text/javascript" nonce="">//<![CDATA[
_G.BCT=new Date;
//]]></script><script type="text/javascript" nonce="">//<![CDATA[
0;(function(n,t){onload=function(){_G.BPT=new Date;n&&n();!_w.sb_ppCPL&&t&&sb_st(function(){t(new Date)},0)}})(_w.onload,_w.si_PP);sj_be(_d.body, 'load', function(){if(_w.lb)lb();}, false);;
//]]></script><script type="module" crossorigin="anonymous" nonce="" src="./blazor.bootstrap_files/bundle.js.download"></script><script type="text/javascript" nonce="">//<![CDATA[
_w.rms.js({'A:rms:answers:Shared:BingCore.Bundle':'\/rp\/Hn5jlJXmmG-j_-qM12eoTYPXFrI.gz.js'});;
//]]></script><script type="text/javascript" nonce="">//<![CDATA[
_G.HT=new Date;
//]]></script><textarea tabindex="-1" aria-hidden="true" style="min-height: 0px !important; max-height: none !important; height: 0px !important; visibility: hidden !important; overflow: hidden !important; position: absolute !important; z-index: -1000 !important; top: 0px !important; right: 0px !important; display: block !important; border-width: 0px; box-sizing: border-box; font-family: Ginto, ui-sans-serif, system-ui, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 26px; padding: 0px; tab-size: 4; text-indent: 0px; text-rendering: auto; text-transform: none; width: 600px; word-break: normal;"></textarea><script type="text/javascript" async="" src="./blazor.bootstrap_files/n59ae4ieqq"></script></body></html>