@bud.sh/app 0.5.1 → 0.6.0

package/dist/types/server.d.ts

@@ -1,216 +1,5 @@
-import { C as JsonValue, _ as MessageAuthor, a as WorkDetail, c as WorkPatch, d as WorkSync, f as WorkSyncResult, g as Message, i as WorkCreate, l as WorkQuery, o as WorkItem, r as WorkConnection, s as WorkMutationResult, t as SectionData, u as WorkSnapshot, x as WorkSchema } from "./assets/items-CaVkByHk.js";
-import { t as CanvasAnchor } from "./assets/canvas-anchor-CYU3qBPx.js";
-import * as Cause from "effect/Cause";
-import * as Context from "effect/Context";
-import * as Effect from "effect/Effect";
-import * as Stream from "effect/Stream";
+import { a as ThreadImportInput, c as WorkError, i as WorkReader, l as WorkFailureReason, n as ThreadAdapter, o as ThreadImportResult, r as WorkAdapter, s as parseThreadImport, t as MemoryAdapterOptions } from "./assets/memory-state-BBW-FAVA.js";
 import * as Layer from "effect/Layer";
-//#region ../work/src/lib/code-anchor.d.ts
-/**
- * A code comment's place: an inclusive line range of one file version, with the selected lines and
- * up to three lines on each side, so it can be found again after the file changes.
- */
-interface CodeAnchor {
-  readonly type: "code";
-  readonly version: 1;
-  readonly path: string;
-  /** Complete-byte SHA-256 supplied by the Files service, not a mutable branch name. */
-  readonly revision: string;
-  /** The commit the lines come from, or `null` for uncommitted changes. */
-  readonly commit: string | null;
-  /** Which side of a diff the lines are on. */
-  readonly side: "old" | "new";
-  readonly startLine: number;
-  readonly endLine: number;
-  readonly context: {
-    readonly before: readonly string[];
-    readonly selected: readonly string[];
-    readonly after: readonly string[];
-  };
-}
-//#endregion
-//#region ../work/src/lib/threads.d.ts
-declare const threadStatuses: readonly ["open", "in_progress", "needs_approval", "resolved"];
-/** Where a discussion is in its lifecycle. */
-type ThreadStatus = (typeof threadStatuses)[number];
-/** Where a discussion is attached: a page capture or a code capture. */
-type Anchor = CanvasAnchor | CodeAnchor;
-/** A discussion shared by page captures, code captures and linked work items. */
-interface Thread {
-  id: string;
-  status: ThreadStatus;
-  anchor: Anchor | null;
-  itemIds: string[];
-  messages: Message[];
-  messageCount: number;
-  messagesLoaded: boolean;
-  messagesTruncated: boolean;
-  createdAt: string;
-  updatedAt: string;
-  revision: string | null;
-  /** Adapter metadata, including stable source identity for imported discussions. */
-  metadata?: JsonValue;
-}
-/** Which discussion operations an adapter supports. */
-interface ThreadCapabilities {
-  create: boolean;
-  reply: boolean;
-  status: boolean;
-  link: boolean;
-  sync: boolean;
-  edit: boolean;
-  delete: boolean;
-}
-/** The discussions an adapter lists, with its connection and capabilities. */
-interface ThreadSnapshot {
-  connection: WorkConnection;
-  capabilities: ThreadCapabilities;
-  threads: Thread[];
-  truncated: boolean;
-}
-/** A new discussion: its first message and where it is attached. */
-interface ThreadInput {
-  anchor: Anchor | null;
-  itemIds: string[];
-  body: string;
-}
-/** A reply, posted only while the discussion is still at `expectedRevision`. */
-interface ThreadReplyInput {
-  body: string;
-  parentId: string | null;
-  expectedRevision: string;
-}
-/** A message to delete, deleted only while the discussion is still at `expectedRevision`. */
-interface ThreadDeleteInput {
-  messageId: string;
-  expectedRevision: string;
-}
-/** Which discussions a list returns: by anchor kind, page or linked item. */
-interface ThreadFilter {
-  anchorKind?: "canvas" | "code";
-  pagePath?: string;
-  itemId?: string;
-}
-//#endregion
-//#region ../work/src/server/errors.d.ts
-/**
- * Why a work or thread operation failed. `uncertain` means a write may have applied; callers must
- * not retry it automatically.
- */
-type WorkFailureReason = "input" | "unavailable" | "not-found" | "conflict" | "refused" | "timeout" | "uncertain" | "storage";
-interface WorkErrorFields {
-  readonly reason: WorkFailureReason;
-  readonly message: string;
-  readonly operation?: string;
-  readonly currentRevision?: string | null;
-  readonly cause?: unknown;
-}
-declare const WorkErrorBase: new (fields: WorkErrorFields) => Cause.YieldableError & WorkErrorFields & {
-  readonly _tag: "WorkError";
-};
-/** Safe messages cross the HTTP boundary; diagnostics and credentials do not. */
-export declare class WorkError extends WorkErrorBase {}
-//#endregion
-//#region ../work/src/server/import.d.ts
-/**
- * Trusted history from another store, keyed by its source identity; never part of a browser create
- * or reply request.
- */
-interface ThreadImportInput {
-  source: string;
-  sourceId: string;
-  thread: Thread;
-}
-/** The imported discussion, and whether this import created it or found it already there. */
-interface ThreadImportResult {
-  outcome: "created" | "existing";
-  thread: Thread;
-}
-/**
- * Validates complete source history before a server-side migration writes anything.
- * @param value - The source identity and fully loaded discussion.
- * @returns Complete, byte-bounded history, independent of the browser's message-count limit.
- */
-export declare function parseThreadImport(value: unknown): ThreadImportInput;
-//#endregion
-//#region ../work/src/server/services.d.ts
-/** Read-only operations bound to one request's project and resource lifetime. */
-interface WorkReader {
-  readonly describe: Effect.Effect<WorkConnection, WorkError>;
-  readonly schema: Effect.Effect<WorkSchema, WorkError>;
-  readonly list: (query: WorkQuery) => Effect.Effect<WorkSnapshot, WorkError>;
-  readonly get: (id: string) => Effect.Effect<WorkDetail, WorkError>;
-  readonly section: (id: string, sectionId: string) => Effect.Effect<SectionData, WorkError>;
-}
-interface WorkAdapterOperations {
-  /** Optional request composition; readers cannot write or outlive the callback. */
-  readonly read?: <A, E>(root: string, operation: (reader: WorkReader) => Effect.Effect<A, E>) => Effect.Effect<A, E | WorkError>;
-  readonly describe: (root: string) => Effect.Effect<WorkConnection, WorkError>;
-  readonly schema: (root: string) => Effect.Effect<WorkSchema, WorkError>;
-  readonly list: (root: string, query: WorkQuery) => Effect.Effect<WorkSnapshot, WorkError>;
-  readonly get: (root: string, id: string) => Effect.Effect<WorkDetail, WorkError>;
-  readonly section: (root: string, id: string, sectionId: string) => Effect.Effect<SectionData, WorkError>;
-  readonly create: (root: string, input: WorkCreate) => Effect.Effect<WorkMutationResult, WorkError>;
-  readonly update: (root: string, id: string, patch: WorkPatch, expectedRevision: string) => Effect.Effect<WorkMutationResult, WorkError>;
-  readonly act: (root: string, id: string, actionId: string, input: WorkPatch, expectedRevision: string) => Effect.Effect<WorkMutationResult, WorkError>;
-  readonly sync?: (root: string, direction: WorkSync["direction"]) => Effect.Effect<WorkSyncResult, WorkError>;
-  /**
-   * Signals stored changes, including ones made outside Bud such as an agent using the
-   * store's CLI. Without it, open views follow only Bud's own writes.
-   */
-  readonly watch?: (root: string) => Stream.Stream<void, WorkError>;
-}
-declare const WorkAdapterBase: Context.ServiceClass<WorkAdapter, "@bud.sh/work/WorkAdapter", WorkAdapterOperations>;
-/** A backend's work items. Run programs at a request boundary with its AbortSignal. */
-export declare class WorkAdapter extends WorkAdapterBase {}
-interface ThreadAdapterOperations {
-  /** Server-only migration; browser requests cannot supply stored authors or timestamps. */
-  readonly import?: (root: string, input: ThreadImportInput) => Effect.Effect<ThreadImportResult, WorkError>;
-  readonly list: (root: string, filter: ThreadFilter) => Effect.Effect<ThreadSnapshot, WorkError>;
-  readonly get: (root: string, id: string) => Effect.Effect<Thread, WorkError>;
-  readonly create: (root: string, input: ThreadInput, author: MessageAuthor) => Effect.Effect<Thread, WorkError>;
-  readonly reply: (root: string, id: string, input: ThreadReplyInput, author: MessageAuthor) => Effect.Effect<Thread, WorkError>;
-  readonly setStatus: (root: string, id: string, status: ThreadStatus, expectedRevision: string) => Effect.Effect<Thread, WorkError>;
-  readonly link: (root: string, id: string, itemIds: string[], expectedRevision: string) => Effect.Effect<Thread, WorkError>;
-  readonly unlink: (root: string, id: string, itemIds: string[], expectedRevision: string) => Effect.Effect<Thread, WorkError>;
-  readonly sync?: (root: string, direction?: WorkSync["direction"]) => Effect.Effect<ThreadSnapshot, WorkError>;
-  /**
-   * Deletes one of `author`'s messages; null when it was the first and the discussion is gone.
-   * Adapters that implement it report the `delete` capability.
-   */
-  readonly deleteMessage?: (root: string, id: string, input: ThreadDeleteInput, author: MessageAuthor) => Effect.Effect<Thread | null, WorkError>;
-  /** Signals stored discussion changes, including ones made outside Bud. */
-  readonly watch?: (root: string) => Stream.Stream<void, WorkError>;
-}
-declare const ThreadAdapterBase: Context.ServiceClass<ThreadAdapter, "@bud.sh/work/ThreadAdapter", ThreadAdapterOperations>;
-/** Discussions receive trusted server attribution separately from browser input. */
-export declare class ThreadAdapter extends ThreadAdapterBase {}
-//#endregion
-//#region ../work/src/server/memory-state.d.ts
-/** A pure action computes a replacement; the memory adapter validates and commits it. */
-type MemoryAction = (context: {
-  item: WorkItem;
-  input: WorkPatch;
-  schema: WorkSchema;
-  author: MessageAuthor;
-}) => {
-  values?: WorkPatch;
-  relations?: WorkItem["relations"];
-};
-/** The schema, seed records and action and section implementations of an in-memory store. */
-interface MemoryAdapterOptions {
-  schema: WorkSchema;
-  items?: readonly WorkItem[];
-  threads?: readonly Thread[];
-  /** Defaults can supply required server-owned fields without making them editable. */
-  defaults?: WorkPatch;
-  actions?: Readonly<Record<string, MemoryAction>>;
-  sections?: Readonly<Record<string, (item: WorkItem) => SectionData>>;
-  /** Trusted attribution for work-item history; thread writes supply it separately. */
-  author?: MessageAuthor;
-  threadCapabilities?: Partial<Omit<ThreadCapabilities, "edit" | "sync">>;
-}
-//#endregion
 //#region ../work/src/server/memory.d.ts
 /**
  * Creates isolated work and discussion services for each layer and project root.
@@ -219,19 +8,4 @@ interface MemoryAdapterOptions {
  */
 export declare function memoryAdapterLayer(options: MemoryAdapterOptions): Layer.Layer<WorkAdapter | ThreadAdapter, WorkError>;
 //#endregion
