Rename library actions and always store promptRaw on ingest.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/studio2/Mobile.vue

@@ -129,9 +129,12 @@
    :preview-hidden="!ctx.eyeOpen"
    @close="ctx.closeLibrary()"
    @select="ctx.selectOutput"
-   @use-as-photo="ctx.onLibraryUseAsPhoto"
+   @use-image="ctx.onLibraryUseImage"
+   @use-prompt="ctx.onLibraryUsePrompt"
    @copy-prompt="ctx.onLibraryCopyPrompt"
-   @load="ctx.onLibraryLoad"
+   @copy-raw-prompt="ctx.onLibraryCopyRawPrompt"
+   @load-input="ctx.onLibraryLoadInput"
+   @load-input-raw="ctx.onLibraryLoadInputRaw"
    @delete="ctx.onLibraryDelete"
    @toggle-preview="ctx.toggleReveal()"
   />
@@ -150,9 +153,12 @@
    <button type="button" class="m-handle" aria-label="Close" @click="sheet=''" />
    <div class="m-sheet-head"><strong>Actions</strong><button type="button" @click="sheet=''">Done</button></div>
    <div class="m-sheet-body m-actions-list">
-    <button type="button" @click="runAction('use')">Use as photo</button>
+    <button type="button" @click="runAction('use-image')">Use image</button>
+    <button type="button" @click="runAction('use-prompt')">Use prompt</button>
     <button type="button" @click="runAction('copy')">Copy prompt</button>
-    <button type="button" @click="runAction('load')">Load</button>
+    <button type="button" @click="runAction('copy-raw')">Copy raw prompt</button>
+    <button type="button" @click="runAction('load-input')">Load input</button>
+    <button type="button" @click="runAction('load-input-raw')">Load input raw</button>
     <button type="button" class="m-danger" @click="runAction('delete')">Delete</button>
    </div>
   </aside>
@@ -172,34 +178,21 @@
        {{ ctx.hideInputs ? 'Show inputs' : 'Hide inputs' }}
       </button>
      </div>
-     <template v-if="ctx.hideInputs">
-      <p class="m-muted">
-       {{ ctx.photoFilledCount || 0 }} photo{{ (ctx.photoFilledCount||0)===1 ? '' : 's' }}
-       <button
-        v-if="(ctx.form.photos?.length||0) < ctx.photosPlanState.max"
-        type="button"
-        class="m-amber"
-        @click="ctx.showInputsAndAddPhoto()"
-       >+ Add photo</button>
-      </p>
-     </template>
-     <template v-else>
-      <p v-if="!ctx.form.photos?.length && ctx.photosPlanState.emptyHint" class="m-muted">{{ ctx.photosPlanState.emptyHint }}</p>
-      <Studio2AssetSlot
-       v-for="(card, index) in ctx.form.photos"
-       :key="'m-photo-'+index+'-'+card.stillId"
-       :asset="ctx.stillById(card.stillId)"
-       :hidden="false"
-       :role="card.role"
-       :role-options="ctx.photoRoleOptions"
-       @pick="ctx.setPicker('photo:'+index)"
-       @remove="ctx.removePhoto(index)"
-       @mention="ctx.mentionPhoto(index)"
-       @update:role="ctx.setPhotoRole(index, $event)"
-      />
-      <button v-if="(ctx.form.photos?.length||0) < ctx.photosPlanState.max" type="button" class="m-amber" @click="ctx.addPhoto">+ Add photo</button>
-      <p v-if="ctx.photoRoleWarning" class="m-hint">{{ ctx.photoRoleWarning }}</p>
-     </template>
+     <p v-if="!ctx.form.photos?.length && ctx.photosPlanState.emptyHint" class="m-muted">{{ ctx.photosPlanState.emptyHint }}</p>
+     <Studio2AssetSlot
+      v-for="(card, index) in ctx.form.photos"
+      :key="'m-photo-'+index+'-'+card.stillId"
+      :asset="ctx.stillById(card.stillId)"
+      :hidden="!!ctx.hideInputs"
+      :role="card.role"
+      :role-options="ctx.photoRoleOptions"
+      @pick="ctx.setPicker('photo:'+index)"
+      @remove="ctx.removePhoto(index)"
+      @mention="ctx.mentionPhoto(index)"
+      @update:role="ctx.setPhotoRole(index, $event)"
+     />
+     <button v-if="(ctx.form.photos?.length||0) < ctx.photosPlanState.max" type="button" class="m-amber" @click="ctx.addPhoto">+ Add photo</button>
+     <p v-if="ctx.photoRoleWarning" class="m-hint">{{ ctx.photoRoleWarning }}</p>
      <template v-if="ctx.showIdentityLocks">
       <label class="m-check"><input v-model="ctx.form.lockFace" type="checkbox"> Lock face</label>
       <label class="m-check"><input v-model="ctx.form.lockOutfit" type="checkbox"> Lock outfit</label>
@@ -360,11 +353,14 @@ function toggleSheet(id: string) {
 function closeMenus() {
   sheet.value = ''
 }
-function runAction(kind: 'use' | 'copy' | 'load' | 'delete') {
+function runAction(kind: 'use-image' | 'use-prompt' | 'copy' | 'copy-raw' | 'load-input' | 'load-input-raw' | 'delete') {
   sheet.value = ''
-  if (kind === 'use') props.ctx.applyUseAsSource?.()
+  if (kind === 'use-image') props.ctx.applyUseImage?.()
+  else if (kind === 'use-prompt') props.ctx.applyUsePrompt?.()
   else if (kind === 'copy') props.ctx.copySelectedPrompt?.()
-  else if (kind === 'load') props.ctx.loadSelectedJob?.()
+  else if (kind === 'copy-raw') props.ctx.copySelectedRawPrompt?.()
+  else if (kind === 'load-input') props.ctx.loadInputUsed?.()
+  else if (kind === 'load-input-raw') props.ctx.loadInputRaw?.()
   else if (kind === 'delete') props.ctx.deleteOutput?.()
 }
 function onStageTouchStart(e: TouchEvent) {