@kubohiroya/turbowarp-plus-editor-git 0.0.0-stage → 0.8.0

package/dist/scratch-block-diff-renderer.d.ts

@@ -0,0 +1,128 @@
+import type { BlockChangeKind, BlockPart, BlockSide, BlockTable } from './project-source-patch.js';
+import type { DiffSvgBlock } from './block-diff-location.js';
+interface BlockWorkspace {
+    dispose(): void;
+    markFocused(): void;
+    getBlocksBoundingBox(): {
+        x?: number;
+        y?: number;
+        width: number;
+        height: number;
+    };
+    getBlockById(id: string): DiffSvgBlock | null;
+    options?: {
+        pathToMedia?: string;
+        zoomOptions?: {
+            startScale?: number;
+        };
+    };
+    scale?: number;
+    scrollX?: number;
+    scrollY?: number;
+    translate?(x: number, y: number): void;
+    getMetrics?(): {
+        absoluteLeft?: number;
+        absoluteTop?: number;
+    } | null;
+    scrollbar?: {
+        resize(): void;
+    } | null;
+}
+interface InjectOptions {
+    readOnly: true;
+    sounds: false;
+    media?: string;
+    scrollbars?: boolean;
+    zoom?: {
+        controls: boolean;
+        wheel: boolean;
+        startScale: number;
+        maxScale: number;
+        minScale: number;
+        scaleSpeed: number;
+    };
+}
+export interface ScratchBlocksPort {
+    inject(container: HTMLElement, options: InjectOptions): BlockWorkspace;
+    svgResize(workspace: BlockWorkspace): void;
+    getMainWorkspace(): BlockWorkspace | null;
+    mainWorkspace: BlockWorkspace | null;
+    Events: {
+        disable(): void;
+        enable(): void;
+    };
+    Blocks: Record<string, unknown>;
+    defineBlocksWithJsonArray?(definitions: Record<string, unknown>[]): void;
+    OUTPUT_SHAPE_ROUND?: number;
+    Xml: {
+        textToDom(xml: string): Element;
+        domToWorkspace(xml: Element, workspace: BlockWorkspace): unknown;
+    };
+}
+export interface ScratchBlockDiffRendererOptions {
+    getBlockly(): ScratchBlocksPort | Promise<ScratchBlocksPort>;
+    showUnregisteredBlocks?: boolean;
+    locale?: string;
+    deserializeBlocks(blocks: BlockTable): Record<string, {
+        id: string;
+        topLevel?: boolean;
+    }>;
+    createBlockContainer(): {
+        createBlock(block: {
+            id: string;
+        }, deferProjectChanged: true): void;
+        blockToXML(id: string): string | undefined;
+    };
+    /**
+     * Adds the host's workspace navigation to each preview, as in its own code area: for example the costume
+     * thumbnail, a minimap and a row of zoom buttons in the lower right. `watermark` holds the costume thumbnail when
+     * the version has one; the host positions it. Without this option, previews keep Scratch Blocks' zoom buttons.
+     */
+    attachNavigation?(workspace: unknown, blockly: ScratchBlocksPort, watermark?: HTMLElement): {
+        dispose(): void;
+    } | null | undefined;
+}
+export interface ScriptBlockMark {
+    id: string;
+    kind: BlockChangeKind;
+    parts: readonly BlockPart[];
+}
+/** Position and zoom of one preview, in Scratch Blocks workspace terms. */
+export interface BlockPreviewViewport {
+    scale: number;
+    x: number;
+    y: number;
+}
+/** Lets several previews of one comparison share their zoom, scroll position and height. */
+export interface BlockPreviewView {
+    /** The zoom and frame height at which this preview shows all of its blocks. */
+    readonly fit: {
+        scale: number;
+        height: number;
+    };
+    /** Applies a zoom and frame height, scrolling to the start of the blocks. */
+    layout(fit: {
+        scale: number;
+        height: number;
+    }): void;
+    viewport(): BlockPreviewViewport;
+    setViewport(viewport: BlockPreviewViewport): void;
+    /** Calls `listener` after the user scrolls or zooms this preview. */
+    onChange(listener: () => void): () => void;
+}
+export type ProjectBlockRendering = (() => void) | {
+    dispose(): void;
+    view?: BlockPreviewView;
+} | undefined;
+export type ProjectBlockRenderer = (args: BlockSide & {
+    container: HTMLElement;
+    withContext: boolean;
+    parts?: readonly BlockPart[];
+    marks?: readonly ScriptBlockMark[];
+    signal: AbortSignal;
+    /** The costume thumbnail element of this version, placed in the preview's lower right by the host navigation. */
+    watermark?: HTMLElement;
+}) => Promise<ProjectBlockRendering>;
+/** Use the host's Scratch VM serializer and Scratch Blocks definitions in an isolated workspace. */
+export declare function createScratchBlocksDiffRenderer(options: ScratchBlockDiffRendererOptions): ProjectBlockRenderer;
+export {};

