@pixerate/editor-svelte 0.145.0 → 0.146.0

package/dist/image-editor/SelectionOptionsBar.svelte

@@ -111,12 +111,13 @@
   let subjectStatus = $state<string | null>(null);
   async function selectSubject() {
     const target = subject.trim();
-    if (!target || segmenting) return;
+    if ((canSegment && !target) || segmenting) return;
     segmenting = true;
     subjectStatus = null;
     try {
-      const { segments } = await controller.selectSubject(target, { mode: options.mode });
-      subjectStatus = segments.length ? null : `Nothing matching “${target}” was found.`;
+      const { segments, method, note } = await controller.selectSubject(canSegment ? target : '', { mode: options.mode });
+      // Without a model, say only when nothing stood out.
+      subjectStatus = segments.length ? null : method === 'saliency' ? (note ?? 'Nothing stands out from the background.') : `Nothing matching “${target}” was found.`;
     } catch (err) {
       subjectStatus = err instanceof Error ? err.message : String(err);
     } finally {
@@ -357,16 +358,16 @@
     />
     px
   </label>
-  {#if canSegment}
-    <form
-      data-testid="select-subject"
-      class="flex flex-col gap-1"
-      onsubmit={(e) => {
-        e.preventDefault();
-        void selectSubject();
-      }}
-    >
-      <div class="flex gap-1">
+  <form
+    data-testid="select-subject"
+    class="flex flex-col gap-1"
+    onsubmit={(e) => {
+      e.preventDefault();
+      void selectSubject();
+    }}
+  >
+    <div class="flex gap-1">
+      {#if canSegment}
         <input
           type="text"
           aria-label="Subject to select"
@@ -375,15 +376,21 @@
           disabled={segmenting}
           class="min-w-0 flex-1 bg-background border border-border rounded px-2 py-1 text-foreground"
         />
-        <button type="submit" class={btn(false)} disabled={segmenting || !subject.trim()} aria-busy={segmenting}>
-          {segmenting ? 'Selecting…' : 'Select Subject'}
-        </button>
-      </div>
-      {#if subjectStatus}
-        <p role="status" class="text-muted-foreground">{subjectStatus}</p>
       {/if}
-    </form>
-  {/if}
+      <button
+        type="submit"
+        class={btn(false)}
+        disabled={segmenting || (canSegment && !subject.trim())}
+        aria-busy={segmenting}
+        title={canSegment ? undefined : 'Selects the subject that stands out most (no segmentation model is set)'}
+      >
+        {segmenting ? 'Selecting…' : 'Select Subject'}
+      </button>
+    </div>
+    {#if subjectStatus}
+      <p role="status" class="text-muted-foreground">{subjectStatus}</p>
+    {/if}
+  </form>
   <label class="flex items-center gap-2 text-foreground">
     <ImageCheckbox label="Anti-alias" checked={options.antiAlias} onchange={(on) => set({ antiAlias: on })} />
     Anti-alias

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.145.0",
+  "version": "0.146.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -165,7 +165,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@pixerate/editor": "0.198.0"
+    "@pixerate/editor": "0.199.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",