egaki 0.9.0 → 0.11.0

package/dist/cli/login.test.js

@@ -0,0 +1,158 @@
+// Tests login command routing before any prompt, key read, or OAuth side effect.
+import { describe, expect, test } from 'vitest';
+import { chatGptReLoginMessage, isRevokedChatGptAccessToken, oauthCallbackAction, pickChatGptResponsesModel, } from './chatgpt-auth.js';
+import { describeChatGptExpiry, resolveLoginAction } from './login.js';
+describe('resolveLoginAction', () => {
+    test('shows all configured providers', () => {
+        expect(resolveLoginAction({
+            options: { show: true },
+            daemonProvider: undefined,
+            isAgent: false,
+        })).toMatchInlineSnapshot(`
+      {
+        "type": "show",
+      }
+    `);
+    });
+    test('removes a configured provider', () => {
+        expect(resolveLoginAction({
+            options: { remove: 'google' },
+            daemonProvider: undefined,
+            isAgent: false,
+        })).toMatchInlineSnapshot(`
+      {
+        "provider": "google",
+        "type": "remove",
+      }
+    `);
+    });
+    test('runs the OAuth provider passed to the daemon', () => {
+        expect(resolveLoginAction({
+            options: {},
+            daemonProvider: 'chatgpt',
+            isAgent: true,
+        })).toMatchInlineSnapshot(`
+      {
+        "provider": "chatgpt",
+        "type": "oauth-daemon",
+      }
+    `);
+    });
+    test('rejects a non-OAuth daemon provider', () => {
+        expect(resolveLoginAction({
+            options: {},
+            daemonProvider: 'google',
+            isAgent: true,
+        })).toMatchInlineSnapshot(`
+      [Error: Invalid background login provider: google]
+    `);
+    });
+    test('starts an explicit OAuth provider through the daemon client', () => {
+        expect(resolveLoginAction({
+            options: { provider: 'xai-oauth' },
+            daemonProvider: undefined,
+            isAgent: true,
+        })).toMatchInlineSnapshot(`
+      {
+        "provider": "xai-oauth",
+        "type": "oauth-client",
+      }
+    `);
+    });
+    test('saves an explicit API key in the foreground', () => {
+        expect(resolveLoginAction({
+            options: { provider: 'google', key: 'secret' },
+            daemonProvider: undefined,
+            isAgent: true,
+        })).toMatchInlineSnapshot(`
+      {
+        "key": "secret",
+        "provider": "google",
+        "type": "api-key",
+      }
+    `);
+    });
+    test('reads an omitted API key from stdin', () => {
+        expect(resolveLoginAction({
+            options: { provider: 'google' },
+            daemonProvider: undefined,
+            isAgent: true,
+        })).toMatchInlineSnapshot(`
+      {
+        "key": undefined,
+        "provider": "google",
+        "type": "api-key",
+      }
+    `);
+    });
+    test('uses the provider picker for an interactive user', () => {
+        expect(resolveLoginAction({
+            options: {},
+            daemonProvider: undefined,
+            isAgent: false,
+        })).toMatchInlineSnapshot(`
+      {
+        "type": "interactive",
+      }
+    `);
+    });
+    test('does not call a locally unexpired ChatGPT token valid', () => {
+        expect(describeChatGptExpiry(2_000, 1_000)).toMatchInlineSnapshot(`"not expired locally"`);
+        expect(describeChatGptExpiry(1_000, 2_000)).toMatchInlineSnapshot(`"expired locally, the next request will try to refresh"`);
+    });
+    test('tells the user to sign in again when ChatGPT revokes the token', () => {
+        expect(isRevokedChatGptAccessToken(401, '{"message":"Encountered invalidated oauth token for user, failing request","code":"token_revoked"}')).toBe(true);
+        expect(isRevokedChatGptAccessToken(401, 'missing api key')).toBe(false);
+        expect(chatGptReLoginMessage({
+            status: 401,
+            body: 'Token refresh failed',
+        })).toMatchInlineSnapshot(`"ChatGPT rejected the saved login (401: Token refresh failed). Run: egaki login --provider chatgpt"`);
+    });
+    test('a stale callback does not cancel the active ChatGPT login', () => {
+        expect(oauthCallbackAction({
+            pendingState: 'new-state',
+            callbackState: 'old-state',
+            error: 'access_denied',
+            code: null,
+        })).toBe('ignore');
+        expect(oauthCallbackAction({
+            pendingState: 'new-state',
+            callbackState: 'new-state',
+            error: 'access_denied',
+            code: null,
+        })).toBe('provider-error');
+        expect(oauthCallbackAction({
+            pendingState: 'new-state',
+            callbackState: 'new-state',
+            error: null,
+            code: 'auth-code',
+        })).toBe('exchange');
+    });
+    test('picks the highest-priority ChatGPT model for the saved plan', () => {
+        expect(pickChatGptResponsesModel({
+            plan: 'prolite',
+            models: [
+                { slug: 'gpt-5.4', visibility: 'hide', priority: 0, plans: ['prolite'] },
+                { slug: 'gpt-6-astra', visibility: 'list', priority: 1, plans: ['prolite'] },
+                { slug: 'gpt-5.5', visibility: 'list', priority: 12, plans: ['pro'] },
+            ],
+        })).toBe('gpt-6-astra');
+        expect(pickChatGptResponsesModel({
+            plan: 'prolite',
+            exclude: ['gpt-6-astra'],
+            models: [
+                { slug: 'gpt-6-astra', visibility: 'list', priority: 1, plans: ['prolite'] },
+                { slug: 'gpt-5.5', visibility: 'list', priority: 12, plans: ['prolite'] },
+            ],
+        })).toBe('gpt-5.5');
+    });
+    test('does not open an interactive prompt for an agent', () => {
+        expect(resolveLoginAction({
+            options: {},
+            daemonProvider: undefined,
+            isAgent: true,
+        })).toMatchInlineSnapshot(`
+      [Error: Missing --provider. Run egaki login --provider <name>.]
+    `);
+    });
+});

