@pixerate/editor-svelte 0.22.0 → 0.24.0

package/dist/generation/GenerationHistory.svelte.d.ts

@@ -0,0 +1,28 @@
+import type { Snippet } from 'svelte';
+import { type AssetLookup, type GenerationRecord, type ModelCapabilities, type RecreateMode, type RecreateOptions, type RecreateResult } from '@pixerate/editor/generation';
+type Template = NonNullable<RecreateOptions['templates']>[number];
+interface Props {
+    records: readonly GenerationRecord[];
+    /** Current templates (drift detection, and resolution in `latest` mode). */
+    templates?: readonly Template[];
+    /** Current models (capability drift and re-planning). */
+    capabilities?: ModelCapabilities | readonly ModelCapabilities[];
+    /** Current assets (missing / changed asset drift). */
+    assets?: AssetLookup;
+    /** Recreate mode (bindable); starts at `exact`. */
+    mode?: RecreateMode;
+    onmodechange?: (mode: RecreateMode) => void;
+    /** "Recreate": receives the rebuilt request and drift report. */
+    onrecreate?: (result: RecreateResult, record: GenerationRecord) => void;
+    /** "Variation": same request with a new seed. */
+    onvariation?: (result: RecreateResult, record: GenerationRecord) => void;
+    onremove?: (record: GenerationRecord) => void;
+    /** Extra content per record (e.g. output thumbnails). */
+    preview?: Snippet<[GenerationRecord]>;
+    emptyText?: string;
+    class?: string;
+}
+declare const GenerationHistory: import("svelte").Component<Props, {}, "mode">;
+type GenerationHistory = ReturnType<typeof GenerationHistory>;
+export default GenerationHistory;
+//# sourceMappingURL=GenerationHistory.svelte.d.ts.map

package/dist/generation/GenerationHistory.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerationHistory.svelte.d.ts","sourceRoot":"","sources":["../../src/generation/GenerationHistory.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAKH,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,6BAA6B,CAAC;AAIrC,KAAK,QAAQ,GAAG,WAAW,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,UAAU,KAAK;IACb,OAAO,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACrC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAC;IAChC,yDAAyD;IACzD,YAAY,CAAC,EAAE,iBAAiB,GAAG,SAAS,iBAAiB,EAAE,CAAC;IAChE,sDAAsD;IACtD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,mDAAmD;IACnD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,iEAAiE;IACjE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxE,iDAAiD;IACjD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9C,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqGH,QAAA,MAAM,iBAAiB,+CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/generation/GenerationSettings.svelte

