@xfey/tutti 0.1.123 → 0.1.125

package/dist/server-shell/local-console/browser-bridge.d.ts

@@ -0,0 +1,10 @@
+import type { FastifyInstance } from "fastify";
+import { type LocalConsoleSessionRegistry } from "./session.js";
+/** No caller-controlled destinations, control routes, session cookies or header forwarding. */
+export declare function isConsoleBridgeOperation(method: string, path: string): boolean;
+export declare function registerConsoleBrowserBridge(app: FastifyInstance, options: {
+    sessions: LocalConsoleSessionRegistry;
+    now?: () => Date;
+    tuttiHome?: string;
+}): void;
+//# sourceMappingURL=browser-bridge.d.ts.map

package/dist/server-shell/local-console/browser-bridge.js

@@ -0,0 +1,286 @@
+import { createHash, randomBytes } from "node:crypto";
+import { resolveRelayUrl } from "../cli/launch.js";
+import { serializeRuntimeLogLine } from "@tutti/shared/utils";
+import { appendHostLogLine, getHostLogFilePath } from "../cli/machine-local.js";
+import { LOCAL_CONSOLE_SESSION_COOKIE } from "./session.js";
+const BASE = "/local-console/bridge/v1";
+const IDLE_MS = 15 * 60_000;
+const LIFETIME_MS = 12 * 60 * 60_000;
+const secret = () => randomBytes(32).toString("base64url");
+const hash = (value) => createHash("sha256").update(value).digest("hex");
+const tokenPattern = /^[A-Za-z0-9_-]{43}$/u;
+/** No caller-controlled destinations, control routes, session cookies or header forwarding. */
+export function isConsoleBridgeOperation(method, path) {
+    if (method === "GET") {
+        return ([
+            "/bootstrap",
+            "/projects",
+            "/heartbeat",
+            "/package-update",
+            "/package-update?refresh=true",
+        ].includes(path) || /^\/projects\/prj_[A-Za-z0-9]{1,64}\/feishu-setup$/u.test(path));
+    }
+    return (method === "POST" &&
+        ([
+            "/folders/pick",
+            "/providers/models",
+            "/projects/launch",
+            "/package-update",
+            "/account/managed-usage",
+        ].includes(path) ||
+            /^\/projects\/prj_[A-Za-z0-9]{1,64}\/(?:open|invite|stop)$/u.test(path) ||
+            /^\/managed-projects\/(?:prepare|authorize|read|reconcile|validate|launch)$/u.test(path)));
+}
+function validOrigin(origin) {
+    if (typeof origin !== "string")
+        return false;
+    try {
+        const url = new URL(origin);
+        return (url.origin === origin &&
+            !url.username &&
+            !url.password &&
+            (url.protocol === "https:" || (url.protocol === "http:" && url.hostname === "127.0.0.1")));
+    }
+    catch {
+        return false;
+    }
+}
+function objectWithKeys(value, required, optional = []) {
+    return (typeof value === "object" &&
+        value !== null &&
+        !Array.isArray(value) &&
+        required.every((key) => Object.hasOwn(value, key)) &&
+        Object.keys(value).every((key) => required.includes(key) || optional.includes(key)));
+}
+export function registerConsoleBrowserBridge(app, options) {
+    const registry = new Map();
+    app.addHook("onResponse", (request, reply, done) => {
+        if (options.tuttiHome && request.url.startsWith(`${BASE}/`)) {
+            const suffix = request.url.slice(BASE.length);
+            const stage = [
+                "/session",
+                "/account",
+                "/account/complete",
+                "/request",
+                "/disconnect",
+            ].includes(suffix)
+                ? suffix.slice(1).replaceAll("/", "_")
+                : "rejected";
+            try {
+                appendHostLogLine(getHostLogFilePath(options.tuttiHome), serializeRuntimeLogLine({
+                    service: "host",
+                    component: "console-bridge",
+                    level: reply.statusCode >= 400 ? "warn" : "info",
+                    message: "Console bridge request",
+                    now: options.now ?? (() => new Date()),
+                    fields: { request_id: request.id, stage, status: reply.statusCode },
+                }));
+            }
+            catch {
+                /* Diagnostic failure never changes access or reveals request data. */
+            }
+        }
+        done();
+    });
+    const now = () => (options.now?.() ?? new Date()).getTime();
+    const remove = (key, entry) => {
+        options.sessions.revokeSession(entry.session);
+        if (entry.continuation)
+            options.sessions.revokeAccessToken(entry.continuation);
+        registry.delete(key);
+    };
+    const purge = () => {
+        for (const [key, entry] of registry) {
+            if (entry.expires <= now() || entry.touched + IDLE_MS <= now())
+                remove(key, entry);
+        }
+    };
+    const fail = (request, reply, status, code) => reply.code(status).send({
+        error: {
+            code,
+            message: "Reconnect this computer from Projects.",
+            retryable: false,
+            request_id: request.id,
+        },
+    });
+    // A preflight is only a transport negotiation. Every actual request separately authenticates
+    // its native-configured origin and entry capability; a successful OPTIONS grants no access.
+    app.addHook("onRequest", (request, reply, done) => {
+        if (!request.url.startsWith(`${BASE}/`))
+            return done();
+        reply.header("cache-control", "no-store").header("vary", "Origin");
+        if (!validOrigin(request.headers.origin)) {
+            void fail(request, reply, 403, "bridge_origin_rejected");
+            return;
+        }
+        if (request.url.includes("?")) {
+            void fail(request, reply, 400, "bridge_input_invalid");
+            return;
+        }
+        reply
+            .header("access-control-allow-origin", request.headers.origin)
+            .header("access-control-expose-headers", "x-tutti-request-id");
+        if (request.method === "OPTIONS") {
+            const requested = String(request.headers["access-control-request-headers"] ?? "")
+                .toLowerCase()
+                .split(",")
+                .map((v) => v.trim())
+                .filter(Boolean);
+            if (request.headers["access-control-request-method"] !== "POST" ||
+                requested.some((v) => !["authorization", "content-type"].includes(v))) {
+                void fail(request, reply, 403, "bridge_preflight_rejected");
+                return;
+            }
+            reply
+                .header("access-control-allow-methods", "POST")
+                .header("access-control-allow-headers", "authorization, content-type")
+                .header("access-control-allow-private-network", "true");
+            void reply.code(204).send();
+            return;
+        }
+        done();
+    });
+    app.options(`${BASE}/*`, (_request, reply) => reply.code(204).send());
+    app.post(`${BASE}/session`, (request, reply) => {
+        purge();
+        const body = request.body;
+        if (!objectWithKeys(body, ["access_token"]) ||
+            typeof body.access_token !== "string" ||
+            !tokenPattern.test(body.access_token))
+            return fail(request, reply, 400, "bridge_input_invalid");
+        const context = options.sessions.readEntryContext(body.access_token);
+        const origin = request.headers.origin;
+        const configured = context ? resolveRelayUrl(context.environment).replace(/\/$/u, "") : null;
+        if (!context || !validOrigin(origin) || configured !== origin)
+            return fail(request, reply, 403, "bridge_entry_rejected");
+        if (registry.size >= 16)
+            return fail(request, reply, 429, "bridge_capacity_reached");
+        const session = options.sessions.exchangeAccessToken(body.access_token, undefined, undefined, true);
+        if (!session?.sessionToken)
+            return fail(request, reply, 401, "bridge_entry_expired");
+        const token = secret();
+        registry.set(hash(token), {
+            origin,
+            session: session.sessionToken,
+            context: session.contextToken,
+            csrf: session.csrfToken,
+            touched: now(),
+            expires: now() + LIFETIME_MS,
+        });
+        return { bridge_token: token };
+    });
+    function authenticate(request) {
+        purge();
+        const bearer = /^Bearer ([A-Za-z0-9_-]{43})$/u.exec(String(request.headers.authorization ?? ""))?.[1];
+        const key = bearer ? hash(bearer) : "";
+        const entry = registry.get(key);
+        if (!entry ||
+            entry.origin !== request.headers.origin ||
+            !options.sessions.readSession(entry.session, entry.context))
+            return null;
+        entry.touched = now();
+        return [key, entry];
+    }
+    app.post(`${BASE}/disconnect`, (request, reply) => {
+        const auth = authenticate(request);
+        if (!auth)
+            return fail(request, reply, 401, "bridge_session_required");
+        if (request.body !== undefined)
+            return fail(request, reply, 400, "bridge_input_invalid");
+        remove(...auth);
+        return { status: "disconnected" };
+    });
+    app.post(`${BASE}/account`, (request, reply) => {
+        const auth = authenticate(request);
+        if (!auth)
+            return fail(request, reply, 401, "bridge_session_required");
+        if (request.body !== undefined)
+            return fail(request, reply, 400, "bridge_input_invalid");
+        const entry = auth[1];
+        const session = options.sessions.readSession(entry.session, entry.context);
+        if (session.accountReady)
+            return fail(request, reply, 409, "bridge_account_already_ready");
+        if (entry.continuation)
+            options.sessions.revokeAccessToken(entry.continuation);
+        const issued = options.sessions.issueAccountContinuation(session.context);
+        entry.continuation = issued.token;
+        return { access_token: issued.token, expires_at: issued.expires_at };
+    });
+    app.post(`${BASE}/account/complete`, (request, reply) => {
+        const auth = authenticate(request);
+        if (!auth)
+            return fail(request, reply, 401, "bridge_session_required");
+        const entry = auth[1];
+        const body = request.body;
+        if (!objectWithKeys(body, ["access_token", "account_display_name"]) ||
+            body.access_token !== entry.continuation ||
+            typeof body.access_token !== "string" ||
+            typeof body.account_display_name !== "string" ||
+            !body.account_display_name.trim() ||
+            body.account_display_name.length > 80)
+            return fail(request, reply, 400, "bridge_account_mismatch");
+        const session = options.sessions.exchangeAccessToken(body.access_token, undefined, body.account_display_name, true);
+        if (!session?.sessionToken)
+            return fail(request, reply, 401, "bridge_account_expired");
+        options.sessions.revokeSession(entry.session);
+        entry.session = session.sessionToken;
+        entry.context = session.contextToken;
+        entry.csrf = session.csrfToken;
+        delete entry.continuation;
+        return { status: "ready" };
+    });
+    app.post(`${BASE}/request`, async (request, reply) => {
+        const auth = authenticate(request);
+        if (!auth)
+            return fail(request, reply, 401, "bridge_session_required");
+        const [key, entry] = auth;
+        const body = request.body;
+        if (!objectWithKeys(body, ["method", "path"], ["body"]) ||
+            typeof body.method !== "string" ||
+            typeof body.path !== "string" ||
+            !isConsoleBridgeOperation(body.method, body.path) ||
+            (body.body !== undefined && typeof body.body !== "string") ||
+            (body.method === "GET" && body.body !== undefined))
+            return fail(request, reply, 400, "bridge_operation_rejected");
+        if (!options.sessions.readSession(entry.session, entry.context)?.accountReady)
+            return fail(request, reply, 401, "bridge_account_required");
+        const response = await app.inject({
+            method: body.method,
+            url: `/local-console/v1${body.path}`,
+            headers: {
+                host: request.headers.host,
+                origin: `http://${request.headers.host}`,
+                cookie: `${LOCAL_CONSOLE_SESSION_COOKIE}=${entry.session}`,
+                "x-local-console-context": entry.context,
+                "x-local-console-csrf": entry.csrf,
+                ...(body.body === undefined ? {} : { "content-type": "application/json" }),
+            },
+            ...(body.body === undefined ? {} : { payload: body.body }),
+        });
+        purge();
+        if (registry.get(key) !== entry)
+            return fail(request, reply, 401, "bridge_session_required");
+        if (response.rawPayload.length > 2 * 1024 * 1024)
+            return fail(request, reply, 502, "bridge_response_too_large");
+        let data;
+        try {
+            data = response.json();
+        }
+        catch {
+            return fail(request, reply, 502, "bridge_response_invalid");
+        }
+        // The reused controller only needs a readiness marker; never expose native cookie/CSRF.
+        if (body.path === "/bootstrap" &&
+            typeof data === "object" &&
+            data !== null &&
+            "csrf_token" in data)
+            data = { ...data, csrf_token: "bridge" };
+        return reply.code(response.statusCode).send(data);
+    });
+    app.addHook("onClose", (_instance, done) => {
+        for (const [key, entry] of registry)
+            remove(key, entry);
+        done();
+    });
+}
+//# sourceMappingURL=browser-bridge.js.map