package/dist/cli/open-browser.d.ts

@@ -1,2 +1,4 @@
-export declare function openUrlInBrowser(url: string): boolean;
+export declare function openUrlInBrowser(url: string, { allowNonInteractive }?: {
+    allowNonInteractive?: boolean | undefined;
+}): boolean;
 //# sourceMappingURL=open-browser.d.ts.map

package/dist/cli/open-browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"open-browser.d.ts","sourceRoot":"","sources":["../../src/cli/open-browser.ts"],"names":[],"mappings":"AAyBA,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAsBrD"}
+{"version":3,"file":"open-browser.d.ts","sourceRoot":"","sources":["../../src/cli/open-browser.ts"],"names":[],"mappings":"AAuBA,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,MAAM,EACX,EAAE,mBAA2B,EAAE;;CAAK,GACnC,OAAO,CAsBT"}

package/dist/cli/open-browser.js

@@ -14,9 +14,9 @@ function getOpenCommands(url) {
         { command: 'gio', args: ['open', url] },
     ];
 }
-export function openUrlInBrowser(url) {
+export function openUrlInBrowser(url, { allowNonInteractive = false } = {}) {
     // Avoid launching browser commands in non-interactive contexts (CI/pipes).
-    if (!process.stdout.isTTY || !process.stdin.isTTY) {
+    if (!allowNonInteractive && (!process.stdout.isTTY || !process.stdin.isTTY)) {
         return false;
     }
     for (const candidate of getOpenCommands(url)) {

package/dist/cli/xai-auth.d.ts

@@ -19,7 +19,9 @@ export declare function refreshXaiToken(refreshToken: string): Promise<TokenResp
  * Run the xAI OAuth browser flow. Opens the system browser for authorization,
  * waits for the callback, and returns an XaiAuth object with tokens.
  */
-export declare function xaiOAuthLogin(): Promise<XaiAuth>;
+export declare function xaiOAuthLogin({ openInBackground, }?: {
+    openInBackground?: boolean | undefined;
+}): Promise<XaiAuth>;
 /**
  * Returns a valid XaiAuth, refreshing the access token if it's expired or
  * about to expire. Calls `save` to persist the refreshed tokens.

package/dist/cli/xai-auth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"xai-auth.d.ts","sourceRoot":"","sources":["../../src/cli/xai-auth.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAwBvB,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;iBAKvB,CAAA;AAEF,KAAK,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAA;AA+DxD,8EAA8E;AAC9E,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,MAAM,GAAE,MAAqC,GAC5C,OAAO,CAKT;AA6BD,wBAAsB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAelF;AAwHD;;;GAGG;AACH,wBAAsB,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC,CAoEtD;AAID;;;GAGG;AACH,wBAAsB,eAAe,CACnC,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAC5B,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC,CAuB1B"}
+{"version":3,"file":"xai-auth.d.ts","sourceRoot":"","sources":["../../src/cli/xai-auth.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAwBvB,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;iBAKvB,CAAA;AAEF,KAAK,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAA;AA+DxD,8EAA8E;AAC9E,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,MAAM,GAAE,MAAqC,GAC5C,OAAO,CAKT;AA6BD,wBAAsB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAelF;AAwHD;;;GAGG;AACH,wBAAsB,aAAa,CAAC,EAClC,gBAAwB,GACzB;;CAAK,GAAG,OAAO,CAAC,OAAO,CAAC,CA8ExB;AAID;;;GAGG;AACH,wBAAsB,eAAe,CACnC,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAC5B,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC,CAuB1B"}

package/dist/cli/xai-auth.js

@@ -12,7 +12,7 @@
 // when creating the @ai-sdk/xai provider instance.
 import { createServer } from 'node:http';
 import { spinner, log, note } from '@clack/prompts';
-import pc from 'picocolors';
+import { colors as pc } from 'goke';
 import { z } from 'zod';
 import { openUrlInBrowser } from './open-browser.js';
 import pkg from '../../package.json' with { type: 'json' };
@@ -236,7 +236,7 @@ function waitForOAuthCallback(verifier, state) {
  * Run the xAI OAuth browser flow. Opens the system browser for authorization,
  * waits for the callback, and returns an XaiAuth object with tokens.
  */
-export async function xaiOAuthLogin() {
+export async function xaiOAuthLogin({ openInBackground = false, } = {}) {
     const s = spinner();
     s.start('Starting xAI OAuth server...');
     let server;
@@ -273,7 +273,17 @@ export async function xaiOAuthLogin() {
     // the loopback server almost instantly. Registering after openUrlInBrowser
     // creates a race where the callback arrives before pendingOAuth exists.
     const callbackPromise = waitForOAuthCallback(pkce.verifier, state);
-    await openUrlInBrowser(authUrl);
+    const opened = openUrlInBrowser(authUrl, {
+        allowNonInteractive: openInBackground,
+    });
+    if (openInBackground && !opened) {
+        const error = new Error('Could not open a browser for xAI authorization');
+        pendingOAuth?.reject(error);
+        pendingOAuth = undefined;
+        server.close();
+        await callbackPromise;
+        throw error;
+    }
     s.start('Waiting for authorization...');
     try {
         const tokens = await callbackPromise;

package/dist/vite/angled-screen-shader.d.ts

@@ -30,6 +30,11 @@ export interface AngledScreenProps {
     fog?: number;
     /** Film grain intensity. Default 0.02. */
     grainIntensity?: number;
+    /** Chromatic aberration strength. RGB channels separate along the radial
+     *  axis from frame center, scaled up by local blur so fringing reads
+     *  strongest in the bokeh (like real lens CA on the reference photos).
+     *  0 = off. Default 0.45. */
+    chromaticAberration?: number;
     /** Background color behind the tilted screen. Default '#000000'. */
     backgroundColor?: string;
     /** Width of the inner content wrapper. Default '80%'. */

package/dist/vite/angled-screen-shader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"angled-screen-shader.d.ts","sourceRoot":"","sources":["../../src/vite/angled-screen-shader.tsx"],"names":[],"mappings":"AAyEA,OAAO,EAAwC,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKhG,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAA;IAGnB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;2EAEuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;mFAC+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;uEAEmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,oDAAoD;IACpD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAwND,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAuWpD"}
+{"version":3,"file":"angled-screen-shader.d.ts","sourceRoot":"","sources":["../../src/vite/angled-screen-shader.tsx"],"names":[],"mappings":"AA4EA,OAAO,EAAwC,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKhG,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAA;IAGnB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;2EAEuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;mFAC+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;uEAEmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;iCAG6B;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,oDAAoD;IACpD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAwPD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BA8WpD"}

package/dist/vite/angled-screen-shader.js

@@ -11,7 +11,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *   intersection → plane-local UV → sample DOM texture
  *
  * The intersection distance gives true per-pixel depth, which drives:
- *   - bokeh blur (poisson-disc, radius grows with distance from focus)
+ *   - bokeh blur (sparse 6-blade hex iris, radius grows with distance from
+ *     focus — fewer taps so the aperture shape reads as hard disks instead
+ *     of smoothing into a gaussian)
+ *   - chromatic aberration (radial R/B split, stronger in the bokeh)
  *   - fog toward backgroundColor (like the original Three.js plugin's
  *     scene fog, unframer-private/plugin-angled-screen BokehPass setup)
  *   - film grain (from the plugin's filmGrainShader, u_time-seeded)
@@ -94,6 +97,7 @@ uniform float u_focusDist;  // focus distance in px along the ray
 uniform float u_aspect;     // width / height, for circular bokeh
 uniform float u_fog;
 uniform float u_grain;
+uniform float u_ca;         // chromatic aberration strength
 uniform vec4 u_background;
 uniform float u_debug;
 uniform float u_time;
@@ -105,21 +109,26 @@ float rand(vec2 co) {
   return fract(sin(dot(co, vec2(12.9898, 78.233))) * 43758.5453);
 }
 
-// Three.js BokehShader ring kernel (Martins Upitis lens blur):
-// 16 taps at radius 1.0, 8 at 0.9, 8 at 0.7, 8 at 0.4, plus center = 41.
-const vec2 RING1[16] = vec2[](
-  vec2(0.0, 0.4), vec2(0.15, 0.37), vec2(0.29, 0.29), vec2(-0.37, 0.15),
-  vec2(0.40, 0.0), vec2(0.37, -0.15), vec2(0.29, -0.29), vec2(-0.15, -0.37),
-  vec2(0.0, -0.4), vec2(-0.15, 0.37), vec2(-0.29, 0.29), vec2(0.37, 0.15),
-  vec2(-0.4, 0.0), vec2(-0.37, -0.15), vec2(-0.29, -0.29), vec2(0.15, -0.37)
+// Sparse 6-blade hexagonal iris. Far fewer taps than the 41-sample Martins
+// Upitis kernel so the aperture SHAPE reads as discrete hex disks instead of
+// smoothing into a gaussian. Outer ring is weighted heavier so bright points
+// form hard-edged bokeh blobs (the look of real lens DOF on the refs).
+// Unit circle coords at radius 1.0 / 0.55.
+const vec2 HEX_OUTER[6] = vec2[](
+  vec2( 1.0000,  0.0000),
+  vec2( 0.5000,  0.8660),
+  vec2(-0.5000,  0.8660),
+  vec2(-1.0000,  0.0000),
+  vec2(-0.5000, -0.8660),
+  vec2( 0.5000, -0.8660)
 );
-const vec2 RING9[8] = vec2[](
-  vec2(0.15, 0.37), vec2(-0.37, 0.15), vec2(0.37, -0.15), vec2(-0.15, -0.37),
-  vec2(-0.15, 0.37), vec2(0.37, 0.15), vec2(-0.37, -0.15), vec2(0.15, -0.37)
-);
-const vec2 RING7[8] = vec2[](
-  vec2(0.29, 0.29), vec2(0.40, 0.0), vec2(0.29, -0.29), vec2(0.0, -0.4),
-  vec2(-0.29, 0.29), vec2(-0.4, 0.0), vec2(-0.29, -0.29), vec2(0.0, 0.4)
+const vec2 HEX_MID[6] = vec2[](
+  vec2( 0.5500,  0.0000),
+  vec2( 0.2750,  0.4763),
+  vec2(-0.2750,  0.4763),
+  vec2(-0.5500,  0.0000),
+  vec2(-0.2750, -0.4763),
+  vec2( 0.2750, -0.4763)
 );
 
 // Intersect the camera ray through screen uv suv with the tilted plane.
@@ -154,6 +163,17 @@ vec4 sampleScene(vec2 suv) {
   return mix(u_background, c, coverage);
 }
 
+// Per-channel sample with chromatic aberration: R and B pull apart along
+// the radial axis from frame center (classic lens CA purple/cyan fringing).
+vec4 sampleSceneCA(vec2 suv, vec2 caOffset) {
+  float r = sampleScene(suv + caOffset).r;
+  float g = sampleScene(suv).g;
+  float b = sampleScene(suv - caOffset).b;
+  // Coverage/alpha from the green (unshifted) sample keeps silhouette stable.
+  vec4 mid = sampleScene(suv);
+  return vec4(r, g, b, mid.a);
+}
+
 void main() {
   vec4 bg = u_background;
 
@@ -178,27 +198,41 @@ void main() {
   // stays tack sharp. Background pixels (no hit) count as far away, so the
   // plane silhouette melts softly where it is out of focus.
   float factor = hit ? max(t - u_focusDist, 0.0) / u_perspective : 1.0;
-  vec2 dofblur = vec2(clamp(factor * u_aperture, 0.0, u_maxblur)) * u_bokehEnabled;
+  float blurAmt = clamp(factor * u_aperture, 0.0, u_maxblur) * u_bokehEnabled;
+  vec2 dofblur = vec2(blurAmt);
 
   vec2 aspectcorrect = vec2(1.0, u_aspect);
-  vec2 dofblur9 = dofblur * 0.9;
-  vec2 dofblur7 = dofblur * 0.7;
-  vec2 dofblur4 = dofblur * 0.4;
 
-  vec4 col = sampleScene(v_uv);
-  for (int i = 0; i < 16; i++) {
-    col += sampleScene(v_uv + RING1[i] * aspectcorrect * dofblur);
-  }
-  for (int i = 0; i < 8; i++) {
-    col += sampleScene(v_uv + RING9[i] * aspectcorrect * dofblur9);
-  }
-  for (int i = 0; i < 8; i++) {
-    col += sampleScene(v_uv + RING7[i] * aspectcorrect * dofblur7);
+  // Radial CA direction from frame center. Strength grows with local blur so
+  // sharp regions stay clean and only the bokeh fringes with purple/cyan.
+  vec2 fromCenter = v_uv - 0.5;
+  float radial = length(fromCenter);
+  vec2 caDir = radial > 1e-5 ? fromCenter / radial : vec2(1.0, 0.0);
+  // Base fringe + blur-scaled fringe. u_ca ~0.45 reads like a real lens on
+  // the reference photos without turning the whole frame into a prism.
+  float caAmt = u_ca * (0.0015 + blurAmt * 0.55);
+  vec2 caOffset = caDir * caAmt * aspectcorrect;
+
+  // Sparse hex gather. Outer ring weight 2.0 so the 6-blade iris is visible
+  // as hard bokeh disks; mid ring 1.0 fills the disk; center 1.0 anchors.
+  // Total weight = 6*2 + 6*1 + 1 = 19.
+  const float W_OUTER = 2.0;
+  const float W_MID = 1.0;
+  const float W_CENTER = 1.0;
+  vec4 col = sampleSceneCA(v_uv, caOffset) * W_CENTER;
+  for (int i = 0; i < 6; i++) {
+    col += sampleSceneCA(v_uv + HEX_OUTER[i] * aspectcorrect * dofblur, caOffset) * W_OUTER;
   }
-  for (int i = 0; i < 8; i++) {
-    col += sampleScene(v_uv + RING7[i] * aspectcorrect * dofblur4);
+  for (int i = 0; i < 6; i++) {
+    col += sampleSceneCA(v_uv + HEX_MID[i] * aspectcorrect * dofblur, caOffset) * W_MID;
   }
-  col /= 41.0;
+  col /= (6.0 * W_OUTER + 6.0 * W_MID + W_CENTER);
+
+  // Mild highlight bias: bright samples punch through more (classic optical
+  // bokeh where speculars form bright disks instead of averaging down).
+  // Applied as a soft lift so it doesn't blow whites on already-bright UI.
+  float luma = dot(col.rgb, vec3(0.299, 0.587, 0.114));
+  col.rgb += col.rgb * blurAmt * 1.8 * smoothstep(0.55, 0.95, luma);
 
   // Fog toward background with depth (plugin's THREE.Fog equivalent)
   col.rgb = mix(col.rgb, bg.rgb, u_fog * depth01 * (hit ? 1.0 : 0.0));
@@ -226,6 +260,7 @@ const UNIFORM_NAMES = [
     'u_aspect',
     'u_fog',
     'u_grain',
+    'u_ca',
     'u_background',
     'u_debug',
     'u_time',
@@ -309,12 +344,18 @@ export function AngledScreen(props) {
             step: 0.01,
         },
         fog: { value: props.fog ?? 0.35, min: 0, max: 1, step: 0.01 },
-        grainIntensity: { value: props.grainIntensity ?? 0.02, min: 0, max: 0.2, step: 0.005 },
+        grainIntensity: { value: props.grainIntensity ?? 0.02, min: 0, max: 0.3, step: 0.005 },
+        chromaticAberration: {
+            value: props.chromaticAberration ?? 0.45,
+            min: 0,
+            max: 2,
+            step: 0.01,
+        },
         backgroundColor: props.backgroundColor ?? '#000000',
         debug: props.debug ?? false,
     });
     const { perspective, rotateX, rotateY, rotateZ, translateX, translateZ } = tp;
-    const { aperture, maxBlur, focus, fog, grainIntensity } = tp;
+    const { aperture, maxBlur, focus, fog, grainIntensity, chromaticAberration } = tp;
     const { bokeh, debug, backgroundColor } = tp;
     const time = frame / fps;
     const onInit = useCallback(({ canvas }) => {
@@ -473,6 +514,8 @@ export function AngledScreen(props) {
             gl.uniform1f(locs.u_fog, fog);
         if (locs.u_grain)
             gl.uniform1f(locs.u_grain, grainIntensity);
+        if (locs.u_ca)
+            gl.uniform1f(locs.u_ca, chromaticAberration);
         if (locs.u_background)
             gl.uniform4fv(locs.u_background, parseHexColor(backgroundColor));
         if (locs.u_debug)
@@ -507,7 +550,7 @@ export function AngledScreen(props) {
         }
     }, [
         compW, compH, perspective, rotateX, rotateY, rotateZ, translateX, translateZ,
-        bokeh, aperture, maxBlur, focus, fog, grainIntensity,
+        bokeh, aperture, maxBlur, focus, fog, grainIntensity, chromaticAberration,
         backgroundColor, debug, time,
     ]);
     const supported = typeof document !== 'undefined' && HtmlInCanvas.isSupported();

package/dist/vite/generated-media-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generated-media-client.d.ts","sourceRoot":"","sources":["../../src/vite/generated-media-client.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAkC,KAAK,cAAc,EAAkB,MAAM,OAAO,CAAA;AAE3F,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAkB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAE7E,OAAO,EAAE,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,CAAA;AAmDrD,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE;IACD,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,+BAM7B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE;IACD,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,+BAM/B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE;IACD,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,+BAM/B"}
+{"version":3,"file":"generated-media-client.d.ts","sourceRoot":"","sources":["../../src/vite/generated-media-client.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAkC,KAAK,cAAc,EAAkB,MAAM,OAAO,CAAA;AAE3F,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAkB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAE7E,OAAO,EAAE,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,CAAA;AAwDrD,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE;IACD,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,+BAM7B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE;IACD,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,+BAM/B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE;IACD,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,+BAM/B"}

package/dist/vite/generated-media-client.js

@@ -1,5 +1,5 @@
 'use client';
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Client wrappers for server-generated media components.
  *
@@ -60,7 +60,7 @@ function ResolvedVideo({ srcPromise, ...rest }) {
 }
 function ResolvedAudio({ srcPromise, ...rest }) {
     const src = use(srcPromise);
-    return _jsx(Audio, { src: src, ...rest });
+    return (_jsxs(_Fragment, { children: [_jsx("span", { "data-egaki-tts": true, style: { display: 'none' }, "aria-hidden": true }), _jsx(Audio, { src: src, ...rest })] }));
 }
 // ---------------------------------------------------------------------------
 // Exported client wrappers — render fallback while promise is pending

package/dist/vite/vite-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../../src/vite/vite-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAMH,OAAO,KAAK,EAAU,YAAY,EAAE,MAAM,MAAM,CAAA;AA4BhD,MAAM,WAAW,kBAAkB;IACjC;;wEAEoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAiDD,wBAAgB,KAAK,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,YAAY,EAAE,CAoYlE"}
+{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../../src/vite/vite-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAMH,OAAO,KAAK,EAAU,YAAY,EAAE,MAAM,MAAM,CAAA;AAgDhD,MAAM,WAAW,kBAAkB;IACjC;;wEAEoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAiDD,wBAAgB,KAAK,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,YAAY,EAAE,CA+elE"}