diff --git a/webUI/src/components/widgets/BarcodeScanner.vue b/webUI/src/components/widgets/BarcodeScanner.vue
index 5883c57..15fe254 100644
--- a/webUI/src/components/widgets/BarcodeScanner.vue
+++ b/webUI/src/components/widgets/BarcodeScanner.vue
@@ -1,65 +1,83 @@
 <template>
     <v-dialog v-model="internalShow" max-width="500" persistent>
-        <v-card>
-            <v-toolbar color="primary" dark>
-                <v-toolbar-title>اسکن بارکد</v-toolbar-title>
-                <v-spacer></v-spacer>
-                <v-btn icon @click="close"><v-icon>mdi-close</v-icon></v-btn>
-            </v-toolbar>
-            <v-card-text class="pa-0">
-                <div class="scanner-container">
-                    <div v-if="overlay" class="scanner-overlay">
-                        <div class="scanner-line"></div>
-                        <div class="scanner-corner top-left"></div>
-                        <div class="scanner-corner top-right"></div>
-                        <div class="scanner-corner bottom-left"></div>
-                        <div class="scanner-corner bottom-right"></div>
-                    </div>
-                    <qrcode-stream :camera="camera" :torch="isFlashOn" :formats="formats"
-                        :track="overlay ? paintOutline : undefined" @detect="onDetect" @init="onInit" />
-                </div>
-            </v-card-text>
-            <v-card-actions class="pa-2">
-                <v-btn @click="toggleFlash" :color="isFlashOn ? 'primary' : 'grey'">
-                    <v-icon start>mdi-flash</v-icon> فلش
-                </v-btn>
-                <v-btn @click="toggleCamera" :disabled="availableCameras.length < 2">
-                    <v-icon start>mdi-camera-flip</v-icon>
-                    {{ isBackCamera ? 'عقب' : 'جلو' }}
-                </v-btn>
-                <v-spacer />
-                <v-btn color="primary" variant="tonal" @click="close">بستن</v-btn>
-            </v-card-actions>
-        </v-card>
+      <v-card>
+        <v-toolbar color="primary" dark>
+          <v-toolbar-title>اسکن بارکد</v-toolbar-title>
+          <v-spacer></v-spacer>
+          <v-btn icon @click="close"><v-icon>mdi-close</v-icon></v-btn>
+        </v-toolbar>
+  
+        <v-card-text class="pa-0">
+          <div v-if="errorMessage" class="error-box">
+            <v-icon color="red" class="mr-2">mdi-alert-circle</v-icon>
+            {{ errorMessage }}
+            <div v-if="canRetry" class="mt-2">
+              <v-btn size="small" color="primary" @click="requestPermission">تلاش دوباره</v-btn>
+            </div>
+          </div>
+  
+          <div v-else class="scanner-container">
+            <div v-if="overlay" class="scanner-overlay">
+              <div class="scanner-line"></div>
+              <div class="scanner-corner top-left"></div>
+              <div class="scanner-corner top-right"></div>
+              <div class="scanner-corner bottom-left"></div>
+              <div class="scanner-corner bottom-right"></div>
+            </div>
+            <qrcode-stream
+              :camera="camera"
+              :torch="isFlashOn"
+              :formats="formats"
+              :track="overlay ? paintOutline : undefined"
+              @detect="onDetect"
+              @init="onInit"
+            />
+          </div>
+        </v-card-text>
+  
+        <v-card-actions class="pa-2" v-if="!errorMessage">
+          <v-btn @click="toggleFlash" :color="isFlashOn ? 'primary' : 'grey'">
+            <v-icon start>mdi-flash</v-icon> فلش
+          </v-btn>
+          <v-btn @click="toggleCamera" :disabled="availableCameras.length < 2">
+            <v-icon start>mdi-camera-flip</v-icon>
+            {{ isBackCamera ? 'عقب' : 'جلو' }}
+          </v-btn>
+          <v-spacer />
+          <v-btn color="primary" variant="tonal" @click="close">بستن</v-btn>
+        </v-card-actions>
+      </v-card>
     </v-dialog>