package/dist/server-shell/local-console/project-service.d.ts

@@ -18,6 +18,7 @@ export type LocalConsoleProject = {
     provider_status: ProviderConfigProjection["status"];
     provider_model?: string;
     relay_project_ref?: RelayProjectRef;
+    relay_origin?: string;
     open_url?: string;
     relay_connection_status?: string;
     created_at?: string;

package/dist/server-shell/local-console/project-service.js

@@ -91,6 +91,7 @@ function validateProjectMetadata(input) {
 }
 function projectFromRuntimeRow(row, providerStatus, providerModel, metadata) {
     const currentVersion = readCliVersion();
+    const relayOrigin = safeRelayOrigin(metadata.relayUrl);
     const openUrl = metadata.surfaceProfile.kind === "standalone"
         ? projectOpenUrl(metadata.relayUrl, row.relay_project_ref)
         : undefined;
@@ -103,6 +104,7 @@ function projectFromRuntimeRow(row, providerStatus, providerModel, metadata) {
         provider_status: providerStatus,
         ...(providerModel === undefined ? {} : { provider_model: providerModel }),
         ...(row.relay_project_ref === undefined ? {} : { relay_project_ref: row.relay_project_ref }),
+        ...(relayOrigin === undefined ? {} : { relay_origin: relayOrigin }),
         ...(openUrl === undefined ? {} : { open_url: openUrl }),
         ...(row.relay_connection_status === undefined
             ? {}
@@ -115,6 +117,17 @@ function projectFromRuntimeRow(row, providerStatus, providerModel, metadata) {
             : { update_required: true }),
     };
 }
+function safeRelayOrigin(value) {
+    try {
+        const url = new URL(value ?? "");
+        return !url.username && !url.password && (url.protocol === "https:" || url.protocol === "http:")
+            ? url.origin
+            : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}
 function projectOpenUrl(relayUrl, relayProjectRef) {
     if (relayUrl === undefined || relayProjectRef === undefined) {
         return undefined;

package/dist/server-shell/local-console/server.js

@@ -1,4 +1,5 @@
 import { timingSafeEqual } from "node:crypto";
+import { registerConsoleBrowserBridge } from "./browser-bridge.js";
 import { LocalConsoleManagedProjectService } from "./managed-project-service.js";
 import { registerLocalConsoleManagedProjectRoutes } from "./managed-project-routes.js";
 import { existsSync, statSync } from "node:fs";
@@ -193,6 +194,11 @@ export function createLocalConsoleServer(options) {
             ...(options.now === undefined ? {} : { now: options.now }),
         }),
     });
+    registerConsoleBrowserBridge(app, {
+        sessions,
+        tuttiHome,
+        ...(options.now === undefined ? {} : { now: options.now }),
+    });
     app.get(`${LOCAL_CONSOLE_API_BASE}/health`, () => ({
         status: "ready",
         protocol_version: 2,

package/dist/server-shell/local-console/session.d.ts

@@ -27,7 +27,11 @@ export declare class LocalConsoleSessionRegistry {
     });
     issueAccessToken(context: LocalConsoleInvocationContext): IssuedLocalConsoleAccessToken;
     issueAccountContinuation(context: LocalConsoleInvocationContext): IssuedLocalConsoleAccessToken;
-    exchangeAccessToken(token: string, existingSessionToken?: string, accountDisplayName?: string): ExchangedLocalConsoleSession | null;
+    exchangeAccessToken(token: string, existingSessionToken?: string, accountDisplayName?: string, isolated?: boolean): ExchangedLocalConsoleSession | null;
+    /** Inspect only a fresh native entry, never an account-ready continuation. */
+    readEntryContext(token: string): LocalConsoleInvocationContext | null;
+    revokeAccessToken(token: string): void;
+    revokeSession(token: string): void;
     readSession(token: string | undefined, contextToken?: string): ReadLocalConsoleSession | null;
 }
 export declare function parseCookieHeader(header: string | undefined): Record<string, string>;

package/dist/server-shell/local-console/session.js

@@ -55,7 +55,7 @@ export class LocalConsoleSessionRegistry {
         });
         return { token, expires_at: new Date(expiresAt).toISOString() };
     }
-    exchangeAccessToken(token, existingSessionToken, accountDisplayName) {
+    exchangeAccessToken(token, existingSessionToken, accountDisplayName, isolated = false) {
         this.#purgeExpired();
         const accessTokenHash = hashSecret(token);
         const accessToken = this.#accessTokens.get(accessTokenHash);
@@ -68,7 +68,7 @@ export class LocalConsoleSessionRegistry {
         let sessionToken;
         let sessionHash = "";
         let session;
-        if (existingSessionToken !== undefined) {
+        if (!isolated && existingSessionToken !== undefined) {
             sessionHash = hashSecret(existingSessionToken);
             const existingSession = this.#sessions.get(sessionHash);
             if (existingSession !== undefined &&
@@ -77,7 +77,7 @@ export class LocalConsoleSessionRegistry {
                 session = existingSession;
             }
         }
-        if (session === undefined && this.#browserSessionToken !== undefined) {
+        if (!isolated && session === undefined && this.#browserSessionToken !== undefined) {
             const sharedSessionHash = hashSecret(this.#browserSessionToken);
             const sharedSession = this.#sessions.get(sharedSessionHash);
             if (sharedSession !== undefined &&
@@ -90,7 +90,8 @@ export class LocalConsoleSessionRegistry {
         }
         if (session === undefined) {
             sessionToken = createSecret();
-            this.#browserSessionToken = sessionToken;
+            if (!isolated)
+                this.#browserSessionToken = sessionToken;
             sessionHash = hashSecret(sessionToken);
             session = {
                 hash: sessionHash,
@@ -129,6 +130,21 @@ export class LocalConsoleSessionRegistry {
             expires_at: new Date(session.expiresAt).toISOString(),
         };
     }
+    /** Inspect only a fresh native entry, never an account-ready continuation. */
+    readEntryContext(token) {
+        this.#purgeExpired();
+        const access = this.#accessTokens.get(hashSecret(token));
+        return access && !access.accountReady && secretEquals(token, access.hash)
+            ? access.context
+            : null;
+    }
+    revokeAccessToken(token) {
+        this.#accessTokens.delete(hashSecret(token));
+    }
+    revokeSession(token) {
+        this.#sessions.delete(hashSecret(token));
+        this.#purgeExpired();
+    }
     readSession(token, contextToken) {
         this.#purgeExpired();
         if (token === undefined || token.trim() === "") {

package/node_modules/@tutti/shared/dist/schemas/api/account-projects.d.ts

@@ -0,0 +1,14 @@
+import { type Static } from "@sinclair/typebox";
+export declare const AccountProjectsSchema: import("@sinclair/typebox").TObject<{
+    projects: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        relay_project_ref: import("@sinclair/typebox").TString;
+        display_name: import("@sinclair/typebox").TString;
+        surface: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"standalone">, import("@sinclair/typebox").TLiteral<"feishu">]>;
+        role: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"owner">, import("@sinclair/typebox").TLiteral<"member">]>;
+        host_status: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"online">, import("@sinclair/typebox").TLiteral<"offline">, import("@sinclair/typebox").TLiteral<"unknown">]>;
+        last_opened_at: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    }>>;
+    truncated: import("@sinclair/typebox").TBoolean;
+}>;
+export type AccountProjects = Static<typeof AccountProjectsSchema>;
+//# sourceMappingURL=account-projects.d.ts.map

package/node_modules/@tutti/shared/dist/schemas/api/account-projects.js

@@ -0,0 +1,19 @@
+import { Type } from "@sinclair/typebox";
+import { IsoDateTimeStringSchema, RelayProjectRefSchema } from "../domain/index.js";
+// Account navigation metadata only. Feishu rows never confer workspace authority.
+export const AccountProjectsSchema = Type.Object({
+    projects: Type.Array(Type.Object({
+        relay_project_ref: RelayProjectRefSchema,
+        display_name: Type.String(),
+        surface: Type.Union([Type.Literal("standalone"), Type.Literal("feishu")]),
+        role: Type.Union([Type.Literal("owner"), Type.Literal("member")]),
+        host_status: Type.Union([
+            Type.Literal("online"),
+            Type.Literal("offline"),
+            Type.Literal("unknown"),
+        ]),
+        last_opened_at: Type.Optional(IsoDateTimeStringSchema),
+    }, { additionalProperties: false }), { maxItems: 100 }),
+    truncated: Type.Boolean(),
+}, { additionalProperties: false });
+//# sourceMappingURL=account-projects.js.map

package/node_modules/@tutti/shared/dist/schemas/api/index.d.ts

@@ -26,4 +26,5 @@ export { ContextSyncBodySchema, ContextSyncDispositionSchema, ContextSyncPayload
 export * from "./feishu-documents.js";
 export * from "./external-references.js";
 export * from "./feishu-connections.js";
+export * from "./account-projects.js";
 //# sourceMappingURL=index.d.ts.map

package/node_modules/@tutti/shared/dist/schemas/api/index.js

@@ -22,4 +22,5 @@ export { ContextSyncBodySchema, ContextSyncDispositionSchema, ContextSyncPayload
 export * from "./feishu-documents.js";
 export * from "./external-references.js";
 export * from "./feishu-connections.js";
+export * from "./account-projects.js";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfey/tutti",
-  "version": "0.1.123",
+  "version": "0.1.125",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/web/assets/{homepage-motion-scene-OK0IlBO1.js → homepage-motion-scene-Ctt45F9o.js}

@@ -1 +1 @@
-import{C as e,S as t,_ as n,a as r,b as i,c as a,d as o,f as s,g as c,h as l,i as u,l as d,m as f,n as p,o as m,p as h,r as g,s as _,t as v,u as y,v as b,w as x,x as S,y as C}from"./index-BcWfL_Uk.js";var w=e(`mouse-pointer-2`,[[`path`,{d:`M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z`,key:`edeuup`}]]),T=e(`send`,[[`path`,{d:`M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z`,key:`1ffxy3`}],[`path`,{d:`m21.854 2.147-10.94 10.939`,key:`12cjpa`}]]),E=x();function D(e){return{"--reveal":e}}function O(e,t,n){let r=(e,t)=>Number.parseInt(e.slice(t,t+2),16),i=i=>Math.round(r(e,i)+(r(t,i)-r(e,i))*n).toString(16).padStart(2,`0`);return`#${i(1)}${i(3)}${i(5)}`}function k(e){let t=r((e-p.runEnd)/(p.executionComplete-p.runEnd));return t+t*t-t*t*t}function A({progress:e,children:t,className:n=``}){return(0,E.jsx)(`div`,{className:`scene-reveal ${n}`,style:D(e),children:t})}function j({progress:e,author:t,avatar:n,tone:r,timestamp:i,online:a=!1,assets:o,children:s}){return(0,E.jsxs)(`article`,{className:`scene-message`,style:D(e),children:[(0,E.jsx)(`span`,{className:`scene-avatar is-${r} ${n===`tutti`?`is-tutti`:``} ${a?`is-online`:``}`,"aria-hidden":`true`,children:n===`tutti`?(0,E.jsx)(`img`,{className:`scene-avatar-image`,src:o.tuttiAvatarSrc,alt:``}):(0,E.jsx)(`img`,{className:`scene-avatar-image`,src:o.humanAvatars[n],alt:``})}),(0,E.jsxs)(`div`,{className:`scene-message-copy`,children:[(0,E.jsxs)(`header`,{children:[(0,E.jsx)(`strong`,{children:t}),(0,E.jsx)(`span`,{children:i})]}),(0,E.jsx)(`p`,{children:s})]})]})}function M({time:e,assets:r}){let i=e>=p.artifactLive,a=e>=p.artifactClick,o=e>=p.runEnd&&e<p.executionComplete,u=d(e,p.runEnd,19.2),f=d(e,p.artifactLive,30.92);return(0,E.jsxs)(`aside`,{className:`scene-sidebar`,children:[(0,E.jsx)(`button`,{className:`scene-brand`,type:`button`,"aria-label":`Tutti`,tabIndex:-1,children:(0,E.jsx)(`img`,{src:r.logoSrc,alt:``})}),(0,E.jsxs)(`div`,{className:`scene-nav-stack`,children:[(0,E.jsxs)(`nav`,{className:`scene-nav`,"aria-label":`Workspace pages`,children:[(0,E.jsx)(`button`,{className:a?``:`is-active`,type:`button`,"aria-label":`Chat`,tabIndex:-1,children:(0,E.jsx)(c,{"aria-hidden":`true`})}),(0,E.jsx)(`button`,{type:`button`,"aria-label":`Worklist`,tabIndex:-1,children:(0,E.jsx)(b,{"aria-hidden":`true`})}),(0,E.jsxs)(`button`,{className:a?`is-active`:``,type:`button`,"aria-label":`Artifacts`,tabIndex:-1,children:[(0,E.jsx)(l,{"aria-hidden":`true`}),i?(0,E.jsx)(`span`,{className:`scene-live-pill`,style:D(f),children:`Live`}):null]}),(0,E.jsx)(`button`,{type:`button`,"aria-label":`References`,tabIndex:-1,children:(0,E.jsx)(C,{"aria-hidden":`true`})}),(0,E.jsx)(`button`,{type:`button`,"aria-label":`Skills`,tabIndex:-1,children:(0,E.jsx)(s,{"aria-hidden":`true`})}),(0,E.jsx)(`button`,{type:`button`,"aria-label":`Timeline`,tabIndex:-1,children:(0,E.jsx)(t,{"aria-hidden":`true`})})]}),o?(0,E.jsx)(`button`,{className:`scene-status-entry is-running`,style:D(u),type:`button`,"aria-label":`Task running`,tabIndex:-1,children:(0,E.jsx)(n,{"aria-hidden":`true`})}):null]}),(0,E.jsx)(`button`,{className:`scene-settings`,type:`button`,"aria-label":`Settings`,tabIndex:-1,children:(0,E.jsx)(h,{"aria-hidden":`true`})})]})}function N({time:e,assets:t}){let n=d(e,30.35,30.92);return(0,E.jsxs)(`section`,{className:`scene-panel scene-chat-panel`,children:[(0,E.jsxs)(`header`,{className:`scene-panel-header`,children:[(0,E.jsx)(`span`,{className:`scene-icon-tile`,children:(0,E.jsx)(c,{"aria-hidden":`true`})}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(`h2`,{children:`Morrow Studio`}),(0,E.jsx)(`p`,{children:`Ceramics storefront`})]}),(0,E.jsxs)(`span`,{className:`scene-members`,"aria-hidden":`true`,children:[(0,E.jsx)(`i`,{className:`is-green`,children:(0,E.jsx)(`img`,{className:`scene-avatar-image`,src:t.humanAvatars.fey,alt:``})}),(0,E.jsx)(`i`,{className:`is-blue`,children:(0,E.jsx)(`img`,{className:`scene-avatar-image`,src:t.humanAvatars.avery,alt:``})}),(0,E.jsx)(`i`,{className:`is-yellow`,children:(0,E.jsx)(`img`,{className:`scene-avatar-image`,src:t.humanAvatars.jun,alt:``})})]})]}),(0,E.jsxs)(`div`,{className:`scene-chat-stream`,children:[(0,E.jsx)(j,{progress:d(e,1.35,2.05),author:`Fey`,avatar:`fey`,tone:`green`,timestamp:`10:12`,online:!0,assets:t,children:`🏺 Let's build an online shop for our ceramics studio.`}),(0,E.jsx)(j,{progress:d(e,2.65,3.35),author:`Avery`,avatar:`avery`,tone:`blue`,timestamp:`10:13`,online:!0,assets:t,children:`✨ Keep it warm, minimal, and editorial.`}),(0,E.jsx)(j,{progress:d(e,3.95,4.65),author:`Jun`,avatar:`jun`,tone:`yellow`,timestamp:`10:14`,online:!0,assets:t,children:`🎨 Let people preview every piece in different glazes.`}),(0,E.jsx)(j,{progress:d(e,5.25,5.95),author:`Tutti`,avatar:`tutti`,tone:`green`,timestamp:`10:15`,assets:t,children:`Got it — I'll put it together. ✨`}),(0,E.jsxs)(`article`,{className:`scene-task-result`,style:D(n),children:[(0,E.jsx)(`span`,{className:`scene-task-result-rail`,"aria-hidden":`true`}),(0,E.jsx)(`span`,{className:`scene-task-result-icon`,"aria-hidden":`true`,children:(0,E.jsx)(S,{})}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(`span`,{children:`Task completed`}),(0,E.jsx)(`strong`,{children:`Build ceramics storefront`}),(0,E.jsx)(`small`,{children:`Storefront`}),(0,E.jsx)(`p`,{children:`Warm editorial shopping and glaze previews are ready in Artifacts.`})]}),(0,E.jsx)(i,{className:`scene-task-result-chevron`,"aria-hidden":`true`})]})]}),(0,E.jsxs)(`div`,{className:`scene-composer`,"aria-hidden":`true`,children:[(0,E.jsx)(`span`,{children:`Write a message`}),(0,E.jsx)(T,{})]})]})}function P({progress:e,icon:t,children:n}){return(0,E.jsxs)(`div`,{className:`scene-scratchpad-row`,style:D(e),children:[(0,E.jsx)(`span`,{"aria-hidden":`true`,children:t}),(0,E.jsx)(`p`,{children:n})]})}function F({time:e}){return(0,E.jsxs)(`section`,{className:`scene-panel scene-scratchpad-panel`,style:{"--scratchpad-collapse":d(e,p.runEnd,19.18)},children:[(0,E.jsxs)(`header`,{className:`scene-panel-header`,children:[(0,E.jsx)(`span`,{className:`scene-icon-tile`,children:(0,E.jsx)(v,{"aria-hidden":`true`})}),(0,E.jsx)(`h2`,{children:`Scratchpad`})]}),(0,E.jsxs)(`div`,{className:`scene-scratchpad-body`,children:[(0,E.jsxs)(A,{progress:d(e,8.95,10),className:`scene-scratchpad-intro`,children:[(0,E.jsx)(`h3`,{children:`Ceramics storefront`}),(0,E.jsx)(`p`,{children:`A warm, editorial storefront for a small-batch studio, centered on tactile product discovery.`})]}),(0,E.jsx)(A,{progress:d(e,9.85,10.65),className:`scene-scratchpad-label`,children:`Confirmed`}),(0,E.jsx)(P,{progress:d(e,10.4,11.25),icon:(0,E.jsx)(S,{}),children:`Product-first editorial layout with generous space`}),(0,E.jsx)(P,{progress:d(e,11.2,12.05),icon:(0,E.jsx)(S,{}),children:`Warm neutrals with quiet serif headlines`}),(0,E.jsx)(P,{progress:d(e,12,12.85),icon:(0,E.jsx)(S,{}),children:`Keep the collection small, curated, and story-led`}),(0,E.jsx)(A,{progress:d(e,12.75,13.55),className:`scene-scratchpad-label`,children:`Requested feature`}),(0,E.jsx)(P,{progress:d(e,13.3,14.2),icon:(0,E.jsx)(o,{}),children:`Preview every piece in clay, sage, and ink glazes`})]}),(0,E.jsxs)(`footer`,{className:`scene-scratchpad-footer`,style:D(d(e,15.7,16.8)),children:[(0,E.jsxs)(`span`,{className:`scene-writing-mark`,children:[(0,E.jsx)(`strong`,{children:`Updated`}),(0,E.jsx)(`span`,{children:`just now`})]}),(0,E.jsxs)(`button`,{className:`scene-run-button`,type:`button`,tabIndex:-1,children:[(0,E.jsx)(f,{"aria-hidden":`true`}),(0,E.jsx)(`span`,{children:`Run`})]})]})]})}function I(e,t){let n=Math.max(0,Math.floor((e-t)*50/5)*5);return`${Math.floor(n/60)}m${(n%60).toString().padStart(2,`0`)}s`}function L({time:e,scoreSrc:t}){let r=d(e,18.92,19.2),i=_(e),a=i.id===`complete`,o={prepare:p.runEnd,implement:p.executionPrepareEnd,validate:p.executionImplementEnd,update:p.executionValidateEnd,complete:p.executionComplete}[i.id],s=d(e,o,o+.32),c=k(e);return(0,E.jsx)(`div`,{className:`scene-execution`,style:{"--reveal":r,"--stage-reveal":s},children:(0,E.jsxs)(`article`,{className:`homepage-motion-panel homepage-motion-execution-panel homepage-motion-execution-card is-score-${a?`complete`:`running`}`,children:[(0,E.jsx)(`header`,{className:`homepage-motion-panel-header`,children:(0,E.jsxs)(`div`,{className:`homepage-motion-panel-title`,children:[(0,E.jsx)(`span`,{className:`scene-icon-tile`,"aria-hidden":`true`,children:(0,E.jsx)(y,{})}),(0,E.jsx)(`h3`,{children:`Tutti is working on`})]})}),(0,E.jsxs)(`div`,{className:`homepage-motion-execution-body`,children:[(0,E.jsxs)(`div`,{className:`homepage-motion-execution-step homepage-motion-execution-stage is-${a?`complete`:`running`} has-marker`,children:[(0,E.jsx)(`span`,{className:`homepage-motion-execution-marker ${a?`is-done`:`is-running`}`,"aria-hidden":`true`,children:a?(0,E.jsx)(S,{}):(0,E.jsx)(n,{})}),(0,E.jsx)(`span`,{className:`homepage-motion-execution-step-content homepage-motion-execution-stage-copy`,children:(0,E.jsxs)(`span`,{className:`homepage-motion-execution-step-title`,children:[(0,E.jsx)(`span`,{className:`homepage-motion-execution-step-label`,children:i.label}),a?null:(0,E.jsx)(`span`,{className:`homepage-motion-execution-step-elapsed`,children:` (${I(e,o)})`})]})},i.id)]}),(0,E.jsx)(`div`,{className:`homepage-motion-running-score ${a?`is-complete`:``}`,role:`img`,"aria-label":`Ode to Joy score phrase`,children:(0,E.jsx)(`div`,{className:`homepage-motion-score-passage`,style:{"--score-translate-x":`${-395.3*c}px`},"aria-hidden":`true`,children:(0,E.jsx)(`img`,{src:t,alt:``,draggable:!1})})})]})]})})}function R({color:e,variant:t=`vase`,className:n=``}){let r={"--ceramic-color":e};return t===`cup`?(0,E.jsxs)(`svg`,{className:`ceramic-object is-cup ${n}`,viewBox:`0 0 260 260`,style:r,"aria-hidden":`true`,children:[(0,E.jsx)(`path`,{className:`ceramic-main`,d:`M54 64h132l-9 126c-2 26-20 42-46 42h-22c-26 0-44-16-46-42Z`}),(0,E.jsx)(`path`,{className:`ceramic-outline`,d:`M186 92h18c34 0 34 72 1 76h-27`}),(0,E.jsx)(`ellipse`,{className:`ceramic-rim`,cx:`120`,cy:`64`,rx:`66`,ry:`13`}),(0,E.jsx)(`path`,{className:`ceramic-highlight`,d:`M78 90c5 62 4 91 20 114`})]}):t===`bowl`?(0,E.jsxs)(`svg`,{className:`ceramic-object is-bowl ${n}`,viewBox:`0 0 300 220`,style:r,"aria-hidden":`true`,children:[(0,E.jsx)(`ellipse`,{className:`ceramic-rim`,cx:`150`,cy:`55`,rx:`116`,ry:`24`}),(0,E.jsx)(`path`,{className:`ceramic-main`,d:`M34 55c8 82 45 132 116 132S258 137 266 55c-42 25-190 25-232 0Z`}),(0,E.jsx)(`path`,{className:`ceramic-highlight`,d:`M72 82c18 45 40 70 70 82`}),(0,E.jsx)(`path`,{className:`ceramic-base`,d:`M112 185h76`})]}):(0,E.jsxs)(`svg`,{className:`ceramic-object is-vase ${n}`,viewBox:`0 0 320 420`,style:r,"aria-hidden":`true`,children:[(0,E.jsx)(`path`,{className:`ceramic-main`,d:`M116 56c7 38-17 61-36 96-31 56-28 157 5 199 33 42 117 42 150 0 33-42 36-143 5-199-19-35-43-58-36-96Z`}),(0,E.jsx)(`ellipse`,{className:`ceramic-rim`,cx:`160`,cy:`56`,rx:`44`,ry:`12`}),(0,E.jsx)(`ellipse`,{className:`ceramic-base`,cx:`160`,cy:`365`,rx:`66`,ry:`13`}),(0,E.jsx)(`path`,{className:`ceramic-highlight`,d:`M108 153c-25 64-23 145 1 185`})]})}function z({time:e}){let t=d(e,p.artifactClick,33.25),n=d(e,34.25,34.52),r=d(e,34.88,35.15),i=d(e,35.55,35.82),a=g(e),o=O(`#d9cbb4`,`#c56f4f`,n);e>=34.88&&(o=O(`#c56f4f`,`#6f9275`,r)),e>=35.55&&(o=O(`#6f9275`,`#243a46`,i));let s=e>=35.55?`ink`:e>=34.88?`sage`:e>=34.25?`clay`:null,c={"--artifact-scroll":a};return(0,E.jsxs)(`section`,{className:`scene-panel scene-artifact-panel`,style:D(t),children:[(0,E.jsxs)(`header`,{className:`scene-panel-header`,children:[(0,E.jsx)(`span`,{className:`scene-icon-tile`,children:(0,E.jsx)(l,{"aria-hidden":`true`})}),(0,E.jsx)(`h2`,{children:`Artifacts`}),(0,E.jsx)(`span`,{className:`scene-ready-tag`,children:`Ready`})]}),(0,E.jsx)(`div`,{className:`scene-artifact-canvas`,children:(0,E.jsxs)(`div`,{className:`artifact-page-frame`,style:c,children:[(0,E.jsxs)(`div`,{className:`artifact-page-nav`,children:[(0,E.jsx)(`strong`,{children:`Morrow`}),(0,E.jsx)(`span`,{children:`Objects · Journal · Studio`})]}),(0,E.jsxs)(`section`,{className:`artifact-hero`,children:[(0,E.jsxs)(`div`,{className:`artifact-hero-copy`,children:[(0,E.jsx)(`span`,{className:`artifact-eyebrow`,children:`Hand-finished in small batches`}),(0,E.jsx)(`h3`,{children:`Objects for slower days.`}),(0,E.jsx)(`p`,{children:`Quiet forms, warm glazes, and useful pieces made to live with.`}),(0,E.jsx)(`button`,{type:`button`,tabIndex:-1,children:`Explore the collection`})]}),(0,E.jsxs)(`div`,{className:`artifact-hero-object`,children:[(0,E.jsx)(R,{color:o}),(0,E.jsxs)(`div`,{className:`artifact-glaze-picker`,"aria-label":`Glaze preview`,children:[(0,E.jsx)(`span`,{children:`Glaze`}),(0,E.jsx)(`i`,{className:s===`clay`?`is-active is-clay`:`is-clay`}),(0,E.jsx)(`i`,{className:s===`sage`?`is-active is-sage`:`is-sage`}),(0,E.jsx)(`i`,{className:s===`ink`?`is-active is-ink`:`is-ink`})]})]})]}),(0,E.jsxs)(`section`,{className:`artifact-collection`,children:[(0,E.jsxs)(`header`,{children:[(0,E.jsx)(`span`,{children:`Selected pieces`}),(0,E.jsx)(`p`,{children:`Everyday forms shaped for the rituals around them.`})]}),(0,E.jsxs)(`div`,{className:`artifact-product-grid`,children:[(0,E.jsxs)(`article`,{children:[(0,E.jsx)(R,{color:`#b9785f`,variant:`cup`}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(`strong`,{children:`Low cup`}),(0,E.jsx)(`span`,{children:`Rust glaze`})]})]}),(0,E.jsxs)(`article`,{children:[(0,E.jsx)(R,{color:`#819283`,variant:`vase`}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(`strong`,{children:`Field vase`}),(0,E.jsx)(`span`,{children:`Sage glaze`})]})]}),(0,E.jsxs)(`article`,{children:[(0,E.jsx)(R,{color:`#d5c7af`,variant:`bowl`}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(`strong`,{children:`Gather bowl`}),(0,E.jsx)(`span`,{children:`Flax glaze`})]})]})]})]}),(0,E.jsxs)(`section`,{className:`artifact-studio`,children:[(0,E.jsx)(`span`,{children:`Made by hand · Meant for every day`}),(0,E.jsx)(`h3`,{children:`Useful things can still feel special.`}),(0,E.jsx)(`p`,{children:`We make a small number of considered objects, slowly and close to home.`}),(0,E.jsx)(`button`,{type:`button`,tabIndex:-1,children:`Visit the studio`})]}),(0,E.jsxs)(`footer`,{className:`artifact-page-footer`,children:[(0,E.jsx)(`strong`,{children:`Morrow Ceramics`}),(0,E.jsx)(`span`,{className:`artifact-built-with`,children:`Built with Tutti.`}),(0,E.jsx)(`span`,{children:`Small batch · Est. 2026`})]})]})})]})}function B(e,t,n){return e+(t-e)*n}function V(e,t,n,r,i){let a=d(e,t,n,m);return{x:B(r.x,i.x,a),y:B(r.y,i.y,a)}}function H(e,t,n){return e<t||e>n?0:Math.sin(Math.PI*((e-t)/(n-t)))}function U(e){if(e>=p.runCursorStart&&e<18.92){let t=V(e,p.runCursorStart,p.runCursorArrive,{x:86,y:76},{x:94.25,y:94.2});return{visible:!0,x:t.x,y:t.y,clickPulse:H(e,p.runClickStart,p.runEnd)}}if(e>=31&&e<33.45){let t=V(e,31,32.22,{x:50,y:58},{x:4,y:22.85});return{visible:!0,x:t.x,y:t.y,clickPulse:H(e,32.28,32.6)}}return{visible:!1,x:50,y:50,clickPulse:0}}function W({time:e,assets:t}){let n=u(e),r=U(e),i=a(e),o=d(e,.08,1.05,m);return(0,E.jsx)(`div`,{className:`motion-scene`,role:`img`,"aria-label":`Tutti workflow animation from team discussion to a generated ceramics storefront`,style:{opacity:i,visibility:i<=.001?`hidden`:`visible`},children:(0,E.jsxs)(`div`,{className:`motion-stage`,style:{opacity:o,transform:`translate(50%, 50%) scale(${n.scale}) translate(${-n.centerX*100}%, ${-n.centerY*100}%)`},children:[(0,E.jsx)(M,{time:e,assets:t}),(0,E.jsxs)(`div`,{className:`scene-workspace-layer`,children:[(0,E.jsx)(N,{time:e,assets:t}),(0,E.jsx)(F,{time:e}),(0,E.jsx)(L,{time:e,scoreSrc:t.scoreSrc})]}),(0,E.jsx)(z,{time:e}),(0,E.jsxs)(`span`,{className:`scene-cursor ${r.visible?`is-visible`:``}`,style:{left:`${r.x}%`,top:`${r.y}%`,"--click-pulse":r.clickPulse},"aria-hidden":`true`,children:[(0,E.jsx)(w,{}),(0,E.jsx)(`i`,{})]})]})})}export{W as HomepageMotionScene};
+import{C as e,S as t,_ as n,a as r,b as i,c as a,d as o,f as s,g as c,h as l,i as u,l as d,m as f,n as p,o as m,p as h,r as g,s as _,t as v,u as y,v as b,w as x,x as S,y as C}from"./index-BJpTcX_E.js";var w=e(`mouse-pointer-2`,[[`path`,{d:`M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z`,key:`edeuup`}]]),T=e(`send`,[[`path`,{d:`M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z`,key:`1ffxy3`}],[`path`,{d:`m21.854 2.147-10.94 10.939`,key:`12cjpa`}]]),E=x();function D(e){return{"--reveal":e}}function O(e,t,n){let r=(e,t)=>Number.parseInt(e.slice(t,t+2),16),i=i=>Math.round(r(e,i)+(r(t,i)-r(e,i))*n).toString(16).padStart(2,`0`);return`#${i(1)}${i(3)}${i(5)}`}function k(e){let t=r((e-p.runEnd)/(p.executionComplete-p.runEnd));return t+t*t-t*t*t}function A({progress:e,children:t,className:n=``}){return(0,E.jsx)(`div`,{className:`scene-reveal ${n}`,style:D(e),children:t})}function j({progress:e,author:t,avatar:n,tone:r,timestamp:i,online:a=!1,assets:o,children:s}){return(0,E.jsxs)(`article`,{className:`scene-message`,style:D(e),children:[(0,E.jsx)(`span`,{className:`scene-avatar is-${r} ${n===`tutti`?`is-tutti`:``} ${a?`is-online`:``}`,"aria-hidden":`true`,children:n===`tutti`?(0,E.jsx)(`img`,{className:`scene-avatar-image`,src:o.tuttiAvatarSrc,alt:``}):(0,E.jsx)(`img`,{className:`scene-avatar-image`,src:o.humanAvatars[n],alt:``})}),(0,E.jsxs)(`div`,{className:`scene-message-copy`,children:[(0,E.jsxs)(`header`,{children:[(0,E.jsx)(`strong`,{children:t}),(0,E.jsx)(`span`,{children:i})]}),(0,E.jsx)(`p`,{children:s})]})]})}function M({time:e,assets:r}){let i=e>=p.artifactLive,a=e>=p.artifactClick,o=e>=p.runEnd&&e<p.executionComplete,u=d(e,p.runEnd,19.2),f=d(e,p.artifactLive,30.92);return(0,E.jsxs)(`aside`,{className:`scene-sidebar`,children:[(0,E.jsx)(`button`,{className:`scene-brand`,type:`button`,"aria-label":`Tutti`,tabIndex:-1,children:(0,E.jsx)(`img`,{src:r.logoSrc,alt:``})}),(0,E.jsxs)(`div`,{className:`scene-nav-stack`,children:[(0,E.jsxs)(`nav`,{className:`scene-nav`,"aria-label":`Workspace pages`,children:[(0,E.jsx)(`button`,{className:a?``:`is-active`,type:`button`,"aria-label":`Chat`,tabIndex:-1,children:(0,E.jsx)(c,{"aria-hidden":`true`})}),(0,E.jsx)(`button`,{type:`button`,"aria-label":`Worklist`,tabIndex:-1,children:(0,E.jsx)(b,{"aria-hidden":`true`})}),(0,E.jsxs)(`button`,{className:a?`is-active`:``,type:`button`,"aria-label":`Artifacts`,tabIndex:-1,children:[(0,E.jsx)(l,{"aria-hidden":`true`}),i?(0,E.jsx)(`span`,{className:`scene-live-pill`,style:D(f),children:`Live`}):null]}),(0,E.jsx)(`button`,{type:`button`,"aria-label":`References`,tabIndex:-1,children:(0,E.jsx)(C,{"aria-hidden":`true`})}),(0,E.jsx)(`button`,{type:`button`,"aria-label":`Skills`,tabIndex:-1,children:(0,E.jsx)(s,{"aria-hidden":`true`})}),(0,E.jsx)(`button`,{type:`button`,"aria-label":`Timeline`,tabIndex:-1,children:(0,E.jsx)(t,{"aria-hidden":`true`})})]}),o?(0,E.jsx)(`button`,{className:`scene-status-entry is-running`,style:D(u),type:`button`,"aria-label":`Task running`,tabIndex:-1,children:(0,E.jsx)(n,{"aria-hidden":`true`})}):null]}),(0,E.jsx)(`button`,{className:`scene-settings`,type:`button`,"aria-label":`Settings`,tabIndex:-1,children:(0,E.jsx)(h,{"aria-hidden":`true`})})]})}function N({time:e,assets:t}){let n=d(e,30.35,30.92);return(0,E.jsxs)(`section`,{className:`scene-panel scene-chat-panel`,children:[(0,E.jsxs)(`header`,{className:`scene-panel-header`,children:[(0,E.jsx)(`span`,{className:`scene-icon-tile`,children:(0,E.jsx)(c,{"aria-hidden":`true`})}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(`h2`,{children:`Morrow Studio`}),(0,E.jsx)(`p`,{children:`Ceramics storefront`})]}),(0,E.jsxs)(`span`,{className:`scene-members`,"aria-hidden":`true`,children:[(0,E.jsx)(`i`,{className:`is-green`,children:(0,E.jsx)(`img`,{className:`scene-avatar-image`,src:t.humanAvatars.fey,alt:``})}),(0,E.jsx)(`i`,{className:`is-blue`,children:(0,E.jsx)(`img`,{className:`scene-avatar-image`,src:t.humanAvatars.avery,alt:``})}),(0,E.jsx)(`i`,{className:`is-yellow`,children:(0,E.jsx)(`img`,{className:`scene-avatar-image`,src:t.humanAvatars.jun,alt:``})})]})]}),(0,E.jsxs)(`div`,{className:`scene-chat-stream`,children:[(0,E.jsx)(j,{progress:d(e,1.35,2.05),author:`Fey`,avatar:`fey`,tone:`green`,timestamp:`10:12`,online:!0,assets:t,children:`🏺 Let's build an online shop for our ceramics studio.`}),(0,E.jsx)(j,{progress:d(e,2.65,3.35),author:`Avery`,avatar:`avery`,tone:`blue`,timestamp:`10:13`,online:!0,assets:t,children:`✨ Keep it warm, minimal, and editorial.`}),(0,E.jsx)(j,{progress:d(e,3.95,4.65),author:`Jun`,avatar:`jun`,tone:`yellow`,timestamp:`10:14`,online:!0,assets:t,children:`🎨 Let people preview every piece in different glazes.`}),(0,E.jsx)(j,{progress:d(e,5.25,5.95),author:`Tutti`,avatar:`tutti`,tone:`green`,timestamp:`10:15`,assets:t,children:`Got it — I'll put it together. ✨`}),(0,E.jsxs)(`article`,{className:`scene-task-result`,style:D(n),children:[(0,E.jsx)(`span`,{className:`scene-task-result-rail`,"aria-hidden":`true`}),(0,E.jsx)(`span`,{className:`scene-task-result-icon`,"aria-hidden":`true`,children:(0,E.jsx)(S,{})}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(`span`,{children:`Task completed`}),(0,E.jsx)(`strong`,{children:`Build ceramics storefront`}),(0,E.jsx)(`small`,{children:`Storefront`}),(0,E.jsx)(`p`,{children:`Warm editorial shopping and glaze previews are ready in Artifacts.`})]}),(0,E.jsx)(i,{className:`scene-task-result-chevron`,"aria-hidden":`true`})]})]}),(0,E.jsxs)(`div`,{className:`scene-composer`,"aria-hidden":`true`,children:[(0,E.jsx)(`span`,{children:`Write a message`}),(0,E.jsx)(T,{})]})]})}function P({progress:e,icon:t,children:n}){return(0,E.jsxs)(`div`,{className:`scene-scratchpad-row`,style:D(e),children:[(0,E.jsx)(`span`,{"aria-hidden":`true`,children:t}),(0,E.jsx)(`p`,{children:n})]})}function F({time:e}){return(0,E.jsxs)(`section`,{className:`scene-panel scene-scratchpad-panel`,style:{"--scratchpad-collapse":d(e,p.runEnd,19.18)},children:[(0,E.jsxs)(`header`,{className:`scene-panel-header`,children:[(0,E.jsx)(`span`,{className:`scene-icon-tile`,children:(0,E.jsx)(v,{"aria-hidden":`true`})}),(0,E.jsx)(`h2`,{children:`Scratchpad`})]}),(0,E.jsxs)(`div`,{className:`scene-scratchpad-body`,children:[(0,E.jsxs)(A,{progress:d(e,8.95,10),className:`scene-scratchpad-intro`,children:[(0,E.jsx)(`h3`,{children:`Ceramics storefront`}),(0,E.jsx)(`p`,{children:`A warm, editorial storefront for a small-batch studio, centered on tactile product discovery.`})]}),(0,E.jsx)(A,{progress:d(e,9.85,10.65),className:`scene-scratchpad-label`,children:`Confirmed`}),(0,E.jsx)(P,{progress:d(e,10.4,11.25),icon:(0,E.jsx)(S,{}),children:`Product-first editorial layout with generous space`}),(0,E.jsx)(P,{progress:d(e,11.2,12.05),icon:(0,E.jsx)(S,{}),children:`Warm neutrals with quiet serif headlines`}),(0,E.jsx)(P,{progress:d(e,12,12.85),icon:(0,E.jsx)(S,{}),children:`Keep the collection small, curated, and story-led`}),(0,E.jsx)(A,{progress:d(e,12.75,13.55),className:`scene-scratchpad-label`,children:`Requested feature`}),(0,E.jsx)(P,{progress:d(e,13.3,14.2),icon:(0,E.jsx)(o,{}),children:`Preview every piece in clay, sage, and ink glazes`})]}),(0,E.jsxs)(`footer`,{className:`scene-scratchpad-footer`,style:D(d(e,15.7,16.8)),children:[(0,E.jsxs)(`span`,{className:`scene-writing-mark`,children:[(0,E.jsx)(`strong`,{children:`Updated`}),(0,E.jsx)(`span`,{children:`just now`})]}),(0,E.jsxs)(`button`,{className:`scene-run-button`,type:`button`,tabIndex:-1,children:[(0,E.jsx)(f,{"aria-hidden":`true`}),(0,E.jsx)(`span`,{children:`Run`})]})]})]})}function I(e,t){let n=Math.max(0,Math.floor((e-t)*50/5)*5);return`${Math.floor(n/60)}m${(n%60).toString().padStart(2,`0`)}s`}function L({time:e,scoreSrc:t}){let r=d(e,18.92,19.2),i=_(e),a=i.id===`complete`,o={prepare:p.runEnd,implement:p.executionPrepareEnd,validate:p.executionImplementEnd,update:p.executionValidateEnd,complete:p.executionComplete}[i.id],s=d(e,o,o+.32),c=k(e);return(0,E.jsx)(`div`,{className:`scene-execution`,style:{"--reveal":r,"--stage-reveal":s},children:(0,E.jsxs)(`article`,{className:`homepage-motion-panel homepage-motion-execution-panel homepage-motion-execution-card is-score-${a?`complete`:`running`}`,children:[(0,E.jsx)(`header`,{className:`homepage-motion-panel-header`,children:(0,E.jsxs)(`div`,{className:`homepage-motion-panel-title`,children:[(0,E.jsx)(`span`,{className:`scene-icon-tile`,"aria-hidden":`true`,children:(0,E.jsx)(y,{})}),(0,E.jsx)(`h3`,{children:`Tutti is working on`})]})}),(0,E.jsxs)(`div`,{className:`homepage-motion-execution-body`,children:[(0,E.jsxs)(`div`,{className:`homepage-motion-execution-step homepage-motion-execution-stage is-${a?`complete`:`running`} has-marker`,children:[(0,E.jsx)(`span`,{className:`homepage-motion-execution-marker ${a?`is-done`:`is-running`}`,"aria-hidden":`true`,children:a?(0,E.jsx)(S,{}):(0,E.jsx)(n,{})}),(0,E.jsx)(`span`,{className:`homepage-motion-execution-step-content homepage-motion-execution-stage-copy`,children:(0,E.jsxs)(`span`,{className:`homepage-motion-execution-step-title`,children:[(0,E.jsx)(`span`,{className:`homepage-motion-execution-step-label`,children:i.label}),a?null:(0,E.jsx)(`span`,{className:`homepage-motion-execution-step-elapsed`,children:` (${I(e,o)})`})]})},i.id)]}),(0,E.jsx)(`div`,{className:`homepage-motion-running-score ${a?`is-complete`:``}`,role:`img`,"aria-label":`Ode to Joy score phrase`,children:(0,E.jsx)(`div`,{className:`homepage-motion-score-passage`,style:{"--score-translate-x":`${-395.3*c}px`},"aria-hidden":`true`,children:(0,E.jsx)(`img`,{src:t,alt:``,draggable:!1})})})]})]})})}function R({color:e,variant:t=`vase`,className:n=``}){let r={"--ceramic-color":e};return t===`cup`?(0,E.jsxs)(`svg`,{className:`ceramic-object is-cup ${n}`,viewBox:`0 0 260 260`,style:r,"aria-hidden":`true`,children:[(0,E.jsx)(`path`,{className:`ceramic-main`,d:`M54 64h132l-9 126c-2 26-20 42-46 42h-22c-26 0-44-16-46-42Z`}),(0,E.jsx)(`path`,{className:`ceramic-outline`,d:`M186 92h18c34 0 34 72 1 76h-27`}),(0,E.jsx)(`ellipse`,{className:`ceramic-rim`,cx:`120`,cy:`64`,rx:`66`,ry:`13`}),(0,E.jsx)(`path`,{className:`ceramic-highlight`,d:`M78 90c5 62 4 91 20 114`})]}):t===`bowl`?(0,E.jsxs)(`svg`,{className:`ceramic-object is-bowl ${n}`,viewBox:`0 0 300 220`,style:r,"aria-hidden":`true`,children:[(0,E.jsx)(`ellipse`,{className:`ceramic-rim`,cx:`150`,cy:`55`,rx:`116`,ry:`24`}),(0,E.jsx)(`path`,{className:`ceramic-main`,d:`M34 55c8 82 45 132 116 132S258 137 266 55c-42 25-190 25-232 0Z`}),(0,E.jsx)(`path`,{className:`ceramic-highlight`,d:`M72 82c18 45 40 70 70 82`}),(0,E.jsx)(`path`,{className:`ceramic-base`,d:`M112 185h76`})]}):(0,E.jsxs)(`svg`,{className:`ceramic-object is-vase ${n}`,viewBox:`0 0 320 420`,style:r,"aria-hidden":`true`,children:[(0,E.jsx)(`path`,{className:`ceramic-main`,d:`M116 56c7 38-17 61-36 96-31 56-28 157 5 199 33 42 117 42 150 0 33-42 36-143 5-199-19-35-43-58-36-96Z`}),(0,E.jsx)(`ellipse`,{className:`ceramic-rim`,cx:`160`,cy:`56`,rx:`44`,ry:`12`}),(0,E.jsx)(`ellipse`,{className:`ceramic-base`,cx:`160`,cy:`365`,rx:`66`,ry:`13`}),(0,E.jsx)(`path`,{className:`ceramic-highlight`,d:`M108 153c-25 64-23 145 1 185`})]})}function z({time:e}){let t=d(e,p.artifactClick,33.25),n=d(e,34.25,34.52),r=d(e,34.88,35.15),i=d(e,35.55,35.82),a=g(e),o=O(`#d9cbb4`,`#c56f4f`,n);e>=34.88&&(o=O(`#c56f4f`,`#6f9275`,r)),e>=35.55&&(o=O(`#6f9275`,`#243a46`,i));let s=e>=35.55?`ink`:e>=34.88?`sage`:e>=34.25?`clay`:null,c={"--artifact-scroll":a};return(0,E.jsxs)(`section`,{className:`scene-panel scene-artifact-panel`,style:D(t),children:[(0,E.jsxs)(`header`,{className:`scene-panel-header`,children:[(0,E.jsx)(`span`,{className:`scene-icon-tile`,children:(0,E.jsx)(l,{"aria-hidden":`true`})}),(0,E.jsx)(`h2`,{children:`Artifacts`}),(0,E.jsx)(`span`,{className:`scene-ready-tag`,children:`Ready`})]}),(0,E.jsx)(`div`,{className:`scene-artifact-canvas`,children:(0,E.jsxs)(`div`,{className:`artifact-page-frame`,style:c,children:[(0,E.jsxs)(`div`,{className:`artifact-page-nav`,children:[(0,E.jsx)(`strong`,{children:`Morrow`}),(0,E.jsx)(`span`,{children:`Objects · Journal · Studio`})]}),(0,E.jsxs)(`section`,{className:`artifact-hero`,children:[(0,E.jsxs)(`div`,{className:`artifact-hero-copy`,children:[(0,E.jsx)(`span`,{className:`artifact-eyebrow`,children:`Hand-finished in small batches`}),(0,E.jsx)(`h3`,{children:`Objects for slower days.`}),(0,E.jsx)(`p`,{children:`Quiet forms, warm glazes, and useful pieces made to live with.`}),(0,E.jsx)(`button`,{type:`button`,tabIndex:-1,children:`Explore the collection`})]}),(0,E.jsxs)(`div`,{className:`artifact-hero-object`,children:[(0,E.jsx)(R,{color:o}),(0,E.jsxs)(`div`,{className:`artifact-glaze-picker`,"aria-label":`Glaze preview`,children:[(0,E.jsx)(`span`,{children:`Glaze`}),(0,E.jsx)(`i`,{className:s===`clay`?`is-active is-clay`:`is-clay`}),(0,E.jsx)(`i`,{className:s===`sage`?`is-active is-sage`:`is-sage`}),(0,E.jsx)(`i`,{className:s===`ink`?`is-active is-ink`:`is-ink`})]})]})]}),(0,E.jsxs)(`section`,{className:`artifact-collection`,children:[(0,E.jsxs)(`header`,{children:[(0,E.jsx)(`span`,{children:`Selected pieces`}),(0,E.jsx)(`p`,{children:`Everyday forms shaped for the rituals around them.`})]}),(0,E.jsxs)(`div`,{className:`artifact-product-grid`,children:[(0,E.jsxs)(`article`,{children:[(0,E.jsx)(R,{color:`#b9785f`,variant:`cup`}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(`strong`,{children:`Low cup`}),(0,E.jsx)(`span`,{children:`Rust glaze`})]})]}),(0,E.jsxs)(`article`,{children:[(0,E.jsx)(R,{color:`#819283`,variant:`vase`}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(`strong`,{children:`Field vase`}),(0,E.jsx)(`span`,{children:`Sage glaze`})]})]}),(0,E.jsxs)(`article`,{children:[(0,E.jsx)(R,{color:`#d5c7af`,variant:`bowl`}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(`strong`,{children:`Gather bowl`}),(0,E.jsx)(`span`,{children:`Flax glaze`})]})]})]})]}),(0,E.jsxs)(`section`,{className:`artifact-studio`,children:[(0,E.jsx)(`span`,{children:`Made by hand · Meant for every day`}),(0,E.jsx)(`h3`,{children:`Useful things can still feel special.`}),(0,E.jsx)(`p`,{children:`We make a small number of considered objects, slowly and close to home.`}),(0,E.jsx)(`button`,{type:`button`,tabIndex:-1,children:`Visit the studio`})]}),(0,E.jsxs)(`footer`,{className:`artifact-page-footer`,children:[(0,E.jsx)(`strong`,{children:`Morrow Ceramics`}),(0,E.jsx)(`span`,{className:`artifact-built-with`,children:`Built with Tutti.`}),(0,E.jsx)(`span`,{children:`Small batch · Est. 2026`})]})]})})]})}function B(e,t,n){return e+(t-e)*n}function V(e,t,n,r,i){let a=d(e,t,n,m);return{x:B(r.x,i.x,a),y:B(r.y,i.y,a)}}function H(e,t,n){return e<t||e>n?0:Math.sin(Math.PI*((e-t)/(n-t)))}function U(e){if(e>=p.runCursorStart&&e<18.92){let t=V(e,p.runCursorStart,p.runCursorArrive,{x:86,y:76},{x:94.25,y:94.2});return{visible:!0,x:t.x,y:t.y,clickPulse:H(e,p.runClickStart,p.runEnd)}}if(e>=31&&e<33.45){let t=V(e,31,32.22,{x:50,y:58},{x:4,y:22.85});return{visible:!0,x:t.x,y:t.y,clickPulse:H(e,32.28,32.6)}}return{visible:!1,x:50,y:50,clickPulse:0}}function W({time:e,assets:t}){let n=u(e),r=U(e),i=a(e),o=d(e,.08,1.05,m);return(0,E.jsx)(`div`,{className:`motion-scene`,role:`img`,"aria-label":`Tutti workflow animation from team discussion to a generated ceramics storefront`,style:{opacity:i,visibility:i<=.001?`hidden`:`visible`},children:(0,E.jsxs)(`div`,{className:`motion-stage`,style:{opacity:o,transform:`translate(50%, 50%) scale(${n.scale}) translate(${-n.centerX*100}%, ${-n.centerY*100}%)`},children:[(0,E.jsx)(M,{time:e,assets:t}),(0,E.jsxs)(`div`,{className:`scene-workspace-layer`,children:[(0,E.jsx)(N,{time:e,assets:t}),(0,E.jsx)(F,{time:e}),(0,E.jsx)(L,{time:e,scoreSrc:t.scoreSrc})]}),(0,E.jsx)(z,{time:e}),(0,E.jsxs)(`span`,{className:`scene-cursor ${r.visible?`is-visible`:``}`,style:{left:`${r.x}%`,top:`${r.y}%`,"--click-pulse":r.clickPulse},"aria-hidden":`true`,children:[(0,E.jsx)(w,{}),(0,E.jsx)(`i`,{})]})]})})}export{W as HomepageMotionScene};