-//#region app/server/adapter-definition.d.ts
-/** One server module can supply work, threads, or both from the same scoped layer. */
-interface AdapterDefinition {
-  id: string;
-  label: string;
-  work?: Layer.Layer<WorkAdapter, unknown>;
-  threads?: Layer.Layer<ThreadAdapter, unknown>;
-}
-/**
- * Defines the services exported by a project-owned .server.ts adapter module.
- * @param definition - The public identity and fully provided Effect layers.
- * @returns The validated definition, without acquiring any services.
- */
-export declare function defineAdapter(definition: AdapterDefinition): AdapterDefinition;
-//#endregion
-export type { AdapterDefinition, MemoryAdapterOptions, ThreadImportInput, ThreadImportResult, WorkFailureReason, WorkReader };
+export { type MemoryAdapterOptions, ThreadAdapter, type ThreadImportInput, type ThreadImportResult, WorkAdapter, WorkError, type WorkFailureReason, type WorkReader, parseThreadImport };

package/dist/types/vite.d.ts

@@ -0,0 +1,16 @@
+import { Plugin } from "vite";
+//#region src/host/vite.server.d.ts
+/** Options for developing Bud itself against a consumer project. */
+export interface BudPluginOptions {
+  /** Use the workspace's Vite UI server so edits to Bud also hot-reload. */
+  development?: boolean;
+}
+/**
+ * Hosts Bud's app beside an existing Vite server, whose live updates refresh Bud's page previews.
+ * With `BUD_SANDBOX=1`, as in a factory sandbox's dev server, it only serves the page bridge and
+ * the picker, for Agent view's browser.
+ * @param options - Optional workspace development mode.
+ * @returns A development-only Vite plugin with an owned companion lifecycle.
+ */
+export declare function bud(options?: BudPluginOptions): Plugin;
+//#endregion

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@bud.sh/app",
   "description": "The app, its config, screen and design APIs",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "type": "module",
   "license": "UNLICENSED",
   "publishConfig": {
     "access": "public"
   },