package/dist/smart-http-BmHEkE7K.js

@@ -0,0 +1,303 @@
+import { n as init_objectSpread2, t as _objectSpread2 } from "./objectSpread2-Dkd68nJH.js";
+// \0@oxc-project+runtime@0.156.0/helpers/esm/asyncIterator.js
+function _asyncIterator(r) {
+	var n, t, o, e = 2;
+	for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) {
+		if (t && null != (n = r[t])) return n.call(r);
+		if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r));
+		t = "@@asyncIterator", o = "@@iterator";
+	}
+	throw new TypeError("Object is not async iterable");
+}
+function AsyncFromSyncIterator(r) {
+	function AsyncFromSyncIteratorContinuation(r) {
+		if (Object(r) !== r) return Promise.reject(/* @__PURE__ */ new TypeError(r + " is not an object."));
+		var n = r.done;
+		return Promise.resolve(r.value).then(function(r) {
+			return {
+				value: r,
+				done: n
+			};
+		});
+	}
+	return AsyncFromSyncIterator = function AsyncFromSyncIterator(r) {
+		this.s = r, this.n = r.next;
+	}, AsyncFromSyncIterator.prototype = {
+		s: null,
+		n: null,
+		next: function next() {
+			return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments));
+		},
+		"return": function _return(r) {
+			var n = this.s["return"];
+			return void 0 === n ? Promise.resolve({
+				value: r,
+				done: !0
+			}) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments));
+		},
+		"throw": function _throw(r) {
+			var n = this.s["throw"];
+			return void 0 === n ? Promise.reject(r) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments));
+		}
+	}, new AsyncFromSyncIterator(r);
+}
+// \0@oxc-project+runtime@0.156.0/helpers/esm/OverloadYield.js
+function _OverloadYield(e, d) {
+	this.v = e, this.k = d;
+}
+// \0@oxc-project+runtime@0.156.0/helpers/esm/awaitAsyncGenerator.js
+function _awaitAsyncGenerator(e) {
+	return new _OverloadYield(e, 0);
+}
+// \0@oxc-project+runtime@0.156.0/helpers/esm/wrapAsyncGenerator.js
+function _wrapAsyncGenerator(e) {
+	return function() {
+		return new AsyncGenerator(e.apply(this, arguments));
+	};
+}
+function AsyncGenerator(e) {
+	var r, t;
+	function resume(r, t) {
+		try {
+			var n = e[r](t), o = n.value, u = o instanceof _OverloadYield;
+			Promise.resolve(u ? o.v : o).then(function(t) {
+				if (u) {
+					var i = "return" === r ? "return" : "next";
+					if (!o.k || t.done) return resume(i, t);
+					t = e[i](t).value;
+				}
+				settle(n.done ? "return" : "normal", t);
+			}, function(e) {
+				resume("throw", e);
+			});
+		} catch (e) {
+			settle("throw", e);
+		}
+	}
+	function settle(e, n) {
+		switch (e) {
+			case "return":
+				r.resolve({
+					value: n,
+					done: !0
+				});
+				break;
+			case "throw":
+				r.reject(n);
+				break;
+			default: r.resolve({
+				value: n,
+				done: !1
+			});
+		}
+		(r = r.next) ? resume(r.key, r.arg) : t = null;
+	}
+	this._invoke = function(e, n) {
+		return new Promise(function(o, u) {
+			var i = {
+				key: e,
+				arg: n,
+				resolve: o,
+				reject: u,
+				next: null
+			};
+			t ? t = t.next = i : (r = t = i, resume(e, n));
+		});
+	}, "function" != typeof e["return"] && (this["return"] = void 0);
+}
+AsyncGenerator.prototype["function" == typeof Symbol && Symbol.asyncIterator || "@@asyncIterator"] = function() {
+	return this;
+}, AsyncGenerator.prototype.next = function(e) {
+	return this._invoke("next", e);
+}, AsyncGenerator.prototype["throw"] = function(e) {
+	return this._invoke("throw", e);
+}, AsyncGenerator.prototype["return"] = function(e) {
+	return this._invoke("return", e);
+};
+// src/smart-http.ts
+init_objectSpread2();
+var MAX_GIT_REQUEST_BYTES = 33554432;
+var proxyCodes = {
+	400: ["BAD_REQUEST"],
+	401: [
+		"SESSION_REQUIRED",
+		"SESSION_EXPIRED",
+		"REAUTH_REQUIRED"
+	],
+	403: ["FORBIDDEN"],
+	409: ["REDIRECT_REJECTED"],
+	411: ["LENGTH_REQUIRED"],
+	413: ["PAYLOAD_TOO_LARGE"],
+	429: ["RATE_LIMITED"],
+	502: ["UPSTREAM_FAILURE"],
+	504: ["UPSTREAM_TIMEOUT"]
+};
+var GitSmartHttpError = class extends Error {
+	constructor(code, statusCode, requestId) {
+		super(code);
+		this.code = code;
+		this.statusCode = statusCode;
+		this.requestId = requestId;
+		this.name = "GitSmartHttpError";
+	}
+};
+function remoteUrl(remote) {
+	const match = /^https:\/\/github\.com\/([A-Za-z0-9][A-Za-z0-9-]*)\/([A-Za-z0-9_.-]+?)(?:\.git)?$/u.exec(remote);
+	if (!match || match[0] !== remote || [
+		".",
+		"..",
+		".git"
+	].includes(match[2].toLowerCase())) throw new GitSmartHttpError("INVALID_REMOTE");
+	return `https://github.com/${match[1]}/${match[2]}.git`;
+}
+function checkConnection({ mode, proxyOrigin }) {
+	const url = URL.parse(proxyOrigin);
+	if (!url || url.origin !== proxyOrigin || (mode === "desktop" ? !/^http:\/\/127\.0\.0\.1:[1-9][0-9]{0,4}$/u.test(proxyOrigin) : mode !== "cloudflare" || url.protocol !== "https:")) throw new GitSmartHttpError("INVALID_CONNECTION");
+}
+function checkAbort(signal) {
+	if (signal === null || signal === void 0 ? void 0 : signal.aborted) throw new GitSmartHttpError("ABORTED");
+}
+async function boundedBody(source, limit, signal) {
+	const parts = [];
+	let size = 0;
+	var _iteratorAbruptCompletion = false;
+	var _didIteratorError = false;
+	var _iteratorError;
+	try {
+		for (var _iterator = _asyncIterator(source), _step; _iteratorAbruptCompletion = !(_step = await _iterator.next()).done; _iteratorAbruptCompletion = false) {
+			const bytes = _step.value;
+			checkAbort(signal);
+			size += bytes.byteLength;
+			if (size > limit) throw new GitSmartHttpError("PAYLOAD_TOO_LARGE");
+			parts.push(bytes.slice());
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (_iteratorAbruptCompletion && _iterator.return != null) await _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+	return new Blob(parts);
+}
+function responseBytes(_x, _x2, _x3) {
+	return _responseBytes.apply(this, arguments);
+}
+function _responseBytes() {
+	_responseBytes = _wrapAsyncGenerator(function* (body, code, signal) {
+		const reader = body.getReader();
+		try {
+			for (;;) {
+				const { done, value } = yield _awaitAsyncGenerator(reader.read());
+				if (done) return;
+				yield value;
+			}
+		} catch (_unused) {
+			if (code !== "PUSH_OUTCOME_UNKNOWN") checkAbort(signal);
+			throw new GitSmartHttpError(code);
+		} finally {
+			yield _awaitAsyncGenerator(reader.cancel().catch(() => {}));
+			reader.releaseLock();
+		}
+	});
+	return _responseBytes.apply(this, arguments);
+}
+async function proxyError(response, writing) {
+	var _allowed$, _response$headers$get;
+	const status = response.status;
+	const allowed = proxyCodes[status];
+	let code = (_allowed$ = allowed === null || allowed === void 0 ? void 0 : allowed[0]) !== null && _allowed$ !== void 0 ? _allowed$ : "INVALID_RESPONSE";
+	let requestId;
+	if (response.body && ((_response$headers$get = response.headers.get("content-type")) === null || _response$headers$get === void 0 ? void 0 : _response$headers$get.split(";")[0]) === "application/json") try {
+		const body = await boundedBody(responseBytes(response.body, "INVALID_RESPONSE"), 4096);
+		const parsed = JSON.parse(await body.text());
+		if (writing && status === 409 && (parsed === null || parsed === void 0 ? void 0 : parsed.code) === "PUSH_DUPLICATE") code = "PUSH_OUTCOME_UNKNOWN";
+		else if (allowed === null || allowed === void 0 ? void 0 : allowed.includes(parsed === null || parsed === void 0 ? void 0 : parsed.code)) code = parsed.code;
+		if (typeof (parsed === null || parsed === void 0 ? void 0 : parsed.requestId) === "string" && /^[0-9a-f]{8}-(?:[0-9a-f]{4}-){3}[0-9a-f]{12}$/iu.test(parsed.requestId)) requestId = parsed.requestId;
+	} catch (_unused2) {}
+	else {
+		var _response$body;
+		await ((_response$body = response.body) === null || _response$body === void 0 ? void 0 : _response$body.cancel().catch(() => {}));
+	}
+	if (writing && (!allowed || status >= 500)) code = "PUSH_OUTCOME_UNKNOWN";
+	return new GitSmartHttpError(code, status, requestId);
+}
+function createGitSmartHttp(options) {
+	const url = remoteUrl(options.remote);
+	const connection = _objectSpread2({}, options.connection);
+	checkConnection(connection);
+	const { getSession, maxRequestBytes = MAX_GIT_REQUEST_BYTES, signal: operationSignal, fetch: send = fetch } = options;
+	if (!Number.isSafeInteger(maxRequestBytes) || maxRequestBytes <= 0 || maxRequestBytes > 33554432) throw new GitSmartHttpError("INVALID_CONNECTION");
+	const proxyPath = connection.proxyOrigin + "/v1/git" + url.slice(18);
+	const request = async ({ url: requested, method = "GET", body, signal }) => {
+		var _session$connection;
+		const path = requested.startsWith(url + "/") ? requested.slice(url.length) : "";
+		const discovery = method === "GET" && !body;
+		const rpc = method === "POST" && Boolean(body);
+		const service = ["git-upload-pack", "git-receive-pack"].find((name) => discovery && path === `/info/refs?service=${name}` || rpc && path === `/${name}`);
+		if (!service) throw new GitSmartHttpError("INVALID_REQUEST");
+		const abort = signal && operationSignal ? AbortSignal.any([signal, operationSignal]) : signal !== null && signal !== void 0 ? signal : operationSignal;
+		checkAbort(abort);
+		const payload = body ? await boundedBody(body, maxRequestBytes, abort) : void 0;
+		checkAbort(abort);
+		let session;
+		try {
+			session = await getSession();
+		} catch (_unused3) {
+			checkAbort(abort);
+			throw new GitSmartHttpError("SESSION_UNAVAILABLE");
+		}
+		checkAbort(abort);
+		if (!session) throw new GitSmartHttpError("SESSION_REQUIRED");
+		if (!Number.isFinite(session.expiresAt) || session.expiresAt <= Date.now()) throw new GitSmartHttpError("SESSION_EXPIRED");
+		if (((_session$connection = session.connection) === null || _session$connection === void 0 ? void 0 : _session$connection.mode) !== connection.mode || session.connection.proxyOrigin !== connection.proxyOrigin || typeof session.bearer !== "string" || !/^[A-Za-z0-9._~+\/-]+=*$/u.test(session.bearer)) throw new GitSmartHttpError("INVALID_SESSION");
+		const contentType = `application/x-${service}-${discovery ? "advertisement" : "result"}`;
+		const headers = new Headers({
+			Authorization: `Bearer ${session.bearer}`,
+			Accept: contentType
+		});
+		if (payload) headers.set("Content-Type", `application/x-${service}-request`);
+		const writing = rpc && service === "git-receive-pack";
+		if (writing) headers.set("Git-Push-Id", crypto.randomUUID());
+		let response;
+		try {
+			response = await send(proxyPath + path, {
+				method,
+				headers,
+				body: payload,
+				signal: abort,
+				credentials: "omit",
+				redirect: "error",
+				cache: "no-store",
+				referrerPolicy: "no-referrer"
+			});
+		} catch (_unused4) {
+			if (writing) throw new GitSmartHttpError("PUSH_OUTCOME_UNKNOWN");
+			checkAbort(abort);
+			throw new GitSmartHttpError("NETWORK_ERROR");
+		}
+		if (response.status !== 200) throw await proxyError(response, writing);
+		if (!response.body || response.headers.get("content-type") !== contentType) {
+			var _response$body2;
+			await ((_response$body2 = response.body) === null || _response$body2 === void 0 ? void 0 : _response$body2.cancel().catch(() => {}));
+			throw new GitSmartHttpError(writing ? "PUSH_OUTCOME_UNKNOWN" : "INVALID_RESPONSE");
+		}
+		return {
+			url: requested,
+			method,
+			headers: { "content-type": contentType },
+			statusCode: 200,
+			statusMessage: "OK",
+			body: responseBytes(response.body, writing ? "PUSH_OUTCOME_UNKNOWN" : "NETWORK_ERROR", abort)
+		};
+	};
+	return {
+		url,
+		corsProxy: "",
+		http: { request }
+	};
+}
+export { _OverloadYield as a, _wrapAsyncGenerator as i, MAX_GIT_REQUEST_BYTES as n, _asyncIterator as o, createGitSmartHttp as r, GitSmartHttpError as t };

package/dist/smart-http.d.ts

@@ -0,0 +1,60 @@
+export declare const MAX_GIT_REQUEST_BYTES: number;
+type Connection = Readonly<{
+    mode: 'desktop' | 'cloudflare';
+    proxyOrigin: string;
+}>;
+type Session = Readonly<{
+    connection: Connection;
+    bearer: string;
+    expiresAt: number;
+}>;
+export interface GitSmartHttpOptions {
+    readonly remote: string;
+    readonly connection: Connection;
+    readonly getSession: () => Promise<Session | null>;
+    readonly maxRequestBytes?: number;
+    readonly signal?: AbortSignal;
+    readonly fetch?: typeof fetch;
+}
+type Request = {
+    url: string;
+    method?: string;
+    body?: AsyncIterable<Uint8Array>;
+    signal?: AbortSignal;
+};
+declare const proxyCodes: {
+    readonly 400: readonly ["BAD_REQUEST"];
+    readonly 401: readonly ["SESSION_REQUIRED", "SESSION_EXPIRED", "REAUTH_REQUIRED"];
+    readonly 403: readonly ["FORBIDDEN"];
+    readonly 409: readonly ["REDIRECT_REJECTED"];
+    readonly 411: readonly ["LENGTH_REQUIRED"];
+    readonly 413: readonly ["PAYLOAD_TOO_LARGE"];
+    readonly 429: readonly ["RATE_LIMITED"];
+    readonly 502: readonly ["UPSTREAM_FAILURE"];
+    readonly 504: readonly ["UPSTREAM_TIMEOUT"];
+};
+type ProxyErrorCode = (typeof proxyCodes)[keyof typeof proxyCodes][number];
+export type GitSmartHttpErrorCode = ProxyErrorCode | 'INVALID_REMOTE' | 'INVALID_REQUEST' | 'INVALID_CONNECTION' | 'INVALID_SESSION' | 'SESSION_UNAVAILABLE' | 'ABORTED' | 'NETWORK_ERROR' | 'INVALID_RESPONSE' | 'PUSH_OUTCOME_UNKNOWN';
+export declare class GitSmartHttpError extends Error {
+    readonly code: GitSmartHttpErrorCode;
+    readonly statusCode?: number | undefined;
+    readonly requestId?: string | undefined;
+    constructor(code: GitSmartHttpErrorCode, statusCode?: number | undefined, requestId?: string | undefined);
+}
+export declare function createGitSmartHttp(options: GitSmartHttpOptions): {
+    url: string;
+    corsProxy: "";
+    http: {
+        request: ({ url: requested, method, body, signal }: Request) => Promise<{
+            url: string;
+            method: string;
+            headers: {
+                'content-type': string;
+            };
+            statusCode: number;
+            statusMessage: string;
+            body: AsyncGenerator<Uint8Array<ArrayBufferLike>, void, unknown>;
+        }>;
+    };
+};
+export {};

package/dist/smart-http.js

@@ -0,0 +1 @@
+export { t as GitSmartHttpError, n as MAX_GIT_REQUEST_BYTES, r as createGitSmartHttp } from "./smart-http-BmHEkE7K.js";

package/dist/style.css

@@ -0,0 +1,138 @@
+.twgit-block-diff {
+    color: CanvasText;
+    background: Canvas;
+    font: 14px/1.5 system-ui, sans-serif;
+    container-type: inline-size;
+}
+.twgit-block-diff h2 { margin: 0; font-size: 1.3em; }
+.twgit-block-diff > p { margin: 4px 0 10px; }
+.twgit-block-diff-card {
+    border: 1px solid color-mix(in srgb, CanvasText 25%, Canvas);
+    border-radius: 8px;
+    margin: 12px 0;
+    overflow: hidden;
+}
+.twgit-block-diff-card > header { padding: 10px 14px; background: color-mix(in srgb, CanvasText 5%, Canvas); }
+.twgit-block-diff-card h3, .twgit-block-diff-card h4 { margin: 0; font-size: 1em; overflow-wrap: anywhere; }
+.twgit-block-diff-card h3 span { margin-inline-end: 6px; color: CanvasText; border-bottom: 3px solid var(--twgit-change); }
+.twgit-block-diff-card p { margin: 4px 0 0; }
+.twgit-block-diff-added { --twgit-change: #25875d; }
+.twgit-block-diff-removed { --twgit-change: #c54a53; }
+.twgit-block-diff-updated { --twgit-change: #635bce; }
+.twgit-block-diff-sides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.twgit-block-diff-side { padding: 10px 14px; min-width: 0; }
+.twgit-block-diff-side + .twgit-block-diff-side { border-inline-start: 1px solid color-mix(in srgb, CanvasText 20%, Canvas); }
+/* A preview is a small workspace: it scrolls and zooms inside its frame, which people can make taller. */
+.twgit-block-diff-preview {
+    position: relative;
+    overflow: hidden;
+    resize: vertical;
+    min-height: 120px;
+    max-height: 85vh;
+    border: 1px solid color-mix(in srgb, CanvasText 18%, Canvas);
+    border-radius: 6px;
+}
+.twgit-block-diff-surface { position: absolute; inset: 0; }
+.twgit-block-diff-watermark { position: absolute; z-index: 2; top: 10px; right: 12px; pointer-events: none; }
+.twgit-block-diff-watermark[data-navigation] { top: auto; right: var(--plus-watermark-right, 12px); bottom: var(--plus-watermark-bottom, 140px); }
+.twgit-block-diff-watermark > img {
+    display: block;
+    max-width: var(--plus-watermark-size, 48px);
+    max-height: var(--plus-watermark-size, 48px);
+    opacity: .6;
+}
+.twgit-block-diff-link { display: block; padding: 6px 12px 0; }
+/* These markers also apply to the live Editor workspace returned by the host. */
+.twgit-changed-block > .blocklyPath { stroke: var(--twgit-change, #635bce); stroke-width: 2.5px; }
+.twgit-changed-block-part { outline: 2.5px solid #b4510a; outline-offset: 2px; }
+.twgit-block-diff-legend { font-size: .9em; }
+.twgit-block-diff-side > button { margin-top: 8px; }
+.twgit-block-diff-card > label { display: block; padding: 7px 14px 10px; }
+@container (max-width: 440px) {
+    .twgit-block-diff-sides { grid-template-columns: minmax(0, 1fr); }
+    .twgit-block-diff-side + .twgit-block-diff-side { border-inline-start: 0; border-block-start: 1px solid color-mix(in srgb, CanvasText 20%, Canvas); }
+}
+
+.twgit-review { --twgit-review-line: color-mix(in srgb, CanvasText 18%, Canvas); }
+.twgit-review-overview { border-bottom: 1px solid var(--twgit-review-line); padding-bottom: 14px; }
+.twgit-review-overview > p:first-child { margin: 0 0 5px; color: color-mix(in srgb, CanvasText 70%, Canvas); font-weight: 600; }
+.twgit-review-overview h2 { font-size: 1.65em; }
+.twgit-review-description { white-space: pre-wrap; overflow-wrap: anywhere; margin: 5px 0; }
+.twgit-review-body summary { cursor: pointer; text-decoration: underline; }
+.twgit-review-overview dl { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
+.twgit-review-overview dl > div { min-width: 90px; padding: 7px 12px; border: 1px solid var(--twgit-review-line); border-radius: 6px; }
+.twgit-review-overview dt { font-size: .85em; }
+.twgit-review-overview dd { margin: 0; font-size: 1.3em; font-weight: 650; }
+.twgit-review-checklist h3, .twgit-review-checklist ul { margin: 0; }
+.twgit-review-checklist ul { padding-inline-start: 22px; }
+.twgit-review-files-title { margin: 13px 0 6px; }
+.twgit-review-file { border: 1px solid var(--twgit-review-line); border-radius: 8px; overflow: hidden; margin-bottom: 10px; }
+.twgit-review-file > header { background: color-mix(in srgb, CanvasText 5%, Canvas); padding: 8px 12px; }
+.twgit-review-file > header h4, .twgit-review-file > header p { margin: 0; overflow-wrap: anywhere; }
+.twgit-review-file > p, .twgit-review-target > p { margin: 6px 12px; }
+.twgit-review-target { padding: 6px 12px 10px; }
+.twgit-review-target h5 { font-size: 1em; margin: 0 0 5px; }
+.twgit-review-target h5 small { margin-inline-start: 6px; font-weight: 400; }
+.twgit-review-script { border: 1px solid var(--twgit-review-line); border-radius: 6px; margin: 4px 0; overflow: hidden; }
+.twgit-review-script > summary { cursor: pointer; padding: 7px 10px; list-style: none; }
+.twgit-review-script > summary::-webkit-details-marker { display: none; }
+.twgit-review-script > summary::before { content: '▸'; margin-inline-end: 7px; }
+.twgit-review-script[open] > summary::before { content: '▾'; }
+.twgit-review-script > summary:focus-visible { outline: 2px solid Highlight; outline-offset: -2px; }
+.twgit-review-script > summary > * { margin-inline-end: 8px; }
+.twgit-review-script[open] > summary { border-bottom: 1px solid var(--twgit-review-line); }
+.twgit-review-script h4 { margin: 0 0 3px; }
+.twgit-review-script .twgit-block-diff-side + .twgit-block-diff-side { border-inline-start: 0; border-block-start: 1px solid var(--twgit-review-line); }
+.twgit-review-script .twgit-block-diff-sides > div + div { border-inline-start: 1px solid var(--twgit-review-line); }
+.twgit-review-status { font-size: .85em; padding: 2px 5px; border: 1px solid var(--twgit-review-line); border-radius: 4px; }
+.twgit-review-checked { display: block; padding: 6px 12px 9px; }
+@container (max-width: 440px) {
+    .twgit-review-script .twgit-block-diff-sides > div + div { border-inline-start: 0; border-block-start: 1px solid var(--twgit-review-line); }
+}
+
+.twgit-pr-number { display: flex; flex-wrap: wrap; align-items: end; gap: 6px; margin-bottom: 8px; }
+.twgit-pr-number input { display: block; width: 10em; max-width: 100%; }
+.twgit-pr-paging, .twgit-pr-revision { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
+.twgit-pr-revision code { overflow-wrap: anywhere; }
+.twgit-review .twgit-block-diff-side h4 { font-size: 1em; }
+
+/* Costume (or backdrop) thumbnails in stage and sprite headings. */
+.twgit-review-thumbnails { display: inline-flex; align-items: center; gap: 4px; margin-inline-end: 6px; vertical-align: middle; }
+.twgit-review-thumbnails img {
+    width: 30px;
+    height: 30px;
+    object-fit: contain;
+    background: Canvas;
+    border: 1px solid var(--twgit-review-line, color-mix(in srgb, CanvasText 18%, Canvas));
+    border-radius: 4px;
+}
+:root{--diff-background-color:initial;--diff-text-color:initial;--diff-font-family:Consolas,Courier,monospace;--diff-selection-background-color:#b3d7ff;--diff-selection-text-color:var(--diff-text-color);--diff-gutter-insert-background-color:#d6fedb;--diff-gutter-insert-text-color:var(--diff-text-color);--diff-gutter-delete-background-color:#fadde0;--diff-gutter-delete-text-color:var(--diff-text-color);--diff-gutter-selected-background-color:#fffce0;--diff-gutter-selected-text-color:var(--diff-text-color);--diff-code-insert-background-color:#eaffee;--diff-code-insert-text-color:var(--diff-text-color);--diff-code-delete-background-color:#fdeff0;--diff-code-delete-text-color:var(--diff-text-color);--diff-code-insert-edit-background-color:#c0dc91;--diff-code-insert-edit-text-color:var(--diff-text-color);--diff-code-delete-edit-background-color:#f39ea2;--diff-code-delete-edit-text-color:var(--diff-text-color);--diff-code-selected-background-color:#fffce0;--diff-code-selected-text-color:var(--diff-text-color);--diff-omit-gutter-line-color:#cb2a1d;}.diff{background-color:var(--diff-background-color);border-collapse:collapse;color:var(--diff-text-color);table-layout:fixed;width:100%;}.diff::-moz-selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff::selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff td{padding-bottom:0;padding-top:0;vertical-align:top;}.diff-line{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);line-height:1.5;}.diff-gutter>a{color:inherit;display:block;}.diff-gutter{cursor:pointer;padding:0 1ch;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-gutter-insert{background-color:#d6fedb;background-color:var(--diff-gutter-insert-background-color);color:var(--diff-text-color);color:var(--diff-gutter-insert-text-color);}.diff-gutter-delete{background-color:#fadde0;background-color:var(--diff-gutter-delete-background-color);color:var(--diff-text-color);color:var(--diff-gutter-delete-text-color);}.diff-gutter-omit{cursor:default;}.diff-gutter-selected{background-color:#fffce0;background-color:var(--diff-gutter-selected-background-color);color:var(--diff-text-color);color:var(--diff-gutter-selected-text-color);}.diff-code{word-wrap:break-word;padding:0 0 0 .5em;white-space:pre-wrap;word-break:break-all;}.diff-code-edit{color:inherit;}.diff-code-insert{background-color:#eaffee;background-color:var(--diff-code-insert-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-text-color);}.diff-code-insert .diff-code-edit{background-color:#c0dc91;background-color:var(--diff-code-insert-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-edit-text-color);}.diff-code-delete{background-color:#fdeff0;background-color:var(--diff-code-delete-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-text-color);}.diff-code-delete .diff-code-edit{background-color:#f39ea2;background-color:var(--diff-code-delete-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-edit-text-color);}.diff-code-selected{background-color:#fffce0;background-color:var(--diff-code-selected-background-color);color:var(--diff-text-color);color:var(--diff-code-selected-text-color);}.diff-widget-content{vertical-align:top;}.diff-gutter-col{width:7ch;}.diff-gutter-omit{height:0;}.diff-gutter-omit:before{background-color:#cb2a1d;background-color:var(--diff-omit-gutter-line-color);content:" ";display:block;height:100%;margin-left:4.6ch;overflow:hidden;white-space:pre;width:2px;}.diff-decoration{line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-decoration-content{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);padding:0;}.twgit-backdrop { position: fixed; inset: 0; z-index: 65000; background: #0006; display: flex; align-items: center; justify-content: center; }
+.twgit-panel { width: 94vw; height: 90vh; display: flex; flex-direction: column; background: Canvas; color: CanvasText; border: 1px solid GrayText; border-radius: 8px; box-shadow: 0 12px 48px #0005; font: 14px/1.5 system-ui, sans-serif; overflow: hidden; }
+.twgit-panel > header { display: flex; gap: 8px; align-items: center; padding: 10px 16px; border-bottom: 1px solid GrayText; }
+.twgit-panel > header h2 { margin: 0 auto 0 0; font-size: 18px; }
+.twgit-panel h3 { font-size: 14px; margin: 12px 0 5px; }
+.twgit-panel button { color: inherit; background: Canvas; border: 1px solid GrayText; border-radius: 4px; padding: 4px 8px; cursor: pointer; font: inherit; text-align: start; }
+.twgit-panel button:disabled { opacity: .5; cursor: default; }
+.twgit-panel button:focus-visible, .twgit-panel summary:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; }
+.twgit-panel button[aria-pressed="true"] { color: HighlightText; background: Highlight; }
+.twgit-context { display: flex; gap: 8px 20px; flex-wrap: wrap; padding: 8px 16px; }
+.twgit-connection { margin: 0 16px 8px; max-height: 45%; overflow: auto; }
+.twgit-content { display: grid; grid-template-columns: minmax(230px, 30%) minmax(0, 1fr); flex: 1; min-height: 0; }
+.twgit-panel aside { padding: 0 14px 14px; overflow: auto; border-right: 1px solid GrayText; }
+.twgit-panel aside ul { list-style: none; padding: 0; margin: 4px 0; }
+.twgit-panel aside li { overflow-wrap: anywhere; }
+.twgit-panel summary { cursor: pointer; }
+.twgit-panel .twgit-file { width: 100%; border: 0; margin: 1px 0; }
+.twgit-file span { display: inline-block; width: 1.4em; font-family: monospace; }
+.twgit-diff { padding: 0 16px 16px; min-width: 0; overflow: auto; }
+.twgit-diff .diff { font-size: 12px; }
+.twgit-history { list-style: none; margin: 0; padding: 0; }
+.twgit-history li { padding: 5px 0; }
+.twgit-history small { display: block; font-size: 11px; }
+.twgit-panel > footer { font-size: 11px; padding: 8px 16px; border-top: 1px solid GrayText; }
+.twgit-error { margin: 6px 16px; color: #a11919; padding: 8px; background: #fff0f0; }
+@media (max-width: 700px) { .twgit-content { grid-template-columns: minmax(180px, 42%) minmax(0, 1fr); } .twgit-panel > header { flex-wrap: wrap; } }
+.twgit-view-switch { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 10px; }
+.twgit-review-unreadable { margin: 6px 0; padding: 8px; background: color-mix(in srgb, #d9822b 16%, Canvas); }
+.twgit-review-comparison .twgit-review-overview dl { margin: 4px 0 8px; }
+/*$vite$:1*/