1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95643],{95643:(e,t,s)=>{s.r(t),s.d(t,{default:()=>u});var r=s(95155),n=s(73321),o=s(76970),a=s(20232),l=s(34152),i=s(36201),d=s(6962),c=s(98500),h=s.n(c);function u(){let e,t,s=(0,o.y)(),c=(0,n.usePathname)(),{recordingState:u,elapsed:x}=s,m="recording"===u||"paused"===u||"countdown"===u,p="preview"===u,w=/\/tools\/screen-recorder(\/|$)/.test(c||"");return(m||p)&&!w?(0,r.jsxs)("div",{className:"fixed bottom-4 left-1/2 -translate-x-1/2 z-50 flex items-center gap-3 rounded-full bg-gray-900/90 px-4 py-2.5 shadow-2xl backdrop-blur-sm ring-1 ring-white/10",children:[m&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("span",{className:"relative flex h-2.5 w-2.5",children:[(0,r.jsx)("span",{className:`absolute inline-flex h-full w-full rounded-full opacity-75 ${"recording"===u?"animate-ping bg-red-400":"bg-amber-400"}`}),(0,r.jsx)("span",{className:`relative inline-flex h-2.5 w-2.5 rounded-full ${"recording"===u?"bg-red-500":"bg-amber-500"}`})]}),(0,r.jsx)("span",{className:"text-sm font-mono font-medium text-white tabular-nums",children:"countdown"===u?"Starting...":(e=Math.floor(x/60).toString().padStart(2,"0"),t=(x%60).toString().padStart(2,"0"),`${e}:${t}`)}),"countdown"!==u&&(0,r.jsx)("button",{onClick:"paused"===u?s.resumeRecording:s.pauseRecording,className:"rounded-full p-1.5 text-white/80 hover:bg-white/10 hover:text-white transition-colors",title:"paused"===u?"Resume":"Pause",children:"paused"===u?(0,r.jsx)(a.A,{className:"h-4 w-4"}):(0,r.jsx)(l.A,{className:"h-4 w-4"})}),"countdown"!==u&&(0,r.jsx)("button",{onClick:s.stopRecording,className:"rounded-full p-1.5 text-red-400 hover:bg-red-500/20 hover:text-red-300 transition-colors",title:"Stop",children:(0,r.jsx)(i.A,{className:"h-4 w-4"})}),(0,r.jsx)("div",{className:"w-px h-4 bg-white/20"}),(0,r.jsx)(h(),{href:"/en/tools/screen-recorder",className:"text-xs text-white/60 hover:text-white transition-colors whitespace-nowrap",children:"Open Recorder"})]}),p&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("button",{onClick:s.downloadRecording,className:"inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium text-white bg-red-500 hover:bg-red-600 transition-colors",children:[(0,r.jsx)(d.A,{className:"h-3.5 w-3.5"}),"Download"]}),(0,r.jsx)(h(),{href:"/en/tools/screen-recorder",className:"text-xs text-white/60 hover:text-white transition-colors whitespace-nowrap",children:"Return to Recorder"})]})]}):null}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.