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

package/dist/glass/lens/menuMorphPhoneFit.json

@@ -1,6 +1,6 @@
 {
     "provenance": {
-        "scene": "ParityReference toolbar-ellipsis, stock SwiftUI toolbar Menu over black (iPhone 17 Pro Max Simulator, iOS 27.0)",
+        "scene": "ParityReference toolbar-ellipsis, native controls toolbar Menu over black (iPhone 17 Pro Max Simulator, iOS 27.0)",
         "capture": "morph2 native recording menu measurements.mp4",
         "model": "One damped spring per axis, each a displacement from 1 to 0: released after `delay` ms with initial velocity `velocity` (per second; negative moves toward the target), natural frequency `omega` (rad/s), damping ratio `zeta`. centerX, centerY, width and height are the travelling member, normalized between the trigger (0) and the panel (1).",
         "open": "ms after the trigger release +43 ms. Fitted to the native outline bounds (union of trigger and drop), RMS 0.018-0.041 per axis (native measurements).",

package/dist/glass/lens/tabAccessoryMotion.d.ts

@@ -3,7 +3,7 @@ import { type FieldSpring } from '../fieldMotion.js';
  * Motion of the TabView bottom accessory between its expanded row (above the tab bar) and its
  * inline row (beside the minimized tab circle).
  *
- * Native reference: stock SwiftUI `.tabViewBottomAccessory` + `.tabBarMinimizeBehavior(.onScrollDown)`
+ * Measured bottom accessory motion during tab-bar minimization
  * with three Music-style tabs, iPhone 17 Pro Max, iOS 27.0 Simulator, counter-retimed
  * (RMS 2.6 pt collapse, 1.1 pt
  * expand). Each edge follows an underdamped spring (damping ratio about 0.72), and the two axes

package/dist/glass/lens/tabSearchMember.d.ts

@@ -2,7 +2,7 @@ import type { CapsuleShape } from '../renderSpecs.js';
 /**
  * The trailing Search member of a minimizing tab bar (`Tab(role: .search)` on iPhone).
  *
- * Native reference: stock SwiftUI on iOS 27.0, iPhone 17 Pro Max (search-tab-split, Simulator
+ * Native reference: native controls on iOS 27.0, iPhone 17 Pro Max (search-tab-split, Simulator
  * tracks at 60 Hz) and the owner's Apple Music recording on a physical iPhone. On collapse the
  * bar's trailing end separates into its own capsule within one or two frames: at the split it
  * spans x = 339–413 of the 21–419 bar, full height. It then narrows from its leading edge into

package/dist/glass/lens/tabSearchMember.js

@@ -1,7 +1,7 @@
 /**
  * The trailing Search member of a minimizing tab bar (`Tab(role: .search)` on iPhone).
  *
- * Native reference: stock SwiftUI on iOS 27.0, iPhone 17 Pro Max (search-tab-split, Simulator
+ * Native reference: native controls on iOS 27.0, iPhone 17 Pro Max (search-tab-split, Simulator
  * tracks at 60 Hz) and the owner's Apple Music recording on a physical iPhone. On collapse the
  * bar's trailing end separates into its own capsule within one or two frames: at the split it
  * spans x = 339–413 of the 21–419 bar, full height. It then narrows from its leading edge into

package/dist/glass/liquidContext.d.ts

@@ -7,6 +7,8 @@ export type RegisteredTabBar = TabBarProps & Readonly<{
     /** 'top': the regular-width iPad bar, laid out by `itemFrames` inside `insetHost`. */
     placement?: 'bottom' | 'top';
     itemFrames?: readonly TabItemFrame[];
+    /** iPad search handoff; applied to material, foreground and controls together. */
+    searchProgress?: number;
 }>;
 export type MaterialEffectRegistration = Readonly<{
     /** The one glass renderer. */

package/dist/glass/menuPresenter.d.ts

@@ -2,6 +2,8 @@ import type { MenuEntry } from './menuTypes.js';
 import { type MenuContactSample } from '../menu/menuContact.js';
 import { type ReactNode } from 'react';
 import { type PressableProps } from '../press/Pressable.js';
+/** The props a custom `Menu` trigger receives. Forward all of them to the element that opens the
+ * menu. */
 export type MenuTriggerProps = Pick<PressableProps, 'onPress' | 'disabled' | 'aria-expanded' | 'aria-haspopup' | 'aria-controls'>;
 export type MenuProps = Readonly<{
     label: ReactNode;

package/dist/glass/menuPresenter.js

@@ -58,7 +58,7 @@ const MENU_GLYPH_RETURN_MS = 400;
 /** Safety margin past the close morph for the renderer's settle acknowledgement. */
 const MENU_SETTLE_TIMEOUT_MS = 700;
 /** The order of a menu that opens upward: the first action nearest the trigger, so the list and
- * each section in it read bottom to top (stock SwiftUI Menu, iPhone, a trigger near the bottom of
+ * each section in it read bottom to top (native menu, iPhone, a trigger near the bottom of
  * the screen). A submenu's own rows open separately and keep their order. */
 function nearestFirst(actions) {
     return [...actions]

package/dist/glass/regions.d.ts

@@ -45,7 +45,8 @@ type GlassRect = Readonly<{
     width: number;
     height: number;
 }>;
-/** Normalized RGBA channels in 0...1. Glass.tintRGBA rejects nonfinite or out-of-range channels. */
+/** A glass tint as red, green, blue and alpha channels from 0 to 1. `Glass.tintRGBA` rejects
+ * values outside that range. */
 export type GlassTint = readonly [red: number, green: number, blue: number, alpha: number];
 export type GlassMaterial = Readonly<{
     variant: 'regular' | 'clear';
@@ -225,7 +226,7 @@ export declare function glassPresenterBounds(frame: GlassRegion['frame'], inset:
  * The 12M guard permits that stack plus chrome; it is not a memory benchmark. */
 export declare const GLASS_REGION_LIMIT = 16;
 export declare const GLASS_REGION_PIXEL_LIMIT = 12000000;
-/** Immutable SwiftUI-style material values. RGBA channels use the range 0...1. */
+/** Immutable glass material values. RGBA channels use the range 0...1. */
 export declare class Glass {
     static readonly regular: Glass;
     static readonly clear: Glass;

package/dist/glass/regions.js

@@ -26,7 +26,7 @@ export function glassPresenterBounds(frame, inset, emerge) {
  * The 12M guard permits that stack plus chrome; it is not a memory benchmark. */
 export const GLASS_REGION_LIMIT = 16;
 export const GLASS_REGION_PIXEL_LIMIT = 12_000_000;
-/** Immutable SwiftUI-style material values. RGBA channels use the range 0...1. */
+/** Immutable glass material values. RGBA channels use the range 0...1. */
 export class Glass {
     static regular = new Glass('regular');
     static clear = new Glass('clear');

package/dist/glass/renderSpecs.d.ts

@@ -202,6 +202,7 @@ export type RuntimeGeometry = Readonly<{
     tabBarPillWidths?: readonly number[];
     /** 'top' is the regular-width iPad tab bar; the phone dock is 'bottom' (the default). */
     tabBarPlacement?: 'bottom' | 'top';
+    tabBarOpacity?: number;
     tabBarPillHeight?: number;
     tabBarPillCenterY?: number;
     tabBarCentres?: readonly number[];

package/dist/glass/renderSpecs.js

@@ -151,6 +151,7 @@ export function createRenderSpecs(geometry, appearance = 'light', liquidMotion =
             frameX: geometry.dockX,
             frameY: geometry.dockY,
             id: 'dock',
+            opacity: geometry.tabBarOpacity,
             radius: geometry.dockRadius,
         },
         {

package/dist/glass/shapeTrack.d.ts

@@ -8,7 +8,7 @@ import type { SurfaceRenderSpec } from './renderSpecs.js';
  * seems to slide and smear while nothing behind it moves (owner, Oct 13: "it looks like content is
  * moving underneath as the menu grows").
  *
- * Native Liquid Glass keeps the content behind it in place: only the edge moves. A shape track
+ * Native glass keeps the content behind it in place: only the edge moves. A shape track
  * does the same. The element keeps one layout box for the whole run (the envelope of every frame
  * the glass passes through), so its canvas never resizes or moves and samples the page where it
  * really is. The worker draws the glass at the track's frame for each frame's presentation time,

package/dist/glass/submenuMotion.d.ts

@@ -1,6 +1,6 @@
 import { type SpringParameters } from '../motion/springTrack.js';
 /**
- * Nested menus, measured from stock SwiftUI on iOS 27.0 (submenus/SPEC.md).
+ * Nested menus, measured from native controls on iOS 27.0 (submenus/SPEC.md).
  *
  * iPhone stacks each submenu over its parent: the parent shrinks to 0.97 about its top edge and
  * its rows dim to half ink, and the child grows out of the row that opened it into a full-width

package/dist/glass/submenuMotion.js

@@ -4,7 +4,7 @@ import { setGlassShapeTrack } from './shapeTrackRegistry.js';
 import { shapeTrackClock, shapeTrackEnvelope, shapeTrackFrame, } from './shapeTrack.js';
 import { springMotion, springTrack, sampledKeyframes, } from '../motion/springTrack.js';
 /**
- * Nested menus, measured from stock SwiftUI on iOS 27.0 (submenus/SPEC.md).
+ * Nested menus, measured from native controls on iOS 27.0 (submenus/SPEC.md).
  *
  * iPhone stacks each submenu over its parent: the parent shrinks to 0.97 about its top edge and
  * its rows dim to half ink, and the child grows out of the row that opened it into a full-width

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

@@ -0,0 +1,29 @@
+/** Exterior rim measured from the iOS 27 stock 44 pt circle, at 3 device pixels/pt.
+ * See scripts/research/glass-blackroom/fit-rim.py and the round-2 evidence packet.
+ *
+ * The dark line is outside the material aperture. Its colour comes from the local
+ * backdrop, while the interior specular is a separate normal-dependent lobe.
+ * Both lateral normals have the same response; a signed horizontal term would
+ * introduce lighting that the native flat-background captures do not contain.
+ */
+export declare function controlRimUniform(appearance: 'light' | 'dark'): [number, number, number, number];
+/** Native dark regular glass changes with the short side, independently of corner radius.
+ * The 44/50/62/64/70/80/100 pt sweep measured white interior 185/185/185/185/175/159/128.
+ * Grey and 75% grey deltas follow backdrop squared. Limit extrapolation to the measured range.
+ */
+export declare function controlSizeResponse(appearance: 'light' | 'dark', width: number, height: number): number;
+/** White backdrop, bottom exterior at 2 pt: native 44/62 pt controls are 252,
+ * 80 pt controls are 248 light / 246 dark; the unscaled kernel is 245.
+ * Keep the broad shadow separate from the sub-point rim coverage.
+ */
+export declare function controlShadowScale(appearance: 'light' | 'dark', width: number, height: number): number;
+/** Native 44 pt sweep at background code levels 32/64/96/128: first exterior pixel 6/17/32/52. */
+export declare const CONTROL_RIM_LOW_LUMA_GAIN = 0.6891894;
+/** Joint least-squares fit of the unclipped black/grey/white cardinal profiles.
+ * Final amplitudes include the 1.02493656 contrast fit over 32 unclipped flat-background
+ * vertical rays after the measured size response. Photo cases were held out.
+ * Shared across appearances: the native colour matrix supplies their different contrast.
+ * Narrow support/amount, diffuse support/amount (all support distances in points).
+ */
+export declare const CONTROL_SPECULAR: readonly [1.25, 1.5385214, 6.4, 0.38803352];
+export declare const controlRimWGSL = "\nfn materialBoundary(distance: f32, normal: vec2<f32>, uv: vec2<f32>) -> vec4<f32> {\n    let rim = global.uControlRim_slot;\n    let angular = normal.x * normal.x + rim.w * normal.y * normal.y;\n    let backdrop = materialMip(uv, 0.0);\n    let luminance = dot(backdrop, vec3f(0.2126, 0.7152, 0.0722));\n    let opacity = rim.y + 0.6891894 * max(0.5 - luminance, 0.0);\n    let radial = opacity * clamp(1.0 - max(distance, 0.0) / rim.x, 0.0, 1.0);\n    // Size sweep: exterior contrast changes linearly above mid-grey, while the face\n    // changes quadratically. Normalizing by luminance expresses that contrast as coverage.\n    let sizeContrast = global.uControlSize_slot.x * max(2.0 * luminance - 1.0, 0.0);\n    let sizeCoverage = sizeContrast / max(0.6 * luminance, 0.001);\n    let coverage = clamp(radial * angular * (1.0 + sizeCoverage), 0.0, 1.0);\n    // Nine-level native sweep: light reflects a quadratic colour transform;\n    // dark retains a small highlight in the upper half of the backdrop range.\n    let lightColour = clamp(backdrop * (backdrop - vec3f(0.5)), vec3f(0.0), vec3f(1.0));\n    let darkColour = 0.6 * max(backdrop - vec3f(0.5), vec3f(0.0)) * (vec3f(1.0) - backdrop);\n    let colour = mix(lightColour, darkColour, rim.z);\n    return vec4f(colour * coverage, coverage);\n}\nfn controlSpecular(distance: f32, normal: vec2<f32>) -> f32 {\n    let profile = global.uControlSpecular_slot;\n    let depth = max(-distance, 0.0);\n    let narrow = profile.y * max(1.0 - depth / profile.x, 0.0);\n    let diffuse = profile.w * max(1.0 - depth / profile.z, 0.0);\n    let facing = clamp((abs(normal.y) - 0.16) / 0.84, 0.0, 1.0);\n    return (narrow + diffuse) * facing * facing * facing;\n}\n";

package/dist/glass/webgpu/controlRim.js

@@ -0,0 +1,68 @@
+/** Exterior rim measured from the iOS 27 stock 44 pt circle, at 3 device pixels/pt.
+ * See scripts/research/glass-blackroom/fit-rim.py and the round-2 evidence packet.
+ *
+ * The dark line is outside the material aperture. Its colour comes from the local
+ * backdrop, while the interior specular is a separate normal-dependent lobe.
+ * Both lateral normals have the same response; a signed horizontal term would
+ * introduce lighting that the native flat-background captures do not contain.
+ */
+export function controlRimUniform(appearance) {
+    // Coverage/low-luma gain jointly fit to 36 native pixels over nine backdrop levels.
+    // Exterior support (pt), coverage at contour, dark-appearance blend, vertical response.
+    return appearance === 'light' ? [5 / 6, 0.75531308, 0, 0.32] : [5 / 6, 0.75531308, 1, 0];
+}
+/** Native dark regular glass changes with the short side, independently of corner radius.
+ * The 44/50/62/64/70/80/100 pt sweep measured white interior 185/185/185/185/175/159/128.
+ * Grey and 75% grey deltas follow backdrop squared. Limit extrapolation to the measured range.
+ */
+export function controlSizeResponse(appearance, width, height) {
+    return appearance === 'dark'
+        ? (1.6 / 255) * Math.min(36, Math.max(0, Math.min(width, height) - 64))
+        : 0;
+}
+/** White backdrop, bottom exterior at 2 pt: native 44/62 pt controls are 252,
+ * 80 pt controls are 248 light / 246 dark; the unscaled kernel is 245.
+ * Keep the broad shadow separate from the sub-point rim coverage.
+ */
+export function controlShadowScale(appearance, width, height) {
+    const growth = Math.min(16, Math.max(0, Math.min(width, height) - 64)) / 16;
+    return 0.3 + (appearance === 'dark' ? 0.6 : 0.4) * growth;
+}
+/** Native 44 pt sweep at background code levels 32/64/96/128: first exterior pixel 6/17/32/52. */
+export const CONTROL_RIM_LOW_LUMA_GAIN = 0.6891894;
+/** Joint least-squares fit of the unclipped black/grey/white cardinal profiles.
+ * Final amplitudes include the 1.02493656 contrast fit over 32 unclipped flat-background
+ * vertical rays after the measured size response. Photo cases were held out.
+ * Shared across appearances: the native colour matrix supplies their different contrast.
+ * Narrow support/amount, diffuse support/amount (all support distances in points).
+ */
+export const CONTROL_SPECULAR = [1.25, 1.5385214, 6.4, 0.38803352];
+export const controlRimWGSL = /* wgsl */ `
+fn materialBoundary(distance: f32, normal: vec2<f32>, uv: vec2<f32>) -> vec4<f32> {
+    let rim = global.uControlRim_slot;
+    let angular = normal.x * normal.x + rim.w * normal.y * normal.y;
+    let backdrop = materialMip(uv, 0.0);
+    let luminance = dot(backdrop, vec3f(0.2126, 0.7152, 0.0722));
+    let opacity = rim.y + ${CONTROL_RIM_LOW_LUMA_GAIN} * max(0.5 - luminance, 0.0);
+    let radial = opacity * clamp(1.0 - max(distance, 0.0) / rim.x, 0.0, 1.0);
+    // Size sweep: exterior contrast changes linearly above mid-grey, while the face
+    // changes quadratically. Normalizing by luminance expresses that contrast as coverage.
+    let sizeContrast = global.uControlSize_slot.x * max(2.0 * luminance - 1.0, 0.0);
+    let sizeCoverage = sizeContrast / max(0.6 * luminance, 0.001);
+    let coverage = clamp(radial * angular * (1.0 + sizeCoverage), 0.0, 1.0);
+    // Nine-level native sweep: light reflects a quadratic colour transform;
+    // dark retains a small highlight in the upper half of the backdrop range.
+    let lightColour = clamp(backdrop * (backdrop - vec3f(0.5)), vec3f(0.0), vec3f(1.0));
+    let darkColour = 0.6 * max(backdrop - vec3f(0.5), vec3f(0.0)) * (vec3f(1.0) - backdrop);
+    let colour = mix(lightColour, darkColour, rim.z);
+    return vec4f(colour * coverage, coverage);
+}
+fn controlSpecular(distance: f32, normal: vec2<f32>) -> f32 {
+    let profile = global.uControlSpecular_slot;
+    let depth = max(-distance, 0.0);
+    let narrow = profile.y * max(1.0 - depth / profile.x, 0.0);
+    let diffuse = profile.w * max(1.0 - depth / profile.z, 0.0);
+    let facing = clamp((abs(normal.y) - 0.16) / 0.84, 0.0, 1.0);
+    return (narrow + diffuse) * facing * facing * facing;
+}
+`;

package/dist/glass/webgpu/entry.worker.js

@@ -1,16 +1,13 @@
-import { WorkerFrameClock } from './frameClock.js';
+import { workerAnimationFrameClock } from './frameClock.js';
 import { glassFailureCode } from './errorCode.js';
 import { createWebGPURenderer } from './renderer.js';
 import { glassTiming, setGlassTimingSink } from './profile.js';
 setGlassTimingSink(event => globalThis.postMessage({ glassProfile: event }));
 glassTiming('worker-start');
-const clock = new WorkerFrameClock(message => globalThis.postMessage(message));
+const clock = workerAnimationFrameClock;
 const renderer = createWebGPURenderer(message => globalThis.postMessage(message), clock);
 globalThis.onmessage = event => {
-    if (event.data.request?.type === 'page-frame')
-        clock.receive(event.data.request);
-    else
-        renderer.receive(event);
+    renderer.receive(event);
 };
 globalThis.addEventListener('error', event => globalThis.postMessage({
     glassError: {

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

@@ -1,18 +1,22 @@
 import type { Envelope } from '../worker/protocol.js';
 /** Epoch milliseconds from the document's animation frame, shared with WAAPI. */
 export interface FrameClock {
+    readonly kind?: 'page-raf' | 'worker-raf';
     request(callback: (at: number) => void): number;
     cancel(token: number): void;
 }
 export declare const documentFrameClock: FrameClock;
+/** A retained worker timeline can sample without a page callback or message round trip.
+ * Both realms use epoch milliseconds, so the same WAAPI track remains the time authority. */
+export declare const workerAnimationFrameClock: FrameClock;
 type FrameRequest = {
     glassFrame: {
         token: number;
         cancel?: boolean;
     };
 };
-/** The experimental worker renderer asks the page for one frame at a time.
- * Worker rAF can run faster than the page and is not a presentation clock. */
+/** Page-linked worker clock retained for diagnostic comparisons. Its round trip
+ * also inherits page stalls; the independent worker renderer does not use it. */
 export declare class WorkerFrameClock implements FrameClock {
     private sequence;
     private pending?;

package/dist/glass/webgpu/frameClock.js

@@ -1,9 +1,16 @@
 export const documentFrameClock = {
+    kind: 'page-raf',
     request: callback => requestAnimationFrame(timestamp => callback(performance.timeOrigin + timestamp)),
     cancel: token => cancelAnimationFrame(token),
 };
-/** The experimental worker renderer asks the page for one frame at a time.
- * Worker rAF can run faster than the page and is not a presentation clock. */
+/** A retained worker timeline can sample without a page callback or message round trip.
+ * Both realms use epoch milliseconds, so the same WAAPI track remains the time authority. */
+export const workerAnimationFrameClock = {
+    ...documentFrameClock,
+    kind: 'worker-raf',
+};
+/** Page-linked worker clock retained for diagnostic comparisons. Its round trip
+ * also inherits page stalls; the independent worker renderer does not use it. */
 export class WorkerFrameClock {
     sequence = 0;
     pending;

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

@@ -44,7 +44,7 @@ export declare class FrameProbe {
     private post;
     constructor(post: (summary: FrameSummary[]) => void);
     get timestampQuery(): boolean;
-    useDevice(device: GPUDevice | undefined): void;
+    useDevice(device: GPUDevice | undefined, gpuTiming?: boolean): void;
     /** Wraps one frame's encoding and submission. Returns the frame's sample: its completion and
      * GPU times are filled in when they arrive. */
     frame(kind: FrameKind, interval: number | null, restart: boolean, encode: (e: GPUCommandEncoder) => void, canSubmit?: () => boolean): FrameProbeSample | undefined;

package/dist/glass/webgpu/frameProbe.js

@@ -78,12 +78,12 @@ export class FrameProbe {
         this.post = post;
     }
     get timestampQuery() {
-        return !!this.device?.features.has('timestamp-query');
+        return !!this.timer;
     }
-    useDevice(device) {
+    useDevice(device, gpuTiming = true) {
         this.device = device;
         this.timer = undefined;
-        if (device?.features.has('timestamp-query'))
+        if (gpuTiming && device?.features.has('timestamp-query'))
             try {
                 this.timer = new GPUFrameTimer(device);
             }

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

@@ -1,7 +1,7 @@
 declare const shaders: {
     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'];
     };
     menu: {

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

@@ -135,6 +135,7 @@ export declare class ProductionGlassRuntime {
     private pointerX;
     private pointerStart;
     private pointerIndex;
+    private padSearch?;
     private minimize;
     minimizeDom?: WorkerMinimize;
     navigationRoutes: NavigationGlassState['routes'];

package/dist/glass/webgpu/production.js

@@ -1,3 +1,4 @@
+import { PadSearchBarMotion } from '../../search/padSearchBarMotion.js';
 import { SCROLL_INSERTION_MOTION } from '../../scroll/insertionMotion.js';
 import { KEYBOARD_CARRIER_MOTION } from '../../safe-area/keyboardCarrierGeometry.js';
 import { keyboardBackdrop } from './keyboardBackdrop.js';
@@ -148,6 +149,7 @@ export class ProductionGlassRuntime {
     pointerX = 0;
     pointerStart = 0;
     pointerIndex = 0;
+    padSearch;
     minimize = new TabMinimizeIntent();
     minimizeDom;
     navigationRoutes = [];
@@ -385,6 +387,10 @@ export class ProductionGlassRuntime {
             element.style.cssText =
                 'position:absolute;inset:0;overflow:visible;clip-path:none;transform:none';
         this.canvas.style.cssText = `position:absolute;left:0;top:0;width:${geometry.width}px;height:${geometry.height}px;pointer-events:none`;
+        if (!this.client.documentOwned) {
+            this.canvas.style.objectFit = 'contain';
+            this.canvas.style.objectPosition = 'left bottom';
+        }
         this.canvas.dataset.satinWebgpu = 'production';
         // Chrome canvases start as one pixel; each preparation places them on the band their surfaces
         // reach. A remount (geometry change, rebind) keeps the band the worker is drawing for until the
@@ -1406,7 +1412,7 @@ export class ProductionGlassRuntime {
     /** A source change during tab-bar minimize/restore is applied when the motion finishes
      * (its track schedules a preparation): reinstalling every surface mid-motion stalled worker frames. */
     schedulePrepare(afterMinimize = false, windowRecentre = false) {
-        if (!afterMinimize && this.minimizeDom?.active)
+        if (!afterMinimize && (this.minimizeDom?.active || this.padSearch?.active))
             return;
         if (this.prepareFrame ||
             this.resumeFrame ||
@@ -1702,6 +1708,29 @@ export class ProductionGlassRuntime {
         const previous = this.options.geometry;
         this.options = { ...this.options, geometry: { ...previous, ...next } };
         this.minimizeDom?.update(this.options);
+        if (previous.tabBarPlacement === 'top' &&
+            next.tabBarOpacity !== undefined &&
+            previous.tabBarOpacity !== next.tabBarOpacity) {
+            const spec = this.currentSpecs().find(candidate => candidate.id === 'dock');
+            if (spec) {
+                if (!this.pointer)
+                    this.tabInput('reset', this.options.geometry.tabBarSelectedIndex ?? 0, true);
+                const track = (this.padSearch ??= new PadSearchBarMotion()).start(this.options.elements.chrome.dock, 1 - next.tabBarOpacity, spec);
+                if (track.duration)
+                    this.track('dock', track.specs, track.duration, track.at);
+                else {
+                    const region = this.regionIds.get('dock');
+                    this.specs.set('dock', spec);
+                    if (region)
+                        this.fire({ type: 'region-spec', id: region, spec });
+                }
+                void track.finished.then(() => {
+                    if (!this.padSearch?.active)
+                        this.schedulePrepare(true);
+                });
+                return;
+            }
+        }
         if (previous.tabBarPlacement !== this.options.geometry.tabBarPlacement) {
             this.minimize.rebase(this.options.elements.scroller.scrollTop);
             if (this.options.geometry.tabBarPlacement === 'top')
@@ -1852,6 +1881,7 @@ export class ProductionGlassRuntime {
         this.teardown();
     }
     teardown() {
+        this.padSearch?.dispose();
         this.unbindAppearance();
         if (this.minimizeDom && (this.minimizeDom.active || this.minimize.compact)) {
             const dock = this.currentSpecs().find(spec => spec.id === 'dock');

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

@@ -37,6 +37,19 @@ export declare class WebGPURaster {
     private overlayPipeline;
     private presentPipeline;
     private format;
+    private presentationRoot?;
+    private presentationOrigin?;
+    private presentationMembers;
+    private presentationSequence?;
+    private collectingPresentation;
+    /** Member samples encode their materials first. The root then presents the whole frame once. */
+    withSharedPresentation(draw: () => void): void;
+    /** Retain independent material sampling, but store overlapping fixed chrome once. */
+    joinPresentation(root: WebGPURaster, origin: {
+        x: number;
+        y: number;
+    }): void;
+    leavePresentation(): void;
     private lost;
     private suspended;
     private covered;
@@ -172,8 +185,10 @@ export declare class WebGPURaster {
      * region presenter's layer already is its sample rectangle and keeps layer space. */
     private localResult;
     /** Device-pixel offset of this layer's canvas within its layer. */
+    private presentationViewport;
     private canvasOffset;
     private canvasSize;
+    private resizeCanvas;
     /** 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: readonly [number, number, number, number] | undefined): void;
@@ -201,6 +216,9 @@ export declare class WebGPURaster {
      * Returns false, drawing nothing, when the canvas already shows exactly this (see
      * `presentedLayers`): the same results at the same places, or nothing at all. */
     static presentLayer(encoder: GPUCommandEncoder, rasters: readonly WebGPURaster[]): boolean;
+    private presentationOffset;
+    private groupPresentUniform;
+    private groupPresentScissor;
     private presentDraw;
     /** 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