@satinhq/kit 0.1.0-beta.2 → 0.1.0-beta.4

package/dist/glass/webgpu/raster.js

@@ -96,6 +96,48 @@ export class WebGPURaster {
     overlayPipeline;
     presentPipeline;
     format = 'rgba8unorm';
+    presentationRoot;
+    presentationOrigin;
+    presentationMembers = new Set();
+    presentationSequence;
+    collectingPresentation = false;
+    /** Member samples encode their materials first. The root then presents the whole frame once. */
+    withSharedPresentation(draw) {
+        this.collectingPresentation = true;
+        try {
+            draw();
+        }
+        finally {
+            this.collectingPresentation = false;
+        }
+    }
+    /** Retain independent material sampling, but store overlapping fixed chrome once. */
+    joinPresentation(root, origin) {
+        if (this.presentationRoot === root) {
+            this.presentationOrigin = origin;
+            if (root.setup)
+                root.resizeCanvas();
+            return;
+        }
+        if (this.setup)
+            this.clear();
+        this.presentationRoot?.presentationMembers.delete(this);
+        this.presentationRoot = root;
+        this.presentationOrigin = origin;
+        root.presentationMembers.add(this);
+        if (root.setup)
+            root.resizeCanvas();
+        root.forgetPresent();
+    }
+    leavePresentation() {
+        const root = this.presentationRoot;
+        root?.presentationMembers.delete(this);
+        if (root?.setup)
+            root.resizeCanvas();
+        root?.forgetPresent();
+        this.presentationRoot = undefined;
+        this.presentationOrigin = undefined;
+    }
     lost = false;
     suspended = false;
     covered = false;
@@ -152,6 +194,8 @@ export class WebGPURaster {
         this.setup = { ...this.setup, appearance, spec: retainedAppearanceSpec(spec, appearance) };
     }
     dispose() {
+        this.presentationRoot?.presentationMembers.delete(this);
+        this.presentationRoot?.forgetPresent();
         this.unsubscribe?.();
         this.release();
         this.passes.destroy();
@@ -571,7 +615,13 @@ export class WebGPURaster {
         const encoder = this.device?.createCommandEncoder();
         if (!encoder || !this.encodeResult(encoder, x))
             return;
-        this.custom(encoder, this.presentPipeline, drawable(this.context, 'single', encoder).createView(), this.presentUniform(), [this.targets.result], !clear, this.presentScissor(), [this.canvas.width, this.canvas.height]);
+        if (this.presentationRoot) {
+            const root = this.presentationRoot;
+            if (!root.collectingPresentation && root.targets.result)
+                WebGPURaster.presentLayer(encoder, root.presentationSequence ?? [root]);
+        }
+        else
+            this.custom(encoder, this.presentPipeline, drawable(this.context, 'single', encoder).createView(), this.presentUniform(), [this.targets.result], !clear, this.presentScissor(), [this.canvas.width, this.canvas.height]);
         if (this.timing) {
             encoder.resolveQuerySet(this.timing.queries, 0, 2, this.timing.resolve, 0);
             encoder.copyBufferToBuffer(this.timing.resolve, 0, this.timing.read, 0, 16);
@@ -601,18 +651,34 @@ export class WebGPURaster {
      * region presenter's layer already is its sample rectangle and keeps layer space. */
     localResult = false;
     /** Device-pixel offset of this layer's canvas within its layer. */
-    canvasOffset() {
+    presentationViewport() {
         const viewport = canvasViewports.get(this.canvas);
+        if (!viewport || !this.setup || !this.presentationMembers.size)
+            return viewport;
+        // The placeholder keeps its original band. object-fit:contain, aligned to the
+        // bottom, lets the worker omit transparent rows above all retained morph bounds.
+        const top = Math.max(viewport[1], Math.floor(Math.min(this.setup.spec.frameY - 64, ...[...this.presentationMembers].map(member => member.presentationOrigin.y))));
+        return [viewport[0], top, viewport[2], viewport[1] + viewport[3] - top];
+    }
+    canvasOffset() {
+        const viewport = this.presentationViewport();
         const resolution = this.setup.resolution;
         return viewport ? [viewport[0] * resolution, viewport[1] * resolution] : [0, 0];
     }
     canvasSize() {
-        const viewport = canvasViewports.get(this.canvas);
+        const viewport = this.presentationViewport();
         const { resolution, width, height } = this.setup;
         return viewport
             ? [Math.round(viewport[2] * resolution), Math.round(viewport[3] * resolution)]
             : [Math.round(width * resolution), Math.round(height * resolution)];
     }
+    resizeCanvas() {
+        const [width, height] = this.canvasSize();
+        if (this.canvas.width !== width)
+            this.canvas.width = width;
+        if (this.canvas.height !== height)
+            this.canvas.height = height;
+    }
     /** Size the shared layer canvas to a band of its layer (the element is placed there by
      * the page): a lift overlay presents a strip, not a second full-screen canvas. */
     setCanvasViewport(viewport) {
@@ -694,20 +760,21 @@ export class WebGPURaster {
      * `presentedLayers`): the same results at the same places, or nothing at all. */
     static presentLayer(encoder, rasters) {
         const root = rasters[0];
-        const visible = rasters.filter(raster => !raster.resultEmpty);
+        root.presentationSequence = rasters;
+        const visible = [...new Set([...rasters, ...root.presentationMembers])].filter(raster => !raster.resultEmpty && !!raster.targets.result && !raster.covered && !raster.suspended);
         const signature = JSON.stringify([
             root.canvas.width,
             root.canvas.height,
             visible.map(raster => [
                 raster.resultOwner,
                 raster.resultRevision,
-                raster.presentUniform(),
-                raster.presentScissor(),
+                raster.groupPresentUniform(root),
+                raster.groupPresentScissor(root),
             ]),
         ]);
         if (presentedLayers.get(root.canvas) === signature)
             return false;
-        const draws = visible.map(raster => raster.presentDraw());
+        const draws = visible.map(raster => raster.presentDraw(root));
         const size = [root.canvas.width, root.canvas.height];
         encodePass(encoder, {
             colorAttachments: [
@@ -734,8 +801,35 @@ export class WebGPURaster {
         presentedLayers.set(root.canvas, signature);
         return true;
     }
-    presentDraw() {
-        const buffer = this.passes.uniform(new Float32Array(this.presentUniform()));
+    presentationOffset(root) {
+        if (this.presentationRoot !== root || !this.presentationOrigin)
+            return [0, 0];
+        const resolution = this.setup.resolution;
+        const [x, y] = this.canvasOffset();
+        const [rootX, rootY] = root.canvasOffset();
+        return [
+            this.presentationOrigin.x * resolution + x - rootX,
+            this.presentationOrigin.y * resolution + y - rootY,
+        ];
+    }
+    groupPresentUniform(root) {
+        const values = this.presentUniform();
+        const [x, y] = this.presentationOffset(root);
+        values[0] += x;
+        values[1] += y;
+        values[8] += x;
+        values[9] += y;
+        return values;
+    }
+    groupPresentScissor(root) {
+        const rect = this.presentScissor();
+        if (!rect)
+            return rect;
+        const [x, y] = this.presentationOffset(root);
+        return [rect[0] + x, rect[1] + y, rect[2], rect[3]];
+    }
+    presentDraw(root) {
+        const buffer = this.passes.uniform(new Float32Array(this.groupPresentUniform(root)));
         const group = this.device.createBindGroup({
             layout: this.presentPipeline.getBindGroupLayout(0),
             entries: [
@@ -744,7 +838,7 @@ export class WebGPURaster {
                 { binding: 2, resource: viewOf(this.targets.result.texture) },
             ],
         });
-        return { raster: this, group, rect: this.presentScissor() };
+        return { raster: this, group, rect: this.groupPresentScissor(root) };
     }
     /** Scroll-attached glass is part of the scrolling content, and the navigation bar's scroll-edge
      * effect is painted over that content (CSS, a layer above the scroll container). Its own
@@ -946,11 +1040,7 @@ export class WebGPURaster {
         const setup = this.setup;
         const { spec, appearance, resolution } = setup;
         const targets = this.targets;
-        const [canvasWidth, canvasHeight] = this.canvasSize();
-        if (this.canvas.width !== canvasWidth)
-            this.canvas.width = canvasWidth;
-        if (this.canvas.height !== canvasHeight)
-            this.canvas.height = canvasHeight;
+        this.resizeCanvas();
         const sampleRect = this.sampleRectangle();
         this.presentRect = sampleRect;
         // Result space = layer space shifted by an integer pixel origin, so every kernel

package/dist/glass/webgpu/rasterMaterial.d.ts

@@ -13,6 +13,10 @@ export declare function usesBarKernel(spec: ResultLayout['spec']): boolean;
  * its accessory, toolbar and glass buttons. Menus and presentation treatments keep the chained
  * pyramid their materials were fitted on. */
 export declare function usesAreaMips(spec: ResultLayout['spec']): boolean;
+/** The tab material does not paint its 128 pt backdrop overscan. Keep a generous
+ * 64 pt output margin around every capsule; the fitted bar shadow has radius 4 pt
+ * and offset 8 pt. The source and blur pyramid still retain their full sample area. */
+export declare function tabMaterialBounds(spec: ResultLayout['spec']): number[] | undefined;
 export declare function encodeMaterial(encoder: GPUCommandEncoder, passes: Passes, targets: Record<string, Target>, layout: ResultLayout, material: Values): void;
 /** The tab bar's selection pill (native selection recipe) and, while the pill lifts, its lens,
  * over a composed scratch of the backdrop and the bar material. */

package/dist/glass/webgpu/rasterMaterial.js

@@ -25,9 +25,25 @@ export function usesBarKernel(spec) {
 export function usesAreaMips(spec) {
     return usesBarKernel(spec);
 }
+/** The tab material does not paint its 128 pt backdrop overscan. Keep a generous
+ * 64 pt output margin around every capsule; the fitted bar shadow has radius 4 pt
+ * and offset 8 pt. The source and blur pyramid still retain their full sample area. */
+export function tabMaterialBounds(spec) {
+    if (!spec.tabSelection || spec.materialProfile !== 'chrome' || spec.treatment)
+        return undefined;
+    const members = spec.shape.members?.length
+        ? spec.shape.members
+        : [spec.shape.first, ...(spec.shape.second ? [spec.shape.second] : [])];
+    const margin = 64 + (Math.max(0, spec.shape.blendRadius) * (members.length - 1)) / 4;
+    const left = Math.min(...members.map(s => s.centerX - s.halfWidth)) + spec.sampleInsetX - margin;
+    const right = Math.max(...members.map(s => s.centerX + s.halfWidth)) + spec.sampleInsetX + margin;
+    const top = Math.min(...members.map(s => s.centerY - s.halfHeight)) + spec.sampleInsetY - margin;
+    const bottom = Math.max(...members.map(s => s.centerY + s.halfHeight)) + spec.sampleInsetY + margin;
+    return [left, top, right - left, bottom - top];
+}
 export function encodeMaterial(encoder, passes, targets, layout, material) {
     const { spec, appearance, resolution, sampleWidth, sampleHeight } = layout;
-    const fieldBounds = morphFieldSampleBounds(spec);
+    const fieldBounds = tabMaterialBounds(spec) ?? morphFieldSampleBounds(spec);
     const fieldScissor = fieldBounds?.map(value => value * resolution);
     const first = spec.shape.first;
     if (spec.treatment === 'contextBackdrop' || spec.treatment === 'contextPreview') {

package/dist/glass/webgpu/rasterUniforms.js

@@ -1,3 +1,4 @@
+import { CONTROL_SPECULAR, controlRimUniform, controlSizeResponse, controlShadowScale, } from './controlRim.js';
 import { touchLightUniforms } from './touchLight.js';
 import { morphFieldUniforms } from '../morphField.js';
 import lightingFit from './lensLightingFit.json';
@@ -185,6 +186,14 @@ export function materialUniforms(layout, setup, pyramid, scale) {
         uDiagnosticOutput: 0,
         uInnerShade: BAR_TOP_INNER_SHADE,
         uTabBarOptics: usesTabBarOptics(spec) ? 1 : 0,
+        uControlRim: controlRimUniform(appearance),
+        uControlSpecular: CONTROL_SPECULAR,
+        uControlSize: [
+            controlSizeResponse(appearance, first.halfWidth * 2, first.halfHeight * 2),
+            controlShadowScale(appearance, first.halfWidth * 2, first.halfHeight * 2),
+            0,
+            0,
+        ],
     };
     if (menu)
         Object.assign(material, {

package/dist/glass/webgpu/regionScene.d.ts

@@ -186,7 +186,8 @@ export declare class RegionScene {
     private owner;
     /** Worker-to-page events (a close morph that ended, so its panel can be torn down). */
     private notify;
-    constructor(owner: LayerDevice, notify?: (event: GlassRegionEvent) => void, submissionAllowed?: () => boolean);
+    private readonly chrome?;
+    constructor(owner: LayerDevice, notify?: (event: GlassRegionEvent) => void, submissionAllowed?: () => boolean, chrome?: WebGPURaster);
     request(request: GlassRendererRequest): Promise<unknown>;
     /** New source images (uploads) since the last install: only those need a completion fence. */
     private presentationReceipt;
@@ -200,6 +201,8 @@ export declare class RegionScene {
         height: number;
         pixels: Uint8Array<ArrayBuffer>;
     }>;
+    /** Geometry sampled for the frame trace, in viewport points. No DOM measurements. */
+    accessoryGeometry(): string;
     diagnostics(): {
         navigation: {
             key: string;

package/dist/glass/webgpu/regionScene.js

@@ -1132,7 +1132,9 @@ export class RegionScene {
     owner;
     /** Worker-to-page events (a close morph that ended, so its panel can be torn down). */
     notify;
-    constructor(owner, notify = () => { }, submissionAllowed = () => true) {
+    chrome;
+    constructor(owner, notify = () => { }, submissionAllowed = () => true, chrome) {
+        this.chrome = chrome;
         this.submissionAllowed = () => !this.sourcePending && submissionAllowed();
         this.owner = owner;
         this.notify = notify;
@@ -1683,6 +1685,12 @@ export class RegionScene {
                     width: bounds.width,
                     height: bounds.height,
                 };
+            if (this.chrome) {
+                if (region.accessoryTrack?.held && p.descriptor.role === 'material')
+                    p.raster?.joinPresentation(this.chrome, p.descriptor.origin);
+                else
+                    p.raster?.leavePresentation();
+            }
             const viewportTrack = region.presentationViewportTrack ?? region.accessoryViewportTrack ?? region.accessoryTrack;
             const accessoryTranslation = viewportTrack && !held ? accessoryOffset(viewportTrack, this.trackClock()) : undefined;
             const viewport = held
@@ -1902,6 +1910,8 @@ export class RegionScene {
                     p.raster.setViewport(viewport);
                 p.raster.setSubmissionGate(this.submissionAllowed);
                 await p.raster.init(p.canvas, this.owner, region.layer, p.descriptor);
+                if (this.chrome && region.accessoryTrack?.held && p.descriptor.role === 'material')
+                    p.raster.joinPresentation(this.chrome, p.descriptor.origin);
                 p.raster.setVisible(this.visible);
                 fence = true;
             }
@@ -2070,6 +2080,25 @@ export class RegionScene {
             throw Error('Unknown glass presenter snapshot ' + id);
         return raster.snapshot();
     }
+    /** Geometry sampled for the frame trace, in viewport points. No DOM measurements. */
+    accessoryGeometry() {
+        return JSON.stringify([...this.presenters.values()].flatMap(p => {
+            const region = this.scene.regions.find(r => r.id === p.descriptor.regionIds[0]);
+            const spec = p.raster?.spec;
+            if (!region?.accessoryTrack || !spec || p.descriptor.role !== 'material')
+                return [];
+            const shape = spec.shape.first;
+            return [
+                {
+                    region: region.id,
+                    left: p.descriptor.origin.x + spec.frameX + shape.centerX - shape.halfWidth,
+                    right: p.descriptor.origin.x + spec.frameX + shape.centerX + shape.halfWidth,
+                    top: p.descriptor.origin.y + spec.frameY + shape.centerY - shape.halfHeight,
+                    inkLayers: spec.ink?.layers.length ?? 0,
+                },
+            ];
+        }));
+    }
     diagnostics() {
         return {
             navigation: this.navigation

package/dist/glass/webgpu/renderer.js

@@ -65,7 +65,7 @@ export function createWebGPURenderer(emit, clock = documentFrameClock) {
     const raster = new WebGPURaster();
     raster.setSubmissionGate(submissionAllowed);
     const layers = new Map([['chrome', raster]]);
-    const appRegions = new RegionScene(owner, event => emit({ glassEvent: event }), submissionAllowed);
+    const appRegions = new RegionScene(owner, event => emit({ glassEvent: event }), submissionAllowed, clock.kind === 'worker-raf' ? raster : undefined);
     let tab = new TabMotion(), sharedTabLift = false, reducedMotion = false;
     const menuLift = new TabMotion(TAB_INTERACTIVE_MOTION);
     let tabTiming;
@@ -435,8 +435,15 @@ export function createWebGPURenderer(emit, clock = documentFrameClock) {
                 restart: restarted,
             };
             loopSample = undefined;
-            appRegions.sample(at, sampleAt);
-            render(x, [], sampleAt);
+            if (clock.kind === 'worker-raf')
+                raster.withSharedPresentation(() => {
+                    appRegions.sample(at, sampleAt);
+                    render(x, [], sampleAt);
+                });
+            else {
+                appRegions.sample(at, sampleAt);
+                render(x, [], sampleAt);
+            }
         }
         catch (error) {
             frameContext = undefined;
@@ -481,7 +488,16 @@ export function createWebGPURenderer(emit, clock = documentFrameClock) {
                     late: 0,
                     interval: previous === undefined ? null : at - previous,
                     restart: restarted,
-                    clock: 'page-raf',
+                    clock: clock.kind ?? 'page-raf',
+                    homeLeft: raster.spec &&
+                        raster.spec.frameX +
+                            raster.spec.shape.first.centerX -
+                            raster.spec.shape.first.halfWidth,
+                    homeRight: raster.spec &&
+                        raster.spec.frameX +
+                            raster.spec.shape.first.centerX +
+                            raster.spec.shape.first.halfWidth,
+                    accessoryGeometry: clock.kind === 'worker-raf' ? appRegions.accessoryGeometry() : undefined,
                     callbackDelayMs,
                     presented: takePresentedCanvases(),
                     tabCentre: tab.frame.centre,
@@ -509,7 +525,7 @@ export function createWebGPURenderer(emit, clock = documentFrameClock) {
         }
     };
     owner.subscribe(device => {
-        frameProbe.useDevice(device);
+        frameProbe.useDevice(device, clock.kind !== 'worker-raf');
         lost = !device;
         if (!device) {
             cancel();
@@ -934,7 +950,7 @@ export function createWebGPURenderer(emit, clock = documentFrameClock) {
                     }
                     break;
                 case 'capability':
-                    frameProbe.useDevice(await owner.ready());
+                    frameProbe.useDevice(await owner.ready(), clock.kind !== 'worker-raf');
                     value = { backend: 'webgpu', timestampQuery: frameProbe.timestampQuery };
                     break;
                 case 'init':
@@ -1291,7 +1307,7 @@ export function createWebGPURenderer(emit, clock = documentFrameClock) {
                         callbacks,
                         framePending: !!handle,
                         rate: 60,
-                        clock: 'page-raf',
+                        clock: clock.kind ?? 'page-raf',
                         visible,
                         presentationGate: {
                             allowed: submissionAllowed(),

package/dist/glass/webgpu/shaders.d.ts

@@ -1,7 +1,7 @@
 export declare const shaders: {
     readonly bar: {
-        readonly wgsl: 'diagnostic(off, derivative_uniformity);\nstruct Parameters {\n    uInputSize_slot: vec4<f32>,\n    uInputClamp_slot: vec4<f32>,\n    uResolution_slot: vec4<f32>,\n    uShape_slot: vec4<f32>,\n    uRadius_slot: vec4<f32>,\n    uMorphParams_slot: vec4<f32>,\n    uMorphShape0_slot: vec4<f32>,\n    uMorphShape1_slot: vec4<f32>,\n    uMorphShape2_slot: vec4<f32>,\n    uMorphShape3_slot: vec4<f32>,\n    uMorphShape4_slot: vec4<f32>,\n    uMorphShape5_slot: vec4<f32>,\n    uMorphShape6_slot: vec4<f32>,\n    uMorphShape7_slot: vec4<f32>,\n    uMorphShape8_slot: vec4<f32>,\n    uMorphShape9_slot: vec4<f32>,\n    uMorphShape10_slot: vec4<f32>,\n    uMorphShape11_slot: vec4<f32>,\n    uMorphShape12_slot: vec4<f32>,\n    uMorphShape13_slot: vec4<f32>,\n    uMorphShape14_slot: vec4<f32>,\n    uMorphShape15_slot: vec4<f32>,\n    uMorphRadii0_slot: vec4<f32>,\n    uMorphRadii1_slot: vec4<f32>,\n    uMorphRadii2_slot: vec4<f32>,\n    uMorphRadii3_slot: vec4<f32>,\n    uMaterialUnits_slot: vec4<f32>,\n    uMaterialInner_slot: vec4<f32>,\n    uMaterialOuter_slot: vec4<f32>,\n    uMaterialBlend_slot: vec4<f32>,\n    uMaterialBlurFill_slot: vec4<f32>,\n    uMaterialBlurDistances_slot: vec4<f32>,\n    uMaterialBlurDifferences_slot: vec4<f32>,\n    uMaterialAberration_slot: vec4<f32>,\n    uMaterialAberrationDirection_slot: vec4<f32>,\n    uMaterialFace0_slot: vec4<f32>,\n    uMaterialFace1_slot: vec4<f32>,\n    uMaterialFace2_slot: vec4<f32>,\n    uMaterialBleed0_slot: vec4<f32>,\n    uMaterialBleed1_slot: vec4<f32>,\n    uMaterialBleed2_slot: vec4<f32>,\n    uMaterialShadow0_slot: vec4<f32>,\n    uMaterialShadow1_slot: vec4<f32>,\n    uMaterialShadow2_slot: vec4<f32>,\n    uMaterialShadowField_slot: vec4<f32>,\n    uMaterialShadowResponse_slot: vec4<f32>,\n    uMaterialShadowOffset_slot: vec4<f32>,\n    uMaterialColour_slot: vec4<f32>,\n    uMaterialBleed_slot: vec4<f32>,\n    uMaterialBleedField_slot: vec4<f32>,\n    uMaterialBackgroundKey_slot: vec4<f32>,\n    uMaterialBackgroundLight_slot: vec4<f32>,\n    uMaterialKey_slot: vec4<f32>,\n    uMaterialFill_slot: vec4<f32>,\n    uMaterialLight_slot: vec4<f32>,\n    uMaterialRim_slot: vec4<f32>,\n    uMaterialContourAngular_slot: vec4<f32>,\n    uMaterialSdfProjection_slot: vec4<f32>,\n    uMaterialSdfDiffuse_slot: vec4<f32>,\n    uMaterialSdfKey_slot: vec4<f32>,\n    uMaterialSdfFill_slot: vec4<f32>,\n    uMaterialSdfAngles_slot: vec4<f32>,\n    uMaterialSdf0_slot: vec4<f32>,\n    uMaterialSdf1_slot: vec4<f32>,\n    uMaterialSdf2_slot: vec4<f32>,\n    uMaterialMix_slot: vec4<f32>,\n    uCoverageWidth_slot: vec4<f32>,\n    uDiagnosticOutput_slot: vec4<f32>,\n    uInnerShade_slot: vec4<f32>,\n    uTouchLight_slot: vec4<f32>,\n    uTouchLightColour_slot: vec4<f32>,\n    uTabBarOptics_slot: vec4<f32>,\n    kernelScale_slot: vec4<f32>,\n}\n\nstruct FragmentOutput {\n    @location(0) finalColor: vec4<f32>,\n}\n\n@group(0) @binding(0) \nvar<uniform> global: Parameters;\n@group(0) @binding(1) \nvar sourceSampler: sampler;\n@group(0) @binding(2) \nvar uTexture_texture: texture_2d<f32>;\n@group(0) @binding(3) \nvar uSource_texture: texture_2d<f32>;\nvar<private> vTextureCoord_1: vec2<f32>;\nvar<private> vFilterCoord_1: vec2<f32>;\nvar<private> finalColor: vec4<f32>;\n\nfn sdRoundRect(p: vec2<f32>, halfSize: vec2<f32>, radius: f32) -> f32 {\n    var p_1: vec2<f32>;\n    var halfSize_1: vec2<f32>;\n    var radius_1: f32;\n    var q: vec2<f32>;\n\n    p_1 = p;\n    halfSize_1 = halfSize;\n    radius_1 = radius;\n    let _e105 = p_1;\n    let _e107 = halfSize_1;\n    let _e109 = radius_1;\n    q = ((abs(_e105) - _e107) + vec2(_e109));\n    let _e113 = q;\n    let _e115 = q;\n    let _e120 = q;\n    let _e126 = radius_1;\n    return ((min(max(_e113.x, _e115.y), 0f) + length(max(_e120, vec2(0f)))) - _e126);\n}\n\nfn morphMemberDistance(p_2: vec2<f32>, shape: vec4<f32>, radius_2: f32) -> f32 {\n    var p_3: vec2<f32>;\n    var shape_1: vec4<f32>;\n    var radius_3: f32;\n    var q_1: vec2<f32>;\n\n    p_3 = p_2;\n    shape_1 = shape;\n    radius_3 = radius_2;\n    let _e147 = p_3;\n    let _e148 = shape_1;\n    let _e152 = shape_1;\n    let _e155 = radius_3;\n    q_1 = ((abs((_e147 - _e148.xy)) - _e152.zw) + vec2(_e155));\n    let _e159 = q_1;\n    let _e161 = q_1;\n    let _e166 = q_1;\n    let _e173 = radius_3;\n    return ((min(max(_e159.x, _e161.y), 0f) + length(max(_e166, vec2(0f)))) - _e173);\n}\n\nfn morphSmoothMin(a: f32, b: f32) -> f32 {\n    var a_1: f32;\n    var b_1: f32;\n    var k: f32;\n    var h: f32;\n\n    a_1 = a;\n    b_1 = b;\n    let _e145 = global.uMorphParams_slot;\n    k = _e145.y;\n    let _e148 = k;\n    if (_e148 <= 0f) {\n        let _e151 = a_1;\n        let _e152 = b_1;\n        return min(_e151, _e152);\n    }\n    let _e154 = k;\n    let _e155 = a_1;\n    let _e156 = b_1;\n    let _e162 = k;\n    h = (max((_e154 - abs((_e155 - _e156))), 0f) / _e162);\n    let _e165 = a_1;\n    let _e166 = b_1;\n    let _e168 = h;\n    let _e169 = h;\n    let _e171 = k;\n    return (min(_e165, _e166) - (((_e168 * _e169) * _e171) * 0.25f));\n}\n\nfn morphMemberNormal(p_4: vec2<f32>, shape_2: vec4<f32>, radius_4: f32) -> vec2<f32> {\n    var p_5: vec2<f32>;\n    var shape_3: vec4<f32>;\n    var radius_5: f32;\n    var delta: vec2<f32>;\n    var q_2: vec2<f32>;\n    var n: vec2<f32>;\n    var local: vec2<f32>;\n\n    p_5 = p_4;\n    shape_3 = shape_2;\n    radius_5 = radius_4;\n    let _e147 = p_5;\n    let _e148 = shape_3;\n    delta = (_e147 - _e148.xy);\n    let _e152 = delta;\n    let _e154 = shape_3;\n    let _e157 = radius_5;\n    q_2 = ((abs(_e152) - _e154.zw) + vec2(_e157));\n    let _e161 = q_2;\n    let _e166 = delta;\n    n = (max(_e161, vec2(0f)) * sign(_e166));\n    let _e170 = q_2;\n    let _e172 = q_2;\n    if (max(_e170.x, _e172.y) <= 0f) {\n        let _e177 = q_2;\n        let _e179 = q_2;\n        if (_e177.x >= _e179.y) {\n            let _e182 = delta;\n            local = vec2<f32>(sign(_e182.x), 0f);\n        } else {\n            let _e189 = delta;\n            local = vec2<f32>(0f, sign(_e189.y));\n        }\n        let _e195 = local;\n        n = _e195;\n    }\n    let _e196 = n;\n    let _e197 = n;\n    return (_e196 / vec2(max(length(_e197), 0.00000001f)));\n}\n\nfn morphAdd(p_6: vec2<f32>, shape_4: vec4<f32>, radius_6: f32, d: ptr<function, f32>, n_1: ptr<function, vec2<f32>>) {\n    var p_7: vec2<f32>;\n    var shape_5: vec4<f32>;\n    var radius_7: f32;\n    var b_2: f32;\n    var nb: vec2<f32>;\n    var k_1: f32;\n    var h_1: f32;\n    var w: f32;\n\n    p_7 = p_6;\n    shape_5 = shape_4;\n    radius_7 = radius_6;\n    let _e149 = p_7;\n    let _e150 = shape_5;\n    let _e151 = radius_7;\n    let _e152 = morphMemberDistance(_e149, _e150, _e151);\n    b_2 = _e152;\n    let _e154 = p_7;\n    let _e155 = shape_5;\n    let _e156 = radius_7;\n    let _e157 = morphMemberNormal(_e154, _e155, _e156);\n    nb = _e157;\n    let _e159 = (*d);\n    if (_e159 > 1000000000f) {\n        {\n            let _e162 = b_2;\n            (*d) = _e162;\n            let _e163 = nb;\n            (*n_1) = _e163;\n            return;\n        }\n    }\n    let _e164 = global.uMorphParams_slot;\n    let _e167 = (*n_1);\n    let _e168 = nb;\n    k_1 = (_e164.y * pow(clamp(((1f - dot(_e167, _e168)) * 0.5f), 0f, 1f), 1f));\n    let _e181 = k_1;\n    if (_e181 <= 0.0001f) {\n        {\n            let _e184 = b_2;\n            let _e185 = (*d);\n            if (_e184 < _e185) {\n                {\n                    let _e187 = b_2;\n                    (*d) = _e187;\n                    let _e188 = nb;\n                    (*n_1) = _e188;\n                }\n            }\n            return;\n        }\n    }\n    let _e189 = k_1;\n    let _e190 = (*d);\n    let _e191 = b_2;\n    let _e197 = k_1;\n    h_1 = (max((_e189 - abs((_e190 - _e191))), 0f) / _e197);\n    let _e201 = (*d);\n    let _e202 = b_2;\n    let _e205 = k_1;\n    w = clamp((0.5f + ((_e201 - _e202) / (2f * _e205))), 0f, 1f);\n    let _e213 = (*d);\n    let _e214 = b_2;\n    let _e216 = h_1;\n    let _e217 = h_1;\n    let _e219 = k_1;\n    (*d) = (min(_e213, _e214) - (((_e216 * _e217) * _e219) * 0.25f));\n    let _e224 = (*n_1);\n    let _e225 = nb;\n    let _e226 = w;\n    (*n_1) = mix(_e224, _e225, vec2(_e226));\n    let _e229 = (*n_1);\n    let _e230 = (*n_1);\n    (*n_1) = (_e229 / vec2(max(length(_e230), 0.00000001f)));\n    return;\n}\n\nfn morphRawDistance(p_8: vec2<f32>) -> f32 {\n    var p_9: vec2<f32>;\n    var d_1: f32 = 10000000000f;\n    var n_2: vec2<f32> = vec2(0f);\n\n    p_9 = p_8;\n    let _e149 = global.uMorphParams_slot;\n    if (_e149.x > 0.5f) {\n        let _e153 = p_9;\n        let _e154 = global.uMorphShape0_slot;\n        let _e155 = global.uMorphRadii0_slot;\n        morphAdd(_e153, _e154, _e155.x, (&d_1), (&n_2));\n    }\n    let _e161 = global.uMorphParams_slot;\n    if (_e161.x > 1.5f) {\n        let _e165 = p_9;\n        let _e166 = global.uMorphShape1_slot;\n        let _e167 = global.uMorphRadii0_slot;\n        morphAdd(_e165, _e166, _e167.y, (&d_1), (&n_2));\n    }\n    let _e173 = global.uMorphParams_slot;\n    if (_e173.x > 2.5f) {\n        let _e177 = p_9;\n        let _e178 = global.uMorphShape2_slot;\n        let _e179 = global.uMorphRadii0_slot;\n        morphAdd(_e177, _e178, _e179.z, (&d_1), (&n_2));\n    }\n    let _e185 = global.uMorphParams_slot;\n    if (_e185.x > 3.5f) {\n        let _e189 = p_9;\n        let _e190 = global.uMorphShape3_slot;\n        let _e191 = global.uMorphRadii0_slot;\n        morphAdd(_e189, _e190, _e191.w, (&d_1), (&n_2));\n    }\n    let _e197 = global.uMorphParams_slot;\n    if (_e197.x > 4.5f) {\n        let _e201 = p_9;\n        let _e202 = global.uMorphShape4_slot;\n        let _e203 = global.uMorphRadii1_slot;\n        morphAdd(_e201, _e202, _e203.x, (&d_1), (&n_2));\n    }\n    let _e209 = global.uMorphParams_slot;\n    if (_e209.x > 5.5f) {\n        let _e213 = p_9;\n        let _e214 = global.uMorphShape5_slot;\n        let _e215 = global.uMorphRadii1_slot;\n        morphAdd(_e213, _e214, _e215.y, (&d_1), (&n_2));\n    }\n    let _e221 = global.uMorphParams_slot;\n    if (_e221.x > 6.5f) {\n        let _e225 = p_9;\n        let _e226 = global.uMorphShape6_slot;\n        let _e227 = global.uMorphRadii1_slot;\n        morphAdd(_e225, _e226, _e227.z, (&d_1), (&n_2));\n    }\n    let _e233 = global.uMorphParams_slot;\n    if (_e233.x > 7.5f) {\n        let _e237 = p_9;\n        let _e238 = global.uMorphShape7_slot;\n        let _e239 = global.uMorphRadii1_slot;\n        morphAdd(_e237, _e238, _e239.w, (&d_1), (&n_2));\n    }\n    let _e245 = global.uMorphParams_slot;\n    if (_e245.x > 8.5f) {\n        let _e249 = p_9;\n        let _e250 = global.uMorphShape8_slot;\n        let _e251 = global.uMorphRadii2_slot;\n        morphAdd(_e249, _e250, _e251.x, (&d_1), (&n_2));\n    }\n    let _e257 = global.uMorphParams_slot;\n    if (_e257.x > 9.5f) {\n        let _e261 = p_9;\n        let _e262 = global.uMorphShape9_slot;\n        let _e263 = global.uMorphRadii2_slot;\n        morphAdd(_e261, _e262, _e263.y, (&d_1), (&n_2));\n    }\n    let _e269 = global.uMorphParams_slot;\n    if (_e269.x > 10.5f) {\n        let _e273 = p_9;\n        let _e274 = global.uMorphShape10_slot;\n        let _e275 = global.uMorphRadii2_slot;\n        morphAdd(_e273, _e274, _e275.z, (&d_1), (&n_2));\n    }\n    let _e281 = global.uMorphParams_slot;\n    if (_e281.x > 11.5f) {\n        let _e285 = p_9;\n        let _e286 = global.uMorphShape11_slot;\n        let _e287 = global.uMorphRadii2_slot;\n        morphAdd(_e285, _e286, _e287.w, (&d_1), (&n_2));\n    }\n    let _e293 = global.uMorphParams_slot;\n    if (_e293.x > 12.5f) {\n        let _e297 = p_9;\n        let _e298 = global.uMorphShape12_slot;\n        let _e299 = global.uMorphRadii3_slot;\n        morphAdd(_e297, _e298, _e299.x, (&d_1), (&n_2));\n    }\n    let _e305 = global.uMorphParams_slot;\n    if (_e305.x > 13.5f) {\n        let _e309 = p_9;\n        let _e310 = global.uMorphShape13_slot;\n        let _e311 = global.uMorphRadii3_slot;\n        morphAdd(_e309, _e310, _e311.y, (&d_1), (&n_2));\n    }\n    let _e317 = global.uMorphParams_slot;\n    if (_e317.x > 14.5f) {\n        let _e321 = p_9;\n        let _e322 = global.uMorphShape14_slot;\n        let _e323 = global.uMorphRadii3_slot;\n        morphAdd(_e321, _e322, _e323.z, (&d_1), (&n_2));\n    }\n    let _e329 = global.uMorphParams_slot;\n    if (_e329.x > 15.5f) {\n        let _e333 = p_9;\n        let _e334 = global.uMorphShape15_slot;\n        let _e335 = global.uMorphRadii3_slot;\n        morphAdd(_e333, _e334, _e335.w, (&d_1), (&n_2));\n    }\n    let _e341 = d_1;\n    return _e341;\n}\n\nfn morphGradient(p_10: vec2<f32>) -> vec2<f32> {\n    var p_11: vec2<f32>;\n    var e: f32 = 0.1f;\n\n    p_11 = p_10;\n    let _e145 = p_11;\n    let _e146 = e;\n    let _e151 = morphRawDistance((_e145 + vec2<f32>(_e146, 0f)));\n    let _e152 = p_11;\n    let _e153 = e;\n    let _e158 = morphRawDistance((_e152 - vec2<f32>(_e153, 0f)));\n    let _e160 = p_11;\n    let _e162 = e;\n    let _e166 = morphRawDistance((_e160 + vec2<f32>(0f, _e162)));\n    let _e167 = p_11;\n    let _e169 = e;\n    let _e173 = morphRawDistance((_e167 - vec2<f32>(0f, _e169)));\n    let _e177 = e;\n    return (vec2<f32>((_e151 - _e158), (_e166 - _e173)) / vec2((2f * _e177)));\n}\n\nfn morphNormal(p_12: vec2<f32>) -> vec2<f32> {\n    var p_13: vec2<f32>;\n\n    p_13 = p_12;\n    let _e143 = p_13;\n    let _e144 = morphGradient(_e143);\n    return normalize((_e144 + vec2(0.00000001f)));\n}\n\nfn morphDistance(p_14: vec2<f32>) -> f32 {\n    var p_15: vec2<f32>;\n    var d_2: f32;\n    var scale: f32;\n\n    p_15 = p_14;\n    let _e143 = p_15;\n    let _e144 = morphRawDistance(_e143);\n    d_2 = _e144;\n    let _e146 = global.uMorphParams_slot;\n    let _e150 = global.uMorphParams_slot;\n    if ((_e146.x < 1.5f) || (_e150.y <= 0f)) {\n        let _e155 = d_2;\n        return _e155;\n    }\n    let _e157 = p_15;\n    let _e158 = morphGradient(_e157);\n    scale = (1f / clamp(length(_e158), 0.25f, 1f));\n    let _e165 = d_2;\n    let _e166 = scale;\n    let _e170 = d_2;\n    return (_e165 * mix(_e166, 1f, smoothstep(16f, 28f, -(_e170))));\n}\n\nfn materialDiffusionUnit() -> f32 {\n    var local: f32;\n\n    let _e99 = global.uMaterialUnits_slot;\n    if (_e99.w > 0f) {\n        let _e103 = global.uMaterialUnits_slot;\n        local = _e103.w;\n    } else {\n        let _e105 = global.uMaterialUnits_slot;\n        local = _e105.y;\n    }\n    let _e108 = local;\n    return _e108;\n}\n\nfn materialProfile(d: f32, p_2: vec3<f32>) -> f32 {\n    var d_1: f32;\n    var p_3: vec3<f32>;\n    var t: f32;\n\n    d_1 = d;\n    p_3 = p_2;\n    let _e103 = d_1;\n    let _e104 = p_3;\n    let _e107 = p_3;\n    t = clamp(((_e103 - _e104.z) / max(_e107.y, 0.000001f)), 0f, 1f);\n    let _e116 = p_3;\n    let _e119 = t;\n    let _e121 = t;\n    return (_e116.x * (1f - sqrt((_e119 * (2f - _e121)))));\n}\n\nfn materialLevel(radius_2: f32) -> f32 {\n    var radius_3: f32;\n    var local_1: f32;\n\n    radius_3 = radius_2;\n    let _e102 = radius_3;\n    if (_e102 < 2f) {\n        let _e106 = radius_3;\n        local_1 = (1f + (_e106 * 0.5f));\n    } else {\n        let _e110 = radius_3;\n        local_1 = _e110;\n    }\n    let _e112 = local_1;\n    return max(0f, log2(_e112));\n}\n\nfn materialMip(uv: vec2<f32>, level: f32) -> vec3<f32> {\n    var uv_1: vec2<f32>;\n    var level_1: f32;\n\n    uv_1 = uv;\n    level_1 = level;\n    let _e103 = uv_1;\n    let _e104 = global.uInputClamp_slot;\n    let _e106 = global.uInputClamp_slot;\n    let _e109 = level_1;\n    let _e110 = textureSampleLevel(uTexture_texture, sourceSampler, clamp(_e103, _e104.xy, _e106.zw), _e109);\n    return _e110.xyz;\n}\n\nfn tabBarOptics() -> bool {\n    return (global.uTabBarOptics_slot.x > 0.5f);\n}\n\nfn materialTwoTapFill(uv: vec2<f32>, lod: f32) -> vec3<f32> {\n    let offset = (vec2((lod * 0.25f)) / vec2<f32>(vec2<i32>(textureDimensions(uTexture_texture, 0i))));\n    return (0.5f * (materialMip((uv + offset), lod) + materialMip((uv - offset), lod)));\n}\n\nfn materialSharp(uv: vec2<f32>) -> vec3<f32> {\n    let halfPixel = (vec2(0.5f) / vec2<f32>(textureDimensions(uSource_texture, 0i)));\n    let low = halfPixel;\n    let high = (vec2(1f) - halfPixel);\n    let centre = (uv / global.kernelScale_slot.xy);\n    let a = textureSampleLevel(uSource_texture, sourceSampler, clamp((centre + halfPixel), low, high), 0f);\n    let b = textureSampleLevel(uSource_texture, sourceSampler, clamp((centre - halfPixel), low, high), 0f);\n    let c = textureSampleLevel(uSource_texture, sourceSampler, clamp((centre + vec2<f32>(halfPixel.x, -(halfPixel.y))), low, high), 0f);\n    let d = textureSampleLevel(uSource_texture, sourceSampler, clamp((centre + vec2<f32>(-(halfPixel.x), halfPixel.y)), low, high), 0f);\n    return (0.25f * (((a.xyz + b.xyz) + c.xyz) + d.xyz));\n}\n\nfn materialDiagonal(uv_2: vec2<f32>, level_2: f32) -> vec3<f32> {\n    var uv_3: vec2<f32>;\n    var level_3: f32;\n    var o: vec2<f32>;\n\n    uv_3 = uv_2;\n    level_3 = level_2;\n    if ((level_2 <= 0f) && tabBarOptics()) {\n        return materialSharp(uv_2);\n    }\n    let _e103 = level_3;\n    let _e107 = textureDimensions(uTexture_texture, 0i);\n    o = (vec2((_e103 * 0.25f)) / vec2<f32>(vec2<i32>(_e107)));\n    let _e114 = uv_3;\n    let _e115 = o;\n    let _e117 = level_3;\n    let _e118 = materialMip((_e114 + _e115), _e117);\n    let _e119 = uv_3;\n    let _e120 = o;\n    let _e122 = level_3;\n    let _e123 = materialMip((_e119 - _e120), _e122);\n    let _e125 = uv_3;\n    let _e126 = o;\n    let _e128 = o;\n    let _e133 = level_3;\n    let _e134 = materialMip((_e125 + vec2<f32>(_e126.x, -(_e128.y))), _e133);\n    let _e136 = uv_3;\n    let _e137 = o;\n    let _e140 = o;\n    let _e144 = level_3;\n    let _e145 = materialMip((_e136 + vec2<f32>(-(_e137.x), _e140.y)), _e144);\n    return (0.25f * (((_e118 + _e123) + _e134) + _e145));\n}\n\nfn materialSpectrum(uv_4: vec2<f32>, delta: vec2<f32>, level_4: f32) -> vec3<f32> {\n    var uv_5: vec2<f32>;\n    var delta_1: vec2<f32>;\n    var level_5: f32;\n\n    uv_5 = uv_4;\n    delta_1 = delta;\n    level_5 = level_4;\n    let _e105 = uv_5;\n    let _e106 = delta_1;\n    let _e110 = level_5;\n    let _e111 = materialDiagonal((_e105 + (_e106 * 1f)), _e110);\n    let _e117 = uv_5;\n    let _e118 = delta_1;\n    let _e122 = level_5;\n    let _e123 = materialDiagonal((_e117 + (_e118 * 0.6666667f)), _e122);\n    let _e130 = uv_5;\n    let _e131 = delta_1;\n    let _e135 = level_5;\n    let _e136 = materialDiagonal((_e130 + (_e131 * 0.33333334f)), _e135);\n    let _e143 = uv_5;\n    let _e144 = delta_1;\n    let _e148 = level_5;\n    let _e149 = materialDiagonal((_e143 + (_e144 * 0f)), _e148);\n    let _e156 = uv_5;\n    let _e157 = delta_1;\n    let _e162 = level_5;\n    let _e163 = materialDiagonal((_e156 + (_e157 * -0.33333334f)), _e162);\n    let _e170 = uv_5;\n    let _e171 = delta_1;\n    let _e176 = level_5;\n    let _e177 = materialDiagonal((_e170 + (_e171 * -0.6666667f)), _e176);\n    let _e184 = uv_5;\n    let _e185 = delta_1;\n    let _e190 = level_5;\n    let _e191 = materialDiagonal((_e184 + (_e185 * -1f)), _e190);\n    return (((((((_e111 * vec3<f32>(0.5f, 0f, 0f)) + (_e123 * vec3<f32>(0.33333334f, 0.11111111f, 0f))) + (_e136 * vec3<f32>(0.16666667f, 0.22222222f, 0f))) + (_e149 * vec3<f32>(0f, 0.33333334f, 0f))) + (_e163 * vec3<f32>(0f, 0.22222222f, 0.16666667f))) + (_e177 * vec3<f32>(0f, 0.11111111f, 0.33333334f))) + (_e191 * vec3<f32>(0f, 0f, 0.5f)));\n}\n\nfn materialRamp(x: f32, a: f32, b: f32) -> f32 {\n    var x_1: f32;\n    var a_1: f32;\n    var b_1: f32;\n    var local_2: f32;\n\n    x_1 = x;\n    a_1 = a;\n    b_1 = b;\n    let _e105 = b_1;\n    let _e106 = a_1;\n    if (abs((_e105 - _e106)) < 0.000001f) {\n        let _e111 = a_1;\n        let _e112 = x_1;\n        local_2 = step(_e111, _e112);\n    } else {\n        let _e114 = x_1;\n        let _e115 = a_1;\n        let _e117 = b_1;\n        let _e118 = a_1;\n        local_2 = clamp(((_e114 - _e115) / (_e117 - _e118)), 0f, 1f);\n    }\n    let _e125 = local_2;\n    return _e125;\n}\n\nfn materialRadius(z: f32) -> f32 {\n    var z_1: f32;\n    var ramps: vec3<f32>;\n\n    z_1 = z;\n    let _e101 = z_1;\n    let _e102 = global.uMaterialBlurDistances_slot;\n    let _e104 = global.uMaterialBlurDistances_slot;\n    let _e106 = materialRamp(_e101, _e102.x, _e104.y);\n    let _e107 = z_1;\n    let _e108 = global.uMaterialBlurDistances_slot;\n    let _e110 = global.uMaterialBlurDistances_slot;\n    let _e112 = materialRamp(_e107, _e108.y, _e110.z);\n    let _e113 = z_1;\n    let _e114 = global.uMaterialBlurDistances_slot;\n    let _e116 = global.uMaterialBlurDistances_slot;\n    let _e118 = materialRamp(_e113, _e114.z, _e116.w);\n    ramps = vec3<f32>(_e106, _e112, _e118);\n    let _e122 = global.uMaterialBlend_slot;\n    let _e124 = global.uMaterialBlurDifferences_slot;\n    let _e126 = global.uMaterialBlurDifferences_slot;\n    let _e128 = ramps;\n    return max(0f, (_e122.w * (_e124.x - dot(_e126.yzw, _e128))));\n}\n\nfn materialFill(uv: vec2<f32>, lod: f32) -> vec3<f32> {\n    let level = min(floor(max(0f, (lod - 0.5f))), (f32(textureNumLevels(uTexture_texture)) - 1f));\n    let halfTexel = (vec2(0.5f) / vec2<f32>(textureDimensions(uTexture_texture, i32(level))));\n    let a = materialMip((uv + halfTexel), level);\n    let b = materialMip((uv - halfTexel), level);\n    let c = materialMip((uv + vec2<f32>(halfTexel.x, -(halfTexel.y))), level);\n    let d = materialMip((uv + vec2<f32>(-(halfTexel.x), halfTexel.y)), level);\n    return (0.25f * (((a + b) + c) + d));\n}\n\nfn materialTransmission(signedPt: f32, n: vec2<f32>, uv_6: vec2<f32>) -> vec3<f32> {\n    var signedPt_1: f32;\n    var n_1: vec2<f32>;\n    var uv_7: vec2<f32>;\n    var s: f32;\n    var fi: f32;\n    var fo: f32;\n    var pointToUv: vec2<f32>;\n    var displacement: vec2<f32>;\n    var v: vec2<f32>;\n    var delta_2: vec2<f32>;\n    var physicalPixelsPerPoint: f32;\n    var inner: vec3<f32>;\n    var lod: f32;\n    var fill: vec3<f32>;\n    var weights: vec2<f32>;\n    var response: vec3<f32>;\n    var outer: vec3<f32>;\n    var w: f32;\n\n    signedPt_1 = signedPt;\n    n_1 = n;\n    uv_7 = uv_6;\n    let _e105 = signedPt_1;\n    let _e106 = global.uMaterialUnits_slot;\n    let _e109 = global.uMaterialUnits_slot;\n    s = ((_e105 * _e106.x) + _e109.z);\n    let _e113 = s;\n    let _e115 = global.uMaterialInner_slot;\n    let _e117 = materialProfile(-(_e113), _e115.xyz);\n    fi = _e117;\n    let _e119 = s;\n    let _e121 = global.uMaterialOuter_slot;\n    let _e123 = materialProfile(-(_e119), _e121.xyz);\n    fo = _e123;\n    let _e125 = global.uInputSize_slot;\n    pointToUv = _e125.zw;\n    let _e128 = n_1;\n    let _e129 = global.uMaterialUnits_slot;\n    let _e132 = pointToUv;\n    displacement = ((_e128 * _e129.y) * _e132);\n    let _e135 = global.uMaterialAberrationDirection_slot;\n    v = _e135.xy;\n    let _e138 = s;\n    let _e140 = global.uMaterialAberration_slot;\n    let _e142 = materialProfile(-(_e138), _e140.xyz);\n    let _e143 = global.uMaterialUnits_slot;\n    let _e146 = pointToUv;\n    let _e148 = v;\n    let _e150 = n_1;\n    let _e153 = v;\n    let _e155 = n_1;\n    let _e160 = pointToUv;\n    let _e162 = v;\n    let _e164 = n_1;\n    let _e167 = v;\n    let _e169 = n_1;\n    delta_2 = ((_e142 * _e143.y) * vec2<f32>((_e146.y * ((_e148.y * _e150.x) + (_e153.x * _e155.y))), (_e160.x * ((_e162.x * _e164.x) - (_e167.y * _e169.y)))));\n    let _e178 = textureDimensions(uTexture_texture, 0i);\n    let _e182 = global.uInputSize_slot;\n    physicalPixelsPerPoint = (f32(vec2<i32>(_e178).x) * _e182.z);\n    let _e186 = uv_7;\n    let _e187 = displacement;\n    let _e188 = fi;\n    let _e191 = delta_2;\n    let _e192 = s;\n    let _e193 = fi;\n    let _e195 = materialRadius((_e192 + _e193));\n    let _e196 = materialDiffusionUnit();\n    let _e198 = physicalPixelsPerPoint;\n    let _e200 = materialLevel(((_e195 * _e196) * _e198));\n    let _e201 = materialSpectrum((_e186 + (_e187 * _e188)), _e191, _e200);\n    inner = _e201;\n    let _e203 = global.uMaterialBlurFill_slot;\n    if (_e203.x > 0f) {\n        {\n            let _e207 = global.uMaterialBlurFill_slot;\n            let _e209 = materialDiffusionUnit();\n            let _e211 = physicalPixelsPerPoint;\n            let _e213 = materialLevel(((_e207.x * _e209) * _e211));\n            lod = _e213;\n            if (tabBarOptics()) {\n                fill = materialFill(uv_7, lod);\n            } else {\n                fill = materialTwoTapFill(uv_7, lod);\n            }\n            let _e239 = global.uMaterialBlurFill_slot;\n            weights = clamp(_e239.yz, vec2(0f), vec2(1f));\n            let _e247 = weights;\n            let _e249 = weights;\n            let _e251 = weights;\n            weights = (_e247 / vec2(max(1f, (_e249.x + _e251.y))));\n            let _e257 = weights;\n            let _e259 = inner;\n            let _e260 = fill;\n            let _e263 = weights;\n            let _e265 = inner;\n            let _e266 = fill;\n            let _e271 = weights;\n            let _e274 = weights;\n            let _e277 = inner;\n            response = (((_e257.y * min(_e259, _e260)) + (_e263.x * max(_e265, _e266))) + (((1f - _e271.x) - _e274.y) * _e277));\n            let _e281 = response;\n            let _e282 = fill;\n            let _e283 = global.uMaterialBlurFill_slot;\n            inner = mix(_e281, _e282, vec3(clamp(_e283.w, 0f, 1f)));\n        }\n    }\n    let _e290 = uv_7;\n    let _e291 = displacement;\n    let _e292 = fo;\n    let _e295 = s;\n    let _e296 = fo;\n    let _e298 = materialRadius((_e295 + _e296));\n    let _e299 = materialDiffusionUnit();\n    let _e301 = physicalPixelsPerPoint;\n    let _e303 = materialLevel(((_e298 * _e299) * _e301));\n    let _e304 = materialMip((_e290 + (_e291 * _e292)), _e303);\n    outer = _e304;\n    let _e306 = global.uMaterialBlend_slot;\n    let _e308 = s;\n    let _e309 = global.uMaterialBlend_slot;\n    let _e312 = global.uMaterialBlend_slot;\n    let _e314 = global.uMaterialBlend_slot;\n    w = (_e306.z * clamp(((_e308 - _e309.x) / max((_e312.y - _e314.x), 0.000001f)), 0f, 1f));\n    let _e325 = inner;\n    let _e326 = outer;\n    let _e327 = w;\n    return mix(_e325, _e326, vec3(_e327));\n}\n\nfn materialLobe(d_2: f32, n_2: vec2<f32>, p_4: vec4<f32>, angle: f32, offset_1: f32) -> f32 {\n    var d_3: f32;\n    var n_3: vec2<f32>;\n    var p_5: vec4<f32>;\n    var angle_1: f32;\n    var offset_2: f32;\n    var z_2: f32;\n    var fw: f32;\n    var q_1: f32;\n    var local_3: f32;\n    var W: f32;\n    var x_2: f32;\n\n    d_3 = d_2;\n    n_3 = n_2;\n    p_5 = p_4;\n    angle_1 = angle;\n    offset_2 = offset_1;\n    let _e109 = d_3;\n    let _e110 = offset_2;\n    z_2 = (_e109 - _e110);\n    let _e113 = d_3;\n    let _e114 = fwidth(_e113);\n    fw = max(_e114, 0.0001f);\n    let _e119 = z_2;\n    let _e120 = p_5;\n    q_1 = (1f - clamp((_e119 / max(_e120.x, 0.000001f)), 0f, 1f));\n    let _e130 = q_1;\n    if (_e130 > 0f) {\n        let _e135 = q_1;\n        local_3 = select((0.25f + (0.75f * _e135)), _e135, tabBarOptics());\n    } else {\n        local_3 = 0f;\n    }\n    let _e140 = local_3;\n    let _e142 = z_2;\n    let _e143 = fw;\n    let _e151 = p_5;\n    let _e153 = z_2;\n    let _e155 = fw;\n    W = ((_e140 * clamp((0.5f + (_e142 / _e143)), 0f, 1f)) * clamp((0.5f + ((_e151.x - _e153) / _e155)), 0f, 1f));\n    let _e163 = W;\n    let _e164 = angle_1;\n    let _e166 = angle_1;\n    let _e169 = n_3;\n    let _e171 = p_5;\n    let _e175 = p_5;\n    x_2 = (_e163 * clamp(((dot(vec2<f32>(cos(_e164), sin(_e166)), _e169) - _e171.y) / max((1f - _e175.y), 0.000001f)), 0f, 1f));\n    let _e186 = p_5;\n    let _e188 = x_2;\n    let _e191 = p_5;\n    let _e194 = x_2;\n    return ((_e186.w * _e188) / max((1f + (_e191.z * (1f - _e194))), 0.000001f));\n}\n\nfn materialAffine(c: vec3<f32>, r: vec4<f32>, g: vec4<f32>, b_2: vec4<f32>) -> vec3<f32> {\n    var c_1: vec3<f32>;\n    var r_1: vec4<f32>;\n    var g_1: vec4<f32>;\n    var b_3: vec4<f32>;\n\n    c_1 = c;\n    r_1 = r;\n    g_1 = g;\n    b_3 = b_2;\n    let _e107 = c_1;\n    let _e114 = r_1;\n    let _e116 = c_1;\n    let _e123 = g_1;\n    let _e125 = c_1;\n    let _e132 = b_3;\n    return vec3<f32>(dot(vec4<f32>(_e107.x, _e107.y, _e107.z, 1f), _e114), dot(vec4<f32>(_e116.x, _e116.y, _e116.z, 1f), _e123), dot(vec4<f32>(_e125.x, _e125.y, _e125.z, 1f), _e132));\n}\n\nfn materialShadow(signedPt_2: f32, n_4: vec2<f32>, uv_8: vec2<f32>) -> vec4<f32> {\n    var signedPt_3: f32;\n    var n_5: vec2<f32>;\n    var uv_9: vec2<f32>;\n    var s_1: f32;\n    var x_3: f32;\n    var x2_: f32;\n    var response_1: f32;\n    var displacement_1: f32;\n    var lod_1: f32;\n    var c_2: vec3<f32>;\n    var contribution: f32;\n    var rgb: vec3<f32>;\n    var alpha: f32;\n\n    signedPt_3 = signedPt_2;\n    n_5 = n_4;\n    uv_9 = uv_8;\n    let _e105 = signedPt_3;\n    let _e106 = global.uMaterialUnits_slot;\n    let _e109 = global.uMaterialUnits_slot;\n    let _e112 = n_5;\n    let _e113 = global.uMaterialShadowOffset_slot;\n    s_1 = (((_e105 * _e106.x) + _e109.z) - dot(_e112, _e113.xy));\n    let _e121 = s_1;\n    let _e123 = global.uMaterialShadowResponse_slot;\n    x_3 = ((4f * clamp((0.5f + ((0.25f * _e121) / max(_e123.x, 0.000001f))), 0f, 1f)) - 2f);\n    let _e136 = x_3;\n    let _e137 = x_3;\n    x2_ = (_e136 * _e137);\n    let _e141 = x2_;\n    let _e145 = x2_;\n    let _e149 = x2_;\n    let _e153 = x_3;\n    response_1 = clamp(((((((((0.002954483f * _e141) - 0.034454346f) * _e145) + 0.16821289f) * _e149) - 0.5605469f) * _e153) + 0.5f), 0f, 1f);\n    let _e161 = s_1;\n    let _e163 = global.uMaterialShadowField_slot;\n    let _e165 = materialProfile(-(_e161), _e163.xyz);\n    displacement_1 = _e165;\n    let _e167 = global.uMaterialShadowField_slot;\n    let _e169 = materialDiffusionUnit();\n    let _e172 = textureDimensions(uTexture_texture, 0i);\n    let _e177 = global.uInputSize_slot;\n    let _e180 = materialLevel((((_e167.w * _e169) * f32(vec2<i32>(_e172).x)) * _e177.z));\n    lod_1 = _e180;\n    let _e182 = uv_9;\n    let _e183 = n_5;\n    let _e184 = displacement_1;\n    let _e186 = global.uMaterialUnits_slot;\n    let _e189 = global.uInputSize_slot;\n    let _e193 = lod_1;\n    let _e194 = materialMip((_e182 + (((_e183 * _e184) * _e186.y) * _e189.zw)), _e193);\n    c_2 = _e194;\n    let _e196 = global.uMaterialShadowResponse_slot;\n    contribution = _e196.z;\n    let _e199 = c_2;\n    let _e200 = global.uMaterialShadow0_slot;\n    let _e203 = c_2;\n    let _e204 = global.uMaterialShadow1_slot;\n    let _e207 = c_2;\n    let _e208 = global.uMaterialShadow2_slot;\n    let _e212 = contribution;\n    let _e214 = global.uMaterialShadow0_slot;\n    let _e216 = global.uMaterialShadow1_slot;\n    let _e218 = global.uMaterialShadow2_slot;\n    rgb = ((vec3<f32>(dot(_e199, _e200.xyz), dot(_e203, _e204.xyz), dot(_e207, _e208.xyz)) * _e212) + vec3<f32>(_e214.w, _e216.w, _e218.w));\n    let _e223 = global.uMaterialShadowResponse_slot;\n    let _e226 = contribution;\n    alpha = mix(_e223.w, 1f, _e226);\n    let _e229 = rgb;\n    let _e230 = alpha;\n    let _e235 = response_1;\n    let _e237 = global.uMaterialShadowResponse_slot;\n    return ((vec4<f32>(_e229.x, _e229.y, _e229.z, _e230) * _e235) * _e237.y);\n}\n\nfn materialBoundary(signedPt_4: f32, n_6: vec2<f32>, uv_10: vec2<f32>) -> vec4<f32> {\n    var signedPt_5: f32;\n    var n_7: vec2<f32>;\n    var uv_11: vec2<f32>;\n    var s_2: f32;\n    var peak: f32;\n    var raw: vec3<f32>;\n    var biased: vec3<f32>;\n\n    signedPt_5 = signedPt_4;\n    n_7 = n_6;\n    uv_11 = uv_10;\n    let _e105 = global.uMaterialRim_slot;\n    if (_e105.z == 0f) {\n        return vec4(0f);\n    }\n    let _e112 = signedPt_5;\n    let _e113 = global.uMaterialUnits_slot;\n    let _e116 = global.uMaterialUnits_slot;\n    s_2 = ((_e112 * _e113.x) + _e116.z);\n    let _e121 = s_2;\n    let _e122 = global.uMaterialRim_slot;\n    let _e126 = global.uMaterialRim_slot;\n    peak = clamp((1f - (abs((_e121 - _e122.y)) / max(_e126.x, 0.000001f))), 0f, 1f);\n    let _e136 = uv_11;\n    let _e138 = materialMip(_e136, 0f);\n    raw = _e138;\n    let _e140 = raw;\n    let _e142 = global.uMaterialRim_slot;\n    let _e146 = raw;\n    biased = clamp((_e140 * (vec3(1f) + (_e142.z * (vec3(3f) - (2f * _e146))))), vec3(0f), vec3(1f));\n    let _e160 = biased;\n    let _e162 = global.uMaterialContourAngular_slot;\n    let _e164 = n_7;\n    let _e166 = n_7;\n    let _e168 = n_7;\n    let _e170 = n_7;\n    let _e177 = biased;\n    biased = clamp((_e160 * (vec3(1f) + (dot(_e162, vec4<f32>(1f, _e164.x, _e166.y, (_e168.x * _e170.x))) * (vec3(3f) - (2f * _e177))))), vec3(0f), vec3(1f));\n    let _e190 = peak;\n    let _e191 = n_7;\n    let _e193 = n_7;\n    peak = (_e190 * (_e191.x * _e193.x));\n    let _e197 = biased;\n    let _e198 = peak;\n    let _e199 = (_e197 * _e198);\n    let _e200 = peak;\n    return vec4<f32>(_e199.x, _e199.y, _e199.z, _e200);\n}\n\nfn materialMaterial(signedPt_6: f32, n_8: vec2<f32>, uv_12: vec2<f32>, c_3: vec3<f32>) -> vec3<f32> {\n    var signedPt_7: f32;\n    var n_9: vec2<f32>;\n    var uv_13: vec2<f32>;\n    var c_4: vec3<f32>;\n    var s_3: f32;\n    var L: f32;\n    var g_2: f32;\n    var adjusted: vec3<f32>;\n    var face: vec3<f32>;\n    var lb: f32;\n    var ramp: f32;\n    var darken: f32;\n    var w_1: f32;\n    var bleed: vec3<f32>;\n    var P: vec3<f32>;\n    var backgroundH: f32;\n    var d_4: f32;\n    var key: vec4<f32>;\n    var fill_1: vec4<f32>;\n    var H: f32;\n    var peak_1: f32;\n    var contour: f32;\n\n    signedPt_7 = signedPt_6;\n    n_9 = n_8;\n    uv_13 = uv_12;\n    c_4 = c_3;\n    let _e107 = signedPt_7;\n    let _e108 = global.uMaterialUnits_slot;\n    let _e111 = global.uMaterialUnits_slot;\n    s_3 = ((_e107 * _e108.x) + _e111.z);\n    let _e115 = c_4;\n    L = dot(_e115, vec3<f32>(0.2126f, 0.7152f, 0.0722f));\n    let _e123 = L;\n    let _e124 = global.uMaterialColour_slot;\n    g_2 = clamp((1f - (_e123 * _e124.x)), 0f, 1f);\n    let _e132 = g_2;\n    let _e133 = L;\n    let _e136 = g_2;\n    let _e137 = c_4;\n    let _e142 = g_2;\n    adjusted = mix(vec3((_e132 * _e133)), (_e136 * _e137), vec3((1f + (0.3f * (1f - _e142)))));\n    let _e149 = c_4;\n    let _e150 = adjusted;\n    let _e151 = global.uMaterialFace0_slot;\n    let _e152 = global.uMaterialFace1_slot;\n    let _e153 = global.uMaterialFace2_slot;\n    let _e154 = materialAffine(_e150, _e151, _e152, _e153);\n    let _e155 = global.uMaterialColour_slot;\n    face = mix(_e149, _e154, vec3(_e155.y));\n    let _e160 = face;\n    lb = clamp(dot(_e160, vec3<f32>(0.2125f, 0.7154f, 0.0721f)), 0f, 1f);\n    let _e170 = s_3;\n    let _e171 = global.uMaterialBleed_slot;\n    let _e173 = global.uMaterialBleed_slot;\n    let _e175 = materialRamp(_e170, _e171.x, _e173.y);\n    ramp = _e175;\n    let _e177 = global.uMaterialBleed_slot;\n    let _e179 = lb;\n    let _e181 = global.uMaterialBleed_slot;\n    darken = ((_e177.z * _e179) + _e181.w);\n    let _e185 = global.uMaterialColour_slot;\n    let _e187 = darken;\n    let _e188 = darken;\n    let _e190 = ramp;\n    w_1 = (_e185.z * pow(((_e187 * _e188) * _e190), 2f));\n    let _e196 = uv_13;\n    let _e197 = n_9;\n    let _e198 = s_3;\n    let _e200 = global.uMaterialBleedField_slot;\n    let _e202 = materialProfile(-(_e198), _e200.xyz);\n    let _e204 = global.uMaterialUnits_slot;\n    let _e207 = global.uInputSize_slot;\n    let _e211 = global.uMaterialBleedField_slot;\n    let _e213 = materialDiffusionUnit();\n    let _e216 = textureDimensions(uTexture_texture, 0i);\n    let _e221 = global.uInputSize_slot;\n    let _e224 = materialLevel((((_e211.w * _e213) * f32(vec2<i32>(_e216).x)) * _e221.z));\n    let _e225 = materialMip((_e196 + (((_e197 * _e202) * _e204.y) * _e207.zw)), _e224);\n    bleed = _e225;\n    let _e227 = face;\n    let _e228 = bleed;\n    let _e229 = global.uMaterialBleed0_slot;\n    let _e230 = global.uMaterialBleed1_slot;\n    let _e231 = global.uMaterialBleed2_slot;\n    let _e232 = materialAffine(_e228, _e229, _e230, _e231);\n    let _e233 = w_1;\n    P = mix(_e227, _e232, vec3(_e233));\n    let _e237 = s_3;\n    let _e239 = n_9;\n    let _e240 = global.uMaterialBackgroundKey_slot;\n    let _e241 = global.uMaterialBackgroundLight_slot;\n    let _e244 = global.uMaterialBackgroundLight_slot;\n    let _e247 = materialLobe(-(_e237), _e239, _e240, _e241.x, _e244.y);\n    let _e248 = s_3;\n    let _e250 = n_9;\n    let _e252 = global.uMaterialBackgroundKey_slot;\n    let _e253 = global.uMaterialBackgroundLight_slot;\n    let _e256 = global.uMaterialBackgroundLight_slot;\n    let _e259 = materialLobe(-(_e248), -(_e250), _e252, _e253.x, _e256.y);\n    backgroundH = (_e247 + _e259);\n    let _e262 = P;\n    let _e264 = backgroundH;\n    let _e267 = P;\n    P = (_e262 * (vec3(1f) + (_e264 * (vec3(3f) - (2f * _e267)))));\n    let innerShade = global.uInnerShade_slot;\n    let shadeDepth = -(signedPt_7);\n    let shadeBand = (smoothstep(0f, innerShade.y, shadeDepth) * (1f - smoothstep(innerShade.z, innerShade.w, shadeDepth)));\n    let shadeFacing = max(-(n_9.y), 0f);\n    let shadeBase = P;\n    let shadeWeight = smoothstep(0.05f, 0.5f, dot(shadeBase, vec3<f32>(0.2126f, 0.7152f, 0.0722f)));\n    P = (shadeBase * (vec3(1f) + ((((select(0f, innerShade.x, tabBarOptics()) * shadeBand) * (shadeFacing * shadeFacing)) * shadeWeight) * (vec3(3f) - (2f * shadeBase)))));\n    let _e275 = signedPt_7;\n    let _e277 = global.uMaterialSdfProjection_slot;\n    let _e280 = global.uMaterialSdfProjection_slot;\n    d_4 = ((-(_e275) * _e277.x) + _e280.y);\n    let _e284 = global.uMaterialSdfKey_slot;\n    key = _e284;\n    let _e286 = global.uMaterialSdfFill_slot;\n    fill_1 = _e286;\n    let _e289 = key;\n    let _e291 = global.uMaterialSdfProjection_slot;\n    key.w = (_e289.w * _e291.w);\n    let _e295 = fill_1;\n    let _e297 = global.uMaterialSdfProjection_slot;\n    fill_1.w = (_e295.w * _e297.w);\n    let _e300 = d_4;\n    let _e301 = n_9;\n    let _e302 = key;\n    let _e303 = global.uMaterialSdfAngles_slot;\n    let _e305 = global.uMaterialSdfProjection_slot;\n    let _e308 = global.uMaterialSdfAngles_slot;\n    let _e310 = materialLobe(_e300, _e301, _e302, (_e303.x + _e305.z), _e308.z);\n    let _e311 = d_4;\n    let _e312 = n_9;\n    let _e313 = fill_1;\n    let _e314 = global.uMaterialSdfAngles_slot;\n    let _e316 = global.uMaterialSdfProjection_slot;\n    let _e319 = global.uMaterialSdfAngles_slot;\n    let _e321 = materialLobe(_e311, _e312, _e313, (_e314.y + _e316.z), _e319.w);\n    H = (_e310 + _e321);\n    let _e324 = global.uMaterialSdfKey_slot;\n    key = _e324;\n    let _e325 = global.uMaterialSdfFill_slot;\n    fill_1 = _e325;\n    let _e327 = key;\n    let _e329 = global.uMaterialSdfDiffuse_slot;\n    key.x = (_e327.x * _e329.x);\n    let _e333 = fill_1;\n    let _e335 = global.uMaterialSdfDiffuse_slot;\n    fill_1.x = (_e333.x * _e335.x);\n    let _e339 = key;\n    let _e346 = global.uMaterialSdfDiffuse_slot;\n    key.y = cos((acos(clamp(_e339.y, -1f, 1f)) * _e346.y));\n    let _e351 = fill_1;\n    let _e358 = global.uMaterialSdfDiffuse_slot;\n    fill_1.y = cos((acos(clamp(_e351.y, -1f, 1f)) * _e358.y));\n    let _e363 = key;\n    let _e365 = global.uMaterialSdfDiffuse_slot;\n    let _e367 = global.uMaterialSdfDiffuse_slot;\n    key.w = (_e363.w * (_e365.z * _e367.w));\n    let _e372 = fill_1;\n    let _e374 = global.uMaterialSdfDiffuse_slot;\n    let _e376 = global.uMaterialSdfDiffuse_slot;\n    fill_1.w = (_e372.w * (_e374.z * _e376.w));\n    let _e380 = H;\n    let _e381 = d_4;\n    let _e382 = n_9;\n    let _e383 = key;\n    let _e384 = global.uMaterialSdfAngles_slot;\n    let _e386 = global.uMaterialSdfProjection_slot;\n    let _e389 = global.uMaterialSdfAngles_slot;\n    let _e391 = materialLobe(_e381, _e382, _e383, (_e384.x + _e386.z), _e389.z);\n    let _e392 = d_4;\n    let _e393 = n_9;\n    let _e394 = fill_1;\n    let _e395 = global.uMaterialSdfAngles_slot;\n    let _e397 = global.uMaterialSdfProjection_slot;\n    let _e400 = global.uMaterialSdfAngles_slot;\n    let _e402 = materialLobe(_e392, _e393, _e394, (_e395.y + _e397.z), _e400.w);\n    H = (_e380 + (_e391 + _e402));\n    let _e405 = P;\n    let _e406 = H;\n    let _e407 = P;\n    let _e408 = global.uMaterialSdf0_slot;\n    let _e409 = global.uMaterialSdf1_slot;\n    let _e410 = global.uMaterialSdf2_slot;\n    let _e411 = materialAffine(_e407, _e408, _e409, _e410);\n    let _e412 = P;\n    P = (_e405 + (_e406 * (_e411 - _e412)));\n    let _e417 = s_3;\n    let _e418 = global.uMaterialRim_slot;\n    let _e422 = global.uMaterialRim_slot;\n    peak_1 = clamp((1f - (abs((_e417 - _e418.y)) / max(_e422.x, 0.000001f))), 0f, 1f);\n    let _e432 = P;\n    let _e434 = global.uMaterialRim_slot;\n    let _e436 = peak_1;\n    let _e438 = n_9;\n    let _e441 = n_9;\n    let _e446 = P;\n    P = (_e432 * (vec3(1f) + ((((_e434.z * _e436) * _e438.x) * _e441.x) * (vec3(3f) - (2f * _e446)))));\n    let _e454 = global.uMaterialContourAngular_slot;\n    let _e456 = n_9;\n    let _e458 = n_9;\n    let _e460 = n_9;\n    let _e462 = n_9;\n    contour = dot(_e454, vec4<f32>(1f, _e456.x, _e458.y, (_e460.x * _e462.x)));\n    let _e468 = P;\n    let _e470 = contour;\n    let _e471 = peak_1;\n    let _e475 = P;\n    P = (_e468 * (vec3(1f) + ((_e470 * _e471) * (vec3(3f) - (2f * _e475)))));\n    let _e483 = P;\n    return clamp(_e483, vec3(0f), vec3(1f));\n}\n\nfn main_1() {\n    var p_20: vec2<f32>;\n    var local_5: f32;\n    var sd: f32;\n    var q_4: vec2<f32>;\n    var cap: vec2<f32>;\n    var extent: f32;\n    var local_6: vec2<f32>;\n    var local_7: vec2<f32>;\n    var n_13: vec2<f32>;\n    var boundary: vec4<f32>;\n    var shadow: vec4<f32>;\n    var transmitted: vec3<f32>;\n    var material: vec3<f32>;\n    var aa: f32;\n    var alpha_1: f32;\n    var shadow_1: vec4<f32>;\n    var boundary_1: vec4<f32>;\n\n    let _e141 = vFilterCoord_1;\n    let _e142 = global.uResolution_slot;\n    let _e145 = global.uShape_slot;\n    p_20 = ((_e141 * _e142.xy) - _e145.xy);\n    let _e149 = global.uMorphParams_slot;\n    if (_e149.x > 0.5f) {\n        let _e153 = vFilterCoord_1;\n        let _e154 = global.uResolution_slot;\n        let _e157 = morphDistance((_e153 * _e154.xy));\n        local_5 = _e157;\n    } else {\n        let _e158 = p_20;\n        let _e159 = global.uShape_slot;\n        let _e161 = global.uRadius_slot;\n        let _e163 = sdRoundRect(_e158, _e159.zw, _e161.x);\n        local_5 = _e163;\n    }\n    let _e165 = local_5;\n    sd = _e165;\n    let _e167 = p_20;\n    let _e169 = global.uShape_slot;\n    let _e172 = global.uRadius_slot;\n    q_4 = ((abs(_e167) - _e169.zw) + vec2(_e172.x));\n    let _e177 = q_4;\n    cap = max(_e177, vec2(0f));\n    let _e183 = cap;\n    extent = length(_e183);\n    let _e186 = extent;\n    if (_e186 > 0f) {\n        let _e189 = p_20;\n        let _e191 = cap;\n        let _e193 = extent;\n        local_7 = ((sign(_e189) * _e191) / vec2(_e193));\n    } else {\n        let _e196 = q_4;\n        let _e198 = q_4;\n        if (_e196.x > _e198.y) {\n            let _e201 = p_20;\n            local_6 = vec2<f32>(sign(_e201.x), 0f);\n        } else {\n            let _e208 = p_20;\n            local_6 = vec2<f32>(0f, sign(_e208.y));\n        }\n        let _e214 = local_6;\n        local_7 = _e214;\n    }\n    let _e216 = local_7;\n    n_13 = _e216;\n    let _e218 = global.uMorphParams_slot;\n    if (_e218.x > 0.5f) {\n        let _e222 = vFilterCoord_1;\n        let _e223 = global.uResolution_slot;\n        let _e226 = morphNormal((_e222 * _e223.xy));\n        n_13 = _e226;\n    }\n    let _e227 = global.uDiagnosticOutput_slot;\n    let _e231 = sd;\n    let _e234 = global.uCoverageWidth_slot;\n    if ((_e227.x <= 0f) && (_e231 > max(1f, (6f * _e234.x)))) {\n        {\n            let _e240 = sd;\n            let _e241 = n_13;\n            let _e242 = vTextureCoord_1;\n            let _e243 = materialBoundary(_e240, _e241, _e242);\n            let _e244 = global.uMaterialMix_slot;\n            boundary = (_e243 * _e244.x);\n            let _e248 = sd;\n            let _e249 = n_13;\n            let _e250 = vTextureCoord_1;\n            let _e251 = materialShadow(_e248, _e249, _e250);\n            let _e252 = global.uMaterialMix_slot;\n            shadow = (_e251 * _e252.x);\n            let _e256 = boundary;\n            let _e257 = shadow;\n            let _e259 = boundary;\n            finalColor = (_e256 + (_e257 * (1f - _e259.w)));\n            return;\n        }\n    }\n    let _e264 = sd;\n    let _e265 = n_13;\n    let _e266 = vTextureCoord_1;\n    let _e267 = materialTransmission(_e264, _e265, _e266);\n    transmitted = _e267;\n    let _e269 = global.uDiagnosticOutput_slot;\n    if (_e269.x > 0f) {\n        {\n            let _e273 = transmitted;\n            finalColor = vec4<f32>(_e273.x, _e273.y, _e273.z, 1f);\n            return;\n        }\n    }\n    let _e280 = sd;\n    let _e281 = n_13;\n    let _e282 = vTextureCoord_1;\n    let _e283 = transmitted;\n    let _e284 = materialMaterial(_e280, _e281, _e282, _e283);\n    material = _e284;\n    if (global.uTouchLight_slot.w > 0.0) {\n        let lightPoint = vFilterCoord_1 * global.uResolution_slot.xy;\n        let lightDistance = length(lightPoint - global.uTouchLight_slot.xy);\n        let lightWeight = 1.0 - smoothstep(0.0, global.uTouchLight_slot.z, lightDistance);\n        material = mix(material, global.uTouchLightColour_slot.xyz,\n            lightWeight * global.uTouchLight_slot.w);\n    }\n    let _e286 = global.uCoverageWidth_slot;\n    let _e289 = sd;\n    let _e290 = fwidth(_e289);\n    aa = max(_e286.x, (0.5f * _e290));\n    let _e295 = aa;\n    let _e297 = aa;\n    let _e298 = sd;\n    let _e301 = global.uMaterialMix_slot;\n    alpha_1 = ((1f - smoothstep(-(_e295), _e297, _e298)) * _e301.x);\n    let _e305 = sd;\n    let _e306 = n_13;\n    let _e307 = vTextureCoord_1;\n    let _e308 = materialShadow(_e305, _e306, _e307);\n    let _e309 = global.uMaterialMix_slot;\n    shadow_1 = (_e308 * _e309.x);\n    let _e313 = sd;\n    let _e314 = n_13;\n    let _e315 = vTextureCoord_1;\n    let _e316 = materialBoundary(_e313, _e314, _e315);\n    let _e317 = global.uMaterialMix_slot;\n    boundary_1 = (_e316 * _e317.x);\n    let _e321 = material;\n    let _e322 = alpha_1;\n    let _e323 = (_e321 * _e322);\n    let _e324 = alpha_1;\n    let _e329 = boundary_1;\n    let _e330 = shadow_1;\n    let _e332 = boundary_1;\n    let _e338 = alpha_1;\n    finalColor = (vec4<f32>(_e323.x, _e323.y, _e323.z, _e324) + ((_e329 + (_e330 * (1f - _e332.w))) * (1f - _e338)));\n    return;\n}\n\n@fragment \nfn main(@location(0) vTextureCoord: vec2<f32>, @location(1) vFilterCoord: vec2<f32>) -> FragmentOutput {\n    vTextureCoord_1 = vTextureCoord;\n    vFilterCoord_1 = vFilterCoord;\n    main_1();\n    let _e151 = finalColor;\n    return FragmentOutput(_e151);\n}\n';
-        readonly uniforms: readonly ['uInputSize', 'uInputClamp', 'uResolution', 'uShape', 'uRadius', 'uMorphParams', 'uMorphShape0', 'uMorphShape1', 'uMorphShape2', 'uMorphShape3', 'uMorphShape4', 'uMorphShape5', 'uMorphShape6', 'uMorphShape7', 'uMorphShape8', 'uMorphShape9', 'uMorphShape10', 'uMorphShape11', 'uMorphShape12', 'uMorphShape13', 'uMorphShape14', 'uMorphShape15', 'uMorphRadii0', 'uMorphRadii1', 'uMorphRadii2', 'uMorphRadii3', 'uMaterialUnits', 'uMaterialInner', 'uMaterialOuter', 'uMaterialBlend', 'uMaterialBlurFill', 'uMaterialBlurDistances', 'uMaterialBlurDifferences', 'uMaterialAberration', 'uMaterialAberrationDirection', 'uMaterialFace0', 'uMaterialFace1', 'uMaterialFace2', 'uMaterialBleed0', 'uMaterialBleed1', 'uMaterialBleed2', 'uMaterialShadow0', 'uMaterialShadow1', 'uMaterialShadow2', 'uMaterialShadowField', 'uMaterialShadowResponse', 'uMaterialShadowOffset', 'uMaterialColour', 'uMaterialBleed', 'uMaterialBleedField', 'uMaterialBackgroundKey', 'uMaterialBackgroundLight', 'uMaterialKey', 'uMaterialFill', 'uMaterialLight', 'uMaterialRim', 'uMaterialContourAngular', 'uMaterialSdfProjection', 'uMaterialSdfDiffuse', 'uMaterialSdfKey', 'uMaterialSdfFill', 'uMaterialSdfAngles', 'uMaterialSdf0', 'uMaterialSdf1', 'uMaterialSdf2', 'uMaterialMix', 'uCoverageWidth', 'uDiagnosticOutput', 'uInnerShade', 'uTouchLight', 'uTouchLightColour', 'uTabBarOptics'];
+        readonly wgsl: string;
+        readonly uniforms: readonly ['uInputSize', 'uInputClamp', 'uResolution', 'uShape', 'uRadius', 'uMorphParams', 'uMorphShape0', 'uMorphShape1', 'uMorphShape2', 'uMorphShape3', 'uMorphShape4', 'uMorphShape5', 'uMorphShape6', 'uMorphShape7', 'uMorphShape8', 'uMorphShape9', 'uMorphShape10', 'uMorphShape11', 'uMorphShape12', 'uMorphShape13', 'uMorphShape14', 'uMorphShape15', 'uMorphRadii0', 'uMorphRadii1', 'uMorphRadii2', 'uMorphRadii3', 'uMaterialUnits', 'uMaterialInner', 'uMaterialOuter', 'uMaterialBlend', 'uMaterialBlurFill', 'uMaterialBlurDistances', 'uMaterialBlurDifferences', 'uMaterialAberration', 'uMaterialAberrationDirection', 'uMaterialFace0', 'uMaterialFace1', 'uMaterialFace2', 'uMaterialBleed0', 'uMaterialBleed1', 'uMaterialBleed2', 'uMaterialShadow0', 'uMaterialShadow1', 'uMaterialShadow2', 'uMaterialShadowField', 'uMaterialShadowResponse', 'uMaterialShadowOffset', 'uMaterialColour', 'uMaterialBleed', 'uMaterialBleedField', 'uMaterialBackgroundKey', 'uMaterialBackgroundLight', 'uMaterialKey', 'uMaterialFill', 'uMaterialLight', 'uMaterialRim', 'uMaterialContourAngular', 'uMaterialSdfProjection', 'uMaterialSdfDiffuse', 'uMaterialSdfKey', 'uMaterialSdfFill', 'uMaterialSdfAngles', 'uMaterialSdf0', 'uMaterialSdf1', 'uMaterialSdf2', 'uMaterialMix', 'uCoverageWidth', 'uDiagnosticOutput', 'uInnerShade', 'uTouchLight', 'uTouchLightColour', 'uTabBarOptics', 'uControlRim', 'uControlSpecular', 'uControlSize'];
         readonly textures: readonly ['uTexture', 'uSource'];
     };
     readonly menu: {