feat(media-supply): add image upload functionality and enhance HTML handling in article processing

apps/admin-web/src/views/MediaSupplySubmitView.vue

@@ -21,7 +21,7 @@ import { computed, reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
 
 import ArticleEditorCanvas from '@/components/ArticleEditorCanvas.vue'
-import { articlesApi, mediaSupplyApi } from '@/lib/api'
+import { articlesApi, imagesApi, mediaSupplyApi } from '@/lib/api'
 import {
   clearMediaSupplySubmitSelection,
   loadMediaSupplySubmitSelection,
@@ -194,6 +194,11 @@ async function submitOrder(): Promise<void> {
   await createOrderMutation.mutateAsync()
 }
 
+async function uploadEditorImage(file: File): Promise<string> {
+  const result = await imagesApi.upload(file)
+  return result.url
+}
+
 function cancelSubmit(): void {
   void router.push({ name: 'media-supply-resources' })
 }
@@ -377,7 +382,7 @@ function stripLeadingTitleHeading(titleValue: string, markdownValue: string): st
                 v-model="form.content"
                 :article-id="null"
                 :ai-optimize-enabled="false"
-                :upload-image="undefined"
+                :upload-image="uploadEditorImage"
               />
             </div>
           </section>