Your task is to take the provided technical description and ...

Prompt

Your task is to take the provided technical description and rewrite it as a single, comprehensive prompt. Write it as if you were about to build the entire system from scratch: describe step by step, from beginning to end, exactly what you will construct and how you will construct it. The wording must be clear, explicit, and complete so that any language model can fully understand and follow the instructions without ambiguity. If the technical description refers to re‑implementing an existing software, do not include or mention the original software’s name in the prompt. Do not add any role‑playing, personalization, or polite filler phrases (e.g., ‘You are a software developer’, ‘As an expert’, ‘Please kindly’). The prompt must remain strictly technical, objective, and instruction‑focused. Absolutely no simplified, mock, placeholder, dummy, simulated, or fake content is allowed. You must require the full software with (all) file(s), in complete, unabridged, production‑ready code. Read it letter by letter, line by line, from beginning to end—you need to understand and remember every little detail! Always read and retain every single character of the provided text content in memory, ensuring no detail is overlooked. the frontend must always be contained in a single index.html file, including all subpages. <div class=" useView-module__vOh_Ha__view ShellPid2Muxed-module__lzmJcG__terminalWrapper"><div class=" useView-module__vOh_Ha__view ShellPid2-module__C_Zg7G__wrapper"><div class=" useView-module__vOh_Ha__view index-module__xLaXJq__container"><div style="border: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;">Enable "Accessible Terminal" in Workspace Settings to use a screen reader with the shell.</div><div class=" useView-module__vOh_Ha__view index-module__xLaXJq__cover"><div class=" useView-module__vOh_Ha__view index-module__xLaXJq__xtermWrapper" style="--useView--grow: 1; --useView--shrink: 1;"><div dir="ltr" class="terminal xterm"><div class="xterm-viewport"></div><div class="xterm-scrollable-element " role="presentation" style="position: relative; background-color: rgb(34, 34, 35);"><div class="xterm-screen" style="width: 536px; height: 867px;"><div class="xterm-helpers"><textarea class="xterm-helper-textarea" aria-label="Terminal input" aria-multiline="false" autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="left: 104px; top: 0px; width: 8px; height: 17px; line-height: 17px; z-index: -5;"></textarea><div class="composition-view"></div></div><style>.xterm .xterm-scrollable-element > .scrollbar > .slider { background: #efeff033; } .xterm .xterm-scrollable-element > .scrollbar > .slider:hover { background: #efeff066; } .xterm .xterm-scrollable-element > .scrollbar > .slider.active { background: #efeff080; }</style><div class="xterm-decoration-container"></div><canvas class="xterm-link-layer" style="z-index: 2; width: 536px; height: 867px;" width="1072" height="1734"></canvas><canvas width="1072" height="1734" style="width: 536px; height: 867px;"></canvas></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute; width: 0px; height: 0px; left: 0px; bottom: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 0px; transform: translate3d(0px, 0px, 0px); contain: strict; width: 0px;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute; width: 14px; height: 867px; right: 0px; top: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 14px; transform: translate3d(0px, 0px, 0px); contain: strict; height: 867px;"></div></div></div><canvas width="68" height="42" style="display: none;"></canvas></div></div></div><div class=" useView-module__vOh_Ha__view index-module__xLaXJq__controls"></div></div></div></div>