@@ -0,0 +1,174 @@
+<script lang="ts" module>
+  let nextId = 0;
+</script>
+
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import {
+    getGenerationControls,
+    getReferenceSlots,
+    getRequestValue,
+    parseControlValue,
+    planGenerationRequest,
+    removeReference,
+    setRequestValue,
+    type GenerationControl,
+    type GenerationPlan,
+    type GenerationReference,
+    type GenerationRequest,
+    type ModelCapabilities,
+    type PlanStrategy,
+    type ReferenceRole
+  } from '@pixerate/editor/generation';
+
+  interface Props {
+    capabilities: ModelCapabilities;
+    /** The request being edited (controlled). */
+    value: GenerationRequest;
+    onchange: (next: GenerationRequest) => void;
+    /** A plan computed elsewhere; otherwise one is computed with `strategy`. */
+    plan?: GenerationPlan;
+    /** Strategy for the built-in plan (default `nearest`). */
+    strategy?: PlanStrategy;
+    /** List plan adjustments and errors under the controls (default `true`). */
+    showAdjustments?: boolean;
+    /** Shows an "Add" button per reference role; you pick the asset and call `onchange`. */
+    onaddreference?: (role: ReferenceRole) => void;
+    /** Custom rendering of a reference chip (default: its id). */
+    reference?: Snippet<[GenerationReference]>;
+    class?: string;
+  }
+
+  let {
+    capabilities,
+    value,
+    onchange,
+    plan: planProp,
+    strategy,
+    showAdjustments = true,
+    onaddreference,
+    reference,
+    class: className = ''
+  }: Props = $props();
+
+  const baseId = `generation-settings-${++nextId}`;
+  const controls = $derived(getGenerationControls(capabilities));
+  const plan = $derived(planProp ?? planGenerationRequest(value, capabilities, { strategy }));
+  const slots = $derived(getReferenceSlots(capabilities, value));
+
+  const inputClass =
+    'w-full rounded-md border border-border bg-background px-2 py-1 text-sm outline-none focus:ring-1 focus:ring-ring';
+
+  const shown = (control: GenerationControl) => getRequestValue(value, control.key) ?? control.defaultValue;
+  const update = (control: GenerationControl, raw: string | boolean) =>
+    onchange(setRequestValue(value, control.key, parseControlValue(control, raw)));
+</script>
+
+<!-- Headless-styled settings form generated from a model's capabilities. -->
+<div class="flex flex-col gap-3 text-sm {className}" data-generation-settings="" data-model={capabilities.id}>
+  {#each controls as control (control.key)}
+    {@const id = `${baseId}-${control.key}`}
+    {@const current = shown(control)}
+    <div class="flex flex-col gap-1" data-control={control.key}>
+      <label for={id} class="text-xs font-medium text-muted-foreground" title={control.description}>{control.label}</label>
+      {#if control.kind === 'checkbox'}
+        <input
+          {id}
+          type="checkbox"
+          data-field={control.key}
+          checked={Boolean(current)}
+          onchange={(e) => update(control, e.currentTarget.checked)}
+        />
+      {:else if control.kind === 'select'}
+        <select
+          {id}
+          data-field={control.key}
+          class={inputClass}
+          value={current === undefined ? '' : String(current)}
+          onchange={(e) => update(control, e.currentTarget.value)}
+        >
+          {#if current === undefined}<option value="">Default</option>{/if}
+          {#each control.options ?? [] as option (option.value)}
+            <option value={String(option.value)}>{option.label}</option>
+          {/each}
+        </select>
+      {:else if control.kind === 'textarea'}
+        <textarea
+          {id}
+          data-field={control.key}
+          class={inputClass}
+          rows="2"
+          maxlength={control.maxLength}
+          value={typeof getRequestValue(value, control.key) === 'string' ? (getRequestValue(value, control.key) as string) : ''}
+          oninput={(e) => update(control, e.currentTarget.value)}
+        ></textarea>
+      {:else}
+        <div class="flex items-center gap-2">
+          <input
+            {id}
+            type={control.kind === 'range' ? 'range' : 'number'}
+            data-field={control.key}
+            class={control.kind === 'range' ? 'flex-1' : inputClass}
+            min={control.min}
+            max={control.max}
+            step={control.step ?? 'any'}
+            value={typeof current === 'number' ? current : control.kind === 'range' ? (control.min ?? 0) : ''}
+            oninput={(e) => update(control, e.currentTarget.value)}
+          />
+          {#if control.kind === 'range'}
+            <span class="w-10 text-right tabular-nums text-muted-foreground" data-field-value="">
+              {typeof current === 'number' ? current : '–'}
+            </span>
+          {/if}
+        </div>
+      {/if}
+    </div>
+  {/each}
+
+  {#each slots as slot (slot.role)}
+    <fieldset class="flex flex-col gap-1" data-reference-role={slot.role}>
+      <legend class="text-xs font-medium text-muted-foreground" title={slot.description}>
+        {slot.label}
+        <span class="tabular-nums" data-reference-count="">({slot.references.length}/{slot.max})</span>
+        {#if slot.min > 0}<span class="text-destructive"> *</span>{/if}
+      </legend>
+      <ul class="flex flex-wrap gap-1">
+        {#each slot.references as ref (ref.id)}
+          <li class="flex items-center gap-1 rounded border border-border px-1.5 py-0.5" data-reference-id={ref.id}>
+            {#if reference}{@render reference(ref)}{:else}<span class="max-w-[10rem] truncate">{ref.id}</span>{/if}
+            <button
+              type="button"
+              aria-label="Remove {slot.label} {ref.id}"
+              class="text-muted-foreground hover:text-foreground"
+              onclick={() => onchange(removeReference(value, slot.role, ref.id))}>×</button
+            >
+          </li>
+        {/each}
+        {#if onaddreference && slot.canAdd}
+          <li>
+            <button
+              type="button"
+              class="rounded border border-dashed border-border px-1.5 py-0.5 text-muted-foreground hover:text-foreground"
+              onclick={() => onaddreference(slot.role)}>Add</button
+            >
+          </li>
+        {/if}
+      </ul>
+    </fieldset>
+  {/each}
+
+  {#if showAdjustments && plan.adjustments.length > 0}
+    <ul role="status" class="flex flex-col gap-0.5 text-xs text-muted-foreground" data-generation-adjustments="">
+      {#each plan.adjustments as adjustment, index (index)}
+        <li data-adjustment-field={adjustment.field} data-adjustment-kind={adjustment.kind}>{adjustment.reason}</li>
+      {/each}
+    </ul>
+  {/if}
+  {#if showAdjustments && plan.errors.length > 0}
+    <ul role="alert" class="flex flex-col gap-0.5 text-xs text-destructive" data-generation-errors="">
+      {#each plan.errors as error, index (index)}
+        <li data-error-field={error.field}>{error.message}</li>
+      {/each}
+    </ul>
+  {/if}
+</div>

package/dist/generation/GenerationSettings.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Snippet } from 'svelte';
+import { type GenerationPlan, type GenerationReference, type GenerationRequest, type ModelCapabilities, type PlanStrategy, type ReferenceRole } from '@pixerate/editor/generation';
+interface Props {
+    capabilities: ModelCapabilities;
+    /** The request being edited (controlled). */
+    value: GenerationRequest;
+    onchange: (next: GenerationRequest) => void;
+    /** A plan computed elsewhere; otherwise one is computed with `strategy`. */
+    plan?: GenerationPlan;
+    /** Strategy for the built-in plan (default `nearest`). */
+    strategy?: PlanStrategy;
+    /** List plan adjustments and errors under the controls (default `true`). */
+    showAdjustments?: boolean;
+    /** Shows an "Add" button per reference role; you pick the asset and call `onchange`. */
+    onaddreference?: (role: ReferenceRole) => void;
+    /** Custom rendering of a reference chip (default: its id). */
+    reference?: Snippet<[GenerationReference]>;
+    class?: string;
+}
+declare const GenerationSettings: import("svelte").Component<Props, {}, "">;
+type GenerationSettings = ReturnType<typeof GenerationSettings>;
+export default GenerationSettings;
+//# sourceMappingURL=GenerationSettings.svelte.d.ts.map

package/dist/generation/GenerationSettings.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerationSettings.svelte.d.ts","sourceRoot":"","sources":["../../src/generation/GenerationSettings.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EASH,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,MAAM,6BAA6B,CAAC;AAGrC,UAAU,KAAK;IACb,YAAY,EAAE,iBAAiB,CAAC;IAChC,6CAA6C;IAC7C,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,4EAA4E;IAC5E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wFAAwF;IACxF,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAyGH,QAAA,MAAM,kBAAkB,2CAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/generation/JobProgress.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+  import { estimateJobProgress } from '@pixerate/editor/generation';
+
+  interface Props {
+    startedAt: number | Date | string;
+    expectedMs?: number;
+    done?: boolean;
+    /** Fixed current time (disables ticking; useful for SSR and tests). */
+    now?: number | Date | string;
+    /** Update interval while running in ms (default 1000). */
+    intervalMs?: number;
+    /** Text shown before the time label, e.g. the model name. */
+    title?: string;
+    /** Extra classes for the root. */
+    class?: string;
+  }
+
+  let { startedAt, expectedMs, done = false, now, intervalMs = 1000, title, class: className = '' }: Props = $props();
+
+  let tick = $state(Date.now());
+  const ticking = $derived(!done && now === undefined);
+
+  $effect(() => {
+    if (!ticking) return;
+    tick = Date.now();
+    const id = setInterval(() => (tick = Date.now()), Math.max(16, intervalMs));
+    return () => clearInterval(id);
+  });
+
+  const progress = $derived(estimateJobProgress({ startedAt, expectedMs, done, now: now ?? tick }));
+</script>
+
+<!-- Headless-styled, time-based job progress: held at 95% until `done`, with a "~2m left" / "Almost done…" label. -->
+<div class="flex flex-col gap-1 text-sm {className}" data-job-progress="" data-done={done ? '' : undefined}>
+  <div class="flex items-center justify-between gap-2 text-muted-foreground">
+    {#if title}<span class="truncate text-foreground">{title}</span>{/if}
+    <span data-job-progress-label="" aria-live="polite">{progress.label}</span>
+  </div>
+  <div
+    role="progressbar"
+    aria-label={title ?? 'Generation progress'}
+    aria-valuemin={0}
+    aria-valuemax={100}
+    aria-valuenow={progress.percent}
+    aria-valuetext="{progress.percent}%, {progress.label}"
+    class="h-1.5 w-full overflow-hidden rounded-full bg-muted"
+  >
+    <div
+      class="h-full rounded-full bg-primary transition-[width] duration-500"
+      style="width: {progress.percent}%; background: var(--primary, currentColor);"
+    ></div>
+  </div>
+</div>

package/dist/generation/JobProgress.svelte.d.ts

@@ -0,0 +1,17 @@
+interface Props {
+    startedAt: number | Date | string;
+    expectedMs?: number;
+    done?: boolean;
+    /** Fixed current time (disables ticking; useful for SSR and tests). */
+    now?: number | Date | string;
+    /** Update interval while running in ms (default 1000). */
+    intervalMs?: number;
+    /** Text shown before the time label, e.g. the model name. */
+    title?: string;
+    /** Extra classes for the root. */
+    class?: string;
+}
+declare const JobProgress: import("svelte").Component<Props, {}, "">;
+type JobProgress = ReturnType<typeof JobProgress>;
+export default JobProgress;
+//# sourceMappingURL=JobProgress.svelte.d.ts.map

package/dist/generation/JobProgress.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobProgress.svelte.d.ts","sourceRoot":"","sources":["../../src/generation/JobProgress.svelte.ts"],"names":[],"mappings":"AAME,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiCH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/generation/index.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentProps } from "svelte";
+import type GenerationSettingsComponent from "./GenerationSettings.svelte";
+import type JobProgressComponent from "./JobProgress.svelte";
+import type AssetMentionChipsComponent from "./AssetMentionChips.svelte";
+import type GenerationHistoryComponent from "./GenerationHistory.svelte";
+export { default as GenerationSettings } from "./GenerationSettings.svelte";
+export { default as JobProgress } from "./JobProgress.svelte";
+export { default as AssetMentionChips } from "./AssetMentionChips.svelte";
+export { default as GenerationHistory } from "./GenerationHistory.svelte";
+export * from "./plan.svelte.js";
+export * from "./progress.svelte.js";
+export * from "./records.svelte.js";
+export type GenerationSettingsProps = ComponentProps<typeof GenerationSettingsComponent>;
+export type JobProgressProps = ComponentProps<typeof JobProgressComponent>;
+export type AssetMentionChipsProps = ComponentProps<typeof AssetMentionChipsComponent>;
+export type GenerationHistoryProps = ComponentProps<typeof GenerationHistoryComponent>;
+//# sourceMappingURL=index.d.ts.map

package/dist/generation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/generation/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,2BAA2B,MAAM,6BAA6B,CAAC;AAC3E,OAAO,KAAK,oBAAoB,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,0BAA0B,MAAM,4BAA4B,CAAC;AACzE,OAAO,KAAK,0BAA0B,MAAM,4BAA4B,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAEpC,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,2BAA2B,CAAC,CAAC;AACzF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC3E,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,0BAA0B,CAAC,CAAC;AACvF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,0BAA0B,CAAC,CAAC"}

package/dist/generation/index.js

@@ -0,0 +1,7 @@
+export { default as GenerationSettings } from "./GenerationSettings.svelte";
+export { default as JobProgress } from "./JobProgress.svelte";
+export { default as AssetMentionChips } from "./AssetMentionChips.svelte";
+export { default as GenerationHistory } from "./GenerationHistory.svelte";
+export * from "./plan.svelte.js";
+export * from "./progress.svelte.js";
+export * from "./records.svelte.js";

package/dist/generation/plan.svelte.d.ts

@@ -0,0 +1,16 @@
+import { type GenerationPlan, type GenerationRequest, type ModelCapabilities, type PlanAdjustment, type PlanError, type PlanOptions } from "@pixerate/editor/generation";
+export interface SvelteGenerationPlan {
+    readonly plan: GenerationPlan;
+    readonly ok: boolean;
+    /** The adjusted request. */
+    readonly request: GenerationRequest;
+    readonly adjustments: PlanAdjustment[];
+    readonly errors: PlanError[];
+}
+/**
+ * Reactive `planGenerationRequest` (Svelte 5 runes). Pass getters so the plan
+ * follows `$state` request/capabilities/options:
+ * `createGenerationPlan(() => request, () => caps, () => ({ strategy }))`.
+ */
+export declare function createGenerationPlan(request: () => GenerationRequest, capabilities: () => ModelCapabilities, options?: () => PlanOptions): SvelteGenerationPlan;
+//# sourceMappingURL=plan.svelte.d.ts.map

package/dist/generation/plan.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan.svelte.d.ts","sourceRoot":"","sources":["../../src/generation/plan.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAC;IACpC,QAAQ,CAAC,WAAW,EAAE,cAAc,EAAE,CAAC;IACvC,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,iBAAiB,EAChC,YAAY,EAAE,MAAM,iBAAiB,EACrC,OAAO,GAAE,MAAM,WAAwB,GACtC,oBAAoB,CAmBtB"}

package/dist/generation/plan.svelte.js

@@ -0,0 +1,26 @@
+import { planGenerationRequest, } from "@pixerate/editor/generation";
+/**
+ * Reactive `planGenerationRequest` (Svelte 5 runes). Pass getters so the plan
+ * follows `$state` request/capabilities/options:
+ * `createGenerationPlan(() => request, () => caps, () => ({ strategy }))`.
+ */
+export function createGenerationPlan(request, capabilities, options = () => ({})) {
+    const plan = $derived(planGenerationRequest(request(), capabilities(), options()));
+    return {
+        get plan() {
+            return plan;
+        },
+        get ok() {
+            return plan.ok;
+        },
+        get request() {
+            return plan.request;
+        },
+        get adjustments() {
+            return plan.adjustments;
+        },
+        get errors() {
+            return plan.errors;
+        },
+    };
+}

package/dist/generation/progress.svelte.d.ts

@@ -0,0 +1,25 @@
+import { type JobProgressEstimate } from "@pixerate/editor/generation";
+export interface JobProgressOptions {
+    startedAt: number | Date | string;
+    expectedMs?: number;
+    done?: boolean;
+    /** Fixed current time (disables ticking; useful for SSR and tests). */
+    now?: number | Date | string;
+    /** Update interval while running in ms (default 1000). */
+    intervalMs?: number;
+}
+export interface SvelteJobProgress {
+    readonly progress: JobProgressEstimate;
+    readonly percent: number;
+    readonly label: string;
+    /** Stops ticking. */
+    destroy(): void;
+}
+/**
+ * Ticking `estimateJobProgress` (Svelte 5 runes). Pass a getter so it follows
+ * `$state` options; it ticks every `intervalMs` while not `done` and no fixed
+ * `now` is given (browser only; nothing ticks during SSR). Call `destroy()`
+ * when done (e.g. in `onDestroy`).
+ */
+export declare function createJobProgress(options: () => JobProgressOptions): SvelteJobProgress;
+//# sourceMappingURL=progress.svelte.d.ts.map

package/dist/generation/progress.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.svelte.d.ts","sourceRoot":"","sources":["../../src/generation/progress.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAE5F,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,QAAQ,EAAE,mBAAmB,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qBAAqB;IACrB,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,kBAAkB,GAAG,iBAAiB,CA2BtF"}

package/dist/generation/progress.svelte.js

@@ -0,0 +1,36 @@
+import { estimateJobProgress } from "@pixerate/editor/generation";
+/**
+ * Ticking `estimateJobProgress` (Svelte 5 runes). Pass a getter so it follows
+ * `$state` options; it ticks every `intervalMs` while not `done` and no fixed
+ * `now` is given (browser only; nothing ticks during SSR). Call `destroy()`
+ * when done (e.g. in `onDestroy`).
+ */
+export function createJobProgress(options) {
+    let tick = $state(Date.now());
+    const timer = typeof window !== "undefined"
+        ? setInterval(() => {
+            const current = options();
+            if (!current.done && current.now === undefined)
+                tick = Date.now();
+        }, Math.max(16, options().intervalMs ?? 1000))
+        : null;
+    const progress = $derived.by(() => {
+        const { startedAt, expectedMs, done, now } = options();
+        return estimateJobProgress({ startedAt, expectedMs, done, now: now ?? tick });
+    });
+    return {
+        get progress() {
+            return progress;
+        },
+        get percent() {
+            return progress.percent;
+        },
+        get label() {
+            return progress.label;
+        },
+        destroy() {
+            if (timer !== null)
+                clearInterval(timer);
+        },
+    };
+}

package/dist/generation/records.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { GenerationRecord, GenerationRecordFilter, GenerationRecordStore } from "@pixerate/editor/generation";
+export interface SvelteGenerationRecords {
+    readonly records: GenerationRecord[];
+    readonly loading: boolean;
+    readonly error: unknown;
+    refresh(): Promise<void>;
+    /** Stops following the store. */
+    destroy(): void;
+}
+/**
+ * Reactive records of a `GenerationRecordStore` (Svelte 5 runes), newest
+ * first, reloaded whenever the store changes. Pass a getter for a reactive
+ * filter: `createGenerationRecords(store, () => ({ model }))`. Call
+ * `destroy()` (or create it inside a component, where it is cleaned up with
+ * the component's effects) to stop listening.
+ */
+export declare function createGenerationRecords(store: GenerationRecordStore, filter?: () => GenerationRecordFilter | undefined): SvelteGenerationRecords;
+//# sourceMappingURL=records.svelte.d.ts.map

package/dist/generation/records.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"records.svelte.d.ts","sourceRoot":"","sources":["../../src/generation/records.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IACrC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACzB,iCAAiC;IACjC,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,qBAAqB,EAC5B,MAAM,GAAE,MAAM,sBAAsB,GAAG,SAA2B,GACjE,uBAAuB,CAuDzB"}

package/dist/generation/records.svelte.js

@@ -0,0 +1,66 @@
+/**
+ * Reactive records of a `GenerationRecordStore` (Svelte 5 runes), newest
+ * first, reloaded whenever the store changes. Pass a getter for a reactive
+ * filter: `createGenerationRecords(store, () => ({ model }))`. Call
+ * `destroy()` (or create it inside a component, where it is cleaned up with
+ * the component's effects) to stop listening.
+ */
+export function createGenerationRecords(store, filter = () => undefined) {
+    let records = $state([]);
+    let loading = $state(true);
+    let error = $state(null);
+    let currentFilter = undefined;
+    let generation = 0;
+    const refresh = async () => {
+        const ticket = ++generation;
+        loading = true;
+        try {
+            const next = await store.list(currentFilter);
+            if (ticket !== generation)
+                return;
+            records = next;
+            error = null;
+        }
+        catch (err) {
+            if (ticket === generation)
+                error = err;
+        }
+        finally {
+            if (ticket === generation)
+                loading = false;
+        }
+    };
+    const unsubscribe = store.subscribe(() => void refresh());
+    let stopEffect = null;
+    if ($effect.tracking()) {
+        $effect(() => {
+            currentFilter = filter();
+            void refresh();
+        });
+        $effect(() => unsubscribe);
+    }
+    else {
+        stopEffect = $effect.root(() => {
+            $effect(() => {
+                currentFilter = filter();
+                void refresh();
+            });
+        });
+    }
+    return {
+        get records() {
+            return records;
+        },
+        get loading() {
+            return loading;
+        },
+        get error() {
+            return error;
+        },
+        refresh,
+        destroy() {
+            unsubscribe();
+            stopEffect?.();
+        },
+    };
+}