Frontend uudelleenrakennettu: Astro-komponentit, Wasm pääsäikeessä, ei Workeria

Vanha frontend siirretty temp/. Uusi rakenne:
- StatusBar.astro, Terminal.astro, Editor.astro, Guide.astro
- global.css erillinen
- Wasm pääsäikeessä (ei Worker — yksinkertainen, debugattava)
- Tab-completion, dropdown, projektikortti, Monaco, GUIDE.md
- Ei tokenisointia eikä koodilaboratoriota

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

network-poc/frontend/node_modules/astro/dist/vite-plugin-markdown/images.js

@@ -0,0 +1,73 @@
+function getMarkdownCodeForImages(localImagePaths, remoteImagePaths, html) {
+  return `
+			import { getImage } from "astro:assets";
+			${localImagePaths.map((entry) => `import Astro__${entry.safeName} from ${JSON.stringify(entry.raw)};`).join("\n")}
+
+			const images = async function(html) {
+					const imageSources = {};
+					${localImagePaths.map((entry) => {
+    const rawUrl = JSON.stringify(entry.raw).replace(/'/g, "'");
+    return `{
+											const regex = new RegExp('__ASTRO_IMAGE_="([^"]*' + ${rawUrl.replace(
+      /[.*+?^${}()|[\]\\]/g,
+      "\\\\$&"
+    )} + '[^"]*)"', 'g');
+											let match;
+											let occurrenceCounter = 0;
+											while ((match = regex.exec(html)) !== null) {
+													const matchKey = ${rawUrl} + '_' + occurrenceCounter;
+													const imageProps = JSON.parse(match[1].replace(/"/g, '"').replace(/'/g, "'"));
+													const { src, ...props } = imageProps;
+													imageSources[matchKey] = await getImage({src: Astro__${entry.safeName}, ...props});
+													occurrenceCounter++;
+											}
+									}`;
+  }).join("\n")}
+					${remoteImagePaths.map((raw) => {
+    const rawUrl = JSON.stringify(raw).replace(/'/g, "'");
+    return `{
+											const regex = new RegExp('__ASTRO_IMAGE_="([^"]*' + ${rawUrl.replace(
+      /[.*+?^${}()|[\]\\]/g,
+      "\\\\$&"
+    )} + '[^"]*)"', 'g');
+											let match;
+											let occurrenceCounter = 0;
+											while ((match = regex.exec(html)) !== null) {
+													const matchKey = ${rawUrl} + '_' + occurrenceCounter;
+													const props = JSON.parse(match[1].replace(/"/g, '"').replace(/'/g, "'"));
+													imageSources[matchKey] = await getImage(props);
+													occurrenceCounter++;
+											}
+									}`;
+  }).join("\n")}
+					return imageSources;
+			};
+
+		async function updateImageReferences(html) {
+			const imageSources = await images(html);
+
+			return html.replaceAll(/__ASTRO_IMAGE_="([^"]+)"/gm, (full, imagePath) => {
+				const decodedImagePath = JSON.parse(imagePath.replace(/"/g, '"'));
+
+				// Use the 'index' property for each image occurrence
+				const srcKey = decodedImagePath.src + '_' + decodedImagePath.index;
+
+				if (imageSources[srcKey].srcSet && imageSources[srcKey].srcSet.values.length > 0) {
+					imageSources[srcKey].attributes.srcset = imageSources[srcKey].srcSet.attribute;
+				}
+
+				const { index, ...attributesWithoutIndex } = imageSources[srcKey].attributes;
+
+				return spreadAttributes({
+					src: imageSources[srcKey].src,
+					...attributesWithoutIndex,
+				});
+			});
+		}
+
+		const html = async () => await updateImageReferences(${JSON.stringify(html)});
+	`;
+}
+export {
+  getMarkdownCodeForImages
+};