Initial vue frontend

frontend-vue/src/components/chat/InputActions.vue

@@ -0,0 +1,73 @@
+<template>
+  <div class="input-actions">
+    <BaseButton
+      variant="ghost"
+      size="sm"
+      @click="$emit('file-upload')"
+      aria-label="Upload file"
+      :disabled="disabled"
+    >
+      📎
+    </BaseButton>
+    
+    <BaseButton
+      variant="ghost"
+      size="sm"
+      @click="$emit('camera')"
+      aria-label="Take photo"
+      :disabled="disabled"
+    >
+      📷
+    </BaseButton>
+    
+    <BaseButton
+      variant="ghost"
+      size="sm"
+      @click="$emit('voice')"
+      aria-label="Record voice message"
+      :disabled="disabled"
+    >
+      🎤
+    </BaseButton>
+    
+    <BaseButton
+      variant="primary"
+      size="sm"
+      @click="$emit('send')"
+      :disabled="!canSend || disabled"
+      aria-label="Send message"
+    >
+      Send
+    </BaseButton>
+  </div>
+</template>
+
+<script setup lang="ts">
+import BaseButton from '@/components/base/BaseButton.vue'
+
+interface Props {
+  disabled?: boolean
+  canSend?: boolean
+}
+
+withDefaults(defineProps<Props>(), {
+  disabled: false,
+  canSend: false
+})
+
+defineEmits<{
+  'file-upload': []
+  'camera': []
+  'voice': []
+  'send': []
+}>()
+</script>
+
+<style scoped>
+.input-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-shrink: 0;
+}
+</style>