-</template>
-
-<script setup lang="ts">
-import { ref, watch, onMounted } from 'vue'
-import { QrcodeStream } from 'vue3-qrcode-reader'
-
-const props = defineProps({
+  </template>
+  
+  <script setup lang="ts">
+  import { ref, watch, onMounted } from 'vue'
+  import { QrcodeStream } from 'vue3-qrcode-reader'
+  
+  const props = defineProps({
     modelValue: Boolean,
     formats: { type: Array as () => string[], default: () => ['QR_CODE', 'EAN_13', 'CODE_128'] },
     overlay: { type: Boolean, default: true }
-})
-const emit = defineEmits<{
+  })
+  const emit = defineEmits<{
     (e: 'update:modelValue', value: boolean): void
     (e: 'detected', barcode: string): void
     (e: 'error', error: Error): void
     (e: 'close'): void
-}>()
-
-const internalShow = ref(props.modelValue)
-watch(() => props.modelValue, val => internalShow.value = val)
-watch(internalShow, val => emit('update:modelValue', val))
-
-const camera = ref<'auto' | 'off' | 'user' | 'environment'>('environment')
-const isFlashOn = ref(false)
-const availableCameras = ref<MediaDeviceInfo[]>([])
-const isBackCamera = ref(true)
-
-const paintOutline = (location: any, ctx: CanvasRenderingContext2D) => {
+  }>()
+  
+  const internalShow = ref(props.modelValue)
+  watch(() => props.modelValue, val => internalShow.value = val)
+  watch(internalShow, val => emit('update:modelValue', val))
+  
+  const camera = ref<'auto' | 'off' | 'user' | 'environment'>('environment')
+  const isFlashOn = ref(false)
+  const availableCameras = ref<MediaDeviceInfo[]>([])
+  const isBackCamera = ref(true)
+  const errorMessage = ref('')
+  const canRetry = ref(false)
+  
+  const paintOutline = (location: any, ctx: CanvasRenderingContext2D) => {
     if (!location) return
     const { topLeftCorner, topRightCorner, bottomLeftCorner, bottomRightCorner } = location
     ctx.strokeStyle = '#00ff00'
@@ -71,44 +89,82 @@ const paintOutline = (location: any, ctx: CanvasRenderingContext2D) => {
     ctx.lineTo(bottomLeftCorner.x, bottomLeftCorner.y)
     ctx.closePath()
     ctx.stroke()
-}
-
-const onInit = (promise: Promise<void>) => {
-    promise.catch((err: Error) => {
-        emit('error', err)
-        close()
-    })
-}
-
-const onDetect = (promise: Promise<any>) => {
-  promise.then(result => {
-    if (result?.content) {
-      emit('detected', result.content)
-      close()
+  }
+  
+  const onInit = async (promise: Promise<void>) => {
+    try {
+      await promise
+      errorMessage.value = ''
+      canRetry.value = false
+    } catch (err: any) {
+      if (err.name === 'NotAllowedError' || err.message?.includes('permission')) {
+        errorMessage.value = 'برای استفاده از اسکنر لطفاً اجازه دسترسی به دوربین را بدهید.'
+        canRetry.value = true
+        emit('error', new Error(errorMessage.value))
+        return
+      }
+      if (err.name === 'NotFoundError' || err.message?.includes('camera') || err.message?.includes('device')) {
+        errorMessage.value = 'هیچ دوربینی در دستگاه شما یافت نشد.'
+        canRetry.value = false
+        emit('error', new Error(errorMessage.value))
+        return
+      }
+      errorMessage.value = 'خطا در راه‌اندازی دوربین: ' + (err.message || 'خطای نامشخص')
+      canRetry.value = false
+      emit('error', new Error(errorMessage.value))
     }
-  }).catch(err => console.error('Error decoding QR:', err))
-}
-
-const toggleFlash = () => isFlashOn.value = !isFlashOn.value
-
-const toggleCamera = () => {
+  }
+  
+  const onDetect = (promise: Promise<any>) => {
+    promise.then(result => {
+      if (result?.content) {
+        emit('detected', result.content)
+        close()
+      }
+    }).catch(err => {
+      console.error('Error decoding QR:', err)
+    })
+  }
+  
+  const toggleFlash = () => isFlashOn.value = !isFlashOn.value
+  const toggleCamera = () => {
     camera.value = camera.value === 'environment' ? 'user' : 'environment'
     isBackCamera.value = camera.value === 'environment'
-}
-
-const close = () => {
+  }
+  const requestPermission = async () => {
+    try {
+      await navigator.mediaDevices.getUserMedia({ video: true })
+      errorMessage.value = ''
+      canRetry.value = false
+    } catch {
+      errorMessage.value = 'دسترسی به دوربین رد شد.'
+      canRetry.value = true
+    }
+  }
+  const close = () => {
     internalShow.value = false
     emit('close')
-}
-
-onMounted(async () => {
-    const devices = await navigator.mediaDevices.enumerateDevices();
-    availableCameras.value = devices.filter(device => device.kind === 'videoinput')
-})
-</script>
-
-<style scoped>
-.scanner-container {
+  }
+  
+  onMounted(async () => {
+    try {
+      const devices = await navigator.mediaDevices.enumerateDevices()
+      availableCameras.value = devices.filter(device => device.kind === 'videoinput')
+      if (availableCameras.value.length === 0) {
+        errorMessage.value = 'هیچ دوربینی در دستگاه شما یافت نشد.'
+        canRetry.value = false
+        emit('error', new Error(errorMessage.value))
+      }
+    } catch {
+      errorMessage.value = 'خطا در بررسی دوربین‌های موجود.'
+      canRetry.value = false
+      emit('error', new Error(errorMessage.value))
+    }
+  })
+  </script>
+  
+  <style scoped>
+  .scanner-container {
     width: 100%;
     height: 300px;
     background: #000;
@@ -118,15 +174,13 @@ onMounted(async () => {
     display: flex;
     align-items: center;
     justify-content: center;
-}
-
-.scanner-container video {
+  }
+  .scanner-container video {
     width: 100%;
     height: 100%;
     object-fit: cover;
-}
-
-.scanner-overlay {
+  }
+  .scanner-overlay {
     position: absolute;
     top: 0;
     left: 0;
@@ -134,9 +188,8 @@ onMounted(async () => {
     bottom: 0;
     z-index: 1;
     pointer-events: none;
-}
-
-.scanner-line {
+  }
+  .scanner-line {
     position: absolute;
     top: 50%;
     left: 0;
@@ -144,56 +197,27 @@ onMounted(async () => {
     height: 2px;
     background: #00ff00;
     animation: scan 2s linear infinite;
-}
-
-.scanner-corner {
+  }
+  .scanner-corner {
     position: absolute;
     width: 20px;
     height: 20px;
     border-color: #00ff00;
     border-style: solid;
     border-width: 0;
-}
-
-.scanner-corner.top-left {
-    top: 20%;
-    left: 20%;
-    border-top-width: 4px;
-    border-left-width: 4px;
-}
-
-.scanner-corner.top-right {
-    top: 20%;
-    right: 20%;
-    border-top-width: 4px;
-    border-right-width: 4px;
-}
-
-.scanner-corner.bottom-left {
-    bottom: 20%;
-    left: 20%;
-    border-bottom-width: 4px;
-    border-left-width: 4px;
-}
-
-.scanner-corner.bottom-right {
-    bottom: 20%;
-    right: 20%;
-    border-bottom-width: 4px;
-    border-right-width: 4px;
-}
-
-@keyframes scan {
-    0% {
-        transform: translateY(-50px);
-    }
-
-    50% {
-        transform: translateY(50px);
-    }
-
-    100% {
-        transform: translateY(-50px);
-    }
-}
-</style>
\ No newline at end of file
+  }
+  .scanner-corner.top-left { top: 20%; left: 20%; border-top-width: 4px; border-left-width: 4px; }
+  .scanner-corner.top-right { top: 20%; right: 20%; border-top-width: 4px; border-right-width: 4px; }
+  .scanner-corner.bottom-left { bottom: 20%; left: 20%; border-bottom-width: 4px; border-left-width: 4px; }
+  .scanner-corner.bottom-right { bottom: 20%; right: 20%; border-bottom-width: 4px; border-right-width: 4px; }
+  @keyframes scan {
+    0% { transform: translateY(-50px); }
+    50% { transform: translateY(50px); }
+    100% { transform: translateY(-50px); }
+  }
+  .error-box {
+    padding: 16px;
+    color: red;
+    text-align: center;
+  }
+  </style>  
\ No newline at end of file
diff --git a/webUI/src/views/acc/storeroom/io/sell.vue b/webUI/src/views/acc/storeroom/io/sell.vue
index cd628a8..4c80f6f 100755
--- a/webUI/src/views/acc/storeroom/io/sell.vue
+++ b/webUI/src/views/acc/storeroom/io/sell.vue
@@ -109,10 +109,10 @@
                   </div>
 
                   <div class="col-actions">
-                    <v-btn icon size="small" color="primary" variant="text"
+                    <!-- <v-btn icon size="small" color="primary" variant="text"
                       @click="scanner.open = true, scanner.mode = 'serial', scanner.itemIndex = index, scanner.lineIndex = lidx">
                       <v-icon>mdi-barcode-scan</v-icon>
-                    </v-btn>
+                    </v-btn> -->
                   </div>
 
                   <div class="col-warranty">
@@ -129,7 +129,7 @@
 
                   <div class="col-actions">
                     <v-btn icon size="small" color="secondary" variant="text"
-                      @click="scanner.open = true, scanner.mode = 'warranty', scanner.itemIndex = index, scanner.lineIndex = lidx">
+                      @click="scanner.open = true, scanner.mode = 'serial', scanner.itemIndex = index, scanner.lineIndex = lidx">
                       <v-icon>mdi-barcode-scan</v-icon>
                     </v-btn>
                   </div>