+  "bin": {
+    "bud": "./dist/node/cli.js"
+  },
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -20,10 +23,18 @@
       "types": "./dist/types/server.d.ts",
       "import": "./dist/node/server.js"
     },
+    "./plugins": {
+      "types": "./dist/types/plugins.d.ts",
+      "import": "./dist/node/plugins.js"
+    },
     "./design": {
       "types": "./dist/types/design.d.ts",
       "import": "./dist/node/design.js"
     },
+    "./vite": {
+      "types": "./dist/types/vite.d.ts",
+      "import": "./dist/node/vite.js"
+    },
     "./bridge": {
       "types": "./dist/types/bridge.d.ts",
       "import": "./dist/node/bridge.js"
@@ -55,8 +66,8 @@
   },
   "dependencies": {
     "effect": "4.0.5",
-    "remix": "3.0.0",
-    "playwright-core": "1.64.1"
+    "playwright-core": "1.64.1",
+    "remix": "3.0.0"
   },
   "peerDependencies": {
     "vite": ">=8.3.4"
@@ -70,14 +81,19 @@
     "@bud.sh/beads": "0.0.0",
     "@bud.sh/beads-d1": "0.0.0",
     "@bud.sh/comments": "0.0.0",
+    "@bud.sh/factory": "0.0.0",
     "@bud.sh/files": "0.0.0",
     "@bud.sh/git": "0.0.0",
+    "@bud.sh/harness-opencode": "0.0.0",
     "@bud.sh/live": "0.0.0",
     "@bud.sh/picker": "0.0.0",
     "@bud.sh/picker-react-grab": "0.0.0",
+    "@bud.sh/plugin": "0.0.0",
     "@bud.sh/previews": "0.0.0",
     "@bud.sh/project": "0.0.0",
     "@bud.sh/runtime": "0.0.0",
+    "@bud.sh/sandbox-boat": "0.0.0",
+    "@bud.sh/sandbox-local": "0.0.0",
     "@bud.sh/ui": "0.0.0",
     "@bud.sh/work": "0.0.0",
     "@pierre/diffs": "1.5.2",

package/dist/client/assets/canvas-8GXJIuDK.js

@@ -1 +0,0 @@
-import{r as e}from"./i18n-hH_Ba5QO.js";import{t}from"./jsx-B4XNFIzB.js";import{t as n}from"./component-DWct-Tq6.js";import{n as r}from"./on-mixin-iWnqUzq5.js";import{n as i}from"./attrs-mixin-CmlG_FtV.js";import{c as a,l as o,t as s}from"./loader-Q6-HPKft.js";import{t as c}from"./screen-Dfvzj6n2.js";import{I as l,T as u,Tt as d,_ as f,v as p,w as m}from"./task-design-BPpc4Gd7.js";import{At as h,G as g,H as _,U as v,jt as y,s as b,st as x}from"./project-threads-ZbKDh78d.js";import{i as S,n as C,t as w}from"./project-comments-D1IIQwsW.js";import{i as T,n as E,t as D}from"./project-branches-CMGRmrqr.js";import{t as O}from"./project-thread-links-DKwe_SYb.js";var k=760,A=r(`pointerdown`,e=>e.stopPropagation());function j(e,t,n){let r=e.capture.width*t,i=e.capture.thumbnails.map(e=>e.width),a=e=>{let t=i.findIndex(t=>r<=t*e);return t<0?`slices`:t},o=e=>e===`slices`?i.length:e,s=a(1);return n===void 0||o(s)>=o(n)||o(a(.85))<o(n)?s:n}function M(e,t){return e?.get(t)??{visible:!0,top:0,bottom:1/0,density:1}}function N(e,t){let n=0;return e.capture.tiles.map((r,i)=>{let a={tile:r,index:i,top:n,src:e.srcs[i]};return n+=r.height,{...a,shownTo:Math.min(n,t)}})}function P(n){let{route:i,previews:c}=n.props,l=i.pageId??i.id,u=()=>T(n.props.theme,n.props.size),f=``,p,m,h=``;function g(e){return n.props.topOnly?e.capture.tiles[0]?.height??e.capture.height:e.capture.height}function _(){let{preview:e,images:t}=c.get(l),r=t[u()]??m,i=r?g(r):e?.captures[0]?.height??(e?.state===`failed`?k:0);if(!e||!i)return;let a=`${i}:${e.path}:${r?.capture.hash??``}`;f!==a&&(f=a,n.props.onLayout({height:i,path:e.path,pins:r?.capture.pins}))}function y(e){let t=M(n.props.viewport,i.id);if(!t.visible||p===void 0)return{thumbnail:void 0,slices:[]};if(p===`slices`&&e.srcs.length){let n=Math.min(t.bottom,g(e));return{thumbnail:e.thumbnails.at(-1),slices:N(e,n).filter(({src:e,top:n,shownTo:r})=>e&&n<r&&r>t.top)}}let r=p===`slices`?e.thumbnails.length-1:p;return{thumbnail:e.thumbnails[r]??e.thumbnails.at(-1),slices:[]}}function b(){let e=c.get(l).images[u()];if(!e||e===m)return;if(!m||m.capture.hash===e.capture.hash){m=e;return}if(p===`slices`&&!e.srcs.length){c.slices(l,n.props.theme,n.props.size);return}let t=`${e.capture.hash}:${p}`;if(h===t)return;h=t;let r=e,{thumbnail:i,slices:a}=y(r);Promise.all([i,...a.map(({src:e})=>e)].flatMap(e=>{if(!e)return[];let t=new Image;return t.src=e,[t.decode().catch(()=>{})]})).then(()=>{h!==t||n.signal.aborted||(h=``,m=c.get(l).images[u()]??r,_(),n.update())})}let x=c.watch(l,()=>{b(),_(),n.update()}),S=n.props.viewport?.watch(i.id,()=>void n.update());return n.signal.addEventListener(`abort`,()=>{x(),S?.()},{once:!0}),()=>{let{mode:u,origin:f,theme:h,viewport:x,size:S}=n.props,{preview:C,images:w,refreshing:E,error:D}=c.get(l);n.queueTask(()=>{c.show(l,h,S),_()});let O=w[T(h,S)]??w[T(h===`dark`?`light`:`dark`,S)];O&&(!m||m.capture.theme!==O.capture.theme)?m=O:b();let k=m,N=D||(C?.captures.length?null:C?.error),P=new URL(i.path,f).href;if(k){let a=M(x,i.id);if(p=j(k,a.density,p),a.visible&&p===`slices`&&!k.srcs.length){let{theme:e}=k.capture;n.queueTask(()=>c.slices(l,e,S))}let o=g(k),{width:s}=k.capture,{thumbnail:d,slices:f}=y(k);return t(`div`,{role:`img`,"aria-label":e(`app.client.previewImage.preview`,{title:i.title}),"data-detail":a.visible?f.length?`slices`:d?`thumbnail`:`pending`:`hidden`,class:`relative select-none overflow-hidden ${u===`comment`?`cursor-crosshair`:``}`,style:{height:o},mix:[r(`pointerdown`,e=>{u!==`pan`&&e.stopPropagation()}),r(`click`,e=>{if(u!==`comment`||C?.path!==i.path)return;e.stopPropagation();let t=e.currentTarget.getBoundingClientRect(),r={x:(e.clientX-t.left)*s/t.width,y:(e.clientY-t.top)*o/t.height};n.props.onPick({element:null,path:i.path,...v(r,s),found:c.describe(l,k.capture,r.x,r.y)})})],children:[d?t(`img`,{src:d,alt:``,decoding:`async`,draggable:!1,class:`absolute inset-x-0 top-0 block w-full max-w-none`,style:{height:k.capture.height}}):null,f.map(({tile:e,index:n,top:r,src:i})=>t(`img`,{src:i,alt:``,decoding:`async`,draggable:!1,class:`absolute inset-x-0 block w-full max-w-none`,style:{top:r,height:e.height+ +(n<k.capture.tiles.length-1)}},e.hash))]})}return C?.state===`failed`||N&&!E?t(`div`,{class:`absolute inset-0 flex flex-col items-center justify-center gap-3 p-12 text-center`,role:`status`,children:[t(d,{name:`circle-alert`,size:24,class:`text-muted`}),t(o,{variant:`title`,weight:`semibold`,class:`text-ink`,children:e(`app.client.previewImage.captureFailed`,{title:i.title})}),N?t(o,{variant:`ui`,class:`max-w-md text-muted`,children:N}):null,t(`div`,{class:`mt-2 flex gap-2`,children:[t(a,{variant:`secondary`,disabled:E,mix:[A,r(`click`,()=>void c.refresh(l))],children:t(o,{variant:`ui`,children:e(`app.client.previewImage.tryAgain`)})}),t(`a`,{href:P,target:`_blank`,rel:`noreferrer`,class:`bud-interaction bud-control flex h-control items-center rounded-lg px-3 text-ink`,mix:A,children:t(o,{variant:`ui`,children:e(`app.client.previewImage.openPage`)})})]})]}):t(`div`,{class:`absolute inset-0 flex items-center justify-center`,children:t(s,{label:e(`app.client.previewImage.capturing`,{title:i.title})})})}}function ee(i){let{route:a,previews:o}=i.props,s=a.pageId??a.id,c=o.watch(s,()=>void i.update());return i.signal.addEventListener(`abort`,c,{once:!0}),()=>{let{preview:i,refreshing:c}=o.get(s),l=c||!!i?.updating,f=i?.state===`ready`?i.error:null;return t(n,{children:[f?t(u,{label:f,children:t(`span`,{tabIndex:0,role:`img`,"aria-label":f,class:`pointer-events-auto ms-1 inline-flex text-amber-500`,mix:A,children:t(d,{name:`circle-alert`,size:13})})}):null,t(m,{icon:`sync`,label:e(`app.client.previewImage.refresh`,{title:a.title}),tooltip:!0,size:`small`,iconSize:13,disabled:c,"aria-busy":l?`true`:void 0,class:`pointer-events-auto ms-0.5 text-muted hover:text-ink ${l?`[&_svg]:animate-spin`:``}`,mix:[A,r(`click`,()=>void o.refresh(s))]})]})}}var F=new Map;function I(){return new Worker(new URL(`/assets/difference-worker-C99ychYw.js`,``+import.meta.url),{type:`module`})}function L(t){let{routes:n,before:r,after:i,theme:a,signal:o}=t,s=new Map,c={get:e=>s.get(e)??{state:`pending`,regions:[]},progress:{compared:0,total:n.length},done:n.length===0},l,u=0,d=new Map;function f(e){l??=I(),l.onmessage=e=>{d.get(e.data.id)?.(e.data),d.delete(e.data.id)};let t=u++;return new Promise(n=>{d.set(t,n),l.postMessage({...e,id:t})})}o.addEventListener(`abort`,()=>l?.terminate(),{once:!0});async function p(e,t){let[n,o]=await Promise.all([r.picture(e,a,t),i.picture(e,a,t)]);if(!n||!o)return{state:`missing`,regions:[],before:n?.capture,after:o?.capture};let s={before:n.capture,after:o.capture};if(n.capture.hash===o.capture.hash)return{state:`same`,regions:[],...s};let c=`${n.capture.hash}\0${o.capture.hash}`,l=F.get(c);if(!l){let e=e=>({images:e.images,heights:e.capture.tiles.map(e=>e.height),scale:e.capture.scale}),t=await f({width:n.capture.width,before:e(n),after:e(o)});if(`error`in t)return{state:`failed`,regions:[],error:t.error,...s};l=t.regions,F.set(c,l)}return{state:l.length?`different`:`same`,regions:l,...s}}return(async()=>{for(let r of n){if(o.aborted)return;let i=await p(r.page,r.size).catch(t=>({state:`failed`,regions:[],error:t instanceof Error?t.message:e(`app.client.projectDifferences.comparisonFailed`)}));if(o.aborted)return;s.set(r.id,i),c.progress={compared:c.progress.compared+1,total:n.length},t.onChange(r.id)}c.done=!0,l?.terminate(),l=void 0,t.onChange(null)})(),c}var R=40,z=48;function B(e){let t=0;return{slots:e.map(e=>{let n={top:t,height:R+Math.max(e.before.height,e.after.height,1)};return t+=n.height+z,n}),height:Math.max(1,t-z)}}function V(t){return e(t===`changed`?`app.client.differenceView.changed`:t===`added`?`app.client.differenceView.added`:`app.client.differenceView.removed`)}function H(e){let t=new Map;return e.addEventListener(`abort`,()=>{for(let e of t.values())URL.revokeObjectURL(e)},{once:!0}),e=>{let n=t.get(e);return n||t.set(e,n=URL.createObjectURL(e)),n}}function te(n){let r=H(n.signal),i=0;return()=>{let{route:a,side:s,label:c,regions:l,viewport:u}=n.props,{slots:d,height:f}=B(l);i!==f&&(i=f,n.queueTask(()=>n.props.onLayout({height:f,path:a.path})));let p=u?.get(a.id)?.visible??!0;return t(`div`,{role:`img`,"aria-label":e(`app.client.differenceView.artboardLabel`,{title:a.title,label:c}),"data-difference":s,"data-changes":l.length,class:`relative select-none bg-[var(--bud-main)]`,style:{height:`${f}px`},children:l.map((n,i)=>{let a=n[s],l=n.crops[s],u=d[i];return t(`div`,{"data-kind":n.kind,"data-span":`${a.y} ${a.height}`,class:`absolute inset-x-0`,style:{top:`${u.top}px`,height:`${u.height}px`},children:[t(`div`,{class:`flex items-center gap-2 px-1`,style:{height:`${R}px`},children:[t(o,{variant:`ui`,weight:`medium`,children:e(`app.client.differenceView.changeNumber`,{count:i+1})}),t(o,{variant:`ui`,tone:`muted`,children:V(n.kind)})]}),l&&a.height>0?t(`div`,{class:`relative overflow-hidden`,style:{height:`${a.height}px`},children:[p?t(`img`,{alt:``,src:r(l),draggable:!1,class:`block h-full w-full`}):null,n.kind===`changed`?t(`div`,{"aria-hidden":`true`,class:`pointer-events-none absolute inset-y-0 rounded-sm outline-2 outline-red-500/70`,style:{left:`${n.x}px`,width:`${Math.max(2,n.width)}px`}}):null]}):t(`div`,{class:`grid h-24 place-items-center rounded-lg border border-dashed border-line`,children:t(o,{variant:`ui`,tone:`muted`,children:e(`app.client.differenceView.notIn`,{label:c})})})]},i)})})}}function ne(n){let a=H(n.signal),s=e=>{let{slides:t,index:r}=n.props;t.length&&n.props.onIndex((r+e+t.length)%t.length)};return()=>{let{slides:c,index:l,beforeLabel:u,afterLabel:d}=n.props,f=c[Math.min(l,c.length-1)],p=(n,r)=>{let i=f?.region.crops[n];return t(`figure`,{class:`m-0 flex min-w-0 flex-col gap-2`,children:[t(`figcaption`,{children:t(o,{variant:`ui`,tone:`muted`,children:r})}),i&&f.region[n].height>0?t(`div`,{class:`relative`,children:[t(`img`,{alt:e(`app.client.differenceView.artboardLabel`,{title:f.route.title,label:r}),src:a(i),class:`block w-full rounded-lg ring-1 ring-line`}),f.region.kind===`changed`?t(`div`,{"aria-hidden":`true`,class:`pointer-events-none absolute inset-y-0 rounded-sm outline-2 outline-red-500/70`,style:{left:`${f.region.x/f.width*100}%`,width:`max(2px, ${f.region.width/f.width*100}%)`}}):null]}):t(`div`,{class:`grid h-32 place-items-center rounded-lg border border-dashed border-line`,children:t(o,{variant:`ui`,tone:`muted`,children:e(`app.client.differenceView.notIn`,{label:r})})})]})};return t(`section`,{role:`dialog`,"aria-label":e(`app.client.differenceView.slideshowLabel`),class:`bud-surface absolute inset-0 z-40 flex flex-col bg-[var(--bud-main)]`,mix:i((e,t)=>{e.focus(),e.ownerDocument.addEventListener(`keydown`,e=>{if(e.key===`ArrowRight`)s(1);else if(e.key===`ArrowLeft`)s(-1);else if(e.key===`Escape`)n.props.onClose();else return;e.preventDefault()},{signal:t})}),tabindex:-1,children:[t(`header`,{class:`flex h-12 shrink-0 items-center gap-2 border-b border-line ps-4 pe-2`,children:[t(`div`,{class:`flex min-w-0 flex-1 items-baseline gap-2`,children:[t(o,{variant:`ui`,weight:`medium`,class:`truncate`,children:f?.route.title??e(`app.client.differenceView.noDifferences`)}),f?t(o,{variant:`ui`,tone:`muted`,class:`shrink-0 tabular-nums`,role:`status`,children:e(`app.client.differenceView.slideStatus`,{kind:V(f.region.kind),change:f.index+1,count:f.count,index:l+1,total:c.length})}):null]}),t(m,{tooltip:!0,icon:`chevron-left`,label:e(`app.client.differenceView.previousChange`),disabled:c.length<2,mix:r(`click`,()=>s(-1))}),t(m,{tooltip:!0,icon:`chevron-right`,label:e(`app.client.differenceView.nextChange`),disabled:c.length<2,mix:r(`click`,()=>s(1))}),t(m,{tooltip:!0,icon:`close`,label:e(`app.client.differenceView.closeSlideshow`),shortcut:`escape`,mix:r(`click`,()=>n.props.onClose())})]}),t(`div`,{class:`min-h-0 flex-1 overflow-auto p-4`,children:f?t(`div`,{class:`grid gap-4 md:grid-cols-2`,children:[p(`before`,u),p(`after`,d)]}):null})]})}}function U(e){return!(!e.anchor||`type`in e.anchor)}function W(e,t){let{themes:n}=e.previews,r=h(t),i=document.documentElement.dataset.theme;return n.find(e=>e===r)??n.find(e=>e===i)??n[0]}function G(i){let a=i.props.project,o,c=w({store:b(a),token:a.token,signal:i.signal,initial:i.props.comments,onChange:()=>{i.update()}});i.props.comments.stored&&c.load();let u=a.workingTree?null:a.main??`main`,d=`bud:canvas-branch:${a.id}`,v=h(d),C=typeof v==`string`?v:u,T=!0,k=!1,A=D({project:a,signal:i.signal,onChange:()=>{C&&C!==u&&A.loaded&&!A.list.branches.some(e=>e.name===C&&e.active)?N(u):i.update()}}),j=new AbortController;i.signal.addEventListener(`abort`,()=>j.abort(),{once:!0});let M=E({project:a,signal:j.signal,branch:C});function N(e){if(k=!1,e===C)return void i.update();C=e,y(d,e),j.abort(),j=new AbortController,M=E({project:a,signal:j.signal,branch:e}),i.update()}let F=`bud:preview-theme:${a.id}`,I=W(a,F),R=`bud:preview-top-only:${a.id}`,z=h(R)===!0,B=a.previews.viewports,V=B.length>1,H=`bud:canvas-viewport:${a.id}`,G=h(H),K=V&&typeof G==`string`&&(G===`all`||B.some(e=>e.id===G))?G:V?`all`:B[0].id;function q(e){e!==K&&(K=e,y(H,e),i.update())}function J(){let e=K===`all`?B:B.filter(e=>e.id===K);return a.routes.flatMap(t=>e.map(e=>({route:t,size:e,artboard:V?{...t,id:`${t.id}@${e.id}`,pageId:t.id,width:e.width,caption:String(e.width)}:t})))}let Y=`bud:canvas-compare:${a.id}`,X=null,Z,Q;function $(){let t=a.workingTree?[{value:``,label:e(`app.client.projectCanvas.workingTree`)}]:[];for(let e of A.list.branches)e.active&&e.captured&&t.push({value:e.name,label:e.name});return t.filter(e=>e.value!==(C??``))}function re(t){return t||e(`app.client.projectCanvas.workingTree`)}function ie(){let e=$(),t=h(Y);X=e.find(e=>e.value===t)?.value??e.find(e=>e.value===(A.list.main??`main`))?.value??e[0]?.value??null,Q=void 0,i.update()}function ae(){X=null,Q=void 0,Z?.controller.abort(),Z=void 0,i.update()}function oe(e){if(X===null||($().some(e=>e.value===X)||(X=$()[0]?.value??null),X===null))return;let t=`${X}\0${C??``}\0${I}\0${K}`;if(Z?.key===t)return Z.result;Z?.controller.abort();let n=new AbortController;i.signal.addEventListener(`abort`,()=>n.abort(),{once:!0});let r=E({project:a,signal:n.signal,branch:X||null}),o=L({routes:J().map(({route:e,size:t,artboard:n})=>({id:n.id,page:e.id,size:t})),before:r,after:e,theme:I,signal:n.signal,onChange:()=>{i.update()}});return Z={key:t,controller:n,result:o},o}function se(e){return!V||K===`all`||(B.find(t=>t.width===e.anchor.viewport)??B[0]).id===K}function ce(e){return e.filter(U).filter(e=>(e.anchor.branch??u)===C).filter(se)}return()=>{if(o!==i.props.threadId){o=i.props.threadId;let e=o;e&&i.queueTask(()=>{c.loadThread(e)})}if(!A.loaded&&!A.error)return t(s,{label:e(`app.client.projectCanvas.loadingBranches`)});let u=`${a.id}:${a.targetOrigin}:${a.routes.map(e=>e.path).join(`|`)}`,d={...c.snapshot,threads:ce(c.snapshot.threads)},h=J(),v=new Map(h.map(({artboard:e,size:t})=>[e.id,t])),b=oe(M),w=re(X),E=re(C),D=b?h.map(({artboard:e})=>e).filter(e=>b.get(e.id).state===`different`):[],j=new Map,L=D.flatMap(e=>[`before`,`after`].map(t=>{let n=`${e.id}#${t}`;return j.set(n,{route:e,side:t}),{id:n,path:e.path,title:e.title,width:e.width,caption:e.caption,compare:{groupId:e.id,groupTitle:e.title,versionLabel:t===`before`?w:E}}})),H=D.flatMap(e=>{let{regions:t,after:n}=b.get(e.id),r=n?.width??e.width??B[0].width;return t.map((n,i)=>({route:e,region:n,index:i,count:t.length,width:r}))}),U=``;if(b){let{compared:t,total:n}=b.progress,r=h.filter(({artboard:e})=>b.get(e.id).state===`missing`).length;U=b.done?D.length?r?e(`app.client.projectCanvas.differentPagesWithMissing`,{changed:D.length,count:n,name:w,missing:r}):e(`app.client.projectCanvas.differentPages`,{changed:D.length,count:n,name:w}):r?e(`app.client.projectCanvas.noDifferencesWithMissing`,{name:w,count:r}):e(`app.client.projectCanvas.noDifferences`,{name:w}):e(`app.client.projectCanvas.comparingPages`,{name:w,done:t,count:n})}let W=$(),G=e=>e.mobile||e.width<600?`mobile`:e.width<1100?`tablet`:`desktop`,se=t(n,{children:[V?t(n,{children:[B.map(n=>t(m,{tooltip:!0,icon:G(n),label:e(`app.client.projectCanvas.showViewport`,{name:n.name,width:n.width}),active:K===n.id,mix:r(`click`,()=>q(n.id))})),t(m,{tooltip:!0,icon:`columns`,label:e(`app.client.projectCanvas.showEveryViewport`),active:K===`all`,mix:r(`click`,()=>q(`all`))}),t(f,{})]}):null,t(m,{tooltip:!0,icon:`compare`,label:e(b?`app.client.projectCanvas.stopComparing`:`app.client.projectCanvas.showDifferences`),active:!!b,disabled:!b&&!W.length,mix:r(`click`,()=>b?ae():ie())}),b?t(n,{children:[t(l,{label:e(`app.client.projectCanvas.compareWith`),value:X??``,options:W,class:`max-w-48`,onChange:e=>{X=e,Q=void 0,y(Y,e),i.update()}}),t(m,{tooltip:!0,icon:`play`,label:e(`app.client.projectCanvas.stepThroughDifferences`),disabled:!H.length,mix:r(`click`,()=>{Q=0,i.update()})})]}):null]});return t(p,{class:`h-full min-h-0`,sidebarLabel:e(`app.client.projectCanvas.branches`),mainLabel:e(`app.client.projectCanvas.canvas`),drawerOpen:k,onDrawerOpenChange:e=>{k=e,i.update()},onWideChange:e=>{T!==e&&(T=e,i.update())},sidebar:t(g,{working:A.list.working,workingTree:a.workingTree,branches:A.list.branches,selected:C,busy:A.busy||!A.loaded,loaded:A.loaded,error:A.error,mobile:!T,onSelect:N,onActivate:(e,t)=>{A.activate(e,t)},onCapture:e=>{A.capture(e)},onClose:()=>{k=!1,i.update()}}),children:t(_,{artboards:b?L:h.map(({artboard:e})=>e),width:B[0].width,storageKey:b?`bud:camera:${u}:differences:${K}`:`bud:camera:${u}:${V?K:B[0].width}`,tools:se,overlay:b&&Q!==void 0?t(ne,{slides:H,index:Q,beforeLabel:w,afterLabel:E,onIndex:e=>{Q=e,i.update()},onClose:()=>{Q=void 0,i.update()}}):null,snapshot:d,capabilities:c.snapshot.capabilities,commentsUnavailable:b?U:(c.loaded?!c.ready:a.storage.threads?.state!==`ready`)?S:void 0,onLoadThread:c.loadThread,renderThreadLinks:e=>t(O,{part:`links`,project:a,thread:e,canLink:c.snapshot.capabilities.link,busy:c.busy,onChange:async()=>{await c.load(),await c.loadThread(e.id,!0)}}),renderThreadActions:e=>t(O,{part:`action`,project:a,thread:e,canLink:c.snapshot.capabilities.link,busy:c.busy,onChange:async()=>{await c.load(),await c.loadThread(e.id,!0)}}),initialThreadId:o,loaded:c.loaded,busy:c.busy,error:c.error,now:c.now,onWrite:async e=>{let t=await c.write(e);return{...t,threads:ce(t.threads)}},onSync:()=>c.sync().catch(()=>{}),onReload:c.load,viewerId:c.viewer?.id,onDeleteComment:(e,t)=>c.remove(e,t),onCopyThreadLink:e=>navigator.clipboard.writeText(new URL(x(e.id),window.location.origin).href),interactive:!1,branch:C,theme:I,onThemeChange:a.previews.themes.length>1?e=>{I=e,y(F,e),i.update()}:void 0,topOnly:z,onTopOnlyChange:b?void 0:e=>{z=e,y(R,e),i.update()},onShowSidebar:T?void 0:()=>{k=!0,i.update()},sidebarLabel:e(`app.client.projectCanvas.branches`),renderArtboard:(e,n)=>{let r=j.get(e.id);return r?t(te,{route:e,side:r.side,label:r.side===`before`?w:E,regions:b.get(r.route.id).regions,...n},`${Z?.key??``}\0${e.id}`):t(P,{route:e,origin:a.targetOrigin,theme:I,size:v.get(e.id)??B[0],topOnly:z,previews:M,...n},`${C??``}\0${e.id}`)},renderArtboardActions:e=>C||b?null:t(ee,{route:e,previews:M})},`${b?`${u}:differences`:u}:${K}`)})}}var K=c({load:({project:e,signal:t})=>C(e,t),render:(e,{project:n,conversation:r})=>t(G,{project:n,comments:e,threadId:r?.id})});export{K as default};