diff --git a/changlog.md b/changlog.md
index d860d5fe58..9e17bf91d3 100644
--- a/changlog.md
+++ b/changlog.md
@@ -1,16 +1,20 @@
 # 功能升级日志
 
 #  计划 
+# 2.19.6
+- 😄 新增：gpt-4o-mini模型
+- 🐞 修复：viggle 下载有问题
+
 # 2.19.5
 - 🐞 修复：后续会有luma尾帧么 #452
--
+- 😄 新增：viggle pro 跟 relax 能相互切换
 
 # 2.19.4
 - 🐞 修复：luma pro 与 relax版本切换 获取任务有问题
-- 😄 新增：viggle pro 跟 relax 能相互切换
+
 
 # 2.19.3
-- 🐞 修复：viggle个人上传视频无效
+- 🐞 修复：viggle 个人上传视频无效
 
 # 2.19.2
 - 😄 新增：跳舞视频viggle模块
diff --git a/package.json b/package.json
index fcb3e75d0e..f50c526a2b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "chatgpt-web-midjourney-proxy",
-  "version": "2.19.5",
+  "version": "2.19.6",
   "private": false,
   "description": "ChatGPT Web Midjourney Proxy",
   "author": "Dooy <ydlhero@gmail.com>",
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index e0320facc5..ed3ff4d82a 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -8,7 +8,7 @@
   },
   "package": {
     "productName": "ChatGPT-MJ",
-    "version": "2.19.5"
+    "version": "2.19.6"
   },
   "tauri": {
     "allowlist": {
diff --git a/src/api/openapi.ts b/src/api/openapi.ts
index 93b829257f..4c752ce04a 100644
--- a/src/api/openapi.ts
+++ b/src/api/openapi.ts
@@ -23,6 +23,8 @@ export const KnowledgeCutOffDate: Record<string, string> = {
   "gpt-4-turbo-2024-04-09": "2023-12", 
   "gpt-4o-2024-05-13": "2023-10", 
   "gpt-4o": "2023-10", 
+  "gpt-4o-mini": "2023-10", 
+  "gpt-4o-mini-2024-07-18": "2023-10", 
   "gpt-4-turbo": "2023-12", 
   "gpt-4-turbo-preview": "2023-12",
   "claude-3-opus-20240229": "2023-08",
diff --git a/src/api/runway.ts b/src/api/runway.ts
new file mode 100644
index 0000000000..e25890d875
--- /dev/null
+++ b/src/api/runway.ts
@@ -0,0 +1,122 @@
+import { gptServerStore, homeStore, useAuthStore } from "@/store";
+import { mlog } from "./mjapi";
+
+function getHeaderAuthorization(){
+    let headers={}
+    if( homeStore.myData.vtoken ){
+        const  vtokenh={ 'x-vtoken':  homeStore.myData.vtoken ,'x-ctoken':  homeStore.myData.ctoken};
+        headers= {...headers, ...vtokenh}
+    }
+    if(!gptServerStore.myData.RUNWAY_KEY){ 
+        const authStore = useAuthStore()
+        if( authStore.token ) {
+            const bmi= { 'x-ptoken':  authStore.token };
+            headers= {...headers, ...bmi }
+            return headers;
+        }
+        return headers
+    }
+    const bmi={
+        'Authorization': 'Bearer ' +gptServerStore.myData.RUNWAY_KEY
+    }
+    headers= {...headers, ...bmi }
+    return headers
+}
+
+export const  getUrl=(url:string)=>{
+    if(url.indexOf('http')==0) return url;
+    
+    const pro_prefix= url.indexOf('/pro')>-1?'/pro':'';//homeStore.myData.is_luma_pro?'/pro':''
+    url= url.replaceAll('/pro','')
+    if(gptServerStore.myData.RUNWAY_SERVER  ){
+        if(gptServerStore.myData.RUNWAY_SERVER.indexOf('/pro')>0){
+            return `${ gptServerStore.myData.RUNWAY_SERVER}/runway${url}`;
+        }
+        return `${ gptServerStore.myData.RUNWAY_SERVER}${pro_prefix}/runway${url}`;
+    }
+    return `${pro_prefix}/runway${url}`;
+}
+
+
+export const runwayFetch=(url:string,data?:any,opt2?:any )=>{
+    mlog('viggleFetch', url  );
+    let headers= opt2?.upFile?{}: {'Content-Type':'application/json'}
+     
+    if(opt2 && opt2.headers ) headers= opt2.headers;
+
+    headers={...headers,...getHeaderAuthorization()}
+   
+    return new Promise<any>((resolve, reject) => {
+        let opt:RequestInit ={method:'GET'};
+       
+        opt.headers= headers ;
+        if(opt2?.upFile ){
+             opt.method='POST';
+             opt.body=data as FormData ;
+        }
+        else if(data) {
+            opt.body= JSON.stringify(data) ;
+            opt.method='POST';
+        }
+        fetch(getUrl(url),  opt )
+        .then( async (d) =>{
+            if (!d.ok) { 
+                let msg = '发生错误: '+ d.status
+                try{ 
+                  let bjson:any  = await d.json();
+                  msg = '('+ d.status+')发生错误: '+(bjson?.error?.message??'' ) 
+                }catch( e ){ 
+                }
+                homeStore.myData.ms &&  homeStore.myData.ms.error(msg )
+                throw new Error( msg );
+            }
+     
+            d.json().then(d=> resolve(d)).catch(e=>{ 
+            
+                homeStore.myData.ms &&  homeStore.myData.ms.error('发生错误'+ e )
+                reject(e) 
+            }
+        )})
+        .catch(e=>{ 
+            if (e.name === 'TypeError' && e.message === 'Failed to fetch') {
+                homeStore.myData.ms &&  homeStore.myData.ms.error('跨域|CORS error'  )
+            }
+            else homeStore.myData.ms &&  homeStore.myData.ms.error('发生错误:'+e )
+            mlog('e', e.stat )
+            reject(e)
+        })
+    })
+
+}
+
+
+export const runwayUpload= async (file:any , type :string)=>{
+     let obj={
+            "filename": file.name,
+            "numberOfParts": 1,
+            type //"DATASET_PREVIEW"
+        }
+    const  d:any = await runwayFetch('/uploads',obj)
+    mlog("runwayUpload",d)
+
+    const response= await fetch( d.uploadUrls[0], {
+        method: 'PUT',
+        body: file,
+        headers: {
+            'Content-Type': d.uploadHeaders["Content-Type"],
+            'Accept': '/',
+            'Accept-Language': 'zh-CN,zh;q=0.9',
+            'Connection': 'keep-alive'
+        }
+    }) ;
+    //const djson:any = await response.json();
+    if (response.status!=200){
+      throw "upload file faile"
+    }
+    //mlog("runwayUpload2", djson)
+    // return djson uploads/0e01608a-89f8-4cb8-920a-669813fb224f/complete
+    let obj2={"parts":[{"PartNumber":1,"ETag":"ca3b00c313b6fd9a5c48889ad16f7d5e"}]}
+    const  d2:any = await runwayFetch(`/uploads/${d.id}/complete`, obj2 )
+    mlog("runwayUpload2", d2)
+    return d2;
+}
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index f78475fe00..fad3418c0f 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -445,6 +445,11 @@ export default {
     download:'下载',
     extend:'延展',
 
+    runwayabout:'Runway 相关',
+    runwayserver:'Runway 接口地址',
+    setOpenKeyPlaceholder2:'Runway API 的key, 可不填',
+    endImg:'尾帧图',
+
   }
   ,dance:{
     menu:"舞蹈",
diff --git a/src/store/homeStore.ts b/src/store/homeStore.ts
index 2ef643907b..4bf1dc3065 100644
--- a/src/store/homeStore.ts
+++ b/src/store/homeStore.ts
@@ -106,10 +106,14 @@ export interface gptServerType{
     LUMA_KEY:string
     VIGGLE_SERVER:string
     VIGGLE_KEY:string
+    RUNWAY_SERVER:string
+    RUNWAY_KEY:string
     IS_SET_SYNC?:boolean
     GPTS_GX?:boolean
     IS_LUMA_PRO?:boolean
     IS_VIGGLE_PRO?:boolean
+    TAB_VIDEO?:string
+
 }
 
 const  getServerDefault=()=>{
@@ -127,6 +131,9 @@ let v:gptServerType={
         LUMA_KEY:'',
         VIGGLE_SERVER:'',
         VIGGLE_KEY:'',
+        TAB_VIDEO:'luma',
+        RUNWAY_SERVER:'',
+        RUNWAY_KEY:''
     }
     return v ;
 }
diff --git a/src/views/luma/lumaInput.vue b/src/views/luma/lumaInput.vue
new file mode 100644
index 0000000000..afe4598bc7
--- /dev/null
+++ b/src/views/luma/lumaInput.vue
@@ -0,0 +1,199 @@
+<script setup lang="ts">
+import { ref, computed, onMounted, watch } from 'vue';
+import { NInput,NButton, useMessage,NTag ,NPopover,NSelect} from 'naive-ui';
+import {SvgIcon} from '@/components/common'
+import { FeedLumaTask, lumaFetch, mlog, upImg } from '@/api';
+import { gptServerStore, homeStore } from '@/store';
+import { t } from '@/locales';
+import { LumaMedia, lumaHkStore } from '@/api/lumaStore';
+import { sleep } from '@/api/suno';
+
+const luma= ref({ "aspect_ratio": "16:9", "expand_prompt": true,  "image_url": "",  "user_prompt": "","image_end_url": "", });
+const st= ref({isDo:false,version:'relax'})
+const ms = useMessage();
+const fsRef= ref() ;
+const fsRef2 = ref() ;
+const exLuma= ref<LumaMedia>()
+
+const vf=[{s:'width: 100%; height: 100%;',label:'1:1'}
+,{s:'width: 100%; height: 75%;',label:'4:3'}
+,{s:'width: 75%; height: 100%;',label:'3:4'}
+,{s:'width: 100%; height: 50%;',label:'16:9'}
+,{s:'width: 50%; height: 100%;',label:'9:16'}
+ ];
+
+onMounted(() => {
+    homeStore.setMyData({ms:ms})
+    st.value.version= gptServerStore.myData.IS_LUMA_PRO?'pro':'relax'
+});
+
+
+
+const canPost = computed(() => {
+    return luma.value.user_prompt!='' && !st.value.isDo
+})
+const generate= async ()=>{
+    mlog("generate", luma.value )
+    st.value.isDo= true
+    if(!canPost){
+        ms.error( t('video.plsInput') )
+        return ;
+    }
+    try{
+        let url= '/generations/';
+        if(exLuma.value) url= `/generations/${exLuma.value.id}/extend`
+        //homeStore.myData.is_luma_pro?'/pro':''
+        //if(homeStore)
+        const is_luma_pro=homeStore.myData.is_luma_pro
+        if (is_luma_pro) url= '/pro'+url
+        const d:any=  await lumaFetch(url, luma.value);
+        mlog("d", d )
+        // if(d.id ) FeedLumaTask(d.id )
+        // else FeedLumaTask(d[0].id )
+        
+        const taskID= d.id??d[0].id
+        if( is_luma_pro ){
+            const hk= new lumaHkStore();
+            hk.save({id:taskID,isHK:true})
+        }
+       
+        
+        ms.success( t('video.submitSuccess'))
+         await sleep(500)
+        FeedLumaTask(taskID)
+    }catch(e){
+        
+    }
+    st.value.isDo= false
+    //FeedLumaTask('33ace512-9a46-40ab-9d08-a05eff989831')
+}
+
+function selectFile(input:any){
+     
+    upImg(input.target.files[0]).then(d=>{
+        luma.value.image_url= d;
+        fsRef.value=''
+    }).catch(e=>ms.error(e));
+    
+}
+
+function selectFile2(input:any){
+    upImg(input.target.files[0]).then(d=>{
+        luma.value.image_end_url= d;
+        fsRef2.value=''
+    }).catch(e=>ms.error(e));
+    
+}
+
+const clearInput = ()=>{
+    luma.value.user_prompt= ''
+    luma.value.image_url= ''
+    luma.value.image_end_url= ''
+    exLuma.value= undefined
+}
+
+//luma.extend
+watch(()=>homeStore.myData.act, (n)=>{
+    if(n=='luma.extend'){
+        mlog("luma.extend", homeStore.myData.actData )
+        const s= homeStore.myData.actData as LumaMedia
+        exLuma.value= s 
+        // cs.value.continue_clip_id= s.id
+        // cs.value.continue_at= Math.ceil(s.metadata.duration/2) 
+    }
+});
+
+const isHK= computed(()=> {
+    const url= gptServerStore.myData.LUMA_SERVER.toLocaleLowerCase();
+    if(url!=''){
+     return (url.indexOf('hk')>-1 &&  url.indexOf('pro')==-1 ) ;
+    }
+   
+    return (homeStore.myData.session && homeStore.myData.session.isHk) ;
+    
+} );
+const saveMyDate=(is_pro:boolean)=>{
+    homeStore.setMyData({is_luma_pro: is_pro})
+    gptServerStore.setMyData({IS_LUMA_PRO: is_pro})
+}
+
+watch(()=>isHK.value , (n)=>    saveMyDate( n && st.value.version=='pro' ) ); 
+watch(()=>st.value.version , ()=>  saveMyDate(isHK.value && st.value.version=='pro' ) );
+
+const mvOption= [
+{label: '版本: relax, 价格实惠',value: 'relax'}
+,{label:'版本: pro, 快且无水印',value: 'pro'}
+ ]
+
+</script>
+
+<template>
+<div class="p-2"> 
+    <div class=" flex items-center justify-between space-x-1">
+            <template  v-for="(item,index) in vf" >
+            <section class="aspect-item flex-1 rounded border-2 dark:border-neutral-700 cursor-pointer"  :class="{'active':luma.aspect_ratio==item.label}"  @click="luma.aspect_ratio=item.label">
+                <div class="aspect-box-wrapper mx-auto my-2 flex h-5 w-5 items-center justify-center">
+                    <div class="aspect-box rounded border-2 dark:border-neutral-700" :style="item.s"></div>
+                </div>
+                <p class="mb-1 text-center text-sm">{{ item.label }}</p>
+            </section>
+            </template>
+
+    </div>
+    <div class="pt-1">
+      <n-input v-model:value="luma.user_prompt" 
+                :placeholder="$t('video.descpls')"  type="textarea"  size="small"   
+                :autosize="{ minRows: 3, maxRows: 12  }"  />
+    </div>
+    <div v-if="exLuma" class="pt-1">
+        <div class="flex justify-between items-center">
+            <div  >
+                <n-popover trigger="hover">
+                    <template #trigger>
+                    <div class="line-clamp-1">{{ $t('video.extend') }}:{{exLuma.prompt}}</div>
+                    </template>
+                    <div class=" max-w-[300px]">{{exLuma.prompt}}</div>
+                </n-popover>
+            </div>
+        </div>
+        <div class="relative flex items-center justify-center bg-white bg-opacity-10 rounded-[5px] overflow-hidden aspect-[16/8.85] ">
+                <video v-if="exLuma.video?.url|| exLuma.video?.download_url" :src="exLuma.video?.download_url? exLuma.video?.download_url:exLuma.video?.url" @error="$event.target.src=exLuma.video?.url" loop  playsinline  controls class="w-full h-full object-cover"></video>    
+        </div>
+            
+    </div>
+
+    <div  class="pt-1" v-if="isHK">
+        <n-select v-model:value="st.version" :options="mvOption" size="small" />
+    </div>
+    
+    <div class="pt-1">
+        <div class="flex justify-start  items-end">
+            <div> 
+                <input type="file"  @change="selectFile"  ref="fsRef" style="display: none" accept="image/jpeg, image/jpg, image/png, image/gif"/>
+                <div class="h-[80px] w-[80px] overflow-hidden rounded-sm border border-gray-400/20 flex justify-center items-center cursor-pointer" @click=" fsRef.click()">
+                    <img :src="luma.image_url" v-if="luma.image_url" />
+                    <div class="text-center" v-else>{{ $t('video.selectimg') }}</div> 
+                </div>
+            </div>
+            <div class="pl-2"> 
+                <input type="file"  @change="selectFile2"  ref="fsRef2" style="display: none" accept="image/jpeg, image/jpg, image/png, image/gif"/>
+                <div class="h-[80px] w-[80px] overflow-hidden rounded-sm border border-gray-400/20 flex justify-center items-center cursor-pointer" @click=" fsRef2.click()">
+                    <img :src="luma.image_end_url" v-if="luma.image_end_url" />
+                    <div class="text-center" v-else>{{ $t('video.endImg') }}</div> 
+                </div>
+            </div>
+           
+        </div>
+    </div>  
+     <div class="pt-1">
+        <div class="flex justify-between items-end">
+            <div class="pb-1 text-right">
+                <NTag v-if=" exLuma|| luma.user_prompt!=''||luma.image_url!=''||luma.image_end_url!=''" type="success" size="small" round  ><span class="cursor-pointer" @click="clearInput()" >{{$t('video.clear')}}</span></NTag>
+            </div>
+            <div>
+                <NButton  :loading="st.isDo" type="primary" :disabled="!canPost" @click="generate()"><SvgIcon icon="ri:video-add-line"  /> {{$t('video.generate')}}</NButton> 
+            </div>
+        </div>  
+    </div>
+</div>
+</template>
\ No newline at end of file
diff --git a/src/views/luma/runwayInput.vue b/src/views/luma/runwayInput.vue
new file mode 100644
index 0000000000..98151c57f7
--- /dev/null
+++ b/src/views/luma/runwayInput.vue
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import { mlog, upImg } from '@/api';
+import { runwayFetch, runwayUpload } from '@/api/runway';
+import { homeStore } from '@/store';
+import { useMessage,NInput } from 'naive-ui';
+import { onMounted, ref } from 'vue';
+
+const fsRef= ref() ;
+const runway= ref({image_prompt:'',seed:1675247627,text_prompt:''});
+
+const ms = useMessage();
+async function  selectFile(input:any){
+    mlog("selectFile", input.target.files[0])
+    const file = input.target.files[0]  
+
+    // let obj={
+    // "filename": file.name,
+    // "numberOfParts": 1,
+    // "type": "DATASET_PREVIEW"
+    // }
+    let d= await runwayUpload('/uploads','DATASET_PREVIEW')
+    mlog("runwayFetch",d)
+    // upImg(input.target.files[0]).then(d=>{
+    //     //luma.value.image_end_url= d;
+    //     fsRef.value=''
+    // }).catch(e=>ms.error(e));
+    
+}
+
+
+onMounted(() => {
+    homeStore.setMyData({ms:ms})
+});
+</script>
+<template>
+<div class="px-2"> 
+    <div class="pt-1">
+      <n-input v-model:value="runway.text_prompt" 
+                :placeholder="$t('video.descpls')"  type="textarea"  size="small"   
+                :autosize="{ minRows: 3, maxRows: 12  }"  />
+    </div>
+
+    <div class="pt-1">
+        <div class="flex justify-start  items-end">
+            <div> 
+                <input type="file"  @change="selectFile"  ref="fsRef" style="display: none" accept="image/jpeg, image/jpg, image/png, image/gif"/>
+                <div class="h-[80px] w-[80px] overflow-hidden rounded-sm border border-gray-400/20 flex justify-center items-center cursor-pointer" @click=" fsRef.click()">
+                    <!-- <img :src="luma.image_url" v-if="luma.image_url" /> -->
+                    <div class="text-center"  >{{ $t('video.selectimg') }}</div> 
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</template>
\ No newline at end of file
diff --git a/src/views/luma/runwayList.vue b/src/views/luma/runwayList.vue
new file mode 100644
index 0000000000..bea0bf77b4
--- /dev/null
+++ b/src/views/luma/runwayList.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts"> 
+</script>
+<template>
+我是RUNWAY LIST
+</template>
\ No newline at end of file
diff --git a/src/views/luma/video.vue b/src/views/luma/video.vue
index ed0ec0a873..26ef8e9599 100644
--- a/src/views/luma/video.vue
+++ b/src/views/luma/video.vue
@@ -1,6 +1,9 @@
  <script setup lang="ts">
- import VoInput from './voInput.vue';
+ //import VoInput from './voInput.vue';
+ import VoInput from './lumaInput.vue';
  import VoList from './voList.vue';
+ import RunwayList from './runwayList.vue';
+import { gptServerStore } from '@/store';
  </script>
 <template>
 
@@ -9,7 +12,9 @@
          <VoInput/>
     </div>
     <div class=" flex-1  h-full bg-[#fafbfc] pt-2 dark:bg-[#18181c] overflow-y-auto " >
-        <VoList/>
+
+        <RunwayList v-if="gptServerStore.myData.TAB_VIDEO=='runway'"/>
+        <VoList v-else/>
     </div>
      
 </div>
diff --git a/src/views/luma/voInput.vue b/src/views/luma/voInput.vue
index d6b83c8eb2..99a82e6cea 100644
--- a/src/views/luma/voInput.vue
+++ b/src/views/luma/voInput.vue
@@ -1,199 +1,26 @@
-<script setup lang="ts">
-import { ref, computed, onMounted, watch } from 'vue';
-import { NInput,NButton, useMessage,NTag ,NPopover,NSelect} from 'naive-ui';
-import {SvgIcon} from '@/components/common'
-import { FeedLumaTask, lumaFetch, mlog, upImg } from '@/api';
-import { gptServerStore, homeStore } from '@/store';
-import { t } from '@/locales';
-import { LumaMedia, lumaHkStore } from '@/api/lumaStore';
-import { sleep } from '@/api/suno';
+<script setup lang="ts"> 
+import { NTabs, NTabPane } from 'naive-ui';
+import LumaInput from './lumaInput.vue'
+import RunwayInput from './runwayInput.vue'
+import { mlog } from '@/api';
+import { gptServerStore } from '@/store';
 
-const luma= ref({ "aspect_ratio": "16:9", "expand_prompt": true,  "image_url": "",  "user_prompt": "","image_end_url": "", });
-const st= ref({isDo:false,version:'relax'})
-const ms = useMessage();
-const fsRef= ref() ;
-const fsRef2 = ref() ;
-const exLuma= ref<LumaMedia>()
 
-const vf=[{s:'width: 100%; height: 100%;',label:'1:1'}
-,{s:'width: 100%; height: 75%;',label:'4:3'}
-,{s:'width: 75%; height: 100%;',label:'3:4'}
-,{s:'width: 100%; height: 50%;',label:'16:9'}
-,{s:'width: 50%; height: 100%;',label:'9:16'}
- ];
-
-onMounted(() => {
-    homeStore.setMyData({ms:ms})
-    st.value.version= gptServerStore.myData.IS_LUMA_PRO?'pro':'relax'
-});
-
-
-
-const canPost = computed(() => {
-    return luma.value.user_prompt!='' && !st.value.isDo
-})
-const generate= async ()=>{
-    mlog("generate", luma.value )
-    st.value.isDo= true
-    if(!canPost){
-        ms.error( t('video.plsInput') )
-        return ;
-    }
-    try{
-        let url= '/generations/';
-        if(exLuma.value) url= `/generations/${exLuma.value.id}/extend`
-        //homeStore.myData.is_luma_pro?'/pro':''
-        //if(homeStore)
-        const is_luma_pro=homeStore.myData.is_luma_pro
-        if (is_luma_pro) url= '/pro'+url
-        const d:any=  await lumaFetch(url, luma.value);
-        mlog("d", d )
-        // if(d.id ) FeedLumaTask(d.id )
-        // else FeedLumaTask(d[0].id )
-        
-        const taskID= d.id??d[0].id
-        if( is_luma_pro ){
-            const hk= new lumaHkStore();
-            hk.save({id:taskID,isHK:true})
-        }
-       
-        
-        ms.success( t('video.submitSuccess'))
-         await sleep(500)
-        FeedLumaTask(taskID)
-    }catch(e){
-        
-    }
-    st.value.isDo= false
-    //FeedLumaTask('33ace512-9a46-40ab-9d08-a05eff989831')
-}
-
-function selectFile(input:any){
-     
-    upImg(input.target.files[0]).then(d=>{
-        luma.value.image_url= d;
-        fsRef.value=''
-    }).catch(e=>ms.error(e));
-    
-}
-
-function selectFile2(input:any){
-    upImg(input.target.files[0]).then(d=>{
-        luma.value.image_end_url= d;
-        fsRef2.value=''
-    }).catch(e=>ms.error(e));
-    
-}
-
-const clearInput = ()=>{
-    luma.value.user_prompt= ''
-    luma.value.image_url= ''
-    luma.value.image_end_url= ''
-    exLuma.value= undefined
+const handleUpdateValue=(v:string)=>{
+   mlog("handleUpdateValue",v)
+   gptServerStore.setMyData({TAB_VIDEO:v})
 }
-
-//luma.extend
-watch(()=>homeStore.myData.act, (n)=>{
-    if(n=='luma.extend'){
-        mlog("luma.extend", homeStore.myData.actData )
-        const s= homeStore.myData.actData as LumaMedia
-        exLuma.value= s 
-        // cs.value.continue_clip_id= s.id
-        // cs.value.continue_at= Math.ceil(s.metadata.duration/2) 
-    }
-});
-
-const isHK= computed(()=> {
-    const url= gptServerStore.myData.LUMA_SERVER.toLocaleLowerCase();
-    if(url!=''){
-     return (url.indexOf('hk')>-1 &&  url.indexOf('pro')==-1 ) ;
-    }
-   
-    return (homeStore.myData.session && homeStore.myData.session.isHk) ;
-    
-} );
-const saveMyDate=(is_pro:boolean)=>{
-    homeStore.setMyData({is_luma_pro: is_pro})
-    gptServerStore.setMyData({IS_LUMA_PRO: is_pro})
-}
-
-watch(()=>isHK.value , (n)=>    saveMyDate( n && st.value.version=='pro' ) ); 
-watch(()=>st.value.version , ()=>  saveMyDate(isHK.value && st.value.version=='pro' ) );
-
-const mvOption= [
-{label: '版本: relax, 价格实惠',value: 'relax'}
-,{label:'版本: pro, 快且无水印',value: 'pro'}
- ]
-
 </script>
 
 <template>
-<div class="p-2"> 
-    <div class=" flex items-center justify-between space-x-1">
-            <template  v-for="(item,index) in vf" >
-            <section class="aspect-item flex-1 rounded border-2 dark:border-neutral-700 cursor-pointer"  :class="{'active':luma.aspect_ratio==item.label}"  @click="luma.aspect_ratio=item.label">
-                <div class="aspect-box-wrapper mx-auto my-2 flex h-5 w-5 items-center justify-center">
-                    <div class="aspect-box rounded border-2 dark:border-neutral-700" :style="item.s"></div>
-                </div>
-                <p class="mb-1 text-center text-sm">{{ item.label }}</p>
-            </section>
-            </template>
-
-    </div>
-    <div class="pt-1">
-      <n-input v-model:value="luma.user_prompt" 
-                :placeholder="$t('video.descpls')"  type="textarea"  size="small"   
-                :autosize="{ minRows: 3, maxRows: 12  }"  />
-    </div>
-    <div v-if="exLuma" class="pt-1">
-        <div class="flex justify-between items-center">
-            <div  >
-                <n-popover trigger="hover">
-                    <template #trigger>
-                    <div class="line-clamp-1">{{ $t('video.extend') }}:{{exLuma.prompt}}</div>
-                    </template>
-                    <div class=" max-w-[300px]">{{exLuma.prompt}}</div>
-                </n-popover>
-            </div>
-        </div>
-        <div class="relative flex items-center justify-center bg-white bg-opacity-10 rounded-[5px] overflow-hidden aspect-[16/8.85] ">
-                <video v-if="exLuma.video?.url|| exLuma.video?.download_url" :src="exLuma.video?.download_url? exLuma.video?.download_url:exLuma.video?.url" @error="$event.target.src=exLuma.video?.url" loop  playsinline  controls class="w-full h-full object-cover"></video>    
-        </div>
-            
-    </div>
-
-    <div  class="pt-1" v-if="isHK">
-        <n-select v-model:value="st.version" :options="mvOption" size="small" />
-    </div>
-    
-    <div class="pt-1">
-        <div class="flex justify-start  items-end">
-            <div> 
-                <input type="file"  @change="selectFile"  ref="fsRef" style="display: none" accept="image/jpeg, image/jpg, image/png, image/gif"/>
-                <div class="h-[80px] w-[80px] overflow-hidden rounded-sm border border-gray-400/20 flex justify-center items-center cursor-pointer" @click=" fsRef.click()">
-                    <img :src="luma.image_url" v-if="luma.image_url" />
-                    <div class="text-center" v-else>{{ $t('video.selectimg') }}</div> 
-                </div>
-            </div>
-            <div class="pl-2"> 
-                <input type="file"  @change="selectFile2"  ref="fsRef2" style="display: none" accept="image/jpeg, image/jpg, image/png, image/gif"/>
-                <div class="h-[80px] w-[80px] overflow-hidden rounded-sm border border-gray-400/20 flex justify-center items-center cursor-pointer" @click=" fsRef2.click()">
-                    <img :src="luma.image_end_url" v-if="luma.image_end_url" />
-                    <div class="text-center" v-else>尾帧图</div> 
-                </div>
-            </div>
-           
-        </div>
-    </div>  
-     <div class="pt-1">
-        <div class="flex justify-between items-end">
-            <div class="pb-1 text-right">
-                <NTag v-if=" exLuma|| luma.user_prompt!=''||luma.image_url!=''||luma.image_end_url!=''" type="success" size="small" round  ><span class="cursor-pointer" @click="clearInput()" >{{$t('video.clear')}}</span></NTag>
-            </div>
-            <div>
-                <NButton  :loading="st.isDo" type="primary" :disabled="!canPost" @click="generate()"><SvgIcon icon="ri:video-add-line"  /> {{$t('video.generate')}}</NButton> 
-            </div>
-        </div>  
-    </div>
-</div>
+<n-tabs type="line"  animated :default-value="gptServerStore.myData.TAB_VIDEO"  @update:value="handleUpdateValue">
+    <n-tab-pane name="" tab="">
+    </n-tab-pane>
+    <n-tab-pane name="luma" tab="Luma">
+        <LumaInput />
+    </n-tab-pane>
+    <n-tab-pane name="runway" tab="Runway">
+        <RunwayInput />
+    </n-tab-pane>
+</n-tabs>
 </template>
\ No newline at end of file
diff --git a/src/views/mj/aiModel.vue b/src/views/mj/aiModel.vue
index 4ba0c7d18d..8baca2b4bf 100644
--- a/src/views/mj/aiModel.vue
+++ b/src/views/mj/aiModel.vue
@@ -14,7 +14,7 @@ const chatSet = new chatSetting( uuid==null?1002:uuid);
 const nGptStore = ref(  chatSet.getGptConfig() );
 
 const config = ref({
-model:[ 'gpt-4-turbo-2024-04-09','gpt-4o-2024-05-13','gpt-4o','gpt-4-turbo','gpt-4-0125-preview','gpt-3.5-turbo',`gpt-4-1106-preview`,`gpt-3.5-turbo-16k`,'gpt-4','gpt-4-0613','gpt-4-32k-0613' ,'gpt-4-32k','gpt-4-32k-0314',`gpt-3.5-turbo-16k-0613`
+model:[ 'gpt-4-turbo-2024-04-09','gpt-4o-2024-05-13','gpt-4o-mini-2024-07-18','gpt-4o-mini','gpt-4o','gpt-4-turbo','gpt-4-0125-preview','gpt-3.5-turbo',`gpt-4-1106-preview`,`gpt-3.5-turbo-16k`,'gpt-4','gpt-4-0613','gpt-4-32k-0613' ,'gpt-4-32k','gpt-4-32k-0314',`gpt-3.5-turbo-16k-0613`
 ,`gpt-4-vision-preview`,`gpt-3.5-turbo-1106` ,'gpt-3.5-turbo-0125'
 ,'gpt-3.5-turbo-0301','gpt-3.5-turbo-0613','gpt-4-all','gpt-3.5-net','gemini-pro',"gemini-pro-vision",'gemini-pro-1.5'
 ,'claude-3-sonnet-20240229','claude-3-opus-20240229','claude-3-haiku-20240307','claude-3-5-sonnet-20240620','suno-v3'
diff --git a/src/views/mj/aiSetServer.vue b/src/views/mj/aiSetServer.vue
index f71de9fc5d..5b10ae482b 100644
--- a/src/views/mj/aiSetServer.vue
+++ b/src/views/mj/aiSetServer.vue
@@ -29,6 +29,7 @@ watch(() => gptServerStore.myData.OPENAI_API_BASE_URL , (n)=>{
     gptServerStore.myData.SUNO_SERVER=n;
     gptServerStore.myData.LUMA_SERVER=n;
     gptServerStore.myData.VIGGLE_SERVER=n;
+    gptServerStore.myData.RUNWAY_SERVER=n;
 });
 watch(() => gptServerStore.myData.OPENAI_API_KEY , (n)=>{
     if(!gptServerStore.myData.IS_SET_SYNC) return  ;
@@ -36,6 +37,7 @@ watch(() => gptServerStore.myData.OPENAI_API_KEY , (n)=>{
     gptServerStore.myData.SUNO_KEY=n;
     gptServerStore.myData.LUMA_KEY=n;
     gptServerStore.myData.VIGGLE_KEY=n;
+    gptServerStore.myData.RUNWAY_KEY=n;
 });
 </script>
 <template>
@@ -156,6 +158,25 @@ watch(() => gptServerStore.myData.OPENAI_API_KEY , (n)=>{
 </section>
 
 
+<div class="text-right">{{$t('video.runwayabout')}}</div>
+<section class="mb-4 flex justify-between items-center"  >
+    <n-input @blur="blurClean"  :placeholder="$t('mj.setOpenPlaceholder') " v-model:value="gptServerStore.myData.RUNWAY_SERVER" clearable>
+      <template #prefix>
+        <span class="text-[var(--n-tab-text-color-active)]">{{$t('video.runwayserver')}}:</span>
+      </template>
+    </n-input>
+</section>
+
+<section class="mb-4 flex justify-between items-center"  >
+    <n-input  @blur="blurClean" type="password"  :placeholder="$t('video.setOpenKeyPlaceholder2')" show-password-on="click" v-model:value="gptServerStore.myData.RUNWAY_KEY" clearable>
+      <template #prefix>
+        <span class="text-[var(--n-tab-text-color-active)]">Runway Key:</span>
+      </template>
+    </n-input>
+</section>
+
+
+
 
   <div  class="text-right" > {{$t('mj.setUploader')}}</div>
 <section class="mb-4 flex justify-between items-center"  >
diff --git a/src/views/viggle/dcList.vue b/src/views/viggle/dcList.vue
index ccdafd84b2..84ad3e7a7f 100644
--- a/src/views/viggle/dcList.vue
+++ b/src/views/viggle/dcList.vue
@@ -16,13 +16,12 @@ const initLoad=()=>{
     list.value= arr.reverse()
 }
 const TaskDown=async (item:ViggleTask)=>{
-    //FeedLumaTask(id)
     
-        //window.open(d.url)
     const link = document.createElement('a');
     link.href = item.result ;
     link.download = item.taskID+".mp4";
     link.target = '_blank';
+    link.rel='noreferrer'
     document.body.appendChild(link);
     link.click();
     document.body.removeChild(link);
@@ -39,7 +38,11 @@ initLoad()
     <div  class="grid grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-3">
         <div v-for="(item, index) in list" :key="index" class="relative" @mousemove="st.pIndex=index" @mouseout="st.pIndex=-1">
             <div class="relative flex items-center justify-center bg-white bg-opacity-10 rounded-[16px] overflow-hidden aspect-[16/8.85] ">
-                <video class="bg-[#242424] object-contain w-full h-full transition-all" v-if="item.result" :src="item.result" :poster="item.resultCover" loop  playsinline  :controls="st.pIndex==index" ></video>
+                <video class="bg-[#242424] object-contain w-full h-full transition-all"
+                 v-if="item.result"   referrerpolicy="no-referrer"
+                :poster="item.resultCover" loop  playsinline  :controls="st.pIndex==index" >
+                    <source :src="item.result" referrerpolicy="no-referrer" type="video/mp4" v-if="st.pIndex==index">
+                </video>
                 <div class=" text-center" v-else>
                      
                     <NButton  size="small" type="primary" @click="FeedViggleTask( item.taskID )"   v-if="!item.last_feed|| ((new Date().getTime())-item.last_feed)>20*1000" >{{$t('video.repeat')}}</NButton>